@charset "utf-8";

/* Style Reset */
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.2rem; background-color:#fff;}
body,p,h1,ul,li,input,img,figure,h1,h2,h3,h4,h5,h6,dl,dd,dt{margin:0; padding:0;font-weight: inherit;}
a{text-decoration:none;outline:0px; color:#000;}
fieldset, img {border:0; padding:0; margin:0;}
img{max-width: 100%; vertical-align:top;}
input[type="text"],input[type="password"],input[type="number"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
input{outline: none;}
.clear {clear:both;width:100%;}
body,input{font-family: "microsoft yahei";color:#000;}
.text-center{ text-align:center;} 
.row:after {clear: both;display: table; content: "";}
.pic100 img{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.rela{ position:relative;}
.text-right{ text-align:right;}
.slh{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}



.allpage{ position:relative; width:100%; max-width:750px; margin:0 auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:100vh;font-size:0.24rem;}
header{padding:0.24rem 0.2rem;background-color:#fff;width:100%;left:0;top:0; position:sticky; z-index:10;box-shadow:0 0 10px #eee;}
header h2{ text-align:center; font-size:0.3rem; }
.fixnav{ position:sticky;top:0.88rem;width:100%;z-index:9;left:0; background-color:#fff; overflow-x:overlay;border-bottom: 1px solid #eee;}
.fixnavC{ display:flex; width:max-content;}
.fixnavC a{ padding:0.26rem 0.26rem;color:#686868; position:relative;}
.fixnavC a:after{content:''; display:block;width:100%;height:3px; position:absolute;left:0;bottom:0;}
.fixnavC a.cur{color:#6e1dd8;font-weight:bold;}
.fixnavC a.cur:after{ background-color:#5f13cf;}
.fixnav::-webkit-scrollbar { width:8px;  height:18px; background-color:transparent;}  
.fixnav::-webkit-scrollbar-track  {background-color:transparent;}  
.fixnav::-webkit-scrollbar-thumb  {background-color:transparent;}
.search{padding:0.3rem 0.3rem 0;}
.search form{ display:flex;}
.search form input{ background-color:#fff;border:1px solid #ddd;font-size:0.26rem;padding:0 15px;flex:1;}
.search form button{ background-color:#6e1dd8;font-size:0.26rem;border:0;}
.search form button img{width:0.6rem;}
.productlist{padding:0.3rem 0.2rem 0.6rem;}
.grid {width:100%;list-style: none;}
.grid li {list-style: none;display: block;float: left;padding: 7px;width: 50%;/*opacity: 0;*/}
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li {opacity: 1;}
.grid li a,.grid li img {outline: none;border: none;display: block;max-width: 100%;}
.grid.effect-1 li.animate {/*opacity: 1;transition-delay:0.1s;*/
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}
.grid.effect-1 li.aaa {opacity: 1;animation:none;-webkit-animation:none;}
@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}
.grid li .img{border-radius:6px; overflow:hidden; background-color:#000;display: flex;justify-content: center;align-items: center;height: 1.7067rem;}
.grid li .img img{ max-height:100%; max-width:100%;}
.grid li h5{margin-top:0.1rem; text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.mask{background-color:rgba(0,0,0,0.5);top:0;left:0;width:100%;height:100%; position:fixed; z-index:10; display:none;}
.jihuoma{ position:fixed;top:0;left:0; z-index:12; display:none;width: 80%;text-align: center;top: 40%; background-color:#fff;border-radius:6px;padding:0.3rem 0.2rem;max-width: 640px;left: 50%;transform: translateX(-50%);}
.jihuoma h6{ font-size:0.3rem;}
.jihuoma input{width: 80%;margin-top:0.3rem;border:1px solid #959393;padding:10px 15px; font-size:0.26rem; text-align:center;}
.jihuoma .btns{margin:0.4rem auto 0.2rem; text-align:center; display:flex;width: 80%;justify-content: space-between;}
.jihuoma .btns .btn{width:48%;line-height:0.6rem; background: #eee;}
.jihuoma .btns .btn2{background-color:#5e3b8b;color:#fff;}





@media all and (min-width:640px){

}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
	
}
@media all and (max-width:350px){
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}