/* 页面title */
.page-title{
    margin-bottom: 32px;
}
.page-title h3{
    text-align: center;
}
.page-title h3 .cn{
    color: #0d1e2e;
    font-size: 32px;
    line-height: 47px;
    font-weight: bold;
}
.page-title h3 .en{
    color: #bdc4ce;
    font-size: 16px;
}

/* 面包屑导航 */
.bread-crumbs{
    padding: 27px 0;
}
.bread-crumbs a,
.bread-crumbs span{
    color: #606266;
    font-size: 18px;
}
.bread-crumbs span{
    margin: 0 9px;
}
.bread-crumbs .active{
    color: #409eff;
}
.font_white{
    color: #ffffff !important;
}
.right {
    float: right;
}



/* 页面导航 */
.page-tabs{
    display: flex;
    box-shadow: 0 -2px 0 0 #eeeeee inset;
}
.page-tabs .tab{
    width: 104px;
    line-height: 54px;
    color: #34485e;
    font-size: 16px;
    text-align: center;
    margin-right: 24px;
    border-bottom: 2px solid #eeeeee;
    cursor: pointer;
}
.page-tabs .tab.active{
    border-color: #409eff;
}





/* 单选 */
.radio{
    position: relative;
    display: flex;
    align-items: center;
}
.radio input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.radio i{
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background: url(../img/radio_check.png) no-repeat center center / 100% 100%;
    cursor: pointer;
    margin-right: 10px;
}
.radio input:checked ~ i{
    background-image: url(../img/radio_checked.png);
}
.radio span{
    flex-shrink: 0;
    cursor: pointer;
}





/* 多选 */
.checkbox{
    position: relative;
    display: flex;
    align-items: center;
    line-height: 2;
}
.checkbox input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.checkbox i{
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background: url(../img/checkbox_check.png) no-repeat center center / 100% 100%;
    cursor: pointer;
    margin-right: 10px;
}
.checkbox input:checked ~ i{
    background-image: url(../img/checkbox_checked.png);
}
.checkbox span{
    flex-shrink: 0;
    cursor: pointer;
}




.box-body .radio input,
.box-body .checkbox input{
    opacity: 1;
    width: 14px;
    height: 14px;
    position: relative;
}





/* 分页条 */
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
}
.pagination a,
.pagination span{
    min-width: 42px;
    text-align: center;
    padding: 10px;
    margin: 0 3px;
    border: 1px solid #cccccc;
}
.pagination a.active,
.pagination a:hover,
.pagination span.active,
.pagination span:hover{
    color: #409eff;
    border-color: #409eff;
}

.pagination li.active,
.pagination li:hover,
.pagination span.active,
.pagination span:hover{
    color: #409eff;
    border-color: #409eff;
}










.login{
    height: 901px;
    background: url(../img/topimg.jpg) no-repeat center center / 100% 100%;
}
.login .inner{
    display: flex;
    justify-content: space-between;
}
.login h2{
    color: #fff;
    font-size: 32px;
    margin-top: 227px;
}
.login .form{
    width: 486px;
    padding-bottom: 16px;
    background-color: #fff;
    margin-top: 167px;
    border-radius: 3px;
}
.login .form .form-tabs{
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 -2px 0 0 #E4E7ED inset;
    margin-bottom: 36px;
}
.login .form .form-tabs .tab{
    line-height: 84px;
    font-size: 20px;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
}
.login .form .form-tabs .tab.active{
    color: #409EFF;
    font-weight: bold;
    border-bottom: 2px solid #409eff;
}
.login .form .form-tabs .tab:hover{
    color: #409EFF;
}
.login .form .form-item{
    width: 330px;
    height: 38px;
    margin: 0 auto 36px;
}
.login .form .form-item input{
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 15px 0 45px;
    border: 1px solid #DCDFE6;
}
.login .form .form-item.account-number input,
.login .form .form-item.school input{
    background: url(../img/icon_user.png) no-repeat 12px center / 20px 20px;
}
.login .form .form-item.password input{
    background: url(../img/icon_pass.png) no-repeat 12px center / 20px 20px;
}
.login .form .submit{
    display: block;
    width: 330px;
    height: 50px;
    color: #FFF;
    font-size: 18px;
    background-color: #409EFF;
    border-width: 0;
    cursor: pointer;
    border-radius: 4px;
    margin: 0 auto;
}






.bindingPop{
    text-align: center;
}
.bindingPop .pop-cont{
    width: 636px;
    padding: 50px 20px 30px;
}
.bindingPop h3{
    line-height: 26px;
    color: #34485e;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 65px;
}
.bindingPop .binding,
.bindingPop .skip{
    display: inline-block;
    width: 114px;
    height: 38px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.bindingPop .binding{
    color: #fff;
    background-color: #409eff;
    margin-right: 25px;
}
.bindingPop .skip{
    color: #409eff;
    border: 1px solid #409eff;
}






.index-banner{
    height: 590px;
}
.index-banner .swiper-container{
    height: 100%;
}
.index-banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.index-banner img{
    width: 100%;
    height: 100%;
}








.index-process{
    padding: 44px 0 60px;
}
.index-process .page-title{
    margin-bottom: 45px;
}
.index-process .process-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-process .process-img .img1{
    margin-right: 88px;
}






.index-news{
    padding: 44px 0 50px;
    background-color: #f2f5fa;
}
.index-news .check-more{
    display: block;
    width: 230px;
    height: 50px;
    line-height: 50px;
    color: #409eff;
    font-size: 18px;
    text-align: center;
    margin: 42px auto 0;
    border: 1px solid #409eff;
    border-radius: 3px;
}




.news-list .list-item{
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}
.news-list .list-item .item-date{
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    padding-top: 4px;
    background: #f44a5e;
    margin-right: 50px;
}
.news-list .list-item .item-date .day{
    font-size: 24px;
    font-weight: bold;
}
.news-list .list-item .item-text{
    flex: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #bdc4ce;
}
.news-list .list-item .item-title{
    width: 882px;
    line-height: 21px;
    color: #34485e;
    font-size: 16px;
    margin-bottom: 5px;
}
.news-list .list-item .item-cont{
    width: 882px;
    color: #8c9198;
}
.news-list .list-item:hover .item-date{
    background-color: #409eff;
}
.news-list .list-item:hover .item-title{
    color: #409eff;
}




.index .news-list .list-item{
    justify-content: center;
}
.index .news-list .list-item .item-text{
    flex: 0;
    width: 882px;
}





.healthPop{
    background-color: rgba(0,0,0,.5);
    overflow: auto;
}
.healthPop .pop-cont{
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin: 50px auto;
    padding: 42px;
    height: auto;
}
.healthPop table{
    width: 100%;
}
.healthPop table th{
    background-color: rgba(215, 215, 215, 1);
}
.healthPop table th,
.healthPop table td{
    width: 10%;
    height: 30px;
    text-align: center;
    border: 1px solid #cccccc;
}
.healthPop table input{
    width: 100%;
    height: 24px;
    text-align: center;
    padding: 0 10px;
    background-color: #fff;
    border-width: 0;
}
.healthPop table .health-box{
    display: flex;
    align-items: center;
}
.healthPop table .checkbox-group{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 10px;
}
.healthPop table .checkbox-group .checkbox{
    margin-right: 6px;
    margin-bottom: 6px;
}
.healthPop table .remark{
    flex: 1;
    display: flex;
    align-items: center;
}
.healthPop table .remark .r-t{
    white-space: nowrap;
}
.healthPop table input.text-left{
    text-align: left;
}
.healthPop table .table-checkbox{
    width: 14px;
    margin: 0 auto;
}
.healthPop .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    border-width: 0;
    margin: 53px auto 0;
    cursor: pointer;
}
.healthPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px;
}
.healthPop .textarea-title{
    padding: 10px;
    text-align: left;
}
.healthPop textarea{
    display: block;
    width: 90%;
    height: 100px;
    margin: 0 10px 10px;
    border-width: 0;
}







.news-center .page-title{
    margin-bottom: 64px;
}






.news-detail .detail{
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
}
.news-detail .detail-date{
    color: #8c9198;
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 24px;
}
.news-detail .detail-date b{
    font-weight: bold;
    color: #34485e;
}
.news-detail .detail-title{
    font-weight: bold;
    color: #34485e;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.news-detail .detail-content{
    color: #8c9198;
    font-size: 14px;
}





.learn-list{
    display: flex;
    flex-wrap: wrap;
    padding: 36px 0 36px 56px;
}
.learn-list .list-item{
    width: 248px;
    text-align: center;
    margin-right: 32px;
    margin-bottom: 50px;
}
.learn-list .list-item .item-img{
    height: 146px;
    margin-bottom: 14px;
}
.learn-list .list-item .item-img img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}
.learn-list .list-item .item-title{
    color: #34485e;
    font-size: 16px;
}
.learn-list .list-item:hover .item-title{
    color: #409eff;
}








.career-learn .learn-box{
    padding-bottom: 45px;
    background-color: #fff;
    border-radius: 4px;
}









