body{font-size: .3rem; background: #0c73d7;}

.wrapper{ margin: 0 auto; width: 7.5rem; color: #3d3d3d;}

.bg{ background-repeat: no-repeat; background-size: cover;}
.bg01{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_01.jpg);}
.bg02{ height: 1.48rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_02.jpg);}
.bg03{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_03.jpg);}
.bg04{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_04.jpg);}
.bg05{ height: 1.48rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_05.jpg);}
.bg06{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_06.jpg);}
.bg07{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_07.jpg);}
.bg08{ height: 1.48rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_08.jpg);}
.bg09{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_09.jpg);}
.bg10{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_10.jpg);}
.bg11{ height: 1.48rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_11.jpg);}
.bg12{ height: 1.49rem; background-image: url(//png.pookcdn.net/net/ks/bkby0109/bg_12.jpg);}

.headerBg{ height: 1.7rem; background: rgba(1,58,122);}
.header{ display: flex; display: -webkit-flex; height: 1.7rem; background: rgba(1,58,122,.8); align-items: center; justify-content: center;position: fixed;top: 0;left: 50%;width: 7.5rem;margin-left: -3.75rem;}
.header .logo{ margin-top: 0; width: 1.33rem;}
.header .info{ margin: 0 .1rem;}
.header .info .name{ font-size: 18px; color: #fff;}
.header .info .name img{ margin-left: .05rem; height: .23rem; vertical-align: middle;}
.header .info .tag span{ margin-right: .1rem; padding: .05rem; font-size: .15rem; color: #70baff; border: 1px #70baff solid; border-radius: .07rem;}
.header .info .txt{ font-size: .2rem; color: #c6efff;}
.header .btnDownload01{ width: 2.94rem; height: 1.14rem; background: url(//png.pookcdn.net/net/ks/bkby0109/btn_download_01.png) no-repeat; background-size: 100% 100%;}

.btnDownload{ left: 50%; margin-left: -2.4rem; width: 4.83rem; height: 1.52rem; background: url(//png.pookcdn.net/net/ks/bkby0109/btn_download.png) no-repeat; background-size: cover; cursor: pointer;}
.btnDownload02{ top: 16.7rem;}

.itemFooter{ bottom: .1rem; left: 0; width: 100%; color: #fff; font-size: .12rem; text-align: center; line-height: 2;}
.itemFooter a{ color: #fff;}

.thickdiv {display: none; position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:rgba(0, 0, 0, .75); z-index: 98;}
.pup{position: fixed; z-index: 99; bottom: -100%; left: 50%; margin-left: -3.75rem; width: 7.5rem; height: 7.86rem; background:url(//png.pookcdn.net/mobile_image/by1111/bg_pup.png) no-repeat; background-size: cover; transition: all .5s linear; -webkit-transition: all .5s linear;}
.pup.show {bottom: 0;}

.icoCollapse{ display: block; margin: -1.28rem auto 0; width: .47rem; height: .47rem; background: url(//png.pookcdn.net/mobile_image/by1111/ico_collapse.png) no-repeat; background-size: cover; cursor: pointer;}
.logo{ margin-top: .15rem; text-align: center;}
.logo img{ width: 1.5rem; height: 1.46rem;}
.tips{ margin: .4rem 0 .45rem; text-align: center;}
.tips span{ color: #398ae5;}
.itemImg{ text-align: center;}
.itemImg img{ width: 6.78rem;}
.icoChapter{ top: .2rem; right: 2.5rem;}
.icoChapter img{ height: .99rem;}

.androidTip {display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75) url(//png.pookcdn.net/mobile_image/hint_bg.gif) no-repeat center top; background-size: 6.85rem 1.49rem;}
.header .btnDownload01{ width: 2.94rem; height: 1.14rem; background: url(//png.pookcdn.net/net/ks/bkby0109/btn_download_01.png) no-repeat; background-size: 100% 100%;
-webkit-animation: 2s btn infinite; animation: 1s btn infinite;}
@-webkit-keyframes btn {
	0% { -webkit-transform: scale(1);  }
	50% { -webkit-transform: scale(.9);  }
	100% { -webkit-transform: scale(1); }
}
@keyframes btn {
	0% { transform: scale(1);  }
	50% { transform: scale(.9);  }
	100% { -transform: scale(1); }
}