@-webkit-keyframes load {    0% {        opacity: 1;        -webkit-transform: scale(1.3)    }    to {        opacity: .2;        -webkit-transform: scale(.3)    }}@media screen and (min-width: 750px) {    .inter_nav {        margin-top: 0 !important    }    .explain_box {        width: 800Px !important    }    .explainResultBox {        position: absolute;        top: 250Px    }}.pcMainLeft {    width: 380PX}.PC_dom {    width: 800PX}.PC_dom .person_bar, .PC_dom .person_base {    position: relative;    background: #fff;    border-radius: 8PX;    margin-bottom: 20PX}.PC_dom .person_base .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_bar .person_topPart .topPart_title, .PC_dom .person_base .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_base .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_base .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_base .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_base .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_base .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_LoveState .person_topPart .topPart_title .chinese:after, .PC_dom .person_bar .person_topPart .topPart_title .chinese:after, .PC_dom .person_base .person_topPart .topPart_title .chinese:after, .PC_dom .person_character .person_topPart .topPart_title .chinese:after, .PC_dom .person_dec .person_topPart .topPart_title .chinese:after, .PC_dom .person_eight .person_topPart .topPart_title .chinese:after, .PC_dom .person_environment .person_topPart .topPart_title .chinese:after, .PC_dom .person_famous .person_topPart .topPart_title .chinese:after, .PC_dom .person_grow .person_topPart .topPart_title .chinese:after, .PC_dom .person_letter .person_topPart .topPart_title .chinese:after, .PC_dom .person_profession .person_topPart .topPart_title .chinese:after, .PC_dom .person_ratio .person_topPart .topPart_title .chinese:after, .PC_dom .person_satisfy .person_topPart .topPart_title .chinese:after, .PC_dom .person_trap .person_topPart .topPart_title .chinese:after, .PC_dom .person_work .person_topPart .topPart_title .chinese:after {    content: '';    position: absolute;    bottom: 6PX;    left: 116%;    height: 30PX;    width: 800PX;    border-bottom: #f5f3f8 solid 1PX}.PC_dom .person_base .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_bar .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_bar .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_bar .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_bar .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_bar .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_bar .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_bar .person_bottomPart {    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2;    position: relative;    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item2, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item3, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    margin-bottom: 14PX}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_0 {    font-size: 14PX;    color: #2e1f4a}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_1 {    position: relative;    width: 196.8PX;    height: 8PX;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 12PX}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_1:before, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_1:before, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_1:before, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_1:before {    content: '';    position: absolute;    height: 16PX;    width: 5PX;    background: #fff;    left: 97.2PX;    -webkit-transform: rotate(30deg);    -ms-transform: rotate(30deg);    transform: rotate(30deg);    top: -4PX;    z-index: 2}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_1 .bar_img1 {    width: 98.4PX;    height: 8PX;    background: #eee}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_1 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 10PX;    height: 8PX;    background: #612fc6;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item1 .bar_item_1 .bar_img3, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_1 .bar_img1 {    width: 98.4PX;    height: 8PX;    background: #eee}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_0 {    font-size: 14PX;    color: #2e1f4a}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_1 {    position: relative;    width: 196.8PX;    height: 8PX;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 12PX}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_1 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 10PX;    height: 8PX;    background: #612fc6;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_item_1 .bar_img3, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_1 .bar_img1 {    width: 98.4PX;    height: 8PX;    background: #eee}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item2 .bar_img2 {    position: absolute;    left: 38.4PX;    width: 60PX;    height: 8PX;    background-image: -webkit-gradient(linear, right top, left top, from(#89cdfa), color-stop(8%, #5ba5f1)) !important;    background-image: -webkit-linear-gradient(right, #89cdfa, #5ba5f1 8%) !important;    background-image: -o-linear-gradient(right, #89cdfa, #5ba5f1 8%) !important;    background-image: linear-gradient(270deg, #89cdfa, #5ba5f1 8%) !important;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_0 {    font-size: 14PX;    color: #2e1f4a}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_1 {    position: relative;    width: 196.8PX;    height: 8PX;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 12PX}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_1 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 10PX;    height: 8PX;    background: #612fc6;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_item_1 .bar_img3, .PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_1 .bar_img1 {    width: 98.4PX;    height: 8PX;    background: #eee}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item3 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 60PX;    height: 8PX;    background: -webkit-gradient(linear, left top, right top, from(#faba93), to(#f38d65)) !important;    background: -webkit-linear-gradient(left, #faba93, #f38d65) !important;    background: -o-linear-gradient(left, #faba93, #f38d65) !important;    background: linear-gradient(90deg, #faba93, #f38d65) !important;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 {    margin-bottom: 0}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_0 {    font-size: 14PX;    color: #2e1f4a}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_1 {    position: relative;    width: 196.8PX;    height: 8PX;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 12PX}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_1 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 10PX;    height: 8PX;    background: #612fc6;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_item_1 .bar_img3 {    width: 98.4PX;    height: 8PX;    background: #eee}.PC_dom .person_bar .person_bottomPart .bar_left .bar_item4 .bar_img2 {    position: absolute;    left: 88.4PX;    width: 60PX;    height: 8PX;    background: -webkit-gradient(linear, right top, left top, from(#a3daad), color-stop(4%, #82cb8d)) !important;    background: -webkit-linear-gradient(right, #a3daad, #82cb8d 4%) !important;    background: -o-linear-gradient(right, #a3daad, #82cb8d 4%) !important;    background: linear-gradient(270deg, #a3daad, #82cb8d 4%) !important;    z-index: 1}.PC_dom .person_bar .person_bottomPart .bar_right {    position: absolute;    bottom: 0;    right: 0}.PC_dom .person_bar .person_bottomPart .bar_right .bar_png {    height: 200PX;    width: 260PX}.PC_dom .person_letter {    margin-top: 20PX}.PC_dom .person_letter .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_letter .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_letter .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_letter .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_letter .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_letter .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_letter .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_letter .person_bottomPart {    position: relative;    font-size: 16PX;    color: #2e1f4a;    line-height: 2;    padding: 0 28PX 28PX}.PC_dom .person_letter .person_bottomPart .letters {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.PC_dom .person_letter .person_bottomPart .letters .letter {    width: 50%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    margin-top: 24PX}.PC_dom .person_letter .person_bottomPart .letters .letter .letter_child1 {    font-size: 14PX;    font-weight: 700;    color: #36235c;    margin-right: 8PX}.PC_dom .person_letter .person_bottomPart .letters .letter .letter_child2 {    width: 38PX;    height: 18PX;    background: url(https://static.jzmbti.com/front/images/letter_square.png) no-repeat;    background-size: 38PX 18PX;    font-size: 12PX;    font-weight: 600;    text-align: center;    line-height: 18PX;    color: #fff;    margin-right: 8PX}.PC_dom .person_letter .person_bottomPart .letters .letter .letter_child3 {    font-size: 14PX;    font-weight: 400;    color: #2e1f4a}.PC_dom .person_LoveState, .PC_dom .person_character, .PC_dom .person_dec, .PC_dom .person_eight, .PC_dom .person_environment, .PC_dom .person_famous, .PC_dom .person_grow, .PC_dom .person_letter, .PC_dom .person_loveMatching, .PC_dom .person_profession, .PC_dom .person_ratio, .PC_dom .person_satisfy, .PC_dom .person_trap, .PC_dom .person_work {    position: relative;    background: #fff;    border-radius: 8PX;    margin-bottom: 20PX}.PC_dom .person_ratio .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_ratio .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_ratio .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_ratio .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_ratio .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_ratio .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_ratio .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_ratio .person_bottomPart {    position: relative;    font-size: 16PX;    color: #2e1f4a;    line-height: 2;    padding: 0 28PX 28PX}.PC_dom .person_ratio .person_bottomPart .ratio_title {    position: relative;    display: inline-block;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    font-size: 16PX;    color: #2e1f4a;    font-weight: 600;    text-align: center;    margin-top: 33PX}.PC_dom .person_ratio .person_bottomPart .ratio_title .ratio_title_tab {    position: absolute;    height: 6PX;    width: 34PX;    background: #d5c3f3;    bottom: 6PX;    right: -1PX;    z-index: -1}.PC_dom .person_ratio .person_bottomPart .ratio_score {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around;    margin-top: 28PX}.PC_dom .person_ratio .person_bottomPart .ratio_score .score .label {    font-size: .384rem}.PC_dom .person_ratio .person_bottomPart .ratio_score .score .data {    font-weight: 600}.PC_dom .person_famous .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_famous .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_famous .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_famous .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_famous .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_famous .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_famous .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_famous .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_famous .famous_tootle {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    padding-left: 8PX}.PC_dom .person_famous .famous_tootle .famous_item {    margin-right: 16PX;    position: relative;    width: 170PX;    height: 229PX}.PC_dom .person_famous .famous_tootle .famous_item .famous_img {    width: 100%;    height: 100%}.PC_dom .person_famous .famous_tootle .famous_item .famous_name {    position: absolute;    width: 100%;    height: 40PX;    text-align: center;    font-size: 12PX;    line-height: 40PX;    color: #fff;    bottom: 0;    left: 0;    background: #36235c}.PC_dom .person_dec .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_dec .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_dec .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_dec .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_dec .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_dec .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_dec .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_dec .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_dec .topPart_title .chinese_name, .PC_dom .person_dec .topPart_title .english {    color: #e06432 !important}.PC_dom .person_dec .topPart_title .sign_tab {    color: #e06432 !important;    opacity: .4}.PC_dom .person_character .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_character .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_character .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_character .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_character .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_character .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_character .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_character .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_character .chinese_name, .PC_dom .person_character .english {    color: #e06432 !important}.PC_dom .person_character .sign_tab {    color: #e06432 !important;    opacity: .4}.PC_dom .person_character .person_bottomPart .bottom_you {    position: relative;    overflow: hidden}.PC_dom .person_character .person_bottomPart .bottom_you .bg_you {    z-index: 0;    position: absolute;    width: 744PX;    height: 144PX;    background: url(https://static.jzmbti.com/front/images/bg_you.png) no-repeat;    top: 0;    left: 0}.PC_dom .person_character .person_bottomPart .bottom_you .cards {    margin-left: 30PX;    position: relative;    margin-top: 12PX;    z-index: 1;    background: #f9f7fb;    width: 100% -86PX;    padding: 0 20PX}.PC_dom .person_character .person_bottomPart .bottom_lie .cards .text_card, .PC_dom .person_character .person_bottomPart .bottom_you .cards .text_card {    padding: 20PX 0;    border-bottom: solid 1PX #f1e8fa}.PC_dom .person_character .person_bottomPart .bottom_you .cards .text_card .text_card_title {    font-size: 18PX;    font-weight: 600;    line-height: 25PX;    color: #2e1f4a;    margin-bottom: 12PX}.PC_dom .person_character .person_bottomPart .bottom_you .cards .text_card .text_card_content {    font-size: 14PX;    line-height: 23PX;    color: #2e1f4a;    font-weight: 400}.PC_dom .person_character .person_bottomPart .bottom_lie {    margin-top: 20PX;    position: relative;    overflow: hidden}.PC_dom .person_character .person_bottomPart .bottom_lie .bg_you {    z-index: 0;    position: absolute;    width: 744PX;    height: 144PX;    background: url(https://static.jzmbti.com/front/images/bg_you.png) no-repeat;    top: 0;    left: 0}.PC_dom .person_character .person_bottomPart .bottom_lie .cards {    margin-left: 30PX;    position: relative;    margin-top: 12PX;    z-index: 1;    background: #f9f7fb;    width: 100% -86PX;    padding: 0 20PX}.PC_dom .person_character .person_bottomPart .bottom_lie .cards .text_card .text_card_title {    font-size: 18PX;    font-weight: 600;    line-height: 25PX;    color: #2e1f4a;    margin-bottom: 12PX}.PC_dom .person_character .person_bottomPart .bottom_lie .cards .text_card .text_card_content {    font-size: 14PX;    line-height: 23PX;    color: #2e1f4a;    font-weight: 400}.PC_dom .person_character .person_bottomPart .bottom_lie .bg_lie {    z-index: 0;    position: absolute;    width: 744PX;    height: 144PX;    background: url(https://static.jzmbti.com/front/images/bg_you.png) no-repeat;    top: 0;    left: 0;    background: url(https://static.jzmbti.com/front/images/bg_lie.png) no-repeat}.PC_dom .person_character .person_bottomPart .bottom_lie .cards {    background: #fdfaf9 !important}.PC_dom .person_grow .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_grow .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_grow .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_grow .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_grow .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_grow .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_grow .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_grow .person_bottomPart {    position: relative;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_grow .chinese_name, .PC_dom .person_grow .english {    color: #e06432 !important}.PC_dom .person_grow .sign_tab {    color: #e06432 !important;    opacity: .4}.PC_dom .person_grow .person_bottomPart {    padding: 0 28PX 28PX}.PC_dom .person_grow .person_bottomPart .grow_card {    margin-top: 20PX}.PC_dom .person_grow .person_bottomPart .grow_card:nth-child(2n) .grow_card_title {    background: #ea8f6b}.PC_dom .person_grow .person_bottomPart .grow_card:nth-child(2n) .grow_title_bg {    background: url(https://static.jzmbti.com/front/images/grow_2.png) !important;    background-size: 66PX 44PX !important}.PC_dom .person_grow .person_bottomPart .grow_card .grow_card_title {    position: relative;    width: 100%;    background: #8965cf;    height: 48PX;    padding-left: 16PX;    color: #fff;    font-size: 16PX;    font-weight: 700;    line-height: 48PX}.PC_dom .person_grow .person_bottomPart .grow_card .grow_card_title .grow_title_bg {    position: absolute;    background: url(https://static.jzmbti.com/front/images/grow_1.png);    background-size: 66PX 44PX;    height: 44PX;    width: 64PX;    right: 20PX;    top: 4PX}.PC_dom .person_grow .person_bottomPart .grow_card .grow_card_content {    width: 100%;    padding: 20PX;    background: rgba(255, 255, 255, .4)}.PC_dom .person_eight .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_eight .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_eight .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_eight .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_eight .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_eight .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_eight .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_eight .person_bottomPart {    position: relative;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_eight .chinese_name, .PC_dom .person_eight .english {    color: #e06432 !important}.PC_dom .person_eight .sign_tab {    color: #e06432 !important;    opacity: .4}.PC_dom .person_eight .person_bottomPart {    padding: 0 28PX 28PX}.PC_dom .person_eight .person_bottomPart .card {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin-top: 20PX}.PC_dom .person_eight .person_bottomPart .card .card_left {    position: relative;    width: 124PX;    height: 80PX}.PC_dom .person_eight .person_bottomPart .card .card_left .eight_img {    width: 100%;    height: 100%}.PC_dom .person_eight .person_bottomPart .card .card_left .eight_img_title {    position: absolute;    left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    width: 100%;    text-align: center;    -webkit-box-sizing: border-box;    box-sizing: border-box;    padding: 10PX 5PX;    font-size: 14PX;    color: #fff;    line-height: 20PX}.PC_dom .person_eight .person_bottomPart .card .card_right {    width: calc(100% - 124PX);    background: #faf5f3;    padding: 20PX}.PC_dom .person_eight .person_bottomPart .card .card_right .card_right_title {    margin: 0 0 8PX;    line-height: 20PX;    font-size: 14PX;    font-weight: 600;    color: #e06432}.PC_dom .person_eight .person_bottomPart .card .card_right .card_right_content {    line-height: 23PX;    font-size: 14PX;    color: #36235c}.PC_dom .person_work .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_work .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_work .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_work .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_work .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_work .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_work .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_work .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_work .topPart_title .chinese_name, .PC_dom .person_work .topPart_title .english, .PC_dom .person_work .topPart_title .sign_tab {    color: #265ad6 !important}.PC_dom .person_work .work_card {    position: relative;    background: #ebeef6;    padding: 66PX 20PX 20PX;    margin-top: 20PX}.PC_dom .person_work .work_card .work_card_title {    position: absolute;    top: 0;    left: 0;    width: 191PX;    height: 46PX;    background: -webkit-gradient(linear, right top, left top, from(#4b7aeb), to(#265ad6));    background: -webkit-linear-gradient(right, #4b7aeb, #265ad6);    background: -o-linear-gradient(right, #4b7aeb, #265ad6);    background: linear-gradient(270deg, #4b7aeb, #265ad6);    border-radius: 0 0 80PX 0;    text-indent: 28PX;    line-height: 46PX;    font-size: 16PX;    color: #fff}.PC_dom .person_work .work_card .work_card_content {    font-size: 16PX;    line-height: 32PX;    color: #2e1f4a}.PC_dom .person_satisfy .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_environment .person_topPart .topPart_title, .PC_dom .person_satisfy .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_satisfy .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_satisfy .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_satisfy .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_satisfy .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_satisfy .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_satisfy .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_satisfy .chinese_name, .PC_dom .person_satisfy .english, .PC_dom .person_satisfy .sign_tab {    color: #265ad6 !important}.PC_dom .person_environment .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_environment .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_environment .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_environment .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_environment .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_environment .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_environment .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_environment .chinese_name, .PC_dom .person_environment .english, .PC_dom .person_environment .sign_tab {    color: #265ad6 !important}.PC_dom .person_environment .person_bottomPart {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.PC_dom .person_environment .person_bottomPart .environment_bad, .PC_dom .person_environment .person_bottomPart .environment_good {    -webkit-flex: 1;    -ms-flex: 1;    flex: 1}.PC_dom .person_environment .person_bottomPart .environment_good .environment_title {    position: relative;    height: 62PX;    background: -webkit-gradient(linear, right top, left top, from(#ffbd96), to(#f58f66));    background: -webkit-linear-gradient(right, #ffbd96, #f58f66);    background: -o-linear-gradient(right, #ffbd96, #f58f66);    background: linear-gradient(270deg, #ffbd96, #f58f66)}.PC_dom .person_environment .person_bottomPart .environment_good .environment_title .title_name {    text-indent: 20PX;    line-height: 62PX;    font-size: 16PX;    font-weight: 600;    color: #fff}.PC_dom .person_environment .person_bottomPart .environment_good .environment_title .title_logo {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    right: 5PX;    font-weight: 800;    font-size: 50PX;    color: rgba(255, 255, 255, .16)}.PC_dom .person_environment .person_bottomPart .environment_good .environment_content {    background: #fdf9f7;    padding: 20PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 32PX}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_title {    position: relative;    height: 62PX;    background: -webkit-gradient(linear, right top, left top, from(#ffbd96), to(#f58f66));    background: -webkit-linear-gradient(right, #ffbd96, #f58f66);    background: -o-linear-gradient(right, #ffbd96, #f58f66);    background: linear-gradient(270deg, #ffbd96, #f58f66)}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_title .title_name {    text-indent: 20PX;    line-height: 62PX;    font-size: 16PX;    font-weight: 600;    color: #fff}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_title .title_logo {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    right: 5PX;    font-weight: 800;    font-size: 50PX;    color: rgba(255, 255, 255, .16)}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_content {    background: #fdf9f7;    padding: 20PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 32PX}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_title {    background: -webkit-gradient(linear, right top, left top, from(#4b7aeb), to(#265ad6));    background: -webkit-linear-gradient(right, #4b7aeb, #265ad6);    background: -o-linear-gradient(right, #4b7aeb, #265ad6);    background: linear-gradient(270deg, #4b7aeb, #265ad6)}.PC_dom .person_environment .person_bottomPart .environment_bad .environment_content {    background: #ebeef6}.PC_dom .person_profession .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_profession .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_profession .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_profession .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_profession .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_profession .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_profession .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_profession .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_profession .chinese_name, .PC_dom .person_profession .english, .PC_dom .person_profession .sign_tab {    color: #265ad6 !important}.PC_dom .person_profession .person_bottomPart {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card, .PC_dom .person_profession .person_bottomPart .profession_right .profession_card {    position: relative;    margin-bottom: 20PX;    padding: 20PX;    width: 355PX}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .paper_clip {    position: absolute;    top: -12PX;    left: -8PX;    width: 29PX;    height: 39PX}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .profession_logo {    position: absolute;    width: 100PX;    height: 100PX;    top: 0;    right: 0;    z-index: 0}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .profession_title {    margin: 8PX 0 10PX;    font-size: 18PX;    line-height: 27PX;    color: #265ad6;    font-weight: 700}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .profession_content {    position: relative;    z-index: 2;    font-size: 14PX;    line-height: 23PX;    color: #36235c}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .profession_tabs {    width: 100%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.PC_dom .person_profession .person_bottomPart .profession_left .profession_card .profession_tabs .tabs, .PC_dom .person_profession .person_bottomPart .profession_right .profession_card .profession_tabs .tabs {    height: 30PX;    -webkit-box-sizing: border-box;    box-sizing: border-box;    padding: 8PX 12PX;    background: #ebeef6;    border-radius: 15PX;    font-size: 14PX;    line-height: 21PX;    text-align: center;    color: #265ad6;    margin: 12PX 8PX 0 0}.PC_dom .person_profession .person_bottomPart .profession_right {    margin-left: 20PX}.PC_dom .person_profession .person_bottomPart .profession_right .profession_card .paper_clip {    position: absolute;    top: -12PX;    left: -8PX;    width: 29PX;    height: 39PX}.PC_dom .person_profession .person_bottomPart .profession_right .profession_card .profession_logo {    position: absolute;    width: 100PX;    height: 100PX;    top: 0;    right: 0;    z-index: 0}.PC_dom .person_profession .person_bottomPart .profession_right .profession_card .profession_title {    margin: 8PX 0 10PX;    font-size: 18PX;    line-height: 27PX;    color: #265ad6;    font-weight: 700}.PC_dom .person_profession .person_bottomPart .profession_right .profession_card .profession_content {    position: relative;    z-index: 2;    font-size: 14PX;    line-height: 23PX;    color: #36235c}.PC_dom .person_profession .person_bottomPart .profession_right .profession_card .profession_tabs {    width: 100%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.PC_dom .person_trap .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_trap .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_trap .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_trap .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_trap .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_trap .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_trap .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_trap .person_bottomPart {    position: relative;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_trap .chinese_name, .PC_dom .person_trap .english, .PC_dom .person_trap .sign_tab {    color: #265ad6 !important}.PC_dom .person_trap .person_bottomPart {    padding: 8PX 28PX 28PX}.PC_dom .person_trap .person_bottomPart .workplace_card {    margin-top: 12PX}.PC_dom .person_trap .person_bottomPart .workplace_card .workplace_card_title .workplace_number {    float: left;    width: 32PX;    height: 32PX;    background: url(https://static.jzmbti.com/front/images/bg_num.png);    background-size: 100% 100%;    text-align: center;    line-height: 32PX;    font-size: 16PX;    color: #fff;    font-weight: 700;    margin-bottom: 5PX}.PC_dom .person_trap .person_bottomPart .workplace_card .workplace_card_title .workplace_letter {    float: left;    margin-left: 12PX;    height: 32PX;    line-height: 32PX;    font-size: 18PX;    color: #265ad6;    font-weight: 700}.PC_dom .person_trap .person_bottomPart .workplace_card .workplace_card_content {    padding-left: 44PX}.PC_dom .person_trap .person_bottomPart .workplace_card .workplace_card_content .workplace_card_card {    padding: 20PX;    background: #eff2f9;    font-size: 14PX;    line-height: 23PX;    color: #36235c;    margin-bottom: 16PX}.PC_dom .person_LoveState .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_LoveState .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_LoveState .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_LoveState .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_LoveState .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_LoveState .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_LoveState .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_LoveState .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    line-height: 32PX;    color: #2e1f4a}.PC_dom .person_LoveState .topPart_title .chinese_name, .PC_dom .person_LoveState .topPart_title .english, .PC_dom .person_LoveState .topPart_title .sign_tab {    color: #da2651 !important}.PC_dom .person_LoveState .person_bottomPart .loveState_card {    margin-top: 20PX}.PC_dom .person_LoveState .person_bottomPart .loveState_card .loveState_card_title {    position: relative;    width: 138PX;    height: 38PX;    background: #da2651;    color: #fff;    font-size: 16PX;    line-height: 38PX;    text-indent: 38PX;    z-index: 2}.PC_dom .person_LoveState .person_bottomPart .loveState_card .loveState_card_title:before {    content: "";    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    left: 22PX;    width: 6PX;    height: 6PX;    background: #fff;    border-radius: 3PX;    white-space: pre}.PC_dom .person_LoveState .person_bottomPart .loveState_card .loveState_card_content {    padding: 30PX 20PX 20PX;    background: #f9f1f3;    margin-left: 40PX;    margin-top: -18PX;    font-size: 14PX;    line-height: 23PX;    color: #36235c}.PC_dom .person_loveMatching .person_topPart {    padding-top: 28PX;    position: relative}.PC_dom .person_loveMatching .person_topPart .topPart_title {    overflow: hidden;    width: 100%;    padding-left: 28PX;    height: 50PX}.PC_dom .person_loveMatching .person_topPart .topPart_title .english {    font-size: 12PX;    color: #36235c;    line-height: 15PX}.PC_dom .person_loveMatching .person_topPart .topPart_title .sign_tab {    position: absolute;    font-size: 12PX;    color: #612fc6;    opacity: .4;    right: 28PX;    top: 20PX}.PC_dom .person_loveMatching .person_topPart .topPart_title .chinese {    position: relative;    z-index: 1;    display: inline-block;    vertical-align: top}.PC_dom .person_loveMatching .person_topPart .topPart_title .chinese .chinese_name {    font-size: 24PX;    line-height: 36PX;    font-weight: 600;    color: #612fc6}.PC_dom .person_loveMatching .person_topPart .topPart_title .chinese .square {    position: absolute;    width: 14PX;    height: 14PX;    background: #ebe8ef;    bottom: 6PX;    right: -4PX;    z-index: -1}.PC_dom .person_loveMatching .person_topPart .topPart_title .chinese:after {    content: '';    position: absolute;    bottom: 6PX;    left: 116%;    height: 30PX;    width: 800PX;    border-bottom: #f5f3f8 solid 1PX}.PC_dom .person_loveMatching .person_bottomPart {    position: relative;    padding: 22PX 28PX 28PX;    font-size: 16PX;    color: #2e1f4a;    line-height: 2}.PC_dom .person_loveMatching .chinese_name, .PC_dom .person_loveMatching .english, .PC_dom .person_loveMatching .sign_tab {    color: #da2651 !important}.PC_dom .person_loveMatching .person_bottomPart {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around}.PC_dom .person_loveMatching .person_bottomPart .loveMatching_card {    cursor: pointer;    margin-top: 40PX;    width: 200PX;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.PC_dom .person_loveMatching .person_bottomPart .loveMatching_card .loveMatching_card_img {    height: 180PX;    width: auto !important;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.PC_dom .person_loveMatching .person_bottomPart .loveMatching_card .loveMatching_card_img:hover {    -webkit-transform: translateY(-10PX);    -ms-transform: translateY(-10PX);    transform: translateY(-10PX)}.PC_dom .person_loveMatching .person_bottomPart .loveMatching_card .loveMatching_card_title {    font-size: 18PX;    width: 100%;    text-align: center;    font-weight: 600;    color: #2e1f4a;    margin-top: 20PX}.PC_dom .person_header {    overflow: hidden;    position: relative;    background: #fff;    border-radius: 8PX;    margin-bottom: 20PX;    height: 6.4rem}.PC_dom .person_header .person_header_left {    position: absolute;    left: .46933rem;    height: 100%;    width: 50%}.PC_dom .person_header .person_header_left .top-header {    position: absolute;    left: .46933rem;    top: 1.152rem;    font-size: .46933rem;    font-weight: 700;    text-align: left;    color: #523787;    line-height: .72533rem;    z-index: 1}.PC_dom .person_header .person_header_left .title-header {    position: absolute;    left: .55467rem;    top: 1.49333rem;    width: 5.632rem;    height: 3.2rem;    padding-top: .04267rem;    font-size: 2.66667rem;    font-weight: 2000;    text-align: left;    color: #523787;    line-height: 3.24267rem;    z-index: 3}.PC_dom .person_header .person_header_left .title-subheader {    left: .55467rem;    top: 4.8rem;    width: 5.52533rem;    height: .896rem;    font-size: .53333rem;    line-height: .896rem;    z-index: 3}.PC_dom .person_header .person_header_left .img-mbti {    position: absolute;    left: 0;    top: 2.34667rem;    width: .576rem;    height: 2.19733rem;    z-index: 3}.PC_dom .person_header .person_header_left .img-quote {    position: absolute;    left: 5.67467rem;    top: 1.70667rem;    width: .72533rem;    height: .72533rem;    z-index: 3}.PC_dom .person_header .person_header_left .img-char-bg {    position: absolute;    left: 4.69333rem;    top: 0;    width: 6.4rem;    height: 6.4rem;    z-index: 1}.PC_dom .person_header .person_header_left .article-char {    position: absolute;    left: 5.97333rem;    top: .42667rem;    height: 5.54667rem;    z-index: 8}.PC_dom .person_header .person_header_right {    width: 50%;    position: absolute;    right: -.42667rem;    top: .59733rem}.inter_h5_head {    position: relative;    height: 10.66667rem;    width: 16rem}.explainResultBox {    height: 1.06667rem;    cursor: pointer;    width: 100%}.explainResultBox .explainResult {    position: absolute;    justify-self: center;    right: 1.06667rem;    border-radius: .21333rem;    padding: .08533rem .21333rem;    margin-top: -.85333rem}.explainResultBox .explainResult .icon-question {    position: relative;    top: .05333rem;    font-size: .64rem;    color: #2e1f4a}.explainResultBox .explainResult .explainLabel {    font-size: .512rem;    color: #2e1f4a}.explainResultBox .explainResult, .explain_bg, .explain_bg .explain_box {    display: -webkit-flex;    display: -ms-flexbox;    display: none;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.explainResult{    display: none;}.explain_bg {    position: fixed;    top: 0;    left: 0;    background-color: rgba(0, 0, 0, .3);    width: 100vw;    height: 100vh;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    z-index: 11}.explain_bg .explain_box {    width: 90vw;    position: relative;    background-color: #fff;    border-radius: .17067rem;    padding: .85333rem;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.explain_bg .explain_box .explain_text {    font-size: .53333rem;    line-height: 1.5}.explain_bg .explain_box .explain_text_header {    text-align: center;    font-size: .59733rem;    font-weight: 700}.explain_bg .explain_box .explain_text_subheader {    font-size: .59733rem;    line-height: 1.70667rem}.explain_bg .explain_box .explain_button {    margin-top: .85333rem;    padding: .21333rem .42667rem;    background-color: #4698cf;    font-size: .53333rem;    font-weight: 700;    color: #fff;    border-radius: .17067rem;    cursor: pointer}.explain_bg .explain_box .icon-wrong {    position: absolute;    right: .42667rem;    top: .42667rem;    font-size: .85333rem;    cursor: pointer}.scroll_inter_h5 {    margin-top: 1.81333rem;    height: 100vh}.active_nav .inter_base_img1, .active_nav .inter_base_title1 {    color: #612fc6}.active_nav .inter_base_img2, .active_nav .inter_base_title2 {    color: #e06432}.active_nav .inter_base_img3, .active_nav .inter_base_title3 {    color: #265ad6}.active_nav .inter_base_img4, .active_nav .inter_base_title4 {    color: #da2651}.inter_nva_fixed {    position: fixed;    top: 0rem;    margin-top: 0 !important;    left: 0;    z-index: 9}.inter_nav_H5 {    height: 1.70667rem;    width: 100%;    margin-top: 1.81333rem}.inter_nav, .inter_nav .inter_base {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.inter_nav {    height: 50Px;    width: 100%;    background: #e1daed;    margin-top: 1.81333rem;    cursor: pointer;    font-size: 16Px;    line-height: 25PX;    font-weight: 500}.inter_nav .inter_base {    -webkit-flex: 1;    -ms-flex: 1;    flex: 1;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.inter_nav .inter_base .inter_base_img {    width: 20Px;    height: 20Px;    font-size: .42667rem;    line-height: 20PX;    margin-right: .10667rem}@media screen and (max-width: 750px) {    .inter_nav, .inter_nav .inter_base {        display: -webkit-flex;        display: -ms-flexbox;        display: flex;        -webkit-align-items: center;        -ms-flex-align: center;        align-items: center    }    .inter_nav {        height: 1.8rem;        width: 100%;        background: #e1daed;        margin-top: 1.81333rem;        cursor: pointer    }    .inter_nav .inter_base {        -webkit-flex: 1;        -ms-flex: 1;        flex: 1;        -webkit-justify-content: center;        -ms-flex-pack: center;        justify-content: center;        font-size: .42667rem;        line-height: 1.70667rem;        font-weight: 500    }    .inter_nav .inter_base .inter_base_img {        width: .64rem;        height: .64rem;        font-size: .64rem;        margin-right: .10667rem;        margin-top: -.256rem    }}.person_bar_h5 .bar_left {    padding: .85333rem}.person_bar_h5 .bar_left .bar_item1, .person_bar_h5 .bar_left .bar_item2, .person_bar_h5 .bar_left .bar_item3, .person_bar_h5 .bar_left .bar_item4 {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    margin-bottom: .59733rem}.person_bar_h5 .bar_left .bar_item1 .bar_item_0, .person_bar_h5 .bar_left .bar_item1 .bar_item_3 {    font-size: .59733rem;    color: #2e1f4a}.person_bar_h5 .bar_left .bar_item1 .bar_item_1 {    position: relative;    width: 8.87467rem;    height: .34133rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 .512rem}.person_bar_h5 .bar_left .bar_item1 .bar_item_1 .bar_img1 {    width: 4.43733rem;    height: .34133rem;    background: #eee}.person_bar_h5 .bar_left .bar_item1 .bar_item_1 .bar_img2 {    position: absolute;    left: 4.05333rem;    width: .42667rem;    height: .34133rem;    background: #612fc6;    z-index: 1}.person_bar_h5 .bar_left .bar_item1 .bar_item_1 .bar_img3, .person_bar_h5 .bar_left .bar_item2 .bar_item_1 .bar_img1 {    width: 4.43733rem;    height: .34133rem;    background: #eee}.person_bar_h5 .bar_left .bar_item2 .bar_item_0, .person_bar_h5 .bar_left .bar_item2 .bar_item_3 {    font-size: .59733rem;    color: #2e1f4a}.person_bar_h5 .bar_left .bar_item2 .bar_item_1 {    position: relative;    width: 8.87467rem;    height: .34133rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 .512rem}.person_bar_h5 .bar_left .bar_item2 .bar_item_1 .bar_img2 {    position: absolute;    left: 4.05333rem;    width: .42667rem;    height: .34133rem;    background: #612fc6;    z-index: 1}.person_bar_h5 .bar_left .bar_item2 .bar_item_1 .bar_img3, .person_bar_h5 .bar_left .bar_item3 .bar_item_1 .bar_img1 {    width: 4.43733rem;    height: .34133rem;    background: #eee}.person_bar_h5 .bar_left .bar_item2 .bar_img2 {    position: absolute;    left: 2.21867rem;    width: 1.28rem;    height: .17067rem;    background-image: -webkit-gradient(linear, right top, left top, from(#89cdfa), color-stop(8%, #5ba5f1)) !important;    background-image: -webkit-linear-gradient(right, #89cdfa, #5ba5f1 8%) !important;    background-image: -o-linear-gradient(right, #89cdfa, #5ba5f1 8%) !important;    background-image: linear-gradient(270deg, #89cdfa, #5ba5f1 8%) !important;    z-index: 1}.person_bar_h5 .bar_left .bar_item3 .bar_item_0, .person_bar_h5 .bar_left .bar_item3 .bar_item_3 {    font-size: .59733rem;    color: #2e1f4a}.person_bar_h5 .bar_left .bar_item3 .bar_item_1 {    position: relative;    width: 8.87467rem;    height: .34133rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 .512rem}.person_bar_h5 .bar_left .bar_item3 .bar_item_1 .bar_img2 {    position: absolute;    left: 4.05333rem;    width: .42667rem;    height: .34133rem;    background: #612fc6;    z-index: 1}.person_bar_h5 .bar_left .bar_item3 .bar_item_1 .bar_img3, .person_bar_h5 .bar_left .bar_item4 .bar_item_1 .bar_img1 {    width: 4.43733rem;    height: .34133rem;    background: #eee}.person_bar_h5 .bar_left .bar_item3 .bar_img2 {    position: absolute;    left: 2.21867rem;    width: 1.28rem;    height: .17067rem;    background: -webkit-gradient(linear, left top, right top, from(#faba93), to(#f38d65)) !important;    background: -webkit-linear-gradient(left, #faba93, #f38d65) !important;    background: -o-linear-gradient(left, #faba93, #f38d65) !important;    background: linear-gradient(90deg, #faba93, #f38d65) !important;    z-index: 1}.person_bar_h5 .bar_left .bar_item4 {    margin-bottom: 0}.person_bar_h5 .bar_left .bar_item4 .bar_item_0, .person_bar_h5 .bar_left .bar_item4 .bar_item_3 {    font-size: .59733rem;    color: #2e1f4a}.person_bar_h5 .bar_left .bar_item4 .bar_item_1 {    position: relative;    width: 8.87467rem;    height: .34133rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin: 0 .512rem}.person_bar_h5 .bar_left .bar_item4 .bar_item_1 .bar_img2 {    position: absolute;    left: 4.05333rem;    width: .42667rem;    height: .34133rem;    background: #612fc6;    z-index: 1}.person_bar_h5 .bar_left .bar_item4 .bar_item_1 .bar_img3 {    width: 4.43733rem;    height: .34133rem;    background: #eee}.person_bar_h5 .bar_left .bar_item4 .bar_img2 {    position: absolute;    left: 2.21867rem;    width: 1.28rem;    height: .17067rem;    background: -webkit-gradient(linear, right top, left top, from(#a3daad), color-stop(4%, #82cb8d)) !important;    background: -webkit-linear-gradient(right, #a3daad, #82cb8d 4%) !important;    background: -o-linear-gradient(right, #a3daad, #82cb8d 4%) !important;    background: linear-gradient(270deg, #a3daad, #82cb8d 4%) !important;    z-index: 1}.dongji_png {    position: absolute;    right: 0;    top: -3.2rem;    width: 4.43733rem;    height: 14.37867rem}.left_bg_png {    position: absolute;    left: 0;    top: -5.33333rem;    width: 4.13867rem;    height: 12.45867rem}.grow_down {    position: absolute;    width: 3.41333rem;    height: 7.68rem;    background: #ea8f6b;    bottom: 1.06667rem;    right: 0;    z-index: -1}.person_eight_h5 .person_eight_h5_card {    position: relative;    margin: .85333rem;    overflow: hidden}.person_eight_h5 .person_eight_h5_card .card_header {    position: relative;    width: 14.29333rem;    height: 2.21867rem}.person_eight_h5 .person_eight_h5_card .card_header .card_title {    position: absolute;    color: #fff;    text-align: right;    font-size: .59733rem;    right: 1.70667rem;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    font-weight: 500;    z-index: 2}.person_eight_h5 .person_eight_h5_card .card_header .card_title_img {    width: 14.29333rem;    height: 2.21867rem}.person_eight_h5 .person_eight_h5_card .card_content {    background: #fff;    padding: .512rem}.person_eight_h5 .person_eight_h5_card .card_content .card_content_title {    font-size: .59733rem;    line-height: .85333rem;    color: #2e1f4a;    font-weight: 600;    margin-bottom: .512rem}.person_eight_h5 .person_eight_h5_card .card_content .card_content_text {    font-size: .59733rem;    line-height: .98133rem;    color: #36235c}.person_satisfy_h5, .person_work_h5 {    position: relative}.person_work_h5 .work_bg_png {    position: absolute;    top: -6.4rem;    width: 16rem;    height: 24.192rem;    z-index: -1}.person_work_h5 .person_work_card {    padding: .85333rem;    font-size: .59733rem;    line-height: .98133rem;    color: #36235c}.person_work_h5 .person_work_card .card_title {    font-weight: 600}.person_satisfy_h5 .person_satisfy_bg {    position: absolute;    left: -5.12rem;    top: 3.2rem;    opacity: .3;    font-size: 1.92rem;    font-weight: bolder;    -webkit-text-stroke: .02133rem #ea8f6b;    color: transparent;    -webkit-transform: rotate(90deg);    -ms-transform: rotate(90deg);    transform: rotate(90deg)}.person_satisfy_h5 .person_satisfy_content {    width: 13.01333rem;    margin-left: 2.13333rem;    margin-top: 1.36533rem;    font-size: .59733rem;    line-height: .98133rem;    color: #2e1f4a}.person_environment_h5 .person_environment_card {    margin-top: .896rem}.person_environment_h5 .person_environment_card .card_title {    width: 16rem;    height: 2.64533rem;    background: -webkit-gradient(linear, right top, left top, from(#ffbd96), to(#f58f66));    background: -webkit-linear-gradient(right, #ffbd96, #f58f66);    background: -o-linear-gradient(right, #ffbd96, #f58f66);    background: linear-gradient(270deg, #ffbd96, #f58f66);    font-size: .68267rem;    line-height: 2.64533rem;    color: #fff;    font-weight: 600;    text-indent: .85333rem}.person_environment_h5 .person_environment_card .card_title .card_logo {    float: right;    margin-right: .34133rem;    font-size: 2.13333rem;    color: #fff;    opacity: .16;    font-weight: 700;    line-height: 2.64533rem}.person_environment_h5 .person_environment_card .card_content {    color: #2e1f4a;    padding: .85333rem;    line-height: .98133rem;    font-size: .59733rem}.person_environment_h5 .bad_work .card_title {    background: -webkit-gradient(linear, right top, left top, from(#9080eb), to(#5a49bc));    background: -webkit-linear-gradient(right, #9080eb, #5a49bc);    background: -o-linear-gradient(right, #9080eb, #5a49bc);    background: linear-gradient(270deg, #9080eb, #5a49bc)}.person_LoveState_h5 .person_bottomPart .loveState_card_header, .tips_content {    padding: .85333rem .85333rem 0;    font-size: .59733rem;    line-height: .98133rem;    color: #2e1f4a}.person_LoveState_h5 .person_bottomPart .loveState_card {    margin-top: .85333rem;    padding-right: .85333rem}.person_LoveState_h5 .person_bottomPart .loveState_card .loveState_card_title {    position: relative;    width: 5.888rem;    height: 1.62133rem;    background: #da2651;    color: #fff;    font-size: .59733rem;    line-height: 1.62133rem;    text-indent: 1.62133rem;    z-index: 2}.person_LoveState_h5 .person_bottomPart .loveState_card .loveState_card_title:before {    content: "";    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    left: .93867rem;    width: .256rem;    height: .256rem;    background: #fff;    border-radius: .128rem;    white-space: pre}.person_LoveState_h5 .person_bottomPart .loveState_card .loveState_card_content {    padding: 1.28rem .512rem .85333rem;    margin-left: 1.70667rem;    margin-top: -.768rem;    font-size: .59733rem;    line-height: .98133rem;    color: #36235c;    background: #fff}.person_loveMatching_h5 .person_bottomPart {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around}.person_loveMatching_h5 .person_bottomPart .loveMatching_card {    margin-top: 2.688rem;    width: 4.26667rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.person_loveMatching_h5 .person_bottomPart .loveMatching_card .loveMatching_card_img {    width: 6.4rem;    height: 6.72rem}.person_loveMatching_h5 .person_bottomPart .loveMatching_card .loveMatching_card_title {    font-size: .59733rem;    width: 100%;    text-align: center;    font-weight: 600;    color: #2e1f4a;    margin-top: 1.06667rem}.color_base .en-title, .color_base .title {    color: #612fc6 !important}.color_base .en-title {    opacity: .4 !important}.color_person .title {    color: #e06432 !important}.color_person .en-title {    color: #e06432 !important;    opacity: .4 !important}.color_work .en-title, .color_work .title {    color: #265ad6 !important}.color_work .en-title {    opacity: .4 !important}.color_love .en-title, .color_love .title {    color: #da2651 !important}.color_love .en-title {    opacity: .4 !important}.article {    background: #f8f7f9;    position: relative;    overflow: hidden;    margin-top: 1.06667rem}.section-bg {    position: absolute;    left: 0;    top: 0;    width: 16rem;    height: 25.42933rem;    opacity: .41;    z-index: 0}.section-img-header {    position: absolute;    left: .512rem;    top: .42667rem;    width: 14.976rem;    height: 1.32267rem;    z-index: 1}.top-header {    left: .68267rem;    top: 2.77333rem;    font-size: .59733rem;    font-weight: 700;    line-height: .896rem}.title-header, .title-subheader, .top-header {    position: absolute;    text-align: left;    color: #523787;    z-index: 1}.title-header {    left: 2.26133rem;    top: 3.49867rem;    width: 7.68rem;    height: 3.968rem;    padding-top: .10667rem;    font-size: 3.328rem;    font-weight: 2000;    line-height: 4.05333rem}.title-subheader {    left: 2.38933rem;    top: 7.59467rem;    height: 1.10933rem;    font-size: .768rem;    font-weight: 800;    line-height: 1.10933rem}.img-mbti {    position: absolute;    left: .704rem;    top: 4.33067rem;    width: 1.152rem;    height: 4.39467rem;    z-index: 1}.article-char, .img-char-bg, .img-quote {    position: absolute;    left: 9.74933rem;    top: 2.83733rem;    width: .896rem;    height: .81067rem;    z-index: 1}.article-char, .img-char-bg {    left: 9.00267rem;    top: 1.23733rem;    width: 7.63733rem;    height: 9.30133rem}.article-char {    left: 9.70667rem;    top: 1.70667rem;    width: 6.61333rem;    height: 7.89333rem;    z-index: 8}.title-date {    font-size: .42667rem;    margin-top: .42667rem;    color: #d3d3d3}.article-content {    width: 100%;    position: relative;    z-index: 1}.header-tag-bg {    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    top: -2.02667rem;    width: 14.976rem;    height: 1.49333rem}.header-tag {    position: relative;    margin-top: .21333rem;    font-size: .68267rem;    font-weight: 800;    text-align: center;    color: #e4774c;    line-height: .98133rem}.article-paragraph {    margin: .85333rem;    font-size: .59733rem;    font-weight: 400;    text-align: left;    color: #36235c;    line-height: .98133rem}.section-img-header-second {    margin-top: .34133rem;    width: 14.976rem;    height: 1.32267rem}.content-area {    width: 100%;    position: relative;    padding-bottom: 1.06667rem}.img-tri-shape {    position: absolute;    top: -4.97067rem;    left: -.42667rem;    width: 6.656rem;    height: 13.26933rem;    z-index: -1}.article-content-header .title, .mbti-words {    font-weight: bolder;    -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start}.mbti-words {    margin: -.55467rem .85333rem .384rem;    height: 1.23733rem;    font-size: 1.70667rem;    color: #ea8f6b;    text-shadow: 0 0 .08533rem #fff}.article-content-header {    margin: .17067rem 0;    overflow-x:hidden;}.person_bottomPart.hydrated{    overflow: hidden;}.article-content-header .title {    margin: 0 .85333rem;    width: -webkit-max-content;    width: -moz-max-content;    width: max-content;    height: 1.32267rem;    font-size: .93867rem;    color: #36235c;    line-height: 1.32267rem;    position: relative}.article-content-header .en-title {    margin: .08533rem .85333rem;    height: .64rem;    font-size: .512rem;    font-weight: 300;    text-align: left;    color: #36235c;    line-height: .64rem;    letter-spacing: .02133rem}.line-for-header, .rec-for-header {    position: absolute;    bottom: .21333rem;    background: #ebe8ef}.rec-for-header {    right: -.21333rem;    width: .59733rem;    height: .59733rem;    z-index: -1}.line-for-header {    left: calc(100% + .42667rem);    width: calc(15.57333rem - 100%);    overflow: hidden;    height: .04267rem}.rec-content, .rec-content .line-content {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    position: relative}.rec-content {    margin: .85333rem .85333rem 0;    width: 14.29333rem;    height: 7.50933rem;    background: #fff;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.rec-content .line-content {    margin: .68267rem .512rem 0;    height: 1.024rem;    -webkit-align-content: center;    -ms-flex-line-pack: center;    align-content: center}.rec-content .code {    width: .42667rem;    height: 1.024rem;    font-size: .74667rem;    font-weight: bolder;    text-align: center;    color: #36235c;    line-height: 1.024rem;    z-index: 1}.rec-content .img-code-name-bg {    position: absolute;    left: .72533rem;    top: .128rem;    margin-left: .17067rem;    width: 1.62133rem;    height: .768rem;    z-index: 0}.rec-content .name {    margin-left: .78933rem;    width: 1.64267rem;    height: 1.024rem;    font-size: .512rem;    font-weight: 700;    color: #fff;    line-height: 1.024rem;    z-index: 1}.rec-content .explain {    height: .59733rem;    font-size: .59733rem;    font-weight: 400;    text-align: left;    color: #36235c;    line-height: 1.024rem}.rec-content .img-tri-shape-bottom {    position: absolute;    bottom: 0;    right: 0;    width: .93867rem;    height: .93867rem}.population-title {    margin: 1.45067rem .85333rem;    font-size: .68267rem;    font-weight: bolder;    text-align: center;    color: #7446cd}.score, .score-circle {    margin-left: .85333rem;    width: 3.84rem;    display: inline-block;    position: relative}.score .data, .score .label {    position: absolute;    color: #36235c}.score .label {    top: 0;    left: 0;    height: .512rem;    font-size: .512rem;    font-weight: Normal;    text-align: left;    line-height: .768rem}.score .data {    top: .59733rem;    left: .64rem;    height: .85333rem;    font-size: .68267rem;    font-weight: 2000;    line-height: .85333rem;    z-index: 1}.score-circle {    margin-left: 1.06667rem;    margin-top: .768rem;    width: 2.34667rem;    height: 2.34667rem;    border: .32rem solid #8965cf;    border-radius: 50%;    z-index: 0}.score-circle .left, .score-circle .right {    position: absolute;    left: -.32rem;    top: -.32rem;    border-radius: 50%;    border: .32rem solid #ebe8ef;    width: 2.34667rem;    height: 2.34667rem}.score-circle .left {    clip: rect(auto, 1.17333rem, auto, auto)}.score-circle .right {    clip: rect(0, auto, auto, 1.19467rem)}.score-circle .icon {    position: absolute;    top: .10667rem;    left: .10667rem;    width: 1.49333rem;    height: 1.49333rem;    line-height: 1.49333rem;    background-color: transparent}.names {    margin: .42667rem 0;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.names .name-label {    margin: .42667rem;    font-size: .59733rem;    font-weight: 400;    text-align: center;    color: #36235c}.img-famous-one {    width: 7.68rem;    height: 10.24rem}.rec-famous-one {    position: absolute;    left: 0;    top: 11.30667rem;    width: 7.68rem;    height: 1.38667rem;    line-height: 1.38667rem;    background: #36235c;    font-size: .512rem;    font-weight: 500;    text-align: center;    color: #fff}.img-famous-two {    float: right;    width: 7.97867rem;    height: 5.97333rem}.rec-famous-two {    position: absolute;    top: 8.36267rem;    right: 0;    width: 7.97867rem;    height: 1.38667rem;    line-height: 1.38667rem;    background: #ea8f6b;    font-size: .512rem;    font-weight: 500;    text-align: center;    color: #fff}.img-other-words {    position: absolute;    left: 6.76267rem;    top: 10.06933rem;    width: 9.25867rem;    height: 2.64533rem}.advantage-container {    margin-left: 2.13333rem;    margin-top: 1.536rem;    width: 13.01333rem;    background: #fff;    position: relative}.img-advantage {    position: absolute;    left: -1.28rem;    top: -.512rem;    width: 11.94667rem;    height: 4.864rem;    z-index: -1}.character-section {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.character-title {    margin: .42667rem .68267rem 0;    font-size: .768rem;    font-weight: bolder;    text-align: left;    color: #36235c}.character-line {    width: 100%;    height: .04267rem;    background: #f8f7f9}.character-content {    margin: .68267rem}.img-other-eye-bg {    position: absolute;    left: 0;    top: -1.70667rem;    width: 16rem;    height: 24.192rem;    z-index: -1}.img-quote-eyes {    position: absolute;    right: .81067rem;    top: 3.11467rem;    width: 1.62133rem;    height: 1.45067rem;    opacity: .3;    z-index: -1}.content-eyes {    margin: 1.49333rem 1.70667rem 0 .85333rem}.potential-container {    margin: .768rem .85333rem 1.70667rem;    width: 14.29333rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    background-color: #f8f7f9}.potential-section {    background-color: #fff;    margin: .42667rem 0}.potential-title {    padding-left: .68267rem;    width: 13.61067rem;    height: 2.048rem;    background: #8965cf;    font-size: .68267rem;    font-weight: 700;    text-align: left;    color: #fff;    line-height: 2.048rem;    position: relative}.another-color {    background-color: #ea8f6b}.potential-content {    margin: .68267rem}.img-potential-icon {    position: absolute;    right: .512rem;    bottom: 0;    width: 2.816rem;    height: 1.87733rem}.career-container {    margin: .98133rem 0 0;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    background-color: #f8f7f9;    width: 100%}.career-section {    margin: .768rem 0 .768rem .85333rem;    width: 15.14667rem;    background: #fff;    position: relative}.another-career-position {    margin: 0 .85333rem 0 0}.img-clip-icon {    position: absolute;    left: .17067rem;    top: -.53333rem;    width: 1.23733rem;    height: 1.62133rem}.another-career-position .img-clip-icon {    left: initial;    right: .17067rem}.career-title {    margin: 1.19467rem .85333rem 0;    font-size: .768rem;    font-weight: bolder;    text-align: left;    color: #36235c}.another-career-position .career-title {    text-align: right}.jobs {    margin: 0 .85333rem .85333rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.job-title {    margin-right: .34133rem;    margin-bottom: .512rem;    padding: 0 .49067rem;    height: 1.28rem;    line-height: 1.28rem;    font-size: .59733rem;    font-weight: 500;    text-align: center;    color: #8965cf;    background: #f1edf9;    border-radius: .64rem}.img-tips-bg {    position: absolute;    top: -1.024rem;    right: 0;    width: 16rem;    height: 23.63733rem;    overflow: hidden;    z-index: -1}.tips-container {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    margin: .85333rem .85333rem .85333rem 2.56rem}.tips-section {    position: relative;    margin-top: .85333rem}.number-label {    position: absolute;    left: -1.45067rem;    top: .21333rem;    z-index: 1;    font-size: .68267rem;    font-weight: 700;    text-align: center;    color: #fff}.img-number-bg {    position: absolute;    left: -1.70667rem;    top: 0;    width: 1.36533rem;    height: 1.36533rem}.tips-title {    width: 10.19733rem;    line-height: 1.152rem;    font-size: .768rem;    font-weight: 700;    text-align: left;    color: #523787}.tip-list {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    margin-top: .21333rem}.tips-content-container {    margin: .21333rem 0;    width: 12.58667rem;    background: #fff}.tips-content {    margin: .68267rem;    font-weight: 400}.img-bottom-bg {    position: absolute;    left: 0;    bottom: 0;    width: 16rem;    height: 23.63733rem;    z-index: -1}.btn-detail {    margin: 2.13333rem auto;    width: var(--card-width);    height: 1.28rem;    border-radius: .64rem;    line-height: 1.28rem;    font-size: .59733rem;    color: #fff;    -webkit-box-shadow: var(--button-strong-box-shadow);    box-shadow: var(--button-strong-box-shadow)}.assessment_loading {    width: 800PX}.popup_pay {    position: fixed;    top: 50%;    left: 50%;    width: 100%;    max-width: 800Px;    min-height: 710Px;    background: #fff;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    z-index: 11;    border-radius: .17067rem}.popup_pay_bg {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, .3);    z-index: 10}.popup_content {    position: relative;    width: 100%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.is_blur {    -webkit-filter: blur(.08533rem) !important;    filter: blur(.08533rem) !important}.pre-wrap {    position: relative}.unlock_content {    position: absolute;    bottom: 1.06667rem;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    text-indent: .42667rem;    padding: .17067rem .32rem;    background: #ec1922;    color: #fff;    font-size: .34133rem;    border-radius: .42667rem;    text-align: center;    font-weight: 600;    cursor: pointer;    z-index: 8}.icon-lock {    position: absolute;    left: -.10667rem;    top: .21333rem;    width: .42667rem;    height: .42667rem}@media screen and (max-width: 750px) {    .unlock_content {        text-indent: .64rem;        padding: .34133rem .64rem;        font-size: .53333rem;        border-radius: .64rem;        z-index: 9;        bottom: 2.13333rem    }    .icon-lock {        position: absolute;        left: 0;        top: .34133rem;        width: .53333rem;        height: .53333rem;        font-size: .53333rem    }    .popup_pay {        min-height: auto !important;        bottom: 0;        left: 0;        top: auto !important;        -webkit-transform: translate(0);        -ms-transform: translate(0);        transform: translate(0)    }    .popup_title {        display: none    }    .popup_content {        padding-bottom: 0 !important    }}.contentMain {    width: 1200Px !important;    margin: 0 auto;    min-height: 100vh}.inter_navPC {    position: fixed;    width: 800PX;    top: 0;    z-index: 9}@media screen and (max-width: 1200px) {    .contentMain {        width: 100% !important;        min-height: 100vh    }}.history-inter {    width: 100%;    height: 10.66667rem;    position: relative}.history-inter-title {    position: absolute;    top: .64rem;    left: .64rem;    font-size: .85333rem;    font-weight: 500;    color: #2e1f4a}.history-inter-content {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    height: 9.6rem}.history-inter-type {    font-weight: 800;    text-align: left;    line-height: 1.216rem;    font-size: .85333rem;    margin-bottom: .32rem}.history-inter-info {    width: 9.6rem;    height: .53333rem;    font-size: .53333rem;    font-weight: 500;    text-align: left;    line-height: .53333rem;    margin-bottom: .21333rem}.history-inter-time {    font-size: .384rem}.history-inter-right {    width: auto;    height: 7.68rem;    -webkit-transform: translateY(.85333rem);    -ms-transform: translateY(.85333rem);    transform: translateY(.85333rem)}@media screen and (max-width: 1200px) {    .history-inter {        width: 100%    }    .history-inter-right {        width: auto;        height: 6.4rem;        -webkit-transform: translateY(1.06667rem);        -ms-transform: translateY(1.06667rem);        transform: translateY(1.06667rem)    }    .history-inter-info {        width: 9.6rem    }}.invite-avatar-head {    width: 2.13333rem;    height: 2.13333rem;    border-radius: 50%}.invite-label {    font-size: .59733rem;    text-align: center;    margin: .21333rem .64rem}.ac-button {    margin-top: 0;    padding: .21333rem 0;    font-size: .53333rem}.history-inter-left {    padding-top: 2.13333rem;    padding-left: .64rem}.onther-header {    position: absolute;    left: .32rem;    top: -1.28rem;    width: 3.2rem;    height: .53333rem;    font-size: .29867rem;    font-weight: 400;    color: #523787;    line-height: 4.26667rem;    z-index: 1;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around}.hs_onther-header, .onther-header, .sex-box, .sex-popup {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.hs_onther-header {    position: absolute;    left: -.32rem;    top: -.68267rem;    width: 4.90667rem;    font-size: .29867rem;    font-weight: 400;    color: #523787;    z-index: 2;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around}.sex-box, .sex-popup {    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.sex-box {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    font-size: .42667rem;    background-color: rgba(41, 44, 50, .65);    z-index: 10}.sex-popup {    width: 12.8rem;    height: 9.6rem;    background: #fff;    border-radius: .17067rem;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.sex-popup-title {    font-size: .34133rem;    font-weight: 600;    text-align: center;    color: #2e1f4a;    margin-top: .46933rem}.sex-content, .sex-popup-content {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.sex-popup-content {    -webkit-justify-content: space-evenly;    -ms-flex-pack: space-evenly;    justify-content: space-evenly;    width: 80%}.sex-content {    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    cursor: pointer}.sex-img-box {    width: 3.2rem;    height: 3.2rem;    border-radius: 50%;    overflow: hidden;    position: relative;    margin-bottom: .42667rem}.sex-img {    width: 3.2rem;    height: auto}.check-box {    width: .85333rem;    height: .85333rem;    border: .064rem solid #cdcdcd;    border-radius: 50%;    position: relative;    cursor: pointer}.selectbox {    border-bottom: .08533rem solid #fff;    border-left: .08533rem solid #fff;    width: .42667rem;    height: .21333rem;    -webkit-transform: rotateZ(-45deg);    -ms-transform: rotate(-45deg);    transform: rotateZ(-45deg);    position: absolute;    top: .21333rem;    left: .128rem}.sex-popup-footer {    width: 7.25333rem;    height: .98133rem;    line-height: .98133rem;    border-radius: 1.06667rem;    text-align: center;    margin-bottom: .512rem;    cursor: pointer;    -webkit-box-shadow: 0 .17067rem .256rem 0 #dbd5ff;    box-shadow: 0 .17067rem .256rem 0 #dbd5ff}.sex-popup-footer-text {    font-size: .34133rem;    color: #fff}@media screen and (max-width: 750Px) {    .sex-popup-title {        font-size: .72533rem    }    .sex-popup {        width: 13.01333rem;        height: 14.03733rem;        background: #fff;        border-radius: .42667rem    }    .sex-img-box {        width: 4.90667rem;        height: 4.90667rem    }    .sex-img {        width: 5.12rem;        height: auto    }    .check-box {        width: .93867rem;        height: .93867rem    }    .selectbox {        border-bottom: .10667rem solid #fff;        border-left: .10667rem solid #fff;        width: .59733rem;        height: .34133rem;        -webkit-transform: rotateZ(-45deg);        -ms-transform: rotate(-45deg);        transform: rotateZ(-45deg);        position: absolute;        top: .128rem;        left: .10667rem    }    .sex-popup-footer {        width: 10.24rem;        height: 1.70667rem;        line-height: 1.70667rem    }    .sex-popup-footer-text {        font-size: .55467rem    }}.pcContent {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.pcMainLeft {    min-height: 630Px;    margin-right: 20Px;    margin-top: 20Px}.pcLeftContent, .userImg {    height: 561Px;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.userImg {    width: 380Px;    height: 200Px;    position: relative;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    border: 2Px solid rgba(255, 255, 255, .75)}.bd {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    -webkit-filter: blur(10Px);    filter: blur(10Px);    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0}.user {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.avatar {    width: 80Px;    height: 80Px;    border-radius: 50Px;    margin: 5Px}.userName {    height: 25Px;    font-size: 18Px;    font-weight: 500;    text-align: center;    color: #fff;    line-height: 25Px;    z-index: 9;    margin: 5Px;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.userContent, .userName, .userType {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.userContent {    width: 380Px;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    background-color: #fff;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.userType {    height: 82Px;    width: 324Px;    margin-top: 28Px;    border: 1Px solid #f1f0f6}.typeImg {    width: auto;    height: 95Px;    position: relative;    top: -25Px;    left: 10Px}.typeDec {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end;    -webkit-align-items: start;    -ms-flex-align: start;    align-items: start;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    margin-bottom: 16Px;    margin-left: 10Px}.mbti, .typeContain {    height: 22Px;    font-size: 16Px;    font-weight: 600;    text-align: left;    color: #8965cf;    line-height: 22Px}.typeContain {    height: 20Px;    font-size: 14Px;    font-weight: 400;    color: #2e1f4a;    line-height: 20Px}.btn {    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    margin: 12Px 0}.btn, .item, .itemBox {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.item {    width: 340Px;    height: 57Px;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    cursor: pointer;    padding: 0 10Px}.itemBox {    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center}.icon {    width: 15Px;    height: 16Px;    background: #9b91af;    margin-right: 15Px}.itemContent {    width: 70Px;    height: 22Px;    font-size: 16Px;    font-weight: 600;    text-align: left;    color: #2e1f4a;    line-height: 22Px}.next {    border-right: 1Px solid #918b9d;    border-top: 1Px solid #918b9d;    height: 8Px;    -webkit-transform: rotate(46deg);    -ms-transform: rotate(46deg);    transform: rotate(46deg);    -webkit-transition: all .25s;    -o-transition: all .25s;    transition: all .25s;    width: 8Px}.active {    background: #f1f0f6;    border-radius: 3Px}.cardRouter-icon {    position: relative;    width: .46933rem;    height: .46933rem;    color: #9b91af;    margin-right: .32rem}.cardRouter-icon:before {    position: absolute;    font-size: .46933rem;    top: -.10667rem}.cardrouter-notest {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    margin-left: 22Px}.cardrouter-notest-title {    width: 96Px;    height: 22Px;    font-size: 16Px;    font-weight: 600;    color: #8965cf;    line-height: 22Px}.pcMain {    width: 100%;    height: 100%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    background: #f1f0f6}.pcMainRight {    min-height: 800Px;    background: #fff;    margin-top: 20Px;    margin-bottom: 20Px}.pcHeader {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    height: 58Px;    border-bottom: 1Px solid #f2f1f8;    padding: 0 28Px}.headerTitle {    font-size: 16Px;    font-weight: 500;    color: #2e1f4a;    line-height: .46933rem;    margin-right: 8Px}.ant-table-container {    width: 800Px}.ant-table-content, .ant-table-tbody > tr > td, .ant-table-thead > tr > th {    border: 0}.ant-table td {    white-space: nowrap}.ant-table-thead > tr > th:not(:first-child) {    margin-left: 28PX}.ant-table-thead > tr > th {    background: #fff}.ant-table.ant-table-bordered > .ant-table-container {    border-left: 1Px solid #f0f0f0;    padding: 0 10Px}.ant-avatar {    width: 38Px;    height: 38Px;    line-height: 38Px}.ant-table-thead {    background-color: #fff}.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th {    border-right: 0 solid #f0f0f0}.ant-table-thead tr th {    height: 17Px;    font-size: 12Px;    font-weight: 400;    color: #918b9d;    line-height: 17Px}.ant-table-tbody tr td {    height: 22Px;    font-size: 16Px;    font-weight: 500;    color: #2e1f4a;    line-height: 22Px}.ant-table-pagination.ant-pagination {    margin: .34133rem .55467rem}.pcLeftSelected {    width: 380PX;    padding-bottom: 100PX}.pcLeftSelected .pc-notest-btn {    width: 100%;    margin-top: 10PX}.vip_icon {    width: 1.70667rem;    height: .85333rem;    line-height: 1.06667rem;    cursor: pointer}.card_checkout_poup_box {    width: 100%;    height: 100%;    top: 0;    left: 0;    background-color: rgba(41, 44, 50, .65);    z-index: 10;    position: fixed}.card_checkout_poup {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    width: 800PX;    background: #fff;    z-index: 11}.cardrouter-header-section, .cardrouter-retest {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.cardrouter-retest {    margin-top: .42667rem;    padding: .32rem 0;    width: 380Px;    background: #fff;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.cardrouter-header-section {    width: 90%;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    font-size: .384rem;    position: relative}.cardrouter-title {    height: .72533rem;    font-size: .384rem;    font-weight: 600;    color: #333;    line-height: .72533rem}.cardrouter-dot-menu {    position: absolute;    top: 10Px;    right: 35Px;    width: .64rem;    height: .42667rem;    cursor: pointer;    z-index: 1;    text-align: center;    line-height: .42667rem}.dot1, .dot2, .dot3 {    background: #fff;    opacity: .5;    display: block;    width: .64rem;    height: .064rem;    position: relative}.dot2 {    top: 3Px}.dot3 {    top: 6Px}.headerDec, .quit {    font-size: .29867rem}.quit {    background-color: #fff;    width: 70Px;    height: 35Px;    position: absolute;    text-align: center;    line-height: 35Px;    top: 30Px;    right: 26Px;    z-index: 1}.quit-text:hover {    color: #4e7ada;    cursor: pointer}.headerDec {    font-weight: 400;    text-align: left;    color: #b3acc4}.pc-notest-btn, .pc-notest-btn-box {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-evenly;    -ms-flex-pack: space-evenly;    justify-content: space-evenly;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.pc-notest-btn-box {    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    width: 100%;    max-width: 800PX}.pc-notest-btn {    width: 7.46667rem;    height: 3.73333rem;    background: #fff;    border: .04267rem solid #f1f0f6;    border-radius: .064rem;    margin-top: 40Px;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    position: relative;    overflow: hidden}.notestBc {    background-image: url(https://static.jzmbti.com/static/png/home/onther/img_bjt@2x.png);    background-position: center;    background-repeat: no-repeat;    background-size: contain}.pc-btn-text {    height: .59733rem;    font-size: .42667rem;    font-weight: 500;    text-align: left;    color: #2e1f4a;    line-height: .59733rem}.pc-btn-tips {    position: absolute;    left: -.53333rem;    top: .17067rem;    width: 2.13333rem;    height: .53333rem;    line-height: .53333rem;    background-color: #54496c;    text-align: center;    -webkit-transform: rotateZ(-45deg);    -ms-transform: rotate(-45deg);    transform: rotateZ(-45deg)}.tips-deep {    background-color: #8965cf}.tips-contents {    font-size: .29867rem;    font-weight: 400;    text-align: left;    color: #fff;    line-height: .42667rem}.pc-start-btn {    position: relative;    width: 3.66933rem;    height: .98133rem;    border: .02133rem solid #8965cf;    border-radius: .576rem;    text-align: center;    line-height: .98133rem;    cursor: pointer;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.btn-deep {    background: -webkit-gradient(linear, left top, left bottom, from(#936edd), to(#704cb6));    background: -webkit-linear-gradient(top, #936edd, #704cb6);    background: -o-linear-gradient(top, #936edd, #704cb6);    background: linear-gradient(180deg, #936edd, #704cb6)}.pc-start-text {    height: .46933rem;    font-size: .34133rem;    font-weight: 500;    text-align: center;    color: #3b393d;    line-height: .46933rem}.text-deep {    color: #fff}.jiantou {    width: .42667rem;    height: .42667rem}.notest-content, .notest-header {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.notest-header {    width: 16rem;    background: #fff;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.notest-content {    background-image: url(https://static.jzmbti.com/static/png/home/onther/img_bjt.png);    background-position: center;    background-repeat: no-repeat;    background-size: cover;    width: 9.472rem;    height: 3.66933rem}.notest-avatar {    width: 2.98667rem;    height: 2.98667rem;    border-radius: 50%}.notest-text {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    color: #666}.text-top {    font-size: .64rem;    font-weight: 500}.notest-username {    font-size: .68267rem;    font-weight: 700;    color: #333;    margin-right: .21333rem}.text-down {    font-size: .55467rem;    font-weight: 400}.notest-btn-box {    margin: .64rem 0;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.notest-btn {    width: 7.08267rem;    height: 1.70667rem;    margin: .21333rem;    line-height: 1.70667rem;    text-align: center;    border: .04267rem solid #604aee;    border-radius: 1.06667rem;    -webkit-box-shadow: 0 .17067rem .256rem 0 #dbd5ff;    box-shadow: 0 .17067rem .256rem 0 #dbd5ff;    color: #604aee;    position: relative;    cursor: pointer}.deep {    background: #604aee;    color: #fff}.btn-text {    font-size: .55467rem;    font-weight: 400}.btn-tips {    position: absolute;    top: -.04267rem;    right: -.04267rem;    width: 3.41333rem;    height: .85333rem;    background: #604aee;    border-radius: 0 1.06667rem 0 1.06667rem;    color: #fff;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    font-size: .512rem}.outher {    background: red}.selectedMain, .selected_showModal {    display: none;    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: 10;    background: rgba(0, 0, 0, .3)}.selected_showModal {    display: block;    z-index: 11}.selected_content, .selected_showModal_content {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    width: 800Px;    height: 250PX;    background: #fff;    border-radius: 8Px}.selected_showModal_content {    position: relative;    width: 12.8rem;    overflow: hidden;    height: 6.4rem}.selected_showModal_title {    margin-top: 1.06667rem;    text-align: center;    font-size: .85333rem}.selected_showModal_btns {    position: absolute;    bottom: .85333rem;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    width: 80%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-around;    -ms-flex-pack: distribute;    justify-content: space-around}.selected_showModal_btn {    width: 3.2rem;    height: 1.28rem;    background: #523787;    color: #fff;    font-size: .64rem;    text-align: center;    line-height: 1.28rem;    border-radius: .21333rem}.selectedMain .icon-wrong {    position: absolute;    top: 10PX;    right: 10PX;    font-size: 25PX;    cursor: pointer}.checkout_poup, .loading-test {    position: absolute;    left: 50%;    top: 50%}.checkout_poup {    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    width: 800PX;    background: #fff}.loading-test {    -webkit-transform: translate(-50%, -60%);    -ms-transform: translate(-50%, -60%);    transform: translate(-50%, -60%);    width: 30PX;    height: 30PX}@media screen and (max-width: 750px) {    .notest-head-point {        width: 14.93333rem;        color: #2e1f4a;        height: .85333rem;        line-height: .85333rem;        text-align: center;        font-size: .34133rem;        font-weight: 500    }    .checkout_poup, .selected_content {        top: auto;        width: 100%;        background: #fff    }    .selected_content {        bottom: 0 !important;        left: 0;        -webkit-transform: translate(0);        -ms-transform: translate(0);        transform: translate(0);        height: auto !important;        padding: .42667rem 0 !important;        border-radius: 0    }    .selectedMain .icon-wrong {        display: none    }    .checkout_poup {        position: absolute;        -webkit-transform: translate(-50%, 0);        -ms-transform: translate(-50%, 0);        transform: translate(-50%, 0);        bottom: 0;        right: 0    }    .notest-btn .btn-text {        font-size: .53333rem    }    .notest-btn {        position: relative;        margin-top: .42667rem;        width: 14.50667rem    }}.pcCard-notest-btn {    width: 340Px;    height: 1.06667rem;    line-height: 1.06667rem;    text-align: center;    border: .04267rem solid #604aee;    border-radius: 1.06667rem;    -webkit-box-shadow: 0 .17067rem .256rem 0 #dbd5ff;    box-shadow: 0 .17067rem .256rem 0 #dbd5ff;    color: #604aee;    position: relative;    cursor: pointer;    margin-top: .42667rem;    margin-bottom: .42667rem}.pcCard-deep {    background: #604aee;    color: #fff}.pcCard-btn-text {    font-size: 14PX;    font-weight: 400}.pcCard-btn-tips {    position: absolute;    top: -.04267rem;    right: 0;    width: 1.70667rem;    height: .42667rem;    background: #604aee;    border-radius: 0 1.06667rem 0 1.06667rem;    color: #fff;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    font-size: 12PX}.pcCard-outher {    background: red}.redText {    color: #da2651;    font-weight: 500;    font-size: .42667rem !important}.pay_card_up_origin_price {    position: absolute;    bottom: 0;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    color: #999;    font-size: .42667rem;    text-decoration: line-through}.main-content, .need-pay-main {    width: 100%}.banner-header {    margin-top: .64rem;    width: 100%;    text-align: center;    font-size: 1.024rem}.banner-time {    width: 100%;    text-align: center;    font-size: .512rem}.at-article__info {    margin: 0}.section-header {    background-color: var(--dark-secondary-color);    height: 1.28rem;    text-align: center;    width: 100%;    font-size: .68267rem;    line-height: 1.28rem;    color: #fff;    margin: .42667rem 0}.char-panel {    margin-top: .32rem}.chars {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.char-img {    height: 6.82667rem;    width: 6.4rem;    text-align: center}.icon-male {    color: var(--secondary-color)}.icon-female {    color: var(--primary-color)}.icon-female, .icon-male {    font-size: .68267rem}.main-type, .main-type-code {    font-size: 1.024rem;    text-align: center;    width: 100%}.main-type-code {    font-size: 1.19467rem;    margin-bottom: .42667rem}.most-char-label {    font-size: .68267rem;    text-align: center;    width: 100%}.inter-section {    width: 13.65333rem;    -webkit-box-shadow: var(--card-thin-box-shadow);    box-shadow: var(--card-thin-box-shadow);    padding: .42667rem;    margin: .42667rem 0;    position: relative;    background-color: rgba(87, 144, 255, .2)}.bottom-padding {    padding-bottom: 3.2rem}.another-bg {    background-color: rgba(136, 118, 255, .2)}.inter-header {    font-size: .68267rem;    padding-bottom: .21333rem;    width: 13.65333rem;    text-align: center}.inter-header-lock {    position: absolute}.dim-img {    width: 100%;    height: auto}.unlock-btn, .unlock-btn-relative {    font-size: .68267rem;    height: 1.28rem;    line-height: 1.28rem;    border-radius: .64rem;    color: #fff;    text-align: center;    -webkit-box-shadow: var(--button-strong-box-shadow);    box-shadow: var(--button-strong-box-shadow)}.unlock-btn {    position: absolute;    bottom: 1.06667rem;    left: calc(50% - 3.84rem);    width: 7.68rem;    background-color: var(--secondary-color)}.unlock-btn-relative {    width: 88%;    margin-top: .64rem;    margin-bottom: 1.06667rem;    background-color: var(--primary-color)}.another-btn {    height: 1.28rem;    line-height: 1.28rem;    background-color: #e03a2e;    -webkit-box-shadow: .10667rem .10667rem .42667rem #ac8b8a;    box-shadow: .10667rem .10667rem .42667rem #ac8b8a}.inter-content {    padding-top: 1.17333rem;    font-size: .512rem;    color: transparent;    text-shadow: .02133rem .02133rem .17067rem rgba(0, 0, 0, .5);    max-height: 4.48rem;    overflow: hidden}.at-steps__title {    color: #fff}.checkedOut {    width: 100%;    height: 100%}.pay-panel-fix, .pay-panel-normal {    position: fixed;    visibility: visible}.pay-panel-normal {    position: relative}.price-info-free {    margin-top: .42667rem;    text-align: center;    width: 100%;    font-size: .512rem}.price-info, .price-info-time {    display: -webkit-flex;    display: -ms-flexbox;    display: flex}.price-info {    margin: .85333rem .512rem .21333rem;    width: 14.93333rem;    height: 100%;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start}.price-info-time {    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    margin-top: 1.024rem;    width: 100%;    font-size: .59733rem}.time-title {    color: #333}.count-time {    color: #ff4e4f}.price-info-item {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    position: relative;    padding: .85333rem .512rem;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    width: 7.14667rem;    height: 10.88rem;    border: .04267rem solid #d3d3d3;    border-radius: .21333rem}.test-65 {    width: 14.50667rem}.test-b-item {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    position: relative;    -webkit-box-shadow: 0 0 .10667rem #ddd;    box-shadow: 0 0 .10667rem #ddd;    padding: .42667rem .64rem;    margin: .21333rem 0;    height: 2.13333rem;    width: 13.22667rem;    border-radius: .21333rem}.test-b-item .price-sym {    width: 2.77333rem}.test-b-item .origin-price {    margin-bottom: 0}.price-b {    width: 1.06667rem}.price-selected {    border: .04267rem solid #ff4e4f;    background-color: rgba(255, 78, 79, .05)}.discounts-tag {    position: absolute;    top: -.02133rem;    left: -.02133rem;    width: 1.70667rem;    height: .68267rem;    text-align: center;    font-size: .384rem;    color: #fff;    background-color: #ff4e4f;    border-bottom-right-radius: .21333rem;    border-top-left-radius: .21333rem}.price-title {    font-size: .68267rem;    line-height: 1.024rem;    text-align: center;    margin-bottom: .21333rem}.price-rights {    margin-top: .10667rem;    width: 100%}.price-right-line {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    font-size: .42667rem;    color: #817f81;    line-height: .64rem}.right-icon {    font-size: .512rem;    color: #54496c;    margin-right: .10667rem}.price-description {    font-size: .384rem;    text-align: center;    line-height: 1.5}.test-b-text {    text-align: left;    -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start;    height: initial}.checkbox-b {    margin-right: 0;    margin-left: .21333rem}.price-price {    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    bottom: 0;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    color: #ff4e4f}.price-sym {    font-size: .68267rem}.current-price {    font-size: .85333rem;    line-height: 1.024rem}.origin-price {    line-height: .512rem;    text-align: center;    text-decoration: line-through;    font-size: .512rem;    color: #999;    margin-top: -.128rem;    margin-bottom: .32rem}.pay-btn, .wx-pay-btn {    background-color: var(--wx-color)}.pay-btn {    color: #fff;    font-size: .64rem;    height: 1.49333rem;    line-height: 1.49333rem;    border-radius: .53333rem;    width: 14.976rem;    -webkit-box-shadow: var(--card-box-shadow);    box-shadow: var(--card-box-shadow);    text-align: center}.wx-pay-btn {    margin: .64rem 0 .32rem}.alipay-btn {    margin: .32rem 0;    background-color: var(--alipay-color)}.price-info-bought {    font-size: .512rem;    color: #a4a4a4;    margin-top: .21333rem;    margin-bottom: .85333rem;    text-align: center}.price-info-msg {    font-size: .46933rem;    color: #a4a4a4;    margin: .21333rem .64rem 0;    text-align: center}.main-paid, .sub-header {    width: 100%;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.main-paid {    padding-top: 1.06667rem}.sub-header {    height: 4.26667rem;    top: 0;    position: absolute;    z-index: -1;    background: -webkit-gradient(linear, left bottom, right top, from(#34aaff), to(#9b6cff));    background: -webkit-linear-gradient(bottom left, #34aaff, #9b6cff);    background: -o-linear-gradient(bottom left, #34aaff, #9b6cff);    background: linear-gradient(to top right, #34aaff, #9b6cff);    margin-bottom: .21333rem;    padding: 0 0 .21333rem}.img-box {    background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) left top, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) left top, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) right top, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) right top, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) right bottom, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) right bottom, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) left bottom, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3)) left bottom;    background: -webkit-linear-gradient(#d3d3d3, #d3d3d3) left top, -webkit-linear-gradient(#d3d3d3, #d3d3d3) left top, -webkit-linear-gradient(#d3d3d3, #d3d3d3) right top, -webkit-linear-gradient(#d3d3d3, #d3d3d3) right top, -webkit-linear-gradient(#d3d3d3, #d3d3d3) right bottom, -webkit-linear-gradient(#d3d3d3, #d3d3d3) right bottom, -webkit-linear-gradient(#d3d3d3, #d3d3d3) left bottom, -webkit-linear-gradient(#d3d3d3, #d3d3d3) left bottom;    background: -o-linear-gradient(#d3d3d3, #d3d3d3) left top, -o-linear-gradient(#d3d3d3, #d3d3d3) left top, -o-linear-gradient(#d3d3d3, #d3d3d3) right top, -o-linear-gradient(#d3d3d3, #d3d3d3) right top, -o-linear-gradient(#d3d3d3, #d3d3d3) right bottom, -o-linear-gradient(#d3d3d3, #d3d3d3) right bottom, -o-linear-gradient(#d3d3d3, #d3d3d3) left bottom, -o-linear-gradient(#d3d3d3, #d3d3d3) left bottom;    background: linear-gradient(#d3d3d3, #d3d3d3) left top, linear-gradient(#d3d3d3, #d3d3d3) left top, linear-gradient(#d3d3d3, #d3d3d3) right top, linear-gradient(#d3d3d3, #d3d3d3) right top, linear-gradient(#d3d3d3, #d3d3d3) right bottom, linear-gradient(#d3d3d3, #d3d3d3) right bottom, linear-gradient(#d3d3d3, #d3d3d3) left bottom, linear-gradient(#d3d3d3, #d3d3d3) left bottom;    background-repeat: no-repeat;    background-size: .08533rem .42667rem, .42667rem .08533rem}.qr-img {    width: 8.53333rem;    height: 8.53333rem;    margin-top: .04267rem;    margin-left: .04267rem;    border: .02133rem solid #d3d3d3}.weixin-mobile {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.weixin-mobile .mini-but {    color: #fff;    border-radius: .85333rem;    background: var(--secondary-color);    font-size: .59733rem;    -webkit-box-shadow: var(--button-strong-box-shadow);    box-shadow: var(--button-strong-box-shadow)}.scan-label {    margin: .85333rem;    font-size: .64rem;    text-align: center;    font-weight: 700}.scan-label-panel {    margin: .85333rem;    font-size: .768rem;    text-align: left}.scan-label-bottom {    margin-top: 1.06667rem;    font-size: .512rem;    margin-bottom: 3.2rem}.checkout-loading {    margin-top: 50%;    padding-bottom: 4.26667rem}.all-type-inter {    width: 13.65333rem;    height: auto;    margin: .85333rem 0 1.28rem}.chosen-avatar {    width: 3.84rem;    height: 3.84rem;    border-radius: 50%;    background-color: #fff;    -webkit-box-shadow: var(--button-strong-box-shadow);    box-shadow: var(--button-strong-box-shadow)}.avatar-box {    z-index: 2;    margin-top: -2.56rem;    position: relative}.info-box {    width: 13.65333rem;    min-height: 5.33333rem;    -webkit-box-shadow: var(--card-thin-box-shadow);    box-shadow: var(--card-thin-box-shadow);    padding-top: 3.2rem;    margin-top: -2.13333rem;    background-color: rgba(87, 144, 255, .2);    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.submit-btn {    height: 1.70667rem;    border-radius: .85333rem;    width: 4.69333rem;    margin-top: -.85333rem;    z-index: 1;    line-height: 1.70667rem;    color: #fff;    background-color: var(--primary-color);    -webkit-box-shadow: var(--button-strong-box-shadow);    box-shadow: var(--button-strong-box-shadow)}.chosen-mbti, .name-input {    font-size: .768rem;    text-align: center}.name-input {    margin: .42667rem 0;    width: 6.82667rem;    padding-bottom: .64rem;    border: 0 solid var(--primary-color);    border-bottom-width: .02133rem}.chosen-mbti {    width: 100%;    margin-bottom: 3.2rem}.final-btn {    left: calc(50% - 5.97333rem);    width: 11.94667rem}.wx-icon {    color: var(--wx-color);    font-size: .768rem}.pay_card_up {    position: relative;    border-bottom: .02133rem dashed #e1daed;    padding-bottom: 1.28rem;    text-align: center}.pay_card_up_title {    margin-bottom: .64rem;    font-size: .68267rem;    font-weight: 600;    line-height: 1.024rem}.pay_card_up_content {    font-size: .42667rem;    line-height: .512rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    color: #54496c}.pay_card_up_price {    position: absolute;    color: #ea906c;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    bottom: .64rem;    font-size: .512rem}.pay_card_up_price .price-text {    font-size: .85333rem;    font-weight: 700}.pay_card_down {    padding-top: .53333rem;    text-align: left}.pay_card_down_item {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    border-radius: .08533rem;    font-size: .42667rem;    line-height: 1.024rem;    padding: .128rem 0;    color: #54496c}@media only screen and (min-width: 728px) {    :root {        --card-width: 17.06667rem    }    .right-icon {        font-size: 15Px;        color: #54496c;        margin-right: .10667rem    }    .checkout-loading {        margin-top: 2.13333rem    }    .main-content {        width: 21.33333rem;        margin-top: 0    }    .need-pay-main {        left: calc(50% - 10.66667rem);        width: 12.8rem    }    .at-article__info {        font-size: .32rem    }    .banner-header {        margin-top: .42667rem;        font-size: .896rem    }    .banner-time {        font-size: .384rem    }    .inter-section {        width: 11.94667rem    }    .price-container {        position: fixed;        left: calc(50% + 2.13333rem);        top: .64rem;        margin-top: 0;        margin-left: 1.06667rem;        padding: .21333rem;        border: .04267rem solid #d3d3d3;        border-radius: .21333rem    }    .price-info-free {        font-size: .29867rem;        margin-top: .10667rem    }    .discounts-tag {        font-size: .29867rem;        line-height: .512rem;        width: .68267rem;        height: .512rem    }    .new-tag {        width: 1.28rem    }    .price-info {        width: 7.46667rem;        -webkit-justify-content: space-around;        -ms-flex-pack: distribute;        justify-content: space-around    }    .test-65 {        width: 6.82667rem    }    .price-title {        font-size: .34133rem;        line-height: .64rem    }    .price-price {        margin: .32rem 0 0    }    .current-price, .price-sym {        font-size: .29867rem;        line-height: .42667rem    }    .current-price {        font-size: .42667rem    }    .origin-price {        margin-top: 0;        line-height: .256rem;        font-size: .256rem    }    .wx-pay-icon {        color: var(--wx-color);        font-size: .34133rem    }    .alipay-icon {        color: var(--alipay-color)    }    .alipay-icon, .wx-pay-icon-label {        font-size: .34133rem    }    .wx-pay-label {        width: 100%;        text-align: center;        display: -webkit-flex;        display: -ms-flexbox;        display: flex    }    .wx-pay-icon-label2, .wx-pay-label {        margin-top: .21333rem;        font-size: .34133rem    }    .price-info-bought {        font-size: .32rem    }    .price-info-msg {        font-size: .29867rem;        margin: .21333rem 0 0    }    .inter-header {        width: 11.94667rem    }    .sub-header {        height: 3.62667rem    }    .scan-label {        margin: 1.28rem .64rem .64rem;        font-size: .512rem;        text-align: center;        font-weight: 700    }    .pay-tabs {        padding: .21333rem 0;        margin: .21333rem 0;        width: 6.82667rem;        border: .04267rem solid #d3d3d3;        border-radius: .21333rem    }    .tab-title, .tab-title-panel {        display: -webkit-flex;        display: -ms-flexbox;        display: flex    }    .tab-title {        font-size: .34133rem;        padding: .10667rem .32rem;        border-bottom: .064rem solid #d3d3d3    }    .tab-title-selected0 {        border-color: var(--wx-color)    }    .tab-title-selected1 {        border-color: var(--alipay-color)    }    .tab {        display: none    }    .tab-selected {        display: -webkit-flex;        display: -ms-flexbox;        display: flex    }    .code-area {        margin: .42667rem 0;        width: 2.56rem;        height: 2.56rem    }    .code_img_placeholder {        margin-top: .74667rem;        width: 1.06667rem;        height: 1.06667rem    }    .at-steps__title {        font-size: .384rem    }    .img-box {        width: 6.99733rem;        height: 6.99733rem    }    .qr-img {        width: 6.82667rem;        height: 6.82667rem    }    .test-b-item {        padding: .42667rem .21333rem;        width: 6.4rem;        height: 1.28rem    }    .at-checkbox__icon-cnt {        min-width: .42667rem;        min-height: .42667rem;        width: .42667rem;        height: .42667rem;        font-size: .42667rem;        border-radius: 0    }    .test-b-item .discounts-tag {        width: 1.70667rem    }    .test-b-item .price-description {        height: initial    }    .test-b-item .price-sym {        width: 1.28rem    }    .all-type-inter {        width: 11.94667rem    }    .pc_pay_content {        width: 100%;        height: 100%;        padding: .59733rem .85333rem .512rem    }    .pay_top_header {        position: relative;        height: 44Px;        width: 100%;        display: -webkit-flex;        display: -ms-flexbox;        display: flex;        -webkit-justify-content: flex-start;        -ms-flex-pack: start;        justify-content: flex-start;        margin-bottom: .85333rem    }    .pay_user_head {        width: 44Px;        height: 44Px;        border-radius: 50%;        margin-right: 16Px    }    .pay_user_title {        font-size: 12Px;        line-height: 17PX;        font-weight: 600;        color: #2e1f4a;        margin-bottom: .17067rem    }    .pay_user_dec .pay_mbti_type {        font-size: 14Px;        color: #8965cf;        line-height: 20PX;        font-weight: 600;        margin-right: 12Px    }    .pay_user_dec .pay_mbti_dec {        line-height: 20PX;        color: #2e1f4a;        font-size: .256rem;        font-weight: 400    }    .pay_top_header .icon-wrong {        position: absolute;        text-align: center;        line-height: 28PX;        top: 0;        right: 0;        font-size: 28PX;        color: #2e1f4a    }    .pay_head {        display: -webkit-flex;        display: -ms-flexbox;        display: flex;        width: 100%;        -webkit-justify-content: space-around;        -ms-flex-pack: distribute;        justify-content: space-around;        padding-bottom: 32PX;        border-bottom: .02133rem dotted #ccb7ef    }    .pay_card {        width: 224Px;        height: 300PX;        text-align: center;        background-color: #fff;        border: .02133rem solid #e1daed;        border-radius: 10Px;        padding: 18Px;        cursor: pointer;        position: relative    }    .pay_card_up {        position: relative;        border-bottom: .02133rem dashed #e1daed;        padding-bottom: 52PX    }    .pay_card_up_title {        margin-bottom: 8Px;        font-size: 20Px;        font-weight: 600;        line-height: 28Px    }    .pay_card_up_content {        font-size: 13Px;        line-height: 20Px;        display: -webkit-flex;        display: -ms-flexbox;        display: flex;        -webkit-align-items: center;        -ms-flex-align: center;        align-items: center;        color: #54496c    }    .pay_card_up_price {        position: absolute;        color: #ea906c;        left: 50%;        -webkit-transform: translateX(-50%);        -ms-transform: translateX(-50%);        transform: translateX(-50%);        bottom: 20Px;        font-size: .29867rem    }    .pay_card_up_price .price-text {        font-size: 24Px;        font-weight: 700    }    .pay_card_up_origin_price {        font-size: 16Px    }    .pay_card_down {        padding-top: 16Px;        text-align: left    }    .pay_card_down_item {        border-radius: 4PX;        font-size: 12PX;        line-height: 15PX;        padding: 8PX;        color: #54496c    }    .pay_bottom, .pay_bottom_price, .pay_card_down_item {        display: -webkit-flex;        display: -ms-flexbox;        display: flex    }    .pay_bottom {        width: 100%;        padding-top: 16Px;        -webkit-flex-direction: column;        -ms-flex-direction: column;        flex-direction: column    }    .pay_bottom_price {        -webkit-justify-content: center;        -ms-flex-pack: center;        justify-content: center;        -webkit-align-items: flex-end;        -ms-flex-align: end;        align-items: flex-end    }    .pay_bottom_price1 {        font-size: 14PX;        margin-right: 4Px;        line-height: 20Px;        color: #2e1f4a    }    .pay_bottom_price2 {        color: #e98158    }    .pay_bottom_price2 .pay_bottom_price_price {        display: inline-block;        font-size: 32Px;        font-weight: 700;        line-height: 32PX;        -webkit-transform: translate(-5Px, 1Px);        -ms-transform: translate(-5Px, 1Px);        transform: translate(-5Px, 1Px);        margin-right: 10PX;        vertical-align: bottom    }    .pay_bottom_price3 {        font-size: 14PX;        margin-right: 4Px;        line-height: 20Px;        color: #2e1f4a    }    .pay_bottom_btn {        padding: .17067rem .32rem;        border: .02133rem solid #000;        text-align: center;        cursor: pointer;        margin-bottom: .42667rem    }    .pay_img_cards {        margin-top: 20Px;        display: -webkit-flex;        display: -ms-flexbox;        display: flex;        -webkit-justify-content: center;        -ms-flex-pack: center;        justify-content: center    }    .pay_img_card {        width: 120Px    }    .pay_img_card:nth-child(2) {        margin-left: 100Px    }    .pay_img_card:nth-child(2) .pay_bottom_Img {        border-color: #1876fe    }    .pay_bottom_Img {        width: 100Px;        height: 100Px;        padding: 8Px;        border: 1Px solid #5ec455;        border-radius: 8Px    }    .pay_img_card .iconfont {        line-height: 20PX;        margin-top: 8PX;        font-size: 14Px;        color: #2e1f4a;        margin-left: 5PX    }    .pay_img_card .icon-weixin:before {        color: #5ec455;        font-size: 20PX;        margin-right: 4PX    }    .pay_img_card .icon-zhifubaozhifu:before {        color: #1876fe;        font-size: 20PX;        margin-right: 4PX    }    .pay_card_active {        position: relative;        border: 2PX #ea906c solid;        -webkit-box-shadow: 0 .17067rem .256rem 0 rgba(137, 101, 207, .4);        box-shadow: 0 .17067rem .256rem 0 rgba(137, 101, 207, .4)    }    .pay_card_active:after {        content: "";        position: absolute;        bottom: -1PX;        right: -1PX;        background: url(https://static.jzmbti.com/static/png/interpret/pay_choose.png);        background-size: 40PX 40Px;        width: 40Px;        height: 40Px;        z-index: 10    }    .pay_btn_active {        background-color: rgba(0, 0, 0, .1)    }    .show_Qr {        display: block    }    .pay_img_loading {        width: 80Px;        height: 80Px    }    .icon-wrong {        cursor: pointer    }}.loading {    width: 3.2rem;    height: .32rem;    margin: 0 auto;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.loading .sp {    display: inline-block;    width: .32rem;    height: 100%;    margin-right: .10667rem;    border-radius: 50%;    background: gray;    -webkit-animation: load 1.04s ease infinite}.loading .sp:last-child {    margin-right: 0}.loading .sp:nth-child(1) {    -webkit-animation-delay: .13s}.loading .sp:nth-child(2) {    -webkit-animation-delay: .26s}.loading .sp:nth-child(3) {    -webkit-animation-delay: .39s}.loading .sp:nth-child(4) {    -webkit-animation-delay: .52s}.loading .sp:nth-child(5) {    -webkit-animation-delay: .65s}.follow-view, .left-view {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row}.follow-view {    width: 100%;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    background-color: #fff;    padding: .42667rem;    margin-bottom: .42667rem}.left-view {    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    margin-left: .42667rem}.icon-img {    width: 2.13333rem;    height: 2.13333rem;    border-radius: 50%}.left-view-info {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.left-view-info .at-article__p {    margin-top: 0}.follow-but-view {    margin-right: .42667rem}.follow-but {    height: 1.28rem;    line-height: 1.28rem;    border: .02133rem solid #04d504;    font-size: .55467rem;    color: #04d504;    background-color: #fff}.acount-popup, .acount-popup-header, .acount-popup-main {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.acount-popup {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    font-size: .42667rem;    background-color: rgba(41, 44, 50, .65);    z-index: 11}.acount-popup-header, .acount-popup-main {    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column}.acount-popup-main {    width: 13.86667rem;    min-width: 8.704rem;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    background-color: #fff;    border-radius: .17067rem}.acount-popup-header {    width: 70%;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    margin-top: .64rem;    text-align: center}.acount-title {    font-size: .64rem;    margin-bottom: .21333rem}.acount-popup-content {    position: relative;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    width: 100%;    height: 85%;    margin: .85333rem 0}.popup-content-footer {    padding: 0 2.13333rem;    font-size: .29867rem;    margin: .85333rem 0;    color: #2e1f4a}.img-box {    -webkit-box-sizing: border-box;    box-sizing: border-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    width: 8.53333rem;    height: 8.53333rem;    border: .02133rem solid #e8e6ec}.official_img_box {    width: 8.10667rem;    height: 8.10667rem}.acount-popup-footer {    margin-bottom: .85333rem;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center}.acount-btn {    width: 8.53333rem;    height: 1.06667rem;    text-align: center;    background-color: #4e7ada;    border-radius: .53333rem;    font-size: .53333rem;    color: #fff;    line-height: 1.06667rem}