@charset "utf-8";
/*------------------ HTML5 Reset ------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,cite,code,del,em,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img,object,embed{max-width:100%}
mark{background-color:#ff9;color:#000;font-style:normal;font-weight:400}
del{text-decoration:line-through}
caption,cite,em,i,th{font-style:normal;font-weight:400}b,strong{font-style:normal;font-weight:700}
select,input,button,textarea{font-size:100%;font-style:normal;font-weight:400;vertical-align:middle;-webkit-border-radius:0;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}legend{color:#000}sup{vertical-align:text-top}sub{vertical-align:text-bottom}iframe{display:block}li{list-style:none}img{vertical-align:middle}a img{vertical-align:top}textarea{resize:none}
div,th,td{word-wrap:break-word;word-break:break-all}
body,button,input,select,textarea{font:14px/1.5 Arial,"微软雅黑"; }
body{text-align:left;color:#333;background:#fff;-webkit-user-select:none;}
input[type="radio"]{vertical-align:middle}
input[type="checkbox"]{vertical-align:middle}
label,input[type=button],input[type=submit],button,.button{cursor:pointer;border:none;outline:none;padding:0;margin:0;}
.textfield,textarea{background:#fff;color:#aaa;border:1px solid #ddd;
-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
-o-transition:border linear 0.2s,box-shadow linear 0.2s;
transition:border linear 0.2s,box-shadow linear 0.2s;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
-o-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
-webkit-border-radius:3px;
-o-border-radius:3px;
border-radius:3px}
.textfield:focus,textarea:focus{border-color:#52a8ec;outline:0;color:#333;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
-o-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);}
/*通用样式*/
a{color:#333;text-decoration:none}
a:focus{color:#333}
:focus{outline:none}
.al{text-align:left}.ac{text-align:center}.ar{text-align:right}
.fl{float:left}.fr{float:right}.ti{text-indent:-9999px;overflow:hidden}
.hide{display:none}
/*通用字体和颜色*/
h1{font-size:16px;font-weight:400}h2,h3{font-size:14px;font-weight:400}h4,h5,h6{font-size:12px;font-weight:400}
.f14{font-size:14px}.f16{font-size:16px}
.white{color:#fff}
.black{color:#000}
.red{color:#ff6b50}
.pink{color:#fa719f}
.blue{color:#047fe5}
.yellow{color:#ffa453}
.orange{color:#FF7800}
.gray{color:#aaa}
/*清除浮动*/
.clear{display:block;clear:both;overflow:hidden;height:0;line-height:0;font-size:0}
.clearfix:after{content:" ";visibility:hidden;display:block;clear:both;height:0;font-size:0}
.clearfix{*zoom:1}
/*省略号*/
.t-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*补丁*/
.blank5{height:5px;font-size:0;clear:both;visibility:hidden}
.blank10{height:10px;font-size:0;clear:both;visibility:hidden}
.blank15{height:15px;clear:both;visibility:hidden}
.blank20{height:20px;clear:both;visibility:hidden}
.blank25{height:25px;clear:both;visibility:hidden}
.blank30{height:30px;clear:both;visibility:hidden}
.blank40{height:40px;clear:both;visibility:hidden}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}
.mr-5{margin-right:5px;display:inline}.mr-10{margin-right:10px;display:inline}.mr-15{margin-right:15px;display:inline}.mr-20{margin-right:20px;display:inline}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}
.ml-5{margin-left:5px;display:inline}.ml-10{margin-left:10px;display:inline}.ml-15{margin-left:15px;display:inline}.ml-20{margin-left:20px;display:inline}
.br-2{-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.br-5{-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px}
/*public*/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.dis_box { display:-webkit-box; display:-moz-box; display:-ms-flexbox;}
.box_flex1 { -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.box_justify { -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; box-pack:justify;}
.box_center { -webkit-box-pack:center; -moz-box-pack:center; -o-box-pack:center; box-pack:center;}
.box_a_center { -webkit-box-align:center; -moz-box-align:center; -o-box-align:center; box-align:center;}


/*全局提示层ʽ*/
.ui-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:999;}
.jit-ui-panel{position:fixed;left:0;right:0;top:0;bottom:0;opacity: 0.75;background-color: #000000;z-index:-1;}
.jit-debug-panel{position:fixed;left:0;bottom:0;width:100%;background-color:#000;z-index:10000;opacity:0.5;pointer-events: none;color:#fff;}
.popup {background:#333; padding:10px; width:90%; margin:0 auto;}
.popup p.ac { padding:10px 0;}
.popup_btn {display:-webkit-box;-webkit-box-flex:1;-webkit-box-pack:center;}
.popup_btn a { display:block; height:40px; line-height:40px; width:48%; text-align:center; background:#3C3C3C; border:1px solid #000; color:#fff; -webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px; font-size:14px; margin:0 5px;-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255, 0.3);}

.pic-view{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999;}
.pic-view-close {position:fixed;top:0;right:0;height:60px;width:60px;background: url("../../images/common/pic-view-close.png") no-repeat 0 0;z-index:1000;}

/*ajax加载效果*/
#masklayer{background-color: #FFF;}
.wx_loading {position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;background-color:transparent;width:100%;height:100%;}
.wx_loading_inner {text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;position:fixed;top:50%;left:50%;margin-left:-70px;margin-top:-48px;width:140px;border-radius:6px;font-size:14px;padding:58px 0 10px 0}
.wx_loading_icon {position:absolute;top:15px;left:50%;margin-left:-16px;width:24px;height:24px;border:2px solid #fff;border-radius:24px;-webkit-animation:gif 1s infinite linear;animation:gif 1s infinite linear;clip:rect(0 auto 12px 0);}
@keyframes gif {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes gif {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
/*end*/

/*页面初始加载效果*/
#masklayer.pageloading{ background-color: #000; position:fixed; width:100%; height:100%; z-index:9998; top:0; left:0; }
.pageloading i { position:absolute; background-image: url('../../images/public/xiehuibao/pageload.png'); background-size: 100%; left:50%; top:50%; width: 36px; height:36px; margin:-18px 0 0 -18px; -webkit-animation: spin 1s linear 0s infinite; -moz-animation: spin 1s linear 0s infinite; }
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg)}}
@-moz-keyframes spin {from {-moz-transform: rotate(0deg)}to {-moz-transform: rotate(360deg)}}
/*end*/

.starBox{padding:10px 0;text-align:center;}
.starBox span{display:inline-block;width:30px;height:30px;margin:25px 0 0 6px;background:url(../../images/public/survey/star.png) no-repeat 0 0;background-size:20px 20px;}
.starBox span.on{background:url(../../images/public/survey/star2.png) no-repeat 0 0;background-size:20px 20px;}
.starBox .starText{font-size:12px;font-weight:bold;color:#fff;}