/*CSS reset*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin: 0; padding: 0;  -webkit-appearance: none;}
table{ border-collapse:collapse;border-spacing:0;-webkit-touch-callout:none ;-webkit-overflow-scrolling : touch;pointer-events:none;  }
*:not(input,textarea) { 
-webkit-touch-callout: none; 
  -webkit-user-select: none; 
}
img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"";}
abbr,acronym{ border:0;}
input{ outline:none;}
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	transition: all 1s;
}
a{text-decoration: none;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {
	-webkit-text-size-adjust: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block
}

body {
	font-family: arial,sans-serif;
}
ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/*==============================common==================================*/

/*文字排版*/
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.t2{ text-indent:2em;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}

/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{*zoom:1;}
.vm{ vertical-align:middle;}
.vtop{ vertical-align: top;}
.pr{ position:relative;}
.pf{
	position: fixed;
}
.pa{ position:absolute;}
.abs-right{ position:absolute; right:0;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.none{ display:none;}
.ovh{overflow: hidden;}
.indent{ text-indent: 2em;}
.indent2{ text-indent: 3em;}
/*通用类*/
.f16{ font-size:16px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.ml30{ margin-left: 30px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.img-100{ display: block; width: 100%;}
/*去掉安卓按钮的蓝框*/
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[flex],.flex-app,[flex] *,.flex-app *{box-sizing:border-box}[flex],.flex-app{display:-webkit-flex;display:flex}[box],.flex-box{-webkit-flex:1;flex:1}[box="1"],.flex-box-1{-webkit-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}[box="2"],.flex-box-2{-webkit-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}[box="3"],.flex-box-3{-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%}[box="4"],.flex-box-4{-webkit-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}[box="5"],.flex-box-5{-webkit-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}[box="6"],.flex-box-6{-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%}[box="7"],.flex-box-7{-webkit-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}[box="8"],.flex-box-8{-webkit-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}[box="9"],.flex-box-9{-webkit-flex:0 0 75%;flex:0 0 75%;max-width:75%}[box="10"],.flex-box-10{-webkit-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}[box="11"],.flex-box-11{-webkit-flex:0 0 91.666666%;flex:0 0 91.666666%;max-width:91.666666%}[box="12"],.flex-box-12{-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}[dir~=row],.flex-dir-row{flex-direction:row;-webkit-flex-direction:row}[dir~=row-reverse],.flex-dir-row-reverse{flex-direction:row-reverse;-webkit-flex-direction:row-reverse}[dir~=column],.flex-dir-column{flex-direction:column;-webkit-flex-direction:column}[dir~=column-reverse],.flex-dir-column-reverse{flex-direction:column-reverse;-webkit-flex-direction:column-reverse}[wrap~=nowrap],.flex-wrap-nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap}[wrap~=wrap],.flex-wrap-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap}[wrap~=wrap-reverse],.flex-wrap-reverse{flex-wrap:wrap-reverse;-webkit-flex-wrap:wrap-reverse}[justify~=start],.flex-justify-start{justify-content:flex-start;-webkit-justify-content:flex-start}[justify~=end],.flex-justify-end{justify-content:flex-end;-webkit-justify-content:flex-end}[justify~=center],.flex-justify-center{justify-content:center;-webkit-justify-content:center}[justify~=between],.flex-justify-between{justify-content:space-between;-webkit-justify-content:space-between}[justify~=around],.flex-justify-around{justify-content:space-around;-webkit-justify-content:space-around}[align~=start],.flex-align-start{align-content:flex-start;-webkit-align-content:flex-start}[align~=end],.flex-align-end{align-content:flex-end;-webkit-align-content:flex-end}[align~=center],.flex-align-center{align-content:center;-webkit-align-content:center}[align~=between],.flex-align-between{align-content:space-between;-webkit-align-content:space-between}[align~=around],.flex-align-around{align-content:space-around;-webkit-align-content:space-around}[align~=stretch],.flex-align-stretch{align-content:stretch;-webkit-align-content:stretch}[items~=start],.flex-items-start{align-items:flex-start;-webkit-align-items:flex-start}[items~=end],.flex-items-end{align-items:flex-end;-webkit-align-items:flex-end}[items~=center],.flex-items-center{align-items:center;-webkit-align-items:center}[items~=baseline],.flex-items-baseline{align-items:baseline;-webkit-align-items:baseline}[items~=stretch],.flex-items-stretch{align-items:stretch;-webkit-align-items:stretch}[order="0"],.flex-order-0{order:0;-webkit-order:0}[order="1"],.flex-order-1{order:1;-webkit-order:1}[order="2"],.flex-order-2{order:2;-webkit-order:2}[order="3"],.flex-order-3{order:3;-webkit-order:3}[order="4"],.flex-order-4{order:4;-webkit-order:4}[order="5"],.flex-order-5{order:5;-webkit-order:5}[order="6"],.flex-order-6{order:6;-webkit-order:6}[order="7"],.flex-order-7{order:7;-webkit-order:7}[order="8"],.flex-order-8{order:8;-webkit-order:8}[order="9"],.flex-order-9{order:9;-webkit-order:9}[order="10"],.flex-order-10{order:10;-webkit-order:10}[grow="0"],.flex-grow-0{flex-grow:0;-webkit-flex-grow:0}[grow="1"],.flex-grow-1{flex-grow:1;-webkit-flex-grow:1}[grow="2"],.flex-grow-2{flex-grow:2;-webkit-flex-grow:2}[grow="3"],.flex-grow-3{flex-grow:3;-webkit-flex-grow:3}[grow="4"],.flex-grow-4{flex-grow:4;-webkit-flex-grow:4}[grow="5"],.flex-grow-5{flex-grow:5;-webkit-flex-grow:5}[grow="6"],.flex-grow-6{flex-grow:6;-webkit-flex-grow:6}[grow="7"],.flex-grow-7{flex-grow:7;-webkit-flex-grow:7}[grow="8"],.flex-grow-8{flex-grow:8;-webkit-flex-grow:8}[grow="9"],.flex-grow-9{flex-grow:9;-webkit-flex-grow:9}[grow="10"],.flex-grow-10{flex-grow:10;-webkit-flex-grow:10}[shrink="0"],.flex-shrink-0{flex-shrink:0;-webkit-flex-shrink:0}[shrink="1"],.flex-shrink-1{flex-shrink:1;-webkit-flex-shrink:1}[shrink="2"],.flex-shrink-2{flex-shrink:2;-webkit-flex-shrink:2}[shrink="3"],.flex-shrink-3{flex-shrink:3;-webkit-flex-shrink:3}[shrink="4"],.flex-shrink-4{flex-shrink:4;-webkit-flex-shrink:4}[shrink="5"],.flex-shrink-5{flex-shrink:5;-webkit-flex-shrink:5}[shrink="6"],.flex-shrink-6{flex-shrink:6;-webkit-flex-shrink:6}[shrink="7"],.flex-shrink-7{flex-shrink:7;-webkit-flex-shrink:7}[shrink="8"],.flex-shrink-8{flex-shrink:8;-webkit-flex-shrink:8}[shrink="9"],.flex-shrink-9{flex-shrink:9;-webkit-flex-shrink:9}[shrink="10"],.flex-shrink-10{flex-shrink:10;-webkit-flex-shrink:10}[self~="auto"],.flex-self-auto{align-self:auto;-webkit-align-self:auto}[self~="start"],.flex-self-start{align-self:flex-start;-webkit-align-self:flex-start}[self~="end"],.flex-self-end{align-self:flex-end;-webkit-align-self:flex-end}[self~="center"],.flex-self-center{align-self:center;-webkit-align-self:center}[self~="baseline"],.flex-self-baseline{align-self:baseline;-webkit-align-self:baseline}[self~="stretch"],.flex-self-stretch{align-self:stretch;-webkit-align-self:stretch}