body, p, h1, h2, h3, ul, li, ol, button, input, form, label, div, h4, span, a, textarea { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }

a { text-decoration: none; }

i { font-style: normal; }

a, button, input, div { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

html, body { height: 100%; }

body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Clockopia"; -webkit-user-select: none; -webkit-touch-callout: none; }

img { display: block; }

.ig-font { font-family: "ingame"; }

a:active { opacity: 0.8; }

/*font*/
@font-face { font-family: 'ingame'; src: url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.eot"); src: url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.eot?#iefix") format("embedded-opentype"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.svg#iconfont") format("svg"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.woff") format("woff"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*flexbox*/
.flb, .main-lis, .main-nav-align, .data-group, .data-it, .button-group, .button-it, .daily-header, .daily-main-date, .daily-main-mood, .lis-mood, .mood-it, .suggest-radio, .pdata-data, .pdata-data-btn, .lis-news .lis-ln, .lis-gl .lis-ln, .lis-topic, .lis-score, .lis-if, .lis-anchor-content, .lis-video-hot, .lis-detail, .tag-ln, .topic-member, .lis-member, .share-content, .pdata-header, .swiper-container .swiper-slide, .mod-buttons .button-it .btn, .anchor-detail { display: block; display: -webkit-box; display: box; display: -webkit-flexbox; display: flexbox; display: -webkit-flex; display: flex; }

.flb-in, .lis-tag { display: inline-block; display: -webkit-inline-box; display: inline-box; display: -webkit-inline-flexbox; display: inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }

/*flexbox cloumn*/
.fld, .main-nav-align, .data-it, .mood-it, .pdata-header, .mod-buttons .button-it .btn { -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }

/*flexbox justtify-content */
/*flexbox align-items */
/*font icon*/
@font-face { font-family: 'ingame'; src: url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.eot"); src: url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.eot?#iefix") format("embedded-opentype"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.svg#iconfont") format("svg"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.woff") format("woff"), url("//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/v1/iconfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.iconfont { font-family: "ingame"; }

.dot, .lis-if span:first-child, .lis-anchor-content span:first-child, .lis-gl .lis-tit { text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; }

.dot2, .lis-topic .lis-tit, .lis-score .lis-tit, .lis-tips, .main-topic .lis-tit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.sp, .main-nav-align i { background: url("//game.gtimg.cn/images/slg/ingame/sp2.png"); background-size: 6.4rem 6.4rem; }

body { background: #152039; padding-bottom: 1.2rem; }

.main-nav { position: fixed; right: 0; left: 0; bottom: 0; height: 1rem; z-index: 20; width: 100%; background: url("//game.gtimg.cn/images/slg/ingame/bg-nav.jpg"); background-size: auto 100%; }

.main-lis { height: 100%; /*&:before{ content:""; display: block; background: url(//game.gtimg.cn/images/slg/ingame/nav1.png); background-size:11px 100%; position: absolute; right:0; top:0; bottom:0; width: 11px; z-index: 10;
}*/ }
.main-lis .router-link-active .nav-ln, .main-lis .on .nav-ln { color: #fff2b9; background: rgba(20, 7, 1, 0.4); }

.nav-it { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; position: relative; }

.nav-ln { display: block; width: 100%; height: 100%; }
.current .main-nav-align {background: url(//game.gtimg.cn/images/slg/ingame/bg-nav-on.png);background-size: 100% 100%;}

.nav-it .nav-ln:active:before, .nav-it.current .nav-ln:before { opacity: 1; }
.nav-it .nav-ln:active .main-nav-align, .nav-it.current .nav-ln .main-nav-align { color: #fff2b9; }

.main-nav-align { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; color: #687991; font-size: 0.2rem; }
.main-nav-align i { content: ""; display: block; width: 0.5rem; height: 0.5rem; margin-bottom: 0.06rem; }

.nav-it .ico-index { background-position: -0rem -0rem; }
.nav-it .ico-video { background-position: -0.5rem 0; }
.nav-it .ico-gl { background-position: -1rem 0; }
.nav-it .ico-fight { background-position: -1.5rem 0; }
.nav-it .ico-pdata { background-position: -1.98rem 0; }

.head-portrait-size { width: 1.6rem; height: 1.6rem; border-radius: 100%; overflow: hidden; margin: 0.06rem 0; }

.head-portrait img { display: block; width: 100%; }

.personal-tit, .personal-if { text-align: center; margin: 0.06rem 0; }

.personal-tit { font-size: 0.36rem; line-height: 0.4rem; }

.personal-if { font-size: 0.2rem; line-height: 0.24rem; }

.data-it { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; height: 0.96rem; }

.data-type { font-size: 0.24rem; line-height: 0.26rem; margin: 0 0 0.1rem 0; }

.data-value { font-size: 0.3rem; line-height: 0.32rem; }

.button-group { margin: 0.3rem 0; padding: 0 0.2rem; -ms-box-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; box-pack: justify; -ms-flex-pack: justify; -moz-flex-pack: justify; -webkit-flex-pack: justify; flex-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

.button-it { width: 2.22rem; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }
.button-it .btn { line-height: 0.33rem; width: 100%; height: 0.73rem; display: block; font-size: 0.26rem; padding: 0.2rem 0; text-align: center; position: relative; }
.button-it .newest { position: absolute; width: 0.18rem; height: 0.18rem; right: -0.09rem; top: -0.08rem; }

.pdata-comment { padding: 0 0.2rem; }

.pop-daily, .pop-gift { width: 6.7rem; height: 11.03rem; padding: 0.32rem 0.39rem 0 0.4rem; }

.daily-header { margin: 0.3rem 0; height: 0.62rem; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }

.daily-date, .daily-tit { text-align: center; }

.daily-date { width: 1.95rem; font-size: 0.24rem; }

.daily-tit { width: 2rem; font-size: 0.34rem; font-weight: normal; }

.daily-main { height: 6.97rem; margin: 0.3rem 0 0.86rem 0; position: relative; }

.daily-main-date { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; padding: 0.5rem 0; }

.daily-word { width: 0.24rem; font-size: 0.2rem; line-height: 0.4rem; }

.daily-day { font-size: 3rem; line-height: 2.8rem; padding: 0 0.4rem; }

.daily-main-mood { -ms-box-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; box-pack: justify; -ms-flex-pack: justify; -moz-flex-pack: justify; -webkit-flex-pack: justify; flex-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 0.5rem; }

.mood-it { width: 2.12rem; }
.mood-it:last-child { text-align: right; }

.mood-value { font-size: 0.44rem; padding: 0 0.05rem 0 0; }

.mood-if { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; padding: 0.15rem 0; font-size: 0.2rem; line-height: 0.42rem; }

.btn-daily { width: 2.08rem; height: 2.08rem; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 30%); transform: translate(-50%, 30%); font-size: 0.72rem; text-align: center; display: block; line-height: 0.8rem; padding: 0.68rem 0; opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; }
.btn-daily:active { opacity: 0.8; }

.daily-if { width: 4.64rem; height: 0.62rem; margin: 0.2rem auto; text-align: center; font-size: 0.24rem; line-height: 0.36rem; padding: 0.12rem 0; }
.daily-if span { font-size: 0.36rem; vertical-align: top; }

.btn-gift { display: inline-block; font-size: 0.24rem; line-height: 0.36rem; padding: 0.08rem 0.3rem; }

.daily-else { text-align: center; }

.gift-tit { margin: 0.4rem 0 0.3rem; text-align: center; font-size: 0.36rem; line-height: 0.4rem; }

.gift-name { font-size: 0.24rem; line-height: 0.3rem; }

.gift-pic { width: 3.5rem; margin: 0.4rem auto 0.6rem; }
.gift-pic img { width: 1.6rem; display: block; margin: 0 auto; min-height: 1.8rem; }

.gift-pic-if, .gift-tit, .gift-name, .gift-tips { text-align: center; }

.gift-pic-if { margin: 0.1rem 0; }

.gift-rule-tit { margin: 0.3rem 0; text-align: center; font-size: 0.34rem; line-height: 0.4rem; font-weight: normal; }

.lis-rule { height: 2.5rem; overflow: auto; }

.rule-it { text-align: center; }

.rule-if { display: inline-block; text-align: right; width: 2.5rem; padding-right: 0.1rem; }

.gift-rule { margin: 0.3rem 0 0.75rem 0; font-size: 0.24rem; line-height: 0.38rem; }

.gift-tips { padding: 0.7rem 0 0 0; font-size: 0.2rem; line-height: 0.3rem; position: relative; }

.gift-tips:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 1rem; height: 0.01rem; margin-left: -0.5rem; }

.pop-suggest { width: 6.7rem; height: 6.5rem; padding: 0.4rem; }

.suggest-radio { padding: 0.3rem 0 0.2rem 0; }

.radio-it { position: relative; -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }

.radio-lb { display: block; height: 0.6rem; font-size: 0.26rem; line-height: 0.3rem; padding: 0.15rem 0; text-align: center; }
.radio-lb i { width: 0.28rem; height: 0.28rem; content: ""; display: inline-block; vertical-align: top; position: relative; top: 0.01rem; margin-right: 0.1rem; }
.radio-lb i:before { content: ""; width: 0.12rem; height: 0.12rem; position: absolute; left: 50%; top: 50%; margin: -0.06rem 0 0 -0.06rem; opacity: 0; }

.radio-ip { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; opacity: 0; }
.radio-ip:checked + .radio-lb i:before { opacity: 1; }

.suggest-text textarea { width: 100%; padding: 0.1rem; }

.suggest-summit { margin: 0.4rem 0; }

.btn-summit { display: block; height: 0.88rem; text-align: center; font-size: 0.36rem; line-height: 0.44rem; padding: 0.1rem 0; }

.pdata-data { height: 1.36rem; padding: 0 0.2rem; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }

.pdata-data-head { width: 0.84rem; height: 0.84rem; margin: 0 0.24rem 0 0; }
.pdata-data-head img { width: 100%; }

.pdata-data-user { width: 3.36rem; }

.user-tit { font-size: 0.26rem; line-height: 0.3rem; margin: 0 0 0.1rem 0; }

.user-if { font-size: 0.2rem; line-height: 0.24rem; }

.pdata-data-btn a { display: block; width: 1.28rem; height: 0.46rem; line-height: 0.46rem; text-align: center; padding: 0 0 0 0.32rem; margin: 0 0 0 0.1rem; font-size: 0.2rem;}

/*list*/
.lis-it { padding: 0.2rem; }

.lis-topic .lis-it, .lis-score .lis-it { width: 50%; }
.lis-topic .lis-it:first-child, .lis-score .lis-it:first-child { padding-right: 0.05rem; }
.lis-topic .lis-it:last-child, .lis-score .lis-it:last-child { padding-left: 0.05rem; }
.lis-topic .lis-tit, .lis-score .lis-tit { margin: 0.2rem 0; padding: 0; height: 0.6rem; }

.lis-score .lis-topic { min-height: 0.6rem; }

.lis-cat { width: 0.65rem; height: 0.65rem; padding: 0.08rem; font-size: 0.2rem; line-height: 0.24rem; margin: 0 0.2rem 0 0; text-align: center}
.lis-cat span{ display:inline-block; margin-top: 0.12rem;}

.lis-content { width: 5.85rem; }

.lis-tit { font-size: 0.26rem; line-height: 0.3rem; padding: 0.05rem 0; }
.mod-news2 .lis-tit {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ico-recommend { display: none; font-size: 0.2rem; padding: 0 0.05rem; margin-right: 0.05rem; }

.lis-if, .lis-anchor-content { -ms-box-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; box-pack: justify; -ms-flex-pack: justify; -moz-flex-pack: justify; -webkit-flex-pack: justify; flex-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.lis-if span:first-child, .lis-anchor-content span:first-child { width: 80%; }

.lis-if, .lis-author, .lis-tips, .lis-like { font-size: 0.2rem; line-height: 0.24rem; }

.lis-tips { height: 0.48rem; }

.lis-pic { position: relative; overflow: hidden; }
.lis-pic:after { content: ""; display: block; width: 100%; height: 0.74rem; position: absolute; bottom: 0; left: 0; z-index: 1; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%); background: linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%); }

.lis-pic-placeholder { width: 100%; } 

.lis-pic-content { position: absolute; top: 0; left: 0; width: 100%; }

.lis-pic-view { position: absolute; bottom: 0.1rem; right: 0.1rem; font-size: 0.2rem; line-height: 0.24rem; padding: 0.1rem 0.2rem; border-radius: 2px; display: none; }

.lis-gl .lis-pic { width: 1rem; margin: 0 0.2rem 0 0; flex-shrink: 0; display: none; }
.lis-gl .lis-content { width: 100%; }
.lis-gl .lis-it:first-child .ico-recommend { display: inline; }

.lis-video { font-size: 0; }
.lis-video .lis-it { display: inline-block; width: 50%; padding: 0.2rem 0; vertical-align: top;}
.lis-video .lis-it:nth-of-type(2n+1) { padding-right: 0.1rem; }
.lis-video .lis-it:nth-of-type(2n) { padding-left: 0.1rem; }
.lis-video .lis-tit { padding: 0.2rem 0; }
.lis-video .lis-pic { position: relative; }
.lis-video .ico-play { position: absolute; left: 50%; top: 50%; width: 0.78rem; height: 0.78rem; margin: -0.39rem 0 0 -0.39rem; display: block; }

.lis-video-hot .lis-it:nth-of-type(n+3) { display: none; }

.lis-anchor-img { width: 0.48rem; height: 0.48rem; border-radius: 100%; overflow: hidden; }
.lis-anchor-img img { width: 100%; }

.lis-anchor-content, .lis-detail { height: 0.6rem; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }

.lis-anchor-img { position: relative; top: -0.09rem; margin: 0 0.1rem; }

.lis-like { margin-right: 0.05rem; }

.tag { position: fixed; top: 0; right: 0; left: 0; overflow-x: auto; z-index: 2; }

.lis-tag { min-width: 100%; white-space: nowrap; }

.tag-it { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }

.tag-ln { height: 0.9rem; font-size: 0.3rem; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }

.news-detail-wrap { margin: 0 0.3rem; overflow: hidden; }

.news-detail-wrap .news-content p { margin: 0.25rem 0; text-align: justify; }

.news-detail-wrap .news-content img { width: 100%; height: auto !important; margin: 10px auto; }

.news-title { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; margin: 25px 0 0; border-bottom-color: #41516D; color: #474747; }

.news-title h3 { font-size: 0.4rem; line-height: 0.5rem; font-weight: bold; }

.news-date { font-size: 0.2rem; margin-top: 15px; line-height: 0.24rem; }

.news-content { font-size: 0.28rem; line-height: 0.4rem; -webkit-text-size-adjust: none; }

.news-content img { max-width: 100%; height: auto !important; width: auto !important; }

.detail-like { margin: 0.5rem; }

.btn-like { width: 1.5rem; height: 0.6rem; line-height: 0.3rem; font-size: 0.24rem; padding: 0.15rem 0; display: block; text-align: center; margin: 0 auto; border-radius: 0.6rem; position: relative; }

.topic-member { margin: 0.28rem auto; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }

.member-it { width: 0.36rem; height: 0.36rem; border-radius: 100%; overflow: hidden; margin-right: -25%; }
.member-it img { width: 100%; }

.share-f { line-height: 0.3rem; font-size: 0.24rem; text-align: center; position: relative; }
.share-f span { position: relative; z-index: 1; padding: 0 0.05rem; }
.share-f:before { content: ""; display: block; width: 100%; top: 50%; left: 0; right: 0; position: absolute; }

.share-content { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; margin: 0.5rem 0; }
.share-content a { width: 0.9rem; height: 0.9rem; display: block; margin: 0 0.45rem; }

body { font-size: 12px; }

/*pdata*/
.pdata-header { -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; height: 3.33rem; }

/*pop*/
.pop { position: fixed; top: 0; bottom: 1rem; left: 0; right: 0; z-index: 10; overflow: auto; }

.pop-bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.8); }

.pop-content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -53%); transform: translate(-50%, -53%); z-index: 2; }

.btn-close { position: absolute; right: 0.2rem; top: 0.2rem; text-indent: -9999px; width: 0.25rem; height: 0.24rem; }

.btn-back { position: absolute; left: 0; top: 0; line-height: 0.26rem; font-size: 0.24rem; display: block; width: 1.14rem; padding: 0.2rem; }
.btn-back .ico-back { width: 0.16rem; height: 0.26rem; display: inline-block; margin-right: 0.1rem; vertical-align: top; }

.pop-normal { width: 6.7rem; height: 4.2rem; padding: 0.45rem; }

.normal-tit { margin: 0.3rem; text-align: center; font-size: 0.36rem; line-height: 0.4rem; }

.normal-if { font-size: 0.24rem; line-height: 0.3rem; text-align: center; }

.normal-back {margin: 0.7rem auto;width: 6rem;}
.normal-back .btn-normal {width: 3rem;display: inline-block;height: 0.88rem;font-size: 0.32rem;line-height: 0.44rem;padding: 0.2rem 0;text-align: center;float: left;}

/*index mod*/
.main-body { padding: 0 0 1.2rem 0; }

.mod { margin: 0.3rem 0.2rem; position: relative; }

.mod-tit { font-size: 0.26rem; line-height: 0.3rem; margin: 0.15rem 0; padding: 0 0 0 0.2rem; position: relative; }
.mod-tit:before { content: ""; position: absolute; display: block; left: 0; top: 50%; width: 0.06rem; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.btn-more { position: absolute; right: 0; top: 0; display: block; padding: 0 0.1rem; font-size: 0.24rem; line-height: 0.3rem; }
.btn-more .ico-more { display: inline-block; width: 0.18rem; height: 0.3rem; }

.swiper-container .swiper-slide { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; position: relative; }
.swiper-container .swiper-slide a { width: 100%; display: block; }
.swiper-container img { width: 100%; }

.swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; opacity: 1; }

.anchor-player { width: 100%; }

.swiper-container-horizontal > .swiper-pagination { width: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); bottom: 0; }

/*index button group*/
.mod-buttons { padding: 0; }
.mod-buttons .button-it .btn { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; width: 1.7rem; height: 1.5rem; padding: 0; }
.mod-buttons .button-it .btn span { width: 0.8rem; height: 0.8rem; display: block; }

.main-gl, .main-news, .main-topic { padding: 1rem 0 1.2rem 0; }
.main-gl .mod, .main-news .mod, .main-topic .mod { margin: 0; }

.lis-more { margin: 0.2rem 0; text-align: center; font-size: 0.22rem; line-height: 0.4rem; }

.main-gl .lis-if span:first-child, .main-news .lis-if span:first-child { width: 70%; }

.main-topic .lis-topic, .main-topic .lis-anchor { display: block; font-size: 0; }
.main-topic .lis-it {display: inline-block;height: 4.5rem;float:left;}
.main-topic .lis-it:first-child { padding-right: 0.2rem; }
.main-topic .lis-it:last-child { padding-left: 0.2rem; }
.main-topic .lis-it:nth-of-type(2n+1) { padding-right: 0.1rem; }
.main-topic .lis-it:nth-of-type(2n) { padding-left: 0.1rem; }
.main-topic .tag-it { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }
.main-topic .tag-ln { width: 100%; }
.main-topic .lis-tit { vertical-align: top; padding: 0; margin: 0.2rem 0; max-height: 0.6rem; }

.main-news .tag-it { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }

.lis-anchor { display: block; font-size: 0; }
.lis-anchor .lis-it { width: 50%; display: inline-block; padding: 0.2rem 0; }
.lis-anchor .lis-it:first-child { padding-right: 0.05rem; }
.lis-anchor .lis-it:last-child { padding-left: 0.05rem; }
.lis-anchor .lis-it:nth-of-type(2n+1) { padding-right: 0.05rem; }
.lis-anchor .lis-it:nth-of-type(2n) { padding-left: 0.05rem; }

.anchor-mess { padding: 0.1rem 0 0 0.3rem; }

.anchor-head { height: 1.22rem; }

.anchor-detail { -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }

.anchor-message { -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }

.anchor-img { width: 0.82rem; height: 0.82rem; border-radius: 100%; overflow: hidden; margin: 0 0.2rem 0 0; }
.anchor-img img { width: 100%; }

.anchor-intro { padding: 0.3rem 0; }

.anchor-type { font-size: 0.24rem; line-height: 0.35rem; padding: 0 0.08rem; display: inline-block; }

.anchor-if { margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.35rem; }

.anchor-control { margin: 0 0.2rem 0 0; width: 30%; }

.main-anchor-detail .mod { margin: 0; }

.main-body { padding-bottom: 60px; }

.detail-like { text-align: right; }
.detail-like .users, .detail-like .count { display: inline-block; vertical-align: middle; }
.detail-like .avatar { width: 0.4rem; height: 0.4rem; overflow: hidden; border-radius: 0.4rem; float: left; margin-left: 0.1rem; border: 1px solid #000; }
.detail-like .avatar img { width: 100%; display: block; height: 100%; }
.detail-like .count { font-size: 0.24rem; color: #757373; margin-left: 0.1rem; }
.detail-like .action .igfont { margin-right: 0.03rem; }
.detail-like .like-heart-add { background: #363639; color: #5f5f5f; }
.detail-like .action:active { -webkit-transform: translateY(0.02rem); }
.detail-like .action-response { color: #fff; font-size: 0.24rem; opacity: 0; position: absolute; right: -0.5rem; }
.detail-like .like-heart-success .action-response { -webkit-animation: addone 1s forwards 1; }

.hairlines .detail-like .avatar { border-width: 0.5px; }

@keyframes addone { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-0.2rem); } }