@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;word-break: normal;}

body{font: .2rem/1 "microsoft yahei";}

.main{position: relative;width: 7.2rem;margin: 0 auto;}

.bg{height: 9.52rem;background-image: url(../images/website/bg_shmj.jpg);background-repeat: no-repeat;background-size: 100% 100%;}

.btn_more_game{position: absolute;z-index: 5;top: 0;right: .1rem;width: 1.42rem;height: 2.23rem;background: url(../images/website/more.png) no-repeat;background-size: 100% 100%;}

.rule_img{display:block;width:7.2rem;}

.btn_open{position: absolute;top: 8.32rem;left: .74rem;width: 5.81rem;height: 1.22rem;background: url(../images/website/btn_open.png) no-repeat;background-size: 100% 100%;}

.btn_recharge,
.btn_download{position: absolute;top: 8.3rem;width: 3.32rem;height: 1.24rem;background-repeat: no-repeat;background-size: 100% 100%;}
.btn_recharge{left: .22rem;background-image: url(../images/website/btn_recharge.png);}
.btn_download{right: .19rem;background-image: url(../images/website/btn_download.png);}

.banner_box{height: 7.16rem;padding-top: .08rem;background-color: #4c073e;}
.banner_box .banner_img{width: 3.72rem;height: 6.62rem;}
.banner_box .swiper-pagination{width: 100%;height: .08rem;margin-top: .21rem;}
.banner_box .swiper-pagination-bullet{width: .08rem;height: .08rem;margin: 0 .06rem;background-color: #7d5375;vertical-align: top;border-radius: 50%;}
.banner_box .swiper-pagination-bullet-active{background-color: #d08cc2;}

.wx_box{height: 2.05rem;background-color: #320426;overflow: hidden;}
.wx_text{width: 6.58rem;height: 1.23rem;margin: .39rem auto 0;padding-left: .38rem;font-size: .4rem;line-height: 1.23rem;color:#740000;background-color: #daa981;border-radius: .05rem;}
.wx_text .icon_wx{display: inline-block;width: .86rem;height: .68rem;margin-right: .1rem;background: url(../images/website/icon_wx.png) no-repeat;background-size: 100% 100%;vertical-align: middle;}

.footer{padding: .15rem 0;background-color: #511241;}
.footer .text{font-size: .18rem;line-height: 1.6;color: #dc8dc8;text-align: center;}

.thickdiv {  position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.9; filter:alpha(opacity=50); z-index:98;}
.prompt{ top: .5rem; right:18%; font-size:.36rem; color:#e3e3e3; letter-spacing:1px; line-height:.55rem; z-index:102;}
.prompt img{ margin:.2rem .3rem; width:.87rem; height:.87rem;}
.prompt span{ position:absolute;}
.prompt .browser{ top:2.5rem; left:1.3rem; font-size:.24rem; line-height:.3rem; text-align: center; color:#a3a3a3;}
.prompt .arrow{ top:-.5rem; right:-1rem; width:.98rem; height:.93rem; background:url(https://pngpyj.happydw.cn/website_img/lpmj/ico_arrow.png) no-repeat; background-size:100% 100%;}

.recharge_box{position: fixed;z-index:99;top: 50%;left: 50%;width: 6.97rem;height: 10.56rem;margin: -5.28rem 0 0 -3.48rem;padding-top: .72rem;background: url(../images/website/recharge_box.png) no-repeat;background-size: 100% 100%;}
.recharge_box .btn_close{position: absolute;top: 0;right: 0;width: .54rem;height: .54rem;background:url(../images/website/btn_close.png) no-repeat center center;background-size: .26rem .26rem;}
.recharge_box .row_01{height: 1.63rem;padding-top: .53rem;}
.recharge_box .row_02{height: 4.93rem;padding-top: .4rem;}
.recharge_box .row_03{height: 4.93rem;padding-top: .38rem;}

.recharge_row .title{font-weight: bold;font-size: .4rem;color: #efbe70;text-align: center;}

.user_id{font-size: .35rem;color:#ffca8b;text-align: center;}
.user_id .input_text{width: 3.06rem;height: .61rem;padding: 0 .15rem;font-size: .35rem;color:#123180;background-color: #dbb6cd;border: 0 none;border-radius: .05rem;box-shadow: 0 .01rem .04rem rgba(53,15,38,.69) inset;vertical-align: middle;}

.recharge_list{height: 2.06rem;margin: .22rem 0 .33rem;font-size: 0;text-align:center;}
.recharge_list li{display: inline-block;width: 2.06rem;height: 2.06rem;margin:0 .12rem;padding-top: .48rem;font-size: .35rem;line-height: 1.3;color: #f8ff39;text-align: center;background-color: #a73380;border: .06rem solid #821d60;border-radius: .1rem;cursor: pointer;}
.recharge_list li.active{background-color: #ce6bad;border: .06rem solid #fff447;}

.btn_recharge_submit{display: block;width: 3.32rem;height: 1.24rem;margin: 0 auto;background: url(../images/website/btn_recharge_submit.png) no-repeat;background-size: 100% 100%;}

.text_list{margin: .2rem 0 0 .4rem;}
.text_list li{font-size: .28rem;line-height: 1.7;color: #d48fbc;}