/*样式覆盖部分*/
body{color:#0c0c0d; font-family:Rajdhani, sans-serif;}
a{color:#0c0c0d; }
.addskutocart_btn a{color:#fff;}
.wapper{ width:1200px;}
.index_con{width:100%; max-width:1330px; margin:0 auto; padding:0 25px; box-sizing:border-box;}

#header_box .top_ad{ min-height:33px; width:100%; background:#0c0c0d; text-align:center; line-height:33px; font-weight:bold; color:#fff; font-size:14px; position:relative; z-index:10001;}
#header_box .top_ad img{ width:100%;}
#top_box{background:#fff;height:auto; color:#0c0c0d;border-bottom:1px solid #e8e8e8; box-sizing:border-box; padding:5px 0; position:relative; width:100%; z-index:9999;}
#top_box .drop_currency{top:30px; left:-15px; border-color:#c6a85b;}
#top_box .drop_currency:before{border-color: transparent transparent #c6a85b; border-style: solid; border-width: 0 8px 8px; content: ""; left: 50%; position: absolute; top: -8px; transform: translate(-50%, 0px); z-index: 2;
}
#top_box .currency li a:hover{ background:rgba(198, 168, 91, 0.9);}
#top_box .top_rt a{ color:#222;}
#top_box .currency_txt{ position:relative;}
#top_box .currency_box{ float:right; z-index:1;}
#top_box .currency_txt:before{ position:absolute; padding-bottom:100%; left:0; top:0; width:100%; content: "";}
#top_box .currency_txt i{ height:24px; width:23px; line-height:24px; font-size:16px; margin:0 0 -7px 5px;-webkit-transform:scale(0.84);transform:scale(0.84);color:#0c0c0d; font-weight:bold;}
#top_box .top_lt_txt{ line-height:47px; float:left; height:47px; width:400px;}
#top_box .top_lt_txt b{ color:#d10000;}
#top_box i{ font-weight:bold;}

#top_box .currency_txt,#header_box .login,#header_box .cart_txt a{ font-size:16px; font-weight:600;}
#top_box .login{ float:right;}
#top_box .login a{ color:#0c0c0d;}
#top_box .login i{ font-size:20px; line-height:23px; margin:-5px 0 -7px;}

.posFixed{ position:fixed !important; left:0; top:0; width:100%;}
#header_box{position:relative; width:100%;}

#header_box .search_box{ padding:0; position:fixed; left:0; top:33px; width:100%; background:rgba(0,0,0,0.6); height:100%; z-index:10000; opacity:0; visibility:hidden; transition:opacity 0.3s ease 0s;}
#header_box .search{padding:13px 0;height:auto;width:100%; background:#f0f0f0; opacity:0; visibility:hidden; transform:translateY(-100%); transition:all 0.35s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
#header_box .searchform{border:0;width:100%; padding:0 25px; height:auto;border:none; position:relative;}
#header_box .search_input{float:none; width:100%; padding:0 35px ;margin:0;background:none;height:43px;line-height:43px;text-indent:0; box-sizing:border-box; border:none; font-size:25px; color:#767677;}
#header_box .btn_search{width:auto;text-align:center;line-height:43px;height:43px;padding:0;margin:0;border:0;background:none; font-size:30px;color:#0c0c0d; position:absolute; left:25px; top:0px; font-weight:bold; text-align:center;}
#header_box .search_close{ position:absolute; right:25px; top:0; height:43px; line-height:43px; cursor:pointer; text-align:center;}
#header_box .search_close i{ font-size:25px;}
#header_box .open_search{ opacity:1; visibility:visible;}
#header_box .open_search .search{ opacity: 1; transform: translateY(0px); visibility: visible;}

#header_box .posFixed .search_box{ top:0;}


#header_box .logo{ height:35px; width:12%; padding:11px 0;}
#header_box .logo a{ display:inline-block;}
#header_box .logo a img{ max-height:35px;}

#header_box .top_rt_box{ width:26%; padding:17px 0;}
#header_box .header_rt{padding:0;}
#header_box .header_rt i{ font-size:25px; color:#222; line-height:normal;}
#header_box .search_btn,#header_box .cart_box,#header_box .login{ margin:0 0 0 35px; text-transform:uppercase; line-height:22px;}
#header_box .search_btn i{ font-size:28px; width:24px; text-align:center; height:24px; line-height:20px; position:relative; z-index:100; cursor:pointer;}
#header_box .open_search .search_btn i{ font-size:16px;}

#header_box .cart_box{border:0; height:auto; padding:0;}
#header_box .cart_txt{ display:inline; line-height:22px;}
#header_box .cart_txt a{display:inline-block;}
#header_box .cart_txt a i{display:inline-block;vertical-align:middle;color:#222;font-size:22px; height:auto; margin:0 4px 2px 0;}
#header_box .cart_txt strong{ width:18px; height:18px; border-radius:50%; text-align:center; line-height:18px; background:#c6a85b; position:absolute; right:0; top:-6px; display:block; color:#fff; font-size:12px;}
#header_box .cart{ top:30px;}

#header_box .nav_warp{ width:60%; float:left;}
#header_box .nav_box{border:0; height:58px;}
#header_box .nav{width:100%;float:none;margin:0;text-align:center;}
#header_box .nav > li{padding:0 15px;height:58px; line-height:58px; position:static;}
#header_box .nav > li > a{display:inline-block;text-transform:uppercase;border:0; padding:0; font-weight:600; font-size:16px; color:#0c0c0d;}
#header_box .nav > li:hover>a{ padding-bottom:100%; color:#c6a85b;}
#header_box .nav > li > a i{ font-size:12px; float:right; margin-left:3px; font-weight:bold; transition:transform 0.25s ease-in-out 0s;transform:rotateZ(0);}

#header_box .nav .sub_nav{text-align:left;background:#fff;border:none;box-shadow:0 2px 3px rgba(102, 101, 110, 0.1);box-sizing: border-box;margin-top: 0;text-transform: none;width:100%;padding:10px 20px;top:68px; text-align:center; visibility:hidden; opacity:0; transform:scale(0); transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform:center top 0; display:block;}
#header_box .nav .sub_nav li{float:none;width:180px; height:auto; margin:0 20px; display:inline-block; }
#header_box .nav .sub_nav li a{ color:#0c0c0d; padding:4px 0; font-size:16px; line-height:25px; font-weight:600; letter-spacing:1px;}
#header_box .nav .sub_nav li img{ display:none; width:100%;}
#header_box .nav li.lest .sub_nav{ padding:10px 0;}
#header_box .nav li.lest .sub_nav li.other{ display:block; width:100%; height:5px; margin:0;}
#header_box .nav li.lest .sub_nav li a{padding:0; font-weight:700; color:#222; white-space:nowrap; height:auto;}
#header_box .nav li.lest .sub_nav li img{ display:block;}

#header_box .nav .sub_nav li a:hover{ background:none;}

#header_box .nav > li:hover .sub_nav{ opacity:1; visibility:visible; transform:scale(1);}
#header_box .nav > li:hover a i{ transform:rotateZ(-180deg); color:#c6a85b;}

.box_bg{ background:#f0f0f0 url(../images/pattern_grande.png);}
#body_box{ width:1200px;}
.index_default { width:100% !important;}
.index_default .banner_box{float:none;height:auto;width:100%; min-width:100px;}
.index_default .banner_box img{ display:block;}
.index_default .swiper_btn{ background:none; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:1; width:45px; height:45px; line-height:45px; text-align:center; font-size:30px; cursor:pointer;}
.index_default .banner_box .swiper_btn{ background:rgba(255,255,255,0.75); border-radius:50%; font-weight:bold; color:#fff;}
.index_default .banner_box .btn_prev{ left:10px;}
.index_default .banner_box .btn_next{ right:10px;}
.index_default .banner_box .swiper_btn:hover{ background:#fff; color:#85cc95;}



.index_default .home_ad1{ margin-right:-32px; margin:90px 0; overflow:hidden;}
.index_default .home_ad1 .ad{ float:left; width:33.333%; padding-right:32px; box-sizing:border-box; min-height:50px; overflow:hidden}
.index_default .home_ad1 .ad a{ background-position:center center; background-size:cover; transition:background-position 0.25s ease-in-out 0s; height:550px; display:block; position:relative; width:100%; overflow:hidden;}
.index_default .home_ad1 .ad .ad_txt{ padding:28px 50px 0; width:100%; position:absolute; left:0; bottom:0; box-sizing:border-box; transition:background 0.25s ease-in-out 0s; text-align:left; color:#fff; background:rgba(198, 168, 91, 0.9); overflow:hidden;}
.index_default .home_ad1 .ad .txt{ padding-bottom:38px; display:none; clear: both;}
.index_default .home_ad1 .ad .ad_txt h5{ margin:0 0 24px; font-size:35px; line-height:1.3;}
.index_default .home_ad1 .ad .ad_txt p{ line-height:1.5; font-size:18px; margin:0 0 26px;}
.index_default .home_ad1 .ad .ad_txt  span{ color:#c6a85b; background:#fff; padding:16px 34px 15px; display:inline-block; font-size:16px; text-transform:uppercase; font-weight:600; letter-spacing:0.75px; transition:color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;}
.index_default .home_ad1 .ad a:hover{ background-position-y:-25px;}
.index_default .home_ad1 .ad a:hover .ad_txt{background:#c6a85b;}
.index_default .home_ad1 .ad .ad_txt  span:hover{ background:#8b7130; color:#fff;}

.index_default .home_ad2 .ad{ margin:50px 0; padding:145px 0; width:100%; position:relative;background-size: cover;background-position: center;background-repeat: no-repeat;display:block;}
.index_default .home_ad2 .ad .ad_bg{ position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.6);}
.index_default .home_ad2 .ad .ad_txt{ text-align:center;}
.index_default .home_ad2 .ad .ad_txt h5{ font-size:50px; color:#fff; text-transform:uppercase; font-weight:500; line-height:1.2; padding:0 150px; box-sizing:border-box;}

.common_pro_list1 li,.common_pro_list2 li{ width:276px; border:none; background:#fff; margin-right:32px;}
.common_pro_list2 li.other,.common_pro_list2 li.other{ background:none;}
.common_pro_list1 li.none,.common_pro_list2 li.none{ margin-right:0;}
.common_pro_list1 li.other{ background:none;}
.product_list_2017 .common_pro_list1 li .pic,.product_list_2017 .common_pro_list2 li .pic{ width:276px; height:276px; line-height:276px;}
.product_list_2017 .common_pro_list1 li .pic img,.product_list_2017 .common_pro_list2 li .pic img{max-height:276px; max-width:276px;}
.common_pro_list1 .pro_content,.common_pro_list2 .pro_content{ padding:22px 15px; position:relative;}
.common_pro_list1 li .name,.common_pro_list2 li .name{ color:#0c0c0d; font-weight:600;}
.product_list_2017 .common_pro_list1 li .name,.product_list_2017 .common_pro_list2 li .name{ font-size:16px;  color:#0c0c0d;}
.common_pro_list1 li .timer_box,.common_pro_list2 li .timer_box{ position:absolute; left:0; top:0; width:100%;}
.common_pro_list1 li .sold_out_box span,.common_pro_list2 li .sold_out_box span{ width:auto; padding:0 8px; background:#000; white-space:nowrap; font-size:14px; font-weight:600; position:static; display:block;}
.common_pro_list1 .change_color,.common_pro_list2 .change_color{ text-align:center; font-size:0; margin-top:10px; height:20px;}
.common_pro_list1 .change_color li,.common_pro_list2 .change_color li{display:inline-block; width:auto; margin:0 4px; padding:0; float:none; line-height:1.5;}
.common_pro_list1 .change_color li a,.common_pro_list2 .change_color li a{ width:20px; height:20px; vertical-align:baseline; display:inline-block; }
.common_pro_list1 .change_color li img,.common_pro_list2 .change_color li img{ max-height:100%; max-width:100%;}
.index_default .common_pro_list1 .change_color{ height:30px;}
.index_default .common_pro_list1 .change_color li a{ width:30px; height:30px;}

.index_default .tit{padding:0;height:auto;border-bottom:none;text-align:center;line-height:1.2; margin-bottom:45px; text-transform:uppercase; font-size:40px; font-weight:500; color:#0c0c0d; letter-spacing:2px;}
.index_default .tit a{color:#0c0c0d;float:none;font-size:45px;display:inline-block; font-weight:500;}
.index_default .descript{ margin-bottom:40px; color:#0c0c0d; font-size:14px; line-height:22px; text-align:center;}
.index_default .pro{ min-height:100px;}

.index_default .common_pro_list1>li{ border:none; margin:0 32px 10px 0; box-sizing:border-box; width:calc(33.3333% - 21.5px); transition:all 0.25s ease 0s; -webkit-transform:translateY(0); transform:translateY(0);}
.index_default .common_pro_list1 li.none{ margin-right:0;}
.index_default .common_pro_list1 li.other{ width:100%; margin:0;}
.index_default .common_pro_list1 li .pic{ width:100%; height:auto; display:block; background:#fff;}
.index_default .common_pro_list1 li .pic img{ max-height:400px; max-width:100%;}
.index_default .common_pro_list1 li .pro_content{ background:#fff; width:100%; box-sizing:border-box; line-height:1.5;}
.index_default .common_pro_list1 li .name{  font-size:20px; padding:0; margin-bottom:5px;}
.index_default .common_pro_list1 li .name:hover{color:#c6a85b;}
.index_default .common_pro_list1 li .price{ font-weight:500; color:#0c0c0d; font-size:16px;}
.index_default .common_pro_list1 li .timer_box span{ color:#0c0c0d;}
.index_default .common_pro_list1 li .timer_box i{ background:none; font-size:14px; color:#0c0c0d; font-weight:bold; margin:0 3px -7px 0;}
span.discount-timer{ text-indent:0; background:none;}
.index_default .common_pro_list1>li:hover{ box-shadow:0 20px 30px 0 rgba(0, 0, 0, 0.06); -webkit-transform:translateY(-8px); transform:translateY(-8px);}

.index_default .news ul li{ width:100%; display: flex;}
.index_default .news ul li .pic,.index_default .news ul li .text{ display: flex; flex: 0 0 50%; float: left; width: 50%;}
.index_default .news ul li img{ max-width:100%;}
.index_default .news ul li .text{ padding:50px 70px 55px; box-sizing:border-box; background:#fff;}
.index_default .news ul li .time{ margin-bottom:16px; display:block; letter-spacing:2.8px; font-size:14px; font-weight:600; color:#a1a1a6; text-transform:uppercase;}
.index_default .news ul li h5{ margin-bottom:15px; font-size:35px; font-weight:500; line-height:1.3;}
.index_default .news ul li h5 a:hover{ color:#c6a85b;}
.index_default .news ul li p{ font-size:18px; line-height:1.5; color:#66656e; margin-bottom:35px;}
.index_default .news ul li a.more{ color:#c6a85b; font-size:16px; font-weight:600; text-transform:uppercase; display:inline-block; position:relative;}
.index_default .news ul li a.more:after{ background:currentcolor; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center 0; transform-origin: left center 0; -webkit-transition: transform 0.2s ease-in-out 0s; transition: transform 0.2s ease-in-out 0s; width: 100%;}
.index_default .news ul li a.more:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1);}

.index_default .swiper{ padding:0 40px; max-width:1480px; margin:0 auto;}
.index_default .pro_con{position:relative; margin-bottom:32px;}

.index_default .view{ text-align:center;}
.index_default .view a{ display:inline-block; border:1px solid #85cc95; color:#85cc95; font-weight:bold; width:343px; height:50px; line-height:50px;}

.index_default .pro_box .btn_prev{ left:-35px;}
.index_default .pro_box .btn_next{ right:-35px;}


.index_default .consumer_selfies{ padding:60px 0 0 0;}
.index_default .consumer_selfies ul{ padding:0 60px 30px; overflow:hidden;}

.index_default .consumer_selfies ul li{ position:relative; float:left; display:inline-block; margin-bottom: 5px; margin-right: 4.99px; width: calc(100% / 6 - 5px); box-sizing:border-box;}
.index_default .consumer_selfies ul li:first-child, .index_default .consumer_selfies ul li:nth-child(8){ width: calc(100% / 3 - 5px);}
.index_default .consumer_selfies ul li:nth-child(n+8), .index_default .consumer_selfies ul li:nth-child(n+8){ float:right;}
.index_default .consumer_selfies ul li img{ height:100%; width:100%; border-radius:3px;object-fit: cover; display:block;}
.index_default .consumer_selfies ul li .cover_box{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0;}
.index_default .consumer_selfies ul li a:hover .cover_box{ background:#000; border-radius:3px; opacity:0.8;}
.index_default .consumer_selfies ul li i{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-weight:bold; font-size:50px; color:#fff; background:none; opacity:0;}
.index_default .consumer_selfies ul li a:hover i{ opacity:1;}


#bottom_box{width:100%;border-top:1px solid #f1f1f1; padding-top:0;}

#bottom_box .bottom{ padding:0; border:none; background:#c6a85b;}
#bottom_box .newsletter{ padding:90px 0; text-align:center; align-items: center; justify-content: center; display:flex;}
#bottom_box .newsletter h3{ display:inline-block; color:#fff; font-size:25px; font-weight:400;}
#bottom_box .newsletter form{ display:inline-block; margin-left:100px;}
#bottom_box .newletterform label{display:none;}
#bottom_box .newletterform form{text-align:right;width:420px;height:50px; float:left;}
#bottom_box .newsletter_txt{float:left; height:50px;width:380px;padding:0; text-indent:10px;  border:none; color:#a6abb1; font-size:14px; letter-spacing:1px;}
#bottom_box .newsletter_btn{float:left;margin:0;width:auto;height:50px; color:#fff; box-sizing:border-box; background:#0c0c0d; font-size:14px; text-transform:uppercase; line-height:50px; padding:0 34px; font-weight:500;}
#bottom_box .newsletter_btn:hover{ background:#444;}
#bottom_box .wapper{ width:100%; max-width:1480px;}
#bottom_box .link_box{ padding:36px 62px 52px;}
#bottom_box .link_box .about_con,#bottom_box .link_box .sns{ width:calc(25% - 25px); margin-left:32px; float:left;  margin-left:0;}
#bottom_box .link_box .about{ min-height:50px; width:100%;}
#bottom_box .link_box .about p{ font-size:18px; color:#0c0c0d; margin-top:10px;}
#bottom_box .link_box dl{ padding:0; width:160px; width:calc(25% - 25px); margin-left:32px;}
#bottom_box .link_box dl dt,#bottom_box .link_box .about h3,#bottom_box .link_box .sns h3{margin-bottom:5px; color:#a1a1a6; font-size:14px; text-transform:uppercase; font-weight:normal;  font-weight:600;}
#bottom_box .link_box dl.newletterform dt{ color:#222;}
#bottom_box .link_box dl dd a{color:#666;line-height:18px;  font-size:18px; color:#0c0c0d;}
#bottom_box .link_box dl dd a:hover{color:#c6a85b;}
#bottom_box .copyright{ text-align:center; color:#666;}
#bottom_box .copyright img{ max-height:50px;}
#bottom_box .copyright p{padding:14px 0;}


.product_list_2017 .viewlistnav select{ border:1px solid #fff;}
.product_list_2017 .viewlistbox{ border-color:#fff;}
.product_list_2017 .viewlistnav .icon-arrows-copy{ background:none;}
.product_detail_2017 .viewfontright{ width:555px;}

/*图标字体*/
#top_box i,.index_default span.discount-timer-big,.index_default .tit i.icon-clock1,#bottom_box .contact_us dd.email i,#bottom_box .contact_us dd.phone i,.common_pro_list1 li .discount,.common_pro_list1 li .discount_wrap i,.common_pro_list1 li .add_cart i,.common_pro_list2 li .discount,.common_pro_list2 li .discount_wrap i,.common_pro_list2 li .add_cart i,#header_box i{ background:none;}/*背景图片为无*/

.index_default span.timer_box{ float:none; margin-left:0;}
.index_default span.discount-timer-big{padding-left:0;background:none;}
.index_default .tit .clock{ height:20px; float:left; font-size:20px; font-weight:bold; margin:-3px 3px 0px 10px;}
#bottom_box .shartto{height:auto; min-height:30px; overflow:hidden; float:none; margin-top:10px;}
#bottom_box .shartto li{width:30px;height:30px;margin-right:20px;}
#bottom_box .shartto li a{ font-size:18px;display:block;width:30px;height:30px;line-height:30px;text-align:center;color:#0c0c0d;}
#bottom_box .shartto li a:hover{ color:#c6a85b;}
#bottom_box .contact_us dd i {background:none;color:#fff;font-size:14px;height:20px;line-height:20px;margin-right:12px;vertical-align:middle;width:13px;}
.common_pro_list1 li .add_cart{ text-align:center;}
.common_pro_list1 li .add_cart i{ font-size:14px; margin:0 5px -3px 0;}
.common_pro_list2 li .dc,.common_pro_list1 li .dc{position:absolute; right:0; top:0;}
.common_pro_list2 li .discountbg,.common_pro_list1 li .discountbg{ color:#45d8bb; font-size:58px;width:55px;line-height:44px;text-align:center;}
.common_pro_list2 li .add_cart{ text-align:center;}
.common_pro_list2 li .add_cart i{ font-size:14px; margin:0 5px -3px 0;}
#bottom_box .newletterform label i{ font-size:20px; margin:0 2px -5px 0;}
.discount_timer_wrap i {font-size: 16px;font-weight: bold;height: 16px;line-height: 17px;margin: 0 2px -4px 0;width: 16px;background:none;}
.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i{background:none;margin:0 3px -1px 0; font-size:15px; color:#ed3445;}
.discount_timer_wrap span.discount-timer{background:none;text-indent:3px;}
.index_default .left_box .left_prolist li .dc{display:none;}


.common_pro_list1 li .product-item,.common_pro_list2 li .product-item{ position:absolute; left:0; top:18px; line-height:1.5;}
.common_pro_list1 li .newin,.common_pro_list2 li .newin{ padding:6px 8px; background:#c6a85b; height:auto; line-height:1.5; width:30px; font-weight:600; text-transform:uppercase; top:18px; letter-spacing:1px; position:static; margin-bottom:10px;}
.common_pro_list1 li .discount_wrap,.common_pro_list2 li .discount_wrap{ margin-bottom:10px;}
.common_pro_list1 li .discount,.common_pro_list2 li .discount{ background:#3f3fd7; width:60px; height:auto; padding:6px 8px; box-sizing:border-box; color:#fff; white-space:nowrap; position:static; display:inline-block;}
.common_pro_list1 li .discount span,.common_pro_list2 li .discount span{ display:inline-block;}


@-moz-document url-prefix(){.common_pro_list1 li .discount_wrap i{ line-height:49px;}