/*图标字体*/
#top_box i,#header_box i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default i,span.discount-timer,.discount_timer_wrap i,#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 i,.common_pro_list2 li .discount,.common_pro_list2 li i,.common_pro_list2 li .add_cart i,#top_box .livechat i,.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i,#top_box .cart_txt i,#bottom_box .shartto li i,#top_box .login i,#header_box .category_box h4 i,#top_box .searchform .select_box i,.index_default .news .news_con li .time i,#header_box .category_box h4 i{ background-image:none;}/*背景图片为无*/

#top_box .currency_txt i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default .tit i.icon-clock1,span.discount-timer,#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_list2 li .discount,.common_pro_list2 li .discount_wrap i{overflow:visible;}
#top_box .livechat i{height:auto; width:auto;line-height:25px; font-size:16px; margin:0 5px -9px 0;}/*fackbook*/



/*显示特价时间图标字体star*/
.index_default span.timer_box{ float:none; margin-left:0;}
.index_default span.discount-timer-big{padding-left:0;}
.index_default .tit i.icon-clock1{ line-height:21px; float:left; font-size:20px; font-weight:bold; margin:-2px 0px 0px 10px;}
span.discount-timer{ text-indent:0;}
.discount_timer_wrap i{ height:16px;line-height:17px; font-size:16px; font-weight:bold; margin:0 2px -4px 0;}
/*显示特价图标字体 end*/

/*圆圈打折字体*/
.common_pro_list1 li .discount_wrap,.common_pro_list2 li .discount_wrap{ position:absolute; right:0; top:0; width:51px; display:table;}

