@charset "utf-8";
.h-5{ height:5px; clear:both; overflow:hidden; display:block;}
.h-10{ height:10px; clear:both; overflow:hidden; display:block;}
.h-15{ height:15px; clear:both; overflow:hidden; display:block;}
.h-20{ height:20px; clear:both; overflow:hidden; display:block;}
body{ margin:0; font-size:14px;font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
html,body{height: 100%;width:100%;overflow: hidden;}
body{max-width: 640px;margin-left: auto;margin-right: auto;}
#app{width:100%;height: 100%;background:url(bg.png) center top no-repeat;background-size: cover; display: flex;flex-direction: column;}

a{text-decoration:none}
a:hover{ text-decoration:none}
ul,li,dl,dt,dd{margin:0; padding:0;list-style:none; list-style-image:none;list-style-type:none; list-style-position:outside;}
.qc{clear:both;overflow:hidden;}

p{ margin:0;}
img{ border:0;display: block;}
.logo{width:120px;margin-top:10%;margin-left: auto;margin-right: auto;}
.logo img{width:100%;}
.txt1{width:80%;margin:0 auto auto auto;}
.mt_auto{margin-top: auto;}
.flex_row {
    display: flex;
    flex-direction: row;
}

.flex_column {
    display: flex;
    flex-direction: column;
}

.flex_center {
    align-items: center;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_1 {
    flex: 1;
}

.xtxt{color:#fff;font-size: 1.1em;}
.xtxt .xing{height: 16px;margin-right:10px;margin-left: auto;}
.xtxt span{margin-right: auto;}
.btnboxs{width:66%;margin-left: auto;margin-right: auto;}
.btnboxs a{display: flex;flex-direction: row;align-items: center;background-color: #ffffff;color:#417df7;border-radius: 15px;height: 50px;width:100%;margin-bottom: 15px;}
.btnboxs a .ico{width:18px;margin-right: 5px;margin-left: auto;}
.btnboxs a span{display: block;margin-right: auto;}