/*@font-face {
    font-family: 'syht';
    src: url('../../../assets/fonts/思源黑体SourceHanSansCN-Normal.otf') format('opentype');
}*/

* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif, '微软雅黑';
}

a {
    text-decoration: none;
    outline: none;
    color: #06C;
}

.form-control2 {
    display: inline-block;
    padding: 0px 5px;
    width: 100%;
    /*height: calc(1.5em + .75rem +0px);*/
    height: 28px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-control2 {
        transition: none
    }
}

.form-control2::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control2:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control2:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control2::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control2::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control2:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control2::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control2::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control2:disabled, .form-control2[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control2, input[type=datetime-local].form-control2, input[type=month].form-control2, input[type=time].form-control2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control2:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.Heigth_30 {
    height: 30px;
}

.Heigth_25 {
    height: 25px;
}

.Heigth_100 {
    height: 100px;
}

.Width_600 {
    width: 600px;
}

.Width_300 {
    width: 300px;
}

.Width_150 {
    width: 150px;
}

.Width_100 {
    width: 100px;
}

.Width_60 {
    width: 60px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    /*border: 1px solid transparent;*/
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #8c8c8c !important;
    }

    .btn-default:hover {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333 !important;
            background-color: #d4d4d4 !important;
            border-color: #8c8c8c !important;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none !important;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff !important;
        border-color: #ccc !important;
    }

    .btn-default .badge {
        color: #fff !important;
        background-color: #333 !important;
    }

.btn-main {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: #409eff !important;
}

    .btn-main:focus,
    .btn-main.focus {
        color: #fff !important;
        background-color: #66b1ff !important;
        border-color: #66b1ff !important;
    }

    .btn-main:hover {
        color: #fff !important;
        background-color: #66b1ff !important;
        border-color: #66b1ff !important;
    }

    .btn-main:active,
    .btn-main.active,
    .open > .dropdown-toggle.btn-main {
        color: #fff !important;
        background-color: #3a8ee6 !important;
        border-color: #3a8ee6 !important;
    }

        .btn-main:active:hover,
        .btn-main.active:hover,
        .open > .dropdown-toggle.btn-main:hover,
        .btn-main:active:focus,
        .btn-main.active:focus,
        .open > .dropdown-toggle.btn-main:focus,
        .btn-main:active.focus,
        .btn-main.active.focus,
        .open > .dropdown-toggle.btn-main.focus {
            color: #fff !important;
            background-color: #3a8ee6 !important;
            border-color: #122b40 !important;
        }

    .btn-main:active,
    .btn-main.active,
    .open > .dropdown-toggle.btn-main {
        background-image: none !important;
    }

    .btn-main.disabled:hover,
    .btn-main[disabled]:hover,
    fieldset[disabled] .btn-main:hover,
    .btn-main.disabled:focus,
    .btn-main[disabled]:focus,
    fieldset[disabled] .btn-main:focus,
    .btn-main.disabled.focus,
    .btn-main[disabled].focus,
    fieldset[disabled] .btn-main.focus {
        background-color: #a0cfff !important;
        border-color: #a0cfff !important;
    }

    .btn-main .badge {
        color: #a0cfff !important;
        background-color: #fff !important;
    }

.btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff !important;
        background-color: #286090 !important;
        border-color: #122b40 !important;
    }

    .btn-primary:hover {
        color: #fff !important;
        background-color: #286090 !important;
        border-color: #204d74 !important;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff !important;
        background-color: #286090 !important;
        border-color: #204d74 !important;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff !important;
            background-color: #204d74 !important;
            border-color: #122b40 !important;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none !important;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7 !important;
        border-color: #2e6da4 !important;
    }

    .btn-primary .badge {
        color: #337ab7 !important;
        background-color: #fff !important;
    }

.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff !important;
        background-color: #449d44 !important;
        border-color: #255625 !important;
    }

    .btn-success:hover {
        color: #fff !important;
        background-color: #449d44 !important;
        border-color: #398439 !important;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff !important;
        background-color: #449d44 !important;
        border-color: #398439 !important;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff !important;
            background-color: #398439 !important;
            border-color: #255625 !important;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none !important;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c !important;
        border-color: #4cae4c !important;
    }

    .btn-success .badge {
        color: #5cb85c !important;
        background-color: #fff !important;
    }

