body{ margin:0; background-color:#ffffff !important;}
body,td,select,option,input{font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; font-size:16px;  color: #444141;-webkit-font-smoothing: antialiased;}
img{ border:0; display: block;}
form{ display:inline;}
h1,h2,h3,h4,h5,h6,ul,dd,dl,dt,p{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:outside none none;}
u, b, em, i{font-style:normal; list-style:none none; text-decoration:none;}
/*input,button,select{background:transparent; -webkit-appearance:none;}*/
input, button, select, textarea{outline:none;}
textarea{resize: none;}
input:focus, button:focus, select:focus, textarea:focus{box-shadow:none; outline:none;}
a{color:#444141; text-decoration:none; outline:none; display: block;}
/** a{color:#444141; text-decoration:none; outline:none;display: block;}**/
a:visited{ color:#444141; text-decoration:none;}
a:hover{ color:#f78; text-decoration:none;}
a, a:visited, a:hover{text-decoration:none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type='number']{-moz-appearance: textfield;}
.transform{-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.transform_x{-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.ellipsis{display: block; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin: 0;}
.many_line{white-space:pre-wrap;display:-ms-box !important;display:-moz-box !important;;display:-webkit-box !important;;display:box !important;;text-overflow:ellipsis;overflow:hidden;-ms-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
.line_one{-ms-line-clamp:1;-moz-line-clamp:1;-webkit-line-clamp:1;line-clamp:1;}
.line_two{-ms-line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;line-clamp:2;}
.line_three{-ms-line-clamp:3;-moz-line-clamp:3;-webkit-line-clamp:3;line-clamp:3;}
.box{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.layout{width: 1180px; margin: 0 auto; overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.border{border: 1px solid #eee;}
.dashed_line{border-bottom: 1px dashed #eee;}
[v-cloak]{display: none;}

.scroll_ul_box{width: 90%; height: 0.4rem; position: absolute; top: 0; left: 5%; overflow: hidden;}
.zhuli_info{position: relative;}
.zhuli_info ul{width: 2000px; position: absolute; top: 0;}
.zhuli_info li{float: left; line-height: 0.4rem; margin-right: 26px;}
.zhuli_info li p{font-size: 0.24rem; color: #f78;}
.zhuli_info .transform{font-size: 0.28rem; color: #444141; position: absolute; top: 50%; left: 50%; text-align: center; }
.zhuli_info .transform span{color: #f78; font-size: 0.22rem; display: block; padding-left: 0.21rem;}
.zhuli_info .transform i{font-size: 0.5rem;}
.person_number{width: 100%; height: 0.64rem; position: absolute; bottom: 0; font-size: 0; padding: 0 0.2rem;}
.person_number p{width: 50%; text-align: center; font-size: 0.26rem; display: inline-block; line-height: 0.64rem; }
.person_number p span{color: #f78; color: #f78; margin-left: 0.1rem;}

.topic_info{position: relative;}
.topic_info .tabs-list{position: absolute; height: 13%; width: 100%; z-index: 100; padding: 0 25%;}
.topic_info .tabs-list li{width: 50%; height: 100%; float: left;}
.topic_info .tab-content{position: relative;}
.topic_change_btn{position: absolute; bottom: 0; width: 30%; height: 18%; left: 35%;}
.topic_list{position: absolute; bottom: 21%; height: 33%; width: 82%; left: 8.7%;}
.topic_list li{width: 33%; height: 100%; float: left; font-size: 0.2rem; margin-left: 0.3%; color: #444141; padding: 9% 3%; text-align: center;}

.alert{position: fixed; width: 100%; max-width: 640px; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; top: 0; bottom: 0; display: none;}
.alert .transform{position: absolute; left: 50%; top: 50%; width: 80%; display: none; z-index: 9999;}
.alert_close{width: 0.7rem; height: 0.7rem; position: absolute; right: 0; top: 0;}
.alert input{position: absolute; top: 23%; left: 45%; width: 22%; height: 7%; background: transparent; border: none; font-size: 0.2rem; text-align: center; padding: 0;}
.alert textarea{position: absolute; top: 37%; width: 84%; height: 32%; left: 8%; border: none; padding: 0.13rem; font-size: 0.2rem; color: #444141; background: transparent;}
.alert_shenling textarea{top: 33%; height: 29%;}
.alert_commit{width: 43%; height: 12%; position: absolute; bottom: 10%; left: 29%;}
.alert_shenling .alert_commit{width: 44%; bottom: 9%; left: 28%;}

.layer_alert{width: 90% !important; top: 50%; left: 50%; background: white; border-radius: 5px; overflow: hidden; display: none;}
.layer_alert div{padding: 50px 30px; line-height: 22px; text-align: center; font-size: 14px; color: #444141;}
.layer_alert a{width: 100%; height: 50px; background: #f2f2f2; line-height: 50px; color: #40AFFE; border-top: 1px solid #D0D0D0; text-align: center; font-size: 14px;}