@font-face{
    font-family: ChineseFont;
    src: local("Microsoft Yahei UI"), local("Microsoft Yahei"), local("SimHei"), local("黑体"), local("Microsoft jhengHei UI"), local("Microsoft jhengHei");
}
@font-face{
    font-family: EmojiFont;
    src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
    unicode-range: U+1F000-1F644, U+203C-3299;
}
:root{
    --color-white: #ffffff;
    --color-ghostwhite: #f8f8ff;
    --color-whitesmoke: #f5f5f5;
    --color-light: #eeeeee;
    --color-gainsboro: #dcdcdc;
    --color-lightgray: #d3d3d3;
    --color-silvergray: #cccccc;
    --color-silver: #c0c0c0;
    --color-gray: #a9a9a9;
    --color-secondary: #6c757d;
    --color-dimgray: #696969;
    --color-darkgray: #494952;
    --color-dark: #343a40;
    --color-blue-0: #80bdff;
    --color-blue-1: #00bfff;
    --color-blue-2: #3399ff;
    --color-blue-3: #1e90ff;
    --color-blue-4: #007bff;
    --color-blue-5: #0056b3;
    --color-purple-0: #9370db;
    --color-purple-1: #9400d3;
    --color-purple-2: #6f42c1;
    --color-purple-3: #6600cc;
    --color-purple-4: #550099;
    --color-purple-5: #4400dd;
    --alpha-white-0: rgba(255, 255, 255, 0.015);
    --alpha-white-1: rgba(255, 255, 255, 0.085);
    --alpha-white-2: rgba(255, 255, 255, 0.125);
    --alpha-white-3: rgba(255, 255, 255, 0.20);
    --alpha-white-4: rgba(255, 255, 255, 0.25);
    --alpha-white-5: rgba(255, 255, 255, 0.35);
    --alpha-white-6: rgba(255, 255, 255, 0.45);
    --alpha-white-7: rgba(255, 255, 255, 0.525);
    --alpha-white-8: rgba(255, 255, 255, 0.75);
    --alpha-white-9: rgba(255, 255, 255, 0.925);
    --alpha-black-0: rgba(0, 0, 0, 0.015);
    --alpha-black-1: rgba(0, 0, 0, 0.085);
    --alpha-black-2: rgba(0, 0, 0, 0.125);
    --alpha-black-3: rgba(0, 0, 0, 0.20);
    --alpha-black-4: rgba(0, 0, 0, 0.25);
    --alpha-black-5: rgba(0, 0, 0, 0.35);
    --alpha-black-6: rgba(0, 0, 0, 0.45);
    --alpha-black-7: rgba(0, 0, 0, 0.525);
    --alpha-black-8: rgba(0, 0, 0, 0.75);
    --alpha-black-9: rgba(0, 0, 0, 0.925);
}
.btn-purple{
    color: var(--color-white);
    background-color: var(--color-purple-1);
    border-color: var(--color-purple-1);
}
.btn-purple:hover{
    color: var(--color-white);
    background-color: var(--color-purple-2);
    border-color: var(--color-purple-2);
}
.btn-purple.focus, .btn-purple:focus{
    color: var(--color-white);
    background-color: var(--color-purple-2);
    border-color: var(--color-purple-2);
    box-shadow: 0 0 0 .2rem rgba(96, 76, 247, 0.5);
}
.btn-purple.disabled, .btn-purple:disabled{
    color: var(--color-white);
    background-color: var(--color-purple-0);
    border-color: var(--color-purple-0);
}
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle{
    color: var(--color-white);
    background-color: var(--color-purple-2);
    border-color: var(--color-purple-2);
}
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus{
    box-shadow: 0 0 0 .2rem rgba(96, 76, 247, 0.5);
}
@keyframes rotate{
    from{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateloading{
    0%{
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes rotateloading{
    from{
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.icon-rotate{
    -webkit-animation: rotateloading 1.5s linear infinite;
    animation: rotateloading 1.5s linear infinite;
}
.icon-auto-rotate{
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}
/* weixin login */
.weixinqrcode{
    display: block;
    max-width: 100%;
    margin: 0 auto .5rem auto;
}
.weixinmodalheader{
    border-top: .5rem solid var(--success);
    border-radius: .3rem .3rem 0 0;
}
/* table */
table td, table th{
    white-space: nowrap;
    vertical-align: middle !important;
}
table thead th, table thead td{
    text-align: center;
}
table td a, table th a{
    color: var(--color-dark);
}
table td a:hover, table th a:hover{
    color: var(--color-blue-0);
}
.td5{
    width: 5% !important;
}
.td10{
    width: 10% !important;
}
.td15{
    width: 15% !important;
}
.td20{
    width: 20% !important;
}
.td25{
    width: 25% !important;
}
.td30{
    width: 30% !important;
}
.td35{
    width: 35% !important;
}
.td40{
    width: 40% !important;
}
.td45{
    width: 45% !important;
}
.td50{
    width: 50% !important;
}
/* text */
.text-special{
    word-wrap: break-word !important;
    word-break: break-all !important;
}