@CHARSET "UTF-8";

.fake_btn_bar .btn_del,
.fake_btn_bar .btn_add,
.forum_banner_menu [class*="_btn"]:before,
.tManage_btn:before,
.tFollow_btn:before,
.my_forums_dl .btn_hide_QRCode:after,
.forumindex_item_tab dd:last-child:before,
.post_info .btn_adress:before,
.post_info .btn_comment:before,
.post_info .goodpoint:before,
.post_info .goodpointY:before,
.post_info .turnsend:before,
.post_content_comment .btn_comment:before,
.post_reply:after,
.post_reply .btn_reply_menu,
.post_good:after,
.reply_goodpoint:before,
.reply_goodpointY:before,
.reply_comment_tips:before,
.new_msg_bar a:before,
.location_info:before,
.publish_img_box .img_item i,
.publish_img_box .btn_add_img:after,
.upload_menu i,
.location_box .btn_addLocation:before,
.location_box.on .btn_select:after,
.bind_rule span:before,
.attentql_tip:before,.attentql_tip:after,
.choice_class .title:before,
.publicmassage dd:before,
.publish_record .delAudio,
.delVideo{background:url(../img/common/wt-ico-01.png) no-repeat; background-size:50rem;}


.isShow{display:block;}

/****创建论坛****/
.create_forum_logo{ display: block; text-align: center; padding:5rem 0;}
.create_forum_logo .upload_forum_logo{ display: inline-block; width:10rem; height: 10rem; background:url(../img/forum/logo-forum.png) no-repeat; background-size:100%;}
.upload_forum_logo img{width:10rem; height: 10rem; }

.submit_box{ display: block; padding: 3rem 1rem;}

.upload_forum_logo a{position: absolute; z-index: 11; display: block; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.5;}


