@charset "utf-8"; html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation;
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
    display: block;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: left;
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,var {
    font-style: normal;
    font-weight: 400;
}

dl,ol,ul {
    list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    outline: 0;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Arial,Microsoft Yahei;
}

select {
    outline: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

button,input[type=submit],input[type=text],input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

input {
    outline: 0;
}

input::-webkit-input-safebox-button {
    display: none;
    /*去掉搜狗浏览器密码软盘*/
}

body {
    font-size: 13px;
    color: #333;
    font-family: Arial,Microsoft Yahei;
    background-color: #f2f2f2;
    min-width: 1100px;
    min-height: 100%;
}

body.sp-bg {
    background-color: #f1f3fa;
}

* {
    box-sizing: border-box;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
}

#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.eps2 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.forbid {
    pointer-events: none;
    opacity: 0.3;
}

aside {
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    background-color: #21242b;
    z-index: 10;
    transition: all .3s;
}

.as-logo {
    width: 100%;
    height: 100px;
    background-color: #0d6efd;
    background-image: url(../images/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 12;
}

.as-ul {
    width: 100%;
    position: relative;
    top: 0;
    padding-bottom: 20px;
}

.as-li {
    width: 100%;
}

.as-link {
    display: block;
    width: 100%;
    color: #9c9da0;
    line-height: 60px;
    border-bottom: 1px solid #2c2f37;
    font-size: 0;
    cursor: pointer;
    user-select: none;
    position: relative;
    transition: all .5s;
    white-space: nowrap;
}

.as-link:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #0d6efd;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
}

.as-link.show {
    background-color: #17232c;
}

.as-link.show:before {
    width: 80px;
}

.as-link.show i {
    color: #fff;
}

.as-link.show:after {
    transform: translate(0,-50%) rotate(90deg);
    color: #fff;
}

.as-link.show .as-tit {
    color: #fff;
}

.as-tit {
    font-size: 12px;
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    z-index: 10;
    left: 0;
    transition-delay: .3s;
}

.as-link i {
    font-family: FontAwesome;
    font-size: 24px;
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 10;
    transition: all .5s;
}

.as-link:after {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 12px;
    line-height: 1;
    transform: translate(0,-50%);
    transition: all .5s;
}

.as-sub {
    width: 100%;
    background-color: #131e25;
    display: none;
}

.as-subli {
    width: 100%;
    border-bottom: 1px solid #2c2f37;
}

.as-sublink {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
    display: block;
    font-size: 12px;
    color: #9c9da0;
    cursor: pointer;
    transition: all .2s;
}

@media(min-width: 1201px) {
    .as-link:hover {
        background-color: #17232c;
    }

    .as-link:hover:before {
        width: 80px;
    }

    .as-link:hover i {
        color: #fff;
    }

    .as-sublink:hover {
        color: #fff;
    }

    body.wide aside {
        width: 100px;
    }

    body.wide .as-link i {
        width: 100%;
    }

    body.wide .as-tit {
        visibility: hidden;
        opacity: 0;
        background-color: #0d6efd;
        line-height: 60px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        margin-left: 0;
        transition-delay: 0s;
    }

    body.wide .as-logo {
        background-image: url(../images/1-white.png);
    }

    body.wide .as-link:after {
        display: none;
    }

    body.wide header {
        padding-left: 100px;
    }

    body.wide main {
        width: calc(100% - 100px);
        left: 100px;
    }

    body.wide .tab-main {
        padding-left: 100px;
    }

    body.wide .as-li {
        position: relative;
    }

    body.wide .as-link:before {
        display: none;
    }

    body.wide .as-sub {
        width: 160px;
        position: absolute;
        left: 100%;
        top: 0;
        display: block !important;
        background-color: #21242b;
        visibility: hidden;
        opacity: 0;
    }

    body.wide .as-li:hover .as-tit {
        visibility: visible;
        opacity: 1;
    }

    body.wide .as-li:hover .as-sub {
        visibility: visible;
        opacity: 1;
        transition: all .3s;
    }

    body.wide .as-sub.as-bot {
        top: auto;
        bottom: 0;
    }

    body.wide .as-link.show i {
        color: #9c9da0;
    }
}

header {
    width: 100%;
    min-width: 1000px;
    padding-left: 240px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    font-size: 0;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 1px 1px #dee2e6;
    opacity: 0.9;
    transition: all .3s;
}

.h-left {
    display: inline-block;
    vertical-align: top;
    width: 68px;
    padding-top: 35px;
}