.btn-info {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff !important;
        background-color: #31b0d5 !important;
        border-color: #1b6d85 !important;
    }

    .btn-info:hover {
        color: #fff !important;
        background-color: #31b0d5 !important;
        border-color: #269abc !important;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff !important;
        background-color: #31b0d5 !important;
        border-color: #269abc !important;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #fff !important;
            background-color: #269abc !important;
            border-color: #1b6d85 !important;
        }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none !important;
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de !important;
        border-color: #46b8da !important;
    }

    .btn-info .badge {
        color: #5bc0de !important;
        background-color: #fff !important;
    }

.btn-warning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff !important;
        background-color: #ec971f !important;
        border-color: #985f0d !important;
    }

    .btn-warning:hover {
        color: #fff !important;
        background-color: #ec971f !important;
        border-color: #d58512 !important;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff !important;
        background-color: #ec971f !important;
        border-color: #d58512 !important;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #fff !important;
            background-color: #d58512 !important;
            border-color: #985f0d !important;
        }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none !important;
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e !important;
        border-color: #eea236 !important;
    }

    .btn-warning .badge {
        color: #f0ad4e !important;
        background-color: #fff !important;
    }

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff !important;
        background-color: #c9302c !important;
        border-color: #761c19 !important;
    }

    .btn-danger:hover {
        color: #fff !important;
        background-color: #c9302c !important;
        border-color: #ac2925 !important;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff !important;
        background-color: #c9302c !important;
        border-color: #ac2925 !important;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff !important;
            background-color: #ac2925 !important;
            border-color: #761c19 !important;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none !important;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f !important;
        border-color: #d43f3a !important;
    }

    .btn-danger .badge {
        color: #d9534f !important;
        background-color: #fff !important;
    }

.btn-outline-primary {
    color: #40a9ff;
    border-color: #40a9ff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #40a9ff;
        border-color: #40a9ff
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #40a9ff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #40a9ff;
        border-color: #40a9ff
    }




textarea {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #606266;
}

    /*呼吸灯*/
    textarea:focus {
        -webkit-animation: glow 1300ms ease-out infinite alternate;
        -moz-animation: glow 1300ms ease-out infinite alternate;
        -o-animation: glow 1300ms ease-out infinite alternate;
        -ms-animation: glow 1300ms ease-out infinite alternate;
        /*这里使用了呼吸动画*/
        animation: glow 1300ms ease-out infinite alternate;
        outline: none;
        outline-offset: 0px;
        border-radius: 5px;
    }
/*以下定义动画帧*/
@-webkit-keyframes glow {
    0% {
        border-color: #c4e0fe;
        box-shadow: 0 0 5px rgba(174, 181, 233, 0.20), inset 0 0 5px rgba(166, 186, 242, 0.10), 0 0 0 #000;
    }

    100% {
        border-color: #a4b1fe;
        box-shadow: 0 0 10px rgba(113, 115, 248, 0.60), inset 0 0 7.5px rgba(124, 131, 248, 0.40), 0 0 0 #000;
    }
}

@-moz-keyframes glow {
    0% {
        border-color: #c4e0fe;
        box-shadow: 0 0 5px rgba(174, 181, 233, 0.20), inset 0 0 5px rgba(166, 186, 242, 0.10), 0 0 0 #000;
    }

    100% {
        border-color: #a4b1fe;
        box-shadow: 0 0 10px rgba(113, 115, 248, 0.60), inset 0 0 7.5px rgba(124, 131, 248, 0.40), 0 0 0 #000;
    }
}

@-o-keyframes glow {
    0% {
        border-color: #c4e0fe;
        box-shadow: 0 0 5px rgba(174, 181, 233, 0.20), inset 0 0 5px rgba(166, 186, 242, 0.10), 0 0 0 #000;
    }

    100% {
        border-color: #a4b1fe;
        box-shadow: 0 0 10px rgba(113, 115, 248, 0.60), inset 0 0 7.5px rgba(124, 131, 248, 0.40), 0 0 0 #000;
    }
}

@-ms-keyframes glow {
    0% {
        border-color: #c4e0fe;
        box-shadow: 0 0 5px rgba(174, 181, 233, 0.20), inset 0 0 5px rgba(166, 186, 242, 0.10), 0 0 0 #000;
    }

    100% {
        border-color: #a4b1fe;
        box-shadow: 0 0 10px rgba(113, 115, 248, 0.60), inset 0 0 7.5px rgba(124, 131, 248, 0.40), 0 0 0 #000;
    }
}

