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: 417px;
    height: 337px;
    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*/

.login-info{
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    height:82px;
    line-height: 79px;
}
.login-info a{
    color: #3db345;
}
#login-info-user{
    background:#fff;
    /*margin-top: 15px;*/
}
.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;
}

.logo img{float: left;position: absolute;left: 13%;top: 20px;}
.navbar-nav{margin-left: 140px;margin-top: 9px;}
.navbar-nav li a {color: #ffffff;}
.layui-nav{margin-top: 19px;height: 50px;right: 190px;position: absolute;}
.layui-nav-item a{color: #ffffff;text-decoration: none;height: 50px;line-height: 50px;text-align: center;width: 140px;}
.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 25px;
    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: 54px;
}
.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-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.login-form-content .form-horizontal .form-group .form-control{
    display: inline-block;
}
.form-horizontal{
    margin-top: 42px;
}
.login-form-content .form-horizontal .form-group .btn-info{
    background: #00A7FF;
}
.login-btn{
    margin-top:24px;
}
footer{
    height: 68px;
}
.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;
}
.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: #2dc3e8;
    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: auto;
}
    .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;
    }
}