@charset "gbk";body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,a,textarea,input,button,span,em,strong,img,div{-webkit-touch-callout:none; ;-webkit-appearance:none; outline: none;}html{-webkit-text-size-adjust:none;word-wrap:break-word;background:#f4f4f4;font-family:Arial,Verdana,Sans-serif}h1,h2,h3{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}fieldset,img{border:0}cite,em,s,i,b{font-style:normal}input,button,textarea,select{font-size:100%; border: medium none;}body,input,button,textarea,select,option{font-size:normal}a,input,textarea{text-decoration:none;outline:0}li,img,label,input{vertical-align:middle}var{font-style:normal}ins{text-decoration:none}body{font-size:.2rem;color:#3c3c3c}textarea{resize:none}a{color: #3c3c3c;}.mlr20{margin:auto .2rem}.m20{margin:.2rem 0}.m30{margin:.3rem 0}.mt20{margin-top:.2rem}.mb20{margin-bottom:.2rem}.mt40{margin-top:.4rem}.mb40{margin-bottom:.4rem}::-webkit-input-placeholder{ color: rgba(255,255,255,0.5);}:-moz-placeholder{ color: rgba(255,255,255,0.5);}::-moz-placeholder{ color: rgba(255,255,255,0.5);}:-ms-input-placeholder{ color: rgba(255,255,255,0.5);}.clear:after{content: '\20'; display: block; height: 0; clear: both;}
  html,body{height:100%; display:table; width:100%; background: #fff;} 




.main{ width: 100%; margin: 0 auto; overflow: hidden; max-width: 7.5rem;background: url(../img/main_bg.jpg) no-repeat left 8.73rem; background-size:100% auto;}
.banner{ width:7.5rem; height:8.73rem; background: url(../img/banner_img.jpg) no-repeat left top; background-size:100% 100%;}
.btn{ overflow: hidden; padding-top: 7.4rem;}
.btn a{ display: block; margin-left: 0.7rem;background: url(../img/btn.png) no-repeat left top; background-size:100% auto; width:6.31rem; height:0.96rem}

.game{ width: 7.23rem; height:1.49rem; background: url(../img/game.png) no-repeat left top; margin:0.3rem auto; background-size:100% 100%;}

.remen{ background:url(../img/remen.png) no-repeat left top; background-size:100% 100%; width: 7.5rem; height: 1.07rem;}

.ginfo{ width: 7.1rem; margin:0 auto; margin-top: 0.3rem; border-radius:10px; background: #0b70c1;box-shadow:0px 0px 10px #0a519e inset; height: 2.86rem; border: 1px solid #23c4e0;}
.gi_n{box-shadow:0px 6px 0px #0a519e inset;width: 7.1rem; height: 2.86rem; border-radius:10px;  }

.gn_left{ margin:0.05rem 0 0 0.05rem;width: 2.73rem; float: left; height: 2.83rem; }
.gn_left2{width: 2.73rem; float: left; height: 2.66rem; margin-top:0.2rem;}
.gn_left2 img{ height:100%;}
.gn_left img{ width: 100%;}
.gn_right{width: 4rem; float: right; padding-right: 0.1rem;}
.gn_right span{ display: block;}
.gnr_tit{ font-size: 0.4rem; color: #ffd824; font-weight: 600; line-height:0.7rem; margin-top: 0.1rem;}
.gnr_info{ font-size: 0.24rem; color: #fff; line-height: 0.36rem;}
.gnr_btn{ margin-top: 0.2rem; display: block; width: 2.12rem; height: 0.64rem; background: url(../img/btn_m.png) no-repeat left top; background-size:100% 100%;}

.clear{ height:0.3rem; width:100%; overflow:hidden;}

footer{ min-height: 0.80rem; padding: 0.23rem 0}
        footer p{ color: #fff; font-size: 0.18rem; text-align:center;}
        footer p:last-child{ margin-top: 0.1rem;}