body{padding:0;border:none;font-family:Arial;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select:none;max-width: 640px;margin: 0 auto;}
i,em{font-style:normal;}
ol,ul {list-style:none;padding: 0;margin: 0;}
/**取消touch高亮效果**/
a{-webkit-tap-highlight-color:#fff;text-decoration: none;}
/**禁止保存或者拷贝图片**/
img{-webkit-touch-callout:none;}
/***清除输入框内阴影***/
input,textarea{border: 0;-webkit-appearance:none;}
/**快速回弹滚动***/
.xxx{overflow: auto;-webkit-overflow-scrolling:touch;}
.cf {zoom: 1;}
.cf:after {content: '';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
input, textarea {outline: 0;resize: none;}

/******首页********/
.app-body{background-image: url(../images/musicbanner.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.ab-cover{background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;position: relative;}
.abc-head-img{position: relative;padding-top: 14%;width: 33.6%;margin: 0 auto;}
.abchi-img{width: 100%;border-radius: 50%;max-width: 180px;}
.abchi-v{width: 23%;position: absolute;bottom: 4px;right: -15px;}
.abc-name{color: #08fffc;font-size: 1.1rem;text-align: center;margin: 6% 0 6%;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.2rem;height: 1.2rem;font-weight: bold;}
.abc-desc{font-size: 0.65rem;color: #fefefe;margin: 0 auto;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 0.8rem;height: 1.6rem;text-align: center;width: 60%;}
.abc-zuan{margin: 2% 0 6%;text-align: center;}
.abc-zuan i{background: url(../images/zuan_yellow.png) no-repeat;display: inline-block;width: 20px;height:15px; background-size: 20px;margin: 0 -1px;}
.abc-label{margin: 5% auto;width: 21.25%;}
.abcl-music,.abcl-peiyin,.abcl-yinpin{margin: 4% 0;display: block;}
.abcl-music,.abcl-peiyin{width: 74%;}
.abcl-yinpin{width: 100%;}
.abc-logo{width: 28%;position: absolute;left: 50%;margin-left: -14%;bottom: 10%;}
.abc-start{position: absolute;left: 50%;margin-left: -25px;bottom: 10px;margin-top: -28px;width: 50px;height: 30px;border-radius: 30px;}
.abc-start b{position: absolute;left: 50%;margin-left: -15px;z-index: 3;margin-top: 15px;width: 29px;height: 11px;background-image: url(../images/start_2x.png);background-size: 60%;background-position: center center;background-repeat: no-repeat;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);animation: upMove 1s linear infinite;-webkit-animation: upMove 1s linear infinite;}
@keyframes upMove{
  0%{transform:translateY(0) rotateZ(180deg);-webkit-transform:translateY(0) rotateZ(180deg);opacity: 0.8;}
  50%{transform:translateY(-5px) rotateZ(180deg);-webkit-transform:translateY(-5px) rotateZ(180deg);opacity: 0.3;}
  100%{transform:translateY(-10px) rotateZ(180deg);-webkit-transform:translateY(-10px) rotateZ(180deg);opacity: 0;}
}
@-webkit-keyframes upMove{
  0%{transform:translateY(0) rotateZ(180deg);-webkit-transform:translateY(0) rotateZ(180deg);opacity: 0.8;}
  50%{transform:translateY(-5px) rotateZ(180deg);-webkit-transform:translateY(-5px) rotateZ(180deg);opacity: 0.3;}
  100%{transform:translateY(-10px) rotateZ(180deg);-webkit-transform:translateY(-10px) rotateZ(180deg);opacity: 0;}
}
.dropload-load{height: 50px;line-height: 50px;text-align: center;font-size: 12px;font-family: 微软雅黑, "Microsoft YaHei", simsun;}
.dropload-load em{height: 50px;line-height: 50px;text-align: center;}
.dropload-load .loading {display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

/*****首页作品列表*******/
.app-background-color{background-color: rgba(0,0,0);}
.work-list-li{background-color: #1b1b1f;position: relative;overflow: hidden;}
.wll-mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 2;}
.wll-video{height: 100%;position: absolute;margin: auto;left: -9999px;top: -9999px;bottom: -9999px;right: -9999px;}
.wll-audio{width: 100%;height: 40px;padding: 12% 0;}
.wll-desc{position: absolute;left: 4%;right: 4%;bottom: 5%;}
.wlld-title span{font-size: 0.7rem;color: #fff;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;float: left;max-width: 85%;font-weight: bold;}
.wlldt-peiyin,.wlldt-music,.wlldt-yinpin{display: inline-block;width: 8%;height: 18px;background: url(../images/peiyinlogo.png) no-repeat;background-size: 100%;margin: 0 8px;}
.wlldt-music{background: url(../images/musiclogo.png) no-repeat;background-size: 100%;}
.wlldt-yinpin{background: url(../images/yinpinlogo.png) no-repeat;background-size: 100%;}
.wlld-title{}
.wlldc-desc{float: left;font-size: 0.5rem;color: #d8d8d8;}
.wlldc-num{float: right;font-size: 0.5rem;color: #d8d8d8;}
.wlldcn-video{display: inline-block;background: url(../images/video.png) no-repeat;width: 8px;height: 10px;background-size: 100%;margin: -1px 4px;}
.wlldcn-audio{display: inline-block;background: url(../images/audio.png) no-repeat;width: 12px;height: 12px;background-size: 100%;margin: -2px 4px;}


/******联系我********/
.app-body-contact{width: 100%;height: 100%;position: relative;}
.abcc-desc{font-size: 0.65rem;color: #fefefe;margin: 0 auto;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 1.2rem;height: 4.8rem;text-align: center;}
.pbc-back-mask{position: absolute;z-index: 0;background-color: #333;width: 100%;height: 100%}
.pbc-back-color{position: absolute;z-index: 3;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%}
.pbc-content{position: absolute;z-index: 3;}

/*******服务介绍*******/
.service-backimg,.service-backimg-audio{width: 100%;height: auto;text-align: center;position: relative;margin-top: 1.5rem;}
.service-backimg video{max-width: 100%;}
.service-backimg img{width: 100%;}
.service-backimg-audio{height: 130px;background-color: #000;margin-bottom: 10px;}
.service-content{padding: 0 4.7%;}
.service-content-desc{border-bottom: 1px solid #d7d7d7;width: 100%;}
.scd-left{float: left;width: 16%;position: relative;}
.scdl-head-img{width: 100%;border-radius: 50%;}
.scdl-v{width: 25%;position: absolute;right: 0;bottom: 5px;}
.scd-right{float: right;width: 79%;}
.scdr-head{border-bottom: 1px solid #d7d7d7;position: relative;}
.scdrh-name{font-size: 0.85rem;color: #000;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;width: 70%;margin: 4% 0 2%;}
.scdrh-signature{color: #7e7e7e;font-size: 0.5rem;margin: 0;margin-bottom: 2%;}
.scdrh-contact{position: absolute;right: 0;top: -2px;display: block;border-radius: 30px;color: #fff;background: #76d181;font-size: 0.7rem;padding: 1% 5%;text-decoration: none;}
.scdr-content{font-size: 0.5rem;color: #000;padding-bottom: 2%;}
.scdr-content em{color: #00d1ff;}
.scdrc-first,.scdrc-second,.scdrc-third{margin: 2% 0;}

.service-writer-desc{border-bottom: 1px solid #d7d7d7;padding: 6% 0;}
.service-writer-desc p{font-size: 0.52rem;padding: 0;margin:0;color: #7e7e7e;line-height: 0.65rem;overflow: hidden;}
.service-writer-desc span{text-align: right;display: block;width: 100%;color: #05cffb;font-size: 0.6rem;cursor: pointer;}

.service-more-works{}
.smw-title{font-size: 0.8rem;color: #010101;border-bottom: 1px solid #d7d7d7;margin: 5% 0 0;padding-bottom: 2%;}
.smw-works-list{border-bottom: 1px solid #d7d7d7;padding-bottom: 2%;}
.smwwl-li{margin-top: 4%;}
.smwwll-left{width: 15%;float: left;}
.smwwll-left img{width: 100%;}
.smwwll-right{float: right;width: 82%;border-bottom: 1px solid #d7d7d7;}
.smwwl-li:last-child .smwwll-right{border-bottom: 0;}
.smwwllr-left{float: left;width: 80%;}
.smwwllrl-title{font-size: 0.7rem;color: #101010;margin: 1% 0;}
.smwwllrl-channel,.smwwllrl-desc,.smwwllrr-desc,.smwwllrr-refprice{font-size: 0.48rem;color: #808080;}
.smwwllrl-desc{margin-bottom: 3%;}
.smwwllr-right{float: right;}
.smwwllrr-price{font-size: 0.85rem;color: #f00;text-align: right;}
.smwwllrr-desc,.smwwllrr-refprice{text-align: right;}
.smwwllrr-refprice{}
.smw-click-more{font-size: 0.75rem;color: #7e7e7e;width: 100%;text-align: center;margin-top: 2%;}

.service-qrcode{width: 100%;text-align: center;}
.service-qrcode img{width: 34%;margin: 15% auto 0;}
.sq-title{font-size: 0.6rem;color: #000;margin: 0 0 3%;}
.sq-desc{font-size: 0.55rem;color: #010101;}

.service-bottom{width: 100%;margin: 10% 0 -8px;}

.work-list-service,.apmchannel{font-size: 0.7rem;color: #fff;background-color: #50c6a3;display: block;position: fixed;bottom: 15px;right: 15px;z-index: 10;text-decoration: none;width: 22%;text-align: center;border-radius: 30px;padding: 1.5% 0;display: none;}
.apmchannel{background-color: #0cf;bottom: 70px;}

/**********作品详情*************/
.service-body{background: #333}
.works-detail-video{width: 100%;}
.works-detail-user-name{font-size: 0.85rem;color: #fff;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;width: 100%;margin: 4% 0 0;position: relative;line-height: 1.5rem;text-decoration: none;}
.works-detail-content{font-size: 0.5rem;color: #666;display: block;margin-top: -1%;}
.works-detail-user-name i{position: absolute;top: 0;right: 0;display: block;background: url(../images/right-arrow.png) no-repeat;background-size: 100%;width: 20%;width: 10px;height: 18px;top: 10px;}
.works-detail-writer-desc{border-bottom: 1px solid #d7d7d7;padding: 3% 0 5%;}
.works-detail-writer-desc p{font-size: 0.52rem;padding: 0;margin:0;color: #7e7e7e;line-height: 0.65rem;overflow: hidden;}
.works-detail-writer-desc span{text-align: right;display: block;width: 100%;color: #05cffb;font-size: 0.6rem;cursor: pointer;}

.works-detail-desc-content{width: 100%;border-bottom: 1px solid #d7d7d7;padding: 0 0 4%;margin-bottom: 5%;}
.wddc-title span{font-size: 0.7rem;color: #fff;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;float: left;max-width: 85%;}
.wddct-peiyin,.wddct-music,.wddct-yinpin{display: inline-block;width: 9%;height: 18px;background: url(../images/peiyinlogo.png) no-repeat;background-size: 100%;margin: 0 8px;}
.wddct-music{background: url(../images/musiclogo.png) no-repeat;background-size: 100%;}
.wddct-yinpin{background: url(../images/yinpinlogo.png) no-repeat;background-size: 100%;}
.wddcc-desc{float: left;font-size: 0.5rem;color: #5d5d5d;}
.wddcc-num{float: right;font-size: 0.5rem;color: #5d5d5d;}
.wddccn-video{display: inline-block;background: url(../images/detail-video.png) no-repeat;width: 8px;height: 10px;background-size: 100%;margin: -1px 4px;}
.wddccn-audio{display: inline-block;background: url(../images/detail-audio.png) no-repeat;width: 12px;height: 12px;background-size: 100%;margin: -2px 4px;}
.works-detail-more-works-title{font-size: 0.7rem;color: #f1f1f1;border-bottom: 1px solid #d7d7d7;margin: 5% 0 3%;padding-bottom: 2%;}
.wdmw-left{float: left;width: 28%;margin: 1% 0;}
.wdmw-left img{width: 100%;}
.wdmw-left-audio{background-color: #656565;}
.wdmwl-audio-back{background: #000;}
.wdmwl-audio{margin: 10px 0;}
.wdmw-right{float: right;width: 70%;border-bottom: 1px solid #f1f1f1;padding: 2% 0 3%;}
.wdmwr-title span{font-size: 0.7rem;color: #fff;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;float: left;max-width: 80%;}
.wdmwrt-peiyin,.wdmwrt-music,.wdmwrt-yinpin{display: inline-block;width: 13%;height: 18px;background: url(../images/peiyinlogo.png) no-repeat;background-size: 100%;margin: 2px 8px;}
.wdmwrt-music{background: url(../images/musiclogo.png) no-repeat;background-size: 100%;}
.wdmwrt-yinpin{background: url(../images/yinpinlogo.png) no-repeat;background-size: 100%;}
.wdmwrc-desc{float: left;font-size: 0.5rem;color: #5d5d5d;}
.works-detail-more-works:last-child .wdmw-right{border-bottom: 0;}
.scdl-padding{padding: 1% 0;}
.swc-right{border-bottom: 1px solid #d7d7d7;width: 81%;float: right;padding: 3% 0 4%;}
.service-works-comments:last-child .swc-right{border-bottom: 0;}
.swcrh-name,.swcrh-time,.swcrh-name span{color: #606060;font-size: 0.6rem;float: left;}
.swcrh-name{width: 50%;}
.swcrh-name span{text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;float: left;max-width: 83%;}
.swcrh-name i{background: url(../images/hot.png) no-repeat;background-size: 100%;width: 20px;height: 20px;display: inline-block;margin: 0 0 0 2%}
.swcrh-time{float: right;line-height: 0.9rem;color: #7e7e7e;}
.swcr-content{color: #000;font-size: 0.65rem;line-height: 0.7rem;}
.scdlv-right{right: 1px;bottom: 7px;}

.controls-area{width: 100%;height: 25px;background-color: #141414;position: absolute;bottom: 0;left: 0;}
.icon{float: left;}
.icon-play,.icon-pause{width: 15px;height: 15px;background-size: cover;background-repeat: no-repeat;margin: 5px 15px;}
.icon-play{background-image: url(../images/play.png);}
.icon-pause{background-image: url(../images/pause.png);}
.progressBar{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); height: 2px;background-color: #2b2b2c;margin: 11px 0;position: relative;}
.innerBar{background-color: #f5f5f5;width: 10px;height: 10px;border-radius: 50%;position: absolute;top: -4px;left: 0;}
.progressBarColor{height: 2px;background-color: #08d0fb;}
.icon-timer{color: #fff;font-size: 12px;margin: 5px 15px;}
#waveform{padding-top: 15px;}
.sba-play{position: absolute;width: 30px;height: 30px;top: 50%;left: 50%;margin-left: -15px;margin-top: -15px;background: url(../../images/workdetail/player/play.png) no-repeat;background-size: cover;z-index: 2;}


/******新首页******/
.home-common{width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.home-one{background-image: url(../images/home_one_banner.jpg);}
.hb-cover1{background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: relative;}
.hb-logo,.hbc-admaking{width: 33.6%;margin: 0 auto;display: block;padding: 10% 0 0%;}
.hbc-admaking{padding: 6% 0 0;}
.hbc-bottom{font-size: 0.6rem;color: #f1f1f1;text-align: center;display: block;margin-top: 5%;}

.common-title{color: #fff;font-size: 0.8rem;text-align: center;padding-top: 5%;margin-bottom: 3%;}
.common-line{width: 16%;border-bottom: 1px solid #0cf;display: block;margin: 0 auto;}
.common-desc{color: #ccc;font-size: 0.65rem;text-align: center;width: 68.75%;margin: 3% auto 0;}
.common-logo{width: 80px;height: 80px;background-image: url(../images/common-logo.png);background-repeat: no-repeat;background-size: cover;float: left;}
.common-ul{margin-top: 60px;}
.common-ul li{width: 85.5%;margin: 0 auto;margin-top: 10%;}
.common-right{float: left;margin-left: 10%;width: 62%;}
.cr-title-ch{color:#fff;font-size: 0.7rem;text-align: left;}
.cr-title-en{color: #b4b4b4;font-size: 0.5rem;text-align: left;margin: 2% 0 4%;}
.cr-content{color: #c3c3c3;font-size: 0.55rem;line-height: 1rem;}

.home-two{background-image: url(../images/home_two_banner.jpg);}
.c1{background-position: 0 0;}
.c2{background-position: -83px 0;}
.c3{background-position: -167px 0;}
.cr-title-ch{color:#fff;font-size: 0.7rem;text-align: left;}
.cr-title-en{color: #b4b4b4;font-size: 0.5rem;text-align: left;margin: 2% 0 4%;}
.cr-content{color: #c3c3c3;font-size: 0.55rem;line-height: 1rem;}

.home-three{background-image: url(../images/home_three_banner.jpg);}
.c4{background-position: -250px 0;}
.c5{background-position: -333px 0;}
.c6{background-position: -417px 0;}

.home-four{background-image: url(../images/home_four_banner.jpg);}
.c7{background-position: -563px 0;width: 90px;height: 90px;}
.c8{background-position: -656px 0;width: 90px;height: 90px;}
.home-four .common-right{width: 60%;}
.home-four .common-ul li:last-child{margin-top: 15%;}

.home-five{background-image: url(../images/home_five_banner.jpg);}
.c9{background-position: -667px 0;}
.c10{background-position: -750px 0;}
.c11{background-position: -833px 0;}

.home-six{background-image: url(../images/home_six_banner.jpg);}
.six-people-ul{width: 81.25%;margin: 60px auto 0;}
.six-people-ul a{float: left;width: 39%;margin-right: 22%;margin-bottom: 10%;text-decoration: none;}
.six-people-ul a:nth-child(2n){margin-right: 0;}
.six-look{position: relative;border-radius: 50%;border:2px solid #0cf;overflow: hidden;}
.six-look img{width: 100%;display: block;}
.six-name,.six-desc{text-align: center;text-decoration: none;}
.six-look span{text-decoration: none;position: absolute;width: 100%;height: 1rem;line-height: 1rem;background-color: rgba(0,0,0,0.7);color: #fff;text-align: center;font-size: 0.5rem;bottom: 0;left: 0;}
.six-name{color: #fff;font-size: 0.6rem;margin: 8% 0 6%;}
.six-desc{color: #aaa;font-size: 0.5rem;}

.home-seven{background-image: url(../images/home_seven_banner.jpg);position: relative;}
.hb-bottom-logo{width: 33.6%;margin: 0 auto;display: block;padding: 18% 0 8%;}
.hb-bottom1{color: #08fffc;font-size: 1.1rem;text-align: center;margin-bottom: 8%;}
.hb-bottom2{color: #fff;font-size: 0.6rem;text-align: center;line-height: 1rem;}
.hb-bottom-img{width: 28%;padding: 12% 0 0;margin: 0 auto;display: block;}
.hb-bottom3{font-size: 0.75rem;}


.home-eight{background-image: url(../images/home_eight_banner.jpg);}
.home-nine{background-image: url(../images/home_nine_banner.jpg);}
.weixin{width: 25%;margin: 0 auto;display: block;padding-top: 10%}
.erweima{width: 39%;margin: 10% auto 0;display: block;}
.hbc-weixin-title{color: #fff;text-align: center;font-size: 0.7rem;}
.hbc-erweima-title{color: #0cf;text-align: center;font-size: 0.65rem;margin-top: 5%;}
.hbc-erweima-desc{color: #d1d1d1;font-size: 0.6rem;text-align: center;line-height: 1rem;margin-top: 10%;}
.hb-joinproducer{background-color: #ff9477;display: block;width: 36%;border-radius: 30px;line-height: 1.5rem;margin: 15% auto 0;}
.hbc-erweima-desc a{color: #fff}
.join-producer{width: 100%;background-color: #000;height: 1.5rem;position: fixed;top: 0;left: 0;z-index: 9999;}
.join-producer a{display: block;width: 36%;height: 1.5rem;font-size: 0.6rem;line-height: 1.5rem;background-color: #ff9477;text-align: center;color: #fff;border-radius: 30px;margin: 0 auto;}


/****登陆***/
.login-content{background-image: url(../images/login.jpg);width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.login-cname{width: 88.6%;display: block;margin: 0 auto;padding: 10% 0 8%;}
.login-form{width: 75%;margin: 0 auto;overflow: hidden;}
.login-input-div{width: 100%;background-color: rgba(255,255,255,0.08);padding: 13px 0;margin: 3% auto;}
.login-input,.survey-input{width: 95%;font-size: 14px;color: #fff;display: block;background-color: rgba(255,255,255,0);line-height: normal;height: 14px;padding-top: 4px;margin-left: 5%;}
.login-input1{padding-top: 3px;}
.login_checkbox{width: 90%;padding: 0 5%;}
.lc-left{float: left;}
.lc-right{float: right;line-height: 0.85rem;margin: -5px 0px;}
.bluea{color: #0cf;text-decoration: none;cursor: pointer;font-size: 0.5rem;line-height: 0.85rem;}
/*checkbox 样式*/
.checkboxFive {position: relative;cursor: pointer;}
.checkboxFive i {cursor: pointer;position: absolute;width: 12px;height: 12px;top: 3px;left: 0;background: #f4f4f4;border:1px solid #d8d8d8;border-radius: 2px;float: left;}
.checkboxFive em{float: left;font-size: 0.5rem;color: #fff;line-height: 0.85rem;margin-left: 16px;}
.checkboxFive em a{color: #0cf;text-decoration: none;}
.checkboxFive i:after {opacity: 0;content: '';position: absolute;width: 6px;height: 2px;background: transparent;top: 2px;left: 2px;border: 2px solid #333;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkboxFive input{visibility: hidden;}
.checkboxFive input[type=checkbox]:checked + i:after {opacity: 1;top: 3px;left: 3px;border: 2px solid #fff;border-top: 0;border-right: 0;}
.checkboxFive input[type=checkbox]:checked + i{border: 0;background: #0cf;}
input[type=submit]{height: 1.8rem;line-height: 1.8rem;color: #fff;background-color: #0cf;width: 100%;border-radius: 30px;font-size: 0.8rem;letter-spacing: 4px;margin: 10% auto 8%;border: 0;padding: 0;}
.login-no-num{width: 100%;text-align: center;color: #fff;}
.lc-left,.lc-left .bluea{font-size: 0.55rem;}
.login-coop{position: absolute;bottom: 5%;left: 0;width: 100%;}
.lb-sina,.lb-qq,.lb-wechat{background-image: url(../images/login-three.png);width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;float: left;width: 61px;height: 60px;margin-left: 14%;}
.lb-sina{background-position: 0 0;}
.lb-qq{background-position: -67px 0;}
.lb-wechat{background-position: -135px 0;}
.getcode{margin: -19px 8px !important;}
.register-cname{padding: 10% 0 4%;}
.register-btn{margin: 5% auto 4%;}

/****身份调查****/
.survey-content,.certification-content{background-image: url(../images/surveybanner.jpg);width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.sc-desc{color: #0cf;font-size: 0.6rem;text-align: center;letter-spacing: 6px;padding: 8% 0 12%;line-height: 1.1rem;}
.survey-people,.survey-manage{width: 33.125%;display: block;margin: 0 auto;}
.survey-people img,.survey-manage img,.survey-people span,.survey-manage span{width: 100%;display: block;}
.survey-people span,.survey-manage span{text-align: center;font-size: 0.6rem;color: #fff;margin-top: 6%;}
.survey-manage{margin-top: 10%;}
.survey-jump{background-color: rgba(255,255,255,0.18);display: block;width: 16%;height: 25px;font-size: 0.55rem;color: #0cf;text-align: center;line-height: 25px;margin-left: 75%;margin-top: 6%;}
.survey-title{color: #fff;font-size: 0.6rem;width: 81.25%;margin: 0 auto;padding-top: 10%;}
.survey-form{width: 81.25%;margin: 0 auto;overflow: hidden;}
.survey-select{width: 100%;background-color: rgba(255,255,255,0.08);margin: 3% 0;height: 40px;border: 0;color: #ddd;text-align: left;font-size: 0.55rem;}
.survey-name{color: #fff;font-size: 0.6rem;width: 100%;margin: 0 auto;padding-top: 6%;}
.survey-input-div{width: 100%;background-color: rgba(255,255,255,0.08);padding: 10px 0;margin: 3% auto;}
input[type=text]{width: 95%;font-size: 14px;color: #ddd;display: block;background-color: rgba(255,255,255,0);line-height: normal;height: 20px;border: 0;margin: 0 0 0 14px;padding: 0;}
.survey-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ddd;}
.survey-input:-moz-placeholder, textarea:-moz-placeholder {color:#ddd;}
.survey-input::-moz-placeholder, textarea::-moz-placeholder {color:#ddd;}
.survey-input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ddd;}


/****申请认证****/
.certification-content{background-image: url(../images/certificationbanner.jpg);}
.cc-desc{color: #ccc;font-size: 0.5rem;text-align: center;padding: 8% 0 12%;line-height: 1.1rem;}
.cc-desc em{font-size: 1rem;color: #fff;}
.certification-people,.certification-manage{width: 38.4375%;display: block;margin: 0 auto;}
.certification-people img,.certification-manage img,.certification-people span,.certification-manage span{width: 100%;display: block;}
.certification-people span,.certification-manage span{text-align: center;font-size: 0.65rem;color: #fff;margin-top: 6%;}
.certification-people span i,.certification-manage span i{display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-image: url(../images/peoplev.png);margin: -4px 0 -4px 10px;}
.certification-manage span i{background-image: url(../images/managev.png);}
.certification-people em,.certification-manage em{text-align: center;font-size: 0.6rem;color: #aaa;margin-top: 2%;display: block;}
.certification-manage{margin-top: 10%;}
.certification-jump{background-color: rgba(255,255,255,0.18);display: block;width: 16%;height: 25px;font-size: 0.55rem;color: #0cf;text-align: center;line-height: 25px;margin-left: 75%;margin-top: 6%;}
.certification-title{color: #fff;font-size: 0.6rem;width: 81.25%;margin: 0 auto;padding-top: 10%;}
.certification-form{width: 81.25%;margin: 0 auto;overflow: hidden;}
.certification-select{width: 100%;background-color: rgba(255,255,255,0.08);margin: 3% 0;height: 40px;border: 0;color: #ddd;text-align: left;font-size: 0.55rem;}
.certification-name{color: #fff;font-size: 0.6rem;width: 100%;margin: 0 auto;padding-top: 6%;}
.certification-input-div{width: 100%;background-color: rgba(255,255,255,0.08);padding: 10px 0;margin: 3% auto;}
input[type=text]{width: 95%;font-size: 14px;color: #ddd;display: block;background-color: rgba(255,255,255,0);line-height: normal;height: 20px;border: 0;margin: 0 0 0 14px;padding: 0;}
.certification-input::-webkit-input-placeholder{color: #ddd;}
.certification-input:-moz-placeholder{color:#ddd;}
.certification-input::-moz-placeholder{color:#ddd;}
.certification-input:-ms-input-placeholder{color:#ddd;}

.certification-div{color: #333;background-color: #f3f3f3;padding-top: 20px;}
.certification-common{float: left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-image: url(../images/certification_logo.png);margin: 10px -5px 0 15px;width: 22px;height: 32px;}
.cc-main{background-position: 0 0;}
.cc-img{background-position: -25px 0;margin: 10px -5px 0 15px;}
.cc-info{background-position: -50px 0;}
.cc-data{background-position: -75px 0;}







/*******mui框架修改****普通列表字体大小修改，向右箭头修改******/
.mui-table-view-cell>a:not(.mui-btn){font-size: 0.65rem;margin: -5px -15px;}
.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{font-size: 0.8rem;}


@media (min-width: 351px) and (max-width: 400px){
  .lb-sina,.lb-qq,.lb-wechat{width: 51px;height: 50px;margin-left: 15%;}
  .bluea,.lc-right,.checkboxFive em{line-height: 0.95rem;}
  .lc-right{margin: -2px 0;}
  .lb-sina{background-position: 0 0;}
  .lb-qq{background-position: -55px 0;}
  .lb-wechat{background-position: -112px 0;}
}

@media (max-width: 350px){
  .common-right{margin-left: 8%;}
  .common-ul{margin-top: 50px;}
  .common-logo{width: 60px;height: 60px;}
  .c2{background-position: -62px 0;}
  .c3{background-position: -125px 0;}
  .common-right{width: 70%;}
  .c4{background-position: -187px 0;}
  .c5{background-position: -250px 0;}
  .c6{background-position: -312px 0;}
  .c7{background-position: -375px 0;width: 60px;height: 60px;}
  .c8{background-position: -438px 0;width: 60px;height: 60px;}
  .c9{background-position: -500px 0;}
  .c10{background-position: -562px 0;}
  .c11{background-position: -625px 0;}
  .lb-sina,.lb-qq,.lb-wechat{width: 51px;height: 50px;margin-left: 13%;}
  .bluea,.lc-right,.checkboxFive em{line-height: 1rem;}
  .lc-right{margin: -2px 0;}
  .lb-sina{background-position: 0 0;}
  .lb-qq{background-position: -55px 0;}
  .lb-wechat{background-position: -112px 0;}
  .getcode{margin: -17px 8px !important;}
  .checkboxFive em{width: calc(100% - 27px); width: -webkit-calc(100% - 27px); width: -moz-calc(100% - 27px);}
}