@keyframes glow {
    0% {
        border-color: #c4e0fe;
        box-shadow: 0 0 5px rgba(174, 181, 233, 0.20), inset 0 0 5px rgba(166, 186, 242, 0.10), 0 0 0 #000;
    }

    100% {
        border-color: #a4b1fe;
        box-shadow: 0 0 10px rgba(113, 115, 248, 0.60), inset 0 0 7.5px rgba(124, 131, 248, 0.40), 0 0 0 #000;
    }
}
/***********数据表格工具按钮图标颜色***********/
.l-btn-icon-left .l-btn-icon {
    left: 10px;
    top: 54%;
}

.l-btn-icon-left .fa-check,
.l-btn-icon-left .fa-plus-square-o,
.l-btn-icon-left .fa-map-signs,
.l-btn-icon-left .fa-wheelchair-alt,
.l-btn-icon-left .fa-briefcase {
    color: #009933;
}

.l-btn-icon-left .fa-recycle,
.l-btn-icon-left .fa-graduation-cap,
.l-btn-icon-left .fa-users,
.l-btn-icon-left .fa-jpy {
    color: #999900;
}

.l-btn-icon-left .fa-reorder,
.l-btn-icon-left .fa-sliders {
    color: #3399FF;
}

.l-btn-icon-left .fa-tag {
    color: #33CCFF;
}

.l-btn-icon-left .fa-ban {
    color: #FF3333;
}

.l-btn-icon-left .fa-file-excel {
    color: #336633;
}

.l-btn-icon-left .fa-eye {
    color: #333333;
}
/***************手机预览CSS**************/
.iphone {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #b9b4b4, 0 0 30px 0px rgba(127, 127, 127, 0.7);
    border: 5px solid #d9dbdc;
    background: #f8f8f8;
    padding: 10.5px;
    border-radius: 50px;
    height: 621px;
    width: 300px;
    position: relative;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: -50px;
}

.iphone-top {
    padding: 3.5px 77px 28px;
    position: relative;
}

    .iphone-top .speaker {
        display: block;
        width: 49px;
        height: 4.2px;
        margin: 0 auto;
        border-radius: 6px;
        background: #292728;
    }

    .iphone-top .camera {
        display: block;
        margin: 0 auto;
        height: 7px;
        width: 7px;
        border-radius: 50%;
        margin-bottom: 9.1px;
        background: #333;
    }

    .iphone-top .sensor {
        display: block;
        width: 10.99px;
        height: 10.99px;
        float: left;
        background: #333;
        margin-top: -3.5px;
        border-radius: 50%;
    }

.iphone .top-bar, .iphone .bottom-bar {
    display: block;
    width: 296.1px;
    height: 10.5px;
    border-left: 5px solid #BBB;
    border-right: 5px solid #BBB;
    position: absolute;
    left: -3.5px;
}

.iphone .top-bar {
    top: 65px;
}

.iphone .bottom-bar {
    bottom: 45.5px;
}

.iphone-screen {
    background: #eee;
    border: 1px solid #fff;
    height: 473.9px;
    width: 262.5px;
    margin: 0 auto;
    border: 1px solid rgba(162, 161, 161, 0.9);
    border-radius: 3px;
    /*background-image: url("/Content/Skin/Images/NewPhoneBg.jpg");*/
    background-size: cover;
    overflow: hidden;
}

    .iphone-screen img {
        width: 100%;
    }

    .iphone-screen div {
        font-size: 16px;
        width: 78%;
        max-height: 72%;
    }

.iphone .buttons .on-off, .iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    display: block;
    background: #CCC;
    position: absolute;
    border-radius: 2px 0px 0px 2px;
}

.iphone .buttons .on-off {
    height: 28px;
    width: 2.1px;
    top: 70px;
    left: -5.6px;
}

.iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    height: 42px;
    width: 3.5px;
    left: -70px;
}

.iphone .buttons .up {
    top: 119px;
}

.iphone .buttons .down {
    top: 175px;
}

.iphone .buttons .sleep {
    left: auto;
    right: -7px;
    top: 119px;
    border-radius: 0px 2px 2px 0px;
}

