/* 企业微信关键数据配置 */

#app {
    position: relative;
    padding: 52px 10px 13px 122px;
    background-color: #f3f3f3;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.customer_detail_iframe {
    border: none;
}

.versionHideHeader #app {
    padding: 52px 10px 13px 10px;
}

.el-dialog__close {
    color: #000000 !important;
    font-weight: bold !important;
}

.page-tips,
.video_player__wrap {
    z-index: 3000;
}

.el-image .el-image-viewer__close {
    color: white;
    /* right: 30%; */
}

.el-dialog__body .dialog-selector .dialog-selector__main .dialog-selector__footer .dialog-selector__shortcut .el-button,
.el-dialog__body .dialog-selector .dialog-selector__main .dialog-selector__footer .dialog-selector__buttons .el-button {
    padding: 8px 20px;
}

.el-dialog__body .dialog-selector .dialog-selector__main {
    padding: 0 18px 15px;
}

.tag-selector-dialog .el-dialog__body .dialog-selector .dialog-selector__main .dialog-selector__content .el-collapse .el-collapse-item .el-collapse-item__wrap .dialog-selector__group {
    padding-left: 0;
    margin-left: -10px;
}

.tag-selector-dialog .el-dialog__body .dialog-selector .dialog-selector__main .dialog-selector__content .el-collapse .el-collapse-item .el-collapse-item__wrap .dialog-selector__group .el-checkbox.is-bordered:first-of-type {
    margin-left: 10px;
}

.tag-selector-dialog .el-dialog__body .dialog-selector .dialog-selector__main .dialog-selector__content .el-collapse .el-collapse-item .el-collapse-item__wrap .dialog-selector__group .el-checkbox.is-bordered {
    height: 32px;
}

.page_publicPlatform_list {
    display: block;
}

.table-edit-button {
    padding: 5px 7px !important;
}

/* 设置 */
.qywechat-setting {
    background: #FFFFFF;
}

.qywechat-setting .header {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #f3f3f3;
    color: #2c2c2c;
    font-size: 12px;
    margin-bottom: 25px;
}

.qywechat-setting .header .left-border {
    display: inline-block;
    height: 16px;
    width: 4px;
    margin-right: 5px;
    margin-left: 15px;
    background-color: #822687;
}

.qywechat-setting .qywechat-grant {
    height: calc(100% - 65px);
}

.qywechat-setting .qywechat-grant .title {
    font-family: MicrosoftYaHeiUI;
    font-size: 16px;
    color: #333333;
    margin-bottom: 27px;
}

.qywechat-setting .qywechat-grant .qrcode-box {
    padding: 25px;
    background: #F6F6F6;
    border-radius: 6px;
}

.qywechat-setting .qywechat-grant .qrcode {
    width: 200px;
    height: 200px;
    margin-bottom: 22px;
}

.qywechat-setting .qywechat-grant .tip {
    font-family: MicrosoftYaHeiUI;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.qywechat-setting .qywechat-grant .tip .qiyeweixin {
    width: 23px;
    height: 23px;
    margin: 0 5px;
}

/* .qywechat-setting .qywechat-grant .tip .iconfont {
    color: #007AFF;
    font-size: 22px;
    margin: 0 5px;
} */
.qywechat-setting .qywechat-grant-success {}

.qywechat-setting .qywechat-grant-success .form-item {
    margin-bottom: 10px;
}

.qywechat-setting .qywechat-grant-success .form-item .label {
    color: #000;
    font-weight: bold;
    width: 120px;
    display: inline-block;
    text-align: right;
}

.qywechat-setting .qywechat-grant-success .form-item .el-input {
    width: 360px;
}

.qywechat-setting .qywechat-grant-success .unbound {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background-color: #832588;
    height: 30px;
    width: 60px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 120px;
}

.qywechat-setting .qywechat-grant-success .sync-wechat {
    height: 30px;
    border: none;
    background-color: #e9e9e9;
    border-radius: 3px;
    color: #222222;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}

.qywechat-setting .qywechat-grant-success .sync-wechat:hover {
    background-color: #d7d7d7;
}

.qywechat-setting .dialog-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 14px;
    color: #222222;
}

.qywechat-setting .dialog-body {
    margin-top: -20px;
}

.qywechat-setting .dialog-body .title {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 19px;
    margin-bottom: 20px;
    font-weight: normal;
}

.qywechat-setting .dialog-body .title .el-icon-warning {
    color: #EF5C5C;
    margin-right: 5px;
    font-size: 16px;
    transform: translate(0, 1px);
}

.qywechat-setting .dialog-body .el-form-item {
    margin-bottom: 15px;
}

.qywechat-setting .dialog-body .form-item-label {
    font-family: MicrosoftYaHeiSemibold;
    font-size: 12px;
    color: #333333;
}

.qywechat-setting .dialog-body .form-item-content .el-input {
    width: 150px;
    margin-right: 5px;
}

.qywechat-setting .dialog-body .form-item-content .VCcode-box {
    width: 80px;
    height: 32px;
    background: #C9C9C9;
}

.qywechat-setting .dialog-body .form-item-content .img {
    width: 80px;
    height: 32px;
    vertical-align: baseline;
}

.qywechat-setting .dialog-body .form-item-content .tip {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #C9C9C9;
    margin-left: 5px;
    line-height: 17px;
}

.qywechat-setting .dialog-body .unbound-tip-box .iconfont {
    font-size: 12px;
    margin-right: 3px;
    margin-top: 3px;
    color: #EF5C5C;
}

.qywechat-setting .dialog-body .unbound-tip {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #EF5C5C;
    padding: 0;
}

.qywechat-setting .dialog-footer {
    margin-top: -20px;
}

/* 加好友设置 */
.add-friend-settiing {
    background: #FFFFFF;
    height: 100%;
    padding-top: 7px;
}

.add-friend-settiing-tips {
    height: 35px;
    line-height: 35px;
    background: #F4F4F5;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    padding: 0 14px;
    margin: 0 10px;
}

.add-friend-settiing-tips .iconfont {
    font-size: 12px;
    margin-right: 8px;
}

.add-friend-settiing-body {
    width: 100%;
    height: calc(100% - 120px);
    padding: 0 10px;
    position: relative;
}

.add-friend-settiing-body .noApp {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

.add-friend-settiing-body .noApp div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.add-friend-settiing-body .noApp div img {
    width: 352.21px;
    height: 269px;
}

.add-friend-settiing-body .noApp div p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-bottom: 7px;
}

/* .add-friend-settiing-body::before{
    content: '';
    position: absolute;
    left: 39%;
    top: 24px;
    height: calc(100% - 48px);
    width: 1px;
    background-color: #E5E5E5;
    z-index: 1;
} */
.add-friend-settiing-body .left {
    display: inline-block;
    width: 70%;
    min-width: 900px;
    height: 100%;
}

.add-friend-settiing-body.small-app-recommend .left {
    display: inline-block;
    width: 39%;
    height: 100%;
    min-width: 600px;
    max-width: 800px;
}

.add-friend-settiing-body .left .as-selector__clear {
    right: 30px;
}

.add-friend-settiing-body .right {
    display: block;
    float: left;
    width: 60%;
    height: 100%;
    /* vertical-align: top; */
    position: relative;
    padding-left: 10px;
}

.add-friend-settiing-body .right .hide {
    display: none;
}

.add-friend-settiing-body .left h1,
.add-friend-settiing-body .right h1 {
    font-size: 14px;
    color: #333333;
    margin-top: 24px;
}

.add-friend-settiing-body .left .tips,
.add-friend-settiing-body .right .tips {
    font-size: 12px;
    color: #999999;
    margin-top: 7px;
}

.add-friend-settiing-body .right .tips span {
    color: #333333;
}

.add-friend-settiing-body .left .el-table {
    border: 1px solid #EBEEF5;
    margin-top: 17px;
}

.add-friend-settiing-body .left .el-table th,
.add-friend-settiing-body .left .el-table td {
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 12px;
}

.add-friend-settiing-body .left .el-table thead {
    background-color: #FAFCFF;
}

.add-friend-settiing-body .left .el-table--border .el-table__cell:first-child .cell {
    color: #333;
}

.add-friend-settiing-body .left .el-table--border .el-table__cell:last-child .cell {
    color: #909399;
}

.add-friend-settiing-body .left .el-table--border .el-table__cell:last-child .cell .select {
    color: #333;
}

.add-friend-settiing-body .left .hearder {
    display: inline-block;
    vertical-align: middle;
    width: 18.5px;
    height: 18.5px;
    background: url(./images/default_code_img.png) no-repeat center center;
    background-size: 18.5px 18.5px;
    border-radius: 50%;
}

.add-friend-settiing-body .left .hearder img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    vertical-align: top;
}

