/*幻灯*/
.swiper-container { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.swiper-slide { text-align: center; font-size: .18rem; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a { display: block; width: 100%; height: 0; padding-bottom: 50%; background-repeat: no-repeat; background-size: cover; }
.swiper-slide h3 { position: absolute; bottom: 0; left: 0; right: 0; height: .36rem; line-height: .36rem; background: rgba(0,0,0,0.5); font-size: .16rem; font-weight: bold; color: #fff; }
.swiper-container .swiper-pagination { bottom: .35rem; }

.topbar { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 99; padding-top: 40px; background: #fff; }

.cps { padding: .05rem .05rem .05rem 0; }
.cps .title { border-bottom: none; }
.cps li { width: 20%; position: relative; display: block; float: left; }
.cps li .pic { display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-size: cover; background-position: center; border-radius: 50%; overflow: hidden; }
.cps li a { display: block; text-align: center; margin-left: .05rem; margin-top: .05rem; color: #000; padding: 0 .08rem; }
.cps li a.cur .br { border: .02rem solid #ff9933; border-radius: 50%; }
.cps li h3 { font-size: .13rem; min-height: .22rem; line-height: .22rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cps li.cur a { color: #FFA858; }
.cps.cps4 li { width: 25%; }
.cps.cps4 li a { padding: 0 .12rem; }
.cps.cps3 li { width: 33.33%; }
.cps.cps3 li a { padding: 0 .3rem; }

.cats { border-top: .05rem solid #eee; border-bottom: .01rem solid #eee; }
.cats li { float: left; width: 25%; text-align: center; }
.cats li a { display: block; padding: .1rem 0; font-size: .16rem; color: #000; }
.cats li a.cur { color: #FFA858; font-weight: bold; }

.pos2 { border-top: .01rem solid #eee; margin-top: 1.34rem; }
.pos2 a { font-size: .13rem; display: block; overflow: hidden; color: #000; }
.pos2 li { position: relative; }
.pos2 li a { color: #000; display: block; padding: .1rem; border-bottom: .01rem solid #eee; }
.pos2 li img,
.pos2 li .thumb { width: 1rem; height: .75rem; float: right; margin-left: .1rem; }
.pos2 li h3 { font-size: .16rem; line-height: .24rem; height: .48rem; overflow: hidden; margin-bottom: .1rem; }
.pos2 li p { text-align: right; font-size: .13rem; color: #808080; }
.pos2 li a.nickname { position: absolute; padding: 0 .05rem; color: #0D3D85; font-size: .12rem; bottom: .1rem; left: .1rem; border: .01rem solid #ccc; line-height: .16rem; border-radius: .08rem; z-index: 10; }
.pos2 li.bigimg img { width: 100%; height: auto; padding-bottom: .05rem; clear: both; }
.pos2 li.bigimg h3 { clear: both; height: auto; padding: .05rem 0; }
.pos2 li.bigimg a.nickname { left: .1rem; }
.pos2 li.moreimg {}
.pos2 li.moreimg .pics { font-size: 0; vertical-align: top; padding-bottom: .05rem; }
.pos2 li.moreimg .pics img,
.pos2 li.moreimg .pics .thumb { display: block; width: calc(33.3% - 0.03rem); margin-left: .03rem; margin-right: 0; height: auto; float: left; }
.pos2 li.moreimg .pics img:first-child { margin-left: 0; }
.pos2 li.moreimg a.nickname,
.pos2 li.nopic a.nickname { left: .1rem; }
.pos2 li.moreimg h3,
.pos2 li.nopic h3 { height: auto; margin-bottom: 0; }

.pos2 li.follow h3,
.pos2 li.follow .desc { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; }
.pos2 li.follow .desc { padding-bottom: .05rem; color: #666; }

.empty { font-size: .14rem; text-align: center; padding: .1rem 0; color: #808080; }
.loading { height: .4rem; line-height: .4rem; background: #eee; color: #000; text-align: center; width: 2rem; margin: .1rem auto; border-radius: .03rem; }