.hydrated {
    visibility: inherit
}
.mt-0{margin-top: 0;}
.mt-5{margin-top: 0.2133rem;}
.mt-10{margin-top: 0.4266rem;}
.mt-15{margin-top: 0.64rem;}
.mt-20{margin-top: 0.8533rem;}
.mt-25{margin-top: 1.0666rem;}
.mt-30{margin-top: 1.291rem;}
.mt-35{margin-top: 1.4933rem;}
.mt-40{margin-top: 1.7066rem;}
.mt-45{margin-top: 1.92rem;}
.mt-50{margin-top: 2.1333rem;}
.mt-100{margin-top: 4.2666rem;}

.ml-0{margin-left: 0;}
.ml-5{margin-left: 0.2133rem;}
.ml-10{margin-left: 0.4266rem;}
.ml-15{margin-left: 0.64rem;}
.ml-20{margin-left: 0.8533rem;}
.ml-25{margin-left: 1.0666rem;}
.ml-30{margin-left: 1.291rem;}
.ml-35{margin-left: 1.4933rem;}
.ml-40{margin-left: 1.7066rem;}
.ml-45{margin-left: 1.92rem;}
.ml-50{margin-left: 2.1333rem;}
.ml-100{margin-left: 4.2666rem;}

.mr-0{margin-right: 0;}
.mr-5{margin-right: 0.2133rem;}
.mr-10{margin-right: 0.4266rem;}
.mr-15{margin-right: 0.64rem;}
.mr-20{margin-right: 0.8533rem;}
.mr-25{margin-right: 1.0666rem;}
.mr-30{margin-right: 1.291rem;}
.mr-35{margin-right: 1.4933rem;}
.mr-40{margin-right: 1.7066rem;}
.mr-45{margin-right: 1.92rem;}
.mr-50{margin-right: 2.1333rem;}
.mr-100{margin-right: 4.2666rem;}

.mb-0{margin-bottom: 0;}
.mb-5{margin-bottom: 0.2133rem;}
.mb-10{margin-bottom: 0.4266rem;}
.mb-15{margin-bottom: 0.64rem;}
.mb-20{margin-bottom: 0.8533rem;}
.mb-25{margin-bottom: 1.0666rem;}
.mb-30{margin-bottom: 1.291rem;}
.mb-35{margin-bottom: 1.4933rem;}
.mb-40{margin-bottom: 1.7066rem;}
.mb-45{margin-bottom: 1.92rem;}
.mb-50{margin-bottom: 2.1333rem;}
.mb-100{margin-bottom: 4.2666rem;}

.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-9{font-size: 0.384rem;}
.fs-10{font-size: 0.425rem;}
.fs-11{font-size: 0.469rem;}
.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;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}

