@charset "utf-8";
/* CSS Document */
@import url("comm.css");
.wrapper{ padding:0; margin:0 auto; min-width:360px; max-width:640px; padding-bottom:60px; overflow:hidden; }
.users{clear:both; height:60px; padding:12px 0 0 12px;}
.users .fl{float:left; width:55px;}
.users .fl img{width:40px; height:40px;  -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.users .fr{float:left; width:82%; margin:3px 0 0 0; font-size:14px; color:#42307e; font-weight:bold;}
.users .fr a{font-size:14px; color:#42307e; font-weight:bold;}

.userss{clear:both; height:40px; padding:8px 0 0 12px;}
.userss .fl{float:left; width:32px;}
.userss .fl img{width:25px; height:25px;  -moz-border-radius:14px; -webkit-border-radius:14px;  border-radius:14px;}
.userss .fr{float:left; width:80%; margin:3px 0 0 0; font-size:14px; color:#42307e;}

.art_tit{clear:both; margin:12px 12px 0 12px;}
.art_tit h1{min-height:30px; line-height:160%; font-size:20px; color:#333;}
.art_cm{clear:both; margin:0 auto; width:96%; overflow:hidden;}

.art_con{clear:both; margin-top:6px; overflow:hidden; font-weight:normal;white-space:pre-line;}
.art_con,.art_con p,.art_con b,.art_con strong,.art_con div,.art_con span,.art_con i,.art_con li,.art_con ol,.art_con a{font-size:14px; line-height:160%; color:#333; white-space:pre-line;}
.art_con img{ max-width:100%;}
.art_con tbody{max-width:100%;}
.imglist{clear:both; margin:20px 0 0 0;}
.imglist li{float:left;  margin:0 4px 4px 0; width:31%; height:80px; overflow:hidden;}
.imglist li img{width:100%; min-height:80px; max-height:130px;}
.imglist li.br{margin:0;}

.wbtag{margin:30px 0 0 0; font-weight:normal}
.wbtag .t_l{float:left;}
.wbtag .t_r{float:right;}

.wbtag .t_l a{color:#bbb; font-size:12px; height:24px; line-height:24px; padding:0 10px 0 10px; margin-right:2px; display:inline-block;}
.wbtag .t_l a:hover{color:#ff8800;}
.wbtag .t_l a.tfl{color:#fff;  background:#ccc; -moz-border-radius:13px; -webkit-border-radius:13px;  border-radius:13px; margin-right:12px;}
.wbtag .t_l a.tfl:hover{ background:#ff8800; }

.wbtag .t_r a{color:#999; font-size:12px; height:24px; line-height:24px; padding:0 6px 0 6px; margin-right:3px; display:inline-block;}
.wbtag .t_r a:hover{color:#ff8800;}
.wbtag .t_r a i{ float:left; background:url(image/ico-hf.png) no-repeat 0 4px; background-size:17px; width:22px; height:24px; display:inline-block;}
.wbtag .t_r a i.se{background:url(image/ico_zdb.png) no-repeat 0 4px; background-size:15px;}
.wbtag span{color:#999; font-size:12px; margin-left:0px; display:inline-block;}




/*--mess--*/
#pl_list{border-top:0px solid #f8f8f8; margin:2px 0 0 0;}
.mess_tex{clear:both; margin:26px 0; padding:0px; background:#fff;  -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.mess_tex textarea{ padding:8px; color:#333; font-size:12px; width:98%; height:30px; line-height:160%; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; border:1px solid #eee; background:#f6f6f6;}
.mess_tex textarea:hover{}
.mess_tex .t_but{clear:both; margin:6px 0;}
.mess_tex .t_but .tex_b{float:right; cursor:pointer; min-height:30px; line-height:30px; padding:0 22px 0 22px; font-size:14px; color:#fff; background:#ff8800; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; margin-right:0px; font-size:12px;}
.mess_tex .t_but .tex_a{float:left; color:#999; padding-left:3px; font-size:12px;}

.mess_fn{clear:both; margin:20px 0 50px 0 ; border-top:5px solid #f8f8f8; padding:20px 12px 0 12px;}
.mess_fn .mf_fl{float:left; font-size:12px; color:#333;}
.mess_fn .mf_fr{float:right;}

.mess{clear:both; margin:20px 0 0 12px; border-bottom:1px solid #f8f8f8;}
.mess .m_face{float:left; width:55px; overflow:hidden;}
.mess .m_face img{width:40px; min-height:40px;  -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.mess .m_face .uding{clear:both; padding-left:24px; margin:6px 0 0 0 ; width:36px; border:1px solid #ff8800; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; height:25px; line-height:25px; font-size:12px; color:#999; background:url(images/dmz3.png) no-repeat 3px 3px; background-size:18px;}

.mess .m_con{float:left; width:82%; overflow:hidden; padding-bottom:12px;}
.mess .m_con .u_name{height:22px;  font-size:12px; color:#bbb; }
.mess .m_con .u_name a{float:left; font-size:14px; color:#42307e; margin-right:12px; font-weight:bold;}
.mess_c{clear:both; margin-top:8px;}
.mess_c,.mess_c p,.mess_c b,.mess_c strong,.mess_c div,.mess_c span,.mess_c i,.mess_c li,.mess_c ol,.mess_c a{font-size:14px; line-height:160%; color:#333;}
.mess_c img{ max-width:100%;}
.mess_c:hover{color:#333;}

.mess_hf_tit{clear:both; margin:12px 0 0 0; height:30px; text-align:right;  line-height:30px; color:#999; font-size:12px;}
.mess_hf_tit a{float:right; margin-right:8px;}
.mess_hf_tit i{float:left; width:25px; height:16px; background:url(image/ico-hf.png) no-repeat 0 0px; background-size:17px; margin:0; display:inline-block;}
.mess_hf_tit i.sz{ background:url(image/ico_zdb.png) no-repeat 0 0px; background-size:17px;}
.mess_hf_tit a span{float:left; height:16px; line-height:16px; color:#999;}
.mess_hf_tit a:hover span{color:#ff8800;}
.mess_hf_tit a.a_mes{margin-right:30px;}
.mess a.a_gb{float:left;}
.mess a.a_gb span{color:#999;}
.mess:hover a.a_gb span{color:#bbb;}
.mess:hover a.a_gb span:hover{color:#ff8800;}

/*.mess_hf_tit a{height:30px; line-height:30px; color:#999;  font-size:12px;}
.mess_hf_tit a:hover{color:#ff8800;}

.mess_hf_tit .pl{ background:url(images/pl.png) no-repeat 0 -26px; padding-left:18px;}
.mess_hf_tit .fx{ background:url(images/pl.png) no-repeat 0 3px; padding-left:16px;}*/

.mess_hf{clear:both; margin:5px 0 0 0; border:1px solid #eee; padding:0; position:relative;  -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.mess_hf .bgx{ background:url(image/ico_zdb.png) no-repeat 0 0px; height:20px; width:20px; position:absolute; top:-15px; right:90px;}
.mess_hf dl{clear:both; border-bottom:1px solid #eee; margin:12px; padding:0 12px 3px 0px; }
.mess_hf dl dt{float:left; width:40px; overflow:hidden;}
.mess_hf dl dt img {min-height:30px; width:30px; -moz-border-radius:21px; -webkit-border-radius:21px;  border-radius:21px;}
.mess_hf dl dd{float:left; margin:3px 0 0 0; width:82%; overflow:hidden; }
.mess_hf dl dd .user{color:#333; font-size:12px; font-weight:bold;}
.mess_hf dl dd .mes_ti{color:#bbb; margin-left:6px; font-size:10px;}
.mess_hf dl dd .mess_c{clear:both; margin-top:9px; min-height:25px; line-height:160%; color:#333; font-size:12px; }
.mess_hf dl dd .m_hf{height:20px;}
.mess_hf dl dd .m_hf .t_hf{float:right; color:#bbb;}
.mess_hf dl dd .m_hf .t_hf:hover{color:#ff8800;}
.mess_hf dl dd  span{color:#999;}
.mess_hf dl .dla{height:30px; line-height:30px; text-align:center; color:#999; font-size:12px; width:100%; display:inline-block;}
.mess_hf dl.nob{border:none; margin:0;}

.mess_hf .addhf{clear:both; background:#f6f6f6; padding:12px;}
.mess_hf .addhf textarea{ padding:2px; color:#333; font-size:12px; width:100%; min-height:30px; line-height:160%; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; border:1px solid #eee;}
.mess_hf .addhf .ahftj{clear:both; margin:12px 0 0 0; }
.mess_hf .addhf .ahftj .tjfl{float:left; color:#999; padding-left:0px; font-size:12px;}
.mess_hf .addhf .ahftj .tjfr{float:right; cursor:pointer; height:30px; line-height:30px; padding:0 22px 0 22px; font-size:12px; color:#fff; background:#ff8800; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; margin-right:8px;}

/*----*/
.list_px {width: 80px; padding: 0 10px 0 10px; font-size:12px; color:#666; height: 24px; line-height:24px; border: 1px solid #eee; position: relative; background: #fff url(image/ico_xjt.png) no-repeat right center; background-size:16px; text-align:left; cursor:pointer;-moz-border-radius:14px; -webkit-border-radius:14px;  border-radius:14px;}

.list_px ul { display: none; position: absolute; left: -1px; top: 20px; padding:5px 0 6px 0;	overflow: hidden; width:100%; background-color: #fff; border: 1px solid #eee; border-top:0;	z-index:3; -moz-border-radius:14px; -webkit-border-radius:14px;  border-radius:14px; }
.list_px ul li {clear:both; width:100%; border:none; padding:0; margin:0; height: 28px; line-height: 28px; overflow: hidden; cursor: pointer;}
.list_px ul li a{color:#333; font-size:12px; display:block; margin:0; width:100%; padding:0 0 0 10px;}
.list_px ul li a:hover{ background:#f6f6f6; color:#ff8800;}
.list_px ul li.on {background-color: #f6f6f6;}

.pl_xlist{ display:none;}
.norespond{display:none; color:#ff8800; font-size:12px; height:22px; line-height:22px;}
.hyuser{height:26px; line-height:26px; font-size:12px background:#f4f4f4; color:#666; padding:0 8px 0 8px; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}



.wbfb{clear:both; width:100%; height:60px;}
.wbfloat{margin:0 auto; position: fixed; bottom:0px; height:46px; width:100%; border-top:1px solid #f8f8f8; background:#fff; z-index:9;}
.wbfloat .wbback{float:left; width:40px; height:46px; background:url(image/back.png) no-repeat right center; background-size:26px;}
.wbfloat .wbhy{float:left; width:53%; margin:9px 0 0 3px; height:28px; line-height:28px; padding-left:12px; background:#eee; font-size:12px; color:#999;  -moz-border-radius:24px; -webkit-border-radius:24px;  border-radius:24px;}
.wbfloat .wbzd{float:right; height:46px; width:46px; background:url(image/ico_zd.png) no-repeat center center; background-size:22px;}
.wbfloat .wbzdb{float:right; height:46px; width:46px; background:url(image/ico_zd2.png) no-repeat center center; background-size:22px;}
.wbfloat .wbzb{float:right; height:46px; width:46px; background:url(image/mes.png) no-repeat center center; background-size:24px; margin-right:6px;}


.wbfloathy{position: fixed; bottom:0px; height:150px; width:100%; border-top:3px solid #f8f8f8; background:#f8f8f8; z-index:999; display:none;}
.wbfloathy .weibt{margin:0 auto; width:90%; height:100px;}
.wbfloathy .weibt textarea{margin:8px 0 8px 0; height:80px; width:100%; padding:8px; font-size:14px; color:#333; border:1px solid #f8f8f8; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.wbfloathy input{float:right; margin-right:5%; height:32px; line-height:32px; text-align:center; width:90px; font-size:14px; color:#fff; background:#00CC99; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.wbfloathy .wbclose{ position:absolute; top:-25px; right:10px; width:32px; height:32px; background:url(image/idel.png) no-repeat center center #333; background-size:80%; -moz-border-radius:20px; -webkit-border-radius:20px;  border-radius:20px;}


/*.post { color: #252525; padding-bottom: 10px }
.post img {float:left; padding: 4px 4px 0 0; display: block; height: 80px; width: 80px }*/


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width:100%; height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{ max-width: 98%;max-height:500px;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}