.learn-detail .detail{
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
}
.learn-detail .detail .detail-top{
    display: flex;
}
.learn-detail .detail .detail-top .top-l{
    margin-right: 38px;
}
.learn-detail .detail .detail-top .top-l .img{
    width: 248px;
    height: 146px;
    margin-bottom: 17px;
}
.learn-detail .detail .detail-top .top-l .collection{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.learn-detail .detail .detail-top .top-l .collection .star{
    width: 20px;
    height: 18px;
    background: url(../img/star.png) no-repeat center center / 100% 100%;
    margin-right: 5px;
}
.learn-detail .detail .detail-top .top-l .collection.active .star{
    background-image: url(../img/star1.png);
}
.learn-detail .detail .detail-top .detail-title{
    color: #34485e;
    font-size: 18px;
    margin-bottom: 14px;
}
.learn-detail .detail .detail-top .msg{
    color: #8c9198;
    margin-bottom: 14px;
}
.learn-detail .detail .detail-top .intro{
    width: 506px;
    color: #5b5e63;
}
.learn-detail .detail .detail-content{
    color: #8c9198;
    margin: 23px 0 29px 0;
}






.video-source .page-banner{
    margin-bottom: 30px;
}
.video-source .video-box{
    padding-bottom: 45px;
    background-color: #fff;
    border-radius: 4px;
}
.video-source .video-detail{
    padding: 12px 20px;
}
.video-source .video-detail .detail-title{
    line-height: 76px;
    font-size: 30px;
    color: #34485e;
}
.video-source .video-detail .video{
    display: flex;
    background-color: #000;
}
.video-source .video-detail .video video{
    width: 839px;
    height: 542px;
}
.video-source .video-detail .video .source-list{
    flex: 1;
    height: 542px;
    background-color: #313131;
    overflow: auto;
}
.video-source .video-detail .video .source-list .item{
    display: flex;
    align-items: center;
    padding: 18px 18px 0;
}
.video-source .video-detail .video .source-list .item .item-img{
    flex-shrink: 0;
    width: 108px;
    height: 60px;
    margin-right: 15px;
}
.video-source .video-detail .video .source-list .item .item-text{
    flex: 1;
    color: #fff;
}
.video-source .video-detail .video .source-list .item .item-title{
    max-width: 160px;
}
.video-source .video-detail .video .source-list .item .item-view{
    display: flex;
    align-items: center;
}
.video-source .video-detail .video .source-list .item .item-view .icon{
    width: 21px;
    height: 16px;
    background: url(../img/view1.png) no-repeat center center / 100% 100%;
    margin-right: 10px;
}
.video-source .video-detail .video .source-list .item.active .item-view .icon{
    background-image: url(../img/view2.png);
}


.video-source .video-detail .tools{
    display: flex;
    align-items: center;
    margin-top: 18px;
}
.video-source .video-detail .tools .view{
    display: flex;
    align-items: center;
    margin-right: 40px;
}
.video-source .video-detail .tools .view .icon{
    width: 21px;
    height: 16px;
    background: url(../img/view1.png) no-repeat center center / 100% 100%;
    margin-right: 10px;
}
.video-source .video-detail .tools .collection{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.video-source .video-detail .tools .collection .star{
    width: 20px;
    height: 18px;
    background: url(../img/star.png) no-repeat center center / 100% 100%;
    margin-right: 5px;
}
.video-source .video-detail .tools .collection.active .star{
    background-image: url(../img/star1.png);
}







.assessment .page-banner{
    margin-bottom: 40px;
}
.assessment .page-banner img{
    height: 430px;
}
.assessment .as-title{
    font-size: 20px;
    color: #34485e;
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    line-height: 1;
}
.assessment .as-title::after{
    content: '';
    position: absolute;
    top: 4px;
    left: -10px;
    width: 4px;
    height: 14px;
    background: #409eff;
    border-radius: 2px;
}
.as-tabs{
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 -2px 0 0 #eeeeee inset;
}
.as-tabs .tab{
    text-align: center;
    padding: 14px 10px;
    margin-right: 24px;
    border-bottom: 2px solid #eeeeee;
    cursor: pointer;
}
.as-tabs .tab .title{
    color: #34485e;
    font-size: 16px;
}
.as-tabs .tab .subhead{
    color: #bdc4ce;
    margin-top: 7px;
}
.as-tabs .tab.active{
    border-color: #409eff;
}
.as-list{
    margin-top: 20px;
}
.as-list .list-item{
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
}
.as-list .list-item .item-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    color: #fff;
    padding: 0 170px 0 20px;
    background: #409eff;
}
.as-list .list-item .item-title{
    font-size: 16px;
    font-weight: bold;
}
.as-list .list-item .item-time{
    display: flex;
    align-items: center;
    font-size: 12px;
}
.as-list .list-item .item-time .start-time{
    margin-right: 18px;
}
.as-list .list-item .item-cont{
    display: flex;
}
.as-list .list-item .item-intro{
    flex: 1;
    display: flex;
    padding: 30px 0;
    border-right: 1px solid #eee;
    margin: 0 0 0 24px;
}
.as-list .list-item .item-intro .intro-t{
    color: #5b5e63;
    white-space: nowrap;
}
.as-list .list-item .item-intro .intro-c{
    width: 79.08%;
    line-height: 22px;
    color: #8c9198;
    font-size: 14px;
    word-break: break-all;
}
.as-list .list-item .item-btn{
    width: 12.5%;
    padding: 20px 0;
}
.as-list .list-item .item-btn > *{
    display: block;
    width: 96px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 200px;
}
.as-list .list-item .item-btn .check-report{
    background-color: #47d1a0;
}
.as-list .list-item .item-btn .start-report,
.as-list .list-item .item-btn .check-detail{
    background: rgba(247, 197, 27, 1);
}
.as-list .list-item .item-btn .stale{
    background-color: #47d1a0;
}










.assessment-report{
    padding: 41px 0 27px;
}
.assessment-report .report-block .block{
    position: relative;
    padding: 40px 22px;
    background-color: #fff;
    margin-bottom: 20px;
}
.assessment-report .report-block .block::after,
.assessment-report .report-block .block::before{
    content: '';
    position: absolute;
    top: -40px;
    width: 30px;
    height: 64px;
    background: url(../img/paper.png) no-repeat center center / 100% 100%;
    z-index: 3;
}
.assessment-report .report-block .block:first-child:after,
.assessment-report .report-block .block:first-child:before{
    display: none;
}
.assessment-report .report-block .block::before{
    left: 22px;
}
.assessment-report .report-block .block::after{
    right: 22px;
}
.assessment-report .title1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.assessment-report .title1 img{
    height: 82px;
}
.assessment-report .title1 h3{
    color: #34485e;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-left: 8px;
}
.assessment-report .block-title{
    position: relative;
    color: #34485e;
    font-size: 20px;
    font-weight: bold;
}
.assessment-report .block-title::before{
    content: "";
    width: 4px;
    height: 14px;
    border-radius: 2px;
    background-color: #409eff;
    display: inline-block;
    margin-right: 10px;
}
.assessment-report .user-msg{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.assessment-report .user-msg .head{
    width: 103px;
    height: 103px;
    margin-right: 37px;
}
.assessment-report .user-msg .head img{
    width: 100%;
    height: 100%;
}
.assessment-report .user-msg .msg-text{
    flex: 1;
}
.assessment-report .user-msg .msg-text .name{
    color: #5b5e63;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.assessment-report .user-msg .msg-text .school-msg{
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    line-height: 19px;
    color: #8c9198;
}
.assessment-report .user-msg .msg-text .school-msg .msg{
    min-width: 45%;
    margin-bottom: 10px;
}
.assessment-report .user-msg .report-msg{
    min-width: 400px;
    color: #8c9198;
    font-size: 14px;
}
.assessment-report .user-msg .report-msg .date{
    margin-bottom: 20px;
}
.assessment-report .user-msg-hint{
    line-height: 33px;
    color: #8c9198;
    padding: 17px 18px 0;
    border: 1px dashed #409eff;
    margin-top: 20px;
}
.assessment-report .user-msg-hint p{
    /*margin-bottom: 20px;*/
    line-height: 36px;
    text-indent: 24px;
}
.assessment-report .test-intro{
    line-height: 30px;
    color: #8c9198;
    padding-left: 18px;
    margin-top: 34px;
}
.assessment-report .report-result{
    margin-top: 17px;
}
.assessment-report .report-result .hint{
    line-height: 2;
    color: #8c9198;
    margin: 20px 0;
}
.assessment-report .report-result .hint2{
    color: #f7c51b;
    text-align: center;
    margin: 30px 0;
}
.assessment-report .report-result .jieshi{
    color: #8c9198;
    margin: 30px 0;
}
.assessment-report .report-result .jieshi > div{
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px;
}
.assessment-report .report-result .jieshi > div::after{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #8c9198;
    border-radius: 50%;
}
.assessment-report .report-result .score{
    color: #34485e;
    font-size: 16px;
    margin: 23px 0;
}
.assessment-report .report-result .progress{
    margin-bottom: 23px;
}
.assessment-report .report-result .progress .textimg{
    width: 600px;
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 63px auto 0;
    background: linear-gradient(90deg, rgba(68, 137, 245, 1) 0%, rgba(138, 2, 239, 1) 100% );
    opacity: 1;
    position: relative;
}
.assessment-report .report-result .progress .textimg .textimgleft{
    width: 35%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    border-right: 1px solid #fff;
    position: relative;
}
.assessment-report .report-result .progress .textimg .textimgleft .leftnumberbox{
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0px;
    top: -26px;
    color: #0d1e2e;
    font-size: 14px;
}
.assessment-report .report-result .progress .textimg .textimgmiddle{
    width: 320px;
    height: 30px;
    color: #ffffff;
    font-size: 16px;
    padding-right: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
}
.assessment-report .report-result .progress .textimg .textimgright{
    position: relative;
    width: 39px;
}
.assessment-report .report-result .progress .textimg .textimgright .textrightnumber{
    color: #0d1e2e;
    font-size: 14px;
    position: absolute;
    top: -35px;
    right: -10px;
}
.assessment-report .report-result .progress .textimg .descore{
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 30px;
    border-right: 1px solid #fff;
}
.assessment-report .report-result .progress .textimg .descore .scorenumber{
    position: absolute;
    bottom: -21px;
    right: -10px;
    color: #0d1e2e;
    font-size: 14px;
}
.assessment-report .report-result .progress .ablitilyname{
    color: #06121e;
    font-size: 14px;
    text-align: center;
    margin: 31px auto 0;
}
.assessment-report .report-result .content{
    color: #8c9198;
    line-height: 2;
    margin-top: 23px;
}
.assessment-report .underline{
    display: block;
    color: #4489f5;
    text-decoration: underline;
    margin: 17px 0 6px;
}
.assessment-report .download{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    margin: 49px auto 0;
}







.assessment-start{
    padding: 36px 0 25px;
}
.assessment-start .type1{
    padding: 95px 0 30px;
    background-color: #fff;
    border-radius: 4px;
}
.assessment-start .title{
    position: relative;
    font-size: 36px;
    color: #34485e;
    font-weight: bold;
    text-align: center;
    padding-bottom: 34px;
    margin: 0 auto 34px;
}
.assessment-start .title::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 87px;
    height: 1px;
    background-color: #34485e;
    transform: translate(-50%, 0);
}
.assessment-start .subhead{
    width: 713px;
    line-height: 22px;
    color: #409eff;
    font-size: 16px;
    margin: 0px auto 41px;
}
.assessment-start .content{
    width: 713px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 59px;
}
.assessment-start .intro{
    padding-top: 30px;
}
.assessment-start .text{
    margin-bottom: 68px;
}
.assessment-start .text:last-child{
    margin-bottom: 0;
}
.assessment-start .img{
    flex-shrink: 0;
    width: 287px;
    height: 246px;
    margin-right: 25px;
}
.assessment-start .img img{
    width: 100%;
    height: 100%;
}
.assessment-start .intro{
    color: #8c9198;
}
.assessment-start .intro h3{
    color: #409eff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 32px;
}
.assessment-start .intro div{
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 30px;
}
.assessment-start .intro p{
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
}
.assessment-start .intro p::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    width: 4px;
    height: 4px;
    background-color: #8c9198;
    transform: translate(0%, -50%);
}
.assessment-start .start{
    display: block;
    width: 330px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #409eff;
    margin: 30px auto;
    -webkit-box-shadow: 0px 3px 6px rgb(18 86 194 / 20%);
    box-shadow: 0px 3px 6px rgb(18 86 194 / 20%);
    border-radius: 3px;
    cursor: pointer;
}
.assessment-start .hint{
    color: #409eff;
    font-size: 16px;
}
.assessment-start .hint img{
    display: inline-block;
    margin-right: 3px;
}



