*{-webkit-tap-highlight-color:rgba(0,0,0,0);;list-style:none;border:none;font-family:"PingFang SC", Helvetica,Arial,"Microsoft YaHei", 'Open Sans', 黑体, Hei, Heiti, sans-serif;margin:0;padding:0;}
html{background: #fff;overflow-x: hidden;}
span{display: inline-block;}
body{overflow-x: hidden;}
a{text-decoration: none;color: #000000;border-width:0px ;outline: none;-webkit-tap-highlight-color:transparent;}
a:hover{text-decoration: none;border-width:0px ;outline: none;-webkit-tap-highlight-color:transparent;}
a:visited{text-decoration: none;outline: none;border-width:0 ;-webkit-tap-highlight-color:transparent;}
a:active{text-decoration: none;border-width:0px ;outline: none;-webkit-tap-highlight-color:transparent;}
.clear-both{clear: both;}
/*底部*/
/*.footer{background: #fff;width: 750px;height: 107px;position: fixed;bottom: 0;left: 0;z-index: 99;border-top: 2px solid #c1c1c1;}
.footer ul{display: flex;justify-content:space-around;}
.footer ul li{display: flex;justify-content:space-around;align-items:center;height: 107px;flex-direction:column ;font-size: 24px;width: 20%;float: left;}
.footer ul li.on span{color: #cd3241;}
.footer ul li span{margin-top: -30px;}
.tab{background-position-y: -50px;width: 50px;height: 50px;background-image: url(../../img/mobile-site/gobal/footer_ico.png);background-size: 500px 100px;}
.on .tab{background-position-y: 0px;}
.tab-01{background-position-x: 0px;}
.tab-02{background-position-x: -50px;}
.tab-03{background-position-x: -100px;}
.tab-04{background-position-x: -150px;}
.tab-05{background-position-x: -200px;}*/

.box-top{z-index: 1000;background: #fff;border-bottom: 1px solid #C1C1C1;width: 100%;display: flex;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;}
.box-top .search{margin: 16px auto;width: 556px;height: 60px;background: #ffffff;display: flex;justify-content: center;align-items: center;font-size: 26px;border: 1px solid #cecece;}
.box-top .search span{margin-left: 20px;color: #707070;}
.box-top .search .search-ico{width: 33px;height: 33px;background: url(../../img/mobile-site/gobal/footer_ico.png);background-size:330px 66px;background-position-x: -198px;}		
.recognizer-ico{width: 44px;height: 37px;background: url(../../img/mobile-site/gobal/recognizer-ico.png);margin-left: 18px;}
.shop-cart-ico{width: 43px;height: 36px;background: url(../../img/mobile-site/gobal/cart.png);margin-right: 18px;}
/*主体*/
.main{width: 750px;height: 100%;    padding: 91px 0 145px 0;}

/*头部*/
.header{width: 100%;height: 90px;display: flex;position: fixed;z-index: 100;left: 0;top: 0;border-bottom: 1px solid #C1C1C1;background: #fff;justify-content:space-between;align-items:center;}
.h-back{width: 50px;height: 50px;background: url(../../img/mobile-site/gobal/footer_ico.png);background-size: 500px 100px;background-position-x: 250px;margin-left: 20px;}
.h-title{line-height: 90px;font-size: 34px;}
.h-search{width: 50px;height: 50px;background: url(../../img/mobile-site/gobal/footer_ico.png);background-size: 500px 100px;background-position-x: 200px;margin-right: 20px;}


.footer{width: 100%;height: 130px;box-shadow: 0px -10px 10px #f4f3f3;position: fixed;z-index: 9999;bottom: 0;left: 0;background: #fff;}
.footer .footList{width: 100%;height: 100%;}
.footer .footList li{margin-top:-15px;width: 25%;height: 100%;float: left;display: flex;display: flex;justify-content:center;align-items:center;flex-direction: column;}

.footer .footList li .footer-tab{width: 80px;height: 80px;background: url(../../img/mobile-site/gobal/footer_icon2.png);}
.footer .footList li .footer-tab1{background-position-y: 0px;}
.footer .footList li .footer-tab2{background-position-y: -80px;}
.footer .footList li .footer-tab3{background-position-y: -160px;}
/*.footer .footList li .footer-tab4{background-position-y: -240px;}*/
.footer .footList li .footer-tab5{background-position-y: -320px;}
.footer .footList li .footer-name{margin-top: -15px;font-size: 24px;color: #9c9c9c;}
.footer .footList li.on .footer-tab{background-position-x: -80px;}
.footer .footList li.on .footer-name{color: #000;}

.header{width: 100%;height: 100px;border-bottom: 1px solid #bcbcbc;position: fixed;left: 0;top: 0;display: flex;}
.header .header-back{width: 21px;height: 34px;background: url(../../img/mobile-site/header_back.png);position: absolute;left: 31px;top: 50%;-webkit-transform: translateY(-50%);}
.header .header-title{font-size: 32px;font-weight: bold;}