@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{ background: #fff;} 
		.touch{ display: block; width: 100%; height: 1.2rem; line-height: 1rem; background: #1738b5; color: #fff; font-size: 0.46rem; text-align: center;  background:url(../images/btn-big.png) no-repeat;
		background-size:100%
		}

        .max_width{ max-width: 740px; margin:0 auto; padding-bottom: 1.5rem;}
        .banner{ width: 100%; }
        .banner img{ width: 100%;}
        .dw_area{ min-height: 1.6rem; padding: 0.18rem 0.27rem; position: relative;   background-size:100%}
        .dw_area .in{ min-height: 1.6rem;}
        .dw_area .in .m{ display: block; width: 1.6rem; height: 1.6rem; position: absolute; left: 0.27rem; top:.18rem;}
        .dw_area .in .m img{ width: 100%;}
        .dw_area .in .rt_t{ padding:0.15rem 0 0 1.82rem; color:#fff;}
        .dw_area .in .rt_t h3{ font-size: 0.48rem;}
        .dw_area .in .rt_t span{display: inline-block; padding:0.15rem 0 0 2.3rem; font-size: 0.3rem; background: url(../images/star.png) no-repeat 0 0.15rem; background-size: 2rem 0.4rem; color:#00ffea}
        .btn{ padding:0.13rem 0 0 0}
        .gray_w{background: #34298a;}
        .game{ padding: 0.26rem 0.2rem; min-height: 4.17rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; overflow: hidden;}
        .game_pic{ width: 100%; min-height: 4.17rem; white-space: nowrap; overflow-x: auto; overflow-scrolling : touch; -webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;}
        .game_pic img{ width:100%; }
        .game_lis{ margin-top: 0.38rem; padding: 0.3rem; border-top: 1px solid #d5d5d5; background: #ededed; }
        .game_lis h3,.gameinf h3{ font-size: 0.38rem; color: #333;}
        .game_lis ul{ padding: 0.32rem 0 0 0; min-height: 1.7rem;overflow: hidden;}
        .game_lis ul li{ width:22.5%; display:inline-block; text-align:center; line-height:0.5rem; margin:0 0.05rem; font-size:0.3rem}
 
      
        .game_lis ul li img{ width: 100%;}
        .game_lis ul li a .t{ width: 100%; text-align: center; color: #3333; font-size: 0.24rem; display: inline-block; margin-top: 0.16rem;}

        .dw_propt{ width: 100%;min-height: 1.54rem; background:rgba(255,255,255,1); position: fixed; left: 0; bottom: 0; box-shadow: 0 0 2px rgba(0,0,0,0.35);}
        .ppt_lt{ position: relative;}
        .img{ display: block; width: 1.1rem; height: 1.1rem; position: absolute; top: 0.22rem; left: 0.38rem; overflow: hidden;}
        .img img{ display: block; width: 100%; height: 100%;}
        .ppt_lt .lt_t{ padding: 0.30rem 0 0 1.74rem; color: #333;}
        .ppt_lt .lt_t h3{ font-size: 0.4rem;}
        .ppt_lt .lt_t span{ font-size: 0.28rem; color: #545454; display: block; margin-top: 0.15rem; }
        .ppt_lt_ii .lt_in{ margin: 0 0.3rem; position: relative; }
        .ppt_lt .ppt_dw{ display: block; width: 2.1rem; height: 1rem; line-height: 0.9rem; background:#03C; color: #fff; text-align: center; font-size: 0.42rem; border-radius: 0.1rem; position: absolute; top: 0.23rem; right: 0.3rem; background:url(../images/btn-mid.png) no-repeat; background-size:100%}
        .ppt_lt_ii .ppt_dw{ width: 100%; left: 0; right: 0}

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


		.gameinf{padding: 0.26rem 0.2rem;line-height: .5rem; font-size:0.3rem}
		.gameinf h3{ margin-bottom:0.32rem }


.game ul li{   background:url(../picture/index_bg.png); background-size:100% 100%; border-radius:30px; position:relative; margin:0.3rem; margin-bottom:0.6rem; height:2.3rem; max-height:2.3rem;}
.game ul li dd.game-pic{ width:2.7rem; position:absolute;top:-.2rem;left:.3rem}
.game ul li dd.game-info{width: 45%; float: right; padding-top: 0.4rem; padding-right:.1rem;color: #fff; font-size: .24rem; line-height:.4rem}
.game ul li dd.game-info h3{ font-size:.33rem; color:#fdfdfd}    
.game ul li dd.game-botton{  text-align:center; position:absolute; left:35%;  bottom:-.3rem }
.btn-small{ width:1.82rem; height:.6rem; display:block; background:url(../images/btn-smal.png) no-repeat; background-size:100%}