.h-menu {
    padding: 9px 10px 9px 20px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.h-line {
    width: 20px;
    height: 2px;
    background-color: #777;
    margin-bottom: 4px;
}

.h-line:last-child {
    margin-bottom: 0;
}

.h-preview {
    padding-top: 26px;
    height: 100%;
    padding-left: 4.4%;
    padding-right: 4.4%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #dee2e6;
}

.h-dt {
    margin-bottom: 11px;
    font-size: 18px;
    color: #666;
    line-height: 1;
}

.h-dd {
    font-size: 0;
}

.h-link {
    display: inline-block;
    vertical-align: top;
}

.h-lang {
    padding-top: 26px;
    padding-left: 2.64%;
    padding-right: 2.64%;
    display: inline-block;
    height: 100%;
    border-right: 1px solid #dee2e6;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.h-one {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.h-op {
    padding-top: 34px;
    padding-left: 2.64%;
    display: inline-block;
    vertical-align: top;
}

.h-op a {
    margin-right: 18px;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    line-height: 42px;
    border-radius: 22px;
    border: 1px solid #dee2e6;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: relative;
}

a.h-quit {
    width: 110px;
    background-position: 23px center;
    padding-left: 54px;
    text-align: left;
    font-size: 14px;
    color: #a2a09f;
    margin-right: 0;
}

.h-tip {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    position: absolute;
    left: 50%;
    top: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    transform: translate(-50%,0);
    white-space: nowrap;
}

.h-tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.h-op a:hover .h-tip {
    opacity: 1;
    visibility: visible;
}

.h-sel {
    width: 156px;
    height: 34px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 12px;
    color: #555;
    background-image: none;
    background-color: #fff;
}

.h-link {
    font-size: 14px;
    color: #a2a09f;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-right: 38px;
    position: relative;
}

.h-link:last-child {
    margin-right: 0;
}

.h-link:after {
    content: "|";
    position: absolute;
    right: -19px;
    top: 0;
    font-size: 16px;
}

.h-link:last-child:after {
    display: none;
}

.h-link:hover {
    color: #0d6efd;
}

.h-link:hover:after {
    color: #a2a09f;
}

.h-pc .icon-pc {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.h-mobile .icon-mobile {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 26px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.h-pc:hover .icon-pc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI0QTc2QTIyQzVCMTFFNjlBNTJBODE2QkE5Mjc5M0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI0QTc2QTEyQzVCMTFFNjlBNTJBODE2QkE5Mjc5M0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMjAxRDg5NUEyQ0U2MTE5QUU2QTdFMTkxRjhENzE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzEwNmQwNGMtNWRiOC0xMTc5LWE1ZGQtZWRiZTJiN2RiNmVlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JYXnsAAAAUdJREFUeNpitOr7z8vAwJADxLpAzAPE/4EYJMYMxP8YIIARKv4ZiP9C+YQASP8TIJ5/tJDhFAuQUQrEtQy0A/FAzMUEJKyB+DfIBUCbGaGuJRuDzIBhIL8NiDlBtjFB8TegxD8a+OYJjMEEDfM/NAo2fmSLGIiMXHIAI7pFNAejFo1aNDAWMUMzLS3Ad2SLfoEKPRpZxAdjgErvR0DsZt3PcA1I/8SimAWK/0MdJg/EL4H4PTaTgeYgVxPKQPwRZsgvqIQmka4MBeJCILYiUv0HWND9JiEo/kJd+oEEPQIwH00DYgkgFsWjGFS6y0J9vQLJpWeQ6iJsBSrIYUvAnP///+MKY3RgDsQnkPibgdgPXdHRQuyaWfD4QgaII5Fc54Em7wvEJVA2yLW3oJaTZVEMUrB8BeKNUPY/aAMmDSk1bsZnEUCAAQABMkIiN4W2EQAAAABJRU5ErkJggg==);
}

.h-mobile:hover .icon-mobile {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkYyMEY2OEYyQzVCMTFFNkE5RTVBQThFQ0VGOUM0NDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkYyMEY2OEUyQzVCMTFFNkE5RTVBQThFQ0VGOUM0NDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmRhOTA5MDkxLWEwM2UtN2Y0Zi1hNDFlLTAzZjIyYWZmYTk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmMxMDZkMDRjLTVkYjgtMTE3OS1hNWRkLWVkYmUyYjdkYjZlZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PltYGhAAAAEjSURBVHjaYvz//z+DdT9DDwMDQygQswHxXyCWZkCA51D6PxDvBuK0o4UMv1iAmkKAnGIGVLARiJ8BMQ8QxyKJxwPxdSDuZAES6gyY4D0Qvwbin1jkVEEESONvIP4CVcwElUxAc+o/qFNBLvgO06gAxB1A3A7EjAy4AUgjyFteMI0gWz4DPfyPgQAAhscHmOFMUGdwMhAHeKA2w/1EMhjVOKoRjL8Tqf4LLK2yQNMqDzABMyK5gBWIpaB58htS7hCApVWQxgdAXAvEGUgaOYD4LBDrQg1mQMqPS2BOZYUKyELLGhDeAMxm7kB6IpKYDNRGTpjGW1j8wg10OkgRLxa5uyCCEVrKTQKyg4CYGVrKgTTcBGJlaMDB/L8fiJOArvkBEGAAm6RDDUKx350AAAAASUVORK5CYII=);
}

.h-num {
    display: inline-block;
    padding: 0 5px;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #f00;
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 0;
    top: -3px;
    transform: translate(45%,0);
    z-index: 10;
    text-align: center;
}

@media (max-width: 1550px) {
    .h-preview {
        padding-left: 2%;
    }
}

@media(max-width: 1350px) {
    .h-op a {
        margin-right: 6px;
    }
}

@media(max-width: 1250px) {
    .h-preview {
        padding-right: 2%;
    }
}

@media(max-width: 1100px) {
    .h-op a {
        margin-right: 10px;
    }
}

.tab-main {
    width: 100%;
    height: 49px;
    padding-left: 240px;
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    overflow: hidden;
    font-size: 0;
    transition: all .3s;
}

.t-box {
    width: calc(100% - 60px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.t-tabs {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 0;
}

.t-tab {
    padding: 0 22px;
    display: inline-block;
    vertical-align: top;
    line-height: 49px;
    font-size: 14px;
    color: #aaa;
    min-width: 101px;
    text-align: center;
    position: relative;
    user-select: none;
}

.t-tit {
    display: block;
    width: 100%;
    cursor: pointer;
}

.t-close {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    line-height: 18px;
    cursor: pointer;
    display: none;
}

.t-tab.active {
    background-color: #0d6efd;
}

.t-tab.active .t-tit {
    color: #fff;
}

.t-tab.active .t-close {
    color: #fff;
}

.t-arrow {
    width: 30px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #0d6efd;
    visibility: hidden;
    pointer-events: none;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    z-index: 123;
}

.t-arrow:before {
    line-height: 48px;
    font-size: 18px;
}

.t-prev {
    width: 20px;
}

.tab-main.show .t-prev {
    width: 30px;
}

.tab-main.show .t-arrow {
    visibility: visible;
    pointer-events: auto;
}

main {
    width: calc(100% - 240px);
    height: calc(100% - 149px);
    position: fixed;
    left: 240px;
    top: 149px;
    overflow: hidden;
    transition: all .3s;
}

main iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -200vw;
    top: 0;
}

main iframe.show {
    left: 0;
}

@media(min-width: 1201px) {
    .t-tab:hover .t-tit {
        color: #333;
    }

    .t-tab:hover .t-close {
        display: block;
    }

    .t-tab.active:hover .t-tit {
        color: #fff;
    }
}

@media(max-width: 1200px) {
    aside {
        left: -240px;
    }

    header {
        padding-left: 0;
    }

    .tab-main {
        padding-left: 0;
    }

    .t-box {
        overflow: auto;
        width: 100%;
    }

    .t-tabs {
        left: 0 !important
    }

    .t-arrow {
        display: none !important;
    }

    .t-close {
        display: block;
    }

    main {
        width: 100%;
        left: 0;
    }

    body.wide aside {
        left: 0
    }

    body.wide header {
        padding-left: 240px;
        min-width: 1240px;
    }

    body.wide .tab-main {
        padding-left: 240px;
    }

    body.wide main {
        width: calc(100% - 240px);
        left: 240px;
    }
}

.start-main {
    width: 100%;
    font-size: 0;
    overflow: hidden;
}

.order-main {
    margin: 1% 0 0 1%;
    width: 54%;
    float: left;
}

.od-left {
    float: left;
    width: 29%;
    background-color: #fff;
    padding: 10px;
    background-color: #fff;
}

.od-dl {
    width: 100%;
    height: 125px;
    padding: 13px 15px;
    margin-bottom: 10px;
}

.od-dt {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.od-dd {
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.od-right {
    float: right;
    width: 70%;
}

.od-item {
    background-color: #fff;
    width: 100%;
    margin: 10px 0;
}

.od-item:last-child {
    margin-bottom: 0;
}

.od-title {
    width: 100%;
    padding: 11px 15px;
    border-bottom: 1px solid #f6f6f6;
    font-size: 0;
}

.od-tit {
    font-size: 16px;
    color: #333;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.od-cont {
    width: 100%;
    font-size: 0;
}

.od-one {
    width: 50%;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
}

.od-ic {
    display: inline-block;
    vertical-align: top;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
}

.od-text {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    text-align: left;
    height: 60px;
    min-width: 84px;
}

.od-num {
    font-size: 25px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1;
}

.od-label {
    font-size: 14px;
    color: #ccc;
    line-height: 1;
}

.od-icon {
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.icon-order {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQzY4NkUwNTY0ODkxMUVDQTJCODg2NTgxMjE3NTU3RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQzY4NkUwNjY0ODkxMUVDQTJCODg2NTgxMjE3NTU3RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNjg2RTAzNjQ4OTExRUNBMkI4ODY1ODEyMTc1NTdFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNjg2RTA0NjQ4OTExRUNBMkI4ODY1ODEyMTc1NTdFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HmzxagAAB8RJREFUeNq8lnlUk9kV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);
}

.icon-order2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQ0QxRTRFMzY0ODkxMUVDQjVDN0Y3MTkzNjFDQTExRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQ0QxRTRFNDY0ODkxMUVDQjVDN0Y3MTkzNjFDQTExRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBDRDFFNEUxNjQ4OTExRUNCNUM3RjcxOTM2MUNBMTFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDRDFFNEUyNjQ4OTExRUNCNUM3RjcxOTM2MUNBMTFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fbnM/QAABHNJREFUeNrsmX1oG2Ucx3+Xy4t5K9nNvBRMyUZ7ZsVhO0stcwnagiwtbm4IulGmbDKKoMx/FPzDWsThH1L8r5ZZoc6is9Ix6TrQLsJsxsbouiptTIdbl5p2XbvrOvPSJHfP43NNlIFsLXfJddV74IHkuLfP7/k939/LURhjWM9DA+t8qAAqwP8dQLvSCVNTU8BxHKQFAWqdThowdpHDTFHgMc4CRc0jhG6FZmehRK8Ht9sNDMPc9xJqJRltbm6Gnp4eeLu8/Jl2v/9V4Hk/Ofx4UcwpvgtFXc4i9FPjwEDXIMeFOzs64HBLi/QVSJJ5hGUr2gOBPkilHGAwENtrbpLDGdEABXx9RGYJCMI2HcC2H/bt27Grt7dpQRBuy3Kh9tpa8CD0MaTTDkGvj7WFQm9+H42O5B9YSADRFXTvVVW98JLXe1SD8dNfb9/+Vry8vFUWgIdhaojFnyeW//Pk2Nj+D0dGzhVzU74SDH466XTeLbPZuiwm026L1foZOTwjXYUQ2kr80sLF4zf7b9y4VGxVEfdkdyTyoyAIiPx5jEyPXBl9lKwAXOe4VPfVqyklpPH94eGZTDab2xMYW+UCCMu+ptFQoNB4hKa1FEX9vbGRGolVABVARhy43zBqtcDabG6iEkwBpDP268LCvJTqUDLAFputbPjAgQuQyZTKentRbbLZYeOxY3VLgsArBrB8Lca3IWc1XsZ9aDJTUtMSyQDhO3euVx0/3kAATPk8RvIaENdZTCOUVRQgxfN4dH7+1rrdxOIoNRqhcfNmM6kRBOk6qKG+CIdTWGkAt8WysS8QOFrjdlfIAqBpTZPbHXp5cLCNFDKCYgBOo9Fe4/Echng8pyRSBylV97Bstfbs2Y+y+bxLEYC7mcwfo9Hoa8T6NpDw4HtklCb19u8I44yiLjSxuBivOnGiW00l1kKFRI9/ym63fN7QsJtEUfsqA5kBdLpI2/nzZ05Go8KaAuhIhdbp8z3xpN3+lbgJV59AGcFhNos9ks41BcggBM3BYGz80KFTZAWsK1VN/7irTrdE4CMPRSCbTaWmXu/vf5H8NK0SgCKav/RzLIYfCgAunYauyLIxk6oKqQD/cYBcg0bBj4GkMsP3PJuSCyC2+MAs9urNZkUAtjIMaHKdLQwFaGxFASGedbmY1urqjUoAfFtfX6k3GMRSc0784CEPQKsNk6JjEdLpUt+mTUdqHI6ivvz+igpw2GytJMsVa4UYmVFZceCdUGhi1/T0qR1e70G2pOTd0zt3Vs4kEufy+U8h+6ViTmL1btgQMOj1zxLDQefFi9/pxsYWDtbVSQeYTiT454LBN35hGNcWl6vRYTLtdVgse4tiflEoaFpc9bm+8fEvW65c+aQDIXmROJNMAo9xurK3t+m039/SWFZWny9iNDK7Ef92Z5pODExO/nZpbu6bDyYmLi/3a0jEX6ml8cAThoaGIEJSBp5YQlQhUsSTu/KGArtPDkCrTQ5cuwajHAd2krmKD/D5fMCyrHQANRKrAA8efwkwABnMsXNotKJRAAAAAElFTkSuQmCC);
}

.icon-order3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzk3ODIzQTY0ODkxMUVDOTAyQThFNTRCM0E0Q0M4MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMzk3ODIzQjY0ODkxMUVDOTAyQThFNTRCM0E0Q0M4MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEzOTc4MjM4NjQ4OTExRUM5MDJBOEU1NEIzQTRDQzgxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEzOTc4MjM5NjQ4OTExRUM5MDJBOEU1NEIzQTRDQzgxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vMQE9AAADJJJREFUeNrUWgl0VNUZ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);
}

.icon-income {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTY2NTg1ODY0OEUxMUVDQUVBN0Y3M0Y3MDY0RDgwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTY2NTg1OTY0OEUxMUVDQUVBN0Y3M0Y3MDY0RDgwOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJFNjY1ODU2NjQ4RTExRUNBRUE3RjczRjcwNjREODA5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFNjY1ODU3NjQ4RTExRUNBRUE3RjczRjcwNjREODA5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LDDzcAAABQFJREFUeNqcVgtMFFcUvW9nZj/sLuxCi0BXi7qRqqWAQIvYaolIS03VNK2xltqPoRBSjW2wWk1DYuMnmrbxk34gET8IiSamqS1JDWlpDUW0oHwqbJu1UaiIIN+F3Z3f6x2kROWNYO/kTd68d3PPvfede98QSin8J263G7xe7/j305E2qCvKtKTv+tmf7XbCJ8vcZ8AvPgWErgYVZgMhZWAzFb95ojkf1+B4QSos2nUOfmsfGLeRnp4ONTU1o3MedMQdboE9K+IWQa+vcGdGbGeUVTCBKCfjVhhQshsIWHFOICBlbUyN+RrBwsAnGoHSD3H9GsumLth0hxkyFkTNg/bBVRnucAAVMyCrmnlNMsYVJXVm6ozQvNG5KGvvHXpgBj2w2usDsPFIYwXYzSUgKQDKONC9oq1pTsiqDAL3LhjIFT2bumABNHDoQoev8DvPBsUilKIR0BUDEUWrseCNsqYjdR2D0kODaaJR57Pz14Nbz3j2DlBaj0Y1Q+JdQ8I1/wCQz/Mr/igpb+qiikp17fEwBTlx5VbbMnf4way4iJUgKoExPzQRIETo2//Dn0dLmzsntWOYCtjW9BmhWUlRc8GvSEh57aFjQ8TzDEuOdb4Qo7F1Epk0MrfTbEtwhe4Fn5THdC2gwPInI189KhBxbUXLV90B+f9FNsNuslS8Hr9viTs8D9PHVtJ4MxjgMuMeLULdLTaBIw8NFhkiGL99K+GLFFdoPgwF2bQfByQa4LSlcyJ2V65L2MnrMJcJFmbiTNXrkw4kRdnew/TdMTaZaDpDInku1rH54voFuyYFU7FPGglwLfkp2+ZGWHPBLxMgMHUhowXKJ7rshU25ydsfCCZhjbTlpsx3hZm3Icvuj1rGmgrcA05GCxpzDPceqKgK8Y/Zt9asnZfW65fZYLOdFnBaDdswRJ7RJS7+1T28Fpvwr2MgICu09urtkRxMYc0EfZXaHrEYPpqJPZYJVp27YJrDzK8CVhMw8tO3/HKtu7jh5otg4quBM1Tuqb3+8qfnOzwQwjsn6CsU5kRYF1bmJEax6ywgPQt63cYvuU6/nXgyp6wxx3KBrBwMKlL7kDirdE38UegPxDPPllIzyFIKzr5nFDVJ1i909EJSosvyUr4k71fOD7fwIbf3Z5dA13DSne5FWIQxY4pnsiOj4NStPbNQXvSj95Cnd4TnCKFBmSprDtYVpUXbA5sWx36MkWcz/NMehQ1G4J8xZvGMA09IiLR+MM0qkNOtPXVm3mBb/Lgjd7bdhExR5+iUgoLDxwbjhSrc3M4EkxTfKwnRzcARcXPVVRWJFCxYMqsBRoJmvKGfYKcRy8LItzLZ+Pzh+gv9AamdfdhERQL5YUQcxnLU7i0Vf35ECCp+oAZ1gj62SE/PcOdLxy43MCPz9vvVPr9pn8MKxRO9pM/gWyMQdG1KbyVETYGgvANGewzlGO5pPaLkal9AYUYmYKHO++bSMTBylTqtzaiNUIuhym7m94x9C0xScVzV3z6pxHTXJWCYmC0IXr4x9A5YjdX4AwPMuqOgv27kNOb+/pPn9oblJz1+u5Fjgxmwcwcx+6nF9bdOtXS9dql94Dg4TIMYMgB90M8KvQPiMPWc8/YdPtVwM3tpeaMX7vOJWcAyJnt1eXOPy25cl7vQtSIrJjQzLdYRj6fgwu0YHCFjqhqtb2D7aj/b1n35fM/I2b3V184OS+yL9l8BBgCSKe26fXufOwAAAABJRU5ErkJggg==);
}

.icon-income2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RUY3OEZCRTY0ODkxMUVDQUVDQzk1QzI4OUFDNTlEQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RUY3OEZCRjY0ODkxMUVDQUVDQzk1QzI4OUFDNTlEQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFRjc4RkJDNjQ4OTExRUNBRUNDOTVDMjg5QUM1OURCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFRjc4RkJENjQ4OTExRUNBRUNDOTVDMjg5QUM1OURCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAFSQgAAC4FJREFUeNrsWglwFFUa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);
}