.mi-page{
    /*position: relative;*/
    padding: 0 0.64rem;
    background: linear-gradient( 180deg, #DDE4FE 0%, #EAEDFE 23%, #FFFFFF 99%);
}
.zx-head{
    width: 100%;
    padding: 1.49rem 0 1.07rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("./images/zx/top_bg.png");
}
.mi-idx-head-panel {
    /*padding: 0 0.4rem;*/

}
.mi-idx-head-title{
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.28rem;
    color: #353131;
    line-height: 1.49rem;
    letter-spacing: 1px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.mi-idx-subtitle{
    font-weight: 500;
    font-size: 0.73rem;
    color: #885E9A;
    line-height: 0.73rem;
    text-align: center;
}

/*.mi-idx-head-title{*/
/*    !*padding: 0.512rem 0.512rem 0 0.512rem;*!*/
/*    !*border-bottom: 0.3413rem solid rgba(237, 171, 78, 0.4);*!*/
/*    padding: 0.32rem;*/
/*    margin: 0 auto;*/
/*    line-height: 0.768rem;*/
/*    font-weight: 600;*/
/*    font-size: 0.9375rem;*/
/*    color: #0E172D;*/
/*    text-align: center;*/
/*    font-style: normal;*/
/*    text-transform: none;*/
/*    position: relative;*/
/*}*/

.mi-section-intro-panel{
    /*padding: 0 0.64rem;*/
    padding: 0;
    width: 100%;
}
.mi-section-intro2-panel{
    padding: 0;
    width: 100%;
}
.mi-section-b-panel{
    width: 100%;
    padding: 0.64rem;
    /*background: rgba(119,142,255,0.1);*/
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: 0.43rem;
    /*background: linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF 100%);*/
    opacity: 0.8;
    background-color: rgba(255, 255, 255, .7);
}
.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.7253rem;
    font-weight: 400;
    padding: 0.32rem;
    line-height: 0.7253rem;
}
.mi-section-sub-intro{
    padding: 0.32rem 0.64rem;
    text-align: center;
    color: #7B8495;
}
.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: 30%;
    border-radius: 0.5rem;
    border: 1px solid #E7E7E7;
    height: 8rem;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
.mi-intro-tc-selection-item.active{
    border: 2px solid #87609A;
    width: 35%;
}
.mi-intro-tc-selection-item-icon{
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block;
    margin-top: 1.23rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.mi-intro-tc-selection-item.active .intro-tc-hot-recommend{
    /*background-image: url(./images/zx/top_panel_recommend_active.png);*/
    background-color: #FF5B52;

}
.tc-left-icon{
    background-image: url("./images/zx/top_panel_icon-1.png");
}
/*.mi-intro-tc-selection-item.active .tc-left-icon{*/
/*    background-image: url("./images/mbti_case_1.png");*/
/*}*/
.tc-center-icon{
    background-image: url("./images/zx/top_panel_icon-2.png");
}
/*.mi-intro-tc-selection-item.active .tc-center-icon{*/
/*    background-image: url("./images/mbti_case_2.png");*/
/*}*/
.tc-right-icon{
    background-image: url("./images/zx/top_panel_icon-3.png");
}
/*.mi-intro-tc-selection-item.active .tc-right-icon{*/
/*    background-image: url("./images/mbti_case_3.png");*/
/*}*/
.intro-tc-title{
    font-weight: bold;
    font-size: 0.77rem;
    color: #383641;
    line-height: 0.94rem;
}
.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: #999999;
    height: 0.768rem;
    line-height: 0.768rem;
}
.intro-tc-hot-recommend{
    top: 0;
    bottom: unset;
    right: 0;
    /*width: 2.26rem;*/
    width: auto;
    height: 0.94rem;
    /*background-repeat: no-repeat;*/
    /*background-position: top center;*/
    /*background-size: 100%;*/
    /*background-image: url("./images/zx/top_panel_recommend.png");*/
    /*border-radius: 0;*/

    background-color: #FF7C74;
    color: #FFFFFF;
    font-size: 0.43rem;
    /*line-height: 1.58rem;*/
    padding: 0.12rem 0.2rem;
    border-radius: 0 0.2rem 0 0.5rem;
}
.mi-intro-tc-goto-test-btn-row{
    /*margin-top: 2.13rem;*/
}
.intro-tc-goto-test-btn{
    /*background: linear-gradient( 90deg, #6071C5 0%, #1F217F 100%);*/
    background-color: #826397;
    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,a.btn{
    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");
}
.mi-dialog-row.right .mi-bubble-dialog-box > span{
    float: right;
}

/* 对话框 start */
.mi-bubble-dialog-box{
    padding: 0.32rem 0.42rem;
    display: inline-block;
    background: #fff;
    position: relative;
    border-radius: 5px;
    /*min-height: 50px;*/
    min-width: 150px;
    width: 100%;
    border: 1px solid #826397;
    line-height: 0.768rem;
}

.mi-dialog-row.left .mi-bubble-dialog-box::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 #826397;*/
    /* 箭头靠下边 */
    /* left: 20px;
    bottom: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #826397; */
    /* 箭头靠左边 */
    top: 0;
    bottom: 0;
    margin: auto;
    /*top: 13px;*/
    left: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #826397;
    /* 箭头靠下边 */
    /* left: 20px;
    top: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #826397; */
}
.mi-dialog-row.left .mi-bubble-dialog-box::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-box::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 #826397;
    /* 箭头靠下边 */
    /* 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-box::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; */
}

/*对话框 end */