.assessment-start .type1 .hint{
    text-align: center;
}



.assessment-start .start-type2{
    display: flex;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 4px;
}
.assessment-start .start-type2 .type2-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 430px;
}
.assessment-start .start-type2 .type2-img .img{
    max-width: 100%;
}
.assessment-start .start-type2 .type2-text{
    flex: 1;
    padding: 59px 120px 30px 77px;
    border-left: 1px solid #eee;
}
.assessment-start .start-type2 .type2-text .text-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 31px;
}
.assessment-start .start-type2 .type2-text .text-top .top-title{
    color: #34485e;
    font-size: 22px;
    font-weight: bold;
}
.assessment-start .start-type2 .type2-text .text-top .top-right{
    display: flex;
    align-items: center;
}
.assessment-start .start-type2 .type2-text .text-top .top-time{
    margin-right: 22px;
}
.assessment-start .start-type2 .type2-text .text-top .top-time span{
    color: #409eff;
}
.assessment-start .start-type2 .type2-text .text-top .topic-num{
    font-weight: bold;
}
.assessment-start .start-type2 .type2-text .type2-hint{
    color: #8c9198;
    margin-bottom: 23px;
}
.assessment-start .start-type2 .type2-text .type2-proposal{
    color: #f7c51b;
    font-size: 12px;
    text-align: right;
}
.assessment-start .start-type2 .start{
    margin-top: 214px;
}




