@charset "utf-8";
/* CSS Document */
html{box-sizing: border-box;}
*,*::before,*::after{box-sizing: inherit;}
body{font-size: .2rem;line-height: 1;}
input{outline: none;background: none;border: none;}
a{color: inherit;}

.btn{cursor: pointer;}
.btn:active{-webkit-transform: scale(.9);transform: scale(.9);}

.button-box{font-size: 0;text-align: center;}
.button-box .btn{display: inline-block;}

.btn-register{display: block;width: 2.57rem;height: .6rem;background: url(//png.pookcdn.net/website_img/ks/reg_0330//btn_register.png) no-repeat;background-size: cover;}
.btn-download{display: block;width: 2.57rem;height: .81rem;background: url(//png.pookcdn.net/website_img/ks/reg_0330//btn_download.png) no-repeat;background-size: cover;}
.btn-download-2{display: block;width: 2.37rem;height: .84rem;background: url(//png.pookcdn.net/website_img/ks/reg_0330//btn_download_2.png) no-repeat;background-size: cover;}

.ico-success{display: inline-block;width: .52rem;height: .51rem;background: url(//png.pookcdn.net/website_img/ks/reg_0330//ico_success.png) no-repeat;background-size: cover;vertical-align: middle;}

.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-sub-box{width: 100%;}

.wrapper{width: 7.5rem;margin: 0 auto;}
.header{height: 4.2rem;background: url(//png.pookcdn.net/website_img/ks/reg_0330//bg_header.jpg) no-repeat;background-size: cover;}
.main{padding: .44rem 0;background: #302337;}
.footer{padding: .3rem 0;background: #201525;}
.footer p{font-size: .14rem;line-height: 2;color: #69628b;text-align: center;}

.f-box{width: 5.96rem;height: 5.36rem;margin: 0 auto;padding-top: .16rem;background: #201525;border: .02rem solid #392a41;border-radius: .18rem;box-shadow: 0 0 .05rem rgba(0, 0, 0, .75) inset;}
.f-box .btn-register{margin: .3rem auto 0;}
.f-box .btn-download-2{margin: .56rem auto 0;}
.f-title{position: relative;width: 5.11rem;margin: 0 auto;padding: .18rem 0;text-align: center;}
.f-title::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-top: 1px solid #000;border-bottom: 1px solid #402e48;}
.f-register .f-title-img{height: .49rem;}
.f-table{table-layout: fixed;width: 100%;margin-top: .22rem;}
.f-table td{padding: .24rem 0;}
.f-table .td-1{width: 1.98rem;padding-right: .2rem;font-size: .24rem;color: #a3c9f0;text-align: right;}
.f-table .f-input{width: 2.91rem;height: .5rem;padding: 0 .12rem;font-size: .24rem;color: #8891ac;background: #353e58;border: 1px solid #363e58;border-radius: .06rem;box-shadow: 0 .01rem .06rem rgba(0, 0, 0, .75) inset;}
.f-table .f-input:focus{border: 1px solid #00a483;}
.f-register-success .f-title-img{height: .29rem;}
.f-register-success .username{margin: .2rem 0;font-size: .22rem;color: #a3c9f0;text-align: center;}
.f-register-success .username .ico-success{margin-right: .1rem;}
.f-register-success .tips{font-size: .16rem;color: #ecb88f;text-align: center;}
.f-register-success .tips span{color: #d76559;}

.more-game{margin-top: .42rem;font-size: .22rem;color: #a3c9f0;text-align: center;}
.more-game::before,
.more-game::after{content: '';display: inline-block;width: 1.14rem;height: 1px;background: #6480a6;vertical-align: middle;}
.more-game::before{margin-right: .2rem;}
.more-game::after{margin-left: .2rem;}

.game-list{margin-top: .3rem;font-size: 0;text-align: center;}
.game-list li{display: inline-block;width: 1.28rem;margin: 0 .2rem;font-size: .24rem;}
.game-list .game-img{width: 1.28rem;height: 1.28rem;vertical-align: top;}
.game-list .game-name{display: block;margin-top: .26rem;color: #ebb78f;text-align: center;}

/* iphoneX样式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}

/* 竖屏样式 */
@media all and (orientation:portrait) {}

/* 横屏样式 */
@media all and (orientation:landscape) {}