/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#222; font-size:12px; font-family:"Montserrat",Jost,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; height:100%; background:#fff; word-wrap: break-word; word-break:break-all;}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt25{margin-top: 25px;}
.mgt30{margin-top: 30px;}
span:focus {
    outline: none;
}
a{color:#222;}
img{max-width: 100%;}
.lordcolor{color:#110E08;}
.graycolor{color:#8C8C8C;}
.pr{position: relative;}
.wrapper{width:1200px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}

.header{width: 100%; position: relative; top: 0; z-index: 40; position: -webkit-sticky; position: sticky; background: #fff; border-bottom: 1px #e8e8e8 solid;}
.top{background: #fff; height: 60px; padding:10px 60px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.top_l{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content:flex-start; -moz-justify-content: flex-start; -ms-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.top_r a{margin-left: 20px; display: inline-block; position: relative;}
.top_r a:hover img, .searchbtn:hover img{opacity: 0.7;}
.top_r a span{display: inline-block; height: 18px; line-height: 18px; padding:0 5px; border-radius: 18px; color: #fff; position: absolute; top: -4px; right: -5px;
	background: -webkit-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -moz-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -ms-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -o-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
}
.togglemenu{width: 40px; height: 40px; display: none;}
.togglemenu span i{width: 20px; height: 2px; background: #333; display:block; margin:4px 0;}
.nav{width: 100%; border-top: 1px #e8e8e8 solid; text-align: center; position: relative;}
.nav li{display: inline-block; font-size: 18px; font-weight: 500; line-height: 24px;}
.nav li a{display: inline-block; padding:20px 10px; margin:0 20px; position: relative;}
.nav li.active a, .nav li a:hover, .nav li.active .subnav li a:hover{ 
	background: -webkit-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -moz-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -ms-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -o-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	 -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; color: transparent;}
.nav li a:before{content: ''; position: absolute; bottom: -1px; height: 3px;  transition: transform .3s; z-index: 20; left: 18px; width: calc(100% - 36px); transform: scaleX(0); will-change: transform;	
	background: -webkit-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -moz-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -ms-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -o-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
}
.nav li.active a:before, .nav li a:hover:before{transform: scaleX(1);}
.nav li .subnav{position: absolute; left: 0; right: 0; background: #fff; padding:15px 0; overflow: hidden; display: none;}
.nav li .subnav ul{position:relative; width: 200px;}
.nav li .subnav li{display: block; overflow: hidden; text-align: left; font-size: 16px;}
.nav li .subnav li a{ padding:6px 10px;}
.nav li .subnav li a:before{display: none;}
.nav li.active .subnav li a{ color: #222; background: none; -webkit-text-fill-color: initial;}
.navno .nav{display: none;}
.topsearch{position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 101; visibility: hidden; pointer-events: none; opacity: 0; transition: all .35s cubic-bezier(0,0,.2,1);}
.topsearch_content{padding:90px 40px 60px; max-width: 1200px; margin:0 auto;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position: relative;}
.topsearch_colse{position: absolute; top: 90px; right: 40px; padding:20px; display: block;}
.topsearch_black{max-width: 650px; margin:0 auto;}
.topsearch_box{width: 100%; position: relative; border:1px #efefef solid; border-radius: 9px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.topsearch_input{width: 100%; height: 58px; line-height: 58px; border:0 none; background: none; font-size: 18px; padding:0 60px 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.topsearch_button{width: 40px; height: 40px; background: url(../images/ssico.png) no-repeat center center; border:0 none; position: absolute; top: 9px; right: 10px;color: #222222;}
.topsearch_item{width: 100%; overflow: hidden; padding-top: 20px;}
.topsearch_item a{display: inline-block; float: left; background: #F0F0F0;border-radius: 4px; padding:10px 15px; font-size: 18px;margin:20px 10px 0;}
.topsearch.show{visibility: visible; pointer-events: auto; opacity: 1;}
.footer{width: 100%; overflow: hidden; background: url(../images/footbg.jpg) no-repeat center top; background-size: cover; color: #fff; font-size: 14px;}
.footer a, .footer a:hover{color: #fff;}
.foot_content{padding:50px 4%;}
.foot_title{font-size: 56px; font-weight: 600; text-align: center; padding:15px 0;}
.foot_txt{font-size: 22px; font-weight: 500; text-align: center; padding:10px 0;}
.foot_subscribe{max-width: 980px; margin:60px auto; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.foot_subscribeinp{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 48px; line-height: 48px; border-radius: 48px; background: #fff; border:0 none; font-size: 16px; color: #222; padding:0 25px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.foot_subscribebtn{display: inline-block; margin-left: 30px; height: 48px; line-height: 48px; border-radius: 48px; border:0 none; font-size: 16px; color: #fff; width: 150px; text-align: center;
	background: -webkit-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -moz-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -ms-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: -o-linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
	background: linear-gradient(270deg, #46B0F1 0%, #FF63BC 100%);
}
.foot_subscribebtn:hover{color: #fff;}
.foot_block{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.foot_row{padding:20px 3% 0; width: 18%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.foot_row:last-child{width: 28%;}
.foot_row h5{font-size: 24px;font-weight: bold;}
.foot_row ul{padding-top: 10px;}
.foot_row ul li{margin-top:15px; color: rgba(255,255,255,0.8);}
.foot_row ul li a{color: rgba(255,255,255,0.8);}
.foot_row ul li a:hover{color:#fff;}
.foot_payimg{padding-bottom: 20px;}
.foot_payimg img{margin:15px 20px 0 0;}
.foot_Download img{margin:15px 5px 0 0;}
.foot_copyright{border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%; text-align: center; padding:30px 4%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; color: rgba(255, 255, 255, 0.8);}
.mywishlist_hd{border-bottom: 1px #e8e8e8 solid; line-height: 24px; padding:20px; width: 100%; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999;}
.mywishlist_hdtitle{font-size: 20px; font-weight: 500; float: left;}
.mywishlist_hddel{float: right; padding-right: 50px;font-size: 14px; font-weight: 500;}
.mywishlist_hddel a{display: inline-block; background: url(../images/del.png) no-repeat left center; padding-left: 25px;}
.layui-layer-setwin .layui-layer-close2{ border:0px; color: #222; background: none; top: 5px; right: 5px; font-size: 20px;}
.layui-layer-setwin .layui-layer-close2:hover{background: none;}
.mywishlist_bd{padding:100px 1% 20px;}
.mywishlist_bd ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.mywishlist_bd ul li{width: 18%; margin:0 1% 30px; position: relative;}
.mywishlist_goodsimg{width: 100%; padding-bottom: 100%; overflow: hidden; border-radius:8px; position: relative; overflow:hidden; background:#d7d7d9;}
.mywishlist_goodsimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mywishlist_goodsname{width: 100%; margin-top:10px; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.mywishlist_goodsprice{width: 100%; margin-top:10px; overflow: hidden;}
.mywishlist_goodsprice span{background: -webkit-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -moz-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -ms-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: -o-linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	background: linear-gradient(320deg, #46B0F1 17%, #FF63BC 84%);
	 -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; color: transparent;font-weight: bold;font-size: 20px;}
.mywishlist_goodsprice em{text-decoration: line-through;font-size: 16px;color: #999999; margin-left:5px;}
.mywishlist_delgoods{width: 20px; height: 20px; border-radius: 20px; position: absolute; top: 4px; right: 4px; z-index: 3; background: rgba(255, 255, 255, 0.8); transform: rotate(45deg);}
.mywishlist_delgoods:after, .mywishlist_delgoods:before{content: ''; background: #3e3e3e; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mywishlist_delgoods:after{width: 10px; height: 1px;}
.mywishlist_delgoods:before{width: 1px; height: 10px;}
.fixbox{position: fixed; right: 40px; bottom: 30vh; z-index: 102;}
.fixai{width: 64px; height: 64px; border-radius: 64px; background: url(../images/fixai.png) no-repeat; display: block;}
.fixai:hover{background: url(../images/fixaia.png) no-repeat; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);}
.layui-layer{border-radius: 18px; overflow: hidden;}
@media all and (max-width:1300px) {
	.wrapper{width:94%;}
}
@media all and (max-width:980px) {
	.topsearch_black{max-width: 450px;}
	.foot_row{width: 33.33%;}
	.foot_row:last-child{width:66.67%;}
	.mywishlist_bd ul li{width: 23%;}
}

@media all and (min-width:0) and (max-width:768px) {
	.wrapper{width:100%;}
	.top{padding:5px 4% 5px 2%; height: 50px;}
	.logo{max-width: 150px;}
	.top_r a{margin-left: 10px;}
	.searchbtn{padding:0 5px;}
	.togglemenu{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
	.togglemenu span{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); -o-transform: translateX(0); transform:translateX(0);}
	.nav{position:fixed; top: 0; left: 0; bottom: 0; z-index: 99; width: 88%; overflow-y:auto; background: #fff; border-top-width: 0; text-align: left; -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
	.nav ul{padding:30px 0;}
	.nav li{display: block; font-size: 16px;}
	.nav li a{padding:15px 15px 15px 0;}
	.nav li a:before{display: none;}
	.nav li .subnav{position: relative; overflow: inherit; padding:0; display: block !important;}
	.nav li .subnav ul{display: none;}
	.nav li .subnav::after{content: ''; width: 0;height: 0;border: 6px solid; border-color: #333 transparent  transparent transparent; position: absolute; top: -50px; right: 0; z-index: 999; border-radius: 3px; margin: 18px 15px 18px;}
	.nav li .subnav ul{width: 100%; position: initial; padding:0;}
	.nav li .subnav li{font-size: 15px;}
	.nav li .subnav li a{padding:10px 20px;}
	.nav li.toggle .subnav:after{border-color: transparent transparent  #333 transparent; margin: 14px 15px 24px;}
	.nav li.toggle .subnav{display: block;}
	.nav li.toggle .subnav ul{display: block;}
	.navno .nav{display: block;}
	.hsbg{background: rgba(0,0,0,0.4); opacity: 0; z-index: 90; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 0; -webkit-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -o-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); transition: opacity .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .nav{ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
	.header.opennav .hsbg{opacity: 1;}
	.header.opennav .togglemenu span{position: fixed; top: 15px; left:0; z-index: 100; margin-left:-50px; padding:20px; display: inline-block; -webkit-transform: translateX(88vw); -moz-transform: translateX(88vw); -ms-transform:translateX(88vw); -o-transform: translateX(88vw); transform:translateX(88vw); -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .togglemenu span i {opacity: 1; transform: rotate(45deg); position: absolute; top: 5px; left: 5px;}
	.header.opennav .togglemenu span i:nth-last-child(2) {opacity: 0;}
	.header.opennav .togglemenu span i:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}	

	.topsearch_content{padding:80px 15px 30px;}
	.topsearch_colse{top: 0; right: 0;}
	.topsearch_input{height: 48px; height: 48px;}
	.topsearch_button{top: 4px;}
	.topsearch_item a{margin:10px 5px 0; font-size: 14px;}
	.foot_content{padding:25px 2%;}
	.foot_title{font-size: 26px; padding:8px 0;}
	.foot_txt{font-size: 15px; padding:5px 0;}
	.foot_subscribe{margin:20px 0;}
	.foot_subscribeinp{max-width: 60%; height: 40px; line-height: 40px;}
	.foot_subscribebtn{margin-left:15px; height: 40px; line-height: 40px;}
	.foot_row{width: 50%;}
	.foot_row:last-child{width:100%;}
	.foot_row h5{font-size: 16px;}
	.foot_row ul{padding-top: 5px;}
	.foot_row ul li{margin-top:10px;}
	.foot_copyright{padding:15px 4%;}
	.mywishlist_bd{padding:90px 2% 20px;}
	.mywishlist_bd ul li{width: 46%; margin:0 2% 20px;}
	.mywishlist_goodsprice span{font-size: 18px;}
	.mywishlist_goodsprice em{font-size: 14px;}
	.fixbox{ right: 10px;}
	.fixai{ width: 50px; height: 50px; border-radius: 50px; background-size: 50px;}
	.fixai:hover{ background-size: 50px;}

	
}