.answer-page .type3 .test-img .type3-title,
.assessment-start .start-type3 .type2-img{
    padding: 65px 20px 30px 70px;
}
.assessment-start .start-type3 .type2-img .type3-title{
    width: 100%;
    line-height: 36px;
    color: #34485e;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}
.answer-page .type3 .test-img .type3-title::after,
.assessment-start .start-type3 .type2-img .type3-title::after{
    content: '';
    display: block;
    width: 54px;
    height: 1px;
    background-color: #34485e;
    margin-top: 30px;
}
.assessment-start .start-type3 .type2-text .text-top .top-title{
    font-size: 18px;
}

.assessment-start .inner .start-type2 .type2-text{
    padding-right: 45px;
}
.assessment-start .start-type3 .type3-intro{
    margin-bottom: 42px;
}
.assessment-start .start-type3 .type3-intro .intro-title{
    line-height: 24px;
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}
.assessment-start .start-type3 .type3-intro .intro-step .step{
    line-height: 28px;
    margin-bottom: 42px;
}
.assessment-start .start-type3 .type3-intro .intro-step .step:last-child{
    margin-bottom: 0px;
}
.assessment-start .start-type3 .type3-intro .intro-step .step .step-title{
    color: #409eff;
    font-size: 16px;
    font-weight: bold;
}
.assessment-start .start-type3 .type3-intro .intro-step .step .step-cont{
    color: #8c9198;
}


.assessment-start .start-type3 .ques-title{
    line-height: 24px;
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.assessment-start .start-type3 .question{
    margin-bottom: 20px;
}
.assessment-start .start-type4 .question .ques-item{
    margin-bottom: 20px;
}
.assessment-start .start-type3 .question .ques-item .item-title{
    line-height: 40px;
    padding-left: 15px;
}
.assessment-start .start-type4 .question .ques-item .item-title{
    color: #fff;
    background-color: #409eff;
    border-radius: 3px 3px 0 0;
    margin-bottom: 30px;
}
.assessment-start .start-type3 .question .ques-item .item-cont{
    padding: 15px;
}
.assessment-start .start-type3 .question .ques-item img{
    max-width: 100%;
}
.assessment-start .start-type3 .question .q{
    color: #5b5e63;
    margin-bottom: 30px;
}
.assessment-start .start-type3 .question .a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.assessment-start .start-type3 .question .a .a-item{
    color: #8c9198;
    margin-right: 20px;
}
.assessment-start .start-type3 .question .hint{
    color: #47d1a0;
    font-size: 14px;
    margin-top: 20px;
}
.assessment-start .start-type3 .text-hint{
    color: #409eff;
    font-size: 12px;
    text-align: center;
}
.assessment-start .start-type3 .text-hint img{
    display: inline-block;
}
.assessment-start .start-type3 .start{
    margin-top: 30px;
}



.assessment-start .start-type4 .question .ques-item{
    padding-bottom: 15px;
    margin-bottom: 20px;
    border: 1px solid #eee;
}



.assessment-start .answer-step{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 26px;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 4px;
}
.assessment-start .answer-step .item{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 181px;
    height: 48px;
    background: #f3f3f3;
    font-size: 18px;
    color: #8c9198;
    float: left;
    margin-left: 47px;
    margin-top: 26px;
    border-radius: 3px;
    border: 1px solid #f3f3f3;
}
.assessment-start .answer-step .item.success{
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}
.assessment-start .answer-step .item.underway{
    color: #409eff;
    background-color: #fff;
    border-color: #409eff;
}
.assessment-start .answer-step .item .item-img{

}
.assessment-start .answer-step .item .item-img img{

}
.assessment-start .answer-step .item .item-name{

}










.answer-page .test-topic{
    display: flex;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 4px;
}
.answer-page .test-topic .test-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 430px;
}
.answer-page .test-topic .test-img .main2-intro{
    padding-top: 65px;
    margin-bottom: 45px;
}
.answer-page .test-topic .test-img .main2-intro h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}
.answer-page .test-topic .test-img .main2-intro p{
    color: #8c9198;
    margin-bottom: 10px;
}
.answer-page .test-topic .test-img .main2-intro p span{
    color: #409eff;
}
.answer-page .test-topic .test-img img{
    width: 281px;
    height: 188px;
}
.answer-page .test-topic .test-text{
    flex: 1;
    padding: 59px 120px 30px 77px;
    border-left: 1px solid #eee;
}
.answer-page .test-topic .text-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 31px;
}
.answer-page .test-topic .text-top .test-page-num{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
}
.answer-page .test-topic .text-top .count-down{
    color: #5b5e63;
}
.answer-page .test-topic .inter-test-intro{
    display: none;
}
.answer-page .test-topic .inter-test-intro .intro-title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.answer-page .test-topic .inter-test-intro table{
    width: 100%;
    margin-bottom: 20px;
}
.answer-page .test-topic .inter-test-intro table td{
    padding: 20px;
    border: 1px solid #eeeeee;
}
.answer-page .test-topic .inter-test-intro table td:first-child{
    width: 80px;
    background-color: #409eff;
}
.answer-page .test-topic .inter-test-intro table .num{
    width: 40px;
    line-height: 40px;
    color: #409eff;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
}
.answer-page .test-topic .inter-test-intro table .text{
    color: #5b5e63;
}
.answer-page .test-topic .test-text .count-down span{
    color: #409eff;
}
.assessment-start .test-hint{
    color: #f7c51b;
    margin-bottom: 20px;
}
.answer-page .test-topic .test-text .test{
    color: #8c9198;
    margin-bottom: 20px;
}
.answer-page .test-topic .test-text .test img{
    /* width: 300px; */
    max-width: 100%;
}
.answer-page .test-topic .test-text .test .question{
    margin-bottom: 9px;
}
.answer-page .test-topic .test-text .test-list.flex-list  .test .answer,
.answer-page .test-topic .test-text .inter-test-intro .test-list .test .answer{
    display: flex;
    flex-wrap: wrap;
}
.answer-page .test-topic .test-text .test-list.flex-list .test .answer .item,
.answer-page .test-topic .test-text .inter-test-intro .test-list .test .answer .item{
    margin-right: 18px;
}
.answer-page .test-topic .test-text .test .answer .item{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.answer-page .test-topic .test-text .test .answer .item input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.answer-page .test-topic .test-text .test .answer .item i{
    width: 14px;
    height: 14px;
    background: url(../img/radio_check.png) no-repeat no-repeat center center / 100% 100%;
    margin-right: 14px;
}
.answer-page .test-topic .test-text .test .answer .item input:checked ~ i{
    background-image: url(../img/radio_checked.png);
}
.answer-page .test-topic .test-text .tools{
    margin-top: 34px;
}
.answer-page .test-topic .test-text .tools .next,
.answer-page .test-topic .test-text .tools .submit{
    display: block;
    width: 330px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #409eff;
    -webkit-box-shadow: 0px 3px 6px rgb(18 86 194 / 20%);
    box-shadow: 0px 3px 6px rgb(18 86 194 / 20%);
    margin: 28px auto 0;
    border-radius: 3px;
    cursor: pointer;
}
.answer-page .test-topic .test-text .tools .submit{
    display: none;
}



.assessment-start .test-topic.type3 .type2-text .test{
    padding: 20px 24px;
    border: 1px solid #eee;
}
.answer-page .test-topic.type3 .type2-text .test .answer{
    display: flex;
    flex-wrap: wrap;
}
.answer-page .test-topic.type3 .type2-text .test .answer .item{
    margin-right: 30px;
}











.proposal .prop-title{
    position: relative;
    color: #34485e;
    font-size: 20px;
    margin: 28px 0 20px 14px;
    font-weight: bold;
}
.proposal .prop-title::after{
    content: "";
    width: 4px;
    height: 14px;
    background-color: #409eff;
    border-radius: 2px;
    position: absolute;
    top: 7px;
    left: -14px;
}
.proposal .prop-box{
    padding: 0 36px 28px;
    background-color: #fff;
    border-radius: 4px;
}
.proposal .box-title{
    color: #5b5e63;
    font-size: 16px;
    font-weight: bold;
    padding-top: 28px;
    margin-bottom: 20px;
}
.proposal table{
    width: 100%;
}
.proposal table thead{
    background-color: rgb(64, 158, 255);
}
.proposal table tbody tr:hover{
    background-color: #F5F7FA;
}
.proposal table th,
.proposal table td{
    text-align: center;
    border: 1px solid #EBEEF5;
}
.proposal table th{
    line-height: 42px;
    color: #fff;
}
.proposal table td{
    line-height: 56px;
}
.proposal .content{
    line-height: 30px;
    color: #5b5e63;
}
.proposal .no-msg{
    color: #909399;
}
.proposal .next{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    margin: 53px auto 0;
}
.proposal .hint{
    color: #8c9198;
    margin: 28px 0 18px;
}
.proposal .radio-group .radio{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.proposal .radio-group .radio input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.proposal .radio-group .radio i{
    width: 14px;
    height: 14px;
    background: url(../img/radio_check.png) no-repeat center center / 100% 100%;
    cursor: pointer;
}
.proposal .radio-group .radio input:checked ~ i{
    background-image: url(../img/radio_checked.png);
}
.proposal .radio-group .radio .answer{
    display: flex;
    align-items: center;
    border: 1px solid #8c9198;
    margin-left: 18px;
    cursor: pointer;
}
.proposal .radio-group .radio .answer .item{
    padding: 11px 30px;
    border-right: 1px solid #8c9198;
}
.proposal .radio-group .radio .answer .item:last-child{
    border-right-width: 0;
}
.proposal .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    border-width: 0;
    margin: 53px auto 0;
}









.user-center{
    min-height: 84vh;
    padding: 24px 0 64px;
}
.user-center .inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.user-center .left{
    width: 180px;
    background-color: #fff;
    border-radius: 4px;
}
.user-center .left .head{
    width: 84px;
    height: 84px;
    margin: 25px auto 12px;
}
.user-center .left .head img{
    width: 100%;
    height: 100%;
}
.user-center .left .name{
    color: #8c9198;
    text-align: center;
    margin-bottom: 4px;
}
.user-center .left .grade{
    color: #8c9198;
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #eeeeee;
}
.user-center .left .navigator .nav{
    display: flex;
    align-items: center;
    line-height: 44px;
    color: #8c9198;
}
.user-center .left .navigator .nav:hover{
    background-color: #eeeeee;
}
.user-center .left .navigator .nav.active{
    color: #409eff;
}
.user-center .left .navigator .nav .icon,
.user-center .left .navigator .nav .icon-b{
    width: 14px;
    height: 15px;
    margin: 0 13px 0 23px;
}
.user-center .left .navigator .nav .icon-b{
    display: none;
}
.user-center .left .navigator .nav.active .icon{
    display: none;
}
.user-center .left .navigator .nav.active .icon-b{
    display: block;
}
.user-center .right{
    width: 996px;
    /*background-color: #fff;*/
    border-radius: 4px;
}
.user-center .right .act-start{
    display: block;
    width: 118px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 20px;
    cursor: pointer;
    margin: 10px 10px 10px auto;
}
.user-center .right .blocks .block{
    display: none;
}
.user-center .right .blocks .block.active{
    display: block;
}
.user-center .tab-content{
    font-size: 16px;
    padding: 24px 22px;
}
.user-center .tab-content .msg{
    display: flex;
    margin-bottom: 22px;
}
.user-center .tab-content .msg .msg-title{
    min-width: 64px;
    color: #bdc4ce;
    text-align: right;
    white-space: nowrap;
    margin-right: 24px;
}
.user-center .tab-content .msg .msg-cont{
    color: #8c9198;
    margin-right: 24px;
}
.user-center .tab-content .msg .binding-email,
.user-center .tab-content .msg .binding-phone{
    color: #409eff;
}
.user-center .tab-content .msg .edit-info{
    color: #409eff;
}
.user-center .tab-content .msg .edit-info:hover{
    cursor: pointer;
}
.user-center .tab-content .msg .group-box{

}
.user-center .tab-content .msg .group-box .form{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.user-center .tab-content .msg .group-box input{
    width: 241px;
    height: 34px;
    padding-left: 14px;
    border: 1px solid #eee;
}
.user-center .tab-content .msg .group-box .send{
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0 15px;
    background-color: #409eff;
    margin-right: 24px;
    border-width: 0;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}
.user-center .tab-content .msg .group-box .send:disabled{
    color: #999999;
    background-color: #f2f2f2;
}
.user-center .tab-content .msg .group-box .cancle{
    color: #409eff;
}
.user-center .tab-content .msg .group-box .hint{
    font-size: 12px;
    color: #f7c51b;
}
.user-center .tab-content .msg .phone-cont{
    display: flex;
}
.user-center .tab-content .msg .phone-cont .binding-phone{
    margin-left: 24px;
}
.user-center .tab-content .msg .phone-submit,
.user-center .tab-content .msg .email-submit{
    width: 92px;
    line-height: 40px;
    color: #fff;
    background-color: #409EFF;
    border-width: 0;
    border-radius: 4px;
}
.user-center .tab-content .msg.v-code,
.user-center .tab-content .msg.email-vcode,
.user-center .tab-content .msg .email-box,
.user-center .tab-content .msg .phone-box{
    display: none;
}


.user-center .no-course{
    text-align: center;
    padding: 60px 0;
}
.user-center .no-course h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}
.user-center .no-course .go-change{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-width: 0;
    border-radius: 3px;
    margin: 44px auto 20px;
    cursor: pointer;
}


.user-center .pass-form{
    padding: 24px 0 32px 12px;
}
.user-center .pass-form .form-item{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.user-center .pass-form .form-item .item-t{
    min-width: 77px;
    color: #bdc4ce;
    white-space: nowrap;
    text-align: right;
    margin-right: 15px;
}
.user-center .pass-form .form-item.required .item-t::before{
    content: '*';
    color: #f44a5e;
}
.user-center .pass-form .form-item input{
    width: 282px;
    height: 32px;
    border: 1px solid #eeeeee;
    padding-left: 14px;
}
.user-center .pass-form .form-item .submit{
    width: 92px;
    line-height: 40px;
    color: #fff;
    background-color: #409EFF;
    border-width: 0;
    border-radius: 4px;
    margin-top: 15px;
}


.user-center .upload-box{
    padding: 24px 0 32px 20px;
}
.user-center .upload-box .hint{
    color: #bdc4ce;
    margin-bottom: 25px;
}
.user-center .upload-box .upload{
    position: relative;
    display: block;
}
.user-center .upload-box .upload .add-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    color: #bdc4ce;
    font-size: 12px;
    border: 1px dashed #bdc4ce;
    border-radius: 3px;
    cursor: pointer;
}
.user-center .upload-box .upload .add-img img{
    width: 27px;
    height: 26px;
}
.user-center .upload-box .upload input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.user-center .upload-box .upload .img{
    width: 84px;
    height: 84px;
    display: none;
}
.user-center .upload-box .submit{
    width: 116px;
    line-height: 40px;
    color: #fff;
    background-color: #409EFF;
    border-width: 0;
    border-radius: 4px;
    margin-top: 24px;
    cursor: pointer;
}


.user-center .assessment{
    background-color: #f2f5fa;
}


.user-center .table table{
    width: 100%;
}
.user-center .table table thead{
    background-color: rgb(241, 241, 241);
}
.user-center .table table th{
    /*color: rgb(91, 94, 99);*/
    text-align: center;
    /*padding: 3px 0;*/
}
.user-center .table table td{
    /*color: #34485e;*/
    text-align: center;
    /*padding: 16px 0;*/
}
.user-center .table .tools{
    display: flex;
    align-items: center;
}
.user-center .table .tools > *{
    width: 114px;
    height: 38px;
    line-height: 38px;
    /*color: #409eff;*/
    text-align: center;
    /*border: 1px solid #409eff;*/
    border-radius: 3px;
    margin-right: 25px;
    cursor: pointer;
}
.user-center .table .tools .edit-exp:hover,.user-center .table .tools .activity_summary:hover{
    color: #CC0000;
}
.user-center .table .tools > *:last-child{
    margin-right: 0px;
}
.user-center .table .tools .apply-btn,
.user-center .table .tools .check-grade,
.user-center .table .tools .check-exp{
    color: #fff;
    background-color: #409eff;
}


.user-center .summarize .sum-form{
    padding: 27px;
}
.user-center .summarize .sum-form .form-block .block-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
}
.user-center .summarize .sum-form .form-item{
    font-size: 16px;
    margin-bottom: 36px;
}
.user-center .summarize .sum-form .form-item .item-t{
    margin-bottom: 16px;
}
.user-center .summarize .sum-form .form-item.required .item-t::before{
    content: '*';
    color: #f44a5e;
}
.user-center .summarize .sum-form .form-item textarea{
    width: 100%;
    height: 96px;
    color: #606266;
    padding: 12px;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
}
.user-center .summarize .sum-form .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-width: 0;
    border-radius: 3px;
    margin: 44px auto 20px;
    cursor: pointer;
}


