/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ /*************************** 宽屏样式 start***************************/ .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;} .wide{ width: 1200px; min-width: 1200px; } .wide1{ width: 1440px; margin: 0 auto; min-width: 1440px; } .wide2{ width: 1860px; margin: 0 auto; min-width: 1860px; } /*.w_1200 .wide{width:1200px; min-width:1200px;} .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:160px;} .w_1200 .nav_item li>a{padding:0 24px;} .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{width:940px;} .w_1200 .prod_sort a{padding:0 15px;} .w_1200 .prod_menu{display:block;}*/ /*************************** 宽屏样式 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 ***************************/ .m_article_banner{ display: none; } header,.left_fixed_side , footer{ display: none; } #top_bar_outer{background:#f6f6f6; border-bottom:1px solid #e8e8e8;} #top_bar{height:34px; line-height:35px;} #top_bar .freeship{width:316px; height:34px; padding-left:36px; background:url(../images/ico-img.png) -166px top no-repeat; overflow:hidden;} #top_bar .crossn{margin-right:5px;} #top_bar .crossn li{display:inline-block; padding:0 12px; height:34px; background:url(../images/ico-img.png) -199px -72px no-repeat; 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: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:#fff; border:1px solid #d1d1d1; 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; line-height:28px; margin-top:3px; border:1px solid #f6f6f6; padding:0 20px 0 10px; cursor:pointer; background:url(../images/ico-img.png) right -114px no-repeat;} #top_bar .crossn li dt strong{width:40px; display:block; text-align:center;} #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 #d1d1d1; background:#fff; position:absolute; top:31px; right:4px; display:none;} #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:184px; 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;} #header{ padding-top: 25px; min-height: 90px;background:#fff; position: relative; z-index: 10000;} #header .top_contact{margin-bottom: 10px; } #header .logo{ float: left;_float: none; margin: 0 auto;width:160px; height:65px; overflow:hidden;} #header .logo a{display:table-cell; height:65px; vertical-align:middle;} #header .logo img{max-width:100%; max-height:100%;} /*#header #header_abs{ position: absolute; top: 66px; right: calc( 100% / 8 ); }*/ #header #header_abs .Cart_Price{ margin-right: 10px; padding-left: 35px; font-size: 16px; color: #333333 ; font-family: ws; line-height: 32px; position: relative; } #header #header_abs .Cart_Price em{ width: 1px; height: 28px; background: #d0d0d0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } #header #user_icon{ margin-top: 2px; margin-right: 35px; width: 30px; height: 28px; background: url(../images/user_icon.png) no-repeat center center; } #header #user_icon a{ display: block; width: 100%; height: 100%; } #header .header_Nav{ _margin-top: 25px; } #header .header_Nav ul{ text-align: center; } #header #header_abs{ transform: translateY(15px); } #header.fixed .header_Nav ul li{ padding: 5px 15px 18px; } #header .header_Nav ul li{ padding: 18px 15px; display: inline-block; } #header .header_Nav ul li .fir_title{ padding-bottom: 18px; line-height: 35px; font-size: 16px; color: #222222; font-family: Lustria-Regular; font-weight: bold; } #header .header_Nav ul li:hover .fir_title{ color: #ff7b7e; } #header .header_Nav ul li .sec_category{ padding-top: 0; width: 100%; height: 0px; background: #fff; position: absolute; top: 100%; left: 0; z-index: 100; border-top: 1px solid #e7e7e7; box-shadow: 0px 9px 11px -4px #dededebf; overflow: hidden; } #header .header_Nav ul li:hover .sec_category{ padding-top: 40px; height: 240px; } #header .header_Nav ul li .sec_hidden{ position: relative; } /*#header .header_Nav ul li .sec_category .wide1{ position: relative; }*/ #header .header_Nav ul li .sec_category .list{ display: inline-block; text-align: left; position: absolute; top: 0; left: 0; } #header .header_Nav ul li .sec_category .list a{ display: block; line-height: 33px; font-size: 16px; color: #333333; font-family: ws; } #header .header_Nav ul li .sec_category .list a:hover{ color: #ff7b7e; } #header.other , #header.fixed{ padding-top: 30px; height: auto; } #header.other .logo , #header.fixed .logo{ max-height: 72px; height: 72px; transform: translateY(-15px); } #header.other .logo a , #header.fixed .logo a{ height: 72px; } #header.fixed{ width: 100%; background: rgba(255, 255, 255, 0.95); position: fixed; top: 0; left: 0; z-index: 1000; } #header.fixed #header_abs{ top: 52px; } #header.fixed .search .text{ background: transparent; } .mobile_detail_header{ display: none; width: 6.9rem; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); z-index: 9999999; } /*.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:100%; line-height:28px; font-size:14px; padding:24px 0; border:1px solid none; border-bottom: 1px solid #aaaaaa; font-family: ws; text-indent: 10px; } .search .button{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); ; width:40px; height:38px; background-image:url(../images/search_icon.png); background-position:center center; background-color: transparent; background-repeat:no-repeat; cursor:pointer;} .search #search_btn{ margin-top: 2px; width: 27px; height: 28px; background: url(../images/search_icon.png) no-repeat center center; cursor: pointer; position: relative; } .ajax_search .form{ position: absolute; top: -22px; right: -16px; display: none; } .ajax_search .form .rows{ position: relative; width: 308px; } .header_cart{position:relative; margin-top: -5px;padding: 5px 10px; width:25px; height:30px; *border:1px #fff solid; z-index: 10000;} .header_cart .cart_inner{height:100%; display:block; position:relative; z-index:1009; background:url(../images/cart_icon.png) no-repeat center center;} .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{top:-5px; right:-20px; width:26px; height:19px; line-height: 19px; text-align:center; border-radius: 35px; font-size: 14px;background: #ee534f; color:#fff;} .header_cart .cart_text{left:65px; top:14px; width:52px; } #nav_outer{border-bottom:1px #ccc solid;position:relative; z-index:1000;} #nav{height:42px;} .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_item{height:42px; overflow:hidden;} .nav_item li{float:left; line-height:42px; border-right-width:1px; border-right-style:solid;} .nav_item li>a{text-align:center; color:#fff; padding:0 14px; display:inline-block; text-decoration:none; border-right-width:1px; border-right-style:solid; font-size:14px;} .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;} */ #footer{ width: 100%; padding-top: 50px; padding-bottom: 30px; background: #656565; overflow: hidden; } #footer .footer_logo{float: left; width: 20%;} #footer .footer_logo .copy{color: #fff; font-size: 16px; line-height: 32px;margin-top: 20px;} #footer .main_nav{float: left; width: 60%; overflow: hidden;} #footer .main_nav .nav_box{padding-left: 0px; text-align: center;} #footer .main_nav .nav_box .item{display: inline-block; width: 22%; margin: 0 5%; vertical-align: top; text-align: left;} #footer .main_nav .nav_box .item h3{font-size: 18px; color: #fff; } #footer .main_nav .nav_box .item ul{margin-top: 15px; } #footer .main_nav .nav_box .item ul li{line-height: 32px; color: #fff;} #footer .main_nav .nav_box .item ul li a{font-size: 14px; line-height: 32px; color: #fff;} #footer .right_newsletter{float: right; width: 20%;} #footer .right_newsletter .tips{font-size: 14px; line-height: 24px; color: #fff;} #footer .right_newsletter .newsletter{overflow: hidden; margin-top: 20px;} #footer .right_newsletter .newsletter .text{height: 45px; line-height: 45px; background-color: #ffffff; font-size: 16px; color: #000; width: calc(100% - 70px); float: left; border: 0px; outline: 0px; padding: 0px 10px;} #footer .right_newsletter .newsletter .submit_btn{float: left; width: 45px; height: 45px; border: 0px; outline: 0px; cursor: pointer; background: url('../images/more_bg.png') no-repeat center center #be020b;} #footer .follow{margin-top: 20px; text-align: center;} #footer .follow li{display: inline-block; margin-right: 10px;} #footer .follow li img{filter:invert(1);} /* #footer .follow{ padding-top: 20px; padding-left: 8px; width: 532px; position: relative; } #footer .follow .title{ font-family: Lustria-Regular; font-size: 18px; color: #222222; } #footer .follow:after{ content: ''; width: 1px; height: 240px; background: #e8e8e8; position: absolute; top: 0; right: 0; } #footer .follow ul{ margin-top: 40px; font-size: 0; } #footer .follow ul li{ display: inline-block; margin-right: 40px; vertical-align: middle; } #footer .footer_nav{ margin-top: 20px; padding-left: 78px; width: 822px; min-height: 240px; } #footer .footer_nav .item{ width: 33%; } #footer .footer_nav .item h1{ height: 25px; font-size: 18px; font-family: Lustria-Regular; color: #222222; overflow: hidden; } #footer .footer_nav .item ul{ margin-top: 35px; } #footer .footer_nav .item ul li{ line-height: 30px; } #footer .footer_nav .item ul li{ font-size: 14px; color: #666666; font-family: ws; } #footer .footer_nav .item ul li:hover a{ color: #ff7b7e; } #footer .copyright{ margin-top: 48px; height: 100px; line-height: 100px; font-size: 16px; color: #aaaaaa; font-family: ws; text-align: center; }*/ .global_swap_chain{ background:#eee;} /*************************** footer end ***************************/ /*************************** gloabl start ***************************/ .icon_heart{width:18px; height:18px; background:url(../images/global/normal.png) no-repeat -679px -71px; display:inline-block; vertical-align:top;} .hover_1 .icon_heart{ background:url(../images/global/normal.png) no-repeat -188px -117px;} .pro_left{ margin-top: 32px;width:300px;} .pro_left .ad{margin-top:20px;} .pro_right{width:1040px;} .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 ***************************/ /*** 单页留言 ****/ .ueeshop_responsive_article_feedback{margin:30px 0; padding-top:10px;} .ueeshop_responsive_article_feedback .article_feedback_title{text-align: center;margin-bottom: 2%;} .ueeshop_responsive_article_feedback .article_feedback_title .title{font-size: 24px;color: #333;} .ueeshop_responsive_article_feedback .article_feedback_title span{display: block;width: 28px;height: 2px;background: #333;margin:15px auto 10px;} .ueeshop_responsive_article_feedback .article_feedback_title .txt{font-size: 16px;color: #555;} .ueeshop_responsive_article_feedback .rows{padding:10px 2%;position: relative;} .ueeshop_responsive_article_feedback .rows.input_rows{float:left; width:50%;text-align: center;box-sizing: border-box;} .ueeshop_responsive_article_feedback .rows .input{width:100%; height:43px; line-height:43px; font-size:12px; color:#888; text-indent:10px;box-sizing: border-box;} .ueeshop_responsive_article_feedback .rows textarea{width:100%; height:150px; padding:5px; font-size:12px; color:#888;box-sizing: border-box;} .ueeshop_responsive_article_feedback .rows .fc_red{margin-right:8px;position: absolute;right: 0;bottom: 7px;z-index: 1;} .ueeshop_responsive_article_feedback .rows.input_rows .fc_red{bottom: 18px;} .ueeshop_responsive_article_feedback .rows.vcode .input{width:150px; max-width:80%;} .ueeshop_responsive_article_feedback .rows.vcode img{margin-top:3px;} .ueeshop_responsive_article_feedback .rows.vcode .fc_red{position: static;margin: 0 0 0 8px;} .ueeshop_responsive_article_feedback .rows .form_button{width:160px; height:40px;line-height: 40px; background:#222; color:#fff;font-size:14px; border:none;text-transform: uppercase;cursor: pointer;} .ueeshop_responsive_article_feedback .rows.textarea_rows{clear:both;} .ueeshop_responsive_article_feedback.s1>form>.rows.input_rows{width:100%; float:none;} .ueeshop_responsive_article_feedback.s1>form>.rows.textarea_rows textarea{width:90%; max-width:90%;} /*** 单页留言 ****/ header.fixed{ position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; background: #fff;border-bottom: 1px solid #e7e7e7; } #main.article .a_title{ margin: 50px 0 70px;line-height: 40px; font-size: 40px; color: #333333; font-family: Lustria-Regular; text-align: center; } /*#header , #footer{display: none;}*/ /*****响应式*****/ /* 单页关于我们 START */ @media screen and (max-width: 1440px){ #main.article .wide1{ width: 1200px; min-width: 1200px; } #header .header_Nav ul li{ padding: 18px 8px; } #main.article #about .about_right .item:nth-child(3),#main.article #about .about_right .item:nth-child(4){ width: 283px; } #main.article #about .contact .list .item{ padding: 40px 30px; width: 520px; } #footer .footer_nav{ padding-left: 20px; width: 625px; min-height: 180px; } /*#footer .follow{ width: 430px; }*/ #footer .footer_nav{ width: 535px; } } @media screen and (max-width: 1200px){ #main.article .wide1{ width: 1000px; min-width: 1000px; } #main.article #about .about_left .about_wide{ float: right; width: 90%; } #main.article #about .about_right .item:nth-child(3), #main.article #about .about_right .item:nth-child(4){ width: 233px; margin-top: 20px; } #main.article #about .about_left .about_wide .about_title{ font-size: 32px; line-height: 46px; } #main.article #about .about_left .about_wide .about_brief{ line-height: 24px; font-size: 18px; } #main.article #about .contact .list .item{ margin:30px auto 0; float: none; padding: 50px; width: 600px; display: block;} /*#footer .follow{ width: 288px; }*/ #footer .follow ul li{ width: 30px; height: 30px; margin-bottom: 20px; } } @media screen and (max-width: 1000px){ #main.article .wide1{ width: 750px; min-width: 750px; } #main.article #about .about_right .item:nth-child(3){ margin-right: 10px; } #main.article #about .about_right .item:nth-child(3), #main.article #about .about_right .item:nth-child(4){ width: 182px; height: auto; } .mobile_detail_header{ display: block; } .Pro_banner{ display: none; } } @media screen and (max-width: 750px){ #main.article #location, #main.article #location a{ display: none; } #main.article .wide1{ width: 6.9rem; min-width: 6.9rem; } #main.article .a_title{ margin: 0.6rem auto 0.64rem; font-size: 0.4rem; line-height: 0.4rem; } #main.article #about .about_left{ margin-top: 0.7rem; } #main.article #about .about_right,#main.article #about .about_left{ float: none; width: 100%; text-align: center;} #main.article #about .about_right .item:first-child img{ width: 100%; } #main.article #about .about_right .item:nth-child(3){ margin-right: 0.0.64rem; } #main.article #about .about_right .item:nth-child(3), #main.article #about .about_right .item:nth-child(4){ margin-top: 0.0.64rem; width: 3.25rem; } #main.article #about .about_right .item:nth-child(3) img, #main.article #about .about_right .item:nth-child(4) img{ width: 100%; } #main.article #about .about_left .about_wide{ float: none; width: 100%; text-align: left; } #main.article #about .about_left .about_wide .about_title{ line-height: 0.5rem; font-size: 0.36rem; } #main.article #about .about_left .about_wide .about_brief{ margin-bottom: 0.5rem; line-height: 0.4rem; font-size: 0.24rem; } #main.article #about .contact{ margin-top: 0.08rem; padding-top: 0.6rem; } #main.article #about .contact .c_title{ line-height: 0.4rem; font-size: 0.4rem; } #main.article #about .contact .list .item .i_title{ font-size: 0.3rem; } #main.article #about .contact .list{ margin-top: 0.64rem; } #main.article #about .contact .list .item{ margin: 0.3rem auto 0; padding: 0.5rem 0.3rem; width: calc( 100% - 0.6rem ); height: auto; } #main.article #about .contact .list .item:first-child{ margin-top: 0; } #main.article #about .contact .list .item ul{ margin-top: 0.3rem; max-width: 80%; } #main.article #about .contact .list .item ul li{ margin-bottom: 0.25rem; } #main.article #about .contact .list .item ul li:last-child{ margin-bottom: 0; } #main.article #about .contact .list .item .img{ margin-top: 0.02rem; width: 0.2rem; } #main.article #about .contact .list .item .brief{ margin-left: 0.15rem; width: 3.8rem; line-height: 0.3rem; font-size: 0.22rem; } #main.article #about .contact .list .item *{ font-size: 0; } #main.article #about .contact .list .item .abs{max-width: 1.3rem; top: 1.22rem; right: 0.3rem; } #main.article {} .ueeshop_responsive_article_feedback .rows .fc_red{margin-right: 0;} .ueeshop_responsive_article_feedback .rows.input_rows{width: 100%;float: none;} .ueeshop_responsive_article_feedback .rows .form_button{width: 100%;} } /* 头部导航 */ @media screen and (max-width: 1440px){ #header .wide1{ width: 1000px; min-width: 1000px; } #footer .wide1{ width: 1000px; min-width: 1000px;} #header #header_abs .Cart_Price{ display: none; } .ajax_search .form .rows{ width: 188px; } .ajax_search{ display: block; margin-right: 30px; } #header #user_icon{ margin-right: 20px; } } @media screen and (max-width: 1000px){ header ,.left_fixed_side{ display: block; } #header{ display: none; } #footer .wide1{ width: 96%; margin:0px auto; min-width: unset;} #footer .follow:after{ display: none; } #footer .follow{ float: none; width: 100%; text-align: center; } #footer .follow .title{ text-align: center; } #footer .follow ul li{ float: none; display: inline-block; vertical-align: middle; } #footer .footer_nav{ float: none; padding: 0; width: 100%; margin-top: 50px; text-align: center; } #footer .footer_nav .item{ float: none; display: inline-block; vertical-align: top; } .header_top{ margin: 0 auto;width: 92%;height:130px; position:relative; z-index:900;} .header_top .head_bg_col{height:130px; position:relative;text-align: center;} .header_top .logo{ height:130px; _padding:0.08rem 0;float: none; display: inline-block; text-align:center; position: relative;text-align: center;} .header_top .logo img{max-height:100%;max-width: 90%; } .header_top .head_menu{width:auto; position:absolute; left:0; top:40px;} .header_top .head_menu>div{position:relative;} .header_top .head_menu>div>a{width: 0.45rem; height: 0.45rem; height:auto; display:block;} .header_top .head_menu>div>a>img{} .header_top .head_menu.fl>div>a{} .header_top .head_menu.fr{left:inherit; right:0;} .header_top .head_menu.fr>div>a{padding-right:25px;} .header_top .head_menu.fr>div .cart_count{width:38px; height:28px; line-height:28px; text-align:center; font-size:24px; color:#fff; background-color:#ee534f; border-radius:35px; position:absolute; top:-15px; right: 0px;} .header_fill{height:130px; content:'.';} /*弹出窗口 包括头部导航、底部语言、底部货币*/ .pop_up{width:80%; max-width:400px; background-color:#fff;/* position:fixed;*/ position:absolute; top:0; left:0; bottom: 0; margin:auto; z-index:10020; -webkit-transform:-webkit-translateX(-100%); transform:translateX(-100%); -webkit-transition:all .4s; transition:all .4s; visibility:hidden;} .pop_up *{ font-family: ws; } /*.pop_up.category_side{width: 100%;}*/ .pop_up .close{width:10vw; height:10vw; max-width:50px; max-height:50px; position:absolute; left:86vw; top:4vh;} .pop_up .close>em{width:10vw; height:10vw; max-width:50px; max-height:50px; _background:url(../images/nav_close.png) no-repeat center/100%; display:block;cursor: pointer;} .pop_up.show{-webkit-transform:-webkit-translateX(0); transform:translateX(0);} .pop_up_right{left:auto; right:0; -webkit-transform:-webkit-translateX(100%); transform:translateX(100%);position: fixed;font-size: } .pop_up_container{overflow-y:auto; -webkit-overflow-scrolling:touch;} .pop_up_container .category_close{width:100%; height:55px; line-height:55px; padding: 0; margin: 0 !important; position:absolute; right:auto; top:0; left:0; max-width: none;max-height: none;} .pop_up_container .category_close>em{width:0; height:auto; margin:19px auto 0 19px; background:none; border-width:8px 8px 8px 0; border-color:transparent #999 transparent transparent; border-style:solid; display:block; position:relative; z-index:10;} .pop_up_container .category_close>em>i{border-width:8px 8px 8px 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-8px; left:0.016rem; z-index:11;} .pop_up_container .category_title{width: 84%;height:55px; float: right;line-height:55px; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pop_up_container .side_head{height:0.55rem; line-height:0.55rem; text-align:center;} .pop_up_container .side_head .side_close{width:0.16rem; height:0.528rem; line-height:0.528rem; padding-left:.625rem; padding-right:0.16rem; background-color:#fff; position:absolute; right:auto; top:auto; left:0; display:inline-block;} .pop_up_container .side_head .side_close>em{width:auto; height:auto; margin:1.3rem .2rem 0 0; background:none; border-width:8px 8px 8px 0; border-color:transparent #848484 transparent transparent; border-style:solid; float:right; display:block; position:relative; z-index:10;} .pop_up_container .side_head .side_close>em>i{border-width:8px 8px 8px 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-0.08rem; left:.1rem; z-index:11;} .pop_up_container .side_head .side_title{font-size:1rem;} .nav_container .user{height:0.64rem; line-height:0.64rem; overflow:hidden; font-size:0.15rem; color:#aaa; background-color:#f5f5f5;} .nav_container .user>a{font-size:0.15rem;} .nav_container .user .user_logo{width:40px; height:40px; line-height:0.4rem; margin:0 15px; margin-top: 12px; text-align:center; font-size:0.16rem; color:#fff; background-image:url(/static/themes/default/mobile/images/icon_menu_user.png); background-repeat:no-repeat; background-position:center; background-size:100%; float:left;} .nav_container .user.center{text-align:center;} .menu_list{max-width:100%; height:0.16rem; overflow-x:hidden; overflow-y:auto;-webkit-overflow-scrolling:touch;} .menu_list .menu_container{ width: 96%; margin: 0 auto;padding:0 0.01rem;} .menu_list .item{border-color:#ddd;height:0.54rem; line-height:0.54rem;overflow: hidden;} .menu_list .item a{display: block;overflow:hidden; margin-left:.3125rem; font-size:0.16rem; color:#5f5f5f;} .menu_list .item.son>a{display: inline-block;width: 83%;text-overflow: ellipsis;white-space: nowrap;} .menu_list .item a>img{width:16px; _height:0.11rem; overflow:hidden; margin-left:0.096rem;} .menu_list .item a>b{ font-weight:bold; color:#333;} .menu_list .item:last-child{border:0; background:none;} .menu_list .item.son{position: relative;} .menu_list .item.son>.icon{position: absolute;top: 0;right: 0;bottom: 0; right: 0.225rem;_left: -0.625rem;width:100%;padding: 0 0.01rem;} .menu_list .item.son>.icon>em{margin: 0.2rem 0.09rem 0 0;border-width: 0.08rem 0 0.08rem 0.08rem;border-color:transparent transparent transparent #999;border-style:solid;float:right;display:block;position:relative;z-index:10;-webkit-transform:-webkit-rotate(0);transform:rotate(0);-webkit-transition:all .4s;transition:all .4s;} .menu_list .item.son>.icon>em>i{border-width: 0.08rem 0 0.08rem 0.08rem;border-color:transparent transparent transparent #fff;border-style:solid;display:block;position:absolute;top: -0.08rem;right:0.016rem;z-index:11;} .menu_list .item.son .current_list{height:0.2rem; line-height:0.2rem;} .menu_list .item.son .current_list>span{padding:0 .3rem; font-size:0.12rem; color:#ccc;} .menu_divide{ height: 8px; background: #eee; } search_side{width:100%;} .search_side .close{ left: 0;width:0.16rem; height:0.55rem; line-height:0.55rem; padding:0 0.1rem; background-color:#fff; position:inherit; top:auto; _left:4rem; z-index:1; display:inline-block;} .search_side .close>em{width:auto; height:auto; margin:0.19rem 0.032rem 0 0; background:none; border-width:0.08rem 0.08rem 0.08rem 0; border-color:transparent #999 transparent transparent; border-style:solid; float:right; display:block; position:relative; z-index:10;} .search_side .close>em>i{border-width:0.08rem 0.08rem 0.08rem 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-0.4rem; left:.0.16rem; z-index:11;} .search_side .search{height:0.56rem; padding-left:0.06rem; padding-right:0.05rem; position:relative;} .search_side .search .text{ text-indent: 20px;padding: 0;width:100%; height:0.6rem; line-height:0.16rem;border-bottom: 1px solid #aaa; padding-left:0.06rem; font-size:0.14rem; background:none; border:0; border-radius:0;} .search_side .search .sub{background:url(/static/themes/default/mobile/images/icon_search_submit.png) no-repeat center/0.24rem; right:0.08rem;} .search_side .search .reset{background:url(/static/themes/default/mobile/images/icon_search_reset.png) no-repeat center/0.24rem; right:0.1rem;} .search_side .search .sub, .search_side .search .reset{width:0.4rem; height:0.8rem; border:0; position:absolute;} .search_side .menu_list{padding:0 0.1rem;} .search_side .menu_list .search_title{height:0.16rem; line-height:0.16rem; margin-top:0.24rem; font-size:0.12rem;} .search_side .menu_list .search_list>a{line-height:0.36rem; margin-right:0.16rem; margin-top:0.16rem; padding:0 0.2rem; font-size:0.14rem; color:#555; background-color:#f5f5f4; border-radius:.3125rem; display:inline-block; vertical-align:top;} #main.article{ } #main.article .side_left{ display: none; } #main.article .side_right{ width: 100%; } #footer .footer_logo{float: unset; width: 100%; text-align: center;} #footer .main_nav{float: unset; width: 100%; margin-top: 30px;} #footer .right_newsletter{float: unset; width: 80%; margin-top: 30px;} } @media screen and (max-width: 750px){ .article_banner{ display: none; } .m_article_banner{ display: block } .header_top .head_menu>div{ margin-top: 0; } /*.header_top .head_menu>div>a{ height: 45px; }*/ .header_top .head_menu.fr>div>a{ padding-right: 0.4rem; } .header_top .head_menu.fr>div.i3>a{ padding-right: 0.25rem; } .header_top .head_menu.fr>div .cart_count{ width: 0.4rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; top: -0.08rem; right: 0; font-family: ws; } .header_top .head_menu>div>a>img{ max-width: 0.47rem; } .nav_container .user{ height: 64px; line-height: 64px; font-size: 15px; } .nav_container .user>a{ font-size: 15px; color: #ee5351; } .menu_list .item{ height: 54px; line-height: 54px; border-bottom: 1px solid #eee; } .menu_list .item a{ margin-left: 30px; font-size: 16px; } .menu_list .item.son>.icon>em{ margin: 20px 9px 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #999; } .menu_list .item.son>.icon>em>i{ border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff; top: -8px; right: 2px; } .header_top{ height: 90px; } .header_top .head_bg_col{ height: 100%; } .header_top .logo{ margin-top: 8px; height: 85%; } .header_top .logo img{ max-width: 60%; } .header_top .head_menu{ top: 50%; transform: translateY(-50%); } #footer{ /*display: none;*/ margin-top: 30px; } /*footer{ display: block; background: #f4f4f4; padding-top: 0.6rem; }*/ footer .wide{ width: 6.9rem; min-width: 6.9rem; margin: 0 auto; } footer .shareBox{} footer .shareBox .title{ font-size: 0.3rem; font-family: Lustria-Regular; color: #222; text-align: center; } footer .shareBox ul{ margin-top: 0.4rem; text-align: center; } footer .shareBox ul li:first-child{ margin-left: 0; } footer .shareBox ul li{ margin-left: 0.5rem; width: 0.3rem; height: 0.3rem; display: inline-block; vertical-align: middle; } footer .ProCate{ margin-top: 0.5rem; border-top: 1px solid #cccccc; } footer .ProCate .row{ position: relative; border-bottom: 1px solid #ccc; } footer .ProCate .row .title{ position: relative; } footer .ProCate .row .fir_title{ font-size: 0.3rem; line-height: 0.95rem; color: #222222; display: block; font-family: Lustria-Regular; } footer .ProCate .row em{ width: 0.33rem; height: 0.17rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/footer_pull.png) no-repeat center center; background-size: 100%; } footer .ProCate .row em.top{ transform: translateY(-50%) rotate(180deg); } footer .ProCate .row .sec_cate{ height: 0; overflow: hidden; } footer .ProCate .row .sec_cate .sec_hidd{ padding-bottom: 0.2rem; } footer .ProCate .row .sec_cate a{ display: block; font-size: 0.24rem; line-height: 0.46rem; color: #666666; font-family: ws; } footer .copyright{ padding: 0.5rem 0 0.4rem; font-size: 0.22rem; color: #aaaaaa; text-align: center; } } /****************Write Review && review****************/ @media screen and (max-width: 1200px){ .write_review.wide{ width: 96%; min-width: 96%; } .write_review .right{ float: none; width: 100%; margin-bottom: 30px; } .write_review .left{ float: none; width: 100%; } .review.wide{ width: 96%; min-width: 96%; } } @media screen and (max-width: 1015px){ .review .review_left{ width: 100%; } .review .review_right{ display: none; } } @media screen and (max-width: 650px){ .write_review.wide{ width: 6.9rem; min-width: 6.9rem; } .write_review.wide #pro_review .left{ width: 100%; } .prod_write_review .review_histogram{ padding-right: none; width: 100%; border: none; } .prod_write_review .average_rating{ margin-top: 50px; margin-left: 0; height: auto; } .new_review_list .retit{ margin-left: -150px; } .new_review_list .like>div{ margin-left: 0; display: block; } .new_review_list .like .icon_agree{ display: block; } .new_review_list .like{ height: auto; margin: 10px 0; display: block; } } @media screen and (max-width: 550px){ #footer .main_nav .nav_box .item{width: 100%; margin-bottom: 20px; text-align: left;} }