body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; }
body{ font:0.16rem STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif; }
button, input, select, textarea{ *font-size:100%; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; }
code, kbd, pre, samp, tt{ font-family:"Courier New", Courier, monospace; }
small{ font-size:0.08rem; }
ul, ol{ list-style:none; }
a{ text-decoration:none; outline:none; }
a:hover{ text-decoration:none; }
q:before, q:after{ content:''; }
legend{ color:#000; }
.blod{ font-weight:bold }
input, button, textarea, select{ outline:none; *font-size:100%; }
fieldset, img{ border:none; }
table{ border-collapse:collapse; border-spacing:0; }
hr{ border:none; height:1px; }
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after{ content:'\0020'; display:block; height:0; clear:both }
.clearfix{ *zoom:1 }
/* common */
body{background:url(../images/bg_index.png) 50% 50%/100% 100%;}
.body-left{position: fixed; top: 0; left: 0; z-index: 8; width: 0.32rem; height: 100%; background-color: #982727;}
.body-right{position: fixed; top: 0; right: 0; z-index: 8; width: 0.32rem; height: 100%; background-color: #982727;}
header{position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 0.32rem; background-color: #982727;}
footer{position: fixed; bottom: 0; left: 0; z-index: 8; width: 100%;}
.ft-border{position: fixed; z-index: -1; bottom: 1.1rem; width: 100%;}
.ft-button{z-index: 8; padding: 0.2rem 0 0.3rem; font-size: 0.32rem; line-height: 0.76rem; text-align: center; color: #982727; background: #982727;}
.ft-button>span{display: inline-block; margin: 0 0.3rem; width: 2.6rem; height: 0.8rem; background: url(../images/btn_ft.png) no-repeat left top/100%;}
.bg-dcloud{position: fixed; opacity: 0.8; background: url(../images/bg_dcloud.png) no-repeat 0 0/100% 100%;}
.bg-lcloud{position: fixed; opacity: 0.8; background: url(../images/bg_lcloud.png) no-repeat 0 0/100% 100%;}
section{position: absolute; padding-bottom: 1.4rem; width: 100%; min-height: 100%; overflow: hidden;}
.banner{position: relative; margin-top: 1.2rem; height: 2.65rem; background: url(../images/bg_banner.png) no-repeat center top/4.99rem 2.28rem;}
.banner>img{position: absolute; right: 1.08rem; top: .18rem; width: 2.48rem; height: .72rem;}
.banner>.bg-dcloud{position: absolute; left: 0.88rem; bottom: 0.45rem; width: 1.39rem; height: 0.5rem; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.usrfc-sz0{border: 0.06rem solid #e0986b; width: 2rem; height: 2rem;}
.usrfc-sz1{border: 0.06rem solid #e0986b; width: 1.8rem; height: 1.8rem;}
.usrfc-sz2{border: 0.06rem solid #e0986b; width: 1.5rem; height: 1.5rem;}
.usrfc-sz3{border: 0.06rem solid #e0986b; width: 1.2rem; height: 1.2rem;}
.data-loading{padding-top: .1rem; height: .3rem;}
.data-loading:after{display: block; content: ''; margin: 0 auto; width: .03rem; height: .03rem; border-radius: 100%; box-shadow: 0 -.1rem 0 .01rem currentColor,.1rem 0 currentColor,0 .1rem currentColor,-.1rem 0 currentColor,-.07rem -.07rem 0 .005rem currentColor,.07rem -.07rem 0 .015rem currentColor,.07rem .07rem currentColor,-.07rem .07rem currentColor; -webkit-animation: spin 1s steps(8) infinite; animation: spin 1s steps(8) infinite;}
.menu{position: fixed; right: 2.05rem; top: .5rem; z-index: 6; width: .64rem; height: .62rem;}
.menu1{position: fixed; right: 1.1rem; top: .5rem; z-index: 6; width: .62rem; height: .62rem;}
.menu2{position: fixed; left: 1.1rem; top: .5rem; z-index: 6; width: .62rem; height: .62rem;}
.mmore{background: url(../images/btn_menu.png) no-repeat 0 0/cover;}
.mhome{background: url(../images/btn_menu.png) no-repeat -0.65rem 0/cover;}
.msearch{background: url(../images/btn_menu.png) no-repeat -1.29rem 0/cover;}
.mgift{background: url(../images/btn_menu.png) no-repeat -1.92rem 0/cover;}
/* PK规则（已登录） */
.rule-button{margin: 0.39rem auto; padding-left: 0.72rem; width: 3.2rem; font-size: 0.31rem; line-height: 0.9rem; color: #982727; background: url(../images/btn_rule.png) 50% 50%/100% 100%;}
/* PK结果 */
.result-me{position: relative; float: left; margin-top: 1.7rem; margin-left: 1.1rem;}
.result-me>img, .result-friend>img{margin-left: .1rem;}
.result-friend{position: relative; float: right; margin-top: 1.7rem; margin-right: 1.1rem;}
.result-level{margin-top: 0.27rem; width: 2rem; height: 0.64rem; font-size: 0.25rem; line-height: 0.6rem; text-align: center; font-weight: lighter; color: #982727; background: url(../images/bg_usr.png) no-repeat left top/100%;}
.result-win{position: absolute; left: 0.16rem; top: 0.06rem; width: 0.64rem; height: 0.79rem; background: url(../images/bg_win.png) no-repeat left top/cover;}
.result-lose{position: absolute; right: 0.16rem; top: 0.06rem; width: 1.68rem; height: 1.68rem; background: rgba(0,0,0,0.4) url(../images/bg_lose.png) no-repeat right top/0.64rem 0.79rem;}
.result-me>div{background-position: left top;}
.result-person>.result-win{left: 1.2rem;}
.result-score{margin-top: 4.9rem; margin-bottom: 0.5rem; font-size: 0.56rem; text-align: center; font-weight: bold; color: #cfa992;}
.result-percent{display: inline-block; margin: 0 0.12rem; width: 2rem; font-size: 0.48rem; font-weight: normal; color: #982727;}
.result-button{margin: 0.4rem auto 0; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.34rem; line-height: 0.88rem; text-align: center; font-weight: lighter; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
/* 查看更多邀请 */
.moreinvite{padding-top: 1.08rem;}
.mivt-title{margin: 0.33rem auto 0; padding-top: .08rem; width: 5.8rem; height: 0.55rem; font-size: 0.34rem; font-weight: normal; color: #982727;}
.mivt-battle, .mivt-abandon{margin: .1rem .6rem 0; font-size: .22rem; line-height: 1.2rem; text-align: center; color: #982727;}
.mivt-battle>img{float: left; margin: 0 0 .2rem 0.3rem; border-color: #ff9c00;}
.mivt-abandon>img{float: left; margin: 0 0 .2rem 0.3rem; border-color: #999;}
.mivt-notes{margin: 0 1.05rem; font-size: .28rem; color: #982727;}
/* 战局明细 */
.soc-tit1{margin-top: 1.4rem; font-size: 0.34rem; text-align: center; font-weight: normal; color: #982727;}
.soc-tit2{margin: 0.3rem auto 0; width: 5.8rem; height: 0.55rem; font-size: 0.32rem; font-weight: normal; color: #982727;}
/* 抽奖规则 */
.pzrule-banner{position: relative; margin: 1.4rem auto 1rem; width: 5rem; height: 2rem; background: url(../images/tit_pzrule.png) no-repeat left top/100% 100%;}
.pzrule-banner>.bg-dcloud{position: absolute; bottom: -0.82rem; right: -0.76rem; width: 2.1rem; height: 0.76rem;}
.pzrule-banner>.bg-dcloud:first-of-type{left: -0.76rem; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.pzrule-content{margin-left: 0.75rem; width: 6rem; font-size: 0.32rem; line-height: .5rem; color: #982727;}
.pzrule-content>li{position: relative; margin-bottom: 0.08rem; padding-left: 0.4rem;}
.pzrule-content>li::before{position: absolute; left: 0.05rem; top: 0.2rem; border: 0.04rem solid #e0986b; content:''; width: 0.06rem; height: 0.06rem; -webkit-transform: rotate(45deg); transform:rotate(45deg)}
.pzrule-btn{margin: 0.5rem auto 0.2rem; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.34rem; line-height: 0.86rem; text-align: center; font-weight: lighter; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
/* 当日PK记录 */
.pkrecord-title{margin-top: 1.28rem; font-size: 0.36rem; text-align: center; color: #982727;}
.pkrecord-me{position: relative; float: left; margin-top: 0.55rem; margin-left: 1.1rem;}
.pkrecord-friend{position: relative; float: right; margin-top: 0.55rem; margin-right: 1.1rem;}
.pkrecord-me>img, .pkrecord-friend>img{margin-left: .1rem;}
.pkrecord-score{margin-top: 3.8rem; margin-bottom: 0.4rem; font-size: 0.5rem; text-align: center; font-weight: bold; color: #cfa992;}
.pkrecord-score>span{display: inline-block; margin: 0 .37rem; width: 2rem; color: #982727;}
.pkrecord-warning{margin: 0 auto 0.52rem; width: 5.8rem; font-size: 0.3rem; line-height: 0.48rem; text-align: center; color: #982727;}
/* 登陆后首页 */
.my-face{display: block; margin: 0 auto 0.4rem;}
.my-button1{margin: 0 auto; border-bottom: 0.06rem solid #c61616; width: 3.2rem; height: 0.9rem; font-size: 0.34rem; line-height: 0.86rem; text-align: center; font-weight: lighter; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
.my-button2{position: relative; margin: 0.3rem auto; width: 3.2rem; font-size: 0.31rem; line-height: 0.9rem; text-align: center; color: #982727; background: url(../images/btn_rule.png) 50% 50%/100% 100%;}
.my-news{position: absolute; left: -0.11rem; top: -0.13rem; width: 0.48rem; border: 0.05rem solid #9b302e; border-radius: 50%; box-shadow: 0 0 0.05rem rgba(93,70,55,.75); height: 0.48rem; font-size: 0.25rem; line-height: 0.36rem; color: #fff; background: #bf2525;}
/* 积分使用（翻牌）2 */
/* .getprz-banner{position: relative;margin: 0.8rem auto 0;width: 5rem;height: 1.5rem;background: url(../images/prz_banner.png) no-repeat left top/100% 100%;} */
.getprz-banner{position: relative;top: 2.7rem;margin: 0 auto;width: 5rem;}
.getprz-cbtn>.getprz-btn{z-index: 7; width: 4rem;}
.getprz-banner>.bg-dcloud{position: absolute; bottom: -0.93rem; right: -0.76rem; width: 2.1rem; height: 0.76rem;}
.getprz-banner>.bg-dcloud:first-of-type{left: -0.76rem; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.getprz-times{position: relative; top: -.15rem; margin-top: 1.5rem; font-size: .32rem; text-align: center; color: #982727;}
.getprz-cbtn{position: relative; z-index: 7; margin: 0 auto .3rem; width: 5.3rem; height: .9rem;}
.getprz-cont{margin: .2rem auto 0; width: 6.1rem; height: 8rem; font-size: 0; text-align: center;}
.getprz-cont>span{display: inline-block; margin: 0 0 .2rem .4rem; width: 1.5rem; height: 1.8rem; background: url(../images/bg_cardback.png) no-repeat left top/100% 100%;}
/* 邀战状态 */
.ivtinf-face{display: block; margin: 1.15rem auto 0;}
.ivtinf-info{margin: 0.3rem auto 0; padding-top: .2rem; padding-bottom: .25rem; width: 4.8rem; text-align: center; font-size: .32rem; line-height: .48rem; color: #982727; background: url(../images/bg_gradient.png) repeat-y center top/contain;}
.ivtinf-btn{margin: .2rem auto; width: 2.6rem; height: .7rem; font-size: .32rem; line-height: .68rem; text-align: center; color: #982727; background: url(../images/bdr_btn.png) no-repeat center center/100% 100%;}
.ivtinf-friends{margin: 0 .7rem; font-size: .22rem; line-height: 1.2rem; text-align: center; color: #982727;}
.ivtinf-friends>div{position: relative; float: left; margin: 0 0 0.3rem 0.4rem;}
.ivtinf-friends>div>img{display: block;}
.ivtinf-fk2{position: absolute; left: 0.06rem; bottom: 0.06rem; width: 1.38rem; height: .4rem; font-size: .2rem; line-height: .4rem; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(0, 0, 0, .8);}
.ivtinf-tit{margin: .4rem 0 0.25rem 1.05rem; font-size: .34rem; color: #982727;}
.ivtinf-accept{border-color: #ff9c00;}
.ivtinf-toinvite{margin: .3rem auto 0; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.34rem; line-height: 0.88rem; text-align: center; font-weight: lighter; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
/* 邀请好友 */
.invite{padding-top: 1.35rem;}
.invite-slogan{margin-top: .16rem; margin-bottom: .13rem; width: 3.92rem; height: 1.63rem;}
.invite-belt{margin: 0.1rem auto; width: 6.4rem; height: .4rem; background: url(../images/bg_ivtbelt.png) repeat-y center top/contain;}
.invite-text{margin: 0 auto; padding: 0.1rem 0.4rem 0.25rem 0.42rem; width: 5.8rem; font-size: .32rem; line-height: 0.48rem; color: #616161; background: url(../images/bg_gradient.png) repeat-y center top/contain;}
.invite-info{margin-top: .3rem; margin-bottom: .3rem; font-size: .3rem; text-align: center; color: #982727;}
.invite-info2{margin-top: .35rem; margin-bottom: .1rem; font-size: .32rem; text-align: center; color: #982727;}
.invite-sp{display: inline-block;margin: 0 0.08rem;padding: 0 .2rem;line-height: .48rem;color: #fff;background-color: #982727;}
.invite-att{margin: 0 auto; width: 5.7rem; font-size: .3rem; line-height: .48rem; color: #982727;}
/* 选择标的 */
.pkinfo-banner{margin-top: 1rem; height: 1.05rem; background: url(../images/pk_banner.png) no-repeat center top/2.88rem 1.02rem;}
.pkinfo-stock{display: block; margin: 0 auto; padding-left: 0.2rem; border: 0.02rem solid #e0986b; border-top: none; width: 4.8rem; height: 0.78rem; font-size: 0.32rem; line-height: 0.75rem; color: #bf2525; background: url(../images/bg_gradient.png) repeat-y center top/contain;}
.pkinfo-stock:first-of-type{border-top: 0.02rem solid #e0986b;}
.pkinfo-stock:focus{ background: #fff; }
input::-webkit-input-placeholder {color: #dea281;}
.pkinfo-subtit{margin: 0.1rem 0 0.15rem; font-size: 0.31rem; text-align: center; color: #982727;}
.pkinfo-acoin{position: relative; margin: 0.2rem; text-align: center;}
.pkinfo-acoin>input{border: 0.02rem solid #e0986b; width: 4.5rem; height: 0.8rem; font-size: 0.32rem; text-align: center; color: #982727;}
.pkinfo-sub{position: absolute; top: 0; left: 50%; margin-left: -2.38rem; width: 0.8rem; height: 0.8rem; background: url(../images/btn_addsub.png) no-repeat -0.04rem top/cover;}
.pkinfo-add{position: absolute; top: 0; right: 50%; margin-right: -2.38rem; width: 0.8rem; height: 0.8rem; background: url(../images/btn_addsub.png) no-repeat -0.8rem top/cover;}
.pkinfo-sub-disable{background: url(../images/btn_addsub.png) no-repeat -1.64rem top/cover;}
.pkinfo-add-disable{background: url(../images/btn_addsub.png) no-repeat -2.4rem top/cover;}
.pkinfo-att{margin: 0 auto; width: 5.4rem; font-size: 0.2rem; line-height: 0.36rem; color: #982727;}
.pkinfo-submit{margin: 0.36rem auto 0.1rem; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.32rem; line-height: 0.88rem; text-align: center; font-weight: lighter; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
.pkacpt{padding-top: 1rem;}
.pkacpt-tit{font-size: 0.33rem; text-align: center; color: #982727;}
.pkacpt-tit2{margin-left: 1.3rem; margin-bottom: .2rem; font-size: .31rem; color: #982727;}
.pkacpt-face{display: block; margin: 0.18rem auto 0.2rem;}
.pkacpt-att{margin: 0.22rem auto 0; width: 5.4rem; font-size: .24rem; line-height: .36rem; color: #982727;}
.rollbtn{margin: 0.3rem auto; width: 4.5rem; height: 1.1rem; background: url(../images/btn_roll.png) no-repeat center/contain;}
/* 他人战绩 */
.frinf-tit{margin-top: 1.12rem; font-size: 0.33rem; text-align: center; color: #982727;}
.frinf-name{margin-top: 0.4rem; font-size: 0.32rem; text-align: center; color: #982727;}
.frinf-face{display: block; margin: 0.12rem auto;}
.frinf-level{margin: 0.3rem auto; width: 2.6rem; height: 0.83rem; font-size: 0.32rem; line-height: 0.8rem; text-align: center; font-weight: lighter; color: #982727; background: url(../images/bg_usr.png) center/100% 100%;}
.frinf-table{margin: 0 auto 0.4rem; width: 4.8rem; text-align: center; font-size: 0.32rem; line-height: 0.7rem; color: #982727; background: url(../images/bg_gradient.png) repeat-y center top/contain;}
.frinf-table>table{width: 100%;}
.frinf-btn{margin: 0.3rem auto 0; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.32rem; line-height: 0.86rem; text-align: center; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
.frinf-p{margin: .18rem .8rem 0 .88rem; font-size: .3rem; line-height: .38rem; color: #982727;}
/* 晒战绩 */
.minf-face{display: block; margin: 1.9rem auto 0;}
.minf-btn{margin: 0 auto; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.34rem; line-height: 0.86rem; text-align: center; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
.minf-friends{margin: 0.2rem auto 0; width: 4.8rem; font-size: .22rem; text-align: center; color: #982727;}
.minf-friends>img{float: left; margin: 0 0 0.2rem 0.3rem;}
/* 历史战绩 */
#page9>.hty-cont>ul{position: relative; -webkit-transition: top 1s; transition: top 1s;}
.history{padding-top: 1.4rem;}
.hty-page{position: relative; margin: 0.1rem auto; width: 6rem; height: 0.6rem; text-align: center; font-size: 0.28rem; line-height: 0.54rem; color: #982727; background-color: rgba(255, 84, 0, .2);}
.hty-page>.bg-dcloud{position: absolute; right: 0.15rem; top: 0.07rem; z-index: 5; width: 1.11rem; height: 0.4rem;}
.hty-page>.bg-dcloud:first-of-type{left: 0.15rem; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.hty-arrup{position: absolute; left: 50%; top: -0.3rem; margin-left: -0.3rem; border-radius: 0.6rem 0.6rem 0 0; width: 0.6rem; height: 0.3rem; background-color: rgba(255, 84, 0, .2);}
.hty-arrup::before{display: block; margin-top: 0.13rem; margin-left: 0.21rem; border-top: 0.04rem solid #cb5300; border-left: 0.04rem solid #cb5300; width: 0.14rem; height: 0.14rem; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hty-arrdown{position: absolute; left: 50%; bottom: -0.3rem; margin-left: -0.3rem; border-radius: 0 0 0.6rem 0.6rem; width: 0.6rem; height: 0.3rem; background-color: rgba(255, 84, 0, .2);}
.hty-arrdown::before{display: block; margin-left: 0.21rem; border-bottom: 0.04rem solid #cb5300; border-right: 0.04rem solid #cb5300; width: 0.14rem; height: 0.14rem; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hty-cont{height: 6.1rem; overflow: hidden;}
.hty-li{margin: 0 auto; padding: 0 0.31rem; border-bottom: 0.02rem dashed #e0986b; width: 6rem; height: 2.04rem; background-color: rgba(255, 84, 0, .2);}
.hty-li>p{padding-top: 0.05rem; font-size: 0.24rem; text-align: center; font-weight: lighter; color: #982727;}
.hty-ltft{float: left; font-weight: lighter;}
.hty-rtft{float: right; font-weight: lighter;}
.hty-li img{border: 0.02rem solid #e0986b; width: 0.8rem; height: 0.8rem;}
.hty-rst{margin-top: 0.22rem; text-align: center; color: #fff;}
.hty-rst>.me{float: left; margin-top: 0.1rem; margin-right: 0.1rem;}
.hty-rst>.other{float: right; margin-top: 0.1rem; margin-left: 0.1rem;}
.hty-win>.me, .hty-bwin>.me{margin-top: 0; width: 1rem; height: 1rem;}
.hty-lose>.other{margin-top: 0; width: 1rem; height: 1rem;}
.hty-cj{margin-top: -0.12rem; margin-left: 0.78rem; width: 3.82rem; height: 1rem; font-size: 0.28rem; line-height: 0.96rem;}
.hty-ping>.me{margin-top: 0;}
.hty-ping>.other{margin-top: 0;}
.hty-ping>.hty-cj{border: 0.02rem solid #e0986b; height: .8rem; line-height: .74rem; background: rgba(224, 152, 107, .5);}
.hty-win>.hty-cj{margin-left: .98rem; width: 3.62rem; background: url(../images/bg_pkrst.png) no-repeat center 0/cover;}
.hty-bwin>.hty-cj{margin-left: 1rem; width: 3.62rem; background: url(../images/bg_pkrst.png) no-repeat center -1rem/cover;}
.hty-lose>.hty-cj{margin-left: 0.78rem; width: 3.62rem; background: url(../images/bg_pkrst.png) no-repeat center -2rem/cover;}
.hty-nodata{font-size: .22rem; line-height: 1rem; text-align: center; color: #982727;}
.hty-btn{margin: 0.6rem auto 0; border-bottom: 0.06rem solid #c61616; width: 4.8rem; height: 0.9rem; font-size: 0.32rem; line-height: 0.86rem; text-align: center; color: #fff; background: url(../images/bg_btn1.png) repeat-x 0 0/contain;}
/* 他人邀请 */
.ivtli-tit{margin: 0.6rem 0 0.55rem; font-size: 0.3rem; text-align: center; color: #982727;}
.ivtli-li{margin: 0 auto; padding: 0 0.2rem; border-bottom: 0.02rem dashed #e0986b; width: 6rem; height: 2.04rem; font-size: 0; text-align: center; color: #982727; background: url(../images/bg_gdt.png) repeat-y center top/contain;}
.ivtli-btn{position: relative; top: -0.25rem; display: inline-block; width: 1.3rem; height: 0.64rem; font-size: 0.28rem; line-height: 0.6rem; background: url(../images/btn_invite.png) no-repeat left top/cover;}
.ivtli-face{position: relative; top: 0.15rem; display: inline-block; margin: 0.25rem 0.5rem 0; border: 0.02rem solid #e0986b; width: 1rem; height: 1rem;}
.ivtli-name{font-size: 0.24rem;}
.ivtli-tx{margin: 0.5rem auto 0; width: 6rem; font-size: 0.28rem; text-align: center; color: #982727;}
/* 我发起的战局 */
.mgam{padding-top: 0.85rem;}
.mgam-tit{margin-top: .2rem; margin-bottom: .2rem; font-size: .34rem; text-align: center; color: #982727;}
.mgam-ul{margin: 0 auto .2rem; padding-top: .3rem; padding-bottom: .3rem; width: 6.3rem; font-size: .28rem; line-height: .5rem; color: #982727; background: url(../images/bg_gdt.png) repeat-y center top/100%; -webkit-transition: padding .5s; transition: padding .5s;}
.mgam-li{padding-left: .23rem; height: .8rem; overflow: hidden; -webkit-transition: height .5s; transition: height .5s;}
.mgam-li:last-of-type{height: .6rem;}
.mgam-ulhide{padding: 0 0 .1rem;}
.mgam-ulhide>.mgam-li{height: 0;}
.mgam-ultit{position: relative; top: 1px; margin: 0 auto; width: 6.3rem; font-size: .22rem; line-height: .6rem; text-align: center; color: #982727; background: url(../images/bg_gdt.png) repeat-y center top/contain;}
.mgam-ultit>h3{margin: 0 .3rem; padding-top: .1rem; border-bottom: 1px solid #ffffd3; font-size: .3rem; text-align: left;}
.mgam-sp{display: inline-block; margin-right: .08rem; width: 1.8rem; text-align: center; color: #fff; background-color: #982727;}
.mgam-btn{position: relative; margin: 0.3rem auto 0; padding-left: .4rem; width: 3.2rem; height: .9rem; font-size: .33rem; line-height: .86rem; color: #982727; background: url(../images/btn_rule.png) 50% 50%/100% 100%;}
.mgam-arrow1{position: absolute; bottom: 50%; right: 0.32rem; margin-bottom: -.12rem; border-right: .04rem solid #982727; border-top: .04rem solid #982727; width: .18rem; height: .18rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: transform .5s, bottom .5s; transition: transform .5s, bottom .5s;}
.mgam-arrow1tr{bottom: 65%; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mgam-arrow2{position: absolute; bottom: 50%; right: 0.42rem; margin-top: -.12rem; border-right: .04rem solid #982727; border-top: .04rem solid #982727; width: .18rem; height: .18rem; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
/* 奖品卡 */
.prize0{background: url(../images/bg_card0.png) no-repeat center/100% 100%;}
.prize1{background: url(../images/bg_card1.png) no-repeat center/100% 100%;}
.prize2{background: url(../images/bg_card2.png) no-repeat center/100% 100%;}
.prize3{background: url(../images/bg_card3.png) no-repeat center/100% 100%;}
.prize4{background: url(../images/bg_card4.png) no-repeat center/100% 100%;}
.prize5{background: url(../images/bg_card5.png) no-repeat center/100% 100%;}
.prize6{background: url(../images/bg_card6.png) no-repeat center/100% 100%;}
.prize7{background: url(../images/bg_card7.png) no-repeat center/100% 100%;}
.prize8{background: url(../images/bg_card8.png) no-repeat center/100% 100%;}
.prize9{background: url(../images/bg_card9.png) no-repeat center/100% 100%;}
.prize10{background: url(../images/bg_card10.png) no-repeat center/100% 100%;}
.prize11{background: url(../images/bg_card11.png) no-repeat center/100% 100%;}
/* 首页 */
.idx-header{width: 100%; height: 1.1rem;}
.idx-cont{margin-top: -.6rem; background:url(../images/bg_idx.png) repeat-y center top/contain;}
.idx-subtit{position: relative;font-size: .46rem;text-align: center;color: #b30f00;opacity: 0;transition: top .5s, opacity .5s;}
.idx-cont>.banner{top: -1rem;margin-top: .4rem;transition: top 1s .5s, opacity 1s .5s;opacity: 0;}
.idx-pk{margin-top: .25rem;padding: 0 .24rem;width: 100%; -webkit-transform: scale(.6); transform: scale(.6); -webkit-transition: transform 1s 1s, opacity 1s 1s; transition: transform 1s 1s, opacity 1s 1s; opacity: 0;}
.idx-button{margin-top: .95rem; text-align: center;}
.idx-button>span{display: inline-block; margin: 0 .25rem; width: 2.4rem; height: .86rem; text-indent: -999rem;}
.idx-button1{background: url(../images/idx_btn.png) no-repeat left top/cover;}
.idx-button2{background: url(../images/idx_btn.png) no-repeat left bottom/cover;}
.idx-footer{position: absolute; top: 9.95rem; left: 0; width: 100%;}
.idx-ftbutton{position: absolute;bottom: 0.24rem;left: 0;width: 100%;line-height: .74rem;text-align: center;font-weight: lighter;color: #ffc5a0;}
.idx-ftbutton>span{display: inline-block; width: 2.6rem; height: .8rem; font-size: .32rem; background: url(../images/idx_btnbg.png) no-repeat center center/contain;}
.idx-ftbutton>span:first-of-type{margin-right: .7rem;}
.loadready>.idx-cont>.idx-subtit{opacity: 1;}
.loadready>.idx-cont>.banner{top: 0;opacity: 1;}
.loadready>.idx-cont>.idx-pk{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}

.fk1{margin: 0 auto; width: 5.4rem; height: .4rem; font-size: .28rem; overflow: hidden;}
.fk1>p{position: relative; left: 0; white-space:nowrap; color: #982727; -webkit-transition: left 60s linear 2s; transition: left 60s linear 2s;}

.al-f>.rule-content{margin: .1rem auto; width: 4.8rem; height: 3rem; text-align: left; overflow-y: scroll;}

.hide { display:none }
#j_loading {position: absolute; left: 0; top: 0; z-index: 999; }
.half_t {position: absolute; left: 0; top: 0; height: 52%; width: 100%; background: #282828; -webkit-transition: all .8s ease; }
.half_b {position: absolute; left: 0; bottom: 0; height: 52%; width: 100%; background: #282828; -webkit-transition: all .8s ease; }
#j_loading p {position: absolute; display: none;left: 0;top: 50%;width: 100%;line-height: 30px;font-size: 18px;color: #999; text-align: center;margin-top: -30px;}
.drop_code_list{ position:absolute; width:4.76rem; z-index:7; overflow:hidden; background-color:#fff; cursor:pointer; opacity:.95; filter:alpha(opacity=95) }
.drop_code_list .strong{ color:#c00 }
.drop_code_list table{ width:100%; color:#1e1e1e; border-collapse:collapse; text-align:center; line-height:0.5rem; font-size:0.26rem}
.theme_list table td{ padding-left:10px; text-align:left }
.drop_code_list table th{ background-color:#3083c7; height:27px; color:#fff; font-size:14px }
.drop_code_list tr.hover td{ background-color:#c5daec}
.pop_alert{background: rgba(0,0,0,0.6);border-radius: 6px;padding: 0 0.2rem;color: #fff;position: fixed;top: 50%;left: 50%;margin: -.5rem 0 0 -2.5rem; z-index: 101;height: 1rem;width: 5rem;line-height: 1rem; font-size: .3rem; text-align: center;}
.bg-f{position: fixed; top: 0; z-index: 9; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);}
.al-f{position: absolute; left: 50%; top: 50%; z-index: 9; margin-left: -2.75rem; margin-top: -2rem; width: 5.5rem; height: 0; font-size: .32rem; line-height: .6rem; text-align: center; color: #fff; background-color: #982727; -webkit-transition: height .5s; transition: height .5s;}
.al-f>p{margin: .2rem; line-height: .4rem; word-wrap: break-word; word-break: break-all;}
#iptRoomID{border: 1px solid #333; width: 2.5rem; height: .5rem; font-size: .32rem; text-align: center;}
.cb-f{margin: .3rem auto 0; width: 3.5rem;}
.up-f{display: block; margin: 0 auto; border: 1px solid #ffba83; width: 1.5rem; font-size: .32rem; line-height: .5rem; text-align: center; color: #982727; background-color: #fff5ef;}
.hi-f{position: absolute; top: -.99rem; left: 50%; margin-left: -3rem; width: 6rem; height: .99rem;}
.fi-f{position: absolute; bottom: -1.64rem; left: 50%; margin-left: -3rem; width: 6rem; height: 1.64rem;}

.bgangle{position: fixed; z-index: 8; width: .8rem; height: .8rem;}
.bglogo{position: relative; top: .45rem; left: 1.08rem; z-index: 6; width: 2.41rem; height: .53rem;}
/* .heng{-webkit-transition: opacity 1s 1s, z-index .5s 2s; transition: opacity 1s 1s, z-index .5s 2s;}
@media screen and (orientation: landscape) {   
  .heng{visibility: visible; opacity: 0; z-index: -1;}
}
@media screen and (orientation:portrait) {
  .heng{visibility: hidden;}
} */