.common_pro_list1 li .discount_wrap i,.common_pro_list2 li .discount_wrap i{ width:50px; height:50px; border-radius:50%; background:#50b3da; opacity:0.75; filter:(opacity=75); font-size:54px;}
.icon-discount-bg1:before{ display:none;}
@-moz-document url-prefix(){.common_pro_list1 li .discount_wrap i{ line-height:49px;} } /*正对火狐兼容*/
.common_pro_list1 li .discount,.common_pro_list2 li .discount{ height:50px; width:50px; text-align:center;position:relative; top:0; right:0px; display:table-cell; vertical-align:middle; background:#ffcd05; white-space:nowrap; border-radius:50%; color:#fff; padding:0; border:1px dashed #fff; box-sizing:border-box;}
.common_pro_list1 li .discount span{ font-size:12px;}

/*加入购物车*/
.common_pro_list1 li .add_cart,.common_pro_list2 li .add_cart{ text-align:center;color:#fff;}
.common_pro_list1 li .add_cart i,.common_pro_list2 li .add_cart i{ font-size:15px; margin:0 5px -1px 0; color:#fff;}

/*免邮*/
.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i{ margin:0 3px -1px 0; font-size:15px; color:#ed3445;}

/*底部分享*/
#bottom_box .shartto{ float:none; height:auto; min-height:36px;}
#bottom_box .shartto li{ width:auto; height:auto; margin:0 15px 0 0;text-align:center;float:none; display:inline-block;}
#bottom_box .shartto li a{ font-size:20px; line-height:40px; color:#fff; }
#bottom_box .link_box .shartto li a:hover{ color:#a5a5a5;}
/* 底部联系我们*/
#bottom_box .contact_us dd i{ height:18px; width:auto; font-size:18px; border-radius:50%; text-align:center; color:#808080; display:none;}

.iconfont{ line-height:1;}

/*覆盖*/
body{font-family:'Raleway', sans-serif;}
.wapper{ width:1200px;}
.dropdown{ box-shadow:none;}
a{ color:#333;}

#top_box{ height:auto; background:#fff; color:#808080; padding:0; box-sizing:border-box;}
#top_box .wapper{ position:relative;}
#top_box .currency_txt{color:#808080;}
#top_box .top_rt{ height:40px; line-height:40px; margin:0; border:0; border:0; padding:0 0 0 15px; position:relative; cursor:pointer;}
#top_box .top_rt a.signin_register{ padding:0;}
#top_box .currency_box{ z-index:999; line-height:40px; padding-left:12px; text-transform:capitalize;}
#top_box .currency_txt span{ padding:4px 18px 4px 6px; position:relative;}
#top_box .currency_txt i{width:auto; height:24px;font-size:12px;  margin:0;line-height:20px; position:absolute; right:0; top:50%; transform:translateY(-50%);}/*选择货币*/
#top_box .currency li a:hover{ background:#ffcd05;}
#top_box .drop_currency{ top:40px; left:auto; right:-22px; border-color:#dbdbdb;}
#top_box .drop_currency:before{border-color: transparent transparent #fff; border-style: solid; border-width: 0 7px 7px; bottom: 100%; content: ""; left: 35px; position: absolute;}
#top_box .top_lt_txt{ float:left; min-width:200px; height:40px;}

#top_box .login a{ color:#808080;}


#header_box{ width:100%; background:#181b23; box-sizing:border-box;}
#header_box .wapper{ position:relative;}
#header_box .logo{ height:130px; width:auto; display:table;}
#header_box .logo a{ height:auto; display:table-cell; vertical-align:middle;}
#header_box .logo a img{ max-height:100%;}

#header_box .header_rt{padding-top:0; float:right; margin:45px 0;}
#header_box .search_btn{ color:#fff; height:40px; line-height:40px; text-align:center; cursor:pointer;}
#header_box .search_btn i{font-size:22px; line-height:40px;}
#header_box .cartwrap{ clear:both;}
#header_box .cart_box{ padding:0; height:40px; margin:0 0 0 20px; border:none;}
#header_box .cart_txt{ height:auto;  padding:0; line-height:40px; font-size:12px; text-transform:capitalize;}
#header_box .cart_txt i{ width:auto; height:24px; font-size:24px; text-align:center; line-height:22px; margin:0 3px -8px 0;}
#header_box .cart_box a,#header_box .cart_txt strong{ color:#fff;}
#header_box .cart_txt strong{ font-weight:bold;}
#header_box .cart .arr{ display:none;}
#header_box .cart{ box-shadow:none; border-color:#dbdbdb; top:40px; right:-2px;}
#header_box .cart_txt:hover i,#header_box .search_btn:hover i{ color:#ffcd05;}

/*导航样式*/
#header_box .nav_warp{ height:130px; width:auto; padding:0 15px; box-sizing:border-box;}
#header_box .nav_box{ width:auto; margin:0 auto;border:0; height:130px; }
#header_box .nav{ width:auto; margin:0; text-align:right; float:none;}
#header_box .nav li{ height:auto; z-index:998; padding:0; display:inline-block; float:none;}
#header_box .nav li>a{ display:block; line-height:20px; color:#fff; font-size:14px; text-transform:uppercase; border:0; padding:55px 18px; font-weight:600;}
#header_box .nav li a i{ margin:0 0 -1px 0; transform:scale(0.9);}
#header_box .nav >li.on>a{ background:#ffcd05; color:#fff;}
#header_box .dropdown_cate .arr{ display:none;}
#header_box .nav .sub_nav{top:130px; border:0; box-shadow:none; min-width:260px; width:auto; background:#000; border:none; padding:15px; box-sizing:border-box;}
#header_box .nav .sub_nav li{ width:100%; height:35px; display:block; text-align:left;}
#header_box .nav .sub_nav li a{ height:20px; line-height:20px; padding:8px 15px; border:0; margin:0;color:#fff; font-weight:normal;text-transform:none; font-size:14px;}
#header_box .nav .sub_nav li a:hover{ background:#ffcd05; color:#fff;}
#header_box .category_box{ display:none;}

/*搜索框*/
#header_box .search_box{ background:rgba(0, 0, 0, 0.9); position:fixed; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:999; opacity:0; visibility:hidden; transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;}
#header_box .search_close{ width:30px; height:30px; position:absolute; right:30px; top:30px; box-sizing:border-box; cursor:pointer;}
#header_box .search_close i{ color:#999; font-weight:bold; font-size:25px; line-height:30px;}
#header_box .search{ width:1200px; height:100%; padding:0; margin:0 auto;}
#header_box .searchform{ width:100%; height:auto; position:absolute; left:0; top:50%; transform:translateY(-50%); border:none;}
#header_box .search_input{ width:100%; height:120px; padding:20px 0; line-height:70px;color:#666; font-size:55px; background:none; border:none; border-bottom:2px solid #707070; float:left; box-sizing:border-box;}
#header_box .btn_search{ margin:0; width:40px; height:120px; font-size:35px; text-align:center;line-height:32px; color:#c6c6c6; border:0; padding:0; background:none; cursor:pointer; position:absolute; right:0; top:0;}/*搜索框按钮*/
#header_box .search_box.open{ opacity:1; visibility:visible; transition:opacity 0.3s ease 0s, transform 0.3s ease 0s;}

#body_box{ width:1200px;}
.index_default{ width:100% !important; background:#181b23;}
.index_default .banner_box{ width:100%; float:none; min-height:500px; height:auto;}
.index_default .banner_box li{ cursor:grab;}
.index_default .banner_box li img{ display:block;}
.index_default .banner_box .text{ position:absolute; left:50%; top:50%; width:40%; transform:translate(-50%,-50%); text-align:center;}
.index_default .banner_box .text h3{ font-size:40px; color:#ce1c07; text-transform:capitalize; line-height:1.2; margin-bottom:20px;}
.index_default .banner_box .text p{ font-size:30px; line-height:1.6; font-weight:bold; color:#fff;}
.index_default .banner_box .text a{ font-size:14px; font-weight:600; padding:4px 24px; color:#ffffe9; border:2px solid #ffffe9; transition:all 0.1s ease-in-out 0s; text-transform:uppercase; margin-top:8px;}
.index_default .banner_box .swiper-pagination-bullets{ bottom:20px;}
.index_default .banner_box .swiper-pagination-bullet{ border:2px solid #000; background:none; opacity:1; width:10px; height:10px;}
.index_default .banner_box .swiper-pagination-bullet-active{ background:#000; border-color:#fff;}

/*广告*/
.index_default .banner_btm a{ position:relative; display:block; float:left; width:33.3333%; overflow:hidden;}
.index_default .banner_btm a img{ width:100%; display:block; transition:all 2s ease-out 0s;}
.index_default .banner_btm a h5{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:6px 16px; border:2px solid #fff; transition:all 0.5s ease-in-out 0s; font-size:25px; color:#fff; white-space:nowrap;}
.index_default .banner_btm a:hover img{ transform:scale(1.05);}
.index_default .banner_btm a:hover h5{ transform:translate(-50%,-50%) scale(1.1);}

.index_default .home_ad,.index_default .home_ad1{ padding:40px 0; overflow:hidden;}
.index_default .home_ad .ad{ width:585px; float:left; margin-right:30px; position:relative; overflow:hidden;}
.index_default .home_ad .ad.none{ margin-right:0;}
.index_default .home_ad .ad img,.index_default .home_ad1 .ad img{ max-width:100%; display:block; transition:all 0.4s ease 0s; transform:scale(1);}
.index_default .home_ad .ad .txt{ position:absolute; left:14%; top:50%; transform:translate(0,-50%); z-index:2;}
.index_default .home_ad .ad h5,.index_default .home_ad1 .ad .txt h5{ font-size:30px; transition:all 0.5s ease-in-out 0s; color:#fff; line-height:1; text-transform:uppercase;}
.index_default .home_ad .ad p{ color:#ffcd05; font-size:16px;}
.index_default .home_ad .ad a:hover img,.index_default .home_ad1 .ad a:hover img{ transform:scale(1.1);}

.index_default .home_ad1 .ad_lt{ width:687.5px; margin-right:30px;}
.index_default .home_ad1 .ad_rt{ width:482.5px;}
.index_default .home_ad1 .ad{ position:relative; float:left; overflow:hidden;}
.index_default .home_ad1 .ad .txt{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%;}
.index_default .home_ad1 .ad .txt p{ color:#fff; font-size:16px; padding:10px 0;}
.index_default .home_ad1 .ad .txt span{ display:inline-block; background: #ffcd05; border-radius: 0; color: #fff; padding: 8px 20px; text-transform: uppercase; font-weight: 500; margin-top:10px;}

.common_pro_list1 li{ border:none; margin-right:30px; width:216px;}
.common_pro_list1 li .product_inner{ position:relative;}
.common_pro_list1 li .pic,.product_list_2017 .common_pro_list1 li .pic{ position:relative; width:216px; height:288px;}
.common_pro_list1 li .pic img,.product_list_2017 .common_pro_list1 li .pic img{ max-width:216px; max-height:288px; vertical-align:middle;}
.common_pro_list1 li .xj_pic,.index_default .common_pro_list li .xj_pic{ backface-visibility:hidden; position:absolute; left:00; top:0; width:100%; height:100%; opacity:0; display:table-cell; vertical-align:middle;}
.common_pro_list1 li .xj_pic span,.index_default .common_pro_list li .xj_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.common_pro_list1 li .pic:hover .xj_pic,.index_default .common_pro_list li .pic:hover .xj_pic{ opacity:1; transition:all 0.5s ease 0s;}
.common_pro_list1 .pro_content{ padding:0;}
.common_pro_list1 li .name,.common_pro_list1 li .price{ text-align:left; color:#808080;}
.common_pro_list1 li .name{ padding:0; margin-top:15px; font-size:14px;}
.common_pro_list1 li .name:hover,.index_default .common_pro_list li .name:hover{ color:#fff;}
.common_pro_list1 li .price{ font-weight:normal;}
.common_pro_list1 li .price .sale,.index_default .common_pro_list li .price .sale{ color:#ffcd05;}
.common_pro_list1 li .review,.index_default .common_pro_list li .review{ margin:6px 0;}
.common_pro_list1 li .star,.index_default .common_pro_list li .star{ background:none; line-height:14px;}
.common_pro_list1 li .star i,.index_default .common_pro_list li .star i{ font-size:13px; color:#b2b2b2;}
.common_pro_list1 li .star i.cur,.index_default .common_pro_list li .star i.cur{ color:#ffcd05;}
.common_pro_list1 li .sold_out_box span{ width:100%;}
.index_default .common_pro_list1 li.other{ width:100% !important; padding:0 !important;}

.index_default .pro{ min-height:100px; box-sizing:border-box; padding:40px 0;}
.index_default .tit{ border-bottom:3px solid #363c45; margin-bottom:20px; height:auto; padding:0; position:relative;}
.index_default .tit>a{ float:none; position:relative; display:inline-block; line-height:36px; font-size:20px; text-transform:capitalize; color:#fff; font-weight:bold;}
.index_default .tit a{ float:none;}
.index_default .tit>a:after { border-bottom: 3px solid #ffcd05; content: ""; display: block; margin-bottom: -3px; padding: 1px;}
.index_default .pro_change_title{ position:absolute; right:0; top:0;}
.index_default .pro_change_title a{ padding:7px 15px; color:#808080; line-height:24px; display:inline-block;}
.index_default .pro_change_title a.actived{ color:#ffcd05;}

.index_default .tit .swiper_btn{ position:absolute; right:0; top:6px;}
.index_default .tit .swiper_btn button{ width:25px; height:25px; line-height:22px; text-align:center; display:inline-block; border:1px solid #e5e5e5; background:#fff; color:#000; padding:0; box-sizing:border-box;}
.index_default .tit .swiper_btn button:hover{ background:#ffcd05;}

#productbox_tab .common_pro_list1{ display:none;}
#productbox_tab.actived  .common_pro_list1{ display:block;}
.index_default .cate_box .common_pro_list1{ margin:0 -15px;}
.index_default .cate_box .common_pro_list1 li{ margin:0; width:20%; padding:0 15px; box-sizing:border-box;}
.index_default .cate_box .common_pro_list1 li .pic{ width:216px; height:288px; line-height:none;}
.index_default .cate_box .common_pro_list1 li .pic img{ max-height:288px; max-width:216px;}

.index_default .row{ overflow:hidden; margin:0 -15px;}
.index_default .tag{ width:33.33333%; padding:0 15px; float:left; box-sizing:border-box;}
.index_default .common_pro_list li .img{ float:left; padding-right:15px; width:130px; margin:0 0 20px; box-sizing:border-box; position:relative;}
.index_default .common_pro_list li .pic{ position:relative; width:115px; height:153px; display:table-cell; vertical-align:middle; text-align:center; margin-right:15px;}
.index_default .common_pro_list li .pic img{ max-width:115px; max-height:153px; vertical-align:middle;}
.index_default .common_pro_list li .pro_content{ float:left; padding:0 0 0 15px; width:250px; box-sizing:border-box;}
.index_default .common_pro_list li .name{ color:#808080; font-size:14px; line-height:18px;}
.index_default .common_pro_list li .price{ color:#808080; font-size:14px;}
.index_default .common_pro_list li span.oldprice { text-decoration: line-through; font-weight: normal; font-size: 12px; color: #777;}
.index_default .common_pro_list li .sold_out_box{ position:absolute; left:0; top:0; width:115px; height:100%; background:rgba(112,113,117,0.7); text-align:center; line-height:153px;}
.index_default .common_pro_list li .sold_out_box span{ color:#fff; text-transform:uppercase;}
.index_default .news{ overflow:hidden; padding-bottom:25px;}
.index_default .news_con li{ width:380px; float:left; box-sizing:border-box;}
.index_default .news_con li.none{ margin-right:0;}
.index_default .news_con li .con{ position:relative;}
.index_default .news_con li .con .pic{ overflow:hidden; display:block; position:relative;}
.index_default .news_con li img{ max-width:100%; display:block; max-height:100%; transition:all 0.3s ease 0s;}
.index_default .news_con li .con .time{ display:block; font-size:16px; font-weight:normal; color:#fff; padding-top:5px; position:absolute; left:5px; top:10px; width:50px; height:50px; padding:5px; background:#ffcd05; text-align:center; box-sizing:border-box; line-height:20px;}
.index_default .news_con li .con .time b{ display:block;}
.index_default .news_con li .text{ margin:20px 0;}
.index_default .news_con li .con h5{ font-size:14px; margin:0 0 10px; text-transform:uppercase;}
.index_default .news_con li .con h5 a{color:#fff;}
.index_default .news_con li .con p{ line-height:22px; min-height:60px; font-size:15px; color:#808080; margin:10px 0; text-align:left;}

#bottom_box{ width:100%; background:#222f3e; padding:0;}
#bottom_box a{ color:#fff;}
#bottom_box .link_box{ padding:60px 0; background:#363c45;}
#bottom_box .link_box .con{ margin:0 -15px;}
#bottom_box .link_box .btm_txt{ float: left; width: 25%; padding: 0 15px; box-sizing: border-box;}
#bottom_box .link_box .btm_txt .txt{ min-height:50px; color:#fff;}
#bottom_box .link_box .btm_txt .txt img{ margin-bottom:30px;}
#bottom_box .link_box .btm_txt .txt p{ line-height:24px; padding:5px 0; font-size:14px;}
#bottom_box .link_box dl{ width:16.66666667%; padding:0 15px; box-sizing:border-box;}
#bottom_box .link_box dl dt{ color:#fff;  text-transform:uppercase; margin:0; padding:20px 0; font-size:14px; line-height:18px; font-weight:400; height:auto;}
#bottom_box .link_box dl dd{ line-height:24px; padding:5px 0;}
#bottom_box .link_box dl dd a{ color:#fff; font-size:12px; display:inline-block; letter-spacing:1px; text-transform:capitalize;}
#bottom_box .link_box dl a:hover{ color:#ffcd05;}
#bottom_box .link_box dl.Newsletter{ width:25%;}
#bottom_box .newletterform{ float:none;}
#bottom_box .newletterform form{ position:relative;}
#bottom_box .newletterform label{ display:block;  font-size:14px; color:#555; margin-bottom:15px; line-height:20px; display:none;}
#bottom_box .newsletter_txt{ width:100%; height:42px; line-height:22px; padding:10px; background:#fff; color:#888; margin-bottom:20px; box-sizing:border-box;}
#bottom_box .newsletter_btn{ width:auto; height:auto; background:#ffcd05; margin:0; margin-left:0; text-transform:uppercase; color:#fff; padding:8px 20px; line-height:24px; font-size:14px;}
#bottom_box .newsletter_btn:hover{ background:#000;}

#bottom_box .foot{ background:#181b23; padding:10px 0;}
#bottom_box .copyright,#bottom_box .payment{ width:50%; float:left; min-height:30px; line-height:30px; padding:0;}
#bottom_box .copyright{ color:#fff; font-size:14px; text-align:left;}
#bottom_box .payment{ border:none; text-align:right;}


.product_detail_2017 .viewfontright{ width:555px;}