.user-center .report .re-title{
    line-height: 53px;
    color: #34485e;
    font-size: 16px;
    font-weight: bold;
    margin-left: 26px;
}
.user-center .report .tables{
    display: flex;
}
.user-center .report .tables table{
    border-right: 1px solid #707070;
}
.user-center .report .tables table:last-child{
    border-right-width: 0;
}
.user-center .report .tables table th,
.user-center .report .report-table table th{
    padding: 6px 0;
}
.user-center .report .tables table td,
.user-center .report .report-table table td{
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}
.user-center .report .report-table table td{
    text-align: left;
    padding: 10px 27px;
}


.user-center .list{

}
.user-center .list .list-item{
    display: flex;
    align-items: center;
    padding: 18px 21px;
}
.user-center .list .list-item .item-img{
    margin-right: 41px;
}
.user-center .list .list-item .item-img img{
    width: 179px;
    height: 114px;
}
.user-center .list .list-item .item-title{
    width: 280px;
    line-height: 21px;
    color: #34485e;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
}
.user-center .list .list-item .item-btn{
    width: 116px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
}
.user-center .assessment .table{
    background-color: #fff;
}







.gradePop .pop-cont{
    padding: 0;
    width: 1200px;
}
.gradePop table{
    width: 100%;
}
.gradePop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 36px 0 30px;
}
.gradePop table thead{
    background-color: rgb(241, 241, 241);
}
.gradePop table th{
    color: rgb(91, 94, 99);
    text-align: center;
    padding: 3px 0;
}
.gradePop table td{
    color: #34485e;
    text-align: center;
    padding: 16px 0;
}
.gradePop table .no-msg{
    line-height: 60px;
    color: #909399;
    text-align: center;
}
.evalPop .pop-cont{
    padding: 20px;
    width: 636px;
}
.evalPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 30px;
    border-bottom: 1px solid #eeeeee;
}
.evalPop .content{
    padding: 16px 24px;
    color: #606266;
}
.expPop .pop-cont{
    padding: 20px;
    width: 636px;
}
.expPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 30px;
    border-bottom: 1px solid #eeeeee;
}
.expPop .content{
    padding: 16px 24px;
    color: #606266;
}
.expPop .content .exp-group{
    margin-bottom: 18px;
}
.expPop .content .exp-item{
    display: flex;
    line-height: 32px;
    font-size: 16px;
}
.expPop .content .exp-item.line{
    display: block;
}
.expPop .content .exp-item .item-t{
    min-width: 96px;
    color: #5b5e63;
    white-space: nowrap;
}
.expPop .content .exp-item .item-c{

}
.expPop .content img{
    width: 100%;
}
.expPop .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    border-width: 0;
    margin: 53px auto 0;
    cursor: pointer;
}









.assessment .as-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.assessment .tabs{
    display: flex;
    align-items: center;
}
.assessment .tabs .tab{
    margin-right: 80px;
    cursor: pointer;
}
.assessment .tabs .tab .as-title{
    font-weight: normal;
    margin-bottom: 0;
}
.assessment .tabs .tab.active .as-title{
    font-weight: bold;
}
.assessment .tabs .tab .as-title::after{
    display: none;
}
.assessment .tabs .tab.active .as-title::after{
    display: block;
}
.assessment .test-start{
    width: 118px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 20px;
    cursor: pointer;
}
.assessment .boxs .as-box{
    display: none;
}
.assessment .boxs .as-box.active{
    display: block;
}
.assessment .test-list{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin-top: 15px;
}
.assessment .test-list .list-item{
    width: 14%;
    text-align: center;
    background-color: #fff;
    padding: 14px 0;
    margin-right: 3.2%;
    margin-bottom: 67px;
    border-radius: 11px;
}
.assessment .test-list .list-item:nth-child(6n){
    margin-right: 0%;
}
.assessment .test-list .list-item .item-title{
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto 28px;
}
.assessment .test-list .list-item .item-img img{
    max-width: 142px;
    max-height: 142px;
    margin: 0 auto;
}
.assessment .type-tabs,
.assessment .question-type-tabs{
    display: flex;
    margin: 30px 0 30px;
}
.assessment .type-tabs .tab,
.assessment .question-type-tabs .tab{
    width: 140px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}
.assessment .type-tabs .tab.active,
.assessment .question-type-tabs .tab.active{
    color: #fff;
    background-color: rgba(25, 188, 156, 1);
}








