@charset "UTF-8";

/*________________reset________________*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0;padding:0;font-size:0.8em;font-family:"微软雅黑",helvetica,arial;}

button, input, select, textarea { vertical-align:middle; font-family:"微软雅黑",helvetica,arial;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

table{border-collapse:collapse;border-spacing:0;}

fieldset{border:0;}

img{border:none;vertical-align:top;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:normal;font-weight:normal;}

del,ins{text-decoration:none;}

li{list-style:none;vertical-align:middle;}

caption,th{text-align:left;}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:top;}

sub{vertical-align:bottom;}

legend{color:#000;}

select,input,textarea,a{ outline:none;}

textarea{resize:none;overflow:auto;}

table{border-collapse:collapse;border-spacing:0;}

a{ text-decoration:none; cursor:pointer;}

a:active {star:expression_r(this.onFocus=this.blur());}

:focus { outline:0; }

.fl{float:left;}

.fr{float:right;}

/*	.cb{clear:both;}

.cl{clear:left;}

.cr{clear:right;}*/

.clear {clear: both;}

.clearfix:after,.layout:after {clear:both; content:'';display: block;font-size: 0;line-height: 0;visibility: hidden;	width: 0;height: 0;}

.clearfix {+display: inline-block;}

* html .clearfix {height: 1%;}

/*background*/

.white_bg{background:#fff;}

/*color*/

.main_color{color:#999;}

/*text-align*/

.ta_c{text-align: center;}



/*diplay*/

.ds_inline_block{display: inline-block;}

/*line-height*/

.l_h_22{line-height:22px;}



/*font-size*/

.f_size_17{font-size:1em;}



/*padding*/

.p_t_15{padding-top:10px;}

.p_b_15{padding-bottom:10px;}

.p_l_5{padding-left:5px;}

.p_t_30{padding-top:13em;}

.p_lr_10{padding-left:10px;padding-right:10px;}

.p_lr_20{padding-left:20px;padding-right:20px;}



.h_t_box{position: absolute;z-index: 999;width:100%;background:rgba(0,0,0,.5);box-sizing: border-box;color:#fff;}

.h_t_box .icon_box{display: inline-block;width:5em;}

.h_t_box .icon_box img{width:100%;}



.h_title_box .title{max-width:100%;}



.input_box input{display: block;width:70%;margin:0 auto 26px;line-height:48px;border:none;border-radius:8px;padding:0 10px;}

.input_box input[type="text"],.input_box input[type="password"]{background:#f5f5f5;color:#999;}

.input_box input[type="submit"]{background:#009bff;color:#fff;font-size:18px; -webkit-appearance:none;-moz-appearance:none;}



.h_ganmes_list h3 img{max-width:90%;}

.h_ganmes_list ul{text-align: justify;text-align-last: justify;font-size:0;}

.h_ganmes_list ul li{width:30%;display:inline-block;margin:1.6%;overflow: hidden;font-size:0;}

.h_ganmes_list ul li:last-child{float:left}

.h_ganmes_list ul li img{width:100%;}



.load_wrap{position: relative;overflow:hidden;}

.load_wrap .load_btn{

text-align: center;

    width: 40%;

    margin: 56px 4% 0;

    display: inline-block;

    white-space: nowrap;

    background-color: #16a4ff;

    line-height: 40px;

    border-radius: 10px;

    font-size: 14px;

    color: #fff;

}

.load_wrap .load_btn.android_btn{background:#abcd05;}

.load_wrap .load_btn img{width:26px;vertical-align: middle;margin-top:-7px;margin-right:3px;}



.h_wrap{max-width:580px;margin-left:auto;margin-right:auto;position:relative;width:100%;}



@media(max-width:580px){

.h_ganmes_list h3 img{max-width:46%;}

}

@media(max-width:500px){

.input_box input{width:95%;margin-bottom:19px;}

}

@media(max-width:426px){

.h_ganmes_list ul li{width:46%;display:inline-block;margin:2%;overflow: hidden;font-size:0;}

}
.btn_register{display: inline-block;line-height:30px;background: #019bfd;color:#fff;border-radius:6px;padding:0 10px;margin-top:20px;}

.mask{position: fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);}

.regfrom{width:85%;max-width:580px;background:#fff;position: fixed;left:0;right:0;top:105px;margin:auto;padding:20px 20px 0;border-radius: 7px;z-index:9999;}

.title_text{color:#009bff;font-size: 24px;}

.Solve_img{text-align: center;}

.Solve_img img{max-width:75%;}

.label_box{width:100%;white-space: nowrap;overflow: hidden;}

.label_box .label_items{border:1px solid currentColor;border-radius:10px;padding:0 5px;display: inline-block;font-weight: bold;margin-right:4px;}