/*作品详情页*/
img{pointer-events:none}
.works-top-box{background-color:#fdfdfd;height:270px;}
.works-top{background-color:#ef3e2d;height:170px;}
.works-top .header-title{text-align:center;height:60px;line-height:60px;color:#fff;font-weight:bold;font-size:26px;position:relative;letter-spacing:4px;border-bottom:solid 1px #f26053;}
.works-top .header-title a{position:absolute;left:20px;top:0;}
.works-lr{width:90%;margin:0 auto;background-color:#fff;border-radius:6px;height:150px;-moz-box-shadow:0px 0px 10px #f2f0f0;-webkit-box-shadow:0px 0px 10px #f2f0f0;box-shadow:0px 0px 10px #f2f0f0;}
.works-lr i{float:left;line-height:150px;margin:0 40px;}
.works-lr i img{max-width:110px;}
.works-lr span{float:left;color:#afafaf;font-size:20px;margin-top:35px;line-height:35px;}
.works-lr span em{display:block;color:#e53c36;font-size:30px;margin-bottom:5px;}
.works-ranking{background:url(../Images/works/works-cc-1.jpg) no-repeat;background-size:100% 100%;height:120px;padding:0 3%;overflow:hidden;}
.works-ranking .ranking-l{float:left;line-height:120px;}
.works-ranking .ranking-l span{color:#fff;font-size:30px;display:inline-block;vertical-align:middle;}
.works-ranking .ranking-l span b{display:inline-block;margin:0 25px;}
.works-ranking .ranking-r{float:right;padding-top:25px;}
.works-ranking .ranking-r p{font-size:24px;color:#fff;margin-bottom:0;line-height:34px;}
.works-img img{display:block;width:100%;}
.works-text{padding:25px 4%;border-bottom:solid 5px #f5f2eb;}
.works-text b{font-size:24px;}
.works-text p{font-size:16px;line-height:26px;margin-top:20px;}
.link_a{clear:both;padding-bottom:10px;}
.works-list{padding:0 3%;border-bottom:solid 5px #f5f2eb;}
.works-list ul li{overflow:hidden;border-bottom:solid 1px #efe6e1;padding:20px 0;}
.works-list ul li.cur{border-bottom:0;}
.works-list ul li i{float:left;}
.works-list ul li i img{max-width:60px;}
.works-list ul li span{float:left;line-height:60px;font-size:18px;color:#999999;margin-left:20px;}
.works-list ul li em{float:right;line-height:60px;font-size:18px;color:#000;}
.works-author{padding:0 3%;border-bottom:solid 5px #f5f2eb;}
.works-author h3{border-bottom:solid 1px #efe6e1;line-height:70px;color:#3b3030;font-size:24px;font-weight:bold;}
.works-author .author-cen{overflow:hidden;padding:20px 0;}
.works-author .author-cen .author-ll{float:left;margin-right:25px;}
.works-author .author-cen .author-ll img{max-width:160px;}
.works-author .author-cen .author-rr{float:left;}
.works-author .author-cen .author-rr span{font-size:30px;color:#3b3030;display:block;padding:20px 0;}
.works-author .author-cen .author-rr p{color:#808080;font-size:24px;line-height:38px;}
.works-process{padding:0 3%;border-bottom:solid 5px #f5f2eb;}
.works-process h3{border-bottom:solid 1px #efe6e1;line-height:70px;color:#3b3030;font-size:24px;font-weight:bold;}
.works-process .process-cen dl{padding-left:70px;position:relative;}
.works-process .process-cen dl:before{display:block;position:absolute;top:15px;left:4px;content:"";background:url(../Images/works/1.jpg) no-repeat;width:38px;height:38px;background-size:100% 100%;z-index:1000}
.works-process .process-cen dl:after{display:block;position:absolute;top:45px;left:20px;bottom:40px;content:"";background:#ede4df;width:3px;z-index:10;}
.works-process .process-cen dl dt{font-weight:normal;padding:14px 0;border-bottom:solid 1px #efe6e1;}
.works-process .process-cen dl dt p{color:#3b3030;font-size:22px;margin-bottom:5px;}
.works-process .process-cen dl dt span{color:#999;font-size:18px;}
.works-process .process-cen dl dd{font-weight:normal;padding:14px 0;border-bottom:solid 1px #efe6e1;position:relative;}
.works-process .process-cen dl dd:after{display:block;position:absolute;top:20px;left:-68px;content:"";background:url(../Images/works/2.png) no-repeat;width:38px;height:36px;background-size:100% 100%;z-index:1000}
.works-process .process-cen dl dd.cur{border-bottom:0;}
.works-process .process-cen dl dd p{color:#a39a96;font-size:22px;margin-bottom:5px;}
.works-process .process-cen dl dd span{color:#999;font-size:18px;}
.works-cheer{padding:0 3%;padding-bottom:130px;}
.works-cheer .cheer-top{overflow:hidden;padding:20px 0;border-bottom:solid 1px #efe6e1;}
.works-cheer .cheer-top span{float:left;width:50%;text-align:center;}
.works-cheer .cheer-top span i img{max-width:70px;}
.works-cheer .cheer-top span em{color:#666666;font-size:22px;display:inline-block;margin-left:15px;}
.works-cheer .cheer-btn{padding:30px 0;text-align:center;}
.works-cheer .cheer-btn a{display:inline-block;width:390px;height:50px;line-height:50px;background-color:#f53829;border-radius:30px;text-align:center;color:#fff;font-size:20px;letter-spacing:2px;font-weight:bold;}
.works-foot{position:fixed;bottom:0;width:100%;max-width:1080px;margin:0 auto;background-color:#fff;-moz-box-shadow:0px -3px 7px #f1efef;-webkit-box-shadow:0px -3px 7px #f1efef;box-shadow:0px -3px 7px #f1efef;z-index:10000;}
.works-foot ul li{float:left;width:20%;}
.works-foot ul li a{float:left;padding:10px 0;text-align:center;width:100%;}
.works-foot ul li i{display:inline-block;width:40px;height:40px;}
.works-foot ul li i.fo-1{background:url(../Images/works/fo-1.png) no-repeat;}
.works-foot ul li i.fo-2{background:url(../Images/works/fo-2.png) no-repeat;}
.works-foot ul li i.fo-3{background:url(../Images/works/fo-3.png) no-repeat;}
.works-foot ul li i.fo-4{background:url(../Images/works/fo-4.png) no-repeat;}
.works-foot ul li span{display:block;color:#ff9f22;font-size:18px;}
.works-foot ul li:hover span{color:#f53829;}
.works-foot ul li:hover i.fo-1{background:url(../Images/works/fo-01.png) no-repeat;}
.works-foot ul li:hover i.fo-2{background:url(../Images/works/fo-02.png) no-repeat;}
.works-foot ul li:hover i.fo-3{background:url(../Images/works/fo-03.png) no-repeat;}
.works-foot ul li:hover i.fo-4{background:url(../Images/works/fo-04.png) no-repeat;}
.works-foot ul li a.vote{margin-top:-40px;}
.works-foot ul li a.vote img{max-width:110px;}
.layui-layer-title{cursor:move !important;text-align:left !important;font-size:20px !important;color:black !important}
.layui-layer-btn0{margin-top:-15px !important;width:120px !important;height:32px !important;border:red !important;background-color:red !important;line-height:32px !important;text-align:center}
.layui-layer-btn1{margin-top:-15px !important;width:120px !important;height:32px !important;border:red !important;background-color:red !important;line-height:32px !important;text-align:center;color:#fff !important}
#hint_tpcg div.p1,#hint_tpsb div.p1,#hint_tpcg_w div.p1,#hint_tpsb_w div.p1{padding:0px 15px;margin-top:10px;}
#hint_tpcg div.p1 p,#hint_tpsb div.p1 p,#hint_tpcg_w div.p1 p,#hint_tpsb_w div.p1 p{font-size:17px;line-height:30px;}
#hint_tpcg div.p1 span,#hint_tpcg_w div.p1 span{color:red;font-size:17px;font-weight:bold;}
#hint_tpcg div.p2,#hint_tpsb div.p2,#hint_tpcg_w div.p2,#hint_tpsb_w div.p2{margin-top:20px;}
#hint_tpcg div.p2 p,#hint_tpsb div.p2 p,#hint_tpcg_w div.p2 p,#hint_tpsb_w div.p2 p{font-size:14px;margin-bottom:20px;text-indent:1em;}
#hint_tpcg div.p2 a,#hint_tpsb div.p2 a,#hint_tpcg_w div.p2 a,#hint_tpsb_w div.p2 a{font-size:17px;color:red;}
#hint_tpcg div.p3{text-align:center;}
#hint_tpcg div.p3 .votebtn1{background-color:red;color:#fff;width:90%;border-radius:8px;border:0px;height:30px;}
#hint_tpcg div.p4{text-align:center;margin:10px 0px;}
#hint_tpcg div.p4 .votebtn{width:45%;color:#fff;border-radius:8px;background-color:red;border:0px;height:30px;}
#hint_tpgz{padding:0px 15px;margin-top:10px;}
#hint_tpgz p{font-size:17px;line-height:35px;}
#hint_lp{padding:0px 15px;margin:10px 0px;text-align:center;}
#hint_lp p{font-size:17px;line-height:35px;}
.banner-top{width:100%;height:2.42rem;background:#EB2F26;}
.banner-top .banner-ico{float:left;width:0.46rem;height:0.43rem;background:url(../Images/phone/ico-20.png) no-repeat;background-size:cover;margin-left:1.63rem;margin-top:0.45rem;}
.banner-top span{display:inline-block;margin-left:0.33rem;font-size:0.37rem;color:#FFDFDC;line-height:3.5em;}
.succe{width:10.07rem;padding:0.49rem 0.36rem 0.49rem;border-radius:0.17rem;background-color:#fff;box-shadow:0px 22px 43px 0px rgba(222,217,217,0.46);margin:-1.1rem auto 0.56rem;}
.succe-top{padding-bottom:0.42rem;border-bottom:1px solid #EEE4DF;}
.succe-top .pic{float:left;width:1.87rem;height:1.87rem;background:url("../Images/phone/pic-16.png") no-repeat;background-size:cover;}
.succe-top .pic1{float:left;width:1.87rem;height:1.87rem;background:url("../Images/phone/pic-20.png") no-repeat;background-size:cover;}
.succe-top .pic2{float:left;width:1.87rem;height:1.87rem;background:url("../Images/phone/pic-24.png") no-repeat;background-size:cover;}
.succe-top p{font-size:0.44rem;color:#E53C36;line-height:1.4em;}
.divP{margin-left:1.5rem;color:darkgrey !important;}
.succe-top span{font-size:0.37rem;color:#AFAFAF;line-height:1.6em;}
.succe-but{text-align:center;padding:0.5rem 0.73rem 0;}
.succe-but span{font-size:0.37rem;color:#4B4B4B;line-height:1.2em;}
.succe-but .modif{width:5.4rem;height:1rem;text-align:center;background:linear-gradient(159deg,rgba(238,103,42,0.8),rgba(226,49,58,1));border-radius:0.5rem;margin:0.42rem auto 0;}
@media (min-width:768px){.banner-top{height:85px;text-align:center;}
.bannerbox{width:800px;margin:auto;}
.banner-top span{margin-left:5px;font-size:16px;line-height:3.5em;}
.banner-top .banner-ico{float:left;width:15px;height:15px;background:url(../Images/phone/ico-20.png) no-repeat;background-size:cover;margin-left:15px;margin-top:22px;}
.succe{/*width:93%;height:230px;padding:10px 20px 0;border-radius:0.17rem;background-color:#fff;box-shadow:0px 22px 43px 0px rgba(222,217,217,0.46);margin:-30px auto 10px;*/
 width:93%;padding:10px 20px 0;border-radius:0.17rem;background-color:#fff;box-shadow:0px 22px 43px 0px rgba(222,217,217,0.46);margin:-30px auto 10px;}
.succe-top .succe-top-01{width:450px;margin:auto;}
.succe-top{padding-bottom:15px;border-bottom:1px solid #EEE4DF;}
.succe-top .pic{float:left;width:50px;height:50px;background:url("../Images/phone/pic-16.png") no-repeat;background-size:cover;margin-top:34px;margin-right:10px;}
.succe-top .pic1{float:left;width:50px;height:50px;background:url("../Images/phone/pic-20.png") no-repeat;background-size:cover;margin-top:10px;margin-right:10px;}
.succe-top .pic2{float:left;width:50px;height:50px;background:url("../Images/phone/pic-24.png") no-repeat;background-size:cover;margin-top:10px;margin-right:10px;}
.succe-top p{font-size:18px;color:#E53C36;line-height:1.5em;/*letter-spacing:0.05rem;*/
}
.divP{margin-left:46px;color:darkgrey !important;}
.succe-top span{font-size:16px;color:#AFAFAF;line-height:1.2em;}
.succe-but{text-align:center;padding:20px 0;}
.succe-but span{font-size:16px;color:#4B4B4B;line-height:1.2em;}
.succe-but .modif{width:400px;height:60px;text-align:center;background:linear-gradient(159deg,rgba(238,103,42,0.8),rgba(226,49,58,1));border-radius:0.5rem;margin:20px auto 0;}
}
@media (max-width:768px){/*作品详情*/
 .link_a{clear:both;padding-bottom:10px;}
#hint_tpcg div.p4 .votebtn{width:44.5%;color:#fff;border-radius:8px;background-color:red;border:0px;height:30px;}
.works-top-box{background-color:#fdfdfd;height:170px;}
.works-top{background-color:#ef3e2d;height:110px;}
.works-top .header-title{text-align:center;height:40px;line-height:40px;color:#fff;font-weight:bold;font-size:18px;position:relative;letter-spacing:2px;border-bottom:solid 1px #fd7758;}
.works-top .header-title a{position:absolute;left:20px;top:0;}
.works-top .header-title a img{max-width:10px;}
/*.works-ts{padding:15px 0px;text-align:center;}
.works-ts i img{max-width:28px;}
.works-ts span{color:#fff;font-size:14px;margin-left:10px;}
*/
 .works-lr{width:90%;margin:0 auto;background-color:#fff;border-radius:6px;height:90px;-moz-box-shadow:0px 0px 10px #f2f0f0;-webkit-box-shadow:0px 0px 10px #f2f0f0;box-shadow:0px 0px 10px #f2f0f0;}
.works-lr i{float:left;line-height:90px;margin:0 15px;}
.works-lr i img{max-width:65px;}
.works-lr span{float:left;color:#afafaf;font-size:14px;margin-top:18px;line-height:25px;}
.works-lr span em{display:block;color:#e53c36;font-size:18px;margin-bottom:5px;}
.works-ranking{background:url(../Images/works/works-cc-2.jpg) no-repeat;background-size:100% 100%;height:60px;padding:0 2%;overflow:hidden;}
.works-ranking .ranking-l{float:left;line-height:60px;}
.works-ranking .ranking-l span{color:#fff;font-size:15px;display:inline-block;vertical-align:middle;}
.works-ranking .ranking-l i img{max-width:40px;}
.works-ranking .ranking-l span b{display:inline-block;margin:0 5px;}
.works-ranking .ranking-r{float:right;padding-top:11px;}
.works-ranking .ranking-r p{font-size:13px;color:#fff;margin-bottom:0;line-height:22px;}
.works-text{padding:15px 2%;border-bottom:solid 3px #f5f2eb;}
.works-text b{font-size:18px;}
.works-text p{font-size:13px;line-height:20px;margin-top:12px;}
.works-list{padding:0 2%;border-bottom:solid 3px #f5f2eb;}
.works-list ul li{overflow:hidden;border-bottom:solid 1px #efe6e1;padding:12px 0;}
.works-list ul li.cur{border-bottom:0;}
.works-list ul li i{float:left;}
.works-list ul li i img{max-width:40px;}
.works-list ul li span{float:left;line-height:40px;font-size:14px;color:#999999;margin-left:14px;}
.works-list ul li em{float:right;line-height:40px;font-size:14px;color:#000;}
.works-author{padding:0 2%;border-bottom:solid 3px #f5f2eb;}
.works-author h3{border-bottom:solid 1px #efe6e1;line-height:50px;color:#3b3030;font-size:18px;font-weight:bold;}
.works-author .author-cen{overflow:hidden;padding:15px 0;}
.works-author .author-cen .author-ll{float:left;margin-right:25px;}
.works-author .author-cen .author-ll img{max-width:110px;}
.works-author .author-cen .author-rr{float:left;}
.works-author .author-cen .author-rr span{font-size:18px;color:#3b3030;display:block;padding:14px 0;}
.works-author .author-cen .author-rr p{color:#808080;font-size:15px;line-height:26px;}
.works-process{padding:0 2%;border-bottom:solid 3px #f5f2eb;}
.works-process h3{border-bottom:solid 1px #efe6e1;line-height:50px;color:#3b3030;font-size:18px;font-weight:bold;}
.works-process .process-cen dl{padding-left:50px;}
.works-process .process-cen dl dt{font-weight:normal;padding:12px 0;border-bottom:solid 1px #efe6e1;}
.works-process .process-cen dl dt p{color:#3b3030;font-size:16px;margin-bottom:5px;}
.works-process .process-cen dl dt span{color:#999;font-size:13px;}
.works-process .process-cen dl dd{font-weight:normal;padding:12px 0;border-bottom:solid 1px #efe6e1;position:relative;}
.works-process .process-cen dl dd:after{left:-48px;}
.works-process .process-cen dl dd.cur{border-bottom:0;}
.works-process .process-cen dl dd p{color:#a39a96;font-size:16px;margin-bottom:5px;}
.works-process .process-cen dl dd span{color:#999;font-size:13px;}
.works-cheer{padding:0 2%;padding-bottom:80px;}
.works-cheer .cheer-top{overflow:hidden;padding:12px 0;border-bottom:solid 1px #efe6e1;}
.works-cheer .cheer-top span{float:left;width:50%;text-align:center;}
.works-cheer .cheer-top span i img{max-width:45px;}
.works-cheer .cheer-top span em{color:#666666;font-size:16px;display:inline-block;margin-left:10px;}
.works-cheer .cheer-btn{padding:20px 0;text-align:center;}
.works-cheer .cheer-btn a{display:inline-block;width:75%;height:35px;line-height:35px;background-color:#f53829;border-radius:30px;text-align:center;color:#fff;font-size:16px;letter-spacing:2px;font-weight:bold;}
.works-foot{position:fixed;bottom:0;width:100%;max-width:768px;margin:0 auto;background-color:#fff;-moz-box-shadow:0px -3px 7px #f1efef;-webkit-box-shadow:0px -3px 7px #f1efef;box-shadow:0px -3px 7px #f1efef;z-index:10000;}
.works-foot ul li{float:left;width:20%;}
.works-foot ul li a{float:left;padding:5px 0;text-align:center;width:100%;}
.works-foot ul li i{display:inline-block;width:25px;height:25px;}
.works-foot ul li i.fo-1{background:url(../Images/works/fo-1.png) no-repeat;background-size:100% 100%;}
.works-foot ul li i.fo-2{background:url(../Images/works/fo-2.png) no-repeat;background-size:100% 100%;}
.works-foot ul li i.fo-3{background:url(../Images/works/fo-3.png) no-repeat;background-size:100% 100%;}
.works-foot ul li i.fo-4{background:url(../Images/works/fo-4.png) no-repeat;background-size:100% 100%;}
.works-foot ul li span{display:block;color:#ff9f22;font-size:12px;}
.works-foot ul li:hover span{color:#f53829;}
.works-foot ul li:hover i.fo-1{background:url(../Images/works/fo-01.png) no-repeat;background-size:100% 100%;}
.works-foot ul li:hover i.fo-2{background:url(../Images/works/fo-02.png) no-repeat;background-size:100% 100%;}
.works-foot ul li:hover i.fo-3{background:url(../Images/works/fo-03.png) no-repeat;background-size:100% 100%;}
.works-foot ul li:hover i.fo-4{background:url(../Images/works/fo-04.png) no-repeat;background-size:100% 100%;}
.works-foot ul li a.vote{margin-top:-20px;}
.works-foot ul li a.vote img{max-width:68px;}
}




    .box-bo {
        width: 11.4815rem;
        max-width: 620px;
        height: 10.963rem;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        z-index:99999999;
    }

     .box-bo .img {
        width: 11.4815rem;
        background-color: #fff;
    }

    .box-bo .img img {
        width: 100%;
        height: 100%;
    }

         .box-bo .close1 {
            /* width: 0.9259rem;
            height: 0.9259rem;*/
            max-width: 620px;
            background: url(/Images/close.png) no-repeat;
            background-size: 100%;
            margin: 30px auto;
        }

@media (min-width: 768px) {
    .box-bo {
        width: 620px;
        height: 700px;
    }

     .box-bo .img {
        width: 620px;
        height: 620px;
    }

         .box-bo .close1 {
            width: 50px;
            height: 50px;
        }
}

@media (max-width: 768px) {
    .box-bo {
        width: 90%;
        height: 400px;
    }

     .box-bo .img {
        width: 100%;
        /*height: 300px;*/
    }

        .box-bo .close1 {
            width: 25px;
            height: 25px;
            margin: 15px auto;
        }
}