.mask{ width: 100%; height: 100%; position: fixed; z-index: 8; background-color: #000; opacity: .8; top: 0; left: 0; display:none; }
.mask_two{ width: 100%; height: 100%; position: fixed; z-index: 10; background-color: #000; opacity: .8; top: 0; left: 0; display:none; }

.pop{ width: 740px; position: absolute; top: 100px; left: 50%; margin-left: -370px; z-index: 9; background-color: #fff; display: none}
.pop .pop_img{ display: block; }
.pop .close{ width: 48px; height: 48px; display: block; position: absolute; top: 5px; right: 5px; border: 1px #ddd solid; z-index: 3}
.pop .close img{ display: block; padding: 9px; transition: .5s }
.pop .close:hover img{ transform: rotate(90deg); }
.pop .closed{ width: 48px; height: 48px; display: block; position: absolute; top: 5px; right: 5px; border: 1px #ddd solid; z-index: 3}
.pop .closed img{ display: block; padding: 9px; transition: .5s }
.pop .closed:hover img{ transform: rotate(90deg); }
.pop .pop_con{ width: 100%; background-image: url(img/pop_bg.jpg); min-height: 200px; }

.pop .pop_t{ width: 703px; height: 134px; background-image: url(img/pop_t_bg.png); position: absolute; top: 6px; left: 18px; z-index: 2;}
.pop .pop_t h1{ padding-top: 35px; text-align: center; color: #777; font-size: 30px; }
.pop .select_box{ width: 420px; height: 90px; padding: 150px 0 60px; margin: 0 auto; }
.pop .select_box ul li{ width: 140px; height: 90px; float: left; box-sizing: border-box; border-right: 1px #ddd dashed; text-align: center; }
.pop .select_box ul li:first-child{ border-left: 1px #ddd dashed; }
.pop .select_box ul li a{ width: 140px; height: 65px; display: block; }
.pop .select_box ul li img{ display: block; margin: 0 auto; padding-top: 13px; transition: .5s}
.pop .select_box ul li:hover img{ transform: translateY(-5px); }
.pop .select_box ul li span{ display: block; font-size: 16px; color: #666;}

.pop .upload_box{ width: 600px; margin: 0 auto; padding:150px 0 40px;  }
.pop .upload_box ul li{ overflow: hidden; padding: 5px 0; font-size: 14px; color: #666; }
.pop .upload_box ul li .form_t{ display: block; float: left; width: 110px; text-align:right; color: #666; padding-right: 15px; line-height: 42px;}
.pop .upload_box ul li .form_t b{ color: #f00; display: inline-block; vertical-align: middle; margin-right: 3px; }
.pop .upload_box ul li input{ height: 40px; line-height: 40px; font-size: 14px; color: #666; border: 1px #ddd solid; text-indent: 15px; float: left; width: 280px;}
.pop .upload_box ul li textarea{ height: 40px; line-height: 20px; font-size: 14px; color: #666; border: 1px #ddd solid; padding: 10px 15px; box-sizing: border-box; float: left; width: 452px; height: 100px;}
.pop .upload_box ul li #editor{ font-size: 14px; color: #666; box-sizing: border-box; float: left; width: 452px;}
.pop .upload_box ul li select{ height: 40px; line-height: 40px; font-size: 14px; color: #666; border: 1px #ddd solid; text-indent: 15px; float: left; width: 282px;}
.pop .upload_box ul li input.input_long{ width: 450px; 
	}
.pop .upload_box ul li .error_tips{ font-size: 14px; color: #f00; display: block; clear: both; padding-left: 125px; padding-top: 5px; display: none}
.pop .upload_box ul li .upload_img{ float: left; background-color: #f6f6f6; border: 1px #e7e7e7 solid; overflow: hidden; padding: 0 5px; max-width: 440px;}
.pop .upload_box ul li .upload_img ul li{ width: 98px; height: 108px; float: left; border: 1px #ddd solid; margin: 10px 5px; padding: 0; position: relative;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.pop .upload_box ul li .upload_img ul li img{ width: 100%; display: block; transition: .5s}
.pop .upload_box ul li .upload_img ul li .del{ position: absolute; top: 0; right: 0; padding: 5px; background-color: #c54952; }
.pop .upload_box ul li .upload_img ul li .del:hover img{ transform: rotate(90deg);}
.pop .upload_box ul li .upload_img ul li .cover{ width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; height: 20px; line-height: 20px; color: #fff; background-color: #c54952; font-size: 12px; opacity: 0; transition: .5s; cursor: pointer;}
.pop .upload_box ul li .upload_img ul li:hover .cover{ opacity: 1 }
.pop .upload_box ul li .upload_img ul li.cur .cover{ opacity: 1 }
.pop .upload_box ul li .upload_img ul li .upload_btn{ width: 98px; height: 108px; display: block; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; }
.pop .upload_box ul li .form_tips{ font-size: 14px; color: #999; display: block; clear: both; padding-left: 125px; padding-top: 5px;}
.pop .upload_box ul li .submit{ width: 200px; height: 60px; line-height: 60px; text-align: center; background-color: #c54952; margin: 0 auto; border-radius: 10px; color: #fff; margin: 20px auto 0; display: block; font-size: 22px; cursor: pointer; }
.pop .upload_box ul li .submit:hover{ background-color: #da3843 }
.pop .upload_box ul li label{ display: block; float: left; margin-right: 30px; line-height: 40px;}
.pop .upload_box ul li label .radio{ width: 15px; height: 15px; display: block; margin-top: 12px; margin-right: 8px;}
.pop .upload_box ul li label .checkbox{ width: 15px; height: 15px; display: block; margin-top: 12px; margin-right: 8px;}
.pop .upload_box ul li .avatar{ float: left; max-width: 460px; }
.pop .upload_box ul li .avatar a{ width: 40px; height: 40px; display: block; float: left; margin-right: 10px; margin-bottom: 5px; border: 1px #ddd solid; border-radius: 40px; box-sizing: border-box; overflow: hidden;}
.pop .upload_box ul li .avatar a img{ width: 100%; display: block; }
.pop .upload_box ul li .avatar a.cur{ border: 1px #c54952 solid; background-color: #c54952; }
.pop .upload_box ul li .get_code{ width: 122px; height: 42px; float: left; display: block; margin-left: 10px; background-color: #c54952; color: #fff; line-height: 42px; text-align: center; }
.pop .upload_box ul li .get_code.timeout{ background-color: #999 }
.pop .upload_box ul li .vf_img{ width: 120px; height: 40px; border: 1px #ddd solid; display: block; float: left; margin-left: 10px; }
.pop .common_tips{ padding: 60px 0; text-align: center; }
.pop .common_tips .h1{ font-size: 28px; color: #666; font-weight: bold;}
.pop .common_tips .h2{ font-size: 16px; color: #999; line-height: 25px; padding-top: 20px; }
.pop .pop_btn{ width: 160px; height: 50px; line-height: 50px; text-align: center; background-color: #c54952; margin: 0 auto; border-radius: 10px; color: #fff; margin: 20px auto 0; display: block; font-size: 22px; cursor: pointer; }
.pop .pop_btn:hover{ background-color: #da3843 }

.pop_work{ width: 1280px; background: #fff; border-radius: 10px; position: absolute; top: 120px; left: 50%; margin-left: -640px; z-index: 9; display: none}
.pop_work .close{ position: absolute; top: -70px; right: 0; z-index: 2; width: 60px; height: 60px; display: block; }
.pop_work .close img{ display: block; transition: .5s }
.pop_work .close:hover img{ transform: rotate(90deg); }
.pop_work .work_wrap{ width: 899px; min-height: 740px; float: left; position: relative; border-right: 1px #ededed solid;}
.pop_work .work_info{ width: 840px; margin: 0 auto; padding: 15px 0; overflow: hidden; position: relative;}
.pop_work .work_info .name{width: 610px; font-size: 30px; color: #333; line-height: 30px; display: block; line-height: 35px; }
.pop_work .work_info .act_label{ font-size: 14px; color: #333; padding: 10px 0; }
.pop_work .work_info .act_label a{color: #a49460;}
.pop_work .work_info .works_text{ font-size: 14px; color: #333; line-height: 20px; }
.pop_work .work_info .works_share{ padding-top: 10px; font-size: 14px; overflow: hidden; line-height: 20px}
.pop_work .work_info .works_share .time{ display: block; float: left; color: #999 }
.pop_work .work_info .works_share .report{ width: 60px; height: 20px; line-height: 20px; transition: .5s; display: block; float: left; border-left: 1px #dedede solid; color: #999; font-size: 14px; text-align: center; margin-left: 10px; }
.pop_work .work_info .works_share .report:hover{ color: #000; }
.pop_work .work_info .works_share .share_box{ font-size: 14px; color: #bbb; float: right;}
.pop_work .work_info .works_share .share_box span{ display: block; float: left; line-height: 24px; }
.pop_work .work_info .works_share .share_box span i{ width: 20px; height: 21px; display: inline-block; background-image: url(img/ico_14.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.pop_work .work_info .works_share .share_box a{ width: 24px; height: 24px; display: block; float: left; margin: 0 5px; background-image: url(img/ico_share.png); background-position: top; background-size: 300% 200%; border: 1px #dedede solid; border-radius: 20px;}
.pop_work .work_info .works_share .share_box a.share_1{ background-position: 0 0 }
.pop_work .work_info .works_share .share_box a.share_2{ background-position: -24px 0 }
.pop_work .work_info .works_share .share_box a.share_3{ background-position: -48px 0 }
.pop_work .work_info .works_share .share_box a:hover{ background-color: #c9b674; border: 1px #c9b674 solid; }
.pop_work .work_info .works_share .share_box a.share_1:hover{ background-position: 0 -24px; }
.pop_work .work_info .works_share .share_box a.share_2:hover{ background-position: -24px -24px }
.pop_work .work_info .works_share .share_box a.share_3:hover{ background-position: -48px -24px }
.pop_work .work_info .zan{ width: 24px; text-align: center; cursor: pointer; position: absolute; top: 20px; right: 10px; }
.pop_work .work_info .zan i{ width: 24px; height: 30px; display: block; background-image: url(img/zan.png); background-size: 100% 100%; }
.pop_work .work_info .zan span{ display: block; text-align: center; font-size: 14px; color: #c9b674; padding-top: 2px; }


.pop_work .works_text{ width: 860px; padding: 20px; margin: 0 auto; background-color: #fffcf4; font-size: 16px; color: #888; line-height: 25px; max-height: 1000px; overflow: auto;}
.pop_work .works_text h1{ font-size: 16px; }

.pop_work .work_box{ width: 840px; min-height: 630px; margin: 0 auto;}
.pop_work .work_video{ width: 840px; min-height: 640px; overflow: hidden; margin: 0 auto; background: #fff;}
.pop_work .work_box img{ max-width: 730px; display: block; margin: 0 auto;}

.pop_work .work_tab{ width: 819px; height: 64px; padding: 10px; margin: 15px auto; text-align: center;}
.pop_work .work_tab ul li{ width: 60px; height: 60px; display: inline-block; margin: 0 5px; overflow: hidden; background: #f5f5f5; border: 2px #fff solid;}
.pop_work .work_tab ul li a{  width: 100%; height: 100%;}
.pop_work .work_tab ul li img{width: 100%; display: block; }
.pop_work .work_tab ul li.cur{ border: 2px #f60 solid; }
.pop_work .work_cutover{ position: absolute; width: 100%; height: 29px; top: 50%; margin-top: -15px; z-index: 2; left: 0 }
.pop_work .work_cutover a{ width: 55px; height: 110px; display: block; position: absolute; top: 0; background-image: url(img/arrow.png); background-size: 200% 200%}
.pop_work .work_cutover a.prev{ background-position: left top; left: 20px }
.pop_work .work_cutover a.next{ background-position: right top; right: 20px }
.pop_work .work_cutover a.prev:hover{ background-position: left bottom;  }
.pop_work .work_cutover a.next:hover{ background-position: right bottom; }

.pop_video{ height: 735px;  top: 120px;}


.pop_work .work_intro{ width: 380px; min-height: 740px; float: right; position: relative;}
.pop_work .work_intro .user_box{ width:340px; margin: 0 auto; padding: 25px 0 10px 0; overflow: hidden; border-bottom: 1px #eee solid;}
.pop_work .work_intro .user_box .avatar{ width: 84px; height: 84px; padding: 5px; border:1px #ececec solid; border-radius: 130px; float: left;}
.pop_work .work_intro .user_box .avatar .touxiang{ width: 84px; height: 84px; display: block; border-radius: 130px; overflow: hidden; background-color: #ebe5d0}
.pop_work .work_intro .user_box .avatar .touxiang img{ width: 100%; display: block; }
.pop_work .work_intro .user_box .avatar .follow_btn{ width: 70px; height: 32px; display: block; background: #c54952; text-align: center; margin: 15px auto 0; color: #fff; line-height: 32px; border-radius: 5px;}
.pop_work .work_intro .user_box .avatar .follow_btn i{ font-style: normal; font-size: 22px; vertical-align: middle; display: inline-block; margin-top: -5px; margin-right: 3px;}
.pop_work .work_intro .user_box .avatar .follow_btn:hover{ background: #d95a63 }
.pop_work .work_intro .user_box .user{ width: 230px; float: right; }
.pop_work .work_intro .user_box .name{ display: block;  font-size: 24px; color: #a49460; padding-top: 10px; }
.pop_work .work_intro .user_box .user_intro{ font-size: 14px; color: #333; line-height: 20px; }
.pop_work .work_intro .user_box .user_value{ width: 276px; margin: 12px auto 10px; padding: 10px 0; font-size: 16px; color: #999;}
.pop_work .work_intro .user_box .user_value span{ padding-right: 40px; position: relative;}
.pop_work .work_intro .user_box .user_value span b{ font-weight: normal; padding-right:5px; }
.pop_work .work_intro .user_box .user_value span:first-child:before{ content: ""; width: 1px; height: 18px; display: block; background: #ddd; right: 17px; top: 2px; position: absolute;}

.pop_work .work_intro .pop_comment{ width: 340px; margin: 0 auto; padding: 10px 0 20px }
.pop_work .work_intro .pop_comment .comment_t{overflow: hidden; padding: 10px 0;}
.pop_work .work_intro .pop_comment .comment_t h1{ font-size: 30px; color: #333; font-weight: normal; display: block; float: left; }
.pop_work .work_intro .pop_comment .comment_t h1 span{ font-size: 14px; color: #999; }
.pop_work .work_intro .pop_comment .comment_t .pop_user_info{ float: right; font-size: 14px; color: #999; padding-top: 15px;}
.pop_work .work_intro .pop_comment .comment_t .pop_user_info a{ margin: 0 10px; color: #999; }
.pop_work .work_intro .pop_comment .comment_t .pop_user_info a:hover{ color: #000 }
.pop_work .work_intro .pop_comment .comment_form{ width: 340px; height: 150px; border: 1px #eee solid; box-sizing: border-box; clear: both; overflow: hidden;}
.pop_work .work_intro .pop_comment .comment_form textarea{width: 310px; height: 90px; padding: 10px; font-size: 14px; color: #666; line-height: 22px; }
.pop_work .work_intro .pop_comment .comment_form .text_numb{ font-size: 14px; color: #999; display: block; float: left; padding-left: 10px; line-height: 30px; }
.pop_work .work_intro .pop_comment .comment_form .comment_submit{ width: 60px; height: 25px; line-height: 25px; display: block; float: right; text-align: center; color: #fff; background: #c54952; margin-right: 10px; border-radius: 5px; }
.pop_work .work_intro .pop_comment .comment_form .comment_submit:hover{ background: #d75b64 }

.pop_work .work_intro .pop_comment .comment_box{ width: 340px; margin: 0 auto; padding: 20px 0 }
.pop_work .work_intro .pop_comment .comment_box h1{ font-size: 20px; color: #333; font-weight: normal; }
.pop_work .comment_list{  width: 100%; padding: 10px 0; }
.pop_work .comment_list ul li{ padding: 10px 0; border-bottom: 1px #eee dashed; overflow: hidden; }
.pop_work .comment_list ul li .avatar{ width: 46px; height: 46px; display: block; float: left; border: 1px #ddd solid; border-radius: 50px; overflow: hidden; }
.pop_work .comment_list ul li .avatar img{ width: 100%; display: block; }
.pop_work .comment_list ul li .comment_info{ width: 280px; float: right; font-size: 14px;}
.pop_work .comment_list ul li .comment_info p{ overflow: hidden; padding: 2px 0; }
.pop_work .comment_list ul li .comment_info .name{ display: block; float: left; padding-right: 10px; color: #999 }
.pop_work .comment_list ul li .comment_info .time{ display: block; float: left; color: #999 }
.pop_work .comment_list ul li .comment_info .commen_content{ font-size: 14px; color: #333; line-height: 20px; }

.pop_work .pop_comment .page_numb{ width: 100%; text-align: center; font-size: 12px; padding-top: 10px;}
.pop_work .pop_comment .page_numb a{ display: inline-block; margin: 0 2px; color: #333; width: 22px; height: 22px; line-height: 22px; text-align: center; border: 1px #b9ad81 solid; border-radius: 25px; }
.pop_work .pop_comment .page_numb a:hover{ color: #fff; background: #b9ad81 }
.pop_work .pop_comment .page_numb a.cur{ color: #fff; background: #b9ad81 }
.pop_work .pop_comment .page_numb .prev{ width: 60px; }
.pop_work .pop_comment .page_numb .next{ width: 60px; }



.vm{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.pop_tips,.pop_two_tips,.pop_report{
	z-index: 11
}
#editor{
	width: 452px;float: left;
}