html{
	font-family:'Helvetica Neue',Helvetica,STHeiTi,Arial,sans-serif;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,233266+99 */
    background: rgb(41,141,205); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(41,141,205,1) 0%, rgba(255,255,255,1) 17%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(41,141,205,1) 0%,rgba(255,255,255,1) 17%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(41,141,205,1) 0%,rgba(255,255,255,1) 17%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba5df', endColorstr='#172a88',GradientType=0 ); /* IE6-9 */
}
::-webkit-scrollbar { width: 16px; height: 10px;}
/*scroll shadow radius*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #ddd;}
/*swipe inset radius*/
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3); background-color: #005db9;}
.touch{
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    font-size: 0.46rem;
    text-align: center;
    border-radius: 0.06rem;
    background-image: url('/asset/qm/download_btn.png');
    background-size: 100% 100%;
}
body { overflow-x: hidden;}
.cityBG{
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 440px;
    background: url("../images/pc_bg.jpg") no-repeat 50% 0 / 100%;
    z-index: -2;
}
.max_width{
    max-width: 490px;
    margin: 0 auto;
    padding-bottom: 1.55rem;
    margin-bottom: 132px;
}
.ctBox{ position: relative; }
.langBox{
    width:200px;
    display: flex;
    justify-content: center;
    margin: 10px auto;
}
.wmvideo{
    position: absolute;
    top: -275px;
    left: calc(50% - 960px);
    z-index: -1;
}

.langBox li{
    display: inline-block;
    border: 1px solid #289bd8;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align:center;
    margin-right: 5px;
    border
}
.langBox li.thislang{ background-color:#172a88; border-color:#FFF;}
.langBox li a{ font-family: Arial,sans-serif; font-size: 15px ; color: #FFF;}
.banner{
    width: 100%;
    margin-top: 20px;
}
.ctBox img,.banner img{ width: 100%;}
.dw_area{ min-height: 1.6rem; padding: 0.18rem 0.22rem; position: relative;}
.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: #343434;}
.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('/asset/qm/star.png') no-repeat 0 0.15rem; background-size: 2rem 0.4rem;}
.btn{ padding: 0.16rem 0 0.24rem;}
.gray_w{background: #ededed;}
.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 a img{ width: 40%; margin-right: 2.4%;}
.game_lis{ margin-top: 0.38rem; padding: 0.3rem; border-top: 1px solid #d5d5d5; background: #ededed; }
.game_lis h3{ font-size: 0.38rem; color: #333;}
.game_lis ul{ padding: 0.32rem 0.24rem 0; min-height: 1.7rem;overflow: hidden;}
.game_lis ul li{ width: 25%; float: left;}
.game_lis ul li a{ display: block;}
.game_lis ul li a .m{ display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto;}
.game_lis ul li a .m 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,0.77);*/
    position: fixed;
    left: 0;
    bottom: 0;
    /*box-shadow: 0 0 2px rgba(0,0,0,0.35);*/
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 15px;
    text-transform:uppercase;
}
.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: 0.9rem; line-height: 0.9rem; background: #005db9; color: #fff; text-align: center; font-size: 0.42rem; border-radius: 0.08rem; position: absolute; top: 0.33rem; right: 0.3rem;}
.ppt_lt_ii .ppt_dw{ width: 100%; left: 0; right: 0}
.hidden{ display: none}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0.25rem 0;
    text-align: center;
    color: #29a0db;
    font-size: 11px;
    background: #0d4998;
}

.dw_area .in.icons {
    margin-top: 0.3rem;
    width: 110%;
}

.game-item {
  /*  margin: 0.25rem;
    background: #eaf1f7;
    height: 2.6rem;
    border-radius: 0.06rem;*/
    position: relative;
}

.dw_area.game-item img {
    width: 100%;
    height: 100%;
}

.dw_area.game-item .tip {
    position: absolute;
    left: 0.15rem;
    top: 2.45rem;
    width: 1.5rem;
    text-align: center;
    font-size: 0.2rem;
    color: gray;
    font-weight: bold;
}

.down-button {
    display: block;
    background: url('/asset/qm/download.png');
    background-size: 100%;
    width: 1.5rem;
    height: 0.7rem;
    top: 1.9rem;
    left: 0.15rem;
    position: absolute;
    background-repeat: no-repeat;
}

.dw_area.game-item .pic {
    position: absolute;
    left: 2rem;
    top: 0.2rem;
    /*background: orange;*/
    width: 4.5rem;
    height: 2.55rem;
    background-size: 100% 100%;
}

a:hover {
    cursor: pointer;
}
.weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;}
.weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}


