.tem105-header{color:#333;background-attachment: fixed;}
body.designer-body .tem105-header .swiper-button-prev,
body.designer-body .tem105-header .swiper-button-next{display:block}
.tem105-header .swiper-button-prev,
.tem105-header .swiper-button-next{display:none}
.tem105-header .header{background-color:inherit;background-image:inherit;background-position: inherit;background-size: inherit; background-repeat: inherit;}
.tem105-header .headertop{padding:20px 0 10px;background-color:inherit;;background-image:inherit;color:inherit}
.tem105-header .headerbot{width:100%;height:50px;box-shadow:0 4px 22px rgba(0,0,0,.04);color:inherit}
.tem105-header .topleft{flex:1;-webkit-flex:1}
.tem105-header .logo{margin-right:40px;height:60px}
.tem105-header .logo a{display:block;height:100%}
.tem105-header .logo img{height:100%;display:block}
.tem105-header .toptext{flex:1;-webkit-flex:1;font-size:12px;padding-top:14px;margin-right:15px}
.tem105-header .more{text-align:right;display:none}
.tem105-header .icon-more_vert{font-size:30px;color:inherit}
.tem105-header .head_r{line-height:70px;background-color:inherit}
.tem105-header .head_r_two{background-color:inherit}
.tem105-header .head_r a{color:inherit;font-size:16px}
.tem105-header .search{position:relative}
.tem105-header .serchinput{width:240px;border-radius:4px;visibility:hidden;opacity:0;z-index:9;position:absolute;top:13%;left:-122px;background:#fff;padding:10px;box-shadow:0 5px 20px rgba(0,0,0,.15);transition:.5s}
.tem105-header .search.cur .serchinput{left:-222px;opacity:1;visibility:visible}
.tem105-header .search .icon-sousuo2{display:inline-block;transform:translateY(2px);-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);-o-transform:translateY(2px)}
.tem105-header .serchinput input{width:100%;outline:none; font-size:16px;padding-left:26px;padding-right:30px;box-sizing:border-box; height:34px;background:none;border:none;color:#666;}
.tem105-header .serchinput .icon-clear{font-size:28px;position:absolute;top:12px;left:6px;cursor:pointer}
.tem105-header .serchinput .icon-sousuo2{position:absolute;top:15px;right:6px;background:none;border:none;font-size:22px}
.tem105-header .cart,
.tem105-header .loginreg{margin-left:8px}
.tem105-header .loginreg a{margin:0 6px;background-color:inherit}
.tem105-header .select{position:relative;cursor:pointer;margin-left:8px;background-color:inherit}
.tem105-header .selecttext{display:block;padding-right:12px;position:relative}
.tem105-header .selecttext:after{content:"";width:8px;border-bottom:2px solid;position:absolute;top:50%;margin-top:-1px;right:0}
.tem105-header .selecttext:before{content:"";width:8px;border-bottom:2px solid;position:absolute;top:50%;margin-top:-1px;right:0;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg)}
.tem105-header .selectbox{width:100%;padding:10px 0;visibility:hidden;opacity:0;position:absolute;top:130%;right:0;background-color:inherit;box-shadow:0 4px 20px rgba(0,0,0,.16);z-index:100;transition:.5s}
.tem105-header .select.cur .selectbox{visibility:visible;opacity:1;top:85%}
.tem105-header .selectbox a{display:block;text-align:center;padding:0 7px;line-height:40px}
.tem105-header .navbox{background:inherit}
.tem105-header .headertop .container.flexBoxWrap{background-color:inherit}
.tem105-header .headerbot .container{background-color:inherit}
.tem105-header .swiper-container{z-index:99}
.tem105-header .swiper-wrapper{z-index:9}
.tem105-header .swiper-slide{width:auto;position:static}
.tem105-header .swiper-slide a{color:inherit;font-size:14px}
.tem105-header .swiper-button-prev,
.tem105-header .swiper-button-next{width:20px;height:26px;top:11px;background-image:none;background-color: var(--main-color);border-radius:2px;margin-top:0px;line-height:26px;box-shadow:0px 0px 12px rgba(0,0,0,0.15)}
.tem105-header .swiper-button-next.swiper-button-disabled,
.tem105-header .swiper-button-prev.swiper-button-disabled{opacity:0}
.tem105-header .swiper-button-prev span,
.tem105-header .swiper-button-next span{font-size:22px;color:#fff;}
.tem105-header .navfirst{padding:0 25px;line-height:50px;position:relative;cursor:pointer}
.tem105-header .navfirst .SearchDropDown_i{position:absolute;top:13px;right:3px;color:inherit;font-size:20px}
.tem105-header .navfirst.active{background:var(--main-color)}
.tem105-header .navfirst.active .after_xia{top:15px;color:#fff;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transition:.5s}
.tem105-header .navfirst.active a{color:#fff}
.tem105-header .navfirst.cur{background:var(--main-color)}
.tem105-header .navfirst.cur a{color:#fff}
.tem105-header .navchildbox{visibility:hidden;opacity:0;background:inherit;position:absolute;top:50px;left:0;padding:16px 0vh;box-sizing:content-box;border-top:1px solid;border-color:rgba(0,0,0,0.1);z-index:98;}
.tem105-header .swiper-slide.navshow .navchildbox{visibility:visible;opacity:1;transition:.5s;z-index:99}
.tem105-header .childlistbox{padding-bottom:20px}
.tem105-header .navchildlist{width:20%;float:left;padding-bottom:14px;padding-left:10px;padding-right:10px}
.tem105-header .secondnav{margin-bottom:4px}
.tem105-header .secondnav img{display:inline-block;width:22px}
.tem105-header .secondnav a{font-size:14px;line-height:24px;display:inline-block}
.tem105-header .thridnavlist{padding-left:4px}
.tem105-header .thridnavlist img{display:inline-block;width:18px}
.tem105-header .thridnavlist a{font-size:12px;line-height:20px;opacity:.75}
.tem105-header .thridnavlist{margin-bottom:2px}
.tem105-header .thridnavlist:last-child{margin-bottom:0}
.tem105-header .thridnavlist .icon-chevron_right{font-size:20px;display:inline-block;transform:translateY(-2px);-webkit-transform:translateY(-2px)}
.tem105-header .togglebtn{width:36px;height:50px; float:right;position:relative;margin-left:10px;display:none}
.tem105-header .togglebtn span{width:22px;height:2px;display:block;background:var(--main-color);border-radius:2px;position:absolute;top:0;left:50%;margin-left:-11px;transition:.25s}
.tem105-header .togglebtn span:nth-of-type(1){top:16px}
.tem105-header .togglebtn span:nth-of-type(2){top:24px}
.tem105-header .togglebtn span:nth-of-type(3){top:32px}
.tem105-header .togglebtn.cur span:nth-of-type(1){top:24px;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg)}
.tem105-header .togglebtn.cur span:nth-of-type(3){top:24px;transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg)}
.tem105-header .togglebtn.cur span:nth-of-type(2){opacity:0}
@media (max-width:992px){
	.tem105-header .headertop{height:auto}
	.tem105-header .headertop .container.flexBoxWrap{display:block;height:auto}
	.tem105-header .more{display:block;position:absolute;top:8px;right:4px;padding-left:14px}
	.tem105-header .head_r{display:none;margin-top:6px}
	.tem105-header .head_r.cur{display:flex;display:-webkit-flex;flex-wrap:wrap;margin-left:0}
	.tem105-header .head_r_one{width:100%;flex:none;-webkit-flex:none;margin-left:0;height:40px;line-height:40px}
	.tem105-header .head_r_two{width:100%;margin-left:0;line-height:40px}
	.tem105-header .loginreg{margin-left:0;flex:1;-webkit-flex:1}
	.tem105-header .head_r .search a{display:none}
	.tem105-header .search{flex:1;-webkit-flex:1}
	.tem105-header .serchinput{width:100%;left:0px;visibility:visible;opacity:1;top:-5px;box-shadow:none;background:none}
	.tem105-header .icon-clear{display:none}
	.tem105-header .serchinput input{padding-left:0}
	.tem105-header .serchinput .icon-sousuo2{top:12px}
	.tem105-header .head_r .cart a{padding:0 8px;font-size:18px}
	.tem105-header .togglebtn span{right:0;left:auto;margin-left:0}
	.tem105-header .headerbot{background-color:inherit}
	.tem105-header .navbox{max-height:80vh;z-index:99;display:none;overflow-y:auto;overflow-x:hidden;width:100%;position:absolute;top:50px;background-color:inherit;left:0}
	.tem105-header .navbox.cur{display:block}
	.tem105-header .navchildlist{width:50%;padding-bottom:10px;padding-left:0;padding-right:0}
	.tem105-header .container{width:100% !important;position:relative}	
	.tem105-header .togglebtn{display:block}
	.tem105-header .swiper-wrapper{display:block}
	.tem105-header .swiper-slide{width:100%}
	.tem105-header .navchildbox{max-height:60vh;position:static;background:rgba(0,0,0,0.04);display:none;height:auto !important;visibility:visible;opacity:.9;overflow-y:auto;padding:2vh 6vw}
	.tem105-header .navchildbox.cur{display:flex;display:-webkit-flex;flex-wrap:wrap}
	.tem105-header .navfirst{opacity:1}
	.tem105-header .toptext{padding-top:6px;padding-right:2vh}
}
@media (max-width:480px){
	.tem105-header .container{padding-left:2%!important;padding-right:2%!important}
	.tem105-header .toptext{padding-top:3.5vh;padding-bottom:1vh;font-size:12px}
	.tem105-header .headertop{padding:10px 0;}
	.tem105-header .topleft.flexBoxWrap{display:block}
	.tem105-header .logo{float:none;margin-right:0;height:40px}
}
