*{box-sizing:border-box;color:#333;word-wrap:break-word;padding:0;margin:0;}
body{background:#f2f3f7;font-size:12px;font-family:Arial,Helvetica,sans-serif;padding:0;margin:0;box-sizing:border-box;position:relative;}
a{text-decoration:none;cursor:pointer;}
ul{list-style:none;padding:0;margin:0;}
h5,h4,h3{margin:0;padding:0;}
header{box-sizing:border-box;background:#fff;box-shadow:0 5px 10px 0 rgb(175 175 175 / 20%);}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input[type="search"]::-webkit-search-cancel-button{cursor:pointer;}
textarea{-webkit-appearance:none;}
.button{border-radius:0;}
.container{max-width:1540px;margin:0 auto;box-sizing:border-box;}
.wrap{width:100%;align-items:center;height:100px;padding:20px;display:flex;}
.searchbox{width:60%;display:inline-block;border:1px solid #3081c4;background:#fff;height:40px;line-height:38px;padding-left:20px;margin:0 20px;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.keyword{display:inline-block;border:none;outline:none;padding:0;padding-left:10px;width:70%;}
.search-btn{float:right;border:none;outline:none;color:#fff;font-size:14px;line-height:38px;background:#3081c4;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;border:1px solid transparent;border-radius:0;margin-left:auto;}
.shoppingcar{margin-right:20px;position:relative;width:36px;}
.snum{width:18px;height:18px;line-height:18px;text-align:center;display:block;position:absolute;top:0;right:0;background:#ff0000;border-radius:50%;color:#fff;font-size:10px;}
.toplink{display:inline-block;float:right;height:44px;line-height:44px;}
.toplink .app{margin:0;background:url(images/appicon.png)left center no-repeat;padding-left:24px;display:inline-block;}
.toplink a:hover{color:#225c8b;}
.beforelogin{display:inline-block;margin-left:auto;}
.user{margin:0 40px;text-align:center;display:inline-block;position:relative;vertical-align:middle;}
.user img{width:28px;height:28px;}
.sign{padding-right:10px;margin-right:10px;border-right:1px solid #dedede;color:#3083c6;}
.user .userimg{border-radius:14px;width:28px;height:28px;display:block;overflow:hidden;margin:0 auto;}
.user p{font-weight:bold;margin-bottom:10px;}
.newsnum{width:18px;height:18px;line-height:18px;text-align:center;display:block;position:absolute;top:0;right:26px;background:#ff0000;border-radius:50%;color:#fff;font-size:10px;}
.afterlogin{display:inline-block;margin-left:auto;}
.afterlogin .user{cursor:pointer;width:98px;height:55px;}
.afterlogin .user .usermenu{display:none;position:absolute;padding:20px;width:210px;text-align:left;background:#fff;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);border:1px solid #e4e7ed;z-index:999;}
.afterlogin .user:hover .usermenu{display:block;}
.afterlogin .user .usermenu:before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:44px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.afterlogin .user .usermenu p{margin-bottom:20px;border-bottom:1px dashed #225c8b;line-height:32px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.afterlogin .user .usermenu p span{color:#225c8b;font-size:14px;}
.afterlogin .user .usermenu li{margin-bottom:20px;line-height:20px;}
.afterlogin .user .usermenu li a{font-size:14px;}
.afterlogin .user .usermenu li a span{width:20px;height:20px;vertical-align:middle;margin-right:10px;display:inline-block;background:url(images/usericon.png)left top no-repeat;}
.afterlogin .user .usermenu li:nth-child(2) span{background-position:0 0;}
.afterlogin .user .usermenu li:nth-child(3) span{background-position:0 -20px;}
.afterlogin .user .usermenu li:nth-child(4) span{background-position:0 -40px;}
.afterlogin .user .usermenu li:nth-child(5) span{background-position:0 -60px;}
.afterlogin .user .usermenu li:hover span{background-position-x:-20px;}
.afterlogin .user .usermenu li:last-child{margin-bottom:0;}
.afterlogin .user .usermenu li:hover a{color:#225c8b;}
.active{padding:0 20px;color:#3081c4;border:1px solid #3081c4;font-weight:bold;}
.close{width:20px;height:20px;vertical-align:middle;font-size:0;display:inline-block;position:relative;margin-left:10px;cursor:pointer;}
.close::before,.close::after{content:'';width:10px;height:1px;display:block;background-color:#3081c4;position:absolute;right:0;top:8px;}
.close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.close::after{background:#3081c4;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.custom-nav{margin:0 20px;line-height:50px;}
.custom-nav a{display:inline-block;color:#525252;}
.custom-nav a:first-child{color:#555;}
.custom-nav a:hover{color:#225c8b;}
.custom-nav i{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 10px;}
.custom-nav i:after{content:'';position:absolute;right:0;top:2px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.custom-filter{line-height:36px;margin:0 20px 20px 20px;background:#fff;padding:0 20px;}
.custom-filter .mtitle{border-bottom:1px dashed #dedede;}
.custom-filter h1{color:#666666;font-weight:bold;font-size:18px;display:inline-block;}
.custom-filter .mtitle span{color:#585858;font-size:12px;margin-left:20px;}
.custom-filter a.hasPrice{margin-left:30px;cursor:pointer;}
.custom-filter a.hasPrice label{cursor:pointer;}
.custom-filter a.hasPrice input{margin-right:6px;vertical-align:middle;}
.custom-filter .mtitle p{line-height:24px;margin-bottom:10px;/*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;*/}
.custom-filter span.filer-title{width:80px;display:inline-block;color:#666;font-weight:bold;vertical-align:top;margin-left:0;-ms-flex-negative:0;flex-shrink:0;}
.custom-filter a{display:inline-block;line-height:24px;color:#333;margin-right:12px;font-size:14px;}
.custom-filter a:hover{color:#225c8b;}
.custom-filter a.active{padding:0 20px;color:#225c8b;border:1px solid #225c8b;font-weight:bold;padding-right: 30px;position: relative;}
.custom-filter a:last-child{margin-right:0;}
.custom-filter .close{cursor:pointer;position: absolute;right: 10px;top: 4px;margin: 0;}
.custom-filter a.fileritem{position:relative;margin-right:50px;display:flex;align-items:center;padding:10px 0;}
.custom-filter a i{display:inline-block;color:#585858;font-style:normal;margin-left:10px;}
.color-filer{border-bottom:1px dashed #dedede;position:relative;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;}
.color-filer-list{width:93%;}

.list-content{margin:20px;}
.productlist{display:flex;flex-wrap:wrap;}
.productlist li{width:24.25%;background:#fff;margin-bottom:20px;margin-right:1%;position:relative}
.productlist li:nth-child(4n){margin-right:0}
.productlist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0/15%)}
.imgbox{width:100%;height:280px;margin:0 auto;border:1px solid #ececec;display:flex;align-items:center;justify-content:center}
.imgbox img{max-width:100%;max-height:100%}
.text-box{padding:20px 14px;position:relative;}
.pname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;margin:10px 0;height:32px;}
.pname a:hover{color:#3083c6;text-decoration:underline;}
.price{font-size:16px;color:#000;margin-right:10px;font-weight:bold;}
.productlist li p{margin-bottom:10px;}
.productlist li p i{font-style:normal;margin-right:20px;}
.productlist li p img{width:18px;height:12px;margin-right:6px;}
.instocknum{color:#028500;font-weight:bold;font-size:16px;}
.country-filer{width:100%;position:relative;display:flex}
.country-filer .country-list{position:relative;}
.country-list span{margin-right:20px;cursor:pointer;}
.country-list span i{font-style:normal;color:#585858;margin-left:10px}
.country-filer .country{height:12px;margin-right:5px;vertical-align:middle;width:18px}
.pagination{text-align:center;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background:#1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
footer{background:#fff;text-align:center;}
.footer-link{padding:20px;}
.footer-link ul{width:20%;display:inline-block;text-align:left;vertical-align:top;}
.footer-link ul li:first-child{font-size:16px;color:#333;margin-bottom:20px;font-weight:bold;}
.footer-link ul li{line-height:24px;}
.footer-link ul li a{color:#333;}
.footer-link ul li a:hover{color:#225c8b;}
.footer-link ul li a img{vertical-align:middle;width:150px;height:16px;}
.servicelist li a{background:url(images/serviceicon.png)left top no-repeat;padding-left:30px;display:block;cursor:auto;}
.servicelist li:nth-child(2) a{background-position-y:-24px;}
.servicelist li:nth-child(3) a{background-position-y:-48px;}
.servicelist li:nth-child(4) a{background-position-y:-72px;}
.servicelist li:nth-child(5) a{background-position-y:-96px;}
.copyright{color:#585858;padding:20px 0;border-top:1px solid #e5e5e5;}
.goTop{display:block;position:fixed;z-index:9999;right:20px;bottom:300px;inset:auto 20px 300px auto;display:none;width:48px;height:48px;line-height:48px;font-size:30px;color:#fff;background-color:#73ace6;border-radius:3px;transition:all ease-in-out .3s;cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);text-decoration:none;}
.goTop:before{content:'';left:13px;top:18px;position:absolute;width:20px;height:20px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-315deg);-webkit-transform:rotate(-315deg);}
@media screen and (max-width:1520px){
	.user{margin:0 20px;}
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1421px){
	.user{margin:0 20px;}
}
@media screen and (max-width:1366px){
	.keyword{width:62%;}
	.text-box{padding:14px;}
}
@media screen and (max-width:1280px){
	header .searchbox{width:50%;}
	.text-box{padding:10px;}
	.icontip span{padding:2px 6px;}
	.imgbox{height:270px;}
}
@media screen and (max-width:1237px){
	header .searchbox{width:46%;}
	.user{margin:0 20px;}
}
@media screen and (max-width:1194px){
	header .searchbox{width:44%;}
	.user{margin:0 14px;}
}
@media screen and (max-width:1067px){
	header .searchbox{width:42%;}
}
@media screen and (max-width:1024px){
	.keyword{width:40%;}
	header .searchbox{width:42%;display:inline-block;}
	.search-btn{padding:0 10px;}
	.wrap{padding:10px;}
	.user{margin:0 12px;}
	.imgbox{height:210px;}
	header .searchbox{width:36%;margin-right:10px;}
}