@charset "utf-8";
*{margin: 0;padding: 0;font-family: Arial,"微软雅黑",'Microsoft YaHei',"宋体";}
body{margin: 0;width: calc(100% - 190px);margin-left: 190px;}
img:focus,a:focus{outline: none !important;}
*:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
ul,ul li,ol{list-style: none;}
b,h2,h4{font-weight: normal;}
a{text-decoration: none;color: #888888;}
em{font-style: normal;}
.clear{clear: both;}
.fl,.floatleft,.floatLeft{float: left;}
.fr{float: right;}
.clearfix{}
.clearfix::after{content: ""; display: block;clear: both;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}

input{-webkit-box-shadow: 0 0 0px 1000px transparent inset;width: 100%;;background: #fff;outline: none;border-radius:0;
border-left: 0;border: 0;box-sizing:border-box;display: block;}
button{outline: none;border: none;}

.sort-list{text-align: center;margin-bottom: 3.6vw;}
.sort-list li {display: inline-block;margin: 0 10px;}
.sort-list li a{display: block;color: #000;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 16px;}
.sort-list li a:hover{border-color: #000;}
.sort-list li a.on,.sort-list li.on a{border-color: #000;}

.font-16{font-size: 16px;}
.font-14{font-size: 14px;}

.price {position: absolute;top: 55px;right: 65px;background: #fff;padding: 1vw 1.5vw;z-index: 3;}
.price em,.price span,.price p{display: inline-block;font-size: 14px;color: #2f2f2f;}
.price em{margin: 0 22px;}
@media screen and (max-width: 1024px){
	.font-16{font-size: 18px;}
	.font-14{font-size: 16px;}
    body{width: 100%;margin-left: 0;}
}
@media screen and (max-width: 640px){
	.font-16{font-size: 3.8vw;}
	.font-14{font-size: 3.6vw;}
}