.ques-survey{
    padding: 27px;
    background-color: #fff;
}
.ques-survey .title{
    color: #7F7F7F;
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}
.ques-survey .ques-list .list-item{
    margin-bottom: 24px;
}
.ques-survey .ques-list .list-item .item-t{
    margin-bottom: 18px;
}
.ques-survey .ques-list .list-item .radio-group{
    display: flex;
    align-items: center;
}
.ques-survey .ques-list .list-item .radio-group .radio{
    margin-right: 30px;
}
.ques-survey .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    border-width: 0;
    margin: 53px auto 0;
    cursor: pointer;
}







.testPop .pop-cont{
    padding: 20px;
    width: 636px;
}
.testPop .title{
    display: flex;
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 20px;
    border-bottom: 1px solid #eeeeee;
}
.testPop .title span{
    margin-right: 100px;
}
.testPop .pop-in{
    height: 75vh;
}
.testPop .test{
    padding: 40px 40px 20px;
}
.testPop .test .form-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.testPop .test .form-item.line{
    display: block;
}
.testPop .test .form-item .item-t{
    font-size: 16px;
    color: #5b5e63;
}
.testPop .test .form-item .item-c{

}
.testPop .test .form-item input{
    width: 240px;
    height: 32px;
    padding: 0 15px;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
}
.testPop .test .form-item .gread-class{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.testPop .test .form-item .gread-class .item{
    margin-right: 15px;
}
.testPop .test .form-item .change-student{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testPop .test .form-item .change-student .change-btn{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.testPop .test .form-item .change-student .change-btn i{
    width: 10px;
    height: 10px;
    background: url(../img/icon_fold2.png) no-repeat center center / 100% 100%;
    margin-left: 8px;
}
.testPop .test .form-item.active .change-student .change-btn i{
    transform: rotate(180deg);
}
.testPop .test .form-item .change-student .checkbox{
    font-size: 14px;
}
.testPop .test .form-item .student-box{
    height: 270px;
    color: #8c9198;
    padding: 18px 26px 0;
    background-color: #f2f5fa;
    margin-top: 24px;
    overflow: auto;
    display: none;
}
.testPop .test .form-item.active .student-box{
    display: block;
}
.testPop .test .form-item .student-box .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    cursor: pointer;
}
.testPop .test .form-item .student-box .item span{
    order: 0;
}
.testPop .test .form-item .student-box .item i{
    order: 1;
}
.testPop .test .form-item .student-name{
    margin: 24px 0;
}
.testPop .test .form-item .student-name span{
    display: inline-block;
    margin-right: 10px;
}
.testPop .test .form-item #start_time,
.testPop .test .form-item #end_time{
    padding-left: 34px;
    background: url(../img/icon_time.png) no-repeat 10px center / auto 50%;
}
.testPop .test .form-item textarea{
    width: 100%;
    height: 140px;
    padding: 5px 15px;
    margin-top: 20px;
    border: 1px solid #DCDFE6;
}
.testPop .test .submit{
    display: block;
    width: 118px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-width: 0;
    border-radius: 3px;
    margin: 36px auto 0;
    cursor: pointer;
}






.teacher-student-list{
    padding-top: 36px;
}
.teacher-student-list .inner{
    padding: 22px 48px 22px 48px;
    background-color: #fff;
}
.teacher-student-list .s-t-filter{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
}
.teacher-student-list .s-t-filter .form-item{
    display: flex;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 15px;
}
.teacher-student-list .s-t-filter .form-item .item-t{
    white-space: nowrap;
    margin-right: 13px;
}
.teacher-student-list .s-t-filter .form-item select{
    width: 102px;
    height: 30px;
}
.teacher-student-list .s-t-filter .form-item input{
    width: 190px;
    padding-left: 14px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.teacher-student-list .s-t-filter .form-item .layui-form-select input{
    width: 102px;
}
.teacher-student-list .s-t-filter .submit{
    background: #409eff;
}

.student-list{
    display: flex;
    flex-wrap: wrap;
}
.student-list .list-item{
    width: 188px;
    height: 340px;
    padding: 24px 0 24px 24px;
    background: #f2f5fa;
    margin: 0 40px 20px 0;
    border-radius: 3px;
}
.student-list .list-item:nth-child(5n){
    margin-right: 0;
}
.student-list .list-item .item-msg{
    display: flex;
    color: #8c9198;
    margin-bottom: 15px;
}
.student-list .list-item .item-msg .msg-t{
    white-space: nowrap;
    margin-right: 17px;
}
.student-list .list-item .item-btn{
    width: 120px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border: 1px solid #409eff;
    margin-left: 10px;
    margin-bottom: 15px;
    border-radius: 3px;
    cursor: pointer;
}
.student-list .list-item .item-btn.write-eval{
    color: #409eff;
    background-color: #fff;
}

[lay-id="student-list"]{
    position: relative;
    z-index: 1;
}
[lay-id="student-list"] .tools{
    display: flex;
    align-items: center;
}
[lay-id="student-list"] .tools .btn{
    line-height: 30px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    background-color: rgba(22, 155, 213, 1);
    margin-right: 8px;
    border-radius: 5px;
    cursor: pointer;
}
[lay-id="student-list"] .warn-tools .layui-btn{
    margin-bottom: 5px;
}
[lay-id="student-list"] .layui-table-cell {
    height: auto;
    line-height: 28px;
}





.reportPop .pop-cont{
    width: 996px;
    padding-bottom: 20px;
}
.reportPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 20px;
}
.reportPop .pop-in{
    min-height: 0;
    padding: 0;
}
.reportPop .report .re-title {
    margin-left: 0;
}
.reportPop .table table thead {
    background-color: rgb(51, 153, 255);
}
.reportPop .report .tables table th,
.reportPop .report .report-table table th{
    color: #fff;
    padding: 15px 10px;
}
.reportPop .report .tables table td,
.reportPop .report .report-table table td {
    padding: 15px 10px;
    border: 1px solid #eeeeee;
}
.reportPop .table3{
    padding: 10px 0;
}




.gradePop .pop-cont{
    width: 636px;
    padding-bottom: 20px;
}
.gradePop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 20px;
}
.gradePop .layui-form{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.gradePop .layui-form .form-item{
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.gradePop .layui-form .form-item:last-child{
    margin-right: 0px;
}
.gradePop .layui-form .form-item .item-t{
    white-space: nowrap;
}
.gradePop table{
    width: 100%;
}
.gradePop table thead{
    background-color: rgb(241, 241, 241);
}
.gradePop table th{
    text-align: center;
    padding: 5px 10px;
}
.gradePop table td{
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid rgb(241,241,241);
}




.writeEvalPop .pop-cont{
    width: 636px;
    padding: 20px;
}
.writeEvalPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 20px;
}
.writeEvalPop .layui-form{
    display: block;
}
.writeEvalPop .layui-form .form-item{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.writeEvalPop .layui-form .form-item .item-t{
    white-space: nowrap;
}
.writeEvalPop textarea{
    width: 100%;
    height: 206px;
    padding: 12px 17px;
    border: 1px solid #f2f5fa;
    border-radius: 3px;
}
.writeEvalPop .submit{
    display: block;
    width: 118px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-width: 0;
    border-radius: 3px;
    margin: 36px auto 0;
    cursor: pointer;
}





.interview-report,
.warning-pop,
.everyday-view,
.mental-health,
.psychological-problems,
.psychological-guidance{
    background-color: #fff;
}

.interview-report .pop-cont,
.warning-pop .pop-cont,
.everyday-view .pop-cont,
.mental-health .pop-cont,
.psychological-problems .pop-cont,
.psychological-guidance .pop-cont,
.parent-record-Pop .pop-cont,
.student-record-Pop .pop-cont,
.student-survey-pop .pop-cont{
    padding: 20px 40px;
}


.form-upload .pop-cont{
    padding: 20px 40px 20px 0;
}


.layui-form-label{
    box-sizing: content-box;
}







.assessment-clause{

}
.assessment-clause .inner{
    padding: 69px 46px 53px;
    background-color: #fff;
    margin: 30px auto;
}
.assessment-clause .answer-title{
    color: #34485e;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 34px;
}
.assessment-clause .answer-title::after{
    content: '';
    display: block;
    width: 87px;
    height: 1px;
    background-color: #34485e;
    margin: 34px auto 0;
}
.assessment-clause .clause{
    padding: 30px 23px;
    background-color: #f1f1f1;
}
.assessment-clause .clause .clause-title{
    color: #34485e;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 27px;
}
.assessment-clause .clause .clause-content{
    color: #8c9198;
}
.assessment-clause .checkbox{
    justify-content: center;
    color: #409eff;
    margin: 54px 0 34px;
}
.assessment-clause .button{
    display: block;
    width: 330px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #409eff;
    box-shadow: 0 3px 6px rgb(18 86 194 / 20%);
    border-radius: 3px;
    margin: 0 auto;
}








.type2 .test-msg{
    display: flex;
}
.type2 .test-msg .msg{
    flex: 1;
}
.type2 .test-msg .msg .nav{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.type2 .test-msg .msg .nav a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    margin-right: 30px;
    border-radius: 50%;
}


.report-study-style{
    display: none;
}
.report-study-style .study-style{
    color: #8c9198;
    font-size: 16px;
    margin-top: 20px;
}
.report-study-style .study-style b{
    color: #333;
    font-weight: 700;
}
.report-study-style .style{
    display: flex;
    align-items: center;
}
.report-study-style .style .table-box table th,
.report-study-style .style .table-box table td {
    padding: 40px 24px;
}
.report-study-style .style .style-img{
    margin-left: 43px;
}
.report-study-style .style .style-img img{
    width: 226px;
}


.type2-table table{
    width: 100%;
}
.type2-table table th,
.type2-table table td{
    text-align: center;
    padding: 15px;
    border: 1px solid #eeeeee;
}
.type2-table table .top-text1{
    color: #fff;
    background: #4489f5;
}
.type2-table table .top-text2{
    color: #fff;
    background: #6aa2fa;
}
.type2-table table .top2-text1{
    background: #eee;
}
.type2-table table .top2-text2{
    background: #f2f5fa;
}
.type2-table table .content-text1{
    color: #fff;
    background: #f7c51b;
}
.type2-table table .content-text2{
    color: #fff;
    background: #47d1a0;
}
.type2-table table img{
    display: inline-block;
    width: 22px;
    height: 22px;
}



.assessment-report .table-box table{
    width: 100%;
    margin-top: 30px;
}
.assessment-report .table-box table th,
.assessment-report .table-box table td{
    color: #8c9198;
    font-size: 16px;
    text-align: center;
    padding: 16px;
    border: 1px solid #f1f1f1;
}
.assessment-report .table-box table .th{
    color: #fff;
    background-color: #4489f5;
}
.assessment-report .table-box table .th2{
    color: #fff;
    background-color: #629fff;
}




.assessment-report .progress-box{
    margin-top: 30px;
}
.assessment-report .progress-box .item{
    display: flex;
    padding: 19px 0;
    border-bottom: 1px solid #f1f1f1;
}
.assessment-report .progress-box .item .item-title{
    flex: 1;
    color: #8c9198;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
}
.assessment-report .progress-box .item .progress{
    width: 851px;
    background: #eee;
}
.assessment-report .progress-box .item .progress .bar{
    line-height: 30px;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    background-color: #4489f5;
}






.assessment-report .echart-box .echart-group{
    display: flex;
    margin-top: 20px;
}
.assessment-report .echart-box .echart-group .echart{
    flex: 1;
}
.assessment-report .echart-box .echart-group .echart .block-title{
    margin-bottom: 20px;
}
.assessment-report .echart-box .echart-group .echart .content{
    height: 415px;
}
.assessment-report .echart-box .echart-group .echart #line-chart{
    background-color: #409eff;
    border-radius: 14px;
}
.assessment-report .echart-box .echart-group .echart #bar-chart{
    background-color: #458af5;
    border-radius: 14px;
}
.assessment-report .echart-box .echart-group .echart #pie-chart{
    width: 50%;
}


