/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************宽屏样式(start)***************************/
.w_1200 .wide{width:1200px; min-width:1200px;}
.w_1200 .intro{margin-top:35px;}
.w_1200 .intro .li{float:right;}
.w_1200 .foot_menu{width:260px; margin-left:10px;}
.w_1200 .fcu{width:380px;}

.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;}
 .w_1200 #nav .small_nav_sec.pro_list .nav_sec_box{width: 1200px;}
body.w_1200 #nav .small_nav_sec.pro_list .nav_sec_item{width: 121px;margin-right: 9px;margin-bottom:15px;}
body.w_1200 #nav .small_nav_sec.pro_list .nav_sec_item:nth-child(9){margin-right: 0;}
/***************************宽屏样式(end)***************************/



/*************************** 多语言样式 start ***************************/
.lang_es .header_cart{width:120px;}

.lang_fr .header_cart{width:120px;}
.lang_fr #newsletter .form .button{width:120px;}

.lang_ru .header_cart{width:145px;}
.lang_ru #newsletter .form .button{width:110px;}
/*************************** 多语言样式 end ***************************



/*************************** header start ***************************/
 #nav .small_nav_sec.pro_list .nav_sec_box{width: 980px;}
body #nav .small_nav_sec.pro_list .nav_sec_item{width: 121px;margin-right: 14px;margin-bottom:15px;}
/*body #nav .small_nav_sec.pro_list .nav_sec_item:nth-child(7){margin-right: 0;}*/
 #nav .small_nav_sec.pro_list .nav_list{padding:10px 15px 10px;}
 body #nav .small_nav_sec.pro_list .nav_sec_item a,body #nav .small_nav_sec.pro_list .nav_sec_item dt a{height:unset;line-height: unset;padding: 0;}
