/*所有动作0.2秒动画完成*/
.animate-all{
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.animate-left{
    -o-transition: left 0.2s ease;
    -ms-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
}
.animate-width{
    -o-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -webkit-transition: width 0.2s ease;
}

.animate-opacity{
     -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}


.weui-popup__container,.weui-actionsheet{ left:0; right:0; margin-left:auto;margin-right: auto;max-width:600px;}
    .weui-popup__container--visible .weui-popup__overlay{ opacity: 1;}
.weui-popup__container, .weui-popup__overlay{ z-index: 2000;}
.weui-photo-browser-modal{z-index: 3000;}

.stock-goods-class{width:180px; float: left; background: #f1f1f1; }
.stock-goods-container{ background: #fff; margin-left:180px;min-height: 700px;}
.stock-goods-list{margin-left: 100px; min-height: 600px; background: #fff; padding:0 15px;padding-bottom:100px;}
.stock-page-preload{ text-align:center; color:#999; padding:15px;}
.stock-search-form{ background: #fff; padding:10px 15px; box-shadow: 2px 2px 2px #eee; border-bottom: 1px solid #eee;}
.stock-search-form input,.stock-search-form .btn-search{ background: #eee; border-width:0;}
.stock-goods-item{ padding:10px 0;}
.stock-goods-item:hover{ background: #eee;}
.stock-goods-class ul{padding:0;}
.stock-goods-class li{ list-style: none;display: list-item;}
.stock-goods-class li a{ text-decoration: none;display: block;padding:8px 12px; padding-right:0; font-size:16px; color:#333;}
.stock-goods-class li.active{border-left:2px solid #00A201; background: #fff; color:#00A201; ;}
.stock-goods-class li.active a{color:#00A201;padding-left:12px;}
.stock-goods-class li.child-active{border-left:0px solid #00A201; background: #eee;}
.stock-goods-class li.child-active a{padding-left:10px;}

.stock-child-class li a{ font-size:14px; padding:8px 12px; color:#333;}
.stock-goods-class li.active .stock-child-class a{ color:#333;}
.stock-goods-class li.active .stock-child-class li.active a{ color:#00A201;}

.stock-child-icon{ height:20px; width:35px; text-align:right; float: left; }
.stock-icon{ height:20px; width:25px;  background-image: url('https://img-a35-cn.oss-cn-hangzhou.aliyuncs.com/images/nav.png');background-size:60px;float:left;background-repeat: no-repeat;}
.stock-classname{ margin-left: 15px;}
.stock-icon1010{ background-position: -20px -515px}
.stock-icon1011{ background-position: -17px -237px;}
.stock-icon1012{ background-position: -16px -330px;}
.stock-icon1013{ background-position: -19px -375px;}
.stock-icon1014{ background-position: -18px -423px;}
.stock-icon1181{ background-position: -17px -562px;}
.stock-icon1027{ background-position: -16px -284px;}
.active .stock-icon1010{ background-position: -20px -469px;}

.active .stock-icon1011{ background-position: -17px -8px;}
.active .stock-icon1012{ background-position: -16px -101px;}
.active .stock-icon1013{ background-position: -19px -145.5px;}
.active .stock-icon1014{ background-position: -18px -194px;}
.active .stock-icon1181{ background-position: -17px -606px;}
.active .stock-icon1027{ background-position: -16px -55px;}


.stock-list  .badge{ background:#0EA435; position:absolute; top:-5px; right:-5px; width:20px; height:20px; padding:0; line-height:20px;}


.float-btns{position: fixed;left:25px; bottom:30px; z-index:3;}
.float-btn{ position: absolute;bottom:0; left:0; width:50px; height: 50px;border-radius: 50%; background: #00A201; line-height: 16px; padding:8px; font-size:16px; text-align: center; color:#fff;box-shadow: 2px 2px 6px rgba(0,0,0,0.1);}

.main-btn{line-height: 50px; line-height: 52px; font-size:20px;padding:0;}
.float-btn .name{ font-size:12px;}
.active .float-btn{-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */}
.active .main-btn{ background: #ff6600;}
.active .main-btn{-ms-transform:rotate(225deg); /* Internet Explorer */
-moz-transform:rotate(225deg); /* Firefox */
-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); /* Opera */}
.active .main-btn{ background: #ff6600;}

.active .cart-btn{ left:60px;}
.active .info-btn{ left:120px;}
.active .home-btn{ left:180px;}
.active .user-btn{ bottom:60px;}
.active .cs-btn{ left:0px;bottom:120px;}


.swiper-pagination-bullet ,.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet{

    border:1px solid #fff;
    opacity: 0.8;
    background: transparent;
}
.swiper-pagination-bullet-active,.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet-active{
    opacity: 1;
    background: #fff;
}

@media  (max-width: 1500px) {

}
@media  (max-width: 1200px) {

}
@media  (max-width: 995px) {
}
@media  (max-width: 768px) {
	
	}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 600px) {

body{ margin-top:50px; background: #f1f1f1;}
.stock-goods-container{ background: #fff; margin-left:120px;min-height: 700px;}
.stock-banner{ position: absolute;top:30px; left:0; width:100%; box-shadow: 3px 3px 6px rgba(0,0,0,0.1); display:none;}
.stock-top-banner{ position: fixed;top:0px; left:0px; width:100%; z-index: 2; }
.stock-top-banner-info{ padding:5px 15px; background: #333; color:#fff; font-size:14px;}
.stock-top-form{ position: fixed;top:0px;z-index: 2; width:100%;}

.stock-goods-class{width:120px; background: #f1f1f1; position: fixed;left:0;top:52px; z-index: 1; height: 100%;overflow-y: auto; padding-bottom:200px;}
.stock-goods-list{margin-left: 100px; min-height: 600px; background: #fff; padding:0 15px;padding-bottom:200px;}
.stock-page-preload{ text-align:center; color:#999; padding:15px;}
.stock-search-form{ background: #fff; padding:10px 15px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); border-bottom: 1px solid #eee;}
.stock-search-form input,.stock-search-form .btn-search{ background: #eee; border-width:0;}
.stock-goods-item{ padding:10px 0;}
.stock-goods-item:hover{ background: #eee;}
.stock-goods-class ul{padding:0;}
.stock-goods-class li{ list-style: none;display: list-item;}
.stock-goods-class li a{ text-decoration: none;display: block;padding:8px 10px; padding-right:0; font-size:14px; color:#333;}
.stock-goods-class li.active{border-left:5px solid #00A201; background: #fff; color:#00A201; ;}
.stock-goods-class li.active a{color:#00A201;padding-left:5px;}
.stock-goods-class li.child-active{border-left:0px solid #00A201; background: #eee;}
.stock-goods-class li.child-active a{padding-left:10px;}

.stock-child-class li a{ font-size:12px; padding:8     px 10px; color:#333;}
.stock-goods-class li.active .stock-child-class a{ color:#333;}
.stock-goods-class li.active .stock-child-class li.active a{ color:#00A201;}

.stock-child-icon{ height:20px; width:25px; text-align:right; float: left; }
.stock-icon{ height:20px; width:25px;  background-image: url('https://img-a35-cn.oss-cn-hangzhou.aliyuncs.com/images/nav.png');background-size:60px;float:left;background-repeat: no-repeat;}
.stock-classname{ margin-left: 5px;}
.stock-icon1010{ background-position: -20px -515px}
.stock-icon1011{ background-position: -17px -237px;}
.stock-icon1012{ background-position: -16px -330px;}
.stock-icon1013{ background-position: -19px -375px;}
.stock-icon1014{ background-position: -18px -423px;}
.stock-icon1181{ background-position: -17px -562px;}
.stock-icon1027{ background-position: -16px -284px;}
.active .stock-icon1010{ background-position: -20px -469px;}

.active .stock-icon1011{ background-position: -17px -8px;}
.active .stock-icon1012{ background-position: -16px -101px;}
.active .stock-icon1013{ background-position: -19px -145.5px;}
.active .stock-icon1014{ background-position: -18px -194px;}
.active .stock-icon1181{ background-position: -17px -606px;}
.active .stock-icon1027{ background-position: -16px -55px;}
.float-btns{position: fixed;left:25px; bottom:30px; z-index:3;}
.float-btn{ position: absolute;bottom:0; left:0; width:50px; height: 50px;border-radius: 50%; background: #00A201; line-height: 16px; padding:8px; font-size:16px; text-align: center; color:#fff;box-shadow: 2px 2px 6px rgba(0,0,0,0.1);}

.main-btn{line-height: 50px; line-height: 52px; font-size:20px;padding:0;}
.float-btn .name{ font-size:12px;}
.active .float-btn{-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */}
.active .main-btn{ background: #ff6600;}
.active .main-btn{-ms-transform:rotate(225deg); /* Internet Explorer */
-moz-transform:rotate(225deg); /* Firefox */
-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); /* Opera */}
.active .main-btn{ background: #ff6600;}

.active .cart-btn{ left:60px;}
.active .info-btn{ left:120px;}
.active .home-btn{ left:180px;}
.active .user-btn{ bottom:60px;}
.active .cs-btn{ left:0px;bottom:120px;}






}