* {
    padding: 0px;
    margin: 0px;
}

body {
    padding: 0px;
    background-color: #f9fcfe;
}

a {
    text-decoration: none !important;
}

p {
    margin: 0px;

}

body,
a {
    webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.langBox {
/*    position: relative;*/
    float: right;
    /*top: 20px !important;
   right: 20px;*/
   margin-top: 20px;
   margin-right: 20px;
    z-index: 3;
    display: flex;
/*    justify-content: space-between;*/
    font-size: 36px;
    align-items: center;
    width: 150px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #87b1ac;
    border-radius: 35px;
    padding: 0 8px;
    cursor: pointer;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: border-color 0.2s ease, background 0.2s ease;
    user-select: none;
    background-color: rgb(255 255 255 / 70%);
    color: #3C8074;
}


.langBox .selectbox{
    border:none;font-size: 20px;height: 43px;color: #0150a3;width: 54px;outline: none;-webkit-appearance: none;
    color: #3C8074;
    font-size: 36px;
    align-items: center;
    width: 80px;
    height: 60px;
    line-height: 60px;
    background: transparent;
        -webkit-appearance: none;
        appearance: none;
}


.langIcon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-image: url(../images/lang_icon.png);
    background-size: cover;
    margin-right: 7px;
    flex-shrink: 0;
}


#goto_back {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    z-index:888;
    transition: top 0.3s ease-in-out;
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    background-color: #FFFFFF;
    text-align: left;
    padding: 0 36px;
    box-sizing: border-box;
    border-bottom: solid 1px #dddddd;
    background: linear-gradient(to bottom, #ffffff, #f1f1f1);
    /* 上下灰色渐变 */
}

#main-container {
    min-height: 100%;
    box-sizing: border-box;
}

.xcx {
    width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100vh;
    /*margin-top: 80px;*/
}

.xcxBox {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.xcxBox::-webkit-scrollbar {
    display: none;
}

.headerbox {
    display: flex;
    justify-content: space-between;
    /*    display: none;*/

}

.header_menubox {
    /*    display: none;*/
}

.changlang_listbox,
.headerbox_right_box {
    /*    display: none;*/
}

.headerbox_left {
    /*    opacity: 0;*/
}

.xcx_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 134px;
    background-color: #FFFFFF;
    margin-top: 80px;
}

.xcx_logo img {
    max-width: 80%;
}

.xcx_indexBanner {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.xcx_indexBanner.ptop {
    padding-top: 90px;
}

.xcx_indexBanner img {
    width: 100%;
    display: block;
}

.xcx_mainBtn {
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 44px;
}

.xcx_mainBtn a {
    display: flex;
    width: 48%;
    aspect-ratio: 332/192;
    align-items: center;
    padding: 0 27px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
}

.xcx_mainBtn .xcx_btnIcon {
    width: 32%;
    max-width: 88px;
    aspect-ratio: 1/1;
    background-color: #3C8074;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xcx_mainBtn .xcx_btnIcon img {
    width: 68%;
    display: block;
}

.xcx_btnText {
    font-family: Source Han Sans CN;
    margin-left: 17px;
    flex-shrink: 0;

    overflow-wrap: break-word;
    width: 60%;
}

.xcx_btnText p {
    font-weight: 500;
    font-size: 36px;
    color: #585858;
    line-height: 48px;
}

.xcx_btnText div.xcx_tips {
    font-weight: 400;
    font-size: 22px;
    color: #A7A7A7;
    line-height: 32px;
}

.xcx_toRegBtn {
    cursor: pointer;
}

.xcx_regBtnBox {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.xcx_regBtnBox.checked {
    display: block;
}

.xcx_regBtnBox_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: 0;
}

.xcx_regBtnBox_bg:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: #000000;
}

.xcx_regBtnBox_main {
    width: 80%;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99998;
}

.xcx_regBtnMain,
.xcx_regBtnBox_closeBox {
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    z-index: 99999;
}

.xcx_regBtnMain {
    min-height: 520px;
    background: #FFFFFF;
    box-shadow: 0px 18px 32px 0px rgba(211, 217, 249, 0.34);
    border-radius: 30px;
    padding: 59px 35px;
    box-sizing: border-box;

}

.xcx_regBtnBox_closeBox {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 22px;
}

.xcx_regBtnBox_close {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-image: url('../images/XCXmatch/close01.png');
    background-size: cover;
    cursor: pointer;
}

.xcx_title {
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 36px;
    color: #333333;
    text-align: center;
    margin-bottom: 59px
}

.xcx_regBtn a {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #7AA8A3;
    padding: 28px 61px;
    box-sizing: border-box;
    margin-bottom: 36px;
}

.xcx_regBtn a:last-child {
    margin-bottom: 0px;
}

.xcx_regBtn_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.xcx_regBtn_top p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #3C8074;
}

.xcx_regBtn_top .toRight {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-image: url('../images/XCXmatch/toright01.png');
    background-size: cover;
}

.xcx_regBtn_bottom {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    color: #3C8074;
}

.xcx_regBtn_text:last-child {
    margin-bottom: 0px;
}

.xcx_matchBox,
.xcx_otherNavBox {
    width: 92%;
    margin: 0 auto;
    margin-bottom: 44px;
}

.xcx_matchTitle,
.xcx_otherNavTitle {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 36px;
    color: #585858;
    margin-bottom: 23px;
}

.xcx_matchBtn {
    display: flex;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    padding: 42px 44px 37px 44px;
    box-sizing: border-box;
}

.xcx_matchBtn a {
    width: 40%;
    display: block;
    text-align: center;
}

.xcx_matchIcon {
    width: 100%;
    aspect-ratio: 242/214;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
}

.xcx_matchIcon img {
    width: 100%;
}

.xcx_matchBtn a p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #585858;
}

.xcx_otherNavBtn_main,
.xcx_otherNavBtn_other {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.xcx_otherNavBtn_list,
.xcx_otherNavBtn_main_left,
.xcx_otherNavBtn_main_right {
    width: 48%;
}

.xcx_otherNavBtn_main_left .xcx_otherNavBtn_list,
.xcx_otherNavBtn_main_right .xcx_otherNavBtn_list {
    width: 100%;
}

.xcx_otherNavBtn_list {
    display: block;
    box-sizing: border-box;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    position: relative;
    box-sizing: border-box;
    padding: 26px;
    overflow: hidden;
}

.xcx_otherNavBtn_other .xcx_otherNavBtn_list,
.xcx_otherNavBtn_main_right .xcx_otherNavBtn_list {
    aspect-ratio: 330/190;
}

.xcx_otherNavBtn_main_left .xcx_otherNavBtn_list {
    height: 100%;
}

.xcx_otherNavBtn_main_left,
.xcx_otherNavBtn_main_right,
.xcx_otherNavBtn_main_right .xcx_otherNavBtn_list,
.xcx_otherNavBtn_other .xcx_otherNavBtn_list {
    margin-bottom: 24px;
}

.xcx_otherNavBtn_main_right .xcx_otherNavBtn_list:last-child {
    margin-bottom: 0px;
}

.xcx_otherNavBtn_list:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.4;
}

.xcx_otherNavBtn_list p {
    position: relative;
    z-index: 3;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 36px;
    -webkit-text-fill-color: transparent;
    display: block;
}

.xcx_otherNavBtn_list .xcx_indexNavIcon {
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 5px;
    width: 46%;
}

.xcx_otherNavBtn_tips {
    position: relative;
    z-index: 3;
    padding: 14px;
    border-radius: 27px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}

