body{ overflow: scroll; -webkit-overflow-scrolling: touch;}

#Box{position: relative;max-width: 768px;margin: 0 auto; overflow: hidden;/* border:1px solid red;  */background-color: #f6f6f6;}
.ml{padding: 0 12px;}

.head{ display:flex; justify-content: flex-start; align-items: center; height:50px; padding:0px 12px; background-color:#3aade7; }
.head .logo{ display: block; width:143px; height:27px; background: url(../images/header-logo.png) no-repeat; background-size:82px 24px; margin-left:-10px; }
.head .search{ position: relative; width: 100%;; height: 24px; margin-left: 4%; }
.head .search input{ width:100%; height:24px; border:0px; border-radius:20px; background-color:#3399cc; text-indent:1em; }
.head .search button{ display:block; width:14px; height:14px; background: url(../images/search.png) no-repeat left center; background-size: 100%; position: absolute; top: 6px; right: 10px;border:1px solid transparent;outline:none; }
.head span{ display:block; width: 25px; height: 17px; background:url(../images/nav.png) no-repeat; background-size:17px 17px; margin-left: 10%; }

/* 导航 */
.menu{ position: relative; z-index: 1999; top: 0px;right:0px; padding:0 12px; min-width: 320px; max-width: 768px; width: 100%; height: 39px; overflow: hidden; }
.menu .menu-scroll{ overflow-x: scroll; overflow-y: hidden; }
.menu ul{ display: inline-block; width:703px; background-color:#f5f5f5; overflow: hidden; }
.menu ul li{ display: inline-block; padding: 0 12px; float: left; text-align: center; }
.menu ul li:nth-child(1){padding-left:0px;}
.menu ul li a{ display: inline-block; font-size:14px; color: #333; line-height: 35px;}
.menu ul li.active a{ color:#3aade7; }
.menu .menu-bottom{position: absolute; top:0px; right:12px; width:40px;height:100%; background: linear-gradient(to left, rgba(245,245,245,1) 0%, rgba(245,245,245,.3) 100%);}
.menu .menu-bottom .meunmor{ display: block; position: absolute; top: 10px; right: 0px; z-index: 10000; width: 14px; height: 14px; background: url(../images/ico_01.png) no-repeat left center; background-size: 14px 10px;}
.menu ul li a.on {color: #4777ff;font-weight: bold;border-bottom-color: #589cf6;}
/*bugger*/
.bug-nav{display:none;position: absolute;top:0px; left:0px; z-index:9999;width:100%;height:100%;margin:0 auto; overflow: hidden;background-color:rgba(0,0,0,.3);}
.bug-nav ul{position: absolute; top:50px; right:-180px; overflow: hidden;background-color:#5581FF;}
.bug-nav ul li{width:180px; height:38px;text-align: center;border-bottom: 1px solid #4c79f3;}
.bug-nav ul li a{font-size:14px;color:#fff;line-height: 38px;}

.QZfoot{clear: both;display: block;background-color: #333;text-align: center;overflow: hidden;}
.QZfoot p{font-size: 10px;color: #999;line-height: 20px;margin: 6px 0 12px;}

.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background: #000;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.closebtn{position: absolute;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;bottom: 0;left: 10px;background-size: 40px;}

nput::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cccccc;