.icon-income3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OUYyMDc4MzY0ODkxMUVDOEFGRkRFODk5MjIxRjNCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OUYyMDc4NDY0ODkxMUVDOEFGRkRFODk5MjIxRjNCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5RjIwNzgxNjQ4OTExRUM4QUZGREU4OTkyMjFGM0JFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5RjIwNzgyNjQ4OTExRUM4QUZGREU4OTkyMjFGM0JFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+goMV3AAADUlJREFUeNrUWQt0FeWd/3/fzNy57yQ3yc07BsiLJCYhuJ6lu6Io6oovlANdSl0LWF3E4uphu3X1sGftqnWLre2uay2l3aOetdVyShGoKN1FKuwqCIQk5CUhD0Jy8765r7nz+L79z02CCbkJUa+c4xyGezPf3Jn/8/f//WYI5xy+yhuFr/gmxjvY3NwMiqLM+kNdB/D7ASrKgVzogVgaCflyjfV4PJCXlzf1oFlCl+6FhYWX91wA9+rVsODoQah4citcdyWivW7dumm2xs2Aw+G47MUqK4C++SbcAQpULLkJGmx2aHrqaei/GC2XCD98OLvc/L5tZ09D94D2hR2wWq2J6wHGIIwfIaaCadm51SvBNbFmkSj89wuFyzbc5vn+hpXp/1SUK1fMVF0UFwSBXPkmDivgqf0YerAX3mk+ATnXXA+dE2sC5VBV48jYfWi4ds/BodGXtmQXS9J0Iz3JQtKbry1Ydm2Nw33FHWhphd7qa2Df5sfh0K0r4eVAAPSJNcMAeHmH78hwkCX7I6zlukfPvqdq0+F63WpP0ap1WS9EFZb7uVMQr4mrqqquCAQWzZeljRu9GZgJaS7nb9y4cW5N/IWHC6UW7BEzuyT2D0yYjU1MTimoDBfNrbUtqrW29fkSPgdm2/LSJcnjFjJPtyndaBKbOO50Okwb87zpuSs8Kd4VLoeWZrXxVNnC0jinuqpCXyBEBiJh6d2OrqbdwXCgVVGixpcyyGbbfro5J3XlWu+D9srjz0aiLBJrxlQPVJZXrg2ORh8rKwk5Ftf4/QuLDWd6mmHxJDNBZ5A8MkKlzgti+slTlmVd7SVP1n2i/7K5qX5bIBTyX1EHtv92YGjvR4GfqRqLmn9npKfLRYUlf2eooa+vv8/Vc/e9C2jOVR/VgKbIoGMVsYtw4amxKLDyTgJn6kLOnS+nbgFekdbcUv+dQDA0lFAHJvjdQ/enWUNBw3h91/DFKXSkPqji3v0pFCYvcdrZ3S8+HzlQUv30RhD0dGP42PjqJdAZJdgfAGXVKv/uvcEhSpzfYKTyeOOZUz+ORCIgI9Q+9c2M5auWpvgXPdh8LKqNeS+JBJuIQ1Tlc4NREwbX3GUr/o9XCnYsXmRf73TQGVFCZ+w2QtiHhUVJi4EPprPRf8cIBM1pMNMABCNIICON2W6qUCDZKX5LFonXXLulyg1PfivrbqsIqybOLymUnXUflD7ypz0ZPy+ab8mYUwYkC4F77nCXUZnW3LTMrb74s/5fB0PqTFxggBCpTCCdC1ng7zFO6CuxxD/TTIiIsezBG6jEPhIyOZUwRChRzeW3j/vhgWfP/ePBk6HARPSXLnGmllTabo8MWLI1yWWSNN9lHVCjDNY+6Nt98Bg/tnf30KCvX1dmphR8V0SBtbvfdrStXAO5Y+OMxR+ZKv43iLcckqC+TYC9J2zDrWe7nh8ZDY9MnPbLAyOByT/b8dpgR69PX6Woisee0nf+uuWXxCSeoFm0qBpOnaqdtXlsSKzKF5ZutVgs9wtULBEFxuYV6PKs+ohhLSsEb0pgCKM/EBBUXVPORlXt2OmGhg04H2aF1Qce2Ag7dvxi7k18mWGF6RevWrFiRcXSpdeDEtVA0+ZAyujYXBNojJJbIuHIwl27XrOfqqszm8aYnTUkAEYvuSQZQVWjRKOx+hbwaqYTZqPGEzemAQTXRNFkoRwM/N7e0QmaGrRRilDAplo4P9MS489tvary2ebAHFJAKBCny95w+H8OHfzD/j8sVKMk2+lkLcVFqsdph/R4lzCd0rCELvSI0NVHmSzxDodDbHE6UxAIKJucgFS3AG8/P28zxgiWbml9YXDUmLsDFB3H3YY31JmmaTxOaUYiCj97rvPV3OyCaofLqm/4ZmD30r/Ub3XaqUuSOACPj0IM+yDSReH4Ybv2+gcW14VhIXTydOP3DMPQJuuJvc8sqCgrsD5q/gi/H1jynZb6OZdQzbPvF7tC0accyXJ37TMP/fTCwVd7Lj1HFkUxOzlnq01WK176Sf+fCgv1TQg+brNRYbYEYg0lJTG4wwHy4gJD/NF+eaU/OB+HcXizokRC5ikaQuhffe9s0+rrk58y/37r/ZGmmTR3XAdkJ11NNdsx0WbJpiK9Fw+9NHnd6/WCqtAUhQ/17PwJfFBYqv2tEaRzFCXjBDVLhcwQFZ64i+uiYLtPEirF5ub6h4Oh0Kjpvz9k6L/YP/jq56MS1LJHtMEG0Y6Kl1revXQ9P7dgU2Y6oU989+zhkjL3vxh+mgSfRRWaFlqwifNU8ESJ+PhtSiSo2FcJ9OrBxqb6xwLBIPtCXOjkP3+9rr6paTsViRbp7eqbvJablYnRJ/cV5LOdX7vR/YoxxNMvNV5A47g+hkaThzDF3uDG+HETqdw66HkEO55YN90cVtsHnGvF4rJDJxtqfxeJRj+/pAx11ELw3Onu0dbaPi0wNEmAE4s/EC4WLXUrntk2UMRG+JJpkcfonm2VsI4hRtwmapdiqHp7RfCPUhPBxkkXDrV0DQynES7LZfKaP4+kgSxvszudc5aYcR2g0vTHF9izUFJSdFNx0eL/2v3r3OXuNL7xUlQwDSVo6Pf/NRl+9borZmjMeJlDfaMEW/8hFRqO2NAZ/ilRNadzlurAD/X2Gt2ozler580vXpNwUW+VrTQ9Neevy0uDR6yicTvoJC3uoELDHt00Cn983wp79qGxdg4dbRI8tz0JavIMqK5UgelTM0ZcDIwkHTwuLt65WOVuK9mSm5ebk1AHKIH8UJDNuwd5YXqefiObiZtibS9aosDjm0dhz34HvLPXBi+94oLKTAaPP+IHx4IoOjodakmWisQIQsurNFKaw7NSU7w3J8wBk/dUXV2+YmAoPKBEQ1EQgzk8DtibdX6uU4RdbzqhZ4BCqleH515IjmUgv8CA3xy1wMfH5IuZmpIFmVNuM6wiLvxZocZECrdYZDlxktLQxQX5eb5j3hzFC+QeJF6HzZEzNYoWBh2fSHDwLSdwLGoBa92O8sCJ8uDIURnCYSsMXa1BWcEIWHGY8cmlJHBC7FzQUAtdV6JZ3ziafG3BVfmOlpbWUCIcEANBlvbt9ZbzN96aWwjGdrT2BozcyBTZyMIUlt0QgWWLtFhUkR/Bo88lwUM3RqEaj5sGE5Nz2nhM9U2ZCwIHYmMxmM1OYWCVDJkbRj6uNCbCAZkQ4g2FxD7gfR6mPI03DU/TvMTO4ADW/Vu77RePdXULsP13NrAfsiB/IrD8BgW+sSYIosmL+NRiJlZmYCGZxwWXjUv46U5UCYmoQtKwFYaAh9yEpiJJxFBydYoTBIdXbroB1xcZQLFRNYzyvgEO1fkG5GQwCONsusaJOkKnwITpw5Yz/Blez5Twbplb8CauRDlg4DUpZ8wLNCVI5Puw/Pfj0fNTHDBUAuUIk+Vlagy2dIz4h13JcPO1GlTdicWtj0EtE/h01YmlAyGBkPGsjEaognMkkCgY1U2gkCRhAWrqQY6GE6E0rvY1a9ugYzWtIXUwtXlMn+PfBu5M5DPoZbyaH7OKOVCwhYbDxMDJP5AoB6JJbt78+332/A8OyOeIdAgR565Yzmcka+NN/LUqDdJTjTGtMn487k9GsRiCqDERtT5ul2DEH+zo6OzsSJQDXNGC/zk4JCzq77d2ATvgJyQTs5AFADrM9GzJgahy/98EIHdJOCYfZ7QAS4/5JKQeHFPN4d1aC8pU8kZUVfWEOGA+TT7T2HY4zSvX7n/PUaMNdX8E2hOYAN+sbRTjRnT6A7pJ2B/z32i1IiJj9G0A79VKUN8p1Q0ODfw2oVQClWVkYKD7mdP1zoof/Nh1DnhTNyGXx4AZ5TU1H+AJF42XkT+e7abwxv/ae0+cad/Ucb7Tl2gH4ExTc3M40rNl3wF38Q+e9x5B4GgXJM5N/k/nciXyaTZ4N5ZMsw1Evxh7T/ZhswDb3nK2H/y/zof7fF1HvpSn0+ZDsPrGlvcXFpNH9ryTsbWh2eZ/4P7hcGmpJno9TBRcTADz2ZAJlyZNHn+tEaPV5qTlMahEYYCdOijA8Chln/go3XtC0o+2WjsbW9sf6+np2vOlPl43t8aW5oas7MB6vz9p0xNtaStzs7WUpX8RuXphiR7NzNBJQb5usyONNnUAmHuEAh8UIegTeXerJdLrE3j3CHF82CqOnGgX61QD/tjV0fpij6838FltmdGBgry89ZIk3YK370c8/g2yz2+blGICJnVdY4QwTbawpPMXaPnO15xWAYObk6XDVfk6mA5YsbQsuGsKBQUjHg5S0jMK9gsjFEIKAUngHqvEPCLlhTar/G9FC+bLn77ppNA3MPh7MvYO4m5ff/9hwzBenpMDFgvyFkU5WbawNBORrbuxtbVjXkHBSUGY+jKOc8Z1gx23ixC122MISEf8EvSfxIgb3IH80omjwo5oEyWUBNDhkIR9i1hPrHJsCtLxoFiLCgundJGEEpBQAYGCwPz8/FM9Pt9hOQ69jvtwN4qCGr2NycjYGNZ1EARhzmmdJpMJzP6sKO41xl5qXJwrCOXoFGBVXN6Br9L2/wIMABV1/tBpFQm+AAAAAElFTkSuQmCC);
}