/****板块管理****/
.class_manage_list{min-height: 90%; background: #fff;}
.class_manage_list .nav_list{ border: none;margin:0;}
.class_manage_list li.fake_tr{display: block;min-height: 5.3rem; padding:1rem;border-bottom:1px solid #ccc;}
.fake_btn_bar{ float: right;}
.fake_btn_bar .btn_del,
.fake_btn_bar .btn_add{display: inline-block; width:3rem; height:3rem; margin:0; cursor: pointer;  vertical-align: top;}
.fake_btn_bar .btn_del{background-position:0 -4.5rem;}
.fake_btn_bar .btn_add{background-position:-3rem -4.5rem;}

.fake_top{display: block;height:5rem;border-bottom:1px solid #ccc;margin:1.5rem 0 0;padding:2rem 1rem 1rem 2.5rem;font-size:1.6rem;}
.fake_bottom{display: block;height:3rem;margin: 1.5rem 1rem 0 0;}
.fake_td_1{ display: inline-block; width:8rem; padding: 0; margin: 0;}
.fake_td_2{ display: inline-block; width:11rem; padding: 0 1rem; margin: 0 0 0 1rem; text-align: center;}
.fake_td_1 input{display: block; width: 100%; height:3rem; line-height: 3rem; padding:0; margin:0;background: #fff; border: solid 1px #999999; outline: none;padding: 0 0.5rem;}
input[type="number"]{-moz-appearance:textfield;-webkit-appearance:textfield;}
.fake_td_2 input{text-align: center;} 



/****我的论坛****/
.my_forum_list{}
.my_forum_list .mfl_forum_logo{ display: inline-block;width:6.6rem; height: 6.6rem; margin: 0 0 0 0.5rem; }
.my_forum_list .mfl_forum_logo img{width:6.6rem; height: 6.6rem;}
.my_forum_list .mfl_manege_btn{float: right; height: 2rem; line-height: 2rem; margin: 0 1rem 0 0; color: #1f91f2;}
.my_forum_list .mfl_forum_name{ display: block; width: 18rem; height: 2.5rem; padding: 0 0 0 1rem; line-height: 2.5rem; overflow: hidden; color: #000000; text-overflow: ellipsis; white-space: nowrap; }
.my_forum_list .mfl_forum_info{ display: block; height: 3.8rem; padding:0.5rem 1rem 0 1rem; font-size: 1.2rem; line-height: 1.6rem; color: #74767a; overflow: hidden; font-weight: normal;}


.my_forums_dl{ display: block;}
.my_forums_dl .dt_1{ display: block; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.4rem; color: #9a9a9a;}
.my_forums_dl .dt_1:before{content: ""; display: inline-block; width: 4rem; height: 2px; margin:1.4rem 0.5rem 0 0 ; background: #9a9a9a; vertical-align: top;}
.my_forums_dl .dt_1:after{content: ""; display: inline-block; width: 4rem; height: 2px; margin:1.4rem 0 0 0.5rem; background: #9a9a9a; vertical-align: top;}

.my_forums_dl .dd_1{ display: block; padding: 1.5rem 1rem 1rem 2rem; margin-bottom:1rem ; background: #fff; cursor: pointer;}
.my_forums_dl .forum_info{ display: block;}
.my_forums_dl .forum_info .wt_btn_manage{ float: right; width: 6rem; height: 3rem; line-height: 3rem; font-size:1.4rem ; background: #1a98d5;}
.my_forums_dl .forum_info .my_level{ float: right; width: 4rem; text-align: right; height: 2rem; height: 2rem; color: #9a9a9a;}
.my_forums_dl .forum_info .forum_logo{ float: left; width: 7.5rem; height: 7.5rem; margin: 0 1rem 0 0; border-radius: 7.5rem; overflow: hidden;}
.my_forums_dl .forum_info .forum_logo img{ width: 100%; height: 100%;}
.my_forums_dl .forum_info .forum_name{ display: block; height: 3rem; padding: 0rem 0.5rem 0 0; line-height: 3rem; font-size: 1.6rem; color: #5b5b5b; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.my_forums_dl .forum_info .forum_name a{ color: #000000;}
.my_forums_dl .forum_info .new_msg{ display:block; }
.my_forums_dl .forum_info .new_msg a,
.my_forums_dl .forum_info .new_msg b{height: 3rem; margin: 0 1rem 0 0; line-height: 3rem; font-size: 1.6rem; color: #5b5b5b; font-weight: normal;}
.my_forums_dl .forum_info .new_msg a.btn_set_QRCode,
.my_forums_dl .forum_info .new_msg a.btn_hide_QRCode,
.my_forums_dl .forum_info .new_msg a.btn_show_QRCode{color: #1a98d5;}
.new_msg .ico_newMsg{ display: inline-block; padding: 0.2rem 0.4rem; margin: 0.6rem 0 0 0; line-height: 1.3rem; font-size: 1.3rem; color: #fff; background: #fa6d6d; border-radius: 2px; vertical-align: top;}

.my_forums_dl .creator_box{ display: block;}
.my_forums_dl .creator_box .creater_name{ display: inline-block; min-width: 10rem; height: 3rem; line-height: 3rem;  padding: 0 2rem 0 0; color: #9a9a9a;}
.my_forums_dl .creator_box a{ display: inline-block; height:3rem; min-width: 6rem; text-align: center; line-height: 3rem; color: #1a98d5;}
.my_forums_dl .creator_box  .btn_hide_QRCode{display: none; color: #1a98d5;}
.my_forums_dl .btn_hide_QRCode:after{content: ""; display:inline-block; width: 2rem; height: 2rem; margin: 0.5rem 0 0; vertical-align: top; background-position: -46rem 0;}

.my_forums_dl .operator_QRCode_box{ display: none; padding: 1rem 0 0;}

.operator_QRCode_box .operator_QRCode{ float: left; width: 12rem; height: 12rem; margin: 0 2rem 0 0rem; border: solid 1px #eee; }
.operator_QRCode_box .operator_QRCode img{width: 100%; height: 100%;}
.operator_QRCode_box .QRCode_tips{ display: block; padding: 1.5rem 0 0; line-height: 2.4rem; font-size: 1.4rem; color: #5b5b5b;}

.my_forums_dl dd.on a.btn_hide_QRCode{ display: inline-block;color: #1a98d5;}
.my_forums_dl dd.on .btn_show_QRCode{ display: none;}
.my_forums_dl dd.on .operator_QRCode_box{ display: block;}


.my_forums_dl .dd_1 div{*zoom:1;}
.my_forums_dl .dd_1 div:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}



.btn_createForum{ display: block; width: 100%; height: 5.9rem; line-height: 5.9rem; text-align: center; color: #1a98d5; font-size: 1.6rem; background: #fff;}

.my_forums_exit{width:100%;background-color:#fff;font-size:1.6rem;color:#1a98d5;padding:1rem;text-align:center; cursor: pointer;}
.backToForum .main{margin: -18rem 0px 0px;}


/****论坛管理****/
.forum_name_input,
.forum_introduce_input{display: block;width: 100%;height: 3.2rem;  margin: 3rem auto 0; padding: 0 0.5rem; line-height:3.2rem;background: #efeff4; border: none; font-size: 1.4rem; border-radius: 0.3rem; color:#333;}

.logo_QRcode{position: relative; display: block; width:10rem; height: 10rem; margin: 2rem auto;}
.logo_QRcode img{width:100%; height: 100%; border: solid 2px #cccccc;}
.logo_QRcode_tips{ display: block; height: 2rem; line-height: 2rem; margin: -0.5rem 0 1rem; font-size: 1.4rem; text-align: center; color: #777;}

.QRcode_bg{position:absolute; z-index: 10;  width:100%; height: 100%;}

/****论坛首页****/
.forum_info_box{ position:relative; display: block; height: 14rem; padding: 1rem 0rem 0; margin: 0; border-bottom: solid 1px #e3e4e5; background: #fff; overflow: hidden;}
.forum_info_box .forum_logo{ position:relative;  z-index: 1; width: 8rem; height: 8rem; margin: 0 1rem; float: left; border: solid 0.2rem #fff;border-radius:8rem; overflow: hidden;}
.forum_info_box .forum_logo img{ width: 100%; height: 100%; border-radius: 100%;}

.forum_info_box .forum_name{position: relative; display: block; height: 3rem; line-height: 3rem; font-size: 1.8rem; color: #000000; padding: 0 8rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forum_info_box [class^="forum_info"]{position: relative; display: block; min-height: 2rem; padding: 0.5rem 1rem 0 10rem;  color: #fafafa; font-size: 1.4rem;  word-break: break-all;  text-shadow: 0 0 5px #333;}
.forum_info_box [class^="forum_info"] var{ display: inline-block; max-width:10rem; padding: 0 1rem 0 0.5rem;vertical-align: top; color: #fff; vertical-align: top;}
.forum_info_box .forum_info_1{padding: 0.5rem 0 1rem;}

.forum_info_box .forum_bg{position: absolute; left: 0; top: 0; width:100%; height: 100%;}
.forum_info_box .forum_bg img{ width: 100%; min-height: 100%;}


.forum_banner_menu{position: relative; display: flex; display:-webkit-box; float: left; width: 100%;  height:3rem;  margin: 1rem 0 0; }

.forum_banner_menu [class*="_btn"]:before,
.tManage_btn:before,
.tFollow_btn:before,
.on.tFollow_btn:before{ display: inline-block;  content: ""; width: 1.8rem; height: 1.8rem; margin: 0.6rem 0.1rem 0 0; vertical-align: top;  background-size:56rem;}

.forum_banner_menu a:after,.forum_banner_menu b:after{ content: ""; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: #fff; opacity: 0.4; }
.forum_banner_menu a:first-child:after{display: none;}

.forum_banner_menu [class*="_btn"]{ position:relative; display: block; flex: 1; -moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; height:4rem; line-height: 4rem; font-size: 1.4rem; text-align: center; color: #fff; border: none; background:rgba(0,0,0,0.5); border-radius: 0; }
.forum_banner_menu .tManage_btn:before{background-position: -27.1rem -0.3rem;margin-top: 1.1rem;}
.forum_banner_menu .tFollow_btn:before{background-position: -54rem -2.3rem;margin-top: 1.1rem;}
.forum_banner_menu .on.tFollow_btn:before{background-position: -51.8rem -2.3rem;margin-top: 1.1rem;}
.forum_banner_menu .tSign_btn:before{background-position: -47.3rem -0.3rem;margin-top: 1.1rem;}
.forum_banner_menu .tSigned_btn:before{background-position: -49.5rem -0.3rem;margin-top: 1.1rem;}
.forum_banner_menu .tSigned_btn{display: none;}
.forum_banner_menu .tSign_btn{display: block;}
.forum_banner_menu.isSigned .tSigned_btn{display: block;}
.forum_banner_menu.isSigned .tSign_btn{display: none;}

.forum_banner_menu .on.tFollow_btn{color:#00acff;}
.topic_header_bar .tFollow_btn,
.topic_header_bar .tManage_btn{ position: absolute; right: 1rem; top: 1rem; width: 7rem; height: 3rem; line-height: 3rem; font-size: 1.3rem;text-align: center;  color:#3668b3; background: #f7f8fa; border: solid 1px #e3e4e6; border-radius: 0.3rem; cursor: pointer;}
.topic_header_bar .tFollow_btn:before{background-position:-2.4rem -0.3rem;}
.topic_header_bar .tManage_btn:before{background-position: -11.5rem -0.3rem;}



/*切换栏*/
.forum_item_tab{width: 100%; padding:1rem 1.5rem;margin: 0; border-bottom: solid 1px #e3e4e5; background: #fff; display:block; overflow: hidden;}
.forum_item_tab dd{min-width:6rem;max-width:50%; height:2.5rem;line-height: 2.5rem;margin:0.5rem 0.5rem; padding: 0 0.4rem; cursor: pointer; text-align: center; color:#3d4245; border:1px solid #999;border-radius:0.4rem; background: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;float:left;}
.forum_item_tab dd.on{ background-color: #1f91f2;color:#fff; }

.forumindex_item_tab{font-size:1.6rem;width: 100%; padding:0;margin: 0; border-bottom: solid 1px #e3e4e5; background: #fff; display:block; overflow: hidden;}
.forumindex_item_tab dd{position:relative;min-width:6rem;max-width:50%; height:4.5rem;width:33%; line-height: 4.5rem; padding: 0; cursor: pointer; text-align: center; color:#5b5b5b; background: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;float:left;}
/*.forumindex_item_tab dd:after{ content: ""; position: absolute; width: 1px; height: 1.6rem; left: 0; top: 0.4rem; background: #999; }*/
/*.forumindex_item_tab dd:first-child:after{display: none;}*/
.forumindex_item_tab dd.on{ border-bottom: solid 3px #1a98d5; }
.forumindex_item_tab dd:last-child{border-right:none;}
/*.forumindex_item_tab dd:last-child:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.8rem 0 0; vertical-align: top; background-position:-34rem 0rem; }*/


.fit_stl_2 dd.on{ color: #1f91f2; background:#fff; border-color: #1f91f2;}

.post_box{display: block; margin: 1rem 0 0; padding: 0 0 1rem 0rem; border-bottom: solid 1px #e3e4e5; background: #fff;}
.post_box .post_info{ position: relative; display: block;padding: 1rem 1rem 1rem 0rem; margin: 0 0 0 7.5rem; background: #fff;}
.post_info .auther_avatar{ position: absolute; left: -6rem; top: 1rem;  width: 5rem; height: 5rem; border-radius: 5rem; overflow: hidden;}
.post_info .auther_avatar a{ display: block; height: 100%;}
.post_info .auther_avatar img{ width: 100%; height: 100%;}
.post_info .auther_name {display: block; height: 2rem; line-height: 2rem; padding: 0 4rem 0 0; margin: 0.5rem 0 0; color: #3668b3; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post_info .auther_name a{color:#3668b3;}
.post_info .post_view,.post_info .post_date{display: inline-block; height: 2.5rem; line-height: 2.5rem; color: #999; font-size: 1.2rem;margin-right: 1rem;}
.post_info .wt_btn_makefriend{position: absolute; right: 1rem; top: 1rem; font-size: 1.5rem; cursor: pointer;background-color:#fff; color:#999;border:1px solid #eee;height: 3rem;line-height: 3rem;padding:0 2rem;}
.post_info .btn_comment,.post_info .goodpoint,.post_info .goodpointY,.post_info .turnsend,.post_info .wt_btn_manage{ float: right; margin: 0 0 0 2rem; height: 2.5rem;min-width:3rem; line-height: 2.5rem; color: #9a9a9a;font-size: 1.4rem;}
.post_info .wt_btn_manage{ width: 5rem; width: 6rem; height: 2.6rem;line-height: 2.6rem;font-size: 1.4rem; cursor: pointer; background: #1a98d5;color:#fff;}
.post_info .btn_adress{display:block;color:#00acff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 2.5rem;margin-left: -6rem;}
.post_info .btn_adress:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 0.3rem 0 0 0; vertical-align: top; background-position:-20rem 0rem;}
.post_info .delete_mytopic{ margin: 0 0 0 -6rem; height: 2.5rem;min-width:6rem; line-height: 2.5rem; color: #aab8c2;font-size: 1.4rem;color: #aab8c2; cursor: pointer;}
.toNoneBox .gene_content,.toDeleteBox .gene_content{font-size:16px;line-height:70px;}
.toNoneBox .gene_confirm{}

.post_info .post_view{display: none;}

.btn_comment,.goodpoint, .turnsend，.delete_mytopic{cursor: pointer; min-width: 3rem;} 
.post_info .btn_comment:before{ display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.3rem 0 0; vertical-align: top; background-position: -40rem 0rem;}
.post_info .goodpoint:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.3rem 0 0; vertical-align: top; background-position: -28rem 0rem; }
.post_info .goodpointY:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.3rem 0 0; vertical-align: top; background-position: -30rem 0rem;
-webkit-animation:myfirst 0.5s 0.1s both;-moz-animation:myfirst 0.5s 0.1s both;-o-animation:myfirst 0.5s 0.1s both;-ms-animation:myfirst 0.5s 0.1s both;
}
@keyframes myfirst
{
0% {transform:scale(1,1);}
50% {transform:scale(1.3,1.3);}
100% {transform:scale(1,1);}
}

@-moz-keyframes myfirst /* Firefox */
{
0% {-moz-transform:scale(1,1);}
50% {-moz-transform:scale(1.3,1.3);}
100% {-moz-transform:scale(1,1);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {-webkit-transform:scale(1,1);}
50% {-webkit-transform:scale(1.3,1.3);}
100% {-webkit-transform:scale(1,1);}
}

@-o-keyframes myfirst /* Opera */
{
0% {-o-transform:scale(1,1);}
50% {-o-transform:scale(1.3,1.3);}
100% {-o-transform:scale(1,1);}
}
@-ms-keyframes myfirst /* Opera */
{
0% {-ms-transform:scale(1,1);}
50% {-ms-transform:scale(1.3,1.3);}
100% {-ms-transform:scale(1,1);}
}

.post_info .turnsend:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.8rem 0 0; vertical-align: top; background-position:-26rem 0rem;}

.toplist_box{padding:0 0 0.5rem 0.5rem;background-color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.toplist_box:first-child{margin-top:1rem;}
.toplist_box:first-child .toplist{border:none;}
.toplist{border-top:1px solid #ccc;display:block;margin:0 1rem;line-height:2.4rem;padding-top:0.5rem;}
.toplist .logo_Top,
.toplist .logo_nice{display: inline; height: 2rem; line-height: 2rem; padding: 0 0.3rem; font-size: 1.1rem; border-radius: 3px;}
.toplist .logo_Top{ color: #1a98d5; border: solid 1px #1a98d5;}
.toplist .logo_nice{color: #FA702A; border: solid 1px #FA702A;}


.totoppost{border:1px solid #1f91f2;background-color:#1f91f2;border-radius:0.2rem;color:#fff;font-size:1.3rem;margin-right:0.2rem;padding:0 0.5rem;}
.gratepost{border:1px solid #fa702a;background-color:#fa702a;border-radius:0.2rem;color:#fff;font-size:1.3rem;margin-right:0.2rem;padding:0 0.5rem;}

.selet_category{width:100%;height:100%;color:rgba(0,0,0,.5);}
.selet_category{display: none;}
.selet_category:before{ position: fixed; content: ""; z-index: 104; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity="50");}
.selet_category dl{position:absolute; width: 100%; z-index :105;left: 0; bottom:0; margin-bottom: -100%; max-height:25rem; overflow: auto; overflow-x: hidden; background: #fff; -webkit-overflow-scrolling : touch; animation:seletImg 0.3s linear forwards; -webkit-animation: seletImg 0.3s linear forwards;}
.selet_category dl dd{ display: block; min-height: 5rem; text-align:center; line-height: 2rem; padding:1.5rem 0; border-bottom: solid 1px #eee; font-size: 1.6rem; cursor: pointer;}
.selet_category.on{display: block;}



.post_content_comment{display: block; padding: 0rem 1.5rem; background: #fff;word-break: break-all;}
.post_content_comment .p_content{display: block; padding: 0.2rem 0 0.5rem; font-size: 1.6rem; line-height: 2.2rem; color: #333333;}
.post_content_comment .btn_comment{ float: right; height:2.5rem; line-height:2.5rem; color: #74767a; }
.post_content_comment .btn_comment:before{ display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0.3rem 0.8rem 0 0; vertical-align: top; background-position: -6rem 0rem; }
.post_content_comment p,
.post_content_comment .lookdetail{ display: inline;}

.post_good{display: block; position: relative; padding:1rem 0 ; margin:0rem 1rem 0rem 0rem;}

.post_reply{display: block; position: relative; margin:0; background: #fff;border-top:2px solid #ebebeb;}
/* .post_good.firstul{border-bottom:1px solid #ccc;} */
.post_reply li{position:relative; display: block; min-height: 3.5rem; line-height: 2rem; padding: 1rem 0rem 1rem;margin: 0rem 0rem 0rem 6rem;border-top:1px solid #ebebeb; font-size: 1.5rem; color: #5b5b5b; word-break: break-all; }
.post_reply li.last{padding:0;margin:0;border:none;}
.post_reply li.reply4{border-top:1px #ccc solid;}
.post_reply li:first-child{border:none;}
.post_reply .replyer,
.post_reply .reply_to{ color: #5b5b5b; font-weight: bold;}
.post_reply .label_1{display: inline-block; padding: 0 0.5rem;}
.post_reply .btn_reply_menu{display: inline-block; content: ""; width: 2rem; height: 2rem; margin: 0.2rem 0.8rem 0 0; vertical-align: top; background-position:-8rem 0rem;}

.post_reply .btn_load_more{display: block; height: 4rem; line-height: 4rem; text-align: left; font-size:1.6rem;color: #9a9a9a;background: #fff;padding-left:7rem;}

.post_reply:before{content: "";  position: absolute; top:0; left: 2.5rem;  width: 0;height: 0;border-left:0.5rem solid transparent;border-right: 0.5rem solid transparent;border-top:0.5rem solid #fff;}


.reply_avatar{width:4rem;height:4rem;position:absolute;left:-5rem;top:1rem; border-radius: 4rem; border: solid 1px #fff; overflow: hidden;}
.reply_avatar img{width:4rem; height: 4rem;}
.post_good li.goodshow{padding-left:5.8rem;margin:0;padding-top: 0.5rem;color:#9a9a9a;width:100%;}
.post_good li.goodshow span{width:100%;display:block;position:relative;}
.post_good li.goodshow img{margin-right:0.5rem;margin-bottom: 0.5rem;width:3rem;border-radius:50%;}
/* .post_good li.goodshow span a{display:inline-block;max-width:5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-left:-0.5rem;} */
/* .post_good li.goodshow span:after{content:',';margin-left:-0.2rem;} */
/* .post_good li.goodshow span:last-child:after{content:'';} */
.post_good:after{display: inline-block; content: ""; width: 2rem; height: 2rem;position: absolute; top: 1.9rem; left: 2rem; vertical-align: top; background-position: -30rem 0rem ; }
.reply_goodpoint,.reply_comment_tips,.reply_goodpointY,.reply_floor{float:right;font-size:1.4rem;color:#999;margin-left:2rem; min-width: 3rem;}
.reply_detail_time{color:#999;}

.post_reply li .replytime{ display: block; font-size:1.4rem;color:#9a9a9a;}
                          
.reply_goodpoint:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0rem 0.3rem 0 0; vertical-align: top; background-position: -28rem 0rem; }
.reply_goodpointY:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0rem 0.3rem 0 0; vertical-align: top; background-position:  -30rem 0rem; animation: 0.5s ease 0.1s normal both 1 running myfirst;}
.reply_comment_tips:before{display: inline-block; content: ""; width: 2rem; height: 2rem;font-size: 1.4rem; margin: 0rem 0.5rem 0px 0rem; vertical-align: top; background-position:  -40rem 0rem ;cursor: pointer;}


[class^="wt_rank"]:before{display: inline-block; content: "v1";height:1.8rem; line-height:1.8rem; border-radius:0.2rem; padding:0rem 1rem; margin:0.1rem 0.5rem; vertical-align: top;cursor: pointer; font-size:1.2rem;text-align:center;color:#fff; background-color:#5bc3ff;}
.wt_rankg:before{content: "管"; background-color:#fa702a; }
.wt_rank1:before{content: "v1"; background-color:#5bc3ff;}
.wt_rank2:before{content: "v2";  background-color:#5bc3ff;}
.wt_rank3:before{content: "v3"; background-color:#07d7b2;}
.wt_rank4:before{content: "v4"; background-color:#07d7b2;}
.wt_rank5:before{content: "v5"; background-color:#078bd7;}
.wt_rank6:before{content: "v6"; background-color:#078bd7;}
.wt_rank7:before{content: "v7"; background-color:#ff4b4b;}
.wt_rank8:before{content: "v8"; background-color:#ff4b4b;}
.wt_rank9:before{content: "v9"; background-color:#bf40c5;}
.wt_rank10:before{content: "v10"; background-color:#bf40c5;}

.centerHead [class^="wt_rank"]:before{margin: -0.2rem 0.5rem 0px;}
.msgdd [class^="wt_rank"]{margin: 0rem 0.5rem;}

/*二维码*/
.follow_box{display:none; position: relative; background: #fff; padding: 1rem; margin: 1.5rem; border-radius: 0.5rem;}
.follow_box:before{content: ""; position: absolute; top: -1rem; left: 25%; width: 0px;height: 0px;border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-bottom: 1rem solid #fff;}
.follow_box .title{ display: block; height:3rem; line-height: 3rem; color: #000; font-size: 1.6rem; text-align: center;}
.follow_box .QRcode{display: block; text-align: center;}
.follow_box .QRcode img{display: inline-block; width: 11rem; height: 11rem;border: solid 2px #cccccc;}
.follow_box .tips{ display: block; height: 2.5rem; line-height: 2.5rem; font-size: 1.4rem; color: #333; text-align: center;}
.ico_tip_addfans{display:block;width:7rem;height:3rem;background:url(../img/common/ico-addfans.png) center center no-repeat; background-size:100%;position:absolute;right:3rem;}
.QRcode_name{font-size:2rem;text-align: center;padding-bottom:1rem;}
.setforum{text-align:right;}
.setforum a{border-radius:0.4rem;display: inline-block; padding:0 1rem;  height: 2.6rem;  line-height: 2.6rem;  font-size: 1.4rem; color:#fff; background: #1a98d5;}

/*管理弹框*/
.gene_manage_box{ display: block; text-align: left;}
.gene_manage_box .dd_1{ display: block; min-width: 4rem; padding: 0 1rem; white-space: nowrap;}
.gene_manage_box .title_1{ display: inline-block; width: 9rem; height: 4rem; line-height: 4rem; text-align: right; font-size: 1.6rem; padding: 0 1rem 0 0;}
.gene_manage_box .dd_1 .btn_select{ margin: 0.6rem 0 0 ;}

/*评论弹框*/
.reply_textarea{ display: block; width: 98%; height:12rem; padding: 0.5rem; margin: 0 auto; line-height: 2rem; color: #333333; background: #efeff4; border: none; border-radius: 0.5rem; font-size:1.6rem; resize:none}


/*板块无内容*/
.box_nothing{ display: none; text-align: center; padding: 0 0 1rem;}
.box_nothing img{display: inline-block; width: 12rem; margin:6rem auto 2rem;}
.box_nothing .tips_1{ display: block; line-height: 3rem; padding:0.5rem 0 0; color: #899aa3;}
.box_nothing .tips_1{font-size: 1.6rem;}

/*九宫格*/
.img_nine{padding: 0rem 3rem 0rem 0rem; margin-left: 1.5rem; background: #fff;}
.img_nine dd{float: left; width:33.33333%; padding:0.2rem;overflow: hidden;}
.img_nine dd img{display: block; width: 100%; height: 100%;}
.img_nine.on{padding: 0rem 2rem 0rem 0rem;}
.img_nine.on dd{ float: none; display: block; width: 100%; text-align: center;}
.img_nine.on dd img{display: block; max-width: 100%; width: auto; height:auto;}

/*帖子视频*/
.post_video{ display: inline-block;  padding: 0rem 3rem 0rem 0rem; margin-left: 1.5rem; overflow: hidden;}
.post_video iframe{ width: 100%; height: 18rem;}
.temp_video_img { position: relative; display: block; width: 15rem; height: 11rem;  cursor: pointer;}
.temp_video_img:before{ content: "";  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/common/playbtn-video.png) left top no-repeat; background-size: 100% 100%;}
.temp_video_img img{width: 15rem; height: 11rem;}
.post_video .retract{ display: none; float: right;  height: 3rem; line-height: 3rem; font-size: 1.4rem; color: #C0C0C0;}
.post_video.on{display: block; width: 100%; }
.post_video.on .temp_video_img{display: none;}
.post_video.on .retract{display: block;}


/*新消息提示栏*/
.new_msg_bar{display: block; padding: 1rem 0;} 
.new_msg_bar a{ display: block; height: 3rem; width: 16rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1.4rem; background: #62b8eb;  margin: 0 auto;  border-radius: 0.2rem; }
.new_msg_bar a:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 0.6rem 0 0 0; vertical-align: top; background-position:-42rem -2rem;}

/*****帖子详情******/
.topic_header_bar{ position: relative; display: block; padding: 0.5rem 8rem 0.5rem 1rem; background: #fff; border-bottom: solid 1px #ccc;}
.topic_header_bar .title{ display: block; height: 4rem; line-height: 4rem; font-size: 1.6rem; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topic_header_bar .title b{ font-weight: normal; color:#3668b3 ;}

.location_info{ display: block; height: 3rem; line-height: 3rem; padding: 0 1rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; color: #999;}
.location_info:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 0.6rem 0 0 0; vertical-align: top; background-position:-14rem 0rem;}

/*****发布话题******/
.publish_textarea{display: block; width:100%; height: 12rem; padding: 1.5rem; margin:0 0 1.5rem; border:none; background:#fff; outline:none; line-height: 2rem; overflow: auto; overflow-x: hidden; font-size: 1.8rem; color: #333;resize:none;}

/*上传图片*/
.publish_img_box{ display:none; padding: 0 1.5rem 0;}
.publish_img_box .img_item{ position: relative; display: inline-block; width: 8.4rem; height: 8.4rem; margin: 0 1rem 1rem 0;vertical-align: top;}
.publish_img_box .img_item img{ width: 100%; height: 100%;}
.publish_img_box .img_item i{position: absolute; z-index: 5; width:3rem; height: 3rem; top: 0; right: 0; background-color: #000 ;  background-position: -17.5rem 0.5rem ;cursor: pointer; opacity: 0.7;}
.publish_img_box .btn_add_img{position: relative; display: inline-block; width: 8.4rem; height: 8.4rem;  margin: 0 1rem 1rem 0; border: solid 1px #ccc; }
.publish_img_box .btn_add_img:after{content:""; position: absolute; width: 4rem; height: 4rem; left: 50%; top: 50%; margin: -2rem 0 0 -2rem; background-position: 0rem -7.5rem ;}

/**/
.upload_menu{ display: block; margin:0 0 0 1rem; padding: 0 0 0.5rem 0.3rem; border-bottom: solid 1px #e3e4e5;}
.upload_menu i{ display: inline-block; width: 3rem; height: 3rem; margin: 0 1.5rem 0 0;}
.upload_menu i.btn_add_img{ background-position: -4.5rem -8rem;}
.upload_menu i.btn_add_img_none{display: none; background-position: -4.5rem -12rem;}
.upload_menu i.btn_add_audio{ background-position: -8.5rem -8rem; }
.upload_menu i.btn_add_audio_none{display: none; background-position: -8.5rem -12rem; }
.upload_menu i.btn_add_video{ background-position: -12.5rem -8rem; }
.upload_menu i.btn_add_video_none{display: none; background-position: -12.5rem -12rem; }

.upload_menu.hasImg i.btn_add_audio,
.upload_menu.hasImg i.btn_add_video,
.upload_menu.hasAudio i.btn_add_img,
.upload_menu.hasAudio i.btn_add_video,
.upload_menu.hasVideo i.btn_add_img,
.upload_menu.hasVideo i.btn_add_audio{ display: none;}

.upload_menu.hasImg i.btn_add_audio_none,
.upload_menu.hasImg i.btn_add_video_none,
.upload_menu.hasAudio i.btn_add_img_none,
.upload_menu.hasAudio i.btn_add_video_none,
.upload_menu.hasVideo i.btn_add_img_none,
.upload_menu.hasVideo i.btn_add_audio_none{ display: inline-block;}



.location_box{ display: block; margin:0 0 0 1rem; padding: 0 0 0rem 0.3rem; border-bottom: solid 1px #e3e4e5; display:-webkit-box; display:box; display:flex; display:-webkit-flex; display:-ms-flexbox;}
.location_box .btn_addLocation{ display: inline-block; height: 4rem; line-height: 4rem; color: #3d4245; font-size:1.5rem ; cursor: pointer;}
.location_box .btn_addLocation:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 1rem 0 0 0; vertical-align: top; background-position:-14rem 0rem ;}
.location_box.on .btn_addLocation{ color: #1f91f2;}
.location_box.on .btn_addLocation:before{ background-position:-20rem 0;}
.location_box .flex{width:100%; display:block; -webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex:1;overflow: hidden;}
.location_box .flex .btn_selLocation{position: relative;display:block; height:4rem; padding:0 2.5rem 0 2rem ; line-height: 4rem; text-align:right; font-size: 1.4rem; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.location_box.on .btn_select:after{ position: absolute; right: 0.5rem; top: 1rem; content: ""; display: inline-block; width:2rem; height: 2rem; margin:0rem 0 0 0; vertical-align: top; background-position:0rem 0rem;}

/**/
.choice_class{display: block;}
.choice_class .title{ display: block; height: 4rem; line-height: 4rem; margin: 0 0 0 1rem; font-size: 1.6rem; color: #3d4245;}
.choice_class .title:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 1rem 0 0 0; vertical-align: top; background-position:-16rem 0rem;}

.isShare{width:100%;height:100%;}
.isShare:before{background:rgba(0,0,0,0);}
.share_img{background:url(../img/common/sharetips.png) 3rem 0rem no-repeat;width:100%;height:100%;background-color:rgba(0,0,0,0.5);background-size:80% auto;vertical-align: top;position:absolute;}

/* 时间规则，帖子规则 */
.timeShow,.tieziRank{line-height:3rem;padding-left:3rem;}

/* 公告 */
.publicmassage{padding:0 2rem;background-color:#fff;border-bottom:1px solid #ccc;}
.publicmassage dd{padding:0.5rem 0;border-bottom:1px solid #ccc;height:5rem;line-height:4rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.publicmassage dd:last-child{border:none;}
.publicmassage dd:before{ content: ""; display: inline-block; width:2rem; height: 2rem; margin: 1rem 1rem 0 0; vertical-align: top; background-position:-36rem 0rem ;}


.lookdetail{font-weight:normal;color:#0080ff;}

/* 音频 */
.ico_playing,
.ico_pauseing{ display:inline-block; margin: 1rem 0 0 ; width:2rem; height: 2rem;vertical-align: top; overflow: hidden;}
.ico_playing{background:url(../img/common/audio_ico_play.gif) 0rem 0rem no-repeat;background-size:auto 2rem; }
.ico_pauseing{background:url(../img/common/audio_ico_isplay.png) 0rem 0rem no-repeat;background-size:auto 6rem;}
.audio_control{position:relative; display: inline-block; width:12rem;height:40px; margin:0; padding-left:1rem; overflow:hidden;background:url(../img/common/audio_ico.png) 0rem 0rem no-repeat;background-size:100% 100%;vertical-align: top; cursor: pointer;}
.audio_time{line-height:40px;float:right;padding-right:1rem;}

.selet_list_audio .audiobox{position:absolute; width: 100%; z-index :105;left: 0; bottom:0; padding: 2rem 0px 0;; margin-bottom: -100%; max-height:25rem; overflow: auto; overflow-x: hidden; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-overflow-scrolling : touch; animation:seletImg 0.3s linear forwards; -webkit-animation: seletImg 0.3s linear forwards;}
.selet_list_audio .audiobox dd{width:100%; padding:1rem; text-align:center;}
.btn_recording,
.btn_stopRecord{width:100%;   margin: 1rem 0px;  }
.btn_recording i,
.btn_stopRecord i{ display: block; width: 10rem; height:10rem; margin: 0px auto 1rem; background:url(../img/common/audiomaking_ico.png) center center no-repeat;background-size:auto 100%;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.btn_stopRecord{display: none;}
.publish_record .delAudio{ display: inline-block;  width:3rem; height: 3rem; margin: 0.5rem 0 0 0.5rem;vertical-align: top; background-color: #000; background-position:  -17.5rem 0.5rem ; cursor: pointer; opacity: 0.7;}
.recording_second{width:100%;background:url(../img/common/audio_ico_timepic.png) center center no-repeat;background-size: 44% auto;}
.publish_record{ display: none; margin: 0 0 1.5rem 1.5rem;}


.post_box .audio_control{margin-left: 1.5rem;}


/* 视频 */
.selet_list .video_typeselect{background-color:#ededed;}
.selet_list .video_typeselect li{margin:0;}
.selet_list .video_typeselect .video_typelocal{margin:0.5rem 1rem;border-bottom: 1px solid #ccc;}
.selet_list .video_typeselect .video_typeno{background-color:#fff;}
.netvideobox{display: none;width:100%;background-color:#eee;overflow:hidden;padding:1rem 1.5rem 1rem 1rem; margin: -1px 0px 0px;border-top: 1px solid #E3E4E5;border-bottom: 1px solid #E3E4E5;}
.netvideobox .netvideourl{ display: block; width:100%;height:11rem;resize:none;outline:none;border:1px solid #ccc;padding: 1rem;}
.nettitle{display: block; width: 8rem; height: 3rem; line-height: 3rem; font-size: 1.6rem; margin: 0.5rem 0 0 0;}
.wt_btn_addVideoUrl{width:6rem;height:3rem;line-height:3rem;float:right;margin-top:1rem; font-size: 1.2rem;}

.publish_video{ display: none; position: relative; width: 15rem; height: 15rem; margin: 0 0 1rem 1rem;}
.publish_video iframe{ width: 100% !important; height: 100% !important; overflow: hidden;}
.delVideo{ position: absolute; display: inline-block;  width:3rem; height: 3rem; right: -3.5rem; top: 0; margin: ;vertical-align: top; background-color: #000; background-position:  -17.5rem 0.5rem; cursor: pointer; opacity: 0.7;}
.netvideobox.on{display:-webkit-box; display:box; display:flex; display:-webkit-flex; display:-ms-flexbox;}


.erweima_img{width:80%;text-align:center;}
.gene_title{font-size:1.6rem;}
.gene_title,.gene_tips,.gene_ma{width:100%;padding:1rem;text-align:center;}
.gene_ma{border-top:1px solid #ccc;}

/* 绑定公众号 */
.wenerea{width:100%;padding:1.5rem 1rem;}
#bindcontent{padding:0.5rem;display:block;width:100%;height:10rem;line-height:2rem;color:#666;resize:none;border:none;outline:none; }
.bindbtn,.bind_rule{width:100%;text-align:center;}
.bindbtn a{ display:inline-block;color:#fff;font-size:1.5rem;background-color:#1b8bda; line-height:3rem;border-radius:0.5rem;margin-right:2rem;width:30%;min-width:6rem;}
.bind_rule{padding:1rem;text-align:left;font-size:1.4rem;}
.bind_rule span{line-height:3rem;padding-bottom:1rem;display: inline-block;padding-left:3rem;position:relative;font-size:1.5rem;}
.bind_rule span:before{display: inline-block; content: ""; width: 3rem; height: 3rem; background-position: -15rem -4.5rem;position:absolute;top:0;left:0;}
.bind_rule ul{padding-left:2rem;}
.bind_rule ul li{line-height:2.8rem;}
.show_name{display:block;text-align:center;line-height:2.5rem;}
.hrerea{width:10rem;height:10rem;margin:0 auto 1rem;border:1px solid #ccc;border-radius:0.5rem;overflow:hidden;}
.hrerea img{width:100%;height:100%;}
.get_hr,.show_hr{height:20rem;padding-top:1rem;}


/*关注提示，创建论坛*/
.attent_hr{height:20rem;padding-top:4rem;background-color: #fff;}
.attent_hrerea{width:13rem;height:13rem;margin:0 auto 1rem;border:0.2rem solid #ccc;overflow:hidden;}
.attent_hrerea img{width:100%;height:100%;}
.attent_tip{text-align:center;font-size:1.5rem;}
.attent_rule{padding-top:2rem;}
.attent_rule span{line-height:3rem;display: inline-block;padding-left:2rem;position:relative;font-size:1.5rem;color:#333333;}
.attent_rule ul{padding-left:2rem;}
.attent_rule ul li{line-height:2rem;color:#888;font-size:1.5rem;padding-bottom:1rem;}



/*关注千聊弹框*/
.toAttentBox .attent_main{border-radius:0.2rem;text-align: center;line-height:3rem;position: absolute;z-index: 101;width: 80%;min-height: 15rem;left: 10%;top: 50%;margin: -13rem 0px 0px;}
.toAttentBox .attent_gene_head{height:4rem;line-height:4rem;font-size:1.5rem;color:#fff;background-color: #60cbff;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.toAttentBox .attent_gene_content{padding:1rem;background-color: #fff;border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.toAttentBox .attent_gene_content .attent_gene_hrpic{display: inline-block;height:18rem;width: 18rem;border: 0.2rem solid #ccc;}
.toAttentBox .attent_gene_content .attent_gene_hrpic img {width: 100%;border:none;outline:none;}
.toAttentBox .attent_gene_content .attent_gene_tip1 {font-size:1.4rem;color:#333;}
.toAttentBox .attent_gene_content .attent_gene_tip2 {font-size:1.3rem;color:#999;}
.attent_close{width:70%;height:4rem;border:1px solid #ccc;background-position: -24rem -4rem;cursor:pointer;line-height: 4rem;display: inline-block;border-radius: 0.5rem;color:#60cbff;font-size:1.6rem; }