.hydrated {
    visibility: inherit
}
.mt-0{margin-top: 0px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-100{margin-top: 100px;}

.ml-0{margin-left: 0px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.ml-35{margin-left: 35px;}
.ml-40{margin-left: 40px;}
.ml-45{margin-left: 45px;}
.ml-50{margin-left: 50px;}
.ml-100{margin-left: 100px;}

.mr-0{margin-right: 0px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mr-35{margin-right: 35px;}
.mr-40{margin-right: 40px;}
.mr-45{margin-right: 45px;}
.mr-50{margin-right: 50px;}
.mr-100{margin-right: 100px;}

.mb-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-100{margin-bottom: 100px;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.c-666{color: #666666;}
.c-999{color: #999999;}
.c-white, .c-fff{color: #FFFFFF;}
.white_bg{background-color: #FFFFFF;}
.fs-12{font-size: 0.512rem;}
.fs-13{font-size: 0.55rem;}
.fs-14{font-size: 0.597rem;}
.fs-15{font-size: 0.64rem;}
.fs-16{font-size: 0.682rem;}
.fs-17{font-size: 0.725rem;}
.fs-18{font-size: 0.768rem;}
.fs-19{font-size: 0.81rem;}
.fs-20{font-size: 0.85rem;}
.fs-21{font-size: 0.896rem;}
.fs-22{font-size: 0.9386rem;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}
.strong{font-weight: bold;}

.mi-page{
    padding: 0.64rem;
    background-color: #f1f1f1;
}

.mi-idx-head-panel {
    padding: 0.64rem 0.64rem 0 0.64rem;
}
.mi-idx-head-title{
    /*padding: 0.512rem 0.512rem 0 0.512rem;*/
    /*border-bottom: 0.3413rem solid rgba(237, 171, 78, 0.4);*/
    margin: 0 auto;
    /*line-height: 0.768rem;*/
    font-weight: 700;
    font-size: 1.5rem;
    color: #4FA890;
    text-align: center;
    font-style: normal;
    text-transform: none
}

.mi-section-intro-panel{
    padding: 0 0.64rem;
    width: 100%;
}
.mi-section-intro2-panel{
    padding: 0;
    width: 100%;
}
.mi-section-b-panel{
    width: 100%;
    padding: 0.64rem;
    background: #FFFFFF;
    box-shadow: 4px 4px 6px 0px rgba(228,239,236,0.58);
    border-radius: 10px 10px 10px 10px;
}
.mi-intro-arrow-item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mi-intro-arrow{
    width: 1.5rem;
    line-height: 0.64rem;
}
.mi-intro-center{
    text-align: center;
}
.mi-intro-center-text{
    font-size: 0.725rem;
    font-weight: 700;
    padding: 0.175rem 0.32rem;
    line-height: 0.725rem;
    color: #353131;
}
.mi-section-sub-intro{
    font-size: 0.5rem;
    padding: 0.32rem 0.64rem;
    text-align: center;
    color: #6D8686;
}
.mi-intro-tc-selection-panel{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.mi-intro-tc-selection-item{
    width: 48%;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FFFFFF;
    height: 8rem;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
}
.mi-intro-tc-selection-item.active{
    border: 2px solid #2AA67D;
}
.mi-intro-tc-selection-item-icon{
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block;
    margin-top: 0.64rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.tc-left-icon{
    background-image: url("./images/npd-self-test-icon.png");
}
.mi-intro-tc-selection-item.active .tc-left-icon{
    background-image: url("./images/npd-self-test-icon.png");
}
.tc-right-icon{
    background-image: url("./images/npd-ta-icon.png");
}
.mi-intro-tc-selection-item.active .tc-right-icon{
    background-image: url("./images/npd-ta-icon.png");
}
.intro-tc-title{
    font-size: 0.765rem;
    font-weight: 600;
    margin-top: 0.4rem;
}
.intro-tc-sub-title{
    font-size: 0.6rem;
    font-weight: 600;
    margin-top: 0.32rem;
}
.intro-tc-hot-remark{
    font-size: 0.6rem;
    margin-top: 0.32rem;
    color: #6D8686;
    height: 0.768rem;
    line-height: 0.768rem;
}
.intro-tc-hot-recommend{
    top: unset;
    bottom: 0;
    right: 0;
    background-color: #5672FC;
    color: #FFFFFF;
    border-radius: 0.64rem 0 0.14rem 0;
}
.mi-intro-tc-goto-test-btn-row{
    margin-top: 0.96rem;
}
.intro-tc-goto-test-btn{
    background: #2AA67D;
    border-radius: 8px 8px 8px 8px;
    font-size: 0.682rem;
    font-weight: 600;
    color: #FFFFFF;
}
a.intro-tc-goto-test-btn:active,a.intro-tc-goto-test-btn:focus,a.intro-tc-goto-test-btn:hover{
    color: #FFFFFF;
}
.mt-panel-divide{
    margin-top: 0.96rem;
}

/*对话框 start */
.mi-dialog-panel{

}
.mi-dialog-row{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 0.64rem;
}
.mi-dialog-row:first-child{
    margin-top: 0.32rem;
}
.mi-dialog-row:last-child{
    margin-bottom: 0.32rem;
}
.mi-dialog-row.left{
    justify-content: flex-start;
}
.mi-dialog-row.right{
    justify-content: flex-end;
}
.mi-dialog-icon-col{
    width: 1.7rem;
    height: 1.7rem;
}
.mi-dialog-text-col{
    width: auto;
    font-size: 0.597rem;
    line-height: 0.768rem;
    padding: 0.32rem 0.64rem;
}
.mi-dialog-row-icon{
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/pic1.png");
}
.mi-dialog-row.left .mi-dialog-row-icon{
    background-image: url("./images/pic1.png");
}
.mi-dialog-row.right .mi-dialog-row-icon{
    background-image: url("./images/pic2.png");
}

/* 对话框 start */
.mi-section-questions-panel{
    width: 100%;
    padding: 0.64rem 0;
    /*border-radius: 10px 10px 10px 10px;*/
    position: relative;
}

.mi-bubble-dialog-box{
    padding: 0.32rem 0.42rem;
    display: inline-block;
    background: #fff;
    color: #363C4A;
    position: relative;
    border-radius: 1.13rem;
    /*min-height: 50px;*/
    min-width: 150px;
    /*border: 1px solid #5672FC;*/
    line-height: 0.768rem;
}

.mi-dialog-row.left .mi-bubble-dialog-box1::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
    /*top: 13px;
    right: -15px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #5672FC;*/
    /* 箭头靠下边 */
    /* left: 20px;
    bottom: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #5672FC; */
    /* 箭头靠左边 */
    top: 0;
    bottom: 0;
    margin: auto;
    /*top: 13px;*/
    left: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #5672FC;
    /* 箭头靠下边 */
    /* left: 20px;
    top: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #5672FC; */
}
.mi-dialog-row.left .mi-bubble-dialog-box1::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
    /*top: 13px;*/
    /*right: -13px;*/
    /*border-top: 10px solid transparent;*/
    /*border-bottom: 10px solid transparent;*/
    /*border-left: 15px solid #fff;*/
    /* 箭头靠下边 */
    /* left: 20px;
    bottom: -13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff; */
    /* 箭头靠左边 */
    top: 0;
    bottom: 0;
    margin: auto;
    /*top: 13px;*/
    left: -6px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    /* 箭头靠下边 */
    /* left: 20px;
    top: -13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff; */
}

.mi-dialog-row.right .mi-bubble-dialog-box2::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
    /*top: 13px;*/
    top: 0;
    bottom: 0;
    margin: auto;
    right: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #5672FC;
    /* 箭头靠下边 */
    /* left: 20px;
    bottom: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #5672FC; */
    /* 箭头靠左边 */
    /* top: 13px;
    left: -15px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #5672FC; */
    /* 箭头靠下边 */
    /* left: 20px;
    top: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #5672FC; */
}
.mi-dialog-row.right .mi-bubble-dialog-box2::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
    /*top: 13px;*/
    top: 0;
    bottom: 0;
    margin: auto;
    right: -6px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    /* 箭头靠下边 */
    /* left: 20px;
                bottom: -13px;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 15px solid #fff; */
    /* 箭头靠左边 */
    /* top: 13px;
                left: -13px;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-right: 15px solid #fff; */
    /* 箭头靠下边 */
    /* left: 20px;
                top: -13px;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 15px solid #fff; */
}

.mi-bubble-dialog-box-huang{
    border-radius: 1.13rem 1.13rem 0 1.13rem;
    background: #EBE0C3;
    font-size: 0.512rem;
    line-height: 0.682rem;
}
.mi-bubble-dialog-box-lv{
    width: 7rem;
    border-radius: 1.13rem 1.13rem 1.13rem 0;
    background: #8ECEB9;
    font-size: 0.512rem;
    line-height: 0.682rem;
    margin-right: 1.5rem;
}
.mi-bubble-dialog-box-zi{
    width: 5.46rem;
    border-radius: 1.13rem 1.13rem 0 1.13rem;
    background: #D0CAD8;
    font-size: 0.512rem;
    line-height: 0.682rem;
    margin-left: 1.4rem;
}
.mi-bubble-dialog-box-lan{
    width: 6.5rem;
    border-radius: 1.13rem 1.13rem 1.13rem 0;
    background: #C3D9E0;
    font-size: 0.512rem;
    line-height: 0.682rem;
}
.mi-section-questions-panel .mi-dialog-text-col{padding: 0;}
.mi-section-questions-panel .mi-dialog-row{
    margin-top: 0.5rem;
}
.mi-section-questions-panel .mi-dialog-row:first-child{margin-top:0;}
.mi-section-questions-panel .mi-dialog-row:last-child{margin-top:-1.3rem;}
/*对话框 end */
.mi-question-pan{text-align: center;margin-top:0.64rem;}
.mi-question-pan-img{
    width: 8.5rem;
    border:0;
    margin: 0 auto;
}

.mi-shi-panel{
    margin: 0.42rem 0;
    padding: 0.64rem;
    width: 100%;
    position: relative;
    font-weight: 600;
    background-color: rgba(175, 188, 255, 0.3);
    border-radius: 4px 4px 4px 4px;
}
.mi-shi-text1{
    line-height: 1.28rem;
}
.mi-shi-text2{
    line-height: 1.28rem;
}
.mi-shi-dot-left{
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/fuhao1.png");

    top: -0.32rem;
    left: 0.32rem;
}
.mi-shi-dot-right{
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/fuhao2.png");

    bottom: -0.32rem;
    right: 0.32rem;
}
.mi-ov-panel .mi-ov-panel-text{
    height: 2.5rem;
    line-height: 4rem;
    color: #5672FC;
    font-weight: 600;

    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: auto 1.8rem ;

}
.mi-ov-panel .mi-ov-panel-text.mi-ov-num1{
    background-image: url("./images/num01.png");
}
.mi-ov-panel .mi-ov-panel-text.mi-ov-num2{
    background-image: url("./images/num02.png");
}

.mi-ov-quest-panel{
    margin-top:0.64rem;
    padding: 0 0.9rem;
}
.mi-ov-quest-panel li{
    line-height: 1.11rem;
    color: #0E172D;
}
.mi-ov-quest-divide{
    width: 100%;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/dian.png");
}
.mi-tsintro-btn{
    width: 5rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: 0.768rem;
    font-weight: 600;
    background: #FFFFFF;
    border-radius: 0.8rem;
    border: 1px solid #216F65;
    margin: 0 auto;
    box-shadow: 3px 3px 3px 2px #216F65;
}
.mi-tsintro-text-nor{
    line-height: 1.8;
}
.mi-tsintro-text-strong{
    font-weight: 600;
    font-size: 0.682rem;
}
.mi-tsintro-tags-panel{
    margin-top: 0.85rem;
    position: relative;
}
.mi-tsintro-tag-bg, .mi-tsintro-tag-light{
    width: auto;
    display: inline-block;
    background-color: #282973;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: 600;
    padding: 0.32rem 0.64rem;
    position: absolute;
}
.mi-tsintro-tag-light{
    background-color: #D3DBFF;
    color: #0E172D;
}
.mi-tsintro-tag-dot-wrapper{
    width: auto;
    display: inline-block;
    position: absolute;
}
.mi-tsintro-tag-dot{
    width: 0.4267rem;
    height: 0.4267rem;
    border-radius: 0.4267rem;
    background-color: #282973;
    margin-left: 0.25rem;
    float: left;
}

/*** 步骤图 start ****/
.mi-tc-step-li{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.mi-tc-step-l{
    width: 0.85rem;
}
.mi-tc-step-r{
    flex: 1;
}
.mi-tc-step-l-checkbox {
    width: 0.85rem;
    height: 0.85rem;
    background: url("./images/select.png") no-repeat center;
    background-size: contain;
}
.mi-tc-step-l-line{
    height: 100%;
    width: 2px;
    background-color: #5672FC;
    margin: 0 auto;
}
.mi-tc-step-l-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
}
.mi-tc-step-l-top{
    height: 0.85rem;
}
.mi-tc-step-l-bot{
    flex: 1;
}
.mi-tc-step-r_title {
    margin-left: 0.32rem;
    margin-bottom: 0;
    position: relative;
    width: auto;
    height: 1.3rem;
    display: inline-block;
}
.mi-tc-step-r_title > .txt{
    width: auto;
    padding: 0 ;
    /*font-size: 0.6827rem;*/
    /*font-weight: 600;*/
    /*color: #5672FC;*/
    font-size: 0.597rem;
    font-weight: 400;
    color: #0E172D;
    height: 1.3rem;
    line-height: 1.3rem;
}
.mi-tc-step-r_title > .p-bg{
    width: 90%;
    background-color: rgba(223, 105, 103, 0.3);
    border-radius: 10px;
    position: absolute;
    height: 0.25rem;
    left: 5%;
    bottom: 0.2rem;
}
.mi-tc-step-r-content{
    margin-left: 0.32rem;
    margin-bottom: 0.32rem;
    font-size: 0.5973rem;
    line-height: 0.9386rem;
    padding: 0.32rem 0;
}
.mi-tc-step-r-top{
    margin-top: -0.225rem;
}

/*** 步骤图 end ****/



.mi-jc-report-item{
    font-size: 0.5546rem;
    background-color: rgba(182, 196, 244, 1);
    border-radius: 4px;
    font-weight: 500;
    width: 90%;
    margin: 0.32rem auto 0 auto;
    padding: 0.2rem 0.32rem;
}
.mi-jc-report-bot-tip{
    font-weight: 500;
    font-size: 0.5546rem;
    color: #B6C4F4;
    line-height: 0.853rem;
    text-align: right;
    font-style: normal;
    margin-top: 0.32rem;
}
.mi-eval-tc-selection-item{
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #E7E7E7;
    height: 6rem;
    text-align: center;
    overflow: hidden;
    position: relative;
    flex: 1;
    margin-right: 0.32rem;
}
.mi-eval-tc-selection-item:last-child{
    margin-right: 0;
}
.mi-eval-item{
    margin-top: 0.64rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.mi-eval-item:first-child{
    margin-top: 0;
}
.mi-eval-item-l{
    width: 1.5rem;
}
.mi-eval-item-r{
    flex: 1;
    padding: 0 0.64rem;
    text-align: left;
}
.mi-eval-item-l  .eval-head-img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.4693rem;
    margin-top: 0.1rem;
}
/*
https://www.php.cn/faq/483831.html
https://juejin.cn/post/7278883071516622889
**/
.mi-eval-progress{
    /*width: 3rem;*/
    /*height: 3rem;*/
    /*border-radius: 50%;*/
    /*mask: radial-gradient(transparent, transparent 50%, #000 51%, #000 0 );*/
    /*background: conic-gradient( #5672FC 0, #5672FC 95%, #f2f5ff 95.2%, #f2f5ff);*/
    width: 3rem;
    height: 3rem;
    background: conic-gradient(#5672FC 0, #5672FC 96%, #f2f5ff 96.2%, #f2f5ff);
    border-radius: 50%;
    position: relative;
}
.mi-eval-progress::before{
    content: " ";
    position: absolute;
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
}
.mi-eval-progress_1{
    background: conic-gradient( #216F65 0, #216F65 96%, #f2f5ff 96.2%, #f2f5ff);
}
.mi-eval-progress_2{
    background: conic-gradient( #216F65 0, #216F65 94%, #f2f5ff 94.2%, #f2f5ff);
}
.mi-eval-progress_3{
    background: conic-gradient( #216F65 0, #216F65 92%, #f2f5ff 92.2%, #f2f5ff);
}
.mi-eval-progress-out-wrap{
    width: 3rem;
    height: 3rem;
    margin: 0.64rem auto;
    position: relative;;
    text-align: center;
}
.mi-eval-progress-tip{
    color: #999999;
    font-size: 0.512rem;
    position: absolute;
    top: 0.64rem;
    width: 100%;
}
.mi-eval-progress-score{
    font-size: 0.5973rem;
    color: #216F65;
    font-weight: 600;
    position: absolute;
    top: 1.3rem;
    width: 100%;
}
.mi-eval-out-label-tip{
    font-weight: 600;
}
.mi-section-footer{
    margin-top:1.2rem;
}
.mi-eval-retrieve-report-btn{
    color: #778EFF;
    border: 1px solid #778EFF;
    background-color: #FFFFFF;
    padding: 0.1rem 0.32rem;
    font-size: 0.512rem;
    border-radius: 2rem;
    cursor: pointer;
}
.mi-footer-copyright{
    margin-top: 0.32rem;
    font-size: 0.512rem;
    color: #999999;
}
.mi-footer-beian{
    margin-top: 0.2rem;
    font-size: 0.512rem;
    color: #999999;
}
.mi-intro-tc-selection-example-item{
    height: auto;
    padding-bottom: 0.64rem;
}
.mi-intro-tc-example-pan{
    /*width: 5.5rem;*/
    width: 94%;
    height: auto;
    margin: 0 auto;
}
.mi-intro-tc-example-img{
    width: 100%;
    height: 100%;
    border: 0;
}


.mi-npd-section-panel{
    width: 100%;
    background: #F3FDFA;
    box-shadow: 4px 4px 6px 0 rgba(228,239,236,0.58);
    opacity: 0.9;
    border-radius: 0.64rem;
}
.mi-npd-section-head{
    font-weight: 600;
    font-size: 0.85rem;
    color: #0E172D;
    line-height: 0.85rem;
    letter-spacing: 1px;
    text-align: left;
    padding: 0.64rem 1.024rem;

}
.mi-npd-section-test-intro-bg{
    background-repeat: no-repeat;
    background-image: url("./images/npd-j-lv.png");
    background-position: left center;
    background-size: 7rem 100%;
}
.mi-npd-section-test-intro-bg.zuoyong{
    background-size: 10rem 100%;
}
.mi-npd-section-ctx{
    padding: 0.64rem;
    font-size: 0.597rem;
    color: #000000;
}
.mi-npd-section-content{
    line-height: 1.1rem;
}
.mi-npd-important-text{
    font-weight: bold;
    padding: 0 0.3125rem;
    display: inline-block;
    position: relative;
}
.mi-npd-important-text_bot-line{
    position: absolute;
    bottom: 0.25rem;
    border-radius: 0.3125rem;
    height: 0.3rem;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
    margin-left: -0.25rem;
}
.mi-npd-important-text_bot-line.lv-bg{
    background-color: #8ECEB9;
}
.mi-npd-zuoyong-li{
    padding: 0;
    border-bottom: 1px dashed rgba(33, 111, 101, 0.1);
    margin-bottom: 0.86rem;
}
.mi-npd-zuoyong-li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.mi-npd-zuoyong-li:last-child .mi-tc-step-r-content-zuoyong{
    padding-bottom: 0;
}
.mi-npd-zuoyong-circle{
    width: 1.237rem;
    height: 1.237rem;
    line-height: 1.237rem;
    border-radius: 1.237rem;
    background: linear-gradient( 156deg, #EAF7F4 0%, #B2E2D2 100%);
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 0.683rem;
    color: #216F65;
}
.mi-npd-zuoyong-text{
    color: #216F65;
    font-size: 0.683rem;
    font-weight: 600;
    text-align: left;
    padding: 0 0.3125rem;
}
.mi-npd-zuoyong-sub-ctx-text{
    font-size: 0.597rem;
    line-height: 1.1rem;
    color: #000000;
}
.mi-tc-step-r-content-zuoyong{
    margin-bottom: 0;
    padding: 0.32rem 0 0.64rem 0;
}


.mi-npd-section-8wd-panel{
    width: 100%;
    background: #F3FBFF;
    box-shadow: 4px 4px 6px 0 rgba(228,239,236,0.58);
    /*opacity: 0.9;*/
    border-radius: 0.64rem;
}
.mi-npd-section-8wd-head{
    font-weight: 600;
    font-size: 0.85rem;
    color: #0E172D;
    line-height: 0.85rem;
    letter-spacing: 1px;
    text-align: left;
    padding: 0.64rem 1.024rem;

}
.mi-npd-section-8wd-head-left-bg{
    background-repeat: no-repeat;
    background-image: url("./images/npd-j-lan.png");
    background-position: left center;
    background-size: 7rem 100%;
}

.mi-npd-important-text_bot-line.lan-bg{
    background-color: rgba(129, 205, 209, 0.5);
    z-index: 1;
}
.mi-npd-8wd-cut-line-panel{
    position: relative;
    /*width: 100%;*/
    height: 0.427rem;
    line-height: 0.427rem;
    margin: 0.64rem -0.64rem;
}
.mi-npd-8wd-cut-line-middle{
    width: 100%;
    height: 0;
    display: inline-block;
    border-top: 1px dashed rgba(33, 111, 101, 0.1);
}
.mi-npd-8wd-cut-line-left, .mi-npd-8wd-cut-line-right{
     width: 0.85rem;
     height: 0.85rem;
     border-radius: 0.85rem;
     background-color: #f1f1f1;
     position: absolute;
     top: 0;
     left: -0.427rem;
     z-index: 1;
 }
.mi-npd-8wd-cut-line-right{
    right: -0.427rem;
    left: unset;
}

.mi-section-8wd-fb-panel{
    padding: 0 0.64rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.mi-section-8wd-fb-center{
    width: auto;
    padding: 0 0.427rem;
    display: inline-block;
}
.mi-section-8wd-fb-text {
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1rem;
    color: #0E172D;
}
.mi-section-8wd-fb-arrow {
    height: 0.85rem;
    /*line-height: 0.64rem;*/
}
.mi-section-8wd-fb-item-panel{
    background: #E4F0F2;
    border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
    position: relative;
    padding: 1.2rem 0.427rem 0.64rem 0.427rem;
    margin-top:1.8rem;
    line-height: 1.11rem;
}
.mi-section-8wd-fb-item-head{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: -0.75rem;
    height: 1.5rem;
}
.mi-section-8wd-fb-item-head-text{
    width: auto;
    height: 1.5rem;
    background: linear-gradient( 156deg, #F3FDFF 0%, #87DEEC 100%);
    border-radius: 1.11rem 1.11rem 1.11rem 1.11rem;
    display: inline-block;
    padding: 0.32rem 1.578rem;

    font-weight: 600;
    font-size: 0.683rem;
    color: #0E172D;
    line-height: 1.024rem;
    text-align: center;
}
.mi-section-8wd-fb-item-last-panel{
    line-height: 1.11rem;
    margin-top: 0.64rem;
    font-weight: 600;
}

.mi-npd-section-xz-panel{
    width: 100%;
    background: #FAF3FF;
    box-shadow: 4px 4px 6px 0px rgba(227,221,228,0.58);
    border-radius: 0.64rem;
}
.mi-npd-section-xz-head{
    font-weight: 600;
    font-size: 0.85rem;
    color: #0E172D;
    line-height: 0.85rem;
    letter-spacing: 1px;
    text-align: left;
    padding: 0.64rem 1.024rem;

}

.mi-npd-section-xz-head-left-bg{
    background-repeat: no-repeat;
    background-image: url("./images/npd-j-zi.png");
    background-position: left center;
    background-size: 7rem 100%;
}

/*** 步骤图 紫色 start ****/
.mi-zi-step-li{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.mi-zi-step-l{
    width: 0.85rem;
}
.mi-zi-step-r{
    flex: 1;
}
.mi-zi-step-l-circle {
    width: 0.427rem;
    height: 0.427rem;
    border-radius: 0.427rem;
    background: #8444B2;
    display: inline-block;
}
.mi-zi-step-l-line{
    height: 100%;
    width: 0;
    border-left: 1px dashed #8444B2;
    margin: 0 auto;
}
.mi-zi-step-l-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
}
.mi-zi-step-l-top{
    /*height: 0.427rem;*/
    text-align: center;
}
.mi-zi-step-l-bot{
    flex: 1;
    margin-top: -0.427rem;
    margin-bottom: -0.427rem;
}
.mi-zi-step-r_title {
    margin-left: 0.32rem;
    margin-bottom: 0;
    position: relative;
    width: auto;
    height: 1.3rem;
    display: inline-block;
}
.mi-zi-step-r_title > .txt{
    width: auto;
    padding: 0 ;
    /*font-size: 0.6827rem;*/
    /*font-weight: 600;*/
    /*color: #5672FC;*/
    font-size: 0.597rem;
    font-weight: 400;
    color: #0E172D;
    height: 1.3rem;
    line-height: 1.3rem;
}
.mi-zi-step-r_title > .p-bg{
    width: 90%;
    background-color: rgba(223, 105, 103, 0.3);
    border-radius: 10px;
    position: absolute;
    height: 0.25rem;
    left: 5%;
    bottom: 0.2rem;
}
.mi-zi-step-r-content{
    margin-left: 0.32rem;
    margin-bottom: 0.85rem;
    font-size: 0.5973rem;
    line-height: 1.11rem;
    padding: 0;
    font-weight: 400;
    color: #0E172D;
}
.mi-zi-step-r-top{
    margin-top: -0.225rem;
}

/*** 步骤图 紫色 end ****/


.mi-npd-huang-section-panel{
    width: 100%;
    background: #FFFAEF;
    box-shadow: 4px 4px 6px 0 rgba(231,225,214,0.58);
    opacity: 0.9;
    border-radius: 0.64rem;
}
.mi-npd-huang-section-head{
    font-weight: 600;
    font-size: 0.85rem;
    color: #0E172D;
    line-height: 0.85rem;
    letter-spacing: 1px;
    text-align: left;
    padding: 0.64rem 1.024rem;

}
.mi-npd-huang-section-test-intro-bg{
    background-repeat: no-repeat;
    background-image: url("./images/npd-j-huang.png");
    background-position: left center;
    background-size: 9rem 100%;
}
.mi-npd-huang-section-ctx{
    padding: 0.64rem;
    font-size: 0.597rem;
    color: #000000;
}
.mi-npd-huang-section-content{
    line-height: 1.1rem;
    font-weight: 500;
    font-size: 0.555rem;
    color: #0E172D;
}
.mi-npd-important-text_bot-line.huang-bg{
    background-color: #FFDA8B;;
}

.mi-npd-bai-section-panel{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 4px 4px 6px 0 rgba(228,239,236,0.58);
    opacity: 0.9;
    border-radius: 0.64rem;
}
.mi-npd-bai-section-ctx{
    padding: 0.64rem;
    font-size: 0.597rem;
    color: #000000;
}

.mi-npd-eval-head{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 1.6rem;
}
.mi-npd-eval-head-l  .eval-head-img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    margin-top: 0.05rem;
}
.mi-npd-eval-head-r{flex: 1;padding: 0 0.4rem;}
.mi-npd-eval-cname{
    font-weight: 500;
    font-size: 0.597rem;
    color: #000000;
    line-height: 1rem;
    text-align: left;
}
.mi-npd-eval-ctime{
    font-size: 0.427rem;
    color: #73788C;
    line-height: 0.64rem;
    text-align: left;
}
.mi-npd-eval-ctx{
    color: #000000;
    font-size: 0.597rem;
    line-height: 1rem;
    text-align: left;
}
.mi-npd-eval-list-item{
    margin-bottom: 0.64rem;
    padding-bottom: 0.64rem;
    border-bottom: 1px solid #f6f6f6;
}
.mi-npd-eval-list-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:0;
}