/* * Powered by ueeshop.com http://www.ueeshop.com * 广州联雅网络科技有限公司 020-83226791 */ /* 宽屏样式 */ .w_1200 .wide{width:1200px; max-width:1200px;} .w_1200 .in_wrap{width:1200px; max-width:1200px;} .w_1440 .in_wrap{width:1320px; max-width:1320px;} .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;} .wrap_container{max-width:1440px;margin:0 auto;} .wrap_content_padding{padding:0 20px;box-sizing:border-box;} .show_mobile{display:none!important;} /* 移动端 */ @media screen and (max-width:1000px){ /*当屏幕尺寸小于1000px时，应用下面的CSS样式*/ .show_pc{display:none!important;} .show_mobile{display:block!important;} } .none{display:none;} /* 头部 */ #header{ width:100%; } #header .head_top{width:100%; height:40px; padding:0 20px; box-sizing:border-box;} #header .head_top .head_top_tips{min-width: 300px;line-height:36px; font-size:12px; float:left;margin: 2px;} #header .head_top .head_top_selects{float:right; line-height:40px;} #header .account_area, #header .currency_select, #header .language_select{display:inline-block; vertical-align:top;} #header .short_line{width:1px; height:16px; display:inline-block; margin:0 22px 0 16px; vertical-align:middle;} /* 会员账号 */ #header .default_account_style{height:40px; line-height:40px; z-index:1; font-size:12px; box-sizing:border-box;} #header .default_account_style dl dt{line-height:40px;} /* 切换汇率 */ #header .default_currency_style{line-height:40px; font-size:12px; cursor:pointer;} #header .default_currency_style>strong, #header .default_currency_style dl{display:inline-block; vertical-align:middle;} #header .default_currency_style #default_currency_current{text-decoration:underline;} #header .default_currency_style dl i{display:inline-block; width:7px; height:5px; margin-left:10px; vertical-align:middle;} /* 切换语言 */ #header .default_language_style{line-height:40px; font-size:12px; cursor:pointer;} #header .default_language_style .btn_default_language i{display:inline-block; width:7px; height:5px; margin-left:10px; vertical-align:middle;} #header .head_bottom{padding:0 20px; box-sizing:border-box;position: relative;} #header .head_bottom .head_lbar{float:left; height:106px; width:17%; margin-top:24px; box-sizing:border-box;} #header .head_bottom .head_mbar{float:left; height:106px; width:66%; padding-top: 23px; box-sizing:border-box;} #header .head_bottom .head_rbar{width:17%; float:right; height:106px; padding:27px 0; box-sizing:border-box; text-align:right;} .default_language_style dt{padding-left: 0;} /* logo start */ #header .logo img{display:block; vertical-align:middle; max-height: 106px;} /* logo end */ /* 导航栏 */ #header .wrap_nav{height:60px; text-align:center;} #header .default_nav_style{} #header .default_nav_style ul{width:100%; height:60px; overflow:hidden;} #header .default_nav_style li{display:inline-block; height:91px; line-height:60px; box-sizing:border-box;} #header .default_nav_style li>a{padding:0 30px; font-size:14px; text-transform:uppercase;transition: all 0.3s ease-out;} #header .default_nav_style li a:hover{text-decoration:none;} @media screen and (max-width:1366px){ #header .default_nav_style li>a{padding:0 24px;} } @media screen and (max-width:1280px){ #header .default_nav_style li>a{padding:0 20px;} } @media screen and (max-width:1200px){ #header .default_nav_style li>a{padding:0 13px;} } @media screen and (max-width:1080px){ #header .default_nav_style li>a{padding:0 10px;} } @media screen and (max-width:1024px){ #header .default_nav_style li>a{padding:0 10px; font-size:13px} } /* 搜索框 */ #header .search_area{display:inline-block; vertical-align:middle;} #header .default_search_style{position:relative;} #header .default_search_style .default_search_btn{width:22px; height:22px; display:block; background-size: 22px;} /* 购物车 */ #header .shopcar_area{display:inline-block; vertical-align:middle; margin-left:40px; text-align:left;} #header .default_shopping_cart_style{display:block; padding-left:30px; height:52px; line-height:52px; background-size:22px; box-sizing:border-box;} #header .default_shopping_cart_style .text_0{font-size:14px;} #header .default_shopping_cart_style .cart_count{font-size:14px;} #header .default_shopping_cart_style .text_1, #header .default_shopping_cart_style .cart_count_price{display:none;} @media screen and (max-width:1000px){ /*当屏幕尺寸小于1000px时，应用下面的CSS样式*/ #header{width: 100%;min-width:unset;height:52px; padding:0 15px;position: fixed;top: 0;left: 0;box-sizing: border-box;z-index: 100;} .header_content_height{height: 52px;} #header .head_bottom{padding: 0px; display: inline-block; vertical-align: middle;} #header .head_bottom .head_lbar{width: 100%; margin-top:0px; height: auto;} #header .mobile_head_left{display:flex; align-items:center;} #header .pc_wrap{float: left; width:100px; height: 52px; line-height: 52px;} #header .header_menu_mb{display:block; float:left; margin-right:17px; font-size:0; height:44px; text-align:center; cursor:pointer; transition:transform 0.3s; display:flex; align-items:center; justify-content:center; flex-direction:column;margin-top: 4px;} #header .header_menu_mb span{display:block; width:23px; height:2px; margin-bottom:7px; border-radius:1.5px; -webkit-transform-origin:20px; transform-origin:19px; transition:background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s;} #header .header_menu_mb span:last-child{margin-bottom:0;} #header .logo img{max-width: 100px; max-height: 36px;} #header .mobile_head_right{float: right; height: 52px; line-height: 52px;} #header .mobile_search_area{display: inline-block; background-size:22px; width:22px; height:22px; vertical-align: middle;} #header .mobile_shopcar_area{position:relative; display: inline-block; margin-left:20px; padding-right:12px; align-items:center; vertical-align: middle;} #header .mobile_shopcar_area .shopcar_icon_m{background-size:20px; width:20px; height:25px; display:inline-block; vertical-align: middle;} #header .mobile_shopcar_area .shopcar_num_m{border-radius:50%; display:block; position:absolute; top:10px; right:0; width:16px; height:16px; line-height:16px; display:flex; align-items:center; justify-content:center; font-size:12px;} } /* banner轮播 */ .wrap_slider{width:100%;} .wrap_slider .slider_container{width:100%; position:relative;} .wrap_slider .slider_container .slider_wrap{width:100%;} .wrap_slider .slider_container .slider_wrap .slider_item{position:relative; width:100%;} .wrap_slider .slider_container .slider_wrap .slider_item img{margin:0; display:block; width:100%;} .wrap_slider .slider_container .slider_btns{width:100%; position:absolute; top:50%; margin-top:-91px;} .wrap_slider .slider_container .banner_text{position:absolute; top:29%; left:6%;} .wrap_slider .slider_container .banner_text .bottom_banner_text{position:absolute; top:21%; left:31%; width:38%;} .wrap_slider .slider_container .banner_text .subtext{font-size:26px; line-height:40px;} .wrap_slider .slider_container .banner_text .bigtext{font-size:80px;} .wrap_slider .slider_container .slider_pagination{width:100%; position:absolute; bottom:26px; text-align:center; cursor:pointer;} .wrap_slider .slider_container .slider_pagination .slider_pagination_dot{vertical-align:middle; display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 6px;} .wrap_slider .slider_container .slider_pagination .slider_pagination_dot.active{} @media screen and (max-width:1000px){ .wrap_slider .slider_container .banner_text .subtext{font-size:12px; line-height:20px;} .wrap_slider .slider_container .banner_text .bigtext{font-size:25px; line-height:30px; margin-bottom:6px;} .wrap_slider .slider_container .slider_btns{display:none;} .wrap_slider .slider_container .slider_pagination{display:none;} .wrap_slider .slider_container .banner_text .subtext{font-size:12px;} .wrap_slider .slider_container .banner_text .bigtext{font-size:20px;} } /* 邮件订阅 */ .wrap_section_newsletter{text-align:center; box-sizing:border-box; margin-top:40px;} /* .newsletter_area_bg{background-size:100% 100%;} */ .default_newsletter_style{padding:120px 0 180px;position: relative;} .default_newsletter_style .newsletter_bgimg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;overflow: hidden;} .default_newsletter_style .newsletter_bgimg img{position: absolute;z-index: -1;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: none;} .default_newsletter_style .newsletter_title{margin-bottom:30px;} .default_newsletter_style .newsletter_title .top_text{font-size:80px; margin-bottom:10px; line-height:84px;} .default_newsletter_style .newsletter_title .sub_text{font-size:16px; line-height:20px;} .default_newsletter_style .default_newsletter_form{height:48px; width:30.73%; margin:0 auto; position:relative;} .default_newsletter_style .default_newsletter_form input.text{border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:48px; padding-right:60px; line-height:48px; padding-left:20px; font-size:16px; box-sizing:border-box;} .default_newsletter_style .default_newsletter_form input.subscribe{border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:60px; height:48px; position:absolute; top:0; right:0; z-index:99; text-indent:-999em; cursor:pointer;} .default_newsletter_style .default_newsletter_form input::-webkit-input-placeholder{font-size:14px;} .default_newsletter_style .default_newsletter_form input::-moz-placeholder{font-size:14px;} .default_newsletter_style .default_newsletter_form input:-ms-input-placeholder{font-size:14px;} #footer .footer_top{padding:48px 30px 66px; box-sizing:border-box;} #footer .padding_box{padding:40px 0;} #footer .wrap_container{max-width:1200px;} #footer .footer_lbar{width:5%;} #footer .footer_rbar{width:65%;} #footer .footer_box{display: flex;justify-content: space-between;} #footer .dt_share{padding: 6px 0;} #footer .social_icons{margin-top:20px;} #footer .social_icons a{display:inline-block; width:40px; height:38px; vertical-align:middle; margin:0 4px; text-align:center;} #footer .social_icons a img{display:block;} #footer .foot_logo{max-height: 60px;} #footer .foot_logo img{max-height: 60px;} @media screen and (min-width:1000px) and (max-width:1366px){ #footer .wrap_container{padding:0 30px;} } #footer .default_foot_menu_style{overflow:hidden;} #footer .default_foot_menu_style .menu_list{float:left; width:25%; box-sizing:border-box;} #footer .default_foot_menu_style .menu_list>dl>dt{font-size:16px; line-height:20px; margin-bottom:16px; display: none;} #footer .default_foot_menu_style .menu_list.menu_list_share>dl>dt{display: block;} #footer .default_foot_menu_style dl dd{display:block; padding:6px 0;} #footer .default_foot_menu_style dl dd a{font-size:14px;text-decoration: none;transition: all 0.3s ease-out;} #footer .menu_box_share .menu_list>dl>dt{font-size:16px; line-height:20px; margin-bottom:16px;} #footer .footer_bottom{padding:30px 0; text-align:center;} #footer .footer_bottom p{font-size:14px;} #footer .footer_bottom p span{margin-left:40px;} #footer .footer_bottom .partners_box{margin-bottom: 20px;} .global_swap_chain{text-align:center;} @media screen and (max-width:1000px){ /* 新加 */ #footer .footer_box{display: unset;} /* 邮件 */ .wrap_section_newsletter{ margin-top:20px;} .newsletter_area_bg{background-size:auto 100%;} .default_newsletter_style{padding:60px 20px;} .default_newsletter_style .newsletter_title{margin-bottom:15px;} .default_newsletter_style .newsletter_title .top_text{font-size:40px; line-height:40px; margin-bottom:4px;} .default_newsletter_style .newsletter_title .sub_text{font-size:14px; line-height:16px; width:78%; margin:0 auto;} .default_newsletter_style .default_newsletter_form{height:32px; width:88%;} .default_newsletter_style .default_newsletter_form input.text{border:none; outline:none; width:100%; height:32px; padding-right:36px; line-height:32px; padding-left:12px; font-size:14px;} .default_newsletter_style .default_newsletter_form input::-webkit-input-placeholder{font-size:12px;} .default_newsletter_style .default_newsletter_form input::-moz-placeholder{font-size:12px;} .default_newsletter_style .default_newsletter_form input:-ms-input-placeholder{font-size:12px;} .default_newsletter_style .default_newsletter_form input.subscribe{width:35px; height:32px; top:0;} .default_newsletter_style .default_newsletter_form .FontBgColor{background-size:15px;} #footer .footer_top{padding:30px 15px 0;} #footer .padding_box{padding:20px 0; box-sizing:border-box;} #footer .footer_lbar{width:100%; float:none;} #footer .footer_rbar{width:100%; float:none;} #footer .social_icons{margin-top:0px; text-align:center;} /* 导航栏 */ #footer .default_foot_menu_style{margin-top:20px;} #footer .default_foot_menu_style .menu_list{width:100%; float:none;} #footer .default_foot_menu_style .menu_list>dl>dt{display:block; height:45px; line-height:45px; font-size:14px; position:relative; text-decoration:none; font-weight:bold;margin-bottom: 0;} #footer .default_foot_menu_style .menu_list>dl>dt:after{content:""; display:block; width:30px; height:18px; background-size:15px; transition:all .3s; position:absolute; right:0; top:50%; margin-top:-9px;} #footer .default_foot_menu_style .menu_list>dl>dd{display: none;} #footer .default_foot_menu_style .menu_list>dl.focus>dt:after{transform:rotate(180deg);} #footer .default_foot_menu_style .menu_list>dl.focus dd{display: block;} #footer .footer_bottom{margin-top:26px; padding:20px 0;} #footer .footer_bottom p{font-size:12px;} #footer .footer_bottom p span{margin-left:0; display:block; margin-top:10px;} #footer .follow_us_list{height: auto;} #footer .follow_us_list ul{margin: 0 -15px;} #footer .follow_us_list li{margin-right: 2px;} #footer .follow_us_list li a{margin: 0; transform:scale(0.7);} .global_swap_chain{display:none;} } @media screen and (max-width:500px){ .wrap_section_newsletter{height:auto;} } /* 其他 */ .w_1200 .wide{width:100%; max-width:1200px;} .w_1200 .pro_right{width:940px;} .default_language dd{z-index:1;} .default_currency dl dd{z-index:1;} .default_shopping_cart_down .cart_note{left:auto; right:0px;} .pro_left{width:238px;} .pro_right{width:720px;} /*************************** gloabl start ***************************/ .in_wrap{width:980px; max-width:980px; margin:0 auto;} .pro_left{width:238px;} .pro_left .ad{margin-top:20px;} .pro_right{width:720px;} .icon_heart{width:18px; height:18px; display:inline-block; vertical-align:top;} .sidebar{margin-top:20px;} .sidebar .b_title{height:35px; line-height:35px; margin:0 10px; font-size:15px;} .sidebar .b_bottom{line-height:30px; text-decoration:none; margin-left:10px;} .side_category a{display:block; padding-left:13px; border:0;} .side_category .current{font-weight:bold;} .side_category .cate_title{padding:5px 0; line-height:160%; padding-left:15px; font-weight:bold;} .side_category .cate_menu dd{padding:0 3px;} .side_category .cate_menu dd.first{margin:0 3px; padding:0;} .side_category .cate_menu dd.first>a{background-position:3px 13px;} .side_category .cate_menu dd:first-child{border-top:0;} .side_category .cate_menu dd>a{line-height:33px;} .side_category .cate_menu dl{padding-left:7px;} .side_category .cate_menu dl dd{border-top:0;} .side_category .cate_menu dl a{border:0; line-height:26px;} .side_category .cate_menu dl dl{border-bottom:0;} .popular_search .title{height:28px; line-height:28px; padding:0 9px; font-weight:bold;} .popular_search .view{margin:10px; line-height:23px;} .popular_search .view a{text-decoration:underline; margin-right:7px;} .popular_search .view a.big{font-weight:bold;} #what_hot .pro_item{padding:10px;} #what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle;} #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;} #special_offer .pro_item{padding:15px 10px;} #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; 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;} #special_offer .pro_item del{margin-left:20px; font-size:12px;} #special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{font-size:12px; font-weight:normal;} #special_offer .last{border-bottom:0;} /*************************** gloabl end ***************************/ /********************************* skin_demo.css *****************************/ #header .default_search_style .bg{background: url(../images/icon_search.png) no-repeat center center;} #header .default_shopping_cart_style{background: url(../images/icon_package.png) no-repeat left center;} .default_newsletter_style .default_newsletter_form .FontBgColor{background: url(../images/icon_arrowright.png) no-repeat center center;} @media screen and (max-width: 1000px) { #header .default_search_style .bg{background: url(../images/icon_search_mb.png) no-repeat center center; background-size:22px;} #header .mobile_shopcar_area .shopcar_icon_m{background: url(../images/icon_package_mb.png) no-repeat center center; background-size:20px;} .follow_us_type_5 li>a{background-image:url(../images/icon_follow_mb.png); background-size:40px;} #footer .default_foot_menu_style .menu_list>dl>dt:after {background: url(../images/icon_bottomarrow.png) no-repeat center center;} }