.index_default i,#header_box i,#top_box i,#bottom_box i{vertical-align:middle;background:none;}
.index_default{width:100%!important;background:none!important;}
.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{color:#3b3b3b;}
.index a{transition:all .4s;}
#top_box,#header_box,#bottom_box,body.index{font-family:'Lato';}
.home-wrap{margin:0 auto;width:1100px;}


/******************goods list******************/
.common_pro_list1 li .add_cart,.common_pro_list1 li .add_cart_bg,.common_pro_list2 li .add_cart,.common_pro_list2 li .add_cart_bg {		left: 10%;	width: 80%;	text-align: center;}
/********************mini cart**************************/
#header_box #minicartlist{background: none;line-height: 22px;color: #333;}
#header_box #minicartlist ul.buy_pro{overflow: hidden;}
#header_box #minicartlist ul.buy_pro > li {	overflow: hidden;	border-bottom: 1px dashed #f0f0f0;	margin: 0;}
#header_box #minicartlist ul.buy_pro .left_pic{float: left;margin-right: 10px;width: 70px;height: 70px;}
#header_box #minicartlist ul.buy_pro a.pic{width: 70px;height: 70px;display: block;line-height: 70px;text-align: center}
#header_box #minicartlist ul.buy_pro a.pic img{max-height: 100%;max-width: 100%;}
#header_box #minicartlist ul.buy_pro .right_info{float: right;width: 210px;}
#header_box #minicartlist .minicart_more {	color: #444;	padding: 0px 5px;	background: none;}
#header_box #minicartlist .minicart_more:hover {	color: #888; text-decoration: underline}
#header_box #minicartlist .size{font-size: 11px;line-height: 16px;background: #f9f9f9;padding: 2px 10px;color: #aaa;}
#header_box .minicart_bottom .total{text-align: center;font-weight: 700;color: #444;font-size: 12px;margin: 10px auto;}
#header_box .minicart_bottom .total span{color: #ed3445;}
#header_box #minicartlist .minicart_bottom {	padding: 10px 0 20px 0;	line-height: 22px;	background: #F9F9F9;	text-align: center;	border-top: 0;}
#header_box .view_cart_btn a {	background: #ed3445;	border-radius: 3px;	color: #fff;	display: block;	font-weight: bold;	height: 32px;	line-height: 32px;	margin: auto;	padding: 3px 15px;	width: 150px;	text-align: center;	transition: all .4s;}
#header_box .minicart_bottom .view_cart_btn a:hover{opacity: .7;}
/**********************************************************/


/*#header_box*/
#header_box .header-top{text-align:center;height:30px;line-height:30px;background-color:#fff;}
#header_box .header-top .welcome{color:#444;font-size:12px;margin:auto;height:30px;line-height:30px}
#header_box{height:auto;background:#fff;border-bottom:0;padding:0;color:#444;margin-bottom:0;box-shadow:0 1px 1px 0 rgba(0,0,0,.05);position:relative;z-index:10000;top:0;left:0;width:100%;}
#header_box .header{position:relative;padding:30px 0;}

/*login*/
#header_box .login_box{height:30px;line-height:30px;text-align:center;display:block;width:auto;float:right;overflow:hidden;margin:0 10px;}
#header_box .login_box a{display:block;padding:0 ;color:#444;float:left;line-height:inherit;font-size:12px;font-weight:400}
#header_box .login_box a:hover{color:#888;}

/*search*/
#header_box #search {	width: 300px;	height: 40px;	position: relative;	z-index: 10000;	background: #f3f3f3;	top: 0;	padding: 0;	box-sizing: border-box;	display: block;	right: 0;	left: 0;	margin: 0 20px 0 0;	bottom: 0;}
#header_box #search .search_input {	box-shadow: none;	color: #444;	box-sizing: border-box;	height: 40px;	line-height: 40px;	width: 100%;	padding: 0 40px 0 10px;	transition: all .4s;	text-indent: 0;	border: 0;	background: none;}
#header_box #search .searchform {	border: 0;	position: relative;	width: 100%;	height: auto;	padding: 0;	z-index: 2;}
#header_box .btn_search {	width: 50px;	height: 40px;	border: none;	position: absolute;	cursor: pointer;	margin: 0;	border-left: 0;	top: 0;	background: none;	color: #444;	right: 0;	font-size: 22px;	font-weight: 700;	text-align: center;	padding: 0;}
#header_box #search .btn_search:hover{color:#888;}
#header_box .search-btn-box{float:right;height:40px;line-height:40px;width:40px;text-align:center;color:#797676;font-size:20px;cursor:pointer;}
#header_box .search-btn-box i{font-size:15px;font-weight:700;color:#444;}
#header_box .search-btn-box:hover{color:#888;}


/*logo*/
#header_box .logo{width:140px;height:40px;position:relative;text-align:center;float:left;}
#header_box .logo img{max-height:100%;max-width:100%;display:block;left:0;right:0;bottom:0;top:0;margin:auto;position:absolute;}

/*currency*/
#header_box .currency_box{position:relative;float:right;margin:0 10px;}
#header_box .currency li{line-height:30px}
#header_box .currency li a{padding:0px 10px;display:block;overflow:hidden;font-size:12px;color:#666;line-height:inherit;height:inherit;}
#header_box .currency li a b{float:left;}
#header_box .currency li a span{float:right;}
#header_box .currency_txt i{position:absolute;right:0;top:1px;font-size:12px;color:inherit;height:inherit;line-height:inherit;width:20px;text-align:center;display:block;transform:scale(.8);margin:auto;bottom:0;}
#header_box .currency_txt{height:30px;line-height:30px;text-align:center;position:relative;cursor:pointer;font-size:12px;margin:0;font-weight:400;color:#444;padding:0 20px 0 10px;}
#header_box .currency_box:hover .currency_txt{color:#888;}
#header_box .drop_currency{min-width:110px;padding:0px;box-sizing:border-box;line-height:26px;top:30px;text-align:center;left:-27px;font-size:12px;border-radius:0;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);border:0;}
#header_box .currency li a:hover{background:#444;color:#fff;}

/*cart*/
#header_box .cart_txt .a{display:block;height:40px;line-height:40px;padding:0;color:#444;font-size:15px;font-weight:700}
#header_box .cart_box:hover .a{color:#888;}
#header_box .cart_box{padding:0;margin:0 ;border:0;height:auto;position:relative;line-height:inherit;float:right;background-color: #f3f3f3;}
#header_box .cart_txt i{width:auto;height:auto;margin:0;font-size:inherit;}
#header_box .cart{top:40px;border:1px solid #ddd;right:0;margin:auto;width:320px;margin-left:-160px;box-shadow:none;border-radius:0;font-family:'arial';text-align:left;}
#header_box .cart_txt {	padding: 0 20px;}
/*navigation*/
#header_box .nav_box {	border-top: 0;	border-bottom: 0;	position: relative;	z-index: 1;	background: #9C756F;	width: 100%;	height: auto;}
#header_box .nav {	float: none;	margin-left: 0;	padding: 0px;	width: auto;	display: block;	height: 54px;	line-height: 54px;}
#header_box .nav > li {	padding: 0;	line-height: inherit;	height: auto;}
#header_box .nav >li.none{border:none;}
#header_box .nav > li a {	color: #fff;	border-right: 0;	padding: 0px 20px;	display: block;	font-weight: 700;	font-size: 14px;	text-transform: uppercase;	cursor: pointer;	white-space: nowrap;}
#header_box .nav > li a i{font-size:10px;height:inherit;line-height:inherit;text-align:center;display:inline;}
#header_box .nav > li a:hover {	opacity: .8;	color: #fff;}
#header_box .nav >li a.none{border:none;}
#header_box .sub_nav{padding:0;border:0;width:auto;left:0;display:none;top:54px;}
#header_box .sub_nav li{height:auto;padding:0px;float:none;width:auto;text-align:left;line-height:40px;white-space:nowrap;}
#header_box .sub_nav li.none{border:none;}
#header_box .dropdown_cate .cate_tit{display:none;}
#header_box .nav .sub_nav li a{display:block;font-size:14px;height:auto;line-height:inherit;color:#333;padding:0px 15px;border:none;font-weight:400;text-transform:capitalize;text-indent:0;white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden;min-width:140px;}
#header_box .nav .sub_nav li a:hover{color:#888;background:#f9f9f9;}
#header_box .nav .sub_nav li a span{float:left;font-size:12px;width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#header_box .nav .sub_nav li.actived a,#header_box .category li a:hover{color:#ed3445;}
#header_box .nav .sub_nav li.actived a i{width:8px;height:13px;float:right;background-position:-61px -28px;margin-top:9px;}
#header_box .nav .sub_nav li a:hover i{width:8px;height:13px;float:right;background-position:-61px -28px;margin-top:9px;}
#header_box .nav .son_nav{padding:10px 15px 0px 15px;top:40px;width:780px;}
#header_box .nav .son_nav .arr{left:400px;}
#header_box .nav .son_nav li{height:166px;width:228px;border:none;float:left;padding:0px;padding-right:15px;margin-right:30px;margin-bottom:15px;border-right:1px #C2C2C2 dashed;}
#header_box .nav .son_nav li.none{border:none;margin-right:0px;padding-right:0px;}
#header_box .nav .son_nav li a{display:block;font-size:14px;font-weight:bold;height:30px;line-height:30px;color:#333;padding:0px;border:none;}
#header_box .son_nav li a:hover{background:none;color:#F23048;}
#header_box .son_nav li a.more{font-size:10px;color:#F23551;}
#header_box .son_nav li .son_sub_nav{padding:0px;}
#header_box .son_nav li .son_sub_nav li{height:20px;border:none;float:none;padding:0px;margin-bottom:0px;}
#header_box .son_nav li .son_sub_nav li a{display:block;font-size:12px;font-weight:normal;height:22px;line-height:22px;color:#525252;padding:0px;border:none;}
#header_box .son_nav li .son_sub_nav li a:hover{background:none;color:#F23048;}
#header_box .son_nav li .son_sub_nav li a.more{font-size:10px;color:#F23551;font-weight:bold;float:right;}

/*#banner*/
#banner {	position: relative;	width: 1100px;	height: 450px;	margin: 30px auto 50px auto;}
#banner .li{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;display:block;}

#banner .cont{width:50%;box-sizing:border-box;padding:0;position:absolute;z-index:2;top:36%;text-align:left;margin:auto;left:10%;}
#banner .cont h4{font-size:24px;color:#fff;line-height:40px;margin-bottom:15px;}
#banner .cont p{font-size:16px;color:#fff;line-height:24px;margin-bottom:20px;font-weight:400;}
#banner .cont .view{color:#fff;font-size:13px;line-height:40px;display:inline-block;text-transform:uppercase;font-weight:400;transition:all .4s;padding:0 50px;background:#222;border-radius:0;opacity:.96;}
#banner .cont .view:hover{opacity:.8;}
#banner .iconfont{position:absolute;height:60px;width:60px;background:none;transition:all .4s;line-height:60px;text-align:center;font-size:40px;top:50%;z-index:2;cursor:pointer;color:#fff;margin-top:-30px;opacity:.8;}
#banner .prev{left:10px;}
#banner .next{right:10px;}
#banner .prev:hover{left:5px;color:#888;}
#banner .next:hover{right:5px;color:#888;}
#banner .swiper-pagination-bullet-active{background:#888!important;opacity:.9!important;}
#banner .swiper-pagination-bullet{height:13px;width:13px;background:rgba(255,255,255,.9);opacity:.9;transition:all .4s;}
#banner .swiper-pagination-bullet:hover{background:#fff;}

/*h3.tit*/
.index_default h3.tit{line-height:80px;color:#0c0c0c;font-size:20px;font-weight:700;border:0;text-align:center;position:relative;padding:0;height:auto;overflow:hidden;margin-bottom:0;border-top: 1px solid #ddd;}
.index_default h3.tit a{font-weight:inherit;color:inherit;display:inline-block;background:none;padding:0 20px;font-size:24px;transition:all .4s;line-height:80px;}
.index_default h3.tit a:hover{color:#888;}
.index_default h3.tit a.more{float: left;}
.index_default h3.tit a.view{float: right; color:#9C756F; font-size: 12px;}
.index_default h3.tit a.view:hover{opacity: .7;}

/*pro-box*/
.home-pro-box{position:relative; border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.home-pro-box .pro-list{padding:0;text-align:center;margin-bottom:0;}
.home-pro-box .pro-list > li{box-sizing:border-box;overflow:hidden;position:relative;z-index:1;float:left;width:188px;height:auto;margin:0 40px 20px 0;background:#fff;transition:all .4s;}
.home-pro-box .pro-list > li.none{margin-right:0;}
.home-pro-box .pro-list > li.other{ width:100%; margin:0; height:1px;}
.home-pro-box .pro-list > li .pic{display:block;position:relative;overflow:hidden;background:#fff;}
.home-pro-box .pro-list > li .pic img{max-height:none;max-width:100%;display:block;}
.home-pro-box .pro-list > li .pro_content{position:relative;margin:auto;text-align:center;color:#333;font-size:13px;line-height:24px;height:110px;box-sizing:border-box;background:#fff;z-index:3;transition:all .4s;padding:15px 0 0;}
.home-pro-box .pro-list > li .name{color:#222;display:block;font-weight:400;width:auto;line-height:inherit;font-size:14px;margin-bottom:0;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;}
.home-pro-box .pro-list > li .name:hover{color:#444;}
.home-pro-box .pro-list > li .price{line-height:inherit;color:#282726;font-weight:400;font-size:inherit;width:auto;float:none;display:block;}
.home-pro-box .pro-list > li .sold_out_box{color:#999;font-size:12px;position:absolute;top:50%;bottom:auto;margin:-40px auto 0;left:0;right:0;text-align:center;line-height:30px;width:120px;background:#f9f9f9;text-transform:uppercase;opacity:.94;z-index:2;transform:translateY(-50%);}
.home-pro-box .pro-list > li .oldprice{margin-left:4px;font-size:12px;color:#aaa;text-decoration:line-through;display:inline;}
.home-pro-box .pro-list > li .price{line-height:inherit;color:#222;font-weight:700;width:auto;float:none;display:block;font-size:inherit;}
.home-pro-box .pro-list > li .pro-tips{position:absolute;top:0;width:100%;height:0;z-index:2;}
.home-pro-box .pro-list > li .pro-tips > span{float:none;background:#0c0c0c;font-size:12px;margin:5px 0;color:#fefefe;text-transform:uppercase;height:26px;width:auto;padding:0 10px;text-align:center;line-height:26px;font-weight:400;display:table;}
.home-pro-box .pro-list > li .pro-tips > span {	background: none;	font-size: 12px;	margin: 0;	color: #fefefe;	text-transform: uppercase;	height: auto;	width: auto;	text-align: center;	line-height: 15px;	font-weight: 400;	display: block;	float: left;	border-radius: 0;	padding: 3px 10px;}
.home-pro-box .pro-list > li .pro-tips .discount{background:#da3030;line-height: 18px;}
.home-pro-box .pro-list > li .pro-tips .discount em{display:block;text-align:center;font-style:normal;font-size:14px;font-weight:400;text-transform:lowercase;}
.home-pro-box .pro-list > li .pro-tips .newin{background:#222;line-height:inherit;}
.home-pro-box .pro-list > li .pro-tips .free_shipping{background:#888;}
.home-pro-box span.discount-timer{text-indent: 0;background: none;}

.home-pro-box .pro-list > li.noproducts .pic{background:none;height:260px;background:url(../images/noproducts.jpg) no-repeat scroll center center #f1f1f1;padding:0;}

/*ad*/
.home-ad-box {overflow:hidden;margin-bottom:60px;}
.home-ad-box .home_ad{overflow:hidden;position:relative;background:#fff;float:none;}
.home-ad-box .home_ad .img{height:400px;width:100%;overflow:hidden;position:relative;transition:all .4s;}
.home-ad-box .home_ad .img:hover{opacity:.85;}
.home-ad-box .home_ad .img a{display:block;width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.home-ad-box .home_ad .cont {position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:50%;box-sizing:border-box;padding-left:80px;}


.home-ad-box .home_ad .cont h4 {	font-size: 20px;	color: #444;	line-height: 30px;	margin-bottom: 10px;	font-weight: 700;	padding: 0;}
.home-ad-box .home_ad .cont p {	font-size: 16px;	color: #555;	line-height: 24px;	margin-bottom: 30px;	display: block;}
.home-ad-box .home_ad .cont a.view{font-size:15px;line-height:40px;text-transform:uppercase;font-weight:700;transition:all .4s;background:#111;color:#fff;display:inline-block;padding:0 40px;}
.home-ad-box .home_ad .cont a.view:hover{opacity: .85;}

/*NEWS*/
#news{min-height:20px;margin-bottom:20px;}
#news .news_con{overflow:hidden;}
#news li{float:left;width:560px;margin-right:80px;padding:0px;box-sizing:border-box;overflow:hidden;position:relative;height:auto;text-align:center;}
#news li:nth-child(2n){margin-right:0;}
#news .bg{width:100%;height:450px;overflow:hidden;background-color:#A8834D;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:block;position:relative;}
#news .text{position:relative;top:0;left:0;height:150px;width:100%;transition:all .4s;padding:5px;box-sizing:border-box;color:#999;overflow:hidden;font-size:14px;text-align: left;}
#news li:hover .text{opacity:1;}
#news .time{line-height:30px;color:#888;display:block;position:relative;font-weight:400;}
#news .title{line-height:40px;font-size:16px;display:block;text-transform:inherit;height:40px;overflow:hidden;text-overflow:ellipsis;font-weight:700;}
#news .title a:hover{color:#888;}
#news p{line-height:22px;max-height:66px;overflow:hidden;}

/*bottom*/
#bottom_box{padding:0;width:100%;margin:0 auto;color:#666;text-align:center;background:#fff;}
#bottom_box .row{width:25%;box-sizing:border-box;color:#999;line-height:inherit;text-align:left;padding-right:20px;box-sizing:border-box;}

#bottom_box .row h4, #bottom_box .newsletter-box h4,#bottom_box .contactus-box h4 {	line-height: 22px;	padding: 5px 0;	color: #333;	font-size: 14px;	font-weight: 700;	border: 0;	text-transform: uppercase;	margin-bottom: 10px;}
.bottom_top_box{padding:40px 0;border-bottom:1px solid #eee;font-size:13px;line-height:24px;}
#bottom_box .bottom-help-center a,#bottom_box a{color:#666;}
#bottom_box a:hover{color:#888;}
#bottom_box .contactus-box{width: 25%;box-sizing:border-box;text-align: left;}
#bottom_box .bottom-btm{ overflow: hidden;text-align: center;padding: 20px 0;}
#bottom_box .diy_payment{margin-bottom: 20px;}
#bottom_box .shartto-box {	padding: 0 0 10px;	margin-bottom: 20px;	border-bottom: 1px solid #eee;}
#bottom_box ul.shartto {	display: inline-block;	overflow: hidden;	margin: 0 ;	float: none;	height: auto;	line-height: 40px;}
#bottom_box .shartto li{width:36px;float:left;margin:3px;height:36px;padding:0;overflow:hidden;transition:all .4s;opacity: .8;}
#bottom_box .shartto li a{transition:all .4s;color:#aaa;display:block;line-height:36px;}
#bottom_box .shartto li:hover{opacity: 1;}
#bottom_box ul.shartto a:hover{color:#888;background:#fefefe;}
#bottom_box .sns-box{padding:60px 0;overflow:hidden;background:#f6f6f6;text-align:center;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.sns-payment-box{overflow:hidden;clear:both;padding:40px 0 0;border-top:1px solid #eee;margin-top:40px;}
#bottom_box .copyright-box{overflow:hidden;padding:30px 0;line-height:36px;vertical-align:middle;font-size:14px;}
#bottom_box .copyright-box img,#bottom_box .diy_payment img{max-height:36px;vertical-align:middle;}
#bottom_box .copyright{padding:0;text-align:inherit;color:inherit; line-height: 36px;}
#bottom_box .newsletter-box {	width: 400px;	text-align: left;float:none;margin:0 auto;text-align:center;}
#bottom_box .newsletter-box form{position:relative;}
#bottom_box .btm_newsletter{height:auto;border:0;position:relative;display:inline-block;float:left;}
#bottom_box .newsletter_btn{background:#333;height:45px;line-height:45px;margin-left:0;text-transform:uppercase;float:none;width:130px;overflow:hidden;color:#fff;transition:all .4s;position:absolute;right:0;top:0;}
#bottom_box .newsletter_txt{height:45px;font-weight:400;padding:0px 150px 0 10px;display:block;border-radius:0;background:#fff;color:#333;font-size:14px;float:none;width:100%;box-sizing:border-box;border:1px solid #dedede;line-height:45px;}
#bottom_box .newsletter_btn:hover{opacity:.8;}

/*蓝色*/
.common_temp_blue #header_box .nav_box{ background-color:#2ec4ff;}
/*深蓝*/
.common_temp_mazarine #header_box .nav_box{ background-color:#6472a2;}
/*红色*/
.common_temp_red #header_box .nav_box{ background-color:#ff6f6f;}
/*绿色*/
.common_temp_green #header_box .nav_box{ background-color:#7fc24c;}
/*灰红*/
.common_temp_greyred  #header_box .nav_box{ background:#e25656;}
/*紫色*/
.common_temp_purple #header_box .nav_box{ background-color:#aa8cdb;}