header {
    border: none;
    /*background: #151E49;*/
}

header .container {
    margin: 0px;
    padding: 0px;
}

header .col-xs-12 {
    padding-left: 15px;
    padding-right: 0px;
    position: relative;
}

header .logo {
    padding-left: 51px;
}

.content {
    margin: 0px;

}

.lrform {
    width: 481px;
    height: 380px;
    background: #ffffff;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    margin-top: 148px;
    border-radius: 5px;
    justify-content: center;
}

.lrform:after {
    content: '';
    display: block;
    clear: both;
}

.form-banner {
    float: left;
    width: 565px;
    height: 488px;
    background: url("../images/banner.png") no-repeat;

}

.form {
    float: left;
    width: 565px;
    height: 488px;
    background: #ffffff;
    border-radius-topright: 5px;
    border-radius-bottomright: 5px;
    padding-left: 35px;
}
.form .form-title{
    font-size: 35px;
    font-weight: 500;
    margin-top: 44px;
    color: #000000;
    letter-spacing: 2px;
}
.form .form-second-title{
    margin-top: 36px;
}
.form .form-second-title span{
    color: #549cff;
    border-top: 6px solid #549cff;
    font-size: 20px;
    padding-top: 8px;
    width: 80px;
    display:block;
}
.form .form-group input[type="text"],.form .form-group input[type="password"]{
    border-radius: 15px;
    width: 413px;
    height: 57px;
    border: 1px #EAEBED solid;
    margin-top: 20px;
    padding-left: 35px;
}
.form .form-group button[type="submit"]{
    width: 413px;
    height: 57px;
    background:#549cff ;
    text-align: center;
    letter-spacing: 10px;
    color: #ffffff;
    font-size: 20px;
    border-radius: 15px;
}
.form .form-group .forget-pass{
    margin-top: 8px;
    margin-bottom: 44px;
}
.form .form-group .forget-pass img{
    width: 20px;
    height: 20px;
}
.form .form-group .forget-pass span{
    font-size: 15px;
    display: inline-block;
    color: #c3c3c3;
}
.form .form-group{
    position: relative;
}
.form .form-group .form-icon{
    position: absolute;
    top: 44px;
    left: 27px;
}

.form .form-group .form-icon img{
    width: 30px;
    height: 30px;
    z-index: 5000;
}
.form .form-group  lable[for="username"],.form .form-group  lable[for="username"]{

}
.forget-pass span:hover,.forget-pass img:hover{
    color: #549cff !important;
    cursor: pointer;
}

/*dashboard start*/


.layui-nav .layui-nav-item{
    background-color: #0099ff;
    margin-left: 10px;
}
.layui-nav .layui-nav-item1{
    background-color: #58ce82;
    margin-left: 10px;
}
.layui-nav .layui-nav-item2{
    background-color: #edb44d;
    margin-left: 10px;
}
.layui-nav .layui-nav-item3{
    background-color: #f46b89;
    margin-left: 10px;
}.layui-nav .layui-nav-item4{
     background-color: #ae5da0;
     margin-left: 10px;
 }
.layui-nav .layui-nav-item5{
    background-color: #7285e4;
    margin-left: 10px;
}
.layui-nav .layui-nav-item6{
    background-color: #7285e4;
    margin-left: 10px;
}
.layui-nav .layui-nav-item7{
    background-color: #7285e4;
    margin-left: 10px;
}
.layui-nav .layui-nav-item8{
    background-color: #7285e4;
    margin-left: 10px;
}
.layui-nav .layui-nav-item9{
    background-color: #2a5bf9;
    margin-left: 10px;
}
.layui-nav .layui-nav-item10{
    background-color: #4e47ed;
    margin-left: 10px;
}

