/*all*/
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
a{font-family:'Montserrat', sans-serif;}
.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:'Montserrat', sans-serif;}
html,body{-webkit-text-size-adjust:100%;}
/*#top_box*/
body.menu-show, body.search-show{position: fixed; z-index: 0;}
#top_box{position: fixed; left: 0; top: auto; height: auto; z-index: 9999; font-size: 1.2rem; line-height: 3rem; border: 0; transition: all .4s; background: #fff; padding: 1rem 0.8rem; width: 100%;box-sizing:border-box;}
body.menu-show #top_box .top-box-close{position: fixed; content: ''; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .9;}
#top_box .top-menu{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around;justify-content: space-around; color: #fff; position: relative; z-index: 9; background: rgba(255,255,255,0); transition: all .4s;}
body.menu-show #top_box .top-menu, body.search-show #top_box .top-menu{border-bottom: 1px solid #fff;}
#top_box .top-menu >li{box-sizing: border-box; -webkit-flex-grow: 1;flex-grow: 1;}
#top_box .head_list{border-left: 1px solid #f772c6; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f9f9f9;}
#top_box .top-menu > li.logo{-webkit-flex-grow: 5;flex-grow: 5; overflow: hidden; position: relative; z-index: 0;}
#top_box .top-menu >li.logo img{display: block; max-height: 80%; max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto 0;}
#top_box .top-menu .iconfont{display: block; width: 100%; height: 3rem; text-align: center; color: #333; font-weight: 400; cursor: pointer; font-size: 1.3rem; line-height:3rem;}
.autocomplete-suggestions{border: 0; box-shadow: none;margin:0;width:100% !important;}
.autocomplete-suggestion{padding-left:0.8rem;padding-right:0.8rem;margin:0 1rem;font-size:0.8rem;}
/*header_box*/
#header_box{background: #e11687; position: relative; left: 0; top: 0; height: auto; width: 100%; z-index: 0; padding: 1em 0;}
#top_box .menu-box{position: fixed; left:-100vw;top:0; width: 80vw; background: #1f1f2f; box-sizing: border-box; z-index: 99; margin: auto; height: auto; overflow: hidden; overflow-y: scroll; transition: all .4s ease-in-out; bottom: 0;}
body.menu-show #top_box .menu-box{left: 0;}
body.search-show #top_box i.search-switch{color:#f772c6;}
body.menu-show #top_box .menu-switch i{color:#f772c6;}
/*currency*/
.currency-box{box-sizing: border-box; color: #fff; background: #f772c6; padding: 0.8rem; /*display: none;*/}
.currency-box .select{position: relative; height: 2rem; border: 0; overflow: hidden; z-index: 1; background: #fff; margin: 0 auto; border-radius: 0; color: #222;}
.currency-box #cursel{width: 100%; height: 2rem; text-indent: 0; font-size: 1em; color: inherit; padding: 0 .8em; box-sizing: border-box; border: 0; transition: all .4s; cursor: pointer; background: none; line-height: 2rem;position: absolute; top: 0;}
.currency-box .select::after{display: none;}
.currency-box .select > i{position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 2rem; text-align: center; line-height: 1rem; color: inherit; font-size: 1rem; z-index: -1; height: 1rem;}
/*currency*/
#top_box .menu-box .mainnav{line-height: 3.2rem; position: relative; overflow: hidden; transition: all .4s .1s;}
#top_box .menu-box .mainnav>li{border-bottom: 1px solid #27274f;}
#top_box li.bg{height: 1rem; background: #383442;}
#top_box .menu-box .mainnav>li>a{position: relative; padding: 0.5rem 0.8rem; text-transform:uppercase;color: #fff; display: block; cursor: pointer; transition: .3s all; font-size: 0.8em; 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> a:hover,
#top_box .menu-box .mainnav>li.on > a{color: #f772c6;}
#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: #f772c6; 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: #f772c6; 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 .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: #fff; cursor: pointer; overflow: hidden; position: relative; font-size: .88em;}
#top_box .menu-box .son a:hover{opacity: .8; color: #f772c6;}
#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_box .login{text-align: center; padding: 1em 0 4em;}
#top_box .login a{display: inline-block; padding: 0 2em; color: #f772c6; font-weight: 700; text-transform: uppercase; /*border: 2px solid #e11687;*/ line-height: 3em;}


.index_default{padding-top: 5rem !important; background: #fff; position: relative; z-index: 1;}
#carousel .touchcarousel-container{overflow: hidden;}
#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;}
/*top menu box*/
#top_box .top-menu .menu-switch .m-close{display:none;}
#top_box .top-menu .menu-switch .m-open{display:block;font-size:1.2rem;}
body.menu-show .top-menu-box{overflow: visible; height: 100%; width: 100%; position: fixed;}
body.menu-show #top_box .menu-switch, body.search-show #top_box i.search-switch{background: #fff;}
.top-menu-box .cate_bg{background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8;}
.top-menu-box .cate_list{width: 80%; background: #fff; position: absolute; right: 0; top: 0; z-index: 9; height: 100%; padding-top: 50px;}
.top-menu-box .colse_icon{position: absolute; right: 0; top: 0; height: 50px; line-height: 50px; width: 15%; text-align: center;}
.top-menu-box .colse_icon i{font-size: 24px;}
.top-menu-box .cate_list li{height: 40px; line-height: 40px;}
.top-menu-box .cate_list li a{display: block; padding: 0 15px; font-size: 14px; position: relative;}
.top-menu-box .cate_list li a:hover{background: #f9f9f9; color: #ed3445;}
.top-menu-box .cate_list li a em{display: inline-block; vertical-align: middle; margin-right: 10px;}
.top-menu-box .cate_list li a span{position: absolute; right: 15px; top: 0; height: 40px; line-height: 40px; width: auto; text-align: right; padding-right: 20px;}
.top-menu-box .cate_list li a span i{vertical-align: middle; margin-left: 5px; height: 12px; display: inline-block; line-height: 1;}
#top_box .top-menu-box .iconfont{width: auto; height: 40px; margin-left: 0; text-align: center; font-size: 14px; line-height: 40px; position: absolute; top: 0; right: 0;}
#top_box .colse_icon i.icon-dacha{padding: 0 14px; position: static; display: block; height: 50px; line-height: 50px; font-size: 18px;}
/*search*/
#top_box .search-box{display: none; position: fixed; top:4rem; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); overflow-y: scroll; box-sizing: border-box;}
body.search-show #top_box .search-box{display: block;}
#top_box .searchform{position: relative; background: #fff; 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: 3.4rem; border: 0; bottom: 0; margin: auto; right: 0;}
#top_box .search_input{height: 3.4rem; 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; margin: auto; width: 100%; border: 0; border-bottom: 1px solid #ddd;}
#top_box .search-box .box{position: relative; margin: 3rem 1rem; height: 3.4rem;}


/*#body_box*/
#banner{overflow: hidden; position: relative; z-index: 0; margin-bottom:2rem;}
#banner .swiper-slide img{display:block;width:100%;}
#banner .cont{position: absolute; top: 50%; right:5vw; max-width: 53vw; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .4s ; opacity: 0;text-align: left;}
#banner .swiper-slide:nth-child(even) .cont{left:5vw;right:auto;}
#banner .swiper-slide-active .cont{opacity: 1;}
#banner .cont h4{display:inline-block;text-transform: uppercase;color:#f772c6;background:#fff;border-left:1px solid #f772c6;font-size:1.2rem;font-weight:normal;padding:0.2rem;}
#banner .swiper-slide:nth-child(even) .cont h4{background:#f772c6;color:#fff;}
#banner .cont p{text-transform:uppercase;color:#fff;font-weight:600;font-size:1.2rem;margin-top:0.5rem;line-height:1.2rem;height:2.4rem;overflow:hidden;}
#banner .swiper-pagination-bullet{background: #fff; border:1px solid #f772c6;}
#banner .swiper-pagination-bullet-active{background: #f772c6;}

/*ad1*/
#body_box .home-diy-ad-box{position: relative; width: 100%; overflow: hidden; text-align: center; margin: 0; padding: .8rem; box-sizing: border-box; z-index: 1;}
#body_box .home-diy-ad-box .ad{position: relative; overflow: hidden; box-sizing: border-box; background: #fff;}
#body_box .home-diy-ad-box .img{}
#body_box .home-diy-ad-box .ad img{width:100%; display:block;}
#body_box .home-diy-ad-box .ad-cont{position: absolute; color: #fff; z-index: 2; top: 50%; transform: translateY(-50%); text-align: center;right:0.8rem; max-width:60%;text-transform: uppercase;}
#body_box .home-diy-ad-box .ad-cont h4{color:#1b2839;font-weight:normal;font-size:1.2rem;text-align:center;}

#body_box .home-diy-ad-box .ad-cont p{color:#fff;border-top:2px solid #f772c6;border-bottom:2px solid #f772c6;font-weight:600;margin-top:0.2rem;font-size:1.2rem;display: inline-block;text-align:center;line-height:1.5rem;max-height:5rem;overflow:hidden;box-sizing:border-box;}
#body_box .home-diy-ad-box .ad-cont a{color:#fff;background:#f772c6;padding:0.4rem 0.5rem;font-weight:600;display:inline-block;margin-top:0.5rem;}
#body_box .home-diy-ad-box .ad-cont a:hover{background:#e94eb0;}
#body_box .home-diy-ad-box .ad1-2 .ad-cont{left:0.8rem;top:1.8rem;transform:translate(0);text-align:center;max-width:none;}
#body_box .home-diy-ad-box .ad1-2 .ad-cont p{border-color:#1b2839}
#body_box .home-diy-ad-box .ad1-2 .ad-cont a{background:#1b2839;}
#body_box .home-diy-ad-box .ad1-2 .ad-cont a:hover{background:#f772c6;}
#body_box .home-diy-ad-box .ad1-3 .ad-cont{left:0.8rem;right:auto;}
/*index products */
#body_box .products{padding:0.8rem;margin:2rem 0;}
#body_box .pro-tit{border-bottom:1px solid #eee;}
#body_box .pro-tit h2{font-size:1.5rem;border-left:2px solid #f772c6;color:#1b2839;text-transform:uppercase;padding-left:0.8rem;}
#body_box .pro-tit h2 a{font-size:1.5rem;color:#1b2839;display:inline-block;padding-bottom:0.8rem;}
#body_box .pro-change-title{margin-top:0.5rem;}
#body_box .pro-change-title li a{color:#1b2839;font-size:1rem;padding:0.5rem;text-transform:uppercase; display: inline-block;}
#body_box .pro-change-title li.actived a{border-color: #eee #eee #fff; border-style: solid; border-width: 1px; color: #ec519d;margin-bottom:-1px;}
#body_box .products .pro-box{margin-top:2rem;position:relative;min-height:320px;}

#body_box .products .product_item{position:relative;}



#productbox_tab{ position:relative;}
#productbox_tab .swiper_tag{ width:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; overflow:visible;}
#productbox_tab .swiper_tag.show{ opacity:1; visibility:visible;}






#body_box .products li .pic_box{border:1px solid #eee;box-sizing:border-box;}
#body_box .products li .pic img{width:100%;display:block;}
#body_box .products .star{background:none;text-align:center;width:100%;height:auto;margin-top:0.5rem;}
#body_box .products .star i{font-size:0.8rem;color:#c7c7c7;}
#body_box .products .star i.cur{color:#ffaf47;}
#body_box .products .pro_content .name{color:#1b2839;font-size:1rem;line-height:1.2rem;max-height:2.6rem;margin-top:0.5rem;display: block;overflow: hidden;    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#body_box .products .pro_content .price{color:#f772c6;margin-top:0.5rem;}
#body_box .products .pro_content .price .oldprice{color:#777;text-decoration:line-through;font-size:0.8rem;}
#body_box .products .newin,#body_box .products .discount{position:absolute;top:0.4rem;right:0.4rem;color:#fff;background:#ff3030;padding:0 0.4rem;text-transform:uppercase;}
#body_box .products .common_pro_list1 li .discount{left:0.4rem;right:auto;background:#f772c6;height:auto;width:auto;}
#body_box .products .swiper-button-prev,#body_box .products .swiper-button-next{background-image:none;height:auto;width:auto;top:40%;}
#body_box .products .swiper-button a{display:inline-block;}
#body_box .products .swiper-button i{font-size:1.5rem;background:#eee;display:inline-block;width:2rem;height:2rem;line-height:2rem;text-align:center;font-weight:600;color:#a7a7a7;}
#body_box .products .swiper-button-prev{left:-0.8rem;}
#body_box .products .swiper-button-next{right:-0.8rem;}
#body_box .products .thumb-act  i{display:inline-block;height:2.5rem;line-height:2.5rem;font-size:1.5rem;transition:all 0.4s;transform:translateY(0);color:#a7a7a7;}
#body_box .products .thumb-act a:hover i{color:#f772c6;}
#body_box .products .sold_out_box{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.5);}
#body_box .products .sold_out_box>div{ position: absolute; top: 30%; text-align: center; width: 100%; left: 0;}
#body_box .products .sold_out_box>div>span{background:#fa6b6b;color:#fff;text-transform:uppercase;padding:0.5rem;border-radius:10rem;font-size:1rem;}
/*#ad2*/
#body_box .home-diy-ad-box.home-diy-ad2-box .ad .img{display:inline-block;width:100%;height:90vw;background-position:center center;background-repeat:no-repeat;
background-size:cover;}
#body_box .home-diy-ad-box.home-diy-ad2-box .ad .ad-cont{left:0.8rem;text-align:center;max-width:none;}
#body_box .home-diy-ad-box.home-diy-ad2-box .ad .ad-cont h4{color:#fff;font-size:1.5rem;}
#body_box .home-diy-ad-box.home-diy-ad2-box .ad .ad-cont p{font-size:1.6rem;max-height:6.2rem;line-height:2rem;overflow:hidden;box-sizing:border-box;}
#body_box .home-diy-ad-box.home-diy-ad2-box .ad .ad-cont a{font-size:1.2rem;margin-top:1.5rem;}
/*#ad3*/
#body_box .home-diy-ad3-box{padding:0;}
#body_box .home-diy-ad-box.home-diy-ad3-box .ad-cont h4{color: #fff; max-width: 40vw; font-size: 1rem; font-weight: 600;}
#body_box .home-diy-ad-box.home-diy-ad3-box .ad-cont p{border: 0; color: #000; font-size: 1rem; font-weight: normal; text-transform: lowercase;}
#body_box .home-diy-ad-box.home-diy-ad3-box .ad3-2 .ad-cont{left:0.8rem;right:auto;}
/*mid-feature*/
#body_box .mid-feature{margin-top:2rem;padding:0.8rem;}
#body_box .mid-feature img{display:block;width:100%;}
/*cate-box*/
#body_box .cate-box .swiper-container{margin-top:2rem;}
#body_box .cate-box .pro-tit h2>span{padding-bottom: 0.8rem; display: inline-block;}
#body_box .cate-box .cate-cont{}
#body_box .cate-box .cate-cont .cate-img{position:relative;}
#body_box .cate-box .cate-cont .cate-img img{display:block;width:100%;}
#body_box .cate-box .cate-cont .cate-img .cate_nav{position:absolute;right:0.8rem;max-width:50%;top:0;}
#body_box .cate-box .cate-cont .tit{background:none;position:relative;}
#body_box .cate-box .cate-cont .tit a{color:#1b2839;text-transform:uppercase;}
#body_box .cate-box .cate-cont .tit-line{border-bottom: 2px solid #f772c6; bottom: 0; left: 0; position: absolute; width:3.5rem;}
#body_box .cate-box .cate-cont .cate-link a{text-transform:capitalize;color:#1b2839;}
#body_box .cate-product{margin-top:1rem;}
#body_box .cate-box .cate-cont .cate-product .pic_box{float:left;width:40%;border:1px solid #eee;box-sizing:border-box;}
#body_box .cate-box .cate-cont .cate-product .pic_box img{display:block;width:100%;}
#body_box .cate-box .cate-cont .cate-product .pro_content{float:left;width:60%;}
#body_box .cate-box .cate-cont .cate-product>ul>li{margin-top:2rem;}
#body_box .cate-box .cate-cont .cate-product .pro_content{padding-left:1.6rem;box-sizing:border-box;}
#body_box .cate-box .cate-cont .cate-product .pro_content .star{text-align:left;}
#body_box .cate-box .cate-cont .cate-product .pro_content .thumb-act{margin-top:1rem;border-top:1px solid #eee;}
#body_box .cate-box .cate-cont .cate-product .pro_content .thumb-act .lang_span{display:inline-block;height:2.5rem;line-height:2.5rem;font-size:1.2rem;}
#body_box .cate-box .cate-cont .cate-product .pro_content .thumb-act a:hover .lang_span{color:#f772c6;}
/*publicity-box*/
#body_box .publicity-box img{display:block;width:100%;}
/*NEWS*/
#body_box #news{overflow: hidden; margin: 0; padding:0 0.8rem;margin-top:2rem;}
#body_box #news .news_con{margin-top:2rem; margin-bottom:2rem;}
#body_box #news .bg{width: 100%; overflow: hidden; background-color: #ddd; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; display: block; height: 50vw;}
#body_box #news .swiper-button i{font-size:1.5rem;background:#eee;display:inline-block;width:2rem;height:2rem;line-height:2rem;text-align:center;font-weight:600;color:#a7a7a7;}
#body_box #news .btn-prev{left:-0.8rem;}
#body_box #news .btn-next{right:-0.8rem;}
#body_box #news .cont{margin-top:2rem; color:#1b2839;}
#body_box #news .time{display: block; font-style:italic; font-size:1.2rem;margin-top:1rem;}
#body_box #news .title a{font-size: 1.2rem;font-weight: 600; text-transform: uppercase; color:#1b2839; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#body_box #news a:hover{color:#f772c6;}
#body_box #news p{line-height: 1.5rem; overflow: hidden; font-size: 1rem; display: block; height: auto; clear: both; width: 100%;margin-top:1rem;}
#body_box #news .more{font-style:italic;color:#1b2839;}
/*#bottom_box*/
#bottom_box{position: relative; padding-top:3rem;width: 100%; overflow: hidden; margin: 0; box-sizing: border-box; z-index: 1;background:#f8f8f8;border-top:4px solid #f772c6;}
/*newsletter*/
#bottom_box .newsletter-box{box-sizing: border-box; color:#1b2839; padding: 0.8rem;}
#bottom_box .newsletterform{text-align: center; position: relative;}
#bottom_box .newsletter-box h4{display: block;text-align: left; font-size: 1.4rem; text-transform: uppercase; position: relative;padding:0.2rem 0;}
#bottom_box .newsletter-box h4:after{position:absolute;content:"";bottom:0;height:2px;width:60px;background:#ff72c6;left:0;}
#bottom_box .newsletterform #email{width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #111; background: #fff; box-sizing: border-box; transition: all .4s; border: 1px solid #e1e1e1; text-indent: 1em;margin-top:1rem;}
#bottom_box .newsletterform .newsletter_btn{background:#f772c6;color:#fff;border:0;font-size:1.3rem;padding:0 2rem;height:2.5rem;line-height:2.5rem;margin-top:1rem;text-transform:capitalize;}
#bottom_box .newsletterform .newsletter_btn:hover{background:#e94eb0;}
/*copyright*/
#bottom_box .foot_bottom{text-align: center; padding: 2rem .8rem; box-sizing: border-box; color: #777;}
#bottom_box .payway img{max-width:100%;}
/*member center*/
#bottom_box .member-box{padding: .8rem; color: #1b2839;}
#bottom_box .member-box li{border-bottom: 1px solid #e1e1e1;}
#bottom_box .member-box li a{display: block; line-height: 3.4em; padding: 0 0 0 3rem; color: inherit; font-size: 1em; overflow: hidden; position: relative;}
#bottom_box .member-box li a:hover{color: #e11687;}
#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: 1em !important;}


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