﻿@charset "utf-8";
@media (max-width:767px){
body[data-template] .ztb{margin-bottom:50px;z-index:7}
.list_fy{text-align:center}
.list_fy .total{margin:30px 0 10px 0;display:block}
.list_fy .pagination{margin:0 0 30px 0}
.web_nav_show #web_nav_ul{margin-left:0}
.web_nav_show #web_foot_nav,.web_nav_show .article,.web_nav_show .web_header_a{margin-left:250px}
.web_nav_show .web_bgs{position:fixed;height:100%;width:100%;top:0;left:0;z-index:99;background:url(../images/bg.png)}
.mbx_list h1,.mbx_list h2{margin:10px 0;font-size:16px;height:auto;line-height:inherit}
}
.web_header_a{background-color:#fff;position:fixed;z-index:9;left:0;width:100%;top:0;height:50px;line-height:50px;text-align:center;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.web_header_a>ul>li{height:50px}
.web_header_a li i{font-size:22px;color:#694545;line-height:inherit}
.web_header_a ul{margin:0 60px}
.web_header_a .web_header_a_2{width:100%}
.web_header_a .web_header_a_1{position:absolute;left:0;line-height:50px;top:0;width:50px;cursor:pointer}
.web_header_a .web_header_a_3{position:absolute;right:5px;top:0;background-color:#fff}
.web_header_a .web_header_a_3>a{padding-left:10px;cursor:pointer}
.web_header_a .web_header_a_3>a em{display:none}
.web_header_a .web_header_a_3>a img{vertical-align:middle}
.web_header_a .web_header_a_3 img{width:21px;height:13px}
.web_header_a .web_header_a_3>a span{margin-left:5px}
.web_header_a .web_header_a_3 ul{font-size:0;margin:0;left:inherit;right:0;padding:0;text-align:center;overflow:auto}
.web_header_a .web_header_a_3 ul li{vertical-align:middle;width:50%;font-size:10px;display:inline-block;zoom:1;*display:inline}
.web_header_a .web_header_a_3 ul li img{display:block;margin:0 auto}
#web_foot_nav{background-color:#f8f8f8;position:fixed;height:50px;border-top:1px solid #f8f8f8;z-index:8;bottom:0;width:100%;left:0;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
#web_foot_nav a{display:block}
#web_foot_nav>ul>li{float:left;width:25%;text-align:center;position:relative}
#web_foot_nav>ul>li a{text-decoration:none;cursor:pointer}
#web_foot_nav>ul>li i{font-size:18px;position:relative;margin:10px 0 0 0}
#web_foot_nav>ul>li a em{position:absolute;top:3px;margin-left:15px;min-width:9px;height:15px;line-height:13px;font-size:10px;padding:0 3px;text-align:center;font-style:normal;background-color:#fdca01;color:#fff}
#web_foot_nav>ul>li span{display:block;font-size:10px;margin-top:-2px}
#web_foot_nav>ul>li.on>ul{margin-bottom:0}
#web_foot_nav>ul ul{min-width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;white-space:nowrap;overflow:hidden;bottom:60px;margin-bottom:-999px;text-align:left;margin-left:-45%;background-color:#fff;position:absolute;display:inline-block;z-index:-1;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;zoom:1;*display:inline}
#web_foot_nav>ul ul li{border-top:1px solid #f8f8f8}
#web_foot_nav>ul ul li a{padding:0 10px;line-height:35px;height:35px}
#web_foot_nav>ul ul li:first-child{border-top:none}
#web_foot_nav>ul #user_nav>ul{right:5px}
#web_nav_ul{position:fixed;height:100%;top:0;left:0;z-index:100;background-color:#1d1f22;overflow:hidden;overflow-y:scroll;color:#d2d2d2;margin-left:-250px;width:250px;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
#web_nav_ul_bk .other>ul ul,#web_nav_ul_bk>li>ul{background:url(../images/sidebar-bg.png)}
#web_nav_ul_bk a{text-decoration:none;padding-left:40px;color:#d2d2d2;display:block;line-height:38px;height:40px;position:relative;overflow:hidden}
#web_nav_ul_bk .li_list>a{color:#d2d2d2}
#web_nav_ul_bk .li_list>ul{position:relative;overflow:hidden;transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out}
#web_nav_ul_bk .li_list>i.glyphicon-minus~ul{height:auto}
#web_nav_ul .web_logo{padding:20px;text-align:center;font-size:22px;overflow:hidden}
#web_nav_ul .web_logo img{max-width:100%;height:auto;width:auto;font-size:0}
#web_nav_ul_bk{border-top:1px solid #141719;position:relative;border-bottom:1px solid #25272a}
#web_nav_ul_bk li{position:relative}
#web_nav_ul_bk .other>a{display:none}
#web_nav_ul_bk .other>ul{background:0 0}
#web_nav_ul_bk li .new_zks_ul{position:absolute;right:0;top:0;height:40px;line-height:40px;text-align:center;width:40px;cursor:pointer;font-size:10px}
#web_nav_ul_bk .li_list>a{border-bottom:1px solid #141719;border-top:1px solid #25272a}
#web_nav_ul_bk .li_list a:hover,#web_nav_ul_bk .li_list:hover>a{background-color:#212326}
#web_nav_ul_bk a>i{display:inline!important;position:absolute;left:0;top:0;width:40px;line-height:40px;text-align:center;height:40px;font-size:11px}
#web_nav_ul_bk .li_list ul a,#web_nav_ul_bk ul ul>li:first-child>a{background:url(../images/sidebar-deco.png) repeat-x scroll center top;color:#878787}
#web_nav_ul_bk ul>li:first-child>a{background:0 0}
.on .web_foot_nav_bg{position:fixed;z-index:-2;left:0;top:0;right:0;bottom:50px;background:url(../images/bg.png);opacity:.5}
.mob{position:relative;padding:10px 0}
.mob>div:first-child{margin-left:0}
.mob>div{vertical-align:middle}
.mob_menu_icon{width:22px;height:22px;display:inline-block;background:url(../svg/caidan.svg) no-repeat 0 0;background-size:19px;position:relative;top:14px}
.mob_menu_icon_close{background:url(../svg/fal.svg) no-repeat 0 0;background-size:19px}
.mob_menu_icon:before{display:inline-block;font-weight:400;font-style:normal;font-size:22px;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;cursor:pointer}
.mob_first_nav{width:500px;width:100%;max-height:65vh;overflow-y:auto;position:absolute;z-index:10;background-color:#fff;top:100%;left:50%;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);text-align:left;-moz-box-shadow:3px 4px 43px 0 rgba(0,0,0,.11);-webkit-box-shadow:3px 4px 43px 0 rgba(0,0,0,.11);box-shadow:3px 4px 43px 0 rgba(0,0,0,.11);font-weight:700;padding:10px 38px}
.mob_first_nav li{position:relative}
.mob_first_nav li.active>a{color:#333}
.mob_first_nav a{display:block;padding:10px 0;border-top:1px solid #e5e5e5}
.mob_first_nav>.li_list:first-child a{border-top:0}
.mob_first_nav>.li_list>a{text-transform:uppercase;color:#787878}
.mob_first_nav .li_more{position:absolute;width:40px;line-height:40px;display:inline-block;right:0;text-align:center}
.mob_first_nav .unactive>ul{display:none}
.mob_first_nav .li_more:before{font-family:Linearicons;content:"\e93a"}
.mob_first_nav .active>.li_more:before{content:"\e939"}
.mob_first_nav{display:none}
.mob_second_nav a{padding-left:12px}
.mob_third_nav a{padding-left:24px}
.mob_cart_link{width:100%;min-height:60px;line-height:60px;display:block;position:relative;right:5px;background:url(../svg/icon_cart.svg) no-repeat 50% 50%;background-size:20px}
.mob_go_cart .total_num{position:absolute;left:50%;top:10px;font-size:10px;line-height:12px;padding:3px 5px;min-width:20px;min-height:20px;border-radius:100%;text-align:center;background-color:red}
.mob_cancel_btn{background:url(../svg/icon-false.svg) 50% 50% no-repeat #fff;background-size:18px}
.mob_search_btn{right:40px;border:1px solid #ccc;border-width:0 1px;background:url(//cdn2.bigcommerce.com/server5900/2gwuho/templates/__custom/images/TopSearch.png?t=1505288865) 50% 50% no-repeat #fff}
.mob span{color:#fff}
@media (max-width:991px){
.header_b_y{line-height:40px}
.header_b_y .selcurrenct span.caret{vertical-align:middle}
}
@media (max-width:767px){
.modal_cart_list_ul .cp{padding-left:0}
.modal_cart_list_ul .img{position:static;margin:0 auto}
}
.left_wap{max-width:35%;min-width:33.33%;position:absolute;top:0;left:0;z-index:9}
.left_wap>div{cursor:pointer}
.left_wap>div:hover{background-color:#333}
.mob_navigation{width:50%;float:left}
.mob_nav_btn{position:relative;min-height:60px;line-height:60px;width:40px;margin:0 auto;font-size:0}
.search_wap{width:50%;float:left}
.mob_search_show{position:absolute;margin:0 auto;width:100%;height:40px;display:none;top:100%}
.search_wap .magnifier{position:relative;margin:0 auto;display:block;width:50px;line-height:60px;text-align:left;min-height:60px;background:url(../images/top-search-icon.png) top center no-repeat}
.search_wap .magnifier:before{display:inline-block;font-weight:400;font-style:normal;font-size:21px;line-height:22px;vertical-align:middle;cursor:pointer}
.mob_search_show .search_submit{position:absolute;left:0;right:0;top:0;visibility:hidden;opacity:0;z-index:10;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.mob_search_show.active{display:block}
.mob_search_show.active .search_submit{visibility:visible;opacity:1}
.mob_search_txt{height:100%;border-radius:0;padding-right:80px}
.mob_cancel_btn,.mob_search_btn{width:40px;line-height:37px;position:absolute;top:1px;right:0;height:37px}
.right_wap{position:absolute;max-width:35%;min-width:33.3334%;top:0;right:0;z-index:11}
.right_wap>div:hover{background-color:#333}
.cart_wap{width:50%;float:right;text-align:center}
.cur_wap{width:50%;float:right;text-align:center}
.cur_wap .pc_currencies .dropdown-menu{margin:0!important}
.mob_go_cart{margin:0 auto}
.cur_wap .header_b_y{margin:0 auto;width:100%;min-height:60px;line-height:58.5px}
.cur_wap .header_b_y .pc_currencies{text-align:center}
.mob_first_nav>.li_list>a:hover{color:#333}
.cur_wap .selcurrenct>span::after{color:#fff;font-family:Linearicons;content:"\e93a";display:inline-block;font-weight:900;font-style:normal;font-size:8px;margin-left:5px}
.mob .container{width:100%;position:relative;min-height:50px}
.mb_logo{margin:auto;text-align:center;float:none!important;width:auto;display:block;height:40px;line-height:40px;z-index:11}
.logo_img{width:24%;display:inline-block}
.mb_logo .logo_font{font-size:22px;font-weight:700;color:#fff}
.mb_logo .logo_font:focus{text-decoration:none!important}
@media(max-width:767px){
.logo_img{width:28%;display:inline-block}
}
@media(max-width:520px){
.mb_logo{z-index:11}
.selcurrenct span img{margin-right:0}
.logo_img{width:33.33%;display:inline-block}
}
@media(max-width:400px){
.left_wap>div{width:40px}
.right_wap>div{width:40px}
.logo_img{width:40%;display:inline-block}
.search_wap .magnifier{width:40px}
.mob_cart_link{right:10px}
.right_wap .cur_wap{margin-right:5px}
}