/* CSS Document */
@charset "utf-8";
*:focus {
	outline: none;
}
html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #25201c;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "Microsoft YaHei";
	color: #666;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}
input, select, textarea, button {
	vertical-align: middle;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-user-modify:read-write-plaintext-only;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a, a:link {
	text-decoration: none;
	outline: none;
}
div, p{  -webkit-overflow-scrolling: touch; }
.hide { display: none; }
body{ position: relative; font-size: .26rem; color: #C3B8AD; background: #221c1a; }
body::after{ display: block; content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #221c1a url(../img/bg.jpg?v1) center top no-repeat; background-size: 16.24rem 100%; background-attachment: fixed; }
body.bg2::after{ background: #221c1a url(../img/bg2.jpg) center top no-repeat; background-size: 16.24rem 100%; }
body.bg3::after{ background: #221c1a url(../img/bg3.jpg) center top no-repeat; background-size: 16.24rem 100%; }
::-webkit-scrollbar{ width: .05rem; height: 1px;}
::-webkit-scrollbar-thumb{ background: #7A6F55; border-radius: .04rem;}
::-webkit-scrollbar-track{ background: none;}
.notice{ position: fixed; z-index: 18; padding: .2rem .1rem; width: 3.6rem; margin: -.5rem 0 0 -1.8rem; text-align: center; background: rgba(0,0,0,.8); left: 50%; top: 50%; color: #fff; border-radius: .04rem; font-size: .26rem; display: none; }
.wrap{ width: 14.2rem; margin: 0 auto; height: 100%; position: relative; z-index: 2; }
.header{ height: .94rem; overflow: hidden; position: fixed; width: 14.2rem; top: 0; left: 50%; margin-left: -7.1rem; z-index: 6; }  
.back-btn{ width: 1.6rem; height: 1.2rem; background: url(../img/back.png) no-repeat; background-size: 100% auto; display: block; position: fixed; z-index: 3; top: 0; right: 0; }
.page-title{ float: left; min-width: 2rem; padding-left: .24rem; line-height: .74rem; font-size: .4rem; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF9EC), to(#D3B175)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
.page-title img{ width: 1.55rem; height: .36rem; display: inline-block; }
.head-nav{ overflow: hidden; float: left; }
.head-nav li{ width: 1.44rem; height: .68rem; line-height: .68rem; float: left; color: #AB885D; text-align: center; font-size: .28rem; font-weight: 500; }
.head-nav li.on{ background: url(../img/btn_bg.png) 0 -.73rem no-repeat; background-size: 5rem auto; }
.head-nav li.on span,.wj-top li.on span,.headline span,.record-nav li.on p{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF9EC), to(#FFEAC2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.wx-club{ width: 2.6rem; height: .58rem; background: url(../img/wx_clubbg.png) no-repeat; background-size: 100% auto; font-size: .26rem; color: #F5E3AC; text-align: center; line-height: .58rem; float: right; margin-top: .18rem; font-size: .24rem; }
.sidebar{ width: 1.6rem; height: 5rem; position: fixed; z-index: 2; top: .94rem; left: 50%; margin-left: -7.1rem; }
.sidebar li{ height: .88rem; position: relative; }
.sidebar li a{ display: block; height: .88rem; line-height: .88rem; text-align: center; font-size: .34rem; color: rgba(210,165,109,0.7); position: relative; z-index: 2; }
.sidebar li.on a{ color: #FFEDC7; }
.sidebar li.on::after{ display: block; content: ''; width: 2.62rem; height: .88rem; position: absolute; right: 0; top: 0; background: url(../img/nav_bg.png?v) no-repeat; background-size: 100% auto; }
.contain{ width: 12.36rem; position: absolute; right: 0; top: .94rem; bottom: .24rem; overflow: hidden; } 
.contain.scroll{ overflow-x: hidden; overflow-y: auto;}
.con-left{ width: 6.94rem; height: 100%; overflow-x: hidden; overflow-y: auto; float: left; -webkit-overflow-scrolling: touch; }
.indexSwiper{ width: 6.94rem; height: 2.6rem; overflow: hidden; margin-bottom: .16rem; }
.indexSwiper .swiper-slide{ position: relative;}
.indexSwiper .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ban-img{ width: 6.94rem; height: 2.6rem; overflow: hidden; }
.ban-name{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); height: .46rem; line-height: .46rem; text-align: center; padding: 0 .2rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color: #F4EBD0; font-size: .26rem; }
.main{ background: #00000033; position: relative; min-height: 1rem; padding: .1rem 0; margin-bottom: .2rem; }
.titles{ position: relative; overflow: hidden; font-weight: bold; margin-bottom: .2rem; }
.titles.overauto{ overflow: inherit;}
.titles span{ font-size: .28rem; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF9EC), to(#FFEAC2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; float: left; }
.titles em{ display: block; width: .16rem; height: .32rem; background: url(../img/title_tag.png) no-repeat; background-size: 100% auto; float: left; margin: .05rem .05rem 0 0;}
.title-more{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF9EC), to(#FFEAC2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .2rem; display: flex; align-items: center; margin-right: .2rem; float: right; }
.title-more::after{ display: inline-block; content: ''; width: .2rem; height: .2rem; background: url(../img/icon.png?v1) -3.36rem 0 no-repeat; background-size: 5rem auto;}
.hot-img img,.news-right img,.hero-img img,.user-img img,.battle-img img,.new-photo img,.ban-img img,.wj-img img,.hero-show img,.strategy-img img,.general-img img,.general-photo img,.user-avator img,.gets-img img,.flv-photo img,.skin-img img{ width: 100%; height: 100%; object-fit: cover; }
.hot-news{ overflow: hidden; margin: 0 .2rem; }
.hot-news li{ margin-bottom: .15rem; line-height: .36rem; }
.hot-news li a{ display: block; color: #C3B8AD; line-height: .36rem; font-size: .24rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.hot-news li i{ display: inline-block; width: .64rem; height: .28rem; background: #674E2F; color: #FFF5E0; font-size: .2rem; text-align: center; margin: -.05rem .12rem 0 0; vertical-align: middle; border: 1px solid #8B6D47; border-radius: .12rem 0 .12rem 0; line-height: .28rem; font-weight: 500; }
.news{ overflow: hidden; margin: 0 .2rem; }
.news li{ overflow: hidden; border-bottom: .01rem solid #4A453C; padding: .24rem 0; position: relative; }
.news li:last-child{ border-bottom: 0;}
.news li a{ display: block; overflow: hidden; }
.news-left.mr14{ padding-right: 1.4rem; }
.news-name{ color: #E7E1DB; font-size: .24rem; line-height: .36rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height: .72rem; margin: -.05rem 0 .18rem; font-weight: 500; }
.news-title{ color: #E7E1DB; font-size: .24rem; line-height: .36rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; height: .36rem; margin: -.05rem 0 .08rem; font-weight: 500;}
.news-intro{ color: #C3B8AD; font-size: .24rem; font-weight: 400; height: .34rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-bottom: .1rem; }
.news-intro a{ color: #C3B8AD; pointer-events: none; }
.news-next{ display: flex; align-items: center; padding-right: .6rem; color: #B2A18C; font-size: .24rem; margin-left: -.5rem; }
.news-next span{ margin-left: .5rem;}
.icons{ display: inline-block; width: .25rem; height: .25rem; background: url(../img/icon.png) 0 0 no-repeat; background-size: 5rem auto; vertical-align: middle; }
.news-next span i{ margin: -.05rem .05rem 0 0; }
.msg-icon{ background-position: -.28rem 0;}
.like-icon{ background-position: -.49rem -1.61rem;}
.news-right{ width: 1.16rem; height: 1.16rem; overflow: hidden; border-radius: .08rem; position: absolute; top: .24rem; right: 0; -webkit-overflow-scrolling: touch; }
.con-right{ width: 5.28rem; float: right; height: 100%; overflow-x: hidden; overflow-y: auto; }
.press{ overflow: hidden; margin: 0 .2rem; }
.press li a{ display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color: #C3B8AD; font-size: .24rem; font-weight: 400; line-height: .5rem; }
.press li span{ display: inline-block; vertical-align: middle; width: .37rem; margin: -.05rem 0 0; }
.press li span.top1,.press li span.top2,.press li span.top3{ width: .23rem; height: .29rem; margin-right: .14rem; background: url(../img/icon.png) -3.62rem 0 no-repeat; background-size: 5rem auto; font-size: 0; margin-top: -.03rem; }
.press li span.top2{ background-position: -3.89rem 0;}
.press li span.top3{ background-position: -4.15rem 0;}
.top-sign{ display: block; width: 2.74rem; height: .96rem; background: url(../img/top-sign.png) no-repeat; background-size: 100% auto; float: right; position: relative; margin-right: 1.04rem; }
.top-sign em{ display: block; position: absolute; width: .4rem; height: .38rem; background: url(../img/dot.png) no-repeat; background-size: 100% auto; top: 0; left: .52rem; }
.write{ width: .96rem; height: .96rem; background: url(../img/publish.png) no-repeat; background-size: 100% auto; display: block; position: fixed; z-index: 3; bottom: .6rem; right: .6rem; }

/* 攻略 */
.guide-left{ width: 4.9rem; position: absolute; left: 0; bottom: 0; top: 0; background: #00000033; }
.hero-search{ position: absolute; z-index: 3; padding: .2rem .16rem; width: 4.58rem; left: 0; top: 0; }
.search-left{ width: 4.58rem; height: .48rem; border-radius: .08rem; overflow: hidden; background: #0000004D; position: relative; margin-bottom: .15rem; }
.sel-icon{ width: .28rem; height: .28rem; background-position: -.83rem 0; position: absolute; top: 50%; right: .15rem; margin-top: -.14rem; }
.hero-input{ width: 4.18rem; padding: 0 .2rem; height: .48rem; line-height: .48rem; border: 0; background: none; color: #E7E1DB; font-size: .24rem; }
input:-moz-placeholder,textarea:-moz-placeholder{ color: #6F6861;}
input::-moz-placeholder,textarea::-moz-placeholder{ color: #6F6861;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #6F6861;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #6F6861;}
.hero-sel{ width: 1.32rem; height: .36rem; background: #1D1915; float: right; position: relative; color: #B2A18C; font-size: .2rem; cursor: pointer; text-align: center; border-radius: .08rem; margin-top: .05rem; }
.sel-name{ position: relative; z-index: 5; line-height: .36rem; height: .36rem; overflow: hidden; font-weight: normal; }
.sel-name::after{ display: inline-block; content: ''; width: .13rem; height: .09rem; background: url(../img/icon.png) -1.18rem 0 no-repeat; background-size: 5rem auto; vertical-align: middle; margin: 0 0 0 .12rem; }
.sel-list{ position: absolute; top: .4rem; right: 0; background: #1D1915; width: 1.32rem; border-radius: .08rem; display: none; overflow: hidden; z-index: 2; }
.sel-list li{ height: .44rem; line-height: .44rem; font-weight: normal; }
.sel-list li.on{ color: #FFFFFF; background: #796541;}
.hero-all{ position: absolute; left: 0; bottom: 0; width: 4.9rem; top: 1.4rem; overflow-x: hidden; overflow-y: auto; }
.ss-hero{ overflow: hidden; width: 4.72rem; margin: 0 auto; }
.ss-hero li{ width: 1.04rem; height: 1.65rem; text-align: center; float: left; margin: 0 .07rem; }
.ss-hero li a{ display: block; color: #C3B8AD; font-size: .24rem;}
.new-photo{ width: 1.04rem; height: 1.04rem; border-radius: .04rem; overflow: hidden; margin-bottom: .1rem; }
.more-btns{ padding: .3rem 0; text-align: center; color: #CBB994; font-size: .28rem; }
.guide-right{ width: 7.36rem; float: right; height: 100%; overflow-x: hidden; overflow-y: auto; }

/* 武将详情 */
.hero-left{ width: 4.9rem; height: 100%; overflow-x: hidden; overflow-y: auto; float: left; }
.hero-detail{ overflow: hidden; }
.hero-show{ width: 2.4rem; height: 3.88rem; overflow: hidden; float: left; }
.hero-show img{ transform: scale(1.02);}
.hero-brief{ overflow: hidden; }
.hero-brief li{ font-size: .28rem; margin-bottom: .24rem; line-height: .48rem; }
.hero-brief li span{ color: #F4EBD0; }
.hero-brief li.gen-name{ color: #fff; font-size: .32rem; font-weight: 500; }
.hero-brief li.sf-li{ display: flex; align-items: center;}
.hero-brief li.sf-li img{ height: .6rem;}
.stars{ width: .3rem; height: .3rem; background-position: -3.85rem -.46rem; font-size: 0; line-height: 0; margin-right: .1rem; }
.stars em{ display: inline-block; height: .3rem; background-position: -4.17rem -.46rem; }
.gen-right{ width: 2.1rem; float: right; }
.tl-icon{ width: .38rem; height: .38rem; background-position: -2.43rem 0; }
.hj-icon{ width: .38rem; height: .38rem; background-position: -2.92rem 0; }
.gen-more{ margin-top: .2rem;}
.wj-right{ width: 7.36rem; position: absolute; top: 0; right: 0; bottom: 0; background: #00000033; }
.wj-top{ display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; z-index: 5; width: 6.16rem; padding: 0 .6rem; }
.wj-top li{ width: 1.92rem; height: .68rem; line-height: .68rem; cursor: pointer; float: left; text-align: center; color: #AB885D; font-weight: bold; font-size: .28rem; }
.wj-top li.on{ background: url(../img/btn_bg.png) 0 0 no-repeat; background-size: 5rem auto; }
.wj-main{ position: absolute; top: .8rem; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; }
.strategy{ overflow: hidden; margin: 0 .2rem .1rem; }
.strategy li{ position: relative; border-bottom: .01rem solid #4A453C; }
.strategy li a{ display: block; padding: .24rem 1.25rem .32rem 0; }
.strategy-name{ font-size: .24rem; color: #E7E1DB; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-bottom: .3rem; font-weight: 500; }
.strategy-img{ width: 1.04rem; height: 1.04rem; position: absolute; top: .24rem; right: 0; overflow: hidden; border-radius: .08rem; }
.strategy-next{ overflow: hidden; color: #C3B8AD; font-size: .24rem; font-weight: 400; }
.strategy-nick{ width: 2.5rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; float: left; }
.strategy-look{ float: right;}
.look2{ background-position: -.24rem -.25rem; margin-right: .08rem; }
.skill-all{ margin: 0 .4rem;}
.skill-name{ width: 1.28rem; height: .49rem; background: url(../img/btn_bg.png) -1.96rem 0 no-repeat; background-size: 5rem auto; color: #FFEDC9; font-size: .28rem; line-height: .48rem; text-align: center; margin-bottom: .2rem; }
.skill-info{ color: #C3B8AD; font-size: .24rem; line-height: .36rem; margin: 0 0 .4rem; }
.flvs{ width: 7.12rem; margin: 0 auto; }
.flvs li{ width: 3.4rem; height: 3.05rem; margin: 0 .08rem; float: left; border-bottom: 0; }
.flvs li a{ padding: 0; }
.flv-photo{ position: relative; height: 2rem; overflow: hidden; margin-bottom: .12rem; }
.flvs li i{ position: absolute; width: .36rem; height: .36rem; background-position: -1.35rem 0; top: 1.44rem; right: .18rem; z-index: 2; }
.flv-title{ font-size: .24rem; color: #E7E1DB; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-weight: 500; margin-bottom: .1rem; }
.flv-next{ display: flex; align-items: center; justify-content: space-between; color: #C3B8AD; font-size: .24rem; font-weight: 400; }

/* 贴子详情页 */
.detail{ width: 14.16rem; position: absolute; top: 1rem; left: 50%; margin-left: -7.08rem; bottom: .3rem; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.overhide{ overflow: hidden!important;}
.detail-center{ padding: .2rem 1.6rem .4rem;}
.detail-title{ color: #E7E1DB; font-size: .36rem; margin-bottom: .16rem; line-height: .5rem; }
.detail-author{ color: #C3B8AD; font-size: .28rem; margin-bottom: .2rem; display: flex; align-items: center; }
.bf-icon{ width: .25rem; height: .25rem; background-position: -1.76rem 0; vertical-align: middle; margin: -.05rem .03rem 0 0; }
.detail-con{ color: #C3B8AD; font-size: .24rem; line-height: .4rem; padding: .2rem 0; border-top: .02rem solid #4A453C; }
.detail-con img,.detail-imgs img{ display: block; max-width: 90%; margin-bottom: .24rem; }
.detail-con p{ margin-bottom: .24rem; }
.detail-con a{ color: #F4EBD0; }
.like{ width: .66rem; height: .26rem; padding-top: .4rem; background-position: -3.85rem -.8rem; position: fixed; z-index: 4; bottom: .56rem; left: 50%; margin-left: 6.1rem; text-align: center; color: #E1B238; font-size: .24rem; cursor: pointer; }
.like span{ text-shadow: #330804 1px 0 0, #330804 0 1px 0, #330804 -1px 0 0, #330804 0 -1px 0; }
.like.on{ background-position: 0 -.56rem;}
.videos{ width: 14.16rem; position: absolute; top: 1rem; left: 50%; margin-left: -7.08rem; bottom: .3rem; overflow-x: hidden; overflow-y: auto; }
.detail-left{ width: 7.68rem; float: left; margin-left: .2rem; height: 100%; overflow-x: hidden; overflow-y: auto; }
.video-link{ height: 4.32rem; background: #000; margin-bottom: .2rem; }
.video-link video{ width: 100%; height: 100%; }
.detail-right{ width: 5.6rem; float: right; margin-right: .3rem; height: 98%; overflow-x: hidden; overflow-y: auto; }
.detail-intro{ color: #C3B8AD; line-height: .4rem; font-size: .24rem; }
.detail-intro p{ margin-bottom: .2rem;}
.detail-intro a{ color: #E7E1DB;}
.detail-left .detail-title{ font-size: .32rem;}
.detail-left .detail-author{ font-size: .24rem;}
.headline{ padding-left: .2rem; height: .52rem; line-height: .52rem; background: url(../img/btn_bg.png) -3.28rem 0 no-repeat; background-size: 5rem auto; margin-bottom: .2rem; font-size: .28rem; font-weight: 500; }
.vote{ margin-top: .2rem; background: #473E2D80; width: 7.2rem; padding: .4rem; border-radius: .2rem; position: relative; color: #A4A8AE; font-size: .24rem; }
.vote-title{ padding-right: .85rem; margin-bottom: .55rem; font-size: .28rem; color: #fff; }
.vote-type{ position: absolute; top: .42rem; right: .4rem; }
.vote-list{ overflow: hidden;}
.vote-list li{ margin-bottom: .6rem; }
.vote-info{ overflow: hidden;}
.vote-name{ width: 4.3rem; overflow: hidden; float: left; }
.vote-right{ float: right;}
.vote-right em{ display: inline-block; width: .34rem; height: .34rem; border-radius: 50%; background-position: 0 -1.26rem; margin-top: -.05rem; }
.vote-list li.on .vote-right em{ background-position: 0 -1.63rem;}
.vote-line{ margin-top: .15rem; height: .08rem; border-radius: .08rem; background: #0000004D; overflow: hidden;}
.vote-line p{ height: .08rem; background: #C6A244; border-radius: .08rem; }
.vote-tips{ margin-bottom: .2rem; }
.vote-btn{ display: block; height: .88rem; line-height: .88rem; border-radius: .44rem; text-align: center; color: #fff; font-size: .28rem; font-weight: 500; background: #C6A244;}
.vote-btn.end{ background: #C7BA99; }
.vote-list li.support{ width: 2.8rem; height: 5.4rem; float: left; margin: 0 0 0 .5rem; text-align: center; }
.support-img{ width: 2.8rem; height: 3.5rem; overflow: hidden; border-radius: .2rem; }
.support-img img{ width: 100%; height: 100%; object-fit: cover; }
.support-name{ color: #C3B8AD; font-size: .28rem; font-weight: 400; margin: .2rem 0 .1rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.vote-list li.support .vote-right{ float: none;}
.vote-list li.support .vote-right em{ display: block; margin: .2rem auto 0; }
.vote-endtime{ text-align: center; color: #A4A8AE; font-size: .24rem; text-align: center; padding: 0 0 .3rem; }

/* 视频页 */
.media-main{ background: #00000033;}
.media-search{ position: absolute; top: .2rem; right: .2rem; left: .2rem;}
.media-input{ height: .6rem; box-sizing: border-box; line-height: .6rem; padding: 0 .2rem; background: #0000004D; border-radius: .08rem; font-size: .24rem; color: #E7E1DB; width: 100%; border: 0; }
.media-info{ top: .98rem; left: 0; right: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; }
.general-show{ overflow: hidden; width: 12.6rem; margin-left: -.4rem; }
.general-show li{ width: 3.6rem; margin-left: .6rem; float: left; height: 3.25rem; position: relative; }
.general-show li a{ display: block; color: #E7E1DB; font-size: .24rem; line-height: .36rem; }
.general-photo{ height: 2rem; overflow: hidden; margin-bottom: .12rem; border-radius: .08rem; }
.general-show li i{ position: absolute; width: .36rem; height: .36rem; background-position: -1.35rem 0; top: 1.44rem; right: .18rem; } 
.general-show li p{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-bottom: .05rem; }

/* 我的页 */
.user{ padding: .2rem; position: relative; overflow: hidden; background: #00000033; margin-bottom: .2rem; }
.user-avator{ width: .92rem; height: .92rem; float: left; background: #D8D8D8; border-radius: .08rem; border: .02rem solid #FDE7A8; overflow: hidden; }
.user-mid{ float: left; margin-left: .1rem; width: 4.35rem; }
.user-nick{ color: #fff; font-size: .28rem; margin-bottom: .15rem; }
.user-pet{ display: flex; align-items: center; color: #C3B8AD; font-size: .24rem; }
.user-pet img{ height: .48rem;}
.user-pet span{ display: inline-block; height: .25rem; width: .02rem; background: #4A453C; margin: 0 .1rem; }
.user-right{ float: left; overflow: hidden; min-width: 2rem; margin-top: -.06rem; }
.user-right li{ color: #C3B8AD; font-size: .24rem; display: flex; align-items: center; padding: .06rem 0; height: .4rem; }
.user-right li span{ font-size: .28rem; color: #FFC657; margin-top: .03rem; }
.user-right li span.f24{ font-size: .24rem;}
.hf-info{ display: inline-block; width: 2rem;}
.welfare{ overflow: hidden; margin-bottom: .2rem; }
.sign{ float: left; background: #00000033; width: 8.56rem; padding: .2rem 0; height: 1.6rem; overflow: hidden; }
.sign-day{ float: left; font-size: .24rem; margin-left: .2rem; font-weight: 400; margin-top: .02rem; color: #C3B8AD; }
.sign-total{ float: right; color: #C3B8AD; font-size: .24rem; font-weight: 400; margin-right: .2rem; display: flex; align-items: center; }
.sign-total i{ background-position: -4.41rem 0; width: .28rem; height: .28rem; margin-right: .05rem; }
.sign-all{ width: 7.7rem; padding: .2rem 0 .2rem; margin: -.2rem auto 0; position: relative; overflow: hidden; }
.sign-list{ width: 7.7rem; position: relative; z-index: 2; }
.sign-list li{ width: .58rem; height: .58rem; background: url(../img/icon.png) -.74rem -.96rem no-repeat; background-size: 5rem auto; float: left; margin: 0 .26rem; position: relative; }
.sign-line{ position: absolute; left: .5rem; top: .45rem; right: .5rem; background: #0000004D; height: .06rem; overflow: hidden; }
.sign-line p{ height: .06rem; background: linear-gradient(90deg, #FFEBC6 0%, #FFC657 100%);}
.sign-line em{ width: 0; height: 0; background: url(../img/sign.png) no-repeat; background-size: 100% auto; display: block; }
.sign-list li.on{ background-position: -.74rem -.33rem;}
.sign-list li.next::after{ display: block; width: 1rem; height: 1rem; position: absolute; content: ''; top: -.21rem; left: -.21rem; background: url(../img/shan.png) no-repeat; background-size: 100% auto; z-index: -1; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; animation: four_play 5s .1s linear infinite; -webkit-animation: four_play 5s .1s linear infinite; -moz-animation: four_play 5s .1s linear infinite; }
@keyframes four_play {
	from { 
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  transform: rotate(0deg);
	  }
	to {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  transform: rotate(360deg);
	 }
}
@-moz-keyframes four_play {
	from {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  transform: rotate(0deg);
	  }
	to {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  transform: rotate(360deg);
	  }
}
@-webkit-keyframes four_play {
	from {
      -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  transform: rotate(0deg);
	  }
	to {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  transform: rotate(360deg);
	  }
}
.sign-tips{ text-align: center; color: #79736D; font-size: .2rem; }
.shop{ padding-top: .9rem; box-sizing: border-box; width: 3.62rem; height: 2rem; text-align: center; background: url(../img/shop_bg.png?v1) no-repeat; background-size: 100% auto; text-align: center; color: #DCD3CA; font-size: .24rem; line-height: .36rem; float: right; display: block; }
.record-all{ background: #00000033; padding: .2rem 0; overflow: hidden; margin-bottom: .2rem; position: relative; height: 1.6rem; }
.record-right{ display: block; position: absolute; top: .55rem; right: .35rem; z-index: 2; }
.record-right img{ display: block; width: .92rem; height: .92rem; }
.record{ overflow: hidden; display: flex; justify-content: space-around; margin: -.2rem 1.5rem .25rem 1.1rem; height: 1.3rem; }
.record li{ text-align: center; color: #C3B8AD; font-size: .24rem; }
.record li p span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFEBC6), to(#FFC657)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .36rem; font-weight: bold; }
.record li p{ font-size: .28rem; color: #fff; font-weight: bold; margin-bottom: .15rem; }
.my{ background: #00000033; padding: .2rem 0; margin-bottom: .2rem; }
.my .titles{ padding-top: .2rem; margin-top: -.2rem; }
.record-nav{overflow: hidden; float: left; margin-left: .2rem; margin-top: -.2rem; text-align: center; }
.record-nav li{ float: left; width: 1.16rem; height: .7rem; line-height: .7rem; text-align: center; color: #AB885D; font-size: .28rem; font-weight: 500; margin: 0 .05rem; }
.record-nav li.on{ background: url(../img/btn_bg.png) -.14rem -.71rem no-repeat; background-size: 5rem auto;}
.look-all{ position: absolute; top: .18rem; right: .2rem; display: flex; align-items: center; }
.look-all span{ font-size: .2rem; }
.look-all i{ width: .16rem; height: .2rem; background-position: -3.38rem 0; margin-left: .05rem; }
.record-list{ overflow: hidden; width: 10.8rem; margin: .3rem auto 0; }
.record-list li{ width: .88rem; height: .88rem; background-position: -1.94rem -.67rem; margin: 0 .1rem .2rem; display: block; float: left; }
.record-list li.type1{ background-position: -2.89rem -.67rem;}
.record-list li.no-record{ width: auto; float: inherit; height: auto; padding: .3rem 0; }
.no-msg{ display: block; margin: 0 auto; width: 2.6rem; height: .58rem; background: url(../img/btn_bg.png) -2.38rem -2.81rem no-repeat; background-size: 5rem auto; text-align: center; line-height: .58rem; color: #F4EBD0; font-weight: 400; font-size: .28rem; }
.no-login{ color: #F4EBD0!important; font-size: .26rem!important; padding: 0!important; border-bottom: none; width: 4.33rem!important; height: .72rem!important; line-height: .72rem; text-align: center; float: none!important; background: url(../img/no_login1.png) no-repeat; background-size: 100% auto; margin: .5rem auto!important; }
.mine-nologin{ width: 5.36rem; height: 2.91rem; box-sizing: border-box; padding-top: 1.11rem; text-align: center; color: #F4EBD0; font-size: .26rem; background: url(../img/no_login2.png) no-repeat; background-size: 100% auto; margin: 1rem auto; }
.no-find{ width: 100%; height: 100%; background: #fff; overflow: hidden; text-align: center; box-sizing: border-box; padding-top: 1rem; font-size: .32rem; }

/* 兑换商城页 */
.skin{ overflow: hidden; width: 13.72rem; margin: 0 auto; }
.skin li{ width: 1.6rem; height: 3.05rem; float: left; margin: 0 .18rem; text-align: center; color: #C3B8AD; font-size: .24rem; }
.skin-img{ height: 2.2rem; overflow: hidden; border-radius: .16rem; margin-bottom: .12rem; }
.skin-name{ color: #fff; font-size: .24rem; font-weight: 500; height: .38rem; overflow: hidden; }
.game .skin-img{ height: 1.6rem; background: #0000004D;}
.game .skin-img img{ width: .8rem; height: .8rem; margin: .4rem auto 0; }
.game .skin-name{ font-size: .28rem; }
.game li{ height: 2.8rem;}

/* 官方置顶 */
.list-nav{ position: fixed; top: .94rem; z-index: 3; width: 10.96rem; left: 50%; margin-left: -5.48rem; }
.list-nav li{ height: .68rem; line-height: .68rem; text-align: center; width: 1.92rem; float: left; color: #AB885D; font-size: .28rem; font-weight: bold; }
.list-nav li.on{ background: url(../img/btn_bg.png) 0 0 no-repeat; background-size: 5rem auto; color: #FFEAC2; }
.list-main{ width: 10.96rem; position: fixed; left: 50%; margin-left: -5.78rem; top: 1.74rem; bottom: .4rem; overflow-x: hidden; overflow-y: auto; padding: 0 .3rem; padding-bottom: .5rem; }

/* 账号绑定相关 */
.binds{ display: flex; align-items: center; justify-content: center; }
.account{ width: 6rem; }
.account-input{ width: 6rem; height: .72rem; box-sizing: border-box; border: 0; line-height: .72rem; padding: 0 .2rem; background: #0000004D; border-radius: .08rem; color: #E7E1DB; font-size: .28rem; }
.account-input.w392{ width: 3.92rem; float: left; }
.account-list{ overflow: hidden; margin-bottom: .3rem; }
.send-code{ float: right; width: 1.92rem; height: .68rem; background: url(../img/btn_bg.png) -1.53rem -.74rem no-repeat; background-size: 5rem auto; text-align: center; line-height: .68rem; color: #DDE4C8; font-size: .24rem; }
.account-next{ overflow: hidden; display: flex; justify-content: center; padding: .4rem 0; }
.account-btn{ width: 2.76rem; height: .88rem; background: url(../img/btn_bg.png) 0 -1.52rem no-repeat; background-size: 5rem auto; margin: 0 .3rem; color: #FFEAC2; font-size: .28rem; font-weight: 400; text-align: center; line-height: .88rem; display: block; }
.account-info{ text-align: center; color: #C3B8AD; font-size: .24rem; line-height: .5rem; }
.account-title{ font-size: .28rem; color: #fff; font-weight: 400; margin-bottom: .2rem; }
 
/* 弹窗 */
.alert{ position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.75); display: flex; align-items: center; justify-content: center; text-align: center; display: none; }
.sign-title{ height: .52rem; margin-bottom: .2rem;}
.sign-icon{ height: 2.8rem; margin: -.2rem 0 -.5rem; }
.sign-text{ color: #FFEAC2; font-size: .28rem; font-weight: 500; }
.bean-all{ width: 7.8rem; height: 2.9rem; background: url(../img/alert1.png) no-repeat; background-size: 100% auto; box-sizing: border-box; padding: .35rem .6rem 0; }
.bean-name{ color: #2B211E; font-size: .28rem; font-weight: bold; margin-bottom: .2rem; }
.bean-text{ color: #372F2C; font-size: .28rem; font-weight: 400; line-height: .4rem; margin-bottom: -.25rem; height: .8rem; }
.bean-btn{ display: inline-block; width: 1.92rem; height: .54rem; background: url(../img/btn_bg.png) -2.86rem -2.17rem; background-size: 5rem auto; margin: 0 .4rem; color: #ECEDD2; font-size: .24rem; font-weight: 400; line-height: .54rem; text-align: center; }
.bean-btn.cancle-btn{ background-position: -2.86rem -1.5rem;}
.sign-img{ height: 100%; margin: 0 auto;}

/* 详情页评论 */
.reply-btn{ width: .66rem; height: .26rem; padding-top: .4rem; background-position: -3.89rem -1.53rem; position: fixed; z-index: 4; bottom: 1.6rem; left: 50%; margin-left: 6.1rem; text-align: center; color: #E1B238; font-size: .24rem; cursor: pointer; }
.reply-btn span{ text-shadow: #330804 1px 0 0, #330804 0 1px 0, #330804 -1px 0 0, #330804 0 -1px 0; }
.review-fade{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 7; display: none; }
.review{ background: #141414; width: 7.52rem; position: fixed; top: 0; right: 0; bottom: 0; z-index: 8; font-size: .24rem; display: none; }
.review-top{ width: 7.52rem; position: fixed; top: 0; right: 0; z-index: 9; height: .82rem; background: #141414; line-height: .82rem; display: flex; align-items: center; border-bottom: .01rem solid #FFFFFF1A; }
.review-name{ padding: 0 .3rem; color: #FFF9EC; font-size: .28rem; font-weight: 500; display: flex; align-items: center; min-width: 2.5rem; }
.review-name span{ font-weight: 400; color: #C3B8AD; padding-left: .09rem; }
.review-nav{ display: flex; align-items: center; color: #87817B; font-weight: 400; }
.review-nav span{ display: inline-block; width: .9rem; text-align: center; }
.review-nav span.on{ color: #FFF9EC; font-weight: 500; }
.review-close{ width: .24rem; height: .24rem; background-position: -2.07rem 0; position: absolute; right: .4rem; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; }
.review-close:hover{ -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}  
.review-list{ position: absolute; top: .85rem; bottom: 1.36rem; padding: 0 .5rem 0 .3rem; overflow: auto; left: 0; right: 0; -webkit-overflow-scrolling: touch; }
.reply-list{ padding-top: .3rem; overflow: hidden; }
.father{ overflow: hidden;}
.reply-img{ width: .72rem; height: .72rem; overflow: hidden; border-radius: 50%; float: left; }
.reply-img img,.child-img img,.good-img img,.love-img img,.new-skinimg img{ width: 100%; height: 100%; object-fit: cover; }
.reply-info{ width: 5rem; float: left; margin-left: .1rem; }
.reply-name{ color: #87817B; margin-bottom: .1rem; }
.reply-text{ color: #E7E1DB; line-height: .36rem; font-weight: 400; margin-bottom: .1rem; }
.reply-next{ color: #87817B; }
.reply-next span{ color: #E7E1DB; display: inline-block; padding-left: .1rem; }
.reply-like{ float: right; color: #87817B;}
.reply-like em{ display: block; margin: 0 auto .1rem; width: .29rem; height: .29rem; background-position: -.81rem -1.55rem; }
.reply-like.on{ color: #AD9862; }
.reply-like.on em{ background-position: -1.17rem -1.55rem;}
.child{ padding-left: .82rem; }
.child li{ padding-top: .25rem; padding-right: .9rem; position: relative; }
.child-top{ display: flex; align-items: center; overflow: hidden; margin-bottom: .1rem; }
.child-img{ width: .48rem; height: .48rem; overflow: hidden; border-radius: 50%; margin-right: .1rem; }
.child-text{ color: #E7E1DB; line-height: .36rem; font-weight: 400; margin-bottom: .1rem;}
.child li .reply-like{ position: absolute; top: 0; right: 0;}
.reply-more{ margin: .3rem 0 0 .82rem; color: #FFC657; display: flex; align-items: center; }
.reply-more i{ width: .21rem; height: .13rem; background-position: -4.75rem 0; margin-left: .1rem; }
.review-bottom{ position: fixed; z-index: 9; width: 7.52rem; bottom: 0; right: 0; background: #141414; border-top: .02rem solid #FFFFFF1A; box-sizing: border-box; padding: .15rem .3rem .4rem; }
.review-input{ width: 5.12rem; height: .72rem; line-height: .72rem; padding: 0 .2rem; float: left; display: block; border: 0; background: #242424; border-radius: .16rem; color: #E7E1DB; }
.input-close{ width: .28rem; height: .28rem; background-position: -1.38rem -.41rem; position: absolute; left: 5.35rem; top: .38rem; z-index: 3; }
.review-send{ float: right; width: 1.2rem; height: .72rem; line-height: .72rem; text-align: center; background: #E2B84D; color: #fff; font-size: .28rem; font-weight: 500; border-radius: .16rem; }

/* 发帖 */
.publish{ width: 14.16rem; position: absolute; top: 1rem; left: 50%; margin-left: -7.08rem; bottom: 1.4rem; overflow-x: hidden; overflow-y: auto; }
.inputs{ display: block; width: 13.56rem; padding: 0 .3rem; height: 1rem; line-height: 1rem; border: 0; border-radius: .08rem; background: #0000004D; font-size: .28rem; color: #fff; margin-bottom: .15rem; }
.areas{ width: 14.16rem; box-sizing: border-box; height: 4rem; padding: .3rem; border: 0; border-radius: .08rem; background: #0000004D; font-size: .28rem; color: #fff; line-height: .42rem; }
.publish-footer{ position: fixed; width: 14.76rem; left: 50%; margin-left: -7.38rem; bottom: .35rem; display: flex; justify-content: space-between; }
.xh-btn{ width: 2.28rem; height: .6rem; background: url(../img/btn_bg.png) 0 -2.5rem no-repeat; background-size: 5rem auto; margin: 0 .3rem; }

/* 我的页 -- 个人能力 */
.person{ padding: .2rem 0;}
.person-tips{ float: left; margin-left: .4rem; display: flex; align-items: center; margin-top: .02rem; }
.person-tips i{ display: inline-block; width: .12rem; height: .12rem; background: #FAFAC6; border-radius: 50%; margin-right: .1rem; }
.person-tips.c-org{ color: #85611A;}
.person-tips.c-org i{ background: #85611A;}
.person-main{ width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.person-main::-webkit-scrollbar{ display: none;}
.person-main li{ width: 4.52rem; height: 4.8rem; background: url(../img/person.png) no-repeat; background-size: 100% auto; overflow: hidden; margin-left: .2rem; display: inline-block; position: relative; }
.person-main li:first-child{ margin-left: 0;}
.person-chat{ width: 4.2rem; height: 3.55rem; margin: 0 auto; }
.person-name{ height: .76rem; text-align: center; line-height: .76rem; color: #FFF9EC; font-size: .28rem; font-weight: 500; margin-bottom: .25rem; }
.good-nav{ float: left; margin-left: .4rem; margin-top: -.02rem; }
.goodat{ clear: both; padding-top: .2rem; }
.person-main.goodat li{ background: url(../img/goodat.png) no-repeat; background-size: 100% auto; }
.good-user{ position: relative; height: .92rem; padding: .2rem 0 0 1.15rem; font-size: .24rem; color: #C3B8AD; margin-bottom: .1rem; }
.good-img{ width: .72rem; height: .72rem; border-radius: .08rem; overflow: hidden; position: absolute; left: .3rem; top: .2rem; }
.good-name{ color: #fff; font-weight: 500; margin-bottom: .07rem; }
.good-info{ position: absolute; left: .2rem; top: 1.34rem; color: #C3B8AD; font-weight: 400; font-size: .2rem; }
.goodat-no{ color: #F4EBD0; font-size: .24rem; padding: .8rem 0; }

/* 近500场比赛记录 */
.match-top{ overflow: hidden; margin: .2rem 0; }
.match-mvp{ background: #00000033; width: 4.88rem; float: left; padding: .25rem 0; border-radius: .03rem; height: .95rem; }
.match-mvp .record{ margin: -.06rem .1rem 0;}
.match-mode{ float: right; width: 7.32rem; }
.record p span i{ font-size: .2rem; margin-left: .05rem; }
.match-type p span{ display: flex; align-items: center; }
.match{ overflow: hidden; background: #00000033; border-radius: .03rem; padding: 0 .2rem; bottom: 0; position: absolute; left: 0; right: 0; top: 1.8rem; overflow-x: hidden; overflow-y: auto; }
.match-list{ overflow: hidden;}
.match-list li{ display: flex; align-items: center; justify-content: space-between; padding: .2rem 0; border-bottom: .01rem solid #35322C; font-size: .24rem; color: #C3B8AD; position: relative; }
.match-list li:last-child{ border-bottom: 0;}
.match-left{ width: 4rem; display: flex; align-items: center; color: #69BFEA; font-size: .32rem; font-weight: 500; }
.match-img{ width: .8rem; height: .8rem; border-radius: .08rem; object-fit: cover; margin-right: .2rem; }
.c-red{ color: #E54F4F; }
.match-time{ width: 6rem;}
.match-name{ text-align: right; width: 1.9rem; }
.mvp-icon{ position: absolute; background-position: -1.53rem -1.62rem; width: .88rem; height: .31rem; top: .44rem; right: 2.35rem; }

/* 每周战报 */
.week-top{ overflow: hidden; margin-bottom: .36rem; }
.week-tab{ width: 8.4rem; float: left; height: 4.32rem; overflow: hidden; float: left; background: #00000033;}
.week-title{ height: .48rem; background: linear-gradient(90deg, #C5A370 0%, #46392B 16.13%, rgba(197, 163, 112, 0) 100%); display: flex; align-items: center; justify-content: space-between; line-height: .48rem; font-weight: 500; }
.week-name{ height: .48rem; width: 1.7rem; padding-left: .2rem; background: url(../img/week_title.png) no-repeat; background-size: 100% auto; font-size: .26rem; color: #FFF5DE; }
.week-win{ margin-right: .3rem; font-size: .24rem; color: #fff; }
.paper-main{ width: 6.8rem; margin: .2rem auto 0; background: url(../img/week_tab.png) no-repeat; background-size: 100% auto;position: relative; padding: .13rem .1rem .12rem;}
.paper-main::after{ display: block; content: ''; position: absolute; width: 6.9rem; left: .04rem; bottom: 0; height: .12rem; box-shadow: 0px 1px 2px 0px #00000080; box-shadow: 0px 1px 1px 0px #675641 inset; background: #4C4327;}
.no-paper{ padding-top: 1.35rem; }
.paper{width: 100%;}
.paper td{ height: .64rem; text-align: center; line-height: .64rem; }
.love{ width: 3.78rem; float: right; height: 4.32rem; overflow: hidden; background: #00000033; }
.love-list{ height: 3.84rem; overflow-x: hidden; overflow-y: auto; }
.love-list li{ padding: .2rem .2rem 0 1.3rem; position: relative; height: .96rem; color: #C3B8AD; font-size: .24rem; font-weight: 400; }
.love-img{ width: .96rem; height: .96rem; border-radius: .08rem; overflow: hidden; position: absolute; top: .2rem; left: .2rem; }
.love-list li span{ display: block; margin: .05rem 0 .15rem; }
.love-line{ background: #00000069; width: 2.2rem; height: .08rem; overflow: hidden; }
.love-line p{ width: 0; max-width: 100%; height: .08rem; background: #A77D2B;}
.week-info{ margin-bottom: .2rem; background: #00000033; overflow: hidden; }
.new-hero{ overflow: hidden; padding: .3rem .1rem .1rem; }
.new-hero li{ display: flex; align-items: center; float: left; margin: 0 .1rem .2rem; }
.new-hero li::before,.new-hero li::after{ display: block; content: ''; width: .29rem; height: .48rem; background: url(../img/btn_bg.png) -1.96rem 0 no-repeat; background-size: 5rem auto; }
.new-hero li::after{ background-position: -2.95rem 0;}
.new-hero li p{ height: .44rem; line-height: .44rem; border-top: .02rem solid #fff0d2; border-bottom: .01rem solid #fff0d2; padding: 0 .15rem; }
.new-hero li.no-hero{ float: inherit;}
.new-hero li.no-hero::before,.new-hero li.no-hero::after{ display: none;}
.new-skin{ overflow: hidden; padding: 0 0 0 .2rem; }
.new-skin li{ width: 2.06rem; float: left; margin-right: .26rem; text-align: center; padding: .2rem 0; }
.new-skin li.no-hero{ float: inherit; width: auto; margin: 0 0 0 -.2rem; }
.new-skinimg{ height: 3rem; overflow: hidden; border-radius: .16rem; margin-bottom: .15rem; display: flex; align-items: center; justify-content: center; }
.new-skinimg img{ transform: scale(1.01);}
.new-skinname{ font-weight: 400; font-size: .24rem; color: #C3B8AD; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.to-other{ text-align: center;}
.to-other img{ display: block; width: 2.68rem; margin: 0 auto .05rem; }
.list-arrow{ width: .44rem; height: .3rem; background-position: -2.56rem -1.62rem; vertical-align: middle; margin: -.03rem 0 0 .08rem; }