blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0; padding:0;}
li{list-style:none;}
a{ text-decoration: none !important;}
.fl{ float:left;}.fr{ float:right;}
.clearFix:after{content:""; display:block; clear:both;}
.clearFix{zoom:1;}
img,input,textarea,select{vertical-align:top;}
input,textarea,select{ outline:none;}
html{ font-size:12px; font-family:"Microsoft YaHei";color:#333;}
/* html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} the web gonna be grey */
body{background-color: #fff;font-size:16px;}
strong,h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em{ font-style: normal;}
a{color:#333}
a:hover{ text-decoration: none;color:#333}
a:link{text-decoration: none !important;}
*{box-sizing: content-box;}
.img-size img{width:100%;height:100%;}
.ver-mid:before{content:'';width:0;height:100%; display: inline-block;vertical-align: middle;}
.ver-mid{ text-align: center;}
.mid-item{display: inline-block;vertical-align: middle;}
a.link-block{display: block;width:100%;height:100%;}
.flex{ box-sizing: border-box;}
.flex li{ box-flex:1;}
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
h1 img{border:none;}
.text-of{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*this number cound been revice*/-webkit-box-orient: vertical}
.tlr{text-align:right}
img.tranpic{
	transition:.5s all;
}
img.tranpic:hover{
	scale: 1.1;
}