.assessment-report .statistics{
    color: #34485e;
    font-size: 20px;
    padding: 25px 35px 5px;
    background-color: #d8eaff;
    margin: 30px 0;
}
.assessment-report .statistics .st{
    display: flex;
    margin-bottom: 20px;
}
.assessment-report .statistics .st .title{
    white-space: nowrap;
}
.assessment-report .statistics .st .content{
    font-weight: bold;
}


.assessment-report .echart-box .self-interests{
    margin: 30px 0;
}
.assessment-report .echart-box .self-interests .in{
    display: flex;
    align-items: flex-start;
    color: #34485e;
    font-size: 20px;
    margin-bottom: 20px;
}
.assessment-report .echart-box .self-interests .in .title{
    position: relative;
    min-width: 200px;
    white-space: nowrap;
    padding-left: 18px;
}
.assessment-report .echart-box .self-interests .in .title::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #409eff;
    border-radius: 50%;
    transform: translate(0,-50%);
}
.assessment-report .echart-box .self-interests .in .group{
    display: flex;
    flex-wrap: wrap;
}
.assessment-report .echart-box .self-interests .in .group .item{
    margin-right: 20px;
    border-bottom: 1px solid #707070;
}


.assessment-report .six-list{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.assessment-report .six-list .list-item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 179px;
    height: 99px;
    cursor: pointer;
    z-index: 4;
}
.assessment-report .six-list .list-item .item-title{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.assessment-report .six-list .list-item .item-pop{
    position: absolute;
    bottom: 100%;
    left: 30%;
    padding-bottom: 20px;
    display: none;
}
.assessment-report .six-list .list-item.active .item-pop{
    display: block;
}
.assessment-report .six-list .list-item:nth-child(3) .item-pop{
    left: -120%;
}
.assessment-report .six-list .list-item:nth-child(4) .item-pop{
    left: -230%;
}
.assessment-report .six-list .list-item:nth-child(5) .item-pop{
    left: auto;
    right: 20%;
}
.assessment-report .six-list .list-item:nth-child(6) .item-pop{
    left: auto;
    right: 20%;
}
.assessment-report .six-list .list-item .item-pop .pop-in{
    position: relative;
}
.assessment-report .six-list .list-item .item-pop .pop-in .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.assessment-report .six-list .list-item .item-pop .pop-in img{
    width: 826px;
}



.assessment-report .course-progress{
    margin: 30px 0;
}
.assessment-report .course-progress .progress{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.assessment-report .course-progress .progress .progress-t{
    min-width: 90px;
    white-space: nowrap;
    margin-right: 12px;
}
.assessment-report .course-progress .progress .progress-bar{
    width: 100%;
    padding: 3px;
    background-color: #f2fffa;
    border: 1px solid #47d1a0;
    border-radius: 3px;
}
.assessment-report .course-progress .progress .progress-bar .bar{
    line-height: 36px;
    color: #ffd648;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    background-color: #47d1a0;
}
.assessment-report .warning-hint{
    text-align: center;
    color: #409eff;
    font-size: 12px;
    margin: 30px 0;
}
.assessment-report .warning-hint img{
    display: inline-block;
    margin-right: 3px;
}




.assessment-report .coordinate-system{
    position: relative;
    width: 580px;
    height: 580px;
    text-align: center;
    margin: 80px auto;
}
.assessment-report .coordinate-system .point{
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 4px solid #47d1a0;
    box-shadow: 0 2px 8px rgb(0 199 128 / 41%);
}
.assessment-report .coordinate-system .sys{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.assessment-report .coordinate-system .title{
    font-size: 20px;
    color: #47d1a0;
    font-weight: bold;
    margin-bottom: 10px;
}
.assessment-report .coordinate-system .content{
    color: #8c9198;
}
.assessment-report .coordinate-system .y-up{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    padding-bottom: 10px;
}
.assessment-report .coordinate-system .y-down{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    padding-top: 10px;
}
.assessment-report .coordinate-system .x-left{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-100%, -50%);
    padding-right: 10px;
}
.assessment-report .coordinate-system .x-right{
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(100%, -50%);
    padding-left: 10px;
}



.assessment-report .self-recommend{
    color: #8c9198;
    margin: 30px 0;
}
.assessment-report .self-recommend i{
    color: #409eff;
    font-weight: bold;
}





.assessment-report .type4 .purpose{
    margin: 30px 0;
}
.assessment-report .type4 .purpose .block-title{
    margin-bottom: 20px;
}
.assessment-report .type4 .purpose .content{
    line-height: 30px;
    color: #8c9198;
    text-indent: 30px;
}








.assessment-report .interest{
    display: flex;
    align-items: flex-start;
}
.assessment-report .interest table td{
    color: #06121e;
    background-color: #d8eafe;
    border-color: #fff;
}
.assessment-report .interest table .type{
    font-size: 24px;
    font-weight: bold;
    padding: 0px 40px;
}
.assessment-report .interest table .type h3{
    font-weight: bold;
}
.assessment-report .interest table .type.blue{
    color: #4489f5;
}
.assessment-report .interest table .type.green{
    color: #47d1a0;
}
.assessment-report .interest table .type.yellow{
    color: #ffcf2c;
}


.assessment-report .interest .interest-sort{
    flex-shrink: 0;
    width: 181px;
    margin-left: 20px;
    padding: 20px 12px;
    border: 1px solid #4489f5;
    margin: 30px 0 30px 30px;
}
.assessment-report .interest .interest-sort .title{
    color: #4489f5;
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
.assessment-report .interest .interest-sort .interest-list{

}
.assessment-report .interest .interest-sort .interest-list .list-item{
    display: flex;
}
.assessment-report .interest .interest-sort .interest-list .list-item .item-point{
    position: relative;
    margin-right: 15px;
}
.assessment-report .interest .interest-sort .interest-list .list-item .item-point::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #707070;
    transform: translate(-50%, 0);
}
.assessment-report .interest .interest-sort .interest-list .list-item .item-point span{
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    margin-top: 6px;
}
.assessment-report .interest .interest-sort .interest-list .list-item .item-title{
    color: #0d1e2e;
    font-size: 16px;
    padding-bottom: 15px;
}
.assessment-report .interest .interest-sort .interest-list .list-item .item-cont{
    color: #8c9198;
    margin-left: 10px;
}









.assessment-report .table-chart .table-bg td{
    color: #fff;
    background-color: #629fff;
}
.assessment-report .table-chart .bar-x{
    display: flex;
}
.assessment-report .table-chart .bar-x .item{
    flex: 1;
}









.assessment-report .scale tbody td{
    width: 20%;
    padding: 0;
}
.assessment-report .scale .content td{
    padding: 10px 0;
}
.assessment-report .scale .scale-th{
    width: 546px;
}
.assessment-report .scale .scale-th .title{
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.assessment-report .scale .scale-th .scale-list{
    display: flex;
    border-bottom: 1px solid #fff;
}
.assessment-report .scale .scale-th .scale-list .item{
    flex: 1;
    line-height: 32px;
    border-right: 1px solid #fff;
}
.assessment-report .scale .scale-th .scale-list .item:last-child{
    border-right-width: 0;
}
.assessment-report .scale .scale-progress{
    width: 546px;
    padding: 10px 0;
}
.assessment-report .scale .scale-progress .bar{
    overflow: hidden;
    border-radius: 0 200px 200px 0;
}
.assessment-report .scale .scale-progress .bar .bar-in{
    width: 546px;
    height: 11px;
    background: linear-gradient(270deg,#ff450c,#e9db37);
}
.assessment-report .star-box{
    display: flex;
    align-items: center;
    justify-content: center;
}




.assessment-report .scale-explain{
    margin: 30px 0;
}
.assessment-report .scale-explain .explain{
    padding: 21px 18px;
    margin-bottom: 20px;
    border: 1px dashed #4489f5;
    border-radius: 3px;
}
.assessment-report .scale-explain .explain .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.assessment-report .scale-explain .explain .subhead{
    color: #8c9198;
    margin-bottom: 15px;
}
.assessment-report .scale-explain .explain .item{
    display: flex;
    margin-bottom: 14px;
}
.assessment-report .scale-explain .explain .item .item-t{
    min-width: 60px;
    white-space: nowrap;
    margin-right: 20px;
}



.assessment-report .attention-answer tr td{
    font-size: 12px;
}
.assessment-report .attention-answer tr td:first-child{
    text-align: left;
}
.assessment-report .attention-answer .star-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.assessment-report .attention-answer .star-box img{
    width: 18px;
    height: 18px;
}











.assessment-report .progrees2-box table th{
    text-align: left;
    padding: 16px 0;
    border-width: 0;
}
.assessment-report .progrees2-box table td{
    width: 905px;
    border-left-width: 0;
}
.assessment-report .progrees2-box table td:last-child{
    border-right-width: 0;
}
.assessment-report .progrees2-box .progress2{
    width: 905px;
}
.assessment-report .progrees2-box .progress2 .bar{
    height: 30px;
    background: #4489f5;
}






.assessment-report .proposal-verdict{
    margin: 23px 0;
}
.assessment-report .proposal-verdict .item{
    display: flex;
    color: #8c9198;
    line-height: 2;
    margin-bottom: 10px;
}
.assessment-report .proposal-verdict .item .item-t{
    min-width: 91px;
    margin-right: 10px;
    white-space: nowrap;
}





.assessment-start.duoyuan .img{
    margin-right: 50px;
}
.assessment-start.duoyuan .content{
    width: 79%;
}




.assessment-start .math-box-question td{
    padding: 8px 26px;
    border: 1px solid #707070;
}


.assessment-start .math-box-question2 .augend{
    width: 58px;
    color: #5b5e63;
    margin-left: 29px;
}
.assessment-start .math-box-question2 .add-num{
    width: 58px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #707070;
}
.assessment-start .math-box-question2 .add-num i{
    margin: 0 12px 0 6px;
}
.assessment-start .math-box-question2 .peace{
    width: 58px;
    color: #5b5e63;
    margin-left: 29px;
}









.assessment-start .duoyuan-ques4{
    padding: 17px 26px 15px;
    border: 1px solid #eee;
    margin-bottom: 40px;
}
.assessment-start .duoyuan-ques4 .list-item{
    line-height: 19px;
    margin-bottom: 10px;
}
.assessment-start .duoyuan-ques4 .list-item .item-t{
    color: #5b5e63;
    margin-bottom: 10px;
}
.assessment-start .duoyuan-ques4 .list-item .item-c{
    display: flex;
    justify-content: space-between;
    color: #8c9198;
}






.answer-page .test-topic .type2-text .duoyuan-ques4-list{
    padding: 16px 24px;
    border: 1px solid #eee;
}
.answer-page .test-topic .type2-text .duoyuan-ques4-list .test{
    padding: 5px 0;
    margin-bottom: 0;
    border-width: 0;
}
.answer-page .part-title{
    color: #0d1e2e;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.answer-page .read-det-quest{
    line-height: 30px;
    color: #8c9198;
    font-size: 18px;
    text-indent: 2em;
    padding: 20px 21px 20px 26px;
    background-color: #f2f5fa;
    margin-bottom: 10px;
}
.answer-page .test-topic.type3 .type2-text .third-list .test .answer,
.answer-page .test-topic.type3 .type2-text .fourth-list .test .answer{
    display: block;
}









.assessment-start .start-type3 .question.xiaoxue-ques4 .a{
    display: block;
}
.assessment-start .start-type3 .question.xiaoxue-ques4 .a .a-item{
    padding-left: 120px;
    margin-bottom: 10px;
}
.assessment-start .start-type3 .question.xiaoxue-ques4 .math-box-question2{
    padding-left: 80px;
}









.editExpPop{
    background-color: rgba(0,0,0,.5);
    padding: 50px 0;
    overflow: auto;
}
.editExpPop .title{
    color: #34485e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}
.editExpPop .pop-cont{
    top: 0;
    width: 1200px;
    padding: 0;
    transform: translate(-50%, 0);
}
.editExpPop .content{
    padding: 24px 48px;
}
.editExpPop .activity-msg{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
}
.editExpPop .activity-msg .msg{
    display: flex;
    width: 50%;
    line-height: 32px;
}
.editExpPop .activity-msg .msg .msg-t{
    min-width: 100px;
    color: #5b5e63;
    font-size: 16px;
    white-space: nowrap;
}
.editExpPop .activity-msg .msg .msg-c{
    display: block;
}
.editExpPop .layui-form{
    display: block;
}
.editExpPop .layui-form .form-item{
    margin-bottom: 36px;
}
.editExpPop .layui-form .form-item .item-title{
    line-height: 32px;
    color: #5b5e63;
    font-size: 16px;
}
.editExpPop .layui-form .form-item.required .item-title::before{
    content: "*";
    color: red;
}
.editExpPop .layui-form .form-item textarea{
    width: 100%;
    height: 156px;
    padding: 12px;
    outline: none;
    border: 1px solid #eee;
    margin: 0;
}
.editExpPop .layui-form .upload-act-img .item-title{
    margin-bottom: 20px;
}
.editExpPop .layui-form .upload-act-img .item-cont{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.editExpPop .layui-form .upload-act-img .img{
    position: relative;
    width: 78px;
    height: 78px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.editExpPop .layui-form .upload-act-img .img img{
    display: block;
    width: 100%;
    height: 100%;
}
.editExpPop .layui-form .upload-act-img .img .img-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
}
.editExpPop .layui-form .upload-act-img .img:hover .img-mask{
    opacity: 1;
}
.editExpPop .layui-form .upload-act-img .img .view-img,
.editExpPop .layui-form .upload-act-img .img .delete-img{
    position: absolute;
    top: 50%;
    left: 20%;
    color: #fff;
    transform: translate(0,-50%);
    cursor: pointer;
}
.editExpPop .layui-form .upload-act-img .img .delete-img{
    left: auto;
    right: 20%;
}
.editExpPop .layui-form .form-item .upload-btn{
    position: relative;
    width: 82px;
    line-height: 40px;
    color: #409eff;
    background-color: #fff;
    border: 1px solid #409eff;
    border-radius: 3px;
    cursor: pointer;
}
.editExpPop .layui-form .form-item .upload-btn input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.editExpPop .submit{
    display: block;
    width: 180px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #409eff;
    border-radius: 3px;
    border-width: 0;
    margin: 53px auto 0;
    cursor: pointer;
}









.select-box{
    position: relative;
}
.select-box input,
.select-box textarea{

}
.select-box .select{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #f1f1f1;
    overflow: auto;
    z-index: 2;
    display: none;
}
.select-box .select.active{
    display: block;
}
.select-box .select .option{
    padding: 10px;
    text-align-last: left;
    cursor: pointer;
}
.select-box .select .option:hover{
    background-color: #f1f1f1;
}