/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ /***************************宽屏样式(start)***************************/ .w_1200 .wide{width:1200px; max-width:1200px;} .w_1200 .side_right{width:946px;} .w_1200 .pro_right{width:940px;} .w_1200 .prod_sort a{padding:0 15px;} /***************************宽屏样式(end)***************************/ /*************************** gloabl start ***************************/ .min {min-width: 980px} .txtov {overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .wit {width: 95%;max-width: 1200px;margin: 0 auto;clear: both} .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; background:url(../../default/images/global/normal.png) no-repeat -679px -71px; 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;} a:hover{text-decoration: none;} /*************************** gloabl end ***************************/ .wrap_container {max-width: 1400px;margin:0 auto;box-sizing: border-box;} .wrap_padding_container {max-width: 1400px;margin:0 auto;box-sizing: border-box;padding:0 60px;} .wrap_container_footer {max-width: 1280px;margin:0 auto;box-sizing: border-box;} .wrap_content_padding {padding:0 18px;} .none {display: none;} .show_mobile {display: none !important;} @media screen and (min-width:1200px) and (max-width: 1366px) { .wrap_padding_container {padding:0 30px !important;} } @media screen and (min-width:1000px) and (max-width: 1200px) { .wrap_padding_container {padding:0 18px !important;} } /* 移动端 */ @media screen and (max-width: 1000px) { /*当屏幕尺寸小于1000px时，应用下面的CSS样式*/ .show_pc {display: none !important;} .show_mobile {display: block !important;} .wrap_content_padding {padding:0;} .wrap_padding_container {padding:0;} } /* 标题样式 start */ .wrap_section_title {text-align: center;padding:0 7px;} .wrap_section_title .wrap_section_maintitle{font-size: 24px;text-align: center;display: block;line-height: 30px;float: left;} .wrap_section_title .wrap_section_more {line-height: 30px;float: right;} .wrap_section_title a{font-size: 16px;text-decoration: underline;} /***************************header(start)***************************/ /* 头部 */ #header { width:100%; } #header .head_top { width:100%;height:40px;box-sizing: border-box;} #header .head_top .head_top_lbar {float: left;} #header .head_top .head_top_rbar {float: right;line-height: 40px;position: relative;z-index: 1005;} #header .main_tips{font-size: 14px;line-height: 40px;} #header .short_line {width:1px;height: 16px;display:inline-block;margin:0 22px 0 16px;vertical-align: middle;} #header .currency_select, #header .language_select, #header .account_area{display: inline-block;vertical-align: middle;} /* 切换汇率 */ #header .default_currency_style {font-size: 14px;cursor: pointer;} #header .default_currency_style>strong, #header .default_currency_style dl{display: inline-block;vertical-align: middle;} #header .default_currency_style dl i{display: inline-block;width:8px;height: 6px;margin-left:10px;vertical-align: middle;} #header .default_currency_style .default_currency_list{z-index: 1010;} #header .default_currency_style dl dt i:before{display: none;} #header .default_currency_style dl dt strong img{display: none;} /* 切换语言 */ #header .default_language_style {font-size: 14px;cursor: pointer;} #header .default_language_style i {display: inline-block;width:8px;height: 6px;margin-left:10px;vertical-align: middle;} #header .default_language_style .default_language_list{z-index: 1010;} #header .default_language_style dt i:before{display: none;} /* 会员账号 */ #header .account_area{display: inline-block;vertical-align: middle;} #header .default_account_style {padding-left:28px;height:40px;background-size: 18px;font-size: 14px;box-sizing: border-box;} #header .default_account_style .FontColor{line-height: 40px;} #header .default_account_style .sign_out{line-height:inherit;} #header .default_account_style dl dt i:before{display: none;} #header .default_account_style dl dd{z-index:100;} #header .head_middle .head_middle_lbar {float: left;padding-top:37px;box-sizing: border-box;} #header .head_middle .head_middle_rbar {float: right;width:52.8%;padding:49px 0;box-sizing: border-box;} /* logo start */ #header .head_middle .head_middle_lbar .logo, #header .head_middle .head_middle_lbar .logo h1{width: 300px; height: 110px;} #header .logo img{display: block;vertical-align: middle;} /* logo end */ /* 搜索框 */ #header .head_middle_rbar .default_search_style {position: relative;width:100%;height: 48px;border-radius:24px;overflow: hidden;} #header .head_middle_rbar .default_search_style .default_search_form {position: relative;width:100%;} #header .head_middle_rbar .default_search_style .default_search_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;} #header .head_middle_rbar .default_search_style .default_search_form input.button{border:none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: absolute;top:0;right:0;bottom:0;width:60px;display: block;z-index: 99;cursor: pointer;} #header .head_middle_rbar .default_search_style .default_search_form i{width:60px;display: block;position: absolute;right:0;bottom:0;top:0;} #header .head_middle_rbar .default_search_style .default_search_form input::-webkit-input-placeholder{font-size: 14px;} #header .head_middle_rbar .default_search_style .default_search_form input::-moz-placeholder{font-size: 14px;} #header .head_middle_rbar .default_search_style .default_search_form input:-ms-input-placeholder{font-size: 14px;} #header .head_bottom .head_bottom_inner{/* text-align: center; */position: relative;} #header .wrap_nav {height: 68px;padding-right:58px;/* text-align: center; */} /* 导航栏 */ #header .default_nav_style ul{width:100%; height:68px; overflow:hidden;} #header .default_nav_style li{display:inline-block;height:68px; line-height:68px;box-sizing: border-box;padding:0 32px;} #header .default_nav_style li:first-child{padding-left:0;} #header .default_nav_style li>a{display: unset; font-size: 16px;padding:0 0 3px 0;position: relative;margin:0 20px;} #header .default_nav_style li.has_sec a:after{content:"";width:10px;height: 10px;display: inline-block;position: absolute;right:-16px;top:50%;margin-top:-5px;} #header .default_nav_style li a:hover{text-decoration:none} #header .default_shopping_cart_down .cart_note{left:auto;right:1px;} @media screen and (max-width: 1366px) { #header .default_nav_style li{padding:0 30px;} } @media screen and (max-width: 1280px) { #header .default_nav_style li{padding:0 24px;} } @media screen and (max-width: 1200px) { #header .default_nav_style li{padding:0 22px;} } @media screen and (max-width: 1140px) { #header .default_nav_style li{padding:0 18px;} } @media screen and (max-width: 1080px) { #header .default_nav_style li{padding:0 16px;} } @media screen and (max-width: 1024px) { #header .default_nav_style li{padding:0 14px;} } /* 购物车 */ #header .shopcar_area{display: inline-block;vertical-align: middle;margin-left:10px;text-align: left;position: absolute;right:10px;top:20px;} #header .default_shopping_cart_style{display: block;width:36px;height:31px;box-sizing: border-box;position: relative;} #header .default_shopping_cart_style .text_0{display: block;font-size: 14px;line-height: 16px;margin-bottom:4px;} #header .default_shopping_cart_style .cart_count{position: absolute;top:-4px;right:-6px;width:20px;vertical-align: middle;height:20px;text-align: center;line-height: 20px;border-radius:50%;display: block;font-size: 12px;} #header .default_shopping_cart_style .text_0, #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%;position: fixed;top: 0;left: 0;z-index: 100;} .header_content_height{height: 52px;} #header .pc_wrap{height:52px;padding:0 15px;align-items: center;justify-content: space-between;box-sizing: border-box;} #header .mobile_head_left {display: flex;align-items: center;} #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 .head_middle .head_middle_lbar .logo{display:block; width:300px; height:52px; position:relative;} #header .head_middle .head_middle_lbar .logo h1{width: 100%;height: 52px;} #header .head_middle .head_middle_lbar .logo img{max-height: 52px; position:absolute; top:0; bottom:0; left:0; margin:auto;} #header .mobile_head_right {display: flex;align-items: center; float:right; padding-top:13.5px;} #header .mobile_search_area {display:inline-block; width:25px; height:25px;} #header .mobile_search_area .default_search_style{height:100%;} #header .mobile_search_area .default_search_style .default_search_btn{display: block; width:100%;height:100%;} #header .mobile_shopcar_area {position: relative;margin-left:10px;display:inline-block;align-items: center;} #header .mobile_shopcar_area .shopcar_icon_m{width:20px;height:25px;} #header .mobile_shopcar_area .shopcar_num_m{border-radius:50%;display: block;position: absolute;top:-3px;right:0;width:16px;height:16px;line-height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px;} #header .default_shopping_cart_style{width: 25px;height: 25px;} #header #default_search_box{display: none;} #header .head_middle .head_middle_lbar{padding-top:0;} } @media screen and (max-width: 750px){ #header .head_middle .head_middle_lbar .logo{max-width: 250px;} } @media screen and (max-width: 500px){ #header .head_middle .head_middle_lbar .logo{max-width: 200px;} } @media screen and (max-width: 400px){ #header .head_middle .head_middle_lbar .logo{max-width: 150px;} } /* 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%;} @media screen and (max-width: 1000px){ .wrap_slider .slider_container .slider_btns{display: none;} .wrap_slider .slider_container .slider_pagination{display: none;} } /***************************header(end)***************************/ /***************************footer(start)***************************/ #footer.margin_gap {margin-top:0;} #footer .footer_top {padding:54px 0;} #footer .footer_top .lbar_links {float: left;width:75%;} #footer .footer_top .mbar_links {float: right;width:25%;} .global_swap_chain{text-align: center;} /* 邮件订阅 */ #footer .newsletter_area .default_newsletter_style .newsletter_title{margin-bottom:24px;} #footer .newsletter_area .default_newsletter_style .newsletter_title .top_text{font-size: 20px;margin-bottom:20px;line-height: 30px;padding-left:5px;} #footer .newsletter_area .default_newsletter_style .newsletter_title .sub_text{font-size: 16px;line-height: 26px;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form{height:56px;border-radius:28px;width:100%;margin:0 auto;position: relative;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form input.text{border:none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;height: 56px;padding-right:80px;line-height: 56px;padding-left:24px;font-size: 16px;box-sizing: border-box;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form input.subscribe{border:none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:80px;height:56px;position: absolute;top:0;right:0;z-index: 99;text-indent: -999em;cursor: pointer;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form input::-webkit-input-placeholder{font-size: 14px;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form input::-moz-placeholder{font-size: 14px;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form input:-ms-input-placeholder{font-size: 14px;} #footer .footer_social {padding-left:20px;margin-top:28px;} #footer .footer_social a{display: inline-block;vertical-align: middle;margin-right:15px;background-repeat: no-repeat;} #footer .wrap_footer_menu .default_foot_menu_style{overflow: hidden;} #footer .wrap_footer_menu .default_foot_menu_style .menu_list{float: left;width:33.33%;box-sizing: border-box;padding-left:15px;} #footer .wrap_footer_menu .default_foot_menu_style .menu_list>dl>dt{font-size: 20px;line-height:30px;margin-bottom:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #footer .wrap_footer_menu .default_foot_menu_style dl dd{display: block;padding:8px 0;} #footer .wrap_footer_menu .default_foot_menu_style dl dd a{font-size: 14px;} #footer .footer_bottom {margin-top: 30px;padding:30px 0;padding-left:10px;} #footer .footer_bottom p{font-size: 14px;line-height: 20px;} #footer .footer_bottom p span{margin-left:40px;} #footer .footer_bottom .img{margin-bottom: 10px;} #footer .footer_bottom .img img{max-height:30px;margin-right:20px;display: inline-block;vertical-align: middle;} #footer .footer_bottom .img a{display: inline-block;height: 37px;line-height: 37px;vertical-align: middle;} #footer .footer_bottom .img a:after{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;} @media screen and (max-width: 1000px) { #footer.margin_gap {margin-top:0;} #footer .footer_top {padding:0;} /* 导航栏 */ #footer .mobile_links_area {padding:0 15px;} #footer .mobile_links_area {padding:0 15px;} #footer .mobile_foot_nav{padding-top:20px;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list{display:block;width:100%; font-size: 14px;text-decoration: none;margin-bottom:10px;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list dt{position: relative;height: 40px;line-height: 40px;margin-bottom: 12px;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list dt:before{content:'';display:block;width:40px;height: 1px;position: absolute;bottom:0;left:0;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list 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 .mobile_foot_nav .default_foot_menu_style .menu_list dl dd{display:none;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list dl.focus dd{display:block;padding: 4px 10px;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list dl.focus dt:hover:after {transform: rotate(180deg);} /* 邮件 */ #footer .mobile_search_footer{padding:0 15px;box-sizing: border-box;margin-top:30px;} #footer .mobile_search_footer .newsletter_title{display: none;} #footer .mobile_search_footer .default_newsletter_style{width:100%;height:38px;position: relative;display: flex;align-items: center;justify-content: space-between;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form{height:38px;width:100%;margin:0 auto;position: relative;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form input.text{border:none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;height: 38px;padding-right:100px;line-height: 38px;padding-left:10px;font-size: 14px;box-sizing: border-box;padding-right: 110px;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form input.subscribe{border:none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100px;height:38px;position: absolute;top:0;right:0;z-index: 99;font-size: 14px;border-radius:0;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form input::-webkit-input-placeholder{font-size: 12px;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form input::-moz-placeholder{font-size: 12px;} #footer .mobile_search_footer .default_newsletter_style .default_newsletter_form input:-ms-input-placeholder{font-size: 12px;} #footer .footer_social_mobile{padding:20px 15px 26px;} #footer .footer_social_mobile .social_icons_mobile{display: flex;align-items: center;justify-content: center;} #footer .footer_social_mobile .social_icons_mobile li{margin-right:5px;} #footer .footer_social_mobile .social_icons_mobile a{display: block;height: 40px;width:40px;} #footer .mobile_bottom_txt{padding:0 15px;} #footer .mobile_bottom_txt p{line-height: 24px; font-size: 14px;text-align: center;padding:20px 0;} #footer .footer_pay_mobile{text-align: center;padding-bottom:0px;} #footer .footer_pay_mobile .partners_box a{border:0;} #footer .footer_pay_mobile .partners_box img{max-width:40px; max-height:40px; margin:0 4px;} #footer .footer_bottom {display: none;} #top_bar_outer, #header, #nav_outer, #service_outer, #footer_outer{min-width: unset;} .follow_us_list{height: auto;} .follow_us_list ul{display: flex;justify-content: center;flex-wrap: wrap;} .follow_us_list ul li{margin-bottom: 8px;} } /***************************footer(end)***************************/ /********************************* skin_demo.css *****************************/ #header .default_language_style i{background: url(../images/icon_arrdown.png) no-repeat center center;} #header .head_middle_rbar .default_search_style .default_search_form i{background: url(../images/icon_search.png) no-repeat center center;} #header .default_account_style {background: url(../images/icon_account.png) no-repeat left center;} #header .default_nav_style li.has_sec a:after{background: url(../images/icon_arrdown_nav.png) no-repeat center center;} #header .default_shopping_cart_style{background: url(../images/icon_shopcar.png) no-repeat left center;} .arrivals_list .arrivals_item .arrivals_img_box .operator_btns{background: url(../images/icon_collect.png) no-repeat center;} .arrivals_list .arrivals_item .arrivals_img_box .operator_btns.is_in{background: url(../images/icon_collect_cur.png) no-repeat center;} .wrap_section_video .wrap_video_btns .video_btn_play span.video_btn_icon{background: url(../images/icon_play.png) no-repeat center right 14px;} #footer .newsletter_area .default_newsletter_style .default_newsletter_form .FontBgColor{background: url(../images/icon_plane.png) no-repeat center center;} @media screen and (max-width: 1000px) { #header .mobile_search_area .default_search_style .default_search_btn{background: url(../images/icon_search_m.png) no-repeat center center/contain;} #header .mobile_shopcar_area .shopcar_icon_m{background: url(../images/icon_shopcar_m.png) no-repeat center center/contain;} #header .default_shopping_cart_style{background: url(../images/icon_shopcar_m.png) no-repeat center/contain;} .wrap_section_bg {background: url(../images/banner_bg.jpg) no-repeat center center; background-size: auto 100%;} #footer .mobile_foot_nav .default_foot_menu_style .menu_list dt:after {background: url(../images/icon_down.png) no-repeat center center;} .follow_us_type_2 li>a{background-image:url(../images/icon_follow_mb.png); background-size:40px;} }