﻿
.text-caution {
    color: #F90;
}
.text-warn {
    color: #f75222;
}
.text-ok {
    color: #20a800;
}
.text-grey {
    color: #8f8f8f;
}

.icon-info {
    background: url(/images/notice.png) no-repeat scroll 0px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-warn {
    background: url(/images/notice.png) no-repeat scroll -15px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-error {
    background: url(/images/notice.png) no-repeat scroll -30px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-ok {
    background: url(/images/notice.png) no-repeat scroll -45px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-question {
    background: url(/images/notice.png) no-repeat scroll -60px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-stop {
    background: url(/images/notice.png) no-repeat scroll -76px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-process {
    background: url(/images/notice.png) no-repeat scroll -91px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-big-info {
    background: url(/images/notice.png) no-repeat scroll 0px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-warn {
    background: url(/images/notice.png) no-repeat scroll -33px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-error {
    background: url(/images/notice.png) no-repeat scroll -66px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-ok {
    background: url(/images/notice.png) no-repeat scroll -99px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-question {
    background: url(/images/notice.png) no-repeat scroll -132px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-stop {
    background: url(/images/notice.png) no-repeat scroll -165px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.icon-big-process {
    background: url(/images/notice.png) no-repeat scroll -198px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.loading-img {
    width: 20px;
    height: 20px;
}

/*按钮组合定义*/
.btn-large {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    background-color: #2fb7aa;
    font-weight: 600;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    padding: 0 18px;
    outline: 0;
}
    .btn-large:hover {
        background-color: #2da499;
    }
    .btn-large:active {
        background-color: #2b9b90;
    }
    .btn-large + .btn-large {
        margin-left: 10px;
    }

.btn-medium {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 3px;
    color: #fff !important;
    background-color: #2fb7aa;
    font-weight: 600;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    padding: 0 16px;
    outline: 0;
}
    .btn-medium:hover {
        background-color: #2da499;
    }
    .btn-medium:active {
        background-color: #2b9b90;
    }
    .btn-medium + .btn-medium {
        margin-left: 10px;
    }

.btn-small {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 3px;
    color: #fff !important;
    background-color: #2fb7aa;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
    height: 32px;
    padding: 0 12px;
    outline: 0;
}
    .btn-small:hover {
        background-color: #2da499;
    }
    .btn-small:active {
        background-color: #2b9b90;
    }
    .btn-small + .btn-small {
        margin-left: 10px;
    }


.btn-blue {
    background-color: #41a3ed;
}
    .btn-blue:hover {
        background-color: #3e9ae0;
    }
    .btn-blue:active {
        background-color: #3c92d4;
    }

.btn-orange {
    background-color: #ff8500;
}
    .btn-orange:hover {
        background-color: #e17500;
    }
    .btn-orange:active {
        background-color: #d06c00;
    }


.btn-disabled {
    color: #b5b5b5 !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #e6e6e6 !important;
    cursor: default !important;
}

.captcha-img {
    cursor: pointer;
    border: 1px solid #ccc;
    vertical-align: bottom;
}

.captcha-anchor {
    font-size: 12px;
    text-decoration: none;
    color: #337ab7;
    margin-left: 2px;
}

.input-text {
    font: 14px "Arial";
    border-radius: 2px;
    height: 38px;
    line-height: 1;
    padding: 0 10px;
    border: 1px solid #CCC;
    color: #595959;
    outline: 0;
}
    .input-text:hover {
        border-color: #a6a6a6;
    }
    .input-text:focus {
        border-color: #3f82ef;
        box-shadow: 0 0 0 1px rgba(85,132,255,.2);
    }

.nav-em {
    position: absolute;
    line-height: 15px;
    display: inline-block;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    background: #ff662c;
    padding: 1px 6px;
    font-style: normal;
}
.nav-em-mem {
    top: 8px;
    right: 3px;
    border-radius: 8px 8px 8px 0;
}
.nav-em-uc {
    top: -10px;
    right: 40px;
    border-radius: 8px 8px 8px 0;
}

.body-default {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}