@charset "utf-8";
/* reset*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p,
blockquote, th, td, hr, button, article, aside, details, figure, footer, header, menu, 
nav, section, em, i{margin: 0;padding: 0;font: 400 12px/1.5 'PingFangSC-Regular',"Microsoft yahei",Arial,Verdana,SimHei,sans-serif;}
article, aside, details, figcaption, figure, address, footer, header, hgroup, menu, nav, section, iframe,time{display: block}
body{min-width: 320px;background: #fff;overflow-x: hidden;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-user-select: none;color: #333}
img{border: 0;}
img{width: 100%;vertical-align: middle}
em, var, i{font-style: normal;font-weight: 400}
ul, li{list-style: none;}
em{font-style: normal;}
a{color: #333;text-decoration: none}
a:hover{-webkit-transition: color .2s linear;-moz-transition: color .2s linear;
-ms-transition: color .2s linear;-o-transition: color .2s linear;transition: color .2s linear}
button, input, select, textarea{font-size: 100%}
button{border: 0;outline: 0;}
table{border-collapse: collapse;border-spacing: 0}

input[type="text"],input[type="button"],input[type="tel"],input[type="password"]{-webkit-appearance: none;border-radius: 0;border: none;outline:none;}
.xline{width:95%;height:2px;border-bottom:1px solid #cccccc;margin:2px auto;display:flex;}
strong{font-weight:bold;}
.yline{float:left;margin-top:-3px;height:48px;background-color:#fff;border-left:4px solid #fed100;padding-top:-4px;}
.clear{clear:both;}
.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
    clear: both;
}
@media only screen and (min-width: 320px) {
    html{font-size:75%!important}
}
@media only screen and (min-width: 360px) and (max-width:374px){
    html{font-size:84%!important}
}
@media only screen and (min-width: 375px) {
	html{font-size:87.89%!important}
}
@media only screen and (min-width: 414px) {
    html{font-size:97.03%!important}
}