@charset "utf-8";
html, body{ width: 100%; height: 100%;}
body{ position: relative; margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; background:#212933; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
*{ outline: none;}
img{ border: 0;}
ol,ul{list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
::-webkit-scrollbar{ width: 0.1rem; height: 0.06rem; background-color:#c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; }
::-webkit-scrollbar-track{ background-color: #c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;opacity: 0.5;}
::-webkit-scrollbar-thumb{ background-color: #343756; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;}
/* wrap */
.wrap{ position: relative; overflow: hidden; width: 38.4rem;}
/* section-head */
.section-box{ position: relative; overflow: hidden; width: 38.4rem;}
#section-head{ height: 20.56rem; background: url(../images/section-head-bg.jpg) no-repeat; background-size: 100% auto;}
.head_btn{
	width: 9.6rem;
	height: 0.95rem;
	position: absolute;
    top: 0.3rem;
    right: 0.58rem;
}
.head_btn a{
	float: left;
    margin-right: 0.36rem;
}
.myprize_btn{ 
   width: 2.79rem;
   height: 0.95rem;
   background: url(../images/myprize_btn.png) no-repeat;
   background-size: 100% 100%;
}
.rule_btn{
   width: 2.78rem;
   height: 0.95rem;
   background: url(../images/rule_btn.png) no-repeat;
   background-size: 100% 100%;
}
.website_btn{
   width: 2.8rem;
   height: 0.95rem;
   background: url(../images/website_btn.png) no-repeat;
   background-size: 100% 100%;
}
.arrow_btn{
   width: 1.29rem;
   height: 1.09rem;
   background: url(../images/arrow_btn.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 19rem;
   left: 50%;
   margin-left: -0.65rem;
}


/* section-lh */
#section-lh{padding-top: 0.8rem; height: 18.05rem; background: url(../images/section-lh-bg.jpg) no-repeat; background-size: 100% auto;}
.section_title{
   width: 17.95rem;
   height: 3.99rem;
   background: url(../images/section_title.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
}
/*绑定角色按钮*/
.bindStatus {
    /*width: 7.5rem;*/
    padding-left: .2rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .17rem;
    /*background: #dedede;*/
    font-size: 0.5rem;
    color: #d9b57a;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0.38rem;
    right: 7rem;
}
.bindStatus span {
   color: #dedede;
    padding-right: .15rem;
}
.bindStatus button {
    /*width: 4rem;*/
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.5rem;
    background: #d9b57a;
    border-radius: 0.5rem;
    margin-left: auto;
    font-size: 0.5rem;
    color: #2c0d01;
}
.uid button {
   color: #d9b57a;
    margin-left: .15rem;
}
.bindStatus.active button{ background-position: 0 100%;}
/***login****/
.login {
    /*width: 770px;*/
    height: 1.5rem;
    line-height: 1.5rem;
    color: #d9b57a;
    font-size: 0.5rem;
    margin: 0 auto;
    text-align: center;
    z-index: 10
}

.login .before {
    display: none;
}

.login .before a {
    color: #d9b57a;
    cursor: pointer;
}

.login .after {
   position: relative;
   left: -3rem;
   display: block
}

.login .after a {
    color: #d9b57a;
    cursor: pointer
}

.leaveNum_tit{
   width: 5.95rem;
   height: 1.05rem;
   background: url(../images/leaveNum_tit.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
   position: relative;
}
.prizrPollNum{
   display: flex;
   width: 100%;
   height: 1.89rem;
   margin: 0 auto;
   margin-top: 0.25rem;
   position: relative;
}
.ys_dian{
   width: 1.57rem;
   height: 0.57rem;
   background: url(../images/ys_dian.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   bottom: -2rem;
   right: -5.5rem;
}
.prize_box{
   width: 16.71rem;
   height: 4.32rem;
   background: url(../images/prize_box.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
   margin-top: 0.15rem;
}
/* 奖池剩余数 */
.numBox{ margin: 0 auto; display: flex; position: relative;}
.numBox span{ min-width: 1.56rem; height: 1.89rem;}
.n-0{ background: url(../images/pageMilestone/n-0.png) no-repeat 0 0; background-size: 100% auto;}
.n-1{ background: url(../images/pageMilestone/n-1.png) no-repeat 0 0; background-size: 100% auto;}
.n-2{ background: url(../images/pageMilestone/n-2.png) no-repeat 0 0; background-size: 100% auto;}
.n-3{ background: url(../images/pageMilestone/n-3.png) no-repeat 0 0; background-size: 100% auto;}
.n-4{ background: url(../images/pageMilestone/n-4.png) no-repeat 0 0; background-size: 100% auto;}
.n-5{ background: url(../images/pageMilestone/n-5.png) no-repeat 0 0; background-size: 100% auto;}
.n-6{ background: url(../images/pageMilestone/n-6.png) no-repeat 0 0; background-size: 100% auto;}
.n-7{ background: url(../images/pageMilestone/n-7.png) no-repeat 0 0; background-size: 100% auto;}
.n-8{ background: url(../images/pageMilestone/n-8.png) no-repeat 0 0; background-size: 100% auto;}
.n-9{ background: url(../images/pageMilestone/n-9.png) no-repeat 0 0; background-size: 100% auto;}
.numBox .comma{min-width: 0.61rem; height: 1.89rem; background: url(../images/pageMilestone/comma.png) no-repeat 0 0; background-size: 100% auto;}

/*立即抽奖*/
.lottery_box{
   width: 11.68rem;
   height: 1.44rem;
   margin: 0 auto;
   margin-top: 1.2rem; 
}
.lottery_btn{
   float: left;
   width: 5.34rem;
   height: 1.44rem;
   background: url(../images/lottery_btn.png) no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
   position: relative;
}
.lottery_btn p{
   width: 100%;
   position: absolute;
   top: 0.9rem;
   left: 0;
   text-align: center;
   font-size: 0.29rem;
   color: #4c4536;
}
.lottery_btn p span{
   color: #fd0f0b;
}
.prize_btn{
   float: right;
   width: 5.34rem;
   height: 1.44rem;
   background: url(../images/prize_btn.png) no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
}
.info_text{
   width: 28.17rem;
   height: 1.45rem;
   background: url(../images/info_text.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
   margin-top: 0.5rem;
}
/*中奖弹窗*/
.pop_fixed{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    display: none;
}
#pop_success .pop_cont_bg{
   width: 11.25rem;
   height: 10.48rem;
   background: url(../images/lottery_success_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.625rem;
}
.pop_fixed .close_btn{
   width: 1.72rem;
   height: 1.69rem;
   background: url(../images/close_btn.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: -1.2rem;
   right: -0.5rem;
   cursor: pointer;
}
#pop_success .lottery_name{
   width: 100%;
   text-align: center;
   position: absolute;
   top: 3rem;
   left: 0;
   font-size: 0.35rem;
   color: #f5e19d;
}
#pop_success .view_btn{
   width: 100%;
   text-align: center;
   position: absolute;
   top: 4.32rem;
   left: 0;
   font-size: 0.3rem;
   text-decoration: underline;
   color: #f5e19d;
}
#pop_success .lottery_item{
   width: 1.56rem;
   height: 1.56rem;
   background: url(../images/lottery_bg.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 5.04rem;
   left: 50%;
   margin-left: -0.78rem;
   text-align: center;
}
.lotteryAgain_btn{
   width: 4.14rem;
   height: 1.15rem;
   background: url(../images/lotteryAgain_btn.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 7.6rem;
   left: 50%;
   margin-left: -2.07rem;
   cursor: pointer;
}
/*未中奖弹窗*/
#lottery_false_pop .pop_cont_bg{
   width: 11.24rem;
   height: 10.48rem;
   background: url(../images/lottery_false_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.62rem;
}
/*游戏维护弹窗*/
#game_close_pop .pop_cont_bg{
   width: 11.25rem;
   height: 10.48rem;
   background: url(../images/game_close_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.625rem;
}
.qd_btn{
   width: 4.13rem;
   height: 1.15rem;
   background: url(../images/qd_btn.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 7.6rem;
   left: 50%;
   margin-left: -2.07rem;
   cursor: pointer;
}
/*没有抽奖机会弹窗*/
#lottery_no_pop .pop_cont_bg{
   width: 11.25rem;
   height: 10.48rem;
   background: url(../images/lottery_no_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.625rem;
}
/*我的奖励弹窗*/
#myprize_pop .pop_cont_bg{
   width: 11.25rem;
   height: 10.47rem;
   background: url(../images/myprize_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.625rem;
}
#myprize_pop .role_name{
   position: absolute;
   top: 2rem;
   right: 1.5rem;
   font-size: 0.3rem;
   color: #f5e19d;
}
.prizeInfo_box{
   width: 8rem;
   height: 5.8rem;
   position: absolute;
   top: 2.9rem;
   left: 50%;
   margin-left: -4rem;
   overflow-y: scroll;
}
.prizeInfo_box::-webkit-scrollbar{ width: 0.1rem; height: 0.06rem; background-color:#c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; }
.prizeInfo_box::-webkit-scrollbar-track{ background-color: #926f42; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;opacity: 0.5;}
.prizeInfo_box::-webkit-scrollbar-thumb{ background-color: #ffe9a6; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;}
.prizeInfo_name, .prizeInfo_time, .prizeInfo_lq{
   width: 2.8rem;
   float: left;
   margin-right: 0.8rem;
}
.prizeInfo_name p, .prizeInfo_time p, .prizeInfo_lq p{
   text-align: center;
   font-size: 0.4rem;
   color: #f5e19d;
}
.prizeInfo_name ul li, .prizeInfo_time ul li, .prizeInfo_lq ul li{
   margin-top: 0.55rem;
   font-size: 0.28rem;
   text-align: center;
   color: #f5e19d;
}
.prizeInfo_lq ul li{
   text-decoration: underline;
}
/*规则弹窗*/
#rule_pop .pop_cont_bg{
   width: 11.25rem;
   height: 10.48rem;
   background: url(../images/rule_pop.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 30%;
   left: 50%;
   margin-left: -5.625rem;
}
.rule_con::-webkit-scrollbar{ width: 0.1rem; height: 0.06rem; background-color:#c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; }
.rule_con::-webkit-scrollbar-track{ background-color: #926f42; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;opacity: 0.5;}
.rule_con::-webkit-scrollbar-thumb{ background-color: #ffe9a6; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;}
.rule_con{
   width: 8.8rem;
   height: 7rem;
   line-height: 0.5rem;
   padding: 0.13rem 0.2rem 0.13rem 0; 
   overflow-y: scroll;
   position: absolute;
   top: 2.35rem;
   left: 50%;
   margin-left: -4.5rem;
   font-size: 0.35rem;
   color: #f5e19d;
}
/* 绑定角色弹窗 */
/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 10; display: none;}
.popWrap{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 11.25rem; height: 10.48rem; background: url(../images/popWrap.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{ top: -1.2rem; right: -0.5rem; width: 1.72rem; height: 1.69rem; background: url(../images/close_btn.png) no-repeat 0 0; background-size: 100% auto; z-index: 2;}
.popCont{ top: 2.48rem; left: 50%; margin-left: -3.94rem; width: 7.88rem; height: 5.44rem;}
.popTit{ top: .37rem; height: .34rem;}
.submitBtn{ width: 4.13rem; height: 1.55rem; background: url(../images/submitBtn.png) no-repeat 0 0; background-size: 100% auto;}
/* 弹出框：绑定角色 */
.roleList, .roleListNull{ top: 0rem; width: 7.88rem; height: 5.44rem;}
.roleList .submitBtn, .roleListNull .submitBtn{ bottom: -2rem;}
.roleList .cont{padding-right: 0.2rem; height: 5.44rem; overflow-x: hidden; overflow-y: auto;}
.roleList .cont::-webkit-scrollbar{ width: 0.1rem; height: 0.06rem; background-color:#c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; }
.roleList .cont::-webkit-scrollbar-track{ background-color: #926f42; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;opacity: 0.5;}
.roleList .cont::-webkit-scrollbar-thumb{ background-color: #ffe9a6; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;}
.roleList .item{ position: relative; height: 1.2rem; margin-bottom: .23rem; border-radius: .06rem; background: #f2f2f2; display: flex; align-items: center; box-sizing: border-box; padding: 0 .7rem 0 .34rem; cursor: pointer; color: #47281b;}
.roleList dt{ font-weight: bold; font-size: .26rem;}
.roleList dt span{ font-weight: normal; display: inline-block; border-radius: .05rem; border: .01rem solid #695046; font-size: .16rem; margin-left: .09rem; padding: 0 .1rem;}
.roleList dd{ margin-top: .1rem; font-size: .22rem;}
.roleList .item.active::after{ content: ""; position: absolute; top: 50%; right: .3rem; transform: translateY(-50%); width: .48rem; height: .48rem; background: url(../images/roleActive.png) no-repeat 0 0; background-size: 100% auto;}
.roleListNullTip{ top: 1.2rem; width: 5.5rem; text-align: center; font-weight: bold; line-height: .54rem; font-size: .34rem; color: #674d42;}