.page-banner{overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#000}
.page-banner:before{content:"";display:block;padding-top:31.25%}
@media only screen and (max-width:768px){.page-banner:before{padding-top:66.67%}
}
.section-title{text-align:center;font-size:40px;font-weight:300}
.section-title.brown{color:#fff}
.section-title.black{color:#000}
.index-judges{padding:120px 0;background-color:#000;text-align:center}
.index-judges .section-title{color:#fff;font-weight:300}
.index-judges.gray{background-color:#C3C3C3}
.index-judges.gray .index-judges-list p{color:#333}
.index-judges.white{background-color:#fff}
.index-judges.white .section-title{color:#000}
.index-judges.gray .index-judges-list .judges-intro,.index-judges.white .index-judges-list .judges-intro{color:#000}
.index-judges-list{font-size:0;margin-bottom:100px}
.index-judges-list li{display:inline-block;vertical-align:top;margin-top:110px;width:23%;font-size:10px;color:#fff;-moz-animation-duration:.6s;-webkit-animation-duration:.6s;animation-duration:.6s}
.index-judges-list.other li{width:28%}
.index-judges-list h3{font-size:2.2em;margin-top:1.84em;margin-bottom:.84em;font-weight:300}
.index-judges-list p{font-size:1.4em;line-height:1.44;color:#aaa}
.judges-intro{text-transform:uppercase}
.judges-img{position:relative;margin:0 auto;max-width:248px;border-radius:50%;overflow:hidden}
.judges-img:before{content:"";display:block;padding-top:100%}
.judges-img img{position:absolute;top:0;left:0;width:100%;display:block;height:100%}
.judges-img span,.judges-img:after{-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.judges-img:after{content:"";position:absolute;z-index:1;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:url(../icons/judges_imb_bg.png) no-repeat center center\9;background-color:rgba(0,0,0,.7);visibility:hidden}
.judges-img span{position:absolute;z-index:2;top:50%;left:0;margin-top:-10px;width:100%;font-size:20px;color:#fff;text-transform:uppercase;visibility:hidden;opacity:0;font-weight:300}
.judges-img:hover{cursor:pointer}
.judges-img:hover span,.judges-img:hover:after{visibility:visible;opacity:1}
.judges-detail{display:none}
.judges-detail-fixed{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:none}
.judges-detail-fixed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;filter:alpha(Opacity=92);opacity:.92}
.judges-detail-fixed h6{margin-bottom:1em}
.judges-dcon{position:absolute;top:5%;right:12%;bottom:5%;left:12%;padding:100px;background-color:#d0d0d0}
.judges-dcon-main{position:absolute;top:100px;right:100px;bottom:100px;left:100px;overflow:auto;-webkit-overflow-scrolling:touch}
.judges-dm-left{position:absolute;top:0;left:0;padding-top:100px;width:300px;color:#231815;text-align:center}
.judges-dm-left img{display:block;margin:0 auto 60px;max-width:100%;border-radius:50%}
.judges-dm-left h6{font-size:24px;font-weight:300}
.judges-dm-left p{color:#231815;font-size:14px;line-height:1.5;font-weight:300}
.judges-dm-right{padding-left:400px;padding-right:20px;text-align:left;color:#000}
.judges-dm-right h3{font-size:40px;margin-top:0;margin-bottom:40px;color:#000;font-weight:300}
.judges-dm-right p{line-height:2;font-size:16px;text-align:justify;color:#000;font-weight:300}
.judges-dm-right img{max-width:100%;height:auto!important}
.judges-close{position:absolute;top:40px;right:40px;width:40px;height:40px;cursor:pointer;overflow:hidden;background:#000 url(../icons/close.png) no-repeat center center;-moz-transition:-moz-transform .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}
.judges-close:hover{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media only screen and (max-width:1600px){.judges-dm-left{padding-top:80px}
.judges-dm-left img{margin-bottom:40px}
.judges-dm-right{padding-left:350px}
.judges-dm-right h3{font-size:40px}
}
@media only screen and (max-width:1366px){.section-title{font-size:6em}
.index-judges{padding-top:90px;padding-bottom:90px}
.index-judges-list{margin-bottom:90px;margin-right:2%;margin-left:2%}
.index-judges-list li{margin-top:100px}
.index-judges-list h3{font-size:2em}
.index-judges-list p{font-size:1.6em}
.judges-dm-left{padding-top:50px}
.judges-dm-left img{margin-bottom:30px;max-width:70%}
.judges-dm-left h6{font-size:20px}
.judges-dm-right{padding-left:350px}
.judges-dm-right h3{font-size:32px;margin-bottom:20px}
}
@media only screen and (max-width:1024px){.section-title{font-size:4.5em}
.index-judges-list{margin-bottom:70px;margin-right:5%;margin-left:5%;text-align:left}
.index-judges-list br{display:none}
.index-judges-list li{width:50%;margin-top:70px;text-align:center}
.index-judges-list.other li{width:50%}
.index-judges-list h3{font-size:2em}
.index-judges-list p{font-size:1.6em}
.judges-img{max-width:220px}
.judges-dcon{right:5%;left:5%}
.judges-dcon-main{right:60px;bottom:60px;left:60px}
.judges-dm-left{padding-top:50px;width:200px}
.judges-dm-left img{margin-bottom:30px}
.judges-dm-right{padding-left:250px}
.judges-dm-right h3{font-size:28px}
}
@media only screen and (max-width:768px){.section-title{font-size:2.5em}
.index-judges{padding-top:50px;padding-bottom:50px}
.index-judges-list{margin-bottom:50px;margin-right:0;margin-left:0}
.index-judges-list li{width:50%;margin-top:50px}
.index-judges-list h3{font-size:1.4em}
.index-judges-list p{font-size:1.2em}
.judges-img{max-width:50%}
.judges-close{top:10px;right:10px;width:30px;height:30px;background-size:60% 60%}
.judges-dcon-main{top:50px;right:20px;bottom:20px;left:20px}
.judges-dm-left{padding-top:50px;width:200px}
.judges-dm-left img{margin-bottom:30px}
.judges-dm-right{padding-left:210px}
.judges-dm-right h3{font-size:24px}
}
@media only screen and (max-width:600px){.judges-dcon{top:0;right:0;bottom:0;left:0}
.judges-dm-left{position:relative;width:100%;padding-top:0;margin-bottom:30px;text-align:center}
.judges-dm-left img{max-width:30%;margin-bottom:20px}
.judges-dm-right{padding-left:20px}
.judges-dm-right h3{text-align:center}
}
@media only screen and (max-width:600px){.judges-dm-right h3{font-size:16px}
.judges-dm-right p{font-size:14px}
}
@media only screen and (max-width:480px){.judges-img{max-width:70%}
}
.about-intro{padding:120px 0}
.about-intro h3{margin-bottom:90px;font-weight:500;text-align:center}
.about-intro-p{margin:0 auto;width:80%;font-size:0;}
.about-intro-p p{display:inline-block;vertical-align:top;margin-bottom:20px;font-size:20px;line-height:2;color:#000;text-align:justify}
.about-main{padding:130px 0 140px;background-color:#e6e6e6;text-align:center}
.about-list{margin-bottom:130px;width:87.5%;margin:0 auto;text-align:left;font-size:0}
.about-list li{display:inline-block;vertical-align:top;margin-bottom:100px;width:28.5%;margin-left:2.4%;margin-right:2.4%}
.about-list li a{display:block;color:#000;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.about-list li a:hover{color:#666}
.about-list h5{font-weight:700;line-height:1.5}
.about-list .img{position:relative;float:left;width:100%;overflow:hidden}
.about-list .img:before{content:"";display:block;padding-top:68%}
.about-list .img img{position:absolute;top:0;left:0;width:100%}
@media only screen and (max-width:1366px){.about-intro{padding-top:90px;padding-bottom:0}
.about-intro h3{font-size:6em;margin-bottom:60px}
.about-intro-p p{font-size:16px}
.about-main{padding-bottom:100px;padding-top:100px}
.about-list li{margin-bottom:70px}
.about-list h5{font-size:28px}
}
@media only screen and (max-width:768px){.about-intro{padding-top:60px}
.about-intro h3{font-size:4.8em;margin-bottom:40px}
.about-intro-p p{width:100%;margin-bottom:30px}
.about-intro-p p:nth-of-type(2n){margin-left:0}
.about-list{width:94%}
.about-list li{width:44%;margin-right:3%;margin-left:3%}
.about-list h5{font-size:24px;line-height:2}
}
@media only screen and (max-width:640px){.about-intro h3{font-size:2.4em}
.about-intro-p p{font-size:16px;line-height:1.75}
.about-list h5{font-size:18px}
}
@media only screen and (max-width:480px){.about-main{padding-top:60px;padding-bottom:70px}
.about-list{width:100%}
.about-list li{margin-bottom:50px}
}
.page-gdc{padding-top:120px;padding-bottom:300px}
.page-gdc h2{position:relative;width:84%;padding-left:470px;margin-left:auto;margin-right:auto;margin-bottom:80px;font-size:60px;font-weight:700;color:#000;text-align:left;box-sizing:border-box}
.page-gdc h2 img{display:block;width:20vw;height:auto}
.gdc17_apply{position:absolute;top:50%;right:0;padding:0 40px;margin-top:-20px;border-radius:20px;font-size:20px;line-height:2;background-color:#fff;color:#000;border:1px solid #000;font-weight:300}
.gdc17_apply:hover{background-color:#000;color:#fff}
.page-gdc-body{position:relative;padding-left:470px;margin:0 auto;width:84%;box-sizing:border-box;min-height:800px}
.page-gdc-body>div{border-top:1px solid #fff}
.gdc-left{position:absolute;top:0;left:0;width:376px}
.gdc-list{padding:15px 0}
.gdc-list li{font-size:2em;line-height:2.4;cursor:pointer}
.gdc-list li a{color:#000}
.gdc-list li span{position:relative;display:inline-block;vertical-align:top;overflow:hidden}
.gdc-list li span:after{content:"";position:absolute;bottom:.6em;left:0;width:0;height:2px;background-color:#000;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}
.gdc-list li.current span:after,.gdc-list li:hover span:after{left:0;width:100%}
.gdc-content{padding-top:15px;padding-bottom:40px;border-bottom:1px solid #666;margin-bottom:30px}
.gdc-content h5,.gdc-content h6{margin-bottom:10px;color:#333;font-weight: 500;}
.gdc-content h5{font-size:2em}
.gdc-content h6{font-size:1.8em}
.gdc-content p{font-size:1.6em;line-height:2;color:#999}
.gdc-content table{width:100%!important;max-width:500px!important}
.gdc-content table td{font-size:16px;line-height:2;color:#999;text-align:left!important;border-bottom:1px solid #999}
@media only screen and (min-width:769px){.gdc-left.fixed{position:fixed;top:60px}
}
@media only screen and (max-width:1366px){.page-gdc{padding-top:100px;padding-bottom:200px}
.page-gdc h2{padding-left:340px;margin-bottom:50px;font-size:6em}
.gdc-list li{font-size:1.8em}
.gdc-list li span:after{height:2px}
.page-gdc-body{padding-left:340px;min-height:600px}
.gdc-left{width:270px}
.gdc-content h5{font-size:1.8em}
.gdc-content h6{font-size:1.6em}
.gdc-content p{font-size:1.4em}
}
@media only screen and (max-width:1024px){.gdc17_apply{display:none}
}
@media only screen and (max-width:768px){.page-gdc{padding-top:65px;padding-bottom:100px}
.page-gdc h2{padding-left:0;text-align:center;margin-bottom:30px;font-size:4.8em}
.page-gdc img{margin:0 auto}
.page-gdc-body{padding-left:0}
.gdc-left{position:relative;width:100%}
.gdc-left.fixed{left:0!important}
.gdc-list{font-size:0;text-align:left;margin-bottom:50px}
.gdc-list li{display:inline-block;vertical-align:top;font-size:18px;width:50%}
.gdc-list li span:after{height:2px}
}
@media only screen and (max-width:640px){.page-gdc{padding-top:45px;padding-bottom:100px}
.page-gdc h2{margin-bottom:20px;font-size:2.4em}
.gdc-list li{font-size:14px;width:100%}
.gdc-list li span:after{height:2px}
.gdc-content h5{font-size:1.6em}
.gdc-content h6{font-size:1.4em}
.gdc-content p{font-size:1.4em}
}
.page-history{margin:0 auto;width:75%;padding-top:120px;padding-bottom:160px}
.gdc-select{font-size:0;margin-bottom:120px;text-align:center}
.select-item{position:relative;z-index:5;display:inline-block;vertical-align:top;width:22.75%;margin-left:3%;text-align:left}
.select-item:first-of-type{margin-left:0}
.dropmenu-header{position:relative;padding-left:35px;padding-top:0;padding-bottom:0;display:block;width:100%;box-sizing:border-box;border:1px solid #000;border-radius:5px;font-weight:300;cursor:pointer;color:#000;font-size:20px;line-height:3;background-color:#fff;text-align:left;outline:0;-webkit-appearance:none}
.dropmenu-header .dropmenu-show{position:absolute;top:0;right:35px;left:120px;color:#000;font-size:18px;line-height:3.33;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:right}
.dropmenu-selected h2{padding-left:35px;font-size:18px;color:#000}
.dropmenu-selected h2:hover{background-color:#eee}
.dropmenu-selected h3{padding-left:35px;position:relative;font-size:18px;height:2em;color:#000;font-weight:500}
.dropmenu-selected h3 span{display:block;width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.dropmenu-selected h3 i{position:absolute;top:0;right:25px;line-height:2}
.dropmenu-selected h3:hover{background-color:#eee}
.dropmenu-list{position:absolute;top:-45px;left:0;width:100%;border:1px solid #000;background-color:#fff;font-weight:400;text-transform:uppercase;display:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.dropmenu-list ul{padding:20px 0}
.dropmenu-list li{padding-left:35px;padding-right:10px;padding-top:10px;padding-bottom:10px;font-size:16px;cursor:pointer;line-height:1.25}
.dropmenu-list li:hover{color:#000;background-color:#eee}
.dropmenu-list li.dropmenu-selected{padding-left:0;padding-top:0;padding-bottom:0;line-height:2}
.dropmenu-list li.dropmenu-selected:hover{background-color:#fff}
.history-list{font-size:0;text-align:left}
.history-list a{color:#000;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.history-list a:hover{color:#666}
.history-list li{display:inline-block;vertical-align:top;font-size:18px;width:31.25%;margin-bottom:70px;text-align:left}
.history-list li:nth-of-type(3n+2){margin-right:3.125%;margin-left:3.125%}
.history-list .img{position:relative;overflow:hidden;margin-bottom:20px}
.history-list .img:before{content:"";display:block;padding-top:60%}
.history-list .img img{position:absolute;top:0;left:0;width:100%;height:auto}
.history-list .intro{line-height:1.6}
.history-list .intro span{font-weight:500}
.works-detail{position:relative}
.works-intro{position:absolute;top:0;left:0;width:330px;font-size:2em;line-height:1.5}
.works-intro h5{font-size:1em;margin-bottom:1em}
.works-intro h5 span{display:block;font-size:.8em}
.works-intro h6{font-size:.8em;font-weight:700}
.works-intro p{font-size:.8em;margin-bottom:1em}
.works-img{padding-left:370px;font-size:0}
.works-img img{display:inline-block;vertical-align:top;max-width:100%;height:auto!important}
.works-imgb img{width:100%}
.works-imgs{margin-top:2%}
.works-imgs img{width:49%;margin-left:2%}
.works-imgs img:nth-of-type(2n+1){margin-left:0}
@media only screen and (max-width:1366px){.page-history{padding-top:130px;width:82%}
.gdc-select{margin-bottom:110px}
.dropmenu-header{font-size:16px}
.dropmenu-header .dropmenu-show{font-size:14px;line-height:3.4;left:100px}
.works-intro{font-size:1.6em}
}
@media only screen and (max-width:1024px){.select-item{width:48%;margin-left:0;margin-bottom:50px}
.select-item:nth-of-type(2n){margin-left:4%}
.select-item:nth-of-type(1),.select-item:nth-of-type(2){z-index:20}
.history-list li{width:48%;font-size:16px}
.history-list li:nth-of-type(3n+2){margin-left:0;margin-right:0}
.history-list li:nth-of-type(2n){margin-left:4%}
}
@media only screen and (max-width:768px){.page-history{padding-top:60px;padding-bottom:100px}
.gdc-select{margin-bottom:50px}
.works-intro{position:relative;width:100%;margin-bottom:30px}
.works-img{padding-left:0}
}
@media only screen and (max-width:480px){.page-history{width:92%;padding-bottom:80px}
.dropmenu-header{font-size:14px;padding-left:10px}
.dropmenu-header .dropmenu-show{right:10px;font-size:12px;line-height:3.5;left:70px}
.gdc-select{margin-bottom:20px}
.select-item{margin-bottom:40px}
.dropmenu-list{top:-30px}
.dropmenu-list ul{padding-top:10px;padding-bottom:10px}
.dropmenu-list li{font-size:14px;padding-left:10px}
.dropmenu-selected h2,.dropmenu-selected h3{font-size:14px;padding-left:10px}
.history-list li{font-size:12px}
}
@media only screen and (max-width:350px){.history-list li{width:100%;margin-bottom:40px}
.history-list li:nth-of-type(2n){margin-left:0}
}
.detail-title{margin-bottom:120px;text-align:center;color:#fff;font-size:40px;font-weight:700}
.detail-body{padding-top:130px;margin:0 auto;width:70%}
.detail-body .detail-title{color:#000}
.detail-txt{padding-bottom:160px;font-size:2em;line-height:2;font-weight:400}
.detail-txt p{text-align:justify}
.detail-txt img{display:block;margin:0 auto;max-width:100%;height:auto!important}
@media only screen and (max-width:1366px){.detail-body{padding-top:90px}
.detail-title{font-size:60px;margin-bottom:70px}
.detail-txt{line-height:1.7}
}
@media only screen and (max-width:768px){.detail-body{width:88%}
.detail-title{font-size:48px}
}
@media only screen and (max-width:500px){.detail-body{width:90%;padding-top:50px}
.detail-title{font-size:24px;margin-bottom:50px}
.detail-txt{font-size:14px;padding-bottom:60px}
}
@media only screen and (max-width:375px){.detail-title{font-size:20px}
}
.page-show{background-color:#1A1A1A;padding-top:120px;padding-bottom:160px}
.page-show h3{margin-bottom:120px}
.show-list{margin:0 auto 50px;width:85%;font-size:0}
.show-list a{display:block;color:#fff;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.show-list a:hover{color:#666}
.show-list a:hover p{color:#666}
.show-list li{display:inline-block;vertical-align:top;width:21%;font-size:10px;margin-left:2%;margin-right:2%;margin-bottom:70px}
.show-list .img{position:relative;overflow:hidden;margin-bottom:20px}
.show-list .img:before{content:"";display:block;padding-top:70%}
.show-list .img img{position:absolute;top:0;left:0;width:100%;height:auto}
.show-list h6{font-size:2em;font-weight:500;margin-bottom:10px;line-height:1.5;font-weight:300}
.show-list p{font-size:1.4em;font-weight:300;line-height:1.5;height:8.4em;color:#8D8D8D}
@media only screen and (max-width:1366px){.page-show{padding-top:100px}
.page-show h3{margin-bottom:150px}
.show-list h6{font-size:1.8em}
.show-list p{font-size:1em}
}
@media only screen and (max-width:768px){.page-show{padding-top:80px;background-color:#333}
.page-show h3{margin-bottom:100px}
.show-list li{width:44%;margin-left:3%;margin-right:3%}
}
@media only screen and (max-width:480px){.page-show{padding-top:50px;padding-bottom:80px;background-color:#333}
.page-show h3{margin-bottom:60px}
.show-list{width:98%;margin-bottom:10px}
.show-list h6{font-size:1.4em}
}
.voice-banner{background-position:center center;background-size:contain}
.voice-intro{padding:120px 0;background-color:#fff}
.voice-intro h3{text-align:center;margin-bottom:80px}
.voice-intro h3 span{font-weight:700}
.voice-intro-p{margin:0 auto;width:70%}
.voice-intro-p p{margin-bottom:20px;font-size:2em;line-height:2;text-align:justify}
.voice-box{position:absolute;top:50%;left:50%;width:600px;height:600px;margin:-300px 0 0 -300px;border-radius:50%}
.voice-tojpb{display:inline-block;vertical-align:top;width:700px;height:700px;box-sizing:border-box;padding:50px}
@media only screen and (max-width:1024px){.voice-tojpb{padding:0;width:100%;height:auto}
}
.voice-logo{position:fixed;top:30px;left:0;width:100%}
.voice-logo img{display:block;margin:0 auto}
.voice-msg{position:relative;height:800px;margin:20px 0}
.voice-step{position:absolute;top:210px;left:130px;width:360px;font-weight:300;color:#fff}
.voice-step h5{font-size:2em;margin-bottom:40px;font-weight:300}
.voice-step h6{font-size:1.6em;font-weight:300}
.voice-step p{font-size:14px;line-height:1.25;margin-bottom:.5em}
.voice-step .line{display:block;margin:60px 0;border-top:1px solid #fff}
.voice-form{position:absolute;top:110px;right:160px;width:330px;color:#fff}
.voice-form h6{font-size:24px;margin-bottom:20px;font-weight:300}
.voice-form-txt{margin-bottom:70px;font-size:20px;line-height:2;border-bottom:1px solid #fff;opacity:.8;text-transform:uppercase}
.voice-close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:transparent url(../images/voice/voice_close.png) center center no-repeat;cursor:pointer;background-size:50% 50%;-moz-transition:-moz-transform .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}
.voice-close:hover{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.vf-item{position:relative;height:2.5em;padding-left:2.5em;margin-bottom:30px;font-size:2em;font-weight:300}
.vf-item .vf-item-title{position:absolute;bottom:0;left:0;width:2.5em;line-height:1.25}
.vf-item input{display:block;width:100%;height:2.5em;text-align:center;border-bottom:1px solid #fff;background-color:transparent;color:#fff;outline:0;-webkit-appearance:none}
.vf-effects{text-align:center}
.vf-effects input{display:none}
.vf-effects label{display:inline-block;vertical-align:top;width:60px;height:60px;background-repeat:no-repeat;background-position:center center;cursor:pointer;background-size:contain;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.vf-effects label.vfe-01{background-image:url(../images/voice/effect_btn01.png)}
.vf-effects label.vfe-02{background-image:url(../images/voice/effect_btn02.png)}
.vf-effects label.vfe-03{background-image:url(../images/voice/effect_btn03.png)}
.vf-effects label.vfe-04{background-image:url(../images/voice/effect_btn04.png)}
.vf-effects input:checked+label.vfe-01{background-image:url(../images/voice/effect_btn01_on.png)}
.vf-effects input:checked+label.vfe-02{background-image:url(../images/voice/effect_btn02_on.png)}
.vf-effects input:checked+label.vfe-03{background-image:url(../images/voice/effect_btn03_on.png)}
.vf-effects input:checked+label.vfe-04{background-image:url(../images/voice/effect_btn04_on.png)}
.vf-lang{padding-top:26px;text-align:center}
.vf-lang input{display:none}
.vf-lang label{display:inline-block;vertical-align:top;margin:0 20px;width:72px;height:34px;color:#fff;font-size:20px;line-height:34px;cursor:pointer;text-align:center}
.vf-lang label:hover{opacity:.8}
.vf-lang input:checked+label{background:url(../images/voice/voice_lang.png) no-repeat center center;background-size:contain}
.vf-button{display:block;margin:50px auto 0;width:316px;height:84;line-height:2.58em;border:0;outline:0;color:#fff;font-size:20px;text-transform:uppercase;font-weight:300;font-family:sans-serif;cursor:pointer;text-align:center;background:transparent url(../images/voice/voice_send.png) no-repeat center center;background-size:contain;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.vf-button:hover{opacity:.8}
.form-error{font-size:12px;height:20px;line-height:20px;text-align:center}
.voice-bg{position:absolute;top:50%;left:50%;width:660px;height:660px;margin:-330px 0 0 -330px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover}
.voice-sign{position:absolute;top:50%;left:50%;width:660px;height:660px;margin:-330px 0 0 -330px;background:url(../images/voice/voice_sign.png) no-repeat center center;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.rotateSign{-moz-animation:rotateRound 3s ease-out infinite 2s;-webkit-animation:rotateRound 3s ease-out infinite 2s;animation:rotateRound 3s ease-out infinite 2s}
.voice-shake{-moz-animation:shakeBox1 4s linear 2s infinite;-webkit-animation:shakeBox1 4s linear 2s infinite;animation:shakeBox1 4s linear 2s infinite}
@-moz-keyframes rotateRound{0%{-moz-transform:rotate(90deg);transform:rotate(90deg)}
20%{-moz-transform:rotate(460deg);transform:rotate(460deg)}
50%{-moz-transform:rotate(440deg);transform:rotate(440deg)}
80%{-moz-transform:rotate(450deg);transform:rotate(450deg)}
100%{-moz-transform:rotate(450deg);transform:rotate(450deg)}
}
@-webkit-keyframes rotateRound{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
20%{-webkit-transform:rotate(460deg);transform:rotate(460deg)}
50%{-webkit-transform:rotate(440deg);transform:rotate(440deg)}
80%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}
100%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}
}
@keyframes rotateRound{0%{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
20%{-moz-transform:rotate(460deg);-ms-transform:rotate(460deg);-webkit-transform:rotate(460deg);transform:rotate(460deg)}
50%{-moz-transform:rotate(440deg);-ms-transform:rotate(440deg);-webkit-transform:rotate(440deg);transform:rotate(440deg)}
80%{-moz-transform:rotate(450deg);-ms-transform:rotate(450deg);-webkit-transform:rotate(450deg);transform:rotate(450deg)}
100%{-moz-transform:rotate(450deg);-ms-transform:rotate(450deg);-webkit-transform:rotate(450deg);transform:rotate(450deg)}
}
@-moz-keyframes rotateRoundH{0%{-moz-transform:rotate(0);transform:rotate(0)}
20%{-moz-transform:rotate(370deg);transform:rotate(370deg)}
50%{-moz-transform:rotate(350deg);transform:rotate(350deg)}
80%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotateRoundH{0%{-webkit-transform:rotate(0);transform:rotate(0)}
20%{-webkit-transform:rotate(370deg);transform:rotate(370deg)}
50%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}
80%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotateRoundH{0%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
20%{-moz-transform:rotate(370deg);-ms-transform:rotate(370deg);-webkit-transform:rotate(370deg);transform:rotate(370deg)}
50%{-moz-transform:rotate(350deg);-ms-transform:rotate(350deg);-webkit-transform:rotate(350deg);transform:rotate(350deg)}
80%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes shakeBox1{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0)}
50%{-moz-transform:translate3d(1%,1%,0);transform:translate3d(1%,1%,0)}
75%{-moz-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes shakeBox1{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-webkit-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0)}
50%{-webkit-transform:translate3d(1%,1%,0);transform:translate3d(1%,1%,0)}
75%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes shakeBox1{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(1%,0,0);-ms-transform:translate3d(1%,0,0);-webkit-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0)}
50%{-moz-transform:translate3d(1%,1%,0);-ms-transform:translate3d(1%,1%,0);-webkit-transform:translate3d(1%,1%,0);transform:translate3d(1%,1%,0)}
75%{-moz-transform:translate3d(0,1%,0);-ms-transform:translate3d(0,1%,0);-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes shakeBox2{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0)}
50%{-moz-transform:translate3d(2%,2%,0);transform:translate3d(2%,2%,0)}
75%{-moz-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes shakeBox2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0)}
50%{-webkit-transform:translate3d(2%,2%,0);transform:translate3d(2%,2%,0)}
75%{-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes shakeBox2{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(0,2%,0);-ms-transform:translate3d(0,2%,0);-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0)}
50%{-moz-transform:translate3d(2%,2%,0);-ms-transform:translate3d(2%,2%,0);-webkit-transform:translate3d(2%,2%,0);transform:translate3d(2%,2%,0)}
75%{-moz-transform:translate3d(2%,0,0);-ms-transform:translate3d(2%,0,0);-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes shakeBox3{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
50%{-moz-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-moz-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes shakeBox3{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
50%{-webkit-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-webkit-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes shakeBox3{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(-2%,0,0);-ms-transform:translate3d(-2%,0,0);-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
50%{-moz-transform:translate3d(-2%,-2%,0);-ms-transform:translate3d(-2%,-2%,0);-webkit-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-moz-transform:translate3d(0,-2%,0);-ms-transform:translate3d(0,-2%,0);-webkit-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes shakeBox4{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
50%{-moz-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-moz-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes shakeBox4{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-webkit-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
50%{-webkit-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes shakeBox4{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
25%{-moz-transform:translate3d(0,-2%,0);-ms-transform:translate3d(0,-2%,0);-webkit-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
50%{-moz-transform:translate3d(-2%,-2%,0);-ms-transform:translate3d(-2%,-2%,0);-webkit-transform:translate3d(-2%,-2%,0);transform:translate3d(-2%,-2%,0)}
75%{-moz-transform:translate3d(-2%,0,0);-ms-transform:translate3d(-2%,0,0);-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.voice-box .voice-edit{position:absolute;box-sizing:border-box}
.voice-box .voice-edit p{font-size:18px;color:#fff;text-align:center;line-height:1.5}
.voice-box .voice-edit textarea{position:absolute;top:50%;left:28%;width:44%;margin-top:-2.25em;background-color:transparent;border:0;font-size:48px;line-height:1;color:#fff;text-align:center;resize:none;overflow:hidden;outline:0;font-weight:300}
.voice-box .voice-edit textarea::-webkit-input-placeholder{color:#fff}
.voice-box .voice-edit textarea:focus{border-bottom:1px solid #fff}
.voice-box .voice-edit .voice-textarea{position:absolute;top:50%;left:28%;width:44%;margin-top:-2.25em;background-color:transparent;border:0;font-size:48px;line-height:1;color:#fff;text-align:center}
.voice-box .voice-edit .voice-edit-author{position:absolute;bottom:22%;width:100%;text-align:center}
.voice-edit-bottom,.voice-edit-top{position:absolute;left:0;width:100%;height:30px;background-repeat:no-repeat;background-position:center center;background-size:contain}
.voice-edit-top{top:12%;height:4.54%;background-image:url(../images/voice/voice_top.png)}
.voice-edit-bottom{bottom:12%;height:4.54%;background-image:url(../images/voice/voice_bottom.png)}
.page-voice{padding-top:20px;background-color:#000}
.voice-total{position:relative;width:100%;margin:0 auto;font-size:0;text-align:center;font-size:60px}
.vt-number{position:relative;margin:0 auto;display:inline-block;color:#fff}
.vt-number span{position:absolute;top:0;left:50%;font-size:.35em;-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);-webkit-transform:translatex(-50%);transform:translatex(-50%)}
.vt-number p{font-size:1em;line-height:2}
.btn-voice,.btn-vshow{position:relative;display:block;margin:0 auto;width:289px;height:76px;line-height:76px;font-size:24px;font-weight:300;color:#fff;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.btn-voice:after,.btn-vshow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/voice/voice_go.png) no-repeat center center;background-size:contain}
.btn-voice:before,.btn-vshow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:47px;background-color:#000;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
.btn-voice:hover,.btn-vshow:hover{color:#999}
.btn-voice:hover:before,.btn-vshow:hover:before{background-color:#222}
.btn-voice span,.btn-vshow span{position:relative;z-index:1}
.btn-vshow{margin-top:30px;width:199px;height:52px;line-height:52px;font-size:20px;background-color:transparent}
@media only screen and (max-width:1440px){.btn-voice{width:181px;height:48px;line-height:48px;font-size:20px}
}
.vt-logo{width:52%;padding-top:40px}
.vt-logo img{display:block;margin:0 auto;max-width:100%}
.voice-cate{position:relative;width:92%;margin:0 auto}
.voice-cate-list{position:relative;z-index:1;text-align:center}
.voice-cate-list a{position:relative;padding:0 40px;display:inline-block;vertical-align:top;font-size:20px;line-height:2;color:#999;text-transform:uppercase;font-weight:300;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.voice-cate-list a:hover{color:#fff}
.voice-cate-list a:before{content:"";position:absolute;top:50%;left:0;width:1px;height:20px;margin-top:-10px;background-color:#666}
.voice-cate-list a:first-of-type:before{display:none}
.voice-cate-list a.active{color:#fff}
.voice-list-page{position:absolute;z-index:10;top:0;right:0;font-size:20px;line-height:40px;color:#666}
.voice-list-page a{display:inline-block;vertical-align:top;padding:0 5px;font-size:16px;color:#606060;font-weight:700;line-height:40px;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.voice-list-page a:hover{color:#fff}
.voice-list-page .icon-left{margin-right:20px}
.voice-list-page .icon-right{margin-left:20px}
.voice-list-page span{padding:0 5px}
.voice-list-page span.active{color:#fff}
.voice-list{height:1500px;position:relative;width:100%;overflow:hidden}
.voice-list-link{text-align:center;padding-bottom:20px}
.voice-list-link .btn{font-size:24px}
.voice-list-link .btn :hover{background-color:#fff}
.voice-list-link p{margin-top:50px;font-size:16px;color:#fff}
.voice-bottom{padding:40px 0 60px;border-bottom:1px solid rgba(255,255,255,.7)}
.voice-bottom .voice-list-page{position:relative;text-align:center}
.vShake1{-moz-animation:shakeBox1 4s linear 2s infinite;-webkit-animation:shakeBox1 4s linear 2s infinite;animation:shakeBox1 4s linear 2s infinite}
.vShake2{-moz-animation:shakeBox2 4s linear 2s infinite;-webkit-animation:shakeBox2 4s linear 2s infinite;animation:shakeBox2 4s linear 2s infinite}
.vShake3{-moz-animation:shakeBox3 4s linear 2s infinite;-webkit-animation:shakeBox3 4s linear 2s infinite;animation:shakeBox3 4s linear 2s infinite}
.vShake4{-moz-animation:shakeBox4 4s linear 2s infinite;-webkit-animation:shakeBox4 4s linear 2s infinite;animation:shakeBox4 4s linear 2s infinite}
.sound-item{position:absolute;border-radius:50%;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.sound-item>div{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:contain}
.sound-item a{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}
.voice-show{padding:50px 0;margin-top:50px;text-align:center}
.sound-show{position:relative;display:inline-block;vertical-align:top;top:auto;left:auto;margin-top:0;margin-left:0}
.voice-show-info{padding-top:60px;margin-left:200px;display:inline-block;vertical-align:top}
.voice-show-info p{padding:20px 0 40px;font-size:12px;color:#fff;line-height:3;font-weight:300}
.voice-show-date{width:200px;color:#fff;text-align:left}
.voice-show-date h6{margin-bottom:30px;font-size:20px;font-weight:300}
.voice-show-date .share{position:relative;margin-bottom:40px;height:40px;padding-left:50px;font-size:12px;line-height:40px;font-weight:300}
.voice-show-date .icon-share{position:absolute;top:0;left:0;width:40px;height:40px;line-height:40px;font-size:30px;text-align:left;cursor:pointer}
.voice-show-date .date{margin-bottom:30px;font-size:16px;line-height:2;border-bottom:1px solid #ccc}
.sound-intro{color:#fff}
.sound-intro .sound-txt{position:absolute;top:45%;left:20%;width:60%;text-transform:uppercase;font-weight:300;font-size:.1778em;line-height:1.25;text-align:center;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.sound-intro .sound-author{position:absolute;bottom:20%;left:0;width:100%;text-align:center;font-size:.05926em;line-height:1.25}
.sound-bg{background-image:url(../images/voice/v_bg.png)}
.sound-arc i{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:url(../images/voice/v_arc.png) no-repeat center center;background-size:contain;-moz-animation:voiceArc 4s linear infinite;-webkit-animation:voiceArc 4s linear infinite;animation:voiceArc 4s linear infinite}
.sound-arc i:nth-of-type(2){-moz-animation-delay:1s;-webkit-animation-delay:1s;animation-delay:1s}
.sound-arc i:nth-of-type(3){-moz-animation-delay:2s;-webkit-animation-delay:2s;animation-delay:2s}
.sound-arc i:nth-of-type(4){-moz-animation-delay:3s;-webkit-animation-delay:3s;animation-delay:3s}
@-moz-keyframes voiceArc{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:1}
60%{-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
@-webkit-keyframes voiceArc{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:1}
60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
@keyframes voiceArc{0%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:1}
60%{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
.sound-video{background-image:url(../images/voice/effect_bg_01.png);overflow:hidden;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out}
.effect1 .sound-video{background-image:url(../images/voice/effect_bg_01.png)}
.effect2 .sound-video{background-image:url(../images/voice/effect_bg_02.png)}
.effect3 .sound-video{background-image:url(../images/voice/effect_bg_03.png)}
.effect4 .sound-video{background-image:url(../images/voice/effect_bg_04.png)}
.sound-sign{background-image:url(../images/voice/v_sign.png);-moz-animation:rotateRoundH 3s ease-out infinite;-webkit-animation:rotateRoundH 3s ease-out infinite;animation:rotateRoundH 3s ease-out infinite}
.sound-logo{background-image:url(../images/voice/v_logo.png)}
.voice-special{padding:120px 0;background-color:#dadada;text-align:center}
.voice-special .section-title{margin-bottom:120px;font-weight:300}
.vs-list{font-size:0;text-align:left;margin:0 auto 100px;width:88%}
.vs-list li{position:relative;display:inline-block;vertical-align:top;width:31%;margin-left:3.5%;margin-bottom:3.5%;background-color:#fff}
.vs-list li:nth-of-type(3n+1){margin-left:0}
.vs-list li:before{content:"";display:block;padding-top:46%}
.vs-img{position:absolute;top:0;left:0;width:46%;height:100%;overflow:hidden}
.vs-img img{display:block;width:100%;height:auto}
.vs-info{position:absolute;top:0;left:48%;width:46%;height:100%;font-size:20px;line-height:2;color:#000}
.vs-info p{margin-top:10px}
.vs-info span{position:absolute;bottom:10px;left:0}
.canvas-to-img img{display:none}
@media only screen and (max-width:1600px){.voice-intro h3{font-size:48px}
.voice-intro-p p{font-size:1.6em}
.voice-total{font-size:48px}
.voice-form{right:70px}
.voice-step{left:50px}
.voice-form h6{font-size:20px}
.voice-form-txt{font-size:16px}
.vs-info{font-size:16px}
}
@media only screen and (max-width:1440px){.voice-box{width:500px;height:500px}
.voice-msg{height:700px}
.voice-step{width:320px}
.voice-step h5{font-size:2em}
.voice-step p{font-size:16px}
.voice-step h6{font-size:1.8em}
.vf-item{font-size:2em}
.vf-effects label{width:50px;height:50px}
.voice-form{width:300px}
.voice-close{background-size:50% 50%}
.voice-box .voice-edit textarea{font-size:40px}
.voice-box .voice-edit .voice-textarea{font-size:40px}
.voice-form h6{font-size:16px}
.voice-form-txt{font-size:14px;margin-bottom:50px}
.vf-button{font-size:20px}
.voice-list-link .btn{font-size:20px}
.voice-list-link p{margin-top:40px;font-size:14px}
.voice-special{padding-top:80px;padding-bottom:80px}
.voice-special .section-title{margin-bottom:80px}
.vs-list{margin-bottom:60px}
.voice-show-info{padding-top:20px}
}
@media only screen and (max-width:1366px){.voice-total{font-size:32px}
.voice-box .voice-edit textarea{font-size:32px}
.voice-box .voice-edit .voice-textarea{font-size:32px}
}
@media only screen and (max-width:1024px){.voice-cate .voice-list-page{display:none}
.voice-intro{padding-top:80px;padding-bottom:80px}
.voice-intro h3{margin-bottom:60px;font-size:32px}
.voice-intro-p{width:80%}
.voice-msg{height:auto}
.voice-box{position:relative;top:auto;left:auto;margin:50px auto 80px}
.voice-form{position:relative;top:auto;right:auto;margin:0 auto 80px;width:400px}
.voice-close{display:none}
.voice-step{position:relative;top:auto;left:auto;margin:0 auto;width:70%;text-align:center}
.voice-list-link .btn{font-size:16px}
.voice-list-link p{margin-top:40px;font-size:12px}
.vs-list{margin-bottom:40px}
.vs-list li{width:48%;margin-left:4%}
.vs-list li:nth-of-type(2n+1){margin-left:0}
.vs-list li:nth-of-type(2n){margin-left:4%}
.voice-special{padding-top:60px;padding-bottom:60px}
.voice-special .section-title{margin-bottom:60px}
.sound-show{display:block}
.voice-show-info{display:block;margin:0 auto;width:200px}
}
@media only screen and (max-width:768px){.voice-total{font-size:24px}
.voice-intro{padding-top:60px;padding-bottom:60px}
.voice-intro h3{margin-bottom:40px}
.voice-intro-p{width:90%}
.vf-item{font-size:1.6em}
.vf-button{font-size:1.6em}
.vf-lang{padding-top:12px;text-align:left}
.vf-lang a{font-size:16px;text-align:center}
.vf-effects{text-align:left}
.vf-effects label{margin:0 20px 0 10px}
.vf-effects label:first-of-type{margin-left:30px}
}
@media only screen and (max-width:500px){.vf-lang{padding-top:18px}
.vf-lang label{width:54px;height:25px;font-size:14px;line-height:26px}
.voice-total{font-size:20px;margin-top:20px;margin-bottom:30px}
.voice-intro{padding-top:40px;padding-bottom:40px}
.voice-intro h3{font-size:24px;margin-bottom:30px}
.voice-intro .voice-intro-p p{line-height:1.75}
.voice-cate{width:100%}
.voice-cate-list a{font-size:14px;padding-right:20px;padding-left:20px}
.voice-cate-list a:first-of-type{padding-left:0}
.voice-cate-list a:last-of-type{padding-right:0}
.voice-box{width:300px;height:300px;margin-bottom:50px}
.voice-box .voice-edit textarea{font-size:24px}
.voice-box .voice-edit p{font-size:12px}
.voice-box .voice-edit .voice-textarea{font-size:24px}
.voice-form{width:300px}
.vf-effects{padding-top:5px}
.vf-effects label{width:40px;height:40px;margin-left:0;margin-right:10px}
.vf-effects label:first-of-type{margin-left:20px}
.voice-step h5{font-size:1.6em}
.voice-step p{font-size:12px;line-height:2}
.voice-step h6{font-size:1.6em}
.vs-list li{margin-bottom:8%;width:100%;margin-left:0}
.vs-list li:before{padding-top:30%}
.vs-list li:nth-of-type(2n){margin-left:0}
.vs-img{width:30%}
.vs-info{left:35%;width:60%}
.voice-show{padding-top:0;padding-bottom:0}
}
@media only screen and (max-width:370px){.voice-cate-list a{padding-right:15px;padding-left:15px}
}
.bg-user{background-color:#1a1a1a}
.unline{text-decoration:underline;position:relative;cursor:pointer;display:inline-block}
.unline:hover .unline-img{opacity:1;width:400px;height:475px;visibility:visible;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
@media only screen and (max-width:1024px){.top-active{display:none}
}
.unline-img{z-index:100;position:absolute;top:50%;left:120%;margin-top:-240px;opacity:0;visibility:hidden;border:10px solid #fff;width:0;height:0;background:url(../images/works_img_demo.jpg) no-repeat center center}
.form-wrap{padding:120px 0 200px}
.clientFull-box,.isvip-box{border-bottom:1px dashed #ccc;margin-bottom:10px}
.form-title{margin-bottom:120px;font-size:32px;font-weight:300;color:#fff;text-align:center}
.form-tip{font-size:12px;color:silver}
.form-main{max-width:800px;margin:0 auto}
.form-item{position:relative;padding-bottom:25px;font-size:0}
.form-item.nopb{padding-bottom:0}
.form-item label{display:block;font-size:18px;line-height:50px;font-weight:300;color:silver}
.form-item input {font-family: Arial;}
.form-item input[type=text],.form-item input[type=date],.form-item input[type=email],.form-item input[type=password]{padding-left:20px;display:inline-block;vertical-align:top;box-sizing:border-box;width:800px;height:44px;border:none;outline:0;font-size:18px;font-weight:300;line-height:44px;color:#ccc;background-color:#4d4d4d}

.form-item input.code{width:470px}
.form-item input:-webkit-autofill{box-shadow:0 0 0 1000px #4d4d4d inset!important;-webkit-text-fill-color:#ccc}
.form-item input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #4d4d4d inset!important;-webkit-text-fill-color:#ccc}
.form-item .err{font-size:12px;display:block;height:28px;line-height:28px;color:silver}
.form-item label.error{display:block;position:absolute;bottom:0;left:0;font-size:12px;line-height:24px;color:#999}
.form-item p.tip{font-size:14px;line-height:24px;color:silver}
.form-submit{position:relative}
.form-submit.w{max-width:100%}
.btn-alter{display:inline-block;vertical-align:middle;margin-left:5px;font-size:16px;color:silver}
.btn-alter:hover{color:#fff}
a,button{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
a.btn-delete,a.btn-submit,a.getcode,button.btn-delete,button.btn-submit,button.getcode{display:inline-block;vertical-align:top;cursor:pointer;outline:0;color:silver;box-sizing:border-box;font-weight:300}
a.getcode,button.getcode{margin-left:10px;width:180px;height:44px;background-color:#000;font-size:16px}
a.getcode.disabled,button.getcode.disabled{background-color:#ccc;color:#000}
a.getcode:hover,button.getcode:hover{text-decoration:underline;color:#fff}
a.btn-submit,button.btn-submit{padding:0 30px;min-width:200px;height:40px;border:1px solid silver;border-radius:25px;font-size:16px;line-height:40px;text-align:center;background:0 0}
a.btn-submit:hover,button.btn-submit:hover{background-color:silver;color:#000}
a.btn-delete,button.btn-delete{background:0 0;height:40px;font-size:14px;color:silver}
a.btn-delete i,button.btn-delete i{font-size:16px}
a.wauto,button.wauto{min-width:auto}
a.fr,button.fr{margin-left:10px}
a.form-link{font-size:16px;line-height:40px;color:silver;font-weight:300}
a.form-link:hover{text-decoration:underline;color:#fff}
.form-textarea{padding:15px 20px;display:block;width:800px;font-size:18px;line-height:1.5;background-color:#4d4d4d;color:silver;box-sizing:border-box;resize:none;outline:0}
.form-upload{padding-top:30px;padding-bottom:100px;color:silver}
.form-upload h6{margin-bottom:5px;font-size:18px;line-height:1.5}
.form-upload p{font-size:14px;line-height:1.5}
.upload-cover{margin-top:30px;cursor:pointer;display:block;position:relative;width:225px;height:135px;overflow:hidden}
.upload-cover img{position:absolute;top:0;left:0;width:225px;height:135px}
.upload-cover input{display:none}
.upload-cover label{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:url(../images/ico_upload.png) no-repeat center center}
.upload-img-list{padding-top:30px;font-size:0}
.upload-img-list ul{display:inline;vertical-align:top}
.upload-img-list li{position:relative;display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;width:140px;height:140px;background-color:#4d4d4d;background-repeat:no-repeat;background-position:center center;background-size:contain}
.upload-img-list li img{display:block;margin:0 auto;max-width:100%;max-height:100%}
.upload-img-list li .del_img{position:absolute;z-index:1;top:0;right:0;width:30px;height:30px;font-size:14px;line-height:30px;text-align:center;cursor:pointer;color:silver}
.upload-img-list li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3)}
.btn-upload{position:relative;display:inline-block;vertical-align:top;width:140px;height:140px;background-color:#4d4d4d;overflow:hidden}
.btn-upload:after,.btn-upload:before{content:"";position:absolute;background-color:silver}
.btn-upload:before{top:50%;left:30%;width:40%;height:1px}
.btn-upload:after{top:30%;left:50%;width:1px;height:40%}
.btn-upload input{position:absolute;z-index:1;top:0;right:0;margin:0;font-size:200px!important;cursor:pointer;direction:ltr;filter:alpha(Opacity=0);opacity:0}
@media only screen and (max-width:1024px){.form-wrap{padding-top:60px;padding-bottom:120px}
.form-title{margin-bottom:60px;font-size:20px}
.form-main{width:80%}
.form-item input[type=text],.form-item input[type=email],.form-item input[type=password]{width:82.5%}
.form-item input.code{width:calc(82.5% - 190px)}
.form-item label{font-size:14px;line-height:40px}
a.btn-submit,button.btn-submit{min-width:auto}
.form-textarea{width:82.5%}
}
@media only screen and (max-width:640px){.form-wrap{padding-bottom:80px}
.form-main{width:90%}
.form-item input[type=text],.form-item input[type=email],.form-item input[type=password]{width:100%;height:40px;font-size:14px;line-height:40px}
.form-item input.code{width:calc(100% - 150px)}
a.btn-submit,button.btn-submit{padding-right:30px;padding-left:30px;font-size:14px;height:38px;line-height:38px}
button.getcode{font-size:14px;height:40px;width:140px}
a.form-link{font-size:14px;line-height:40px}
.form-textarea{width:100%;font-size:14px}
.form-upload{padding-top:30px;padding-bottom:50px}
}
.form-apply-tab{margin-bottom:120px;font-size:0;text-align:center}
.form-apply-tab div{display:inline-block;vertical-align:top;margin:0 40px;width:108px;height:108px;border:1px solid silver;border-radius:50%;font-size:18px;line-height:108px;color:silver}
.form-apply-tab div.current{background-color:silver;color:#000}
.form-apply-tab span{display:inline-block;vertical-align:text-top;width:42px;height:110px;background:url(../icons/step_arrow.png) no-repeat center center}
.checkbox-box,.radio-box{display:inline-block;vertical-align:top;margin-bottom:10px}
.checkbox-box label,.radio-box label{position:relative;display:block;padding-left:26px;margin-right:80px;font-weight:300;cursor:pointer}
.checkbox-box label span,.radio-box label span{position:absolute;top:50%;left:0;margin-top:-7px;width:14px;height:14px}
.radio-box input[type=radio],.radio-box input[type=checkbox]{display:none}
.radio-box input[type=radio]:checked+label,.radio-box input[type=checkbox]:checked+label{color:#fff}
.radio-box input[type=radio]:checked+label span,.radio-box input[type=checkbox]:checked+label span{background-image:url(../icons/radio_on.png)}
.radio-box label{color:#999}
.radio-box label span{background:url(../icons/radio.png) no-repeat center center;background-size:contain}
.checkbox-box input[type=radio],.checkbox-box input[type=checkbox]{display:none}
.checkbox-box input[type=radio]:checked+label span:before,.checkbox-box input[type=checkbox]:checked+label span:before{content:"\e60c"}
.checkbox-box label{margin-right:auto;height:20px}
.checkbox-box label span{top:0;margin-top:0;height:20px}
.checkbox-box label span:before{font-family:iconfont;font-size:14px;line-height:20px;content:"\e622"}
.select-box{position:relative;display:inline-block;vertical-align:top}
.select-box select{padding:8px 10px 9px;display:block;width:800px;font-size:18px;background:#4d4d4d url(../icons/select_arrow.png) no-repeat 760px center;color:silver;outline:0;-moz-appearance:none;-webkit-appearance:none}
.select-box label{position:absolute;top:0;right:0;width:40px;height:100%;background:url(../icons/select_arrow.png) no-repeat center center}
.apply-categories{padding-top:60px;margin-bottom:70px}
.apply-cate-tab{font-size:0;text-align:left;font-weight:300}
.apply-cate-tab span{display:inline-block;vertical-align:top;width:180px;font-size:18px;line-height:44px;text-align:center;background-color:#131313;color:#fff;cursor:pointer}
.apply-cate-tab span.current{background-color:#4d4d4d}
.apply-cate-list{padding:40px 60px 60px;background-color:#4d4d4d;font-size:0;text-align:left;display:none}
.apply-cate-list.current{display:block}
.aclist-part{display:inline-block;vertical-align:top;max-width:50%}
.aclist-item{margin-bottom:30px}
.aclist-item dt{margin-bottom:10px;font-size:14px;color:#fff}
.aclist-item dd{padding-left:8px}
.aclist-item dd.sub{padding-left:24px}
.aclist-item dd .radio-box{margin-bottom:0}
.aclist-item dd .radio-box label{padding-left:16px;font-size:14px;line-height:2}
.aclist-item dd .radio-box span{top:14px;margin-top:-5px;width:10px;height:10px}
.apply-cost{font-weight:300;padding-top:30px}
.apply-cost span{display:block;font-size:14px;color:silver}
.apply-cost div{margin-right:60px;display:inline-block;vertical-align:top;font-size:24px;line-height:2;color:silver}
@media only screen and (max-width:1200px){.form-apply-tab div{margin-bottom:10px;margin-right:20px;margin-left:20px;width:70px;height:70px;font-size:12px;line-height:70px}
.form-apply-tab span{margin-bottom:10px;width:30px;height:70px;background-size:contain}
}
@media only screen and (max-width:1024px){.form-apply-tab{margin-bottom:60px}
.select-box select{width:540px;background-position:500px center}
.apply-cost div{font-size:20px}
}
@media only screen and (max-width:640px){.select-box select{width:280px;background-position:250px center;background-size:18px auto;font-size:14px;padding-top:6px;padding-bottom:7px}
.apply-categories{padding-top:30px;margin-bottom:30px}
.apply-cate-tab span{width:50%;font-size:14px;line-height:40px}
.apply-cate-list{padding-right:20px;padding-left:20px;padding-bottom:30px}
.apply-cate-list .radio-box label{margin-right:0}
.apply-cost{padding-top:30px}
.apply-cost span{margin-bottom:20px}
.apply-cost div{font-size:16px}
}
.apply-table-caption{font-size:0;font-weight:300;text-align:left;background-color:#a7a7a7;color:#000}
.apply-table-caption span{padding-right:20px;display:inline-block;vertical-align:top;width:16%;box-sizing:border-box;font-size:18px;line-height:44px}
.apply-table-caption span.idx{width:10%}
.apply-table-caption span.w28{width:24%}
.apply-table-caption span.w35{width:35%}
.apply-table-caption span.w10{width:10%}
.apply-table-caption span.img{width:160px}
.apply-table-item{padding:20px 0 30px;border-bottom:1px solid #a7a7a7;font-size:0}
.apply-table-item li{padding-right:20px;display:inline-block;vertical-align:top;width:16%;font-size:14px;line-height:30px;color:silver;box-sizing:border-box}
.apply-table-item li.idx{padding-right:0;width:10%;text-align:center}
.apply-table-item li.w28{width:24%}
.apply-table-item li.w35{width:35%}
.apply-table-item li.w10{width:10%}
.apply-table-item li.img{width:160px}
.apply-table-item li.img img{display:block;width:140px;height:auto}
.apply-table-item li a{color:silver;text-decoration:underline}
.apply-table-item li .btn-alter{text-decoration:none}
@media only screen and (max-width:767px){.apply-work-caption{display:none}
.apply-work-item{padding-bottom:10px}
.apply-work-item ul{position:relative;padding-bottom:20px}
.apply-work-item ul li{display:block;width:auto}
.apply-work-item ul li.w10,.apply-work-item ul li.w28,.apply-work-item ul li.w35{width:auto}
.apply-work-item ul li:nth-of-type(1),.apply-work-item ul li:nth-of-type(2){padding:10px 0;color:#000;line-height:20px;width:auto;display:block;background-color:#a7a7a7}
.apply-work-item ul li:nth-of-type(2){padding-left:22px}
.apply-work-item ul li:nth-of-type(1){position:absolute;top:0;left:0;width:20px;text-align:right;padding-left:10px}
.apply-work-item ul li:nth-of-type(1):after{content:"."}
.apply-work-item ul li:nth-of-type(3),.apply-work-item ul li:nth-of-type(4),.apply-work-item ul li:nth-of-type(5),.apply-work-item ul li:nth-of-type(6){position:relative;padding-left:70px;margin-top:10px;line-height:20px}
.apply-work-item ul li:nth-of-type(3):before,.apply-work-item ul li:nth-of-type(4):before,.apply-work-item ul li:nth-of-type(5):before,.apply-work-item ul li:nth-of-type(6):before{position:absolute;top:0;left:0;width:50px;text-align:right}
.apply-work-item ul li:nth-of-type(3):before{content:"\56fd\7c4d"}
.apply-work-item ul li:nth-of-type(4):before{content:"\7ec4\522b"}
.apply-work-item ul li:nth-of-type(5):before{content:"\8d39\7528"}
.apply-worklist-item ul{padding-bottom:10px}
.apply-worklist-item ul li:nth-of-type(5):before{content:"\72b6\6001"}
.apply-worklist-item ul li .btn-handle{margin-left:0}
.apply-awards-item ul{padding-left:120px;padding-top:50px;padding-bottom:20px}
.apply-awards-item ul li:first-of-type{padding-left:0;width:120px;top:50px;background-color:transparent}
.apply-awards-item ul li:first-of-type img{width:110px;height:auto}
.apply-awards-item ul li:nth-of-type(3),.apply-awards-item ul li:nth-of-type(4),.apply-awards-item ul li:nth-of-type(5){padding-left:50px}
.apply-awards-item ul li:nth-of-type(3):before,.apply-awards-item ul li:nth-of-type(4):before,.apply-awards-item ul li:nth-of-type(5):before{width:40px}
.apply-awards-item ul li:nth-of-type(2){position:absolute;top:0;left:0;padding-left:0;width:100%;text-align:center}
.apply-awards-item ul li:nth-of-type(5):before{content:"\5956\9879"}
}
.apply-count{margin:0 20px}
.apply-work-total{display:inline-block;vertical-align:top;font-size:20px;line-height:40px;color:silver;font-weight:300}
@media only screen and (max-width:640px){.apply-count{margin-right:auto;margin-left:auto}
.apply-work-total{font-size:16px}
}
.apply-pay-header{padding-bottom:10px}
.apply-pay-header>div{margin-right:60px;display:inline-block;vertical-align:top;font-size:20px;line-height:2;font-weight:300;color:silver}
.apply-pay-header>div span{font-weight:500}
.apply-payment{padding:40px 0 20px;font-weight:300}
.apply-payment h6{margin-bottom:30px;font-size:18px;color:silver}
.tab{font-size:0;text-align:left;font-weight:300}
.tab input{display:none}
.tab label{display:block}
.tab span{display:inline-block;vertical-align:top;width:180px;font-size:18px;line-height:44px;text-align:center;background-color:#131313;color:silver;cursor:pointer}
.tab span.current{background-color:#4d4d4d;color:#fff}
.tab-body{padding:60px 40px;background-color:#4d4d4d;display:none}
.tab-body.current{display:block}
.ico-pay{display:block;width:64px;height:64px;font-weight:300;background-repeat:no-repeat;background-position:center center;background-size:contain}
.ico-weixin{background-image:url(../icons/ip_weixin.png)}
.ico-alipay{background-image:url(../icons/ip_alipay.png)}
.ico-paypal{background-image:url(../icons/ip_paypal.png)}
.payment-select .radio-box label{padding-left:94px;display:block;font-size:16px;line-height:64px;margin-right:60px;color:#fff}
.payment-select .radio-box label .ico-pay{position:absolute;top:0;left:0}
.payment-select .radio-box label span{left:74px}
.tips{font-size:16px;line-height:2;color:silver}
.tips a{color:#fff}
.tips strong{padding:0 5px;font-weight:700}
.payment-offline{font-weight:300}
.payment-offline p{line-height:2;color:#fff}
.payment-offline p.f16{font-size:16px}
.payment-offline p.f20{font-size:20px}
.payment-offline p.f14{font-size:14px}
.payment-success{text-align:center;font-weight:300;color:silver}
.payment-success h4{margin-bottom:40px;font-size:40px;line-height:2}
.payment-success p{font-size:16px;line-height:1.5}
.btn-success{display:inline-block;vertical-align:top;padding:0 50px;margin-bottom:30px;font-size:20px;line-height:48px;border:1px solid silver;border-radius:30px;color:silver}
.goto{font-size:14px}
@media only screen and (max-width:640px){.apply-pay-header>div{font-size:16px}
.apply-payment{padding-top:20px}
.apply-payment h6{font-size:16px;margin-bottom:15px}
.payment-tab span{width:50%;font-size:16px;line-height:40px}
.ico-pay{width:32px;height:32px}
.payment-select .radio-box label{padding-left:60px;line-height:32px}
.payment-select .radio-box label span{left:40px}
.tab-body{padding:30px 20px}
.payment-success h4{font-size:24px;margin-bottom:20px}
.btn-success{padding-right:30px;padding-left:30px;font-size:16px;line-height:40px}
}
.user-center{max-width:1100px;margin:0 auto;font-size:0;font-weight:300}
.uc-menu{display:inline-block;vertical-align:top;width:270px}
.uc-menu li{margin-bottom:10px;font-size:20px}
.uc-menu li a{display:block;padding-bottom:20px;color:silver}
.uc-main{display:inline-block;vertical-align:top;width:830px}
.uc-table{width:100%}
.uc-table thead{background-color:grey;color:#000}
.uc-table thead td{font-size:18px;line-height:48px;text-align:center}
.uc-table thead td:first-of-type{padding-left:60px;text-align:left}
.uc-table tbody td{padding:20px 0;border-bottom:1px solid grey;font-size:14px;line-height:2;text-align:center;vertical-align:middle;color:silver}
.uc-table tbody td:first-of-type{padding-left:60px;text-align:left}
.uc-table tbody td p{padding:5px 0}
.order-item{margin-bottom:80px}
.btn-handle{display:inline-block;vertical-align:top;margin:0 5px;width:100px;height:28px;font-size:12px;line-height:28px;text-align:center;border:1px solid grey;border-radius:30px;color:silver}
.btn-handle:hover{background-color:grey}
.order-item-num{padding:20px 0}
.order-item-num div{display:inline-block;vertical-align:top;margin-right:60px;font-size:18px;color:silver}
.user-pack{padding-top:60px}
.user-pack-intro{padding-top:60px;font-weight:300;line-height:2;color:silver}
.user-pack-intro h4{font-size:24px}
.user-pack-intro p{font-size:14px}
.work-number{font-size:18px;color:silver}
.work-number p{padding-left:35px;display:inline;font-size:14px}
.work-detail-name{padding:0 0 20px;font-size:20px;border-bottom:1px solid grey;color:silver}
.work-detail-name span{font-size:16px}
.work-detail-info{padding:50px 0}
.work-detail-info p{margin-bottom:10px;font-size:16px;line-height:2;color:silver}
.work-detail-imglist img{display:block;margin-bottom:20px;max-width:100%;height:auto}
.work-print{text-align:right}
.work-print a.btn-submit{margin-left:10px;margin-bottom:10px}
.work-print a.fl{margin-left:0}
@media only screen and (max-width:1200px){.user-center{max-width:82.5%}
.uc-menu{width:100%}
.uc-menu li{display:inline-block;vertical-align:top;margin-bottom:2%;width:49%;background-color:#131313;color:silver}
.uc-menu li:nth-of-type(2n){margin-left:2%}
.uc-menu li a{display:block;padding-bottom:0;font-size:16px;line-height:40px;text-align:center}
.uc-main{padding-top:20px;width:100%}
.work-detail-name{font-size:14px}
.uc-table thead td{font-size:14px;line-height:40px}
.uc-table thead td:first-of-type{padding-left:0;text-align:center}
.uc-table tbody td{font-size:12px}
.uc-table tbody td:first-of-type{padding-left:0;width:40%}
.btn-handle{margin-bottom:10px;font-size:12px;width:80px}
.order-item-num div{font-size:14px;line-height:1.5}
.order-item{margin-bottom:40px}
.work-detail-name span{font-size:14px}
.work-detail-info p{font-size:14px}
.tips{font-size:14px}
.user-pack-intro h4{font-size:20px}
.user-pack-intro{padding-top:30px}
.user-pack{padding-top:0}
a.btn-submit{margin-bottom:10px}
.work-number{font-size:16px}
.work-number.mb20{margin-bottom:0}
.work-number p{margin-top:10px;line-height:24px;display:block;padding-left:0}
}
.empty-content{padding:20px 0;font-size:14px;color:silver;text-align:center}
@media (max-width:767px){.work-detail-name{line-height:20px;margin-bottom:5px}
.work-detail-name span.fr{margin-top:10px;float:none;display:block}
}