.iphone-bottom {
    padding: 7px 0 0;
}

    .iphone-bottom span {
        display: block;
        margin: 0 auto;
        width: 47.6px;
        height: 47.6px;
        background: #ccc;
        border-radius: 50%;
        background: -webkit-linear-gradient(315deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
        background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
        position: relative;
    }

        .iphone-bottom span:after {
            content: "";
            display: block;
            width: 42px;
            height: 42px;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            left: 4px;
            top: 4px;
        }
/*******************5G卡片预览图*********************/
.divPreview {
    margin: 0px;
    padding: 0px;
    width: 280px;
    height: 506px;
    -moz-box-shadow: 2px 2px 5px #888888; /* 老的 Firefox */
    box-shadow: 2px 2px 5px #888888;
    /*position: absolute;*/
    font-size: 13px;
    left: 12%;
}

    .divPreview .previewHead {
        transform: scale(0.6);
        text-align: center;
    }

.previewHead2 {
    margin: 5px;
    text-align: center;
}

    .previewHead2 .fa-chevron-left {
        float: left;
        padding-left: 10px;
        margin-top: 3px;
    }

    .previewHead2 span {
        margin-left: -20px;
    }

.divPreview .previewBody {
    background-color: #efeeee;
    width: 100%;
    height: 83%;
}

    .divPreview .previewBody.txt {
        background-color: #fff;
    }

.divPreview .previewFoot button {
    border: 0px;
    border-radius: 0px;
}

.divPreview .previewFoot i {
    font-size: 18px;
    margin-left: 12px;
}

.divPreview #cardMsgPreview {
    border-radius: 20px;
    background-color: #fff;
    max-height: 76%;
    width: 83%;
    position: absolute;
    left: 20px;
    top: 68px;
    overflow-x: hidden;
    overflow-y: auto;
}


.previewBody .cardTitle {
    margin: 5px 10px;
}

.previewBody .cardContent {
    margin: 5px 10px;
    /*max-height: 50px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    /*white-space:nowrap;*/
}

.head-1 {
    float: left;
    position: absolute;
    left: -84px;
}

.head-2 {
    float: right;
    position: absolute;
    right: -82px;
}

.topImg {
    height: 86px;
    width: 100%;
    overflow: hidden;
}

    .topImg img {
        max-width: 100%;
    }

.cardInternalBtn {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #3b3381;
    margin-top: 5px;
    margin-bottom: 15px;
}

    .cardInternalBtn a {
        display: block;
        /*border:1px solid #333;*/
        max-width: 60%;
        /*border-radius:15px;*/
        /*cursor:pointer;*/
        margin: 5px auto;
        padding: 2px;
    }

.cardTitle {
    font-size: 15px;
    font-weight: 600;
}

.floatingBtn {
    position: absolute;
    bottom: 40px;
    right: 2px;
}

.txtContent {
    padding: 8px;
}

    .txtContent.txt {
        background-color: #eee;
    }

    .txtContent p {
        margin-bottom: 2px;
    }

.voiceContent {
    padding: 8px;
    font-size: 18px;
    cursor: pointer;
    color: #66b1ff;
}

.imgContent img {
    max-width: 100%;
}

.previewFoot-main {
    width: 90%;
    margin: auto;
    border-radius: 10px;
    background-color: #eee;
}

.previewFoot i.btn:nth-child(1) {
    margin: 2px 0px 2px 10px;
    padding: 0px;
}

.previewFoot i.btn:nth-child(2) {
    margin: 0px;
    padding: 0px;
}

.previewFoot i.btn:last-child {
    float: right;
    padding: 0px;
    margin: 2px 5px;
}
/*******************5G卡片预览图 end*********************/
.table_Search {
    font-size: 13px;
}

ul {
    list-style-type: none;
}

.table_Search {
    width: auto !important;
}

    .table_Search tr td {
        padding: 3px;
    }

        .table_Search tr td input {
            width: 150px !important;
        }

        .table_Search tr td:nth-child(odd) {
            /*width: 6%;*/
            width: 72px !important;
            text-align: left !important;
        }

    .table_Search button {
        float: right;
    }

#divDataListWrapper {
    margin-top: 5px;
}