.add-friend-settiing-body .left .as-selector {
    background: transparent;
    box-shadow: none;
    padding-left: 0;
    cursor: pointer;
}

.add-friend-settiing-body .left .as-selector__label:after {
    border: none;
}

.add-friend-settiing-body .left .as-selector:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none;
    width: 0;
    height: 0;
    border-radius: 0;
    background-color: transparent;
}

.add-friend-settiing-body .left .as-selector:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 11px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none;
}

.add-friend-settiing-body .left .el-table__row--striped .as-selector:after {
    border-top: 6px solid #FAFAFA;
}

.add-friend-settiing-body .right .el-radio-group {
    margin-top: 16px;
}

.add-friend-settiing-body .right .el-radio-group .el-radio-button__inner {
    padding: 12px 20px;
    box-shadow: none;
    font-size: 12px;
}

.add-friend-settiing-body .right .el-textarea {}

.add-friend-settiing-body .right .el-textarea textarea {
    border: none;
    resize: none;
    font-size: 12px;
    color: #333;
}

.add-friend-settiing-body .right .textareaBox {
    margin-top: 20px;
    width: 404px;
    height: 159px;
    border: 1px solid #DCDFE6;
    position: relative;
}

.add-friend-settiing-body .right .textTips {
    padding: 0 7px;
    height: 26px;
    line-height: 26px;
    background: #F6F6F6;
    border-radius: 3px;
    font-size: 12px;
    color: #999999;
    position: absolute;
    left: 14px;
    top: 120px;
    cursor: pointer;
}
.add-friend-settiing-body .right .textTips:hover {
    filter: brightness(0.95);
}

.add-friend-settiing-body .right .textTips .iconfont {
    vertical-align: middle;
    font-size: 15px;
    margin-right: 4px;
}

.add-friend-settiing-body .right .imgTips {
    position: absolute;
    left: 454px;
    top: 15px;
    width: 201px;
    height: 400px;
}

.add-friend-settiing-body .right .imgTips p {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin-bottom: 7px;
}

.add-friend-settiing-body .right .imgTips img {
    height: 364px;
    width: 201px;
}

.add-friend-settiing .save {
    height: 40px;
    background-color: #f3f3f3;
    text-align: center;
    position: relative;
    z-index: 2;
}

.add-friend-settiing .save .btn {
    display: inline-block;
    width: 102px;
    height: 28px;
    line-height: 28px;
    background: #832688;
    border-radius: 3px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 7px;
    cursor: pointer;
}

.add-friend-settiing .welcome_file_upload {
    width: 404px;
    margin-top: 10px;
}

.add-friend-settiing .welcome_files {
    margin-bottom: 10px;
}

.add-friend-settiing .welcome_files .pic_box {
    display: flex;
    gap: 10px;
    height: 38px;
    align-items: center;
    background: #F6F6F6;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 2px 10px;
    box-sizing: content-box;
}

.add-friend-settiing .welcome_files .pic_box .iconfont {
    display: inline-block;
    margin-right: 10px;
    color: #999999;
    cursor: pointer;
}

.add-friend-settiing .welcome_files .pic_box .iconfont:hover {
    color: #409EFF;
}

.add-friend-settiing .welcome_files .pic_box p {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.add-friend-settiing .welcome_files .pic_box img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 3px;
}

.add-friend-settiing .welcome_file_upload .upload_mask {
    width: 90px;
    height: 30px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    cursor: pointer;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.add-friend-settiing .welcome_file_upload #file_upload {
    width: 90px;
    height: 30px;
    border: 1px solid #eee;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    font-size: 0;
}

.add-friend-settiing .welcome_file_upload #file_upload:hover+.upload_mask {
    background-color: #F6F6F6;
}

.small-app-recommend {
    padding: 30px;
}

.small-app-recommend::before {
    content: none;
}

.add-friend-settiing .type_switch {
    display: flex;
    align-items: center;
}

.add-friend-settiing .type_switch span {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    margin-right: 10px;
}

.add-friend-setting_box {
    height: 100%;
}

.add-friend-setting_box .switch-tab {
    display: flex;
    flex-direction: row;
    padding: 10px;
    background-color: white;
}

.add-friend-setting_box .type_setting {
    height: calc(100% - 50px);
}

.add-friend-setting_box .type_setting .menu {
    display: flex;
    margin-top: 30px;
}

.add-friend-setting_box .type_setting .menu .schematic_diagram {
    width: 210px;
    position: absolute;
    left: 935px;
    box-shadow: 0 0 10px #e2e2e2;
}

.add-friend-setting_box .type_setting .menu .schematic_diagram img {
    width: 100%;
}

.add-friend-setting_box .type_setting .menu.store {
    height: calc(100% - 130px);
}

.add-friend-setting_box .type_setting .menu.store>div.title {
    padding-top: 10px;
}

.add-friend-setting_box .type_setting .menu .left .el-table {
    margin-top: 0px;
}

.add-friend-setting_box .type_setting .menu .title {
    width: 70px;
}

.add-friend-setting_box .type_setting .menu .radio_group .el-radio__label {
    font-size: 12px;
    font-weight: 600;
}

.add-friend-setting_box .type_setting .menu .radio_group {
    display: flex;
    flex-direction: column;
}

.add-friend-setting_box .type_setting .menu .radio_group>div {
    margin-bottom: 17px;
}

.add-friend-setting_box .type_setting .menu .radio_group>div .el-radio {
    color: #333333;
}

.add-friend-setting_box .type_setting .menu .radio_group>div p {
    color: #999999;
    font-size: 12px;
    padding-left: 23px;
    line-height: 30px;
}

.add-friend-setting_box .switch-tab>div {
    width: 108px;
    text-align: center;
    line-height: 37px;
    height: 37px;
    border: 1px solid #DCDFE6;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
    transition: 400ms ease all;
    border-right: none;
}

.add-friend-setting_box .switch-tab>div.active {
    background-color: #832588;
    border-color: #832588;
    color: white;
}

.add-friend-setting_box .switch-tab>div:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.add-friend-setting_box .switch-tab>div:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #DCDFE6;
}

.add-friend-setting_box .type_setting .menu .main_target {
    padding-top: 10px;
}

.add-friend-setting_box .type_setting .menu .target_person {
    width: 260px;
    height: 38px;
    border: 1px solid #DCDFE6;
    border-radius: 3px;
    position: relative;
}

