html,
body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Lantinghei SC', 'Hiragino Sans GB', sans-serif;
    color: #6f7b8a;
    font-size: 14px;
}

/* S reset */

.menu-tabs .menu a:hover {
    /*background: #378BE0;*/
}

::selection {
    /*background: #098e83;*/
}

::-moz-selection {
    /*background: #098e83;*/
}

select:focus,
input:focus,
textarea:focus {
    border-color: #378BE0;
}

a {
    /*-webkit-tap-highlight-color: #098e83;*/
}

.menu-tabs .menu a:hover {
    /*background: #378BE0;*/
}

table.box-header th {
    background-color: #378BE0;
    color: #fff;
}

.masthead,
.menu a:hover,
.menu-tabs .menu .nav,
.menu-tabs .active a,
.menu-tabs .tabs .nav .active a,
.menu-tabs .active a:hover,
.menu-tabs .tabs .active a:hover {
    /*background: #378BE0;*/
}

.menu .links a,
.pipes a,
.menu .stat a {
    color: #378BE0;
}


.menu .links a:hover,
.pipes a:hover,
.menu .stat a:hover,
.tags .cloud a:hover {
    color: #378BE0;
}

.lit {
    color: #378BE0;
}


.panel .header {}

.panel .body {
    border: none;
}

.panel .footer {
    border: none;
}

.cell {
    margin: 20px;
}


/* E reset */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: ' Microsoft Yahei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Lantinghei SC', 'Hiragino Sans GB', sans-serif;
}

#appMain {
    width: 100%;
    height: 100%;
    position: relative;
}

input,
button,
select,
textarea {
    outline: none;
    font-family: ' Microsoft Yahei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Lantinghei SC', 'Hiragino Sans GB', sans-serif;
}

input::-ms-clear {
    display: none;
}

img {
    border: none;
}

li {
    list-style-type: none;
}

a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #378BE0;
    text-decoration: none;
}

a:active {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

a:visited {}

a:focus {
    outline: none;
}

button:focus {
    outline: none;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.btn {
    position: relative;
    cursor: pointer;
    background: #ffffff;
    color: #666666;
    text-align: center;
    font-size: 14px;
    border: 0px;
}

.btn8 {
    width: 125px;
}

.btn6 {
    width: 105px;
}

.btn5 {
    width: 90px;
}

.btn4 {
    width: 75px;
}

.btn3 {
    width: 60px;
}

.btn2 {
    width: 45px;
}

.btn1 {
    width: 30px;
}

.t-l {
    text-align: left !important;
}

.t-r {
    text-align: right !important;
}

.t-c {
    text-align: center !important;
}

.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}

.f-n {
    float: none !important;
}

.form .verify {
    display: inline-block;
    line-height: 33px;
    padding: 0 0 0 10px;
}

.background-none {
    background: none !important;
}

.background-note {
    color: #ffffff !important;
    background: #62707D !important;
}

.background-success {
    color: #ffffff !important;
    background: #0AA699 !important;
}

.background-warning {
    color: #ffffff !important;
    background: #FFCC33 !important;
}

.background-error {
    color: #ffffff !important;
    background: #F35958 !important;
}

.btn-default {
    width: 64px;
    height: 34px;
    border: 2px solid #aaa;
    border-radius: 4px;
    margin: 0 48px;
    color: #666;
    background: #fff;
    font-size: 16px;
    line-height: 32px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: #378BE0;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-primary {
    color: white;
    background-color: #0090d9;
    border-color: #0090d9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: white;
    background-color: #0075b0;
    border-color: #0075b0;
}

.btn-primary:active,
.btn-primary.active {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #0090d9;
    border-color: #0090d9;
}

.btn-primary.btn-transparent {
    color: #AAA;
    border-color: #0090d9;
}

.btn-primary.btn-transparent:hover,
.btn-primary.btn-transparent:focus,
.btn-primary.btn-transparent:active,
.btn-primary.btn-transparent.active {
    background-color: #0090d9;
    color: white;
}

.btn-primary .badge {
    color: #0090d9;
    background-color: white;
}

.btn-success {
    color: white;
    background-color: #0b4496;
    border-color: #0b4496;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    color: white;
    background-color: #1b67d5;
    border-color: #1b67d5;
}

.btn-success:active,
.btn-success.active {
    background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #0aa699;
    border-color: #0aa699;
}

.btn-success.btn-transparent {
    color: #AAA;
    border-color: #0aa699;
}

.btn-success.btn-transparent:hover,
.btn-success.btn-transparent:focus,
.btn-success.btn-transparent:active,
.btn-success.btn-transparent.active {
    background-color: #0aa699;
    color: white;
}

.btn-success .badge {
    color: #0aa699;
    background-color: white;
}

.btn-warning {
    color: white;
    background-color: #ffcc33;
    border-color: #ffcc33;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    color: white;
    background-color: #ffc20a;
    border-color: #ffc20a;
}

.btn-warning:active,
.btn-warning.active {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #ffcc33;
    border-color: #ffcc33;
}

.btn-warning.btn-transparent {
    color: #AAA;
    border-color: #ffcc33;
}

.btn-warning.btn-transparent:hover,
.btn-warning.btn-transparent:focus,
.btn-warning.btn-transparent:active,
.btn-warning.btn-transparent.active {
    background-color: #ffcc33;
    color: white;
}

.btn-warning .badge {
    color: #ffcc33;
    background-color: white;
}

.btn-danger {
    color: white;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    color: white;
    background-color: #d2322d;
    border-color: #d2322d;
}

.btn-danger:active,
.btn-danger.active {
    background-image: none;
}

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

.btn-danger.btn-transparent {
    color: #AAA;
    border-color: #d9534f;
}

.btn-danger.btn-transparent:hover,
.btn-danger.btn-transparent:focus,
.btn-danger.btn-transparent:active,
.btn-danger.btn-transparent.active {
    background-color: #d9534f;
    color: white;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: white;
}

.btn-info {
    color: white;
    background-color: #b5d1d8;
    border-color: #b5d1d8;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    color: white;
    background-color: #9ac0ca;
    border-color: #9ac0ca;
}

.btn-info:active,
.btn-info.active {
    background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #b5d1d8;
    border-color: #b5d1d8;
}

.btn-info.btn-transparent {
    color: #AAA;
    border-color: #b5d1d8;
}

.btn-info.btn-transparent:hover,
.btn-info.btn-transparent:focus,
.btn-info.btn-transparent:active,
.btn-info.btn-transparent.active {
    background-color: #b5d1d8;
    color: white;
}

.btn-info .badge {
    color: #b5d1d8;
    background-color: white;
}

.btn-white {
    color: #777;
    background-color: white;
    border-color: white;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
    color: #777;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.btn-white:active,
.btn-white.active {
    background-image: none;
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
    background-color: white;
    border-color: white;
}

.btn-white.btn-transparent {
    color: #AAA;
    border-color: white;
}

.btn-white.btn-transparent:hover,
.btn-white.btn-transparent:focus,
.btn-white.btn-transparent:active,
.btn-white.btn-transparent.active {
    background-color: white;
    color: #777;
}

.btn-white .badge {
    color: white;
    background-color: #777;
}

.btn-inverse {
    color: white;
    background-color: #62707d;
    border-color: #62707d;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
    color: white;
    background-color: #505c66;
    border-color: #505c66;
}

.btn-inverse:active,
.btn-inverse.active {
    background-image: none;
}

.btn-inverse.disabled,
.btn-inverse.disabled:hover,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled],
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
    background-color: #62707d;
    border-color: #62707d;
}

