/* reset */
@font-face{
     font-family: 'syht'; 
     /* src: url('../font/字体名称.eot'); */
     src:url('../plug/font/SourceHanSansCN-Normal.ttf') format('truetype');
}
html,body{background:#fff;color:#333;font-family:Microsoft YaHei,'微软雅黑',Arial,"黑体"!important}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 62.5%;}
body{
    background:transparent;font-size: .14rem;line-height: 1;overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;/*页面快速滚动和回弹*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,dt,dd,input,textarea,th,td,fieldset,legend,dl,dt,dd,figure{margin:0;padding:0;}
fieldset,img{border:0 none}
ul,ol,li{list-style:none}
table{border-spacing:0}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
*:focus{outline:none}
q:before,q:after{content:""}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,select,button,textarea{font:14px/1 Arial,Helvetica,sans-serif;}
/* *,*:after,*:before{-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select: none;-webkit-tap-highlight-color:rgba(255,255,255,0);} */
table{border-collapse:collapse;border-spacing:0;}
input,textarea{ border:1px solid #b8b7b3;-webkit-user-select:auto;}
em{font-style:normal;font-weight:normal}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img{vertical-align:top;max-width:100%;}
a{text-decoration:none;color:#333;}
canvas{display:block;padding:0;margin:0;}
pre{white-space:pre-wrap;word-wrap:break-word;margin:0;}

/* tool */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.tj{text-align:justify;}
.clear:after,.tab-title:after{content:"";display:block;clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.clear.tab-title{zoom:1;}
.dflex1{
    display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
	display: flex;

    -webkit-justify-content: flex-start;-moz-box-pack: flex-start;-webkit--moz-box-pack: flex-start;box-pack: flex-start;
    justify-content: flex-start;

    -webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;
    align-items: center;
}
.dflex2{
    display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
    display: flex;

    -webkit-justify-content: center;-moz-box-pack: center;-webkit--moz-box-pack: center;box-pack: center;
    justify-content: center;

    -webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;
    align-items: center;
}
.dflex3{
    display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
    display: flex;

    -webkit-justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack:space-between;box-pack: space-between;
	justify-content: space-between;

    -webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;
    align-items: center;
}

.dflex4{
   display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
   display: flex;

    -webkit-justify-content: space-around;-moz-box-pack: space-around;-webkit--moz-box-pack:space-around;box-pack: space-around;
    justify-content: space-around;

    -webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;
    align-items: center;
}

.dib{display: inline-block;vertical-align: top}
.db{display: block;}
.none{display: none}
.bk{border: 1px solid green;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }