.colorWhite {
    color: #fff
}

.colorBlue {
    color: #1742bf
}

.color222324 {
    color: #222324
}

.colorRed {
    color: #fd6262
}

.colorWhiteTrans_80 {
    color: hsla(0, 0%, 100%, .8)
}

.colorGrey2 {
    color: #bababd
}

.colorGrey {
    color: #6b6b6f
}

.colorBlueOther {
    color: #1a6eae
}

.textColorBlack {
    color: #222324
}

.user-card-reject-popover {
    width: 338px !important;
    height: 129px
}

.user-card-reject-popover .el-textarea__inner::-webkit-scrollbar {
    width: 2px
}

.user-card-reject-popover .el-textarea__inner:focus {
    box-shadow: none
}

.user-card-reject-popover .el-textarea__inner {
    resize: none;
    padding: 0 12px 0 0;
    border: none
}

.user-card-reject-popover .line {
    width: 313px;
    height: 1px;
    background: #e9e9ea
}

.user-card-reject-popover .text-error {
    font-weight: 400;
    font-size: 12px;
    color: #fd6262
}

.user-card-reject-popover .reject-submit {
    cursor: pointer;
    font-weight: 600;
    font-family: Poppins-SemiBold;
    color: #1742bf
}

.user-card-reject-popover .max-length {
    font-size: 12px;
    color: #bababd
}

.card_detail_wrapper .el-dialog__body {
    padding: 0
}

.card_detail_wrapper .el-dialog__header {
    height: auto;
    background: none
}

.card_detail_wrapper .el-dialog__header .el-dialog__headerbtn {
    z-index: 20
}

.card_detail_wrap {
    position: relative;
    margin-top: -20px;
    height: 520px
}

.card_detail_wrap .user-booth-list {
    background: linear-gradient(90deg, #234092, #526ee5);
    border-radius: 2px 2px 2px 2px;
    padding: 2px 4px;
    max-width: 170px;
    font-family: Poppins-SemiBold;
    font-weight: 600;
    color: #fff
}

.card_detail_wrap .left {
    margin: 32px 10px 32px 32px;
    width: 420px;
    height: 456px;
    overflow-x: hidden
}

.card_detail_wrap .left::-webkit-scrollbar {
    width: 2px
}

.card_detail_wrap .left {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .5) transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.card_detail_wrap .left .logo {
    width: 216px;
    height: 108px;
    border-radius: 1px;
    border: 1px solid #e9e9ea
}

.card_detail_wrap .right {
    padding: 48px 0 24px 46px;
    width: 376px;
    height: 520px;
    background: url(../image/bg_businesscard_detail@2x.e6b0d37f.png) 50%/cover no-repeat
}

.card_detail_wrap .right .right-top {
    width: 100%
}

.card_detail_wrap .right .right_logo {
    border-radius: 50%
}

.card_detail_wrap .right .user-head {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.card_detail_wrap .right .im-icon {
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: -4px;
    padding: 2px 4px;
    height: 28px
}

.card_detail_wrap .right .onlineCommunication {
    min-width: 82px
}

.card_detail_wrap .right .onlineCommunication .img-left {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../image/icon_im_user_nor.png) no-repeat;
    background-size: 100% 100%
}

.card_detail_wrap .right .onlineCommunication .img-left-pag {
    display: none
}

.card_detail_wrap .right .onlineCommunication .contact-text {
    color: #1742bf
}

.card_detail_wrap .right .icon_service_hover {
    min-width: 90px;
    background: linear-gradient(90deg, #234092, #526ee5);
    border-radius: 2px
}

.card_detail_wrap .right .icon_service_hover .img-left {
    display: none
}

.card_detail_wrap .right .icon_service_hover .img-left-pag {
    display: block
}

.card_detail_wrap .right .icon_service_hover .contact-text {
    color: #fff
}

.card_detail_wrap .right .line {
    width: 24px;
    height: 2px;
    background: #1742bf
}

.card_detail_wrap .box_white {
    padding: 2px;
    height: 35px;
    min-width: 90px
}

.layui-layer-setwin .layui-layer-close2 {

    right: -18px !important;
    top: -14px !important;

}