.textbox-text {
    height: 25px !important;
    line-height: 25px !important;
    font-size: 13px !important;
}
/************导入提示增加**************/
#spanDelIco {
    background-position: left center;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url('../Images/IcoDelete.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#spanTip {
    padding: 10px;
    border: 1px solid #ffcc99;
    color: #666666;
    background-color: #FFFFCC;
    font-size: 13px;
    margin-bottom: 5px;
    position: relative;
    display: none;
}

.btnNum {
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
}

/*************************layer样式重写 Start***************************/
.layui-layer-title {
    padding: 14px 16px !important;
    border-radius: 6px 6px 0 0 !important;
    background: #fff !important;
    color: #666 !important;
    border-bottom: 1px solid #e9e9e9 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
}

.layui-layer-btn {
    border-top: 1px solid #e9e9e9 !important;
    padding: 10px 18px 10px 10px !important;
    text-align: right !important;
    border-radius: 0 0 6px 6px !important;
}

.layui-layer-dialog {
    /*position: relative !important;*/
    background-color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    background-clip: padding-box !important;
}

    .layui-layer-dialog .layui-layer-content {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

.layui-layer-btn a {
    border-radius: 6px !important;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #2db7f5 !important;
    background-color: #2db7f5 !important;
    color: #fff !important;
}

.layui-layer-iframe {
    border-radius: 5px !important;
}

.layui-layer-content iframe {
    border-radius: 5px !important;
}

@media screen and (max-width:991px) {
    /*移动端处理*/
    .layui-layer-iframe {
        width: 100% !important;
        height: 100% !important;
        top: 0px !important;
        left: 0px !important;
    }
}


.Sign-btn {
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 3px;
    color: #797878;
    position: relative;
}

    .Sign-btn:hover {
        border: 1px solid #40a9ff !important;
        transition: all .3s;
    }

    .Sign-btn.active, #customSign.active {
        border-radius: 3px;
        color: #40a9ff;
        border: 1px solid #40a9ff !important;
        transition: all .3s;
    }

        #customSign.active span, #customSign.active input {
            color: #40a9ff;
            transition: all .3s;
        }

        .Sign-btn.active img, #customSign.active img {
            display: block !important;
            transition: all .3s;
        }

        #customSign.active input {
            border: 1px solid transparent;
            transition: all .3s;
        }

.FeeTotal {
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 8px;
}

    .FeeTotal strong {
        font-size: 16px;
    }

/*************************************按钮流光**********************/
.rotateAll {
    overflow: hidden;
}

.rotate {
    position: absolute;
    display: block
}

    .rotate:nth-child(2) {
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg,transparent,#03e9f4);
        animation: animate1 3s linear infinite;
        animation-delay: 3.5s
    }

@keyframes animate1 {
    0% {
        left: -100%
    }

    50%,100% {
        left: 100%
    }
}

.rotate:nth-child(3) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#03e9f4);
    animation: animate2 3s linear infinite;
    animation-delay: 1.25s
}

@keyframes animate2 {
    0% {
        top: -100%
    }

    50%,100% {
        top: 100%
    }
}

.rotate:nth-child(4) {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#03e9f4);
    animation: animate3 3s linear infinite;
    animation-delay: 2s
}

@keyframes animate3 {
    0% {
        right: -100%
    }

    50%,100% {
        right: 100%
    }
}

.rotate:nth-child(5) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#03e9f4);
    animation: animate4 3s linear infinite;
    animation-delay: 2.75s
}

@keyframes animate4 {
    0% {
        bottom: -100%
    }

    50%,100% {
        bottom: 100%
    }
}

.form-control {
    padding: .375rem .75rem !important;
}



/*谷歌去除箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*火狐去除箭头*/
input[type="number"] {
    -moz-appearance: textfield;
}


/*****************************************************邮箱样式Start***********************************************************/
.e-email-list {
    border-radius: 4px;
    margin: 2px 5px;
}

.e_entry_pos_holder, .e-email-list {
    float: left;
    position: relative;
    overflow: hidden;
    *overflow: visible;
    _overflow: hidden;
    zoom: 1;
}

.e_entry_label_wrap {
    padding: 0 6px;
    line-height: 24px;
    cursor: pointer;
    height: auto;
    float: left;
    white-space: nowrap;
    color: #3c3b4f;
    font-size: 12px;
    background-color: #daeeff;
}