.add-friend-setting_box .type_setting .menu .target_person .el-icon-arrow-up {
    position: absolute;
    right: 0;
    rotate: 180deg;
    top: 2px;
    color: #cbced6;
}

.add-friend-setting_box .type_setting .menu .target_person .as-selector {
    width: 260px;
    line-height: 35px;
    height: 38px;
    padding-left: 15px;
}

.add-friend-setting_box .type_setting .menu .target_person .as-selector::before {
    top: 16px;
}

.add-friend-setting_box .type_setting .menu .target_person .as-selector::after {
    top: 15px;
}

.welcomePop div {
    padding: 23px 18px;
}

.welcomePop div p {
    font-size: 12px;
    color: #999999;
    margin-bottom: 9px;
}

.welcomePop div .title {
    font-size: 14px;
    color: #333333;
}

.welcomePop div img {
    width: 431px;
    margin: 0 auto;
}

.welcomePop.el-popover.el-popper .popper__arrow {
    border-bottom-color: transparent;
}

/* 群发朋友圈 */
.share_to_external_moments {
    height: calc(100% + 13px);
}

.filter-header {
    position: relative;
}

.filter-header .date-picker {
    background: #FFFFFF;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin-right: 8px;
    padding: 0 0 0 9px;
}

.filter-header .date-picker:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
}

.filter-header .date-picker .label {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
}

.filter-header .date-picker .border {
    margin: 0 7px;
    width: 1px;
    height: 13px;
    background-color: #DADADA;
}

.filter-header .date-picker .el-date-editor {
    border: none;
    width: 315px;
}

.filter-header .date-picker .el-range-editor.is-active:hover {
    border: none !important;
}

.filter-header .date-picker .el-range-editor.el-input__inner {
    padding: 5px 0 3px 5px;
}

.filter-header .date-picker .el-date-editor .el-range-separator {
    width: 20px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
}

.filter-header .date-picker .el-date-editor .el-range__icon {
    /* margin-top: 3px; */
}

.filter-header .header-button {
    height: 30px;
    border-radius: 3px;
    border: none;
    color: #FFFFFF;
    background-color: #832588;
    font-size: 12px;
    cursor: pointer;
    min-width: 60px;
}

.filter-header .header-button:hover {
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
}

.filter-header .search-list {
    width: 62px;
}

.filter-header .add-button {
    position: absolute;
    right: 0;
    width: 106px;
    border-radius: 3px;
}

.filter-header .add-button .iconfont {
    margin-right: 3px;
}

.share_to_external_moments .content-row {}

.share_to_external_moments .content-row .img-box {
    width: 49px;
    height: 49px;
    border-radius: 2px;
    position: relative;
}

.share_to_external_moments .content-row .img-box .img {
    width: 49px;
    height: 49px;
    border-radius: 2px;
}

.share_to_external_moments .content-row .img-box .img-tag {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 0 6px;
    width: 32px;
    height: 16px;
}

/* .share_to_external_moments .content-row .img-box .img-tag .photo {
    width: 14px;
    height: auto;
    margin-right: 3px;
} */
.share_to_external_moments .content-row .img-box .img-tag .iconfont {
    font-size: 5px;
    margin-right: 2px;
    margin-top: 1px;
}

.share_to_external_moments .content-row .video-box {
    width: 49px;
    height: 49px;
    border-radius: 2px;
    background: #555555;
    color: #FFFFFF;
}

.share_to_external_moments .content-row .video-box .iconfont {
    font-size: 22px;
}

.share_to_external_moments .content-row .link-box {
    width: 49px;
    height: 49px;
    border-radius: 2px;
    background: #F6F6F6;
}

.share_to_external_moments .content-row .link-box .img {
    width: 49px;
    height: 49px;
    border-radius: 2px;
}

.share_to_external_moments .content-row .link-box .iconfont {
    font-size: 24px;
    color: #999999;
}

.share_to_external_moments .content-row .left-img {
    margin-right: 12px;
}

.share_to_external_moments .content-row .left-img .img {
    object-fit: cover;
}

.share_to_external_moments .content-row .content {
    font-size: 12px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
}

.share_to_external_moments .content-row .content .bold {
    font-weight: bold;
}

/* 群发消息 */
.share_to_external_contact {
    height: calc(100% + 13px);
}

.share_to_external_contact .content-row {}

.share_to_external_contact .content-row .left-box {
    margin-right: 12px;
}

.share_to_external_contact .content-row .left-box .compose {
    width: 49px;
    height: 49px;
    border-radius: 2px;
    background: #F6F6F6;
}

.share_to_external_contact .content-row .left-box .compose .iconfont {
    color: #999999;
    font-size: 24px;
}

.share_to_external_contact .content-row .left-box .single {}

.share_to_external_contact .content-row .left-box .single .img-box {
    width: 49px;
    height: 49px;
    border-radius: 2px;
    position: relative;
}

.share_to_external_contact .content-row .left-box .single .img-box .img {
    width: 49px;
    height: 49px;
    border-radius: 2px;
}

.share_to_external_contact .content-row .left-box .single .img-box .img-tag {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 0 6px;
    width: 32px;
    height: 16px;
}

/* .share_to_external_contact .content-row .left-box .single .img-box .img-tag .photo {
    width: 14px;
    height: auto;
    margin-right: 3px;
} */
.share_to_external_contact .content-row .left-box .single .img-box .img-tag .iconfont {
    font-size: 5px;
    margin-right: 2px;
    margin-top: 1px;
}

/* .share_to_external_contact .content-row .left-box .single .img-box .img-tag .iconfont {
    font-size: 5px;
    margin-right: 3px;
} */

.share_to_external_contact .content-row .left-box .img {
    object-fit: cover;
}

.share_to_external_contact .content-row .content {
    font-size: 12px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
}

.share_to_external_contact .content-row .content .bold {
    font-weight: bold;
}

/* 创建任务 */
.add-task .el-dialog__header {
    padding: 20px 20px 0;
}

.add-task .el-dialog__body {
    padding: 0 20px;
}

.add-task .el-dialog__footer {
    padding: 0 20px 20px;
}

.welcome_send_dialog.add-task-inner .el-dialog__body {
    padding: 10px 20px 25px;
}

.welcome_send_dialog .contentbox {
    display: flex;
    gap: 5px;
}

.welcome_send_dialog .contentbox .label {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    color: #000000;
    width: 62px;
}

.welcome_send_dialog .dialog-footer .submit {
    font-size: 12px;
    padding: 10px 34px;
}
.welcome_send_dialog .dialog-footer .cancel {
    font-size: 12px;
    padding: 10px 17px;
}

.add-task-inner {}

.add-task-inner .el-dialog__header {
    padding: 20px 20px 15px;
}

.add-task-inner .add-task-inner-dialog-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 14px;
    color: #222222;
}

.add-task-inner .add-task-inner-dialog-body .tip {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #C9C9C9;
}

.add-task-inner .add-task-inner-dialog-body {
    min-height: 236px;
}

