a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
p,
select,
span,
strong,
textarea,
ul { margin: 0; padding: 0 }

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong { font-weight: 400; }

html { width: 100%; height: 100%; background: #f5f5f5; }

body { margin: 0 auto; background: #fff; font-family: "microsoft yahei", Arial; font-size: .26rem; -webkit-user-select: none; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }

::-webkit-scrollbar { width: 0; height: 0; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

li { list-style-type: none; float: left }

a { text-decoration: none; color: #333; outline: 0; }

img { border: none; vertical-align: middle; }

em,
i,
var { font-style: normal; }

button { font-family: "microsoft yahei", Arial; outline: 0; cursor: pointer; font-size: .26rem; border: none; }

.mobile-wrap { position: relative; min-height: 100vh; width: 100%; float: left; background-color: #fff; padding-bottom: .5rem; margin: 0 auto; }

.head { width: 7.5rem; height: 1.2rem; position: fixed; display: flex; justify-content: space-around; align-items: center; top: 0; background-color: #fff; box-shadow: rgba(160, 250, 200, 0.15) 0px 2px 5px; z-index: 999; }

.head .logo { height: 1.2rem; display: flex; justify-content: center; align-items: center }

.head .logo img { width: 4rem }

.head .lbtn { padding: .1rem .15rem; background-color: #fff; border-radius: .1rem; font-size: .24rem; color: #fff; height: .6rem; display: flex; align-items: center; }

.head .lbtn:hover { background-color: #0380ff; }

.head .rbtn { padding: .1rem .15rem; background-color: #0079f3; border-radius: .1rem; font-size: .24rem; color: #fff; height: .6rem; display: flex; align-items: center; }

.head .rbtn:hover { background-color: #0380ff; }

.lbtn img { width: .28rem; height: .36rem; margin-right: .1rem; }

.rbtn img { width: .35rem; height: .36rem; margin-right: .1rem; }

.banner { width: 100%; padding-top: 1.2rem }

.banner img { width: 100%; }

.iconlist { width: 92%; border-radius: .2rem; position: relative; margin: 0 auto 1.8rem; }

.iconlist ul { width: 100%; height: 1.8rem; border-radius: .2rem; position: absolute; display: flex; flex-direction: row; justify-content: space-around; align-items: center; /* top: -1.2rem; */ }

.iconlist ul li img { width: .8rem; margin-bottom: .15rem; display:block;}

.iconlist ul li { color: #999999; display: flex; flex-direction: column; align-items: center; text-align:center;  }
.iconlist ul li a{color:#999;}
.web { width: 90%; margin: 0 auto; }

.webspecial { height: 2rem; border-radius: .2rem; background-color: #f2f2f2; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: .24rem; padding: 0 .3rem; }

.webspecial img { width: 1.6rem; height: auto; margin-right: .3rem; }

.webspecial .right { display: flex; flex-direction: column; align-items: flex-start; }

.webspecial .right p { color: #18a11a; font-size: .36rem; margin-bottom: .1rem; }

.webspecial .right span { color: #808080; font-size: .28rem; margin-bottom: .2rem; letter-spacing: .02rem; }

.webspecial .right button { width: 2.2rem; height: .5rem; background-color: #58a0e9; color: #fff; font-size: .28rem; border-radius: .3rem; }

.webspecial .right button:hover { background-color: #1181f3; }


.weblist {
    height: 1.2rem;
    border-radius: .2rem;
    background-color: #fff;
    background: url("../image/bg-1.png") center center no-repeat;
    /*box-shadow: rgba(173, 211, 255, 0.6) 0px 4px 10px; position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: .24rem; padding: 0 .3rem;*/
}

.list-2 {
    background: url("../image/bg-2.png") center center no-repeat;
}
.list-3 {
    background: url("../image/bg-3.png") center center no-repeat;
}

/*.weblist:hover { box-shadow: rgba(140, 180, 250, 0.6) 0px 4px 10px; }*/

.weblist img { width: 3.2rem; height: auto; }

.weblist span {
    width: 2rem;
    height: .56rem;
    background-color: transparent;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    border-radius: .3rem;
}

.weblist span:hover { background-color: transparent; color: #fff; }

.ft { width: 90%; margin: 0 auto; }

.ft h1 { width: 100%; text-align: center; font-size: .32rem; color: #666; margin-bottom: .3rem; }

.ft ul li { font-size: .24rem; color: #999; height: .4rem; line-height: .4rem; }

@media screen and (min-width: 750px) {
    html { zoom: 75%; }
}
.download-box { position: relative; }
.download-box a { padding: .2rem .4rem .4rem .4rem;  display:inline-block; width:100%; text-align:center;}
.download-box a img { width: 40%; height: auto; }
.footer { width: 100%; padding-top: .3rem; border-radius: .2rem; background-color: #f2f2f2; margin-bottom: .24rem;}