.e-send-input {
    border: 0px;
}

.e_rcp_email {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 1px;
    left: 50%;
}

.e_entry_end {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 1px;
    right: 51%;
}

.e_entry_editor_item_wrap .e-send-edite {
    color: rgba(23,26,29,1);
}

.e-send-edite {
    background-color: #b8d2fe;
}

.component_turn_bright .e_entry_wrap_warning .e_rcp_info_i, .e_entry_wrap_warning .e_rcp_info_i {
    background-color: #ffa033;
    color: #fff;
}

.e_rcp_info_i {
    left: 0;
    top: 0;
    padding: 6px;
}

.e-send-edite {
    color: rgba(23,26,29,.6);
    cursor: pointer;
    margin-left: 1px;
    top: 0;
    right: 0;
    background-color: #daeeff;
    height: auto;
    padding: 6px 4px 5px 3px;
}

.e-email-list .e_entry_label_wrap, .e_rcpwell_wrap .e-send-edite, .e_rcpwell_wrap .e_entry_label_wrap {
    background-color: #b8d2fe !important;
    color: rgba(23,26,29,1);
}

    .e-email-list .e_entry_label_wrap:hover, .e_rcpwell_wrap .e-send-edite:hover, .e_rcpwell_wrap .e_entry_label_wrap:hover {
        background-color: #7aadfd !important;
    }

.e-email-list.active .e_entry_label_wrap {
    background-color: #3a82fc !important;
    color: #fff;
}

.e-send-edite:hover {
    background-color: #7aadfd !important;
}

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

.e-selector {
    font-size: 14px;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    border-radius: 2px;
    padding: 5px 30px 5px 5px;
    background-color: #fff;
    box-sizing: content-box;
    display: inline-block;
    cursor: pointer;
    zoom: 1
}

.e-moreItem {
    position: relative;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
    padding-right: 18px;
    zoom: 1;
}

.e-from-label {
    font-size: 12px;
    margin-right: 10px;
    background-color: transparent
}

.e-darft-save {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    padding-right: 20px
}

.attach-wrap {
    position: relative;
    background-color: rgb(82 160 238 / 12%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e7e868e', endColorstr='#1e7e868e');
    width: 210px;
    height: 54px;
    padding-left: 56px;
    font-size: 12px;
    margin: 0 16px 24px 0;
    border-radius: 2px
}

    .attach-wrap:hover .attach-op-wrap {
        visibility: visible;
    }

.attach-file-i {
    position: absolute;
    top: 11px;
    left: 11px;
    font-size: 32px;
    z-index: 1
}

.attach-name {
    padding-top: 12px;
    color: rgba(23,26,29,1);
}

.attach-size {
    padding-bottom: 4px;
    color: rgba(23,26,29,.6);
}

.attach-name, .attach-size {
    line-height: 16px;
    font-size: 12px;
    padding-right: 12px;
}

.attach-wrap:hover .attach-name, .attach-wrap:hover .attach-size {
    opacity: .2;
    filter: alpha(opacity=20);
}

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

.attach-op-wrap {
    padding: 11px;
    height: 50px;
    width: 188px;
    z-index: 5;
    visibility: hidden;
}

.e-abs-top-right {
    overflow: hidden;
    zoom: 1;
    position: absolute;
    right: 0;
    top: 0;
}

.e-i {
    color: rgba(23,26,29,.6);
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-family: sqm !important;
    color: #666;
}

.attach-op-i {
    float: right;
    margin-left: 4px;
}

.e-i-32 {
    width: 32px;
    height: 32px;
    font-size: 14px;
    text-align: left;
    line-height: 32px;
    padding-left: 8px;
    border-radius: 2px;
}

    .e-i-32:hover {
        background-color: rgba(0,0,0,.08);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14000000', endColorstr='#14000000');
    }
/*****************************************************邮箱样式End***********************************************************/

/*工具栏图标强制显示*/
.l-btn-icon {
    font-size: 12px !important
}

button:disabled,
.btn:disabled,
.btn-default:disabled {
    color: #b3b3b3 !important;
    border-color: #b3b3b3 !important;
    cursor: not-allowed;
    background-color: #fcfcfc !important;
}

.sidebar .nav-collapse {
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.page-title { 
    font-weight: 500;  
}
@media (min-width: 992px) {
    .page-inner {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}