/**
 * Created by Administrator on 2016/1/31.
 */
body { font: size 0.186667rem; }
#list, #list li, .po-hd, .post { overflow: hidden }
 .po-cmt, .post .list-img:nth-child(1), .time {
 float: left
}
#list li, .cmt-wrap, .r, .time { clear: both }
.btn, a { cursor: pointer }
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400 }
ol, ul { list-style: none none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
 q::after, q::before {
 content: ""
}
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input, select, textarea { font-family: inherit; font-size: inherit; font-weight: inherit }
legend { color: #000 }
a { text-decoration: none }
input { -webkit-appearance: none }
* { -webkit-tap-highlight-color: transparent }
html { background-color: #fff; font-family: Arial, sans-serif; font-size: 0.173333rem }
.top { width:100%; position:fixed; left:0; top:0; z-index:3; }
.top a { font-size:14px; line-height:40px; color:#fff; padding-left:12px; }
.back a { padding-left:12px; }
.back a:before { font-family: "iconfont"; content: "\e613"; font-size:14px; line-height:40px; color:#fff; overflow:hidden; zoom:1; }
.back a span { text-indent:-500px; display:inline-block; }
.bg1 { width:100%; height:40px; background:#000; position:fixed; left:0; top:0; z-index:2; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.camera { float:right; padding-right:12px; }
.camera a:before { font-family: "iconfont"; content: "\e62a"; font-size:14px; line-height:40px; color:#fff; overflow:hidden; zoom:1; }
.camera a span { display:none; }
.tc1 { position:relative; }
.tc2 { position:absolute; right:-100px; bottom:-23px; width:100px; height:30px; background:#000; z-index:2; transition:200ms;
-moz-transition:200ms;	/* Firefox 4 */
-webkit-transition:200ms;	/* Safari 和 Chrome */
-o-transition:200ms;	/* Opera */ }
.po-hd .show { right:20px; }
.zan span, .pinglun span { font-size:12px; line-height:30px; color:#fff; vertical-align:top; padding-left:5px; }
.zan:before { font-family: "iconfont"; content: "\e690"; font-size:12px; line-height:30px; color:#fff; vertical-align:middle; padding-left:8px; }
.pinglun:before { font-family: "iconfont"; content: "\e690"; font-size:12px; line-height:30px; color:#fff; vertical-align:top; }
.nav1 { width:100%; font-size:12px; height:1.2rem; position:fixed; left:0; bottom:0; z-index:999999; background:#f5f5f5; border-top:1px #ddd solid; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); }
.nav1 li { width:20%; float:left; text-align:center; padding-top:0.12rem; }
.nav1 li a { font-size:0.26rem; line-height:0.4rem; color:#949494; }
.nav1 li img { width:0.36rem; }
.nav1 .li1 img { width:0.9rem; margin-top:-0.5rem; border:0.08rem #f5f5f5 solid; border-radius:0.555rem; -moz-box-shadow: 0 0 10px 0px #999;  /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); }
 @media screen and (min-width:350px) {
 html {
 font-size: 0.2rem
}
 .cmt-wrap {
 font-size: 0.186667rem
}
 .time {
 font-size: 0.173333rem;
}
}
.hide { display: none }
header { position: relative }
#avt, #user-name { position: absolute }
#bg { width: 100% }
#user-name { text-align: right; right: 1.52rem; bottom: 0.2rem; color: #fff; font-weight: 700; font-size: 0.2rem; text-shadow: 0 1px 0.5px #000; }
#share a, .btn { font-size: 0.186667rem }
.btn, b { font-weight: 400 }
#share a, #share p, .btn { text-align: center }
#avt { width: 0.986667rem; height: 0.986667rem; border: 0.013333rem solid #dbdbdb; right: 0.2rem; bottom: -22px; padding: 0.013333rem; background-color: #fff }
#list li, .po-hd { position: relative; padding-bottom:3px; }
#list { padding: 0px 0 0px }
#list li { line-height: 1.5; border-bottom: 0.013333rem solid #e2e2e2; margin-top: 0.133333rem; padding-bottom: 10px }
 #share a:nth-child(2), .ads, .po-avt {
 position: absolute
}
.ads { color: #999; right: 0.066667rem; top: 0 }
.ads img { width: 0.133333rem; padding-left: 0.106667rem }
.ad-link { color: #3b5384 }
.post .ad-link img { width: 0.146667rem; padding: 0; display: inline-block }
.po-avt-wrap { padding-left: 0.133333rem }
.po-avt { width: 0.533333rem; height: 0.533333rem; top: 0; left: 0.133333rem }
.r { border-bottom: 0.106667rem solid #eee; border-left: 0.106667rem solid transparent; border-right: 0.106667rem solid transparent; width: 0.013333rem; margin-top: 0.066667rem; margin-left: 0.133333rem }
.po-cmt { padding-left: 0rem; padding-right: 0.133333rem; width: 100%; box-sizing: border-box }
.po-name { color: #576b95 }
.post { color: #252525; padding-bottom: 0.133333rem }
.post img { padding: 0.133333rem 0.066667rem 0 0; display: block; max-height: 1.733333rem; max-width: 1.733333rem }
#share a, .btn { display: inline-block }
.post .list-img { width: 30%; max-height: 1.066667rem; max-width: 1.066667rem; padding-right: 0.093333rem; float: left; object-fit: cover }
.post .list-img:last-child { padding-right: 0 }
.time { color: #b1b1b1 }
.c-icon { width: 0.266667rem; float: right; position:relative; z-index:3; }
.cmt-wrap { width: 100%; background-color: #f8f8f8 }
.like { color: #576b95; padding: 0.066667rem 0.066667rem 0.04rem 0.16rem }
.like img { width: 0.16rem; padding-right: 0.066667rem }
.cmt-list { padding: 0.066667rem 0.16rem; color: #454545 }
.cmt-list p { padding-top: 0.04rem }
.cmt-list span { color: #3b5384 }
#share a { border-radius: 0.066667rem; background-color: #26337e; color: #fff; line-height: 2.5; width: 1.84rem; margin: 0 0.133333rem }
 #share a:nth-child(1) {
 position: absolute;
 left: 50%;
 margin-left: -148px;
}
 #share a:nth-child(2) {
 right: 50%;
 margin-right: -148px;
}
#share p { padding: 0.6rem 0 0.133333rem; color: #999 }
#guide { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background-image: url(../images/guide2.png); background-repeat: no-repeat; background-position: right top; background-color: #191919; background-size: contain; opacity: .9 }
.btn { margin-bottom: 0; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; background-image: none; border: 0.013333rem solid transparent; white-space: nowrap; padding: 0.08rem 0.16rem; line-height: 1.42857143; border-radius: 0.053333rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c }
.btn-group-lg>.btn, .btn-lg { padding: 0.133333rem 0.213333rem; font-size: 0.24rem; line-height: 1.3333333; border-radius: 0.08rem }
.btn-block { display: block; width: 100% }
.bq { width: 0.173333rem; padding-left: 0.026667rem }
.hidenone { display: none }

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(255,255,255,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: 90%;max-height: 80%;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;}