@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;background:#f8f9fd;}
#app{width:100%;height: 100%;background:#fff; 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:100px;margin-left: 40px;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;
}
.ml_auto{margin-left:auto;}
.mr_auto{margin-right: auto;}

.xtxt{text-align:center;}
.xtxt .a{font-size:1.1em;font-weight:bold;}
.xtxt .b{color:#91a1b7;padding-top:8px;font-size:.8em;}
.btnboxs{padding:0 30px;}
.btnboxs a{display: flex;flex-direction: row;align-items: center;border-radius: 20px;height:50px;width:100%;margin-bottom: 15px;box-shadow:0 5px 5px 0px rgba(230,46,46,.05)}
.btnboxs a .ico{width:18px;margin-right: 5px;margin-left: auto;}
.btnboxs a span{display: block;margin-right: auto;}

.btnboxs a.ios{background-color:#e62e2e;color:#fff;}
.btnboxs a.and{background-color:#fff;border:1px solid #91a1b7;color:#1e293b;}