
.bottomButtonOfMobileTerminal {
    display: none;
    height: 65px;
    width: 100%;
    /* background: rgba(0, 0, 0, 0.4); */
    position: fixed;
    z-index: 9998;
    bottom: 5px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.bottomButtonOfMobileTerminal .mobileEndIcon {
    /* max-width:6.5rem !important; */
    width: 38px;
}

.bottomButtonOfMobileTerminal .mobileEndIcon.translationScene {
    width: 50px;
}

.bottomButtonOfMobileTerminal > div {
    width: calc(100% - 20px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.bottomButtonOfMobileTerminal_right {
    height: 100%;
    display: flex;
    align-items: center;
}

.bottomButtonOfMobileTerminal_right > div {
    padding: 0 2px;
}

.mobileEndIcon {
    text-align: center;
    cursor: pointer;
}

.mobileEndIcon > span {
    font-size: 14px;
}

.bottomButtonOfMobileTerminal img,
.mobileSideButton img {
    width: 28px;
    height: 28px;
    opacity: 1;
}

.mobileEndIcon > p {
    margin-top: 2px !important;
    height: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*侧边功能*/
.mobileSideButton {
    width: 4.8rem;
    display: none;
    max-width: 24px;
    position: fixed;
    z-index: 9998;
    top: 6.3rem;
    right: 2rem;
}

.mobileSideButton > div {
    width: 100%;
}

.mobileSideButton .gear {
    width: 100% !important;
    height: 4.8rem !important;
    max-height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.6rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton .gear ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton .mobileEndIconTwo {
    padding: 1rem 0;
}

.mobileEndIconTwo {
    cursor: pointer;
}

.mobileEndIconTwo div {
    height: 28px;
    display: flex;
    align-items: center;
    margin: 0 3.8rem 0 2.7rem;
}

.mobileEndIconTwo div p {
    font-size: 2.6rem;
    color: #fff;
    white-space: nowrap;
    margin-left: 1rem !important;
}

.mobileSideButton .link {
    width: 100%;
    height: 6.7rem;
    max-height: 33px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton .link ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton .link ul li {
    padding: 2rem 0;
    cursor: pointer;
}

.mobileSideButton .link ul li a {
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 0 2.8rem;
    white-space: nowrap;

}

.otherFunctions {
    width: 100%;
    border-radius: 16rem;
}

.otherFunctions > div {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.6rem;
    cursor: pointer;
}

.mobileSideButton img {
    display: block;
    width: 24px;
    height: 24px;
}

.mobileEndIconTwo span {
    font-size: 4.3rem;
    color: #fff;
    margin-top: 0.4rem;
}

/* 默认皮肤 start */
/* pc */
/* 底部 */
/* 右上 */
.pendantIconListTop > .rightSideSwitch > div {
    margin-bottom: 6px;
}

/* 默认皮肤 end */

/* 皮肤一 start */
/* pc */
/* 底部 */
.pendantIconListBottom_one {
    height: 68px;
    width: 100%;
    position: fixed;
    z-index: 9998;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, .7);
}

.pendantIconListBottom_one > div > div {
    width: 48px !important;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pendantIconListBottom_one > div > div > img {
    width: 22px;
    margin-left: 11px;
}

.pendantIconListBottom_one > div > div > p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;

}

.pendantIconListBottom_one_center {
    display: flex;
    margin: 0 auto;
}

.pendantIconListBottom_one_right {
    height: 100%;
    display: flex;
    position: absolute;
    right: 0;
}

/* 右上 */
.pendantIconListTop_one {
    position: fixed;
    z-index: 9998;
    top: 100px;
    right: 0;
    margin-right: 20px !important;
}

.fullScreenBackground_one {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    margin-bottom: 10px !important;
}

.rightSideSwitch_one {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    padding: 15px 0px;
}

.pendantIconListTop_one img {
    width: 22px;
}

/* 其他 */
.skin_pc_positon {
    display: none;
    position: fixed;
    right: 70px;
    bottom: 180px;
}

.pendantIconListBottom_one > div > div:hover p {
    color: #E19418 !important;
}

.bottomButtonOfMobileTerminal_one_right > div {
    width: 38px;
}

/* 移动端 */
/* 底部 */
.bottomButtonOfMobileTerminal_one {
    display: none;
    height: 65px;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 9998;
    bottom: 0;
}

.bottomButtonOfMobileTerminal_one > div {
    width: calc(100% - 20px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.bottomButtonOfMobileTerminal_one_right {
    height: 100%;
    display: flex;
    align-items: center;
}

.bottomButtonOfMobileTerminal_one .mobileEndIcon > img {
    /* width: 3.2rem; */
    width: 28px;
}

.bottomButtonOfMobileTerminal_one .mobileEndIcon > p {
    margin-top: 2px !important;
    height: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 右上 */
.mobileSideButton_one {
    width: 4.8rem;
    display: none;
    max-width: 24px;
    position: fixed;
    z-index: 9998;
    top: 6.3rem;
    right: 2rem;
}

.mobileSideButton_one > div {
    width: 100%;
}

.mobileSideButton_one .gear {
    width: 100% !important;
    height: 6.7rem !important;
    max-height: 24px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_one img {
    width: 16px;
}

.mobileSideButton_one .gear ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_one .gear ul p {
    font-size: 16px;
    color: #999;
    white-space: nowrap;
    margin-left: 1rem !important;
}

.mobileSideButton_one .otherFunctions {
    width: 100%;
    border-radius: 16rem;
    padding: 1.5rem 0;
    background: rgba(255, 255, 255, 0.8);
}

.mobileSideButton_one .otherFunctions > div {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 1rem 0;
    cursor: pointer;
}

.mobileSideButton_one .link {
    width: 100%;
    height: 6.7rem;
    max-height: 24px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_one .link ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_one .link ul li {
    padding: 1rem 0;
    cursor: pointer;
}

.mobileSideButton_one .link ul li a {
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 16px;
    padding: 0 2.8rem;
    white-space: nowrap;
}

/* 其他 */
.skin_phone_positon {
    display: none;
    position: fixed;
    right: 0rem;
    bottom: 128px;
}

.skin_phone_positon > img {
    width: 50%;
    height: 50%;
}

/* 皮肤一 end */


/* 皮肤二 start */
/* pc */
/* 底部 */
.pendantIconListBottom_two {
    height: 68px;
    width: 100%;
    position: fixed;
    z-index: 9998;
    bottom: 0;
    display: flex;
    justify-content: space-between;
}

.pendantIconListBottom_two span {
    background: #fff;
    border-radius: 50%;
}

.pendantIconListBottom_two > div > div {
    width: 48px !important;
    margin-right: 10px;
}

.pendantIconListBottom_two > div > div > img {
    width: 32px;
}

.pendantIconListBottom_two > div > div > p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.pendantIconListBottom_two_center {
    display: flex;
    height: 100%;
    align-items: center;
}

.pendantIconListBottom_two_right {
    display: flex;
    height: 100%;
    align-items: center;
}

/* 右上 */
.pendantIconListTop_two {
    position: fixed;
    z-index: 9998;
    top: 100px;
    right: 0;
    margin-right: 20px !important;
}

.fullScreenBackground_two {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 10px !important;
}

.rightSideSwitch_two {
    border-radius: 16px;
}

.rightSideSwitch_two .imgHover {
    border-radius: 50%;
    margin-bottom: 10px;
    line-height: 1;
}

.pendantIconListTop_two img {
    width: 32px;
}

/* 移动端 */
/* 底部 */
.bottomButtonOfMobileTerminal_two {
    display: none;
    height: 65px;
    width: 100%;
    position: fixed;
    z-index: 9998;
    bottom: 5px;
}

.bottomButtonOfMobileTerminal_two > div {
    width: calc(100% - 20px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px;
}

.bottomButtonOfMobileTerminal_two_right {
    height: 100%;
    display: flex;
    align-items: center;
}

.bottomButtonOfMobileTerminal_two_right > div {
    width: 38px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.bottomButtonOfMobileTerminal_two .mobileEndIcon > img {
    width: 28px;
    margin-left: 7px;
}

.bottomButtonOfMobileTerminal_two .mobileEndIcon > p {
    margin-top: 2px !important;
    height: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 右上 */
.mobileSideButton_two {
    width: 4.8rem;
    display: none;
    max-width: 24px;
    position: fixed;
    z-index: 9998;
    top: 6.3rem;
    right: 2rem;
}

.mobileSideButton_two > div {
    width: 100%;
}

.mobileSideButton_two .gear {
    width: 100% !important;
    height: 6.7rem !important;
    max-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_two img {
    width: 24px;
}

.mobileSideButton_two .gear ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_two .gear ul p {
    /* font-size: 3.2rem; */
    font-size: 16px;
    color: #999;
    white-space: nowrap;
    margin-left: 1rem !important;
}

.mobileSideButton_two .otherFunctions {
    width: 100%;
    border-radius: 16rem;
}

.mobileSideButton_two .otherFunctions > div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    cursor: pointer;
    height: 6.7rem !important;
    max-height: 24px;
}

.mobileSideButton_two .link {
    width: 100%;
    height: 6.7rem;
    max-height: 24px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_two .link ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_two .link ul li {
    padding: 1rem 0;
    cursor: pointer;
}

.mobileSideButton_two .link ul li a {
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    /* font-size: 3.2rem; */
    font-size: 16px;

    padding: 0 2.8rem;
    white-space: nowrap;
}

/* 皮肤二 end */


/* 皮肤三 */
/* pc端 */
/* 左侧 */
.pendantIconListBottom_three > .pendantIconListleft {
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 44px;
    display: flex;
    justify-content: center;

}

.pendantIconListBottom_three > .pendantIconListleft > ul {
    width: 2px;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pendantIconListBottom_three > .pendantIconListleft > ul > li {
    margin: 5px 0;
    position: relative;
    top: 0;
    left: 27px;
    display: flex;
    align-items: center;
}

.pendantIconListBottom_three > .pendantIconListleft > ul > li > .anchorPoint {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 50%;
    background: #fff;
}

.pendantIconListBottom_three > .pendantIconListleft > ul > li > .positioningArea {
    display: flex;
    align-items: center;
}

.pendantIconListBottom_three > .pendantIconListleft .positioningArea > span {
    width: 14px;
    height: 1px;
    background: #fff;
    display: block;
}

.pendantIconListBottom_three > .pendantIconListleft .positioningArea > .leftImg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.pendantIconListBottom_three > .pendantIconListleft .positioningArea > .leftImg > img {
    width: 100%;
    height: 100%;
}

.pendantIconListBottom_three > .pendantIconListleft .logo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid #037Aff;
    box-shadow: 0 0 24px 5px #037AFF;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}

.pendantIconListBottom_three > .pendantIconListleft .logo img {
    width: 100%;
}

/* 右上 */
.pendantIconListTop_three {
    position: fixed;
    z-index: 9998;
    top: 100px;
    right: 0;
    margin-right: 20px !important;
}

.fullScreenBackground_three {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 10px !important;
}

.rightSideSwitch_three {
    border-radius: 16px;
}

.rightSideSwitch_three .imgHover {
    border-radius: 50%;
    margin-bottom: 10px;
    line-height: 1;
}

.pendantIconListTop_three img {
    width: 32px;
}

/* 移动端 */
/* 左侧 */
.bottomButtonOfMobileTerminal_three {
    display: none;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft {
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 40px;
    display: flex;
    justify-content: center;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft > ul {
    width: 1px;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft > ul > li {
    margin: 5px 0;
    position: relative;
    top: 0;
    left: 27px;
    display: flex;
    align-items: center;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft > ul > li > .anchorPoint {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 50%;
    background: #fff;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft > ul > li > .positioningArea {
    display: flex;
    align-items: center;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft .positioningArea > span {
    width: 14px;
    height: 1px;
    background: #fff;
    display: block;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft .positioningArea > .leftImg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft .positioningArea > .leftImg > img {
    width: 100%;
    height: 100%;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft .logo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid #037Aff;
    box-shadow: 0 0 24px 5px #037AFF;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}

.bottomButtonOfMobileTerminal_three > .pendantIconListleft .logo img {
    width: 100%;
}

/* 右上 */
.mobileSideButton_three {
    width: 4.8rem;
    display: none;
    max-width: 24px;
    position: fixed;
    z-index: 9998;
    top: 6.3rem;
    right: 2rem;
}

.mobileSideButton_three > div {
    width: 100%;
}

.mobileSideButton_three .gear {
    width: 100% !important;
    height: 6.7rem !important;
    max-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_three img {
    width: 24px;
}

.mobileSideButton_three .gear ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_three .gear ul p {
    font-size: 16px;
    color: #999;
    white-space: nowrap;
    margin-left: 1rem !important;
}

.mobileSideButton_three .otherFunctions {
    width: 100%;
    border-radius: 16rem;
}

.mobileSideButton_three .otherFunctions > div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    cursor: pointer;
    height: 6.7rem !important;
    max-height: 24px;
}

.mobileSideButton_three .link {
    width: 100%;
    height: 6.7rem;
    max-height: 24px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.mobileSideButton_three .link ul {
    display: none;
    position: absolute;
    top: 0;
    right: 8rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 2rem 0;
}

.mobileSideButton_three .link ul li {
    padding: 1rem 0;
    cursor: pointer;
}

.mobileSideButton_three .link ul li a {
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 16px;
    padding: 0 2.8rem;
    white-space: nowrap;
}

/* 皮肤三 start */

/* 皮肤三 end */

/* 弹窗关闭叉号整理 */
@media only screen and (max-width: 760px) {
    .hotText > span,
    .guanbi > span,
    #businessCardBox .close,
    #businessCardBoxs .close {
        font-size: 3.3rem !important;
    }

    /*#businessCards {*/
    /*    width: 85%;*/
    /*    background: rgba(255,255,255,1);*/
    /*    border-radius: 6px;*/
    /*    padding: 20px;*/
    /*    display: block;*/
    /*    word-break: break-all;*/
    /*}*/

    .PersonalInformation_text, .PersonalInformation_pv {
        margin: 0;
    }

    .guanbi,
    .hotText > span,
    #businessCardBox .close,
    #businessCardBoxs .close {
        top: 3.3rem;
        right: 3.3rem;
    }

    .wordImage-close {
        font-size: 16px !important;
    }

    .wordImageHeader {
        width: calc(100% - 136px);
        padding: 0 68px;
        font-size: 16px;
    }

}
