@charset "utf-8";
body{ margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
*{ outline: none;}
img{ border: 0;}
ol,ul{ list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}
.top_bar{ left: 50%!important; margin-left: -375px;}
.wmgameFooter{ width: 750px; margin: 0 auto;}

.wrap{ position: relative; overflow: hidden; width: 750px; height: 1504px; margin: 94px auto 0; background: url(../images/bg.jpg) no-repeat;}
.head-box{ position: relative; width: 750px; height: 440px;}
.logo{ position: absolute; left: 30px; top: 10px;}
.log-box{ position: absolute; left: 0; top: 220px; width: 750px; height: 112px;}
.login-box,.logout-box{ position: relative; width: 100%; height: 100%;}
.logout-box{ display: none;}
.log-box p{ height: 36px; font-size: 20px; font-weight: bold; line-height: 36px; color: #790d5a; text-align: center; text-shadow: 0 0 22px rgba(255,255,255,.85);}
.btn-login,.btn-logout{ display: block; width: 245px; height: 76px; margin: 0 auto; cursor: pointer;}
.btn-login{ background: url(../images/btn-login.png) no-repeat;}
.btn-logout{ background: url(../images/btn-logout.png) no-repeat;}
.time-line{ position: absolute; left: 65px; top: 360px; width: 620px; height: 38px; font-size: 20px; font-weight: bold; line-height: 38px; color: #fcebff; text-align: center; background: url(../images/time-line.png) no-repeat;}

.full-box{ position: relative; width: 636px; height: 412px; margin: 0 auto; background: url(../images/full-bg.png) no-repeat;}
.login-tip{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); width: 150px; height: 28px; background: url(../images/login-tip.png) no-repeat;}
.login-tip1{ top: 147px;}
.login-tip2{ top: 326px;}
.num-box{ display: flex; position: absolute; left: 50%; transform: translate3d(-50%,0,0); overflow: hidden;  width: 460px; height: 106px; justify-content: center; align-items: center;}
.num-box1{ top: 81px;}
.num-box2{ top: 262px;}
.num-box p{ font-size: 64px; font-weight: bold; color: #fddba8;}
.icon-zs{ display: block; width: 38px; height: 35px; margin-left: 10px; background: url(../images/icon-zs.png) no-repeat;}

.rule-box{ margin-top: 30px;}
.title-rule{ display: block; margin: 0 auto;}
.rule-cont{ width: 637px; height: 513px; margin: 10px auto 0; padding-top: 32px; box-sizing: border-box; background: url(../images/rule-bg.png) no-repeat;}
.rule-scroll{ width: 580px; height: 446px; margin-left: 30px; overflow-x: hidden; overflow-y: auto;}
.rule-scroll::-webkit-scrollbar{ width: 9px; border-radius: 5px; background-color: rgba(229,229,229,.12);}
.rule-scroll::-webkit-scrollbar-thumb{ width: 9px; border-radius: 5px; background-color: rgba(229,229,229,.5);}
.rule-scroll p{ padding-bottom: 30px; font-size: 21px; line-height: 34px; color: #fadeff;}

/* pop */
.pop-fixed{ display: none; position: fixed; left: 50%; transform: translate3d(-50%,0,0); top: 0; z-index: 101; width: 750px; height: 100%; background-color: rgba(0,0,0,.8);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 496px; height: 251px; background: url(../images/pop-bg.png) no-repeat;}
.icon-close{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: -60px; z-index: 5; width: 52px; height: 57px; background: url(../images/icon-close.png) no-repeat;}
/* pop-msg */
.pop-text{ display: flex; width: 430px; height: 100%; margin: 0 auto; font-size: 30px; font-weight: bold; line-height: 46px; color: #fadeff; justify-content: center; align-items: center; text-align: center;}