* {
    margin:0;
    padding:0;
    font-size:14px;
}
input:focus {
    outline:none;
}
body {
    height:100%;
}
.clearfix {
    *zoom: 1;
}

    .clearfix:after {
        display: table;
        clear: both;
        content: "";
        height: 0px;
    }
/*登录*/
.new-login {
    background: linear-gradient(to bottom,#0c9ee9,#1b4fa2)
}
.new-center-cont {
    position:absolute;
    top:50%;
    left:50%;

    width:1157px;
    height:500px;
    transform:translate(-50%,-50%);
    box-shadow:0px 2px 4px 2px rgba(0,0,0,.3);
}
.new-login-left {
    position:relative;
    float:left;
    width: 670px;
    height: 500px;
    background: url('../img/login/logo-cont-leftbg.png') no-repeat;
}
.new-login-left .logo {
    position:absolute;
    top:40px;
    left:40px;

    width:160px;
    height:42px;

    background: url('../img/login/LOGO-new.png')
}
.new-login-right {
    float: left;
    width: 487px;
    height: 500px;

    background-color:#fff;
}
.new-login-right .top-text {
    padding-left:65px;
    height: 80px;
    line-height:80px;  
    background-color: #f8f8f8;
}
.new-login-right .top-text span:nth-child(1) {
        font-size: 24px;
        color:#242424;
}
.new-login-right .top-text span:nth-child(2) {
        margin: 0 20px;
        width: 1px;
        height: 24px;
        font-size: 24px;
        color: #c5c5c5;
}
.new-login-right .top-text span:nth-child(3) {
        font-size: 22px;
        color: #848283;
}
    .new-login-right .input-text {
        margin: 38px auto 0;
        box-sizing: border-box;
        border: 1px solid #dddddd;
        border-radius: 4px;
        width: 336px;
        height: 42px;
        font-size:16px;
        text-indent: 50px;
        background-image: url(../img/login/login-icon.png);
        background-repeat:no-repeat;

    }
    .new-login-right .input-text-username {
        background-position: 16px 10px;
    }
    .new-login-right .input-text-pass {
        background-position: 16px -68px;
    }
    .new-login-right .login-btn {
        margin-top:20px;
        width: 336px;
        height: 42px;
        background-color: #48b2f0;
        border-radius:4px;
        color:#fff;
        font-size:16px;
        letter-spacing:5px;
        outline:none;
        border:none;
        cursor:pointer;
    }
    .new-login-right .help-text {
        margin-right:76px;
        text-decoration:none;
        color: #48b2f0;
    }


/*首页*/
.system_header {
    height: 88px !important;
    background: #48b2f0 !important;
    line-height: 88px !important;
}

.system_header {
    overflow: hidden;
    height: 30px;
    background: url(baseNew/resources/imgs/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;
    color: #fff;
    font-family: Verdana, "微软雅黑", "黑体";
}

    .system_header .head:hover {
        cursor: pointer;
    }

.system_nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    margin-left: 40px;
    color: white;
}

    .system_nav li {
        float: left;
        list-style-type: none;
        text-align: center;
    }

        .system_nav li a {
            color: #fff;
            padding-right: 20px;
        }

            .system_nav li a.active {
                color: yellow;
            }

.br {
    border: 1px solid red;
}
.new-style-main .logo-cont {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 255px;
    height: 88px;
    line-height: 88px;
    background: #fff;
}
.new-style-main .logo-text-system {
    float: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left:40px;
    height: 88px;
    line-height: 26px;
}
.new-style-main .logo-text-system span:first-child {
    margin-top:10px;
    font-size:26px;
    font-weight:bold;
    letter-spacing:2px;
}
.new-style-main .logo-text-system span:last-child {
    font-size: 12px;
}
.new-style-main .header-right {
    float:right;
    margin-right:20px;
}
.new-style-main .header-right a {
    font-size:14px;
    color:#fff;
    transition:all .3s;
}
.new-style-main .header-right a:hover {
    color: red;
}
.new-style-main .head {
    float: right;
    margin-right:20px;
    height: 88px;
    font-size: 14px;
}
.new-style-main .head span {
    font-size: 14px;
}
.panel {

}
.panel-with-icon {
    padding-left: 50px;
}
.panel-icon {
    left:30px;
}

.accordion .accordion-header {
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    border-left: 6px solid #ffffff;
    background: #fff;
    transition: all .3s;
}
.accordion .accordion-header .panel-title {
    font-size:14px;
    color: #9faaba;
}
.accordion .accordion-header .icon {
background: url(../img/menu-icon.png) no-repeat;
}
.accordion .accordion-header .panel-tool {
    right:20px;
}
.accordion .accordion-header .panel-tool .accordion-collapse {
    background: url(../img/arrows-group.png) no-repeat center -51px;
}
.accordion .accordion-header .panel-tool .accordion-expand {
    background: url(../img/arrows-group.png) no-repeat center 5px;
}
.accordion .accordion-header-selected {
    border-left: 6px solid #48b2f0;
    background: #f6f7fb;
}
.accordion .accordion-header-selected .icon {
    background: url(../img/menu-icon-active.png) no-repeat;
}
    .accordion .accordion-header-selected .panel-title {
        color: #48b2f0;
    }
.accordion .panel-body {
    background: #fafbfe;
}
.accordion .panel-body {
    border:none;

}
.accordion .panel-body ul {
    padding: 2px 41px;
}
.accordion .panel-body ul li div{
    padding: 0px;
}
.accordion .panel-body ul li div a {
    display: flex;
    align-items: center;
    line-height:40px;
    color: #9faaba;
    text-decoration: none;
    transition:all .3s;
}
.accordion .panel-body ul li div a .icon {
    margin-right:10px;
    width:5px;
    height:5px;
    border-radius:50px;
    background-image: none;
    background-color: #b8c4d0;
}
.accordion .panel-body ul li div.selected {
    border: none;
    background: none;
}
.accordion .panel-body ul li div.selected a {
    color: #48b2f0;
}
    .accordion .panel-body ul li div.selected a .icon {
        background-color: #48b2f0;
    }
.tabs-wrap .tabs {
    box-sizing: border-box;
    height: 42px !important;
    background: #fff;
    border-color: #48b2f0;
    padding-left:30px;
}
    .tabs-wrap .tabs li{
        margin-top:6px;
    }
    .tabs-wrap .tabs li .tabs-inner {
        height: 34px !important;
        line-height: 34px !important;
        border-color: #48b2f0;
        color: #48b2f0;
        background: #fff;
    }
        .tabs-wrap .tabs li .tabs-inner .tabs-icon {
            background:none;
        }
        .tabs-wrap .tabs li .tabs-inner .tabs-with-icon {
            padding-left: 0px;
        }
        .tabs-wrap .tabs li .tabs-inner:hover {
            color: #fff;
            background: #48b2f0;
        }
            .tabs-wrap .tabs li:hover .tabs-close {
                background: url(../img/close-group.png) no-repeat -12px;
            }
.tabs-wrap .tabs li.tabs-selected .tabs-inner {
        height: 34px !important;
        line-height: 34px !important;
        border-color: #48b2f0;
        color: #fff;
        background: #48b2f0;
    }

        .tabs-wrap .tabs li .tabs-close {
            right: 3px;
            top: 10px;
            opacity: 1;
            background: url(../img/close-group.png) no-repeat 3px;
        }
    .tabs-wrap .tabs li.tabs-selected .tabs-close {
        background: url(../img/close-group.png) no-repeat -12px;
    }
        .tabs-wrap .tabs li .tabs-close:hover {
            background: url(../img/close-group.png) no-repeat 3px;
        }
        .tabs-wrap .tabs li.tabs-selected .tabs-close:hover {
            background: url(../img/close-group.png) no-repeat -12px;
        }

.new-content {
    display:flex;
}
.new-content .dbsx {
    flex:1;
    padding:2px;
}
 
    .new-content .div_title {
        padding-left:30px;
        line-height:40px;
        font-size:16px;
        background: url(../img/title-icon.png) no-repeat 5px 10px;
    }
    .new-content .new-select select {
        width: 260px;
        height: 40px;
        padding: 0 8px;
        border: none;
        outline: none;
        color: #6d76a1;
    }
        .new-content .new-select select option {
            outline: none;
        }
        .new-content .db {

        }
            .new-content .db li {
                box-sizing: border-box;
                background: #fff;
                border: none;
                box-shadow: 0 0 2px 0px #ccc;
                border-radius: 6px;
            }
.new-content .msg_block {

}
    .new-content .msg_block .text .tilte {
        box-sizing: border-box;
        height: 44px;
        line-height: 44px;
        padding-left: 18px;
        border-bottom: 1px solid #ebf2f8;
        color: #6d76a1;
        font-size: 16px;
    }
    .new-content .msg_block .text .flex-cont {
        display:flex;
        height:116px;
    }
    .new-content .msg_block .text .flex-cont .num {
        flex:1;
        display:flex;
        flex-direction:column;  
        justify-content:center;
        align-items:center; 
    }

        .new-content .msg_block .text .flex-cont .num .top-icon {
            background-color:#ff0000;
            background-image:url(../img/top-icon-group.png);
            background-repeat:no-repeat;
            background-position-x: 12px;
            width:50px;
            height:50px;
            margin-bottom:6px;
            border-radius:50px;
        }
            .new-content .msg_block .text .flex-cont .num .top-icon + font {
                color: #9e9e9e;
                margin-bottom:4px;
            }
        .new-content .msg_block .text .flex-cont .num .bottom-text {
            font-size:16px;
        }
        .new-content .msg_block .text .flex-cont .style1 .top-icon {
            background-color: #ffb964;
            background-position-y: 12px;
        }
        .new-content .msg_block .text .flex-cont .style1 .bottom-text {
            color: #ffb964;
        }
        .new-content .msg_block .text .flex-cont .style2 .top-icon {
            background-color: #60daff;
            background-position-y: -50px;
            background-position-x: 10px;
        }
        .new-content .msg_block .text .flex-cont .style2 .bottom-text {
            color: #60daff;
        }
        .new-content .msg_block .text .flex-cont .style3 .top-icon {
            background-color: #3dcfbc;
            background-position-y: -111px;
            background-position-x: 10px;
        }
        .new-content .msg_block .text .flex-cont .style3 .bottom-text {
            color: #3dcfbc;
        }
        .new-content .msg_block .text .flex-cont .style4 .top-icon {
            background-color: #fc7c7f;
            background-position-y: -174px;
            background-position-x: 10px;
        }

        .new-content .msg_block .text .flex-cont .style4 .bottom-text {
            color: #fc7c7f;
        }
        .new-content .msg_block .text .flex-cont .style5 .top-icon {
            background-color: #fc995d;
            background-position-y: -236px;
            background-position-x: 10px;
        }

        .new-content .msg_block .text .flex-cont .style5 .bottom-text {
            color: #fc995d;
        }
        .new-content .msg_block .text .flex-cont .style6 .top-icon {
            background-color: #a3a0fb;
            background-position-y: -300px;
            background-position-x: 10px;
        }

        .new-content .msg_block .text .flex-cont .style6 .bottom-text {
            color: #a3a0fb;
        }
        .new-content .msg_block .text .flex-cont .style7 .top-icon {
            background-color: #51d493;
            background-position-y: -360px;
            background-position-x: 10px;
        }

        .new-content .msg_block .text .flex-cont .style7 .bottom-text {
            color: #51d493;
        }

    .new-content .UserInfo {
        width: 29%;
        margin: 2px 20px 2px 48px;
        background: #fff;
        box-sizing: border-box;
        border: none;
        border-radius: 6px;
        box-shadow: 0 0 2px 0px #ccc;
    }
    .new-content .UserInfo .avatar {
        margin:20px auto 10px;
        width:80px;
        height:80px;
        background:url(../img/default-avatar.png);
    }
        .new-content .UserInfo .username {
            margin-bottom:20px;
            text-align: center;
            font-size: 18px;
            color: #767fa7;
        }
        .new-content .UserInfo .info li {
            box-sizing: border-box;
            display:flex;
            align-items:center;
            padding: 10px 30px;
            min-height: 55px;
            overflow:auto;

            border-top: 1px solid #ebf2f8;
        }
            .new-content .UserInfo .info li .label {
                color: #9e9e9e;
                width:110px;
            }
            .new-content .UserInfo .info li .content {
                flex: 1;
                color: #6d76a1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
.window {
    padding:0;
    width:260px!important;
    background:#fff;
    border:none;
    border-radius:6px;
}
    .window .panel-header {
        background: #48b1ef;
        padding:0;
    }
        .window .panel-header .panel-title {
            color:#fff;
            padding:0 10px;
            height:30px;
            line-height:30px;
        }
    .window .window-header .panel-tool {
        right: 4px;
    }
    .window .window-header .panel-tool a {
        opacity:1;
    }
    .window .window-body {
        border:none;
        padding:10px 20px 30px;
        height:auto!important;
    }
        .window .window-body .tips-content {
            cursor:inherit!important;
        }
            .window .window-body .tips-content a {
                line-height: 24px;
                text-decoration: none;
                transition: all .3s;
                cursor: pointer;
            }
            .window .window-body .tips-content a:hover {
                color: #48b1ef;
            }
            .window .window-body .tips-content a .f-c-1 {
                margin: 0 4px;
                color: #ffb964;
            }
            .window .window-body .tips-content a .f-c-2 {
                margin: 0 4px;
                color: #3dcfbc;
            }
            .window .window-body .tips-content a .f-c-3 {
                margin: 0 4px;
                color: #a3a0fb;
            }
.layout-panel-west {
    border-right: none;
    border-top: 1px solid #eeeeee;
    bottom: 0;
    background: #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
}
.layout-panel-west > .panel-header {
    display: none;
}
.layout-panel-west >.panel-body {
    border:none;
}
.panel-header, .panel-body {
    border:none;
}
.tabs-header {
    padding-top:0;
}
.tabs-container .tabs-panels {
    padding: 20px;
    background: #ebf2f8;
}
.tabs-container .panel-body {
    /*padding:15px;*/
    margin:0;
    border:none;
}

.newtips {
    flex-direction:row!important;
    align-items:center;
}
.newtips a{
    margin-right:30px;
    color:#fff;
    transition:all .3s;
}
    .newtips a:hover {
        color: red;
    }


.bt-cont {
    width:1200px;
    margin:0 auto;
    padding:20px;
}
.bt-cont h1 {
    font-size:2em;
    text-align:center;
}
.text-box {
    margin-top: 15px;
}
.text-wb {
    font-weight: bold;
}
.text-intent-part {
    text-indent:2em;
}
.bt-table {
    margin-top:20px;
    border:1px solid #ccc;
    border-collapse:collapse;
}

.bt-table th {
        background: #9faaba;
        padding: 10px;
        border:1px solid #ccc;
        text-align:center;
    }
    .bt-table td {
        text-align: center;
        padding: 10px;
        border: 1px solid #ccc;
    }
.bt-table .red {
    color:red;
}
.left-align {
    text-align:left!important;
}