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

body{font-size: .2rem;line-height: 1;background: #5d2a16;}

.btn_download{display: block;width: 4.08rem;height: 1.18rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/btn_download.png) no-repeat;background-size: cover;}

.wrapper{position: relative;width: 7.2rem;margin: 0 auto;padding-top: 1.3rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/page_bottom_bg.png) no-repeat left bottom;background-size: 7.2rem auto;overflow: hidden;}
.wrapper .btn_download{margin: .04rem auto .17rem;}

.fixed_box{position: fixed;z-index: 10;top: 0;left: 50%;width:7.2rem;height: 1.3rem;margin-left: -3.6rem;background-image: linear-gradient(to bottom, #1d2a2c, #313130);background-image: -webkit-linear-gradient(to bottom, #1d2a2c, #313130);background-image: -webkit-gradient(linear, 0 0, 0 100%,from(#1d2a2c),to(#313130));}
.fixed_box .btn_download{position: absolute;top: .36rem;right: .34rem;width: 2.68rem;height: .78rem;}
.logo{float: left;width: 1.36rem;height: 1.4rem;margin: .23rem 0 0 .21rem;}
.logo img{width: 100%;height: 100%;}
.game_info{margin-left: 1.7rem;padding-top: .4rem;color: #fff;}
.game_info .game_name{margin-bottom: .12rem;}
.game_info .game_name img{height: .39rem;}

.banner{position: relative;width: 7.2rem;height: 11.38rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/banner_bg.png) no-repeat;background-size: cover;}
.banner::before{content:"";position: absolute;z-index: 5;top: -.02rem;left: 50%;width: 6.15rem;height: .71rem;margin-left: -3.075rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/curtain.png) no-repeat;background-size: cover;}
.banner .btn_prev,
.banner .btn_next{position: absolute;z-index: 5;top: 0;width: .8rem;height: 10.7rem;background-repeat: no-repeat;background-size: .8rem 1.28rem;background-position: left center;cursor: pointer;}
.banner .btn_prev{left: -.08rem;background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/btn_prev.png);}
.banner .btn_next{right: -.08rem;background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/btn_next.png);}
.banner_list .img_item{height: 10.7rem;}
.banner_list .img_float{position: absolute;left: 0;bottom: .02rem;width: 100%;}
.banner_list .img_float img{width: 7.2rem;vertical-align: top;}
.banner_float{position: absolute;z-index: 2;left: 0;bottom: .7rem;width: 100%;height: 4.85rem;transition: opacity linear .5s;-webkit-transition: opacity linear .5s;opacity: 0;}
.banner_float .img_float{width: 7.2rem;}

.game_feature{height: 5.83rem;padding-top: 1.28rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/game_features_bg.png) no-repeat;background-size: cover;}
.game_feature_list{width: 5.52rem;margin: .54rem auto 0;}
.game_feature_list li{position: relative;padding: .1rem 0 .1rem .58rem;font-size: .3rem;color: #64442b;border-bottom: 1px dashed #bd9975;}
.game_feature_list li:last-child{border-bottom: none;}
.game_feature_list li::before{content:"";position: absolute;top: .08rem;left: 0;width: .33rem;height: .33rem;background-repeat: no-repeat;background-size: cover;}
.game_feature_list li:nth-child(1)::before{background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/ico_list_01.png);}
.game_feature_list li:nth-child(2)::before{background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/ico_list_02.png);}
.game_feature_list li:nth-child(3)::before{background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/ico_list_03.png);}
.game_feature_list li:nth-child(4)::before{background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/ico_list_04.png);}
.game_feature_list li:nth-child(5)::before{background-image: url(https://png.pookcdn.net/mobile_image/bcjh/bc1213/ico_list_05.png);}

.commont .commont_img{width: 7.2rem;}

.footer{width: 7.2rem;margin: 0 auto;padding: .2rem 0;}
.footer p{font-size: .18rem;line-height: 1.5;text-align: center;color: #fff;}

.mask{display: none;position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: rgba(94,93,92,.65);}
.mask::after{content:"";position: absolute;top: .22rem;right: .4rem;width: 2.45rem;height: 2.4rem;background: url(https://png.pookcdn.net/mobile_image/bcjh/wx_tip.png) no-repeat;background-size: cover;}