body,html{overflow-x: hidden;}
body{background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bg.jpg);font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }
.headerWrapper{height:718px; background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/banner.jpg) no-repeat center center;margin-top:-3px; position: relative;}
.wp{width:1081px;margin-left:auto;margin-right:auto;}

.ml60{ margin-left:60px;}
.main{ background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bg.jpg'); }


.pl50{padding-left: 50px;}


input,textarea,button{font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }




.snames{display: inline-block;background: #b4b4b4;color:#000;font-size:14px;padding:0px 5px;margin:3px 0;line-height:24px;}


.w{height:61px;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/wo.png) no-repeat left center;}



.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}



.combox{border:2px solid #e64436;}








.commentsBox .textWrapper{text-align: center;min-height:140px;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/tt.png) no-repeat center top;padding:10px 0 0 0;}
.commentsBox.noBg textarea{width:952px;height:114px;outline:none;border:2px solid #e64436; font-size:14px;padding: 10px; background: #fff;box-sizing: border-box;}
.commentsBox.noBg{ background:none;padding:0;margin-top:20px;}


a.facespan{font-size:12px;display:inline-block;padding:2px 5px; color: #f2f2f2;}
a.facespan:hover{color:#f1f1f1;}

.commentsBox{ padding:0 50px;margin-top:0px;}

.commentsUl{margin:0 auto;font-size:14px;padding-bottom:40px;}
.commentsUl li:first-child{border-top:1px solid #e64436;}
.commentsUl li{border-bottom:1px solid #e64436;padding:20px 0 20px 0;margin:0 auto; position:relative;}

.floor{color:#fff; position:absolute;right:0px;top:20px;font-size:14px;width:80px;}
.floor b{display: inline-block;width:25px;text-align: center;padding-bottom:5px;white-space:nowrap;}
.floor .like{display: block; cursor: pointer;filter: grayscale(100%);filter: gray;}
.floor .like.active,.floor .like:hover{cursor: default;filter:none;}
.floor .like i{display: inline-block;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/heart.png); width:25px;height:25px; vertical-align: middle;margin-right:3px;}
.floor .like span{line-height:25px;height:25px;display: inline-block; vertical-align: middle;font-size:14px;color:#e64436;}

.commentsUlLeft{width:48px;float:left;padding:3px 0 0 0; }
.commentsUlRight{margin-left:65px;color:#333;}

.commentsUlRight a{color:#e64436;}
.date{color:#999;margin-top:5px;}
.commentsUlRight p{padding-top:5px;padding-right:100px; color: #f1f1f1;}

a.reCom{color:#e64436; float:right;}
a.reCom:hover{color:#f1f1f1; text-decoration:none;}


.page{background: #e64436;}
.page a,.page span{ display:inline-block;font-size:14px;margin:0 10px;}
.page span{color:#000;}
.page a:link,.page a:visited{color:#000; text-decoration:none;}
.page a:hover,.page a:active{color:#000; text-decoration:none;}

.page a.selected:link,.page a.selected:visited{color:#000; text-decoration:none;font-weight:bold;}
.page a.selected:hover,.page a.selected:active{color:#000; text-decoration:none;font-weight:bold;}

.bigPage > a.selected, .bigPage > a.selected:hover{background:transparent;}
.bigPage > a{width:auto;}
.bigPage > a,.bigPage a:hover{background:transparent;font-weight:normal;}
.bigPage > a.selected{font-weight:bold;}
.pageNext ,.pagePrev{display:none!important;}
.bigPage{padding:0;}
.isTxtBig{height:18px;}

.dvimgs{width:978px;margin:0 auto;}
.dvimgs a{display: inline-block;width:158px;height:78px;float:left;margin:0 5px 5px 0; opacity: 0.8;cursor: default;}
/*.dvimgs a:hover{opacity:1;}*/
.dvimgs a img{width:158px;height:78px;}

.dvtwo{ text-align: center; }
.dvtwo a{display: inline-block;width:158px;height:78px;margin:0 5px 5px 0;  opacity: 1;cursor: default;}
/*.dvtwo a:hover{opacity: 1}*/
.dvtwo a img{width:158px;height:78px;}


.fbs{display: inline-block;/*background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/fb.png) no-repeat left top;*/margin-right:65px;display: inline-block;width:220px;height:52px;position: relative;}
.fbs .lyBtn{width:220px;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/fb.png) no-repeat left top;height:52px;display: inline-block; position: absolute;right:0;top:0;}
.fbs .lyBtn:hover{background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/fb.png) no-repeat right top;}

/*a.lyBtn{ display:inline-block;width:90px;height:40px; background:#fff; color: #0f0f0f; font-size: 16px; line-height: 40px; text-align: center;}
a.lyBtn:hover{background:#c4c4c4;}*/

.area textarea{width:925px;padding:5px;border:1px solid #fff;height:60px;}

.fBox{ position:relative;margin-top:10px;padding:10px;}


.pt80{padding-top:80px;}
.pb40{padding-bottom:40px;}

a.cancelBtn{ display:inline-block; background:#999999;color:#fff; text-align:center;line-height:40px;width:90px;height:40px;font-size:16px; font-family:"微软雅黑"; text-decoration:none;overflow:hidden;}
a.cancelBtn:hover{ background:#c4c4c4;}
a.submitBtn{ display:inline-block; background:#fff;color:#000;text-align:center;line-height:40px;width:90px;height:40px; font-size:16px; font-family:"微软雅黑"; text-decoration:none;overflow:hidden;}
a.submitBtn:hover{ background:#c4c4c4;}






.downComments{ background:#0f0f0f;margin-top:50px;padding:30px 0 30px 0;}
.fTitle{font-size:16px; color: #fff;}
.fTitle p{ font-size: 14px; color: #58ddc2; }


.more-cont{color: #fff; font-size: 20px; margin-top: 120px; margin-bottom: 70px;}
.more-cont a{color: #58ddc2; text-decoration: none;}
.more-cont a:hover{color: #6affe1;}
.mr60{margin-right: 60px;}
.pr60{padding-right: 60px;}
.ml60{margin-left: 60px;}
.pb80{padding-bottom: 80px;}

a.down-a{font-size: 14px; color: #58ddc2;}
a.down-a:hover{color: #6affe1;}
.fl{ float: left; }
.fr{float: right;}

.sxbg{ background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/sx.png') no-repeat center center;}
.sxbg.sx1{background-position: center 0px;}
.sxbg.sx2{background-position: center 1350px;}



.bq01{/*background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/sx.png') no-repeat center center;*/ height:747px; margin-left: 48px; padding-top: 20px;}
.borbg{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/borbg.png') repeat-y top center; margin-top: 10px;}
.caseBox{margin-left: 37px;}
.caseBox li{width: 330px; float: left; height: 330px; background:rgba(40, 40, 40, 0.65);box-sizing: border-box; margin: 8px 8px 0 0; border:1px solid transparent;}
.caseBox li a{width: 330px; height: 330px; display: inline-block;}
.caseBg01{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case01.png') no-repeat center center; height:257px; margin-top: 35px;}
.casetext{width: 276px; padding: 110px 0 0 28px; font-size: 16px; color: #ccc;}
.caseBox li:hover{ border: 1px solid #912d23; box-sizing: border-box;}
.caseBg02{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case02.png') no-repeat center center; height:257px; margin-top: 35px;}
.caseBg03{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case03.png') no-repeat center center; height:257px; margin-top: 35px;}
.caseBox02{}
.caseBox02 li{width: 499px; height: 375px;}
.caseBg04{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case04.png') no-repeat center top; height:298px; margin-top: 35px;}
.caseBg05{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case05.png') no-repeat center top; height:299px; margin-top: 35px;}
.caseBg06{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case06.png') no-repeat center top; height:301px; margin-top: 35px;}
.caseBg07{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case07.png') no-repeat center top; height:300px; margin-top: 35px;}
.caseBg08{background: url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/case08.png') no-repeat center top; height:300px; margin-top: 35px;}
.caseBox02 li a{width: 500px; height: 375px; display: inline-block;}
.zimg01{ margin-top: 35px;padding-left: 27px;}
.caseBox03{float: left;}
.caseBox03 li{width: 793px; height: 375px;}
.caseBox03 li a{width: 790px; height: 375px; display: inline-block;}
.zimg02{margin-top: 35px; padding-left: 20px;}
.casetexts{width: 450px; font-size: 16px; color: #ccc; padding: 110px 0 0 28px;}
a.casemore{ float: left;background:rgba(40, 40, 40, 0.65); height:375px; width: 205px; margin-left: 0px; margin-top: 8px; display: inline-block;
 padding-top: 140px; box-sizing: border-box; padding-left: 50px;border:1px solid transparent;}
 a.casemore:hover{border:1px solid #912d23;}


.t02s{padding:90px 0 70px;}
.tline.t{transform: rotate(180deg);}

.video{width: 442px; height: 248px; float: left;}
.videoBox{ margin: 0 auto;width: 825px; padding: 30px 0;}
.videoTitle{float: left; margin-top: 50px; padding-left: 70px;}

.lowBoxBg{background:rgba(40, 40, 40, 0.65); width: 1007px; margin: 0 auto; margin-top: 10px;}
.bq04{ padding:40px 0 0 40px; }
.lower{width: 820px; margin: 0 auto; margin-top: 40px;}
.lower li:nth-child(10) img{margin-left:-28px;}

a.lowermore{ background:url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/lowermore.png') no-repeat center center; height:73px; display: inline-block; width: 916px; margin: 45px;}
a.lowermore:hover{background:url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/lowermore-on.png') no-repeat center center;}
.mt5{ margin-top: 5px; }
.jmbg{background:rgba(40, 40, 40, 0.65); width: 1007px; margin: 0 auto;}
.serctBox{padding: 43px;}
.serct{font-size: 16px; color: #ccc; width: 440px; line-height: 30px;word-break: normal;}

a.knowmore{background:url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bqmore.png') no-repeat center center; height:73px; display: inline-block; width: 916px; margin: 45px;}
a.knowmore:hover{background:url('https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bqmore-on.png') no-repeat center center;}



.tsbox{width:1021px;height:942px;margin:0 auto;position: relative;}
.tsbox span{display: inline-block;position: absolute;width:340px;height:326px;left:339px;top:306px;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bq14.png) no-repeat -339px -306px;}
.tsbox a{display: inline-block;position: absolute;background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/bq14.png) no-repeat;}
.tsbox a:hover{background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/dy-on.png) no-repeat;}
.tsbox a:nth-child(1){width:339px;height:306px;left:0px;top:0px;background-position: 0px 0px;}
.tsbox a:nth-child(2){width:331px;height:306px;left:339px;top:0px;background-position: -339px 0px;}
.tsbox a:nth-child(3){width:344px;height:306px;left:678px;top:0px;background-position: -678px 0px;}
.tsbox a:nth-child(4){width:339px;height:326px;left:0px;top:306px;background-position: 0px -306px;}
.tsbox a:nth-child(5){width:344px;height:326px;left:678px;top:306px;background-position: -678px -306px;}
.tsbox a:nth-child(6){width:339px;height:312px;left:0px;top:631px;background-position: 0px -631px;}
.tsbox a:nth-child(7){width:331px;height:312px;left:339px;top:631px;background-position: -339px -631px;}
.tsbox a:nth-child(8){width:344px;height:312px;left:678px;top:631px;background-position: -678px -631px;}

.t05{background: url(https://public-static.zcool.com.cn/special-resource/copyright2017/assets/img/t05.png) no-repeat center center;color:#fff;font-size:30px;padding:9px 0 0 0;line-height:100%;height:75px;box-sizing: border-box;}
.t05 span{display: inline-block;font-weight: bold;width:100px;text-align: center;margin-right:30px;}


.xmore{ display: inline-block;position: absolute;right:210px;bottom:50px; }