/*body{font-family:'微软雅黑';}*/ input{outline:none;} body,input,textarea{font-family:'PingFang SC', "Lantinghei SC", "Microsoft YaHei",'Helvetica Neue',"Open Sans", Arial, "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;} .headbox{width:100%;height:426px;background:#013d81 url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/banner.png) no-repeat center top;} .wrap{min-height:3820px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/bigbg.jpg) no-repeat center top;background-size:100% 100%;} .smallwrap{width:1348px;margin:0 auto;} .first{width:100%;min-height:1348px;padding-top:88px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/one.png) no-repeat center top; background-size:100% 100%;} .morebg{height:120px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/morebg.png); } .configure{height:801px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/config.png); } .product{height:1450px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/three.png); } .conimg{width:1100px;margin:0 auto;} .imglist{margin-right:-40px;} .imglist:after{content:"";display:block;clear:both;} .imglist li{width:530px;margin-right:40px;margin-bottom:40px;float:left;} .detailswrap{min-height:3842px; background:#013d81 url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/bgs.jpg) repeat-y center top; /*background:#006ad1 url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/bigbg2.jpg) no-repeat center top;*/ /*background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/bg.jpg) no-repeat center top;*/ } .detailsfirst{height:1015px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/first.png); } .detailstwo{height:363px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/lb.png); } .comment{min-height:200px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/detailspl.png) no-repeat; background-size:100% 100%;} .wrapbox{width:1120px;margin:0 auto;padding:0 40px;} /*box-shadow:0 0 49px rgba(2,71,150,0.88);*/ .onetop{padding-top:40px;} .titles{color:#fff;font-size:24px;padding-top:35px;} .vediobox{width:1122px;height:630px;margin-top:34px;position:relative;} .tc{width:100%;height:100%;background:rgba(0,0,0,0.42);position:absolute;left:0;top:0;text-align:center;} .tc i{width:101px;height:101px;margin-top:266px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/cricle.png);display:inline-block;cursor:pointer;} .tc i:hover{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/cricleh.png);} .txtbox{padding-top:38px;} .txtbox:after{content:"";display:block;clear:both;} .txtbox .left,.txtbox .rights{display:block;color:#fff;} .txtbox .left{float:left;position:relative;padding-left:138px;} .txtbox .rights{float:left;margin-left:57px;} .intel{position:absolute;left:0;} .gj{font-size:18px;} .gj i{width:18px;height:18px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zcoolicon.png); margin-left:10px;display:inline-block;vertical-align: middle;} .adress{font-size:14px;} .btns{width:98px;height:38px;background:transparent;border:1px solid #fff;border-radius:50px;font-size:16px;color:#fff;cursor:pointer;} .follow{margin-top:32px;} .follow:hover, .lyBtn:hover, a.submitBtn:hover {background:#fff;color:#0774b8;} .decrationtxt{font-size:14px;} .leftarr,.rightarr{width:17px;height:28px;display:block;position:absolute;top:50%;margin-top:-14px;} .leftarr{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/leftarrow.png);left:17px;} .rightarr{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/rightarrow.png);right:17px;} .leftarr:hover{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/leftarrowho.png);} .rightarr:hover{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/rightarrowh.png);} .outcontainer{position:relative;height:180px;margin-top:34px;} .vediolb{width:999px;} .swiper-slide{width:320px;height:180px;} /*.vediolb ul li{height:180px;}*/ .title{position:relative;} .title img{display:block;} .hideb{width:320px;height:180px;position:absolute;top:320px;left:0;} .playc{width:320px;height:180px;background:rgba(0,0,0,0.42);position:absolute;left:0;top:0;text-align:center;} .playc i{width:68px;height:68px;margin-top:33px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/smallcricle.png);display:inline-block;cursor:pointer;} .lbtip{width:280px;height:48px;font-size:14px;color:#fff;line-height:48px;padding:0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position:absolute;bottom:0;background:rgba(0,106,209,0.9);left:0;} .producttwo{height:1263px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/prodec.png);} .productnpm{} .productcon{margin-top:34px;} .productlist{margin-right:-30px;} .productlist li{width:544px;height:524px;margin-bottom:30px;background:#fff;overflow:hidden;float:left;margin-right:30px;text-align:center;position:relative;} .producttxt{color:#3b97e0;font-size:18px;} .producttxt a{color:inherit;text-decoration:none;} .hidenews{width:544px;height:524px;position:absolute;left:0;top:524px;} .char{display:block;margin-bottom:50px;} .vedioentry{height:160px;width: 1347px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/entry.png); } .ingress{width:1199px;height:120px;padding:0;} .wyset,.txset{width:583px;height:120px;float:left;text-align:center;} .wyset{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/wangyi.png);} .txset{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/tengxun.png);} .txset{float:right;} .wy,.tx{display:inline-block;margin-top:48px;} /*.wy{width:225px;height:19px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/wy.png);} .tx{width:226px;height:20px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/tx.png);} .wy:hover,.tx:hover{border-bottom:1px solid #fff;}*/ .plwrapbox{width:1200px;margin:0 auto;background:#45b3ff;} .commentsBox .textWrapper{height:160px;margin:34px auto 0;padding:0 40px;} .commentsBox.noBg textarea{ background:#fff;width:1028px;height:148px;border:1px transparent solid;margin:0px 0 0 0px; outline:none;font-size:16px; font-size:14px;padding:5px;} .commentsBox.noBg textarea:focus,.commentsBox.noBg .area textarea:focus{border:1px solid #0073d4;} .commentsBox.noBg{ background:none;padding:0;} /*.commentsBox .textWrapper{position:relative;}*/ /*.commentsBox .textWrapper:before{content:""; display:inline-block; position:absolute;width:0;height:0; border-width:7px; border-color:transparent transparent #fff transparent;top:-13px;left:10px; border-style:solid;}*/ a.facespan{color:#1b87d4;font-size:12px; background:#fff; display:inline-block;padding:2px 5px;} .commentsBox{ background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/plbg.jpg);margin-top:0px;} .commentsUl{margin:0 auto;font-size:14px;} .commentsUl li{padding:40px 40px 30px;margin:0 0; position:relative;border-top:1px solid #088ee3;} .floor{color:#fef22d; position:absolute;right:10px;top:25px;} .commentsUlLeft img{width:61px;height:61px;} .commentsUlLeft{width:48px;float:left;padding:3px 0 0 0; } .commentsUlRight{margin-left:80px;color:#333;} .commentsUlRight a{color:#fff;font-weight:bold;} .date{color:#999;float:right;} .commentsUlRight p{padding-top:15px;color:#fff;} /*.commentsUlRight > p{width:700px;}*/ a.submitBtn{line-height:38px;display:inline-block;text-align:center;overflow:hidden;float:right;} a.submitBtn:hover{text-decoration: none;} /*a.submitBtn i{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/right.png);}*/ a.cancelBtn{display:inline-block;width:113px;height:43px;text-align:center; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/qx.jpg) no-repeat; overflow:hidden;margin-left:28px;} a.cancelBtn:hover i{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/qxh.png) no-repeat;} a.cancelBtn i,a.submitBtn i{width:72px;height:18px;margin-top:13px;display:inline-block;} a.cancelBtn i{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/qx.png);} .cdate{color:#fff;} .plpage{margin-top:18px;} /*.area{width:820px;}*/ .lyBtn{ display:inline-block;line-height:38px;text-align:center; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/fbbtn.jpg) no-repeat left top;} a.lyBtn{color:#fff;text-decoration: none;} .layout{} /*.lyBtn i{display:inline-block;width:48px;height:23px;margin-top:10px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/fb.png);}*/ .commentsBox.noBg .area textarea{width:1028px;padding:5px;border:1px solid transparent; background:#fff;color:#000;height:48px;margin-left:0;} .commentsBox:after{content:"";display:block;clear:both;} /*.area:before{content:""; display:inline-block; position:absolute;width:0;height:0; border-width:7px; border-color:transparent transparent #fff transparent;top:-14px;left:10px; border-style:solid;}*/ /*.area{position:relative;}*/ .fBox{min-height:65px; background:#3b97e0;border:1px solid #3b97e0;color:#fff; position:relative;margin-top:22px;padding:20px;} .fBox:before{content:""; display:inline-block; position:absolute;width:0;height:0; border-width:7px; border-color:transparent transparent #3b97e0 transparent;top:-14px;left:10px; border-style:solid;} .chatQ li{ display:inline-block;padding:0 10px 30px 10px; text-align:center; position:relative;} .chatQ li.active:before{content:'';width:20px;height:13px; display:block; background:url(../images/flag.png);bottom:-3px;left:50%;margin-left:-10px; position:absolute;} .chatQ{ text-align:center;} .fBox p{color:#fff;} .commentsUlRight a:link{text-decoration: none;} a.storys{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/gz.png) no-repeat center center; height:28px; width:207px; display:inline-block;} a.storys:hover,.active a.storys{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/gzh.png) no-repeat center center;} a.myDesign{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zq.png) no-repeat center center; height:28px; width:268px; display:inline-block;} a.myDesign:hover,.active a.myDesign{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zqh.png) no-repeat center center;} a.myCrys{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/qd.png) no-repeat center center; height:28px; width:231px; display:inline-block;} a.myCrys:hover,.active a.myCrys{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/qdh.png) no-repeat center center; } .hflike{padding-top:20px;} .hflike:after{content:"";display:block;clear: both;} a.bzan{width:18px; height:16px;margin-right:30px; background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/like.png) no-repeat left center; float:right;display:inline-block;color:#fef22d;font-size:18px; font-family:verdana; text-decoration:none;} a.bzan:hover,a.bzan.on{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zanhover.png) no-repeat left center; } a.bzan.active{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zanhover.png) no-repeat left center;} /*a.bzan.active{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/zanactive.png) no-repeat left center;color:#b1b1b1;}*/ a.bzan.on{cursor:default;} a.reCom{width:18px;height:17px;color:#fff; float:right;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/floor.png);} a.reCom:hover{color:#fef22d; text-decoration:none;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/floorhover.png);} .zxUlTitle a{color:#fff;} .zxUlDesS{color:rgba(255,255,255,0.7);} .zxUlDes,.zxUlDes a{color:rgba(255,255,255,0.5);} .worktip{font-size:14px;color:#fff;} .footmore{height:147px;height:78px;background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/foottx.png);} .btnZT.disabled, .btnZT.disabled:hover{background:url(https://public-static.zcool.com.cn/special-resource/designerpc/assets/img/disabled.jpg);color:#596752;} .lookmore{width:1200px;height:78px;margin:0 auto;line-height:78px;text-align:center;font-size:18px;color:#fff;border-top:1px solid #088ee3;} .lookmore a{color:#fff;} .pl40{padding-left:40px;} .pr40{padding-right:40px;} .mt50{margin-top:50px;} .mt28{margin-top:28px;} .footzcool{width:490px;padding:44px 0 60px;text-align:center;margin:0 auto;} .footzcool:after{content:"";display:block;clear:both;} .footzcool img{margin:0 41px;float:left;} .footzcool .zcoolicon{margin-top:25px;} a.doAtt{border:1px solid #fff;border-radius:50px;width:98px;height:38px;margin-top:32px;text-align:center;line-height:38px;display:inline-block;vertical-align: middle;background:none;font-size:16px;color:#fff;padding:0;} a.doAtt:hover, .lyBtn:hover, a.submitBtn:hover {background:#fff;color:#0774b8;text-decoration:none;} a.on{ background:#fff;color:#0774b8; } a.doAtt.done{ background:#fff;color:#0774b8; } a.doAtt.done:hover{ background:#fff;color:#0774b8; }