.icon-bell {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTA5REUwMzY0ODkxMUVDQUIxOUIyRDExQzY4MjhGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NTA5REUwNDY0ODkxMUVDQUIxOUIyRDExQzY4MjhGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY1MDlERTAxNjQ4OTExRUNBQjE5QjJEMTFDNjgyOEZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1MDlERTAyNjQ4OTExRUNBQjE5QjJEMTFDNjgyOEZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rxjpIAAABLBJREFUeNq8Vn1sFEUUf292dvc+vLZ3XK9wXO9q2whaKqRpihQDISrGamIUKoKJ0QTFNrFfmsZWTQymNqaKklbkH0MiatD+gx9QMNiQRiTKRyRpBMsJbc4WW9oe3LW9r90dZ4/2wl0hdzWRTWZ33sy8+c385r3fLDLG4E49dK7S3t4OXq83rcN1DeBDO90Q0Fj43Un1pIWkBykvL4eamhoAfWd6KS0tzWh171B45XwOBPuzYawBYVsmPlVVVXGMxLosFkuic7GA4rl86eW3rML2VMeH8sRGyUKbs7LFrnV5Yn1q/8d22vyzS9xiJIBzbWazOf6dR4JDAKHHKda7KOx2UhTjXCMgp67S65b28oUUAJK2GGLTCgnvu+yRd79hFVbNTeSmKBdT7DzipBtNmDx3AkwPk8XcOuqUarMIdMxorMsXVT6VEYQ2m1D7Upbw46jCHh6MaQcvxbSuS1Htk6GYdmxM0Ta9baXHG3PoVgEAL0djbTHGfsgnpPP7JVKpnc+rJkBmz6xodSX0WKFk0CNeG/ZI3a3ZVN87ec9Gm9UiWT3lkj7Pp2hKZWKVjI7+fOmgPqYxR3hRb/vARnNHCuTev930xF4Ee8XT1XGMBFjNhrVSrw2+GHDLf7TkUJe+5Z02+hwrkrWTS6XWQhFvH20ygd/zpV18bLg+R3hUb3vfJuoUj3Qb4aOWZzcngwU2r7v/ogOCv+XLb+qDKwzEzYoN5486xf33iCiki7jVBjT0LRWPKMXyCQ9Fq952gZ+nNwsuhnY840iKRr+KK1VuO0D5SbdHFc3JV+E5NK11D8SYmg7s1zAL/xLSvolorHRMZdkGTkQuKL0RAh4/ER5MiUas4K+/asfV/kUCQoddcgUYi5gIDGeqEAYCg9MakE675NTtunHtrBHhin60SWBGZOvNCH8eDkHIjAweMUBRWIMxvruhTME4Vd4Yg+uPmVixbh8Ow4QNoZ9H9JokudpxVXn89ASE+O45m4BTGhNlggrPidgC5C/G/RUuZSInB4Iam1l5DV6omlTFPTeDDavM50s+GT31cLZk+syNZ/pL4TMMMbg6qrLkpKb/o9oLqQpyJ57bgen7jsz2L4BGNjc+kjHYpBp3udeEiBYk4UyhrJQGeFDJ3HnZlJYhWKuN1hkJVvdH2WffzbBQpmD7gyzwjwp7TAQbXrcK226VG/GytrIybncsol3BQnn4lFNqXC6htNBzKZNRGnBLdeN3yxMtVmGn3ralOkWIy9ZUQrsZVowWSNN9S+hTDoL/ORD47QDnXLSG3x7+1yh4Nm66IcSJiFd09RYgENKA2SjZtS8PO3jmk9SouSn/EvXUZYUZaBJBiSfbxHIK7CxLSS8uVfBkEHw9d8F2M4FSfkvPWzG/eQlXBm0OlUMiT1wM8clhPqDqjULfqxHwPSFgMphuznBG149ED/DqgVvR85VDeKBSxkI+eRyO3+ike5pdaJhQz6STlQULh1kgLoHgl8hu8KcLoBG1rVxOzyzov9Hv96cd/PWVWK/bBIf4XVXBD1Md1OD4tyE4ls4vEAgkgzU1NYHP50v3gzppzhaezxWgjIMpUzF2ellQnSpPE7klJSXx778CDACXWM1mYrmMkgAAAABJRU5ErkJggg==);
}

.icon-pc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzk4MjgxNzAyQzVCMTFFNjhCREVENTlGMDhBREM4NzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzk4MjgxNkYyQzVCMTFFNjhCREVENTlGMDhBREM4NzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmRhOTA5MDkxLWEwM2UtN2Y0Zi1hNDFlLTAzZjIyYWZmYTk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmMxMDZkMDRjLTVkYjgtMTE3OS1hNWRkLWVkYmUyYjdkYjZlZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxA6k8AAAFISURBVHjaYly0YD4vAwNDDhDrAjEPEP8HYpAYMxD/Y4AARqj4ZyD+C+UTAiD9T4B4fmx8wikWIKMUiGsZaAfigZiLCUhYA/FvkAuANjNCXUs2BpkBw0B+GxBzgmxjguJvQIl/NPDNExiDCRrmf2gUbPzIFjEQGbnkAEZ0i2gORi0atWhgLGKGZlpagO/IFv0CFXo0sogPxgCV3o+A2G3xwgXXgPRPLIpZoPg/1GHyQPwSiN9jMxloDnI1oQzEH2GG/IJKaBLpylAgLgRiKyLVf4AF3W8SguIv1KUfSNAjAPPRNCCWAGJRPIpBpbss1NcrkFx6Bqkuwlagghy2BMz5//8/rjBGB+ZAfAKJvxmI/dAVAes1rJpZ8PhCBogjkVzngSbvC8QlUDbItbeglpNlUQxSsHwF4o1Q9j9oAyYNKTVuxmcRQIABACCJRNQGQg1xAAAAAElFTkSuQmCC);
}

.icon-mobile {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjQwRDlGMzQyQzVCMTFFNkFEMzA4NkVDN0FEMTJEMEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjQwRDlGMzMyQzVCMTFFNkFEMzA4NkVDN0FEMTJEMEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmRhOTA5MDkxLWEwM2UtN2Y0Zi1hNDFlLTAzZjIyYWZmYTk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmMxMDZkMDRjLTVkYjgtMTE3OS1hNWRkLWVkYmUyYjdkYjZlZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi2nlnoAAAEvSURBVHjaYvz//z/D4oULehgYGEKBmA2I/wKxNAMCPIfS/4F4NxCnxcYn/GJWVlQIAXL6gZgfiHmAmA+INwLxfiC+AcTWQMwLxQZA/FXfwOAoC5ChzoAJ3gPxayD+iUVOFUSANP4G4i9QxUxQyQQ0p/6DOhXkou8wjQpA3AHE7UDMyIAbgDSCvOUF0wiy5TPQw/8YCABgIH6AGc4EdQYnA3GAB2oz3E8kg1GNoxrB+DuR6r/A0ioLNK3yABMwI5ILWIFYCponvyHlDgFYWgVpfADEtUCcgaSRA4jPArEu1GAGpPy4BOZUVqiALLSsAeENwGzmDqQnIonJQG3khGm8hcUv3ECnC0DLGXRwF0QwQku5SUB2EBAzQ0s5kIabQKwMDTiY/0EFWBLQNT8AAgwA6RNJXCiu0iMAAAAASUVORK5CYII=);
}

.icon-msg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDA1MTVEM0RENUIxMUVDOENFRDlENjcxOTY3RjM0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDA1MTVENERENUIxMUVDOENFRDlENjcxOTY3RjM0MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMDUxNUQxREQ1QjExRUM4Q0VEOUQ2NzE5NjdGMzQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMDUxNUQyREQ1QjExRUM4Q0VEOUQ2NzE5NjdGMzQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tU3qIgAAAc5JREFUeNrUlM9LG1EQx2fePirSmwexF4n1UhBvnuxFBC/aSzUxKMluElJCvfkXJAf/AW9Gopu8WEoPURID0kOhxT8goBdFsC2U9lDowYNQzM44ahSNxiTFHhzYfT925rM7M999aFw3AAhz8IDGTF90Ddojiw8PAVXKGpB7UtfWHqIKMapJx3F2/gWYSqV0n6+3wMwT5y+o7f+WBI6QqWzMylC7UGPM036fr4SAY5L5wnUweIyzUpafQGpzLZt92So0k8l0MXlFYhpm4pmrklxOotHoHqB19uCAgEvGrI42g+bz+WcdWm8g4iBaEHRiseIt8JnZtv0VLR1EgAoQFEUx442g713XR151nRGee8RB2459vNHE+oBwOPzrb9WbRlDbUpr1XG7ldb2P67ovTgAKEtytiAOS7ed6H33X18Tj8T/pdNrf2fHkHbIqmOzqEjKWSKldoOobRPCLm0Wo/E7Eqdwpu0apJhKJ48Nv36dkugiAbyXlLVHND5Fl8qIP6BdpVhrF6ybaJBnmRSVlBuiVq0sh7occp9yssboVSYUikU9t/4Hwn+zxga9qnM+5SSIRkFJ839gGGKXD/IoZRkRKcpbKzj1jiyfy8qkAAwAiKbngtYK1lgAAAABJRU5ErkJggg==);
}

.icon-refresh {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACLUlEQVRIS7VV23XaUBCcVTj5poNQglKBnQ6c7xyQlgZMKjBUECrgAj75tl1BSAWhg4gKYn5zgiZnryTMQy+S4/sp7d3Zndk7K3jlI23yf3Uu/BPgKgC6Fp+C604qm0+q66b7lQDOuW4nwG1KxAL0yhIRSALBvB/ppAqoFODeuetU4I4Sk98toWRddCFyVSS17x3iY9GRdbwDwoHq/Axg6VwMgfOXyQ0gYws8rdA6fAPcABxD5F0WDyXQE8EdiUmkOj4CsMop+Jbl5iKFjFT1uY5nAwrAqYhEh3FnAD5Q8NMosOSRDuMmAYv/987dUPBQC7BwbmytGS07SNhUuSXzNAm+ADgr5qyDpZslnktCyzgv68brdajBQdARQCYY1wYwiLXV2zgEzIHio8kqE9k511PVpC33p3H+QYIjE7x0iv41cdkIvwV69i48HYb8G0jaCHtpER7AJgiCWwEed8Tkf2g6pXkP4Ef05awonEbR8OnSipdu9kyRXynx3hipAshfPpKA+NxXfWwDtLcZcjPQoTfIWgCQTztI3Eab3Al+mEEWE1QPcMGDy3Sczb0fkdsdxMbde1hdB/NBrNpEzaldCPGhr7oq7h0BWGsCJIVdm89DOI6i4aLKKii42++Nkq49gIljiQtk747gtPB5AjYNth6LFRkSCPPlY96+FUhcNgy1KzMARgKax2QL5fSQW0KmKTCtGoRWxpavwGvmS99wAmB1yHWVVq0AmoSu+/8X/ksuKLiCFQMAAAAASUVORK5CYII=);
}

.icon-empty {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABGElEQVRIS+1V0XXCMAw8he4BI3QD0kFIUBeBLIIgLJIRYAJggw5QEE95L3kpceK4D34AfdrynX06yYQHBw3B34gsowh6mztLOfOdH0SQr0WhugfwUwMSTZM5e897EwzQCEjxNWMuKgJbezECEZmMRjp2Fu1ChUsiRBq78s9nOjHz0fbqGphTiLDocoWToCNZFVnKvGwR2EK14bNf175dtInz5wVvAlOgXyJCSkBZ/f+GAhMoNq0ib0XiC+C0XShZBBRV19dFNgIDao6DUGDLv8V5chflIvOEeR0iVVCj5bLaJfz9+RCCcvgRDr6Zb0VtGmPwC0weEMRHUH6nDVv2EvRN0xCZnNPUJPmwLrxD/ALH1n9wB1wnxBUQedUZSKLgtQAAAABJRU5ErkJggg==);
}

.icon-lock {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTkzNzdEMTYyQzVDMTFFNjg4OEI4RUM3RkM4ODZEQjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTkzNzdEMTUyQzVDMTFFNjg4OEI4RUM3RkM4ODZEQjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmRhOTA5MDkxLWEwM2UtN2Y0Zi1hNDFlLTAzZjIyYWZmYTk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmMxMDZkMDRjLTVkYjgtMTE3OS1hNWRkLWVkYmUyYjdkYjZlZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpwfZxIAAAFBSURBVHjaYvz//z8DMli8cIEvkAoFYk0gfgbEm2PjE+Ygq2FE1gTUsBRIRTFgglNA7AbU/BHEYULSMAlJwxkgngLEW6B8MyDeh2ITUIMKkH0bKjYbaGIakmHJQArmPF+g3BaYTT5Q+jOyBhAA8ucCqYNQbiiy81ih9FMG7OACsjoWJI+Wg2yCOhUdHIOG5H2wnxYtmJ8LpGtAGoCYHYhlsGh6B8TvgZgHiA+BbOqD2ijGgBsIQTHYX0xQG9DBViC2AuJwIP6CJvcFZMNvNMH3wBCDheZxoB/VgHQzkvx/JmxuASpkROJiqMGmSRCkD6rZGBqqBDWBgASUBoUkF7Ga9kJpUNr7Sqym69Ak9BdI3USXBEXuZ2ikIYNHQPwLyhYHYl4kuW+gIP+JRZMcnojmAmkKAuJ6IOZjIAxAcboGIMAAyNxborWVPyQAAAAASUVORK5CYII=);
}

