/*********手机默认样式************/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{height:100%; position:relative; margin:0; color:#221815; background-color:#fff;}
html{font-family:"Microsoft YaHei";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin:0;font-weight:normal; font-size:12px;}
div,ul,ol,li,dl,dt,dd,td,th{margin:0;padding:0;font-size:12px;}
ul,ol{list-style:none outside none;}
a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333}
a:active{outline:0;color:#069;}
img{border:0;vertical-align:middle;margin:0;padding:0; max-width: 100%;}
i,em,b{ font-style:normal;}
.clearfix:before,.clearfix:after{content:"";display:table;clear:both;}
.clear{ clear:both;}

/*********H5部分新标签************/
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,.db{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}

/*********表单默认************/
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"]{-webkit-appearance:button;cursor:pointer;outline:none; border:0;border-radius:0px; }
button{overflow:visible;border-radius:0px; }
button,select{text-transform:none}
button[disabled],html input[disabled],legend{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
html,button,input,select,textarea{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#ccc}
textarea{overflow:auto;resize:vertical}

/**********常用类简写***********/
.main{ position:relative; width:100%; float:left; padding:0 0.25rem; }
.mauto{width:6.4rem; margin:0 auto;}
.w100{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.tar{ text-align:right;}
.tal{ text-align: left;}
.tac{ text-align:center;}
.fb{ font-weight:bold;}
.plr5{ padding:0 0.25rem;}
.db{ display:block;}
.dn{ display:none;}
.rel{ position:relative;}
.abs{ position:absolute;}

.mt5{ margin-top:0.05rem;}
.mt10{ margin-top:0.1rem;}
.mt15{ margin-top:0.15rem;}
.mt20{ margin-top:0.2rem;}
.mt25{ margin-top:0.25rem;}
.mt30{ margin-top:0.30rem;}
.mt35{ margin-top:0.35rem;}
.mt40{ margin-top:0.4rem;}
.mt50{ margin-top:0.5rem;}
.mt60{ margin-top:0.6rem;}

.mb10{ margin-bottom:0.1rem;}
.mb15{ margin-bottom:0.15rem;}
.mb20{ margin-bottom:0.2rem;}
.mb30{ margin-bottom:0.3rem;}

.pl5{ paddding-left:0.05rem;}
.pl10{ paddding-left:0.1rem;}
.pl15{ paddding-left:0.15rem;}
.pl20{ paddding-left:0.2rem;}

.mb5{ margin-bottom:0.05rem;}
.mb10{ margin-bottom:0.1rem;}
.mb15{ margin-bottom:0.15rem;}
.mb20{ margin-bottom:0.2rem;}
.mb50{ margin-bottom:0.5rem;}

.pt10{ padding-top:0.1rem;}
.pt15{ padding-top:0.15rem;}
.li28{ line-height:0.28rem;}
.li30{ line-height:0.3rem;}
.li35{ line-height:0.35rem;}
.li40{ line-height:0.4rem;}

.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f18px{ font-size:18px;}
.f20px{ font-size:20px;}
.f22px{ font-size:22px;}
.f24px{ font-size:24px;}
.f26px{ font-size:26px;}
.f28px{ font-size:28px;}
.f30px{ font-size:30px;}
.f32px{ font-size:32px;}
@media screen and (min-width: 320px) and (max-width: 375px){
.f18px{ font-size:14px;}
.f16px{ font-size:12px;}
}
@media screen and (min-width: 376px) and (max-width: 480px){
.f18px{ font-size:16px;}
.f16px{ font-size:14px;}
}
@media screen and (min-width: 481px){
.f18px{ font-size:18px;}
.f16px{ font-size:16px;}
}
/********************/
/*audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted}
sup{top:-0.5em}
sub{bottom:-0.25em}
svg:not(:root){overflow:hidden}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
optgroup{font-weight:bold}*/