.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;*/
}
.rp-qs-plan-zxs{
    color: #9D7EB2;
    font-weight: 600;
    font-size: 1.28rem;
    letter-spacing: 0.04rem;
}
.rp-qs-plan-ctx{
    color: #26292E;
    font-size: 1rem;
    letter-spacing: 0.04rem;
}
.mi-shi-text1{
    line-height: 1.28rem;
}
.mi-shi-text2{
    line-height: 1.28rem;
}
.mi-shi-dot-left{
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/zx/rp-qs-plan-quot1.png");

    top: 0;
    left: 0.64rem;
}
.mi-shi-dot-right{
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/zx/rp-qs-plan-quot2.png");

    bottom: 0;
    right: 0.64rem;
}
.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.8;
}
.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{
    display: inline-block;
    padding: 0.32rem;
    margin: 0.43rem auto 0 auto;
    line-height: 0.768rem;
    font-weight: 600;
    font-size: 0.9375rem;
    color: #0E172D;
    text-align: center;
    font-style: normal;
    text-transform: none;
    letter-spacing: 1px;
    position: relative;
}
.mi-tsintro-txt{
    z-index: 1;
    position: sticky;
}
.mi-tsintro-btn-bottom-border{
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #885E9A;
    border-radius: 0.08rem;
    /*z-index: -1;*/
    opacity: 0.4;
}
.mi-tsintro-text-nor{
    font-weight: 400;
    font-size: 0.6rem;
    color: #26292E;
    line-height: 1.11rem;
    text-align: left;
    /*opacity: 0.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;
    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( #826397 0, #826397 96%, #f2f5ff 96.2%, #f2f5ff);
}
.mi-eval-progress_2{
    background: conic-gradient( #826397 0, #826397 94%, #f2f5ff 94.2%, #f2f5ff);
}
.mi-eval-progress_3{
    background: conic-gradient( #826397 0, #826397 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: #826397;
    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-tsintro-pd-row{
    font-weight: 500;
    color: #73788C;
}
.mi-tsintro-pd-qot{
    color: #009CD0;
}

.mbi-tsintro-myers-head-images-row{
    margin-top: 1.28rem;
    display: flex;

}
.mbi-tsintro-myers-head-img{
    border: 0;
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    height: auto;
}
.mbi-tsintro-myers-head-img:last-child{
    margin-right: 0;
}
.mbi-tsintro-myers-head-img > img{width: 100%;border:0;}

.mbi-wd-panel{
    margin-top: 0.64rem;
    background: #FFFFFF;
    border-radius: 0.626rem;
    padding: 0.64rem;
}
.mbi-wd-head{
    font-size: 0.683rem;
    color: #73788C;
    line-height: 0.683rem;
    text-align: center;
}
.mbi-wd-content{
    margin-top: 0.64rem;
    position: relative;
    background-color: #C9B9D7;
    border: 0.02rem solid rgba(255,255,255,0.7);
    border-radius: 2rem 0 2rem 0;
    color: #FFFFFF;
}
.mbi-wd-content-pan{
    width: 50%;
    padding: 0.32rem;
    float: left;
}
.mbi-wd-content-pan-head{
    color: #FFFFFF;
    font-weight: 600;
}
.mbi-wd-content-pan-ctx{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.51rem;
}
.mbi-wd-content-ctx-l{
    flex: 1;
}
.mbi-wd-content-ctx-m{
    width:0.64rem
}
.mbi-wd-content-ctx-r{
    flex: 1;
}
.mbi-wd-line-hor{
    position: absolute;
    top: 50%;
    left: 25%;
    /*width: 5.33rem;*/
    width: 50%;
    height: 0;
    border: 1px solid;
    opacity: 0.2;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255,255,255, 1), rgba(255, 255, 255, 0)) 1 1;
}
.mbi-wd-line-ver{
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -1px;
    width: 0;
    /*height: 7.68rem;*/
    height: 80%;
    border: 1px solid;
    opacity: 0.2;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255,255,255, 1), rgba(255, 255, 255, 0)) 1 1;
}
.mbi-wd-star-center{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.45rem;
    height: 1.45rem;
    margin-left: -0.75rem;
    margin-top: -0.75rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    background-image: url("./images/zx/yellow-star.png");

}
.mbi-wd-desc-panel{
    margin-top: 0.64rem;

}
.mbi-wd-desc{
    padding: 0 0.32rem;
}
.mbi-wd-desc > li{
    text-align: left;
    margin-top: 0.32rem;
}
.mbi-wd-desc-li-title{
    font-weight: 600;
    color: #28323B;
    line-height: 1.024rem;
}
.mbi-wd-e-bg{
    background: #E2EAF7;
}
.mt-panel-half-divide{
    margin-top: 0.64rem;
}
.mbi-wd1-desc{
    padding: 0 0.2rem 0 0.64rem;
}
.mbi-wd1-desc > li{
    text-align: left;
    margin-top: 0.32rem;
    color: #26292E;
}

