blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

body{font-family:Arial,YouYuan,sans-serif;color:#333;min-width:1000px}

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

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}

a{color:#333;text-decoration:none;transition:all .3s}

em{font-style:normal}

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

li,ol,ul{list-style:none}

button,input,select,textarea{vertical-align:middle;font-size:14px;font-family:inherit;line-height:normal;outline:0}

button{cursor:pointer}

table{border-collapse:collapse}

video{object-fit:contain}

.clearfix:after{content:"";display:block;clear:both}

.fl{float:left}

.fr{float:right}

.top{background:url(../img/web1/web1back-top.jpg) no-repeat top;background-size:cover;min-height:650px;position:relative}

.top .downloadApp{text-align:center;padding:30px 0 0 0;}

/*.top .downloadApp a{font-size:1.7rem;color:#fff;line-height:50px;border-radius:40px;border:1px solid #fff;padding: 15px 120px;display:inline-block}*/

.top .title{font-weight:600;font-size:5.75rem;color:#fff;text-align:center;font-family:SimHei;letter-spacing:65px;padding:60px 0 0 50px;}

.top .title a{display: block;color: #fff;}

.top .search{text-align:center;padding:30px 0}

.top .search div{background-color:#fff;display:inline-block;height:68px;border-radius:34px;text-align:center;padding:0 180px}

.top .search i{color:#cdcdcd;line-height:68px;margin-right:10px;font-size:25px}

.top .search input{border:0;outline:0;background:0 0;font-size:1rem;font-family:YouYuan;height:68px;width:250px;margin-bottom:8px}

.top .search input::placeholder{color:#8f8e91;font-size:1rem}

.top .tips{font-size:1.5rem;color:#fff;text-align:center;letter-spacing:15px}

.locs{background:url(../img/web1/web1back-star.png) no-repeat bottom;background-size:cover;padding:120px 0 240px;}

.locs h2{font-size: 60px; color: #6516d1; font-weight: bold; text-align: center; letter-spacing: 60px; margin: 0 0 60px;}

.locs ul{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1420px;padding:0 15px;margin:0 auto}

.locs li{display: flex;flex-direction: column;justify-content: center;width:45%;height: 90px;border-radius:45px;text-align:center;margin-bottom:24px;border-bottom: 1px solid #6516d1;padding: 0 15px;
box-sizing: border-box;transition:all .2s;}

.locs li:hover {box-shadow: 0px 9px 18px #b28bf7;}

.locs li a{display:block;cursor:pointer;color:#333;font-size:1.5rem;letter-spacing:5px}

.locs ul.two{justify-content: flex-start;}

.locs ul.two li{width: 30%; margin: 0 1.6% 48px 1.6%;}

.locs ul.two li a{font-size: 1.2rem;}

.locs ul.three li{width: 23%;margin-bottom: 48px;}

.locs ul.three li a{font-size: 1.1rem;}

html{font-size:16px}

@media screen and (max-width:1600px){

html{font-size:14px}

}

@media screen and (max-width:1300px){

html{font-size:12px}

}

.downloadApp span{
	display: inline-block;
	width: 160px;
	margin: 0 20px;
}
.downloadApp span i{
	text-align: center;
    position: relative;
    padding: 20px;
    background: #fff;
    display: inline-block;
    border-radius: 5px;
}
.downloadApp span i::after{
	position: absolute;
    top: 100%;
    left: 50%;
    font-size: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px;
    margin-left: -14px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.downloadApp span img{
	width: 100%;
}
.downloadApp span a{
	display: block;
	background-color: #fff;
	background-size: 35px 41px;
    background-position: 25px 50%;
    background-repeat: no-repeat;
	padding: 20px 20px 20px 60px;
	border-radius: 41px;
	margin-top: 30px;
}
.downloadApp span a.apple{
	background-image: url(../img/web1/ios-logo-w.png);
}
.downloadApp span a.android{
	background-image: url(../img/web1/android-logo-w.png);
}