/*== Guid ============================================================*/
.guid{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    text-align: center;
    padding: 0 .3rem;
    z-index: 99;
    display: none;
    box-sizing: border-box;
}
.guid img{
    max-width: 100%;
}
.guid-1 {
    position: relative;
    padding: .2rem .5rem 0 1rem;

}
.guid-1 img {
    margin-left: -0.5rem;
    margin-top: 0;
}
.guid-1 .guid-close{
    position: absolute;
    right: .2rem;
    top: .15rem;
    width: .5rem;
}
.guid-2 {
    margin-top: -0.4rem;
}
.guid-3 img{
    width: 40%;
    margin: 0 auto;
    display: block;
}
.guid-4 img{
    width: 40%;
    margin: 0 auto;
    display: block;
}
.guid-bottom{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

#weixin-tip{ position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;}
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}

body.lang_en .ppt_lt .ppt_dw{ font-size: 0.32rem; }

.LineArea{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
    margin-top: 68px;
}
.BtnUnitHD{
    text-indent: -999999999999px;
    background: rgba(255,255,255,0);
}
.BtnUnit{
    color:#f9ef88;
    width: 185px;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #0d4998;
    position: relative;
    margin-top: 7px;
    transition: background-color .6s;
    cursor: pointer;
}
.BtnUnit.s2{
    height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
}
.BtnUnit i,
.BtnUnit .T1,
.BtnUnit .T2,
.BtnUnit .LineNO{ position: absolute;}
.BtnUnit i{
    width: 28px;
    height: 30px;
    top: 6px;
    left: 7px;
    /*background: url("../images/ios.svg") no-repeat 50% 50% / 100% 100%;*/
}
.BtnUnit i path{ fill: #222;}
.BtnUnit i.android{ /*background: url("../images/android.svg") no-repeat 50% 50% / 100% 100%;*/ }
.BtnUnit .T1{ left: 38px; top: 3px; font-size: 16px; font-weight: bolder;}
.BtnUnit .T1.s2{ left: 42px; top: 10px; }
.BtnUnit .T2{ left: 38px; top: 22px; font-size: 13px;}
.BtnUnit .LineNO{
    right: 0;
    top: 2px;
    background: #f9b800;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
}

.BtnUnit:hover{
    background: rgb(46,165,223); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(46,165,223,1) 0%, rgba(23,42,136,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(46,165,223,1) 0%,rgba(23,42,136,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(46,165,223,1) 0%,rgba(23,42,136,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba5df', endColorstr='#172a88',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 9px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 5px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 5px -6px rgba(0,0,0,0.75);
    transition: background-color .6s;
    color: #FFF;
}
.BtnUnit:hover .T1,
.BtnUnit:hover .T2{ color: #FFF;}
.BtnUnit:hover .LineNO{ color: #fee392; background: #023a71;}
.BtnUnit:hover i path{ fill:#FFF;}


/*== ↓ English setting ===========================*/
.lang_en .BtnUnit .T1{
    top: 2px;
    font-size: 15px;
}
.lang_en .BtnUnit .T2{
    left: 38px;
    top: 22px;
    font-size: 13px;
}
.lang_en .BtnUnit .LineNO{
    top: 18px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    border-bottom-right-radius: 14px;
}
.lang_en .BtnUnit .T1.s2{
    top: 10px;
    left: 37px;
    font-size: 14px;
}
.wmlogo{
    width: 80px;
    height: 80px;
    margin: 10px auto;
    background: url(../images/LOGO.png) no-repeat 50% 50% / 100% 100%;
    display: none;
}

/*== ↓ MOBILE ===========================*/
@media only screen and ( max-width: 813px) {
    .max_width{ background: none; margin-top:0; margin-bottom: 154px; /*75px*/}
    .banner{ margin-top: 0; }
    .wmvideo{ display: none; }
    .cityBG{
        position:fixed;
        bottom: 0;
        width: 100%;
        height: 135px;
        background: none;
        z-index: -2;
    }
    .wmlogo{ margin: 0 auto 85px; }
    footer{ padding: 0.25rem 0; }
}