/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, input, p,input{margin:0;padding:0}
img{border:0}
em, i{font-style:normal;font-weight:normal}
ul, ol{list-style:none}
h1, h2, h3, h4, h5{font-size:100%;font-weight:normal}
body{font:24px/1.3, "Microsoft YaHei", tahoma, sans-serif;color: #fff;}
img{margin: 0;vertical-align: middle;}
a { text-decoration: none; cursor: pointer;color: #fff;display: inline-block;}
a:hover,a:focus{text-decoration: none;color: #fff;}
html,body{margin: 0;padding: 0;position: relative;margin: auto;width: 100%;height: 100%;color: #fff;}
*{box-sizing: border-box;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}

.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}

.flex-box {
    display: -webkit-flex;
    display: flex;
}
.flex-item {
    -webkit-flex: 1;
    flex: 1;
}
.inblock{display: inline-block;}

.mt24{margin-top:24px;}

.h100{height: 100%;}