/* z-index standard value is 10 (component 'head') */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;/*字体缩放样式*/
    -ms-text-size-adjust: 100%;/*字体缩放样式（IE）*/
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: border-box;
}

img {
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

li {
    list-style: none;
}

input {
    outline: none;
}

/* animation duration */
.trans {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

/* font-size default value: 18px */
.standard {
    font-size: 18px;
}

/* radius */
.top_half {
    border-radius: 5px 5px 0 0;
}

.bottom_half {
    border-radius: 0 0 5px 5px;
}
/* radius END */

/* vue base */
.vue {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
}

[v-cloak] {
    display: none;
}
/* vue base END */

.hand {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    clear: both;
    content: "";
    display: block;
}

.middle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.heavy {
    font-weight: bold;
}

.ab_middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ab_middle_hor {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.fix_middle {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.top_blank {
    width: 100%;
    height: 15%;
}

.banner {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.gray {
    background-color: #fafafa;
}

.blue {
    color: #19a5e0;
}

.red {
    color: #dd5555;
}

.block_gap {
    width: 100%;
    height: 15%;
}

.dash {
    border: dashed 1px #979797;
}

.mt_1 {
    margin-top: 20px;
}