.mi-rp-cover-scene-row{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mi-rp-cover-scene-item{
    width: 32%;
    text-align: center;
}
.mi-rp-cover-scene-item-img-wrapper{
    /*border: 1px dashed #a6a6a6;*/
    width: 1.79rem;
    height: 1.79rem;
    margin: 0 auto;
}
.mi-rp-cover-scene-item-img{
    width: 100%;
    border:0;
}
.mi-rp-cover-scene-item > .scene-item-title{
    font-weight: 600;
    font-size: 0.55rem;
    color: #26292E;
    line-height: 0.85rem;
    padding: 0.2rem;
}
.mi-rp-cover-scene-h-line{
    width: 2%;
    height: 100%;
}
.mi-rp-cover-scene-h-line > .line{
    height: 1.47rem;
    width: 0.06rem;
    background: #E9E5FA;
}
.mi-rp-cover-to-report-btn{
    width: 7.68rem;
    height: 1.88rem;
    background: #826397;
    border-radius: 0.34rem 0.34rem 0.34rem 0.34rem;
    font-weight: 600;
    font-size: 0.77rem;
    color: #FFFFFF;
    line-height: 1.88rem;
    letter-spacing: 1px;
    text-align: center;
    display: inline-block;
}

.mi-hot-rp-container{
    background: linear-gradient( 180deg, #F3F5FF 0%, #E2EAF7 100%);
    border-radius: 0.43rem 0.43rem 0.43rem 0.43rem;
    border: 1px solid #FFFFFF;
}
.mi-hot-rp-item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height:  3.84rem;
    padding: 0.64rem 0;
    border-bottom: 1px solid #FFFFFF;
}
.mi-hot-rp-left{
    width: 1.92rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mi-hot-rp-left > .hot-rp-inner{
    /*border: 1px dashed #a6a6a6;*/
}
.mi-hot-rp-left .hot-rp-img{
    width: 100%;
    display: inline-block;
    border: 0;
}
.mi-hot-rp-mid{
    flex: 1;
    height: 100%;
    padding: 0 0.32rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.mi-hot-rp-right{
    width: 4rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.hot-rp-m-title{
    font-weight: 600;
    font-size: 0.6rem;
    color: #26292E;
    line-height: 0.77rem;
}
.hot-rp-m-content{
    font-size: 0.47rem;
    color: #242B3B;
    line-height: 0.64rem;
}
.hot-rp-r-btn-wrapper{
    width: 100%;
    padding: 0.2rem 0 0.2rem 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 0.85rem 0.85rem 0.85rem 0.85rem;
    border: 0.04rem solid #826397;
    color: #826397;
}
.hot-rp-r-btn-txt{
    font-weight: 500;
    font-size: 0.47rem;
    color: #826397;
    line-height: 0.51rem;
}
.hot-rp-r-icon{
    width: 0.68rem;
    height: 0.68rem;
}

.mi-hot-rp-2cols{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.mi-hot-rp-2cols-item{
    width: 48%;
    min-height: 5.89rem;
    padding: 0 0.32rem;
    background: #FFFFFF;
    border-radius: 0.43rem 0.43rem 0.43rem 0.43rem;
    position: relative;
}
.hot-rp-2cols-t{
    height: 1.75rem;
    width: 100%;
}
.hot-rp-2cols-t > img{
    height: 1.75rem;
    width: 1.75rem;
    margin-top: -0.64rem
}
.hot-rp-2cols-rp-title{
    font-weight: 600;
    font-size: 0.6rem;
    color: #26292E;
    line-height: 0.77rem;
    text-align: center;
}
.hot-rp-2cols-rp-desc{
    min-height: 1.28rem;
    font-weight: 400;
    font-size: 0.43rem;
    color: #26292E;
    line-height: 0.64rem;
    text-align: center;
}
.hot-rp-2cols-rp-btn{
    background: #FFFFFF;
    border-radius: 0.85rem 0.85rem 0.85rem 0.85rem;
    border: 0.04rem solid #826397;
}
.mi-rp-qs-ask{
    padding: 0.64rem 0;
    font-weight: 600;
    font-size: 0.6rem;
    color: #28323B;
    line-height: 0.6rem;
}
.mi-rp-qs-answer{
    background: #FFFFFF;
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
    font-size: 0.55rem;
    color: #26292E;
    line-height: 0.85rem;
    padding: 0.43rem;
    opacity: 0.9;
}
.mi-rp-qs-progress{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mi-rp-qs-progress-item{
    height: 1.2rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    text-align: center;
    padding: 0.32rem;
    font-weight: 600;
    font-size: 0.43rem;
    color: #FFFFFF;
    line-height: 0.43rem;
}
.mi-rp-qs-progress > .item1{
    width: 26.5%;
    background-image: url("./images/zx/rp-qs-progress-1.png");
}
.mi-rp-qs-progress > .item2{
    width: 22%;
    background-image: url("./images/zx/rp-qs-progress-2.png");
}
.mi-rp-qs-progress > .item3{
    width: 22%;
    background-image: url("./images/zx/rp-qs-progress-3.png");
}
.mi-rp-qs-progress > .item4{
    flex:1;
    background-image: url("./images/zx/rp-qs-progress-4.png");
}
.rp-qs-answer-b-tip{
    font-size: 0.47rem;
    color: #826397;
    line-height: 0.85rem;
    text-align: center;
}
.rp-qs-price-pan{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rp-qs-price-l, .rp-qs-price-r{
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}
.rp-qs-price-img{
    width: 3.4rem;
    height: 3.4rem;
    /*border: 1px dashed #a6a6a6;*/
    display: inline-block;
}
.rp-qs-price-img > img{
    width: 3.4rem;
}
.rp-qs-rp{
    display: inline-block;
    background: #FFFFFF;
    border-radius: 0.26rem 0.26rem 0.26rem 0.26rem;
    border: 0.04rem solid #9D7EB2;
    padding: 0.32rem;
    width: 3.1rem;
    height: 3.3rem;
}
.rp-qs-rp-title{
    font-weight: 600;
    font-size: 0.55rem;
    color: #28323B;
    line-height: 0.85rem;
}
.rp-qs-rp-ext{
    width: 100%;
    text-align: left;
}
.rp-qs-rp-ext > .rp-qs-rp-ext-line{
    display: inline-block;
    height: 0.08rem;
    background-color: #826397;
}
.rp-qs-rp-ext > .line1{
    width: 73%;
}
.rp-qs-rp-ext > .line2{
    width: 96%;
}
.rp-qs-price-rtip{
    font-weight: 600;
    font-size: 0.55rem;
    color: #9D7EB2;
    line-height: 0.85rem;
}
.rp-qs-price-arrow{
    position: absolute;
    right: 0;
}
.rp-qs-price-arrow >img{
    width: 0.86rem;
    height: 0.55rem;
}
.rp-qs-example-pan{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.rp-qs-example-item{
    width: 48%;
    height: auto;
    /*border-radius: 10px 10px 10px 10px;*/
    /*border: 0.04rem dashed #826397;*/
    border:0;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.rp-qs-example-item >img{
    width: 100%;
}
.rp-qs-plan-pan{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
    /*font-size: 0.55rem;*/
    /*color: #26292E;*/
    /*line-height: 0.85rem;*/
    padding: 0.43rem;
    /*opacity: 0.9;*/
}
.rp-qs-plan-mm-path{
    width: 100%;
    height: 2rem;
    line-height: 2.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("./images/zx/rp-qs-plan-path-bg.png");
    text-align: center;
    color: #FFFFFF;
    font-size: 0.77rem;
}
.rp-qs-plan-path-txt2{
    font-weight: 600;
}
.rp-qs-plan-tear{
    font-weight: 600;
    font-size: 0.77rem;
    color: #26292E;
    line-height: 0.85rem;
    text-align: center;
}
.rp-qs-plan-lb-icon{
    position: absolute;
    left: 1.4rem;
    bottom: 0.9rem;
}
.rp-qs-plan-lb-icon > img{
    width: 1.7rem;
    height: 1.7rem;
}
.rp-subscribe-title-pan{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.rp-subscribe-title-pan > .rp-subscribe-l{
    width: 6rem;
}
.rp-subscribe-search-rp{
    flex: 1;
    font-size: 0.55rem;
    color: #26292E;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*padding-left: 0.64rem;*/
}
.rp-qs-subscribe-pan{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
    padding: 0.43rem 0 0.43rem 0.43rem;
}
.rp-qs-subscribe-tip-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rp-qs-subscribe-tip-l{
    flex: 4;
}
.rp-qs-subscribe-tip-r{
    flex: 5;
}
.rp-qs-subscribe-tip-value{
    color: #26292E;
    font-weight: 600;
}
.rp-qs-subscribe-tip-img{
    height: 0.67rem;
    vertical-align: middle;
}
.rp-qs-subscribe-tip-plus{
    width: 0.67rem;
    height: 0.67rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("./images/zx/double-plus-o.png");
    display: inline-block;
}
.rp-qs-subscribe-tip-r-btn{
    float: right;
    max-width: 7rem;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.32rem;
    border-radius: 0.43rem 0 0 0.43rem;
}
.rp-qs-subscribe-qr{
    width: 3.4rem;
    margin: 0 auto;
}
.page-goto-top{
    position: fixed;
    bottom: 3.2rem;
    right: 0.9rem;
    z-index: 10;
}
.page-goto-top>img{
    width: 2rem;
    cursor: pointer;
}
.mi-btn-inner-arrow-right-icon{
    display: inline-block;
    width: 1.88rem;
    height: 1.88rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    background-image: url("./images/zx/cc-arrow-right.png");
}
.mi-top-panel{
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 90%;
    background-image: url("./images/zx/top_panel_bg.png");
}
.mi-top-t-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0.64rem 0;
}
.mi-top-t-l{
    overflow: hidden;
    flex: 2;
    max-width: 70%;
}
.mi-top-t-r{
    overflow: hidden;
    flex: 1;
    max-width: 30%;
}
.mi-top-t-l-logo{
    width: 5.16rem;
}
.mi-top-t-rr-container{
    height: 1.47rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.45rem;
    color: #353131;
}
.mi-top-t-rr-cn-icon{
    width: 0.68rem;
    height: 0.68rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("./images/zx/top_panel_cn.png");
}
.mi-hx-pan{
    width: 100%;
    list-style-type: circle; /* 使用圆点 */
    /*color: #826397;*/
}
.mi-hx-pan .mi-hx-t-img{
    overflow: hidden;
    border-radius: 0.43rem;
    display: none;
}
.mi-hx-pan .mi-hx-t-img > img{
    width: 100%;
}
.mi-hx-title{
    font-weight: bold;
    font-size: 0.68rem;
    color: #826397;
    line-height: 1.11rem;
}
.mi-hx-pan .mi-hx-title::before{
    content: "•"; /* 使用实体字符创建圆点 */
    color: #826397; /* 圆点颜色 */
    font-size: 0.9rem; /* 圆点大小 */
    margin-right: .32rem;
}
.mi-hx-content-strong{
    font-weight: bolder;
}
.mi-jdxz-pan{
    font-size: 0.55rem;
    color: #26292E;
    line-height: 0.85rem;
}
.mi-jdxz-inner-s{
    color: #826397;
    font-weight: bold;
}
.mi-cjxzht-panel{
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.43rem;
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
}
.mi-cjxzht-title{
    font-weight: bold;
    font-size: 0.6rem;
    color: #26292E;
    line-height: 0.85rem;
}
.mi-cjxzht-desc{
    font-size: 0.55rem;
    color: #26292E;
    line-height: 0.85rem;
    /*opacity: 0.9;*/
}
.mi-cjxzht-xz-panel{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mi-cjxzht-xz-item{
    width: 23%;
    margin-right: 2.66%;
    background-color: #C9B9D7;
    border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
    border: 0.04rem solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    padding: 0.43rem 0.02rem;
    margin-top:0.32rem;
}
.mi-cjxzht-xz-item:last-child{margin-right: 0;}
.mi-cjxzht-xz-icon{
    width: 1.37rem;
    height: 1.37rem;
    overflow: hidden;
}
.mi-cjxzht-xz-icon > img{width: 100%;height: 100%;border:0;}
.mi-cjxzht-xz-name{
    margin-top: 0.2rem;
    font-size: 0.51rem;
    font-weight: bold;
}
.mi-cjxzht-xz-dt{
    margin-top: 0.02rem;
    font-size: 0.47rem;
}

.mi-cjxzht-title.pre-dot{
    list-style-type: circle;
}
.mi-hx-pan .pre-dot::before{
    content: "•"; /* 使用实体字符创建圆点 */
    color: #26292E; /* 圆点颜色 */
    font-size: 0.7rem; /* 圆点大小 */
    margin-right: .22rem;
}
.mi-cjxzht-bot-tip{
    margin-top: 0.32rem;
    font-size: 0.45rem;
    color: #826397;
    line-height: 0.77rem;
    text-align: left;
    overflow: hidden;
}
.mi-peidui-table{
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.47rem;
    color: #666666;
    text-align: center;
    line-height: 0.51rem;
    border-color: #E7E7E7;
    /*overflow-x: auto;*/
    /*display: block;*/
}
.mi-peidui-table th , .mi-peidui-table td{
    /*padding: 0.1rem 0.1rem;*/
    padding: 0.1rem 0;
    text-align: center;
}
.mi-peidui-table th{
    font-weight: normal;
}
.mi-peidui-table th:first-child, .mi-peidui-table td:first-child{
    min-width: 1.54rem;
    /*min-width: 1.2rem;*/
}
.mi-peidui-table th .mi-peidu-2c{
    width: 1rem;
    margin: 0 auto;
}
.mi-peidui-table th .mi-peidu-1c{
    width: 0.5rem;
    margin: 0 auto;
}
.mi-peidui-table td.m100{
    color: #EDAB4E;
    background-color: #F4EADC;
}


.mi-xzpxg-xz-panel{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.mi-xzpxg-xz-item{
    width: 49%;
    margin-right: 2%;
    background-color: #C9B9D7;
    border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
    border: 0.04rem solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    padding: 0.43rem 0.02rem;
    margin-top:0.32rem;
}
.mi-xzpxg-xz-item:last-child{margin-right: 0;}
.mi-xzpxg-xz-icon{
    width: 1.37rem;
    height: 1.37rem;
    overflow: hidden;
}
.mi-xzpxg-xz-icon > img{width: 100%;height: 100%;border:0;}
.mi-xzpxg-xz-name{
    margin-top: 0.2rem;
    font-size: 0.51rem;
    font-weight: bold;
    color: #826397;
}
.mi-xzpxg-xz-dt{
    margin-top: 0.02rem;
    font-size: 0.47rem;
    color: #26292E;
    padding: 0 0.32rem;
    line-height: 0.85rem;
    text-align: center;
}
.mi-xz-article-panel{
    width: 100%;
    padding: 0.32rem 0;
    text-align: left;
}
.mi-xz-art-title{
    font-weight: bold;
    font-size: 0.85rem;
    color: #26292E;
    line-height: 0.85rem;
    letter-spacing: 1px;
}
.mi-xz-art-item >a{
    font-weight: 500;
    font-size: 0.55rem;
    color: #1F8BFF;
    line-height: 0.77rem;
    text-align: left;
    text-decoration: underline;
}