@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{background: #063033; background:url(../img/body_bg.jpg) repeat left top;} 





.main{ width: 100%; margin: 0 auto; overflow: hidden; max-width: 7.5rem;}
.banner{ width:7.5rem; height:10.72rem; background: url(../img/m-index_01.jpg) no-repeat left top; background-size:100% 100%; overflow:hidden;}

 .logo{ width:2.31rem; height:1.78rem;margin:0.1rem;background:url(../img/logo.png) no-repeat left top; background-size:100% 100%;}
 
  .btn{padding:7.6rem 0.2rem 0rem 0.2rem;}
  .btn a{ width:3.41rem; height:0.93rem; display:block;background:url(../img/btn.jpg) no-repeat left top; background-size:100% 100%; margin:0 auto;}
   

   
.game_tit{background: url(../img/title_a.jpg) no-repeat left top; margin:0.2rem auto; background-size:100% 100%; width:7.5rem; height:0.86rem;} 
.game{ width: 7.5rem; height:4.16rem;background: url(../img/m-index_02.jpg) no-repeat left top; margin:0rem auto; background-size:100% 100%; }

.jt_tit{background: url(../img/title_b.jpg) no-repeat left top; margin:0.2rem auto; background-size:100% 100%; width:7.5rem; height:0.86rem;}

.jt_list{ width:7.5rem; margin:0 auto;}
.jt_list p{ display:block; overflow:hidden;}
.jt_list p img{ width:100%;}


  footer{ min-height: 0.80rem; padding: 0.23rem 0; border-top:1px solid #3f3aa1; background: #232056; text-align: center;}
    footer p{ color: #c9c9c9; font-size: 0.28rem;}
    footer p:last-child{ margin-top: 0.1rem;}

/*¹ö¶¯ÆÁ²¹³ä*/

.scroll_screen {position:fixed;top:5px;}


.scroll_screen ul li { width:100%; display:block; overflow:hidden;}
.scroll_screen ul li img{width:0.47rem;height:0.47rem;border-radius:100%; margin-right:5px;}



.scroll_screen{width:100%;height:195px;overflow:hidden;}

.scroll_screen ul li span{ line-height:0.47rem; background-color:rgba(0,0,0,0.6); margin-top:30px;display: inline-block;  margin-right:10px; border-radius:30px; color:#fff; padding-right:10px;font-size: 0.2rem;}


.bcon{position:fixed;top:5px; width:7.2rem; z-index: 1;}

.list_lh{height:200px;overflow:hidden;text-align: center;font-size: 12px;}
.list_lh ul li{width:100%; display:block; overflow:hidden;}
.list_lh ul li span{ float:right;line-height:30px; background-color:rgba(0,0,0,0.6); margin-top:30px;display: inline-block; padding-right:10px;  margin-right:5px; border-radius:30px; color:#fff;}
.list_lh ul li img{width:30px;height:30px;border-radius:100%; margin-right:5px;}