.btn-inverse.btn-transparent {
    color: #AAA;
    border-color: #62707d;
}

.btn-inverse.btn-transparent:hover,
.btn-inverse.btn-transparent:focus,
.btn-inverse.btn-transparent:active,
.btn-inverse.btn-transparent.active {
    background-color: #62707d;
    color: white;
}

.btn-inverse .badge {
    color: #62707d;
    background-color: white;
}

.cover-panel {
    position: relative;
}

.cover-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 0;
    opacity: 0;
    visibility: visibility;
    background: #000;
    border: 0px solid #01b7ff;
}

.cover-content {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}

/*E================================= Scrollbox*/
.modal .cover-content {
    /*border: 2px solid #01b7ff;*/
    /*background: url(../images/layout/bg-normal.png);*/
}

.modal .modal-header {
    background: #378BE0;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    padding: 12px 20px;
}

.modal .modal-body {
    position: relative;
    padding: 15px 30px 0;
    overflow-y: auto;
    background: #fefefe;
}

.modal .modal-header h3 {
    font-size: 18px;
    font-weight: normal;
    /*line-height: 25px;*/
    color: #fff;
}

.modal .modal-footer {
    padding: 15px;
    margin-bottom: 0;
    text-align: center;
    background: #fff;
}

.input {
    border: 0px solid #dcdcdc;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    color: #666;
    padding: 0 8px;
    border: 1px solid #aaa;
    /*background: #3371c8;*/
}

.item-form .btn2 {
    width: 57px !important;
}

.btn-small {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal;
}



::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background: #7cbbd4;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: #3e7f97;
}
.tishi{
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
    overflow: hidden;
    top: 10px;
    right: 10px;
}
.tishi .header{
    width: 100%;
    height: 20px;
}
.tishi .header .errorimg{
    width: 20px;
    height: 20px;
    line-height: 22px;
    background: #f56c6c;
    color: #fff;
    font-size: 24px;
    float: left;
    text-indent: 1px;
    border-radius: 16px;
}
.tishi .header .successimg{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #67c23a;
    color: #fff;
    font-size: 24px;
    float: left;
    text-indent: -2px;
    border-radius: 16px;
    text-align: center;
}
.tishi .header .warningimg{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #e6a23c;
    color: #fff;
    font-size: 24px;
    float: left;
    border-radius: 16px;
    text-align: center;
    text-indent: 4px;
}
.tishi .header .infoimg{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #909399;
    color: #fff;
    font-size: 24px;
    float: left;
    border-radius: 16px;
}
.tishi .header .title{
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0;
    float: left;
    line-height: 20px;
    margin-left: 10px;
} 
.tishi .message{
    width: 100%;
    height: 20px;
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: left;
    text-indent: 30px;
}
/*.tishi.error{
    background: #eb5555;
    font-size: 16px;
}
.tishi.success{
    background: #0f990d;
    font-size: 16px;
}*/
.layui-layer-msg{
    border-radius: 5px;
}
.layui-layer-msg .layui-layer-content{
    padding: 0px !important;
    background: none;
    border-radius: 5px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #d9d9d9 !important;
    background-color: #FFFFFF !important;
    color: #333 !important;
}

.layui-layer-btn .layui-layer-btn1 {
    background-color: #1890ff  !important;
    color: white !important;
    border-radius: 4px;
}