@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;}


.fancybox {
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    z-index: 9998;
    opacity: 0.7;
    overflow: hidden;
}

.pattern {
    position: absolute;
    top: 0;
    z-index: 3;
    max-width: 312px;
    width: 20%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.fleft {
    left: 0;
}

.fright {
    right: 0;
}

.out-container {
    position: relative;
    z-index: 2;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%;
    top:8em
}

.main {
    margin: 0 auto;
    width: 60%;
    padding-top: 24px;
}

.wrapper {
    margin: 0 auto;
    width: 60%;
}

.release-info {
    width: 100%;
    margin: 0 auto;
    text-align: center;
   
}

.release-info p {
    color: #b3b4b4;
    white-space: nowrap;
    line-height: 24px;
}

.release-info .donw_tips {
    color: #5cb85c;
    margin-top: 25px;
    display: none;
}

.release-info .donw_tips.error {
    color: red;
}

.btn-down {
    display: inline-block;
    padding: 5px 60px;
    border: 1px solid #A9B1B3;
    border-radius: 40px;
    color: #818383;
    font-size: 14px;
    margin-top: 10px;
}

.icon {
    padding: 10px;
    display: block;
    border-radius: 20%;
    background: #f0f0f0;
}

/*提示*/
.tishi, .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.tishi img {
    width: 100%;
    margin-top: 10px;
}

/*end 提示*/

/*mask*/
.mask-content {
    width: 90%;
    position: fixed;
    left: 5%;
    top: 52%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #fff;
    border-radius: 8px;
}

.mask-content h3 {
    font-size: 1.6rem;
    font-weight: normal;
    color: #1b1b1b;
    border-bottom: 1px solid #e7e7e7;
    padding: 4% 0;
    text-align: center;
    position: relative;
}

.mask-content h3 .mask-close {
    position: absolute;
    top: -40px;
    right: 5px;
    height: 60px;
    display: block;
}

.mask-content h3 .mask-close img {
    height: 100%;
}

.mask-content .mask-banner {
    width: 100%;
    color: #1b1b1b;
    font-size: 1.4rem;
    margin-bottom: 2%;
    text-align: center;
}

.mask-content .mask-banner img {
    width: 75%;
}

.mask-content .mask-button {
    width: 100%;
    border: none;
    background: #ff9b25;
    font-size: 1.8rem;
    border-radius: 0 0 8px 8px;
    color: #fff;
    padding: 4% 0;
    text-align: center;
}

/*安装弹框*/
.mask-anz {
    width: 80%;
    left: 10%;
}

.mask-anz h3 {
    font-weight: bold;
}

.mask-wenz {
    padding: 30px 15px;
}

.mask-wenz p {
    text-align: left;
    text-indent: 2.8rem;
    line-height: 1.6em;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #666;
}

.mask-wenz p:last-child {
    margin-bottom: 0;
}

/*两个按钮*/
.button01 {
    overflow: hidden;
}

.button01 a {
    width: 100%;
    float: left;
    height: 45px;
    line-height: 45px;
    border: 0;
    font-size: 1.4rem;
    text-align: center;
}

.button01 .bg-blue {
    background: #ffb618;
    color: #fff;
    border-radius: 0 0 6px 6px;
}