body { font-family:'Open Sans', sans-serif;}
.wapper{ max-width:1200px; width:100%;}
.dropdown { position: absolute; z-index: 99999; background: #fff; border: 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); display: none; color: #131219 }

.row{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.space-between{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-7,.col-lg-9,.col-lg-10,.col2,.col3{ float:left; padding:0 15px; box-sizing:border-box;}
.col-lg-2{width:16.66666667%;}
.col-lg-3{ width:25%;}
.col-lg-4{ width:33.3333333%}
.col-lg-6{ width:50%;}
.col-lg-7{ width:58.33333333%;}
.col-lg-9{ width:75%;}
.col-lg-10{ width:83.33333333%;}
.col2{ width:80%;}
.col3{ width:20%;}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}


.header-box{ transition:all .3s ease-out;position:relative;z-index:99;width:100%;position:absolute;top:0;left:0;right:0; z-index:1000;}
.header-box.fixed{ position:fixed; background-color:rgba(0,0,0,0.4);}
.header-box.other_header_box{position:static;background:#202022; }
.header-box.other_header_box.fixed{ position:fixed;}
.header-box.posFixed{box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);background:#ffffff; opacity:0.97; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; position: fixed; top: 0;  left: 0; right: 0;}


.header-box .header{height:80px; }
.header-box .header-mid{display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: center;}

.header-box .logo{display: flex; align-items: center;width:15%;height:100%;padding:15px 15px 15px 0;box-sizing:border-box;}
.header-box .logo a{display:block;}
.header-box .logo img{max-height:50px;max-width:100%;display:inline-block;vertical-align:middle;}
.header-box .header-rt{ box-sizing:border-box;}
.header-box .header-rt{display:inline-block;float:right;}
.header-box .header-rt .sns{ display: flex;}
.header-box .header-rt .sns li{ width:26px; height:26px; text-align:center; display:inline-block; margin: 0 2px; line-height: 26px; border-radius:50%; transition:all .15s linear}
.header-box .header-rt .sns li a{ color:#fff;}
.header-box .header-rt .sns li:hover{ background:#cb1023;}


.header-box .search-btn{display:inline-block;vertical-align:top;cursor:pointer;padding:15px; line-height:26px;}
.header-box .search-btn > .icon{fill:#fff;width:20px;height:20px;vertical-align:middle;}
.header-box .search-btn .icon.search-close{display:none;}
.header-box .search-box{position:absolute;right:0;top:80px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background:#7eced5;padding:20px;line-height:normal;display:none;left:0; border-radius:8px;}
.header-box .search-box:before{position:absolute;content:'';bottom:-8px;height:8px;left:0;right:0;box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;background: rgba(0,0,0,0.03);z-index:2;}

.header-box .search_input{height: 32px; width: calc(100% - 58px);padding-left:10px;background:none;color:#fff;border:0;float:left;box-sizing:border-box;display:inline-block;}
.header-box .btn_search{display:inline-block;height:32px;width:48px;border:none;background:none;cursor:pointer;-webkit-transition: all 700ms; transition: all 700ms;border-radius:0 ;box-sizing:border-box;}
.header-box .btn_search .icon{fill:#fff;-webkit-transition: all 700ms; transition: all 700ms;}
.header-box .btn_search:hover .icon{fill:#fff;}

body.search-show .header-box .search-box{display:block;}
body.search-show .header-box .search-btn>.icon{fill:#fff;display:none;}
body.search-show .header-box .search-btn>.icon.search-close{display:inline-block;fill:#7eced5;}
.header-box .search-box form{position:relative;border-bottom:1px solid rgba(255,255,255,0.2);width:60%;margin:0 auto;}
.header-box .searc_btn:hover{}


.header-box .header-nav{display:inline-block;vertical-align:middle;text-align:left;float:right;}
.header-box #nav-box{ min-height:30px; min-width:300px;}
.header-box #nav-box .nav>li{position:relative;z-index:999;float:left; height:70px;  display: flex; align-items: center;}
.header-box #nav-box .nav>li>a{padding: 6px 0; margin:0 20px; display:block;font-size:15px; color:#fff;transition:all 0.3s ease-in-out; font:normal bold 16px/20px "Roboto",Helvetica,Arial,Verdana,sans-serif; position:relative; z-index:10;}
.header-box #nav-box .nav>li:first-child>a{ margin-left:0;}
.header-box #nav-box .nav>li>a:before{ bottom: -8px; background-color: #cb1023; background: #cb1023; background: #7eced5;position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; content: ''; opacity: 0; -ms-transition: opacity .3s,-webkit-transform .3s; -webkit-transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px);}
.header-box #nav-box .nav>li.home>a:before,
.header-box #nav-box .nav>li.on>a:before{opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.header-box #nav-box .nav-sub{display:none;position:absolute;right:0;top:100%;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);min-width:160px;border-right:2px solid #7eced5;}
.header-box #nav-box .nav-sub dd a{padding:8px 12px;font-size:13px;line-height:16px;display:block;color:#333;border-bottom:1px solid #ededed;transition:all 0.3s ease-in-out;}
.header-box #nav-box .nav>li.home>a,
.header-box #nav-box .nav>li.on>a{color:#7eced5;}
.header-box #nav-box .nav>li.on .nav-sub{display:block;}
.header-box #nav-box .nav-sub dd a:hover{color:#fff;background:#7eced5;}

.header-box #nav-box .nav>li.cate_list{ position:static;}
.header-box #nav-box .nav>li .category_sub{ position:absolute; left:0; top:100%; width:100%; padding:30px 0;  background-color: rgba(255,255,255,0.4); visibility: hidden; box-shadow: 0 0 10px 0 #eee; transition: transform .4s cubic-bezier(.19,1,.22,1),visibility 0s .4s linear; z-index: 99;}
.header-box.fixed #nav-box .nav>li .category_sub{ background:#fff;}
.header-box #nav-box .nav>li .category_sub .sub_list{ display: flex; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
.header-box #nav-box .nav>li .category_sub li{ width:20%; padding:0 10px; box-sizing:border-box;}
.header-box #nav-box .nav>li .category_sub li img{ max-width:100%; opacity: 0; transform: scale(.5); transition: opacity .25s .25s ease-out,transform .25s .25s ease-out;}
.header-box #nav-box .nav>li .category_sub li p{ padding-top:10px; text-align:center; font-size:14px; font-weight:bold;}
.header-box #nav-box .nav>li.on .category_sub{ z-index: 10; visibility: visible; transition: transform .8s cubic-bezier(.19,1,.22,1),visibility 0s 0s linear;}
.header-box #nav-box .nav>li.on .category_sub li img{ opacity:1; transform: scale(1);}
.header-box #nav-box .nav>li .category_sub li:hover p{ color:#7eced5;}

main.min.css:1
.naviga

.wrap { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; position:relative;}
.right-nav { bottom: 0; position: fixed; right: -250px;  top: 0;box-sizing:border-box; width: 250px; z-index: 9999; background: #202022; text-align:right; overflow-y: auto;}
.right-nav .mobile-menu-close{fill:#a6a6a6;width:25px;height:60px;padding:0 20px;}
.right-nav .mobile-menu-close:hover{fill:#fff;}
body.nav-show  .right-nav{ transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none;}

.topcategoriesbg { background:rgba(0,0,0,.6); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display:none; z-index: 1001;}

.header-box .mobile-nav{display:none;line-height:normal;}
.header-box .mobile-nav .mobile-nav-icon{height:32px;width:42px;position:relative;cursor:pointer;background:none;margin-top:9px;}
.header-box .mobile-nav .mobile-nav-icon:before,
.header-box .mobile-nav .mobile-nav-icon span,
.header-box .mobile-nav .mobile-nav-icon:after{position:absolute;left:10px;top:9px;width:22px;height:2px;background:#fff;content:'';transition:all 0.3s;border-radius:1px;}
.header-box .mobile-nav .mobile-nav-icon span{top:16px;}
.header-box .mobile-nav .mobile-nav-icon:after{top:23px;}

.header-box .currency_box,
.header-box .cart_box{ display:inline-block; position:relative; vertical-align: top;}
.header-box .currency_txt,
.header-box .cart_txt a{ color:#fff; line-height:50px; cursor:pointer;}

.header-box .currency_box .drop_currency{ top:40px; left:50%; transform:translateX(-50%); padding:3px 0;}
.header-box .drop_currency li{ padding:3px 10px; min-width:50px; text-align:center;}
.header-box .drop_currency li:hover a{ color:#7eced5;}

.header-box .cart_box{ margin-left:10px;}
.header-box .cart_txt a i{ font-size:18px;}

#mobile-nav-box{text-align:left;}
#mobile-nav-box li{}
#mobile-nav-box li .mobile-nav-box__link{position:relative;}
#mobile-nav-box li .icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;text-align:center;height:40px;line-height:40px;font-size:25px;color:#a6a6a6;}
#mobile-nav-box li .mobile-menu-on .icon{color:#fff;}
#mobile-nav-box li a{padding:11px 20px;display:block;font-size:14px;color:#a6a6a6;text-transform:capitalize;border-bottom:1px solid rgba(255,255,255,.03);}
#mobile-nav-box li:first-child .mobile-nav-box__link a{color:#fff;}
#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on>a{color:#fff;}
#mobile-nav-box .mobile-nav-sub{ display: none;}
#mobile-nav-box .mobile-nav-sub a{font-size:12px;color:#fff;transition:all 0.3s ease-in-out;padding-left:40px;}
#mobile-nav-box .mobile-nav-sub a:hover{color:#00a6d0;}
body.nav-show{position:fixed;top:0;left:0;right:0;z-index:0;}
body.nav-show .topcategoriesbg {opacity: 0.6;visibility: visible;}
.right-nav .feedback { color: #0095eb; padding: 11px 20px; display:block;text-align:left;border-bottom:1px solid rgba(255,255,255,.03);}
.right-nav .feedback:hover{color:#fff;}
.right-nav .feedback:before { content: "";  position: absolute; left: 0; top: 0;  height: 100%; width: 0;  background: rgba(0,0,0,.05); z-index: 1; transition: all .3s;}
.right-nav .feedback:hover:before{width:100%;}

.right-nav .sns{ text-align:left; padding:20px 10px;}
.right-nav .sns li{ display:inline-block; padding:0 10px;}
.right-nav .sns li a{ color:#fff;}





 
#header_box .header-mobile-menu{display:none; background:none; border:none; line-height:50px; color:#fff; padding:0 5px; margin-left:0 !important; box-sizing:border-box;}
#header_box .header-mobile-menu i{ font-size:22px;}




.index_default{
	width:100% !important;
	margin:0;
}


.banner_specs_large{ height:100vh;}

/* footer */
#footer{background:#222;color:#555;font-size:14px;padding-top:0;}

#footer .help-center{padding:70px 0; display: flex; flex-wrap: wrap;}
#footer .help-center dl{width: 20%; padding:0 15px; box-sizing:border-box;}
#footer .help-center .contact-us,
#footer .help-center .subscribe{ width:30%;}
#footer .help-center .contact-us{ padding-left:0;}
#footer .help-center .subscribe{ padding-right:0;}
#footer .help-center dt{margin-bottom:15px;font-size:21px;padding:0;line-height:25px;text-transform:capitalize;font-weight:100;display: block; color: #ffffff;}
#footer .help-center dt .help-icon { position: absolute; right: 0; top: 0; height: 44px; line-height: 44px; font-size: 20px; font-weight: normal; color: #808080; width: 44px; text-align: center; display: none;}
#footer .help-center .subscribe{padding:0;text-align:left;}
#footer .help-center .newsletter_txt{border-radius:0;background:none;color:#999;border:0;border-bottom:1px solid rgba(255,255,255,.1);height:40px;padding:0 0 3px;margin-bottom:3px; width:100%;}
#footer .help-center .newsletter_btn{background:#7eced5;color:#fff;transition:all 300ms linear 0ms;line-height:25px;padding: 5px 20px;margin: 10px 0;border-radius: 3px;position:relative; border:none;}
#footer .help-center .newsletter_btn:hover{opacity:0.8;}


#footer .help-center dd{font-size:13px;}
#footer .help-center dd a{ padding:5px 0; display:inline-block; color:#555;}
#footer .help-center dd a:hover{ color:#7eced5;}

#footer .foot{padding:30px 0; border-top:1px solid rgba(255,255,255,.1);}

#footer .copyright{border-top:0;height:30px;line-height:30px;text-align:center;text-transform:uppercase;margin-top:0;float:left;}
#footer .copyright a{ color:#999;}
#footer .sns{float:right;margin:0;max-width:200px;max-height:35px;}
#footer .sns li{ display:inline-block;}
#footer .sns li a{line-height:30px;color:#6f7070;border:0;display:block;transition:all 0.3s ease-in-out;font-size:16px;}
#footer .sns li a:hover{color:#00a6d0;}
#footer .sns li{margin:0 0 0 15px;width:auto;height:30px;}
.clearfix:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.block_items_imagetext_img{ text-align:center;}


.disclosure--main {
	color:#fff;
	width: calc(100% - 40px);
	-webkit-box-flex: 1;
	flex: 1 0 50%;
	position: relative;
	outline: 0;
	margin:10px 20px 0 20px;
	box-sizing:border-box;
	text-align:left !important;
}
.disclosure--toggle {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	border-radius: 2px;
	border: 1px solid #bebebe;
	color: var(--color-text);
	background-color: var(--color-page-bg);
	cursor: pointer;
	padding: 8px 24px 8px 16px;
	width: 15%;
	position: relative;
}
.disclosure--current-option {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.disclosure--toggle .icon--root {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	left: 12px;
	color: #fff;
	fill: #fff;
	height: 6px;
	width: 10px;
}
.disclosure--toggle .icon--chevron-up {
	display: none;
}
.disclosure--form {
	background-color: #fff;
	border: 1px solid #222;
	border-radius: 2px;
	min-width: 100%;
	position: absolute;
	display: none;
	overflow-y: auto;
	z-index: 5;
	box-shadow: 0 0 10px rgba(0,0,0,.08);
	color:#333;
	
}
.disclosure--form li a{
	color: var(--color-text)!important;
	display: inline-block;
	padding: 9px 15px;
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
}

@media screen and (max-width:1200px){
	.header-box .header{height:60px; padding:0 50px;}
	.header-box .header-rt{height:60px;line-height:30px;}
	.header-box .logo{height:60px;line-height:30px;width:50%;}
	.header-box .search-btn > .icon{fill:#fff;}
	.header-box .header-nav .nav-box,
	.header-box .header-rt .sns,
	.header-box .currency_box{display:none;}
	.header-box .mobile-nav{display:inline-block;}
	.header-box .header-nav{line-height:normal;}
	.header-box .feedback{display:none;}
	.header-box .search-box{top:60px;}
	#footer .help-center{ padding:50px 20px;}
	}
@media (max-width: 1199px){

	
}
@media screen and (max-width:1024px){
	.banner_specs_large{ height:32vw;}
}
@media screen and (max-width:992px){

	
	
	#footer .help-center{padding:50px 20px;font-size:0;}
	#footer .help-center dl.contact-us{width:50%;}
	#footer .help-center dl{width:25%;display:inline-block;float:none;vertical-align:top;}
	#footer .help-center dl:nth-child(3){padding:0;}
	#footer .help-center dl.subscribe{width:100%;padding-right:0;margin-top:20px;}
	#footer .help-center dt{font-size:16px;}
	}
@media screen and (max-width:768px){
	.header-box .search-box form{width:90%;}
	#footer .help-center dl.contact-us,
	#footer .help-center .dl{ width:100%; padding-bottom:30px;}
	#footer .sns{text-align:center;float:none;}
	#footer .sns li{margin:5px 2.5px;}
	
	#footer .copyright{float:none;height:auto;}
	#footer .foot{padding:10px 0;}
	.banner_specs_large{ height:auto;}
	}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}
	.header-box .header{ padding:0;}
	
	
}

@media screen and (max-width:480px){
	
}


/*手机端左侧菜单*/
.main{
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.main_show{
	overflow:hidden !important;
	height:100%;
	box-sizing:border-box;
}

.main_show .main_bg{
	display:block;
}




.main_bg{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:99999;
}
.product_detail_2017 .viewfontright{
	width:555px;
}

.block_items_products_rec .block_rec_ul li .name{
	font-size:16px;
}
.block_items_products_rec .block_rec_ul li .name:hover{
	text-decoration:none;
	color:#73b7cc;
}
.block_items_products_rec .block_rec_ul li .price{
	color:#484b4f;
	font-size:14px;
}



.mini_detail{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;}
.mini_detail .mini_detail_bg{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:-1;}
#mini_detail{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin:auto;width:960px;position:relative;}
#mini_detail .icon-iconfontclose{position:absolute;right:10px;top:10px;font-size:30px;background:none;color:#333;cursor:pointer;}


/* 首页 */

.index_default .swiper-pagination-bullet{background:none;width:6px;height:6px;border:2px solid #fff;outline:none;}
.index_default .swiper-pagination-bullet-active{background:#fff;}
.index_default .swiper-button-next,
.index_default .swiper-button-prev{background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(54,54,54,0.15);text-align:center;}
.index_default .swiper-button-next .icon,
.index_default .swiper-button-prev .icon{width:20px;height:20px;padding:15px 0;fill:#1c1b1b;}
.block_single_products .single_product_shop_now{padding:0 20px;width:auto;display: inline-block;    background: transparent;
    border: 1px solid #1c1b1b;transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);position:relative;}
.block_single_products .single_product_shop_now:before{    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    transform-origin: left center;
    background-color: #1c1b1b;
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;}
.block_single_products .single_product_shop_now:hover:before {
    transform-origin: right center;
    transform: scale(0, 1);
}
.block_single_products .single_product_shop_now:hover {
    color: #1c1b1b;
    background-color: transparent;
}