.xcx_otherNavBtn_list.n1 p {
    background: linear-gradient(-59deg, #FFB25C 0%, #FF8F17 100%);
}

.xcx_otherNavBtn_list.n1:after {
    background: linear-gradient(0deg, #FFF0C3, #FFBF00);
}

.xcx_otherNavBtn_list.n1 .xcx_otherNavBtn_tips {
    background: linear-gradient(0deg, #FFA43F 0%, #FFD292 100%);
}

.xcx_otherNavBtn_list.n2 p {
    background: linear-gradient(-48deg, #0BBAFB 0%, #42A6EC 100%);
}

.xcx_otherNavBtn_list.n2:after {
    background: linear-gradient(0deg, #D5FBFF, #00BED3);
}

.xcx_otherNavBtn_list.n3 p {
    background: linear-gradient(-59deg, #21B993 0.2685546875%, #54CFB0 100%);
}

.xcx_otherNavBtn_list.n3:after {
    background: linear-gradient(0deg, #D6FFF5, #54CFB0);
}

.xcx_otherNavBtn_list.n4 p {
    background: linear-gradient(-59deg, #3C93FF 0.2685546875%, #4C97FE 100%);
}

.xcx_otherNavBtn_list.n4:after {
    background: linear-gradient(0deg, #CDE0FF, #4CB5FE);
}

.xcx_otherNavBtn_list.n5 p {
    background: linear-gradient(-59deg, #5E67FE 0.2685546875%, #4C8AFE 100%);
}

.xcx_otherNavBtn_list.n5:after {
    background: linear-gradient(0deg, #CED1FF, #4C8AFE);
}

.xcx_otherNavBtn_list.n1 p,
.xcx_otherNavBtn_list.n2 p,
.xcx_otherNavBtn_list.n3 p,
.xcx_otherNavBtn_list.n4 p,
.xcx_otherNavBtn_list.n5 p {
    -webkit-background-clip: text;
}

.xcxBox .container {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    padding-bottom: 110px;
}

.loginbox {
    margin: 0px;
}

.HS_loginBox {
    width: 100%;
    float: none;
    margin: 0px;
    padding: 24px;
    box-sizing: border-box;
}

.xcxBox .container .row {
    margin: 0px;
}

.xcx_fromlist {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    width: 100%;
    height: 79px;
    border-radius: 79px;
    margin-bottom: 38px;
    position: relative;
}

.xcx_fromlist .control-label {
    width: 129px;
    flex-shrink: 0;
}

.xcx_fromlist .control-label .login_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xcx_fromlist .control-label .login_icon .login_icon_main {
    width: 35px;
    height: 35px;
}

.xcx_fromlist .control-label .login_icon.email .login_icon_main {
    background-image: url('../images/XCXmatch/login_user_email.png');
}

.xcx_fromlist .control-label .login_icon.phone .login_icon_main {
    background-image: url('../images/XCXmatch/login_user_phone.png');
}

.xcx_fromlist .control-label .login_icon img {
    width: 35px;
}

.xcx_fromlist .controls {
    width: 100%;
    display: flex;
    align-items: center;
}

.xcx_fromlist input {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    width: 100%;
    font-size: 34px;
    height: 54px;
}

.verifyimg,
#vCode_send {
    width: 200px;
    height: 79px;
    border-radius: 79px;
    border: 1px solid #87B1AC;
    flex-shrink: 0;
}

#vCode_send {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 30px;
    color: #3C8074;
    line-height: 46px;
    background: #FFFFFF;
}

.text-warning {
    position: absolute;
    left: 135px;
    bottom: -30px;
}

#iconSelect_type,
#bsRoleSelect_type,
#MatchSelect_type,
#ContentSelect_type {
    float: none;
    width: auto;
    height: auto;
    display: inline-flex;
    margin: 0px;
    margin-top: 13px;
    margin-bottom: 75px;
    position: relative;
}

#iconSelect_type:after,
#bsRoleSelect_type:after,
#MatchSelect_type:after,
#ContentSelect_type:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 8px;
    background: linear-gradient(-4deg, #7FABA6, #357C6E);
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 2px;
    opacity: 0.2;
}

.iconType_list,
.bsRoleSelect_list,
.MatchSelect_list,
.ContentSelect_list {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
    color: #333333;
    padding: 28px 31px;
    position: relative;
    cursor: pointer;
}

.iconType_list.checked:after,
.bsRoleSelect_list.checked:after,
.MatchSelect_list.checked:after,
.ContentSelect_list.checked:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 8px;
    background: linear-gradient(-4deg, #7FABA6, #357C6E);
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 2px;
}

#wx_login {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 32px;
/*    line-height: 32px;*/
    color: #3C8074;
    margin-top: 28px;
    display: block;
}

.loginbtn_box button,
.loginbtn_box button:hover {
    width: 100%;
    height: 90px;
    background: none;
    background-color: #3C8074;
    border-radius: 90px;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #F3F5F4;
    margin-top: 86px;
    border: none;
    outline: none;
}

.xcx_toptitle {
    padding: 49px 36px 9px 36px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 36px;
    color: #333333;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.bsRoleSelect_box {
    padding: 0 61px;
    box-sizing: border-box;
}

#bsRoleSelect_type {
    margin-bottom: 36px;
}

.xcx_formBox {
    width: 92%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.xcx_formBox .ex-control-list {
    background-color: #FFFFFF;
    padding: 41px 32px;
    margin-bottom: 34px;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
}

.xcx_formBox .ex-control-title {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #3C8074;
    margin-bottom: 38px;
}

.xcx_formBox #extype_div {
    justify-content: space-between;
}

.xcx_formBox .ex-control-group,
.xcx_regMainForm .form-group,
.xcx_confirmlist {
    position: relative;
    margin-bottom: 35px;
    width: 100%;
}

.xcx_formBox #extype_div .ex-control-group:first-child,
.xcx_regMainForm .form-group#province_form,
.xcx_regMainForm .form-group.xcx_regProvince,
.xcx_regCheck .xcx_regProvince {
    width: 49%;
}

.xcx_formBox #extype_div .ex-control-group:last-child,
.xcx_regMainForm .form-group#city_form,
.xcx_regMainForm .form-group.xcx_regCity,
.xcx_regCheck .xcx_regCity {
    width: 47%;
}

.xcx_formBox .ex-control-label,
.xcx_regMainForm .form-group label,
.xcx_confirmlist .xcx_confirmlist_title {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    display: block;
}

.xcx_formBox .ex-controls input,
.xcx_regMainForm .form-group input,
.xcx_confirmlist p {
    width: 100%;
    height: 80px;
    background-color: #F9F9F9;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    padding: 20px 39px;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

.xcx_formBox .ex-controls .textareaBox {
    height: 238px;
    padding: 39px;
    box-sizing: border-box;
    background-color: #F9F9F9;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
}

.xcx_formBox .ex-controls textarea {
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    height: 100%;
    padding: 0px;
    outline: none;
}

.xcx_formBox .ex-controls textarea::-webkit-scrollbar {
    display: none;
}

.ex-control-group .select2-hidden-accessible {
    position: relative !important;
}

.xcx_formBox .intl-tel-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.xcx_formBox .intl-tel-input .flag-container {
    position: relative;
    margin-right: 18px;
    flex-shrink: 0;

    height: 80px;
    background-color: #F9F9F9;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    box-sizing: border-box;
}

.xcx_formBox .intl-tel-input.allow-dropdown .selected-flag {
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 150px;
}

.xcx_formBox .intl-tel-input #inputMobile {
    width: 100%;
    padding: 20px 39px;
}



.xcx_formBox .select2-container--default .select2-selection--multiple {
    min-height: 80px;
    background-color: #F9F9F9;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    box-sizing: border-box;
    padding: 20px 39px;
}

.xcx_formBox .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.xcx_formBox .select2-container .select2-search--inline .select2-search__field {
    margin: 0px;
    font-size: 28px;
    width: 0px;
    height: 0px;
}

.xcx_formBox .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px dashed #E6E6E6;
}

.xcx_formBox .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 40px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 28px;
    line-height: 36px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    font-size: 28px;
    margin-top: 0px;
}

.xcx_formBox .ex-control-btnBox {
    background: none;
    box-shadow: none;
}

.xcx_formBox .ex-control-btnBox button,
.xcx_regMainForm input.xcx_regList_NextBtn,
.xcx_regMainForm input.xcx_regList_PrevBtn,
.xcx_regMainForm input.xcx_regList_SubmitBtn {
    width: 100%;
    height: 90px;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 45px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    border: none;
    box-shadow: none;
    outline: none;
}

.xcx_formBox .ex-control-btnBox button,
.xcx_regMainForm input.xcx_regList_NextBtn {
    background: #3C8074;
    color: #F3F5F4;
}

.xcx_regMainForm input.xcx_regList_PrevBtn {
    width: 35%;
    background: #DDEEEB;
    border: 2px solid #87B1AC;
    color: #3C8074;
}

.xcx_regList_SubmitBtn {
    background: #e93131;
    color: #F3F5F4;
}


.xcx_must {
    color: #FF0000;
    /*width: 130px;*/
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
}



/* 登记*/
.xcx_regMain,
.xcx_MatchMain,
.xcx_contentMain {
    background-color: #f9fcfe;
    height: 100%;
}

.xcx_regMain .xcx_indexBanner,
.xcx_MatchMain .xcx_indexBanner,
.xcx_contentMain .xcx_indexBanner {
    margin-bottom: 0px;
}

.xcx_regMainFormBox {
    padding-bottom: 50px;
}

.xcx_regMain_top {
    width: 96%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px 0;
    box-sizing: border-box;
}

.xcx_progressBox,
.xcx_progDi_twoBox,
.xcx_progDi_threeBox {
    width: 75%;
    height: 72px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*border: 1px solid red;*/
    position: relative;
}

.xcx_progDi_twoBox,
.xcx_progDi_threeBox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.xcx_progressBox:before,
.xcx_progDi_twoBox:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
}

.xcx_progressBox:before {
    width: 98%;
    height: 32px;
    margin-left: -49%;
    margin-top: -16px;
    background-color: #f6fbf9;
    z-index: 0;
    /*border: 1px solid red;*/
}

.xcx_progDi_twoBox:before {
    width: 94%;
    height: 16px;
    margin-left: -47%;
    margin-top: -8px;
    background-color: #dbe7e5;
    z-index: 2;
    /*border: 1px solid red;*/
}

.xcx_progDi_one,
.xcx_progDi_two,
.xcx_progDi_three {
    border-radius: 50%;
    position: relative;
    width: 72px;
    height: 72px;
}

.xcx_progDi_one {
    background-color: #f6fbf9;
    z-index: 1;
}

.xcx_progDi_two {
    z-index: 2;
}

.xcx_progDi_three {
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xcx_progDi_two:after,
.xcx_progDi_three:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    box-sizing: border-box;

}

.xcx_progDi_two:after {
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px;
    background-color: #d0dfdc;
    border: 3px solid #dbe7e5;
}

.xcx_progDi_three:after {
    width: 44px;
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    background-color: #dbe7e5;
}

.xcx_progDi_three span {
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    z-index: 3;
}

.xcx_progressBox.xcx_p1 .xcx_progDi_three.p1:after,
.xcx_progressBox.xcx_p2 .xcx_progDi_three.p1:after,
.xcx_progressBox.xcx_p3 .xcx_progDi_three.p1:after,
.xcx_progressBox.xcx_p4 .xcx_progDi_three.p1:after {
    background-color: #9dc0d4;
}

.xcx_progressBox.xcx_p2 .xcx_progDi_three.p2:after,
.xcx_progressBox.xcx_p3 .xcx_progDi_three.p2:after,
.xcx_progressBox.xcx_p4 .xcx_progDi_three.p2:after {
    background-color: #87b8bf;
}

.xcx_progressBox.xcx_p3 .xcx_progDi_three.p3:after,
.xcx_progressBox.xcx_p4 .xcx_progDi_three.p3:after {
    background-color: #589d91;
}

.xcx_progressBox.xcx_p4 .xcx_progDi_three.p4:after {
    background-color: #39836d;
}

.xcx_progDi_barBox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: 8px;
    margin-left: -45%;
    margin-top: -4px;
    z-index: 3;
}

.xcx_progDi_bar.p1,
.xcx_progDi_bar.p2,
.xcx_progDi_bar.p3 {
    position: absolute;
    width: 35%;
    height: 100%;
    top: 0px;
    display: none;
}

.xcx_progDi_bar.p1 {
    background-image: linear-gradient(to right, #9dc0d4 30%, #87b8bf 80%);
    left: 1%;
}

.xcx_progDi_bar.p2 {
    background-image: linear-gradient(to right, #87b8bf 30%, #589d91 80%);
    left: 32%;
}

.xcx_progDi_bar.p3 {
    background-image: linear-gradient(to right, #589d91 30%, #39836d 80%);
    left: 63%;
}

.xcx_progressBox.xcx_p2 .xcx_progDi_bar.p1,
.xcx_progressBox.xcx_p3 .xcx_progDi_bar.p1,
.xcx_progressBox.xcx_p4 .xcx_progDi_bar.p1,
.xcx_progressBox.xcx_p3 .xcx_progDi_bar.p2,
.xcx_progressBox.xcx_p4 .xcx_progDi_bar.p2,
.xcx_progressBox.xcx_p4 .xcx_progDi_bar.p3 {
    display: block;
}

.xcx_regMainBox {
    width: 96%;
    margin: 0 auto !important;
    background-color: #ffffff;
    padding: 19px 30px;
    box-sizing: border-box;
}

.xcx_regListBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.xcx_regMainBox .xcx_selectBox,
.ex-control-group .xcx_selectBox {
    width: 100%;
    height: 80px;
    background-color: #F9F9F9;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
    padding: 0 39px;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

.xcx_regMainBox .xcx_selectBox select,
.ex-control-group .xcx_selectBox select {
    width: 100%;
    height: 100%;
    font-size: 28px;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    line-height: 31px;
    color: #333333;
    font-family: Source Han Sans CN;
    font-weight: 400;
}

.xcx_reginput_two {
    display: flex;
    justify-content: space-between;
}

.xcx_reginput_two input:first-child {
    margin-right: 18px;
    width: 40%;
    flex-shrink: 0;
}

.xcx_regFormBtnBox {
    width: 96%;
    margin: 0 auto;
    padding: 19px 30px;
    box-sizing: border-box;
    margin-top: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xcx_regFormBtnBox .form-group {
    margin-bottom: 0px;
}

.xcx_regFormBtnBox .xcx_regList_PrevBtn {
    margin-right: 29px;
    flex-shrink: 0;
}

.xcx_regStatuteBox label {
    display: block;
    margin-bottom: 27px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.xcx_regStatuteBox label input {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    margin-right: 9px;
    margin-top: 7px;
}

.xcx_regStatuteBox label input[type="checkbox"],
.xcx_regAnswerbox label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 2px solid #5e9f91;
    background-color: white;
    border-radius: 2px;
    color: #fff;
    text-align: center;
}

.xcx_regStatuteBox label input[type="checkbox"] {
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-size: 25px;
}

.xcx_regStatuteBox label input[type="checkbox"]:after,
.xcx_regAnswerbox label input[type="checkbox"]:after {
    display: block;
    content: "x";
    color: transparent;
    background-color: transparent;
}

.xcx_regStatuteBox label input[type="checkbox"]:after {
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.xcx_regStatuteBox label input[type="checkbox"]:checked:after,
.xcx_regAnswerbox label input[type="checkbox"]:checked:after {
    content: "✔";
    color: #ffffff;
    background-color: #5e9f91;
}

.xcx_regStatuteBox label span {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 35px;
    display: block;
}

.xcx_regFromeTitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 41px;
}

.xcx_regFromeTitle.xcx_group {
    margin-top: 41px;
}

.xcx_regFromeTitle_icon {
    width: 41px;
    height: 35px;
    flex-shrink: 0;
    margin-right: 14px;
    background-image: url('../images/XCXmatch/reg_icon02.png');
}

.xcx_regFromeTitle span {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 30px;
    color: #579e91;
}

.xcx_regQuestionbox .question {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
    color: #333333;
    margin-bottom: 26px;
}

.xcx_regAnswerbox label {
    display: block;
    margin-bottom: 30px;
    font-family: Source Han Sans CN;
    font-weight: lighter;
    font-size: 28px;
    color: #333333;
    line-height: 31px;
}

.xcx_regAnswerbox label input[type="checkbox"] {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
}

.xcx_regAnswerbox label input[type="checkbox"]:after {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.xcx_regAnswerbox .xcx_regSubAnsweBox {
    margin-left: 35px;
    width: 100%;
}

.xcx_regAnswerbox .xcx_label {
    margin-top: 25px;
    margin-bottom: 0px;
}

.xcx_confirmlist p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #9d9d9d;
}

.xcx_regQrcodeBox .xcx_regMain_top,
.xcx_regQrcodeBox .xcx_regMainBox {
    width: 88%;
}

.xcx_regQrcodeBox .xcx_regMainBox {
    padding-top: 0px;
}

.xcx_regQrTop_title {
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 27px;
    color: #333333;
    line-height: 35px;
}

.xcx_regQrTop_mess {
    width: 100%;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 200;
    font-size: 20px;
    color: #7C7C7C;
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 47px;
}

.xcx_regQrShow_single {
    text-align: center;
}

.xcx_regQrShow_single_qrcode {
    width: 249px;
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
}

.xcx_regQrShow_single_qrcode img {
    width: 100%;
    display: block;
}

.xcx_regQrShow_single_mess p {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 22px;
    color: #909090;
    line-height: 36px;
}

.xcx_regQrTips_box {
    width: 95%;
    background: #3C8074;
    margin: 0 auto;
    color: #FFFFFF;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 40px;
}

.xcx_regQrTips_subtitle {
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 4px;
}

.xcx_regQrTips_text {
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
}

.xcx_regQrTicket {
    position: relative;
    padding: 40px 60px 0 60px;
    box-sizing: border-box;
}

.xcx_regQrTicket:before,
.xcx_regQrTicket:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #f9fcfe;
}

.xcx_regQrTicket:before {
    left: -54px;
    top: -27px;
    border-right: 1px solid #dbdbdb;
}

.xcx_regQrTicket:after {
    right: -54px;
    top: -27px;
    border-left: 1px solid #dbdbdb;
}

.xcx_regQrTicket_line {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -46%;
    width: 92%;
    height: 0px;
    border: 1px dashed #c7c7c7;
}

.xcx_regQrTicket_box {
    margin-bottom: 22px;
}

.xcx_regQrTicket_subtitle {
    font-size: 28px;
    margin-bottom: 9px;
    padding-left: 17px;
    box-sizing: border-box;
    position: relative;
    line-height: 28px;
}

.xcx_regQrTicket_subtitle:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 6px;
    height: 100%;
    background-color: #f2b375;
}

.xcx_regQrTicket_text {
    font-size: 22px;
    line-height: 38px;
}

.xcx_regQrTicket_date {
    display: flex;
    justify-content: flex-start;
}

.xcx_regQrTicket_date span {
    display: block;
    margin-right: 40px;
    font-size: 22px;
    line-height: 38px;
}

.xcx_regGroup .xcx_regMain_top {
    margin-bottom: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
}

.xcx_regGroup .xcx_regMainBox {
    padding: 0px;
    background: none;
}

.xcx_regGroupList,
.xcx_regGroupMain {
    padding: 57px 30px;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.xcx_regGroupList .form-group.nombttom {
    margin-bottom: 0px;
}

#xuanzhe {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    opacity: 0;
}

#xuanzhe,
.xcx_regGroupNumBox {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    margin-bottom: 15px;
    padding: 31px 0;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 30px;
    color: #333333;
}

.xcx_regGroupNumBox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.xcx_regGroupNum_main {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.xcx_regGroupNum_main .numMain_Btn {
    text-align: center;
    width: 40px;
    font-size: 30px;
    margin: 0 5px;
    background: none;
    border: none;
    cursor: pointer;
}

.numMain_text {
    width: 82px;
    height: 48px;
    background: #F6F6F6;
    border-radius: 6px;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 30px;
    line-height: 48px;
    color: #333333;
}

.xcx_team_messbox {
    padding: 0 36px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.xcx_team_mess {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
    color: #333333;
    line-height: 39px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 22px;
    box-sizing: border-box;
    position: relative;
}

.xcx_team_mess:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 6px;
    height: 100%;
    background-color: #F2B375;
}

.xcx_team_number {
    margin-bottom: 60px;
}

.xcx_team_number_title {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #909090;
    line-height: 39px;
    text-align: center;
    margin-bottom: 32px;
}

.xcx_team_number p {
    font-family: Source Han Sans CN;
    font-weight: 800;
    font-size: 120px;
    color: #333333;
    line-height: 120px;
    text-align: center;
}

.xcx_regSuccessBox,
.xcx_MatchMessBox {
    width: 92%;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 50px;
}

.xcx_regSuccess_link {
    display: block;
    margin-bottom: 28px;
    padding: 18px 16px 30px 16px;
    box-sizing: border-box;
    border-radius: 20px;
}

.xcx_link_person.xcx_regSuccess_link {
    border: 2px solid #d2f6f9;
    background-color: #eefafb;
}

.xcx_link_group.xcx_regSuccess_link {
    border: 2px solid #ffebd7;
    background-color: #fff7f0;
}

.xcx_regSuccess_Top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 24px;
    padding: 0 10px;
    padding-bottom: 16px;
    box-sizing: border-box;
}

.xcx_regSuccess_Top:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    border: 2px solid #FFFFFF;
}

.xcx_regSuccess_ID {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
}

.xcx_regSuccess_Type {
    width: 110px;
    height: 50px;
    border-radius: 25px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
}

.xcx_link_person .xcx_regSuccess_Type {
    background: linear-gradient(121deg, #4CB6AA, #77CEC1);
}

.xcx_link_group .xcx_regSuccess_Type {
    background: linear-gradient(90deg, #FC8B1F, #FFB266);
}

.xcx_regSuccess_Mess {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

.xcx_regSuccess_Mess:last-child {
    margin-bottom: 0px;
}

.xcx_regSuccess_title,
.xcx_regSuccess_text {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
}

.xcx_regSuccess_title {
    color: #666666;
}

.xcx_regSuccess_text {
    color: #000000;
}

.xcx_MatchTeachBox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    padding: 48px 80px;
    box-sizing: border-box;
/*    margin-bottom: 42px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xcx_MatchTeach_List {
    display: block;
}

.xcx_MatchTeach_Num {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid #4CCD8F;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 30px;
    color: #4CCD8F;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 16px;
}

.xcx_MatchTeach_List p {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #333333;
}

.xcx_MatchTeach_Line {
    width: 66px;
    height: 0px;
    border: 2px dashed #4CCD8F;
    margin-bottom: 50px;
}

.xcx_MatchLink_list {
    display: block;
    width: 100%;
    background: #D0EFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    padding: 45px 44px 27px 44px;
    box-sizing: border-box;
    margin-bottom: 21px;
    position: relative;
}

.xcx_MatchLink_list_title {
    font-family: Source Han Sans CN;
    font-weight: 800;
    font-size: 42px;
    line-height: 52px;
    color: #0086F2;
    margin-bottom: 15px;
}

.xcx_MatchLink_list p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 26px;
    color: #0086F2;
    line-height: 39px;
    margin-bottom: 25px;
}

.xcx_MatchLink_list_btn {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    background: linear-gradient(0deg, #00BCFB 0%, #73D4FE 100%);
    border-radius: 30px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 30px;
    padding: 15px 30px;
    box-sizing: border-box;
}

.xcx_MatchLink_list.hasTwo {
    background-color: #C1EFE3;
    padding: 33px;
}

.xcx_MatchLink_list_main {
    position: relative;
    z-index: 1;
}

.xcx_MatchLink_list.hasTwo .xcx_MatchLink_list_title,
.xcx_MatchLink_list.hasTwo p {
    color: #069B90;
    padding-left: 14px;
    box-sizing: border-box;
}

.xcx_MatchLink_list_tBtn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xcx_MatchLink_list_tBtn a {
    display: block;
    width: 48%;
    height: 200px;
    background: #19AFA4;
    border-radius: 20px;
    padding: 37px 13px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.xcx_MatchLink_list_tBtn_img {
    width: 60%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.xcx_MatchLink_list_tBtn_img img {
    width: 100%;
    display: block;
}

.xcx_MatchLink_list_tBtn_title {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 36px;
}

.xcx_MatchLink_list_left {
    position: relative;
    z-index: 1;
}

.xcx_MatchLink_list_right,
.xcx_MatchLink_list_bg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 100%;
    z-index: 0;
}

.xcx_MatchLink_list_right img,
.xcx_MatchLink_list_bg img {
    width: 100%;
    display: block;
}

.xcx_MatchMember_top {
    height: 290px;
    background-image: url('../images/XCXmatch/Match_top_bg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #62ba92;
    padding: 0 76px;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: 0px;
}

.xcx_MatchMember_topCompany {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 26px;
}

.xcx_MatchMember_topCompany p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 26px;
    color: #FFFFFF;
}

.xcx_MatchMember_topCompany .iconImg {
    width: 30px;
}

.xcx_MatchMember_topCompany .iconImg img,
.xcx_MatchMember_topMess a img {
    width: 100%;
    display: block;
}

.xcx_MatchMember_topMess {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.xcx_MatchMember_topMess a {
    display: block;
    width: 50px;
    flex-shrink: 0;
}

.xcx_MatchMember_topMess_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 40px;
    overflow: hidden;
}

.xcx_MatchMember_topMess_left p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 50px;
    color: #FFFFFF;
    margin-right: 24px;
    line-height: 51px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xcx_MatchMember_topMess_tips {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    padding: 5px 10px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.xcx_MatchMember_topMess_tips img {
    width: 17px;
    flex-shrink: 0;
    margin-right: 10px;
}

.xcx_MatchMember_topMess_tips span {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 28px;
}

.xcx_MatchMain {
    display: flex;
    flex-direction: column;
}

.xcx_MatchListMain,
.xcx_MatchListBox {
    height: 100%;
}

.xcx_MatchListBox {
    width: 92%;
    margin: 0 auto;
    overflow-x: hidden;
}

.xcx_MatchListBox_flex {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 26px;
    box-sizing: border-box;
}

.xcx_MatchListBox_flexList {
    height: 100%;
    overflow-x: hidden;
}

.xcx_MatchListBox_flexList::-webkit-scrollbar {
    display: none;
}

.xcx_Match_list {
    margin-bottom: 13px;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
}

.xcx_Match_list_title {
    width: 100%;
    padding: 26px 40px;
    box-sizing: border-box;
    border-bottom: 3px solid #EEF5FE;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xcx_Match_list_title_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.xcx_Match_list_title_left .xcx_icon {
    width: 36px;
    height: 36px;
    margin-right: 16px;
    flex-shrink: 0;
    background-image: url('../images/XCXmatch/xcx_icon_shop.png');
}

.xcx_Match_list_title_left p {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
}

.xcx_Match_list_title span {
    font-family: Source Han Sans CN;
    font-size: 28px;
    line-height: 36px;
}

.xcx_Match_list_title span.inGreen {
    color: #22ac38;
}

.xcx_Match_list_title span.inRed {
    color: #e60012;
}

.TYinRed {
    color: #ab0613 !important;
}

.xcx_Match_list_main {
    padding: 24px 30px;
}

.xcx_Match_list_mess p {
    margin-bottom: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #585858;
}

.xcx_Match_list_mess p span {
    color: #A7A7A7;
    margin-right: 25px;
}

.xcx_Match_list_function {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6px;
}

.xcx_Match_list_function .buyBg,
.xcx_Match_list_function .exhBg {
    border-radius: 5px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 29px;
    line-height: 39px;
    padding: 6px 25px;
    min-width: 140px;
    box-sizing: border-box;
    text-align: center;
}

.xcx_Match_list_function .exhBg {
    background: #D0EFFF;
    color: #0086F2;
}

.xcx_Match_list_function .buyBg {
    background: #E9EEFF;
    color: #6084FF;
}


.xcx_Match_list_function .send-Invite,
.xcx_Match_list_function .btn-ty.inGreen-bor {
    border-radius: 30px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 29px;
    line-height: 39px;
    color: #FFFFFF;
    padding: 10px 30px;
    box-sizing: border-box;
}

.xcx_Match_list_function .send-Invite {
    background-color: #3C8074;
    min-width: 168px;
    text-align: center;
}

.xcx_Match_list_function .btn-ty.inGreen-bor {
    color: #3c8074;
    border: 2px solid #81ada8;
    background-color: #ddeeeb;
}


.xcx_Match_list_function .btn-jg,
.xcx_Match_list_function .btn-ty.btn-tyNo.inGrey-bor,
.xcx_Match_list_function .btn-ty.btn-tyYes.inWhite-bor {
    font-size: 29px;
    line-height: 39px;
}

.xcx_Match_list_function .btn-jg.inLRed,
.xcx_Match_list_function .btn-ty.btn-tyNo.inGrey-bor {
    color: #e60012;
}

.xcx_Match_list_function .btn-jg.inLgreen,
.xcx_Match_list_function .btn-ty.btn-tyYes.inWhite-bor {
    color: #22ac38;
}

.xcx_Match_list_ChooseBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.xcx_Match_list_ChooseBox .btn-tyNo.inGreen-bor,
.xcx_Match_list_ChooseBox .btn-tyYes.inGreen-bor {
    min-width: 168px;
    text-align: center;
    margin-right: 18px;
}

.xcx_Match_list_ChooseBox .btn-tyYes.inGreen-bor {
    background-color: #3c8074;
    color: #ffffff;
}

.xcx_Match_list_ChooseBox .btn-ty:last-child {
    margin-right: 0px;
}

.xcx_MatchListBox_flexPage {
    flex-shrink: 0;
    padding: 30px;
    text-align: center;
}

.xcx_noDataBx {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    letter-spacing: 10px;
    color: #A7A7A7;
}



.xcx_MyListMain {
    height: 100%;
}

.xcx_MyMain {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.xcx_MyBox_Top {
    flex-shrink: 0;
}

.xcx_MyBox_Top_bg {
    position: relative;
}

.xcx_MyBox_Top_Main {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    padding-top: 100px;
}

.xcx_MyBox_Top_header {
    width: 144px;
    height: 144px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
}

.xcx_MyBox_Top_header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.xcx_MyBox_Top_header .uploadHeader {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.xcx_MyBox_Top_Name {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
}

.xcx_MyBox_Top_Name a {
    color: inherit;
}

.xcx_MyBox_Main {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.xcx_MyBox_Main::-webkit-scrollbar {
    display: none;
}

.xcx_MyBox_Main_box {
    width: 90%;
    margin: 0 auto;
}

.xcx_MyBox_function {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 32px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 30px 0px rgba(137, 183, 233, 0.08);
    border-radius: 25px;
    margin-bottom: 15px;
}

.xcx_MyBox_function_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.xcx_MyBox_function_left .xcx_icon {
    width: 33px;
    height: 33px;
    margin-right: 25px;
    background-size: cover;
}

.xcx_MyBox_function_left .xcx_icon.mi01 {
    background-image: url('../images/XCXmatch/my_icon01.png');
}

.xcx_MyBox_function_left .xcx_icon.mi02 {
    background-image: url('../images/XCXmatch/my_icon02.png');
}

.xcx_MyBox_function_left .xcx_icon.mi03 {
    background-image: url('../images/XCXmatch/my_icon05.png');
}

.xcx_MyBox_function_left p {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    line-height: 40px;
}

.xcx_MyBox_function span {
    font-size: 26px;
    color: #333333;
}

.xcx_MyBox_safeBox {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px rgba(137, 183, 233, 0.08);
    border-radius: 25px;
    margin-bottom: 15px;
}

.xcx_MyBox_safe_title {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 32px;
    color: #333333;
    line-height: 40px;
    padding: 31px 34px;
    border-bottom: 3px solid #EEF5FE;
}

.xcx_MyBox_safe_main {
    padding: 31px 43px;
    box-sizing: border-box;
}

.xcx_MyBox_safe_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}

.xcx_MyBox_safe_list_title {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    line-height: 40px;
    flex-shrink: 0;
    margin-right: 50px;
}

.xcx_MyBox_safe_list_right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
    background-color: #F9F9F9;
    max-width: 400px;
}

.xcx_MyBox_safe_list_right .xcx_icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    flex-shrink: 0;
    background-size: cover;
}

.xcx_MyBox_safe_list_right .xcx_icon.mis01 {
    background-image: url('../images/XCXmatch/mysafe_icon01.png');
}

.xcx_MyBox_safe_list_right .xcx_icon.mis02 {
    background-image: url('../images/XCXmatch/mysafe_icon02.png');
}

.xcx_MyBox_safe_list_right p,
.xcx_MyBox_safe_list_right input {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #909090;
    line-height: 40px;
}

.xcx_MyBox_safe_list_right p {
    margin-right: 10px;
    flex-shrink: 0;
}

.xcx_MyBox_safe_list_right input {
    background: none;
}

.xcx_MyBox_loginOutBox {
    margin: 30px 0 100px 0;
}

.xcx_MyBox_loginOutBox a {
    display: block;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    line-height: 40px;
    padding: 28px 32px;
    background: #DCDCDC;
    box-shadow: 0px 0px 30px 0px rgba(137, 183, 233, 0.08);
    border-radius: 25px;
    box-sizing: border-box;
}

.xcx_MyBox_Main_box.hasInput {
    width: 92%;
}

.xcx_MyBox_inputBox {
    background-color: #ffffff;
    padding: 30px 25px;
}

.xcx_MyBox_inputBox .control-group {
    margin-bottom: 36px;
}

.xcx_MyBox_inputBox .control-label {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
    color: #333333;
    margin-bottom: 15px;
    display: block;
    padding: 0 9px;
}

.xcx_MyBox_inputBox .intl-tel-input,
.xcx_MyBox_inputBox input {
    height: 80px;
    background: #FFFFFF;
    border-radius: 40px;
    border: 2px dashed #E6E6E6;
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    padding: 20px 36px;
    box-sizing: border-box;
    outline: none;
}

.xcx_MyBox_inputBox .intl-tel-input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.xcx_MyBox_inputBox .intl-tel-input .flag-container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    flex-shrink: 0;
}

.xcx_MyBox_inputBox .intl-tel-input input {
    border: none;
    border-radius: unset;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-right: 16px !important;
    padding-left: 16px !important;
    background: none;
}

.xcx_MyBox_inputBox input[readonly],
.xcx_MyBox_inputBox .controls.read_only .intl-tel-input {
    background-color: #f9f9f9;
}

.xcx_MyBox_Main_box #submit_logininfo {
    width: 100%;
    margin: 50px 0;
    height: 80px;
    padding: 0 36px;
    font-size: 28px;
    line-height: 31px;
    text-align: center;
    border-radius: 40px;
    background-color: #3c8074;
    color: #ffffff;
    border: none;
}

.xcx_vCodeBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.xcx_vCodeBox input[type="text"] {
    margin-right: 30px;
}

.xcx_vCodeBox #vCode_send {
    width: auto;
    line-height: unset;
    flex-shrink: 0;
}

.xcx_MatchMember_titleBox {
    width: 100%;
    margin-top: -47px;
    background: #FFFFFF;
    border-radius: 50px 50px 0px 0px;
    padding: 0 60px;
    box-sizing: border-box;
    flex-shrink: 0;
}

#MatchSelect_type {
    margin-bottom: 13px;
}

.MatchSelect_list {
    padding: 28px 26px;
}

.xcx_searchBox {
    text-align: right;
    position: relative;
}

.xcx_searchBox_btn {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
}

.xcx_searchBox_PageBox {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.xcx_searchBox_PageBox.checked {
    display: block;
}

.xcx_searchBox_Main {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 18px 32px 0px rgba(211, 217, 249, 0.34);
    border-radius: 30px 30px 0px 0px;
    padding: 40px 55px;
    box-sizing: border-box;
    height: 0px;
    opacity: 0;
    transition: height 0.5s ease-in, opacity 0.3s ease-in;
}

.xcx_searchBox_Main.checked {
    opacity: 1;
}

.xcx_searchBox_Main a {
    font-weight: 500;
    font-size: 24px;
    color: #333333;
    margin: 0 15px;
}

.xcx_searchBox_Main select {
    font-weight: 500;
    font-size: 24px;
    color: #333333;
}

.xcx_searchBox_PageBox_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.xcx_searchBox_PageBox_bg:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: #000000;
}

.xcx_searchBox_PageBox_bg.checked {
    opacity: 1;
}

.xcx_searchBox_Main_title {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 46px;
    margin-bottom: 44px;
}

.xcx_searchBox_listBox {
    margin-bottom: 26px;
}

.xcx_searchBox_listTitle {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #909090;
    margin-bottom: 15px;
    padding: 0 5px;
    box-sizing: border-box;
}

.xcx_searchBox_listBox .alignLeft {
    text-align: left;
}

.xcx_searchBox_listBox .alignCenter {
    text-align:center;
}

.xcx_searchBox_listBlock .hasABtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xcx_searchBox_listBlock .hasABtn a {
    width: 30%;
    border-radius: 35px;
    border: 1px solid #DCDCDC;
    text-align: center;
    display: block;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 31px;
    padding: 21px 0;
    margin: 0px;
}

.xcx_searchBox_listBlock .hasABtn a:hover,
.xcx_searchBox_listBlock .hasABtn a.checked {
    background: #DDEEEB;
    color: #3C8074;
}

.xcx_searchBox_listBlock .hasSelect {
    padding: 21px 38px;
    background: #F9F9F9;
    border-radius: 40px;
}

.xcx_searchBox_listBlock .hasSelect select {
    width: 100%;
    background: none;
    border: none;
    outline: none;
}

.xcx_searchBox_close {
    position: absolute;
    right: 29px;
    top: 24px;
    z-index: 3;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-size: cover;
    cursor: pointer;
    background-image: url('../images/XCXmatch/close02.png');
}

.xcx_NoticeBox {
    padding-top: 18px;
    box-sizing: border-box;
}

.xcx_NoticeMain {
    padding: 0 20px;
    box-sizing: border-box;
}

.xcx_NoticeList {
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 25px;
    margin-bottom: 18px;
    display: block;
}

.xcx_NoticeList_Top {
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.xcx_NoticeList_Title {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 30px;
    position: relative;
}

.xcx_NoticeList_Date {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #B3B3B3;
    line-height: 40px;
    margin-top: 7px;
    flex-shrink: 0;
}

.xcx_NoticeList_content {
    padding: 18px 35px 24px 35px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #888888;
    line-height: 40px;
    position: relative;
}

.xcx_NoticeList_content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0px;
    top: 0px;
    background-color: #E5E5E5;
}

.xcx_NoticeList_Top .new {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FE411A;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -5px;
}

.xcx_regBtnBox.zeroMatch .xcx_regBtnBox_main {
    top: 47%;
}

.xcx_regBtnBox.zeroMatch .xcx_regBtnMain {
    min-height: 660px;
    padding: 0px;
}

.xcx_matchCoverBanner {
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}

.xcx_matchCoverBanner img {
    width: 100%;
}

.xcx_matchCoverBox {
    padding: 0 35px;
    box-sizing: border-box;
}

.xcx_matchCoverText {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 36px;
    color: #3C8074;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;

}

.xcx_matchCoverSubText {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #A7A7A7;
    line-height: 31px;
    text-align: center;
    margin-bottom: 40px;
}

.xcx_matchCoverBtn {
    width: 100%;
    height: 90px;
    background: #3C8074;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 45px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #F3F5F4;
    line-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}





.xcx_content_title {
    display: none;
}

.xcx_content {
    width: 92%;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px;
    margin-top: 15px;
}

.xcx_content_text {
    width: 100%;
    padding: 32px 26px;
    box-sizing: border-box;
}

#ContentSelect_type {
    margin: 0px;
    margin-bottom: 45px;
}

.ContentSelect_list {
    padding: 5px 15px 28px 15px;
}

.ContentSelect_main {
    display: block;
    width: 100%;
}

.ContentSelect_box_title {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 32px;
    color: #3C8074;
    line-height: 42px;
    margin-bottom: 33px;
}

.con_introList {
    margin-bottom: 32px;
}

.con_introList_title {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 28px;
    color: #333333;
    margin-bottom: 16px;
    padding: 0 9px;
    box-sizing: border-box;
}

.con_introList_text {
    padding: 30px 40px;
    box-sizing: border-box;
    background: #F9F9F9;
    border-radius: 40px;
}

.con_introList_text.article p,
.con_introList_text.list p {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 27px;
    color: #333333;
    line-height: 39px;
    margin-bottom: 15px;
}

.con_introList_text.article p {
    text-indent: 54px;
    text-align: justify;
}

.con_introList_text.article p:last-child,
.con_introList_text.list p:last-child {
    margin-bottom: 0px;
}

.con_introList_ulist {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 39px;
    margin-bottom: 15px;
}

.con_introList_ulist p {
    margin-bottom: 15px;
    text-align: justify;
}

.con_introList_ulist ul {
    margin-bottom: 15px;
    margin-left: 30px;
}

.con_introList_ulist li {
    margin-bottom: 10px;
    text-align: justify;
}

.ContentSelect_box {
    display: none;
}

.ContentSelect_box.checked {
    display: block;
}

.con_introList_title.img {
    font-size: 32px;
    color: #3C8074;
    margin-bottom: 0px;
}

.con_introList_text.img {
    background-color: #ffffff;
    padding: 0px;
}

.con_introList_text.img img {
    width: 100%;
}

.con_exListTable {
    margin-bottom: 27px;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 20px
}

.con_exListTable td {
    border: 1px solid #DCDCDC;
}

.con_exListTable tr:first-child td {
    border-top: none;
}

.con_exListTable tr:last-child td {
    border-bottom: none;
}

.con_exListTable td:first-child {
    border-left: none;
}

.con_exListTable td:last-child {
    border-right: none;
}

.con_exListTable tr:first-child td:first-child {
    border-top-left-radius: 20px;
}

.con_exListTable tr:first-child td:last-child {
    border-top-right-radius: 20px;
}

.con_exListTable tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}

.con_exListTable tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

.con_exListTable td {
    text-align: center;
    vertical-align: middle;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 21px;
    color: #666666;
    padding: 22px 0px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.con_exListTable td:nth-child(3n+1) {
    width: 115px;
}

.con_exListTable td:nth-child(3n+2) {
    width: 239px;
    padding-left: 20px;
    padding-right: 20px;
}

.con_exListTable td:nth-child(3n) {
    padding-left: 30px;
    padding-right: 30px;
}

.con_exListTable td.en,
.con_exListTable .table_heading td span,
.con_exListTable .table_subTitle td span,
.con_exListTable .table_mainTitle td span {
    font-size: 17px;
}

.con_exListTable .table_heading td.en {
    font-size: 19px;
}

.con_exListTable .table_heading td {
    background: #F9F9F9;
}

.con_exListTable .table_mainTitle td {
    font-weight: 500;
    color: #443AAB;
    background-color: #EEF0FB;
}

.con_exListTable .table_subTitle td {
    font-weight: 500;
    color: #ED8C2B;
    background-color: #FFF7DA;
}









.xcx_footNav {
    /*    width: 100%;*/
    height: 130px;
    flex-shrink: 0;
    background-color: red;
    background: #FFFFFF;
    box-shadow: 0px 5px 46px 0px rgba(137, 183, 233, 0.1);
    border-radius: 50px 50px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;

    position: fixed;
    bottom: 0px !important;
    z-index: 8888;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
}

.xcx_footNav_btn {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.xcx_footNav_btn .nav_icon {
    width: 44px;
    aspect-ratio: 1/1;
    margin-bottom: 11px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.xcx_footNav_btn.btn01 .nav_icon {
    background-image: url('../images/XCXmatch/fnav_icon01.png');
}

.xcx_footNav_btn.btn02 .nav_icon {
    background-image: url('../images/XCXmatch/fnav_icon02.png');
}

.xcx_footNav_btn.btn03 .nav_icon {
    background-image: url('../images/XCXmatch/fnav_icon03.png');
}

.xcx_footNav_btn.btn04 .nav_icon {
    background-image: url('../images/XCXmatch/fnav_icon04.png');
}

.xcx_footNav_btn .nav_text {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 30px;
    color: #666666;
    line-height: 35px;
    text-align: center;
}

.xcx_footNav_btn.checked:after,
.xcx_footNav_btn:hover:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 5px;
    background-color: #3c8074;
}

.xcx_footNav_btn.checked .nav_text,
.xcx_footNav_btn:hover .nav_text {
    color: #3c8074;
}

.xcx_footNav_btn.checked .nav_icon,
.xcx_footNav_btn:hover .nav_icon {
    background-position: 0px -56px;
}

@media (max-width: 767px) {
    body {
        padding: 0px;
    }
}








/*通用红字白底*/
.TyBgWhiteR-bor {
    //不可点击
    /*pointer-events:none;
    cursor:not-allowed;*/

    color: #22ac38;
    font-size: 29px;
    line-height: 39px;
    color: #e60012;
}

/*通用绿字白底*/
.TyBgWhiteG-bor {
    //不可点击
    /*pointer-events:none;
    cursor:not-allowed;*/

    color: #22ac38;
    font-size: 29px;
    line-height: 39px;
    color: #22ac38;
}

.tyinGreen-bor {
    border: 2px solid #81ada8;
    min-width: 168px;
    text-align: center;
    background-color: #3c8074;
    color: #ffffff;
    border-radius: 30px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 29px;
    line-height: 39px;
    padding: 18px 30px;
    box-sizing: border-box;
}

.tyReadonly {
    background-color: #f9f9f9;
    height: 80px;
    border-radius: 40px;
    border: 0px dashed #E6E6E6;
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    padding: 20px 36px;
    box-sizing: border-box;
    outline: none;
}


.neg-btn,
.btn-noMeet {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #7AA8A3;
    padding: 38px 45px;
    box-sizing: border-box;
    margin-bottom: 36px;
}


/* 現場速約样式 start */

.container-scan {
    width: 100%;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    position: relative;
}


.container-scan .scan-btn {
    background: linear-gradient(to right, #07C160, #05a050);
    color: white;
    border: none;
    border-radius: 50px;
    padding: 20px 30px;
    font-size: 2.5rem;
    font-weight: 600;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(7, 193, 96, 0.4);
    transition: all 0.3s ease;
}

.container-scan .scan-btn:active {
    transform: translateY(3px);
    box-shadow: 0 2px 10px rgba(7, 193, 96, 0.4);
}

.container-scan .scan-btn i {
    margin-right: 10px;
    font-size: 22px;
}

.container-scan .result-box {
    margin-top: 25px;
    background: #f8f9fa;
    border-radius: 15px;
    padding: 20px;
    min-height: 120px;
    border: 1px solid #e9ecef;
}

.container-scan .result-box h3 {
    color: #495057;
    margin-bottom: 15px;
    font-size: 2rem;
    display: flex;
    align-items: center;
}

.container-scan .result-box h3 i {
    margin-right: 8px;
    color: #2575fc;
}

.container-scan .result-content {
    font-size: 2rem;
    color: #495057;
    line-height: 1.6;
}

.container-scan .qr-placeholder {
    text-align: center;
    padding: 15px;
    color: #6c757d;
}

.container-scan .qr-placeholder i {
    font-size: 6rem;
    color: #ddd;
    margin-bottom: 10px;
}


.container-scan .loading {
    display: none;
    text-align: center;
    margin: 20px 0;
}

.container-scan .loading i {
    font-size: 2rem;
    color: #2575fc;
    animation: spin 1s linear infinite;
    height: 30px;
}

.container-scan .loading p {
    font-size: 2rem;
}


.container-scan .success {
    color: #07C160;
    display: none;
    font-size: 1.5rem;
    margin-top: 5px;
    text-align: center;
}

.container-scan .error {
    color: #ff4757;
    display: none;
}

.container-scan .result-content {
    word-break: break-all;
    font-size: 2rem;
}

/* 現場速約样式 end */


/* 数据提示 遮罩层样式 start */
.mask-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.mask-content {
    background: white;
    padding: 30px 50px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    color: #333;
    min-width: 300px;
    text-align: center;
}

/* 加载动画 */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

.mask-content {
    background: white;
    padding: 30px 50px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    color: #333;
    min-width: 300px;
    text-align: center;
}

/* 加载动画 */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

.mask-content {
    background: white;
    padding: 30px 50px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    color: #333;
    min-width: 300px;
    text-align: center;
}

/* 加载动画 */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 数据提示 遮罩层样式 start */



/* 固定定位图片 */
.fixed-bottom-right {
    position: fixed;
    /* 固定定位，相对于视口 */
    bottom: 200px;
    /* 距离视口底部 20px */
    right: 20px;
    /* 距离视口右侧 20px */
    width: 130px;
    /* 设置图片宽度，可根据需要调整 */
    height: auto;
    /* 高度自动，保持宽高比 */
    z-index: 9000;
    /* 确保图片在其他内容之上 */
    cursor: pointer;
}






/*问卷css start*/


.e59_questionbox {
    width: 100%;
    margin: 0 auto;
}

.e59_questionbox .question {
    float: unset;
    width: 100%;
    display: block;
    font-size: 28px;
    color: #5e5e5e;
    font-weight: normal;
    text-align: left;
    background: none;
    line-height: 39px;
}

.e59_questionbox .question .question-tip {
    color: inherit;
}

.e59_questionbox .options {
    float: unset;
    width: auto;
    font-size: 26px;
    text-align: left;
    color: #5e5e5e;
    line-height: 38px;
    margin-top: 15px;
}

.e59_questionbox:last-child .e59_answerbox {
    margin-bottom: 0px;
}

.e59_answerbox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 45px;
}

.e59_answerbox.e59_mobile {
    margin: 0px;
}

.e59_answerbox.e59_mobile .weui_cell_primary {
    width: auto;
}

.weui_cell_hd {
    padding-top: 10px;
}

.weui_cell_hd,
.weui_cell_bd,
.weui_cell_ft {
    word-break: keep-all;
}



/*mobile css start*/


@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "weui";
    src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype');
}

[class^="weui_icon_"]:before,
[class*=" weui_icon_"]:before {
    font-family: "weui";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.weui_cell {
    position: relative;
}

.weui_cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 0px solid #ECECEC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
}

.weui_cell:first-child:before {
    display: none;
}

.weui_cells {
    /*  margin-top: 0.8em; */
    background-color: #FFFFFF;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}

.weui_cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 0px solid #ECECEC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui_cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 0px solid #ECECEC;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui_cells_title+.weui_cells {
    margin-top: 0;
}

.weui_cell {
    padding: 3px 0px;
    display: block;
    position: relative;
}

.weui_cell_hd,
.weui_cell_bd,
.weui_cell_ft {
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
}

.weui_cell_hd {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
}

.weui_cell_primary {
    width: 2000px;
    white-space: normal;
}

.weui_cell:not(.no_access) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.weui_cell:not(.no_access):active {
    background-color: #ffffff;
}

a.weui_cell {
    color: inherit;
}

.weui_check_label {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.weui_check {
    position: absolute;
    left: -9999em;
}

.weui_cells_checkbox .weui_cell_hd {
    padding-right: 0em;
}

.weui_cells_checkbox .weui_cell:active {
    background-color: #ffffff;
}

.weui_cells_checkbox .weui_icon_checked:before {
    content: '\EA01';
    color: #C9C9C9;
    font-size: 23px;
    display: block;
}

.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
    content: '\EA06';
    color: #09BB07;
}

/*问卷css end*/


.intl-tel-input .country-list .country{
    padding: 15px !important;
    box-sizing: border-box;
}




/*图形验证 start  (图标与文字验证，要用以下CSS,若滑动验证可以隐藏)*/
.captcha4_box_wrap {
    width: 620px !important;
    max-width: 620px !important;
    max-height: 386px;
}
.captcha4_font_16,.captcha4_submit_tips,.captcha4_bind_tips,.captcha4_text_tips {
  font-size: 2rem !important;
}
.captcha4_result_tips {
  font-size: 2rem !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  box-sizing: border-box;
  height: 52px !important;
}
.captcha4_close,.captcha4_refresh,.captcha4_ques_back img{
  width: 50px !important;
  height: 50px !important;
}
/*图形验证 end*/



.xcx_regBtn_companytitle{
     border-bottom: solid 1px #cccccc;
     height: 80px;
     line-height: 80px;
     font-size: 30px;
     font-weight: bold;
}
.xcx_regBtn_companycom{
     margin-top: 30px;
     font-size: 30px;
     color: #666666;
}

.num_code_class{
    margin: 30px 30px 30px 30px;
    display: inline-block;
    box-sizing: border-box;
    width: 91%;
    height: 80px;
    padding: 20px;
    font-size: 35px;
    border: solid 1px #cccccc;
}





/* 右侧深蓝色圆球图标 */
.sidebar-item .icon {
    width: 50px; height: 50px; background-color: #3C8074;
    float: left;
    margin-right: 10px;
    border-radius: 50%; display: flex; justify-content: center; align-items: center;
    color: #ffffff; font-size: 20px; flex-shrink: 0; transition: background-color 0.3s;
    z-index: 2; /* 确保图标始终浮在最上方 */
}


/*登陆页 国家下拉*/
/*.HS_loginBox .intl-tel-input .flag-container {
   
    box-sizing: border-box;
}

.HS_loginBox .intl-tel-input.allow-dropdown .selected-flag {
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 150px;
}*/

  @media (max-width: 768px) {
    .iti__country-list { font-size: 16px; max-height: 200px; padding: 6px 0; }
    .iti__country { padding: 12px 10px; line-height: 1.6; }
    .iti__country-name { font-size: 16px; }
    .iti__dial-code { font-size: 15px; }
  }