* {margin: 0;outline: 0;padding: 0;list-style: none;font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;*/}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a{text-decoration: none;}
img{border:none;}

body{max-width: 720px;min-width:360px;margin: auto;position: relative;}
header{background: #5bb1ef;height:75px;position: relative;}
header .title{text-align: center;line-height: 75px;color: #fff;font-size: 27px;text-shadow:0px 1px 1px #d4d4d4 ;}
footer{color: #636363;font-size: 17px;text-align: center;padding: 15px 20px;}
.back{width: 40px;height: 40px;background: url(../images/main/back.png) no-repeat center center;position: absolute;top: 50%;margin-top: -20px;left: 12px;overflow: hidden;}
.back a{display: block;width: 40px;height: 40px;}
.fulfil{color: #fff;position: absolute;right: 12px;top: 50%;margin-top: -14px;font-size: 22px;}
.fulfil a{color: #fff;}
.home{width: 44px;height: 35px;background: url(../images/main/home.png) no-repeat center center;position: absolute;top: 50%;margin-top: -19px;right: 16px;overflow: hidden;}
.home a{display: block;width: 44px;height: 35px;}
.fg3{margin: 0px 5px;}
.fg2{margin: 0px 20px;}
.gz{background: #5bb1ef;text-align: center;padding:18px 0px;color: #fff;font-size: 18px;margin: 0 10px;}
.footer{overflow: hidden;margin-top: 30px;}
.footer p{color: #5f5f5f;font-size: 18px;text-align: center;margin: 35px 0px;}
.sx-li{/*padding:0px 15px;*/overflow: hidden;background: #fff;}
.sx-li-top{overflow: hidden;height: 70px;line-height:70px;/*border-top: 1px solid #e3e3e3;*/border-bottom: 1px solid #e3e3e3;color: #363636;font-size: 20px;cursor: pointer;margin: 0px 15px;}
.sx-li-top i{float: right;height: 50px;width: 50px;margin-top: 10px;}
.sx-li-top .close{background: url(../images/main/sx1.png) no-repeat center center;}
.sx-li .cb{overflow: hidden;padding: 8px 15px 12px 15px;}
.sx-li .cb label{display: block;width: 18.4%;background: #f2f2f2;color: #444444;height: 43px;line-height: 43px;text-align: center;float: left;font-size: 17px;margin: 1%;cursor: pointer;overflow: hidden;text-overflow: ellipsis; white-space:nowrap;}
.sx-li .cb input{display: none;}
.sx-li .cb input[type=checkbox]:checked + label {background: #1fa7ff;color: #fff;}
.sx-li .cb input[type=radio]:checked + label {background: #1fa7ff;color: #fff;}
.sx-li .cb .cd-l{margin-left: 0px;}
.sx-li .cb .cd-r{margin-right: 0px;}
.sx-t{color: #363636;font-size: 20px;margin: 10px 0px 15px 0px;}
.sx-li .cr input{display: none;}
.sx-li .cr input[type=radio]:checked + label {background: url(../images/main/ra2.png) no-repeat 0px center;}
.sx-li .cr label{display: block;background: url(../images/main/ra1.png) no-repeat 0px center;color: #363636;height: 30px;line-height: 28px;float: left;font-size: 17px;cursor: pointer;padding-left: 30px;font-size: 20px;margin-right:12px;margin-top: 8px;margin-bottom: 8px;}
.sx-li-n{overflow: hidden;display: none;padding: 0px 15px;}
.mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;display: none;z-index: 5;}
.mask2{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;display: none;z-index: 3;}
.sx-li{position: absolute;width: 100%;top: 75px;right: 0px;/*padding-bottom: 100px;*/max-width: 720px;display: none;z-index: 5;}
.sx-li-tn{background: #fafafc;height: 55px;line-height: 55px;}
.sx-li-tn-50{float: left;width: 50%;height: 55px;line-height: 55px;text-align: center;color: #4d4d4d;font-size: 19px;cursor: pointer;}
.sx-li-tn .active{color: #1fa7ff;height: 53px;line-height: 55px;border-bottom: 2px solid #1fa7ff;}
.sx-li2 .sx-li-top .close{background: url(../images/main/close.png) no-repeat center right;}
.xp{display: none;}
.xp-txt{margin: 0px 15px; color: #808080;font-size: 20px;line-height: 25px;padding: 15px 0px;}
.xp-txt img{max-width: 100%;}

.loading{top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: fixed;z-index: 99;display: none;}

.load1 .loader,
.load1 .loader:before,
.load1 .loader:after {
background: #FFF;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.load1 .loader:before,
.load1 .loader:after {
position: absolute;
top: 0;
content: '';
}
.load1 .loader:before {
left: -1.5em;
}
.load1 .loader {
text-indent: -9999em;
margin: 40% auto;
position: relative;
font-size: 11px;
-webkit-animation-delay: 0.16s;
animation-delay: 0.16s;
}
.load1 .loader:after {
left: 1.5em;
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 #FFF;
height: 4em;
}
40% {
box-shadow: 0 -2em #ffffff;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 #FFF;
height: 4em;
}
40% {
box-shadow: 0 -2em #ffffff;
height: 5em;
}
}


.index{overflow: hidden;position: relative;}
.index .index-logo{position: absolute;width: 280px;left: 50%;margin-left: -140px;top: 40px;}
.index .index-logo img{width: 100%;float: left;}
.index .index-img{float: left;width: 100%;}
.index-s{position: absolute;background: #5bb1ef;width: 340px;height:50px;border-radius: 6px;top: 110px;left: 50%;margin-left: -170px;}
.index-s-input{width: 240px;height: 38px;margin-left: 6px;margin-top: 6px;background: #fff;overflow: hidden;float: left;}
.index-s-input input{width: 240px;height: 38px;background: none;border: none;text-indent: 10px;font-size: 20px;}
.index-s-s{background: url(../images/main/ses.png) no-repeat 6px 8px;height: 38px;width: 77px;float: left;text-indent: 40px;line-height: 46px;margin-left: 5px;margin-top: 2px;}
.index-s-s input{background: none;border: none;color: #fff;font-size: 18px;}

.index-s-nav{position:absolute;bottom: 0px;width: 100%;height: 60px;line-height:60px; }
.index-s-nav ul{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.index-s-nav ul li{ height:60px; text-align: center;background:#bcd7fd; font-size:16px;position: relative;  -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding:0 10px;}
.index-s-nav ul li img{float:left;margin-top:5px;}
.index-s-nav ul li:first-child{height:60px;}
.index-s-nav ul li:first-child img{margin-right: 5px;}
.index-s-nav ul li:first-child a{color: #007dd2;}
.index-s-nav ul li:nth-child(4) a:active,.index-s-nav ul li:nth-child(4) a:hover {color:rgb(0, 0, 238);}
.index-s-nav ul li:nth-child(5){ height:60px;background: #5bb1ef;color: #fff;}
.index-s-nav ul li:nth-child(5) a{ color:#FFF;}
.index-s-nav ul li:nth-child(2) a,.index-s-nav ul li:nth-child(3) a{color: #5b5b5b;}
.index-s-l{margin: auto;}
.index-fg{height: 15px;width: 1px;background: #000;opacity: 0.2;display: block;position: absolute;right: 0px;top:25px;}

.body-f{height: 100%;position: fixed;overflow: hidden;left: 0;right: 0;}