/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ .trans{ transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } /*************************** 宽屏样式 start***************************/ .w_1200 .wide{width:1440px; min-width:1440px;} .w_1200 #top_bar_outer, .w_1200 #header, .w_1200 #nav_outer, .w_1200 #service_outer, .w_1200 #footer_outer{min-width:1200px;} .w_1200 #top_bar .freeship{width:496px;} .w_1200 #header .logo{width:308px;} .w_1200 .nav_item li>a{padding:0 10px;} .w_1200 #service dl{padding:0 40px 0 30px; width:190px;} .w_1200 #service dl:first-child{padding-left:30px;} .w_1200 #service dl.fore_2{width:374px;} .w_1200 .side_right{width:946px;} .w_1200 .pro_right{margin-top: 6px;width:1100px;} .w_1200 .prod_sort a{padding:0 15px;} .w_1200 .prod_menu{display:block;} body{ max-width: 1920px; margin: 0 auto;overflow-x: hidden; } .wide1{ width: 1200px; margin: 0 auto; } #m_header,#m_sort,#prolist{ display: none; } /*************************** 宽屏样式 end ***************************/ /*************************** 多语言样式 start ***************************/ .lang_de .header_cart{width:164px;} .lang_de .header_cart .cart_text{width:88px; font-size:12px;} .lang_es .header_cart .cart_text{font-size:12px;} .lang_fr .header_cart .cart_text{font-size:12px;} .lang_ru .w_1200 #top_bar .freeship{width:490px;} .lang_ru #top_bar .freeship{width:350px;} .lang_ru .header_cart{width:155px;} .lang_ru .header_cart .cart_text{width:83px; font-size:12px;} .lang_pt .header_cart{width:160px;} .lang_pt .header_cart .cart_text{width:88px;} /*************************** 多语言样式 end ***************************/ /*************************** header start ***************************/ #top_bar_outer{ border-bottom: 1px solid #db7d0c; background: #EA8C1C;} #top_bar{height:40px; line-height:40px;} #top_bar .freeship{width:316px; height:34px; padding-left:36px; background:url(../images/ico-img.png) -166px top no-repeat;} #top_bar .crossn{ margin-top: 2px;margin-right:0px;} #top_bar .crossn li{display:inline-block; padding:0 12px; height:34px; position:relative; z-index:1010;} /*#top_bar .crossn li:first-child{background:url(../images/ico-img.png) -166px -36px no-repeat; padding-left:36px;}*/ #top_bar .crossn li.block{padding:0 4px;} #top_bar .crossn li.block.fav a{ font-size: 14px; color: #fff; } /*#top_bar .crossn li:first-child.block{padding:0 4px 0 30px;}*/ #top_bar .crossn li div strong{ margin-left:6px;} #top_bar .crossn li:hover dt{background-color:#EA8C1C; border-bottom:none; z-index:1011; position:relative; -webkit-border-radius-topleft:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-radius-topright:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px;} #top_bar .crossn li:hover dt.not_dd{background:none; border:1px transparent solid;} #top_bar .crossn li dt{height:28px; color: #fff; line-height:28px; margin-top:5px; padding:0 20px 0 10px; cursor:pointer; background:url(../images/ico/icon_pull1.png) right center no-repeat;} #top_bar .crossn li dt strong{width:40px; display:block; text-align:center;color: #a0a0a0;} #top_bar .crossn li dt b{display:inline-block; width:15px; height:15px; margin-left:5px; margin-bottom:-3px; overflow:hidden; background:url(../images/user/mail_icon.png) no-repeat;background-size: 14px;} #top_bar .crossn li dt.not_dd{background:none; padding-right:10px;} #top_bar .crossn li dd{padding:5px 10px 8px; border:1px solid #EA8C1C; background:#EA8C1C; position:absolute; top:31px; right:4px; display:none;} #top_bar .crossn li dd a{color: #fff;} #top_bar .crossn li dd img{margin-right:5px;} #top_bar .crossn li dd .inbox_tips{display:inline-block; height:15px; line-height:15px; margin-left:5px; margin-bottom:-3px; padding:0 4px; overflow:hidden; color:#fff; text-align:center; background-color:#c00; border-radius:5px;} #top_bar .crossn li:hover dd{display:block; z-index:1010; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} #top_bar .crossn li:hover dd.login{width:200px; padding:15px 10px;} #top_bar .crossn li:hover dd.user{min-width:80px;} #top_bar .crossn li:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;} #top_bar .crossn li:hover dd.login .fb-login-button{margin-bottom: 12px;} #header{background:#EA8C1C;} #header .logo{ margin-top: 7px; width:310px; height:71px; overflow:hidden;} #header .logo a{ } #header .logo h1{ display: block; width: 100%; height: 100%;} #header .logo img{max-width:100%; max-height:100%;} #header .user{ margin-top: 30px; margin-left: 30px; padding-bottom: 10px; position: relative; } #header .user a{ color: #fff; } #header .user>div{ display: none; } #header .user dd{ display: none; position: absolute; background: #000; padding: 10px; border-radius: 5px; z-index: 10000; left: 50%; transform: translateX(-50%); } #header .user:hover .user{ display: block; } #header .user dd.user{ margin: 0 ; padding: 10px; width: 80px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); background: #000; z-index: 1000; border-radius: 5px; } #header .user dd.user a{ line-height: 28px; color: #fff; display: block; text-align: center; } #header .user .SignInButton{ font-size: 0; width: 20px; height: 22px; background: url(../images/icon_user1.png) no-repeat center center; display: block; } #header .user:hover dd{ display: block; } #header .search_box{ margin-top: 32px; cursor: pointer; position: relative; } #header .search_box .icon{ width: 18px; height: 19px; background: url(../images/icon_search1.png) no-repeat center center; } /*#header .operation{ width: 192px; } */ #header .search_box form{display: none; position: absolute; top: -5px; right: 0; width: 830px; background: #EA8C1C; } #header .search_box form .input{ position: relative; } #header .search_box form .input_text{ width: 100%; height: 32px; line-height: 32px; background: transparent; border: none; border-bottom: 1px solid #eee; color: #fff; } #header .search_box form input[type=submit]{ width: 18px; height: 19px; background: url(../images/icon_search1.png) no-repeat center center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: none; cursor: pointer; } .search{width:440px; border:1px solid #e0dfe4; height:38px; margin:21px 22px 0; background:url(../images/repeat-bg.png) top repeat-x;} .search input{height:26px; border:0; outline:0;} .search .text{width:380px; line-height:28px; font-size:14px; padding:5px 4px; padding-left:8px; border:1px solid transparent;} .search .button{width:40px; height:38px; background-image:url(../images/ico-img.png); background-position:right -212px; background-repeat:no-repeat; cursor:pointer;} .header_cart{position:relative; width:92px; height:43px; margin-top:20px;background:#EA8C1C;} .header_cart:before{ content: ''; width: 1px; height: 20px; background: #db7d0c; position: absolute; top: 50%; transform: translateY(-50%); left: -1px; } .header_cart .cart_inner{height:30px; display:block; position:relative; z-index:1009; background:url(../images/icon_cart1.png) no-repeat 20px 10px; background-size: 23px; padding:8px 0 7px;} .header_cart .cart_inner:hover{color:#fe8a27;} .header_cart .cart_count, .header_cart .cart_text{position:absolute; font-size:16px; font-weight:bold;} .header_cart .cart_count{left:61px; top:5px; width:27px; height:27px; line-height: 27px; border: 2px solid #fff; text-align:center; color:#fff;} .header_cart .cart_text{left:65px; top:14px; width:52px; background:url(../images/global/header_cart_hover.png) no-repeat right 7px;} #nav_outer{border-bottom:1px #ccc solid;position:relative; z-index:1000;} #nav{ width: 900px;height:79px;} /*.nav_box{padding-left:236px;}*/ .nav_menu{width:236px;margin-left:-236px;position:relative;} .nav_menu .nav_title{height:42px; line-height:42px;position:absolute;top:0;left:0;width:100%;} .nav_menu .nav_title a{font-size:14px; color:#fff; padding-left:24px; display:block; text-decoration:none;} .nav_menu .nav_title b{position:absolute; top:12px; right:12px; width:19px; height:19px; background:url(../images/ico-img.png) right -185px no-repeat;} .nav_categories{position:absolute;top:42px;left:0border:1px #e0e0e0 solid; background:#fff; display:none; padding:8px 0; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} .nav_categories li{height:40px; position:relative;} .nav_categories li>h2{width:202px; border-top:1px #e0e0e0 solid; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#fff; height:38px; margin:0 16px; overflow:hidden; position:relative;} .nav_categories li:first-child>h2{border-top:1px solid #fff;} .nav_categories li>h2>a{height:38px; line-height:38px; display:block; font-size:12px; padding-right:16px; text-indent:5px; font-weight:bold;} /*.nav_categories li>h2>em{border-width:5px 0 5px 5px; border-style:solid; display:block; position:absolute; top:15px; right:5px; z-index:10;}*/ .NavArrowColor{border-color:transparent transparent transparent #ccc;} .nav_categories li>h2>i{position: absolute; top: 0;bottom: 0;right: 11px;width: 7px;height: 11px; z-index:11;background: url(../images/global/icon_down_has.png) no-repeat center top;margin:auto;} .nav_categories li.hover>h2{position:absolute; width:204px; border:1px solid #bbb; border-right:none; margin:0; padding-left:16px; height:39px; z-index:10000; left:0; -webkit-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3);} .nav_categories li .nav_subcate{position:absolute; left:220px; width:700px; padding:0 12px; min-height:494px; z-index:1001; border:1px solid #bbb; background:#fff; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} .nav_categories li .nav_subcate dl{display:block; float:left; width:196px; margin:0 12px; padding:5px;} .nav_categories li .nav_subcate dl.tline{border-top:1px solid #ddd;} .nav_categories li .nav_subcate dl dt{font-weight:bold; line-height:160%; padding:8px 0;} .nav_categories li .nav_subcate dl dd{padding:0 0 5px 3px;} .nav_categories li .nav_subcate dl dd a{display:block; padding:2px 0; line-height:160%;} /*.nav_box{ overflow: hidden; }*/ .nav_item{height:79px; overflow:hidden;text-align: center;} .nav_item li{ margin-top: 9px; display: inline-block; line-height:70px; border: none;} .nav_item li>a{text-align:center; color:#fff; padding:0 16px; display:inline-block; text-decoration:none; border:none; font-size:16px; text-transform: uppercase;} .nav_item li>a:hover{ /*color: #fe8a27;*/ color: #333; background: transparent; } .nav_item li:hover dl{visibility:visible;} /*************************** header end ***************************/ /*************************** footer start ***************************/ #service{overflow:hidden; padding:20px 0;} #service dl{padding:0 7px 0 20px; border-left:1px #ccc solid; height:174px; width:190px;} #service dl:first-child{border-left:0; padding-left:0px;} #service dl.fore_2{width:300px; padding-right:7px;} #service dt{font-size:14px; font-weight:bold; height:24px; line-height:24px; color:#000; overflow:hidden;} #service dd>a{line-height:29px; display:block;height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #service .newsletter{padding-top:12px;} #service .newsletter .text{width:284px; height:34px; line-height:34px; border:1px #b6b6b6 solid; margin:13px 0;} #service .newsletter .button{width:106px; height:32px; line-height:32px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; cursor:pointer; font-size:14px;} /*#footer_outer{background:#eee; border-top:1px solid #c1c1c1;} #footer{padding:24px 0; border-top:1px solid #c1c1c1; text-align:center; color:#333; line-height:180%;} #footer .follow_us_box{height:40px; line-height:40px; padding-bottom:10px;} #footer .follow_us_box .follow_title{margin-right:10px; font-size:14px; font-weight:bold; color:#333; display:inline-block; vertical-align:top;} #footer .follow_us_box .follow_content{display:inline-block;} #footer .nav a{margin:0 10px;} #footer .foot_copy{font-size:13px; padding-top:5px;} #footer .foot_pay{padding:15px 0 10px; text-align:center;} */ .global_swap_chain{ background:#eee; text-align:center;} .global_swap_chain a{color:#333;} /*************************** footer end ***************************/ /*************************** gloabl start ***************************/ .pro_left{width:300px;} .pro_left .ad{margin-top:20px;} .pro_right{width:1100px;} .sidebar{border:1px #e6e6e6 solid; margin-top:20px;} .sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; margin:0 10px; font-size:15px;} .sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;} #what_hot .pro_item{padding:10px;} #what_hot .pro_item:hover{background:#f7f7f7;} #what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle; border:1px solid #f2f2f2;} #what_hot .pro_item>dt img{max-width:100%; max-height:100%;} #what_hot .pro_item .pro_info{width:121px; overflow:hidden; margin-left:10px;} #what_hot .pro_item .pro_name{height:50px; overflow:hidden; line-height:140%; margin-bottom:5px;} #what_hot .pro_item a{color:#666;} #special_offer .pro_item{border-bottom:1px #ddd solid; padding:15px 10px;} #special_offer .pro_item:hover{background:#f7f7f7;} #special_offer .pro_item dt{width:96px; height:96px; text-align:center; margin:0 auto; position:relative; overflow:inherit;} #special_offer .pro_item dt img{max-width:100%; max-height:100%;} #special_offer .pro_item dt>.icon_discount{position:absolute; top:-10px; right:-40px; width:30px; height:30px; color:#fff; border-radius:999%; -ms-border-radius:999%; -moz-border-radius:999%; -webkit-border-radius:999%; line-height:15px; padding:9px;} #special_offer .pro_item dt>.icon_discount b{font-size:16px;} #special_offer .pro_item dd{padding:0 13px;} #special_offer .pro_item .pro_name{height:30px; overflow:hidden; line-height:140%; margin:5px 0 12px;} #special_offer .pro_item a{text-decoration:none; color:#666;} #special_offer .pro_item del{margin-left:20px; color:#666; font-size:12px;} #special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{color:#666; font-size:12px; font-weight:normal;} #special_offer .last{border-bottom:0;} /*************************** gloabl end ***************************/ #footer{ padding-top: 80px; background: #222222;overflow: hidden; } #footer .list{ padding-right: 2%; width: 23%; } #footer .list .title{ height: 32px; line-height: 32px; font-size: 18px; color: #ffffff; position: relative; } #footer .list .title:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; bottom: -7px;} #footer .list .rows { margin-top: 15px; } #footer .list .rows a{ display: block; height: 32px; line-height: 32px; font-size: 14px; color: #eeeeee; overflow: hidden; } #footer .list .rows a:hover{ color: #ef8c2a; text-decoration: none; } #footer .list.newsletter{ padding-right: 0; width: 25%; } #footer #newsletter_form{ margin-top: 25px; } #footer .footer_nav{ padding-bottom: 30px; } #footer #newsletter_form{ width: 100%; height: 45px; line-height: 45px; position: relative; } #footer #newsletter_form .text{ padding: 10px; width: calc( 100% - 22px ); height: 23px; } #footer #newsletter_form .button{ width: 30px; height: 26px; background: url(../images/newsletter_btn.png) no-repeat center center; border: none; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 13px; } #footer .share_box{ margin-top: 30px; } #footer .share_box a { display: inline-block; margin-right: 10px; width: 30px; height: 30px; } #footer .share_box a.Facebook{ background: url(../images/share_Facebook.png) no-repeat center center / 100%; } #footer .share_box a.QQ{ background: url(../images/share_qq.jpg) no-repeat center center; } #footer .share_box a.Weibo{ background: url(../images/share_wechat.jpg) no-repeat center center; } #footer .share_box a.WeChat{ background: url(../images/share_weibo.jpg) no-repeat center center; } #footer .copyright{ height: 59px; line-height: 59px; border-top: 1px solid #393939; font-size: 14px; color: #909090; text-align: center; } #footer .copyright a{ color: #909090; } .left_nav{} .left_nav .cate_list{} .left_nav .cate_list .rows{ margin-bottom: 25px; } .left_nav .cate_list .rows .title{ height: 32px; line-height: 32px; border-bottom: 1px solid #dddddd; text-indent: 10px; color: #222222; font-size: 16px; cursor: pointer; position: relative; overflow:hidden; } .left_nav .cate_list .rows:not(.no_sec) .title:after{ content: ''; width: 12px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; background: #000;} .left_nav .cate_list .rows:not(.no_sec) .title:before{ content: ''; width: 12px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: 8px; background: #000;} .left_nav .cate_list .rows.cur .title:before{ display: none; } .left_nav .cate_list .rows .sec_nav{ height: 0; overflow: hidden; } .left_nav .cate_list .rows .sec_nav .hidden{} .left_nav .cate_list .rows .sec_nav .hidden .sec_title{ margin-top: 15px; height: 40px; line-height: 40px; border-bottom: 1px solid #f0f0f0; text-indent: 10px; } .left_nav .cate_list .rows .sec_nav .hidden .sec_title a{ font-size: 14px; color: #555555; } .left_nav .cate_list .rows .sec_nav .hidden .sec_title:hover a{ color: #ef8c2a; text-decoration: none; } #main.info{ padding: 100px 0; } @media screen and (max-width: 1440px){ #top_bar.wide{ width: 1200px; min-width: 1200px; } #header .wide{ width: 1200px; min-width: 1200px; } .w_1200 #header .logo, #header .logo{ width: 260px; } #nav{ width: 650px; } .w_1200 .nav_item li>a{padding:0 12px;} .w_1200 .wide,.wide{ width: 1200px; min-width: unset; } .pro_left{ width: 250px; } .w_1200 .pro_right , .pro_right{ width: 900px; } #header .search_box form{ width: 690px; } } @media screen and (max-width: 1200px){ #header .wide, .wide,#top_bar.wide,.wide1{ width: 1000px; min-width: 1000px; } #header .logo{ width: 220px; } #nav{ width: 490px; } .pro_left{ width: 200px; } .pro_right{ width: 700px; } #prod_sort select{ width: 130px; } #header .search_box form{ width: 520px; } #main.info .side_right{ width: 650px; } } @media screen and (max-width: 1000px){ #header .wide, .wide, #top_bar.wide, .wide1{ width: 750px; min-width: unset; } #footer .wide1{ width: 750px; } #header .logo{ width: 150px; height: auto; margin-top: 20px; } .wide1{ width: 96%; min-width: unset; } #footer .list.newsletter{ width: 50%; } /*#top_bar_outer , #header{ display: none; }*/ #header .search_box form{ width: 365px; } #nav{ width: 310px; } .pro_right{ width: 480px; } #prod_sort select{ width: 80px; } #header .wide, #top_bar.wide{ width: 750px; min-width: unset; } .nav_item li>a{ padding: 0 5px; } #nav{ width: 345px; } #header .user{ margin-left: 10px; } #top_bar_outer, #header, #nav_outer, #service_outer, #footer_outer{ min-width: unset; } #footer .list{ margin: 0 auto 30px; width: 48%; padding-right: 2%; min-height: 244px; } #main.info .side_right , #main.info .help_menu , #main.info .side_left{ margin-bottom: 20px; width: 100%; } } @media screen and (max-width: 750px){ /*.pswp--zoom-allowed .pswp__img{ height: auto!important; }*/ .pswp img{ max-width: unset!important; } #top_bar_outer , #header{ display: none; } #prolist{ display: block; } .main_content{ padding: 0; overflow: unset; } #footer{ padding-top: 8.0vw; } #footer .wide1,.wide{ width: 92.0vw; min-width: 92.0vw; } #footer .list.current .title:before{ transform: rotate(180deg); top: 45%; transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #footer .list .rows{ padding: 2.666667vw 0; margin-top: 0; border-top: 1px solid #4c4c4c; text-indent: 4.0vw; } #footer .list .rows a{ font-size: 3.733333vw; height: 9.6vw; line-height: 9.6vw; overflow: hidden; } #footer .list{border: 1px solid #4c4c4c; margin: 0 auto 2.666667vw 0; padding: 0; width: 100%; min-height: unset; } #footer .list .title:after{ display: none; } #footer .list .title{ height: 9.066667vw; line-height: 9.066667vw; font-size: 4.0vw; text-indent: 4.266667vw; position: relative; } #footer .list.newsletter{ width: 100%; } #footer .list.newsletter .title:before{ display: none; } #footer .list .title:before{ content: ''; width: 3.466667vw; height: 1.866667vw; background: url(../images/pull_icon.png) no-repeat center center; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 3.333333vw; ransition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #footer .list .sec_nav{ height: 0; overflow: hidden; transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #footer #newsletter_form{ margin-top: 0; } #footer .list:nth-child(4){ margin-top: 5.333333vw; border:none; } #footer .list:nth-child(4) .title{ text-align: center; font-size: 5.2vw; } #footer #newsletter_form{ height: 9.6vw; line-height: 9.6vw; text-indent: 0; border-top: none!important; } #footer #newsletter_form .text{ padding: 1.333333vw; width: calc( 100% - 2.933333vw ); height: 6.666667vw; font-size: 3.2vw; color: #b9b9b9; } #footer #newsletter_form .button{ width: 6.133333vw; height: 5.6vw; background: url(../images/m_newsletter_btn.png) no-repeat center center / 100%; } #footer .footer_nav{ padding-bottom: 4.0vw; } #footer .share_box{ margin-top: 2.666667vw; text-align: center; } #footer .share_box a.QQ{ background: url(../images/m_share_qq.png) no-repeat center center / 100%; background-size: 6.8vw 7.6vw; } #footer .share_box a.Weibo{ background: url(../images/m_share_wechat.png) no-repeat center center / 100%; } #footer .share_box a.WeChat{ background: url(../images/m_share_weibo.png) no-repeat center center / 100%; } #footer .share_box a { display: inline-block; margin: 0 3.333333vw; width: 8.0vw; height: 8.0vw } #footer .copyright{ padding: 1.333333vw 0; height: auto; line-height: 5.6vw; font-size: 1.866667vw; } #footer .copyright a{ display: block; text-align: center; } #m_header{ display: block; position: relative; background: #EA8C1C; padding-top: 3.333333vw; height: 12.666667vw; z-index: 100000; } #m_header .wrap{ width: 92.0vw; margin: 0 auto; } #m_header .wrap .nav_sec{ transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #m_header .menu_btn{ margin-top: 1.333333vw; width: 8.266667vw; height: 8.266667vw; position: relative; } #m_header .menu_btn.current span{ display: none; } #m_header .menu_btn.current{ background: url(../images/icon_close.png) no-repeat center center; } #m_header .menu_btn span{ display: block; width: 100%; height: 0.933333vw; background: #fff; margin-top: 2.0vw; border-radius: 0.933333vw; } #m_header .menu_btn span:first-child{ margin-top: 0; } #m_header .logo{ width: 32.666667vw; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); } #m_header .header_cart{ margin: 0; width: 15.333333vw; height: 7.333333vw; border: none; background: none;} #m_header .down_header_cart .cart_note{ display: none!important; } #m_header .header_cart .cart_inner{ padding: 0 0 1.3vw; height: 6.933333vw;/* background: url(../images/ico/icon_m_cart.png) no-repeat left center;*/ background-size: 6.666667vw 6.266667vw; background-position: 0px 4px;} #m_header .header_cart .cart_count{ width: 6.133333vw; height: 6.133333vw; line-height: 6.133333vw; border: 0.4vw solid #fff; /* ef8c2a */ font-size: 3.466667vw; left: 8.0vw; top: 0.666667vw; } #m_header .header_cart:before{ display: none; } #m_header .user_icon{ margin-top: 0.8vw; width: 6.666667vw; height: 6.666667vw; margin-right: 0.666667vw; display: block; background: url(../images/user_icon.png) no-repeat center center / 100%; } #m_nav{ display: none; width: 100%; position: absolute; top: 16.0vw; left: 0; z-index: 1000000; background: #fff; } #m_nav .msearch{ height: 13.2vw; } #m_nav .msearch form{ width: 100%; position: relative; } #m_nav .msearch form:after{ content: ''; width: 6.0vw; height: 6.133333vw; background: url(../images/m_search.png) no-repeat center center / 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 4.0vw; } #m_nav .msearch form input[type=text]{ width: 73.066667vw; height: 13.2vw; line-height: 13.2vw; border:none;background: #f0f0f0; text-indent: 12.666667vw; font-size: 3.733333vw; color: #999999; } #m_nav .msearch form input[type=submit]{ width: calc( 100% - 73.066667vw ); height: 13.2vw; line-height: 13.2vw; border: none; font-size: 3.733333vw; background: #e98b1c; color: #fff; } #m_nav .nav_pull{ margin-top: 0.933333vw; } #m_nav .nav_pull .user_login{ line-height: 13.2vw; background: #f0f0f0; } #m_nav .nav_pull .user_login a{ display: block; font-size: 3.733333vw; color: #222222; text-indent: 8.666667vw; background: url(../images/m_user_icon.png) no-repeat left center; background-size: 5.866667vw 6.666667vw; position: relative; } #m_nav .nav_pull .nav_list.user_login .rows .title a{ height: 13.2vw; line-height: 13.2vw; } /*#m_nav .nav_pull .user_login a:after{ content:''; width: 1.466667vw; height: 2.8vw; background: url(../images/icon_arrow.png) no-repeat center center; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-size: 100%;}*/ #m_nav .nav_pull .nav_list{} #m_nav .nav_pull .nav_list .rows.language{ border-top-width: 7px; } #m_nav .nav_pull .nav_list .rows{ border-top: 1px solid #dcdcdc; } #m_nav .nav_pull .nav_list .rows:first-child{ border-top: none; } #m_nav .nav_pull .nav_list .rows .title{ position: relative; } #m_nav .nav_pull .nav_list .rows:not(.no_sec) .title:after{ content:''; width: 1.466667vw; height: 2.8vw; background: url(../images/icon_arrow.png) no-repeat center center; position: absolute; top: 4.666667vw; right: 0; background-size: 100%; } #m_nav .nav_pull .nav_list .rows:not(.no_sec).current .title:after{ transform: rotate(90deg); } #m_nav .nav_pull .nav_list .rows .title a{ height: 11.866667vw; line-height: 11.866667vw; font-size: 3.733333vw; color: #222222; } #m_nav .nav_pull .nav_list .rows a{ height: 11.866667vw; line-height: 11.866667vw; font-size: 3.733333vw; color: #222222; } #m_nav .nav_pull .nav_list .rows .nav_sec{ height: 0; overflow: hidden; } #m_nav .nav_pull .nav_list .rows .hidden .nav_sec{ transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #m_nav .nav_pull .nav_list .rows .hidden .nav_sec a{ background: transparent; } #main.info.wide{ width: 96%; margin: 0 auto; } .pro_left{ display: none; } .pro_right{ width: 100%; } #prod_sort{ display: none; } #m_sort{ display: block; } #m_sort .row{ border-bottom: 1px solid #d2d2d2; position: relative; } #m_sort .row .title{ padding: 0 4.0vw; height: 13.2vw; line-height: 13.2vw; background: url(../images/m_products_icon.png) no-repeat 4.0vw center; background-size: 5.733333vw 3.866667vw; font-size: 4.0vw; text-indent: 8.666667vw; position: relative; } #m_sort .row .title:after{ content: ''; width: 2.933333vw; height: 1.866667vw; background: url(../images/sort_pull.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 4.0vw } #m_sort .row.filter .title{ background: url(../images/m_icon_sort.png) no-repeat 4vw center; background-size: 4.8vw; } #m_sort .row .sec_sort{ height: 0; overflow: hidden; } #m_sort .row .sec_sort .sec_hidden{} #m_sort .row .sec_sort .sec_hidden .sec_box{ border-top: 1px solid #d2d2d2; line-height: 11.733333vw; font-size: 3.733333vw; color: #222222; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title{ padding: 0 4vw; position: relative; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title.FontColor a{ color: #e98b1c; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title em{ width: 2.666667vw; height: 2.666667vw; position: absolute; top: 50%; transform: translateY(-50%); right: 4vw; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title em i{ position: relative; width: 100%; height: 100%; display: block; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title em i:after{ content: ''; width: 100%; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #222222; } #m_sort .row .sec_sort .sec_hidden .sec_box .s_title em i:before{ content: ''; width: 100%; height: 1px; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); left: 0; background: #222222; } #m_sort .row .sec_sort .sec_hidden .sec_box.current .s_title em i:before{ display: none; } #m_sort .row .sec_sort .sec_hidden .sec_box .third_sort{ height: 0; overflow: hidden; } #m_sort .row .sec_sort .sec_hidden .sec_box .third_sort .third_hidden{} #m_sort .row .sec_sort .sec_hidden .sec_box .third_sort .third_hidden .t_title{ padding: 0 4vw; line-height: 10.533333vw; border-top: 1px solid #e7e7e7; } #m_sort .row .sec_sort .sec_hidden .sec_box .third_sort .third_hidden .t_title.FontColor a{ color: #eb9439; } #m_sort .row .sec_sort .sec_hidden .sec_box .third_sort .third_hidden .t_title a{ display: block; font-size: 3.733333vw; color: #666666; } #m_header .message_icon{ margin-top: 2vw; width: 5vw; height: 5vw; text-align: center; position: relative; background: url(../images/message_icon.png) no-repeat center center; -webkit-animation: myAnimation 2s infinite; animation: myAnimation 2s infinite; } #m_header .message_icon span{ position: absolute; top: 5px; right: 5px; border-radius: 50%; background: #fb4729; color: #ffff; font-size: 0; width: 10px; height: 10px; } } #header .message_icon{ display: block; margin-top: 20px; margin-left: 5px; width: 40px; height: 40px; background: url(../images/message_icon.png) no-repeat center center; position: relative; -webkit-animation: myAnimation 2s infinite; animation: myAnimation 2s infinite } #header .message_icon span{ position: absolute; top: 5px; right: 5px; width: 10px; height: 10px; line-height: 10px; background: #fb4729; border-radius: 100%;display: block; color: #fff; font-size: 0; } @-webkit-keyframes myAnimation { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } } @keyframes myAnimation { 0% { opacity: 0; filter: alpha(opacity=0) } 100% { opacity: 1; filter: alpha(opacity=100) } }