/*form*/
.form{overflow:hidden;-webkit-user-select:none}
.form li{margin-bottom:1rem;padding-right:1px}
.form li:after{content:'';visibility:hidden;display:block;font-size:0;clear:both;height:0} 
.form tit,
.form tip,
.form gro{min-height:1.5rem;line-height:1.5rem;display:block;box-sizing:border-box;cursor:default}
.form tit{font-weight:700}
.form gro:after{content:'';visibility:hidden;font-size:0;clear:both;height:0} 
.form tip{color:rgb(250,50,100)}
.form tip:empty{display:none}
.form tit.active:after{content:'*';color:rgb(250,50,100)}
.form gro{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;position:relative}
.form gro label.btn,
.form gro a.btn,
.form gro input,
.form gro select,
.form gro textarea,
.form gro button,
.form gro tit{flex:auto;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form gro .flex-2{flex:1 0 25%}
.form gro .flex-3{flex:1 0 50%}
.form gro input,
.form gro select{margin-right:-1px}
.form gro label.btn:first-child,
.form gro a.btn:first-child,
.form gro input:first-child,
.form gro select:first-child,
.form gro button:first-child,
.form gro textarea:first-child{border-radius:0 0 0 .2rem}
.form gro label.btn:last-child,
.form gro a.btn:last-child,
.form gro input:last-child,
.form gro select:last-child,
.form gro button:last-child,
.form gro textarea:last-child{border-radius:0 .2rem 0 0}
.form gro label.btn:only-child,
.form gro a.btn:only-child,
.form gro input:only-child,
.form gro select:only-child,
.form gro button:only-child,
.form gro textarea:only-child{border-radius:0 .2rem}
.form gro textarea{line-height:1.5em;padding:.5rem}
.form gro.spacing{margin:-.25rem}
.form gro.spacing label.btn{display:block}
.form gro.spacing label.btn input[type=file]{display:none}
.form gro.spacing label.btn,
.form gro.spacing a.btn,
.form gro.spacing input,
.form gro.spacing select,
.form gro.spacing button{margin:.25rem}
.form gro label{margin-right:1rem}
.form gro.fold{height:1.5rem;overflow:hidden}
.form gro.show{height:auto;display:block}
.form gro.fold a.switch{position:absolute;right:0;height:1.5rem;line-height:1.5rem;color:inherit;background-color:rgba(255,255,255,.5);cursor:pointer}
.form gro.fold a.switch:before{content:'\5C55\5F00\25BE'}
.form gro.show a.switch:before{content:'\6536\8D77\25B4'}
.form pics{display:block;padding:0;background-color:rgba(50,200,150,.1);margin-bottom:.5rem}
.form pics:empty{display:none}
.form pics figure{float:left;width:4rem;margin:.5rem;position:relative}
.form pics img{float:left;width:100%;height:auto}
.form pics del{font-style:normal;text-decoration:none;position:absolute;z-index:2;right:-.2rem;top:-.2rem;width:1rem;height:1rem;line-height:.9rem;text-align:center;background-color:rgb(250,50,100);color:rgb(255,255,255);border-radius:50%;cursor:pointer}
/**/
.starscore{min-width:8rem}
.starscore label{margin-right:0 !important}
.starscore{height:1.5rem;line-height:1.5rem;position:relative}
.starscore input[type=radio]{flex:none;margin:0 !important;color:inherit;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;opacity:1}
.starscore input[type=radio]:before{content:'\e615' !important;font-size:1.2rem}
.starscore input[type=radio]:checked ~ input[type=radio]{color:rgba(0,0,0,.1) !important}
/**/
.checktag label{margin-right:0rem !important;padding:0 !important}
.checktag input[type=radio],
.checktag input[type=checkbox]{float:left;font-size:.7rem;width:auto;margin:.1rem !important;height:1.2rem;line-height:1.1rem;padding:0 .5rem;border:1px solid rgb(190,200,210);opacity:1 !important}
.checktag input[type=radio]:before,
.checktag input[type=checkbox]:before{display:none}
.checktag input[type=radio]:after,
.checktag input[type=checkbox]:after{content:attr(data-tip);color:rgb(190,200,210);font-family:Verdana,\5fae\8f6f\96c5\9ed1,\5B8B\4F53}
.checktag input[type=radio]:checked,
.checktag input[type=checkbox]:checked{border:1px solid currentcolor}
.checktag input[type=radio]:checked:after,
.checktag input[type=checkbox]:checked:after{color:currentcolor}
.checktag.sky input:checked{background-color:rgba(130,150,170,.1)}
.checktag.red input:checked{background-color:rgba(250,50,100,.1)}
.checktag.blue input:checked{background-color:rgba(100,150,200,.1)}
.checktag.green input:checked{background-color:rgba(50,200,150,.1)}
.checktag.yellow input:checked{background-color:rgba(250,200,50,.1)}

filte{position:relative;color:rgb(130,150,170);}
filte a{color:inherit}
filte dl,filte nav{border-bottom:1px solid rgb(235,235,235)}
filte dl:after,
filte dd:after{content:'';visibility:hidden;display:block;font-size:0;clear:both;height:0}

filte dt,
filte dd{line-height:1.5rem;padding:.75rem 1rem;float:left;vertical-align:middle}
filte dt{white-space:nowrap;color:rgb(190,200,210)}
filte dd a{display:block;float:left;margin:0 1rem 0 0}
filte nav{line-height:1.5rem;padding:0 1rem .75rem 1rem}
filte nav i:before{content:'\3E';color:rgb(190,200,210);margin:0 .5em}
filte nav keyword:before{content:'\201c'}
filte nav keyword:after{content:'\201d'}
filte switch{display:block;position:absolute;z-index:2;bottom:-.9rem;left:50%;background-color:rgb(255,255,255);color:rgb(190,200,210);height:1rem;line-height:.8rem; width:3rem; margin-left:-1.5rem;text-align:center;cursor:pointer;border-radius:0 0 .2rem .2rem;box-shadow:0 .1rem .1rem rgba(0,0,0,.3)}
filte.show switch{box-shadow:0 1px 1px rgba(0,0,0,.2)}
filte dl{display:none}
filte.show dl{display:block}
filte a.sel{background-color:rgb(245,245,245);padding:0 .5rem;display:inline-block;box-sizing:border-box;border-radius:1rem}
filte a.sel:after{content:'x'; margin-left:.5em;color:rgb(250,50,100)}

sort{color:rgb(130,150,170);position:relative;line-height:2rem;min-height:2rem;padding:0 .5rem;background-color:rgb(245,245,245);background-image:linear-gradient(rgb(255,255,255),rgb(235,235,235))}
sort:after{content:'';visibility:hidden;display:block;font-size:0;clear:both;height:0}
sort a{padding:0 .5rem;display:inline-block;position:relative;z-index:1;color:inherit;box-sizing: border-box;color:inherit;}
sort a.sel{color:rgb(250,50,100)}
sort .fr{line-height:2rem;height:2rem;overflow:hidden;padding:0 .5rem;color:inherit}

@media screen and (max-width: 768px), screen and (max-width: 991px){
filte{margin-bottom:1rem}
filte dt{display:none}	
sort{ text-align:center}
sort .fr{float:none}
}

@media screen and (max-width:320px),screen and (max-width:479px){
.form gro.spacing{margin:0}
.form gro.spacing label.btn{display:block}
.form gro.spacing label.btn input[type=file]{display:none}
.form gro.spacing label.btn,
.form gro.spacing a.btn,
.form gro.spacing input,
.form gro.spacing select,
.form gro.spacing button{margin:0}
.form gro a.btn,
.form gro input,
.form gro select,
.form gro textarea,
.form gro button{box-sizing:border-box !important;width:100%;margin-bottom:.5rem !important;margin-left:0 !important;border-radius:.2rem !important}
.form gro label input{width:auto;margin-bottom:0  !important}
}