.logo img{float: left;position: absolute;left: 0%;top: 20px;}
.navbar-nav{margin-left: 140px;margin-top: 9px;}
.navbar-nav li a {color: #ffffff;}
.layui-nav{margin-top: 19px;height: 50px;
    left: 350px;
    position: absolute;}
.layui-nav-item a{color: #ffffff;text-decoration: none;height: 50px;line-height: 50px;text-align: center;width: 120px;}
.layui-nav-item a i{color: #ffffff;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background:#00A7FF;
    height: 0px;}
.layui-nav-item a i{padding-right:5px;}
.left-menu .layui-nav{width: 100%;margin-left: 10px;background: #ffffff;}
.left-menu .layui-nav-item a{color: #000000;font-size: 20px;text-decoration: none;}
.left-menu .layui-nav-item a i{color: #000000;font-size: 20px;}
.left-menu .layui-nav-tree .layui-nav-item a:hover,.left-menu .layui-nav-tree .layui-nav-item i:hover{background:#F5F7FA; color: #5284ff;}
.left-menu .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{color: #5284ff!important;}
.left-menu .layui-nav-tree .layui-nav-bar{background:#5284ff;}
.left-menu .layui-nav-tree .layui-this{
    background-color: #F5F7FA;
    border-left: #5284FF solid 5px;
    border-radius: 5px;

}
.left-menu .layui-nav-tree .layui-this .fa{
    color: #5284FF;
}

.left-menu  .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    background-color: #F5F7FA;
}
.infobox-dark{
    background: #1E9FFF;
}
.infobox-blue{
    background: #ffb800;
}
#right-content{
    border-left: 15px solid #EEE;
}
.left-menu{
    width: 13.666667%;
}
.left-menu .layui-nav{margin-top: 0px;}
header .container-fluid{
    height: 82px;
}
.logo .layui-nav .layui-nav-item{
    height: 50px;
}
.logo .layui-nav .layui-nav-item a{
    color: #ffffff;
    padding: 0px;
    height: 50px;
}
header .logo{
    /*width: 1000px;*/
    margin: 0 auto;
    height: 82px;
    position: relative;
    padding-top: 13px;
}
.header-account-btn{
    background: transparent;
    color: #ffffff;
    border-radius: 16px;
    /*border:1px solid #ffffff;*/
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
}
.login-content{
    background: #ffffff;
    height: calc(100vh - 197px) ;
}
.login-banner-content{
    width:321px;
    height: 242px;
    border-right: 1px solid #CCCCCC;
    margin-top: 54px;
}
.login-banner{
    padding-left: 43px;
}
.login-form-content{
    width: 383px;
    height: 242px;
    margin-top: 49px;
}
.login-form-content p{
    text-align: center;
    font-size: 26px;
    color: #00A7FF;
}
.login-form-content .form-horizontal .form-control{
    width: 239px;
    height: 36px;
}
.login-form-content .form-horizontal .form-group .col-md-8{
margin: 10px auto;
}
.login-form-content .form-horizontal .form-group{
    margin-bottom: 20px;
    width: 240px;
}
.login-form-content .form-horizontal .form-group .form-control{
    display: inline-block;
}
.form-horizontal{
    margin-top: 32px;
}
.login-form-content .form-horizontal .form-group .btn-info{
    background: #00A7FF;
}
.login-btn{
    /*margin-top:24px;*/
}
footer{
    height: 130px;
}
.copy {
    text-align: center;
}
.home-bg{
    /*background: url('../images/homebg.jpg');*/
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;

}
.home-pannel{
 height: calc(100vh - 424px);
}
.form-control{
    display: inline-block;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #0099ff !important;
    background: transparent !important;
}
.form-quickly{
    height: 300px;
}
#btn-reg{
    width: 85px;
     height: 31px;
    background: #549cff;
    text-align: center;
   letter-spacing: 1px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 0px;
}
.container{
    width: 1024px;
}
header .logo_login {
    border-top: 5px solid #00CCFF;
    padding-left: 51px;
    padding-top: 25px;
    background: #ffffff;
    height: 110px;
}
.home-mgt{
    border-top:7px solid #0099ff;
}
.practice-mgt{
    border-top:7px solid #58ce82;
}
.exam-mgt{
    border-top:7px solid #edb44d;
}
.training-mgt{
    border-top:7px solid #f46b89;
}
.about-mgt{
    border-top:7px solid #7285E4;
}
.commonProblem-mgt{
    border-top:7px solid #7285E4;
}
.user-mgt{
    border-top:7px solid #ae5da0;
}
.setting-mgt{
    border-top:7px solid #7285e4;
}
.user-mgt-header{
    width: 100%;
    height: 70px;
    background: #ecf0f1;
}
.practice-improve-qh-header{
    width: 100%;
    height: 70px;
    display: flex;
    flex-flow: row;
}
.practice-header-left{
    width: 11%;
    line-height: 70px;
    background: #2dc3e8 ;
    text-align: center;
    display: flex;
    flex-flow: row;
}
.practice-header-right{
    width: 89%;
    line-height: 70px;
    background: #ecf0f1;
    color: #296ee3;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
}
.practice-header{
    display: flex;justify-content: center;line-height: 40px;font-size: 18px;
}
table thead{
    background-color: #d0eef6;
    color: #000000;
}
.left-menu-card-i{
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-right: 1px solid #dedfe1;
}
.left-menu-card-i img{
    height: 20px;
    width:20px;
 }

.left-menu-card-span{
    height: 70px;
    width: 130px;
    line-height: 70px;
    margin-left: 10px;
    color: #ffffff;
}
.practice-header-right:before{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 157px;;
    left: 300px;
    padding:0;
    border-right: 13px solid #ecf0f1;
    border-top:13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left:13px solid transparent;
    display: block;
    content:'';
    z-index: 12;
    transform:rotate(271deg);
}
.practice-header-right:after{
    transform:rotate(271deg);
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 159px;;
    left: 300px;
    padding:0;
    border-right: 13px solid #c0c4cc;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-left:13px solid transparent;
    display: block;
    content:'';
    z-index:10
}
.question-button{
    background: #58ce82 !important;
    border: #58ce82 !important;
}
.question-button:hover{
    background: #58ce82 !important;
    border: #58ce82 !important  ;
}
.row-flex{
    display: flex;
    margin: 0px;
}
.row-left{
    min-height: calc(100vh - 118px);width: 10.7777%;background: #ecf0f1;padding: 20px
}
.row-left-card{
    padding-right: 0px;padding-bottom:15px;
}
@media   (max-width: 1700px) {
.layui-nav{
    overflow-y: hidden;
}
    .hidden-xs{
    display: none;
    }
}
@media  (max-width: 1900px) {

    .practice-header-left01{
        width: 205px;
    }
    .row-left01{
        width: 199px;
    }
}

@media  (min-width: 1200px) {
    body{
        width: auto;
    }
}
@media (max-width: 1200px) {
    body{
        width: 1200px;
    }
}


/**
交科院首页样式
 */
.home-footer{
    height: 130px;
    background-color: #2c357b;
    color: #FFFFFF;
    display: flex;
    flex-flow: column;
    align-items: center;
    /*justify-content: center;*/
    padding-bottom: 20px;
    font-size: 16px;
}
.home-footer-panel{
    width: 1024px;
}
.footer-top{
    height: 70px;
    line-height: 70px;
    border-bottom: 0.5px solid #e8e8e8;
}
.footer-top a{
    color: #FFFFFF;
    margin-right: 70px;
}
.footer-top a:hover{
    color: #e2b208;
}
.footer-bottom{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}
.footer-bottom span{
    margin-right: 50px;
}
.home-login-panel{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.home-login-panel a{
    cursor: pointer;
    color: #0C0C0C;
}
.home-login_active{
    color: blue;
}
.user-login-form{
    display: flex;
    justify-content: center;
}
.login-panel{
    font-size: 20px;
    font-weight: bold;
}
.login-panel a{
    font-size: 18px;
    color: #00CCFF;
    border-bottom: 1px solid #00CCFF;
}
.login-panel a:hover{
    color: #1AA1E2;
    border-bottom: 2px solid #1AA1E2;
}
.login-panel .active{
    color: #1AA1E2;
    border-bottom: 2px solid #1AA1E2;
}
.minheight800{
    display: flex;
    flex-flow: column;
    padding: 10px;
    background: #fff;
    min-height: 800px;
}
.dashboard-panel{
    padding: 10px 0px;
}
.flex-flow-column{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.flex-flow-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
}
.dashboard-content{
    width: 100%;
}
.left-content{
    width: 685px;
}
.right-content{
    width: 315px;
}
.height290{
    height: 290px;
    padding: 0px 20px;
}
.height350{
    height: 350px;
    padding: 0px 20px;
}
.dashboard-footer{
    width: 100%;
}
.left-footer{
    height: 420px;
    width: 310px;
    padding: 0px 20px;
}
.right-footer{
    height: 420px;
    width: 710px;
    padding: 0px 40px;
}
.notice-header{
    display: flex;
    justify-content: space-between;
    border-left: 5px solid #0078ff;
    height: 30px;
    align-items: center;
    /*border-bottom: 1px solid #e8e8e8;*/
}
.notice-title{
    display: flex;
    font-size: 16px;
    font-weight: bold;

}
.more{
    height: 15px;
    line-height: 15px;
    text-align: right;
    border-radius: 10px;
    font-size: 12px;
    margin-top: 10px;
    font-weight: bold;
}
.more a{
    color: #0078ff;
}
.color-red{
    margin-left: 10px;
    color: #0078ff;
}
.color-blue{
    color: #666666;
}
.dashboard-table{
    height: 300px;
}
.overflow-y_hidden{
    overflow-y: hidden;
}
.notice-content-panel{
    height: 315px;
}
.notice-content-panel a,notice-dian-title,.notice-list a{
    color: #737373;
}
.notice-content-panel a:hover,notice-dian-title:hover,.notice-list a:hover{
    color: red;
}
.dashboard-table table thead{
    background-color: #6fabff;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.dashboard-table table thead tr td{
    line-height: 40px;
}
.dashboard-table table tbody tr td .kao_dian{
    width: 120px;
    overflow: hidden; /*隐藏*/
    white-space: nowrap;  /*不换行*/
    text-overflow: ellipsis;  /* 超出部分省略号 */
    margin-left: auto;
    margin-right: auto;
}
.dashboard-table table tbody tr{
    border-bottom: 1px dashed #e8e8e8;
    text-align: center;
}
.dashboard-table table tbody tr td{
    line-height: 30px;
    border-top: 0px;
}
.dashboard-table .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{
    background-color: #FFFFFF;
}
.search_panel{

}
.search_card_bg1{
    background-color: #296fe3;
}
.search_card_bg2{
    background-color: #3893f0;
}
.search_card_bg3{
    background-color: #ff3e0a;
}
.search_card_bg4{
    background-color: #0fabe8;
}
.search_card{
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.search_card_size{
    width: 135px;
    height: 145px;
    /*cursor: pointer;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.search_card_size:hover{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    margin-top: -2px;
    float: left;
}
.search_card a:hover{
    color: #ffffff;
}
.home-dian{
    width: 4px;
    height: 4px;
    background: #8e8e8e;
    border-radius: 1px;
    margin-right: 5px;
}
.notice-content-item{
    display: flex;
    line-height: 45px;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    border-bottom: 1px dashed #e8e8e8;
}
.dian-title{
    display: flex;
    line-height: 60px;
    align-items: center;

}
.notice-dian-title{
    width: 800px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.changjian-question-title{
    width: 570px;
}
.changjian-question-content{
    border: 0px;
}
.juxing{
    width: 5px;
    height: 20px;
    background-color: #0078FF;
    margin-right: 10px;
}
.notice-list-title{
    border-bottom: 1px solid #0078FF;
    color:#000;
    font-size: 16px;
    line-height: 45px;
    display: flex;
    align-items: center;
}
.notice-detail-title-panel{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.notice-detail-title{
    max-height: 90px;
    color: #0078FF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding:20px 50px;
}
.notice-detail-title-footer{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.public-num{
    padding: 40px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.public-num img{
    width: 150px;
}
.weixin_search{
    margin-bottom: 50px;
}
.duanxin_btn{
    height: 36px;
    line-height: 36px;
    background-color: #e5e5e5;
    border: 1px solid;
    width: 150px;
    text-align: center;
}

#select_header_photo{
    width: 85px;
    height: 31px;
    background: #549cff;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    border-radius: 0px;
    margin-left: 30px;
    margin-top: 66px;
}
.header-photo-size{
    width: 100px;
    height: 120px;
}
.header-photo-size02{
    width: 100px;
}
.result-box {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 20px;
}
.score-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.notice_search{
    margin: 20px 0px;
}