.icon-quit {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4MzIyNy1jOTkzLTEzNGEtYjg3Yi01ZWM0ODQ0ZGJmZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjRGMkRCM0IyQzVDMTFFNkJFRTRBQ0E4NUQ3OTA1MUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjRGMkRCM0EyQzVDMTFFNkJFRTRBQ0E4NUQ3OTA1MUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmRhOTA5MDkxLWEwM2UtN2Y0Zi1hNDFlLTAzZjIyYWZmYTk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmMxMDZkMDRjLTVkYjgtMTE3OS1hNWRkLWVkYmUyYjdkYjZlZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnbqWl0AAAGLSURBVHjalJTPK0RRFMfve35sx46lJ6SslP0oCzUShUiJnY2pWbAcC2PF0tZipIYFGlaoyViwks2U/AEUWyWJej6nzpue23szz63vfO+553u+98e7cx3f901cO9gvtkG7GmYXl5a/47StpnGbACvavwKniYxYgcw+BqaY/RFOhdIp1QxCZXCBJhsk3ZDJDrQK+kCHDn+FjIK+5HpFS832HyMG0tCajs0w013cFsjdikbDda2tr6ioXEB40uTcjGq2wrUujsNwN3hHsGESNrR5qZFa8ZAVZTR3FKFvj+kbqyYjRj0a3EcIP2P6xqrx5PO3aBB12c7BIfC1b7ef4BqJ0YsG/RHnIKtYaHBUQc2zbO1ag3nz/zanXHX16n/IPjn96aQOqvWklpVfuvzI/nOaLyHwEpiIpqRhrn4hMduDKvqJawjHG5hIrqbaitYaJ/yMIKpCaQ3F+Aw8aTwAJsGoxjeYjAS1jv0eYbYJ5ZvsrmD/C5yohw2zTmgWDIEuHX4FD+AYkze75leAAQBrwoBGQrGhRgAAAABJRU5ErkJggg==);
}

.icon-down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACIklEQVRYR+2YLXDUQBTH/2/bS8Ah7wKiCm7bGRwKU3A4HPQLwYeiiuIoiuIoiio+BJQWXF0d1KBwzLQ5UAgudxIHSdt9zIa5mV653G7uNqUiayJ23///y8u+3TchHPNBx5wP1oDVX/VJITDp4oWUwlb7ZGPLRisf4Ah9tBE1rVH7fKkENGWp33yZwWGyp2PLDJYZPJCB8hzstR3KIimLpCwSwx4oi+S/FInumE3GwmHDavLqNLRdN0mQjL8FeNoUXOw8rUXezkzH45+rLojlSxBuFguRoc54FfnhrYOzPe/iIJHPANw9YsiVyAvnD3tmNgtBUn8C0MLRQPJy5DXu9/Lq283UYvmICItFQjJjqeWHD7M8jO1WLZYPiLBUBCQzFlt++LifthFQB5/erd9jpmWXkES80Kw0npo0rQC1SJBIXTS6eFyM+cgLV2yErAG1WC2Rtwl4biOctYaBOy0vfGGrkQsw/dx7co4VXtsadJ1pAjeao+GbPLG5AdPPHctrILzLYwTG9cgP3+eKAez/bh0WDmJ5FYR1ACcMpr/BmIr8cCMvnF4/UAY7RtW98StC8RqAUxnmP5Wg6fbozuYgcEMD/j2CJi4z1CoYtS4IQosgZpuV7Q+DwjkBTPfk7sRFKLUKwlgKw/gOIWajyvanYeCcAWqhanL2gsBIWqEK+3Nt79vnYeGcAmqxM/G58/r5w//6xQWcc0BXUF1nZxGiLjX/AMH5CThFiqrCAAAAAElFTkSuQmCC);
}

.icon-up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACG0lEQVRYR+2WMWgUQRSG3xtyu6Wlze1e5+42KVOKNpYpAwouKBESIhhIUFAwKChEFBQUBSWBCAmkTGmTYJnSZnftbvcaS8vdC/PCqAeX5O5mdmYjKWbLm//9/zdvd94NwgV/8ILzQaOAaduZFhsOe9WPpjbeGGDWbs0Qwy0BhpzioNc/bAKyEcCf3tRVjkzAdf5BdRnx+Epx9N0U0hgw8dwbDPkWAV4ehkGgX5xYHBXlNxNII8DUc2cBSXTu0hiI30AYh0W5pwupDZj6zhwACDhXEl4CQBzm1a4OpBZg5rduE/w9EKoPAsVB3v+qqh/oagNmndY8EX6uG/TndCPdC7r9L3VqawFmHXeJiN7XCTitRcT7Qbf8oOqhDJh47goivVY1nqQjwtWoKN+oeCkBJp7zGBFeqBiqaojgSVRUL2V6KWDmO88I4KnMSGcdAZ4HebU2qXYiYOo76wDwUCe8Rs2rMK8ejdOPBUz91lsAfFAjyEBK78K8vzzKYCRg6rsfAWjBIFGjFD+Febl45tSf/iHtOBtAcEcjwbwEYTPsVneHjU50MPGcbUS4aZ6k70AEO1FR3TrzT5K0p67JbJGxfZlGZZ04vy7TRb2jA6GRjpmBkdhAk4ADABmoBRzVIfGKbQdl386kddtBk+6JWttB28GhDthBbQe1vSxIRoI9JP/1kABj0lu30hDn/KDx65ZS8DmIlL/Bc8hWsjwGytIPOCR8EekAAAAASUVORK5CYII=);
}

.mind-main {
    width: 43%;
    background-color: #fff;
    float: right;
    margin: 1% 1% 0 0;
}

.md-list {
    width: 100%;
    font-size: 0;
    padding: 30px 0 0 40px;
    height: 240px;
}

.md-dl {
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    margin-right: 5%;
    width: 28%;
    margin-bottom: 20px;
    vertical-align: top;
    padding: 15px 0;
    border-left: 2px solid transparent;
    border-radius: 5px;
}

.md-dl:nth-child(3n) {
    margin-right: 0;
}

.md-dt {
    width: 100%;
    font-size: 25px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1;
}

.md-dd {
    text-align: center;
    font-size: 16px;
    color: #ccc;
    line-height: 1;
}

@media(max-width: 1500px) {
    .md-dd {
        font-size: 14px;
    }

    .od-dt {
        font-size: 14px;
    }

    .od-dl {
        padding: 13px 10px;
    }
}

@media(max-width: 750px) {
    .md-dd {
        font-size: 13px;
    }
}

.recent-main {
    float: left;
    width: 54%;
    height: 416px;
    padding: 15px 10px;
    margin: 1% 0 0 1%;
    background-color: #fff;
}

.rc-title {
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 1;
}

.sale-main {
    float: right;
    width: 43%;
    height: 416px;
    background-color: #fff;
    padding: 15px 10px;
    margin: 1% 1% 0 0;
}

.sa-title {
    width: 100%;
    margin-bottom: 15px;
}

.sa-tit {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 1;
}

.sa-tip {
    display: inline-block;
    font-size: 16px;
    color: #ccc;
    margin-left: 10px;
    line-height: 1;
}

.sa-th {
    width: 100%;
    font-size: 0;
    background-color: #f6f6f6;
}

.sa-trs {
    width: 100%;
}

.sa-tr {
    width: 100%;
    font-size: 0;
    border-bottom: 1px solid #f6f6f6;
}

.sa-td {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
}

.sa-th .sa-td {
    font-size: 14px;
    color: #888;
    font-weight: normal;
}

.sa-td1 {
    width: 10%;
    font-size: 18px;
    color: #888;
    text-align: center;
    font-weight: bold;
}

