.of{overflow: hidden; clear: both;}
.inner-title{padding-top: 1.2rem; height: 1rem; background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/top-bg.jpg) #242220 no-repeat; background-size: 100% auto;}
.title-logo{ width: 3.5rem; height: 1rem; background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/inner-spr.png) 0 0.35rem no-repeat; background-size: 3rem auto; float: left; margin-left: .25rem; }
.inner-toBack{ display: block; width: 1rem; height: .5rem; line-height: .5rem; margin: .25rem; color: #fff; float: right;font-size: .32rem; text-align: right;}
.notice{font-size: .35rem;font-weight: 700;color: #ff3305;text-align: center;margin-top: .4rem;line-height: .45rem;}
.inner-time{font-size: .28rem;color: #9c9b9b;text-align: center;padding-bottom: .4rem;border-bottom: 1px solid #e9e9e9;margin-bottom: .3rem;width: 90%;margin: .15rem auto .3rem;}
.detail-text{width: 90%; margin: 0 auto; text-indent: 2em; margin-bottom: .6rem;}
.detail-text img{ max-width: 100%; margin: .15rem 0; }

/*list*/
.list-tab{display: none;}
.list-tab.on{display: block;}
.box-nav{
    border-bottom: .02rem solid #ed8028;
}
.box-nav a.nav-btn{
    display: block;
    width: 20%;
    float: left;
    height: .8rem;
    border-right: none;
    font-size: .3rem;
    text-align: center;
    line-height: .8rem;
    color: #000;
}
.box-nav a.nav-btn.on{
    font-weight: 700;
    border-bottom: 3px solid #ed8028;
    color: #ed8028;
}
.item{
    width: 90%;
    border-bottom: 1px solid #eee;
    background-position: 50% -100%;
    margin: .3rem auto;
}
.item-list{
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.category{
    display: block;
    width: .85rem;
    height: .4rem;
    background-color: #ed8028;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: .4rem;
    font-size: .28rem;
    border-radius: .15rem;
}
.p-tit{
    margin-left: 1rem;
    color: #2f2b28;
    font-size: .3rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.box-dec{
    color: #2f2b28;
    width: 100%;
}
.p-mess{
    width: 99%;
    margin: .15rem auto .1rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.span-time{display: block;color: #909090;margin-bottom: .1rem;}
.box-console{
    width: 3.5rem;
    margin: .5rem auto;
    position: relative;
    height: 1rem;
}
.list-btn-prev,.list-btn-next{
    display: block;
    width: 1rem;
    height: 1rem;
    float: left;
    background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/inner-spr.png) no-repeat;
    background-size: 3rem auto;
    background-position: -.2rem -2.3rem;
}
.list-btn-next{
    float: right;
    background-position: -1.76rem -2.3rem;
}
.box-page{
    width: 1.5rem;
    font-size: .4rem;
    float: left;
    color: #d97525;    
    text-align: center;
    position: absolute;
    top: .35rem;
    left: 50%;
    margin-left: -.75rem;
}
.title-logo2{background-position:0 -0.78rem; margin-left: .4rem; }
.box-nav2 a.nav-btn{
    width: 50%;
}
.box-nav2 a.nav-btn.on{
    color: #ed8028;
    background:none;
    border-bottom: .1rem solid #ed8028;
}
.item-video{
    width: 90%;
    margin: .4rem auto 0;
    display: none;
}
.item-video.on{
    display: block;
}
.list-video  li{
    width: 47%;
    float: left;
    margin: .1rem;
    position: relative;
}
.list-video li .pic-box{
    display: block;
    width: 98%;
    height: 1.5rem;
    border: 2px solid #ccc;
    position: relative;
    overflow: hidden;
}
.list-video li .pic-box img{
    display: block;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%);
    border: 0;
}
.list-video li img{
    width: 98%;
    height: 1.5rem;
    border: 2px solid #ccc;
}
.list-video li p{
    color: #21222a;
    font-size: .28rem;
    margin-top: .05rem;
    line-height: .3rem;
    height: .6rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list-video li span.video-mask{
    display: block;
    width: 98%;
    height: 1.46rem;
    position: absolute;
    top: .05rem;
    left: .04rem;
    background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/inner-spr.png) no-repeat;
    background-size: 3rem;
    background-position: 1.1rem -3.85rem;
}
/*integral*/
.integral-main{
    width: 100%;
    background: url(//game.gtimg.cn/images/seiya/m/m201803/inner/integral-bg.jpg) center bottom no-repeat;
    background-size: 100% auto;
    background-color: #f0f0f0;
    overflow: hidden;
}
.title-logo3{width: 4.5rem;height: 1rem;background: url(//game.gtimg.cn/images/seiya/m/m201803/inner/integral-title.png) 0 0.35rem no-repeat;background-size: 4rem auto;float: left;margin-left: .25rem;}
.h-login{height: .5rem;margin-top: .4rem;text-align: right;margin-right: .25rem;}
.h-login a{color: #1a1201;display:inline-block;font-size: .3rem;font-weight: 700;}
.h-login p{display: none;}
.h-login p.on{display: block;}
.intetral-main{width: 100%;  background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/integral-bg.jpg) no-repeat; background-position: center top;overflow: hidden;}
a.btn-see{display: block;width: 4rem;height: 1.2rem;line-height: 1.2rem;margin: .2rem auto .5rem;font-size: .4rem;font-weight: 700;background-color: #fe7900;border-radius: .2rem;color: #fff;text-align: center;}a.btn-see{display: block;width: 3rem;height: .8rem;line-height: .8rem;margin: .2rem auto .5rem;font-size: .35rem;font-weight: 700;background-color: #fe9433;border-radius: .2rem;color: #fff;text-align: center;}
.gift-img{
    display: block;
    margin: 0 auto .5rem;
    width: 80%;
}
.rule{
    width: 90%;
    margin: 1rem auto .4rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #000;
}
.rule p{position: relative;}
.rule p.rule-title{margin-bottom: .1rem;padding-left: 0;font-weight: 700;font-size: .28rem;}
.rule span{display: block;float: left;width: .35rem;}

.box-integral{
    width: 5.65rem;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}
.clickRefer,.refer-inner,.integral-left,.integral-right,.btn-get{background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/gift-bg.png) no-repeat;background-size: 18rem;}
.integral-left{
    width: 100%;
    height: 5.2rem;
    float: left;
}
.btn-get{
    display: block;
    width: 2.15rem;
    height: .65rem;
    margin: 4.3rem auto 0;
    background-position: -12rem -.08rem;
    text-indent: -9999em;
}
.integral-right{
    width: 100%;
    height: 5.2rem;
    float: left;
    margin: .5rem auto 0;
    background-position: -5.9rem 0rem;
    color: #e8c76d;
}
.refer{display: none; width: 100%; height: 100%;}
.refer.on{display: block;}
.clickRefer{display: block;width: 3rem;height: .9rem;margin: 1.4rem auto .2rem;background-position: -13.4rem -1.25rem;}
.refer-inner{
    height: 2rem;
    background-position: -12.1rem -2.5rem;
}
.integral-right p{
    margin-top: 1rem;
    text-align: center;
    font-size: .3rem;
}
.table{
    width: 5rem;
    margin: .3rem auto .1rem;
    border: 2px solid #d0aa5d;
}
.table th,.table td{text-align: center;border-color: #95815d;height: .56rem;line-height: .56rem;}
.page-box{
    width: 3rem;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}
.page-box .integral-page{
    width: 1rem;
    float: left;
    text-align: center;
}
.integral-prev{display: block;width: 1rem;float: left;text-align: center;color: #e8c76d;}
.integral-next{
    display: block;
    width: 1rem;
    text-align: center;
    float: left;
    color: #e8c76d;
}
.intetral-page{}


/*pop s*/
.pop-cover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 200; visibility: hidden;}
.vplayer{position: fixed; left: 0; top: 50%; display: none; width: 100%; z-index: 201;
  -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.vp-close{position: fixed; right: 0; top: 0; width: .7rem; line-height: .7rem;height: .7rem; text-align: center; font-size: .4rem; color: #fff; background-color: #c9984a; 
  visibility: hidden; z-index: 202;}
.pop {display:none;width: 7rem;height: 6rem;position: fixed !important;top: 1rem !important;margin-top: 0rem !important;margin-left: -3.5rem !important;}
.btn-pop-close{position:absolute;right: 0;top: -0.8rem;width: .7rem;line-height: .7rem;height: .7rem;text-align: center;font-size: .4rem;color: #fff;background-color: #c9984a;z-index: 202;display: block;}
#vpic-con{height: 9rem;width: 100%;overflow-y: auto;}
#vpic-con img{display: block;width: calc(100% - 4px);border: 2px solid #c9984a;}

/*integral*/
.integral-pop{
    width: 6.52rem;
    height: 3.7rem;
    background: url(//game.gtimg.cn/images/seiya/m/m201803/inner/dialog.png) 0 -0.3rem no-repeat;
    position: relative;
    display: none;
    background-size: 12rem;
    margin-left: -3.251rem!important;
}
.login-qq,.login-wx{
    display: block;
    width: 2rem;
    height: 2.5rem;
    position: absolute;
    top: .5rem;
    left: 1rem;
    background: url(//game.gtimg.cn/images/seiya/m/m201803/inner/dialog.png) -7rem -.7rem;
    background-size: 12rem;
}
.login-wx{
    left: auto;
    right: 1rem;
    background-position: -9.7rem -.7rem;
}
.integral-pop .integral-text{line-height: .4rem;font-size: .3rem;}
.integral-pop p{
    text-align: center;
    line-height: .6rem;
    font-size: .35rem;
    margin-top: .2rem;
    color: #e9cd7b;
}
.pop-close{
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(//game.gtimg.cn/images/seiya/m/m201803/inner/dialog.png) -9rem .4rem no-repeat;
    background-size: 18rem;
    position: absolute;
    top: -.8rem;
    right: 0rem;
}

.integral-pop .s0,.integral-pop .s1,.integral-pop .s2,.integral-pop .s3{width: 5rem;height: .4rem;margin: .15rem auto;line-height: .4rem;}
.integral-pop label{display: block;float: left;text-align: right;width: 1.6rem;height: .4rem;line-height: .4rem;color: #e9cd7b;font-size: .3rem;}
.integral-pop select{display: block;float: left;width: 3rem;height: .4rem;line-height: .4rem;border: solid 2px #e8c76d;outline: none;background: #585750;color: #bfbdaf;text-indent: .1rem;}
.integral-pop .pop-ok{display:block;width: 1.8rem;height: .5rem;margin: .1rem auto;background:url(//game.gtimg.cn/images/seiya/m/m201803/inner/btn-ok.png) no-repeat;background-size: 100% auto;}
/*pop e*/