html,body {  font-size:14px; height:100%;  }
.hover{ opacity: .8; }

.flex-wrap{ display: -webkit-box;	display: -webkit-flex;	display: flex; }
.flex-con{     -webkit-box-flex: 1;     -webkit-flex: 1;    flex: 1;}
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(0.5);             transform: scaleY(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }

#wrap{ background-color: #ecefef; }

[v-cloak] {
    display: none !important;
}
footer{background-color: #fff;}
@font-face {
    font-family: 'MyNewFont'; /*字体名称*/
    src: url('./SourceHansansCN-Normal.ttf'); /*字体源文件*/
}
@font-face {
    font-family: 'MyNewFont1'; /*字体名称*/
    src: url('./HYNuoMiTuanW.ttf'); /*字体源文件*/
}
* {
    box-sizing: border-box;
    font-family: "MyNewFont";
    /*font-family: "SimHei" !important;*/
}

/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 其它取值如下：
        align-items     主轴原点方向对齐
        flex-end        主轴延伸方向对齐
        space-between   等间距排列，首尾不留白
        space-around    等间距排列，首尾留白
     */
}
.header_top {
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}
.header_top_box {
    position: relative;
}
.header_top_title {
    width: 100%;
    height: 50px;
    font-size: 18px;
    /*font-weight: bold;*/
}
.header_top_btn {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0px;
}
.header_top_left {
    left: 0px;
}
.header_top_left img {
    height: 20px;
    width: 20px;
}
.header_top_right img{height: 20px;width: 20px;}
.header_top_right {
    right: 0px;
}
.header_top_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.main {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}