/*mobile css clear default*/
@charset "utf-8";
/*clear-default start*/
*,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,ul,ol,li,p,pre,th,td,textarea{margin: 0;padding: 0;-webkit-box-sizing: border-box;}
html,input,button,select,textarea{font-size: 24px;color:#232323;font-family: "PingFang SC", "DroidSans","microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;outline: none;}
address,cite,dfn,em,var,i,b,u{font-style:normal;}
input,button,select,textarea{border-radius: 0;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}
a,a:active,a:link,a:visited,a:focus,a:hover{-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration: none;color:inherit;-webkit-user-select: none;user-select: none;}
input[type=button],input[type=submit],button{-webkit-appearance: none;appearance: none;}
img,a img{border:none;-webkit-user-select: none;user-select: none;}
hr{border:none;border-bottom:1px solid #666;}
ul,ol,dl,li{list-style: none;}
table{font-size: inherit;border-collapse: collapse;border-spacing: 0;}
textarea{display: block;resize: none;}
h1,.h1,.f-24{font-size:24px;font-weight: normal;}
h2,.h2,.f-22{font-size:22px;font-weight: normal;}
h3,.h3,.f-20{font-size:20px;font-weight: normal;}
h4,.h4,.f-18{font-size:18px;font-weight: normal;}
h5,.h5,.f-16{font-size:16px;font-weight: normal;}
h6,.h6,.f-14{font-size:14px;font-weight: normal;}
.f12{font-size:12px!important;}
.f10{font-size:12px!important;}
.fl{float: left!important;}
.fr{float: right!important;}
.clearfix:after{content: "\20";display: block;visibility: hidden;clear: both;font-size: 0;height: 0;line-height: 0;}
.clearfix{*zoom: 1;}
.re{position: relative!important;}
.ab{position: absolute!important;}
.fixed{position: fixed!important;}
.none{display: none!important;}
.block{display: block!important;}
.inline{display: inline!important;}
.inlb{display: inline-block !important;;}
/*弹性布局*/
.flex {display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.flex-column {flex-direction: column;}
.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}
.flex-wrap {flex-wrap: wrap;}
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.m-c{margin:0 auto!important;}
.t-c{text-align:center!important;}
.t-l{text-align:left!important;}
.t-r{text-align:right!important;}
.t-j{text-align: justify!important;}
.no-m { margin:0 !important;}
.no-m-t { margin-top:0 !important;}
.no-m-r { margin-right:0 !important;}
.no-m-b { margin-bottom:0 !important;}
.no-m-l { margin-left:0 !important;}
.no-p { padding:0 !important;}
.no-p-t { padding-top:0 !important;}
.no-p-r { padding-right:0 !important;}
.no-p-b { padding-bottom:0 !important;}
.no-p-l { padding-left:0 !important;}
.no-b { border: none !important;}
.no-b-t { border-top:0 !important;}
.no-b-r { border-right:0 !important;}
.no-b-b { border-bottom:0 !important;}
.no-b-l { border-left:0 !important;}
.icon {background: url("../images/icon.png") no-repeat;}
.active-shadow {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;}

/*clear-default end*/