/*覆盖样式*/ body{ font-family:'Open Sans', sans-serif; font-size:14px;} #top_box i,#header_box i,.index_default i,.common_pro_list1 li i,.star,#bottom_box i{ background:none;} a{ color:#555; transition:all 0.3s ease 0s;} img{ transition:all 0.3s ease 0s;} a:hover{color:#ec5a4a;} .wapper{width:1200px;} .wrap{ max-width:1800px; margin:0 auto; padding:0 15px; box-sizing:border-box;} .row{ margin:0 -15px;} .dropdown{box-shadow:2px 2px 10px 0px rgba(0 ,0, 0, 0.2); border:none;} .col-lg-2,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-7,.col-lg-9,.col-lg-10,.col2,.col3{ float:left; padding:0 15px; box-sizing:border-box;} .col-lg-2{width:16.66666667%;} .col-lg-3{ width:25%;} .col-lg-4{ width:33.3333333%} .col-lg-6{ width:50%;} .col-lg-7{ width:58.33333333%;} .col-lg-9{ width:75%;} .col-lg-10{ width:83.33333333%;} .col2{ width:80%;} .col3{ width:20%;} .top_ad img{max-width:100%;} #top_box{ background:#D94939; color:#ccc;height:40px;border-bottom:solid 1px rgba(255,255,255,0.05); padding: 0 15px; box-sizing:border-box;} #top_box .welcome{line-height:40px;float:left;} #top_box .top_right{float:right;} #top_box .currency_box{float:right;height:40px;padding-left:10px;} #top_box .currency_txt{line-height:39px;height:39px; position:relative; padding-right:15px; color:#fff;} #top_box .currency_txt i{ position:absolute; height:auto; width:auto; margin:0;} #top_box .drop_currency{top:40px; border-radius:3px 3px 0 0;} #top_box .top_rt{ border:none; margin:0;line-height:39px;height:39px; padding:0 10px;} #top_box .top_rt>a{color:#fff; padding:0 5px; display:block;} #top_box .help{ position:relative;} #top_box .help i,#top_box .currency_txt i{ position:absolute; right:0; top:0; transition:-webkit-transform 200ms;} #top_box .help ul{ position:absolute; top:100%; right:0; border-radius:3px 3px 0 0; background:#fff; padding:4px 0; box-shadow:2px 2px 10px 0px rgba(0 ,0, 0, 0.2); z-index:1001; display:none;} #top_box .help ul li a{ padding:0 20px; position:relative; display:block; height:44px; line-height:44px; white-space:nowrap;} #top_box .help ul li a i{ right:auto; left:20px; font-size:18px;} #top_box .help ul li a:hover,#top_box .currency li a:hover{ background:#f2f2f2; color:#EC5A4A;} #top_box .help:hover>a,#top_box .currency_box:hover .currency_txt{ color:#fff;} #top_box .help:hover>a i,#top_box .currency_box:hover i{ transform:rotate(-180deg);} #top_box .help:hover ul{ display:block;} #top_box .login{} #top_box .login a{display:block;line-height:40px;height:40px;} #top_box .login a:hover{color:#fff;} #header_box{width:100%; letter-spacing:0.5px;} #header_box .header{padding:30px 0; background:#EC5A4A;} #header_box .header_lt{} #header_box .logo{ width:auto;height:50px;float:left;} #header_box .logo a{ vertical-align:middle; height:50px;} #header_box .logo a img{vertical-align:middle;max-height:50px; max-width:100%;} #header_box .search{ z-index:1000; width:auto; padding:0 130px 0 0; height:50px; border-radius:3px; position:relative; background:#eef1fa; border-radius:5px;} #header_box .select_box{ padding:0 38px 0 18px; height:50px; min-width:130px; background:#fff; border-right:1px solid #d7d7d7; float:right; box-sizing:border-box; position:relative;} #header_box .select_box span{ font-size:14px; line-height:50px; display:inline-block; box-sizing:border-box; letter-spacing: 0.5px; color:#555;} #header_box .select_box i{ position:absolute; right:13px; top:18px; color:#999; font-size:18px; font-size:12px; font-weight:bold;} #select_box{ background:#fff; position:absolute; left:0; top:100%; transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;-webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; opacity:0; visibility:hidden;} #select_box.open{ opacity:1; visibility:visible; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} #select_box:before { content: ""; position: absolute; display: inline-block; height: 20px; width: 14px; background: #fff; top: -20px; left: 0;} #select_box ul{ min-width:200px; height:330px; overflow: auto;} #select_box li{ white-space:nowrap; color:#555; padding:0 20px; line-height:40px; letter-spacing:0.5px;} #select_box li.all{ font-weight:bold;} #select_box li:hover,#select_box li.all{ background: #f6f6f6;} #header_box .searchform{ width:auto; height:50px; border:0; overflow:hidden; position:static;} #header_box .search_input{ width:100%; height:50px; line-height:50px; padding:0 15px; background:#fff;border:none; text-indent:0; box-sizing:border-box; border-radius:5px 0 0 5px;} #header_box .btn_search{ width:auto;height:50px; background:#222; margin:0;padding:0 42px;color:#fff;font-size:14px; border:0; border-radius:0 5px 5px 0; position:absolute; right:0; top:0;} #header_box .header_rt{} #header_box .iem{ position:relative;} #header_box .iem>a.name{ color:#fff; display:block; text-align:center; font-size:12px;} #header_box .iem>a>i{font-size:34px; line-height:50px;} #header_box .login_box{float:right; position:relative; z-index:999;} #header_box .login_box a i{display:block; text-align:center; line-height:50px; font-size:27px; overflow:hidden; box-sizing:border-box; color:#fff; font-weight:bold;} #header_box .login_box ul{ min-width:180px; padding:10px 0; background:#fff; box-shadow:2px 2px 10px 0px rgba(0 ,0, 0, 0.2); position:absolute; left:50%; top:100%; transform:translateX(-50%); border-radius:2px; border:1px solid #ddd; display:none;} #header_box .login_box ul li a{ padding:0 20px; display:block; height:30px; line-height:30px; color:#333;} #header_box .login_box ul li a:hover{ color: #EC5A4A; background: #ededed;} #header_box .login_box:hover ul{ display:block;} #header_box .wish_list{float:right; cursor:pointer; margin:0 25px;} #header_box .wish_list:hover a,#header_box .cart_box:hover a.name,#header_box .login_box:hover a.name{color:#ec7612;} #header_box .cart_box{ float:right;height:50px; border:0;margin:0;padding:0;} #header_box .cart_txt span{text-align:center; display:inline-block; position:relative; color:#fff;} #header_box .cart_txt i{ color:#fff; width:auto; height:auto; margin:0 3px -3px 0; font-size:30px; line-height:35px;} #header_box .cart_box #shopping_cart_count{ width:21px; height:21px;line-height:19px; border-radius:50px; background:#E7301C; text-align:center; display:inline-block; color:#fff; font-size:12px;} #header_box .view_cart_btn a{ width:auto; display:inline-block; padding:3px 10px;} #header_box .cart{ right:0; top:50px;} #header_box #nav_wrapper{height:58px; box-sizing:border-box;} #header_box .category_box{width:16.666667%; padding:0 15px; height:58px; box-sizing:border-box;} #header_box .category_box h4{text-transform:uppercase; background:none; font-weight:600; padding:0 15px 0 38px; line-height:58px; color:#ec5a4a; position:relative; font-size:18px;} #header_box .category_box h4 i{ position:absolute; left:10px; width:auto; height:auto; margin:0;} #header_box .category_lt{top:0; display:none; border:2px solid #ec5a4a; border-top:0; background:#fff;} #header_box .category_actived:hover .category_lt{ display:block;} #header_box .nav_box{border:0;height:58px; float:left;} #header_box .nav{height:58px;width:auto;margin:0;} #header_box .nav li{height:auto;padding-top:0;padding-bottom:0; margin-right:30px;} #header_box .nav>li>a{border:0;height:58px;line-height:58px;display:inline-block; font-size:16px; color:#707070; font-weight:600; padding:0; text-transform:uppercase;} #header_box .nav li a i{ font-size:13px; float:right;} #header_box .sub_nav{top:58px;box-shadow:0 2px 2px 2px rgba(0, 0, 0, 0.2);border-color:#e9e9e9; min-width:220px; width:auto; padding:10px 0; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg);-ms-transform: perspective(600px) rotateX(-90deg); -o-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display:block;} #header_box .nav .sub_nav li{ float:none; width:auto;} #header_box .nav .sub_nav li a{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding:0 20px; height:32px; line-height:32px; color:#444; font-size:14px;} #header_box .nav li:hover>a{ color:#000;} #header_box .nav .sub_nav li a:hover{ background:none; color:#ec5a4a;} #header_box .nav li.on .sub_nav{ opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg);} #header_box .rt_nav{ float:right; margin-top:18px;} #header_box .rt_nav ul li{ float:left; padding:0 0 0 18px; margin-left:18px; position:relative;} #header_box .rt_nav ul li.login{ margin:0; padding:0;} #header_box .rt_nav ul li:after{ background-color: rgba(255, 255, 255, 0.4); content: ""; height: 11px; position: absolute; left: 0; top: 5px; width: 1px;} #header_box .rt_nav ul li.login:after{ display:none;} #header_box .rt_nav ul li a{ color:#fff;} #header_box .rt_nav ul li a i{ line-height:1; margin:0 3px -5px 0;} #header_box .rt_nav ul li a i.icon-closed{ font-size:14px; margin-bottom:-3px;} #header_box .rt_nav ul li a i.icon-dianhua2{ font-size:14px;} #menuParent{ border-top:none; top:100%;box-shadow:none;width:100%;left:0;padding:0; background:#f5f5f5; border-radius:0 0 3px 3px; box-sizing:border-box; position:relative; z-index:100;} #menuParent li{height:42px; line-height:42px; border:0;position:initial;} #menuParent li:last-child { padding-bottom: 13px;} #menuParent li a{padding:8px 15px;height:26px;line-height:26px; position:relative; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} #menuParent li a i{ float:right; font-weight:bold; color:#ccc;} #menuParent li.actived>a,#menuParent li:hover>a{color:#ec7612; font-weight:600;} #menuParent .dropdown_menu2{left:100%; top:0; width:932px; min-height:430px; position:absolute; background:#fff; padding:2px 20px 20px; display:none; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);} #menuParent .dropdown_menu2 dl{width:calc(25% - 15px); margin-right:15px; float:left; height:auto;} #menuParent .dropdown_menu2 dt{border-bottom:1px solid #e9e9e9; font-weight:bold;} #menuParent .dropdown_menu2 dt a{border:0;text-indent:0;color:#333;} #menuParent .dropdown_menu2 dt a:hover,#menuParent .dropdown_menu2 dd a:hover,#menuParent li.more a{color:#f60;} #menuParent .dropdown_menu2 dd a.more{ float:right; color:#f60;} #menuParent li.more a{ cursor:pointer;} #menuParent li.list1{ position:relative;} #menuParent li.list1 .dropdown_menu2{ width:250px; min-height:100% !important; padding-bottom:0;} #menuParent li.list1 .dropdown_menu2 dl{ float:none; width:100%;} #menuParent li.list1 .dropdown_menu2 dl dt{ border-bottom:none;} #menuParent li.list1 .dropdown_menu2.menu2-list2{ width:500px; } #menuParent li.list1 .dropdown_menu2.menu2-list2 .menu2, #menuParent li.list1 .dropdown_menu2.menu2-list3 .menu2, #menuParent li.list1 .dropdown_menu2.menu2-list4 .menu2, #menuParent li.list1 .dropdown_menu2.menu2-list5 .menu2{ display:flex; align-items:flex-start; flex-wrap: wrap; } #menuParent li.list1 .dropdown_menu2.menu2-list2 .menu2 dl{ margin:0; width:50%; } #menuParent li.list1 .dropdown_menu2.menu2-list3{ width:750px; } #menuParent li.list1 .dropdown_menu2.menu2-list3 .menu2 dl{ margin:0; width:33.33333%; } #menuParent li.list1 .dropdown_menu2.menu2-list4{ width:1000px; } #menuParent li.list1 .dropdown_menu2.menu2-list4 .menu2 dl{ margin:0; width:25%; } #menuParent li.list1 .dropdown_menu2.menu2-list5{ width:1250px; } #menuParent li.list1 .dropdown_menu2.menu2-list5 .menu2 dl{ margin:0; width:20%; } #header_box .sub_nav.sub_nav-list2{ width:440px; } #header_box .sub_nav.sub_nav-list2, #header_box .sub_nav.sub_nav-list3, #header_box .sub_nav.sub_nav-list4, #header_box .sub_nav.sub_nav-list5{ display:flex; align-items:flex-start; flex-wrap: wrap; } #header_box .sub_nav.sub_nav-list2 li{ margin:0; width:50%; } #header_box .sub_nav.sub_nav-list3{ width:750px; } #header_box .sub_nav.sub_nav-list3 li{ margin:0; width:33.33333%; } #header_box .sub_nav.sub_nav-list4{ width:1000px; } #header_box .sub_nav.sub_nav-list4 li{ margin:0; width:25%; } #header_box .sub_nav.sub_nav-list5{ width:1250px; } #header_box .sub_nav.sub_nav-list5 li{ margin:0; width:20%; } #header_box.posFixed{ width:100%; position:fixed; left:0; top:0; -webkit-animation: searchTop .5s ease-in-out; animation: searchTop .5s ease-in-out; z-index:10000;} #header_box.posFixed .header{ padding:10px 0;} #header_box.posFixed #nav_wrapper{ display:none;} #header_box.posFixed .hotkeywordbox{ padding:7px 15px;} @-webkit-keyframes searchTop{0%{top:-70px}100%{top:0}} @-moz-keyframes searchTop{0%{top:-70px}100%{top:0}} @keyframes searchTop{0%{top:-70px}100%{top:0}} #body_box{width:1200px;} .index_default{ width:100% !important; background:#f5f5f5;} .index_default .banner_wrapper{padding-top:30px; } .index_default .banner_lt{ min-height:1px;} .index_default .banner_box{ height:auto; width:66.33%; padding:0 15px; position: relative; box-sizing:border-box;} .index_default .banner_box .text{ margin-left:75px;} .index_default .banner_box .text h2{-webkit-animation-delay: 0.9s; animation-delay: 0.9s;} .index_default .banner_box .text p{-webkit-animation-delay: 1.2s; animation-delay: 1.2s; color:#fff; padding:0 0 20px; font-size:16px;} .index_default .banner_box .text a{-webkit-animation-delay: 1.8s; animation-delay: 1.8s; display:inline-block; padding:12px 20px; border-radius:5px; background:#484d48; color:#fff; text-transform:uppercase; font-size:16px} .index_default .banner_rt{ width:17%; padding:0 15px; float:left; box-sizing:border-box;} .index_default .pro_box{ background:#fff; padding:20px; padding-bottom:25px;} .index_default .tit{ border-bottom:none; padding:0 0 10px; height:auto; text-transform:uppercase; font-weight:600; color:#222; position:relative; border-bottom:1px solid #ededed; margin:0 0 10px; line-height:25px; font-size:20px;} .index_default .tit a{ color:#222; float:none; font-weight:600; display:inline-block;} .index_default .swiper_btn{ float:right;} .index_default .swiper_btn button{ background:none; border:none; font-size:22px; cursor:pointer; padding:0;} .common_pro_list1 li{ text-align:left;} .common_pro_list1 li .product_item{ position:relative; background:#fff; transition:all 0.3s ease 0s;} .common_pro_list1 li .img{ position:relative; padding:10px;} .common_pro_list1 li .pic{ position:relative; line-height:normal; overflow:hidden;} .common_pro_list1 li .pro_content{ padding:20px 20px 30px;} .common_pro_list1 li .name,.index_default .tag_box .common_pro_tag .name{ padding:0; font-size:15px; width:100%; box-sizing:border-box; text-align:left; color:#555; margin-bottom:11px; font-weight:normal;} .common_pro_list1 li .price,.index_default .tag_box .common_pro_tag .price{ color:#ec5a4a; font-size:18px; font-weight:600; text-align:left; line-height:30px; margin-bottom:0; height:30px;} .common_pro_list1 li .discount{ background:#ffd839; width:38px; height:38px; text-align:center; padding:0; line-height:38px; border-radius:50%; color:#333; font-size:12px;} .common_pro_list1 li .quickview,.common_pro_tag .img .quickview{ background-color: rgba(236, 90, 74, 0.9); border-radius: 50%; color: #999; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; margin-left: -20px; text-align: center; font-size: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); color: #fff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);} .common_pro_list1 li .quickview i,.common_pro_tag li .quickview i{ font-size:25px;} .common_pro_list1 li .product_item:hover .quickview,.common_pro_tag li .product_item:hover .quickview{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);} .common_pro_list1 li.other{ box-shadow:none !important;} .common_pro_list1 li .sold_out_bg{left:0;right:0;margin:auto;top:100px;} .common_pro_list1 li .sold_out_box span{width:100%;top:100px;} .common_pro_list1 li .button-group{ box-sizing:border-box; padding:0 0 15px; overflow:hidden; transition:all 0.3s ease-in-out 0s; position:absolute; left:20px; right:20px; bottom:0px; background:#fff; z-index:10; text-align:center; opacity:0; display:block; visibility:hidden;} .common_pro_list1 li .button-group .add_to_cart{ margin-bottom:15px;} .common_pro_list1 li .button-group a.atc,.common_pro_list1 li .button-group .sold_out_box{ width:100%; background:#fff; text-transform:capitalize; font-size:15px; letter-spacing:1px; font-weight:600; color:#ec5a4a; border-radius:25px; display:inline-block; height:45px; line-height:40px; transition:all 0.3s ease-in-out 0s; border:2px solid #ec5a4a; box-sizing:border-box;} .common_pro_list1 li .button-group a.atc:hover{ background:#ec5a4a; color:#fff;} .common_pro_list1 li .button-group .sold_out_box{ border-color:#777; background:#777; color:#fff; text-transform:uppercase;} .common_pro_list1 li .star{ background:none; line-height:30px; height:30px; float:left;} .common_pro_list1 li .star i,.index_default .tag_box .common_pro_tag .star i{ color:#FEBD69; font-size:14px; font-weight:bold;} .common_pro_list1 li .button-group span.tlike{ display: inline-block; background-color: transparent; color: #555; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 0 0 5px; vertical-align:middle; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; float:right;} .common_pro_list1 li .button-group span.tlike i{ font-size:20px; width:30px;} .common_pro_list1 li .button-group span.tlike i.cur{ color:#ec5a4a;} .common_pro_list1 li .button-group span.tlike:hover{ color:#ec5a4a;} .common_pro_list1 li .product_item:hover .button-group{ opacity:1; display:block; visibility:visible;} .common_pro_list1 li .product_item:hover { box-shadow: 0 0 13.5px 1.5px rgba(0, 0, 0, 0.07); height: auto; margin: -2px -2px -110px; padding: 2px 2px 110px; position: relative; z-index: 999;} .common_pro_list1 li .quickcart{ width:200px; left:50%; transform:translateX(-50%);} .common_pro_list1 li .quickcart ul li{ padding:0;} .quickcart ul li .common_mini_btn1, .quickcart ul li .common_mini_btn2{ width:55px;} .index_default .pro_deals{ padding:0 15px;} .index_default .pro_deals .tit{ padding:10px 0;} .index_default .pro_deals .common_pro_list1{ padding:0;} .index_default .pro_deals .common_pro_list1 li{ padding-top:20px;} .index_default .pro_deals .pro_content{ padding:0;} .index_default .pro_deals .star{ float:none;} .index_default .pro_deals .common_pro_list1 li .timer_box{ border:2px solid #EC5A4A; border-radius:25px; padding:7px 15px; margin:20px 0; position:relative; color:#EC5A4A;} .index_default .pro_deals .common_pro_list1 li .timer_box span{ color:#EC5A4A; font-weight:bold; font-size:18px;} .index_default .pro_deals .common_pro_list1 li .timer_box b{ text-transform:uppercase;} .index_default .pro_deals .common_pro_list1 li .timer_box i{ margin:0 10px -6px 0; font-size:19px; font-weight:bold;} .index_default .pro_deals .home-discount-timer:before { background: #EC5A4A none repeat scroll 0 0; content: ""; display: inline-block; height: 18px; margin-right: 10px; width: 1px; vertical-align:middle;} .index_default .pro_deals .common_pro_list1 li .product_item:hover { box-shadow:none; margin:0; padding:0;} .index_default .pro_product{ padding-bottom:20px;} .index_default .swiper_tag1{ margin-bottom:-120px;} .index_default .common_pro_list1{ padding-bottom:96px;} .index_default .common_pro_list1 li{ margin:0; padding:0 15px; box-sizing:border-box; border:none;} .index_default .common_pro_list1 li .pic{ width:100%; display:block; height:auto;} .index_default .common_pro_list1 li .pic img{ max-height:100%; max-width:100%; margin:0 auto;} .index_default .common_pro_list1 li .button-group{ padding-bottom:25px;} .common_pro_rt li .oldprice{text-decoration: line-through; font-weight: normal; font-size: 12px; color: #777;} .pro_content .name{ max-height:40px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:20px; margin-bottom:5px; font-size:13px; padding:0 !important;} .index_default .categories_pro{ padding:20px; background:#fff; margin-bottom:60px;} .index_default .categories_pro .categories{ margin:0 -15px; overflow:hidden;} .index_default .categories_pro .categories li{ width:16.666667%; margin:15px 0 0; padding:0 15px; box-sizing:border-box;} .index_default .categories_pro .categories li .img{ margin-bottom:20px;} .index_default .categories_pro .categories li .img a:hover img{ transform:scale(1.05);} .index_default .categories_pro .categories li .name{ text-align:center;} .index_default .categories_pro .categories li .name a{ text-transform:uppercase; color:#333; font-size:18px;} .index_default .home_txt{ margin-top:25px; padding-bottom:60px;} .index_default img{ width:100%;} .index_default .pro_change_title{ border-bottom:1px solid #ebebeb;} .index_default .pro_change_title ul{ display:inline-block;} .index_default .pro_change_title li{ display:inline-block; position:relative; padding-bottom:10px; margin-right:40px;} .index_default .pro_change_title li:after{ position: absolute; content: ""; bottom: -1px; left: 0; width: 0; height: 1px; background-color: #ec5a4a; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;} .index_default .pro_change_title li.actived:after{width: 100%; left: 0;} .index_default .pro_change_title li a{ font-size: 18px; font-weight: 600; display:block; text-transform: uppercase; letter-spacing: 1px;} .index_default .pro_change_title li.actived a{ color:#ec5a4a} #productbox_tab{ position:relative; height:831px; margin-bottom:-100px;} #productbox_tab .swiper_tag{ opacity:0; visibility:hidden; width:100%; position:absolute; left:0; top:0;} #productbox_tab .swiper_tag.show{ opacity:1; visibility:visible;} .index_default .home_ad .ad_lt,.index_default .home_ad .ad_rt{ float:left; padding:0 15px; box-sizing:border-box;} .index_default .home_ad .ad_lt{ width:61%} .index_default .home_ad .ad_rt{ width:39%;} .index_default .home_ad .ad_btm{ margin-top:30px;} .index_default .home_ad .ad_btm .ad{ float:left; width:50%; padding:0 15px; box-sizing:border-box;} .index_default .home_ad .ad a{ display:block; overflow:hidden;} .index_default .home_ad .ad a:hover img{ transform:scale(1.05); } .index_default .tag_box{ margin-top:60px;} .index_default .tag_cont{ width:25%; padding:0 15px; box-sizing:border-box; float:left;} .index_default .pro_tag{ background:#fff;} .index_default .tag_box .tit{ padding:15px; margin-bottom:0;} .index_default .tag_box .common_pro_tag .product_item{ padding-top:20px; margin:0 3px;} .index_default .tag_box .common_pro_tag .product_item:after { clear: both; content: ""; display: block; height: 0; line-height: 0;visibility: hidden;} .index_default .tag_box .common_pro_tag .img{ width:40%; float:left; position:relative;} .index_default .tag_box .common_pro_tag .img a{ display:block; padding:10px; position:relative;} .index_default .tag_box .common_pro_tag .img a img{ max-width:100%;} .index_default .tag_box .common_pro_tag .pro_content{ padding:25px 30px 35px 15px; width:60%; float:left; box-sizing:border-box; position:relative;} .index_default .tag_box .common_pro_tag .oldprice{ color:#777; font-size:12px;text-decoration: line-through; font-weight:normal;} .index_default .tag_box .common_pro_tag .price{ margin-bottom:10px;} .index_default .tag_box .common_pro_tag .add_to_cart{ left: -4px; margin: 0; opacity: 0; position: absolute; top: 95px; transition: all 0.3s ease 0s;} .index_default .tag_box .common_pro_tag .add_to_cart a{ display:inline-block; background:#fff; border: 2px solid #ededed; border-radius: 50px; color: #333333; display: block; font-size: 15px; font-weight: normal; height: 40px; line-height: 35px; padding: 0 25px; box-sizing:border-box;} .index_default .tag_box .common_pro_tag .add_to_cart a:hover{ background:#ec5a4a; color:#fff; border-color:#ec5a4a;} .index_default .tag_box .common_pro_tag .product_item:hover .add_to_cart{ opacity:1;} .index_default .tag_box .common_pro_tag .price{height:auto;line-height:normal;} .index_default .tag_box .common_pro_tag .oldprice{display:block;line-height:normal;} .index_default .tag_box .common_pro_tag .sold_out_box{color:#e00;font-size:16px;margin-top:10px;} .index_default .owl-nav{ position:absolute; right:5px; top:-37px;} .index_default .owl-nav button{ padding:0 5px !important;} .index_default .owl-nav i{ font-size:22px;} .index_default .swiper-container>button{ background-color: #fff; border:none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 44px; height: 44px; line-height: 42px; text-align: center; float: left; overflow: hidden; cursor: pointer; opacity: 1; z-index: 99; position: absolute; top: 50%; margin-top: -22px; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; color:#aaa; font-size:20px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); font-weight:bold;} .index_default .swiper-container>button.prev{ left:0; box-shadow:2px 0px 3px 0px rgba(155, 155, 155, 0.75)} .index_default .swiper-container>button.next{ right:0; box-shadow:-2px 0px 3px 0px rgba(155, 155, 155, 0.75)} .index_default .swiper-container>button:hover{ background:#ff5e00; box-shadow:none; color:#fff;} .index_default .swiper-container:hover button{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;} #bottom_box{padding:0;width:100%; background:#fff; font-size:12px; color:#666; letter-spacing:0.5px;} #bottom_box .bottom_top{ background:#EC5A4A; padding:30px 15px; overflow:hidden;} #bottom_box .bottom_top h3{ color:#fff; text-transform:uppercase; font-size:12px; line-height:42px; margin-right:20px; font-size:18px; font-weight:600; float:left;} #bottom_box .newletterform{ width:45%; position:relative;} #bottom_box .newletterform label{display:none;} #bottom_box .newsletter_txt{width:100%;height:42px; border:none; float:left;padding:0 120px 0 15px; border-radius:5px; box-sizing:border-box;} #bottom_box .newsletter_btn{width:auto; padding:0 15px; height:42px;float:left;background:#222;text-align:center;line-height:42px;margin:0; color:#fff; position:absolute; right:0; top:0; border-radius:0 5px 5px 0; text-transform:uppercase; font-weight:600; font-size:14px; letter-spacing:0.5px;} #bottom_box .shartto{float:none; width:auto; height:auto; line-height:normal; overflow:hidden;} #bottom_box .shartto li{width:auto;height:auto;margin:0 15px 0px 0;} #bottom_box .shartto li a{width:42px;height:42px;border-radius:5px;background:rgba(0, 0, 0, 0.2);color:#fff;display:inline-block;text-align:center;line-height:42px; font-size:18px;} #bottom_box .shartto li a:hover{ background:#fff; color:#EC5A4A;} #bottom_box .link_box{ padding:50px 0;} #bottom_box .link_box dl{ width:25%; padding:0 15px; box-sizing:border-box;} #bottom_box .link_box dl dt{font-size: 18px;color: #222;margin-bottom: 20px; font-weight:600; height:auto;line-height:20px; text-transform:uppercase; position:relative; padding-top:15px;} #bottom_box .link_box dl dt:after{ content: " "; width: 220px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: inline-block; position: absolute; left: 0; bottom: 0;} #bottom_box .link_box dl dd{ padding:6px 0;} #bottom_box .link_box dl dd a{padding:0; color:#555; line-height:18px; font-size:14px; position:relative; padding-left:20px;} #bottom_box .link_box dl dd i{ position:absolute; left:0; top:50%; transform:translateY(-50%);} #bottom_box .link_box dl dd a:hover{color:#EC5A4A; margin-left:15px;} #bottom_box .link_box .contact_us img{ margin-bottom:20px;} #bottom_box .link_box .contact_us p{ position:relative; padding-left:30px; margin-bottom:10px; line-height:25px;} #bottom_box .link_box .contact_us i{ background:none; position:absolute; left:0; top:50%; transform:translateY(-50%); width:30px; height:30px; line-height:30px; font-size:20px;} #bottom_box .copyright{ color:#fff; background:#222; padding:15px 0; line-height:40px;} #bottom_box .copyright img{ padding-bottom:20px;} .product_list_2017 .common_pro_list1 li{width:230px;} .product_list_2017 .common_pro_list1 li.other{width:100%;} .product_list_2017 .common_pro_list1 li .pic{height:210px;width:210px;line-height:230px;} .product_list_2017 .common_pro_list1 li .pic img {max-width:100%;max-height:100%;} .product_detail_2017 .viewfontright{width:555px;} /* 快速查看 */ .mini_detail{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;} .mini_detail .mini_detail_bg{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:-1;} #mini_detail{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin:auto;width:960px;position:relative;} #mini_detail .icon-iconfontclose{position:absolute;right:10px;top:10px;font-size:30px;background:none;color:#333;cursor:pointer;} @media (max-width: 1600px) and (min-width: 1200px){ #header_box .category_box, .index_default .banner_lt{ width:20%;} #header_box .nav_box, .index_default .banner_box{ width:80%;} .index_default .banner_rt{ display:none;} }