#header .top{height:35px; border-bottom:1px solid #ddd; background:#f4f4f4;}
.crossn{margin-right:5px;}
.crossn li{display:inline-block; padding:0 8px; height:35px; line-height:35px; position:relative; z-index:1010;}
.crossn li.block{padding:0 10px;}
.crossn li.border_r{border-right:1px #ddd solid;}
.crossn li:first-child.block{padding:0 4px 0 30px;}
.crossn li div strong{ margin-left:6px;}
.crossn li dt{height:28px; line-height:28px; margin-top:3px; border:1px solid transparent; padding:0 20px 0 8px; cursor:pointer; background:url(../images/ico-img.png) right -114px no-repeat;}
.crossn li dt strong{width:40px; display:block; text-align:center;}
.crossn li dt b{display:inline-block; width:15px; height:15px; margin-left:5px; margin-bottom:-3px; overflow:hidden; background:url(../../default/images/user/mail_icon.png) no-repeat;background-size: 14px;}
.crossn li dt.not_dd{background:none; padding-right:10px;}
.crossn li dd{padding:5px 10px 8px; border:1px solid #d1d1d1; background:#fff; position:absolute; top:31px; display:none;}
.crossn li dd img{margin-right:5px;}
.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;}
.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; color:#333;}
.crossn li:hover dt.not_dd{background:none; border:1px transparent solid;}
.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;}
.crossn li:hover dd.login{width:184px; padding:15px 10px;}
.crossn li:hover dd.user{min-width:80px;}
.crossn li:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;}
.crossn li.header_cart>a{color:#fff; padding:0 15px; background:url(../images/ico-img.png) no-repeat -170px 9px #555; padding-left:40px;}
.crossn li.header_cart>div{color:#fff; padding:0 15px;}


#header{background:#fff;}
#header .logo{width:250px; height:94px; overflow:hidden;}
#header .logo a{display:table-cell; height:94px; vertical-align:middle;}
#header .logo img{max-width:100%; max-height:100%;}

.search{width:313px; margin:30px 30px 0; border:1px solid #e5e5e5;}
.search input{height:33px; border:0; outline:0;}
.search .text{width:264px; line-height:33px; font-size:14px; padding:0 10px; border:1px transparent solid;}
.search .button{width:27px; height:33px; cursor:pointer; text-align:center; color:#fff; background:url(../images/ico-img.png) -179px -32px no-repeat; text-indent:50px;}

.intro{margin-top:12px;}
.intro .li{margin-right:10px; height:29px; margin-bottom:10px;}
.intro .li p{margin:0 10px 0;}
.intro .li .img{ width:35px; height:29px;}
/*************************** header end ***************************/



/*************************** nav start ***************************/
#nav{width:100%; height:45px;position: relative;}
#nav .nav_sec{top: 45px;left: -250px;}
#nav .item:hover .nav_sec{display: block;}
.nav{height:45px; overflow:hidden; border-left-width:1px; border-left-style:solid;}
.nav .item{line-height:45px;}
.nav .item .navlink{color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; display:inline-block; height:45px; line-height:45px; padding:0 16px; text-decoration:none; border-right-width:1px; border-right-style:solid;}
.nav .item .navlink>em{width:8px; height:4px; background:url(../images/ico-img.png) no-repeat 0 -159px; display:inline-block; vertical-align:middle; margin-left:3px;}
/*.nav .item:hover{position:relative; z-index:9999;}*/
.nav .item:hover dl{visibility:visible;}

/*.nav .item dl{visibility:hidden; position:absolute; background:#f0f0f0; width:185px; top:45px; left:0px; padding:5px 5px 5px 0; z-index:10000;}
.nav .item dl dd{width:191px; height:26px;}
.nav .item dl dd a{font-family:Verdana, Arial, Helvetica, sans-serif; display:block; font-weight:normal; font-size:10px; color:#000; text-indent:18px; height:26px; line-height:26px; white-space:normal; overflow:hidden; padding-right:5px;}
.nav .item dl dd a:hover{text-decoration:underline;}
.nav .item dl.down_width_1{width:235px;}
.nav .item dl.down_width_1 dd{width:235px;}
.nav .item dl.down_width_2{width:285px;}
.nav .item dl.down_width_2 dd{width:285px;}*/
/*************************** nav end ***************************/



/*************************** footer start ***************************/
#footer{background:#313131; padding:22px 0 40px;}
.foot_menu{width:226px; margin-left:10px;}
.foot_menu .foot_menu_hd{ padding: 14px 0;font-size:15px; text-transform:uppercase; color:#fff;}
.foot_menu li{height:34px; line-height:34px; }
.foot_menu li>a{color:#8e8e8e; font-size:13px;height:34px; line-height:34px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.fcu{width:260px;}
.fcu .fcu_item{height:30px; text-indent:9px; margin-bottom:15px; line-height:140%; color:#8e8e8e;}
.fcu .fcu_item>a{color:#8e8e8e;}
.fcu .fcu_item>i{background-image:url(../images/foot_contact.png); background-position:no-repeat; width:40px; height:30px; display:inline-block; float:left;}
.fcu .fcu_0>i{background-position:0 0;}
.fcu .fcu_1>i{background-position:0 -45px;}
.fcu .fcu_2>i{background-position:0 -45px;}
.fcu .fcu_3>i{background-position:0 -90px;}

#copyright{height:62px; line-height:62px; background:#292929;}
#copyright .cp, #copyright .cp a{color:#8e8e8e;}

.global_swap_chain{ background:#292929; padding-top:5px; color:#8e8e8e;}
.global_swap_chain a{ color:#8e8e8e;}
/*************************** footer end ***************************/


/*************************** gloabl start ***************************/
.pro_left{width:238px;}
.pro_left .ad{margin-top:20px;}
.pro_right{width:720px;}

.sidebar{border:1px #ddd solid; margin-top:26px;}
.sidebar .b_title{height:40px; line-height:40px; border-bottom:1px #ddd solid; font-weight:bold; padding:0 15px; color:#333; background:#e9e9e9; font-size:14px;}
.sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;}

.side_category{background:#fbfbfb; border:0; margin-top:0;}
.side_category a{display:block; padding-left:7px; border:0;}
.side_category .current{color:#f60; font-weight:bold;}
.side_category .cate_title{padding-left:16px; height:37px; line-height:37px; background:#E9E9E9; color:#333; font-weight:bold;}
.cate_menu{border:1px #ddd solid; padding:0 7px 6px;}
.cate_menu li{height:30px; position:relative;}
.cate_menu li>h2{width:213px; border-top:1px #e0e0e0 solid; border-bottom:1px solid #fbfbfb; border-left:1px solid #fbfbfb; background:#fbfbfb; height:30px; overflow:hidden; position:relative;}
.cate_menu li:first-child>h2{border-top:1px solid #fbfbfb;}
.cate_menu li>h2>a{border-bottom:1px #C9C9C9 dotted; background:url(../images/plus.jpg) no-repeat right 8px; height:30px; line-height:30px; overflow:hidden; padding-right:13px;}
.cate_menu li>h2>em{border-width:5px 0 5px 5px; border-style:solid; display:block; position:absolute; top:9px; right:5px; z-index:10;}
.NavArrowColor{border-color:transparent transparent transparent #ccc;}
.cate_menu li>h2>i{border-color:transparent transparent transparent #fbfbfb; border-width:5px 0 5px 5px; border-style:solid; display:block; position:absolute; top:9px; right:8px; z-index:11;}
.cate_menu li.hover>h2{position:absolute; width:220px; border:1px solid #bbb; border-right:none; margin:0; height:30px; 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);}
.cate_menu li.hover>h2>em{top:9px; right:12px; z-index:10;}
.cate_menu li.hover>h2>i{top:9px; right:15px; z-index:11;}
.cate_menu li .cate_subcate{position:absolute; left:220px; width:700px; padding:0 12px; min-height:494px; z-index:1001; border:1px solid #bbb; background:#fbfbfb; -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);}
.cate_menu li .cate_subcate dl{display:block; float:left; width:196px; margin:0 12px; padding:5px;}
.cate_menu li .cate_subcate dl.tline{border-top:1px solid #ddd;}
.cate_menu li .cate_subcate dl dt{font-weight:bold; line-height:160%; padding:8px 0;}
.cate_menu li .cate_subcate dl dd{padding:0 0 5px 3px;}
.cate_menu li .cate_subcate dl dd a{display:block; padding:2px 0; line-height:160%;}

.popular_search{border:1px #d5d5d5 solid; background:#fff;}
.popular_search .title{height:28px; line-height:28px; background:#e8e8ea; 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: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:114px; 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 .b_list{padding:0 15px;}
#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;}

#newsletter .b_list{padding:0 12px; padding-bottom:20px;}
#newsletter .info{margin-top:17px; line-height:145%; color:#999;}
#newsletter .form{text-align:center; margin-top:12px;}
#newsletter .form .text{width:205px; height:30px; line-height:30px; border:1px #b6b6b6 solid; margin:3px 0 8px;}
#newsletter .form .button{width:90px; height:30px; line-height:30px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; cursor:pointer; font-size:14px;}

#may_like .b_list .pro_item{padding:10px 0;}
/*************************** gloabl end ***************************/

.tool_box{display: flex; flex-direction: column; width: max-content; position: fixed; left: calc(100% - 30px); top: 50%; transform: translateY(-50%);}
.tool_box a{box-sizing: border-box; width: 150px; height: 28px; line-height: 28px; text-transform: uppercase; border-radius: 15px 0 0 15px; background-color: #fff; box-shadow: 0 0 2px rgb(0 0 0 / 20%); padding-left: 30px; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin: 10px 0; text-decoration: none;}
.tool_box a:hover{background-color: #C72828; color: #fff; transform: translateX(-120px);}
.tool_box .icon_cart{background: url(../images/icon_cart.png) no-repeat left 8px center;}
.tool_box .icon_user{background: url(../images/icon_user.png) no-repeat left 8px center;}
.tool_box .icon_favorite{background: url(../images/icon_favorite.png) no-repeat left 8px center;}
.tool_box .icon_top{background: url(../images/icon_top.png) no-repeat left 8px center;}
.tool_box .icon_cart:hover{background-image: url(../images/icon_cart_white.png);}
.tool_box .icon_user:hover{background-image: url(../images/icon_user_white.png);}
.tool_box .icon_favorite:hover{background-image: url(../images/icon_favorite_white.png);}
.tool_box .icon_top:hover{background-image: url(../images/icon_top_white.png);}