@charset "utf-8";
body{ background-color: #f6f6f6; }
.pageBox{ position: absolute; width: 100%; line-height: 0; z-index: 10; overflow: hidden;background-color: #ffffff }
.buttonBox{ position: absolute; left: 10%; width: 80%; top: 68%; line-height: normal; text-align: center; z-index: 10; }
.gameStart{ margin: 0 auto 0.5rem; width: 58%; }
.pageInfoBox{ margin-bottom: 10%; color: #dd3422; font-size: 1.1rem; line-height: 1.6rem; }
.gameChance{ margin-right: 0.5rem; }
.pageInfoBox .myPrize{ color: #dd3422; border-bottom:  1px solid #dd3422; }
.pageInfoBox .gameFriends{  color:#dd3422; border-bottom:1px solid #dd3422 ; }
.gameButtonRule{ position: absolute; right: 5%; top: 4%; width: 20%; height: 4%; }
.gameButtonCode{ position: absolute; right: 3.7%; top: 4.8%; width: 18%; height: 4%; }
.myLogo{ position: absolute; left: 2%; top: 2%;width: 60px;height: 60px }
.imgMainLogo{ position: relative;  }
.imgMainKV{
    position: absolute; left: 16%; width: 72%; top: 28%; line-height: normal; text-align: center; z-index: 10;
}
.nian{
    left: -7%;
    position: relative;
    width: 87%;
    margin-top: -5%;}
.fanbei{
    right: -15%;
    position: relative;
    width: 60%;
    margin-top: -74%;
    float: right;
}
.gameBox{ display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.gameLoading{ position: absolute; top:0; left: 0; width: 0%; height: 2px; background-color: #dd3422; z-index: 2100; }
.gameLayer{ display: none; width: 100%; height: 100%; position: fixed; background: #000; opacity: .7; z-index: 201; top: 0; }
.gameCodeBox{ display: none; position: absolute;  width: 100%; z-index: 220; }
.gameCodeBox .close{ position: absolute; right: 0; top: -50px; width: 30px; }
.codeInput{ position: absolute; top: 60.2%; left: 7%; width: 86%; height: 14%; overflow: hidden; }
.codeInput input{ width: 100%; height: 100%; box-sizing: border-box; background: none; font-size: 1.8rem; text-align: center; border: none;  }
.buttonSubmit{ position: absolute; bottom: 5%; left: 12%; width: 76%; height: 17%; }
.gameNoticeBox{ display: none; position: absolute; top: 25%; left: 10%; width: 80%; z-index: 210; }
.gameNoticeBox .close{ position: absolute; right: 3%; top: -50px; width: 30px; }
.noticeTextBox{ position: absolute; top: 65%; left: 10%; width: 80%; text-align: center; font-size: 1.4rem; color: #373737;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.gamePrizeBox{ display: none; position: absolute; top: 52%; left: 0; width: 100%; color: #eecf56; z-index: 210;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.gamePrizeBg{ margin: 2% 6% 5%; width: 88%; }
.gamePrizeBox .close{ position: absolute; right: 10%; top: -5%; width: 30px; }
.gameScore{ font-size: 2rem; line-height: 3rem; text-align: center; color: #fff; margin-bottom: 0.5rem; }
.gameBestScore{ display: none; font-size: 1.3rem; text-align: center; color: #a6927d; margin-top: -22%}
.gameBestScore span{ margin-left: 0.5em; }
.gamePrize{ width: 100%; font-size: 2.4rem; color: #d1c0a7; line-height: 4rem; font-weight: bolder; text-align: center; }
.gamePrize span{color: #f5ae29}
.gameShareBox{ display: none; position: absolute; width: 77%; top: 3%; right: 8%; z-index: 210; }

.e-RuleBox{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; text-align: left; z-index: 210; border-radius: 0px; transform: matrix(1, 0, 0, 1, 0, 0); display: none; background-color: rgba(0, 0, 0, 0.8); }
.e-RuleMain{ height: 597px; overflow-y: scroll; padding: 50px 5%; color: rgb(255, 255, 255); font-size: 1.2rem; opacity: 1; }
.e-RuleClose{ position: absolute; height: 40px; width: 40px; border-radius: 30px; top: 20px; right: 20px; color: rgb(255, 255, 255); z-index: 10; background: url("./img/popClose.png") center center / 20px no-repeat rgba(0, 0, 0, 0.298039); }
.e-RuleMain h1{ font-weight: bolder; color: rgb(255, 255, 255); font-size: 1.5rem; }
.e-RuleMain p{ color: rgb(255, 255, 255); font-size: 1.2rem; line-height: 1.6rem; margin: 1rem 0px; }