.w1200{width:1200px;margin:0px auto;position:relative;}
.header{border-bottom:2px solid #4caf50;}
/*顶部广告栏*/
.top-ad{height:75px;position:relative;}
.top-ad .image{display:block;height:75px;}
.top-ad .box{position:absolute;width:1200px;left:50%;margin-left:-600px;height:100%;z-index:5;top:0px;}
.top-ad .close{display:block;width:26px;height:26px;background:url(/image/icon7.png) no-repeat;position:absolute;right:0px;top:10px;z-index:5;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;cursor:pointer;}
.top-ad .close:hover{transform:rotate(180deg);}
/*顶部栏*/
.topbar{height:35px;background:#f9f9f9;border-bottom:1px solid #e3e3e3;position:relative;z-index:8000;}
.hfenzhan{float:left;display:inline-block;margin-left:8px;}
.hfenzhan >span{
    line-height:35px;color:#848484;display:inline-block;padding-left:10px;background:url(/image/hline.png) no-repeat left center;
}
.hfenzhan > a {    display: inline-block;
    /* width: 60px; */
    height: 24px;
    line-height: 24px;
    text-align: center;
    /* background: #7a5f5f; */
    color: #9e9e9e;
    margin-right: 4px;
}
.hfenzhan > a:hover {color:#4caf50;}
.welcome{float:left;height:35px;line-height:35px;color:#848484;}
.company{float:left;position:relative;margin-left:15px;}
.company .result{margin-top:5px;height:24px;line-height:24px;background:#231815;padding:0px 15px;display:block;font-size:14px;font-weight:bold;color:#fff;float:left;position:relative;}
.company .result .icon{display:block;bottom:2px;right:2px;z-index:8005;position:absolute;}
.company-dropdown{display:none;background:#fff;position:absolute;left:0px;top:30px;z-index:8005;width:485px;box-shadow:0px 3px 5px rgba(0,0,0,0.2);}
.company-dropdown .title{height:28px;background:#231815;padding:8px;}
.company-dropdown .tips{line-height:28px;height:28px;font-size:14px;color:#fff;font-weight:bold;float:left;}
.company-dropdown .title .btn{text-align:center;display:block;float:right;height:28px;line-height:28px;width:70px;color:#fff;background:#ffc000;}
.company-dropdown .list{padding:0px 5px;font-size:14px;}
.company-dropdown .area{border-top:1px dashed #eee;padding-top:5px;}
.company-dropdown .area:first-child{border-top:none;}
.company-dropdown .name{float:left;height:24px;line-height:24px;width:50px;text-align:center;font-weight:bold;}
.company-dropdown .detail{float:left;width:425px;}
.company-dropdown .item{float:left;padding:0px 5px;display:block;margin-bottom:5px;height:24px;line-height:24px;}
.company-dropdown .item:hover,
.company-dropdown .item.on{background:#ff7c7c;color:#fff;}
.login-status{float:right;height:35px;line-height:35px;padding-left:16px;background:url(/image/icon5.png) no-repeat left center;margin-right:25px;}
.login-status .link{float:left;color:#848484;}
.login-status .link:hover{color:#4caf50;}
.login-status .divi{float:left;color:#848484;margin:0px 5px;}
.menu{float:right;height:35px;line-height:35px;}
.menu .item{float:left;color:#9a9a9a;}
.menu .item:hover{color:#4caf50;}
.menu .divi{float:left;color:#9a9a9a;margin:0px 5px;}
/*头部栏*/
.headbar{padding-top:20px;padding-bottom:25px;position:relative;z-index:7000;}
.logo{float:left;display:block;width:237px;height:56px;}
.logo img{display:block;width:237px;height:56px;}
.slogan{float:left;margin-left:30px;margin-top:5px;display:block;width:148px;height:55px;transition:all 1s ease;}
.slogan:hover{-webkit-animation:slogan 2s ease infinite;animation:slogan 2s ease infinite;}
.slogan img{display:block;width:148px;height:55px;}
.search-container{float:left;padding-left:60px;position:relative;}
.search-bar .input{display:block;width:480px;height:35px;line-height:35px;border:2px solid #4caf50;border-right:0px;padding:0px 5px;float:left;}
.search-bar .btn{float:left;display:block;width:85px;height:39px;line-height:39px;text-align:center;background:#4caf50;color:#fff;font-size:16px;}
.search-dropdown{display:none;position:absolute;left:60px;top:39px;z-index:7005;background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.2);width:490px;border:1px solid #eee;}
.search-dropdown .close{position:absolute;right:10px;top:10px;z-index:7010;display:block;width:11px;height:11px;background:url(/image/icon4.png) no-repeat;}
.search-help{float:left;width:245px;height:250px;border-right:1px solid #f9f9f9;}
.search-help .item{display:block;height:25px;line-height:25px;padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-help .item.hover,
.search-help .item:hover{background:#fff5f5;}
.search-hot{float:left;width:234px;padding-left:10px;height:250px;overflow:hidden;}
.search-hot .title{padding-top:5px;}
.search-hot .list{padding-top:5px;}
.search-hot .item{display:block;float:left;border:1px solid #dcdcdc;height:23px;line-height:23px;margin-right:10px;padding:0px 18px;margin-bottom:12px;}
.search-hot .item:hover{border:1px solid #4caf50;background:#4caf50;color:#fff;}
.search-words{padding-top:3px;}
.search-words .name{float:left;color:#919090;}
.search-words .item{float:left;color:#919090;margin-right:10px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.search-words .item:hover{color:#4caf50;-webkit-transform:scale(1.2);transform:scale(1.2);}
.endorse{float:right;color:#4caf50;text-align:right;padding-top:5px;}
/*菜单栏*/
.nav-container{position:relative;z-index:6000;}
.nav-container>.item{float:left;margin-left:30px;display:block;font-size:14px;font-weight:bold;height:30px;line-height:30px;}
.nav-container>.item.index{padding-left:20px;background:url(/image/icon2.png) no-repeat left center;}
.nav-container>.item:hover{color:#4caf50;}
.nav-container>.item.on{color:#4caf50;}
.nav{float:left;width:240px;position:relative;}
.nav>.title{height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff;padding-left:10px;background:#4caf50 url(/image/icon1.png) no-repeat 205px center;}
.nav>.list{position:absolute;left:0px;top:32px;z-index:6005;background:#fafafa;height:400px;width:100%;box-shadow:0px 5px 5px rgba(0,0,0,0.2);}
.nav-first{height:85px;padding:14px 10px 0px;overflow:hidden;border-top:1px solid #f4f4f4;}
.nav-first:hover{background:#fff;}
.nav-first:first-child{border-top:1px solid #fafafa;}
.nav-first>.title{font-size:14px;font-weight:bold;padding-left:25px;}
.nav-first>.title.phone{background:url(/image/nav1.png) no-repeat left center;}
.nav-first>.title.intelligence{background:url(/image/nav2.png) no-repeat left center;}
.nav-first>.title.acc{background:url(/image/nav3.png) no-repeat left center;}
.nav-first>.title.pad{background:url(/image/nav4.png) no-repeat left center;}
.nav-first>.list{padding-left:25px;padding-top:10px;}
.nav-first>.list>.item{float:left;margin-right:12px;margin-bottom:10px;word-break:keep-all;white-space:nowrap;}
.nav-first>.list>.item:hover{color:#4caf50;text-decoration:underline;}
.nav-second{position:absolute;left:240px;top:0px;z-index:6010;width:0px;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.2);display:none;overflow:hidden;height:400px;}
.nav-first:hover .nav-second{display:block;}
.nav-second>.box{width:600px;padding:0px 25px;}
.nav-second>.box>.title{padding:10px 0px;border-bottom:2px solid #f4a099;}
.nav-second>.box>.title>.item{display:block;float:left;background:#f4a099;color:#fff;height:25px;line-height:25px;padding:0px 10px;margin-right:15px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.nav-second>.box>.title>.item:hover{background:#4caf50;}
.nav-second>.box>.list{padding-bottom:60px;}
.nav-second .ad{padding-bottom:20px;}
.nav-second .ad .item{float:left;display:block;width:200px;height:68px;}
.nav-second .ad img{display:block;width:200px;height:68px;position:relative;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.nav-second .ad .item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:6015;}
.nav-third>.title{float:left;font-size:14px;font-weight:bold;width:90px;height:55px;line-height:55px;}
.nav-third>.list{float:left;width:510px;border-bottom:1px dashed #ddd;line-height:25px;padding:15px 0px;}
.nav-third>.list>.item{float:left;margin-right:10px;}
.nav-third>.list>.item:hover{color:#4caf50;}
.nav-third>.list>.more{float:right;color:#939393;}
/*侧边栏*/
.aside{position:fixed;right:-305px;top:0px;width:340px;height:100%;background:#fff;z-index:9000;}
.toolbar{width:35px;height:100%;background:#0c0c0c;position:relative;float:left;}
.toolbar .tabs{position:absolute;left:0px;top:50%;margin-top:-130px;z-index:9005;width:100%;}
.toolbar .item{display:block;position:relative;height:35px;}
.toolbar .item .icon{display:block;height:35px;z-index:9015;position:relative;}
.toolbar .item .icon.gift{background:#0c0c0c url(/image/toolbar1.png) no-repeat center center;}
.toolbar .item .icon.coupon{background:#0c0c0c url(/image/toolbar3.png) no-repeat center center;}
.toolbar .item .icon.history{background:#0c0c0c url(/image/toolbar4.png) no-repeat center center;}
.toolbar .item .icon.qrcode{background:#0c0c0c url(/image/toolbar5.png) no-repeat center center;}
.toolbar .item .icon.feedback{background:#0c0c0c url(/image/toolbar6.png) no-repeat center center;}
.toolbar .item .icon.service{background:#0c0c0c url(/image/toolbar7.png) no-repeat center center;}
.toolbar .item:hover .icon{background-color:#4caf50;}
.toolbar .item .tag{height:35px;line-height:35px;width:60px;color:#fff;text-align:center;border-radius:5px 0px 0px 5px;background:#0c0c0c;position:absolute;left:0px;top:0px;z-index:9010;}
.toolbar .item:hover .tag{background:#4caf50;}
.toolbar .cart{height:97px;padding:0px 4px;display:block;}
.toolbar .cart:hover{background-color:#4caf50;}
.toolbar .cart .box{border-top:1px solid #454545;border-bottom:1px solid #454545;height:95px;color:#fff;text-align:center;}
.toolbar .cart:hover .box{padding-top:1px;border:none;height:61px;}
.toolbar .cart .icon{background:url(/image/toolbar2.png) no-repeat center center;display:block;height:30px;}
.toolbar .cart .words{text-align:center;line-height:14px;}
.toolbar .cart .num{height:14px;line-height:14px;background:#fff;border-radius:7px;width:26px;margin:0px auto;color:#4caf50;font-weight:bold;margin-top:5px;}
.return-top{display:block;color:#fff;background:url(/image/toolbar8.png) no-repeat center 12px;position:absolute;left:0px;bottom:0px;z-index:9005;height:30px;line-height:20px;text-align:center;padding-top:20px;width:100%;}
.return-top:hover{background-color:#4caf50;}
.pannel{width:305px;height:100%;overflow-y:scroll;float:left;position:relative;z-index:9020;background:#fff;overflow-x:hidden;}
.pannel .page{position:absolute;left:305px;top:0px;z-index:9025;width:100%;height:100%;background:#f3f3f3;}
.pannel .title{height:40px;line-height:40px;padding-left:40px;position:relative;}
.pannel .title.cart{background:#fff url(/image/toolbar10.png) no-repeat 10px center;}
.pannel .title.history{background:#fff url(/image/toolbar9.png) no-repeat 10px center;}
.pannel .title.qrcode{background:#fff url(/image/toolbar13.png) no-repeat 10px center;}
.pannel .close{display:block;width:15px;height:15px;background:url(/image/toolbar11.png) no-repeat;position:absolute;right:10px;top:12px;z-index:9030;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.pannel .close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.normal-cart{display:none;}
.aside-goods .item{margin-top:5px;background:#fff;padding:10px 0px 10px 5px;}
.aside-goods .image{width:58px;height:58px;display:block;float:left;border:1px solid #f3f3f3;}
.aside-goods .image img{display:block;width:58px;height:60px;}
.aside-goods .detail{width:205px;float:left;padding-left:15px;}
.aside-goods .name{height:40px;line-height:20px;overflow:hidden;display:block;}
.aside-goods .name:hover{color:#4caf50;}
.aside-goods .info{display:block;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aside-goods .price{color:#4caf50;}
.total-price{position:absolute;left:0px;bottom:0px;z-index:9035;width:100%;background:#fff;padding:15px 0px;}
.total-price .detail{float:left;width:140px;padding-left:10px;}
.total-price .row{height:14px;line-height:14px;white-space:nowrap;}
.total-price .row .num{color:#4caf50;}
.total-price .btn{float:left;width:120px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;display:block;background:#4caf50;}
.login-tips{padding-top:15px;text-align:center;}
.login-tips .link{color:#4caf50;}
.empty-cart{width:100%;background:url(/image/toolbar12.png) no-repeat top center;padding-top:60px;height:60px;position:relative;position:absolute;left:0px;top:50%;margin-top:-60px;z-index:9025;}
.empty-cart .row{height:20px;line-height:20px;text-align:center;}
.empty-cart .link{color:#4caf50;}
.qr-code{padding-top:50px;}
.qr-code img{display:block;width:100%;margin:0px auto;}
/*动画效果*/
@-webkit-keyframes slogan{
	0%{
		transform:rotateY(0deg);
	}
	50%{
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(0deg);
	}
}
@keyframes slogan{
	0%{
		transform:rotateY(0deg);
	}
	50%{
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(0deg);
	}
}