/*all m2686*/
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
a{color:#222;}
.clear0{width: 100%; height: 0; overflow: hidden; clear: both;}
#top_box i, #top_box .discount, .index_default i, .index_default .discount, #bottom_box i, #bottom_box .discount, #header_box i{background: none;}
body{box-sizing: border-box;font-family:"Hind", sans-serif;color:#222;}

.index_default .wrap{ margin:0 0.8rem;}



/*#top_box*/
body.menu-show{position: fixed; z-index: 0;}
#top_box{ position:static;height: auto; z-index: 90000; font-size: 1.2rem; border: 0; transition: all .4s;   width: 100%;box-sizing:border-box;box-shadow:0 6px 12px 0 rgba(0,0,0,.04);}
#top_box .top-menu{color: #222; position: relative; z-index: 9; background:#fff; transition: all .4s;text-align:center;height:5rem;}
#top_box.fixed .top-menu{position: fixed; left: 0; top: 0;right:0;box-shadow:0 8px 6px -6px rgba(0, 0, 0, 0.4);animation:801ms ease-in-out 0s normal none 1 running fadeInDown;}
#top_box .head_list{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;position:relative;padding:0 0.8rem;float:right;position:relative;}
#top_box .menu_li.head_list{float:left;position:relative;padding:0 1.6rem;}
#top_box .top-menu .menu_li .iconfont{color:#fff;line-height: 2.5rem;margin-top: 17.5px;height: 2.5rem;background:#eb919d;padding:0 0.8rem;}
/*#top_box .top-menu .menu_li:before{position:absolute;content:'';top:2.5rem;transform:translateY(-50%);left:0.8rem;right:0.8rem;height:2.5rem;background:#eb919d;z-index:-1;}*/
#top_box .top-menu > li.logo{height: 2rem;padding: 1.5rem 0.8rem;display:inline-block;}
#top_box .top-menu >li.logo img{display: block; height:2rem; }
#top_box .top-menu .iconfont{display:inline-block;vertical-align:middle; height: 5rem;line-height:5rem;text-align: center; color: #222; font-weight: 500; cursor: pointer; font-size: 1.2rem; }
#top_box .top-menu .cart_li .iconfont{font-size:1.6rem;}
#top_box #shopping_cart_count{background:#eb919d;color:#fff;padding:0.2rem 0.4rem;border-radius:2rem;display:inline-block;font-size:0.8rem;vertical-align:middle;position:absolute;top:1.2rem;right:5px;font-family:Arial, Helvetica, sans-serif;}


.autocomplete-suggestions{border: 0; box-shadow: none;margin:0;left:1rem;right:1rem;width:auto !important;}
.autocomplete-suggestion:last-child{border-bottom:0;}

#top_box .menu-box{position: fixed; right:-100%;top:0; bottom:0;width:75%; background: #f6f6f6; box-sizing: border-box; z-index: 99; margin: auto; height: auto; overflow: hidden; overflow-y: scroll;box-shadow:0 -6px 12px 0 rgba(0,0,0,.04);display:none;transition:all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;}
body.menu-show #top_box .menu-box{right:0;display:block;}
body.menu-show #top_box .menu-switch{color:#ee3334;font-weight:600;}


/*currency*/
#top_box  .currency-box{box-sizing: border-box; color: #fff;  padding:1rem 0.8rem;position:relative;border-bottom:1px solid rgba(255,255,255,0.1);height:5rem;box-sizing:border-box;}

#top_box  .currency-box .select{position: relative; height: 3rem; border: 0; overflow: hidden; z-index: 1; background: #fff; margin: 0 auto; border-radius: 0; color: #8d8d8d;}
#top_box  .currency-box #cursel{width: 100%; height: 3rem; text-indent: 0; font-size: 0.8em; color: inherit; padding: 0 .8em; box-sizing: border-box; border: 0; transition: all .4s; cursor: pointer; background: none; line-height: 3rem;position: absolute; top: 0;color:#666;}
#top_box  .currency-box .select::after{display: none;}
#top_box  .currency-box .select > i{position: absolute; right: 0.8rem; top: 0; bottom: 0; margin: auto; width: 2rem; text-align: center; line-height: 1rem;  font-size: 1rem; z-index: -1; height: 1rem;color:#8d8d8d;}
/*currency*/
#top_box .menu-box .mainnav{line-height: 3.2rem; position: relative; overflow: hidden; transition: all .4s .1s;overflow-y:scroll;}
#top_box .menu-box .mainnav>li{border-top:1px solid #ddd}
#top_box li.bg{height: 1rem; background: #383442;}
#top_box .menu-box .mainnav>li>a{position: relative; padding: 0.2rem 0.8rem; text-transform:capitalize;color: #666; display: block; cursor: pointer; transition: .3s all; font-size: 1rem; line-height: 2.5rem;}
#top_box .menu-box .mainnav>li> a > i.fl.iconfont{position: absolute; left: 0; right: auto; width: 2rem; display: block; text-align: center; color: #ccc;}
#top_box .menu-box .mainnav>li.on > a{color: #eb919d;}
#top_box .menu-box .mainnav>li .crt{right: 2.4rem; font-size: .88rem; top: 0; bottom: 0; margin: auto; text-align: right; display: inline-block; text-transform: uppercase; font-style: normal; transition: .3s all; font-weight: 400; color: inherit; position: absolute; line-height: 1rem; height: 1rem; z-index: 3;}
#top_box .menu-box .mainnav>li>a i.i{position: absolute; top: 0; right: .8rem; bottom: 0; margin: auto; height: 2rem; width: 2rem; display: block; line-height: 2rem; transition: all .4s; z-index: 2;}
#top_box .menu-box .mainnav>li>a i.i::after{position: absolute; content: ''; background: #666; width: 2px; height: 10px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; transition: all .4s;}
#top_box .menu-box .mainnav>li>a i.i::before{position: absolute; content: ''; background: #666; width: 10px; height: 2px; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
#top_box .menu-box .mainnav>li.on > a i.i::after{height: 0;}
#top_box .menu-box .mainnav>li.on >a i.i::before,#top_box .menu-box .mainnav>li.on >a i.i::before{background:#eb919d;}
#top_box .menu-box .son{line-height: 3.2rem; display: none; margin: 0 .8rem;}
#top_box .menu-box .son a{display: block; padding: 0 0.8rem;text-transform:capitalize; color: #666; cursor: pointer; overflow: hidden; position: relative; font-size: 1rem;}
/*#top_box .menu-box .son a:hover{opacity: .8; color: #eb919d;}*/
#top_box .menu-box .son a b{float: left; padding-left: .8em;}
#top_box .menu-box .son a span{float: right; padding-right: .8em;}
#top_box .mainnav .othernav{background: #0e0e0e; border-top: 1px solid #333;}
#top_box .mainnav .othernav a{background: none; color: #fff;}
#top_box .mainnav .othernav a:hover{opacity: .8;}

/*top menu box*/

/*search*/
#top_box .search-box{  overflow-y: scroll; box-sizing: border-box;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12);z-index:99;background:#fff;}
#top_box .searchform{position: relative;  margin: auto; height: auto; box-sizing: border-box; z-index: 0; overflow: hidden; transition: all .4s .1s; overflow-y: scroll;}
#top_box #btn-autocomplete2{position: absolute; right: 1px; top: 0; height: 3.4rem; border: 0; margin: auto; padding: 0; background: none; line-height: 3.4rem; text-align: center; width: 3.4rem; bottom: 0; color: #fff02d;}
#top_box .btn_search{position: absolute; top: 0px; width: auto; background: none; color: #323232; font-weight: 700; cursor: pointer; font-size: 1.2em; padding: 0 .8em; height: 2.5rem; border: 0; bottom: 0;  right: 0;}
#top_box .search_input{height: 2.5rem; box-sizing: border-box; font-size: 1em; color: #222; background: #fff; text-indent: 0; padding: 0 3.8em 0 .8em; position: absolute; top: 0; bottom: 0; width: 100%; border: 1px solid #ededed; border-radius:4px;}
#top_box .search-box .box{position: relative; margin:0.8rem; height: 3rem;}


body.menu-show .topcategoriesbg {opacity: 0.5;visibility: visible;}
.topcategoriesbg { background: #666;width: 100%;height: 100%;position: fixed;left: 0; top: 0;opacity: 0;visibility: hidden;z-index: 7;}



.index_default{padding-top: 0rem !important;position: relative; z-index: 1;}

.index_default #carousel .touchcarousel-container{overflow: hidden;}
.index_default #carousel .touchcarousel-item > a{height: 36rem; display: block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.index_default #carousel .tc-paging-item{background-color: #fff; opacity: .7;}
.index_default #carousel .tc-paging-item.current{background-color: #a39161;}



.index_default .swiper_btn a{width:2rem; height:4rem; line-height:4rem; font-weight:bold; display:inline-block; color:#000;position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.98);box-shadow:0px 1px 5px 0px rgba(0,0,0,0.4);text-align:center;font-size:2rem;z-index:9;}
.index_default .btn_prev{left:0;border-radius:0 4px 4px 0;}
.index_default .btn_next{right:0;border-radius:4px 0 0 4px;}
.index_default .index-tit{margin-bottom:2rem;text-align:left;}
.index_default .index-tit .name{display:block;font-size:2rem;font-weight:600;font-family:"Montserrat Subrayada", sans-serif;text-transform:uppercase;text-align:left;line-height:2rem;}
.index_default .index-tit .all-btn{font-size:1.1rem;font-weight:400;display:inline-block;padding:0 1rem;background:#182643;color:#fff;border-radius:3px;line-height:2rem;margin-top:1rem;}
.index_default .index-tit .all-btn:hover{background:#eb919d;}
/*#banner*/
.index_default #banner{width: 100%; float: none; height: auto; line-height:normal;overflow:hidden;position:relative;}
.index_default #banner img{width:100%;display:block;}
.index_default #banner .text{position:absolute; left:40%;top:110%;width:55%;transform:translate(0,-50%);height:auto;transition:all 1s ease-in-out 0.4s;font-size:1.6rem;font-family:"Montserrat Subrayada", sans-serif;font-weight:bold;text-align:center;opacity: 0;color:#222; text-transform: uppercase;}
.index_default #banner .swiper-slide-active .text{opacity: 1;top:50%;}
.index_default #banner .swiper-pagination-bullet-active{background:#eb919d;}
.index_default .home-ad img{width:100%;display:block;margin-top:2rem;}
.index_default .cate-box{padding:2rem 0;background-size:cover;background-repeat:no-repeat;background-position:center;margin-top:2rem;}
.index_default .cate-box li{width:100%;margin:1rem 0;text-align:center;}
.index_default .cate-box li a{font-size: 2rem;color: #fff;text-transform: uppercase;font-weight: 700;letter-spacing: 0.5px;transition: all 0.3s ease-in-out;}

.index_default .cate-pros{margin-top:2rem;}
.common_index_list li{position:relative;text-align:center;margin:1rem 0;}
.common_index_list li .pic img{width:100%;display:block;}
.common_index_list li .pro_content{padding:1rem 0.8rem;text-align:center;}
.common_index_list li .name{font-size:1.2rem;text-transform:capitalize;color:#000;}
.common_index_list li .name:hover{color:#eb919d;}
.common_index_list li .price{color:#eb919d;font-size:1.2rem;font-weight:600;}
.common_index_list li .price .oldprice{font-size:0.9rem;color:rgb(153,153,153);}
.common_index_list li .product-item{position:relative;background:rgba(24, 38, 67, 0.5);}
.common_index_list li .star{display:block;background:none;width:100%;height:auto;}
.common_index_list li .star i{color:#f5e500;font-weight:600;font-size:1rem;}
.common_index_list li .sold_out_box{position:absolute;left:3rem;right:3rem;width:auto;top:30%;background:rgba(112,113,117,0.8);color:#fff;font-size:1rem;text-transform:uppercase;font-weight:600;line-height:3rem;}
.common_index_list li .newin,.common_index_list li .discount{color:#fff;background:#182643;text-transform:uppercase;width:50px;height:50px;box-sizing:border-box;line-height:40px;padding-top:0;top:0;position:absolute;font-size:14px;}
.common_index_list li .newin{right:0;left:auto;border-radius:0 0 0 50px;padding-left:10px;}
.common_index_list li .discount{padding-right:10px;left:0;right:auto;border-radius: 0 0 50px;}

.common_index_list li .change_color{position:absolute;bottom:1px;left:0;right:0;display:block;z-index:10;}
.common_index_list li .change_color .bd{display:inline-block;}
.common_index_list li .change_color .bd dd{padding:5px;background:#fff;float:left;}
.common_index_list li .change_color .bd dd img{display:block;}
.common_index_list li .change_color  .hb a{border:#e5e5e5 1px solid;border-radius:4px;background:#fff;width:38px;height:38px;line-height:38px;position:absolute;top:50%;transform:translateY(-50%);z-index:2;}
.common_index_list li .change_color  .hb a.prev1{left:10px;}
.common_index_list li .change_color  .hb a.next1{right:10px;}
.common_index_list li .change_color  .hb a:hover{background:#333;color:#fff;}

.index_default .news-box{background:#edf1fa;padding:3rem 0;}
.index_default .news-box .index-tit .name{display:inline-block;}
.index_default .news-box .news-list{overflow:hidden;}
.index_default .news-box .nav-btns{background:#fff;height:2rem;}
.index_default .news-box li{position:relative;line-height:2rem;font-size:25px;display:inline-block;cursor:pointer;outline:none;}
.index_default .news-box .button-next{transform:rotate3d(0,90,0,180deg);}
.index_default .news-box .pic img{display:block;width:100%;}
.index_default .news-box .news-cont{box-sizing:border-box;padding:2rem;border:3px solid #5a5a5a;text-align:left;}
.index_default .news-box .news-tit{color:#222;font-size:1.6rem;font-weight:700;letter-spacing:0.5px;display:block;line-height:1.2;}
.index_default .news-box .time{color:#666;font-size:1.2rem;line-height:1.7;letter-spacing:0.5px;}
.index_default .news-box .brief{color:#333;font-size:1.2rem;line-height:1.7;}
.index_default .news-box .more{display:inline-block;padding:0.5rem 1.6rem;margin:1rem 0;background:#eb919d;color:#fff;text-transform:uppercase;font-size:1rem;font-weight:600;}
.index_default .news-box .more:hover{background:#182643;}



/*#bottom_box*/
#bottom_box{position: relative;width: 100%; overflow: hidden; box-sizing: border-box; z-index: 1;background:#182643;padding:2rem 0.8rem 0;}

/*newsletter*/
#bottom_box .newsletterform{padding:2rem 0 2rem 1rem;}
#bottom_box .newsletterform h2{font-size: 1em;text-transform:uppercase;color:#fff;font-weight:normal;margin-bottom:1rem;}
#bottom_box #email {display: inline-block; height: 2.5rem; padding: 0.8rem 0.8rem; color: #ddd; font-size: 0.8rem; vertical-align: middle;box-sizing:border-box;border:0;width:55%;background:#fff;float:left;text-indent:0;}
#bottom_box .newsletter_btn { display: inline-block;border:0;min-width:7rem; height: 2.5rem; background:#eb919d; text-align: center; line-height: 2.5rem; font-size: 0.8rem; font-weight:400;color: #fff; cursor: pointer; margin-left: 0; vertical-align: middle; transition: .3s all;text-transform:uppercase;}
#bottom_box .newsletter_btn:hover{background:#fff;}
/*copyright*/
#bottom_box .copyright{text-align: center; padding: 1rem 0; box-sizing: border-box; color: #ddd;font-size:1rem;}
#bottom_box .copyright img,#bottom_box  .payway img{max-width:100%;}
/*member center*/
#bottom_box .member-box{ padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.2);color:#ddd;}
#bottom_box .member-box li a{display: block; line-height: 3.4em; padding: 0 0 0 3rem; color: #ddd; font-size: 1em; overflow: hidden; position: relative;}
#bottom_box .member-box li a:hover{color: #fff;}
#bottom_box .member-box li a i{background: none; line-height: 1em !important; height: 1em !important; font-size: 1.1rem; color: inherit; position: absolute !important; top: 0; bottom: 0; margin: auto !important; left: 0.8rem !important; right: auto; width: 1rem !important;}