@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; word-wrap: break-word;}
html {}
body { max-width: 7.5rem; margin: 0 auto; color: #000; font: 0.24rem/1.75 "微软雅黑"; background: #f5f5f5;}
input, select, button, textarea {font-size: 100%;font-family: inherit; outline: none; color: inherit;}
img { max-width: 100%; height: auto; border: 0; vertical-align: middle;}
table { border-collapse: collapse;}
a { color: inherit; text-decoration: none;}

.wrapper { min-height: 100vh; box-sizing: border-box; background: #fff; background-size: 100% auto;}

.box1 { padding: 0.3rem 0; border-bottom: solid 0.1rem #f5f5f5;}
.box1 .logo-bar { display: flex; align-items: center; justify-content: center; margin-bottom: 0.3rem;}
.box1 .logo-bar .logo { padding-right: 0.35rem;}
.box1 .logo-bar .logo img { width: 1.7rem; height: 1.7rem; border-radius: 0.3rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.06); background: #fff;}
.box1 .logo-bar .logor { line-height: 1;}
.box1 .logo-bar .logor .logo-tit { display: flex; align-items: center; margin-bottom: 0.2rem; line-height: 1; font-size: 0.4rem; font-weight: normal;}
.box1 .logo-bar .logor .logo-txt { font-size: 0.26rem; color: #999;}
.box1 .logo-bar .logor .logo-tit img { margin-left: 0.1rem; width: 0.4rem; height: auto;}
.box1 ul { display: flex; padding: 0 0.4rem;}
.box1 ul li { width: 33.33%; padding: 0 0.1rem; box-sizing: border-box;}
.box1 ul li a { display: block; height: 0.68rem; line-height: 0.68rem; text-align: center; color: #fff; border-radius: 0.1rem;}
.box1 ul li a.az { background: #c34dff;}
.box1 ul li a.ios { background: #ff5b5b;}
.box1 ul li a.ie { background: #3ebc40;}
.box1 ul li a img { width: 0.34rem; height: 0.34rem; margin-right: 0.1rem;}
.xiala { margin-top: 0.3rem; line-height: 1; color: #3399ff; text-align: center;}
.xiala img { width: 0.21rem; height: auto; margin-right: 0.1rem;}

.box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 0 0.4rem 0.2rem 0.4rem; text-align: center; border-bottom: solid 0.1rem #f5f5f5;}
.box2 { padding-top: 0.3rem;}
.box .logo { padding-bottom: 0.15rem;}
.box .logo img { width: 1.4rem; height: 1.4rem; border-radius: 0.3rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.06); background: #fff;}
.box .logo-tit { line-height: 1.5; font-size: 0.32rem; font-weight: normal;}
.box .logo-txt { margin-bottom: 0.15rem; color: #999;}
.box ul {}
.box ul li { padding-bottom: 0.2rem;}
.box ul li a { display: block; width: 2.5rem; height: 0.68rem; line-height: 0.68rem; color: #fff; border-radius: 0.1rem;}
.box ul li a.az { background: #c34dff;}
.box ul li a.ios { background: #ff5b5b;}
.box ul li a.ie { background: #3ebc40;}
.box ul li a img { width: 0.34rem; height: 0.34rem; margin-right: 0.1rem;}

.footer { padding: 0.3rem 0; text-align: center; background: #fff;}