select{margin:0;}
/*共用样式*/
html{
  background-color: #F0F0F0;
}
.overflow{border-radius: 4px 4px 0 0;}
.t-red{ color: #FF0000;}
.impro{padding-left: 8px;}
.t-color66{color: #666666;}
.t-color99{color: #999999;}
.t-font30{font-size: 30px !important;}
.t-font12{font-size: 12px;}
.t-img{width: 100%;height: auto;display: block;}
.t-cursor{cursor: pointer;}
.relative{position: relative;display: inline-block;background-color: transparent;z-index: 99;}
.t-radio{display: inline-block;vertical-align: middle;width: 14px;height: 14px;border: 1px solid #ccc;
  cursor: pointer;text-align: center;line-height: 12px;border-radius: 2px;position: relative;bottom: 1px;}
.t-cont-radios.active .t-radio{background-color: #45A5FF;border-color: #45A5FF;}
.t-radio .iconfont{color: transparent;font-size: 12px;position: relative;right: 0px;}
.t-radio .single{color: transparent;font-size: 12px;position: relative;right: -0.5px;}
.t-cont-radios.active .iconfont{color: #fff;}
.t-radius{border-radius: 100%;behavior: url(../src/pie/PIE.htc);}
.t-input,.t-select{border: 1px solid #E8E8E8;height: 40px;border-radius: 4px;behavior: url(../src/pie/PIE.htc);
  padding:9px 20px;box-sizing: border-box;font-size: 14px;background-color: transparent;margin:6px 0 20px;}
.t-input{margin-top: 12px;}
.t-input:focus{border:  1px solid #45A5FF;}
.t-select:focus{border:  1px solid #45A5FF;border-bottom: none;border-radius: 4px 4px 0 0;}
.t-input::-moz-focus-inner,.t-select::-moz-focus-inner{border-color: #45A5FF;}
.t-select{ appearance:none; -moz-appearance:none;-webkit-appearance:none;}
.t-select option{height: 40px;line-height: 40px;}
.t-input input{border: none;font-size: 100%;line-height: 1;width: 100%;}
.t-input textarea{border: none;font-size: 100%;line-height: 1;}
.t-w130{width:130px;}
.t-w414{width: 414px;} 
/* 容器 */
.t-vote-wrap{ width: 100%; background-color: #F0F0F0;padding: 80px 0;box-sizing: border-box;background-attachment: fixed;}
.container{width: 1000px;margin: 0 auto;background-color: #fff;}
.t-vote-head{width: 100%;background-color: #e8e8e8;overflow: hidden;border-radius: 4px 4px 0 0;}
.t-vote-cont{padding: 0 86px;line-height: 1;box-sizing: border-box;border-style: solid;}
.t-vote-title{font-size: 24px;width: 100%;text-align: center;padding: 36px 0 32.5px;line-height: 40px;}
.t-vote-detail{font-size: 14px;width: 100%;text-align: left;padding: 0 10px;box-sizing: border-box; margin-bottom: 30px;line-height: 1.5;}
/* 单个题目 */
.t-cont-ques{ width: 100%;padding-bottom: 15px;position: relative;}
.t-cont-title{ font-size: 14px;color: #333333;margin-bottom: 7px;line-height: 24px;}
.t-cont-prompt{margin:2px 0 6px;font-size: 12px;color: #333;padding-left: 10px;line-height: 20px;}
.t-cont-radios{padding:8px 10px;box-sizing: border-box;border-radius: 4px;
  font-size: 14px;color: #333333;margin-bottom: 4px;}
.t-cont-radios:hover{ background-color: #F3F3F3;}
.active-radio:hover{ background-color: #fff;}
.t-cont-radios .t-input{margin-top: 0;}
.t-radio-emty{margin-left: 10px;position: relative;}
.t-radio-emty .impro{left: -18px;position: absolute;}
.sub-btn-wrap{width:100%;padding-bottom: 50px;padding-top: 25px;display: none;}
.sub-btn-wrap .sub-btn{width:77px;height:32px;background-color: #1EC6DF; border-style: solid; border-radius: 4px;behavior: url(../src/pie/PIE.htc);margin: 0 auto;font-size: 14px;text-align: center;cursor: pointer;}
/* 附件 */
.t-file-upload{width: 414px;height: 91px;border: 1px dashed #e8e8e8;margin:8px 0 16px;padding-top: 20px;box-sizing: border-box;text-align: center;}
.t-file-upload .t-font12{margin-top: 9px;position: relative;}
.select-icon{position: absolute;right: 2px;top: 5px;font-size: 43px !important;color: #999;z-index:-1}
.up-file{display: none;} 
.file-list{width:414px;}
.file-item{border: 1px solid #e8e8e8;padding:0 10px 0 20px;margin-top: 10px;line-height: 38px;color:#3178EE;height: 40px;position: relative;font-size: 14px;border-radius: 4px;}
.file-del{width: 14px;height: 14px;position: absolute;right: 10px;color: #B3B3B3;cursor: pointer;}
.t-flex{margin-bottom: 10px;}
/* 弹窗提示 */
.mode{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 10000;display: none;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#b2000000, endColorstr=#b2000000);}
.mode-box{background-color: #fff;width: 632px;height:234px;margin: 25% auto;border-radius: 4px;behavior: url(../src/pie/PIE.htc);}
.mode-title{font-size: 24px;color: #333333;text-align: center;line-height: 44px;padding: 64px 0 50px;}
.mode-title .iconfont{font-size: 44px;color: #6AC043;margin-right: 20px;}
.mode-info{font-size: 16px;color: #666666;text-align: center;}
.mode-result,.mode-success,.mode-code{display: none;} 
.mode-btn{width: 77px;height: 32px;background-color: #1EC6DF;color: #fff;text-align: center;
  line-height: 32px;margin: 14px auto 0;cursor: pointer;display: block;border-radius: 4px;}
.code-box{ padding: 59px 69px 0; box-sizing: border-box;position: relative;}
.code-box .code{position: relative;height: 50px;}
.code-label{ margin-right: 24px;}
.code-input{ width: 375px; height: 50px;padding: 8px 8px 7px 15px;box-sizing: border-box;border: 1px solid #E5E5E5;}

.code .letter {line-height: 37px;  letter-spacing: 15px; font-weight: bolder; font-size: 18px; }
.pointer{cursor: pointer;}
.code .letter { width: 125px;height: 35px; position: absolute;right: 50px;top: 8px;font-weight: bolder;}
.code-btns{margin-top: 63px;text-align: center;}
.code-btns .btn{display: inline-block;width: 77px;height: 32px;line-height: 30px;text-align: center;cursor: pointer;
    box-sizing: border-box;border-radius: 4px;behavior: url(../src/pie/PIE.htc);}
.code-btns .code-yes{background-color: #1EC6DF;color: #fff;margin-right: 8px;}
.code-btns .code-no{background-color: #CCCCCC;color: #fff;}

.select-emty{display: none;}
.cascade-child,.cascade-children,.cascade-childrens{display: none;margin-left: 6px;margin-right: 4px;}
.image-radio{
  width: 152px;
  min-height: 191px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 4px;
}
.margin-top10{margin-top: 10px;}
.radio-img{max-width: 100%;height: 140px;border-radius: 4px; background-color: #f8f8f8;overflow: hidden;display: table-cell;
  vertical-align: middle;}
.radio-img .t-img{max-height: 100%;height: auto;border-radius: 4px;}
.t-inline{display: inline-block;}
.pic-box{margin-right: -4px;}
.pic-box:last-of-type{margin-right:0px}

/* 预览 */
.header-btns{ height: 66px;width:100%; background-color: #E6E6E6;padding-left: 38px;font-size: 0;}
.header-btn-label{color: #333333;line-height: 66px;font-size: 16px;}
.header-btn{display: inline-block;vertical-align: top;margin:16px 5px 0;width: 97px;height: 32px;border: 1px solid #999999;text-align: center;
  line-height: 30px;color: #666666;border-radius: 4px;behavior: url(../src/pie/PIE.htc);font-size: 16px;}
.header-btn .iconfont{font-size: 16px;}
.header-btn.active{background-color: #1CC0D8;border-color: #1CC0D8;color: #fff;}
.header-app{display: none;}
.pic-box .t-radio-emty{width: 69%;margin-top: 10px;}
.t-nothing{width: 320px;margin: 15% 40% 0;padding: 20px 30px;font-size: 18px;font-weight: bold;text-align: center;background-color: #fff;border-radius: 10px;}

/* 移动端效果 */
.header-app{padding: 70px 80px 0;box-sizing: border-box;}
.yd-wrap{width: 352px;height: 725px;position: relative;margin: 0 auto;}
.yd-bg{width: 100%;height: 100%;z-index: -1;position: absolute;}
.yd-cont{width: 320px;height: 569px;margin:0 16px;box-sizing: border-box;background-color: #fff;overflow: hidden;position: relative;top:75px;left: 10px;}
.yd-box{overflow-y: auto;height: 100%;}
.yd-box .t-vote-cont{padding: 0 20px;}
.yd-box .t-w414{width: 100%;}
.yd-box .t-w130{width: 100%;}
.yd-box .relative{width: 100%;}
.yd-box .t-file-upload{max-width: 100%;}
.yd-box .t-radio-emty{width: 95%;margin-top: 10px;}
.yd-box .cascade-child, .yd-box .cascade-children, .yd-box .cascade-childrens{margin:0;width: 100%;}
.header-app .t-vote-head{height: 150px;border-radius: 0;}
.header-app .t-vote-head .t-img{height: 100%;width: fit-content;}
.header-app .t-vote-title{padding: 24px 0;line-height: 1.4;}
.header-app .radio-img{height: 116px;}
.header-app .image-radio{min-height: 154px;}
.header-app .t-cont-radios{padding: 5px;}
.header-app .t-radio-emty{margin-left: 7px;}
.header-app .image-radio{width: 100%;}
.header-app .t-cont-prompt{margin-bottom: 10px;}
.header-app .active-radio{padding: 0;}
.header-app .active-radio:nth-of-type(2n){margin-left: 10px;margin-bottom: 15px;}
.header-app .active-radio:last-of-type{margin-bottom: 0;}
.header-app .t-radio{border-radius: 2px;}

/*----- 滚动条 -------*/
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.2); }
::-webkit-scrollbar {  width: 0px;height:8px;  background-color: #F5F5F5;border-radius: 5px;  }
::-webkit-scrollbar-thumb { 
background: #F5F5F5;border-radius: 5px; }
::-webkit-scrollbar-corner{ background-color: #F5F5F5;}


.PopupWindow{
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  z-index: 1000;
}
.PopupWindow .pwContent{
  width: 700px;
  position: relative;
  margin: 150px auto;
  background-color: #fff;
  padding: 30px;
  border-radius: 4px;
}

.PopupWindow .pwContentfxzq{
  width: 600px;
  position: relative;
  margin: 150px auto;
  background-color: #fff;
  padding: 30px;
  border-radius: 4px;
}
.PopupWindow .fxzfxzq{
  text-align: center;
}

.PopupWindow  .one{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}
.PopupWindow .right{
  float: right;
  cursor: pointer;
  margin-top: -28px;
  margin-right: -28px;
}


.PopupWindow .rightyeyecz{
  float: right;
  cursor: pointer;
  margin-top: -16px;
  margin-right: -22px;
}

.paidReading #paidButton1{
  width: auto;
  height: auto;
  padding: 12px 30px;
}
.PopupWindow .right i{
  font-size: 20px;
}
.PopupWindow .right i:hover{
  color: #E60012;
}

.pwContent .body{
  margin-top: 10px;
}
.pwContent .body>p{
  padding: 12px 0 19px;
}
.pwContent .body p span{
  font-size: 18px;
}
.buttonAll button{
  height: 70px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  cursor: pointer;
  width: 31%;
  display: inline-block;
  background-color: #fff;
  margin-right: 17px;
  vertical-align: middle;
}
.buttonAll .mBank{
  margin-right:0px ;
}
.buttonAll button span{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.borderBlue{
  border-color: #E60012 !important;
}
.PopupWindow .qroucd{
  margin-top: 20px;
}
.PopupWindow .qroucd>div{
  width: 640px;
  height: 300px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
}
.PopupWindow .qroucdfxzq>div{
  /*width: 640px;*/
  height: 300px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  text-align: center;
}
.ewm{
  width: 123px;
  height: 123px;
  position: relative;
}
.ewm span{
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(51, 51, 51, 0.7);
  border-radius: 50%;
  top: 42px;
  left: 42px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.ewm span i{
  margin-top: 10px;
  font-size: 21px;
  color: #fff;
  z-index: 10;
}
.ewm span i:hover{
  color: #E60012;
}
.wxQ .ewm{
  margin: 71px auto 0;
}
.zfbQ .ewm{
  margin: 55px auto 0;
}
.qroucd .deterMoney,.moneyQ,.qrcodepop .deterMoney{
  text-align: center;
  padding: 12px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.qroucd .deterMoney span,.moneyQ span,.qrcodepop .deterMoney span{
  font-size: 20px;
  color: #E60012
}
.zfbQ a{
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #2676B5;
  padding-top: 10px;
}
.paySuccess{
  width: 632px;
  height: 276px;
  background: #FFFFFF;
  border-radius: 20px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.paySuccess i{
  color: #22A926;
  margin-top: -3px;
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
}
.paySuccess p{
  text-align: center;
}
.paySuccess p:nth-child(1){
  font-size: 24px;
  font-weight: normal;
  color: #333333;
  padding: 60px 0 13px;
  margin-right: 16px;
}
.paySuccess p:nth-child(1) i{
  font-size: 30px;
  margin-right: 10px;
}
.paySuccess p:nth-child(2){
  padding-bottom: 49px;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}
.paySuccess button{
  border: none;
  display: block;
  margin: 0 auto;
  width: 131px;
  height: 45px;
  background: #136fb8;
  border-radius: 23px;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
}
.paySuccess button:hover{
  background-color: #FE0012;
}
.moneyQ p{
  padding: 75px 0 33px;
}
.moneyQ .determine{
  width: 131px;
  height: 45px;
  background: #E60012;
  border-radius: 23px;
  border: none;
  text-align: center;
  line-height: 45px;
  margin: 10px auto 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.moneyQ .determine:hover{
  background-color: #FE0012;
}
.expandAll{
  overflow: hidden;
}
.expandAll span{
  float: right;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  margin-right: 30px;
  margin-top: 10px;
}
.expandAll span i{
  padding-left: 7px;
}
.expandAll span:hover,.transrouter{
  color: #E60012;
}
.buttonAll img{
  /* height: 30px; */
  margin-top: 5px;
}
.PopupWindow .symbol{
  position: absolute;
  top: 15px;
  left: 264px;
  font-size: 30px;
  font-weight: 400;
  color: #333333;
}
.Appreciation{
  width: 700px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 30px;
  margin: 150px auto;
}
.Appreciation ul{
  margin-top: 30px;
}
.Appreciation ul li{
  cursor: pointer;
  width: 200px;
  height: 70px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  margin: 0 20px 20px 0;
  display: inline-block;
}
.Appreciation ul li p{
  font-size: 20px;
  text-align: center;
  position: relative;
  top: 11px;
}
.Appreciation ul li p span{
  font-size: 30px;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.symbolBox{
  position: relative;
}
.Appreciation ul li:nth-child(3n){
  margin-right: 0;
}
.Appreciation ul li:hover{
  border-color:#E60012 ;
}
.Appreciation input{
  width: 640px;
  height: 70px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding-left: 295px;
  font-size: 20px;
  color: #333;
}
.Appreciation input:focus,.Appreciation input:hover{
  border-color:#E60012 ;
}
.Appreciation .method{
  padding: 29px 0 18px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
button{
  cursor: pointer;
}
.Appreciation .quest{
  background: #136fb8;
  border-radius: 23px;
  display: block;
  margin: 30px auto 20px;
  text-align: center;
  color: #fff;
  padding: 12px 50px;
  border: none;
}
.Appreciation .quest:hover{
  background-color: #FE0012;
}
.qrcodepop{
  width: 700px;
  /* height: 305px; */
  background: #FFFFFF;
  border-radius: 4px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 30px 30px 50px;
}
.qrcodepop p:nth-child(1){
  text-align: center;
  color: #333;
  font-size: 20px;
  display: block !important;
}
.qrcodepop p:nth-child(1) i:nth-child(1){
  float: left;
  font-size: 20px;
  color: #999999;
}
.qrcodepop p:nth-child(1) i:nth-child(1):hover{
  color: #E60012;
}
i{
  cursor: pointer;
}
#realname{
  font-size: 16px !important;
}
#telephone{
  font-size: 16px !important;
}
.qrcodepop p:nth-child(1) .layui-icon-close{
  float: right;
  font-size: 20px;
  color: #999999;
}
.PopupWindow .layui-icon-close{
  font-size: 22px !important;
  color: #999999 !important;
}
.PopupWindow .layui-icon-close:hover{
  color: #E60012 !important;
}
.qrcodepop p:nth-child(1) .layui-icon-close:hover{
  color: #E60012;
}
.borderRed{
  border-color:#E60012 ;
}
.Ploging{
  width: 422px;
  background: #FFFFFF;
  border-radius: 4px;
  position: relative;
  margin: 225px auto;
  padding: 30px;
}
.transrouter{
  transform: rotate(270deg);
  margin-top: 5px !important;
  margin-right: -27px !important;
}
.transrouterT{
  margin-top: -4px !important;
  transform: rotate(90deg) !important;
}
.PopupWindow .none{
  display: none !important;
}
.Ploging h2{
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 55px;
}
.Ploging h2 button{
  display: block;
  float: right;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  width: 86px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 32px;
  text-align: center;
}
.Ploging h2 button:hover{
  color: #E60012;
  border-color: #E60012;
}
.username, .psword ,.code {
  position: relative;
}
.username i, .psword .ago , .code i{
  position: absolute;
  top: 12px;
  left: 45px;
  color: #999999;
}
.psword i{
  position: absolute;
  top: 12px;
  color: #999999;
  left: 300px;
}
.formtable #identity,.formtable #desStr,.code #captcha{
  width: 283px;
  display: block;
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #136fb8;
  padding: 10px 15px 5px 30px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
}
.formtable #identity:focus,.formtable #desStr:focus,.formtable #captcha:focus{
  border-color: #666;
}
.formtable #identity::-webkit-input-placeholder,.formtable #desStr::-webkit-input-placeholder,.formtable #captcha::-webkit-input-placeholder{
  color: #999;

}
#priceCustomize::-webkit-input-placeholder {
  font-size: 20px;
  color: #333333;
  line-height: 70px;
}
#priceCustomize::-moz-input-placeholder {
  font-size: 20px;
  color: #333333;
  line-height: 70px;
}
#priceCustomize::-ms-input-placeholder {
  font-size: 20px;
  color: #333333;
  line-height: 70px;
}
.priceCustomize2::-webkit-input-placeholder {
  font-size: 30px !important;
  color: #999999 !important;
}
.priceCustomize2::-moz-input-placeholder {
  font-size:  30px !important;
  color: #999999 !important;
}
.priceCustomize2::-ms-input-placeholder {
  font-size:  30px !important;
  color: #999999 !important;
}
.fontSize2{
  font-size: 30px !important;
}

.formtable .alogin{
  width: 285px;
  height: 43px;
  background: #136fb8;
  border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  color: #fff;
}
.formtable .alogin:hover{
  background: #FE0012;
}
.Ploging .box{
  width: 285px;
  margin:0 auto;
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  color: #999999;
  margin-bottom: 65px;
}
.Ploging .box span,.Ploging .box input{
  vertical-align: middle;
}
.Ploging .box a{
  float: right;
  color: #2075B7;
  vertical-align: middle;
}
.formtable #getCapatchImg{
  width: 125px;
  height: 35px;
  position: absolute;
  right: 45px;
  top: -6px;
}
.formtable #getCapatchImg img{
  display: block;
  width: 100%;
  height: 100%;
}
.none2{
  display: none !important;
}
.main .login-part .login-left .fast-login {
  width: 76px;
  font-size: 14px;
  color: #888888;
  position: absolute;
  bottom: 119px;
  left: 172px;
  background-color: #fff;
  text-align: center;
}

.main .login-part .login-left .fast-icon {
  margin-top: 36px;
  text-align: center;
  position: absolute;
  bottom: 75px;
  left: 130px;

}

.main .login-part .login-left .fast-icon a {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-color: #f5f5f5;
  margin-right: 15px;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.main .login-part .login-left .fast-icon a i{
  font-size: 18px;
  position: absolute;
  top: 8px;
  left: 9px;
  text-align: center
}
.main .login-part .login-left .fast-icon a i.iconQQ2{
  color: #36B7F6;
}
.main .login-part .login-left .fast-icon a i.iconweibo2{
  color: #FC304B;
}
.main .login-part .login-left .fast-icon a i.iconweixin2{
  color: #4BB83F;
}
.main .login-part .login-left .fast-icon a i.iconyouke{
  color: #3D89F7;
}
.main .login-part .login-left .fast-icon a.one:hover {
  background-color: #36B7F6;
}
.main .login-part .login-left .fast-icon a.twos:hover {
  background-color: #FC304B;
}
.main .login-part .login-left .fast-icon a.three:hover {
  background-color: #4BB83F;
}
.main .login-part .login-left .fast-icon a.four:hover {
  background-color:#3D89F7;
}
.main .login-part .login-left .fast-icon a:hover i{
  color: #fff;
}