@charset "utf-8";body{font-family:"微软雅黑"}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:100% !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}
input,button,textarea,.swiper-pagination span,.swiper-button{outline:none !important}
.sizeCover{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.main-pad-1{padding:30px 0 0}
.main-pad-2{padding:0 0 30px}
.main-Background-1{background:rgba(0,0,0,0.6)}
header{position:fixed;left:0;top:0;z-index:999;width:100%;height:60px;background-color:#fff}
.logo{display:block;width:160px;height:60px;line-height:60px;text-align:center;font-size:28px;color:#00f;font-weight:bold}
.content{padding-top:60px}
.wrapper{padding:40px;min-height:calc(100vh - 60px)}
.left-wrap{position:fixed;left:40px;top:100px;bottom:40px;z-index:9999;width:240px}
.right-wrap{margin-left:310px}
.search{position:relative;border:1px solid #dcdfe6;border-radius:20px;overflow:hidden}
.search input{padding:0 30px 0 15px;width:100%;height:38px;background:none;border:none;color:#606266;line-height:38px;transition:all .3s}
.search input::-webkit-input-placeholder{color:#999}
.search input:-moz-placeholder{color:#999}
.search input::-moz-placeholder{color:#999}
.search input:-ms-input-placeholder{color:#999}
.search button{position:absolute;right:0;top:0;padding:0;padding-right:5px;width:30px;height:40px;line-height:40px;background:none;border:none;font-size:0}
.search button img{width:14px;opacity:.4}
.menu-title{margin-top:20px;color:#aaa;}
.subMenu{position: relative; height:calc(100% - 80px);}
.subMenu .mCustomScrollbar{position: relative; height:100%;}
.subMenu ul li{ padding-right:20px;}
.subMenu ul li a{ display: block; font-size: 14px; color:#303133; line-height: 42px;transition:all .3s}
.subMenu ul li.current a{color:#1db514;}
#mCSB_1_scrollbar_vertical{ width:6px; opacity: 1; background: none;}
.mCSB_scrollTools .mCSB_draggerRail{width:6px !important; background: none !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px !important; background: #dddee0 !important; border-radius: 3px;}
.product-list{ position: relative; margin-bottom: -30px;}
.product-list .item{ margin-bottom: 30px; border:solid 1px #ebeef5; border-radius: 5px; overflow: hidden;transition:all .3s;}
.product-list .item .imgbox{ position: relative; padding-top:calc(315 / 480 * 100%); border-radius: 5px; overflow: hidden;}
.product-list .item .imgbox .scroll{ position: absolute; left:0; top:0; z-index: 1; width: 100%; min-height: 100%;font-size: 0; transition: all 5s linear;}
.product-list .item .imgbox .scroll img{ width: 100% !important; height: auto !important;}
.product-list .item .textbox{ padding:30px;}
.product-list .item .textbox .title{ display: flex; justify-content: space-between; align-items: center;height: 24px;color: #333; line-height: 24px;}
.product-list .item .textbox .name{ font-size: 18px;}
.product-list .item .textbox .tag{ font-size: 14px;}
.product-list .item .textbox .jieshao{ margin-top: 10px; min-height:40px; color: #666; line-height:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.product-list .item .textbox .language{ margin:15px 0 35px; font-size: 14px; color: #333; line-height: 24px;}
.product-list .item .textbox .other{ display: flex; justify-content: space-between; align-items: center;}
.product-list .item .textbox .other .instructions{ font-size: 20px; color: #1db514;}
.product-list .item .textbox .other .btns a{ display: block; width:104px; height: 40px; font-size: 14px; color: #606266; text-align: center; line-height: 38px; border: 1px solid #dcdfe6; border-radius: 20px; transition: all .3s;}
.product-list .mask{display:none;position:absolute;left:0;top:0;right:0;z-index:999999;height:calc(100vh - 100px);}
.product-list .mask.current{display:block}

@media (min-width:992px){
	.subMenu ul li:hover a{color:#1db514;}
	.product-list .item:hover{ box-shadow:0 10px 20px rgba(0,0,0,0.1);}
	.product-list .item .imgbox:hover .scroll{-webkit-transform:translateY(-580px);transform:translateY(-580px)}
	.product-list .item .textbox .other .btns a:hover{ color: #1db514; background: #e8f8e8; border-color: #bbe9b9;}
}
@media (max-width:1439px){
	.wrapper{ padding:30px;}
	.left-wrap{left:30px;top:90px;bottom:30px;width:200px}
	.right-wrap{margin-left:230px}
	.product-list .item .textbox{ padding: 20px;}
	.product-list .item .textbox .name{ font-size: 16px;}
	.product-list .item .textbox .language{ margin:15px 0;}
	.product-list .item .textbox .other .instructions{ font-size: 18px;}
}
@media (max-width:1199px){
	.wrapper{ padding:30px;}
	.left-wrap{left:30px;top:90px;bottom:30px;width:200px}
	.right-wrap{margin-left:230px}
	.product-list .item .textbox{ padding: 20px;}
	.product-list .item .textbox .name{ font-size: 16px;}
	.product-list .item .textbox .language{ margin:15px 0;}
	.product-list .item .textbox .other .instructions{ font-size: 16px;}
	.product-list .item .textbox .other .btns a{ width:100px; height: 34px; line-height: 32px;}	
}
@media (max-width:991px){
	header{border-bottom: 1px solid #e2e2e2;}
	header .mobile-menu{ margin:15px 15px 0 0;}
	header .mobile-menu img{ width:30px; cursor: pointer; opacity:.5;}
	.wrapper{ padding:30px 0;}
	.left-wrap{ left:-100%; top:0; bottom:0; z-index: 99999; padding:20px 0 0; width:400px; background:#fff; box-shadow:2px 0 20px rgb(0 0 0 / 5%); transition: all .5s;}
	.left-wrap.active{ left:0;}
	.left-wrap .close{ position: absolute; right:10px; top:20px; z-index: 1; width:40px; height:40px; opacity:.3;}
	.left-wrap .close:before,
	.left-wrap .close:after{ content:""; position: absolute; left:23%; top:50%; z-index: 1; width:54%; height:2px; background: #000; transition: all .3s;}
	.left-wrap .close:before{ transform: rotate(45deg);}
	.left-wrap .close:after{ transform: rotate(-45deg);}
	.right-wrap{ margin:0;}
	.search{ margin:0 60px 0 20px;}
	.menu-title{ display: flex; justify-content: center; margin:10px 0; overflow: hidden;}
	.menu-title span{ position: relative;}
	.menu-title span:before,.menu-title span:after{ content:""; position: absolute; top:50%; z-index: 1; width: 50vw; height: 1px; background: #f1f1f1;}
	.menu-title span:before{ right: calc(100% + 15px);}
	.menu-title span:after{ left: calc(100% + 15px);}
	.subMenu{height:calc(100vh - 120px);}
	.subMenu ul li{ padding-right:0;}
	.subMenu ul li a{ padding:0 40px 0 20px; font-size: 14px; color:#303133; line-height:50px; border-bottom: 1px solid #eee;}
	.mobile-shake{ position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: all .3s;}
	.mobile-shake.active{visibility:visible; opacity: 1; }
}
@media (max-width:767px){

}
@media (max-width:479px){
	.left-wrap{ width:320px;}
	.subMenu ul li a{ padding:0 30px 0 15px; line-height:44px;}
}