.sa-td2 {
    width: 80%;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sa-td3 {
    width: 10%;
    font-size: 18px;
    color: #888;
    font-weight: bold;
    text-align: center;
}

.sa-tr .sa-td2 {
    cursor: pointer;
}

.sa-tr .sa-td2:hover {
    color: #0d6efd;
}

.sa-tr:nth-child(1) .sa-td1, .sa-tr:nth-child(1) .sa-td3 {
    color: #dc3545;
}

.sa-tr:nth-child(2) .sa-td1, .sa-tr:nth-child(2) .sa-td3 {
    color: #ffc107;
}

.sa-tr:nth-child(3) .sa-td1, .sa-tr:nth-child(3) .sa-td3 {
    color: #0d6efd;
}

.sa-tr:nth-child(4) .sa-td1, .sa-tr:nth-child(4) .sa-td3 {
    color: #198754;
}

.sa-tr:nth-child(5) .sa-td1, .sa-tr:nth-child(5) .sa-td3 {
    color: #0dcaf0;
}

.sa-tr:nth-child(6) .sa-td1, .sa-tr:nth-child(6) .sa-td3 {
    color: #7952b3;
}

.system-main {
    width: 98%;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 3%;
    min-height: 100px;
    float: left;
    background-color: #fff;
    padding: 24px 3% 2%;
}

.sy-title {
    width: 100%;
    font-size: 18px;
    color: #000;
    padding-left: 20px;
    border-left: 3px solid #0d6efd;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
}

.sy-list {
    width: 100%;
    font-size: 0;
}

.sy-dl {
    width: 100%;
    font-size: 0;
}

.sy-dt {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.sy-dd {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.c-main {
    width: 100%;
    padding: 20px;
}

.c-tit {
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
    line-height: 1;
}

.c-form {
    width: 100%;
    /*padding: 19px;*/
    border-radius: 4px;
    margin-bottom: 30px;
    /*margin-bottom: 20px;border: 1px solid #e3e3e3;;background-color: #f2f2f2;*/
}

.c-input {
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
    color: #555;
    line-height: 1.43;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    vertical-align: top;
}

.c-input:focus {
    border-color: #86b7fe;
}

.c-select {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
    color: #555;
    line-height: 1.43;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    vertical-align: top;
}

.c-hidden {
    position: relative;
}

.c-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    line-height: 1.43;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-btn:hover {
    color: #fff;
}

.c-blue {
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

.c-water {
    background-color: #0dcaf0;
    border: 1px solid #0dcaf0;
    color: #000;
}

.c-green {
    background-color: #198754;
    border: 1px solid #198754;
}

.c-white {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    transition: all .3s;
}

.c-white:hover, .c-white:focus, .c-white:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.c-btn.has-arrow:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-bottom: 5px solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 4px;
}

.c-btn.has-arrow.down:after {
    transform: rotate(180deg);
}

.c-red {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    transition: all .3s;
}

.c-red:hover {
    background-color: #bb2d3b;
    border-color: #bb2d3b;
}

.c-blue.has-arrow:after, .c-red.has-arrow:after {
    border-bottom-color: #fff;
}

.c-yellow {
    background-color: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
    transition: all .3s;
}

.c-yellow:hover {
    background-color: #ffca2c;
    border-color: #ffca2c;
    color: #fff;
}

.c-water:hover {
    background-color: #31d2f2;
    border-color: #31d2f2;
    color: #000;
}

.c-gray {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    transition: all .3s;
    opacity: .6;
    pointer-events: none;
}

.c-green:hover {
    background-color: #157347;
    border-color: #157347;
}

.c-blue:hover {
    background-color: #0b5ed7;
    border-color: #0b5ed7;
}

.c-tip {
    cursor: pointer;
    color: #333;
}

.c-tip:hover {
    color: #666;
}

.c-table {
    width: 100%;
    background-color: #fff;
    text-align: left;
    color: #666;
    border-bottom: 1px solid #eee;
}

.c-table.hide {
    display: none;
}

.c-table th {
    background: #333;
    color: #fff;
    border-color: #333;
}

.c-table th, .c-table td {
    padding: 8px;
    line-height: 1.43;
    border-top: 1px solid #dee2e6;
    font-weight: normal;
}

.c-label {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border-radius: 2px;
    border: 1px solid #dee2e6;
    background-color: #f9f9f9;
    position: relative;
    z-index: 12;
}

.c-label:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 8px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.c-check {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.c-check:checked+label {
    border-color: #0d6efd;
    background-color: #0d6efd;
}

.c-check:checked+label:after {
    opacity: 1;
}

.c-label:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    left: -8px;
    top: -8px;
    cursor: pointer;
}

.c-ck {
    width: 100%;
    text-align: center;
    position: relative;
}

.c-table tr {
    transition: all .2s;
}

.c-table tr:hover {
    background-color: #f5f5f5;
}

.c-no {
    color: #9ea3af;
}

.c-no i {
    margin-left: 10px;
    margin-right: 3px;
    font-size: 14px;
}

.c-yes {
    color: #0d6efd;
}

.c-yes i {
    margin-left: 10px;
    margin-right: 3px;
    font-size: 14px;
}

.lv-op {
    width: 8px;
    height: 10px;
    padding: 6px;
    margin-left: -6px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    box-sizing: content-box;
    visibility: hidden;
}

.lv-op:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-left: 8px solid #c6c7c8;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

[level="2"] .lv-op {
    margin-left: 10px;
}

[level="3"] .lv-op {
    margin-left: 25px;
}

[level="4"] .lv-op {
    margin-left: 40px;
}

[level="5"] .lv-op {
    margin-left: 55px;
}

[level="6"] .lv-op {
    margin-left: 70px;
}

[level="7"] .lv-op {
    margin-left: 85px;
}

[level="8"] .lv-op {
    margin-left: 100px;
}

[level="9"] .lv-op {
    margin-left: 115px;
}

.lv-file {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 15px;
    margin-right: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzk5QzEyMDY5RDgxMUVDOTE1M0U3MjdFNzk2REUyMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzk5QzEyMTY5RDgxMUVDOTE1M0U3MjdFNzk2REUyMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3OTlDMTFFNjlEODExRUM5MTUzRTcyN0U3OTZERTIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3OTlDMTFGNjlEODExRUM5MTUzRTcyN0U3OTZERTIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mPVR+gAAANhJREFUeNqskz0KwkAQhd9sIkIqK68gpBJE8tekzQFsPYJ3sLL0Cva29isIZps0ih7DC2h23BUMKSxM2FfNzMK3bx4MwUhKORoGQcEvPcGfIhK3NI32TX8qy9wj2oIxRUcxUHmEZRzHdyFAiz6QjwtgVtcobO2bJmx+0HWaZVnZB+q36qOFnEslO61HOGjmyv/xlndaj5ELjbWACwmaOwGZnAM3jqypdjYmaOUCZBW5AvVfjcFXJ6AsSVYm9V1fgL031tjQd6CUCp/M4y6QAdHDHOzF1m8BBgBlFzt1rTvWLgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.c-table tr.has-sub .lv-op {
    visibility: visible;
}

.c-table tr.show .lv-op:after {
    transform: rotate(90deg);
}

.c-table tr.show .lv-file {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDQzRkVDMzY5RDgxMUVDODU1MEREQTNCNDIwQjM3MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDQzRkVDNDY5RDgxMUVDODU1MEREQTNCNDIwQjM3MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI0NDNGRUMxNjlEODExRUM4NTUwRERBM0I0MjBCMzcyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI0NDNGRUMyNjlEODExRUM4NTUwRERBM0I0MjBCMzcyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A42cBgAAASVJREFUeNqkk7FKA0EQhmc2AR8hKAipfAHhssmB5FrRd7C1tbOKb2BnYyOk8w1Si9ksLAqKdkKa2NhahHC3v3uLR+7CEe4uX7c/zMfO7A7TP0qpbkzUpQrEy6WJoug3n7HW+shaXIPogqrzDYv7MOzfZIGIgfOakpQDFjxKu8iCNoPOClckvorJvlYUpqK5F1HRMunL3q1SelRWZa3lzWw61XuDQW9SECHBzNGxwKU7djaLXDsletCTUpHIR60WPwIiKJNsQ1garkXMH1LKT9dAQA1Yi4AfPwdQ0MAyz89o+Kxmxk3huK4nYX5pFx+tvsSxOJHyTdDuaN8diBe7WNyqvHsRI7lLd6eJxI3iIds3/8OMMfurVXIK2MMamq8wlOPs9CfAAAFvaLFqzm2DAAAAAElFTkSuQmCC);
}

.c-table tr.hide {
    display: none;
}

.page-box {
    width: 100%;
    background-color: #fff;
    padding: 15px 10px;
}

.page-left {
    float: left;
    padding-left: 10px;
}

.page-list {
    float: right;
    font-size: 14px;
    color: #666;
    padding-right: 10px;
}

.page-list a {
    padding: 6px 12px;
    border: 1px solid #dee2e6;
    user-select: none;
    font-size: 14px;
    color: #555;
    line-height: 1.43;
    min-width: 34px;
    text-align: center;
    position: relative;
    margin-right: 5px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.page-list a:hover {
    background-color: #f2f2f2;
}

.page-list a:active {
    background-color: #0d6efd;
    color: #fff;
}

.page-list a:last-child {
    margin-right: 0;
}

.page-num.active {
    border: none;
    cursor: default;
}

.page-num.active:hover {
    background-color: transparent;
}

.page-total {
    padding: 0 10px;
}

.has-menu {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.has-multi {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}

.has-multi .c-btn {
    width: 100%;
    height: 34px;
    padding-right: 15px;
    text-align: left;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.has-multi .c-btn:after {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
}

.menu-list {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 160px;
    max-height: 360px;
    overflow: auto;
    display: none;
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    z-index: 123;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0,0,0,0.18);
}

.menu-list.up {
    top: auto;
    bottom: 100%;
}

.menu-list a {
    display: block;
    line-height: 21px;
    font-size: 13px;
    color: #666;
    padding: 4px 12px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s;
}

.menu-list a.active, .menu-list a:hover {
    background-color: #e9ecef;
}

.menu-list a.hide {
    display: none;
}

.has-menu.active {
    z-index: 100 !important;
}

.has-menu.active .menu-list {
    display: block;
}

.has-menu.active .c-white {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.has-menu.active .c-blue {
    background-color: #19a9d5;
    border-color: #18a1cc;
}

.menu-line {
    width: 100%;
    height: 1px;
    margin: 1px 0;
    background-color: #e5e5e5;
}

.h-one .has-menu {
    width: 120px;
}

.menu-list [level="0"] {
    padding-left: 12px;
}

.menu-list [level="1"] {
    padding-left: 37px;
}

.menu-list [level="2"] {
    padding-left: 62px;
}

.menu-list [level="3"] {
    padding-left: 87px;
}

.menu-list [level="4"] {
    padding-left: 112px;
}

.menu-list [level="5"] {
    padding-left: 137px;
}

.menu-list [level="6"] {
    padding-left: 162px;
}

.menu-arrow {
    width: 16px;
    height: 21px;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 1px;
    cursor: pointer;
    position: relative;
}

.menu-arrow:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-left: 8px solid #c6c7c8;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.menu-arrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 100%;
    position: absolute;
    left: -12px;
    top: 0;
}

.has-sub.show .menu-arrow:after {
    transform: rotate(90deg);
}

.c-form .has-menu .c-btn {
    font-size: 12px;
}

.c-form .has-menu .menu-list a {
    font-size: 12px;
}

.c-form .has-multi .c-btn {
    font-size: 12px;
}

.has-cur {
    width: 100%;
}

.has-cur .c-btn {
    width: 100%;
    height: 34px;
    padding-right: 15px;
    text-align: left;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;
}

.has-cur .c-btn:after {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
}

.has-cur .menu-list {
    min-width: 100%;
}

.cate-top {
    width: 100%;
    margin-bottom: 20px;
}

.cate-top .c-tit {
    float: left;
    margin-bottom: 0;
}

.cate-top-right {
    float: right;
    font-size: 0;
}

.footer {
    width: 100%;
    height: 54px;
}

.footer-inner {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    color: #666;
    background: #fff;
    z-index: 99;
    opacity: .8;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    min-width: 320px;
}

.footer .footer-brand {
    font-size: 18px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.f-right {
    display: inline-block;
    vertical-align: middle
}

.back-top {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #1c2b36;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    position: fixed;
    right: -100px;
    bottom: 4px;
    z-index: 1234;
    cursor: pointer;
    transition: all .5s;
}

.back-top.show {
    right: 0;
}

.back-top:before {
    line-height: 45px;
    font-size: 28px;
}

.back-top:hover {
    background-color: #0d6efd;
}

@media(max-width: 750px) {
    .footer .footer-brand {
        display: none;
    }

    .back-top {
        bottom: 0;
    }

    .footer-inner {
        text-align: center;
    }
}

.label-s {
    font-size: 11px;
    color: #777;
    background-color: #d0d1cb;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 3px;
    line-height: 1;
}

.label-blue {
    color: #fff;
    background-color: #0d6efd;
}

.label-red {
    color: #fff;
    background-color: #dc3545;
}

.label-yellow {
    color: #fff;
    background-color: #ffc107;
}

.label-white {
    color: #666;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.label-green {
    color: #fff;
    background-color: #449d44;
}

.label-water {
    color: #000;
    background-color: #0dcaf0;
}

.c-thumb {
    width: 100%;
    background-color: #fff;
    font-size: 13px;
    padding: 14px 20px;
    margin-bottom: 20px;
    font-size: 0;
}

.c-thumb a {
    font-size: 14px;
    color: #666;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
    position: relative;
}

.c-thumb a:last-child {
    margin-right: 0;
}

.c-thumb a:after {
    content: "/";
    color: #ccc;
    position: absolute;
    right: -14px;
    top: 1px;
    font-size: 18px;
}

.c-thumb a:last-child:after {
    display: none;
}

.c-thumb a:hover {
    color: #0d6efd;
}

.c-thumb a:last-child:hover {
    color: #666;
}

.a-main {
    width: 100%;
    background-color: #fff;
}

.a-title {
    background-color: #0d6efd;
    color: #fff;
    padding: 15px;
}

.a-cont {
    width: 100%;
    padding: 15px;
}

.a-inner {
    width: 100%;
    padding: 15px;
}

.a-row {
    width: 100%;
    margin-bottom: 30px;
}

.a-row:last-child {
    margin-bottom: 0;
}

.a-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.a-col {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1px;
}

.a-dt {
    padding-top: 7px;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    color: #666;
}

.a-red {
    color: #f00;
}

.a-txt {
    width: 100%;
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
    color: #666;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    vertical-align: top;
    transition: all .3s;
}

.a-area {
    width: 100%;
    height: 150px;
    padding: 7px 12px;
    font-size: 13px;
    color: #666;
    line-height: 1.43;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    transition: all .3s;
}

.a-txt:focus, .a-area:focus {
    border-color: #86b7fe;
}

.a-tabs {
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #dee2e6;
}

.a-tab {
    display: inline-block;
    vertical-align: top;
    padding: 0 22px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    color: #aaa;
    background-color: transparent;
    transition: all .3s;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0 ;
}

.a-tab.active {
    cursor: default;
    color: #555;
    border-color: #dee2e6;
    border-bottom-color: #fff;
}

.a-tab:hover {
    background-color: #eee;
}

.a-tab.active:hover {
    background-color: transparent;
}

.a-tabs-main {
    width: 100%;
    display: flex;
}

.a-tabs-wrap {
    flex: 1;
    overflow: hidden;
}

.a-tabs-main .a-tabs {
    white-space: nowrap;
    display: inline-block;
    width: auto;
    position: relative;
    left: 0;
    min-width: 100%;
}

.a-tabs-main .a-tab {
    padding: 0 14px;
}

.a-tabs-arrow {
    width: 30px;
    height: 51px;
    cursor: pointer;
    position: relative;
    transition: background-color .3s;
    border-radius: 4px;
    display: none;
}

.a-tabs-arrow:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    transform: rotate(-45deg);
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -5px;
}

.a-tabs-next {
    transform: rotate(180deg);
}

.a-tabs-arrow:hover {
    background-color: #eee;
}

.a-tabs-main.show-arrow .a-tabs-arrow {
    display: block;
}

.a-panes {
    width: 100%;
}

.a-pane {
    width: 100%;
    position: absolute;
    left: -1000vw;
    top: -1000vh;
}

.a-pane.show {
    position: relative;
    left: 0;
    top: 0;
}

.a-subpanes {
    width: 100%;
}

.a-subpane {
    width: 100%;
    position: absolute;
    left: -1000vw;
    top: -1000vh;
}

.a-subpane.show {
    position: relative;
    left: 0;
    top: 0;
}

.a-radio-box {
    width: 100%;
}

.a-radio-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    line-height: 31px;
}

.a-radio {
    vertical-align: middle;
    width: 1em;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.a-col select {
    font-size: 13px;
}

.a-check-box {
    width: 100%;
}

.a-check-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    line-height: 31px;
}

.a-check {
    vertical-align: middle;
    width: 1em;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.a-12 {
    width: 100%
}

.a-11 {
    width: 91.666%
}

.a-10 {
    width: 83.333%
}

.a-9 {
    width: 75%
}

.a-8 {
    width: 66.666%
}

.a-7 {
    width: 58.333%
}

.a-6 {
    width: 50%
}

.a-5 {
    width: 41.666%
}

.a-4 {
    width: 33.333%
}

.a-3 {
    width: 25%
}

.a-2 {
    width: 16.666%
}

.a-1 {
    width: 8.333%
}

.a-submit {
    line-height: 34px;
    height: 34px;
    border: none;
    width: 50px
}

.a-switch {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 24px;
    border: 1px solid #d2d2d2;
    border-radius: 11px;
    min-width: 47px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
    margin-top: 4px;
    position: relative;
    transition: all .1s linear;
}

.a-switch:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d3d3d3;
    position: absolute;
    left: 3px;
    top: 3px;
    transition: all .1s linear;
    z-index: 3;
}

.a-yes {
    font-size: 12px;
    color: #999;
    display: none;
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 24px;
    z-index: 1;
}

.a-no {
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 24px;
    z-index: 1;
}

.a-switch.active {
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

.a-switch.active:after {
    left: calc(100% - 19px);
    background-color: #fff;
}

.a-switch.active .a-yes {
    display: inline-block;
    color: #fff;
}

.a-switch.active .a-no {
    display: none;
    color: #fff;
}

.upload-box {
    width: calc(100% + 5px);
    font-size: 0;
    margin-bottom: 10px;
    display: flex;
}

.up-btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 98px;
    height: 98px;
    margin-bottom: 5px;
    margin-right: 5px;
    background-image: url(../images/18.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
}

.up-file {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    position: relative;
    cursor: pointer;
}

.up-img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 5px;
}

.up-img img {
    max-width: 98px;
    max-height: 98px;
}

.upload-box .c-btn {
    vertical-align: middle;
}

.pre-list {
    width: 100%;
    flex: 1;
    font-size: 0;
    position: relative;
}

.pre-item {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pre-item:before, .pre-item:after {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
    background-color: #0d6efd;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.pre-item:after {
    left: auto;
    right: -10px;
}

.pre-item.here:before {
    visibility: visible;
    opacity: 0.7;
    transition: all .3s;
}

.pre-item.here.put-last:before {
    visibility: hidden;
    opacity: 0;
}

.pre-item.here.put-last:after {
    visibility: visible;
    opacity: 0.7;
    transition: all .3s;
}

.pre-item.dragging {
    z-index: 2;
    position: relative;
}

.pre-item.dragging.here:before {
    visibility: hidden;
    opacity: 0;
}

.pre-item.dragging .pre-del {
    display: none;
}

.pre-item.dragging .pre-open {
    display: none;
}

.pre-item.dragging.here.put-last:after {
    visibility: hidden;
    opacity: 0;
}

.pre-item.wait {
    position: relative;
    z-index: 0;
}

.pre-box {
    width: 100%;
    height: 150px;
    position: relative;
    background-image: url(../images/up-bg.png);
    cursor: move;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.pre-error .pre-box:after {
    content: "不能预览";
    font-size: 12px;
    color: #555;
    width: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    line-height: 18px;
    margin-top: -9px;
}

.pre-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}

.pre-del {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.pre-open {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff;
    font-weight: normal;
}

.pre-open:hover {
    color: #fff;
}

.pre-open:before {
    vertical-align: top;
}

.pre-text {
    width: 100%;
}

.pre-alt {
    width: 100%;
    border-radius: 0 0 4px 4px;
    background-color: transparent;
    font-size: 12px;
    text-align: center;
    padding: 0 0 0 3px;
}

.pre-item:hover .pre-del {
    visibility: visible;
    opacity: 1;
}

.pre-item:hover .pre-open {
    visibility: visible;
    opacity: 1;
}

.st-cards {
    width: 100%;
    font-size: 0;
}

.st-card {
    width: 22%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    padding-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 15px;
}

.st-dt {
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.st-card:nth-child(4n+1) .st-dt {
    background-color: #FF5722;
}

.st-card:nth-child(4n+2) .st-dt {
    background-color: #1E9FFF;
}

.st-card:nth-child(4n+3) .st-dt {
    background-color: #009688;
}

.st-card:nth-child(4n+4) .st-dt {
    background-color: #2F4056;
}

.st-dd {
    padding: 10px 15px 0;
    line-height: 24px;
    font-size: 30px;
    text-align: center;
}

.st-card:nth-child(4n+1) .st-dd {
    color: #FF5722;
}

.st-card:nth-child(4n+2) .st-dd {
    color: #1E9FFF;
}

.st-card:nth-child(4n+3) .st-dd {
    color: #009688;
}

.st-card:nth-child(4n+4) .st-dd {
    color: #2F4056;
}

.st-cp {
    color: green;
    font-size: 13px;
    text-align: center;
    padding-top: 10px;
}

.st-cp .icon-down {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    background-size: 100% 100%;
}

.st-cp .icon-up {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    background-size: 100% 100%;
}

.rank-main {
    width: 100%;
}

.rk-title {
    width: 1005;
    margin-bottom: 10px;
    padding: 15px;
    font-size: 17px;
    color: #666;
    line-height: 22px;
    border-left: 5px solid #009688;
    border-radius: 0 2px 2px 0;
}

.rk-table {
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.rk-table th {
    text-align: left;
    background-color: #f2f2f2;
    font-weight: normal;
}

.rk-table th, .rk-table td {
    padding: 9px 15px;
    font-size: 14px;
    color: #666;
    min-height: 20px;
    line-height: 20px;
    position: relative;
}

.rk-num {
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #2F4056;
    border-radius: 2px;
    position: relative;
}

.rk-table tr:nth-child(1) .rk-num {
    background-color: #FF5722;
}

.rk-table tr:nth-child(2) .rk-num {
    background-color: #1E9FFF;
}

.rk-table tr:nth-child(3) .rk-num {
    background-color: #009688;
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4EB5E6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92,196,239,.1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92,196,239,.5);
    background-color: rgba(92,196,239,.1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92,196,239,.5);
    background-color: rgba(92,196,239,.1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.hn-tip {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 987654321;
    background-color: rgba(0,0,0,0.1);
    transition: all .3s cubic-bezier(.25,.1,.25,1);
}

.hn-tip .hn-mask {
    background-color: transparent;
}

.hn-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%,-50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    border-radius: 2px;
    padding: 12px 25px;
    transition: all .3s cubic-bezier(.25,.1,.25,1);
}

.hn-tip.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-tip.show .hn-msg {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-load {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-load-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%,-50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.25,.1,.25,1);
}

.hn-load-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-image: url(../images/load.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.hn-load-title {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.hn-load.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-load.show .hn-load-cont {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-confirm {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-confirm-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);
}

.hn-confirm-title {
    padding: 0 80px 0 20px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-confirm-cont {
    width: 100%;
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
}

.hn-confirm-cont .highlight {
    color: red
}

.hn-confirm-btns {
    text-align: right;
    padding: 0 15px 12px;
    user-select: none;
    font-size: 0;
}

.hn-confirm-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-confirm-close:hover {
    opacity: 0.7;
}

.hn-confirm-btns .c-btn {
    margin-left: 10px;
}

.hn-confirm-btns .c-btn:first-child {
    margin-left: 0;
}

.hn-confirm.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-confirm.show .hn-confirm-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-html {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-html-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);
}

.hn-html-title {
    padding: 0 80px 0 10px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-html-cont {
    width: 100%;
    position: relative;
    padding: 10px;
    line-height: 24px;
    word-break: break-all;
    overflow: auto;
    font-size: 14px;
}

.hn-html-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-html-close:hover {
    opacity: 0.7;
}

.hn-html.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-html.show .hn-html-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-html-btns {
    text-align: right;
    padding: 15px 12px;
    user-select: none;
    font-size: 0;
    border-top: 1px solid #f0f0f0;
}

.hn-html-btns .c-btn {
    margin-left: 10px;
}

.hn-html.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-html.show .hn-html-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.lg-main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
}

.lg-bg {
    width: 100%;
    height: 58vh;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-position: center center;
}

.lg-inner {
    width: 1100px;
    height: 555px;
    background-color: #fff;
    box-shadow: 0px 1px 18px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -277px;
    margin-left: -550px;
}

.lg-left {
    float: left;
    width: 611px;
    padding-top: 66px;
    position: relative;
    margin-left: 174px;
}

.lg-icon {
    width: 48px;
    height: 48px;
    background-image: url(../images/logo.jpg);
    position: absolute;
    left: -70px;
    top: 66px;
    background-repeat: no-repeat;
}

.lg-en {
    font-size: 30px;
    color: #2b2b2b;
    line-height: 1.3;
}

.lg-zh {
    font-size: 15px;
    color: #2b2b2b;
    margin-bottom: 30px;
}

.lg-row {
    width: 100%;
    margin-bottom: 15px;
}

.lg-item {
    width: 367px;
    border: 1px solid #dbdbdb;
    font-size: 0;
    position: relative;
}

.lg-dt {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 50px;
    border-right: 1px solid #dbdbdb;
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 0 0 16px;
}

.lg-dd {
    width: 253px;
    height: 50px;
    padding-left: 25px;
    font-size: 14px;
    color: #2b2b2b;
    border: none;
    padding-left: 25px;
}

.lg-code {
    width: 245px;
}

.lg-right {
    float: right;
    width: 315px;
}

.lg-contact {
    width: 230px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    background-color: #3c8fff;
}

.lg-bot {
    text-align: right;
    padding-top: 13px;
    position: relative;
    width: 230px;
    margin: 40px auto 0 auto;
}

.lg-bot:before {
    content: "";
    display: inline-block;
    width: 90px;
    height: 1px;
    background-color: #eee;
    position: absolute;
    right: 0;
    top: 0;
}

.lg-help {
    display: inline-block;
    font-size: 12px;
    color: #999;
}

.lg-right-bot {
    width: 100%;
    height: 208px;
    border-left: 1px solid #e6e6e6;
    padding-top: 60px;
}

.lg-verify {
    width: 120px;
    height: 50px;
    vertical-align: top;
    cursor: pointer;
}

.lg-tip {
    font-size: 14px;
    color: red;
    width: 245px;
    padding-top: 15px;
    padding-left: 10px;
    position: absolute;
    left: 365px;
    top: 0;
    display: inline-block;
}

.lg-last {
    font-size: 0;
}

.lg-submit {
    width: 132px;
    height: 42px;
    line-height: 42px;
    padding-left: 25px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    background-color: #3c8fff;
    background-image: url(../images/btn.png);
    background-position: 100px center;
    background-repeat: no-repeat;
    transition: all .6s;
    border: none;
}

.lg-error {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: red;
    width: 475px;
    padding-left: 10px;
}

@media(max-width: 1100px) {
    .lg-inner {
        transform: scale(0.85);
    }

    .lg-bg {
        height: 100%;
    }
}

.up-div {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.up-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 987654321;
    background-color: rgba(0,0,0,0.1);
    transition: all .3s cubic-bezier(.25,.1,.25,1);
}

.up-dialog {
    width: auto;
    width: 800px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);
}

.up-title {
    padding: 0 80px 0 20px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
    background-color: #f6f6f6;
}

.up-cont {
    width: 100%;
    height: 401px;
    position: relative;
    padding: 5px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    background-color: #fff;
}

.up-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.up-close:hover {
    opacity: 0.7;
}

.up-btns {
    text-align: right;
    padding: 10px 15px;
    user-select: none;
    font-size: 0;
    background-color: #f6f6f6;
    border-top: 1px solid #f0f0f0;
}

.up-btns .c-btn {
    margin-left: 10px;
}

.up-btns .c-btn:first-child {
    margin-left: 0;
}

.up-div.show .up-mask {
    visibility: visible;
    opacity: 1;
}

.up-div.show .up-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.up-iframe {
    width: 100%;
    height: 401px;
}

.up-cont {
    width: 100%;
    height: 401px;
    overflow: auto;
}

.up-cont .a-pane {
    padding: 20px 0;
}

.up-cont .c-form {
    padding: 0 20px;
    margin-bottom: 20px;
}

.up-cont .a-dt {
    font-weight: normal;
    padding-right: 0;
}

.up-cont .page-list {
    padding: 20px 0 0;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    text-align: right;
    float: none;
}

.up-wrap {
    width: 100%;
    border: 1px solid #dee2e6;
    display: none;
}

.up-wrap.show {
    display: block;
}

.up-list {
    width: 100%;
    font-size: 0;
    padding: 15px;
}

.up-item {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}

.up-tit {
    font-size: 12px;
    color: #555;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 4;
    text-align: center;
    display: none;
    padding: 5px 0;
    line-height: 18px;
}

.up-pic {
    width: 100%;
    height: 110px;
    background-image: url(../images/up-bg.png);
    background-position: center center;
    position: relative;
    overflow: hidden;
}

.up-pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}

.up-progress {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    z-index: 4;
    background-color: #e9ecef;
}

.up-bar {
    width: 0;
    height: 8px;
    background-size: 8px 8px;
    background-color: #0d6efd;
    transition: width .6s;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.up-success {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../images/up-finish.png);
    background-repeat: no-repeat;
    z-index: 3;
}

.up-item.ing .up-progress {
    display: block;
}

.up-item.ok .up-success {
    display: block;
}

.up-item.ok .up-progress {
    display: none;
}

.up-item.preview-error .up-tit {
    display: block;
}

.up-item.preview-error .up-pic:after {
    content: "不能预览";
    font-size: 12px;
    color: #555;
    width: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    line-height: 18px;
    margin-top: -9px;
}

.up-more {
    display: none;
}

.up-more.show {
    display: inline-block;
}

.up-res {
    width: 100%;
    border-top: 1px solid #dee2e6;
    overflow: hidden;
    padding: 15px 20px;
}

.up-res.show {
    display: block;
}

.up-res-left {
    float: left;
    font-size: 0;
}

.up-res-right {
    float: right;
}

.up-res-text {
    display: inline-block;
    vertical-align: middle;
}

.up-res-row {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.up-res-tip {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.up-res-progress {
    width: 150px;
    background-color: #e9ecef;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}

.up-res-bar {
    width: 0;
    height: 16px;
    background-color: #0d6efd;
    transition: width .6s;
    position: relative;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.up-res.finish .up-res-row {
    line-height: 34px;
}

.up-res.finish .up-res-tip {
    display: none;
}

.up-res.finish .up-more.show {
    display: inline-block;
}

.up-res.finish .up-res-progress {
    display: none;
}

.result-area {
    width: 100%;
}

.file-list {
    width: 100%;
    font-size: 0;
    padding-bottom: 10px;
}

.file-item {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    position: relative;
    padding: 20px 0 10px;
    transition: all .3s;
    margin-right: 5px;
    margin-bottom: 5px;
}

.file-item:hover, .file-item-open {
    background-color: #e7f2fe;
}

.file-tit {
    font-size: 12px;
    color: #555;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.file-preview {
    width: 100px;
    height: 100px;
    background-image: url(../images/up-bg.png);
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.file-preview img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.file-op {
    width: 100%;
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 10;
}

.file-download, .file-del {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.file-item:hover .file-op {
    visibility: visible;
    opacity: 1;
}

.file-checkbox {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #0d6efd;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
    cursor: pointer;
}

.file-item:hover .file-checkbox {
    visibility: visible;
    opacity: 1;
}

.file-open, .file-item-open .file-checkbox {
    background-color: #0d6efd;
    visibility: visible;
    opacity: 1;
}

.file-open:after, .file-item-open .file-checkbox:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 3px;
    width: 14px;
    height: 8px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.ups-box {
    display: none;
    width: 760px;
    height: 234px;
    margin: 0 auto;
    padding-top: 98px;
    border: 3px dashed #e6e6e6;
    background-image: url(../images/up.png);
    background-position: center 33px;
    background-repeat: no-repeat;
    transition: all .3s;
}

.ups-box.show {
    display: block;
}

.ups-box.active {
    border-color: #999;
}

.ups-tip {
    font-size: 18px;
    color: #ccc;
    text-align: center;
}

.ups-row {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0;
}

.ups-file {
    position: absolute;
    left: -200vw;
    top: 0;
    width: 1px;
    height: 1px;
}

.ups-btn {
    width: 168px;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.6;
}

/*图片裁剪*/
.cut-open {
    cursor: pointer;
    position: absolute;
    left: 45px;
    top: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff;
    font-weight: normal;
}

.cut-open:hover {
    color: #fff;
}

.cut-open:before {
    vertical-align: top;
}

.pre-item:hover .cut-open {
    visibility: visible;
    opacity: 1;
}

/*自定义样式*/
.changeBoxHN {
    cursor: zoom-in;
}

/*2022-5-17 新增*/
.seo-table {
    background-color: #fff;
    text-align: left;
    color: #666;
}

.seo-table th {
    background-color: #f2f2f2;
    font-size: 13px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.seo-table th, .seo-table td {
    padding: 8px;
    line-height: 1.43;
    border-top: 1px solid #dee2e6;
    border: 1px solid #e6e6e6;
}

.seo-table td:nth-child(1) {
    text-align: center;
    font-size: 13px;
}

.seo-label {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    line-height: 1.43;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 3px 11px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    transition: all .3s;
    position: relative;
}

.seo-label input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.seo-list {
    font-size: 0;
    width: 370px;
}

.seo-label {
    margin: 6px;
}

.seo-label.selected {
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    color: #fff;
}

/*图片水印*/
.Grids9 {
    width: 260px;
}

.Grids9 a {
    float: left;
    width: 80px;
    height: 80px;
    border: solid 2px #ddd;
    display: block;
    line-height: 80px;
    line-height: 70px;
    text-align: center;
    margin: 0 -2px -2px 0;
    z-index: 1;
    position: relative;
}

.Grids9 a.hover {
    background: #3a8eff url(../images/g.png) center center no-repeat;
    color: #fff;
    z-index: 2;
}

/*访问分析-活跃访客*/
.vg-main {
    padding-top: 36px;
    padding-bottom: 15px;
    padding-right: 24px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0;
}

.vg-main * {
    line-height: 1;
    box-sizing: border-box;
}

.vg-main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.vg-left {
    padding-top: 54px;
    float: left;
    text-align: center;
    width: 239px;
    height: 125px;
    padding-top: 18px;
    border-right: 1px solid #e3e6e9;
}

.vg-title {
    margin-bottom: 13px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.vg-tit {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    height: 27px;
    padding-right: 25px;
    position: relative;
}

.vg-one {
    margin-bottom: 15px;
    font-size: 12px;
    color: #333;
}

.vg-item {
    margin-bottom: 15px;
    font-size: 12px;
    color: #333;
    position: relative;
}

.vg-item:last-child {
    margin-bottom: 0;
}

.vg-blue {
    color: #1690ff;
    font-weight: bold;
}

.vg-number {
    margin-bottom: 12px;
    font-size: 34px;
    color: #333;
    font-weight: bold;
}

.vg-bot {
    text-align: center;
    width: 100%;
}

.vg-a {
    font-size: 12px;
    color: #1690ff;
    cursor: pointer;
}

.vg-right {
    width: calc(100% - 239px);
    float: left;
    font-size: 0;
    display: flex;
}

.vg-date {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    padding-left: 13px;
}

.vg-col {
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.vg-list {
    border-right: 1px solid #e3e6e9;
    padding-right: 25px;
    min-height: 93px;
}

.vg-f1 {
    flex: 1;
}

.vg-arrow {
    height: 12px;
    position: absolute;
    right: -11px;
    top: 0;
}

.vg-tip {
    width: 13px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 0;
}

.vg-ask {
    width: 100%;
    height: 100%;
}

.vg-pop {
    width: 242px;
    padding: 10px 20px;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #7cbffb;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    border-radius: 2px;
    position: absolute;
    bottom: 24px;
    text-align: left;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.vg-tip:hover .vg-pop {
    visibility: visible;
    opacity: 1;
}

/*访问分析-趋势分析*/
.ts-main {
    margin-bottom: 32px;
    width: 100%;
}

.ts-row {
    font-size: 0;
    margin-bottom: 18px;
}

.ts-box {
    padding: 18px 25px 19px 19px;
    border: 1px solid #f1f1f1;
    font-size: 0;
    width: 100%;
}

.ts-col {
    display: inline-block;
    vertical-align: top;
}

.ts-col1 {
    width: 15%;
}

.ts-col2 {
    width: 15%
}

.ts-col3 {
    width: 15%
}

.ts-t {
    font-size: 12px;
    color: #333;
    margin-bottom: 13px;
    font-weight: bold;
}

.ts-dl {
    width: 100%;
    font-size: 0;
}

.ts-dt {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    width: 82px;
}

.ts-dd {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
    margin-left: 0;
    width: calc(100% - 82px);
}

.ts-dd a {
    color: #1690ff;
}

.ts-col3 .ts-dt {
    width: 70px;
}

.ts-col3 .ts-dd {
    width: calc(100% - 70px);
}

.ts-tit {
    margin-bottom: 17px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.ts-code {
    font-size: 12px;
    color: #666;
}

.ts-tb {
    width: 100%;
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
    border-spacing: 0;
}

.ts-tr {
    width: 100%;
}

.ts-head {
    background-color: #f1f1f1;
}

.ts-th {
    font-size: 12px;
    color: #333;
    line-height: 39px;
    text-align: left;
    border: none;
    padding: 0 0 0 19px;
}

.ts-td {
    font-size: 12px;
    color: #333;
    line-height: 32px;
    border: none;
    padding: 0 0 0 19px;
}

.ts-td a {
    color: #1690ff;
}


    /* Modal Container */
.copy-lang-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
}

/* Modal Content Box */
.copy-lang-modal .modal-content {
  background: white;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  padding: 24px;
  max-width: 500px;
  width: 90%;
  margin: 0 auto;
}

/* Title */
.copy-lang-modal .modal-title {
  margin: 0 0 20px;
  font-size: 1.25rem;
  color: #333;
  text-align: center;
}

/* Form Group */
.copy-lang-modal .form-group {
  margin-bottom: 20px;
}

.copy-lang-modal .form-label {
  margin-bottom: 8px;
  color: #555;
}

/* Radio & Checkbox Options */
.copy-lang-modal .radio-option,
.copy-lang-modal .checkbox-option {
  display: block;
  margin: 6px 0;
  cursor: pointer;
  user-select: none;
}

.copy-lang-modal .radio-option input,
.copy-lang-modal .checkbox-option input {
  margin-right: 8px;
  transform: scale(1.1);
}

/* Divider */
.copy-lang-modal .divider {
  margin: 16px 0;
  border-color: #eee;
}

/* Buttons */
.copy-lang-modal .modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 16px;
}

.copy-lang-modal .btn {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.copy-lang-modal .btn-primary {
  background-color: #007bff;
  color: white;
}

.copy-lang-modal .btn-primary:hover {
  background-color: #0056b3;
}

.copy-lang-modal .btn-secondary {
  background-color: #6c757d;
  color: white;
}

.copy-lang-modal .btn-secondary:hover {
  background-color: #545b62;
}