/* .add-task-inner .add-task-inner-dialog-body .mgj-uploader__upload {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.add-task-inner .add-task-inner-dialog-body .placeholder-text {
    margin-left: 11px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #C9C9C9;
} */
/* .add-task-inner .add-task-inner-dialog-body .link-url-input .el-textarea__inner {
    resize: none;
    height: 108px;
} */
.add-task-inner .add-task-inner-dialog-body .link-content {}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-content {}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-content .el-textarea__inner {
    resize: none;
}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-content .link-url-input .el-textarea__inner {
    height: 70px;
    padding: 12px 15px;
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-content .link-title-input {
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-content .link-desc-input .el-textarea__inner {
    height: 152px;
    padding: 12px 15px;
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .link-desc-label::before,
.add-task-inner .add-task-inner-dialog-body .link-content .link-picurl-label::before {
    content: ' ';
    margin-right: 10px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .form-item-label {
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
}

.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .mgj-uploader__upload {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .mgj-uploader__preview,
.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .mgj-uploader__preview-img,
.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .mgj-uploader__upload-icon {
    width: 84px;
    height: 84px;
    border-radius: 2px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .mgj-uploader__upload-icon .iconfont {
    font-size: 42px;
}

.add-task-inner .add-task-inner-dialog-body .link-content .contact-link-picurl .placeholder-text {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
    margin-left: 14px;
}

.add-task-inner .add-task-inner-dialog-body .miniprogram-content .label {
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    margin-right: 13px;
}

.add-task-inner .add-task-inner-dialog-body .miniprogram-content .miniprogram_selector__content .as-selector__option_wrap .as-selector__option {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .add-task-inner .link-dialog-body {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
} */
/* .add-task-inner .link-dialog-body .link-url-input {}
.add-task-inner .link-dialog-body .link-url-input .el-textarea__inner {
    border: none;
} */
/* .add-task-inner .link-dialog-body .contact-linkurl-message {
    color: red;
    font-size: 12px;
    padding: 5px 15px;
} */
/* .add-task-inner .link-dialog-body .media-upload {
    padding: 10px 10px 0;
    border-top: 1px solid #E5E5E5;
} */
.add-task-inner .el-dialog__body {
    padding: 0 20px;
}

.add-task-inner .el-dialog__footer {
    padding: 20px;
}

.add-task-inner .add-task-inner-dialog-footer .submit {
    color: #FFFFFF;
    background-color: #832588;
}

.add-task-inner .add-task-inner-dialog-footer .submit:hover {
    color: #FFFFFF;
    background-color: #832588;
}

.add-task-dialog-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 14px;
    color: #222222;
}

.add-task-dialog-body {}

.add-task-dialog-body .header-tip {
    font-family: MicrosoftYaHeiUI;
    font-size: 12px;
    color: #999999;
    margin-top: -6px;
    font-weight: normal;
}

.add-task-dialog-body .header-tip .tip-button {
    font-family: MicrosoftYaHeiUI;
    font-size: 12px;
    color: #409EFF;
}

.flow-chart {
    padding: 21px;
}

.flow-chart .title {
    font-family: PingFang-SC-Bold;
    font-weight: Bold;
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}

.flow-chart .text {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
}

.flow-chart .el-image {
    width: 516px;
    margin-top: 15px;
}

.add-task-dialog-body .add-task-form .as-selector__label {
    display: none;
}

.add-task-dialog-body .add-task-form .selector-visible .as-selector__value {
    color: #333333;
}

.add-task-dialog-body .add-task-form .user-list-selector .as-selector {
    padding: 0 25px 0 15px;
}

.add-task-dialog-body .add-task-form .el-form-item {
    margin-bottom: 5px;
}

.add-task-dialog-body .add-task-form .el-form-item .el-radio__label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #323C47;
}

.add-task-dialog-body .add-task-form .as-selector {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

.add-task-dialog-body .add-task-form .form-item-label {
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
}

.add-task-dialog-body .add-task-form .link-form-item {}

.add-task-dialog-body .add-task-form .link-form-item .link-label {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
}

.add-task-dialog-body .add-task-form .link-form-item .link-url-form-item {
    margin-bottom: 0;
}

.add-task-dialog-body .add-task-form .link-form-item .link-title-form-item {
    margin-top: 15px;
    margin-bottom: 20px;
}

.add-task-dialog-body .add-task-form .link-form-item .link-title-form-item .link-label::before {
    content: ' ';
    margin-right: 10px;
}

.add-task-dialog-body .add-task-form .link-form-item .link-url-form-item .el-form-item__label,
.add-task-dialog-body .add-task-form .link-form-item .link-title-form-item .el-form-item__label {
    padding: 0;
}

.add-task-dialog-body .add-task-form .link-form-item .link-url-form-item .el-form-item__content,
.add-task-dialog-body .add-task-form .link-form-item .link-title-form-item .el-form-item__content {
    margin-left: 45px !important;
}

.add-task-dialog-body .add-task-form .link-form-item .link-form-item-content {}

.add-task-dialog-body .add-task-form .link-form-item .link-url-input,
.add-task-dialog-body .add-task-form .link-form-item .link-title-input {}

.add-task-dialog-body .add-task-form .form-item-content {}

.add-task-dialog-body .add-task-form .form-item-content .select-tag-box {
    background: #F6F6F6;
    border-radius: 3px;
    padding: 11px;
}

.add-task-dialog-body .add-task-form .form-item-content .select-tag-box .label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-right: 6px;
}

.add-task-dialog-body .add-task-form .form-item-content .select-tag-box .tip {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    height: 201px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info-left {
    margin-left: 45px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .textarea .el-textarea__inner {
    border: none;
    resize: none;
    height: 100%;
    padding: 11px 15px;
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .placeholder-text {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
    line-height: 1;
    margin-left: 11px;
}

.add-task-dialog-body .add-task-form .as-selector__value {
    color: #909090;
}

.add-task-dialog-body .add-task-form .el-input__inner::placeholder,
.add-task-inner .link-content .el-input__inner::placeholder,
.add-task-inner .link-content .el-textarea__inner::placeholder,
.add-task-dialog-body .add-task-form .el-textarea__inner::placeholder {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-textarea .el-textarea__inner {
    height: 77px;
    resize: none;
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.add-contact-dropdown-menu .el-dropdown-menu__item:hover .contact-dropdown-item {
    color: #409EFF;
}

.contact-dropdown-item .iconfont {
    font-size: 14px;
    width: 20px;
}

.contact-dropdown-item .icon-photo {
    font-size: 12px;
}

.contact-dropdown-item .icon-social_meiguanjia {
    font-size: 16px;
}

.contact-dropdown-item {
    font-family: MicrosoftYaHeiUI;
    font-size: 12px;
    color: #5A5E66;
}

.add-task-dialog-body .add-task-form .emp-advanced-selector-tip {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #909090;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list {
    margin-top: 7px;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list .contact-list-item {
    background: #F6F6F6;
    margin-top: 2px;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list .contact-list-item .main {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list .contact-list-item .main .img {
    width: 27px;
    height: 27px;
    border-radius: 2px;
    margin-right: 4px;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list .contact-list-item .delete-icon {
    color: #999999;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
}

.add-task-dialog-body .add-task-form .form-item-content .contact-list .contact-list-item .delete-icon:hover {
    color: #409EFF;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .link-url-box {
    border-top: 1px solid #E5E5E5;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .link-url-box .link-url-input .el-input__inner {
    border: none;
    padding-left: 9px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .link-url-box .left-icon {
    width: 26px;
    height: 26px;
    background-color: #F6F6F6;
    border-radius: 3px;
    margin-left: 11px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .link-url-box .iconfont {
    color: #999999;
    font-size: 13px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .link-url-box .validate-message {
    width: 200px;
    color: red;
    font-size: 12px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .add-files {
    margin: 0 15px;
}

.add-task-dialog-body .add-task-form .form-item-content .attachments-info .add-files .mgj-uploader__upload {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.add-task-dialog-footer {
    margin-top: 14px;
}

.add-task-dialog-footer .submit {
    color: #FFFFFF;
    background-color: #832588;
}

.add-task-dialog-footer .submit:hover {
    color: #FFFFFF;
    background-color: #832588;
}

/* 任务详情 */
.task-detail {}

.task-detail .el-dialog__header {
    padding: 20px 20px 7px;
}

.task-detail .el-dialog__body {
    padding: 0 20px 20px;
}

.task-detail .task-detail-dialog-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 14px;
    color: #222222;
}

.task-detail .task-detail-dialog-body {}

.task-detail .task-detail-dialog-body .publish_status {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #FF0002;
}

.task-detail .task-detail-dialog-body .success_status {
    color: #69BB6B;
}

.task-detail .task-detail-dialog-body .mgj-table-list_header {
    margin-bottom: 0;
}

.task-detail .task-detail-dialog-body .subtitle {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    height: 35px;
    line-height: 35px;
}

.task-detail .task-detail-dialog-body .customer-row {}

.task-detail .task-detail-dialog-body .customer-row .img-box {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #DADADA;
    background: url('./images/default-avatar.gif') no-repeat center center;
    background-size: cover;
}

.task-detail .task-detail-dialog-body .customer-row .img-box .img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: none;
}

.task-detail .task-detail-dialog-body .customer-row .customer-info {
    margin-left: 8px;
}

.task-detail .task-detail-dialog-body .customer-row .customer-info .name {
    font-family: MicrosoftYaHei-Bold;
    font-weight: Bold;
    font-size: 12px;
    color: #333333;
    line-height: 1.2;
}

.task-detail .task-detail-dialog-body .customer-row .customer-info .role-name {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
    line-height: 1.2;
}

.task-detail .task-detail-dialog-body .task-detail-content {
    background: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    padding: 11px;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    max-height: 206px;
    overflow-y: auto;
}

.task-detail .task-detail-dialog-body .task-detail-content .content-text {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
    line-height: 1.4;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main {
    /* margin-right: 10px; */
    /* margin-top: 9px; */
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main.offset-y {
    margin-top: -10px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .img-box {
    padding-top: 10px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .img {
    width: 54px;
    height: 54px;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .video-box {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    background: #555555;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 10px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .video-box .iconfont {
    font-size: 30px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box {
    background: #FFFFFF;
    color: #333333;
    padding: 8px;
    width: 564px;
    cursor: pointer;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box:hover {
    background: #EBF5FF;
    color: #409EFF;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box .link-info {
    margin-right: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box .link-info .text {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #333333;
    width: 177px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box:hover .link-info .text {
    color: #409EFF;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box .link-poster {
    width: 48px;
    height: 48px;
    background: #EEEEEE;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box .link-poster .img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box .link-poster .iconfont {
    font-size: 22px;
    color: #666666;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item {
    background: #FFFFFF;
    padding: 11px 13px;
    cursor: pointer;
    margin-bottom: 12px;
    width: 565px;
    border: 1px solid #E9E9E9;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item:last-of-type {
    margin-bottom: 0;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-info {
    margin-right: 27px;
    width: 540px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-info .link-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 4px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item:hover {
    border: 1px solid #409EFF;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item:hover .link-info .link-title {
    color: #409EFF;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-info .text {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
    line-height: 1.5;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-poster {
    width: 44px;
    height: 44px;
    background: #F6F6F6;
    border-radius: 2px;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-poster .img {
    width: 44px;
    height: 44px;
    border-radius: 2px;
    object-fit: cover;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .link-box-item .link-poster .iconfont {
    font-size: 22px;
    color: #666666;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item {
    padding: 10px;
    width: 372px;
    cursor: default;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item:hover {
    border: 1px solid #E9E9E9;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item:hover .link-info .link-title {
    color: #333333;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item .link-info {
    width: auto;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item .link-info .link-title {
    font-family: MicrosoftYaHei;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    line-height: 17.5px;
    margin-bottom: 0;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item .link-poster {
    width: 27px;
    height: 27px;
    background: #F6F6F6;
}

.task-detail .task-detail-dialog-body .task-detail-content .task-main .miniprogram-box-item .link-poster .img {
    width: 27px;
    height: 27px;
}

.task-detail .task-detail-dialog-body .el-pagination {
    margin-top: 6px;
    margin-left: -10px;
}

/* 已送达客户 */
.send-result {}

.send-result .el-dialog__header {
    padding: 20px;
}

.send-result .el-dialog__body {
    padding: 0 20px 20px;
}

.send-result .send-result-dialog-title {
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: Bold;
    font-size: 14px;
    color: #222222;
}

.send-result .send-result-dialog-body {}

.send-result .send-result-dialog-body .subtitle {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}

.send-result .send-result-dialog-body .customer-box {
    overflow-y: auto;
    overflow-x: hidden;
    height: 390px;
    margin-top: 10px;
}

.send-result .send-result-dialog-body .customer-box .send-result-dialog-body_empty {
    height: 100%;
}

.send-result .send-result-dialog-body .customer-box .send-result-dialog-body_empty .iconfont {
    font-size: 58px;
    color: #A9A9A9;
}

.send-result .send-result-dialog-body .customer-box .send-result-dialog-body_empty .label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}

.send-result .send-result-dialog-body .customer-box .customer-list {}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item {
    background: #F9F9F9;
    border-radius: 6px;
    padding: 17px;
    cursor: pointer;
    margin-bottom: 14px;
    height: 64px;
    width: 100%;
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .img-box {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #DADADA;
    background: url('./images/default-avatar.gif') no-repeat center center;
    background-size: cover;
    margin-right: 8px;
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: none;
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .customer-info {
    /* margin-left: 8px; */
    width: calc(100% - 38px);
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .customer-info .name {
    font-family: MicrosoftYaHei-Bold;
    font-weight: Bold;
    font-size: 12px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .customer-info .shop-name {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.send-result .send-result-dialog-body .customer-box .customer-list .customer-list-item .unbound {
    font-family: MicrosoftYaHei-Bold;
    font-weight: Bold;
    font-size: 12px;
    color: #999999;
}

.unbound-tip {
    padding: 10px;
    min-height: 45px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
}

.send-result .send-result-dialog-body .load-more {
    text-align: center;
    margin-top: 20px;
    font-family: MicrosoftYaHeiUI;
    font-size: 12px;
    color: #666666;
}

/* 文件上传 */
.mgj-upload {
    display: flex;
    flex-wrap: wrap;
}

.mgj-upload .mgj-uploader__preview,
.mgj-upload .mgj-uploader__preview-img,
.mgj-uploader__upload-icon {
    width: 54px;
    height: 54px;
    border-radius: 2px;
}

.mgj-uplod--large .mgj-uploader__preview,
.mgj-uplod--large .mgj-uploader__preview-img,
.mgj-uplod--large .mgj-uploader__upload-icon {
    width: 100px;
    height: 100px;
    border-radius: 7px;
}

.mgj-upload .mgj-uploader__preview-img {
    object-fit: cover;
}

.mgj-upload .mgj-uploader__preview {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.mgj-uploader__upload {
    margin-bottom: 10px;
}

.mgj-uploader__mask {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #999999;
    background: #F6F6F6;
}

.mgj-uploader__mask .text {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
    line-height: 1;
    margin-top: 4px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mgj-uploader__mask__video {
    background: #555555;
}

.mgj-uploader__mask__video .iconfont {
    color: white;
    font-size: 22px;
}

.mgj-upload .mgj-uploader__preview .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 14px;
    color: #CD292A;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    line-height: 1;
}

.mgj-uploader__upload .mgj-uploader__upload-button {
    cursor: pointer;
}

.mgj-uploader__upload-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    font-size: 24px;
}

.mgj-uploader__upload-icon .iconfont {
    font-size: 27px;
    color: #A2A2A2;
}

.mgj-uplod--large .mgj-uploader__upload-icon .iconfont {
    font-size: 45px;
}

/* 列表 */
.mgj-table-list {
    height: 100%;
}

.mgj-table-border {
    border: none !important;
}

.mgj-table-list_header {
    height: 35px;
    margin-bottom: 11px;
}

.mgj-table-list_header .export-icon {
    width: 30px;
    height: 30px;
    color: #9B9B9B;
    background: #F7F7F7;
    border-radius: 3px;
    cursor: pointer;
}

.mgj-table-list_header .export-icon:hover {
    color: #409EFF;
    /* box-shadow: rgba(0,0,0,0.3) 1px 1px 3px; */
}

.mgj-table-list_content {
    /* height: calc(100% - 102px); */
}

.mgj-table-list_content .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: #f8f2f8;
}

.mgj-table-list_pagination {
    height: 56px;
}

.mgj-table-list_pagination .cm_pager_box .cm_pager_left .cm_pager_check {
    margin-left: 0;
}

.mgj-table-list_pagination .cm_pager_box .cm_pager_right .cm_pager_active {
    margin-right: 0;
}

.mgj-table-list_content_empty .iconfont {
    font-size: 58px;
    color: #A9A9A9;
}

.mgj-table-list_content_empty .label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}

/* 图片 */
.mgj-img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #F6F6F6;
    display: inline-block;
    position: relative;
}

.mgj-img .image {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    object-fit: cover;
}

.mgj-img .image,
.mgj-img .error-slot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mgj-img .error-icon {
    font-size: 20px;
}

/* 门店PK */
.store-pk {}

.pk-header {
    height: 49px;
    position: relative;
    padding: 5px 0 12px;
}

.pk-header .shortcut-buton:first-of-type {
    margin-left: 10px;
}

.pk-header .date-picker,
.pk-header .search {
    margin-left: 10px;
}

.pk-header .date-picker {
    width: 255px !important;
}

.pk-header .radio-group .el-radio-button--small .el-radio-button__inner {
    padding: 9px 10px;
}

/* .pk-header .radio-group .is-active .el-radio-button__inner,
.pk-header .shortcut-buton.el-button--primary,
.pk-header .search {
    background-color: #832588;
} */
.pk-header .el-button+.el-button {
    margin-left: 5px;
}

.pk-header .export-icon {
    width: 26px;
    height: 26px;
    color: #9B9B9B;
    background: #F7F7F7;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.pk-header .export-icon:hover {
    color: #409EFF;
}

.pk-header .tip-icon {
    font-size: 14px;
    color: #C1C1C1;
    cursor: pointer;
    margin-left: 10px;
}

.pk-content {
    height: calc(100% - 49px);
    padding: 15px;
    background: #FFFFFF;
}

.pk-content .row-class-name:hover .cell-class-item {
    background-color: #f6fffb !important;
}

.pk-content .el-table th.el-table__cell>.cell,
.pk-content .el-table .cell {
    padding-left: 5px;
    padding-right: 5px;
}

.pk-content .el-table--border .el-table__cell:first-child .cell {
    padding-left: 5px;
}

.pk-content .table-column-header {}

.pk-content .table-column-header .header-title {
    font-family: PingFang-SC-Bold;
    font-weight: Bold;
    font-size: 12px;
    color: #363636;
}

.pk-content .row-item .iconfont,
.pk-content .table-column-header .iconfont {
    font-size: 12px;
    color: #C1C1C1;
    font-weight: normal;
    cursor: pointer;
}

.pk-content .row-item {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}

.pk-content_empty .iconfont {
    font-size: 58px;
    color: #A9A9A9;
}

.pk-content_empty .label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}

.table-column-header-tip {
    padding: 10px;
    font-size: 12px;
}

.table-tip-icon:hover {
    color: #409EFF !important;
}

/* 员工PK */
.employee-pk {}

.employee-pk .pk-header .shop-select {
    width: 162px;
    margin-left: 10px;
}

.employee-pk .pk-header .level-select {
    width: 142px;
    margin-left: 5px;
}

/* 企业微信顾客明细 */
.qy-customer-info {}

.pk-header .user-selector,
.pk-header .shop-selector {
    margin-left: 10px;
}

.pk-header .shop-selector .mock-el-select {
    min-width: 154px;
    width: 154px;
}

.pk-header .user-selector .mock-el-select {
    min-width: 150px;
    width: 150px;
}

.pk-header .mock-el-select--small.mock-el-select--collapse {
    height: 32px;
}

.members-list {}

.date-picker.el-date-editor .el-range-separator {
    width: 20px;
}

.members-list .members-list-item {
    cursor: pointer;
    padding: 5px 10px;
    border-bottom: 1px solid #f3f3f3;
}

.members-list .members-list-item:hover {
    background: #FAFAFA;
}

.members-list .members-list-item:last-of-type {
    border-bottom: none;
}

.members-list .members-list-item .img-box {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url(./images/default-avatar.gif) no-repeat center center;
    background-size: cover;
}

.members-list .members-list-item .img-box .img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}

.members-list .members-list-item .customer-name {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #409EFF;
    margin-left: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qy-employee-list .pk-pagination,
.qy-customer-info .pk-pagination {
    margin-top: 15px;
    margin-left: -9px;
}

.qy-customer-info .pk-content .customer-row {
    cursor: pointer;
    width: 100%;
}

.qy-customer-info .pk-content .customer-row .left-customer-info {
    width: calc(100% - 28px);
}

.qy-customer-info .pk-content .customer-row .left-customer-info .img-box {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url(./images/default-avatar.gif) no-repeat center center;
    background-size: cover;
}

.qy-customer-info .pk-content .customer-row .left-customer-info .img-box .img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}

.qy-customer-info .pk-content .customer-row .left-customer-info .customer-name {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #409EFF;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.qy-customer-info .pk-content .customer-row .customer-num {
    border-radius: 8px;
    height: 16px;
    line-height: 15px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #EBF5FF;
}

.qy-customer-info .pk-content .customer-row .customer-num:hover {
    border: 1px solid #d9ecff;
}

.qy-employee-list .pk-content .cell-class-item {
    font-size: 12px;
    color: #333333;
    font-weight: 400;
    height: 41px;
}

.qy-employee-list .pk-content .header-cell-class-name {
    font-size: 12px;
    color: #363636;
    background: #FAFCFF;
}

.qy-employee-list .pk-content .el-table--enable-row-transition .el-table__body .el-table__row--striped td.cell-class-item {
    background-color: #FBFCFD;
}

.full-height {
    height: 100%;
}

.flex {
    display: flex;
}

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

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

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

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

.flex-1,
.flex-spacer {
    flex-grow: 1;
}

.flex-none {
    flex: none;
}

.shortcut_reply {
    height: calc(100% + 13px);
}

.shortcut_reply__content {
    margin-top: 10px;
}

.shortcut_reply .el-table .cell {
    font-size: 12px;
    color: #333333;
}

.shortcut_reply__content .mgj-uploader__upload-button,
.shortcut_reply__content .mgj-uploader__upload-icon {
    width: 166px;
    height: 166px;
    overflow: hidden;
}

.shortcut_reply__content .mgj-uploader__preview,
.shortcut_reply__content .mgj-uploader__preview-img {
    width: 166px;
    height: 166px;
}

.shortcut_reply__content .placeholder-text {
    color: #9B9B9B;
    font-size: 12px;
    line-height: 1.3;
}

.shortcut_reply__textarea textarea {
    height: 105px;
}

.shortcut_reply__inner .el-form-item__label {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    color: #000000;
}

.shortcut_reply__inner .el-form-item:not(:nth-child(3)) .el-form-item__label:after {
    content: '*';
    color: #FF1012;
    font-size: 11px;
    padding-left: 3px;
}

.shortcut_reply__inner .el-form-item__content {
    line-height: 30px;
}

.shortcut_reply__inner .el-dialog {
    border-radius: 4px;
}

.shortcut_reply__inner .add-task-inner-dialog-title {
    font-size: 13px
}

.shortcut_reply__inner .el-form-item {
    margin-bottom: 15px;
}

.shortcut_reply__inner .el-input__inner {
    height: 30px;
    line-height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.shortcut_reply__inner .el-button--medium {
    border-radius: 2px;
    font-size: 12px;
}

/* .shortcut_reply__inner .el-button--primary {
    width: 95px;
}
.shortcut_reply__inner .el-button--default {
    width: 60px;
} */
.shortcut_reply__inner .add-task-inner-dialog-footer .cancel {
    padding: 10px 17px;
}

.shortcut_reply__inner .add-task-inner-dialog-footer .submit {
    padding: 10px 34px;
}

.shortcut_reply__textarea .el-textarea__inner {
    font-family: MicrosoftYaHei;
    font-size: 13px;
}

.shortcut_reply__inner .el-textarea__inner::placeholder,
.shortcut_reply__inner .el-input__inner::placeholder {
    color: #909090;
    font-size: 12px;
    font-family: MicrosoftYaHei;
}

.shortcut_reply__inner .el-dialog__header {
    padding: 23px 20px 0;
}

.shortcut_reply__inner .el-dialog__body {
    padding: 29px 32px 0 20px;
}

.shortcut_reply__inner .el-dialog__footer {
    padding: 15px 32px 23px 20px;
}

.shortcut_reply__inner .el-radio__label {
    font-size: 12px;
    font-weight: 400;
    color: #323C47 !important;
}

.as-selector:hover {
    z-index: 600 !important;
}

.shortcut_reply__inner .as-miniprogram-selector .miniprogram_selector__content .as-selector {
    border-radius: 4px;
    border: 1px solid #DCDFE6;
}

.shortcut_reply__inner .as-miniprogram-selector .miniprogram_selector__content .as-selector__option_wrap .as-selector__option {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.repay_placeholder__tips {
    margin: 4px 0;
    color: #C6C6C6;
    font-size: 12px;
    line-height: 1.3;
}

.repay_placeholder__item {
    display: flex;
    font-size: 12px;
    line-height: 1.4;
}

.repay_placeholder__text {
    width: 90px;
    flex: 0 0 90px;
    color: #409EFF;
    cursor: pointer;
}

.repay_placeholder__remark {
    color: #9B9B9B;
}

.interface-license_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.interface-license_header .el-form-item {
    margin-bottom: 12px;
}

.interface-license_header .el-form-item .mock-el-select--small.mock-el-select--collapse {
    height: 32px;
}

.purchase_interface_license .purchase_info_icon {
    font-size: 12px;
}

.purchase_infotext {
    padding: 14px;
}

.purchase_infotext h2 {
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.purchase_infotext p {
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
}

.interface-license_list {
    padding: 15px;
    background: #FFFFFF;
    height: calc(100% - 46px);
}

.interface-license_list_header {
    height: 35px;
    line-height: 35px;
    background: #FAFCFF;
    border-top: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
    border-left: 1px solid #EBEEF5;
    padding: 0 12px;
}

.interface-license_list_header .total_list {}

.interface-license_list_header .total_list .total_item {
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    margin-right: 20px;
}

.interface-license_list_header .total_list .total_item .describe_text {
    color: #999999;
}

.interface-license_list_header .total_list .total_item .total_item_button {
    font-size: 12px;
}

.total_item_infoText {
    display: inline-block;
    padding: 15px;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    line-height: 18px;
}

.total_item .total_item_infoText_icon {
    font-size: 12px;
    color: #999999;
    cursor: pointer;
}

.interface-license_list_header .export_button {
    font-size: 12px;
    color: #409EFF;
    cursor: pointer;
}

.interface-license_list_header .export_button .iconfont {
    font-size: 12px;
}

.interface-license_list .cell-class-item .row-cell .row-price {
    color: #EE3232;
}

.interface-license_list .cell-class-item .row-cell .row-status_0 {
    color: #EE3232;
}

.interface-license_list .cell-class-item .row-cell .row-status_1 {
    color: #28BD70;
}

.interface-license_list .cell-class-item .row-cell .row-status_2 {
    color: #333333;
}

.interface-license_list .cell-class-item .row-cell .row-status_3 {
    color: #F89F4B;
}

.interface-license_list .el-table__row:hover td {
    background-color: #ecf5ff !important;
}

.interface-license_list .el-table__header-wrapper th.el-table__cell {
    font-size: 12px;
    color: #363636;
    background-color: #fafcff;
}

.interface-license_list .el-table--enable-row-transition .el-table__body .el-table__row--striped td {
    background-color: #fafcff;
}

.interface-license_list .cell-class-item {
    color: #333333;
}

.interface-license_list .cell-class-item .cell {
    position: relative;
}

.interface-license_list .cell-class-item .cell .emp_name .icon-biaoji {
    position: absolute;
    top: 0;
    right: 10px;
    color: #b6b8b9;
    display: none;
}

.interface-license_list .cell-class-item .cell .emp_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.interface-license_list .cell-class-item .cell .emp_name.emp_status_0 {
    color: #b6b8b9;
    margin-right: 20px;
}

.interface-license_list .cell-class-item .cell .emp_name.emp_status_0 .icon-biaoji {
    display: block;
}

.shop-selector .mock-el-selec-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.interface-license_header .shop-selector .mock-el-select .mock-el-select-empty,
.interface-license_header .user-selector .mock-el-select .mock-el-select-empty,
.interface-license_header_select input::placeholder {
    color: #333333;
}

.table-content_empty .iconfont {
    font-size: 58px;
    color: #A9A9A9;
}

.table-content_empty .label {
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}

.interface-license-pagination {
    margin-top: 15px;
    margin-left: -7px;
}

.detail_dialog .el-dialog__header {
    padding: 16px 20px 4px;
}

.detail_dialog .el-dialog {
    border: 1px solid #E4E7ED;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.detail-dialog-title {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
}

.detai-dialog-body {}

.detai-dialog-body .order_name {
    font-weight: 700;
    font-size: 16px;
    color: #222222;
    margin-bottom: 10px;
    padding: 11px 0;
    background: #FAFAFA;
}

.detai-dialog-body .el-col {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.detai-dialog-body .el-col.label {
    color: #666666;
}

.detai-dialog-body .el-col.value {
    color: rgba(34, 34, 34, 1);
}

.detai-dialog-body .el-col.value .price {
    color: rgba(238, 50, 50, 1);
}

.result_message_dialog_body {
    text-align: center;
}
.result_message_dialog_body .el-icon-warning {
    font-size: 64px;
    color: #E6A23C;
}
.result_message_dialog_body .title {
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    margin-top: 18px;
}
.result_message_dialog_body .message_text {
    line-height: 16px;
    font-size: 12px;
    color: #999999;
    margin-top: 13px;
}
.result_message_dialog_body .submit_button {
    width: 171px;
    margin-top: 34px;
}

.result_message_dialog .el-dialog,
.purchase_interface_dialog .el-dialog {
    border: 1px solid #E4E7ED;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.purchase_interface_dialog_title {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
}

.purchase_interface_dialog_body .success_box {
    text-align: center;
}

.purchase_interface_dialog_body .success_box .iconfont {
    font-size: 64px;
}

.purchase_interface_dialog_body .success_box .iconfont.icon-FillCopy_ka {
    color: #52C41A;
}

.purchase_interface_dialog_body .success_box .iconfont.icon-shop_c_delet {
    color: #EE3232;
}

.purchase_interface_dialog_body .success_box .success_title {
    font-weight: 700;
    font-size: 16px;
    color: #222222;
    margin-top: 27px;
    margin-bottom: 11px;
}

.purchase_interface_dialog_body .success_box .success_tip {
    font-size: 12px;
    color: #999999;
}

.purchase_interface_dialog_body .success_box .submit_button {
    margin-top: 70px;
    width: 171px;
}

.purchase_interface_dialog_body .pay_box .form_item {
    display: flex;
    margin-bottom: 13px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_label {
    flex: none;
    font-size: 12px;
    color: #333333;
    width: 70px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_label.accountNumber_label {
    padding-top: 10px;
}
.purchase_interface_dialog_body .pay_box .form_item .form_item_label.emplist_label {
    padding-top: 11px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content {
    flex-grow: 1;
    font-size: 12px;
    color: #333333;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .account_number_input {
    width: 130px;
    margin-right: 3px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .account_number_input input::-webkit-outer-spin-button,
.purchase_interface_dialog_body .pay_box .form_item .form_item_content .account_number_input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .account_number_input input[type="number"] {
    -moz-appearance: textfield;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .tip {
    font-size: 12px;
    color: #999999;
    margin-top: 7px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item {
    background: #FAFCFF;
    border: 1px solid #F0F1F5;
    border-radius: 2px;
    position: relative;
    padding: 10px;
    margin-right: 10px;
    color: #222222;
    cursor: pointer;
    width: 156px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item:last-of-type {
    margin-right: 0;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item.check {
    color: #409EFF;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item .duration {
    font-size: 12px;
    font-weight: 700;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item .duration span {
    font-size: 17px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item .price {
    font-size: 12px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item .iconfont {
    position: absolute;
    bottom: 5px;
    right: 11px;
    color: #ACAEB7;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .purchase_duration_radio .purchase_duration_radio_item.check .iconfont {
    color: #409EFF;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .total {
    background: #FAFAFA;
    border-radius: 2px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 14px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .total .price_label {
    font-size: 12px;
    color: #333333;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .total .price_value {
    color: #EE3232;
    font-size: 24px;
    font-weight: 700;
    margin-left: 5px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .total .price_value .price_type {
    font-size: 15px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode {
    position: relative;
    width: 141px;
    height: 141px;
    overflow: hidden;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_type_title {
    text-align: center;
    margin-top: 13px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_type_title .iconfont {
    margin-right: 5px;
    font-size: 20px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .weixin .pay_type_title .iconfont {
    color: #52C41A;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .zhifubao .pay_type_title .iconfont {
    color: #19AFEB;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_type_item.weixin {
    margin-right: 20px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .default,
.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .error {
    width: 100%;
    height: 100%;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .success {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_type_item.weixin .pay_qrcode .success {
    width: 193px;
    height: 193px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_type_item.zhifubao .pay_qrcode .success {
    width: 223px;
    height: 223px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .default,
.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .error {
    cursor: pointer;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .error {
    color: #0082EF;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .top_left {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    border-top: 1px solid #D8DCE6;
    border-left: 1px solid #D8DCE6;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .top_right {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    border-top: 1px solid #D8DCE6;
    border-right: 1px solid #D8DCE6;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .bottom_left {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #D8DCE6;
    border-left: 1px solid #D8DCE6;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .pay_type .pay_qrcode .bottom_right {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #D8DCE6;
    border-right: 1px solid #D8DCE6;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .emp_info {
    position: relative;
    height: 40px;
    overflow-y: auto;
}
.purchase_interface_dialog_body .pay_box .form_item .form_item_content .emp_info.hidden {  
    overflow: hidden;
    padding-right: 26px;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .emp_info .el-button {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    padding-bottom: 0;
}

.purchase_interface_dialog_body .pay_box .form_item .form_item_content .emp_info .emp_info_name {
    font-size: 12px;
    color: #333333;
    background: #FAFAFA;
    border-radius: 2px;
    padding: 10px;
}

.purchase_interface_dialog_footer {
    margin-top: -30px;
}

.bind_activate-dialog-body .step_1 .info {
    font-size: 16px;
    color: #222222;
    text-align: center;
    line-height: 25px;
}

.bind_activate-dialog-body .step_1 .qr_code_box {
    margin: 0 auto;
    width: 220px;
    height: 220px;
}

.bind_activate-dialog-body .step_1 .qr_code_box .el-image {
    width: 100%;
    height: 100%;
}

.bind_activate-dialog-body .step_1 .qr_code_box .error_slot {
}

.bind_activate-dialog-body .step_1 .title {
    font-size: 16px;
    color: #222222;
    text-align: center;
}

.bind_activate-dialog-body .step_1 .title .iconfont {
    color: #0082EF;
    font-size: 23px;
    margin-right: 3px;
    vertical-align: middle;
}

.bind_activate-dialog-body .step_2 {
    text-align: center;
    margin-bottom: 40px;
}

.bind_activate-dialog-body .step_2 .iconfont {
    font-size: 40px;
}

.bind_activate-dialog-body .step_2 .iconfont.icon-FillCopy_ka {
    color: #52C41A;
}
.bind_activate-dialog-body .step_2 .iconfont.icon-qingchu {
    color: #EE3232;
}

.bind_activate-dialog-body .step_2 .title {
    font-weight: 700;
    font-size: 16px;
    color: #222222;
    margin-top: 27px;
}

.bind_activate-dialog-body .step_2 .info {
    font-size: 12px;
    color: #999999;
    margin-top: 12px;
}

.renewal_notice_dialog_title {
    font-size: 16px;
    color: #222222;
}

.renewal_notice_dialog_body {
    color: #373530;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.renewal_notice_dialog_body .emp_length {
    padding: 0;
}

.renewal_notice_dialog_tip {
    color: #8B8B8B;
    font-size: 14px;
}

.renewal_notice_dialog .el-dialog__body {
    padding: 10px 20px;
}

.order_pending {
    cursor: pointer;
    color: #EE3232;
    position: absolute;
    right: 10px;
}

.order_pending .iconfont {
    margin-left: 3px;
    vertical-align: middle;
}

.qyWechatUserName_unbound {
    cursor: pointer;
}

.qyWechatUserName_unbound_info {
    display: inline-block;
    padding: 10px;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
}

.active_user_result_error_list {
    display: inline-block;
    padding: 10px;
    width: 100%;
    height: 100px;
    overflow-y: auto;
}

.active_user_result_error_list .errror_item {
    display: block;
    font-size: 12px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qywx_emp_selector__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333333;
}

 .qywx_emp_selector__item.unactive {
    color: #b6b8b9;
 }

.qywx_emp_selector__item .qiyeweixin1_icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #A7A7A7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}
.qywx_emp_selector__item .qiyeweixin1_icon.bind_qywx {
    background-color: #409EFF;
}
.qywx_emp_selector__item .qiyeweixin1_icon .iconfont {
    color: #FFFFFF;
    font-size: 12px;
}
.qywx_emp_selector__item  .emp-selector__no {
    margin-right: 3px;
}
.qywx_emp_selector__item  .emp-selector__no .icon-biaoji {
    font-size: 12px;
}