body,dl,dd,h1,h2,h3,h4,h5,h6,form,p{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
ul,ol,input{margin: 0;padding: 0;list-style:none;}
img{border:0;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
i,em{font-style: normal;}
body{background-color: #000;color: #000;font: 16px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial,sans-serif,Verdana,Tahoma,Helvetica;}
a{text-decoration: none;}
html,body, .index-main{
  height: 100%;
}
.btn-music::after,
.logo,
.login-box a,
.dialog-box .btn-close,
.swiper-button-prev,
.swiper-button-next,
.goto a,
.videos-li i,
.swiper-pagination-bullet-active,
.buttons a,
.before .card-time::after,
.swiper-wrap .part4 .btn,
.book-dialog .checked,
.reached::after,
.i-pkg{
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-size: 10.72rem 10rem;
}

/* header */
.btn-music{
  position: fixed;
  top: 0.2rem;
  left: 0.2rem;
  z-index: 1000;
  width: 0.8rem;
  height: 0.8rem;
  background: rgba(0,0,0,.5);
  border-radius: 50%;
  text-align: center;
  line-height: .8rem;
}
.btn-music::after{
  position: absolute;
  left: .18rem;
  top: .21rem;
  width: 0.44rem;
  height: 0.38rem;
  background-position: -7.93rem -.41rem;
  content: '';
}
.btn-music.on::after{
  background-position: -7.93rem 0;
}
.logo{
  position: absolute;
  left: 4.4rem;
  top: 0.2rem;
  z-index: 1001;
  width: 2rem;
  height: 0.9rem;
  background-position: -5.9rem 0;
}
.login-box{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
}
.login-box a{
  display: block;
  height: 1.03rem;
  opacity: 0;
  transition: opacity 1s;
}
.login-box.active a{
  opacity: 1;
}
.login-box .btn-login{
  width: 2.45rem;
  margin-top: 0.04rem;
}
.login-box .btn-logout{
  width: 3.24rem;
  height: .92rem;
  margin-top: 0.19rem;
}
.tel{
  position: absolute;
  left: 0.6rem;
  top: .38rem;
  z-index: 1007;
  width: 2.06rem;
  height: 0.58rem;
  font-size: .3rem;
  text-align: center;
  line-height: 0.58rem;
}
.btn-logout span{
  position: absolute;
  width: 0.6rem;
  height: 0.62rem;
  right: 0; 
  top: .38rem;
  z-index: 1002;
}
.login1 .btn-login{
  background-position: 0 0;
}
.login1 .btn-logout{
  background-position: -2.56rem 0;
}
.login2 .btn-login{
  background-position: 0 -1.06rem;
}
.login2 .btn-logout{
  background-position: -2.56rem -.96rem;
}
.login6 .btn-login{
  background-position: 0 -2.13rem;
}
.login6 .btn-logout{
  background-position: -2.56rem -1.92rem;
}
.login6 .tel,.login3 .tel{
  color: #fff;
}
.login7 .btn-login{
  background-position: 0 -3.19rem;
}
.login7 .btn-logout{
  background-position: -2.56rem -2.89rem;
}
.login3 .btn-login{
  background-position: 0 -4.24rem;
}
.login3 .btn-logout{
  background-position: -2.56rem -3.85rem;
}
.login4 .btn-login{
  background-position: 0 -5.31rem;
}
.login4 .btn-logout{
  background-position: -2.56rem -4.79rem;
}
.login5 .btn-login{
  background-position: 0 -6.37rem;
}
.login5 .btn-logout{
  background-position: -2.56rem -5.75rem;
}
.login8 .btn-login{
  background-position: 0 -7.49rem;
}
.login8 .btn-logout{
  background-position: -2.56rem -6.75rem;
}

/* bg */
.index-main{
  padding-top: 3.2rem;
  padding-bottom: 3.7rem;
  box-sizing: border-box;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  transition: background 1s;
  overflow: hidden;
}
.main1{
  background-color: #211111;
  background-image: url(../images/bg1.jpg);
}
.main2{
  background-color: #002c47;
  background-image: url(../images/bg2.jpg);
}
.main6{
  background-color: #26000d;
  background-image: url(../images/bg3.jpg);
}
.main7{
  background-color: #0cb191;
  background-image: url(../images/bg4.jpg);
}
.main3{
  background-color: #2f181e;
  background-image: url(../images/bg5.jpg);
}
.main4{
  background-color: #532c5b;
  background-image: url(../images/bg6.jpg);
}
.main5{
  background-color: #7d343d;
  background-image: url(../images/bg7.jpg);
}
.main8{
  background-color: #4457b3;
  background-image: url(../images/bg8.jpg);
}

/* slide */
.flex{
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.swiper-box{
  height: 100%;
  margin-top: .05rem;
}
.swiper-wrap {
  width: 8.14rem;
  height: 12.48rem;
  overflow: unset;
}
.swiper-wrap .swiper-slide{
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  opacity: .7;
}
.swiper-wrap .swiper-slide-active{
  z-index: 10;
  opacity: 1;
}
.main-title{
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 100%;
  height: 2.8rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.main-title.title1{
  background-image: url('../images/main_tit_01.png');
}
.main-title.title2{
  background-image: url('../images/main_tit_02.png');
}
.main-title.title6{
  background-image: url('../images/main_tit_03.png');
}
.main-title.title7{
  background-image: url('../images/main_tit_04.png');
}
.main-title.title3{
  background-image: url('../images/main_tit_05.png');
}
.main-title.title4{
  background-image: url('../images/main_tit_06.png');
}
.main-title.title5{
  background-image: url('../images/main_tit_07.png');
}
.main-title.title8{
  background-image: url('../images/main_tit_08.png');
}
.swiper-wrap .part1{
  background-image: url(../images/slide_img_1.png);
}
.swiper-wrap .photo-img{
  position: absolute;
  left: -.84rem;
  top: -.18rem;
  z-index: 1;
  width: 10.29rem;
  height: 10.76rem;
  background-image: url(../images/slide_img_role_1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.part1 .btn-entry{
  position: relative;
  z-index: 5;
  display: block ;
  width: 3.65rem;
  height: 1.13rem;
  margin-left: 3.81rem;
  margin-top: 9.03rem;
}
.swiper-wrap .part2{
  background-image: url(../images/slide_img_2.png);
}
.swiper-wrap .part3.before{
  background-image: url(../images/slide_img_3_before.png);
}
.swiper-wrap .part3.after{
  background-image: url(../images/slide_img_3_after.png);
}
.part3 .btn-entry{
  display: block ;
  width: 3.36rem;
  height: .98rem;
  margin-left: 2.24rem;
  margin-top: 7.1rem;
}
.part3 .prize-list{
  padding-top: .3rem;
  text-align: center;
}
.part3 .prize-list li{
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: .32rem;
  margin-right: 0.32rem;
}
.part3 .act-time{
  color: #41171b;
  font-size: .25rem;
  font-weight: bold;
  text-align: center;
}
.swiper-wrap .part4 .before{
  width: 6.75rem;
  height: 2.73rem;
  margin-left: .9rem;
  margin-top: 7.69rem;
}
.swiper-wrap .part4.before{
  background-image: url(../images/slide_img_4_before.png);
}
.swiper-wrap .part4.after{
  background-image: url(../images/slide_img_4_after.png);
}
.swiper-wrap .part4 .btn{
  display: block;
  width: 4.69rem;
  height: 1.72rem;
  margin-left: 2.39rem;
  margin-top: 8.57rem;
  background-position: -5.9rem -6.29rem;
}
.swiper-wrap .part5.before{
  background-image: url(../images/slide_img_5_before.png);
}
.swiper-wrap .part5.after{
  background-image: url(../images/slide_img_5_after.png);
}
.part5 .btn-clock,
.part5 .btn-play,
.part5 .btn-more{
  position: absolute;
}
.part5 .btn-play{
  left: 3.54rem;
  top: 6.56rem;
  z-index: 1;
  width: 1.05rem;
  height: 1.05rem;
}
.part5 .btn-clock{
  right: .29rem;
  top: .25rem;
  z-index: 1;
  width: 2.8rem;
  height: 1.06rem;
  background: url(../images/btn_clock.png) no-repeat;
  background-size: 100% 100%;
}
.part5 .btn-more{
  right: 1rem;
  bottom: 2.3rem;
  z-index: 2;
  width: 3.1rem;
  height: 1.1rem;
}
.swiper-wrap .part6.before{
  background-image: url(../images/slide_img_6_before.png);
}
.swiper-wrap .part6.after{
  background-image: url(../images/slide_img_6_after.png);
}
.swiper-wrap .part7.before{
  background-image: url(../images/slide_img_7_before.png);
}
.swiper-wrap .part7.after{
  background-image: url(../images/slide_img_7_after.png);
}
.swiper-wrap .part8.before{
  background-image: url(../images/slide_img_8_before.png);
}
.swiper-wrap .part8.after{
  background-image: url(../images/slide_img_8_after.png);
}
.part7 .btn-enter{
  display: block;
  width: 2.8rem;
  height: 0.9rem;
  margin-left: 2.64rem;
  margin-top: 9.11rem;
}
.part7 .time{
  display: block;
  width: 3.1rem;
  height: 0.46rem;
  margin-left: 2.62rem;
  margin-top: 9.7rem;
  background-color: #c19383;
  line-height: .46rem;
  text-align: center;
  color: #281d1d;
  font-size: .3rem;
  font-weight: bold;
}

.part8 .btn-enter{
  display: block;
  width: 3.61rem;
  height: 1.12rem;
  margin-left: 3.83rem;
  margin-top: 9.03rem;
}
.swiper-button-prev,
.swiper-button-next{
  position: absolute;
  width: .8rem;
  height: 0.93rem;
}
.swiper-button-prev{
  background-position: -5.9rem -2.05rem;
}
.swiper-button-next{
  background-position: -6.77rem -2.05rem;
}
.pagination{
  text-align: center;
  line-height: 0;
}
.swiper-pagination-bullet{
  width: 0.2rem;
  height: 0.2rem;
  margin-left: .1rem;
  margin-right: .1rem;
  background-color: #fff;
  opacity: .5;
}
.swiper-pagination-bullet-active{
  width: 0.27rem;
  height: 0.27rem;
  background-color: transparent;
  background-position: -9.49rem 0;
  vertical-align: -.05rem;
  opacity: 1;
}

/* videos */
.videos-li{
  text-align: center;
}
.videos-li .active{
  border-bottom: .06rem solid #14aff3;
}
.videos-li i{
  display: inline-block;
  margin-right: .15rem;
}
.videos-li .i1{
  width: 0.18rem;
  height: 0.31rem;
  background-position: -8.44rem 0;
}
.videos-li .i2{
  width: 0.31rem;
  height: 0.31rem;
  background-position: -8.73rem 0;
}
.videos-li .i3{
  width: 0.27rem;
  height: 0.31rem;
  background-position: -9.17rem 0;
}
.videos-li li{
  display: inline-block;
  height: .82rem;
  padding-top: .42rem;
  margin-left: .2rem;
  margin-right: .2rem;
  color: #0e567b;
  font-size: .36rem;
  font-weight: bold;
}
.videos-list .img{
  width: 6.4rem;
  height: 4.4rem;
  margin: .55rem auto 0;
}
.videos-list .img img{
  width: 100%;
}
.videos-list .tit{
  padding-top: .4rem;
  font-size: .35rem;
  font-weight: bold;
  text-align: center;
}
.videos-list .before .desc{
  padding-top: .2rem;
}
.video-box{
  width: 6.4rem;
  height: 3.6rem;
  margin: .44rem auto 0;
  background-color: #000;
}
.desc{
  padding-top: 0.24rem;
  line-height: .52rem;
  font-size: .3rem;
  text-align: center;
}
.goto{
  text-align: center;
  line-height: 0;
}
.goto a{
  display: inline-block;
  width: 3.12rem;
  height: 1.05rem;
  margin-top: .7rem;
  margin-left: .1rem;
  margin-right: .1rem;
}
.goto .goto1{
  background-position: -5.9rem -.94rem;
}
.goto .goto2{
  margin-top: .2rem;
  background-position: -5.9rem -3.05rem;
}
.goto .goto3{
  width: 3.06rem;
  height: 0.94rem;
  margin-top: .12rem;
  background-position: -5.9rem -4.18rem;
}
.goto .goto4{
  width: 3.13rem;
  height: 1.04rem;
  margin-top: .12rem;
  background-position: -5.9rem -5.18rem;
}
.li-player .goto2{
  margin-top: .6rem;
}
.li-special .goto a{
  margin-top: .3rem;
}
.buttons{
  margin-top: 0.6rem;
  text-align: center;
  line-height: 0;
}
.buttons a{
  display: inline-block;
  width: 0.54rem;
  height: 0.54rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons .qq{
  background-position: -7.68rem -2.13rem;
}
.buttons .wangyi{
  background-position: -8.32rem -2.13rem;
}
.buttons .bili{
  width: 0.57rem;
  background-position: -8.96rem -2.13rem;
}
.tips-txt{
  padding-top: .1rem;
  font-size: .24rem;
  text-align: center;
}
.li-music .after .buttons{
  margin-top: .25rem;
}
.li-music .tit{
  padding-top: .2rem;
}
.li-music .desc{
  padding-top: .1rem;
}
.li-player .tit{
  padding-top: .6rem;
}
.li-player .desc{
  padding-top: .18rem;
}
.prize{
  margin-top: .4rem;
  color: #118fcf;
  font-size: .3rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 .1rem #fff, 0 0 .1rem #fff, 0 0 .1rem #fff, 0 0 .1rem #fff;
}

/* menu */
.menu-box{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1003;
  width: 100%;
  height: 2.23rem;
  padding-top: .9rem;
}
.menu-bg{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1004;
  width: 100%;
  height: 2.43rem;
}
.menu1 .menu-bg{
  background-color: #814f3a;
}
.menu2 .menu-bg{
  background-color: #1160a7;
}
.menu6 .menu-bg{
  background-color: #9e1441;
}
.menu7 .menu-bg{
  background-color: #003029;
}
.menu3 .menu-bg{
  background-color: #632638;
}
.menu4 .menu-bg{
  background-color: #673b6b;
}
.menu5 .menu-bg{
  background-color: #3c2010;
}
.menu8 .menu-bg{
  background-color: #4a3ca6;
}
.menu-list{
  z-index: 1005;
  width: auto;
}
.menu-list .swiper-slide{
  float: left;
  width: 2.13rem;
  height: 2.23rem;
  margin-left: .1rem;
  margin-right: .1rem;
  background: url(../images/menu_list.png) no-repeat;
  background-size: 8.18rem 18.97rem;
}
.menu-list .m0{
  background-position: 0 -13.76rem;
}
.menu-list .m1{
  background-position: 0 -11.45rem;
}
.menu-list .m2{
  background-position: 0 -2.3rem;
}
.menu-list .m3{
  background-position: 0 -4.58rem;
}
.menu-list .m4{
  background-position: 0 -6.86rem;
}
.menu-list .m5{
  background-position: 0 -9.13rem;
}
.menu-list .m6{
  background-position: 0 0;
}
.menu-list .m7{
  background-position: 0 -16.08rem;
}
.menu-list .active-nav{
  width: 2.9rem;
  height: 3.13rem;
  margin-top: -.9rem;
  margin-left: 0;
  margin-right: 0;
}
.menu-list .active-nav .time{
  display: none;
}
.menu-list .time{
  opacity: .6;
}
.menu-list .m0.active-nav{
  background-position: -5.07rem -6.46rem;
}
.menu-list .m1.active-nav{
  background-position: -2.2rem 0;
}
.menu-list .m2.active-nav{
  background-position: -2.2rem -3.2rem;
}
.menu-list .m3.active-nav{
  background-position: -2.2rem -6.47rem;
}
.menu-list .m4.active-nav{
  background-position: -5.15rem 0;
}
.menu-list .m5.active-nav{
  background-position: -5.15rem -3.2rem;
}
.menu-list .m6.active-nav{
  background-position: -2.2rem -9.75rem;
}
.menu-list .m7.active-nav{
  background-position: -5.15rem -9.75rem;
}
.menu-list .time{
  height: .51rem;
  padding-top: 1.72rem;
  font-size: .26rem;
  line-height: .51rem;
  text-align: center;
}

.card-time{
  position: absolute;
  right: 0.48rem;
  top: .28rem;
  z-index: 10;
  color: #fff;
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
}
.before .card-time::after{
  position: absolute;
  top: .48rem;
  right: 0;
  z-index: 10;
  width: 0.12rem;
  height: 0.49rem;
  background-position: -9.62rem -2.13rem;
  content: '';
}
.before .card-time p{
  margin-bottom: .3rem;
}

/* dialog */
.dialog-box{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1009;
  background: rgba(0,0,0,.8);
}
.dialog-box .inner{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1010;
  width: 5.74rem;
  margin-left: -2.87rem;
  font-size: .3rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.alert-dialog .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  /* margin-left: -1.757rem; */
  margin-top: -2rem;
  background: url(../images/alertbg.png)  no-repeat;
  /* background-size: 3.986rem 4.389rem; */
  /* height: 4.389rem;
  width: 3.986rem; */
  background-size: 5.74rem 6.32rem;
  height: 6.32rem;
  width: 5.74rem;
  margin-left: -2.88rem;

}
.alert-dialog .prize-name {
  text-align: center;
  width: 5.2rem;
  height: 1.62rem;
  margin-top: 4.3rem;
  margin-left: 0.26rem;
  color: #000;
  font-size: 0.2rem;
  line-height: 0.46rem;
  font-weight: normal;
}
.alert-dialog .prize-name span {
  font-weight: bold;
}
.login-dialog .inner{
  height: 7.84rem;
  margin-top: -3.92rem;
  background-image: url(../images/popup_bg_01.png);
}
.dialog-box .btn-close{
  position: absolute;
  right: -.14rem;
  top: -0.16rem;
  z-index: 1001;
  width: 0.5rem;
  height: 0.55rem;
  background-position: -8.44rem -.37rem;
}
.dialog-box .hd{
  height: 2.85rem;
  text-indent: -9999rem;
}
.dialog-box .bd{
  position: relative;
  width: 4.8rem;
  margin-left: .46rem;
}
.dialog-box .tips{
  position: absolute;
  bottom: .7rem;
  z-index: 1;
  width: 100%;
  color: #f00;
  text-align: center;
}
.dialog-box .input-box,
.dialog-box .select-box{
  position: relative;
  width: 4.8rem;
}
.dialog-box .input-txt{
  width: 4.8rem;
  height: .68rem;
  margin-bottom: .3rem;
  padding: .1rem .15rem;
  border: .01rem solid #000;
  border-radius: .04rem;
  background: #fff;
  box-sizing: border-box;
  outline: none;
  color: #000;
  font-size: .3rem;
  line-height: 0.48rem;
}
input::-webkit-input-placeholder{
  color:#8d8d8d;
}
input::-moz-placeholder{
  color:#8d8d8d;
}
input:-moz-placeholder{
  color:#8d8d8d;
}
input:-ms-input-placeholder{
  color:#8d8d8d;
}
.dialog-box .btn{
  display: block;
  margin-top: 0;
  width: 4.8rem;
  height: 0.7rem;
  background-color: #775036;
  background: linear-gradient(180deg, #88614d, #603816);
  border-radius: .05rem;
  box-sizing: border-box;
  border: none;
  outline: none;
  line-height: .7rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  font-weight: bold;
}

/* login */
.login-dialog .btn-input,
.login-dialog .btn-input2{
  position: absolute;
  right: .2rem;
  top: 1.02rem;
  color: #000;
  text-decoration: underline;
}
.login-dialog .btn-input2{
  margin-left: .4rem;
  text-decoration: none;
}

/* bind-dialog */
.bind-dialog .inner{
  height: 10.42rem;
  margin-top: -5.21rem;
  background-image: url(../images/popup_bg_02.png);
}
.i-drop{
  position: absolute;
  top: 0.27rem;
  right: 0.38rem;
  z-index: 1;
  border-width: 0 .1rem .14rem .1rem;
  border-color: transparent transparent #6a4224  transparent;
  border-style: dashed dashed solid dashed;
}
.select-list{
  position: absolute;
  top: .68rem;
  left: 0;
  z-index: 10;
  width: 4.74rem;
  height: 4.5rem;
  padding-top: .2rem;
  border: .01rem solid #000;
  border-top: .01rem solid #8d8d8d;
  border-bottom-left-radius: .04rem;
  border-bottom-right-radius: .04rem;
  background-color: #fff;
  overflow: scroll;
}
.select-list li{
  height: 0.7rem;
  padding-left: .2rem;
  box-sizing: border-box;
  font-size: .3rem;
  line-height: .7rem;
}

.prize-tips img{
  width: 1.2rem;
  height: 1.2rem;
}
.prize-tips .btn-close,
.redeem-dialog .btn-close,
.wechat-dialog .btn-close{
  background-position: -9.82rem 0;
}
.redeem-dialog .inner,
.wechat-dialog .inner{
  width: 5.4rem;
  height: 5.4rem;
  margin-left: -2.7rem;
  margin-top: -2.7rem;
  background-image: url(../images/redeem_suc.png);
  background-repeat: repeat-y;
  background-position: center 0;
  color: #fff;
  text-align: center;
}
.wechat-dialog .inner{
  width: 6.8rem;
  height: 6.8rem;
  margin-left: -3.4rem;
  margin-top: -3.4rem;
}
.prize-img{
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.8rem auto .35rem;
}
.prize-img img{
  width: 100%;
}
.prize-name{
  margin-bottom: .26rem;
  font-size: .4rem;
  font-weight: bold;
}
.redeem-dialog .text p,
.wechat-dialog .text p{
  font-size: .24rem;
}
.wechat-img{
  width: 6rem;
  margin: .4rem auto;
}
.wechat-img img{
  width: 100%;
}
.prize-tips .inner{
  width: 3.4rem;
  height: 2.4rem;
  margin-left: -1.6rem;
  margin-top: -1.2rem;
  background-image: url(../images/prize_tip_dialog.png);
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .3rem;
}
.prize-tips .prize-img{
  margin-top: .32rem;
  margin-bottom: .1rem;
}
.prize-tips .prize-name{
  font-size: .28rem;
}

.btn-tap{
  position: fixed;
  bottom: 2.6rem;
  right: 0;
  z-index: 1006;
  width: 1.55rem;
  height: 1rem;
  background-image: url(../images/taptap.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.55rem 1rem;
}

/* 预定节目 */
.book-dialog .inner,
.book-success .inner{
  width: 5.88rem;
  height: 5.37rem;
  margin-left: -2.94rem;
  margin-top: -2.68rem;
}

.book-dialog .btn-close,
.book-success .btn-close{
  top: 0;
}
.book-dialog1 .inner{
  background-image: url(../images/book_tv_bg.png);
}
.book-success1 .inner{
  background-image: url(../images/book_tv_suc.png);
}
.book-dialog2 .inner{
  background-image: url(../images/book_tv_bg2.png);
}
.book-success2 .inner{
  background-image: url(../images/book_tv_suc2.png);
}
.book-dialog .btn-check{
  position: absolute;
  top: 3.19rem;
  left: 0.4rem;
  z-index: 10;
  width: .28rem;
  height: .28rem;
}
.book-dialog1 .checked{
  background-position: -8.97rem -.4rem;
}
.book-dialog2 .checked{
  background-position: -9.31rem -.4rem;
}

.btn-box{
  display: flex;
  justify-content: space-between;
  width: 4.8rem;
  margin: 4.23rem auto 0;
}
.book-dialog .btn2{
  display: block;
  width: 2.2rem;
  height: 0.7rem;
  text-indent: -999rem;
}
.book-success .btn3{
  display: block;
  width: 4.8rem;
  height: 0.7rem;
  text-indent: -999rem;
}

/* 红武 */
.left{
  float: left;
}
.prizes-box{
  width: 6.9rem;
  height: 1.80rem;
  margin: .88rem auto 0;
}
.prizes-box .scores{
  width: .96rem;
  margin-top: .77rem;
  font-size: .54rem;
  font-weight: bold;
  text-align: right;
  letter-spacing: -.01rem;
}
.reach-box{
  margin-left: .84rem;
}
.part6 .prize-list{
  height: 0.84rem;
  margin-top: .37rem;
  margin-left: .2rem;
}
.part6 .prize-list li{
  position: relative;
  float: left;
  width: .72rem;
  height: .72rem;
  margin-left: .18rem;
}
.part6 .prize-list .p5{
  width: .92rem;
  height: .92rem;
  margin-top: -.21rem;
}
.reached::after{
  position: absolute;
  left: -0.05rem;
  top: -0.05rem;
  z-index: 1;
  width: 0.8rem;
  height: 0.8rem;
  background-position: -9.17rem -3.11rem;
  content: '';
}
.reached.p5::after{
  width: 1rem;
  height: 1rem;
  background-position: -9.17rem -3.97rem;
}
.reached .i-done{
  display: none;
}
.redeemed{
  background: rgba(48, 23, 64, .7);
  border-radius: .1rem;
}
.i-done{
  display: none;
  position: absolute;
  left: .06rem;
  top: .06rem;
  z-index: 2;
  width: .6rem;
  height: .6rem;
  background-image: url(../images/i_done.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.p5 .i-done{
  display: none;
  width: .8rem;
  height: .8rem;
}
.redeemed .i-done{
  display: block;
}
.reach-bar{
  position: relative;
  width: 4.34rem;
  margin-left: -.05rem;
}
.reach-bar .bar{
  height: 0.04rem;
  background-color: #301740;
}
.dotted{
  position: absolute;
  left: 0;
  top: -.06rem;
  width: 4.6rem;
}
.dotted li{
  float: left;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: .71rem;
  border-radius: 50%;
  background-color: #301740;
}
.dotted li:nth-child(2){
  margin-left: .76rem;
}
.dotted li:nth-child(3){
  margin-left: .74rem;
}
.dotted li:nth-child(4){
  margin-left: .74rem;
}
.dotted li:nth-child(5){
  margin-left: .85rem;
}
.task-list{
  margin-left: .79rem;
  margin-top: .3rem;
}
.task-list li{
  height: 1.2rem;
  margin-bottom: .1rem;
}
.task-list .flex{
  width: 3.95rem;
  justify-content: space-between;
  padding-top: .36rem;
  font-size: .3rem;
}
.task-list .title{
  flex: 1;
  font-size: .28rem;
  letter-spacing: -.02rem;
}
.task-list .task{
  font-weight: bold;
}
.status{
  width: 1.4rem;
  margin-left: 1.15rem;
  color: #fff;
  font-weight: bold;
}
.done .i-done{
  position: static;
  display: block;
  width: 0.43rem;
  height: 0.43rem;
  margin-left: -.05rem;
}
.task-list .status .flex{
  width: 1.5rem;
}
.task-list .status .undo,
.task-list .status .collect{
  width: 1.4rem;
  height: 0.56rem;
  margin-top: .32rem;
  padding-top: 0;
  background-color: #fff;
  color: #000;
  font-weight: normal;
  text-align: center;
  line-height: .56rem;
  border-radius: .08rem;
  justify-content: center;
}
.task-list .status .collect{
  color: #fff;
  background-color: #38224c;
}
.i-right{
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .13rem;
  border-width: .08rem 0 .08rem .14rem;
  border-style: dotted dotted dotted solid;
  border-color: transparent transparent transparent #ff9469;
  vertical-align: .05rem;
}
.task-list .bar{
  width: 3.9rem;
  height: 0.04rem;
  padding: .02rem;
  background-color: #fff;
}
.task-list .growth{
  width: 3.9rem;
  height: .04rem;
  background-color: #301740;
}
.task-list .done{
  width: 1.6rem;
  margin-top: .35rem;
  font-size: .3rem;
}
.task-list .done .i-done{
  margin-top: .07rem;
  margin-right: .03rem;
}
.task-list .i-pkg{
  display: inline-block;
  width: 0.22rem;
  height: 0.21rem;
  margin-left: .1rem;
  background-position: -10.01rem -3.11rem;
  vertical-align: .04rem;
}
/* 恶魔赌局弹窗 */
.h5-tips .inner{
  width: 5.74rem;
  height: 6.32rem;
  margin-left: -2.87rem;
  margin-top: -3.16rem;
  background-image: url(../images/slide_7_popup.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 100%;
}
.h5-prize{
  position: absolute;
  left: .69rem;
  top: 5.25rem;
  z-index: 1;
  width: 6.75rem;
  height: 1.1rem;
}

/* 角色绑定确认弹窗 */
.login-txt-tip{
  margin-top: -.2rem;
  margin-bottom: .1rem;
  font-size: .20rem;
  line-height: 1.2;
}
.sureBind-dialog .inner{
  width: 5.88rem;
  height: 5.37rem;
  margin-left: -2.94rem;
  margin-top: -2.68rem;
}
.sureBind-dialog .btn-close{
  top: -.15rem;
}
.sureBind-dialog .btn-box a{
  width: 2.2rem;
  height: 0.75rem;
  text-indent: -9999rem;
}
.sureBind-dialog .btn-check{
  display: inline-block;
  width: .28rem;
  height: .28rem;
  border-radius: 50%;
  border: 0.02rem solid #cb3155;
  vertical-align: -.05rem;
}
.sureBind-dialog .inner{
  background-image: url(../images/check_rolename.png);
}
.sureBind-dialog .checked .btn-check{
  background-image: url(../images/i_check.png);
  background-size: 100% 100%;
}
.sureBind-dialog .btn-box{
  margin-top: 0.33rem;
}
.login-dialog .tips{
  bottom: -.5rem;
}
.sure-bind-role{
  padding: 1.6rem .4rem 0;
  height: 1.6rem;
}
.sure-bind-role span{
  color: #f00;
}
.sureBind-dialog .sure-check{
  height: .5rem;
  padding-top: .1rem;
  margin-left: .7rem;
}