@font-face {
    font-family: 'MyFont';
    src: url("../fonts/ZiXinFangMingKeBen(GuJiBan)-2.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font-icon';
    src: url('../fonts/iconfont.eot?v=282');
    src: url('../fonts/iconfont.eot?v=282#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2?v=282') format('woff2'),
    url('../fonts/iconfont.woff?v=282') format('woff'),
    url('../fonts/iconfont.ttf?v=282') format('truetype'),
    url('../fonts/iconfont.svg?v=282#layui-icon') format('svg');
}

* {
    margin: 0;
    padding: 0;
    font-family: "MyFont";
}

a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.divBorder {
    border: 1px #66ccee solid;
    margin: auto;
    text-align: center
}
.clear {
    border: 1px solid #c1c1c1;
}

.font-icon{
    font-family:"font-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.round-badge-dot{
    width: 8px;
    height: 8px;
    margin: 0 2px;
    padding: 0;
    border-radius: 50%;
    float: left;
}

.round-bg-red{background: red}
.round-bg-orange{background: orange}
.round-bg-green{background: green}
.round-bg-cyan{background: cyan}
.round-bg-blue{background: blue}
.round-bg-black{background: black}

#line{
    border: 1px solid #01c1ae;
    position: absolute;
    height: 70%;
    top: 15%;
    left: 0;
}
#downLine{
    border: 1px solid #01c1ae;
    position: absolute;
    width: 90%;
    bottom: 0;
    left: 5%;
}