.close[data-v-fc51ce24] {
    font-size: 22px;
    color: #404040;
    position: absolute;
    top: 31px;
    right: 32px;
    cursor: pointer;
    font-weight: 600
}

.cover[data-v-fc51ce24] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.inbox-alert-main[data-v-fc51ce24] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0
}

.inbox-alert-main>div[data-v-fc51ce24] {
    position: relative
}

.inbox-alert-main .no[data-v-fc51ce24] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 480px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: 4px;
    color: #404040;
    padding: 32px 32px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.inbox-alert-main .no .title[data-v-fc51ce24] {
    font-size: 18px;
    color: #404040
}

.inbox-alert-main .no .text[data-v-fc51ce24] {
    width: 100%;
    height: 82px;
    background: #f9f9f9;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    outline: none;
    font-size: 14px;
    border: none;
    line-height: 20px;
    color: #606060;
    font-family: PingFangSC-Regular\, PingFang SC
}

.inbox-alert-main .no .list[data-v-fc51ce24] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 22px
}

.inbox-alert-main .no .list .item[data-v-fc51ce24] {
    height: 34px;
    line-height: 34px;
    color: #606060;
    font-size: 14px;
    border: 1px solid #dedfe1;
    border-radius: 2px;
    margin-right: 16px;
    margin-bottom: 12px;
    padding: 0 18px;
    cursor: pointer
}

.inbox-alert-main .no .list .item.action[data-v-fc51ce24] {
    color: #ff4f4c;
    border-color: #ff4f4c
}

.inbox-alert-main .no .submit[data-v-fc51ce24] {
    width: 102px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 2px;
    background: #c4c4c4;
    margin-top: 12px;
    float: right
}

.inbox-alert-main .no .submit.action[data-v-fc51ce24] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.share-alert-main[data-v-c301061e] {
    font-family: PingFangSC-Medium, PingFang SC;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0
}

.share-alert-main .cover[data-v-c301061e] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.share-alert-main .share-cv[data-v-c301061e] {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    margin: auto;
    width: 338px;
    height: 382px;
    background: #fff;
    border-radius: 6px;
    color: #404040
}

.share-alert-main .share-cv .title[data-v-c301061e] {
    padding-top: 36px;
    font-size: 24px;
    text-align: center
}

.share-alert-main .share-cv .message[data-v-c301061e] {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-top: 14px;
    text-align: center
}

.share-alert-main .share-cv .img[data-v-c301061e] {
    width: 180px;
    height: 180px;
    margin: 30px auto 0
}

.share-alert-main .share-cv .img img[data-v-c301061e] {
    width: 100%;
    height: 100%
}

.share-alert-main .share-cv .url[data-v-c301061e] {
    width: 290px;
    height: 32px;
    border-radius: 16px;
    overflow: hidden;
    margin: 24px auto 0;
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ececec
}

.share-alert-main .share-cv .url .text[data-v-c301061e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    background: #fff;
    padding: 0 10px;
    color: #606060
}

.share-alert-main .share-cv .url button[data-v-c301061e] {
    width: 80px;
    font-size: 14px;
    font-weight: 500;
    color: #4183ff;
    background: #fff;
    border: none;
    border-left: 1px solid #ececec
}

.share-alert-main .share-cv .img {
    width: 180px;
    height: 180px;
    margin: 30px auto 0
}

.share-alert-main .share-cv .img img {
    width: 180px !important;
    height: 180px !important
}

.trash-alert-main[data-v-66856235] {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trash-alert-main .cover[data-v-66856235] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.trash-alert-main .box[data-v-66856235] {
    width: 446px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    height: auto;
    background: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 9
}

.trash-alert-main .box .message-close[data-v-66856235] {
    font-size: 20px;
    color: #404040;
    font-weight: 600;
    float: right;
    cursor: pointer
}

.trash-alert-main .box .message-header[data-v-66856235] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    padding: 32px 32px 18px 32px
}

.trash-alert-main .box .message-content[data-v-66856235] {
    line-height: 24px;
    padding: 0 32px;
    font-size: 14px;
    color: #606060
}

.trash-alert-main .box .message-content .message-input-main[data-v-66856235] {
    width: 100%;
    height: 40px;
    background: #f9f9f9;
    padding: 0;
    position: relative
}

.trash-alert-main .box .message-content .message-input-main input[data-v-66856235] {
    width: calc(100% - 100px);
    height: 100%;
    border: none;
    background: transparent;
    padding: 0 18px;
    color: #404040
}

.trash-alert-main .box .message-content .message-input-main .message-input-length[data-v-66856235] {
    height: 100%;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 18px
}

.trash-alert-main .box .message-content .select-list[data-v-66856235] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.trash-alert-main .box .message-content .select-list .select-item[data-v-66856235] {
    margin-top: 22px;
    height: 20px;
    cursor: pointer;
    padding: 7px 18px;
    border-radius: 2px;
    border: 1px solid #ececec;
    color: #606060;
    line-height: 20px;
    text-align: center;
    margin-right: 16px
}

.trash-alert-main .box .message-content .select-list .select-item.is-active[data-v-66856235],
.trash-alert-main .box .message-content .select-list .select-item[data-v-66856235]:hover {
    border: 1px solid #ff4f4c;
    color: #ff4f4c
}

.trash-alert-main .box .message-btn[data-v-66856235] {
    text-align: right;
    padding: 25px 32px 26px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.trash-alert-main .box .message-btn button[data-v-66856235] {
    display: block;
    width: 80px;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
    color: #606060;
    background: #fff
}

.trash-alert-main .box .message-btn button.action[data-v-66856235] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.trash-alert-main .box .message-btn button.cancel.seccess[data-v-66856235] {
    border-color: #ff4f4c;
    color: #ff4f4c
}

.trash-alert-main .box .message-btn button[data-v-66856235]:last-child {
    margin-left: 16px
}

.portrait-alert-main[data-v-2a5b69e8] {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.portrait-alert-main .cover[data-v-2a5b69e8] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.portrait-alert-main .box[data-v-2a5b69e8] {
    width: 560px;
    min-height: 200px;
    max-height: 825px;
    background: #fff;
    border-radius: 12px;
    position: fixed;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 24px
}

.portrait-alert-main .box .title[data-v-2a5b69e8] {
    font-size: 16px;
    color: #404040;
    margin-bottom: 24px;
    text-align: center
}

.portrait-alert-main .box .line[data-v-2a5b69e8] {
    width: 100%;
    border-bottom: 1px solid #f4f4f4
}

.portrait-alert-main .box .option[data-v-2a5b69e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portrait-alert-main .box .option>div[data-v-2a5b69e8] {
    color: #9c9c9c;
    font-size: 14px;
    padding-bottom: 14px
}

.portrait-alert-main .box .option>div[data-v-2a5b69e8]:first-child {
    margin-right: 180px
}

.portrait-alert-main .box .option>div.active[data-v-2a5b69e8] {
    color: #404040;
    position: relative
}

.portrait-alert-main .box .option>div.active[data-v-2a5b69e8]:after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.portrait-alert-main .box .width-359[data-v-2a5b69e8] {
    width: 359px;
    margin: auto
}

.portrait-alert-main .box .up[data-v-2a5b69e8] {
    height: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portrait-alert-main .box .up .up-btn[data-v-2a5b69e8] {
    width: 120px;
    height: 32px;
    background: #ff4f4c;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.portrait-alert-main .box .up .up-msg[data-v-2a5b69e8] {
    color: #404040;
    font-size: 14px
}

.portrait-alert-main .box .up .up-input[data-v-2a5b69e8] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.portrait-alert-main .box .up-box[data-v-2a5b69e8] {
    margin-top: 20px;
    width: 320px;
    height: 320px
}

.portrait-alert-main .box .up-box img[data-v-2a5b69e8] {
    max-width: 320px;
    max-height: 320px
}

.portrait-alert-main .box .up-box-btn[data-v-2a5b69e8] {
    margin-top: 20px;
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.portrait-alert-main .box .up-box-btn button[data-v-2a5b69e8] {
    width: 150px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    color: #606060
}

.portrait-alert-main .box .up-box-btn button.active[data-v-2a5b69e8] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.portrait-alert-main .collapse img {
    max-width: 100%
}

.privacy-alert-main[data-v-3dc353c5] {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.privacy-alert-main .cover[data-v-3dc353c5] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.privacy-alert-main .box[data-v-3dc353c5] {
    width: 446px;
    height: 223px;
    background: #fff;
    border-radius: 4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.privacy-alert-main .box .message-header[data-v-3dc353c5] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    padding: 32px 32px 18px 32px
}

.privacy-alert-main .box .content[data-v-3dc353c5] {
    padding: 0 32px;
    margin-top: 20px
}

.privacy-alert-main .box .content .list[data-v-3dc353c5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px
}

.privacy-alert-main .box .content .list[data-v-3dc353c5]:last-child {
    margin-bottom: 0
}

.privacy-alert-main .box .content .list.active .select[data-v-3dc353c5] {
    border-color: #ff4f4c !important;
    color: #ff4f4c !important
}

.privacy-alert-main .box .content .list.active .select .iconfont[data-v-3dc353c5] {
    display: inline
}

.privacy-alert-main .box .content .list .list-title[data-v-3dc353c5] {
    width: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040
}

.privacy-alert-main .box .content .list .list-title .select[data-v-3dc353c5] {
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    margin-right: 12px
}

.privacy-alert-main .box .content .list .list-title .select i[data-v-3dc353c5] {
    display: none
}

.privacy-alert-main .box .content .list .msg[data-v-3dc353c5] {
    font-size: 12px;
    color: #909090
}

.privacy-alert-main .box .message-btn[data-v-3dc353c5] {
    text-align: right;
    padding: 25px 32px 26px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.privacy-alert-main .box .message-btn button[data-v-3dc353c5] {
    display: block;
    width: 80px;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
    color: #606060;
    background: #fff
}

.privacy-alert-main .box .message-btn button.action[data-v-3dc353c5] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.privacy-alert-main .box .message-btn button.cancel.seccess[data-v-3dc353c5] {
    border-color: #ff4f4c;
    color: #ff4f4c
}

.privacy-alert-main .box .message-btn button[data-v-3dc353c5]:last-child {
    margin-left: 16px
}

.school-alert-main[data-v-fb9cc5f4] {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.school-alert-main .cover[data-v-fb9cc5f4] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0
}

.school-alert-main .box[data-v-fb9cc5f4] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: 4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.school-alert-main .school[data-v-fb9cc5f4] {
    width: 446px;
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px
}

.school-alert-main .school .up-input[data-v-fb9cc5f4] {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.school-alert-main .school .margin-top-5[data-v-fb9cc5f4] {
    margin-top: 5px
}

.school-alert-main .school .margin-top-29[data-v-fb9cc5f4] {
    margin-top: 29px
}

.school-alert-main .school .margin-top-37[data-v-fb9cc5f4] {
    margin-top: 37px
}

.school-alert-main .school .school-title[data-v-fb9cc5f4] {
    font-size: 18px;
    color: #404040
}

.school-alert-main .school .school-name[data-v-fb9cc5f4] {
    font-size: 14px;
    color: #404040
}

.school-alert-main .school .school-name span[data-v-fb9cc5f4] {
    font-size: 12px;
    color: #bcbcbc
}

.school-alert-main .school .school-input[data-v-fb9cc5f4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.school-alert-main .school .school-input .inline-input[data-v-fb9cc5f4] {
    width: 248px;
    height: 36px;
    border: 1px solid #dedfe1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.school-alert-main .school .school-input .school-up[data-v-fb9cc5f4] {
    display: block;
    background: #fff;
    width: 110px;
    height: 36px;
    border: 1px solid #ff4f4c;
    font-size: 14px;
    color: #ff4f4c;
    border-radius: 2px;
    position: relative
}

.school-alert-main .school .school-input .school-up[data-v-fb9cc5f4]:after {
    content: "（文件小于1MB）";
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: -100%;
    left: 0;
    font-size: 12px;
    color: #bcbcbc
}

.school-alert-main .school .school-logo-delete[data-v-fb9cc5f4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #aeb2bd;
    cursor: pointer
}

.school-alert-main .school .school-logo-delete i[data-v-fb9cc5f4] {
    font-size: 20px;
    margin-right: 4px
}

.school-alert-main .school .school-logo-delete[data-v-fb9cc5f4]:hover {
    color: #404040
}

.school-alert-main .school .school-logo[data-v-fb9cc5f4] {
    width: 308px;
    height: 115px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fcfcfc;
    border-radius: 2px;
    border: 1px solid #dedfe1
}

.school-alert-main .school .school-logo.active[data-v-fb9cc5f4] {
    background: #fff
}

.school-alert-main .school .school-logo img[data-v-fb9cc5f4] {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.school-alert-main .school .school-btn[data-v-fb9cc5f4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px
}

.school-alert-main .school .school-btn button[data-v-fb9cc5f4] {
    display: block;
    width: 84px;
    height: 36px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #606060;
    font-size: 14px
}

.school-alert-main .school .school-btn button.active[data-v-fb9cc5f4] {
    border-color: #ff4f4c;
    background: #ff4f4c;
    color: #fff;
    margin-left: 16px
}

.school-alert-main .school .el-input,
.school-alert-main .school .inline-input,
.school-alert-main .school .inline-input input {
    width: 100%;
    height: 100%;
    border: none
}

.alert-main[data-v-1ee59146] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.alert-main .box[data-v-1ee59146] {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto
}

.alert-main .template[data-v-1ee59146] {
    width: 1074px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.alert-main .template .menu[data-v-1ee59146] {
    width: 240px;
    height: 240px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px
}

.alert-main .template .menu>div[data-v-1ee59146] {
    width: 100%;
    height: 100%
}

.alert-main .template .menu .content[data-v-1ee59146] {
    font-size: 14px
}

.alert-main .template .menu .content img[data-v-1ee59146] {
    width: 72px;
    height: 60px;
    margin: 39px auto 0
}

.alert-main .template .menu .content p[data-v-1ee59146] {
    text-align: center;
    padding: 0 22px;
    line-height: 20px
}

.alert-main .template .menu .content .title[data-v-1ee59146] {
    margin-top: 26px;
    color: #3f3f3f
}

.alert-main .template .menu .content .desc[data-v-1ee59146] {
    color: #9c9c9c;
    font-size: 14px;
    margin-top: 14px
}

.alert-main .template .menu .btn[data-v-1ee59146] {
    display: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.alert-main .template .menu .btn button[data-v-1ee59146] {
    width: 120px;
    height: 36px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    background: #fff;
    border-radius: 2px;
    font-size: 14px
}

.alert-main .template .menu .btn button[data-v-1ee59146]:hover {
    background: #ff4f4c;
    color: #fff
}

.alert-main .template .menu .btn button[data-v-1ee59146]:nth-child(2) {
    margin-top: 35px
}

.alert-main .template .menu:hover .content[data-v-1ee59146] {
    display: none
}

.alert-main .template .menu:hover .btn[data-v-1ee59146] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alert-main .gpa[data-v-1ee59146] {
    padding: 32px;
    -webkit-box-sizing: 0 5px 15px rgba(0, 0, 0, .5);
    box-sizing: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2);
    width: 534px;
    top: 50px;
    background: #fff
}

.alert-main .gpa .close[data-v-1ee59146] {
    font-size: 22px;
    color: #404040;
    position: absolute;
    top: 42px;
    right: 42px;
    cursor: pointer;
    font-weight: 600
}

.alert-main .gpa .title[data-v-1ee59146] {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    margin-top: 10px;
    margin-bottom: 34px
}

.alert-main .gpa .msg[data-v-1ee59146] {
    line-height: 28px
}

.alert-main .gpa .case[data-v-1ee59146] {
    color: #404040;
    margin-top: 18px;
    margin-bottom: 28px;
    line-height: 28px
}

.alert-main .gpa .case b[data-v-1ee59146] {
    font-weight: 700
}

.alert-main .gpa .info[data-v-1ee59146] {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.alert-main .gpa .info input[data-v-1ee59146] {
    width: 153px;
    height: 40px;
    padding: 0 18px;
    border: 1px solid #dedfe1;
    outline: none;
    border-radius: 2px
}

.alert-main .gpa .info input[data-v-1ee59146]:focus {
    border-color: #ff4f4c
}

.alert-main .gpa .info button[data-v-1ee59146] {
    width: 86px;
    height: 42px;
    background: #ff4f4c;
    color: #fff;
    border-radius: 4px
}

.alert-main .gpa .result[data-v-1ee59146] {
    font-size: 16px;
    color: #404040;
    margin-top: 24px
}

.alert-main .gpa .result b[data-v-1ee59146] {
    font-size: 18px;
    font-weight: 600
}

.alert-main .applets[data-v-1ee59146] {
    width: 338px;
    height: 362px;
    background: #fff;
    text-align: center;
    top: 50px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.alert-main .applets .title[data-v-1ee59146] {
    margin-top: 36px;
    margin-bottom: 24px;
    font-size: 24px
}

.alert-main .applets img[data-v-1ee59146] {
    width: 180px;
    height: 180px;
    margin: auto
}

.alert-main .applets .msg[data-v-1ee59146] {
    margin-top: 34px;
    color: #909090;
    font-size: 14px
}

.alert-main .up-vip[data-v-1ee59146] {
    width: 598px;
    height: 400px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    top: calc(50% - 20px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

.alert-main .up-vip .title[data-v-1ee59146] {
    width: 100%;
    height: 92px;
    background-color: #414653;
    font-size: 14px;
    line-height: 33px;
    color: #404040;
    text-align: center;
    position: relative;
    background-image: url(../img/member_alert_background.f62c7805.png);
    background-size: 100% 100%
}

.alert-main .up-vip .title .super-logo[data-v-1ee59146] {
    height: 20px;
    position: absolute;
    left: 50%;
    top: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.alert-main .up-vip .title .super-logo img[data-v-1ee59146] {
    width: 42px;
    height: 18px
}

.alert-main .up-vip .title .super-logo span[data-v-1ee59146] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-left: 8px
}

.alert-main .up-vip .title p[data-v-1ee59146] {
    position: absolute;
    left: 50%;
    bottom: 22px;
    height: 22px;
    color: hsla(0, 0%, 100%, .7);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.alert-main .up-vip .msg[data-v-1ee59146] {
    font-size: 14px;
    color: #909090;
    position: relative;
    text-align: center
}

.alert-main .up-vip .msg[data-v-1ee59146]:after,
.alert-main .up-vip .msg[data-v-1ee59146]:before {
    content: "";
    display: block;
    width: 144px;
    height: 1px;
    background: #909090;
    position: absolute;
    top: 50%;
    left: 75px
}

.alert-main .up-vip .msg[data-v-1ee59146]:after {
    left: auto;
    right: 75px
}

.alert-main .up-vip .content[data-v-1ee59146] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.alert-main .up-vip .content>div[data-v-1ee59146] {
    width: 240px
}

.alert-main .up-vip .content .info[data-v-1ee59146] {
    width: 250px;
    margin-top: 36px
}

.alert-main .up-vip .content .info.hideImprovedOrder[data-v-1ee59146] {
    margin-top: 42px
}

.alert-main .up-vip .content .info .menu[data-v-1ee59146] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #404040;
    margin-bottom: 20px
}

.alert-main .up-vip .content .info .menu .iconfont[data-v-1ee59146] {
    font-weight: 900;
    color: #ff4f4c;
    font-size: 20px
}

.alert-main .up-vip .content .info .menu span[data-v-1ee59146] {
    width: 100%;
    text-align: left;
    margin-left: 14px
}

.alert-main .up-vip .content .info .menu.end[data-v-1ee59146] {
    margin-bottom: 25px
}

.alert-main .up-vip .content .info button[data-v-1ee59146] {
    display: block;
    width: 209px;
    height: 40px;
    background: #f64;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    margin: auto;
    margin-left: 0
}

.alert-main .up-vip .content .qrcode[data-v-1ee59146] {
    color: #404040
}

.alert-main .up-vip .content .qrcode img[data-v-1ee59146] {
    width: 190px;
    height: 190px;
    margin: 36px auto 24px
}

.alert-main .up-vip .content .qrcode p[data-v-1ee59146] {
    font-size: 16px;
    text-align: center
}

.alert-main .groupon_member2x[data-v-1ee59146] {
    width: 600px;
    height: 400px;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    top: 80px;
    border-radius: 8px
}

.alert-main .groupon_member2x .pic[data-v-1ee59146] {
    display: block;
    width: 100%
}

.alert-main .groupon_member2x .qr-code[data-v-1ee59146] {
    position: absolute;
    top: 88px;
    right: 88px;
    width: 152px;
    padding: 10px
}

.alert-main .job[data-v-1ee59146] {
    width: 500px;
    height: 680px;
    top: 80px
}

.alert-main .job img[data-v-1ee59146] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.alert-main .job .job-cover[data-v-1ee59146] {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0
}

.alert-main .job button[data-v-1ee59146] {
    display: none;
    width: 120px;
    height: 36px;
    border-radius: 2px;
    background: #ff4f4c;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    opacity: 1
}

.alert-main .job button .el-icon-loading[data-v-1ee59146] {
    margin-right: 6px
}

.alert-main .job:hover .job-cover[data-v-1ee59146] {
    opacity: .3
}

.alert-main .job:hover button[data-v-1ee59146] {
    display: block
}

.alert-main .job .clear[data-v-1ee59146] {
    position: absolute;
    top: -45px;
    right: 0;
    color: #fff
}

.alert-main .job .clear .iconfont[data-v-1ee59146] {
    font-size: 24px;
    font-weight: 900;
    cursor: pointer
}

.alert-main .job .clear[data-v-1ee59146]:after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -37px;
    margin-left: -1px
}

.alert-main .import-resume[data-v-1ee59146] {
    top: 20vh;
    width: 600px;
    height: 332px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #dedfe1;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align: center
}

.alert-main .import-resume .tips[data-v-1ee59146] {
    width: 512px;
    height: 170px;
    background: #f9f9f9;
    border-radius: 6px;
    border: 2px dashed #cfcfcf;
    margin: 44px auto
}

.alert-main .import-resume .tips .title[data-v-1ee59146] {
    font-size: 18px;
    color: #404040;
    margin-top: 56px;
    line-height: 22px;
    font-weight: 700
}

.alert-main .import-resume .tips .msg[data-v-1ee59146] {
    color: #9c9c9c;
    margin-bottom: 24px;
    margin-top: 16px
}

.alert-main .import-resume button[data-v-1ee59146] {
    width: 118px;
    height: 34px;
    line-height: 33px;
    background: #50a4ff;
    border-radius: 2px;
    color: #fff;
    font-size: 14px
}

.alert-main .import-resume .upload-demo[data-v-1ee59146] {
    width: 600px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent
}

.alert-main .import-resume .upload-demo[data-v-1ee59146] .el-upload {
    width: 100%;
    height: 100%
}

.alert-main .import-resume .upload-demo[data-v-1ee59146] .el-upload .el-upload-dragger {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none
}

.alert-main .import-resume .upload-demo[data-v-1ee59146] .el-upload .el-upload-dragger button {
    margin-top: 250px;
    width: 207px;
    height: 46px;
    background: #4183ff;
    border-radius: 4px;
    font-size: 16px
}

.alert-main .import-resume .upload-demo[data-v-1ee59146] .el-upload .el-upload-dragger button:hover {
    background: #669bff
}

.alert-main .import-resume .uploading[data-v-1ee59146] {
    width: 446px;
    margin: 70px auto 0
}

.alert-main .import-resume .uploading-icon[data-v-1ee59146] {
    width: 68px;
    height: 88px;
    display: block;
    margin: 0 auto
}

.alert-main .import-resume .uploading .file[data-v-1ee59146] {
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    margin: 64px 0 15px
}

.alert-main .import-resume .uploading .file .name[data-v-1ee59146] {
    font-weight: 700;
    margin-right: 50px;
    text-align: left
}

.alert-main .import-resume .uploading .file .percentage[data-v-1ee59146] {
    color: #bcbcbc
}

.alert-main .login[data-v-1ee59146] {
    width: 400px;
    height: 400px;
    top: 80px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    text-align: center
}

.alert-main .login .msg[data-v-1ee59146] {
    font-size: 14px
}

.alert-main .login .sign[data-v-1ee59146] {
    font-size: 13px;
    color: #a1a1a1;
    cursor: pointer
}

.position-r {
    position: relative
}

.justify-s-b {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.margin-0 {
    margin: 0
}

.padding-0 {
    padding: 0
}

.width {
    width: 100%
}

.margin-top-24 {
    margin-top: 24px
}

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

.margin-top-32 {
    margin-top: 32px
}

.margin-top-36 {
    margin-top: 36px
}

.margin-top-38 {
    margin-top: 38px
}

.padding-lr-24 {
    padding: 0 24px
}

.bg-color-fff {
    background: #fff
}

.font-size-12 {
    font-size: 12px
}

.mar-t-12 {
    margin-top: 12px
}

.mar-l-12 {
    margin-left: 12px
}

.mar-b-12 {
    margin-bottom: 12px
}

.mar-r-12 {
    margin-right: 12px
}

.pad-t-12 {
    padding-top: 12px
}

.pad-l-12 {
    padding-left: 12px
}

.pad-b-12 {
    padding-bottom: 12px
}

.pad-r-12 {
    padding-right: 12px
}

.font-size-13 {
    font-size: 13px
}

.mar-t-13 {
    margin-top: 13px
}

.mar-l-13 {
    margin-left: 13px
}

.mar-b-13 {
    margin-bottom: 13px
}

.mar-r-13 {
    margin-right: 13px
}

.pad-t-13 {
    padding-top: 13px
}

.pad-l-13 {
    padding-left: 13px
}

.pad-b-13 {
    padding-bottom: 13px
}

.pad-r-13 {
    padding-right: 13px
}

.font-size-14 {
    font-size: 14px
}

.mar-t-14 {
    margin-top: 14px
}

.mar-l-14 {
    margin-left: 14px
}

.mar-b-14 {
    margin-bottom: 14px
}

.mar-r-14 {
    margin-right: 14px
}

.pad-t-14 {
    padding-top: 14px
}

.pad-l-14 {
    padding-left: 14px
}

.pad-b-14 {
    padding-bottom: 14px
}

.pad-r-14 {
    padding-right: 14px
}

.font-size-15 {
    font-size: 15px
}

.mar-t-15 {
    margin-top: 15px
}

.mar-l-15 {
    margin-left: 15px
}

.mar-b-15 {
    margin-bottom: 15px
}

.mar-r-15 {
    margin-right: 15px
}

.pad-t-15 {
    padding-top: 15px
}

.pad-l-15 {
    padding-left: 15px
}

.pad-b-15 {
    padding-bottom: 15px
}

.pad-r-15 {
    padding-right: 15px
}

.font-size-16 {
    font-size: 16px
}

.mar-t-16 {
    margin-top: 16px
}

.mar-l-16 {
    margin-left: 16px
}

.mar-b-16 {
    margin-bottom: 16px
}

.mar-r-16 {
    margin-right: 16px
}

.pad-t-16 {
    padding-top: 16px
}

.pad-l-16 {
    padding-left: 16px
}

.pad-b-16 {
    padding-bottom: 16px
}

.pad-r-16 {
    padding-right: 16px
}

.font-size-17 {
    font-size: 17px
}

.mar-t-17 {
    margin-top: 17px
}

.mar-l-17 {
    margin-left: 17px
}

.mar-b-17 {
    margin-bottom: 17px
}

.mar-r-17 {
    margin-right: 17px
}

.pad-t-17 {
    padding-top: 17px
}

.pad-l-17 {
    padding-left: 17px
}

.pad-b-17 {
    padding-bottom: 17px
}

.pad-r-17 {
    padding-right: 17px
}

.font-size-18 {
    font-size: 18px
}

.mar-t-18 {
    margin-top: 18px
}

.mar-l-18 {
    margin-left: 18px
}

.mar-b-18 {
    margin-bottom: 18px
}

.mar-r-18 {
    margin-right: 18px
}

.pad-t-18 {
    padding-top: 18px
}

.pad-l-18 {
    padding-left: 18px
}

.pad-b-18 {
    padding-bottom: 18px
}

.pad-r-18 {
    padding-right: 18px
}

.font-size-19 {
    font-size: 19px
}

.mar-t-19 {
    margin-top: 19px
}

.mar-l-19 {
    margin-left: 19px
}

.mar-b-19 {
    margin-bottom: 19px
}

.mar-r-19 {
    margin-right: 19px
}

.pad-t-19 {
    padding-top: 19px
}

.pad-l-19 {
    padding-left: 19px
}

.pad-b-19 {
    padding-bottom: 19px
}

.pad-r-19 {
    padding-right: 19px
}

.font-size-20 {
    font-size: 20px
}

.mar-t-20 {
    margin-top: 20px
}

.mar-l-20 {
    margin-left: 20px
}

.mar-b-20 {
    margin-bottom: 20px
}

.mar-r-20 {
    margin-right: 20px
}

.pad-t-20 {
    padding-top: 20px
}

.pad-l-20 {
    padding-left: 20px
}

.pad-b-20 {
    padding-bottom: 20px
}

.pad-r-20 {
    padding-right: 20px
}

.font-size-21 {
    font-size: 21px
}

.mar-t-21 {
    margin-top: 21px
}

.mar-l-21 {
    margin-left: 21px
}

.mar-b-21 {
    margin-bottom: 21px
}

.mar-r-21 {
    margin-right: 21px
}

.pad-t-21 {
    padding-top: 21px
}

.pad-l-21 {
    padding-left: 21px
}

.pad-b-21 {
    padding-bottom: 21px
}

.pad-r-21 {
    padding-right: 21px
}

.font-size-22 {
    font-size: 22px
}

.mar-t-22 {
    margin-top: 22px
}

.mar-l-22 {
    margin-left: 22px
}

.mar-b-22 {
    margin-bottom: 22px
}

.mar-r-22 {
    margin-right: 22px
}

.pad-t-22 {
    padding-top: 22px
}

.pad-l-22 {
    padding-left: 22px
}

.pad-b-22 {
    padding-bottom: 22px
}

.pad-r-22 {
    padding-right: 22px
}

.font-size-23 {
    font-size: 23px
}

.mar-t-23 {
    margin-top: 23px
}

.mar-l-23 {
    margin-left: 23px
}

.mar-b-23 {
    margin-bottom: 23px
}

.mar-r-23 {
    margin-right: 23px
}

.pad-t-23 {
    padding-top: 23px
}

.pad-l-23 {
    padding-left: 23px
}

.pad-b-23 {
    padding-bottom: 23px
}

.pad-r-23 {
    padding-right: 23px
}

.font-size-24 {
    font-size: 24px
}

.mar-t-24 {
    margin-top: 24px
}

.mar-l-24 {
    margin-left: 24px
}

.mar-b-24 {
    margin-bottom: 24px
}

.mar-r-24 {
    margin-right: 24px
}

.pad-t-24 {
    padding-top: 24px
}

.pad-l-24 {
    padding-left: 24px
}

.pad-b-24 {
    padding-bottom: 24px
}

.pad-r-24 {
    padding-right: 24px
}

.font-size-25 {
    font-size: 25px
}

.mar-t-25 {
    margin-top: 25px
}

.mar-l-25 {
    margin-left: 25px
}

.mar-b-25 {
    margin-bottom: 25px
}

.mar-r-25 {
    margin-right: 25px
}

.pad-t-25 {
    padding-top: 25px
}

.pad-l-25 {
    padding-left: 25px
}

.pad-b-25 {
    padding-bottom: 25px
}

.pad-r-25 {
    padding-right: 25px
}

.font-size-26 {
    font-size: 26px
}

.mar-t-26 {
    margin-top: 26px
}

.mar-l-26 {
    margin-left: 26px
}

.mar-b-26 {
    margin-bottom: 26px
}

.mar-r-26 {
    margin-right: 26px
}

.pad-t-26 {
    padding-top: 26px
}

.pad-l-26 {
    padding-left: 26px
}

.pad-b-26 {
    padding-bottom: 26px
}

.pad-r-26 {
    padding-right: 26px
}

.font-size-27 {
    font-size: 27px
}

.mar-t-27 {
    margin-top: 27px
}

.mar-l-27 {
    margin-left: 27px
}

.mar-b-27 {
    margin-bottom: 27px
}

.mar-r-27 {
    margin-right: 27px
}

.pad-t-27 {
    padding-top: 27px
}

.pad-l-27 {
    padding-left: 27px
}

.pad-b-27 {
    padding-bottom: 27px
}

.pad-r-27 {
    padding-right: 27px
}

.font-size-28 {
    font-size: 28px
}

.mar-t-28 {
    margin-top: 28px
}

.mar-l-28 {
    margin-left: 28px
}

.mar-b-28 {
    margin-bottom: 28px
}

.mar-r-28 {
    margin-right: 28px
}

.pad-t-28 {
    padding-top: 28px
}

.pad-l-28 {
    padding-left: 28px
}

.pad-b-28 {
    padding-bottom: 28px
}

.pad-r-28 {
    padding-right: 28px
}

.font-size-29 {
    font-size: 29px
}

.mar-t-29 {
    margin-top: 29px
}

.mar-l-29 {
    margin-left: 29px
}

.mar-b-29 {
    margin-bottom: 29px
}

.mar-r-29 {
    margin-right: 29px
}

.pad-t-29 {
    padding-top: 29px
}

.pad-l-29 {
    padding-left: 29px
}

.pad-b-29 {
    padding-bottom: 29px
}

.pad-r-29 {
    padding-right: 29px
}

.font-size-30 {
    font-size: 30px
}

.mar-t-30 {
    margin-top: 30px
}

.mar-l-30 {
    margin-left: 30px
}

.mar-b-30 {
    margin-bottom: 30px
}

.mar-r-30 {
    margin-right: 30px
}

.pad-t-30 {
    padding-top: 30px
}

.pad-l-30 {
    padding-left: 30px
}

.pad-b-30 {
    padding-bottom: 30px
}

.pad-r-30 {
    padding-right: 30px
}

.font-size-31 {
    font-size: 31px
}

.mar-t-31 {
    margin-top: 31px
}

.mar-l-31 {
    margin-left: 31px
}

.mar-b-31 {
    margin-bottom: 31px
}

.mar-r-31 {
    margin-right: 31px
}

.pad-t-31 {
    padding-top: 31px
}

.pad-l-31 {
    padding-left: 31px
}

.pad-b-31 {
    padding-bottom: 31px
}

.pad-r-31 {
    padding-right: 31px
}

.font-size-32 {
    font-size: 32px
}

.mar-t-32 {
    margin-top: 32px
}

.mar-l-32 {
    margin-left: 32px
}

.mar-b-32 {
    margin-bottom: 32px
}

.mar-r-32 {
    margin-right: 32px
}

.pad-t-32 {
    padding-top: 32px
}

.pad-l-32 {
    padding-left: 32px
}

.pad-b-32 {
    padding-bottom: 32px
}

.pad-r-32 {
    padding-right: 32px
}

.font-size-33 {
    font-size: 33px
}

.mar-t-33 {
    margin-top: 33px
}

.mar-l-33 {
    margin-left: 33px
}

.mar-b-33 {
    margin-bottom: 33px
}

.mar-r-33 {
    margin-right: 33px
}

.pad-t-33 {
    padding-top: 33px
}

.pad-l-33 {
    padding-left: 33px
}

.pad-b-33 {
    padding-bottom: 33px
}

.pad-r-33 {
    padding-right: 33px
}

.font-size-34 {
    font-size: 34px
}

.mar-t-34 {
    margin-top: 34px
}

.mar-l-34 {
    margin-left: 34px
}

.mar-b-34 {
    margin-bottom: 34px
}

.mar-r-34 {
    margin-right: 34px
}

.pad-t-34 {
    padding-top: 34px
}

.pad-l-34 {
    padding-left: 34px
}

.pad-b-34 {
    padding-bottom: 34px
}

.pad-r-34 {
    padding-right: 34px
}

.font-size-35 {
    font-size: 35px
}

.mar-t-35 {
    margin-top: 35px
}

.mar-l-35 {
    margin-left: 35px
}

.mar-b-35 {
    margin-bottom: 35px
}

.mar-r-35 {
    margin-right: 35px
}

.pad-t-35 {
    padding-top: 35px
}

.pad-l-35 {
    padding-left: 35px
}

.pad-b-35 {
    padding-bottom: 35px
}

.pad-r-35 {
    padding-right: 35px
}

.font-size-36 {
    font-size: 36px
}

.mar-t-36 {
    margin-top: 36px
}

.mar-l-36 {
    margin-left: 36px
}

.mar-b-36 {
    margin-bottom: 36px
}

.mar-r-36 {
    margin-right: 36px
}

.pad-t-36 {
    padding-top: 36px
}

.pad-l-36 {
    padding-left: 36px
}

.pad-b-36 {
    padding-bottom: 36px
}

.pad-r-36 {
    padding-right: 36px
}

.font-size-37 {
    font-size: 37px
}

.mar-t-37 {
    margin-top: 37px
}

.mar-l-37 {
    margin-left: 37px
}

.mar-b-37 {
    margin-bottom: 37px
}

.mar-r-37 {
    margin-right: 37px
}

.pad-t-37 {
    padding-top: 37px
}

.pad-l-37 {
    padding-left: 37px
}

.pad-b-37 {
    padding-bottom: 37px
}

.pad-r-37 {
    padding-right: 37px
}

.font-weight-100 {
    font-weight: 10
}

.z-index-1 {
    z-index: 1
}

.font-weight-200 {
    font-weight: 20
}

.z-index-2 {
    z-index: 2
}

.font-weight-300 {
    font-weight: 30
}

.z-index-3 {
    z-index: 3
}

.font-weight-400 {
    font-weight: 40
}

.z-index-4 {
    z-index: 4
}

.font-weight-500 {
    font-weight: 50
}

.z-index-5 {
    z-index: 5
}

.font-weight-600 {
    font-weight: 60
}

.z-index-6 {
    z-index: 6
}

.font-weight-700 {
    font-weight: 70
}

.z-index-7 {
    z-index: 7
}

.font-weight-800 {
    font-weight: 80
}

.z-index-8 {
    z-index: 8
}

.color-9c {
    color: #9c9c9c
}

.color-40 {
    color: #404040
}

#udesk_container #udesk_panel .udesk_shade {
    width: 20px;
    height: 20px;
    background-color: #ff4f4c;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999;
    pointer-events: none
}

#udesk_container #udesk_panel .udesk_shade:after {
    content: "×";
    color: #fff;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-img-main[data-v-6988e340] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9
}

.editor-img-main img[data-v-6988e340] {
    width: 100%
}

.default-title-wrapper[data-v-2c03b6a6] {
    border-bottom: 1px solid #404040;
    margin-bottom: 8px
}

.title[data-v-2c03b6a6] {
    display: inline-block;
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.strip-title-wrapper[data-v-63250e8d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px
}

.line[data-v-63250e8d] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 100%;
    background: #404040
}

.title[data-v-63250e8d] {
    display: inline-block;
    color: #404040;
    font-size: 16px;
    font-weight: 600
}

.bg[data-v-63250e8d] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #404040;
    opacity: .05
}

.tag-title-wrapper[data-v-37c0f122] {
    margin-bottom: 8px
}

.real[data-v-37c0f122],
.tag-title-wrapper[data-v-37c0f122] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.real[data-v-37c0f122] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 34px;
    padding-left: 20px;
    padding-right: 30px
}

.title[data-v-37c0f122] {
    position: relative;
    z-index: 3;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.bg-top[data-v-37c0f122] {
    z-index: 2;
    width: 100%;
    border-bottom: 34px solid #404040
}

.bg-bottom[data-v-37c0f122],
.bg-top[data-v-37c0f122] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    border-right: 10px solid transparent
}

.bg-bottom[data-v-37c0f122] {
    z-index: 1;
    width: calc(100% + 12px);
    border-bottom: 30px solid #404040;
    opacity: .12
}

.line[data-v-37c0f122] {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 1px;
    background: #404040;
    opacity: .12
}

.icon-title-wrapper[data-v-fbae0332] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.icon[data-v-fbae0332] {
    font-size: 18px;
    margin-right: 8px
}

.title[data-v-fbae0332] {
    display: inline-block;
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    word-break: keep-all;
    white-space: nowrap;
    margin-right: 10px
}

.line[data-v-fbae0332] {
    width: 100%;
    height: 1px;
    background: #404040;
    opacity: .12
}

.all-title-wrapper[data-v-bafac508] {
    position: relative
}

.add-or-delete[data-v-bafac508] {
    color: #505667;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    font-family: PingFang SC, Microsoft YaHei
}

.add-or-delete:hover .add-text[data-v-bafac508],
.add-or-delete:hover .icontianjia[data-v-bafac508] {
    color: #737885
}

.add-or-delete .iconfont[data-v-bafac508] {
    margin-right: 11px;
    font-size: 24px;
    color: #505667
}

.add-or-delete .add-text[data-v-bafac508] {
    color: #505667;
    font-size: 14px
}

.h-w-10[data-v-4b069b50] {
    width: 100%;
    height: 100%
}

.w988[data-v-4b069b50] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-4b069b50] {
    float: left
}

.fr[data-v-4b069b50] {
    float: right
}

.clearfix[data-v-4b069b50]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-4b069b50] {
    position: relative
}

.pa[data-v-4b069b50] {
    position: absolute
}

.display_b[data-v-4b069b50] {
    display: block
}

.display_ib[data-v-4b069b50] {
    display: inline-block
}

.ellipsis[data-v-4b069b50] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-4b069b50] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-4b069b50],
.ellipsis3[data-v-4b069b50] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-4b069b50] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-4b069b50] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex1[data-v-4b069b50] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-4b069b50] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-4b069b50],
.flex-c[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-4b069b50] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-4b069b50] {
    word-wrap: break-word
}

.w-10[data-v-4b069b50] {
    width: 100%;
    padding: 0
}

.w-5[data-v-4b069b50] {
    width: 55%;
    padding: 0
}

.b-s[data-v-4b069b50] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-4b069b50] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-4b069b50] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-4b069b50]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-4b069b50] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-4b069b50] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-4b069b50] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-4b069b50] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-4b069b50] {
    margin-top: 10px
}

.mt_8[data-v-4b069b50] {
    margin-top: 16px
}

.mt_9[data-v-4b069b50] {
    margin-top: 18px
}

.mt_10[data-v-4b069b50] {
    margin-top: 20px
}

.mt_11[data-v-4b069b50] {
    margin-top: 22px
}

.mt_12[data-v-4b069b50] {
    margin-top: 24px
}

.mt_13[data-v-4b069b50] {
    margin-top: 26px
}

.mt_14[data-v-4b069b50] {
    margin-top: 28px
}

.mt_15[data-v-4b069b50] {
    margin-top: 30px
}

.mt_16[data-v-4b069b50] {
    margin-top: 32px
}

.mt_19[data-v-4b069b50] {
    margin-top: 38px
}

.mt_20[data-v-4b069b50] {
    margin-top: 40px
}

.ml_10[data-v-4b069b50] {
    margin-left: 20px
}

.ml_12[data-v-4b069b50] {
    margin-left: 24px
}

.ml_14[data-v-4b069b50] {
    margin-left: 28px
}

.ml_20[data-v-4b069b50] {
    margin-left: 40px
}

.ml_22[data-v-4b069b50] {
    margin-left: 44px
}

.ml_27[data-v-4b069b50] {
    margin-left: 54px
}

.mr_27[data-v-4b069b50] {
    margin-right: 54px
}

.pl_5[data-v-4b069b50] {
    padding-left: 10px
}

.margin_lr34[data-v-4b069b50] {
    margin: 0 34px
}

.margin_lr38[data-v-4b069b50] {
    margin: 0 38px
}

.padding_lr34[data-v-4b069b50] {
    padding: 0 34px
}

.padding_lr38[data-v-4b069b50] {
    padding: 0 38px
}

.text_center[data-v-4b069b50] {
    text-align: center
}

.color_0[data-v-4b069b50] {
    color: #000
}

.color_3[data-v-4b069b50] {
    color: #333
}

.color_fff[data-v-4b069b50] {
    color: #fff
}

.color_e3[data-v-4b069b50] {
    color: #e3e3e3
}

.color_40[data-v-4b069b50] {
    color: #404040
}

.color_60[data-v-4b069b50] {
    color: #606060
}

.color_666[data-v-4b069b50] {
    color: #666
}

.color_90[data-v-4b069b50] {
    color: #909090
}

.color_9c[data-v-4b069b50] {
    color: #9c9c9c
}

.color_current[data-v-4b069b50] {
    color: #2d5ff5
}

.color_red[data-v-4b069b50] {
    color: #ff4f4c
}

.border_current[data-v-4b069b50] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-4b069b50] {
    background-color: #fff
}

.bg_f8[data-v-4b069b50] {
    background-color: #f8f8fa
}

.bg_current[data-v-4b069b50] {
    background-color: #2d5ff5
}

.bg_ed[data-v-4b069b50] {
    background-color: #edf0fd
}

.bg_red[data-v-4b069b50] {
    background-color: #ff4f4c
}

.font_w_b[data-v-4b069b50] {
    font-weight: 700
}

.f_12[data-v-4b069b50] {
    font-size: 12px
}

.f_13[data-v-4b069b50] {
    font-size: 13px
}

.f_14[data-v-4b069b50] {
    font-size: 14px
}

.f_15[data-v-4b069b50] {
    font-size: 15px
}

.f_16[data-v-4b069b50] {
    font-size: 16px
}

.f_17[data-v-4b069b50] {
    font-size: 17px
}

.f_18[data-v-4b069b50] {
    font-size: 18px
}

.f_19[data-v-4b069b50] {
    font-size: 19px
}

.f_20[data-v-4b069b50] {
    font-size: 20px
}

.f_21[data-v-4b069b50] {
    font-size: 21px
}

.f_22[data-v-4b069b50] {
    font-size: 22px
}

.f_23[data-v-4b069b50] {
    font-size: 23px
}

.f_24[data-v-4b069b50] {
    font-size: 24px
}

.f_25[data-v-4b069b50] {
    font-size: 25px
}

.f_26[data-v-4b069b50] {
    font-size: 26px
}

.f_27[data-v-4b069b50] {
    font-size: 27px
}

.f_28[data-v-4b069b50] {
    font-size: 28px
}

.f_29[data-v-4b069b50] {
    font-size: 29px
}

.f_30[data-v-4b069b50] {
    font-size: 30px
}

.f_31[data-v-4b069b50] {
    font-size: 31px
}

.f_32[data-v-4b069b50] {
    font-size: 32px
}

.f_33[data-v-4b069b50] {
    font-size: 33px
}

.f_34[data-v-4b069b50] {
    font-size: 34px
}

.f_35[data-v-4b069b50] {
    font-size: 35px
}

.f_36[data-v-4b069b50] {
    font-size: 36px
}

.f_37[data-v-4b069b50] {
    font-size: 37px
}

.f_38[data-v-4b069b50] {
    font-size: 38px
}

.f_39[data-v-4b069b50] {
    font-size: 39px
}

.f_40[data-v-4b069b50] {
    font-size: 40px
}

.f_41[data-v-4b069b50] {
    font-size: 41px
}

.f_42[data-v-4b069b50] {
    font-size: 42px
}

.f_43[data-v-4b069b50] {
    font-size: 43px
}

.f_44[data-v-4b069b50] {
    font-size: 44px
}

.f_45[data-v-4b069b50] {
    font-size: 45px
}

.f_46[data-v-4b069b50] {
    font-size: 46px
}

.f_47[data-v-4b069b50] {
    font-size: 47px
}

.f_48[data-v-4b069b50] {
    font-size: 48px
}

.f_49[data-v-4b069b50] {
    font-size: 49px
}

.f_50[data-v-4b069b50] {
    font-size: 50px
}

.b-r[data-v-4b069b50] {
    border-radius: 50%
}

.blur4[data-v-4b069b50] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-4b069b50] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-4b069b50] {
    cursor: pointer
}

.templateButtons .confirm[data-v-4b069b50] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-4b069b50] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-4b069b50] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-4b069b50]:hover,
.templateButtons .confirm[data-v-4b069b50]:hover {
    opacity: .8
}

.edit-module-item-name[data-v-4b069b50] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-4b069b50] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-4b069b50] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-4b069b50] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-4b069b50] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-4b069b50] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-4b069b50]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-4b069b50]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-4b069b50],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-4b069b50] {
    width: 100%
}

.edit-editor-btn[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-4b069b50] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-4b069b50] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-4b069b50] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-4b069b50] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-4b069b50] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-4b069b50] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-4b069b50] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-4b069b50] {
    float: right
}

.highlight .highlight-content[data-v-4b069b50] {
    line-height: 20px
}

.position-r[data-v-4b069b50] {
    position: relative
}

.flex[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-4b069b50] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-4b069b50] {
    margin: 0
}

.padding-0[data-v-4b069b50] {
    padding: 0
}

.width[data-v-4b069b50] {
    width: 100%
}

.margin-top-24[data-v-4b069b50] {
    margin-top: 24px
}

.margin-top-30[data-v-4b069b50] {
    margin-top: 30px
}

.margin-top-32[data-v-4b069b50] {
    margin-top: 32px
}

.margin-top-36[data-v-4b069b50] {
    margin-top: 36px
}

.margin-top-38[data-v-4b069b50] {
    margin-top: 38px
}

.pointer[data-v-4b069b50] {
    cursor: pointer
}

.resume-test[data-v-4b069b50] {
    font-size: 12px
}

.font-1[data-v-4b069b50] {
    font-family: msyh
}

.font-2[data-v-4b069b50] {
    font-family: "Source Han Serif SC"
}

.font-3[data-v-4b069b50] {
    font-family: STKaitiSc
}

.font-4[data-v-4b069b50] {
    font-family: Arial, sans-serif
}

.font-5[data-v-4b069b50] {
    font-family: Helvetica, sans-serif
}

.font-6[data-v-4b069b50] {
    font-family: Georgia, sans-serif
}

.font-7[data-v-4b069b50] {
    font-family: Times New Roman, sans-serif
}

.padding-5.default-header[data-v-4b069b50] {
    padding: 7mm 0 !important
}

.padding-5.line-header[data-v-4b069b50] {
    padding: 11mm 0 7mm 0 !important
}

.padding-5.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 7.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-5.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-5.png)
}

.padding-5.main-basic[data-v-4b069b50]:after,
.padding-5.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 16mm) auto;
    background-position: 8mm
}

.padding-5.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-5.png)
}

.padding-5.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-5.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 16mm) auto;
    background-position: 8mm
}

.padding-5 .cover[data-v-4b069b50] {
    padding-bottom: 7mm
}

.section-margin-5[data-v-4b069b50] {
    margin: 0 8mm
}

.padding-section-5[data-v-4b069b50] {
    padding: 0 8mm !important
}

.padding-6.default-header[data-v-4b069b50] {
    padding: 8mm 0 !important
}

.padding-6.line-header[data-v-4b069b50] {
    padding: 12mm 0 8mm 0 !important
}

.padding-6.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 8.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-6.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-6.png)
}

.padding-6.main-basic[data-v-4b069b50]:after,
.padding-6.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 18mm) auto;
    background-position: 9mm
}

.padding-6.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-6.png)
}

.padding-6.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-6.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 18mm) auto;
    background-position: 9mm
}

.padding-6 .cover[data-v-4b069b50] {
    padding-bottom: 8mm
}

.section-margin-6[data-v-4b069b50] {
    margin: 0 9mm
}

.padding-section-6[data-v-4b069b50] {
    padding: 0 9mm !important
}

.padding-7.default-header[data-v-4b069b50] {
    padding: 9mm 0 !important
}

.padding-7.line-header[data-v-4b069b50] {
    padding: 13mm 0 9mm 0 !important
}

.padding-7.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 9.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-7.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-7.png)
}

.padding-7.main-basic[data-v-4b069b50]:after,
.padding-7.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 20mm) auto;
    background-position: 10mm
}

.padding-7.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-7.png)
}

.padding-7.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-7.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 20mm) auto;
    background-position: 10mm
}

.padding-7 .cover[data-v-4b069b50] {
    padding-bottom: 9mm
}

.section-margin-7[data-v-4b069b50] {
    margin: 0 10mm
}

.padding-section-7[data-v-4b069b50] {
    padding: 0 10mm !important
}

.padding-8.default-header[data-v-4b069b50] {
    padding: 10mm 0 !important
}

.padding-8.line-header[data-v-4b069b50] {
    padding: 14mm 0 10mm 0 !important
}

.padding-8.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 10.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-8.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-8.png)
}

.padding-8.main-basic[data-v-4b069b50]:after,
.padding-8.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 22mm) auto;
    background-position: 11mm
}

.padding-8.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-8.png)
}

.padding-8.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-8.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 22mm) auto;
    background-position: 11mm
}

.padding-8 .cover[data-v-4b069b50] {
    padding-bottom: 10mm
}

.section-margin-8[data-v-4b069b50] {
    margin: 0 11mm
}

.padding-section-8[data-v-4b069b50] {
    padding: 0 11mm !important
}

.padding-9.default-header[data-v-4b069b50] {
    padding: 11mm 0 !important
}

.padding-9.line-header[data-v-4b069b50] {
    padding: 15mm 0 11mm 0 !important
}

.padding-9.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 11.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-9.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-9.png)
}

.padding-9.main-basic[data-v-4b069b50]:after,
.padding-9.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 24mm) auto;
    background-position: 12mm
}

.padding-9.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-9.png)
}

.padding-9.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-9.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 24mm) auto;
    background-position: 12mm
}

.padding-9 .cover[data-v-4b069b50] {
    padding-bottom: 11mm
}

.section-margin-9[data-v-4b069b50] {
    margin: 0 12mm
}

.padding-section-9[data-v-4b069b50] {
    padding: 0 12mm !important
}

.padding-10.default-header[data-v-4b069b50] {
    padding: 12mm 0 !important
}

.padding-10.line-header[data-v-4b069b50] {
    padding: 16mm 0 12mm 0 !important
}

.padding-10.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 12.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-10.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-10.png)
}

.padding-10.main-basic[data-v-4b069b50]:after,
.padding-10.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 26mm) auto;
    background-position: 13mm
}

.padding-10.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-10.png)
}

.padding-10.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-10.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 26mm) auto;
    background-position: 13mm
}

.padding-10 .cover[data-v-4b069b50] {
    padding-bottom: 12mm
}

.section-margin-10[data-v-4b069b50] {
    margin: 0 13mm
}

.padding-section-10[data-v-4b069b50] {
    padding: 0 13mm !important
}

.padding-11.default-header[data-v-4b069b50] {
    padding: 13mm 0 !important
}

.padding-11.line-header[data-v-4b069b50] {
    padding: 17mm 0 13mm 0 !important
}

.padding-11.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 13.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-11.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-11.png)
}

.padding-11.main-basic[data-v-4b069b50]:after,
.padding-11.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 28mm) auto;
    background-position: 14mm
}

.padding-11.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-11.png)
}

.padding-11.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-11.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 28mm) auto;
    background-position: 14mm
}

.padding-11 .cover[data-v-4b069b50] {
    padding-bottom: 13mm
}

.section-margin-11[data-v-4b069b50] {
    margin: 0 14mm
}

.padding-section-11[data-v-4b069b50] {
    padding: 0 14mm !important
}

.padding-12.default-header[data-v-4b069b50] {
    padding: 14mm 0 !important
}

.padding-12.line-header[data-v-4b069b50] {
    padding: 18mm 0 14mm 0 !important
}

.padding-12.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 14.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-12.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-12.png)
}

.padding-12.main-basic[data-v-4b069b50]:after,
.padding-12.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 30mm) auto;
    background-position: 15mm
}

.padding-12.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-12.png)
}

.padding-12.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-12.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 30mm) auto;
    background-position: 15mm
}

.padding-12 .cover[data-v-4b069b50] {
    padding-bottom: 14mm
}

.section-margin-12[data-v-4b069b50] {
    margin: 0 15mm
}

.padding-section-12[data-v-4b069b50] {
    padding: 0 15mm !important
}

.padding-13.default-header[data-v-4b069b50] {
    padding: 15mm 0 !important
}

.padding-13.line-header[data-v-4b069b50] {
    padding: 19mm 0 15mm 0 !important
}

.padding-13.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 15.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-13.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-13.png)
}

.padding-13.main-basic[data-v-4b069b50]:after,
.padding-13.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 32mm) auto;
    background-position: 16mm
}

.padding-13.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-13.png)
}

.padding-13.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-13.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 32mm) auto;
    background-position: 16mm
}

.padding-13 .cover[data-v-4b069b50] {
    padding-bottom: 15mm
}

.section-margin-13[data-v-4b069b50] {
    margin: 0 16mm
}

.padding-section-13[data-v-4b069b50] {
    padding: 0 16mm !important
}

.padding-14.default-header[data-v-4b069b50] {
    padding: 16mm 0 !important
}

.padding-14.line-header[data-v-4b069b50] {
    padding: 20mm 0 16mm 0 !important
}

.padding-14.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 16.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-14.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-14.png)
}

.padding-14.main-basic[data-v-4b069b50]:after,
.padding-14.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 34mm) auto;
    background-position: 17mm
}

.padding-14.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-14.png)
}

.padding-14.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-14.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 34mm) auto;
    background-position: 17mm
}

.padding-14 .cover[data-v-4b069b50] {
    padding-bottom: 16mm
}

.section-margin-14[data-v-4b069b50] {
    margin: 0 17mm
}

.padding-section-14[data-v-4b069b50] {
    padding: 0 17mm !important
}

.padding-15.default-header[data-v-4b069b50] {
    padding: 17mm 0 !important
}

.padding-15.line-header[data-v-4b069b50] {
    padding: 21mm 0 17mm 0 !important
}

.padding-15.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 17.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-15.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-15.png)
}

.padding-15.main-basic[data-v-4b069b50]:after,
.padding-15.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 36mm) auto;
    background-position: 18mm
}

.padding-15.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-15.png)
}

.padding-15.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-15.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 36mm) auto;
    background-position: 18mm
}

.padding-15 .cover[data-v-4b069b50] {
    padding-bottom: 17mm
}

.section-margin-15[data-v-4b069b50] {
    margin: 0 18mm
}

.padding-section-15[data-v-4b069b50] {
    padding: 0 18mm !important
}

.padding-16.default-header[data-v-4b069b50] {
    padding: 18mm 0 !important
}

.padding-16.line-header[data-v-4b069b50] {
    padding: 22mm 0 18mm 0 !important
}

.padding-16.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 18.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-16.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-16.png)
}

.padding-16.main-basic[data-v-4b069b50]:after,
.padding-16.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 38mm) auto;
    background-position: 19mm
}

.padding-16.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-16.png)
}

.padding-16.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-16.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 38mm) auto;
    background-position: 19mm
}

.padding-16 .cover[data-v-4b069b50] {
    padding-bottom: 18mm
}

.section-margin-16[data-v-4b069b50] {
    margin: 0 19mm
}

.padding-section-16[data-v-4b069b50] {
    padding: 0 19mm !important
}

.padding-17.default-header[data-v-4b069b50] {
    padding: 19mm 0 !important
}

.padding-17.line-header[data-v-4b069b50] {
    padding: 23mm 0 19mm 0 !important
}

.padding-17.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 19.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-17.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-17.png)
}

.padding-17.main-basic[data-v-4b069b50]:after,
.padding-17.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 40mm) auto;
    background-position: 20mm
}

.padding-17.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-17.png)
}

.padding-17.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-17.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 40mm) auto;
    background-position: 20mm
}

.padding-17 .cover[data-v-4b069b50] {
    padding-bottom: 19mm
}

.section-margin-17[data-v-4b069b50] {
    margin: 0 20mm
}

.padding-section-17[data-v-4b069b50] {
    padding: 0 20mm !important
}

.padding-18.default-header[data-v-4b069b50] {
    padding: 20mm 0 !important
}

.padding-18.line-header[data-v-4b069b50] {
    padding: 24mm 0 20mm 0 !important
}

.padding-18.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 20.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-18.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-18.png)
}

.padding-18.main-basic[data-v-4b069b50]:after,
.padding-18.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 42mm) auto;
    background-position: 21mm
}

.padding-18.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-18.png)
}

.padding-18.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-18.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 42mm) auto;
    background-position: 21mm
}

.padding-18 .cover[data-v-4b069b50] {
    padding-bottom: 20mm
}

.section-margin-18[data-v-4b069b50] {
    margin: 0 21mm
}

.padding-section-18[data-v-4b069b50] {
    padding: 0 21mm !important
}

.padding-19.default-header[data-v-4b069b50] {
    padding: 21mm 0 !important
}

.padding-19.line-header[data-v-4b069b50] {
    padding: 25mm 0 21mm 0 !important
}

.padding-19.main[data-v-4b069b50]:after {
    content: "";
    display: block;
    width: 100%;
    height: 21.26458mm;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0 0 2px 2px
}

.padding-19.main-basic[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-19.png)
}

.padding-19.main-basic[data-v-4b069b50]:after,
.padding-19.main-better[data-v-4b069b50]:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 44mm) auto;
    background-position: 22mm
}

.padding-19.main-better[data-v-4b069b50]:after {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-19.png)
}

.padding-19.main-best[data-v-4b069b50]:after {
    background-color: #fff;
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-19.png);
    background-repeat: no-repeat;
    background-size: calc(100% - 44mm) auto;
    background-position: 22mm
}

.padding-19 .cover[data-v-4b069b50] {
    padding-bottom: 21mm
}

.section-margin-19[data-v-4b069b50] {
    margin: 0 22mm
}

.padding-section-19[data-v-4b069b50] {
    padding: 0 22mm !important
}

.padding-20[data-v-4b069b50] {
    padding: 22mm 0 !important
}

.padding-20 .cover[data-v-4b069b50] {
    padding-bottom: 22mm;
    background-repeat: no-repeat;
    background-size: calc(100% - 48mm) 32px;
    background-position: 24mm
}

.padding-20.main-basic>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-20.png)
}

.padding-20.main-better>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-20.png)
}

.padding-20.main-best>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-20.png)
}

.padding-section-20[data-v-4b069b50] {
    padding: 0 24mm
}

.section-margin-20[data-v-4b069b50] {
    margin: 0 24mm
}

.padding-25[data-v-4b069b50] {
    padding: 27mm 0 !important
}

.padding-25 .cover[data-v-4b069b50] {
    padding-bottom: 27mm;
    background-repeat: no-repeat;
    background-size: calc(100% - 60mm) auto;
    background-position: 30mm
}

.padding-25.main-basic>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-basic-25.png)
}

.padding-25.main-better>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-better-25.png)
}

.padding-25.main-best>.cover[data-v-4b069b50] {
    background-image: url(/cv/payment/files/pc/watermark/watermark-best-25.png)
}

.padding-section-25[data-v-4b069b50] {
    padding: 0 30mm !important
}

.section-margin-25[data-v-4b069b50] {
    margin: 0 30mm
}

.fontsize-10[data-v-4b069b50] {
    font-size: 10px
}

.fontsize-10 .user .user-name[data-v-4b069b50] {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px
}

.fontsize-10 .attr-icon[data-v-4b069b50] {
    font-size: 10px
}

.fontsize-10 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 10px
}

.fontsize-10 .option[data-v-4b069b50] {
    font-size: 10px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 12px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 20px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 12px;
    line-height: 10px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 12px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 22.25px;
    padding-left: 12.5px;
    padding-right: 18.75px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 23.25px;
    border-right-width: 5px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 18.75px;
    border-right-width: 5px
}

.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-10 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 15px
}

.fontsize-11[data-v-4b069b50] {
    font-size: 11px
}

.fontsize-11 .user .user-name[data-v-4b069b50] {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px
}

.fontsize-11 .attr-icon[data-v-4b069b50] {
    font-size: 11px
}

.fontsize-11 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 11px
}

.fontsize-11 .option[data-v-4b069b50] {
    font-size: 11px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 13px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 22px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 13px;
    line-height: 11px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 13px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 24.375px;
    padding-left: 13.75px;
    padding-right: 20.625px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 25.375px;
    border-right-width: 5.7px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 20.625px;
    border-right-width: 5.7px
}

.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-11 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 16px
}

.fontsize-12[data-v-4b069b50] {
    font-size: 12px
}

.fontsize-12 .user .user-name[data-v-4b069b50] {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.fontsize-12 .attr-icon[data-v-4b069b50] {
    font-size: 12px
}

.fontsize-12 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 12px
}

.fontsize-12 .option[data-v-4b069b50] {
    font-size: 12px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 14px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 24px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 14px;
    line-height: 12px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 14px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 26.5px;
    padding-left: 15px;
    padding-right: 22.5px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 27.5px;
    border-right-width: 6.4px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 22.5px;
    border-right-width: 6.4px
}

.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-12 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 17px
}

.fontsize-13[data-v-4b069b50] {
    font-size: 13px
}

.fontsize-13 .user .user-name[data-v-4b069b50] {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 10px
}

.fontsize-13 .attr-icon[data-v-4b069b50] {
    font-size: 13px
}

.fontsize-13 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 13px
}

.fontsize-13 .option[data-v-4b069b50] {
    font-size: 13px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 15px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 26px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 15px;
    line-height: 13px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 15px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 28.625px;
    padding-left: 16.25px;
    padding-right: 24.375px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 29.625px;
    border-right-width: 7.1px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 24.375px;
    border-right-width: 7.1px
}

.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-13 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 18px
}

.fontsize-14[data-v-4b069b50] {
    font-size: 14px
}

.fontsize-14 .user .user-name[data-v-4b069b50] {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px
}

.fontsize-14 .attr-icon[data-v-4b069b50] {
    font-size: 14px
}

.fontsize-14 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 14px
}

.fontsize-14 .option[data-v-4b069b50] {
    font-size: 14px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 16px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 28px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 16px;
    line-height: 14px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 16px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 30.75px;
    padding-left: 17.5px;
    padding-right: 26.25px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 31.75px;
    border-right-width: 7.8px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 26.25px;
    border-right-width: 7.8px
}

.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-14 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 19px
}

.fontsize-15[data-v-4b069b50] {
    font-size: 15px
}

.fontsize-15 .user .user-name[data-v-4b069b50] {
    font-size: 23px;
    line-height: 23px;
    margin-bottom: 10px
}

.fontsize-15 .attr-icon[data-v-4b069b50] {
    font-size: 15px
}

.fontsize-15 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 15px
}

.fontsize-15 .option[data-v-4b069b50] {
    font-size: 15px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 17px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 30px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 17px;
    line-height: 15px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 17px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 32.875px;
    padding-left: 18.75px;
    padding-right: 28.125px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 33.875px;
    border-right-width: 8.5px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 28.125px;
    border-right-width: 8.5px
}

.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-15 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 20px
}

.fontsize-16[data-v-4b069b50] {
    font-size: 16px
}

.fontsize-16 .user .user-name[data-v-4b069b50] {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px
}

.fontsize-16 .attr-icon[data-v-4b069b50] {
    font-size: 16px
}

.fontsize-16 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 16px
}

.fontsize-16 .option[data-v-4b069b50] {
    font-size: 16px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 18px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 32px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 18px;
    line-height: 16px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 18px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 35px;
    padding-left: 20px;
    padding-right: 30px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 36px;
    border-right-width: 9.2px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 30px;
    border-right-width: 9.2px
}

.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-16 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 21px
}

.fontsize-17[data-v-4b069b50] {
    font-size: 17px
}

.fontsize-17 .user .user-name[data-v-4b069b50] {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px
}

.fontsize-17 .attr-icon[data-v-4b069b50] {
    font-size: 17px
}

.fontsize-17 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 17px
}

.fontsize-17 .option[data-v-4b069b50] {
    font-size: 17px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 19px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 34px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 19px;
    line-height: 17px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 19px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 37.125px;
    padding-left: 21.25px;
    padding-right: 31.875px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 38.125px;
    border-right-width: 9.9px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 31.875px;
    border-right-width: 9.9px
}

.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-17 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 22px
}

.fontsize-18[data-v-4b069b50] {
    font-size: 18px
}

.fontsize-18 .user .user-name[data-v-4b069b50] {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 10px
}

.fontsize-18 .attr-icon[data-v-4b069b50] {
    font-size: 18px
}

.fontsize-18 .show-attr-name-2 .profile-item span[data-v-4b069b50] {
    margin-right: 18px
}

.fontsize-18 .option[data-v-4b069b50] {
    font-size: 18px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    font-size: 20px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper {
    height: 36px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper .title {
    font-size: 20px;
    line-height: 18px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .title {
    font-size: 20px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .real {
    height: 39.25px;
    padding-left: 22.5px;
    padding-right: 33.75px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-top {
    border-bottom-width: 40.25px;
    border-right-width: 10.6px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper .bg-bottom {
    border-bottom-width: 33.75px;
    border-right-width: 10.6px
}

.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .icon,
.fontsize-18 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper .title {
    font-size: 23px
}

.fontsize-6[data-v-4b069b50] {
    font-size: 6px
}

.fontsize-6 .user .user-name[data-v-4b069b50] {
    font-size: 14px
}

.fontsize-6 .title[data-v-4b069b50] {
    font-size: 8px
}

.fontsize-6 .option[data-v-4b069b50] {
    font-size: 6px
}

.lineH-12[data-v-4b069b50] .user {
    padding-bottom: 7px
}

.lineH-13[data-v-4b069b50] .user {
    padding-bottom: 7.5px
}

.lineH-14[data-v-4b069b50] .user {
    padding-bottom: 8px
}

.lineH-15[data-v-4b069b50] .user {
    padding-bottom: 8.5px
}

.lineH-16[data-v-4b069b50] .user {
    padding-bottom: 9px
}

.lineH-17[data-v-4b069b50] .user {
    padding-bottom: 9.5px
}

.lineH-18[data-v-4b069b50] .user {
    padding-bottom: 10px
}

.lineH-19[data-v-4b069b50] .user {
    padding-bottom: 10.5px
}

.lineH-20[data-v-4b069b50] .user {
    padding-bottom: 11px
}

.lineH-21[data-v-4b069b50] .user {
    padding-bottom: 11.5px
}

.lineH-22[data-v-4b069b50] .user {
    padding-bottom: 12px
}

.lineH-23[data-v-4b069b50] .user {
    padding-bottom: 12.5px
}

.lineH-24[data-v-4b069b50] .user {
    padding-bottom: 13px
}

.lineH-25[data-v-4b069b50] .user {
    padding-bottom: 13.5px
}

.lineH-26[data-v-4b069b50] .user {
    padding-bottom: 14px
}

.lineH-27[data-v-4b069b50] .user {
    padding-bottom: 14.5px
}

.lineH-28[data-v-4b069b50] .user {
    padding-bottom: 15px
}

.lineH-29[data-v-4b069b50] .user {
    padding-bottom: 15.5px
}

.lineH-30[data-v-4b069b50] .user {
    padding-bottom: 16px
}

.lineH-12[data-v-4b069b50] .user {
    padding-bottom: -2px
}

.lineH-13[data-v-4b069b50] .user {
    padding-bottom: 0
}

.lineH-14[data-v-4b069b50] .user {
    padding-bottom: 2px
}

.lineH-15[data-v-4b069b50] .user {
    padding-bottom: 4px
}

.lineH-16[data-v-4b069b50] .user {
    padding-bottom: 6px
}

.lineH-17[data-v-4b069b50] .user {
    padding-bottom: 8px
}

.lineH-12[data-v-4b069b50] {
    line-height: 12px
}

.lineH-12 .option[data-v-4b069b50] {
    padding-top: 1px
}

.lineH-12 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-12 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 1px
}

.lineH-12 .option .title[data-v-4b069b50] {
    padding-bottom: 2px;
    margin-bottom: 2px
}

.lineH-12 .option[data-v-4b069b50] .menu-title,
.lineH-12 .option[data-v-4b069b50] li,
.lineH-12 .option[data-v-4b069b50] ol,
.lineH-12 .option[data-v-4b069b50] p {
    padding-bottom: 2px
}

.lineH-12 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 6px
}

.lineH-12 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 2.4px
}

.lineH-12 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-12 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-12 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 6px
}

.lineH-13[data-v-4b069b50] {
    line-height: 13px
}

.lineH-13 .option[data-v-4b069b50] {
    padding-top: 2px
}

.lineH-13 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-13 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 2px
}

.lineH-13 .option .title[data-v-4b069b50] {
    padding-bottom: 2.25px;
    margin-bottom: 2.5px
}

.lineH-13 .option[data-v-4b069b50] .menu-title,
.lineH-13 .option[data-v-4b069b50] li,
.lineH-13 .option[data-v-4b069b50] ol,
.lineH-13 .option[data-v-4b069b50] p {
    padding-bottom: 2.5px
}

.lineH-13 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 6.5px
}

.lineH-13 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 2.6px
}

.lineH-13 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-13 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-13 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 6.5px
}

.lineH-14[data-v-4b069b50] {
    line-height: 14px
}

.lineH-14 .option[data-v-4b069b50] {
    padding-top: 3px
}

.lineH-14 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-14 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 3px
}

.lineH-14 .option .title[data-v-4b069b50] {
    padding-bottom: 2.5px;
    margin-bottom: 3px
}

.lineH-14 .option[data-v-4b069b50] .menu-title,
.lineH-14 .option[data-v-4b069b50] li,
.lineH-14 .option[data-v-4b069b50] ol,
.lineH-14 .option[data-v-4b069b50] p {
    padding-bottom: 3px
}

.lineH-14 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 7px
}

.lineH-14 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 2.8px
}

.lineH-14 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-14 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-14 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 7px
}

.lineH-15[data-v-4b069b50] {
    line-height: 15px
}

.lineH-15 .option[data-v-4b069b50] {
    padding-top: 4px
}

.lineH-15 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-15 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 4px
}

.lineH-15 .option .title[data-v-4b069b50] {
    padding-bottom: 2.75px;
    margin-bottom: 3.5px
}

.lineH-15 .option[data-v-4b069b50] .menu-title,
.lineH-15 .option[data-v-4b069b50] li,
.lineH-15 .option[data-v-4b069b50] ol,
.lineH-15 .option[data-v-4b069b50] p {
    padding-bottom: 3.5px
}

.lineH-15 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 7.5px
}

.lineH-15 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 3px
}

.lineH-15 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-15 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-15 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 7.5px
}

.lineH-16[data-v-4b069b50] {
    line-height: 16px
}

.lineH-16 .option[data-v-4b069b50] {
    padding-top: 5px
}

.lineH-16 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-16 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 5px
}

.lineH-16 .option .title[data-v-4b069b50] {
    padding-bottom: 3px;
    margin-bottom: 4px
}

.lineH-16 .option[data-v-4b069b50] .menu-title,
.lineH-16 .option[data-v-4b069b50] li,
.lineH-16 .option[data-v-4b069b50] ol,
.lineH-16 .option[data-v-4b069b50] p {
    padding-bottom: 4px
}

.lineH-16 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 8px
}

.lineH-16 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 3.2px
}

.lineH-16 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-16 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-16 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 8px
}

.lineH-17[data-v-4b069b50] {
    line-height: 17px
}

.lineH-17 .option[data-v-4b069b50] {
    padding-top: 6px
}

.lineH-17 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-17 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 6px
}

.lineH-17 .option .title[data-v-4b069b50] {
    padding-bottom: 3.25px;
    margin-bottom: 4.5px
}

.lineH-17 .option[data-v-4b069b50] .menu-title,
.lineH-17 .option[data-v-4b069b50] li,
.lineH-17 .option[data-v-4b069b50] ol,
.lineH-17 .option[data-v-4b069b50] p {
    padding-bottom: 4.5px
}

.lineH-17 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 8.5px
}

.lineH-17 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 3.4px
}

.lineH-17 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-17 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-17 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 8.5px
}

.lineH-18[data-v-4b069b50] {
    line-height: 18px
}

.lineH-18 .option[data-v-4b069b50] {
    padding-top: 7px
}

.lineH-18 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-18 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 7px
}

.lineH-18 .option .title[data-v-4b069b50] {
    padding-bottom: 3.5px;
    margin-bottom: 5px
}

.lineH-18 .option[data-v-4b069b50] .menu-title,
.lineH-18 .option[data-v-4b069b50] li,
.lineH-18 .option[data-v-4b069b50] ol,
.lineH-18 .option[data-v-4b069b50] p {
    padding-bottom: 5px
}

.lineH-18 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 9px
}

.lineH-18 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 3.6px
}

.lineH-18 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-18 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-18 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 9px
}

.lineH-19[data-v-4b069b50] {
    line-height: 19px
}

.lineH-19 .option[data-v-4b069b50] {
    padding-top: 8px
}

.lineH-19 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-19 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 8px
}

.lineH-19 .option .title[data-v-4b069b50] {
    padding-bottom: 3.75px;
    margin-bottom: 5.5px
}

.lineH-19 .option[data-v-4b069b50] .menu-title,
.lineH-19 .option[data-v-4b069b50] li,
.lineH-19 .option[data-v-4b069b50] ol,
.lineH-19 .option[data-v-4b069b50] p {
    padding-bottom: 5.5px
}

.lineH-19 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 9.5px
}

.lineH-19 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 3.8px
}

.lineH-19 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-19 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-19 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 9.5px
}

.lineH-20[data-v-4b069b50] {
    line-height: 20px
}

.lineH-20 .option[data-v-4b069b50] {
    padding-top: 9px
}

.lineH-20 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-20 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 9px
}

.lineH-20 .option .title[data-v-4b069b50] {
    padding-bottom: 4px;
    margin-bottom: 6px
}

.lineH-20 .option[data-v-4b069b50] .menu-title,
.lineH-20 .option[data-v-4b069b50] li,
.lineH-20 .option[data-v-4b069b50] ol,
.lineH-20 .option[data-v-4b069b50] p {
    padding-bottom: 6px
}

.lineH-20 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 10px
}

.lineH-20 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 4px
}

.lineH-20 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-20 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-20 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 10px
}

.lineH-21[data-v-4b069b50] {
    line-height: 21px
}

.lineH-21 .option[data-v-4b069b50] {
    padding-top: 10px
}

.lineH-21 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-21 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 10px
}

.lineH-21 .option .title[data-v-4b069b50] {
    padding-bottom: 4.25px;
    margin-bottom: 6.5px
}

.lineH-21 .option[data-v-4b069b50] .menu-title,
.lineH-21 .option[data-v-4b069b50] li,
.lineH-21 .option[data-v-4b069b50] ol,
.lineH-21 .option[data-v-4b069b50] p {
    padding-bottom: 6.5px
}

.lineH-21 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 10.5px
}

.lineH-21 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 4.2px
}

.lineH-21 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-21 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-21 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 10.5px
}

.lineH-22[data-v-4b069b50] {
    line-height: 22px
}

.lineH-22 .option[data-v-4b069b50] {
    padding-top: 11px
}

.lineH-22 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-22 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 11px
}

.lineH-22 .option .title[data-v-4b069b50] {
    padding-bottom: 4.5px;
    margin-bottom: 7px
}

.lineH-22 .option[data-v-4b069b50] .menu-title,
.lineH-22 .option[data-v-4b069b50] li,
.lineH-22 .option[data-v-4b069b50] ol,
.lineH-22 .option[data-v-4b069b50] p {
    padding-bottom: 7px
}

.lineH-22 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 11px
}

.lineH-22 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 4.4px
}

.lineH-22 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-22 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-22 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 11px
}

.lineH-23[data-v-4b069b50] {
    line-height: 23px
}

.lineH-23 .option[data-v-4b069b50] {
    padding-top: 12px
}

.lineH-23 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-23 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 12px
}

.lineH-23 .option .title[data-v-4b069b50] {
    padding-bottom: 4.75px;
    margin-bottom: 7.5px
}

.lineH-23 .option[data-v-4b069b50] .menu-title,
.lineH-23 .option[data-v-4b069b50] li,
.lineH-23 .option[data-v-4b069b50] ol,
.lineH-23 .option[data-v-4b069b50] p {
    padding-bottom: 7.5px
}

.lineH-23 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 11.5px
}

.lineH-23 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 4.6px
}

.lineH-23 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-23 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-23 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 11.5px
}

.lineH-24[data-v-4b069b50] {
    line-height: 24px
}

.lineH-24 .option[data-v-4b069b50] {
    padding-top: 13px
}

.lineH-24 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-24 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 13px
}

.lineH-24 .option .title[data-v-4b069b50] {
    padding-bottom: 5px;
    margin-bottom: 8px
}

.lineH-24 .option[data-v-4b069b50] .menu-title,
.lineH-24 .option[data-v-4b069b50] li,
.lineH-24 .option[data-v-4b069b50] ol,
.lineH-24 .option[data-v-4b069b50] p {
    padding-bottom: 8px
}

.lineH-24 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 12px
}

.lineH-24 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 4.8px
}

.lineH-24 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-24 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-24 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 12px
}

.lineH-25[data-v-4b069b50] {
    line-height: 25px
}

.lineH-25 .option[data-v-4b069b50] {
    padding-top: 14px
}

.lineH-25 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-25 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 14px
}

.lineH-25 .option .title[data-v-4b069b50] {
    padding-bottom: 5.25px;
    margin-bottom: 8.5px
}

.lineH-25 .option[data-v-4b069b50] .menu-title,
.lineH-25 .option[data-v-4b069b50] li,
.lineH-25 .option[data-v-4b069b50] ol,
.lineH-25 .option[data-v-4b069b50] p {
    padding-bottom: 8.5px
}

.lineH-25 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 12.5px
}

.lineH-25 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 5px
}

.lineH-25 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-25 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-25 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 12.5px
}

.lineH-26[data-v-4b069b50] {
    line-height: 26px
}

.lineH-26 .option[data-v-4b069b50] {
    padding-top: 15px
}

.lineH-26 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-26 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 15px
}

.lineH-26 .option .title[data-v-4b069b50] {
    padding-bottom: 5.5px;
    margin-bottom: 9px
}

.lineH-26 .option[data-v-4b069b50] .menu-title,
.lineH-26 .option[data-v-4b069b50] li,
.lineH-26 .option[data-v-4b069b50] ol,
.lineH-26 .option[data-v-4b069b50] p {
    padding-bottom: 9px
}

.lineH-26 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 13px
}

.lineH-26 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 5.2px
}

.lineH-26 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-26 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-26 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 13px
}

.lineH-27[data-v-4b069b50] {
    line-height: 27px
}

.lineH-27 .option[data-v-4b069b50] {
    padding-top: 16px
}

.lineH-27 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-27 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 16px
}

.lineH-27 .option .title[data-v-4b069b50] {
    padding-bottom: 5.75px;
    margin-bottom: 9.5px
}

.lineH-27 .option[data-v-4b069b50] .menu-title,
.lineH-27 .option[data-v-4b069b50] li,
.lineH-27 .option[data-v-4b069b50] ol,
.lineH-27 .option[data-v-4b069b50] p {
    padding-bottom: 9.5px
}

.lineH-27 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 13.5px
}

.lineH-27 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 5.4px
}

.lineH-27 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-27 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-27 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 13.5px
}

.lineH-28[data-v-4b069b50] {
    line-height: 28px
}

.lineH-28 .option[data-v-4b069b50] {
    padding-top: 17px
}

.lineH-28 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-28 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 17px
}

.lineH-28 .option .title[data-v-4b069b50] {
    padding-bottom: 6px;
    margin-bottom: 10px
}

.lineH-28 .option[data-v-4b069b50] .menu-title,
.lineH-28 .option[data-v-4b069b50] li,
.lineH-28 .option[data-v-4b069b50] ol,
.lineH-28 .option[data-v-4b069b50] p {
    padding-bottom: 10px
}

.lineH-28 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 14px
}

.lineH-28 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 5.6px
}

.lineH-28 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-28 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-28 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 14px
}

.lineH-29[data-v-4b069b50] {
    line-height: 29px
}

.lineH-29 .option[data-v-4b069b50] {
    padding-top: 18px
}

.lineH-29 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-29 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 18px
}

.lineH-29 .option .title[data-v-4b069b50] {
    padding-bottom: 6.25px;
    margin-bottom: 10.5px
}

.lineH-29 .option[data-v-4b069b50] .menu-title,
.lineH-29 .option[data-v-4b069b50] li,
.lineH-29 .option[data-v-4b069b50] ol,
.lineH-29 .option[data-v-4b069b50] p {
    padding-bottom: 10.5px
}

.lineH-29 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 14.5px
}

.lineH-29 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 5.8px
}

.lineH-29 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-29 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-29 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 14.5px
}

.lineH-30[data-v-4b069b50] {
    line-height: 30px
}

.lineH-30 .option[data-v-4b069b50] {
    padding-top: 19px
}

.lineH-30 .option[data-v-4b069b50]:first-child {
    padding-top: 0
}

.lineH-30 .option[data-v-4b069b50]:nth-child(2) {
    margin-top: 19px
}

.lineH-30 .option .title[data-v-4b069b50] {
    padding-bottom: 6.5px;
    margin-bottom: 11px
}

.lineH-30 .option[data-v-4b069b50] .menu-title,
.lineH-30 .option[data-v-4b069b50] li,
.lineH-30 .option[data-v-4b069b50] ol,
.lineH-30 .option[data-v-4b069b50] p {
    padding-bottom: 11px
}

.lineH-30 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper {
    margin-bottom: 15px
}

.lineH-30 .option[data-v-4b069b50] .all-title-wrapper .default-title-wrapper .title {
    margin-bottom: 6px
}

.lineH-30 .option[data-v-4b069b50] .all-title-wrapper .icon-title-wrapper,
.lineH-30 .option[data-v-4b069b50] .all-title-wrapper .strip-title-wrapper,
.lineH-30 .option[data-v-4b069b50] .all-title-wrapper .tag-title-wrapper {
    margin-bottom: 15px
}

.resume-main[data-v-4b069b50] {
    width: 100%;
    overflow: hidden;
    position: relative
}

.resume-main.is-page[data-v-4b069b50] {
    height: 100%;
    overflow: hidden
}

.resume-main.is-page.page-index-1 .main[data-v-4b069b50]:first-child {
    margin-top: 0
}

.resume-main.is-page.page-index-2 .main[data-v-4b069b50]:first-child {
    margin-top: -307mm
}

.resume-main.is-page.page-index-3 .main[data-v-4b069b50]:first-child {
    margin-top: -614mm
}

.resume-main.is-page.page-index-4 .main[data-v-4b069b50]:first-child {
    margin-top: -921mm
}

.resume-main.is-page.page-index-5 .main[data-v-4b069b50]:first-child {
    margin-top: -1228mm
}

.resume-main.is-page.page-index-6 .main[data-v-4b069b50]:first-child {
    margin-top: -1535mm
}

.resume-main.is-page.page-index-7 .main[data-v-4b069b50]:first-child {
    margin-top: -1842mm
}

.resume-main.is-page.page-index-8 .main[data-v-4b069b50]:first-child {
    margin-top: -2149mm
}

.resume-main.is-page.page-index-9 .main[data-v-4b069b50]:first-child {
    margin-top: -2456mm
}

.resume-main.is-page.page-index-10 .main[data-v-4b069b50]:first-child {
    margin-top: -2763mm
}

.resume-main.is-page.page-index-11 .main[data-v-4b069b50]:first-child {
    margin-top: -3070mm
}

.resume-main.is-page.page-index-12 .main[data-v-4b069b50]:first-child {
    margin-top: -3377mm
}

.resume-main.is-page.page-index-13 .main[data-v-4b069b50]:first-child {
    margin-top: -3684mm
}

.resume-main.is-page.page-index-14 .main[data-v-4b069b50]:first-child {
    margin-top: -3991mm
}

.resume-main.a4 .pdf-main[data-v-4b069b50],
.resume-main.a4 .scale[data-v-4b069b50] {
    width: 210mm
}

.resume-main.a4 .main[data-v-4b069b50] {
    height: 297mm
}

.resume-main.letter_size .pdf-main[data-v-4b069b50],
.resume-main.letter_size .scale[data-v-4b069b50] {
    width: 215.9mm
}

.resume-main.letter_size .main[data-v-4b069b50] {
    height: 279.4mm
}

.resume-main .scale[data-v-4b069b50] {
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    -webkit-transition: all .02s ease;
    transition: all .02s ease;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.resume-main .scale.visible[data-v-4b069b50] {
    visibility: visible
}

@-webkit-keyframes animationname-data-v-4b069b50 {
    0% {
        top: 0
    }
    to {
        top: 0
    }
}

@keyframes animationname-data-v-4b069b50 {
    0% {
        top: 0
    }
    to {
        top: 0
    }
}

.resume-main .is-page-margin[data-v-4b069b50] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.resume-main .header-line[data-v-4b069b50] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 16px
}

.resume-main .main[data-v-4b069b50] {
    width: 100%;
    padding: 5mm;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
    color: #000;
    position: relative;
    border-radius: 2px
}

.resume-main .main .extras-item[data-v-4b069b50] {
    word-break: break-all
}

.resume-main .main .extras-item .module-sort[data-v-4b069b50] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    z-index: 8;
    display: none
}

.resume-main .main .extras-item .module-sort .iconfont[data-v-4b069b50] {
    cursor: pointer;
    font-size: 24px;
    color: #505667;
    background-color: #fff;
    border-radius: 50%
}

.resume-main .main .extras-item .module-sort .iconxiayi[data-v-4b069b50] {
    margin-left: 22px
}

.resume-main .main .extras-item .module-sort .iconshangyi .iconxiayi[data-v-4b069b50] {
    font-size: 24px
}

.resume-main .main .extras-item .module-sort .disabled[data-v-4b069b50] {
    color: #aeb2bd;
    cursor: not-allowed
}

.resume-main .main .extras-item:hover .module-sort[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resume-main .main[data-v-4b069b50]:last-child {
    margin-bottom: 0
}

.resume-main .main .content[data-v-4b069b50] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative
}

.resume-main .main .content .content-scroll[data-v-4b069b50] {
    position: relative;
    z-index: 1
}

.resume-main .main .cover[data-v-4b069b50] {
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    border-radius: 0 0 2px 2px
}

.resume-main .user[data-v-4b069b50] {
    position: relative
}

.resume-main .user[data-v-4b069b50]:hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.resume-main .user .user-info[data-v-4b069b50] {
    width: 493px;
    width: 70%
}

.resume-main .user .user-info>div[data-v-4b069b50] span /deep/ b {
    font-weight: 400
}

[data-v-4b069b50] .resume-main .user .user-info>div /deep/ span:last-child b {
    display: none
}

.resume-main .user .user-info .user-name[data-v-4b069b50] {
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px
}

.resume-main .user .user-info .no-profile-info[data-v-4b069b50] {
    color: #606060;
    line-height: 26px
}

.resume-main .user .user-info .attr-name[data-v-4b069b50] {
    display: none
}

.resume-main .user .user-info .attr-icon[data-v-4b069b50] {
    display: none;
    color: #9c9c9c;
    margin-right: 6px
}

.resume-main .user .user-info .profile-item span[data-v-4b069b50] {
    display: inline-block;
    vertical-align: middle
}

.resume-main .user .user-info .profile-item span[data-v-4b069b50]:after {
    content: "|";
    display: inline-block;
    margin-right: 6px;
    margin-left: 2px;
    width: 1px;
    height: 14px
}

.resume-main .user .user-info .profile-item span[data-v-4b069b50]:last-child:after {
    display: none
}

.resume-main .user .user-avatar[data-v-4b069b50] {
    position: absolute;
    top: 0;
    right: 0
}

.resume-main .user .user-avatar .user-avatar-image[data-v-4b069b50] {
    width: 80px;
    height: 96px;
    -o-object-fit: contain;
    object-fit: contain
}

.resume-main .user .user-avatar .default-avatar[data-v-4b069b50] {
    width: 80px;
    height: 56px;
    font-family: PingFang SC, Microsoft YaHei;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px dashed #bcbcbc;
    color: #9c9c9c;
    border-radius: 2px
}

.resume-main .user .user-avatar .default-avatar.body_center[data-v-4b069b50] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: none;
    background: url(/cv/payment/files/pc/cvEditor/default-avatar.png) no-repeat 50%/cover
}

.resume-main .user .user-avatar:hover .user-picture-delete[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resume-main .user .user-avatar .user-picture-delete[data-v-4b069b50] {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(64, 64, 64, .5);
    text-align: right;
    cursor: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFang SC, Microsoft YaHei
}

.resume-main .user .user-avatar .user-picture-delete p[data-v-4b069b50] {
    width: 100%;
    cursor: pointer;
    color: #ececec;
    font-weight: 600;
    text-align: center;
    font-size: 14px
}

.resume-main .user .user-avatar .user-picture-delete p[data-v-4b069b50]:hover {
    color: #fff
}

.resume-main .user .user-avatar .user-picture-delete p .iconfont[data-v-4b069b50] {
    margin-right: 2px
}

.resume-main .user .user-avatar .user-picture-delete p[data-v-4b069b50]:nth-child(2) {
    margin-top: 16px
}

.resume-main .user .has-profile[data-v-4b069b50] {
    min-height: 96px
}

.resume-main .user .user-school[data-v-4b069b50] {
    max-width: 176px;
    max-height: 48px;
    position: absolute;
    top: 0;
    left: 0
}

.resume-main .user .user-school.position_inherit[data-v-4b069b50] {
    position: static
}

.resume-main .user .user-school img[data-v-4b069b50] {
    max-width: 176px;
    max-height: 48px
}

.resume-main .user.left .user-info[data-v-4b069b50] {
    text-align: left
}

.resume-main .user.center .user-info[data-v-4b069b50] {
    text-align: center;
    margin: auto
}

.resume-main .user.body_center .has-profile[data-v-4b069b50] {
    min-height: 0
}

.resume-main .user.body_center .user-info[data-v-4b069b50] {
    text-align: center;
    margin: auto;
    padding-top: 120px
}

.resume-main .user.body_center .user-avatar[data-v-4b069b50] {
    width: 100px;
    height: 100px;
    left: 50%;
    right: auto !important;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.resume-main .user.body_center .user-avatar .user-avatar-image[data-v-4b069b50] {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%
}

.resume-main .user.body_center .user-avatar:hover .user-picture-delete[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%
}

.resume-main .user.avatar .user-info[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.resume-main .user.avatar .user-avatar[data-v-4b069b50] {
    right: 0
}

.resume-main .user.school-logo .user-school[data-v-4b069b50] {
    left: 0
}

.resume-main .user.left.school-logo .user-school[data-v-4b069b50] {
    left: auto;
    right: 0
}

.resume-main .user.left.avatar.school-logo .user-info[data-v-4b069b50] {
    margin: auto
}

.resume-main .user.left.avatar.school-logo .user-avatar[data-v-4b069b50] {
    right: auto;
    left: 0
}

.resume-main .user.left.avatar.school-logo .user-school[data-v-4b069b50] {
    left: auto;
    right: 0
}

.resume-main .user.show-attr-name-0 .attr-icon[data-v-4b069b50],
.resume-main .user.show-attr-name-0 .attr-name[data-v-4b069b50] {
    display: none
}

.resume-main .user.show-attr-name-1 .attr-name[data-v-4b069b50] {
    display: inline
}

.resume-main .user.show-attr-name-1 .attr-icon[data-v-4b069b50],
.resume-main .user.show-attr-name-2 .attr-name[data-v-4b069b50] {
    display: none
}

.resume-main .user.show-attr-name-2 .attr-icon[data-v-4b069b50] {
    display: inline
}

.resume-main .user.show-attr-name-2 .profile-item span[data-v-4b069b50]:after {
    content: none
}

.resume-main .user.show-attr-name-2 .profile-item span[data-v-4b069b50]:last-child {
    margin-right: 0
}

.resume-main .section-high-light[data-v-4b069b50] {
    background-color: #efeff0;
    cursor: pointer;
    border-radius: 6px
}

.resume-main .option[data-v-4b069b50] {
    width: 100%
}

.resume-main .option .title-container[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc
}

.resume-main .option .title-container .title[data-v-4b069b50] {
    font-weight: 700
}

.resume-main .option .title-container .module-item-add[data-v-4b069b50] {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #505667;
    cursor: pointer;
    font-family: PingFang SC, Microsoft YaHei
}

.resume-main .option .title-container .module-item-add .iconfont[data-v-4b069b50] {
    margin-right: 11px;
    font-size: 24px;
    color: #505667
}

.resume-main .option .title-container .module-item-add .add-text[data-v-4b069b50] {
    color: #505667;
    font-size: 14px
}

.resume-main .option .title-container .module-item-delete[data-v-4b069b50] {
    display: none
}

.resume-main .option .menu[data-v-4b069b50] b,
.resume-main .option .menu[data-v-4b069b50] b *,
.resume-main .option .menu[data-v-4b069b50] strong,
.resume-main .option .menu[data-v-4b069b50] strong * {
    font-weight: 900 !important
}

.resume-main .option .menu[data-v-4b069b50] sub {
    vertical-align: sub;
    font-size: smaller
}

.resume-main .option .menu[data-v-4b069b50] sup {
    vertical-align: super;
    font-size: smaller
}

.resume-main .option .menu .menu-title[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-main .option .menu .menu-title .name[data-v-4b069b50] {
    font-weight: 700
}

.resume-main .option .menu .menu-title .left[data-v-4b069b50] {
    word-wrap: break-word;
    margin-right: 10px
}

.resume-main .option .menu .menu-title .right[data-v-4b069b50] {
    padding-right: 1px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resume-main .option .menu .module-sort[data-v-4b069b50] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 8;
    display: none
}

.resume-main .option .menu .module-sort .iconfont[data-v-4b069b50] {
    cursor: pointer;
    font-size: 24px;
    line-height: 16px;
    width: 20px;
    background-color: #fff;
    color: #505667;
    border-radius: 50%;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.resume-main .option .menu .module-sort .iconxiayi[data-v-4b069b50] {
    margin-left: 22px
}

.resume-main .option .menu .module-sort .iconshangyi[data-v-4b069b50],
.resume-main .option .menu .module-sort .iconxiayi[data-v-4b069b50] {
    font-size: 24px
}

.resume-main .option .menu .module-sort .iconshangyi[data-v-4b069b50]:hover,
.resume-main .option .menu .module-sort .iconxiayi[data-v-4b069b50]:hover {
    color: #737885
}

.resume-main .option .menu .module-sort .disabled[data-v-4b069b50] {
    color: #aeb2bd !important;
    cursor: not-allowed
}

.resume-main .option .section-item-container:hover .module-sort[data-v-4b069b50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resume-main .option .extras[data-v-4b069b50]:hover {
    background-color: transparent
}

.resume-main .option .extras:hover .extras-item[data-v-4b069b50]:hover {
    background-color: #efeff0;
    cursor: pointer;
    border-radius: 6px
}

.resume-main .option-high-light[data-v-4b069b50] {
    background-color: #f7f7f8;
    border-radius: 4px
}

.resume-main .option-high-light .title-container .module-item-add[data-v-4b069b50],
.resume-main .option-high-light[data-v-4b069b50] .all-title-wrapper .add-or-delete {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.resume-main .option-high-light .title-container .module-item-add:hover .add-text[data-v-4b069b50],
.resume-main .option-high-light .title-container .module-item-add:hover .icontianjia[data-v-4b069b50] {
    color: #737885
}

.resume-main .default-text-option[data-v-4b069b50] {
    margin-bottom: 38px;
    padding-bottom: 7px
}

.resume-main .default-text-option[data-v-4b069b50]:hover {
    background-color: #efeff0;
    cursor: pointer;
    border-radius: 6px
}

.resume-main .default-text-option:hover .title-container .module-item-delete[data-v-4b069b50],
.resume-main .default-text-option[data-v-4b069b50]:hover .all-title-wrapper .add-or-delete {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.resume-main .default-text-option[data-v-4b069b50]:last-child {
    margin-bottom: 0
}

.resume-main .default-text-option .default-text[data-v-4b069b50] {
    color: #606060;
    line-height: 20px;
    margin-top: 10px
}

.resume-main .high-light-error[data-v-4b069b50] {
    background-color: #f9f9f9
}

.menu-content-wrapper[data-v-4b069b50] {
    position: relative
}

.menu-content-wrapper .mask[data-v-4b069b50] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu-content-wrapper .menu-content [data-v-4b069b50] {
    word-break: break-word
}

.menu-content-wrapper .menu-content a[data-v-4b069b50] {
    color: #4183ff
}

.opus-container[data-v-4b069b50] {
    margin-top: 10px;
    overflow: hidden
}

.opus-container .opu-item[data-v-4b069b50] {
    width: 92px;
    margin-left: 26px;
    float: left;
    cursor: pointer
}

.opus-container .opu-item[data-v-4b069b50]:first-child {
    margin-left: 0
}

.opus-container .opu-item .qrcode-img[data-v-4b069b50] {
    width: 92px;
    height: 92px;
    display: block;
    margin-bottom: 8px
}

.opus-container .opu-item .qrcode[data-v-4b069b50] {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    border: 1px solid #dedfe1;
    font-size: 38px;
    text-align: center;
    line-height: 90px;
    color: #dedfe1;
    margin-bottom: 8px
}

.opus-container .opu-item .desc[data-v-4b069b50] {
    text-align: center;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.opus-container .opu-item .desc.link[data-v-4b069b50] {
    color: #226fff
}

.opus-container .opu-item .desc span[data-v-4b069b50] {
    text-decoration: underline
}

.resume-main {
    position: relative
}

.resume-main ol,
.resume-main ul {
    padding-left: 20px
}

.cover-transparent {
    z-index: 4 !important;
    background-color: transparent !important
}

.rich-text-main,
.rich-text-main * {
    border-color: #dcdfe6 !important
}

.rich-text-main .quill-editor {
    height: 218px
}

.rich-text-main .quill-editor b,
.rich-text-main .quill-editor strong {
    font-weight: 700
}

.rich-text-main .quill-editor sub {
    vertical-align: sub;
    font-size: smaller
}

.rich-text-main .quill-editor sup {
    vertical-align: super;
    font-size: smaller
}

.rich-text-main .ql-redo,
.rich-text-main .ql-undo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rich-text-main .ql-redo img,
.rich-text-main .ql-undo img {
    width: 16px;
    height: 16px
}

.rich-text-main svg {
    color: #606060
}

.rich-text-main svg:hover .ql-snow .ql-stroke {
    stroke: #606060 !important
}

.rich-text-main .ql-formats {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.rich-text-main .ql-tooltip.ql-editing {
    left: 75px !important
}

.rich-text-main .ql-snow .ql-tooltip[data-mode=link]:before {
    content: "链接"
}

.rich-text-main .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    content: "保存"
}

.rich-text-main .ql-snow .ql-stroke {
    stroke: #909090
}

.rich-text-main .ql-snow.ql-toolbar .ql-picker-item,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label,
.rich-text-main .ql-snow.ql-toolbar button,
.rich-text-main .ql-snow .ql-toolbar button {
    color: #909090 !important
}

.rich-text-main .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-item:hover,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item:hover,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label:hover,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label:hover,
.rich-text-main .ql-snow.ql-toolbar button.ql-active,
.rich-text-main .ql-snow .ql-toolbar button.ql-active,
.rich-text-main .ql-snow.ql-toolbar button:focus,
.rich-text-main .ql-snow .ql-toolbar button:focus,
.rich-text-main .ql-snow.ql-toolbar button:hover,
.rich-text-main .ql-snow .ql-toolbar button:hover {
    color: #404040 !important
}

.rich-text-main .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar button:focus .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar button:focus .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.rich-text-main .ql-snow.ql-toolbar button:hover .ql-stroke,
.rich-text-main .ql-snow .ql-toolbar button:hover .ql-stroke,
.rich-text-main .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.rich-text-main .ql-snow .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #404040
}

.rich-text-main ol,
.rich-text-main ul {
    padding: 0
}

.rich-text-main .ql-blank:before {
    color: #afafb7;
    font-style: normal
}

.rich-text-main .ql-formats button {
    position: relative
}

.rich-text-main .ql-formats button:before {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.rich-text-main .ql-formats button:after {
    content: "123123";
    display: none;
    padding: 4px 8px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    font-size: 14px;
    border-radius: 2px;
    color: #fff;
    z-index: 9;
    word-break: keep-all;
    white-space: nowrap
}

.rich-text-main .ql-formats button:hover:after,
.rich-text-main .ql-formats button:hover:before {
    display: block
}

.rich-text-main .ql-formats button.ql-undo:after {
    content: "撤销"
}

.rich-text-main .ql-formats button.ql-redo:after {
    content: "重复"
}

.rich-text-main .ql-formats button.ql-list[value=bullet]:after {
    content: "项目符号"
}

.rich-text-main .ql-formats button.ql-list[value=ordered]:after {
    content: "编号列表"
}

.rich-text-main .ql-formats button.ql-indent[value="-1"]:after {
    content: "减少缩进"
}

.rich-text-main .ql-formats button.ql-indent[value="+1"]:after {
    content: "增加缩进"
}

.rich-text-main .ql-formats button.ql-bold:after {
    content: "粗体"
}

.rich-text-main .ql-formats button.ql-italic:after {
    content: "斜体"
}

.rich-text-main .ql-formats button.ql-underline:after {
    content: "下划线"
}

.rich-text-main .ql-formats button.ql-link:after {
    content: "插入/编辑链接"
}

.rich-text-main .ql-formats button.ql-clean:after {
    content: "清除格式"
}

.rich-text-main .ql-toolbar.ql-snow {
    border-radius: 4px 4px 0 0
}

.rich-text-main .quill-editor.ql-container.ql-snow {
    border-radius: 0 0 4px 4px
}

.radio-main[data-v-03fa2b7e] {
    width: 100%
}

.radio-main .menu[data-v-03fa2b7e] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 12px
}

.radio-main .menu[data-v-03fa2b7e]:last-child {
    margin: 0
}

.radio-main .menu .menu-select[data-v-03fa2b7e] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #606060;
    position: relative
}

.radio-main .menu.action .menu-select[data-v-03fa2b7e] {
    border-color: #ff4f4c
}

.radio-main .menu.action .menu-select[data-v-03fa2b7e]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4f4c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.radio-main .menu .menu-content[data-v-03fa2b7e] {
    width: calc(100% - 34px);
    margin-left: 16px
}

.radio-main.disabled .menu[data-v-03fa2b7e] {
    cursor: no-drop
}

.radio-main.disabled .menu .menu-select[data-v-03fa2b7e] {
    border-color: #606060 !important;
    background: #eee !important
}

.radio-main.disabled .menu .menu-select[data-v-03fa2b7e]:after {
    width: 0 !important;
    border: none !important;
    height: 0 !important;
    background: none !important
}

.radio-main.line[data-v-03fa2b7e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio-main.line .menu[data-v-03fa2b7e] {
    width: 66px;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio-main.line .menu .menu-content[data-v-03fa2b7e] {
    margin-left: 6px
}

.cv-auxiliary-container[data-v-1b4b06ef] {
    margin-top: 8px;
    margin-bottom: 24px
}

.cv-auxiliary-container .auxiliary-header[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .option-item[data-v-1b4b06ef] {
    padding: 16px 0;
    margin-left: 24px;
    cursor: pointer;
    color: #606060
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .option-item.option-item-active[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040;
    font-weight: 600
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .option-item.option-item-active[data-v-1b4b06ef]:after {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background-color: #f64;
    margin-top: 8px
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .icon-container[data-v-1b4b06ef] {
    margin-right: 16px;
    padding: 16px 0;
    position: absolute;
    left: 0
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .icon-container .iconfont[data-v-1b4b06ef] {
    color: #606060;
    font-size: 14px
}

.cv-auxiliary-container .auxiliary-header .auxiliary-option .icon-container .block-hide[data-v-1b4b06ef] {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cv-auxiliary-container .faq-content[data-v-1b4b06ef] {
    padding: 18px;
    background-color: #f9f9f9;
    border-radius: 4px
}

.cv-auxiliary-container .faq-content .faq-item[data-v-1b4b06ef] {
    margin-bottom: 24px
}

.cv-auxiliary-container .faq-content .faq-item[data-v-1b4b06ef]:last-child {
    margin-bottom: 0
}

.cv-auxiliary-container .faq-content .faq-item .faq-item-header[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    color: #404040;
    font-weight: 500
}

.cv-auxiliary-container .faq-content .faq-item .faq-item-header .iconfont[data-v-1b4b06ef] {
    color: #d8d8d8
}

.cv-auxiliary-container .faq-content .faq-item .faq-item-content[data-v-1b4b06ef] {
    margin-top: 16px;
    line-height: 22px;
    color: #606060
}

.cv-auxiliary-container .faq-content .faq-item .faq-item-content[data-v-1b4b06ef] ol,
.cv-auxiliary-container .faq-content .faq-item .faq-item-content[data-v-1b4b06ef] ul {
    padding-left: 20px
}

.cv-auxiliary-container .verbs-content[data-v-1b4b06ef] {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 18px
}

.cv-auxiliary-container .verbs-content .verbs-header[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-auxiliary-container .verbs-content .verbs-header .el-select[data-v-1b4b06ef] {
    width: 160px;
    margin-right: 16px
}

.cv-auxiliary-container .verbs-content .verbs-item-content[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 18px 0 4px
}

.cv-auxiliary-container .verbs-content .verbs-item-content .verbs-item[data-v-1b4b06ef] {
    width: 33%;
    text-align: center;
    color: #404040;
    margin-bottom: 14px
}

.cv-auxiliary-container .example-content[data-v-1b4b06ef] {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 18px
}

.cv-auxiliary-container .example-content .example-header .more-example[data-v-1b4b06ef],
.cv-auxiliary-container .example-content .example-header[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-auxiliary-container .example-content .example-header .more-example[data-v-1b4b06ef] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 134px;
    height: 36px;
    border: 1px solid #f64;
    color: #f64;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.cv-auxiliary-container .example-content .example-header .el-select[data-v-1b4b06ef] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.cv-auxiliary-container .example-content .example-item-content[data-v-1b4b06ef] {
    padding: 18px 0
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info[data-v-1b4b06ef] {
    margin-bottom: 20px
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info[data-v-1b4b06ef]:last-child {
    margin-bottom: 0
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info .example-user-info[data-v-1b4b06ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
    color: #404040
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info .example-user-info img[data-v-1b4b06ef] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info .example-item[data-v-1b4b06ef] {
    color: #606060;
    line-height: 24px
}

.cv-auxiliary-container .example-content .example-item-content .example-item-info .example-item[data-v-1b4b06ef] ol,
.cv-auxiliary-container .example-content .example-item-content .example-item-info .example-item[data-v-1b4b06ef] ul {
    padding-left: 20px
}

.suggest-card[data-v-8352e07a] {
    width: calc(100% - 36px) !important;
    padding: 20px 18px;
    background-color: #4e505e;
    color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 19;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.suggest-card .header[data-v-8352e07a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 500
}

.suggest-card .header .iconcuowu[data-v-8352e07a] {
    margin-right: 10px
}

.suggest-card .error-description[data-v-8352e07a] {
    line-height: 20px
}

.edit-editor[data-v-dcfb3216] {
    overflow: hidden;
    padding: 0 28px;
    margin-top: 20px
}

.edit-editor .name[data-v-dcfb3216] {
    font-size: 16px;
    color: #404040
}

.edit-editor .font-size-14[data-v-dcfb3216] {
    font-size: 14px
}

.edit-editor .add-module[data-v-dcfb3216] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor .add-module .add-module-menu[data-v-dcfb3216] {
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    color: #606060;
    font-size: 14px;
    background: #f9f9f9;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.edit-editor .add-module .add-module-menu b[data-v-dcfb3216] {
    margin-right: 4px;
    font-size: 16px
}

.check-unnecessary[data-v-dcfb3216] .el-input__inner {
    border-color: #dcdfe6 !important
}

.check-unnecessary[data-v-dcfb3216] .el-form-item__error {
    color: #9c9c9c !important
}

[data-v-dcfb3216] .no-style .el-input__inner {
    border-color: #ececec !important
}

[data-v-dcfb3216] .no-style .el-input__inner:hover {
    border-color: #cfcfcf !important
}

.select-input-auto-main[data-v-eaabe99e] {
    width: 100%
}

[data-v-eaabe99e] .es-highlighter {
    color: #f64
}

.select-input-auto-main[data-v-40b02838] {
    width: 100%
}

[data-v-40b02838] .es-highlighter {
    color: #f64
}

.select-input-auto-main[data-v-25116117] {
    width: 100%
}

[data-v-25116117] .es-highlighter {
    color: #f64
}

.select-input-auto-main[data-v-bfd29c12] {
    width: 100%
}

[data-v-bfd29c12] .es-highlighter {
    color: #f64
}

.select-input-auto-main[data-v-06031d4a] {
    width: 100%
}

[data-v-06031d4a] .es-highlighter {
    color: #f64
}

.select-input-auto-main[data-v-328e9420] {
    width: 100%
}

[data-v-328e9420] .es-highlighter {
    color: #f64
}

.edit-module-edu-main[data-v-5216ec00] {
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-5216ec00] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-5216ec00],
.edit-module-edu-main .edu-menu[data-v-5216ec00] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-5216ec00] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-5216ec00] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-5216ec00] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-5216ec00] {
    margin-right: 8px
}

.inline[data-v-5216ec00] {
    display: inline-block;
    width: 47%
}

.inline>.suggest-card[data-v-5216ec00] {
    top: 98px !important
}

.margin[data-v-5216ec00] {
    margin-right: 6%
}

.error-box[data-v-5216ec00] {
    text-align: right;
    color: #f64;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 4px
}

.error-box i[data-v-5216ec00] {
    margin-right: 6px
}

.rich-text-main .tox-statusbar[data-v-8b5c5b2c] {
    display: none
}

.rich-text-main[data-v-8b5c5b2c] .tox-tinymce {
    border-radius: 4px
}

.page-auto[data-v-60dae0b2] {
    padding-top: 16px;
    position: relative
}

.page-auto .auto-title[data-v-60dae0b2] {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    line-height: 20px;
    margin-bottom: 14px
}

.page-auto .auto-title .subtitle[data-v-60dae0b2] {
    font-size: 12px;
    font-weight: 500;
    color: #9c9c9c;
    line-height: 20px
}

.page-auto .guide-text[data-v-60dae0b2] {
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    line-height: 14px
}

.page-auto .guide-text .keyword[data-v-60dae0b2] {
    color: #f64
}

.page-auto .replace-btn[data-v-60dae0b2] {
    font-size: 14px;
    color: #404040;
    font-weight: 400;
    margin-left: 9px
}

.page-auto .refresh[data-v-60dae0b2] {
    cursor: pointer
}

.page-auto .content-item[data-v-60dae0b2] {
    padding: 16px 24px;
    background: #f9f9f9;
    border-radius: 2px 16px 16px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    line-height: 22px;
    margin-bottom: 8px;
    cursor: pointer
}

.page-auto .content-item .light[data-v-60dae0b2] {
    color: #f64
}

.page-auto .replace-active[data-v-60dae0b2] {
    -webkit-animation: replaceAni-data-v-60dae0b2 .3s linear;
    animation: replaceAni-data-v-60dae0b2 .3s linear
}

@-webkit-keyframes replaceAni-data-v-60dae0b2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes replaceAni-data-v-60dae0b2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.page-auto .loading-box[data-v-60dae0b2] {
    width: 100%;
    height: 200px;
    background: hsla(0, 0%, 100%, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    margin-top: 20px;
    position: absolute;
    top: 60px
}

.edit-module-content-main[data-v-3227c0bf] {
    padding: 0 28px
}

.edit-module-content-main .auto-model[data-v-3227c0bf] {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    margin-right: 10px
}

.edit-module-content-main .form-box[data-v-3227c0bf] {
    height: auto;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.edit-module-content-main .form-box.hide[data-v-3227c0bf] {
    height: 0
}

.edit-module-content-main .edu-menu[data-v-3227c0bf] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-content-main .edu-menu .edu-item[data-v-3227c0bf],
.edit-module-content-main .edu-menu[data-v-3227c0bf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-content-main .edu-menu .edu-item[data-v-3227c0bf] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select[data-v-3227c0bf] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-3227c0bf] {
    font-size: 14px;
    margin: auto
}

.edit-module-content-main .edu-menu .edu-item .iconfont[data-v-3227c0bf] {
    margin-right: 8px
}

.edit-module-content-main .edit-module-name span[data-v-3227c0bf] {
    display: inline-block;
    max-width: 80%
}

.edit-module-content-main .edit-module-name i[data-v-3227c0bf] {
    margin-left: 6px
}

.edit-module-content-main[data-v-70b44f33] {
    padding: 0 28px
}

.edit-module-content-main .edu-menu[data-v-70b44f33] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-content-main .edu-menu .edu-item[data-v-70b44f33],
.edit-module-content-main .edu-menu[data-v-70b44f33] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-content-main .edu-menu .edu-item[data-v-70b44f33] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select[data-v-70b44f33] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-70b44f33] {
    font-size: 14px;
    margin: auto
}

.edit-module-content-main .edu-menu .edu-item .iconfont[data-v-70b44f33] {
    margin-right: 8px
}

.edit-module-content-main .edit-module-name span[data-v-70b44f33] {
    display: inline-block;
    max-width: 80%
}

.edit-module-content-main .edit-module-name i[data-v-70b44f33] {
    margin-left: 6px
}

.portrait-alert-main[data-v-2351b7f2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.portrait-alert-main .cover[data-v-2351b7f2] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.portrait-alert-main .box[data-v-2351b7f2] {
    width: 500px;
    background: #fff;
    border-radius: 12px;
    position: fixed;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 24px
}

.portrait-alert-main .box .title[data-v-2351b7f2] {
    font-size: 18px;
    color: #404040;
    margin-bottom: 24px;
    text-align: center;
    font-weight: 700
}

.portrait-alert-main .box .line[data-v-2351b7f2] {
    width: 100%;
    border-bottom: 1px solid #f4f4f4
}

.portrait-alert-main .box .option[data-v-2351b7f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portrait-alert-main .box .option>div[data-v-2351b7f2] {
    color: #9c9c9c;
    font-size: 14px;
    padding-bottom: 14px
}

.portrait-alert-main .box .option>div[data-v-2351b7f2]:first-child {
    margin-right: 180px
}

.portrait-alert-main .box .option>div.active[data-v-2351b7f2] {
    color: #404040;
    position: relative
}

.portrait-alert-main .box .option>div.active[data-v-2351b7f2]:after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.portrait-alert-main .box .width-320[data-v-2351b7f2] {
    width: 320px;
    margin: auto
}

.portrait-alert-main .box .up[data-v-2351b7f2] {
    height: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portrait-alert-main .box .up .up-btn[data-v-2351b7f2] {
    width: 120px;
    height: 32px;
    background: #ff4f4c;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.portrait-alert-main .box .up .up-msg[data-v-2351b7f2] {
    color: #404040;
    font-size: 14px
}

.portrait-alert-main .box .up .up-input[data-v-2351b7f2] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.portrait-alert-main .box .up-box[data-v-2351b7f2] {
    margin-top: 20px;
    width: 320px;
    height: 320px
}

.portrait-alert-main .box .up-box img[data-v-2351b7f2] {
    max-width: 320px;
    max-height: 320px
}

.portrait-alert-main .box .up-box-btn[data-v-2351b7f2] {
    margin-top: 20px;
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.portrait-alert-main .box .up-box-btn button[data-v-2351b7f2] {
    width: 150px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    color: #606060;
    margin: 0 auto;
    border-radius: 4px
}

.portrait-alert-main .box .up-box-btn button.active[data-v-2351b7f2] {
    background: #f64;
    border-color: #f64;
    color: #fff
}

.portrait-alert-main .el-collapse,
.portrait-alert-main .el-collapse-item__header,
.portrait-alert-main .el-collapse-item__wrap {
    border: none
}

.portrait-alert-main .el-collapse-item__arrow {
    display: none
}

.portrait-alert-main .el-collapse-item__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.portrait-alert-main .el-collapse-item__header.is-active .iconfont {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.portrait-alert-main .el-collapse .iconfont {
    color: #9c9c9c;
    font-size: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.portrait-alert-main .cropper-box {
    background: #000
}

.edit-module-edu-main[data-v-d5eaac34] {
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-d5eaac34] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-d5eaac34],
.edit-module-edu-main .edu-menu[data-v-d5eaac34] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-d5eaac34] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-d5eaac34] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-d5eaac34] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-d5eaac34] {
    margin-right: 8px
}

.qrcode-box[data-v-d5eaac34] {
    overflow: hidden
}

.qrcode-box .qrcode[data-v-d5eaac34] {
    width: 98px;
    height: 98px;
    border-radius: 4px;
    border: 1px solid #ececec;
    font-size: 32px;
    text-align: center;
    line-height: 98px;
    color: #ececec;
    float: left;
    cursor: pointer
}

.qrcode-box .qrcode[data-v-d5eaac34]:hover {
    border-color: #cfcfcf;
    color: #cfcfcf
}

.qrcode-box .qrcode-img[data-v-d5eaac34] {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    cursor: pointer;
    border-radius: 4px
}

.qrcode-box .up-input[data-v-d5eaac34] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.qrcode-box .module-delete[data-v-d5eaac34] {
    float: right;
    margin-top: 65px
}

.edit-module-content-main[data-v-1e6995db] {
    padding: 0 28px 50px
}

.edit-module-content-main .edu-menu[data-v-1e6995db] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-content-main .edu-menu .edu-item[data-v-1e6995db],
.edit-module-content-main .edu-menu[data-v-1e6995db] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-content-main .edu-menu .edu-item[data-v-1e6995db] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select[data-v-1e6995db] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-content-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-1e6995db] {
    font-size: 14px;
    margin: auto
}

.edit-module-content-main .edu-menu .edu-item .iconfont[data-v-1e6995db] {
    margin-right: 8px
}

.edit-module-content-main .edit-module-name span[data-v-1e6995db] {
    display: inline-block;
    max-width: 80%
}

.edit-module-content-main .edit-module-name i[data-v-1e6995db] {
    margin-left: 6px
}

.select-input-auto-main[data-v-6d9db8cb] {
    width: 100%
}

.select-input-auto-main[data-v-6d9db8cb] .el-autocomplete-suggestion {
    position: absolute;
    z-index: 10
}

[data-v-6d9db8cb] .el-input__inner {
    border-color: #d8d8d8
}

[data-v-6d9db8cb] .es-highlighter {
    color: #f64
}

[data-v-6d9db8cb] .el-textarea__inner {
    min-height: 40px !important;
    line-height: 2 !important
}

.edit-module-edu-main[data-v-47af1823] {
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-47af1823] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-47af1823],
.edit-module-edu-main .edu-menu[data-v-47af1823] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-47af1823] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-47af1823] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-47af1823] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-47af1823] {
    margin-right: 8px
}

.edit-module-edu-main .edit-module-item-name[data-v-47af1823] {
    cursor: pointer
}

.edit-module-edu-main .edit-module-item-name .iconfont[data-v-47af1823] {
    margin-left: 5px
}

.edit-module-edu-main .extras-textarea[data-v-47af1823] {
    width: 100%;
    min-height: 16px;
    max-height: 120px
}

.edit-module-edu-main .extras-textarea[data-v-47af1823] textarea {
    resize: none
}

.edit-module-edu-main .tag-main[data-v-47af1823] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px
}

.edit-module-edu-main .tag-main .tag-menu[data-v-47af1823] {
    height: 26px;
    border: 1px solid #ececec;
    border-radius: 14px;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    font-size: 14px;
    color: #9c9c9c;
    margin-top: 16px;
    margin-right: 12px;
    cursor: pointer
}

.edit-module-edu-main .tag-main .tag-menu.active[data-v-47af1823] {
    border-color: #f64;
    background: #f64;
    color: #fff
}

.edit-module-edu-main .edit-module-name span[data-v-47af1823] {
    display: inline-block;
    max-width: 80%
}

.edit-module-edu-main .edit-module-name i[data-v-47af1823] {
    margin-left: 6px
}

[data-v-47af1823] .el-textarea__inner {
    min-height: 40px !important;
    line-height: 2 !important
}

.edit-module-item-name[data-v-1ef02c69] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-1ef02c69] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-1ef02c69] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-1ef02c69] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-1ef02c69] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-1ef02c69] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-1ef02c69] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-1ef02c69]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-1ef02c69]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-1ef02c69],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-1ef02c69] {
    width: 100%
}

.edit-editor-btn[data-v-1ef02c69] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-1ef02c69] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-1ef02c69] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-1ef02c69] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-1ef02c69] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-1ef02c69] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-1ef02c69] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-1ef02c69] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-1ef02c69] {
    float: right
}

.highlight .highlight-content[data-v-1ef02c69] {
    line-height: 20px
}

.position-r[data-v-1ef02c69] {
    position: relative
}

.flex[data-v-1ef02c69] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-1ef02c69] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-1ef02c69] {
    margin: 0
}

.padding-0[data-v-1ef02c69] {
    padding: 0
}

.width[data-v-1ef02c69] {
    width: 100%
}

.margin-top-24[data-v-1ef02c69] {
    margin-top: 24px
}

.margin-top-30[data-v-1ef02c69] {
    margin-top: 30px
}

.margin-top-32[data-v-1ef02c69] {
    margin-top: 32px
}

.margin-top-36[data-v-1ef02c69] {
    margin-top: 36px
}

.margin-top-38[data-v-1ef02c69] {
    margin-top: 38px
}

.pointer[data-v-1ef02c69] {
    cursor: pointer
}

.edit-editor[data-v-1ef02c69] {
    overflow: hidden;
    padding: 0 28px;
    position: relative
}

.edit-editor .name[data-v-1ef02c69] {
    font-size: 16px;
    color: #404040
}

.edit-editor .add-module[data-v-1ef02c69] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor .add-module .add-module-menu[data-v-1ef02c69] {
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    color: #606060;
    font-size: 14px;
    background: #f9f9f9;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.edit-editor .add-module .add-module-menu b[data-v-1ef02c69] {
    margin-right: 4px;
    font-size: 16px
}

.edit-module-index-main {
    width: 100%;
    max-height: 100%;
    background: #fff;
    overflow-y: auto;
    padding-top: 58px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-module-index-main .edit-editor-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #404040;
    position: absolute;
    top: 0;
    padding: 16px 28px 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    background-color: #fff;
    z-index: 2;
    border-radius: 4px 4px 0 0
}

.edit-module-index-main .edit-editor-title .edit-back {
    font-size: 14px;
    color: #404040;
    cursor: pointer
}

.edit-module-index-main .edit-editor-title .edit-back .iconfont {
    font-size: 16px;
    margin-right: 1px
}

.edit-module-index-main .edit-editor-title .edit-module-name {
    font-weight: 400
}

.edit-module-index-main .edit-editor-title .edit-module-name span {
    max-width: 240px
}

.edit-module-index-main .edit-editor-title .edit-module-save {
    width: 68px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #f64;
    background-color: transparent;
    border: 1px solid #f64;
    border-radius: 16px
}

.edit-module-index-main .edit-editor-title .edit-module-save:disabled {
    border-color: #ececec;
    color: #9c9c9c;
    cursor: no-drop
}

.edit-module-index-main .module-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-index-main .module-delete i {
    margin-right: 8px
}

.edit-module-index-main .suggest-card-container {
    width: calc(100% - 40px)
}

.edit-module-index-main .suggest-card {
    width: calc(100% - 34px) !important
}

.not-scroll-padding {
    padding-bottom: 68px
}

.el-date-picker.has-sidebar {
    width: 322px
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    bottom: 2px;
    top: auto;
    width: calc(100% + 2px)
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin: 0
}

.qr-scanner .box[data-v-56b12ab6],
.qr-scanner[data-v-56b12ab6] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.qr-scanner .box[data-v-56b12ab6] {
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 1001
}

.qr-scanner .line[data-v-56b12ab6] {
    height: calc(100% - 2px);
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(0, 255, 51, 0)), color-stop(211%, #0ec9bb));
    background: linear-gradient(180deg, rgba(0, 255, 51, 0) 80%, #0ec9bb 211%);
    border-bottom: 3px solid #0ec9bb;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: radar-beam-data-v-56b12ab6 1s infinite;
    animation: radar-beam-data-v-56b12ab6 1s infinite;
    -webkit-animation-timing-function: cubic-bezier(.53, 0, .43, .99);
    animation-timing-function: cubic-bezier(.53, 0, .43, .99);
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

@-webkit-keyframes radar-beam-data-v-56b12ab6 {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes radar-beam-data-v-56b12ab6 {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.w-dialog[data-v-32ac5424] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-dialog .mask-enter-active[data-v-32ac5424],
.w-dialog .mask-leave-active[data-v-32ac5424] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-dialog .mask-enter[data-v-32ac5424],
.w-dialog .mask-leave-to[data-v-32ac5424] {
    opacity: 1
}

.w-dialog .mask[data-v-32ac5424] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 119
}

.w-dialog .fade-enter-active[data-v-32ac5424],
.w-dialog .fade-leave-active[data-v-32ac5424] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-dialog .fade-enter[data-v-32ac5424],
.w-dialog .fade-leave-to[data-v-32ac5424] {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0)
}

.w-dialog .w-dialog-content[data-v-32ac5424] {
    position: fixed;
    top: 15%;
    z-index: 121
}

.download-app-content[data-v-1687722b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    padding: 26px 0;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13)
}

.download-app-content h1[data-v-1687722b] {
    color: #404040;
    line-height: 32px;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 4px
}

.download-app-content .desc[data-v-1687722b] {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 22px;
    margin-bottom: 22px
}

.download-app-content img[data-v-1687722b] {
    width: 176px;
    height: 176px;
    margin-bottom: 10px
}

.download-app-content .download-app-description[data-v-1687722b] {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 20px
}

.download-app-content[data-v-780c5d04] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    height: 335px;
    padding: 26px 0;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.download-app-content h1[data-v-780c5d04] {
    color: #404040;
    line-height: 32px;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 12px
}

.download-app-content .desc[data-v-780c5d04] {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 22px;
    margin-bottom: 26px
}

.download-app-content img[data-v-780c5d04] {
    width: 176px;
    height: 176px
}

.download-app-content .download-app-description[data-v-780c5d04] {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 20px
}

.edit-cv-main-composing[data-v-4cdc8ae3] {
    width: 100%;
    height: 100%;
    font-size: 14px
}

.edit-cv-main-composing .model[data-v-4cdc8ae3] {
    background: #fff
}

.edit-cv-main-composing .model .control[data-v-4cdc8ae3] {
    width: 100%;
    height: 52px;
    -webkit-box-shadow: 0 1px 0 0 #f9f9f9;
    box-shadow: 0 1px 0 0 #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-cv-main-composing .model .control .control-menu[data-v-4cdc8ae3] {
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #505667;
    position: relative;
    padding: 0 30px;
    cursor: pointer
}

.edit-cv-main-composing .model .control .control-menu.active[data-v-4cdc8ae3] {
    color: #505667;
    font-weight: 600
}

.edit-cv-main-composing .model .control .control-menu.active[data-v-4cdc8ae3]:after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #505667;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px
}

.edit-cv-main-composing .model.model-top[data-v-4cdc8ae3] {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.edit-cv-main-composing .model.model-top .option[data-v-4cdc8ae3] {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #404040;
    cursor: pointer
}

.edit-cv-main-composing .model.model-top .option .iconfont[data-v-4cdc8ae3] {
    font-weight: 600;
    font-size: 20px
}

.edit-cv-main-composing .model.model-top .option p[data-v-4cdc8ae3] {
    margin-top: 10px
}

.edit-cv-main-composing .model.model-content[data-v-4cdc8ae3] {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 0 30px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-cv-main-composing .model.model-content .scroll[data-v-4cdc8ae3] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.edit-cv-main-composing .model.model-content .auto-btn[data-v-4cdc8ae3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px
}

.edit-cv-main-composing .model.model-content .auto-btn[data-v-4cdc8ae3]:first-child {
    margin-right: 20px
}

.edit-cv-main-composing .model.model-content .auto-page-btn[data-v-4cdc8ae3] {
    background-color: #f64
}

.edit-cv-main-composing .model.model-content .auto-page-btn[data-v-4cdc8ae3]:hover {
    background-color: #ff8569
}

.edit-cv-main-composing .model.model-content .auto-sort-btn[data-v-4cdc8ae3] {
    background-color: #4183ff
}

.edit-cv-main-composing .model.model-content .auto-sort-btn[data-v-4cdc8ae3]:hover {
    background-color: #669bff
}

.edit-cv-main-composing .model.model-content .headerTitle[data-v-4cdc8ae3] {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 1;
    margin-top: 27px;
    margin-bottom: 24px
}

.edit-cv-main-composing .model.model-content .title[data-v-4cdc8ae3] {
    color: #aeb2bd;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: 14px;
    margin-bottom: 12px
}

.edit-cv-main-composing .model.model-content .line[data-v-4cdc8ae3] {
    height: 6px;
    background: #f4f4f4;
    margin-top: 28px;
    margin-bottom: 18px
}

.edit-cv-main-composing .model.model-content .box[data-v-4cdc8ae3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-cv-main-composing .model.model-content .box .menu[data-v-4cdc8ae3] {
    width: 122px
}

.edit-cv-main-composing .model.model-content .box .menu .title[data-v-4cdc8ae3] {
    padding: 0
}

.edit-cv-main-composing .model.model-content .box .menu .con[data-v-4cdc8ae3] {
    margin-bottom: 10px
}

.edit-cv-main-composing .model.model-content .content[data-v-4cdc8ae3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-cv-main-composing .model.model-content .content .theme[data-v-4cdc8ae3] {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 10px;
    margin-bottom: 12px
}

.edit-cv-main-composing .model.model-content .content .theme.theme-select[data-v-4cdc8ae3] {
    overflow: hidden;
    position: relative;
    background: url(/cv/payment/files/editorCv/color-picker-bg.png) no-repeat 50%/cover
}

.edit-cv-main-composing .model.model-content .content .theme.theme-select[data-v-4cdc8ae3]:after {
    display: none
}

.edit-cv-main-composing .model.model-content .content .theme.theme-select input[type=color][data-v-4cdc8ae3] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 34px;
    opacity: 0;
    cursor: pointer
}

.edit-cv-main-composing .model.model-content .content .theme[data-v-4cdc8ae3]:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    opacity: 1;
    border-radius: 50%
}

.edit-cv-main-composing .model.model-content .content .theme.theme-0[data-v-4cdc8ae3]:after,
.edit-cv-main-composing .model.model-content .content .theme[data-v-4cdc8ae3]:after {
    background-color: #000;
    -webkit-box-shadow: 0 6px 16px -4px #000;
    box-shadow: 0 6px 16px -4px #000
}

.edit-cv-main-composing .model.model-content .content .theme.theme-0.theme-header-line[data-v-4cdc8ae3]:after {
    background-color: #404040;
    -webkit-box-shadow: 0 6px 16px -4px #404040;
    box-shadow: 0 6px 16px -4px #404040
}

.edit-cv-main-composing .model.model-content .content .theme.theme-1[data-v-4cdc8ae3]:after {
    background-color: #ca3832;
    -webkit-box-shadow: 0 6px 16px -4px #ca3832;
    box-shadow: 0 6px 16px -4px #ca3832
}

.edit-cv-main-composing .model.model-content .content .theme.theme-2[data-v-4cdc8ae3]:after {
    background-color: #ee8732;
    -webkit-box-shadow: 0 6px 16px -4px #ee8732;
    box-shadow: 0 6px 16px -4px #ee8732
}

.edit-cv-main-composing .model.model-content .content .theme.theme-3[data-v-4cdc8ae3]:after {
    background-color: #4183ff;
    -webkit-box-shadow: 0 6px 16px -4px #4183ff;
    box-shadow: 0 6px 16px -4px #4183ff
}

.edit-cv-main-composing .model.model-content .content .theme.theme-4[data-v-4cdc8ae3]:after {
    background-color: #9c5bde;
    -webkit-box-shadow: 0 6px 16px -4px #9c5bde;
    box-shadow: 0 6px 16px -4px #9c5bde
}

.edit-cv-main-composing .model.model-content .content .theme.theme-5[data-v-4cdc8ae3]:after {
    background-color: #6db557;
    -webkit-box-shadow: 0 6px 16px -4px #6db557;
    box-shadow: 0 6px 16px -4px #6db557
}

.edit-cv-main-composing .model.model-content .content .theme .iconfont[data-v-4cdc8ae3] {
    display: none;
    color: #fff;
    font-size: 16px;
    margin-top: 2px;
    font-weight: 600;
    z-index: 2
}

.edit-cv-main-composing .model.model-content .content .theme.action .iconfont[data-v-4cdc8ae3] {
    display: block
}

.edit-cv-main-composing .model.model-content .content.layouts .buttonicon[data-v-4cdc8ae3] {
    margin-right: 4px
}

.edit-cv-main-composing .model.model-content .content.layouts button[data-v-4cdc8ae3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 122px;
    height: 36px;
    background: transparent;
    color: #9c9c9c;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin-bottom: 10px
}

.edit-cv-main-composing .model.model-content .content.layouts button[data-v-4cdc8ae3]:hover {
    border-color: #cfcfcf
}

.edit-cv-main-composing .model.model-content .content.layouts button.action[data-v-4cdc8ae3] {
    color: #f64;
    background: #fff;
    border-color: #f64
}

.edit-cv-main-composing .model.model-content .content.content-list[data-v-4cdc8ae3] {
    margin-top: 10px;
    margin-bottom: 20px
}

.edit-cv-main-composing .model.model-content .btn[data-v-4cdc8ae3] {
    width: 100%;
    height: 68px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #fff
}

.edit-cv-main-composing .model.model-content .btn button[data-v-4cdc8ae3] {
    width: 108px;
    height: 38px;
    border: 1px solid #f64;
    border-radius: 2px;
    color: #f64;
    background: #fff;
    margin-top: 16px;
    font-size: 14px;
    border-radius: 20px
}

.edit-cv-main-composing .model.model-content .btn button.action[data-v-4cdc8ae3] {
    background: #f64;
    color: #fff;
    margin-left: 26px
}

.mySelect[data-v-4cdc8ae3] {
    position: relative;
    width: 122px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #ececec !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.mySelect[data-v-4cdc8ae3]:hover {
    border-color: #cfcfcf !important
}

.mySelect i.el-icon[data-v-4cdc8ae3] {
    color: #c0c4cc;
    width: 25px;
    line-height: 36px;
    text-align: center;
    top: 1px;
    right: 5px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute
}

.mySelect i.el-icon.active[data-v-4cdc8ae3] {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.mySelect .model[data-v-4cdc8ae3] {
    color: #606266;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 4px
}

.mySelect .fontList[data-v-4cdc8ae3] {
    width: 168px;
    top: 49px;
    left: -1px;
    z-index: 8;
    padding: 6px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 4px;
    position: absolute
}

.mySelect .fontList.widthAuto[data-v-4cdc8ae3] {
    width: 113px
}

.mySelect .fontList .popper__arrow[data-v-4cdc8ae3] {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    border-bottom-color: #ebeef5;
    top: -12px;
    left: 55px;
    margin-left: -6px;
    position: absolute
}

.mySelect .fontList .popper__arrow[data-v-4cdc8ae3]:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 6px;
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.mySelect .fontList .font[data-v-4cdc8ae3] {
    line-height: 34px;
    padding: 0 20px;
    overflow: hidden
}

.mySelect .fontList .font[data-v-4cdc8ae3]:hover {
    background-color: #f5f7fa
}

.mySelect .fontList .font .iconfont[data-v-4cdc8ae3] {
    font-size: 14px
}

[data-v-4cdc8ae3] .composing-select:hover .el-select .el-input input {
    border-color: #cfcfcf !important
}

.hover-tooltip[data-v-4cdc8ae3] {
    display: none
}

.disabled[data-v-4cdc8ae3] {
    border: 1px solid #ececec;
    color: #cfcfcf !important;
    cursor: not-allowed !important;
    position: relative
}

.disabled .hover-tooltip[data-v-4cdc8ae3] {
    display: none;
    position: absolute;
    width: 262px;
    height: 64px;
    top: 48px;
    background: #505667;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.disabled .hover-tooltip-80[data-v-4cdc8ae3] {
    left: 0
}

.disabled .hover-tooltip-95[data-v-4cdc8ae3] {
    right: 0
}

.disabled[data-v-4cdc8ae3]:hover {
    border: 1px solid #f4f4f4 !important
}

.disabled:hover .hover-tooltip[data-v-4cdc8ae3] {
    display: block
}

.h-w-10[data-v-a9db48ca] {
    width: 100%;
    height: 100%
}

.w988[data-v-a9db48ca] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-a9db48ca] {
    float: left
}

.fr[data-v-a9db48ca] {
    float: right
}

.clearfix[data-v-a9db48ca]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-a9db48ca] {
    position: relative
}

.pa[data-v-a9db48ca] {
    position: absolute
}

.display_b[data-v-a9db48ca] {
    display: block
}

.display_ib[data-v-a9db48ca] {
    display: inline-block
}

.ellipsis[data-v-a9db48ca] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-a9db48ca] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-a9db48ca],
.ellipsis3[data-v-a9db48ca] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-a9db48ca] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-a9db48ca] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-a9db48ca] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-a9db48ca] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-a9db48ca],
.flex-c[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-a9db48ca] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-a9db48ca] {
    word-wrap: break-word
}

.w-10[data-v-a9db48ca] {
    width: 100%;
    padding: 0
}

.w-5[data-v-a9db48ca] {
    width: 55%;
    padding: 0
}

.b-s[data-v-a9db48ca] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-a9db48ca] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-a9db48ca] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-a9db48ca]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-a9db48ca] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-a9db48ca] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-a9db48ca] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-a9db48ca] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-a9db48ca] {
    margin-top: 10px
}

.mt_8[data-v-a9db48ca] {
    margin-top: 16px
}

.mt_9[data-v-a9db48ca] {
    margin-top: 18px
}

.mt_10[data-v-a9db48ca] {
    margin-top: 20px
}

.mt_11[data-v-a9db48ca] {
    margin-top: 22px
}

.mt_12[data-v-a9db48ca] {
    margin-top: 24px
}

.mt_13[data-v-a9db48ca] {
    margin-top: 26px
}

.mt_14[data-v-a9db48ca] {
    margin-top: 28px
}

.mt_15[data-v-a9db48ca] {
    margin-top: 30px
}

.mt_16[data-v-a9db48ca] {
    margin-top: 32px
}

.mt_19[data-v-a9db48ca] {
    margin-top: 38px
}

.mt_20[data-v-a9db48ca] {
    margin-top: 40px
}

.ml_10[data-v-a9db48ca] {
    margin-left: 20px
}

.ml_12[data-v-a9db48ca] {
    margin-left: 24px
}

.ml_14[data-v-a9db48ca] {
    margin-left: 28px
}

.ml_20[data-v-a9db48ca] {
    margin-left: 40px
}

.ml_22[data-v-a9db48ca] {
    margin-left: 44px
}

.ml_27[data-v-a9db48ca] {
    margin-left: 54px
}

.mr_27[data-v-a9db48ca] {
    margin-right: 54px
}

.pl_5[data-v-a9db48ca] {
    padding-left: 10px
}

.margin_lr34[data-v-a9db48ca] {
    margin: 0 34px
}

.margin_lr38[data-v-a9db48ca] {
    margin: 0 38px
}

.padding_lr34[data-v-a9db48ca] {
    padding: 0 34px
}

.padding_lr38[data-v-a9db48ca] {
    padding: 0 38px
}

.text_center[data-v-a9db48ca] {
    text-align: center
}

.color_0[data-v-a9db48ca] {
    color: #000
}

.color_3[data-v-a9db48ca] {
    color: #333
}

.color_fff[data-v-a9db48ca] {
    color: #fff
}

.color_e3[data-v-a9db48ca] {
    color: #e3e3e3
}

.color_40[data-v-a9db48ca] {
    color: #404040
}

.color_60[data-v-a9db48ca] {
    color: #606060
}

.color_666[data-v-a9db48ca] {
    color: #666
}

.color_90[data-v-a9db48ca] {
    color: #909090
}

.color_9c[data-v-a9db48ca] {
    color: #9c9c9c
}

.color_current[data-v-a9db48ca] {
    color: #2d5ff5
}

.color_red[data-v-a9db48ca] {
    color: #ff4f4c
}

.border_current[data-v-a9db48ca] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-a9db48ca] {
    background-color: #fff
}

.bg_f8[data-v-a9db48ca] {
    background-color: #f8f8fa
}

.bg_current[data-v-a9db48ca] {
    background-color: #2d5ff5
}

.bg_ed[data-v-a9db48ca] {
    background-color: #edf0fd
}

.bg_red[data-v-a9db48ca] {
    background-color: #ff4f4c
}

.font_w_b[data-v-a9db48ca] {
    font-weight: 700
}

.f_12[data-v-a9db48ca] {
    font-size: 12px
}

.f_13[data-v-a9db48ca] {
    font-size: 13px
}

.f_14[data-v-a9db48ca] {
    font-size: 14px
}

.f_15[data-v-a9db48ca] {
    font-size: 15px
}

.f_16[data-v-a9db48ca] {
    font-size: 16px
}

.f_17[data-v-a9db48ca] {
    font-size: 17px
}

.f_18[data-v-a9db48ca] {
    font-size: 18px
}

.f_19[data-v-a9db48ca] {
    font-size: 19px
}

.f_20[data-v-a9db48ca] {
    font-size: 20px
}

.f_21[data-v-a9db48ca] {
    font-size: 21px
}

.f_22[data-v-a9db48ca] {
    font-size: 22px
}

.f_23[data-v-a9db48ca] {
    font-size: 23px
}

.f_24[data-v-a9db48ca] {
    font-size: 24px
}

.f_25[data-v-a9db48ca] {
    font-size: 25px
}

.f_26[data-v-a9db48ca] {
    font-size: 26px
}

.f_27[data-v-a9db48ca] {
    font-size: 27px
}

.f_28[data-v-a9db48ca] {
    font-size: 28px
}

.f_29[data-v-a9db48ca] {
    font-size: 29px
}

.f_30[data-v-a9db48ca] {
    font-size: 30px
}

.f_31[data-v-a9db48ca] {
    font-size: 31px
}

.f_32[data-v-a9db48ca] {
    font-size: 32px
}

.f_33[data-v-a9db48ca] {
    font-size: 33px
}

.f_34[data-v-a9db48ca] {
    font-size: 34px
}

.f_35[data-v-a9db48ca] {
    font-size: 35px
}

.f_36[data-v-a9db48ca] {
    font-size: 36px
}

.f_37[data-v-a9db48ca] {
    font-size: 37px
}

.f_38[data-v-a9db48ca] {
    font-size: 38px
}

.f_39[data-v-a9db48ca] {
    font-size: 39px
}

.f_40[data-v-a9db48ca] {
    font-size: 40px
}

.f_41[data-v-a9db48ca] {
    font-size: 41px
}

.f_42[data-v-a9db48ca] {
    font-size: 42px
}

.f_43[data-v-a9db48ca] {
    font-size: 43px
}

.f_44[data-v-a9db48ca] {
    font-size: 44px
}

.f_45[data-v-a9db48ca] {
    font-size: 45px
}

.f_46[data-v-a9db48ca] {
    font-size: 46px
}

.f_47[data-v-a9db48ca] {
    font-size: 47px
}

.f_48[data-v-a9db48ca] {
    font-size: 48px
}

.f_49[data-v-a9db48ca] {
    font-size: 49px
}

.f_50[data-v-a9db48ca] {
    font-size: 50px
}

.b-r[data-v-a9db48ca] {
    border-radius: 50%
}

.blur4[data-v-a9db48ca] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-a9db48ca] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-a9db48ca] {
    cursor: pointer
}

.templateButtons .confirm[data-v-a9db48ca] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-a9db48ca] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-a9db48ca] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-a9db48ca]:hover,
.templateButtons .confirm[data-v-a9db48ca]:hover {
    opacity: .8
}

.library-main[data-v-a9db48ca] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.library-main .library-content[data-v-a9db48ca] {
    position: relative;
    width: 100%;
    padding: 0 16px
}

.library-main .library-content .library-title[data-v-a9db48ca] {
    width: 100%;
    height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #505667;
    position: relative
}

.library-main .library-content .library-title .current-select-module[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.library-main .library-content .library-title .current-select-module .library-sidebar[data-v-a9db48ca] {
    width: 292px;
    max-height: 300px;
    padding: 16px 0;
    overflow: auto;
    top: 66px;
    position: absolute;
    z-index: 11;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px
}

.library-main .library-content .library-title .current-select-module .library-sidebar .library-sidebar-item[data-v-a9db48ca] {
    padding: 0 20px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-size: 14px;
    color: #505667;
    cursor: pointer
}

.library-main .library-content .library-title .current-select-module .library-sidebar .library-sidebar-item[data-v-a9db48ca]:hover {
    color: #505667;
    background-color: #f5f7fa
}

.library-main .library-content .library-title .current-select-module .library-sidebar .library-sidebar-item.active[data-v-a9db48ca] {
    color: #505667;
    font-weight: 600;
    background-color: #f5f7fa
}

.library-main .library-content .library-title .current-select-module .library-sidebar .library-sidebar-item.disabled[data-v-a9db48ca] {
    opacity: .6
}

.library-main .library-content .library-title .current-select-module .library-sidebar .library-sidebar-item .word_wrap_b[data-v-a9db48ca] {
    text-align: center
}

.library-main .library-content .library-title .library-title-name[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    background-color: #f5f6fa;
    height: 28px;
    border-radius: 14px;
    padding: 0 12px
}

.library-main .library-content .library-title .library-title-name i[data-v-a9db48ca] {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 400
}

.library-main .library-content .library-title .library-title-name[data-v-a9db48ca]:hover {
    color: #737886
}

.library-main .library-content .library-title .library-title-btn[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 71px;
    height: 28px;
    border-radius: 14px;
    background: #f5f6fa;
    font-size: 14px;
    color: #505667
}

.library-main .library-content .library-title .library-title-btn i[data-v-a9db48ca] {
    margin-right: 4px;
    color: #505667;
    font-weight: 600
}

.library-main .library-content .library-title .library-title-btn.active[data-v-a9db48ca] {
    color: #fff;
    background: #505667
}

.library-main .library-content .library-title .library-title-btn.active i[data-v-a9db48ca] {
    color: #fff
}

.library-main .library-content .library-list-content[data-v-a9db48ca] {
    height: calc(100% - 164px);
    overflow: auto
}

.library-main .library-content .other-title[data-v-a9db48ca] {
    font-size: 14px;
    color: #505667;
    padding: 16px 0
}

.library-main .library-content .library-list[data-v-a9db48ca] {
    height: 100%;
    overflow-y: auto
}

.library-main .library-content .library-item[data-v-a9db48ca] {
    width: 100%;
    background: #f5f6fa;
    padding: 20px 20px 30px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer
}

.library-main .library-content .library-item.disabled[data-v-a9db48ca] {
    opacity: .6
}

.library-main .library-content .library-item .library-item-select[data-v-a9db48ca] {
    width: 12px;
    height: 12px;
    border: 1px solid #505667;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 2px;
    margin-right: 12px
}

.library-main .library-content .library-item.active .library-item-select[data-v-a9db48ca]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #505667;
    border-radius: 4px
}

.library-main .library-content .library-item .library-item-content[data-v-a9db48ca] {
    width: calc(100% - 25px);
    color: #505667;
    font-size: 14px
}

.library-main .library-content .library-item .library-item-content>div[data-v-a9db48ca] {
    margin-bottom: 10px
}

.library-main .library-content .library-item .library-item-content>div[data-v-a9db48ca]:last-child {
    margin-bottom: 0
}

.library-main .library-content .library-item .library-item-content .item-name[data-v-a9db48ca] {
    font-size: 16px;
    color: #505667;
    font-weight: 600;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-info[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-a9db48ca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-a9db48ca]:after {
    content: "|";
    display: block;
    width: 10px;
    font-size: 12px;
    text-align: center
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-a9db48ca]:last-child:after {
    content: "";
    width: 0
}

.library-main .library-content .library-item .library-item-content .item-desc[data-v-a9db48ca] {
    width: 100%;
    line-height: 22px;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-date[data-v-a9db48ca] {
    position: absolute;
    right: 24px;
    bottom: 14px;
    text-align: right;
    font-size: 12px;
    color: #aeb2bd
}

.library-main .library-content .library-item .library-item-delete[data-v-a9db48ca] {
    font-size: 14px;
    color: #aeb2bd;
    position: absolute;
    top: 22px;
    right: 20px;
    cursor: pointer
}

.library-main .library-content .library-item .library-item-delete i[data-v-a9db48ca] {
    font-weight: 600
}

.library-main .library-content .library-item .library-item-delete[data-v-a9db48ca]:hover {
    color: #505667
}

.library-main .library-content .library-btn[data-v-a9db48ca] {
    width: 100%;
    height: 68px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    background: #fff
}

.library-main .library-content .library-btn .library-all[data-v-a9db48ca] {
    color: #aeb2bd;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    cursor: pointer
}

.library-main .library-content .library-btn .library-all .library-all-select[data-v-a9db48ca] {
    width: 12px;
    height: 12px;
    border: 1px solid #aeb2bd;
    border-radius: 7px;
    margin-right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.library-main .library-content .library-btn .library-all.active .library-all-select[data-v-a9db48ca]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #505667;
    border-radius: 4px
}

.library-main .library-content .library-btn .btn[data-v-a9db48ca] {
    position: absolute;
    bottom: 16px;
    left: 24px
}

.library-main .library-content .library-btn button[data-v-a9db48ca] {
    width: 108px;
    height: 38px;
    border-radius: 19px;
    border: 1px solid #f64;
    color: #f64;
    font-size: 14px;
    background: transparent
}

.library-main .library-content .library-btn button.active[data-v-a9db48ca] {
    background: #f64;
    color: #fff
}

.library-main .library-content .library-btn button.active[data-v-a9db48ca]:hover {
    background-color: #ff8569
}

.library-main .library-content .library-btn button.active.disabled[data-v-a9db48ca] {
    background-color: #ff8569;
    border-color: #ff8569;
    cursor: not-allowed
}

.library-main .library-content .library-btn button[data-v-a9db48ca]:nth-child(2) {
    margin-left: 32px
}

.active-title {
    color: #f64
}

.edit-module-item-name[data-v-b8e73084] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-b8e73084] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-b8e73084] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-b8e73084] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-b8e73084] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-b8e73084] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-b8e73084] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-b8e73084]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-b8e73084]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-b8e73084],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-b8e73084] {
    width: 100%
}

.edit-editor-btn[data-v-b8e73084] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-b8e73084] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-b8e73084] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-b8e73084] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-b8e73084] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-b8e73084] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-b8e73084] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-b8e73084] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-b8e73084] {
    float: right
}

.highlight .highlight-content[data-v-b8e73084] {
    line-height: 20px
}

.position-r[data-v-b8e73084] {
    position: relative
}

.flex[data-v-b8e73084] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-b8e73084] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-b8e73084] {
    margin: 0
}

.padding-0[data-v-b8e73084] {
    padding: 0
}

.width[data-v-b8e73084] {
    width: 100%
}

.margin-top-24[data-v-b8e73084] {
    margin-top: 24px
}

.margin-top-30[data-v-b8e73084] {
    margin-top: 30px
}

.margin-top-32[data-v-b8e73084] {
    margin-top: 32px
}

.margin-top-36[data-v-b8e73084] {
    margin-top: 36px
}

.margin-top-38[data-v-b8e73084] {
    margin-top: 38px
}

.pointer[data-v-b8e73084] {
    cursor: pointer
}

.manage-main[data-v-b8e73084] {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.manage-main .manage-title[data-v-b8e73084] {
    font-size: 14px;
    color: #505667;
    position: relative;
    padding-left: 11px;
    margin-bottom: 16px
}

.manage-main .manage-title[data-v-b8e73084]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    background: #505667;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.manage-main .manage-title .manage-img[data-v-b8e73084] {
    position: absolute;
    right: 0;
    top: -14px
}

.manage-main .manage-position .menu[data-v-b8e73084] {
    width: 100%;
    height: 46px;
    border-radius: 2px;
    background: #fbfbfb;
    margin-bottom: 8px;
    cursor: all-scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.manage-main .manage-position .menu[data-v-b8e73084]:hover {
    background: #fff;
    -webkit-box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1)
}

.manage-main .manage-position .menu:hover .title[data-v-b8e73084] {
    color: #505667
}

.manage-main .manage-position .menu[data-v-b8e73084]:last-child {
    margin: 0
}

.manage-main .manage-position .menu .title[data-v-b8e73084] {
    margin-left: 24px;
    color: #505667
}

.manage-main .manage-position .menu .operation[data-v-b8e73084] {
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.manage-main .manage-position .menu .iconfont[data-v-b8e73084] {
    color: #c4c4c4;
    font-size: 16px;
    margin-left: 16px
}

.manage-main .manage-position .menu .iconfont[data-v-b8e73084]:hover {
    color: #606060
}

.manage-main .manage-position .menu .iconfont.delete[data-v-b8e73084]:hover {
    cursor: pointer
}

.manage-main .module[data-v-b8e73084] {
    height: 72px;
    margin-bottom: 12px;
    background: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 18px;
    border-radius: 8px
}

.manage-main .module[data-v-b8e73084]:hover {
    background: #fff;
    -webkit-box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    cursor: pointer
}

.manage-main .module:hover .info .name[data-v-b8e73084] {
    color: #505667
}

.manage-main .module[data-v-b8e73084]:last-child {
    margin: 0
}

.manage-main .module .info[data-v-b8e73084] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #505667
}

.manage-main .module .info .iconfont[data-v-b8e73084] {
    margin-right: 8px
}

.manage-main .module .info .name[data-v-b8e73084] {
    font-size: 14px;
    color: #505667
}

.manage-main .module .info .msg[data-v-b8e73084] {
    font-size: 12px;
    color: #aeb2bd;
    margin-top: 4px
}

.manage-main .module .recover[data-v-b8e73084] {
    color: #c4c4c4;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 15px;
    font-weight: 600;
    position: relative
}

.manage-main .module .recover[data-v-b8e73084]:hover {
    color: #606060;
    cursor: pointer
}

.manage-main .module .recover:hover .recover-msg[data-v-b8e73084] {
    display: block
}

.manage-main .module .recover .recover-msg[data-v-b8e73084] {
    width: 70px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    background: #404040;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.manage-main .module .recover .recover-msg[data-v-b8e73084]:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #404040;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -1.5px
}

.manage-main i[data-v-b8e73084] {
    font-weight: 600
}

.flip-list-move[data-v-b8e73084] {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.no-move[data-v-b8e73084] {
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s
}

.ghost[data-v-b8e73084] {
    opacity: .5;
    background: #ececec
}

.rename-modal[data-v-cbeaaaca] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rename-modal .cover[data-v-cbeaaaca] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.rename-modal .box[data-v-cbeaaaca] {
    width: 446px;
    height: 330px;
    background: #fff;
    border-radius: 4px;
    position: absolute
}

.rename-modal .box .message-close[data-v-cbeaaaca] {
    font-size: 20px;
    color: #404040;
    font-weight: 600;
    float: right;
    cursor: pointer
}

.rename-modal .box .message-header[data-v-cbeaaaca] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    padding: 28px 32px 15px 32px
}

.rename-modal .box .message-content[data-v-cbeaaaca] {
    padding: 0 32px;
    font-size: 14px;
    color: #606060
}

.rename-modal .box .message-content .err-msg[data-v-cbeaaaca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
    color: #ff4f4c
}

.rename-modal .box .message-content .err-msg i[data-v-cbeaaaca] {
    margin-right: 6px
}

.rename-modal .box .message-content .sub-title[data-v-cbeaaaca] {
    color: #909090
}

.rename-modal .box .message-content .select-list[data-v-cbeaaaca] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rename-modal .box .message-content .select-list .select-item[data-v-cbeaaaca] {
    width: 74px;
    cursor: pointer;
    margin-top: 14px;
    border-radius: 2px;
    height: 28px;
    border: 1px solid #ededed;
    color: #909090;
    line-height: 28px;
    text-align: center;
    margin-right: 14px
}

.rename-modal .box .message-content .select-list .select-item.is-active[data-v-cbeaaaca] {
    border: 1px solid #ff4f4c;
    color: #ff4f4c
}

.rename-modal .box .message-content .message-input-main[data-v-cbeaaaca] {
    margin-bottom: 10px
}

.rename-modal .box .message-content .message-input-main input[data-v-cbeaaaca] {
    width: calc(100% - 100px);
    height: 36px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background: transparent;
    padding: 0 18px;
    color: #404040
}

.rename-modal .box .message-btn[data-v-cbeaaaca] {
    text-align: right;
    position: absolute;
    bottom: 32px;
    right: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rename-modal .box .message-btn button[data-v-cbeaaaca] {
    display: block;
    width: 84px;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
    color: #606060;
    background: #fff
}

.rename-modal .box .message-btn button.action[data-v-cbeaaaca] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.rename-modal .box .message-btn button.cancel.seccess[data-v-cbeaaaca] {
    border-color: #ff4f4c;
    color: #ff4f4c
}

.rename-modal .box .message-btn button[data-v-cbeaaaca]:last-child {
    margin-left: 16px
}

[data-v-5ad1353f] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.suggest[data-v-5ad1353f] {
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.suggest .suggest-title[data-v-5ad1353f] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 24px;
    cursor: pointer;
    -webkit-transition: all .7s;
    transition: all .7s
}

.suggest .suggest-title .icon-right[data-v-5ad1353f] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.suggest .suggest-title .icon-right.active[data-v-5ad1353f] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.suggest .optimize-content[data-v-5ad1353f] {
    height: auto;
    overflow-y: auto;
    height: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    margin-bottom: 0;
    position: relative
}

.suggest .optimize-content[data-v-5ad1353f]::-webkit-scrollbar {
    width: 6px
}

.suggest .optimize-content[data-v-5ad1353f]::-webkit-scrollbar-thumb {
    background: #ececec
}

.suggest .optimize-content.show[data-v-5ad1353f] {
    height: 340px;
    overflow: auto;
    margin-bottom: 16px;
    margin-top: 16px
}

.suggest .full-score-container[data-v-5ad1353f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 0;
    color: #404040
}

.suggest .full-score-container img[data-v-5ad1353f] {
    width: 96px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 20px
}

.suggest .suggest-content[data-v-5ad1353f] {
    width: 100%;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.suggest .suggest-content .suggest-item[data-v-5ad1353f] {
    margin-bottom: 20px
}

.suggest .suggest-content .suggest-item[data-v-5ad1353f]:last-child {
    border: none
}

.suggest .suggest-content .suggest-item .suggest-name[data-v-5ad1353f] {
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .suggest-content .suggest-item .suggest-name img[data-v-5ad1353f] {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    margin-right: 12px
}

.suggest .suggest-content .suggest-item .suggest-name .iconfont[data-v-5ad1353f] {
    font-size: 18px;
    margin-right: 8px;
    font-weight: 600;
    color: #9c9c9c
}

.suggest .suggest-content .suggest-item .check-content[data-v-5ad1353f] {
    display: list-item;
    margin-left: 20px;
    padding: 0
}

.suggest .suggest-content .suggest-item .check-content .suggest-list[data-v-5ad1353f] {
    font-size: 14px;
    color: #404040;
    line-height: 21px;
    margin-top: 16px;
    cursor: pointer;
    position: relative
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .advice-change[data-v-5ad1353f] {
    text-decoration: line-through
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .suggest-text[data-v-5ad1353f]:hover {
    color: #f64
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao[data-v-5ad1353f] {
    display: inline-block;
    padding-left: 4px;
    vertical-align: middle;
    color: #cfcfcf;
    margin-bottom: 1px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao[data-v-5ad1353f]:hover {
    color: #505667
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao:hover .article-tooltip-container[data-v-5ad1353f] {
    display: block
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container[data-v-5ad1353f] {
    position: absolute;
    left: -16px;
    display: none;
    width: 100%;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 99
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content[data-v-5ad1353f] {
    width: calc(100% + 16px);
    background: #505667;
    padding: 14px 16px;
    border-radius: 4px;
    -webkit-transform: translateY(16px);
    transform: translateY(16px)
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .article-content[data-v-5ad1353f] {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .article-content[data-v-5ad1353f]:hover {
    font-weight: 600
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item[data-v-5ad1353f] {
    margin-top: 20px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item .comment-info[data-v-5ad1353f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item .comment-info img[data-v-5ad1353f] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 6px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item .comment-info .name[data-v-5ad1353f] {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-right: 6px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item .comment-info .community-identity[data-v-5ad1353f] {
    color: #aeb2bd;
    font-size: 12px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .comments-container .article-comment-item .comment[data-v-5ad1353f] {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .view-more-count[data-v-5ad1353f] {
    font-size: 14px;
    color: #fff;
    margin-top: 10px
}

.suggest .suggest-content .suggest-item .check-content .suggest-list .iconwenhao .article-tooltip-container .article-tooltip-content .view-more-count[data-v-5ad1353f]:hover {
    font-weight: 700
}

.suggest .suggest-content .suggest-item .suggest-button[data-v-5ad1353f] {
    width: 100%;
    color: #4183ff;
    background: #f5f8ff;
    cursor: pointer;
    line-height: 16px;
    padding: 16px 24px 16px 0;
    margin: 16px 0;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .suggest-content .suggest-item .suggest-button[data-v-5ad1353f]:hover {
    background: #ebf1ff
}

.suggest .suggest-content .suggest-item .suggest-button img[data-v-5ad1353f] {
    width: 14px;
    height: 14px;
    margin-right: 14px
}

.suggest .suggest-content .suggest-item .suggest-button .iconfont[data-v-5ad1353f] {
    margin-right: 8px;
    margin-left: 24px
}

.suggest .suggest-content.center[data-v-5ad1353f] {
    text-align: center;
    padding: 24px 0 36px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px
}

.suggest .suggest-content.center .t[data-v-5ad1353f] {
    color: #404040;
    margin-top: 6px
}

.suggest .suggest-content.center img[data-v-5ad1353f] {
    display: block;
    width: 96px;
    height: 65px;
    margin: auto
}

.suggest .suggest-content.center b[data-v-5ad1353f] {
    color: #ff4f4c;
    font-weight: 400
}

.suggest .suggest-content.center button[data-v-5ad1353f] {
    width: 200px;
    height: 36px;
    background: #ff4f4c;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    margin-top: 24px
}

.suggest .guide-code-container[data-v-5ad1353f] {
    width: calc(100% - 48px);
    padding: 24px 30px;
    margin: -10px auto 14px;
    border-radius: 4px;
    background-color: rgba(78, 85, 103, .04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .guide-code-container img[data-v-5ad1353f] {
    width: 72px;
    height: 72px;
    margin-right: 20px
}

.suggest .guide-code-container .code-content[data-v-5ad1353f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.suggest .guide-code-container .code-content .code-title[data-v-5ad1353f] {
    color: #414653;
    line-height: 22px;
    white-space: nowrap;
    margin-bottom: 4px
}

.suggest .guide-code-container .code-content .code-description[data-v-5ad1353f] {
    color: #505667;
    font-size: 12px;
    line-height: 18px
}

.suggest .full-score-code[data-v-5ad1353f] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[data-v-5ad1353f] .el-tooltip__popper .is-dark {
    background: #505667
}

.article-tooltip-container-1 {
    background: #505667 !important;
    margin-left: -6px
}

.article-tooltip-container-1 .article-content {
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.article-tooltip-container-1 .article-content:hover {
    font-weight: 600
}

.article-tooltip-container-1 .popper__arrow:after {
    border-bottom-color: #505667 !important
}

.teacher[data-v-77cd7a89] {
    display: block;
    padding: 22px 20px 10px;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    margin-top: 14px
}

.teacher .title[data-v-77cd7a89] {
    color: #404040;
    font-size: 14px;
    margin-bottom: 24px;
    font-weight: 700
}

.teacher .teacher-img[data-v-77cd7a89] {
    display: block;
    width: 100%
}

.teacher .teacher-text[data-v-77cd7a89] {
    margin-top: 13px;
    line-height: 23px;
    color: #606060
}

.teacher .teacher-text b[data-v-77cd7a89] {
    font-weight: 400;
    color: #ff4e4c
}

.model[data-v-77cd7a89] {
    margin-bottom: 0 !important
}

.check[data-v-14285c84] {
    position: absolute;
    padding: 8px 24px 12px;
    width: 324px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 6px solid #f9f9f9;
    top: 0;
    z-index: 8
}

.check .check-title[data-v-14285c84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.check .check-title .score-content[data-v-14285c84] {
    color: #f64;
    line-height: 32px;
    font-weight: 600
}

.check .check-title .score-content .score-number[data-v-14285c84] {
    display: inline-block;
    font-size: 32px;
    margin-right: 2px
}

.check .check-title button[data-v-14285c84] {
    width: 90px;
    height: 30px;
    color: #f64;
    background-color: #fff;
    border: 1px solid #f64;
    font-size: 14px;
    border-radius: 16px
}

.check .check-title button[data-v-14285c84]:hover {
    background-color: #f64;
    color: #fff
}

.check .check-progress[data-v-14285c84] {
    height: 5px;
    border-radius: 3px;
    background: #e8e8e8;
    margin-top: 16px
}

.check .check-progress div[data-v-14285c84] {
    width: auto;
    height: 100%;
    border-radius: 3px;
    background: #f64
}

.check .check-msg[data-v-14285c84] {
    margin-top: 16px;
    color: #404040;
    line-height: 22px;
    font-size: 14px
}

.check .check-msg p[data-v-14285c84] {
    margin-bottom: 8px
}

.check .check-msg[data-v-14285c84] .jobs-button {
    color: #f64;
    text-decoration: underline
}

.check .check-msg[data-v-14285c84] .jobs-button:hover {
    font-weight: 600
}

.check .check-msg .check-item[data-v-14285c84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.check .check-msg .check-item a[data-v-14285c84] {
    margin-left: 4px;
    color: #f64;
    text-decoration: underline
}

.check .sync-success[data-v-14285c84] {
    margin-top: 16px
}

.check .sync-success span[data-v-14285c84] {
    color: #404040;
    line-height: 22px
}

.check .sync-success .set-high-light[data-v-14285c84] {
    color: #f64;
    font-weight: 600
}

.check .download-app-content[data-v-14285c84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.check .download-app-content button[data-v-14285c84] {
    margin-top: 12px;
    height: 42px;
    background-color: #fff;
    color: #f64;
    border: 1px solid #f64;
    border-radius: 24px
}

.check .download-app-content button[data-v-14285c84]:hover {
    background-color: #f64;
    color: #fff
}

.check .check-btn[data-v-14285c84] {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f64;
    border: 1px solid #f64;
    border-radius: 18px
}

.check .check-btn[data-v-14285c84]:hover {
    color: #fff;
    background: #f64
}

.check .jobscan-box[data-v-14285c84] {
    background: url(/cv/payment/files//pc/jobscan/jobscan-guide-bg.png);
    width: 292px;
    height: 92px;
    border-radius: 4px;
    margin-top: 12px;
    margin-left: -8px;
    background-size: 100% 100%;
    padding: 14px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.check .jobscan-box .jobscan-title[data-v-14285c84] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    margin-bottom: 8px
}

.check .jobscan-box .jobscan-content[data-v-14285c84] {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 20px
}

.jobscan-active[data-v-14285c84] {
    position: relative;
    z-index: 10
}

.jobscan-layer[data-v-14285c84] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 118px;
    background-color: rgba(0, 0, 0, .6)
}

.coach[data-v-1f7cf971] {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 24px
}

.coach .coach-title[data-v-1f7cf971] {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #404040
}

.coach .coach-title .coach-end-btn[data-v-1f7cf971] {
    width: 98px;
    height: 34px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    cursor: pointer;
    border-radius: 2px;
    background: #fff
}

.coach .coach-title .coach-title-me[data-v-1f7cf971] {
    font-weight: 600
}

.coach .coach-title .iconfont[data-v-1f7cf971] {
    font-size: 16px;
    font-weight: 600;
    margin-left: 4px
}

.coach .coach-title span[data-v-1f7cf971] {
    color: #ff4f4c
}

.coach .border-bottom[data-v-1f7cf971] {
    border-bottom: 1px solid #eee
}

.coach .coach-name[data-v-1f7cf971] {
    margin: 0;
    margin: 20px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #404040;
    font-weight: 600
}

.coach .coach-name span[data-v-1f7cf971] {
    font-weight: 600
}

.coach .coach-name .iconfont[data-v-1f7cf971] {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.coach .coach-name .iconfont.active[data-v-1f7cf971] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coach .coach-progress[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971] {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    background: #fff;
    position: relative;
    z-index: 1
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:first-child {
    z-index: 4
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:nth-child(2) {
    z-index: 3
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:nth-child(3) {
    z-index: 2
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:nth-child(4) {
    z-index: 1
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:after {
    content: "";
    display: block;
    width: 60px;
    height: 0;
    border-top: 2px dotted #d8d8d8;
    position: absolute;
    left: -60px;
    top: 5px
}

.coach .coach-progress .coach-progress-menu[data-v-1f7cf971]:first-child:after {
    content: "";
    width: 0;
    border: none
}

.coach .coach-progress .coach-progress-menu.action[data-v-1f7cf971],
.coach .coach-progress .coach-progress-menu.active[data-v-1f7cf971] {
    border-color: #ff4f4c;
    background: #ff4f4c
}

.coach .coach-progress .coach-progress-menu.action[data-v-1f7cf971]:after,
.coach .coach-progress .coach-progress-menu.active[data-v-1f7cf971]:after {
    border-top: 2px solid #ff4f4c
}

.coach .coach-progress .coach-progress-menu.active[data-v-1f7cf971] {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    background: #ffd6d4;
    border: none
}

.coach .coach-progress .coach-progress-menu.active[data-v-1f7cf971]:after {
    top: 15px
}

.coach .coach-progress .coach-progress-menu.active[data-v-1f7cf971]:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #ff4f4c;
    margin: 6px
}

.coach .coach-progress-text[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.coach .coach-progress-text div[data-v-1f7cf971] {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.coach .coach-progress-text div p[data-v-1f7cf971]:first-child {
    font-size: 14px;
    color: #d8d8d8;
    margin-top: 5px
}

.coach .coach-progress-text div .task-date[data-v-1f7cf971],
.coach .coach-progress-text div p[data-v-1f7cf971]:last-child {
    font-size: 12px;
    color: #9c9c9c;
    margin-top: 6px
}

.coach .coach-progress-text div.active p[data-v-1f7cf971]:first-child {
    color: #404040
}

.coach .coach-progress-message[data-v-1f7cf971] {
    padding: 12px 16px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px;
    background: #f7f7f7;
    border-radius: 2px;
    margin-top: 10px
}

.coach .coach-progress-message b[data-v-1f7cf971],
.coach .coach-progress-message em[data-v-1f7cf971],
.coach .coach-progress-message i[data-v-1f7cf971] {
    color: #ff4f4c !important
}

.coach .coach-progress-btn[data-v-1f7cf971] {
    background: transparent;
    border: 1px solid #cfcfcf;
    color: #cfcfcf;
    width: 100%;
    border-radius: 2px;
    height: 36px;
    margin-top: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    position: relative;
    overflow: visible
}

.coach .coach-progress-btn.active[data-v-1f7cf971] {
    border-color: #ff4f4c;
    color: #ff4f4c;
    cursor: pointer
}

.coach .coach-progress-btn .coach-toast[data-v-1f7cf971] {
    width: 180px;
    height: 52px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.coach .coach-url[data-v-1f7cf971] {
    width: calc(100% - 16px);
    display: block;
    color: #6bb1fc;
    line-height: 16px
}

.coach .question[data-v-1f7cf971] {
    width: calc(100% - 16px);
    position: relative;
    color: #404040;
    font-size: 14px;
    line-height: 16px
}

.coach .question.active[data-v-1f7cf971] {
    padding-bottom: 0
}

.coach .question.active .text[data-v-1f7cf971] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.coach .question.active .more b[data-v-1f7cf971] {
    color: #4183ff !important
}

.coach .question.active .more b i[data-v-1f7cf971] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.coach .question .text[data-v-1f7cf971] {
    display: inline-block;
    color: #404040
}

.coach .question .more[data-v-1f7cf971] {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .4)), color-stop(40%, #fff), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .4) 0, #fff 40%, #fff)
}

.coach .question .more b[data-v-1f7cf971] {
    cursor: pointer;
    color: #9c9c9c;
    font-style: normal;
    font-weight: 400
}

.coach .question .more b i[data-v-1f7cf971] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coach .coach-reply-content[data-v-1f7cf971] {
    max-height: 379px;
    border-top: 1px solid #ececec;
    overflow-y: auto
}

.coach .coach-reply-content .coach-reply-menu[data-v-1f7cf971] {
    margin-top: 16px
}

.coach .coach-reply-content .coach-reply-menu[data-v-1f7cf971]:last-child {
    margin-bottom: 16px
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-user[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-user img[data-v-1f7cf971] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 8px
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-date[data-v-1f7cf971] {
    font-size: 12px;
    color: #d8d8d8
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-text[data-v-1f7cf971] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    width: 100%;
    font-size: 14px;
    color: #404040;
    line-height: 20px;
    padding-left: 32px;
    padding-right: 16px
}

.coach .coach-reply-content .splitLine[data-v-1f7cf971] {
    line-height: 21px;
    margin-top: 16px;
    color: #d8d8d8;
    overflow: hidden
}

.coach .coach-reply-content .splitLine span[data-v-1f7cf971] {
    display: inline-block
}

.coach .coach-reply-content .splitLine span[data-v-1f7cf971]:after,
.coach .coach-reply-content .splitLine span[data-v-1f7cf971]:before {
    width: 200px;
    height: 1px;
    background: #d8d8d8;
    opacity: .5;
    display: block;
    content: "";
    position: absolute;
    top: 10px
}

.coach .coach-reply-content .splitLine span[data-v-1f7cf971]:before {
    left: -210px
}

.coach .coach-reply-content .splitLine span[data-v-1f7cf971]:after {
    right: -210px
}

.coach .coach-reply[data-v-1f7cf971] {
    border: 1px solid #ececec;
    margin-top: 24px;
    height: 110px;
    border-radius: 2px;
    position: relative;
    padding: 10px
}

.coach .coach-reply textarea[data-v-1f7cf971] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    resize: none;
    padding-bottom: 30px
}

.coach .coach-reply button[data-v-1f7cf971] {
    width: 66px;
    height: 30px;
    background: #ff4f4c;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.coach .coach-tooltip[data-v-1f7cf971] {
    width: 188px;
    height: 52px;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -195px;
    bottom: 0
}

.coach .coach-tooltip .iconfont[data-v-1f7cf971] {
    margin-top: 2px;
    margin-left: 10px
}

.coach .coach-tooltip[data-v-1f7cf971]:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: -2px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -8px
}

.feedback[data-v-1f7cf971] {
    background: #fff;
    padding: 22px 24px 28px;
    margin-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feedback .feedback-title[data-v-1f7cf971] {
    font-size: 14px;
    color: #404040;
    font-weight: 600
}

.feedback .feedback-content[data-v-1f7cf971] {
    padding: 14px 0 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.feedback .feedback-content .feedback-menu[data-v-1f7cf971],
.feedback .feedback-content[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback .feedback-content .feedback-menu[data-v-1f7cf971] {
    margin-right: 29px;
    cursor: pointer
}

.feedback .feedback-content .feedback-menu img[data-v-1f7cf971] {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.feedback .feedback-btn[data-v-1f7cf971] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback .feedback-btn a[data-v-1f7cf971] {
    display: block;
    width: 55px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #dedfe1;
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
    padding: 0;
    cursor: pointer
}

.feedback .feedback-btn a.active[data-v-1f7cf971] {
    border-color: #398dee;
    color: #398dee;
    margin-right: 20px
}

.orderContent[data-v-1f7cf971] {
    line-height: 23px
}

.hint-main[data-v-0ac61f6a] {
    margin-top: -12px;
    border-radius: 2px
}

.hint-main .info-edit-option[data-v-0ac61f6a] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.hint-main .info-edit-option .menu[data-v-0ac61f6a] {
    height: 100%;
    line-height: 56px;
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer;
    position: relative
}

.hint-main .info-edit-option .menu.active[data-v-0ac61f6a],
.hint-main .info-edit-option .menu[data-v-0ac61f6a]:hover {
    color: #404040
}

.hint-main .info-edit-option .menu.active[data-v-0ac61f6a]:after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint-main .model[data-v-0ac61f6a] {
    background: #fff;
    margin-bottom: 1px
}

.hint-main .model .name[data-v-0ac61f6a] {
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    position: relative;
    border-bottom: 1px solid #f9f9f9;
    cursor: pointer
}

.hint-main .model .name span[data-v-0ac61f6a] {
    margin-left: 35px
}

.hint-main .model .name .iconfont[data-v-0ac61f6a] {
    margin-right: 24px;
    font-size: 20px;
    color: #9c9c9c;
    font-weight: 600
}

.hint-main .model .name[data-v-0ac61f6a]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -7px;
    background: #ff4f4c
}

.hint-main .model.tips .tips-content[data-v-0ac61f6a] {
    padding: 0 24px;
    overflow: hidden
}

.hint-main .model.tips .tips-select[data-v-0ac61f6a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 28px auto 4px;
    padding: 0 24px
}

.hint-main .model.tips .tips-content[data-v-0ac61f6a] {
    max-height: 556px;
    overflow-y: auto;
    padding: 18px 24px;
    padding: 0;
    margin: 0 24px
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title[data-v-0ac61f6a] {
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040;
    font-size: 14px;
    cursor: pointer
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title i.iconfont[data-v-0ac61f6a] {
    font-size: 20px;
    color: #d8d8d8;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title.show .iconfont[data-v-0ac61f6a] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-content[data-v-0ac61f6a] {
    width: 271px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 21px
}

.hint-main .model.assess[data-v-0ac61f6a] {
    padding: 0 24px;
    overflow: hidden
}

.hint-main .model.assess .title[data-v-0ac61f6a] {
    margin-top: 24px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #404040;
    font-weight: 600
}

.hint-main .model.assess .image[data-v-0ac61f6a] {
    height: 113px;
    background: #eee
}

.hint-main .model.assess .msg[data-v-0ac61f6a] {
    line-height: 22px;
    font-size: 14px;
    color: #404040;
    margin-top: 12px
}

.hint-main .model.assess .btn[data-v-0ac61f6a] {
    width: 100%;
    height: 38px;
    border-radius: 2px;
    margin-top: 24px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    background: #fff;
    margin-bottom: 28px
}

.hint-main .model.margin[data-v-0ac61f6a] {
    margin-top: 16px
}

.hint-main .model .verb[data-v-0ac61f6a] {
    padding-bottom: 24px
}

.hint-main .model .verb .menu[data-v-0ac61f6a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hint-main .model .verb .menu p[data-v-0ac61f6a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 30px;
    color: #606060;
    font-size: 14px;
    margin-bottom: 6px
}

.hint-main .model.case[data-v-0ac61f6a] {
    max-height: 684px;
    overflow: hidden;
    border-radius: 0 0 2px 2px
}

.hint-main .model.case .name[data-v-0ac61f6a] {
    color: #9c9c9c
}

.hint-main .model.case .name span[data-v-0ac61f6a] {
    cursor: pointer
}

.hint-main .model.case .name .active[data-v-0ac61f6a] {
    color: #404040
}

.hint-main .model.case .case-select[data-v-0ac61f6a] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hint-main .model.case .case-select div[data-v-0ac61f6a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.hint-main .model.case .case-content[data-v-0ac61f6a] {
    width: 100%;
    max-height: 558px;
    overflow-y: auto;
    padding-right: 20px;
    margin-top: 24px;
    margin-bottom: 24px
}

.hint-main .model.case .case-content .case-menu[data-v-0ac61f6a] {
    padding: 0 24px;
    color: #404040;
    font-size: 14px
}

.hint-main .model.case .case-content .case-menu .case-menu-title[data-v-0ac61f6a] {
    line-height: 20px
}

.hint-main .model.case .case-content .case-menu .case-menu-content[data-v-0ac61f6a] {
    line-height: 24px
}

.hint-main .model.case .case-content .case-more-btn[data-v-0ac61f6a] {
    width: 152px;
    height: 36px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    border-radius: 2px;
    margin: 26px auto 2px;
    cursor: pointer
}

.hint-main .el-input__inner[data-v-0ac61f6a] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 143px
}

.hint-main[data-v-0ac61f6a] .el-input.el-input--suffix {
    border: 1px solid #f4f4f4
}

.hint-main[data-v-0ac61f6a] .el-input.el-input--suffix.is-focus,
.hint-main[data-v-0ac61f6a] .el-input.el-input--suffix:hover {
    border-color: #cfcfcf !important
}

.hint-main[data-v-0ac61f6a] .el-input.el-input--suffix .el-input__inner {
    border: none
}

.info-edit-option[data-v-0ac61f6a] {
    border-bottom: 1px solid #f4f4f4
}

.jobscan-card[data-v-780125d6] {
    cursor: pointer;
    margin-top: 16px;
    background: #fff;
    padding: 15px 24px 30px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 64px
}

.jobscan-card .title[data-v-780125d6] {
    font-size: 16px;
    color: #404040;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 21px
}

.jobscan-card .title[data-v-780125d6] span {
    color: #f64
}

.jobscan-card .content[data-v-780125d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jobscan-card .content .img[data-v-780125d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.jobscan-card .content .create-time[data-v-780125d6] {
    font-size: 12px;
    color: #bcbcbc
}

.jobscan-card .content #main[data-v-780125d6] {
    width: 100px;
    height: 100px
}

.jobscan-card .content .list[data-v-780125d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.jobscan-card .content .list .dot[data-v-780125d6] {
    width: 12px;
    height: 6px;
    background: #ff5c5c;
    border-radius: 3px;
    opacity: .78;
    margin-right: 12px
}

.jobscan-card .content .list .list-item[data-v-780125d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    margin-bottom: 12px
}

.jobscan-card .content .list .mask[data-v-780125d6] {
    width: 100%;
    height: 64px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .32)), color-stop(0, hsla(0, 0%, 100%, .3)), color-stop(30%, hsla(0, 0%, 100%, .68)), color-stop(63%, #fff), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .32), hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, .68) 30%, #fff 63%, #fff)
}

.jobscan-card .content .list .btn[data-v-780125d6] {
    width: 120px;
    height: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9f79), to(#f64));
    background: linear-gradient(180deg, #ff9f79, #f64);
    border-radius: 16px;
    position: absolute;
    left: 0;
    bottom: -10px;
    text-align: center;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    display: block
}

.jobscan-card .content .list .btn[data-v-780125d6]:hover {
    opacity: .8
}

.jobscan-card .content .list .dot.green[data-v-780125d6] {
    background: #39d98a
}

.jobscan-card .content .list .dot.blue[data-v-780125d6] {
    background: #5b8def
}

.not-report[data-v-780125d6] {
    cursor: pointer;
    margin-top: 16px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 64px;
    border-radius: 4px
}

.not-report .not-header[data-v-780125d6] {
    height: 60px;
    background: #ff6f4e;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 24px;
    color: #fff;
    position: relative
}

.not-report .not-header .title[data-v-780125d6] {
    font-size: 16px;
    line-height: 20px
}

.not-report .not-header .title[data-v-780125d6] span {
    color: #f64
}

.not-report .not-header .subtitle[data-v-780125d6] {
    font-size: 12px;
    line-height: 20px
}

.not-report .not-header img[data-v-780125d6] {
    position: absolute;
    right: 17px;
    top: 13px
}

.not-report .content[data-v-780125d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 42px 32px 22px
}

.not-report .content .img[data-v-780125d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.not-report .content .create-time[data-v-780125d6] {
    font-size: 12px;
    font-weight: 400;
    color: #f64;
    line-height: 12px
}

.not-report .content #main1[data-v-780125d6] {
    width: 100px;
    height: 100px
}

.not-report .content .list[data-v-780125d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.not-report .content .list .dot[data-v-780125d6] {
    width: 12px;
    height: 6px;
    background: #ff5c5c;
    border-radius: 3px;
    opacity: .78;
    margin-right: 12px
}

.not-report .content .list .list-item[data-v-780125d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    margin-bottom: 12px
}

.not-report .content .list .mask[data-v-780125d6] {
    width: 100%;
    height: 64px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .32)), color-stop(0, hsla(0, 0%, 100%, .3)), color-stop(30%, hsla(0, 0%, 100%, .68)), color-stop(63%, #fff), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .32), hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, .68) 30%, #fff 63%, #fff)
}

.not-report .content .list .btn[data-v-780125d6] {
    width: 120px;
    height: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9f79), to(#f64));
    background: linear-gradient(180deg, #ff9f79, #f64);
    border-radius: 16px;
    position: absolute;
    left: 0;
    bottom: -10px;
    text-align: center;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    display: block
}

.not-report .content .list .btn[data-v-780125d6]:hover {
    opacity: .8
}

.not-report .content .list .dot.green[data-v-780125d6] {
    background: #39d98a
}

.not-report .content .list .dot.blue[data-v-780125d6] {
    background: #5b8def
}

.echart-box[data-v-780125d6] {
    width: 100%;
    height: 100%;
    position: relative
}

.total-box[data-v-780125d6] {
    position: absolute;
    top: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #f64;
    z-index: 3;
    left: 33px
}

.point[data-v-780125d6] {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: red;
    z-index: 3
}

.point>div[data-v-780125d6] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff;
    margin: 1px
}

.point.FF5C5C[data-v-780125d6] {
    background-color: #ff5c5c;
    top: -2px;
    left: 48px
}

.point.AC5DD9[data-v-780125d6] {
    background-color: #ac5dd9;
    top: 33px;
    left: 0
}

.point.FDAC42[data-v-780125d6] {
    background-color: #fdac42;
    top: 89px;
    left: 18px
}

.point.a5B8DEF[data-v-780125d6] {
    background-color: #5b8def;
    top: 89px;
    left: 78px
}

.point.a39D98A[data-v-780125d6] {
    background-color: #39d98a;
    top: 33px;
    left: 96px
}

.active[data-v-780125d6] {
    position: relative;
    z-index: 10
}

.flex-start[data-v-2643939c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding-left: 30px
}

.info-main[data-v-2643939c] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.info-component[data-v-2643939c] {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.info-component>div[data-v-2643939c] {
    width: 100%
}

.info-component .info-option[data-v-2643939c] {
    width: 100%;
    height: 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    margin-bottom: 16px
}

.info-component .info-option .info-option-item[data-v-2643939c] {
    width: 82px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    font-size: 14px;
    color: #404040;
    margin-right: 24px;
    cursor: pointer
}

.info-component .info-option .info-option-item[data-v-2643939c]:last-child {
    margin: 0
}

.info-component .info-option .info-option-item.active[data-v-2643939c] {
    color: #ff4f4c;
    border-color: #ff4f4c
}

.info-component .model[data-v-2643939c] {
    background: #fff
}

.info-component .model .name[data-v-2643939c] {
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    position: relative;
    border-bottom: 1px solid #f9f9f9;
    cursor: pointer
}

.info-component .model .name span[data-v-2643939c] {
    margin-left: 35px
}

.info-component .model .name .iconfont[data-v-2643939c] {
    margin-right: 24px;
    font-size: 20px;
    color: #9c9c9c;
    font-weight: 600
}

.info-component .model .name[data-v-2643939c]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -7px;
    background: #ff4f4c
}

.info-component .model.assess[data-v-2643939c] {
    padding: 0 24px;
    overflow: hidden
}

.info-component .model.assess .title[data-v-2643939c] {
    margin-top: 24px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #404040;
    font-weight: 600
}

.info-component .model.assess .image[data-v-2643939c] {
    height: 113px;
    background: #eee
}

.info-component .model.assess .msg[data-v-2643939c] {
    line-height: 22px;
    font-size: 14px;
    color: #404040;
    margin-top: 12px
}

.info-component .model.assess .btn[data-v-2643939c] {
    width: 100%;
    height: 38px;
    border-radius: 2px;
    margin-top: 24px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    background: #fff;
    margin-bottom: 28px
}

.info-component .model.margin[data-v-2643939c] {
    margin-top: 16px
}

.info-component .coach-option[data-v-2643939c] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #fff;
    border-bottom: 1px solid #f5f5f7
}

.info-component .coach-option div[data-v-2643939c] {
    height: 100%;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 56px;
    position: relative;
    cursor: pointer
}

.info-component .coach-option div.active[data-v-2643939c] {
    color: #404040
}

.info-component .coach-option div.active[data-v-2643939c]:after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.info-component .check-option[data-v-2643939c] {
    width: 100%;
    position: absolute;
    top: 0
}

.h-w-10[data-v-d0dc4df4] {
    width: 100%;
    height: 100%
}

.w988[data-v-d0dc4df4] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-d0dc4df4] {
    float: left
}

.fr[data-v-d0dc4df4] {
    float: right
}

.clearfix[data-v-d0dc4df4]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-d0dc4df4] {
    position: relative
}

.pa[data-v-d0dc4df4] {
    position: absolute
}

.display_b[data-v-d0dc4df4] {
    display: block
}

.display_ib[data-v-d0dc4df4] {
    display: inline-block
}

.ellipsis[data-v-d0dc4df4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-d0dc4df4] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-d0dc4df4],
.ellipsis3[data-v-d0dc4df4] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-d0dc4df4] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-d0dc4df4] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-d0dc4df4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-d0dc4df4] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-d0dc4df4],
.flex-c[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-d0dc4df4] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-d0dc4df4] {
    word-wrap: break-word
}

.w-10[data-v-d0dc4df4] {
    width: 100%;
    padding: 0
}

.w-5[data-v-d0dc4df4] {
    width: 55%;
    padding: 0
}

.b-s[data-v-d0dc4df4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-d0dc4df4] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-d0dc4df4] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-d0dc4df4]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-d0dc4df4] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-d0dc4df4] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-d0dc4df4] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-d0dc4df4] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-d0dc4df4] {
    margin-top: 10px
}

.mt_8[data-v-d0dc4df4] {
    margin-top: 16px
}

.mt_9[data-v-d0dc4df4] {
    margin-top: 18px
}

.mt_10[data-v-d0dc4df4] {
    margin-top: 20px
}

.mt_11[data-v-d0dc4df4] {
    margin-top: 22px
}

.mt_12[data-v-d0dc4df4] {
    margin-top: 24px
}

.mt_13[data-v-d0dc4df4] {
    margin-top: 26px
}

.mt_14[data-v-d0dc4df4] {
    margin-top: 28px
}

.mt_15[data-v-d0dc4df4] {
    margin-top: 30px
}

.mt_16[data-v-d0dc4df4] {
    margin-top: 32px
}

.mt_19[data-v-d0dc4df4] {
    margin-top: 38px
}

.mt_20[data-v-d0dc4df4] {
    margin-top: 40px
}

.ml_10[data-v-d0dc4df4] {
    margin-left: 20px
}

.ml_12[data-v-d0dc4df4] {
    margin-left: 24px
}

.ml_14[data-v-d0dc4df4] {
    margin-left: 28px
}

.ml_20[data-v-d0dc4df4] {
    margin-left: 40px
}

.ml_22[data-v-d0dc4df4] {
    margin-left: 44px
}

.ml_27[data-v-d0dc4df4] {
    margin-left: 54px
}

.mr_27[data-v-d0dc4df4] {
    margin-right: 54px
}

.pl_5[data-v-d0dc4df4] {
    padding-left: 10px
}

.margin_lr34[data-v-d0dc4df4] {
    margin: 0 34px
}

.margin_lr38[data-v-d0dc4df4] {
    margin: 0 38px
}

.padding_lr34[data-v-d0dc4df4] {
    padding: 0 34px
}

.padding_lr38[data-v-d0dc4df4] {
    padding: 0 38px
}

.text_center[data-v-d0dc4df4] {
    text-align: center
}

.color_0[data-v-d0dc4df4] {
    color: #000
}

.color_3[data-v-d0dc4df4] {
    color: #333
}

.color_fff[data-v-d0dc4df4] {
    color: #fff
}

.color_e3[data-v-d0dc4df4] {
    color: #e3e3e3
}

.color_40[data-v-d0dc4df4] {
    color: #404040
}

.color_60[data-v-d0dc4df4] {
    color: #606060
}

.color_666[data-v-d0dc4df4] {
    color: #666
}

.color_90[data-v-d0dc4df4] {
    color: #909090
}

.color_9c[data-v-d0dc4df4] {
    color: #9c9c9c
}

.color_current[data-v-d0dc4df4] {
    color: #2d5ff5
}

.color_red[data-v-d0dc4df4] {
    color: #ff4f4c
}

.border_current[data-v-d0dc4df4] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-d0dc4df4] {
    background-color: #fff
}

.bg_f8[data-v-d0dc4df4] {
    background-color: #f8f8fa
}

.bg_current[data-v-d0dc4df4] {
    background-color: #2d5ff5
}

.bg_ed[data-v-d0dc4df4] {
    background-color: #edf0fd
}

.bg_red[data-v-d0dc4df4] {
    background-color: #ff4f4c
}

.font_w_b[data-v-d0dc4df4] {
    font-weight: 700
}

.f_12[data-v-d0dc4df4] {
    font-size: 12px
}

.f_13[data-v-d0dc4df4] {
    font-size: 13px
}

.f_14[data-v-d0dc4df4] {
    font-size: 14px
}

.f_15[data-v-d0dc4df4] {
    font-size: 15px
}

.f_16[data-v-d0dc4df4] {
    font-size: 16px
}

.f_17[data-v-d0dc4df4] {
    font-size: 17px
}

.f_18[data-v-d0dc4df4] {
    font-size: 18px
}

.f_19[data-v-d0dc4df4] {
    font-size: 19px
}

.f_20[data-v-d0dc4df4] {
    font-size: 20px
}

.f_21[data-v-d0dc4df4] {
    font-size: 21px
}

.f_22[data-v-d0dc4df4] {
    font-size: 22px
}

.f_23[data-v-d0dc4df4] {
    font-size: 23px
}

.f_24[data-v-d0dc4df4] {
    font-size: 24px
}

.f_25[data-v-d0dc4df4] {
    font-size: 25px
}

.f_26[data-v-d0dc4df4] {
    font-size: 26px
}

.f_27[data-v-d0dc4df4] {
    font-size: 27px
}

.f_28[data-v-d0dc4df4] {
    font-size: 28px
}

.f_29[data-v-d0dc4df4] {
    font-size: 29px
}

.f_30[data-v-d0dc4df4] {
    font-size: 30px
}

.f_31[data-v-d0dc4df4] {
    font-size: 31px
}

.f_32[data-v-d0dc4df4] {
    font-size: 32px
}

.f_33[data-v-d0dc4df4] {
    font-size: 33px
}

.f_34[data-v-d0dc4df4] {
    font-size: 34px
}

.f_35[data-v-d0dc4df4] {
    font-size: 35px
}

.f_36[data-v-d0dc4df4] {
    font-size: 36px
}

.f_37[data-v-d0dc4df4] {
    font-size: 37px
}

.f_38[data-v-d0dc4df4] {
    font-size: 38px
}

.f_39[data-v-d0dc4df4] {
    font-size: 39px
}

.f_40[data-v-d0dc4df4] {
    font-size: 40px
}

.f_41[data-v-d0dc4df4] {
    font-size: 41px
}

.f_42[data-v-d0dc4df4] {
    font-size: 42px
}

.f_43[data-v-d0dc4df4] {
    font-size: 43px
}

.f_44[data-v-d0dc4df4] {
    font-size: 44px
}

.f_45[data-v-d0dc4df4] {
    font-size: 45px
}

.f_46[data-v-d0dc4df4] {
    font-size: 46px
}

.f_47[data-v-d0dc4df4] {
    font-size: 47px
}

.f_48[data-v-d0dc4df4] {
    font-size: 48px
}

.f_49[data-v-d0dc4df4] {
    font-size: 49px
}

.f_50[data-v-d0dc4df4] {
    font-size: 50px
}

.b-r[data-v-d0dc4df4] {
    border-radius: 50%
}

.blur4[data-v-d0dc4df4] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-d0dc4df4] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-d0dc4df4] {
    cursor: pointer
}

.templateButtons .confirm[data-v-d0dc4df4] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-d0dc4df4] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-d0dc4df4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-d0dc4df4]:hover,
.templateButtons .confirm[data-v-d0dc4df4]:hover {
    opacity: .8
}

[data-v-d0dc4df4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, PingFang SC
}

.editor-main .edit-user[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 24px 26px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.editor-main .edit-user .user-info[data-v-d0dc4df4] {
    cursor: pointer;
    min-width: 300px;
    padding: 0 12px
}

.editor-main .edit-user .user-info .user-name[data-v-d0dc4df4] {
    color: #404040;
    font-size: 18px;
    font-weight: 700;
    font-family: PingFangSC-Medium, PingFang SC
}

.editor-main .edit-user .user-info .user-name .iconfont[data-v-d0dc4df4] {
    font-size: 16px;
    color: #909090
}

.editor-main .edit-user .user-info .user-name span[data-v-d0dc4df4] {
    font-weight: 700
}

.editor-main .edit-user .user-info .user-info-item[data-v-d0dc4df4] {
    font-size: 14px;
    color: #606060;
    margin-top: 10px;
    word-break: break-all
}

.editor-main .edit-user .user-picture[data-v-d0dc4df4] {
    width: 75px;
    height: 90px;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .edit-user .user-picture.no[data-v-d0dc4df4] {
    border: none
}

.editor-main .edit-user .user-picture img[data-v-d0dc4df4] {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    -o-object-fit: contain;
    object-fit: contain
}

.editor-main .edit-user .user-picture:hover .user-picture-delete[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editor-main .edit-user .user-picture .user-picture-delete[data-v-d0dc4df4] {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(64, 64, 64, .5);
    text-align: right;
    cursor: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-d0dc4df4] {
    width: 100%;
    cursor: pointer;
    color: #bcbcbc;
    font-weight: 600;
    text-align: center;
    font-size: 14px
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-d0dc4df4]:hover {
    color: #fff
}

.editor-main .edit-user .user-picture .user-picture-delete p .iconfont[data-v-d0dc4df4] {
    margin-right: 2px
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-d0dc4df4]:nth-child(2) {
    margin-top: 16px
}

.editor-main .school-module[data-v-d0dc4df4] {
    padding: 8px 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.editor-main .school-module .school-title[data-v-d0dc4df4],
.editor-main .school-module[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .school-module .school-title .school-name[data-v-d0dc4df4] {
    font-size: 18px;
    color: #404040;
    font-weight: 600
}

.editor-main .school-module .school-title .school-tag[data-v-d0dc4df4] {
    padding: 0 7px;
    height: 20px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    color: #909090;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .school-module .school-btn .iconfont[data-v-d0dc4df4] {
    color: #9c9c9c;
    font-size: 16px;
    cursor: pointer
}

.editor-main .school-module .school-btn .iconfont[data-v-d0dc4df4]:nth-child(2) {
    margin-left: 16px
}

.editor-main .module[data-v-d0dc4df4] {
    width: calc(100% - 24px);
    margin: auto;
    padding: 14px 0;
    position: relative
}

.editor-main .module .module-title[data-v-d0dc4df4] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 18px
}

.editor-main .module .module-title .module-name[data-v-d0dc4df4] {
    max-width: calc(100% - 70px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .module .module-title .module-name .module-name-text[data-v-d0dc4df4] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600
}

.editor-main .module .module-title .module-name .module-tag[data-v-d0dc4df4] {
    padding: 0 7px;
    height: 20px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    color: #909090;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .module .module-title .module-btn[data-v-d0dc4df4] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 20px;
    font-size: 14px;
    color: #909090;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer
}

.editor-main .module .module-item[data-v-d0dc4df4] {
    padding: 12px 16px;
    border-radius: 4px;
    cursor: pointer
}

.editor-main .module .module-item .item-title[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .module .module-item .item-title .item-name[data-v-d0dc4df4] {
    font-size: 16px;
    line-height: 20px;
    color: #404040
}

.editor-main .module .module-item .item-title .text-bold[data-v-d0dc4df4] {
    font-weight: 600
}

.editor-main .module .module-item .item-info[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.editor-main .module .module-item .item-info span[data-v-d0dc4df4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #606060
}

.editor-main .module .module-item .item-info span[data-v-d0dc4df4]:after {
    content: "|";
    display: block;
    width: 16px;
    text-align: center
}

.editor-main .module .module-item .item-info span[data-v-d0dc4df4]:last-child:after {
    content: "";
    width: 0
}

.editor-main .module .module-item .item-date[data-v-d0dc4df4] {
    font-size: 14px;
    color: #606060;
    margin-top: 10px;
    margin-bottom: 16px
}

.editor-main .module .module-item .item-desc[data-v-d0dc4df4] {
    font-size: 14px;
    color: #404040;
    line-height: 22px
}

.editor-main .module .module-item .item-desc[data-v-d0dc4df4] * {
    word-break: break-word
}

.editor-main .module .module-item .item-desc[data-v-d0dc4df4] a {
    color: #4183ff
}

.editor-main .module .module-item>div[data-v-d0dc4df4]:last-child {
    margin-bottom: 0
}

.editor-main .module .module-item .module-sort[data-v-d0dc4df4] {
    top: 12px;
    right: 16px;
    z-index: 8;
    display: none
}

.editor-main .module .module-item .module-sort .iconfont[data-v-d0dc4df4] {
    cursor: pointer;
    font-size: 20px;
    background: #fff;
    border-radius: 50%
}

.editor-main .module .module-item .module-sort .iconfont.iconarrow-down-circle-2[data-v-d0dc4df4] {
    margin-left: 16px
}

.editor-main .module .module-item .module-sort .iconfont.disabled[data-v-d0dc4df4] {
    color: #bcbcbc;
    cursor: not-allowed
}

.editor-main .module .module-item[data-v-d0dc4df4]:hover {
    background: #f9f9f9
}

.editor-main .module .module-item:hover .module-sort[data-v-d0dc4df4] {
    display: block
}

.editor-main .module #extras[data-v-d0dc4df4] {
    padding-left: 40px
}

.editor-main .module .extras-item[data-v-d0dc4df4] {
    padding: 5px 0;
    line-height: 22px;
    word-break: break-all
}

.editor-main .module .module-default[data-v-d0dc4df4] {
    font-size: 14px;
    color: #bcbcbc;
    line-height: 22px;
    padding: 8px 16px
}

.editor-main .module .module-default[data-v-d0dc4df4]:hover {
    background: #f9f9f9
}

.editor-main .high-light-error[data-v-d0dc4df4] {
    background-color: #f9f9f9
}

#extras>.module-item>.module-sort[data-v-d0dc4df4] {
    top: 5px
}

.app[data-v-bf6605f6] {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #797b7e
}

.app>img[data-v-bf6605f6] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 2px;
    margin-right: -1px;
    margin-left: 1px
}

.app[data-v-bf6605f6]:hover {
    color: #fff
}

.app:hover .code[data-v-bf6605f6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app .code[data-v-bf6605f6] {
    display: none;
    width: 240px;
    height: 270px;
    background: #fff;
    position: absolute;
    top: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #404040;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .16);
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .16);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app .code .title[data-v-bf6605f6] {
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 16px
}

.app .code .subtitle[data-v-bf6605f6] {
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
    margin-bottom: 12px;
    line-height: 12px
}

.app .code img[data-v-bf6605f6] {
    width: 160px;
    height: 160px;
    margin: 4px auto 0
}

.app .code .btn button[data-v-bf6605f6] {
    display: block;
    background: #fff;
    width: 160px;
    height: 30px;
    border: 1px solid #ff4f4c;
    text-align: center;
    line-height: 27px;
    border-radius: 2px;
    color: #ff4f4c;
    margin: auto;
    margin-top: 12px
}

.app .code .btn button.action[data-v-bf6605f6],
.app .code .btn button[data-v-bf6605f6]:hover {
    color: #fff;
    background: #ff4f4c
}

.user[data-v-f161c2ce] {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -3px;
    cursor: pointer
}

.user .user-pic[data-v-f161c2ce] {
    width: 34px;
    height: 56px;
    overflow: hidden;
    position: relative
}

.user .user-pic img[data-v-f161c2ce] {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: 13px
}

.user .user-pic img.member-icon[data-v-f161c2ce] {
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 12px;
    right: 0
}

.user .user-pic img.user-avatar[data-v-f161c2ce] {
    background: url(/cv/payment/files/default_forum_icon.png) no-repeat;
    background-size: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.user>img[data-v-f161c2ce] {
    width: 25px;
    height: 25px;
    margin-top: 1px
}

.user>img.v[data-v-f161c2ce] {
    width: 36px;
    height: 36px;
    margin-right: -9px;
    margin-left: -2px
}

.user:hover .personal-menu[data-v-f161c2ce] {
    display: block
}

.user .personal-menu[data-v-f161c2ce] {
    position: absolute;
    right: -15px;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 198px;
    background-color: #fff;
    padding: 5px 0;
    margin: 0 0;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-radius: 4px;
    display: none
}

.user .personal-menu .menu-title[data-v-f161c2ce] {
    margin: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: auto;
    padding-bottom: 8px;
    margin-bottom: 2px
}

.user .personal-menu .menu-title[data-v-f161c2ce]:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    left: 8px;
    bottom: 0
}

.user .personal-menu .menu-title .t[data-v-f161c2ce] {
    color: #ff4f4c;
    padding-top: 14px;
    padding-bottom: 8px;
    line-height: 20px
}

.user .personal-menu .menu-title p[data-v-f161c2ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user .personal-menu .menu-title .member-btn[data-v-f161c2ce] {
    width: 44px;
    height: 24px;
    background: #ff4f4c;
    font-size: 14px;
    color: #fff;
    display: block;
    border-radius: 2px;
    margin-left: 25px
}

.user .personal-menu .menu-item[data-v-f161c2ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 0 20px;
    cursor: pointer
}

.user .personal-menu .menu-item[data-v-f161c2ce]:hover {
    background-color: #f5f5f5
}

.user .personal-menu .menu-item img[data-v-f161c2ce] {
    max-width: 14px;
    max-height: 14px;
    margin: 0 20px
}

.vip[data-v-f161c2ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #50a4ff;
    cursor: pointer;
    margin-right: 0
}

.vip img[data-v-f161c2ce] {
    width: 17px;
    height: 17px;
    margin-right: 2px
}

.select-main[data-v-57e03b9a] {
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.select-main .iconchevron-down[data-v-57e03b9a] {
    font-size: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #404040
}

.select-main .iconchevron-down.active[data-v-57e03b9a] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-main .content[data-v-57e03b9a] {
    width: 100%;
    height: 42px;
    border: 1px solid #cecece;
    border-radius: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select-main input[data-v-57e03b9a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: none
}

.select-main .main[data-v-57e03b9a] {
    width: 100%;
    max-height: 300px;
    min-height: 100px;
    border: 1px solid #cecece;
    border-radius: 4px;
    background: #fff;
    margin-top: 6px;
    overflow: hidden
}

.select-main .main.absolute[data-v-57e03b9a] {
    position: absolute;
    bottom: -8px;
    z-index: 9;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.intention-box-main[data-v-769583d6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    overflow: auto;
    background: rgba(0, 0, 0, .5);
    padding-bottom: 1px
}

.intention-box-main .close[data-v-769583d6] {
    font-size: 22px;
    color: #404040;
    position: absolute;
    top: 31px;
    right: 32px;
    cursor: pointer;
    font-weight: 600
}

.intention-box-main .box[data-v-769583d6] {
    width: 580px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 4px;
    position: relative;
    top: 15vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    font-size: 14px;
    margin-bottom: 10vh
}

.intention-box-main .box .name[data-v-769583d6] {
    font-size: 16px;
    color: #404040;
    font-weight: 700
}

.intention-box-main .box .message[data-v-769583d6] {
    font-size: 14px;
    color: #606060;
    margin-top: 18px
}

.intention-box-main .box .title[data-v-769583d6] {
    color: #909090;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-top: 12px
}

.intention-box-main .box .work-type[data-v-769583d6] {
    margin-top: 12px
}

.intention-box-main .box .work-type .title[data-v-769583d6] {
    margin-top: 0;
    margin-right: 16px
}

.intention-box-main .box .btn[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 30px
}

.intention-box-main .box .btn button[data-v-769583d6] {
    display: block;
    width: 80px;
    height: 36px;
    border: 1px solid #d9d9d9;
    color: #606060;
    font-size: 14px;
    border-radius: 2px;
    background: #fff
}

.intention-box-main .box .btn button[data-v-769583d6]:last-child {
    margin-left: 24px
}

.intention-box-main .box .btn button[data-v-769583d6]:last-child:hover {
    background: #ff8569;
    border-color: #ff8569
}

.intention-box-main .box .btn button.active[data-v-769583d6] {
    background: #f64;
    color: #fff;
    margin-left: 24px;
    border-color: #f64
}

.intention-box-main .box .btn button.disabled[data-v-769583d6],
.intention-box-main .box .btn button.disabled[data-v-769583d6]:hover {
    color: #fff;
    border-color: #cfcfcf;
    background-color: #cfcfcf
}

.intention-box-main .box .work-status[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 24px 11px 17px;
    background: #f9f9f9;
    border-radius: 4px
}

.intention-box-main .box .work-status .work-status-left[data-v-769583d6] {
    font-size: 14px;
    font-weight: 400;
    color: #404040
}

.intention-box-main .box .work-status .work-status-right[data-v-769583d6] {
    font-size: 14px;
    font-weight: 400;
    color: #4183ff;
    cursor: pointer
}

.intention-box-main .box .work-status .work-status-right[data-v-769583d6]:hover {
    font-weight: 500
}

.intention-box-main .box .type[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.intention-box-main .box .type .type-item[data-v-769583d6] {
    height: 28px;
    line-height: 28px;
    width: 70px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #ff453e;
    font-size: 14px;
    font-weight: 400;
    color: #ff453e;
    margin-right: 12px;
    cursor: pointer;
    color: #9c9c9c;
    border-color: #ececec
}

.intention-box-main .box .type .type-item.active[data-v-769583d6],
.intention-box-main .box .type .type-item[data-v-769583d6]:hover {
    color: #f64;
    border-color: #f64
}

.intention-box-main .box .industries[data-v-769583d6] {
    overflow: hidden;
    padding: 20px 8px 12px 12px
}

.intention-box-main .box .industries .item[data-v-769583d6] {
    float: left;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 8px 8px 0;
    border-radius: 15px;
    border: 1px solid #ececec;
    cursor: pointer;
    font-size: 14px;
    color: #9c9c9c
}

.intention-box-main .box .industries .item.active[data-v-769583d6],
.intention-box-main .box .industries .item[data-v-769583d6]:hover {
    color: #f64;
    border-color: #f64
}

.intention-box-main .box .industries-input[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px
}

.intention-box-main .box .industries-input .item[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 28px;
    color: #404040
}

.intention-box-main .box .industries-input .item[data-v-769583d6]:last-child {
    margin-right: 0
}

.intention-box-main .box .industries-input .item .item-text[data-v-769583d6] {
    max-width: 70px;
    font-size: 14px;
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.intention-box-main .box .industries-input .item .item-clone[data-v-769583d6] {
    display: block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    color: #f64;
    margin-left: 6px;
    cursor: pointer
}

.intention-box-main .box .industries-input .item .item-clone[data-v-769583d6]:hover {
    color: #ff8569
}

.intention-box-main .box .city[data-v-769583d6] {
    height: 208px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.intention-box-main .box .city>div[data-v-769583d6] {
    height: 100%;
    overflow: auto
}

.intention-box-main .box .city .left-model[data-v-769583d6] {
    width: 108px;
    background: #f9f9f9
}

.intention-box-main .box .city .left-model .item[data-v-769583d6] {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 14px;
    color: #606060
}

.intention-box-main .box .city .left-model .item.active[data-v-769583d6],
.intention-box-main .box .city .left-model .item[data-v-769583d6]:hover {
    background: #fff;
    color: #404040;
    font-weight: 700
}

.intention-box-main .box .city .right-model[data-v-769583d6] {
    width: calc(100% - 108px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 12px 12px 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.intention-box-main .box .city .right-model .menu[data-v-769583d6] {
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 8px 8px 0;
    border-radius: 15px;
    border: 1px solid #ececec;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #9c9c9c
}

.intention-box-main .box .city .right-model .menu.active[data-v-769583d6],
.intention-box-main .box .city .right-model .menu[data-v-769583d6]:hover {
    border-color: #f64;
    color: #f64
}

.intention-box-main .box .salary .salary-item[data-v-769583d6],
.intention-box-main .box .salary[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.intention-box-main .box .salary .salary-item[data-v-769583d6] {
    width: 220px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.intention-box-main .box .salary .salary-item input[data-v-769583d6] {
    width: 125px;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.intention-box-main .box .salary .salary-item .salary-item-text[data-v-769583d6] {
    color: #bcbcbc;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 12px;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px
}

.intention-box-main .box .salary .salary-text[data-v-769583d6] {
    padding: 0 16px;
    color: #404040;
    font-size: 14px
}

.intention-box-main .professionsTree[data-v-769583d6] {
    height: 300px;
    width: 100%
}

.intention-box-main .professionsTree .tagContent[data-v-769583d6] {
    border-top: 1px solid #f9f9f9;
    height: 299px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.intention-box-main .professionsTree .tagContent .level1[data-v-769583d6] {
    width: 108px;
    background: #f8f8fa;
    color: #606060;
    text-align: center;
    overflow: auto
}

.intention-box-main .professionsTree .tagContent .level1 .item[data-v-769583d6] {
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.intention-box-main .professionsTree .tagContent .level1 .item.active[data-v-769583d6],
.intention-box-main .professionsTree .tagContent .level1 .item[data-v-769583d6]:hover {
    color: #404040;
    background: #fff;
    font-weight: 700
}

.intention-box-main .professionsTree .tagContent .levels[data-v-769583d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 12px 12px;
    height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.intention-box-main .professionsTree .tagContent .levels .level2[data-v-769583d6] {
    line-height: 18px;
    position: relative;
    text-align: center;
    color: #cfcfcf;
    margin: 14px 0 16px;
    cursor: pointer
}

.intention-box-main .professionsTree .tagContent .levels .level2 span[data-v-769583d6] {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 18px;
    background: #fff
}

.intention-box-main .professionsTree .tagContent .levels .level2[data-v-769583d6]:before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 1px;
    background: #f4f4f4
}

.intention-box-main .professionsTree .tagContent .levels .list[data-v-769583d6] {
    overflow: hidden
}

.intention-box-main .professionsTree .tagContent .levels .list .item[data-v-769583d6] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 15px;
    border: 1px solid #ececec;
    color: #9c9c9c;
    text-align: center;
    float: left;
    margin: 0 8px 8px 0;
    cursor: pointer
}

.intention-box-main .professionsTree .tagContent .levels .list .item span[data-v-769583d6] {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.intention-box-main .professionsTree .tagContent .levels .list .item.active[data-v-769583d6],
.intention-box-main .professionsTree .tagContent .levels .list .item[data-v-769583d6]:hover {
    border-color: #f64;
    color: #f64
}

.intention-box-main .professionsTree .tagContent .levels .list .item.disabled[data-v-769583d6] {
    border-color: #ececec;
    color: #cfcfcf;
    cursor: not-allowed
}

.editor-work-status-dialog .editor-title[data-v-769583d6] {
    font-size: 14px;
    font-weight: 400;
    color: #909090;
    margin-right: 16px
}

.editor-work-status-dialog .editor-identify[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.editor-work-status-dialog .editor-identify .editor-identify-btn[data-v-769583d6] {
    text-align: center;
    line-height: 30px;
    width: 86px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #ececec;
    font-size: 14px;
    font-weight: 400;
    color: #9c9c9c;
    margin-right: 12px;
    cursor: pointer
}

.editor-work-status-dialog .editor-identify .editor-identify-btn.active[data-v-769583d6],
.editor-work-status-dialog .editor-identify .editor-identify-btn[data-v-769583d6]:hover {
    color: #f64;
    border-color: #f64
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] .el-checkbox-group .el-checkbox {
    color: #606060;
    font-weight: 400;
    margin-right: 24px
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner {
    border-color: #f64;
    background-color: #f64
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label {
    color: #f64
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] .el-checkbox-group .el-checkbox__inner {
    border-color: #ececec;
    -webkit-transition: none;
    transition: none
}

.editor-work-status-dialog .editor-work-type[data-v-769583d6] .el-checkbox-group .el-checkbox__inner:hover {
    border-color: #f64
}

.editor-work-status-dialog .editor-days[data-v-769583d6] {
    width: 100%
}

.editor-work-status-dialog .editor-days[data-v-769583d6] .el-input__inner:hover {
    border-color: #cfcfcf !important
}

.editor-work-status-dialog .editor-time[data-v-769583d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-work-status-dialog .editor-time>span[data-v-769583d6] {
    color: #606060
}

.editor-work-status-dialog .editor-work-status[data-v-769583d6] {
    width: 100%
}

.editor-work-status-dialog .editor-work-status[data-v-769583d6] .el-input__inner:hover {
    border-color: #cfcfcf !important
}

[data-v-769583d6] .select-main .content {
    border-color: #ececec
}

[data-v-769583d6] .select-main .content:hover {
    border-color: #cfcfcf
}

.intention-box-main.cvs-intention .salary .el-input {
    width: 100%;
    border: none
}

.intention-box-main.cvs-intention .salary .el-input .el-input__inner {
    border: none !important
}

.intention-box-main.cvs-intention .salary .el-input .el-input__inner .el-input__suffix,
.intention-box-main.cvs-intention .salary .el-input .el-input__suffix {
    display: none !important
}

.send-cv-modal[data-v-258a6520] {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.send-cv-modal .cover[data-v-258a6520] {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.send-cv-modal .box[data-v-258a6520] {
    width: 446px;
    height: 341px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 30%
}

.send-cv-modal .box .message-close[data-v-258a6520] {
    font-size: 20px;
    color: #404040;
    font-weight: 600;
    float: right;
    cursor: pointer
}

.send-cv-modal .box .message-header[data-v-258a6520] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    padding: 28px 32px 26px 32px
}

.send-cv-modal .box .message-header .message-sub-header[data-v-258a6520] {
    font-weight: 400;
    color: #909090;
    font-size: 14px;
    margin-top: 12px
}

.send-cv-modal .box .cv-detail[data-v-258a6520] {
    height: 26px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f9f9f9;
    padding: 12px 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 358px;
    margin: 10px auto
}

.send-cv-modal .box .cv-detail img[data-v-258a6520] {
    width: 20px;
    margin-right: 8px
}

.send-cv-modal .box .cv-detail .cv-name[data-v-258a6520] {
    max-width: 266px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.send-cv-modal .box .message-content[data-v-258a6520] {
    line-height: 24px;
    padding: 0 32px;
    font-size: 14px;
    color: #606060
}

.send-cv-modal .box .message-content .err-msg[data-v-258a6520] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff4f4c;
    margin-top: 10px;
    line-height: 14px
}

.send-cv-modal .box .message-content .err-msg i[data-v-258a6520] {
    margin-right: 8px
}

.send-cv-modal .box .message-content input[data-v-258a6520] {
    height: 36px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: transparent;
    padding: 0 12px;
    width: 358px;
    color: #404040
}

.send-cv-modal .box .message-btn[data-v-258a6520] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 32px;
    bottom: 32px
}

.send-cv-modal .box .message-btn button[data-v-258a6520] {
    display: block;
    width: 84px;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
    color: #606060;
    background: #fff
}

.send-cv-modal .box .message-btn button.action[data-v-258a6520] {
    background: #ff4f4c;
    border-color: #ff4f4c;
    color: #fff
}

.send-cv-modal .box .message-btn button.action.gray[data-v-258a6520] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    cursor: not-allowed
}

.send-cv-modal .box .message-btn button.cancel.seccess[data-v-258a6520] {
    border-color: #ff4f4c;
    color: #ff4f4c
}

.send-cv-modal .box .message-btn button[data-v-258a6520]:last-child {
    margin-left: 16px
}

.skeleton-main {
    width: 100%
}

.skeleton-main,
.skeleton-main * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.skeleton-main .margin-t-20 {
    margin-top: 20px
}

.skeleton-main .margin-t-36 {
    margin-top: 36px
}

.skeleton-main .w-20 {
    width: 20%
}

.skeleton-main .w-30 {
    width: 30%
}

.skeleton-main .w-40 {
    width: 40%
}

.skeleton-main .w-50 {
    width: 50%
}

.skeleton-main .w-60 {
    width: 60%
}

.skeleton-main .w-70 {
    width: 70%
}

.skeleton-main .item {
    width: 100%;
    background: #fff;
    padding: 32px
}

.skeleton-main .item .item-line {
    height: 14px;
    background: #f2f2f2
}

.skeleton-main .item .item-line:first-child {
    margin-top: 0
}

.skeleton-main .item .animation {
    background-size: 400% 100%;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.25, #f2f2f2), color-stop(.37, #e6e6e6), color-stop(.63, #f2f2f2));
    background-image: gradient(linear, 0 0, 100% 0, color-stop(.25, #f2f2f2), color-stop(.37, #e6e6e6), color-stop(.63, #f2f2f2));
    -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
    animation: ant-skeleton-loading 1.4s ease infinite
}

@-webkit-keyframes ant-skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

@keyframes ant-skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.h-w-10[data-v-687d82e4] {
    width: 100%;
    height: 100%
}

.w988[data-v-687d82e4] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-687d82e4] {
    float: left
}

.fr[data-v-687d82e4] {
    float: right
}

.clearfix[data-v-687d82e4]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-687d82e4] {
    position: relative
}

.pa[data-v-687d82e4] {
    position: absolute
}

.display_b[data-v-687d82e4] {
    display: block
}

.display_ib[data-v-687d82e4] {
    display: inline-block
}

.ellipsis[data-v-687d82e4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-687d82e4] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-687d82e4],
.ellipsis3[data-v-687d82e4] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-687d82e4] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-687d82e4] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-687d82e4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-687d82e4] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-687d82e4],
.flex-c[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-687d82e4] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-687d82e4] {
    word-wrap: break-word
}

.w-10[data-v-687d82e4] {
    width: 100%;
    padding: 0
}

.w-5[data-v-687d82e4] {
    width: 55%;
    padding: 0
}

.b-s[data-v-687d82e4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-687d82e4] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-687d82e4] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-687d82e4]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-687d82e4] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-687d82e4] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-687d82e4] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-687d82e4] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-687d82e4] {
    margin-top: 10px
}

.mt_8[data-v-687d82e4] {
    margin-top: 16px
}

.mt_9[data-v-687d82e4] {
    margin-top: 18px
}

.mt_10[data-v-687d82e4] {
    margin-top: 20px
}

.mt_11[data-v-687d82e4] {
    margin-top: 22px
}

.mt_12[data-v-687d82e4] {
    margin-top: 24px
}

.mt_13[data-v-687d82e4] {
    margin-top: 26px
}

.mt_14[data-v-687d82e4] {
    margin-top: 28px
}

.mt_15[data-v-687d82e4] {
    margin-top: 30px
}

.mt_16[data-v-687d82e4] {
    margin-top: 32px
}

.mt_19[data-v-687d82e4] {
    margin-top: 38px
}

.mt_20[data-v-687d82e4] {
    margin-top: 40px
}

.ml_10[data-v-687d82e4] {
    margin-left: 20px
}

.ml_12[data-v-687d82e4] {
    margin-left: 24px
}

.ml_14[data-v-687d82e4] {
    margin-left: 28px
}

.ml_20[data-v-687d82e4] {
    margin-left: 40px
}

.ml_22[data-v-687d82e4] {
    margin-left: 44px
}

.ml_27[data-v-687d82e4] {
    margin-left: 54px
}

.mr_27[data-v-687d82e4] {
    margin-right: 54px
}

.pl_5[data-v-687d82e4] {
    padding-left: 10px
}

.margin_lr34[data-v-687d82e4] {
    margin: 0 34px
}

.margin_lr38[data-v-687d82e4] {
    margin: 0 38px
}

.padding_lr34[data-v-687d82e4] {
    padding: 0 34px
}

.padding_lr38[data-v-687d82e4] {
    padding: 0 38px
}

.text_center[data-v-687d82e4] {
    text-align: center
}

.color_0[data-v-687d82e4] {
    color: #000
}

.color_3[data-v-687d82e4] {
    color: #333
}

.color_fff[data-v-687d82e4] {
    color: #fff
}

.color_e3[data-v-687d82e4] {
    color: #e3e3e3
}

.color_40[data-v-687d82e4] {
    color: #404040
}

.color_60[data-v-687d82e4] {
    color: #606060
}

.color_666[data-v-687d82e4] {
    color: #666
}

.color_90[data-v-687d82e4] {
    color: #909090
}

.color_9c[data-v-687d82e4] {
    color: #9c9c9c
}

.color_current[data-v-687d82e4] {
    color: #2d5ff5
}

.color_red[data-v-687d82e4] {
    color: #ff4f4c
}

.border_current[data-v-687d82e4] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-687d82e4] {
    background-color: #fff
}

.bg_f8[data-v-687d82e4] {
    background-color: #f8f8fa
}

.bg_current[data-v-687d82e4] {
    background-color: #2d5ff5
}

.bg_ed[data-v-687d82e4] {
    background-color: #edf0fd
}

.bg_red[data-v-687d82e4] {
    background-color: #ff4f4c
}

.font_w_b[data-v-687d82e4] {
    font-weight: 700
}

.f_12[data-v-687d82e4] {
    font-size: 12px
}

.f_13[data-v-687d82e4] {
    font-size: 13px
}

.f_14[data-v-687d82e4] {
    font-size: 14px
}

.f_15[data-v-687d82e4] {
    font-size: 15px
}

.f_16[data-v-687d82e4] {
    font-size: 16px
}

.f_17[data-v-687d82e4] {
    font-size: 17px
}

.f_18[data-v-687d82e4] {
    font-size: 18px
}

.f_19[data-v-687d82e4] {
    font-size: 19px
}

.f_20[data-v-687d82e4] {
    font-size: 20px
}

.f_21[data-v-687d82e4] {
    font-size: 21px
}

.f_22[data-v-687d82e4] {
    font-size: 22px
}

.f_23[data-v-687d82e4] {
    font-size: 23px
}

.f_24[data-v-687d82e4] {
    font-size: 24px
}

.f_25[data-v-687d82e4] {
    font-size: 25px
}

.f_26[data-v-687d82e4] {
    font-size: 26px
}

.f_27[data-v-687d82e4] {
    font-size: 27px
}

.f_28[data-v-687d82e4] {
    font-size: 28px
}

.f_29[data-v-687d82e4] {
    font-size: 29px
}

.f_30[data-v-687d82e4] {
    font-size: 30px
}

.f_31[data-v-687d82e4] {
    font-size: 31px
}

.f_32[data-v-687d82e4] {
    font-size: 32px
}

.f_33[data-v-687d82e4] {
    font-size: 33px
}

.f_34[data-v-687d82e4] {
    font-size: 34px
}

.f_35[data-v-687d82e4] {
    font-size: 35px
}

.f_36[data-v-687d82e4] {
    font-size: 36px
}

.f_37[data-v-687d82e4] {
    font-size: 37px
}

.f_38[data-v-687d82e4] {
    font-size: 38px
}

.f_39[data-v-687d82e4] {
    font-size: 39px
}

.f_40[data-v-687d82e4] {
    font-size: 40px
}

.f_41[data-v-687d82e4] {
    font-size: 41px
}

.f_42[data-v-687d82e4] {
    font-size: 42px
}

.f_43[data-v-687d82e4] {
    font-size: 43px
}

.f_44[data-v-687d82e4] {
    font-size: 44px
}

.f_45[data-v-687d82e4] {
    font-size: 45px
}

.f_46[data-v-687d82e4] {
    font-size: 46px
}

.f_47[data-v-687d82e4] {
    font-size: 47px
}

.f_48[data-v-687d82e4] {
    font-size: 48px
}

.f_49[data-v-687d82e4] {
    font-size: 49px
}

.f_50[data-v-687d82e4] {
    font-size: 50px
}

.b-r[data-v-687d82e4] {
    border-radius: 50%
}

.blur4[data-v-687d82e4] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-687d82e4] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-687d82e4] {
    cursor: pointer
}

.templateButtons .confirm[data-v-687d82e4] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-687d82e4] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-687d82e4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-687d82e4]:hover,
.templateButtons .confirm[data-v-687d82e4]:hover {
    opacity: .8
}

@-webkit-keyframes loading-data-v-687d82e4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-data-v-687d82e4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes download-data-v-687d82e4 {
    5% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes download-data-v-687d82e4 {
    5% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.nojob[data-v-687d82e4] {
    width: 300px !important
}

.campus-code-container1[data-v-687d82e4],
.nojob[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 277px;
    background: #fff
}

.campus-code-container1[data-v-687d82e4] {
    width: 300px
}

.campus-code-container1 .close[data-v-687d82e4] {
    position: absolute;
    font-size: 18px;
    right: 24px;
    top: 20px;
    color: #9c9c9c;
    cursor: pointer
}

.campus-code-container1 .main_header[data-v-687d82e4] {
    margin: 0 auto;
    width: 72px;
    height: 77px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC
}

.campus-code-container1 .main_header .header_img[data-v-687d82e4] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.campus-code-container1 .main_header .header_img span[data-v-687d82e4] {
    display: block;
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: #f64
}

.campus-code-container1 .main_header .header_title[data-v-687d82e4] {
    margin-top: 10px;
    height: 21px;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 21px;
    text-align: center
}

.campus-code-container[data-v-687d82e4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 52px;
    width: 813px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 4px
}

.campus-code-container .close[data-v-687d82e4] {
    position: absolute;
    font-size: 20px;
    right: 24px;
    top: 20px;
    color: #9c9c9c;
    cursor: pointer
}

.campus-code-container .close .iconfont[data-v-687d82e4] {
    font-size: 20px !important
}

.campus-code-container .main_header[data-v-687d82e4] {
    margin: 0 auto;
    width: 72px;
    height: 77px;
    font-family: PingFangSC-Medium, PingFang SC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.campus-code-container .main_header .header_img[data-v-687d82e4] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center
}

.campus-code-container .main_header .header_img .el-icon-loading[data-v-687d82e4] {
    font-size: 35px;
    width: 35px;
    height: 35px;
    color: #9c9c9c !important;
    -webkit-animation: loading-data-v-687d82e4 1s linear infinite;
    animation: loading-data-v-687d82e4 1s linear infinite
}

.campus-code-container .main_header .header_img .iconwancheng[data-v-687d82e4] {
    color: #f64;
    -webkit-animation: download-data-v-687d82e4 .5s linear;
    animation: download-data-v-687d82e4 .5s linear
}

.campus-code-container .main_header .header_img span[data-v-687d82e4] {
    display: inline-block;
    font-size: 40px;
    width: 40px;
    height: 40px
}

.campus-code-container .main_header .header_title[data-v-687d82e4] {
    margin-top: 10px;
    height: 21px;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 21px;
    text-align: center
}

.campus-code-container .online_cvs[data-v-687d82e4] {
    margin: 22px auto;
    width: 740px;
    height: 40px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f4f4f4;
    position: relative
}

.campus-code-container .online_cvs .set_cvs[data-v-687d82e4] {
    width: 60px;
    height: 20px;
    padding: 3px 15px;
    font-size: 14px;
    border-radius: 13px;
    line-height: 20px;
    text-align: center;
    color: #f64;
    border: 1px solid #f64;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
    cursor: pointer
}

.campus-code-container .online_cvs .set_cvs[data-v-687d82e4]:hover {
    background-color: #f64;
    color: #fff
}

.campus-code-container .online_cvs .cvs_title[data-v-687d82e4] {
    margin-top: 16px;
    height: 21px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 21px
}

.campus-code-container .online_cvs .cvs_subtitle[data-v-687d82e4] {
    margin: 5px 473px 0 0;
    height: 14px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 14px
}

.campus-code-container .main_list[data-v-687d82e4] {
    margin: 22px auto 0;
    width: 740px;
    height: auto;
    padding-bottom: 32px
}

.campus-code-container .main_list .list_title[data-v-687d82e4] {
    margin-top: 16px;
    height: 21px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 21px
}

.campus-code-container .main_list .list_subtitle[data-v-687d82e4] {
    margin: 5px 0 0 0;
    width: 100%;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 14px
}

.campus-code-container .main_list .list_item[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    width: 740px
}

.campus-code-container .main_list .list_item .item[data-v-687d82e4] {
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 17px;
    width: 240px;
    border-radius: 3px;
    border: 1px solid #f4f4f4;
    cursor: pointer
}

.campus-code-container .main_list .list_item .item .item_title[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.campus-code-container .main_list .list_item .item .item_title .title_cate[data-v-687d82e4] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    width: 153px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 18px;
    vertical-align: middle
}

.campus-code-container .main_list .list_item .item .item_title .title_money[data-v-687d82e4] {
    white-space: nowrap;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #f64
}

.campus-code-container .main_list .list_item .item .item_comp[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.campus-code-container .main_list .list_item .item .item_comp img[data-v-687d82e4] {
    width: 15px;
    height: 15px;
    border: 1px solid #f4f4f4;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.campus-code-container .main_list .list_item .item .item_comp span[data-v-687d82e4] {
    display: inline-block;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 300;
    color: #404040;
    margin-left: 5px
}

.campus-code-container .main_list .list_item .item:hover .item_title .title_cate[data-v-687d82e4] {
    color: #f64
}

.campus-code-container .main_list .our_list_item[data-v-687d82e4] {
    width: 100%;
    margin-top: 16px
}

.campus-code-container .main_list .our_list_item .item[data-v-687d82e4] {
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 24px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #f4f4f4;
    cursor: pointer
}

.campus-code-container .main_list .our_list_item .item .item_title[data-v-687d82e4] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.campus-code-container .main_list .our_list_item .item .item_title .title-div[data-v-687d82e4],
.campus-code-container .main_list .our_list_item .item .item_title[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.campus-code-container .main_list .our_list_item .item .item_title .title-div .title_cate[data-v-687d82e4] {
    height: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #262a30;
    line-height: 20px
}

.campus-code-container .main_list .our_list_item .item .item_title .title-div .title-tag[data-v-687d82e4] {
    height: 28px;
    background: #f9f9f9;
    border-radius: 15px;
    line-height: 28px;
    color: #404040;
    margin-left: 8px;
    padding: 0 12px;
    font-size: 14px
}

.campus-code-container .main_list .our_list_item .item .item_title .title_money[data-v-687d82e4] {
    height: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #f64;
    line-height: 20px
}

.campus-code-container .main_list .our_list_item .item .item_subtitle[data-v-687d82e4] {
    margin-top: 12px
}

.campus-code-container .main_list .our_list_item .item .item_subtitle .text[data-v-687d82e4] {
    width: 28px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    line-height: 20px;
    margin-right: 20px
}

.campus-code-container .main_list .our_list_item .item .item_subtitle .text .iconfont[data-v-687d82e4] {
    height: 14px;
    width: 14px;
    font-size: 14px
}

.campus-code-container .main_list .our_list_item .item .item_last[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 18px
}

.campus-code-container .main_list .our_list_item .item .item_last .item_hr[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.campus-code-container .main_list .our_list_item .item .item_last .item_hr img[data-v-687d82e4] {
    height: 42px;
    width: 42px;
    border-radius: 21px;
    margin-right: 12px
}

.campus-code-container .main_list .our_list_item .item .item_last .item_hr .hr .hr_name[data-v-687d82e4] {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.campus-code-container .main_list .our_list_item .item .item_last .item_hr .hr .hr_info[data-v-687d82e4] {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    line-height: 20px
}

.campus-code-container .main_list .our_list_item .item .item_last .item_comp[data-v-687d82e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.campus-code-container .main_list .our_list_item .item .item_last .item_comp .comp .comp_name[data-v-687d82e4] {
    height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: right
}

.campus-code-container .main_list .our_list_item .item .item_last .item_comp .comp .comp_info[data-v-687d82e4] {
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
    line-height: 12px;
    text-align: right
}

.campus-code-container .main_list .our_list_item .item .item_last .item_comp img[data-v-687d82e4] {
    width: 42px;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px
}

.campus-code-container .main_list .our_list_item .item:hover .item_title .title_cate[data-v-687d82e4] {
    color: #f64
}

.campus-code-container .main_list .list_btn[data-v-687d82e4] {
    margin: 30px auto 0;
    width: 242px;
    height: 36px;
    background: #f64;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.campus-code-container .main_list .list_btn[data-v-687d82e4]:hover {
    background-color: #ff8569
}

.h-w-10[data-v-c1ade960] {
    width: 100%;
    height: 100%
}

.w988[data-v-c1ade960] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-c1ade960] {
    float: left
}

.fr[data-v-c1ade960] {
    float: right
}

.clearfix[data-v-c1ade960]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-c1ade960] {
    position: relative
}

.pa[data-v-c1ade960] {
    position: absolute
}

.display_b[data-v-c1ade960] {
    display: block
}

.display_ib[data-v-c1ade960] {
    display: inline-block
}

.ellipsis[data-v-c1ade960] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-c1ade960] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-c1ade960],
.ellipsis3[data-v-c1ade960] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-c1ade960] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-c1ade960] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-c1ade960] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-c1ade960] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-c1ade960] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-c1ade960],
.flex-c[data-v-c1ade960] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-c1ade960] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-c1ade960] {
    word-wrap: break-word
}

.w-10[data-v-c1ade960] {
    width: 100%;
    padding: 0
}

.w-5[data-v-c1ade960] {
    width: 55%;
    padding: 0
}

.b-s[data-v-c1ade960] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-c1ade960] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-c1ade960] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-c1ade960]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-c1ade960] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-c1ade960] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-c1ade960] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-c1ade960] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-c1ade960] {
    margin-top: 10px
}

.mt_8[data-v-c1ade960] {
    margin-top: 16px
}

.mt_9[data-v-c1ade960] {
    margin-top: 18px
}

.mt_10[data-v-c1ade960] {
    margin-top: 20px
}

.mt_11[data-v-c1ade960] {
    margin-top: 22px
}

.mt_12[data-v-c1ade960] {
    margin-top: 24px
}

.mt_13[data-v-c1ade960] {
    margin-top: 26px
}

.mt_14[data-v-c1ade960] {
    margin-top: 28px
}

.mt_15[data-v-c1ade960] {
    margin-top: 30px
}

.mt_16[data-v-c1ade960] {
    margin-top: 32px
}

.mt_19[data-v-c1ade960] {
    margin-top: 38px
}

.mt_20[data-v-c1ade960] {
    margin-top: 40px
}

.ml_10[data-v-c1ade960] {
    margin-left: 20px
}

.ml_12[data-v-c1ade960] {
    margin-left: 24px
}

.ml_14[data-v-c1ade960] {
    margin-left: 28px
}

.ml_20[data-v-c1ade960] {
    margin-left: 40px
}

.ml_22[data-v-c1ade960] {
    margin-left: 44px
}

.ml_27[data-v-c1ade960] {
    margin-left: 54px
}

.mr_27[data-v-c1ade960] {
    margin-right: 54px
}

.pl_5[data-v-c1ade960] {
    padding-left: 10px
}

.margin_lr34[data-v-c1ade960] {
    margin: 0 34px
}

.margin_lr38[data-v-c1ade960] {
    margin: 0 38px
}

.padding_lr34[data-v-c1ade960] {
    padding: 0 34px
}

.padding_lr38[data-v-c1ade960] {
    padding: 0 38px
}

.text_center[data-v-c1ade960] {
    text-align: center
}

.color_0[data-v-c1ade960] {
    color: #000
}

.color_3[data-v-c1ade960] {
    color: #333
}

.color_fff[data-v-c1ade960] {
    color: #fff
}

.color_e3[data-v-c1ade960] {
    color: #e3e3e3
}

.color_40[data-v-c1ade960] {
    color: #404040
}

.color_60[data-v-c1ade960] {
    color: #606060
}

.color_666[data-v-c1ade960] {
    color: #666
}

.color_90[data-v-c1ade960] {
    color: #909090
}

.color_9c[data-v-c1ade960] {
    color: #9c9c9c
}

.color_current[data-v-c1ade960] {
    color: #2d5ff5
}

.color_red[data-v-c1ade960] {
    color: #ff4f4c
}

.border_current[data-v-c1ade960] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-c1ade960] {
    background-color: #fff
}

.bg_f8[data-v-c1ade960] {
    background-color: #f8f8fa
}

.bg_current[data-v-c1ade960] {
    background-color: #2d5ff5
}

.bg_ed[data-v-c1ade960] {
    background-color: #edf0fd
}

.bg_red[data-v-c1ade960] {
    background-color: #ff4f4c
}

.font_w_b[data-v-c1ade960] {
    font-weight: 700
}

.f_12[data-v-c1ade960] {
    font-size: 12px
}

.f_13[data-v-c1ade960] {
    font-size: 13px
}

.f_14[data-v-c1ade960] {
    font-size: 14px
}

.f_15[data-v-c1ade960] {
    font-size: 15px
}

.f_16[data-v-c1ade960] {
    font-size: 16px
}

.f_17[data-v-c1ade960] {
    font-size: 17px
}

.f_18[data-v-c1ade960] {
    font-size: 18px
}

.f_19[data-v-c1ade960] {
    font-size: 19px
}

.f_20[data-v-c1ade960] {
    font-size: 20px
}

.f_21[data-v-c1ade960] {
    font-size: 21px
}

.f_22[data-v-c1ade960] {
    font-size: 22px
}

.f_23[data-v-c1ade960] {
    font-size: 23px
}

.f_24[data-v-c1ade960] {
    font-size: 24px
}

.f_25[data-v-c1ade960] {
    font-size: 25px
}

.f_26[data-v-c1ade960] {
    font-size: 26px
}

.f_27[data-v-c1ade960] {
    font-size: 27px
}

.f_28[data-v-c1ade960] {
    font-size: 28px
}

.f_29[data-v-c1ade960] {
    font-size: 29px
}

.f_30[data-v-c1ade960] {
    font-size: 30px
}

.f_31[data-v-c1ade960] {
    font-size: 31px
}

.f_32[data-v-c1ade960] {
    font-size: 32px
}

.f_33[data-v-c1ade960] {
    font-size: 33px
}

.f_34[data-v-c1ade960] {
    font-size: 34px
}

.f_35[data-v-c1ade960] {
    font-size: 35px
}

.f_36[data-v-c1ade960] {
    font-size: 36px
}

.f_37[data-v-c1ade960] {
    font-size: 37px
}

.f_38[data-v-c1ade960] {
    font-size: 38px
}

.f_39[data-v-c1ade960] {
    font-size: 39px
}

.f_40[data-v-c1ade960] {
    font-size: 40px
}

.f_41[data-v-c1ade960] {
    font-size: 41px
}

.f_42[data-v-c1ade960] {
    font-size: 42px
}

.f_43[data-v-c1ade960] {
    font-size: 43px
}

.f_44[data-v-c1ade960] {
    font-size: 44px
}

.f_45[data-v-c1ade960] {
    font-size: 45px
}

.f_46[data-v-c1ade960] {
    font-size: 46px
}

.f_47[data-v-c1ade960] {
    font-size: 47px
}

.f_48[data-v-c1ade960] {
    font-size: 48px
}

.f_49[data-v-c1ade960] {
    font-size: 49px
}

.f_50[data-v-c1ade960] {
    font-size: 50px
}

.b-r[data-v-c1ade960] {
    border-radius: 50%
}

.blur4[data-v-c1ade960] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-c1ade960] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-c1ade960] {
    cursor: pointer
}

.templateButtons .confirm[data-v-c1ade960] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-c1ade960] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-c1ade960] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-c1ade960]:hover,
.templateButtons .confirm[data-v-c1ade960]:hover {
    opacity: .8
}

.combine-cv-container[data-v-c1ade960] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    width: 446px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 4px
}

.combine-cv-container .main_header[data-v-c1ade960] {
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px
}

.combine-cv-container .main_header .header_title[data-v-c1ade960] {
    width: 90px;
    height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 24px
}

.combine-cv-container .main_header .close[data-v-c1ade960] {
    font-size: 20px;
    color: #9c9c9c;
    cursor: pointer
}

.combine-cv-container .main_header .close .iconfont[data-v-c1ade960] {
    font-size: 20px !important
}

.combine-cv-container .main_body .resume-select[data-v-c1ade960] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px
}

.combine-cv-container .main_body .resume-select-title[data-v-c1ade960] {
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #404040;
    line-height: 14px
}

.combine-cv-container .main_body .resume-select-value[data-v-c1ade960] {
    background: #f9f9f9;
    border-radius: 4px;
    margin-left: 14px;
    padding: 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9
}

.combine-cv-container .main_body .resume-select-value .icon[data-v-c1ade960] {
    height: 18px;
    margin-right: 8px
}

.combine-cv-container .main_body .resume-select-value .text[data-v-c1ade960] {
    max-width: 233px;
    width: 233px;
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.combine-cv-container .main_body .resume-select-select[data-v-c1ade960] {
    margin-left: 14px;
    width: 287px
}

.combine-cv-container .main_body .resume-select-select .no-resume .hint[data-v-c1ade960] {
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #bcbcbc;
    line-height: 14px
}

.combine-cv-container .main_body .resume-select-select .no-resume .click[data-v-c1ade960] {
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #f64;
    line-height: 14px
}

.combine-cv-container .main_body .resume-select-switch[data-v-c1ade960] {
    width: 15px;
    height: 15px;
    margin-left: 14px;
    color: #aeb2bd;
    font-size: 15px;
    cursor: pointer
}

.combine-cv-container .main_body .resume-select-switch[data-v-c1ade960]:hover {
    color: #505667
}

.combine-cv-container .main_body .download-btn[data-v-c1ade960] {
    margin: 40px auto 0;
    width: 178px;
    height: 36px;
    background: #f64;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.combine-cv-container .main_body .download-btn[data-v-c1ade960]:hover {
    background-color: #ff8569
}

.combine-cv-container .main_body .download-btn-disabled[data-v-c1ade960] {
    cursor: not-allowed !important;
    background-color: #cfcfcf !important
}

.combine-cv-container .main_body .iconbaocunbendi1[data-v-c1ade960] {
    margin-top: 1px
}

.combine-select-option {
    width: 286px;
    max-width: 286px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.combine-select-option .no-resume {
    color: #f64
}

.combine-select-option .no-resume:hover {
    color: #ff8569
}

.iconTop[data-v-daeb4ade] {
    color: #404040;
    font-size: 18px;
    vertical-align: bottom
}

.download-before[data-v-daeb4ade] {
    width: 680px;
    min-height: 340px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 8px;
    padding: 32px 32px 32px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top .title[data-v-daeb4ade] {
    height: 20px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #404040;
    line-height: 20px
}

.middle[data-v-daeb4ade] {
    margin-top: 16px;
    margin-bottom: 24px;
    width: 100%;
    background: #f9f9f9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 24px 22px 24px;
    position: relative;
    white-space: nowrap
}

.middle .nav-info[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: 400
}

.middle .nav-info .left[data-v-daeb4ade] {
    color: #404040;
    font-weight: 500;
    font-size: 16px
}

.middle .nav-info .right[data-v-daeb4ade] {
    cursor: pointer;
    color: #4183ff
}

.middle .nav-hr-info[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 20px;
    margin-bottom: 13px;
    overflow: hidden
}

.middle .nav-hr-info .hr-left[data-v-daeb4ade] {
    width: 345px
}

.middle .nav-hr-info .hr-right[data-v-daeb4ade] {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #4183ff;
    line-height: 20px
}

.middle .nav-hr-info .nav-hr-icon[data-v-daeb4ade] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left
}

.middle .nav-hr-info .nav-hr-name[data-v-daeb4ade] {
    margin-left: 8px;
    margin-right: 6px;
    max-width: 60px;
    font-size: 14px
}

.middle .nav-hr-info .nav-hr-name[data-v-daeb4ade],
.middle .nav-hr-info .nav-hr-text[data-v-daeb4ade] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    font-weight: 400;
    color: #404040;
    line-height: 20px;
    float: left
}

.middle .nav-hr-info .nav-hr-text[data-v-daeb4ade] {
    max-width: 70%;
    font-size: 13px
}

.middle .new-content[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.middle .content[data-v-daeb4ade] {
    width: 100%;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.middle .content .code[data-v-daeb4ade] {
    width: 112px;
    height: 112px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

.middle .content .code img[data-v-daeb4ade] {
    width: 96px;
    height: 96px
}

.middle .content .bbs[data-v-daeb4ade] {
    width: 444px;
    height: 110px
}

.middle .content .bbs .talk-top[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    width: 444px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.middle .content .bbs .talk-top .head-icon[data-v-daeb4ade] {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle
}

.middle .content .bbs .talk-top .name[data-v-daeb4ade] {
    color: #404040;
    margin-left: 8px;
    margin-right: 10px;
    font-weight: 500;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.middle .content .bbs .talk-top .school[data-v-daeb4ade] {
    font-weight: 400;
    color: #9c9c9c;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.middle .content .bbs .talk-content .talk-title[data-v-daeb4ade] {
    height: 16px;
    font-size: 16px;
    color: #404040;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 6px;
    width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.middle .content .bbs .talk-content .talk-text[data-v-daeb4ade] {
    height: 20px;
    width: 444px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    line-height: 20px;
    margin-bottom: 14px
}

.middle .content .bbs .talk-bottom[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.middle .content .bbs .talk-bottom .btn-talk-bottom[data-v-daeb4ade] {
    color: #404040;
    line-height: 14px;
    height: 14px;
    margin-right: 24px;
    font-weight: 400
}

.middle .content .bbs .talk-bottom .btn-talk-bottom i[data-v-daeb4ade] {
    position: relative;
    top: 1px
}

.middle .content .push-in-top[data-v-daeb4ade] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 24px;
    width: 444px;
    height: 112px;
    background-color: #fff;
    border-radius: 8px
}

.middle .content .push-in-top .push-in-info[data-v-daeb4ade] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.middle .content .push-in-top .push-icon[data-v-daeb4ade] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    vertical-align: center;
    display: inline-block;
    border-radius: 50%
}

.middle .content .push-in-top .hr[data-v-daeb4ade] {
    margin-top: 3px;
    margin-left: 12px
}

.middle .content .push-in-top .hr-name[data-v-daeb4ade] {
    font-size: 16px;
    font-weight: 400;
    color: #404040;
    margin-bottom: 8px
}

.middle .content .push-in-top .hr-position[data-v-daeb4ade] {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    color: #404040
}

.middle .content .push-in-bottom[data-v-daeb4ade] {
    width: 390px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404040
}

.middle .content .position .through[data-v-daeb4ade] {
    width: 76px;
    height: 28px;
    background: #f64;
    border-radius: 16px;
    position: absolute;
    top: 30px;
    right: 16px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.middle .content .position .position-top[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    font-weight: 500
}

.middle .content .position .position-top .position-top-left[data-v-daeb4ade] {
    font-size: 18px;
    color: #404040;
    line-height: 18px
}

.middle .content .position .position-top .position-top-right[data-v-daeb4ade] {
    margin-left: 12px;
    font-size: 16px;
    color: #f64;
    line-height: 18px
}

.middle .content .position .position-middle[data-v-daeb4ade] {
    min-height: 24px;
    margin-right: -6px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.middle .content .position .position-middle .position-item[data-v-daeb4ade] {
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    background: #f9f9f9;
    margin-right: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.middle .content .position .position-middle .position-item .position-middle-item[data-v-daeb4ade] {
    padding: 3px 10px;
    color: #9c9c9c;
    font-weight: 400;
    font-size: 14px
}

.middle .content .position .position-bottom[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.middle .content .position .position-bottom .leave[data-v-daeb4ade] {
    display: block;
    width: 0;
    height: 8px;
    border-left: 1px solid #d8d8d8
}

.middle .content .position .position-bottom .position-bottom-name[data-v-daeb4ade] {
    padding: 6px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.middle .content .position .position-bottom .position-bottom-icon[data-v-daeb4ade] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-object-fit: contain;
    object-fit: contain
}

.middle .content .ourJobs .position-hr[data-v-daeb4ade] {
    margin-bottom: 12px;
    height: 20px
}

.middle .content .ourJobs .position-hr img[data-v-daeb4ade] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block
}

.middle .content .ourJobs .position-hr span[data-v-daeb4ade] {
    display: inline-block;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    line-height: 20px
}

.middle .content .ourJobs .position-hr-top[data-v-daeb4ade] {
    height: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.middle .content .ourJobs .position-hr-top .hr-top-left[data-v-daeb4ade] {
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    margin-right: 22px
}

.middle .content .ourJobs .position-hr-top .hr-top-right[data-v-daeb4ade] {
    font-size: 16px;
    font-weight: 500;
    color: #f64
}

.middle .content .chat .chat-icon[data-v-daeb4ade] {
    width: 444px;
    height: 111px
}

.middle .appIcon[data-v-daeb4ade] {
    position: absolute;
    background-color: #fff;
    top: -13px;
    right: -241px;
    width: 196px;
    height: 205px;
    -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 27px 22px 32px;
    border-radius: 4px;
    text-align: center
}

.middle .appIcon p[data-v-daeb4ade] {
    width: 133px;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    margin-bottom: 19px
}

.middle .appIcon img[data-v-daeb4ade] {
    width: 133px;
    height: 133px;
    padding-left: 2px
}

.middle .appIcon .point[data-v-daeb4ade] {
    width: 0;
    height: 0;
    border-right: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    position: absolute;
    top: 83px;
    left: -8px
}

.bottom[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px
}

.bottom .btn[data-v-daeb4ade] {
    cursor: pointer;
    line-height: 46px;
    text-align: center;
    margin-right: 15px;
    width: 193px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #ececec;
    color: #404040
}

.btn[data-v-daeb4ade]:hover {
    border: 1px solid #f64;
    color: #f64
}

.btn:hover .iconTop[data-v-daeb4ade] {
    color: #f64
}

.middle[data-v-daeb4ade]:hover {
    cursor: pointer;
    background-color: #f4f4f4
}

.resume-shop[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-shop img[data-v-daeb4ade] {
    margin-right: 16px
}

.resume-shop .shop-img-code[data-v-daeb4ade] {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 0
}

.resume-shop .shop-title[data-v-daeb4ade] {
    padding-top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.resume-shop .shop-title>span[data-v-daeb4ade]:first-child {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 18px
}

.resume-shop .shop-title>span[data-v-daeb4ade]:last-child {
    width: 76px;
    height: 28px;
    background: #f64;
    border-radius: 16px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.resume-shop .shop-other[data-v-daeb4ade] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    font-weight: 400;
    color: #404040
}

.resume-shop .shop-other i[data-v-daeb4ade] {
    margin-right: 16px
}

.ponter[data-v-5c296c16] {
    cursor: pointer
}

.change-theme[data-v-5c296c16] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #414653;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.change-theme img[data-v-5c296c16] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 20px
}

.change-theme .dark-theme[data-v-5c296c16] {
    width: 18px
}

.icon-enter-active[data-v-5c296c16],
.icon-leave-active[data-v-5c296c16] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.icon-enter[data-v-5c296c16],
.icon-leave-to[data-v-5c296c16] {
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.close[data-v-5c296c16] {
    color: #f64;
    position: absolute;
    top: 0;
    right: 32px;
    font-size: 24px;
    cursor: pointer
}

.nonChrome[data-v-5c296c16] {
    width: 100%;
    height: 40px;
    background-color: #fff6f4;
    color: #f64;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    position: relative
}

#print-cover[data-v-5c296c16] {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    min-height: 1200px;
    position: absolute;
    cursor: none;
    font-size: 24px;
    line-height: 400px;
    text-align: center
}

.pc-nav[data-v-5c296c16] {
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: #202329;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pc-nav .nav-container[data-v-5c296c16] {
    height: 56px;
    line-height: 56px;
    min-width: 1196px;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px
}

.pc-nav .nav-container .cv[data-v-5c296c16],
.pc-nav .nav-container[data-v-5c296c16] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-nav .nav-container .cv[data-v-5c296c16] {
    color: #fff;
    font-size: 14px
}

.pc-nav .nav-container .cv .cv-me[data-v-5c296c16] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 36px
}

.pc-nav .nav-container .cv .cv-me:hover .iconfont[data-v-5c296c16],
.pc-nav .nav-container .cv .cv-me:hover span[data-v-5c296c16] {
    font-weight: 700
}

.pc-nav .nav-container .cv .cv-me .iconfont[data-v-5c296c16] {
    font-size: 18px;
    margin-right: 8px
}

.pc-nav .nav-container .cv .cv-name[data-v-5c296c16] {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-nav .nav-container .cv .cv-name:hover .cv-name-n[data-v-5c296c16],
.pc-nav .nav-container .cv .cv-name:hover .iconbianji[data-v-5c296c16] {
    font-weight: 700
}

.pc-nav .nav-container .cv .cv-name .cv-name-n[data-v-5c296c16] {
    max-width: 300px;
    height: 18px;
    line-height: 16px;
    margin-top: 3px;
    font-weight: 400
}

.pc-nav .nav-container .cv .cv-name .iconbianji[data-v-5c296c16] {
    font-size: 12px;
    margin-left: 6px
}

.pc-nav .nav-container .logo[data-v-5c296c16] {
    display: inline-block;
    vertical-align: middle;
    height: 34.6px;
    margin-left: 1%;
    position: relative;
    z-index: 3;
    cursor: pointer
}

.pc-nav .nav-container .right-part[data-v-5c296c16] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%;
    z-index: 3
}

.pc-nav .nav-container .right-part>div[data-v-5c296c16] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pc-nav .nav-container .right-part .line[data-v-5c296c16] {
    width: 1px;
    height: 16px;
    background: #36393e;
    margin: 0 16px
}

.pc-nav .nav-container .right-part button[data-v-5c296c16] {
    width: 80px;
    height: 32px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    background: #fff;
    cursor: pointer;
    margin-left: 16px;
    border-radius: 2px;
    font-size: 14px
}

.pc-nav .nav-container .right-part button.action[data-v-5c296c16],
.pc-nav .nav-container .right-part button[data-v-5c296c16]:hover {
    background: #ff4f4c;
    color: #fff
}

.pc-nav .nav-container .right-part button.margin-left[data-v-5c296c16] {
    margin-left: 13px
}

.pc-nav .nav-container .right-part .down-app[data-v-5c296c16] {
    color: #fff
}

.pc-nav .nav-container .right-part .down-app span[data-v-5c296c16] {
    font-size: 14px;
    font-weight: 400;
    margin-left: 6px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 20px
}

.pc-nav .nav-container .right-part .cv-btn[data-v-5c296c16] {
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #797b7e;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    position: relative
}

.pc-nav .nav-container .right-part .cv-btn .more-icon[data-v-5c296c16] {
    height: 46px;
    cursor: pointer
}

.pc-nav .nav-container .right-part .cv-btn[data-v-5c296c16]:hover {
    border: 1px solid #fff
}

.pc-nav .nav-container .right-part .cv-btn.fontb[data-v-5c296c16] {
    font-size: 14px;
    font-weight: 700
}

.pc-nav .nav-container .right-part .cv-btn:hover .cv-option[data-v-5c296c16] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn.share[data-v-5c296c16] {
    background: #f64;
    border: 1px solid #f64
}

.pc-nav .nav-container .right-part .cv-btn.share[data-v-5c296c16]:hover {
    border: 1px solid #ff856a;
    background: #ff856a
}

.pc-nav .nav-container .right-part .cv-btn.share:hover .cv-share[data-v-5c296c16] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn.tran[data-v-5c296c16]:hover {
    border-color: #fff
}

.pc-nav .nav-container .right-part .cv-btn .cv-option[data-v-5c296c16] {
    display: none;
    width: 170px;
    background: #f9f9f9;
    border-radius: 4px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -webkit-box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12);
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12);
    overflow: hidden
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list[data-v-5c296c16] {
    width: 100%;
    cursor: pointer;
    height: 53px;
    background: #fff;
    color: #404040;
    font-size: 14px;
    position: relative;
    line-height: 14px;
    line-height: 53px;
    text-align: left
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list[data-v-5c296c16]:hover {
    background: #f9f9f9
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list .iconfont[data-v-5c296c16] {
    margin-left: 28px;
    margin-right: 22px
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .margin-top-6[data-v-5c296c16] {
    margin-top: 6px
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .after[data-v-5c296c16]:after {
    content: "";
    display: block;
    width: 164px;
    height: 1px;
    background: #ececec;
    position: absolute;
    bottom: 0;
    left: 18px
}

.pc-nav .nav-container .right-part .cv-btn:hover .hover[data-v-5c296c16] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn .hover[data-v-5c296c16] {
    display: none;
    width: 70px;
    height: 24px;
    color: #404040;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    background: #fff
}

.pc-nav .nav-container .right-part .cv-btn .hover[data-v-5c296c16]:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 50%;
    margin-left: -2px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share[data-v-5c296c16] {
    display: none;
    width: 477px;
    height: 261px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .16);
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .16);
    border-radius: 4px;
    position: absolute;
    right: -50px;
    top: 44px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .auth-switch[data-v-5c296c16] {
    margin: 10px 0 10px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .auth-switch .auth-switch-tips[data-v-5c296c16] {
    font-size: 12px;
    color: #606060;
    margin-left: 8px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-email[data-v-5c296c16],
.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat[data-v-5c296c16] {
    text-align: left
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-email .nav[data-v-5c296c16],
.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat .nav[data-v-5c296c16] {
    height: 18px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #404040;
    line-height: 18px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-email .title[data-v-5c296c16],
.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat .title[data-v-5c296c16] {
    height: 14px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #606060;
    line-height: 14px;
    margin-top: 11px;
    margin-bottom: 15px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat[data-v-5c296c16] {
    cursor: default
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat .left[data-v-5c296c16] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat .share-cv-qrcode[data-v-5c296c16] {
    width: 102px;
    height: 102px;
    margin-left: 22px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-wechat .share-cv-qrcode[data-v-5c296c16] img {
    display: block;
    width: 100%;
    height: 100%
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link[data-v-5c296c16] {
    position: relative;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #ececec;
    line-height: 34px;
    cursor: pointer;
    font-size: 14px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text[data-v-5c296c16] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #404040;
    text-align: center
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .iconfont[data-v-5c296c16] {
    font-size: 12px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text:hover .auth-select[data-v-5c296c16] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .auth-select[data-v-5c296c16] {
    left: 0;
    right: 0;
    top: 40px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    border: 1px solid #ececec;
    text-align: left;
    display: none
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .auth-select[data-v-5c296c16]:before {
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    content: "";
    top: -6px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .auth-select .select-item[data-v-5c296c16] {
    line-height: 40px;
    color: #404040;
    padding-left: 12px;
    cursor: pointer
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .auth-select .select-item-select[data-v-5c296c16],
.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link .auth-select-text .auth-select .select-item[data-v-5c296c16]:hover {
    background: #f4f4f4
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link-btn[data-v-5c296c16] {
    width: 94px;
    text-align: center;
    border-left: 1px solid #ececec;
    color: #f64;
    line-height: 34px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .copy-link-btn[data-v-5c296c16]:hover {
    font-weight: 700
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-email[data-v-5c296c16] {
    cursor: pointer;
    margin-top: 42px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share .send-to-email :hover .nav[data-v-5c296c16] {
    color: #f64 !important
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-new[data-v-5c296c16] {
    width: 160px;
    height: 105px;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-new .cv-share-item[data-v-5c296c16] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 124px;
    padding-left: 8px;
    text-align: left;
    color: #404040;
    height: 52px;
    cursor: pointer
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-new .cv-share-item i[data-v-5c296c16] {
    margin-right: 20px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-new .cv-share-item[data-v-5c296c16]:first-child {
    border-bottom: 1px solid #ececec
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-tooltip[data-v-5c296c16] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: -50px;
    top: 46px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: rgba(0, 0, 0, .9);
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12);
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12);
    padding: 16px 20px;
    height: 14px;
    line-height: 14px
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-tooltip i[data-v-5c296c16] {
    margin-left: 16px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer
}

.pc-nav .nav-container .right-part .cv-btn .cv-share-tooltip[data-v-5c296c16]:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 68%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, .9)
}

.pc-nav .nav-container .right-part .cv-icon[data-v-5c296c16] {
    color: #797b7e;
    position: relative
}

.pc-nav .nav-container .right-part .cv-icon .iconfont[data-v-5c296c16] {
    font-size: 20px
}

.pc-nav .nav-container .right-part .cv-icon[data-v-5c296c16]:hover {
    color: #fff
}

.pc-nav .nav-container .right-part .cv-icon:hover .hover[data-v-5c296c16] {
    display: block
}

.pc-nav .nav-container .right-part .cv-icon .hover[data-v-5c296c16] {
    display: none;
    width: 70px;
    height: 24px;
    font-size: 12px;
    color: #404040;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    background: #fff
}

.pc-nav .nav-container .right-part .cv-icon .hover[data-v-5c296c16]:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 50%;
    margin-left: -2px
}

.pc-nav .nav-container .right-part .margin-right-12[data-v-5c296c16] {
    margin-right: 12px
}

.pc-nav .nav-container .right-part .margin-right-24[data-v-5c296c16] {
    margin-right: 24px
}

.share-wechat-dialog-container .share-wechat-cover[data-v-5c296c16] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 7
}

.share-wechat-dialog-container .share-wechat-content[data-v-5c296c16] {
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 32px 20px;
    border-radius: 8px;
    background-color: #fff;
    top: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 8
}

.share-wechat-dialog-container .share-wechat-content .share-wechat-title[data-v-5c296c16] {
    color: #303030;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 500
}

.share-wechat-dialog-container .share-wechat-content .send-to-wechat[data-v-5c296c16] {
    cursor: default
}

.share-wechat-dialog-container .share-wechat-content .send-to-wechat .nav[data-v-5c296c16] {
    height: 18px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #404040;
    line-height: 18px
}

.share-wechat-dialog-container .share-wechat-content .send-to-wechat .title[data-v-5c296c16] {
    height: 14px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #606060;
    line-height: 14px;
    margin-top: 11px;
    margin-bottom: 15px
}

.share-wechat-dialog-container .share-wechat-content .send-to-wechat .left[data-v-5c296c16] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.share-wechat-dialog-container .share-wechat-content .copy-link[data-v-5c296c16] {
    position: relative;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #ececec;
    line-height: 34px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 24px;
    width: 100%
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text[data-v-5c296c16] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #404040;
    padding-left: 16px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .iconfont[data-v-5c296c16] {
    font-size: 12px;
    margin-left: 2px
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text:hover .auth-select[data-v-5c296c16] {
    display: block
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .auth-select[data-v-5c296c16] {
    left: 0;
    right: 0;
    top: 40px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    border: 1px solid #ececec;
    text-align: left;
    display: none
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .auth-select[data-v-5c296c16]:before {
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    content: "";
    top: -6px
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .auth-select .select-item[data-v-5c296c16] {
    line-height: 40px;
    color: #404040;
    padding-left: 12px;
    cursor: pointer
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .auth-select .select-item-select[data-v-5c296c16],
.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-text .auth-select .select-item[data-v-5c296c16]:hover {
    background: #f4f4f4
}

.share-wechat-dialog-container .share-wechat-content .copy-link .auth-select-disabled[data-v-5c296c16] {
    color: #404040;
    background-color: #f9f9f9
}

.share-wechat-dialog-container .share-wechat-content .copy-link-btn[data-v-5c296c16] {
    width: 94px;
    text-align: center;
    border-left: 1px solid #ececec;
    color: #f64;
    line-height: 34px
}

.share-wechat-dialog-container .share-wechat-content .copy-link-btn[data-v-5c296c16]:hover {
    font-weight: 700
}

.share-wechat-dialog-container .share-wechat-content .share-cv-qrcode[data-v-5c296c16] {
    width: 158px;
    height: 158px
}

.share-wechat-dialog-container .share-wechat-content .share-cv-qrcode[data-v-5c296c16] img {
    display: block;
    width: 100%;
    height: 100%
}

.share-wechat-dialog-container .share-wechat-content .cv-share-desc[data-v-5c296c16] {
    color: #9c9c9c;
    margin-top: 28px
}

.nps-main[data-v-89c5f2fc] {
    position: fixed;
    width: 375px;
    background: #fff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(1, 23, 92, .14);
    box-shadow: 0 2px 16px 0 rgba(1, 23, 92, .14);
    border-radius: 12px;
    right: 110px;
    bottom: 72px;
    padding: 24px
}

.nps-main .logo-box[data-v-89c5f2fc] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -44px
}

.nps-main .logo-box img[data-v-89c5f2fc] {
    width: 59px;
    height: 44px
}

.nps-main .logo-box .logo-text-box[data-v-89c5f2fc] {
    width: 96px;
    height: 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9f79), to(#f64));
    background: linear-gradient(180deg, #ff9f79, #f64);
    border-radius: 12px;
    margin-left: 4px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-top: 12px
}

.nps-main .nps-header[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px
}

.nps-main .nps-header .title[data-v-89c5f2fc] {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #404040;
    line-height: 22px
}

.nps-main .nps-header i[data-v-89c5f2fc] {
    font-size: 18px;
    color: #cfcfcf;
    cursor: pointer
}

.nps-main .flex-tag[data-v-89c5f2fc] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
    line-height: 17px;
    margin-bottom: 10px
}

.nps-main .flex-tag[data-v-89c5f2fc],
.nps-main .flex-tag p[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nps-main .flex-tag p i[data-v-89c5f2fc] {
    margin-right: 4px;
    font-size: 12px
}

.nps-main .score-box[data-v-89c5f2fc] {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nps-main .score-box .num-item[data-v-89c5f2fc] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid rgba(255, 102, 68, .3);
    color: #f64;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.nps-main .score-box .num-item.active[data-v-89c5f2fc] {
    background: #f64;
    color: #fff
}

.nps-main .text-box[data-v-89c5f2fc] {
    margin-top: 12px;
    margin-bottom: -8px
}

.nps-main .text-box>p[data-v-89c5f2fc] {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #404040;
    line-height: 20px;
    margin-bottom: 8px
}

.nps-main .text-box #textarea[data-v-89c5f2fc] {
    width: 100%;
    height: 120px;
    background: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #ececec;
    resize: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
    font-size: 14px;
    color: #404040
}

.nps-main .text-box #textarea[data-v-89c5f2fc]:focus {
    outline: #ececec
}

.nps-main .text-box .sub-btn[data-v-89c5f2fc] {
    height: 44px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9f79), to(#f64));
    background: linear-gradient(180deg, #ff9f79, #f64);
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    color: #fff
}

.cv-nps[data-v-89c5f2fc] {
    width: 100%;
    height: 210px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: -800px;
    z-index: 1000000001;
    -webkit-box-shadow: 0 -4px 10px 0 #e2e2e2;
    box-shadow: 0 -4px 10px 0 #e2e2e2
}

.cv-nps .main[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.cv-nps .main .section[data-v-89c5f2fc] {
    width: 736px;
    padding-top: 48px;
    margin: 0 24px;
    position: relative
}

.cv-nps .main .section .title[data-v-89c5f2fc] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #404040;
    margin-bottom: 20px
}

.cv-nps .main .section .invite[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.cv-nps .main .section .invite>[data-v-89c5f2fc] {
    white-space: nowrap
}

.cv-nps .main .section .invite .title[data-v-89c5f2fc] {
    margin: 0
}

.cv-nps .main .section .invite .copy-link-detail[data-v-89c5f2fc] {
    font-size: 14px;
    color: #606060;
    margin: 0 16px
}

.cv-nps .main .section .invite .copy-btn[data-v-89c5f2fc] {
    font-size: 14px;
    color: #4183ff;
    cursor: pointer
}

.cv-nps .main .section .grade-list[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #9c9c9c;
    margin-top: 24px
}

.cv-nps .main .section .grade-list .grade[data-v-89c5f2fc] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px
}

.cv-nps .main .section .grade-list .grade .grade-item[data-v-89c5f2fc] {
    width: 32px;
    height: 32px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    font-size: 14px;
    color: #9c9c9c;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.cv-nps .main .section .grade-list .grade .grade-item.active[data-v-89c5f2fc] {
    border: 1px solid #ff4f4c;
    background: #ff4f4c;
    color: #fff
}

.cv-nps .main .section .suggestion[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cv-nps .main .section .suggestion .suggestion-text[data-v-89c5f2fc] {
    padding: 10px;
    display: block;
    width: 600px;
    height: 40px;
    border: 1px solid #cfcfcf;
    resize: none;
    font-size: 14px;
    color: #606060;
    outline: none;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cv-nps .main .section .suggestion .send-suggestion[data-v-89c5f2fc] {
    width: 120px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    padding: 0;
    margin-left: 16px;
    border-radius: 4px;
    background: #ff4f4c;
    cursor: pointer
}

.cv-nps .main .section.good-wrapper[data-v-89c5f2fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    height: 210px
}

.cv-nps .main .sign-btn[data-v-89c5f2fc] {
    position: absolute;
    top: 18px;
    padding: 10px;
    cursor: pointer
}

.cv-nps .main .sign-btn>i[data-v-89c5f2fc] {
    font-size: 20px;
    font-weight: 700;
    color: #8c8c8c
}

.cv-nps .main .close-btn[data-v-89c5f2fc] {
    right: 100px
}

.cv-nps .main .back-btn[data-v-89c5f2fc] {
    left: 100px
}

.cv-nps.active[data-v-89c5f2fc] {
    bottom: 0;
    -webkit-transition: all 1.5s;
    transition: all 1.5s
}

.h-w-10[data-v-05ff09c4] {
    width: 100%;
    height: 100%
}

.w988[data-v-05ff09c4] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-05ff09c4] {
    float: left
}

.fr[data-v-05ff09c4] {
    float: right
}

.clearfix[data-v-05ff09c4]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-05ff09c4] {
    position: relative
}

.pa[data-v-05ff09c4] {
    position: absolute
}

.display_b[data-v-05ff09c4] {
    display: block
}

.display_ib[data-v-05ff09c4] {
    display: inline-block
}

.ellipsis[data-v-05ff09c4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-05ff09c4] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-05ff09c4],
.ellipsis3[data-v-05ff09c4] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-05ff09c4] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-05ff09c4] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-05ff09c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-05ff09c4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-05ff09c4] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-05ff09c4],
.flex-c[data-v-05ff09c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-05ff09c4] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-05ff09c4] {
    word-wrap: break-word
}

.w-10[data-v-05ff09c4] {
    width: 100%;
    padding: 0
}

.w-5[data-v-05ff09c4] {
    width: 55%;
    padding: 0
}

.b-s[data-v-05ff09c4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-05ff09c4] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-05ff09c4] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-05ff09c4]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-05ff09c4] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-05ff09c4] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-05ff09c4] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-05ff09c4] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-05ff09c4] {
    margin-top: 10px
}

.mt_8[data-v-05ff09c4] {
    margin-top: 16px
}

.mt_9[data-v-05ff09c4] {
    margin-top: 18px
}

.mt_10[data-v-05ff09c4] {
    margin-top: 20px
}

.mt_11[data-v-05ff09c4] {
    margin-top: 22px
}

.mt_12[data-v-05ff09c4] {
    margin-top: 24px
}

.mt_13[data-v-05ff09c4] {
    margin-top: 26px
}

.mt_14[data-v-05ff09c4] {
    margin-top: 28px
}

.mt_15[data-v-05ff09c4] {
    margin-top: 30px
}

.mt_16[data-v-05ff09c4] {
    margin-top: 32px
}

.mt_19[data-v-05ff09c4] {
    margin-top: 38px
}

.mt_20[data-v-05ff09c4] {
    margin-top: 40px
}

.ml_10[data-v-05ff09c4] {
    margin-left: 20px
}

.ml_12[data-v-05ff09c4] {
    margin-left: 24px
}

.ml_14[data-v-05ff09c4] {
    margin-left: 28px
}

.ml_20[data-v-05ff09c4] {
    margin-left: 40px
}

.ml_22[data-v-05ff09c4] {
    margin-left: 44px
}

.ml_27[data-v-05ff09c4] {
    margin-left: 54px
}

.mr_27[data-v-05ff09c4] {
    margin-right: 54px
}

.pl_5[data-v-05ff09c4] {
    padding-left: 10px
}

.margin_lr34[data-v-05ff09c4] {
    margin: 0 34px
}

.margin_lr38[data-v-05ff09c4] {
    margin: 0 38px
}

.padding_lr34[data-v-05ff09c4] {
    padding: 0 34px
}

.padding_lr38[data-v-05ff09c4] {
    padding: 0 38px
}

.text_center[data-v-05ff09c4] {
    text-align: center
}

.color_0[data-v-05ff09c4] {
    color: #000
}

.color_3[data-v-05ff09c4] {
    color: #333
}

.color_fff[data-v-05ff09c4] {
    color: #fff
}

.color_e3[data-v-05ff09c4] {
    color: #e3e3e3
}

.color_40[data-v-05ff09c4] {
    color: #404040
}

.color_60[data-v-05ff09c4] {
    color: #606060
}

.color_666[data-v-05ff09c4] {
    color: #666
}

.color_90[data-v-05ff09c4] {
    color: #909090
}

.color_9c[data-v-05ff09c4] {
    color: #9c9c9c
}

.color_current[data-v-05ff09c4] {
    color: #2d5ff5
}

.color_red[data-v-05ff09c4] {
    color: #ff4f4c
}

.border_current[data-v-05ff09c4] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-05ff09c4] {
    background-color: #fff
}

.bg_f8[data-v-05ff09c4] {
    background-color: #f8f8fa
}

.bg_current[data-v-05ff09c4] {
    background-color: #2d5ff5
}

.bg_ed[data-v-05ff09c4] {
    background-color: #edf0fd
}

.bg_red[data-v-05ff09c4] {
    background-color: #ff4f4c
}

.font_w_b[data-v-05ff09c4] {
    font-weight: 700
}

.f_12[data-v-05ff09c4] {
    font-size: 12px
}

.f_13[data-v-05ff09c4] {
    font-size: 13px
}

.f_14[data-v-05ff09c4] {
    font-size: 14px
}

.f_15[data-v-05ff09c4] {
    font-size: 15px
}

.f_16[data-v-05ff09c4] {
    font-size: 16px
}

.f_17[data-v-05ff09c4] {
    font-size: 17px
}

.f_18[data-v-05ff09c4] {
    font-size: 18px
}

.f_19[data-v-05ff09c4] {
    font-size: 19px
}

.f_20[data-v-05ff09c4] {
    font-size: 20px
}

.f_21[data-v-05ff09c4] {
    font-size: 21px
}

.f_22[data-v-05ff09c4] {
    font-size: 22px
}

.f_23[data-v-05ff09c4] {
    font-size: 23px
}

.f_24[data-v-05ff09c4] {
    font-size: 24px
}

.f_25[data-v-05ff09c4] {
    font-size: 25px
}

.f_26[data-v-05ff09c4] {
    font-size: 26px
}

.f_27[data-v-05ff09c4] {
    font-size: 27px
}

.f_28[data-v-05ff09c4] {
    font-size: 28px
}

.f_29[data-v-05ff09c4] {
    font-size: 29px
}

.f_30[data-v-05ff09c4] {
    font-size: 30px
}

.f_31[data-v-05ff09c4] {
    font-size: 31px
}

.f_32[data-v-05ff09c4] {
    font-size: 32px
}

.f_33[data-v-05ff09c4] {
    font-size: 33px
}

.f_34[data-v-05ff09c4] {
    font-size: 34px
}

.f_35[data-v-05ff09c4] {
    font-size: 35px
}

.f_36[data-v-05ff09c4] {
    font-size: 36px
}

.f_37[data-v-05ff09c4] {
    font-size: 37px
}

.f_38[data-v-05ff09c4] {
    font-size: 38px
}

.f_39[data-v-05ff09c4] {
    font-size: 39px
}

.f_40[data-v-05ff09c4] {
    font-size: 40px
}

.f_41[data-v-05ff09c4] {
    font-size: 41px
}

.f_42[data-v-05ff09c4] {
    font-size: 42px
}

.f_43[data-v-05ff09c4] {
    font-size: 43px
}

.f_44[data-v-05ff09c4] {
    font-size: 44px
}

.f_45[data-v-05ff09c4] {
    font-size: 45px
}

.f_46[data-v-05ff09c4] {
    font-size: 46px
}

.f_47[data-v-05ff09c4] {
    font-size: 47px
}

.f_48[data-v-05ff09c4] {
    font-size: 48px
}

.f_49[data-v-05ff09c4] {
    font-size: 49px
}

.f_50[data-v-05ff09c4] {
    font-size: 50px
}

.b-r[data-v-05ff09c4] {
    border-radius: 50%
}

.blur4[data-v-05ff09c4] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-05ff09c4] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-05ff09c4] {
    cursor: pointer
}

.templateButtons .confirm[data-v-05ff09c4] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-05ff09c4] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-05ff09c4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-05ff09c4]:hover,
.templateButtons .confirm[data-v-05ff09c4]:hover {
    opacity: .8
}

.editor-sidebar-main[data-v-05ff09c4] {
    height: calc(100vh - 72px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.editor-sidebar-main .menu-content[data-v-05ff09c4] {
    width: 68px;
    background-color: #353944;
    position: relative;
    border-radius: 4px 0 0 0;
    padding-top: 10px
}

.editor-sidebar-main .menu-content .select-bg-img[data-v-05ff09c4] {
    width: 54px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0
}

.editor-sidebar-main .menu-content .menu[data-v-05ff09c4] {
    width: 100%;
    height: 86px;
    cursor: pointer;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-sidebar-main .menu-content .menu [data-v-05ff09c4] {
    position: relative;
    z-index: 2
}

.editor-sidebar-main .menu-content .menu>.menu-layer[data-v-05ff09c4] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    position: absolute;
    cursor: default
}

.editor-sidebar-main .menu-content .menu .menu-bg[data-v-05ff09c4] {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.editor-sidebar-main .menu-content .menu .menu-img[data-v-05ff09c4] {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.editor-sidebar-main .menu-content .menu .menu-img[data-v-05ff09c4]:hover {
    background-color: #292e39 !important
}

.editor-sidebar-main .menu-content .menu .menu-img img[data-v-05ff09c4] {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%
}

.editor-sidebar-main .menu-content .menu.not-select .menu-img[data-v-05ff09c4] {
    background-color: #414653
}

.editor-sidebar-main .menu-content .menu .menu-text[data-v-05ff09c4] {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC
}

.editor-sidebar-main .menu-content .menu .tip[data-v-05ff09c4] {
    width: 290px;
    height: 135px;
    border-radius: 4px;
    background: rgba(255, 102, 68, .89);
    position: absolute;
    left: -22px;
    top: 10px;
    z-index: 10;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.editor-sidebar-main .menu-content .menu .tip .tip-text[data-v-05ff09c4] {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    padding: 0 30px;
    margin-top: 22px
}

.editor-sidebar-main .menu-content .menu .tip .tip-btn[data-v-05ff09c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

.editor-sidebar-main .menu-content .menu .tip .tip-btn button[data-v-05ff09c4] {
    width: 100px;
    height: 30px;
    border-radius: 16px;
    background: transparent;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff
}

.editor-sidebar-main .menu-content .menu .tip .tip-btn button.active[data-v-05ff09c4] {
    color: #f64;
    background: #fff !important
}

.editor-sidebar-main .menu-content .menu .tip .tip-btn button[data-v-05ff09c4]:last-child {
    margin-left: 28px
}

.editor-sidebar-main .menu-content .menu .tip[data-v-05ff09c4]:after {
    content: "";
    display: block;
    border-color: rgba(255, 102, 68, .89);
    border-width: 8px;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 2px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: -8px
}

.editor-sidebar-main .menu-content .menu.active .menu-img[data-v-05ff09c4] {
    display: block;
    background-color: #fff !important
}

.editor-sidebar-main .menu-content .menu:hover .menu-text[data-v-05ff09c4] {
    font-weight: 600
}

.editor-sidebar-main .menu-enter-active[data-v-05ff09c4],
.editor-sidebar-main .menu-leave-active[data-v-05ff09c4] {
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.editor-sidebar-main .newUserGuide[data-v-05ff09c4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 82px;
    top: 76px;
    border-radius: 6px;
    z-index: 11;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.editor-sidebar-main .newUserGuide img[data-v-05ff09c4] {
    cursor: pointer
}

.editor-sidebar-main .newUserGuide.composing[data-v-05ff09c4] {
    top: 180px
}

.editor-sidebar-main .newUserGuide.manage[data-v-05ff09c4] {
    top: 290px
}

.editor-sidebar-main .newUserGuide.jobscan[data-v-05ff09c4] {
    top: 225px;
    left: 420px
}

.layer[data-v-05ff09c4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .6)
}

.guide-active[data-v-05ff09c4] {
    position: relative;
    z-index: 11;
    background-color: #353944;
    border-radius: 8px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
    color: #f64
}

.guide-active .menu-img[data-v-05ff09c4] {
    background-color: #fff !important
}

.guide-active:hover .menu-text[data-v-05ff09c4] {
    font-weight: 400 !important
}

.show-main[data-v-07f89471] {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: auto;
    background: rgba(0, 0, 0, .5)
}

.show-main .cover[data-v-07f89471] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.show-main .pos[data-v-07f89471] {
    width: 100vw;
    height: 100vh;
    max-width: 856px;
    max-height: 763.71429px;
    width: 540px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    margin: auto;
    overflow: auto
}

.show-main .main[data-v-07f89471] {
    width: 540px;
    height: 763.71429px;
    overflow: auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.show-main .main .cv[data-v-07f89471] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 540px;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.show-main .main .edit[data-v-07f89471] {
    width: 300px;
    height: 100%;
    margin-left: 16px
}

.w-dialog[data-v-77acbaee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-dialog .mask-enter-active[data-v-77acbaee],
.w-dialog .mask-leave-active[data-v-77acbaee] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-dialog .mask-enter[data-v-77acbaee],
.w-dialog .mask-leave-to[data-v-77acbaee] {
    opacity: 1
}

.w-dialog .mask[data-v-77acbaee] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 119
}

.w-dialog .fade-enter-active[data-v-77acbaee],
.w-dialog .fade-leave-active[data-v-77acbaee] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-dialog .fade-enter[data-v-77acbaee],
.w-dialog .fade-leave-to[data-v-77acbaee] {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0)
}

.w-dialog .w-dialog-content[data-v-77acbaee] {
    position: fixed;
    top: 15%;
    z-index: 121;
    min-width: 446px;
    background-color: #fff;
    border-radius: 8px;
    padding: 32px 32px 24px;
    -webkit-box-shadow: 0 0 10px 0 rgba(6, 4, 67, .1);
    box-shadow: 0 0 10px 0 rgba(6, 4, 67, .1)
}

.w-dialog .w-dialog-content .title[data-v-77acbaee] {
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px
}

.w-dialog .w-dialog-content .content[data-v-77acbaee] {
    color: #606060;
    line-height: 24px;
    margin-bottom: 26px
}

.w-dialog .w-dialog-content .dialog-buttons[data-v-77acbaee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.w-dialog .w-dialog-content .dialog-buttons .button-publish[data-v-77acbaee],
.w-dialog .w-dialog-content .dialog-buttons .cancel-btn[data-v-77acbaee],
.w-dialog .w-dialog-content .dialog-buttons .confirm-btn[data-v-77acbaee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    padding: 0 24px;
    height: 36px;
    border-radius: 4px
}

.w-dialog .w-dialog-content .dialog-buttons .confirm-btn[data-v-77acbaee] {
    background-color: #f64;
    color: #fff;
    margin-left: 16px
}

.w-dialog .w-dialog-content .dialog-buttons .cancel-btn[data-v-77acbaee] {
    border: 1px solid #cfcfcf;
    color: #606060;
    background-color: #fff
}

.w-dialog .w-dialog-content .iconx[data-v-77acbaee] {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 18px;
    cursor: pointer;
    color: #404040
}

.cv-editor-main[data-v-603eb522] {
    min-width: 1280px;
    background-color: #353944;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-editor-main[data-v-603eb522] ::-webkit-scrollbar {
    width: 0
}

.cv-editor-main[data-v-603eb522]::-webkit-scrollbar-thumb {
    background-color: #999
}

.cv-editor-main .edit-cv-main[data-v-603eb522] {
    width: calc(100vw - 108px);
    min-width: 1172px;
    height: calc(100vh - 72px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 56px 40px 0
}

.cv-editor-main .edit-cv-main>div[data-v-603eb522],
.cv-editor-main .edit-cv-main[data-v-603eb522] {
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.cv-editor-main .edit-cv-main .sidebar-side-content[data-v-603eb522] {
    width: 324px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: width .1s ease;
    transition: width .1s ease;
    overflow: hidden;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cv-editor-main .edit-cv-main .sidebar-side-content .composing[data-v-603eb522],
.cv-editor-main .edit-cv-main .sidebar-side-content .library[data-v-603eb522],
.cv-editor-main .edit-cv-main .sidebar-side-content .manage[data-v-603eb522] {
    width: 100%
}

.cv-editor-main .edit-cv-main .sidebar-side-content .layout-flex[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cv-editor-main .edit-cv-main .sidebar-content-active[data-v-603eb522] {
    width: 0;
    -webkit-transition: all .1s;
    transition: all .1s
}

.cv-editor-main .edit-cv-main .info[data-v-603eb522] {
    width: 324px;
    height: 100%;
    border-top: 12px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative
}

.cv-editor-main .edit-cv-main .side-bottom-mentor[data-v-603eb522] {
    border-bottom: none
}

.cv-editor-main .edit-cv-main .edit[data-v-603eb522] {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    max-width: 720px;
    max-height: 100%;
    position: relative;
    min-width: 415px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px
}

.cv-editor-main .edit-cv-main .edit .edit-component[data-v-603eb522] {
    max-height: 100%;
    overflow-y: auto;
    min-height: 200px;
    background: #fff;
    border-radius: 0 0 2px 2px
}

.cv-editor-main .edit-cv-main .cvs[data-v-603eb522] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    max-width: 720px;
    max-height: 100%;
    min-width: 415px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 16px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .04)
}

.cv-editor-main .edit-cv-main .cvs .cvs-component[data-v-603eb522] {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.cv-editor-main .edit-cv-main .cvs .flow-hidden[data-v-603eb522] {
    overflow-y: hidden
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity[data-v-603eb522] {
    width: 130px;
    height: 36px;
    background: #505667;
    border-radius: 4px;
    border: 1px solid #505667;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity i[data-v-603eb522] {
    margin-right: 5px
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity[data-v-603eb522]:hover {
    opacity: .8
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page .iconfont[data-v-603eb522] {
    font-size: 24px;
    color: #fff
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page .iconfont.hover[data-v-603eb522]:hover {
    cursor: pointer;
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page span[data-v-603eb522] {
    width: 54px;
    text-align: center;
    color: #9c9c9c
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page span b[data-v-603eb522] {
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-603eb522] {
    width: 124px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    background: #fff;
    color: #606060;
    font-size: 14px;
    border-radius: 2px;
    text-align: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-603eb522]:first-child {
    margin-right: 16px
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn.active[data-v-603eb522],
.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-603eb522]:hover {
    -webkit-box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .3);
    box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .3)
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn .iconfont[data-v-603eb522] {
    margin-right: 6px
}

.cv-editor-main .edit-cv-main .cvs .cvs-pager[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 22px
}

.cv-editor-main .edit-cv-main .cvs .resume[data-v-603eb522] {
    position: relative;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: auto
}

.cv-editor-main .edit-cv-main .cvs .resume.a4[data-v-603eb522],
.cv-editor-main .edit-cv-main .cvs .resume.letter_size[data-v-603eb522] {
    width: 100%
}

.cv-editor-main .edit-cv-main .cvs .resume .cvs-hover[data-v-603eb522] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu[data-v-603eb522] {
    width: 100%;
    height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    background: #fff
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item[data-v-603eb522] {
    width: 70px;
    margin-left: 10px;
    cursor: pointer;
    margin-right: 52px
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item[data-v-603eb522]:last-child {
    margin-right: 0
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item .img[data-v-603eb522] {
    width: 48px;
    height: 48px;
    border-radius: 30px;
    margin: auto;
    background: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item .img .iconfont[data-v-603eb522] {
    font-size: 20px;
    font-weight: 600;
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item p[data-v-603eb522] {
    text-align: center;
    margin-top: 6px;
    color: #606060;
    font-size: 14px
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list[data-v-603eb522] {
    background: #fff;
    margin-top: 1px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item[data-v-603eb522] {
    width: 100%;
    height: 64px;
    border-bottom: 1px solid #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040;
    font-size: 14px;
    cursor: pointer
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item .iconfont[data-v-603eb522] {
    margin-right: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item[data-v-603eb522]:last-child {
    border: none
}

.cv-editor-main .edit-cv-main .cvs .resume-pagination[data-v-603eb522] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 30px
}

.cv-editor-main .edit-cv-main .cvs .resume-pagination .page-count[data-v-603eb522] {
    width: 76px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: rgba(53, 57, 68, .8);
    border-radius: 16px;
    color: #fff
}

.cv-editor-main .edit-cv-main .cvs .resume-one-page[data-v-603eb522] {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .edit-cv-main .cvs .resume-one-page .one-page-content[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 114px;
    height: 32px;
    background-color: rgba(53, 57, 68, .8);
    border-radius: 16px;
    color: #fff
}

.cv-editor-main .edit-cv-main .cvs .resume-one-page .one-page-content i[data-v-603eb522] {
    margin-right: 8px
}

.cv-editor-main .edit-cv-main .cvs .resume-one-page .one-page-content[data-v-603eb522]:hover {
    background-color: #353944
}

.cv-editor-main .edit-cv-main .cvs:hover .resume-one-page[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.cv-editor-main .edit-cv-main .opacity-enter-active[data-v-603eb522],
.cv-editor-main .edit-cv-main .opacity-leave-active[data-v-603eb522] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.cv-editor-main .edit-cv-main .opacity-enter[data-v-603eb522],
.cv-editor-main .edit-cv-main .opacity-leave-to[data-v-603eb522] {
    opacity: 0
}

.cv-editor-main .edit-cv-main .editor-pagination[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px;
    padding-bottom: 32px
}

.cv-editor-main .edit-cv-main .editor-pagination .one-page[data-v-603eb522] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 96px;
    height: 32px;
    background-color: #505667;
    color: #fff;
    border-radius: 18px;
    margin-bottom: 32px;
    cursor: pointer
}

.cv-editor-main .edit-cv-main .editor-pagination .cvs-button-page[data-v-603eb522],
.cv-editor-main .edit-cv-main .editor-pagination .one-page[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .edit-cv-main .editor-pagination .cvs-button-page .iconfont[data-v-603eb522] {
    font-size: 24px;
    color: #505667
}

.cv-editor-main .edit-cv-main .editor-pagination .cvs-button-page .iconfont.hover[data-v-603eb522]:hover {
    cursor: pointer;
    color: #fff
}

.cv-editor-main .edit-cv-main .editor-pagination .cvs-button-page span[data-v-603eb522] {
    width: 54px;
    text-align: center;
    color: #9c9c9c
}

.cv-editor-main .edit-cv-main .editor-pagination .cvs-button-page span b[data-v-603eb522] {
    color: #606060
}

.cv-editor-main .phone-code[data-v-603eb522] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #414653;
    position: fixed;
    right: 30px;
    bottom: 148px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.cv-editor-main .phone-code .iconfont[data-v-603eb522] {
    font-size: 18px;
    font-weight: 600
}

.cv-editor-main .phone-code .img-code[data-v-603eb522] {
    width: 240px;
    height: 268px;
    display: none;
    position: absolute;
    top: -114px;
    right: 50px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .phone-code .img-code img[data-v-603eb522] {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

.cv-editor-main .phone-code .img-code .title[data-v-603eb522] {
    margin-top: 16px;
    font-size: 16px;
    color: #404040;
    font-weight: 500
}

.cv-editor-main .phone-code .img-code .subtitle[data-v-603eb522] {
    margin-top: 13px;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c
}

.cv-editor-main .phone-code .img-code[data-v-603eb522]:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    position: absolute;
    right: -5px;
    top: 130px
}

.cv-editor-main .phone-code:hover .img-code[data-v-603eb522] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cv-editor-main .change-theme[data-v-603eb522] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #414653;
    position: fixed;
    right: 30px;
    bottom: 214px;
    cursor: pointer;
    overflow: hidden
}

.cv-editor-main .change-theme img[data-v-603eb522] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 20px
}

.cv-editor-main .change-theme .dark-theme[data-v-603eb522] {
    width: 18px
}

.cv-editor-main .icon-enter-active[data-v-603eb522],
.cv-editor-main .icon-leave-active[data-v-603eb522] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.cv-editor-main .icon-enter[data-v-603eb522],
.cv-editor-main .icon-leave-to[data-v-603eb522] {
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.cv-editor-main .download-app-chat[data-v-603eb522] .w-dialog-content {
    top: 80px !important;
    left: 50%;
    margin-left: -170px
}

.cv-editor-main .confirm-content[data-v-603eb522] .w-dialog-content {
    left: 50%;
    margin-left: -170px
}

.nav-middle-block[data-v-603eb522] {
    cursor: pointer;
    color: #fff;
    height: 14px;
    line-height: 14px
}

.nav-middle-block .high-light-text[data-v-603eb522] {
    color: #f64
}

.nav-middle-block[data-v-603eb522]:hover {
    font-weight: 500
}

.nav-middle-block .nav-tooltip-container[data-v-603eb522] {
    color: #fff
}

.cv-editor-main-light[data-v-603eb522] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #f5f5f7
}

.cv-editor-main-light[data-v-603eb522] .resume {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .5) !important;
    box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .5) !important
}

.cv-editor-main-light[data-v-603eb522] .iconarrow-down-circle,
.cv-editor-main-light[data-v-603eb522] .iconarrow-up-circle {
    color: #9c9c9c
}

.cv-editor-main-light[data-v-603eb522] .iconarrow-down-circle:hover,
.cv-editor-main-light[data-v-603eb522] .iconarrow-up-circle:hover {
    color: #606060 !important
}

.cv-preview-container[data-v-603eb522] {
    position: relative;
    height: 100%
}

.cv-preview-container .cv-font-number[data-v-603eb522] {
    position: absolute;
    right: -78px;
    bottom: 12px;
    color: #fff;
    font-size: 12px
}

.resume-review {
    width: 91px;
    height: 40px;
    background: #353944;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 20px;
    opacity: .8;
    position: fixed;
    bottom: 30px;
    right: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.resume-review i {
    margin-right: 6px
}

.optimize-info[data-v-603eb522] {
    -webkit-transition: none;
    transition: none
}

.edit-cv-main .edit-menu-content li[data-v-603eb522],
.edit-cv-main .edit-menu-content ol[data-v-603eb522] {
    margin-left: 20px;
    margin-top: 8px
}

.h-w-10[data-v-3ddb75a7] {
    width: 100%;
    height: 100%
}

.w988[data-v-3ddb75a7] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-3ddb75a7] {
    float: left
}

.fr[data-v-3ddb75a7] {
    float: right
}

.clearfix[data-v-3ddb75a7]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-3ddb75a7] {
    position: relative
}

.pa[data-v-3ddb75a7] {
    position: absolute
}

.display_b[data-v-3ddb75a7] {
    display: block
}

.display_ib[data-v-3ddb75a7] {
    display: inline-block
}

.ellipsis[data-v-3ddb75a7] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-3ddb75a7] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-3ddb75a7],
.ellipsis3[data-v-3ddb75a7] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-3ddb75a7] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-3ddb75a7] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex1[data-v-3ddb75a7] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-3ddb75a7] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-3ddb75a7],
.flex-c[data-v-3ddb75a7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-3ddb75a7] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-3ddb75a7] {
    word-wrap: break-word
}

.w-10[data-v-3ddb75a7] {
    width: 100%;
    padding: 0
}

.w-5[data-v-3ddb75a7] {
    width: 55%;
    padding: 0
}

.b-s[data-v-3ddb75a7] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-3ddb75a7] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-3ddb75a7] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-3ddb75a7]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-3ddb75a7] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-3ddb75a7] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-3ddb75a7] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-3ddb75a7] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-3ddb75a7] {
    margin-top: 10px
}

.mt_8[data-v-3ddb75a7] {
    margin-top: 16px
}

.mt_9[data-v-3ddb75a7] {
    margin-top: 18px
}

.mt_10[data-v-3ddb75a7] {
    margin-top: 20px
}

.mt_11[data-v-3ddb75a7] {
    margin-top: 22px
}

.mt_12[data-v-3ddb75a7] {
    margin-top: 24px
}

.mt_13[data-v-3ddb75a7] {
    margin-top: 26px
}

.mt_14[data-v-3ddb75a7] {
    margin-top: 28px
}

.mt_15[data-v-3ddb75a7] {
    margin-top: 30px
}

.mt_16[data-v-3ddb75a7] {
    margin-top: 32px
}

.mt_19[data-v-3ddb75a7] {
    margin-top: 38px
}

.mt_20[data-v-3ddb75a7] {
    margin-top: 40px
}

.ml_10[data-v-3ddb75a7] {
    margin-left: 20px
}

.ml_12[data-v-3ddb75a7] {
    margin-left: 24px
}

.ml_14[data-v-3ddb75a7] {
    margin-left: 28px
}

.ml_20[data-v-3ddb75a7] {
    margin-left: 40px
}

.ml_22[data-v-3ddb75a7] {
    margin-left: 44px
}

.ml_27[data-v-3ddb75a7] {
    margin-left: 54px
}

.mr_27[data-v-3ddb75a7] {
    margin-right: 54px
}

.pl_5[data-v-3ddb75a7] {
    padding-left: 10px
}

.margin_lr34[data-v-3ddb75a7] {
    margin: 0 34px
}

.margin_lr38[data-v-3ddb75a7] {
    margin: 0 38px
}

.padding_lr34[data-v-3ddb75a7] {
    padding: 0 34px
}

.padding_lr38[data-v-3ddb75a7] {
    padding: 0 38px
}

.text_center[data-v-3ddb75a7] {
    text-align: center
}

.color_0[data-v-3ddb75a7] {
    color: #000
}

.color_3[data-v-3ddb75a7] {
    color: #333
}

.color_fff[data-v-3ddb75a7] {
    color: #fff
}

.color_e3[data-v-3ddb75a7] {
    color: #e3e3e3
}

.color_40[data-v-3ddb75a7] {
    color: #404040
}

.color_60[data-v-3ddb75a7] {
    color: #606060
}

.color_666[data-v-3ddb75a7] {
    color: #666
}

.color_90[data-v-3ddb75a7] {
    color: #909090
}

.color_9c[data-v-3ddb75a7] {
    color: #9c9c9c
}

.color_current[data-v-3ddb75a7] {
    color: #2d5ff5
}

.color_red[data-v-3ddb75a7] {
    color: #ff4f4c
}

.border_current[data-v-3ddb75a7] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-3ddb75a7] {
    background-color: #fff
}

.bg_f8[data-v-3ddb75a7] {
    background-color: #f8f8fa
}

.bg_current[data-v-3ddb75a7] {
    background-color: #2d5ff5
}

.bg_ed[data-v-3ddb75a7] {
    background-color: #edf0fd
}

.bg_red[data-v-3ddb75a7] {
    background-color: #ff4f4c
}

.font_w_b[data-v-3ddb75a7] {
    font-weight: 700
}

.f_12[data-v-3ddb75a7] {
    font-size: 12px
}

.f_13[data-v-3ddb75a7] {
    font-size: 13px
}

.f_14[data-v-3ddb75a7] {
    font-size: 14px
}

.f_15[data-v-3ddb75a7] {
    font-size: 15px
}

.f_16[data-v-3ddb75a7] {
    font-size: 16px
}

.f_17[data-v-3ddb75a7] {
    font-size: 17px
}

.f_18[data-v-3ddb75a7] {
    font-size: 18px
}

.f_19[data-v-3ddb75a7] {
    font-size: 19px
}

.f_20[data-v-3ddb75a7] {
    font-size: 20px
}

.f_21[data-v-3ddb75a7] {
    font-size: 21px
}

.f_22[data-v-3ddb75a7] {
    font-size: 22px
}

.f_23[data-v-3ddb75a7] {
    font-size: 23px
}

.f_24[data-v-3ddb75a7] {
    font-size: 24px
}

.f_25[data-v-3ddb75a7] {
    font-size: 25px
}

.f_26[data-v-3ddb75a7] {
    font-size: 26px
}

.f_27[data-v-3ddb75a7] {
    font-size: 27px
}

.f_28[data-v-3ddb75a7] {
    font-size: 28px
}

.f_29[data-v-3ddb75a7] {
    font-size: 29px
}

.f_30[data-v-3ddb75a7] {
    font-size: 30px
}

.f_31[data-v-3ddb75a7] {
    font-size: 31px
}

.f_32[data-v-3ddb75a7] {
    font-size: 32px
}

.f_33[data-v-3ddb75a7] {
    font-size: 33px
}

.f_34[data-v-3ddb75a7] {
    font-size: 34px
}

.f_35[data-v-3ddb75a7] {
    font-size: 35px
}

.f_36[data-v-3ddb75a7] {
    font-size: 36px
}

.f_37[data-v-3ddb75a7] {
    font-size: 37px
}

.f_38[data-v-3ddb75a7] {
    font-size: 38px
}

.f_39[data-v-3ddb75a7] {
    font-size: 39px
}

.f_40[data-v-3ddb75a7] {
    font-size: 40px
}

.f_41[data-v-3ddb75a7] {
    font-size: 41px
}

.f_42[data-v-3ddb75a7] {
    font-size: 42px
}

.f_43[data-v-3ddb75a7] {
    font-size: 43px
}

.f_44[data-v-3ddb75a7] {
    font-size: 44px
}

.f_45[data-v-3ddb75a7] {
    font-size: 45px
}

.f_46[data-v-3ddb75a7] {
    font-size: 46px
}

.f_47[data-v-3ddb75a7] {
    font-size: 47px
}

.f_48[data-v-3ddb75a7] {
    font-size: 48px
}

.f_49[data-v-3ddb75a7] {
    font-size: 49px
}

.f_50[data-v-3ddb75a7] {
    font-size: 50px
}

.b-r[data-v-3ddb75a7] {
    border-radius: 50%
}

.blur4[data-v-3ddb75a7] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-3ddb75a7] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-3ddb75a7] {
    cursor: pointer
}

.templateButtons .confirm[data-v-3ddb75a7] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-3ddb75a7] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-3ddb75a7] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-3ddb75a7]:hover,
.templateButtons .confirm[data-v-3ddb75a7]:hover {
    opacity: .8
}

.edit-module-item-name[data-v-3ddb75a7] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-3ddb75a7] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-3ddb75a7] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-3ddb75a7] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-3ddb75a7] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-3ddb75a7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-3ddb75a7] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-3ddb75a7]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-3ddb75a7]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-3ddb75a7],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-3ddb75a7] {
    width: 100%
}

.edit-editor-btn[data-v-3ddb75a7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-3ddb75a7] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-3ddb75a7] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-3ddb75a7] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-3ddb75a7] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-3ddb75a7] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-3ddb75a7] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-3ddb75a7] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-3ddb75a7] {
    float: right
}

.highlight .highlight-content[data-v-3ddb75a7] {
    line-height: 20px
}

.position-r[data-v-3ddb75a7] {
    position: relative
}

.flex[data-v-3ddb75a7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-3ddb75a7] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-3ddb75a7] {
    margin: 0
}

.padding-0[data-v-3ddb75a7] {
    padding: 0
}

.width[data-v-3ddb75a7] {
    width: 100%
}

.margin-top-24[data-v-3ddb75a7] {
    margin-top: 24px
}

.margin-top-30[data-v-3ddb75a7] {
    margin-top: 30px
}

.margin-top-32[data-v-3ddb75a7] {
    margin-top: 32px
}

.margin-top-36[data-v-3ddb75a7] {
    margin-top: 36px
}

.margin-top-38[data-v-3ddb75a7] {
    margin-top: 38px
}

.pointer[data-v-3ddb75a7] {
    cursor: pointer
}

.resume-test[data-v-3ddb75a7] {
    font-size: 12px
}

.font-1[data-v-3ddb75a7] {
    font-family: msyh
}

.font-2[data-v-3ddb75a7] {
    font-family: "Source Han Serif SC"
}

.font-3[data-v-3ddb75a7] {
    font-family: STKaitiSc
}

.font-4[data-v-3ddb75a7] {
    font-family: Arial, sans-serif
}

.font-5[data-v-3ddb75a7] {
    font-family: Helvetica, sans-serif
}

.font-6[data-v-3ddb75a7] {
    font-family: Georgia, sans-serif
}

.font-7[data-v-3ddb75a7] {
    font-family: Times New Roman, sans-serif
}

.padding-5[data-v-3ddb75a7] {
    padding: 7mm 8mm 7mm 8mm !important
}

.padding-5.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 7.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-5 .cover[data-v-3ddb75a7] {
    padding-bottom: 7mm
}

.padding-6[data-v-3ddb75a7] {
    padding: 8mm 9mm 8mm 9mm !important
}

.padding-6.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 8.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-6 .cover[data-v-3ddb75a7] {
    padding-bottom: 8mm
}

.padding-7[data-v-3ddb75a7] {
    padding: 9mm 10mm 9mm 10mm !important
}

.padding-7.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 9.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-7 .cover[data-v-3ddb75a7] {
    padding-bottom: 9mm
}

.padding-8[data-v-3ddb75a7] {
    padding: 10mm 11mm 10mm 11mm !important
}

.padding-8.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 10.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-8 .cover[data-v-3ddb75a7] {
    padding-bottom: 10mm
}

.padding-9[data-v-3ddb75a7] {
    padding: 11mm 12mm 11mm 12mm !important
}

.padding-9.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 11.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-9 .cover[data-v-3ddb75a7] {
    padding-bottom: 11mm
}

.padding-10[data-v-3ddb75a7] {
    padding: 12mm 13mm 12mm 13mm !important
}

.padding-10.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 12.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-10 .cover[data-v-3ddb75a7] {
    padding-bottom: 12mm
}

.padding-11[data-v-3ddb75a7] {
    padding: 13mm 14mm 13mm 14mm !important
}

.padding-11.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 13.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-11 .cover[data-v-3ddb75a7] {
    padding-bottom: 13mm
}

.padding-12[data-v-3ddb75a7] {
    padding: 14mm 15mm 14mm 15mm !important
}

.padding-12.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 14.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-12 .cover[data-v-3ddb75a7] {
    padding-bottom: 14mm
}

.padding-13[data-v-3ddb75a7] {
    padding: 15mm 16mm 15mm 16mm !important
}

.padding-13.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 15.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-13 .cover[data-v-3ddb75a7] {
    padding-bottom: 15mm
}

.padding-14[data-v-3ddb75a7] {
    padding: 16mm 17mm 16mm 17mm !important
}

.padding-14.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 16.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-14 .cover[data-v-3ddb75a7] {
    padding-bottom: 16mm
}

.padding-15[data-v-3ddb75a7] {
    padding: 17mm 18mm 17mm 18mm !important
}

.padding-15.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 17.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-15 .cover[data-v-3ddb75a7] {
    padding-bottom: 17mm
}

.padding-16[data-v-3ddb75a7] {
    padding: 18mm 19mm 18mm 19mm !important
}

.padding-16.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 18.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-16 .cover[data-v-3ddb75a7] {
    padding-bottom: 18mm
}

.padding-17[data-v-3ddb75a7] {
    padding: 19mm 20mm 19mm 20mm !important
}

.padding-17.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 19.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-17 .cover[data-v-3ddb75a7] {
    padding-bottom: 19mm
}

.padding-18[data-v-3ddb75a7] {
    padding: 20mm 21mm 20mm 21mm !important
}

.padding-18.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 20.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-18 .cover[data-v-3ddb75a7] {
    padding-bottom: 20mm
}

.padding-19[data-v-3ddb75a7] {
    padding: 21mm 22mm 21mm 22mm !important
}

.padding-19.main[data-v-3ddb75a7]:after {
    content: "";
    display: block;
    width: 100%;
    height: 21.26458mm;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.padding-19 .cover[data-v-3ddb75a7] {
    padding-bottom: 21mm
}

.padding-20[data-v-3ddb75a7] {
    padding: 22mm 24mm 22mm 24mm !important
}

.padding-20 .cover[data-v-3ddb75a7] {
    padding-bottom: 22mm
}

.padding-25[data-v-3ddb75a7] {
    padding: 27mm 30mm 27mm 30mm !important
}

.padding-25 .cover[data-v-3ddb75a7] {
    padding-bottom: 27mm
}

.fontsize-10[data-v-3ddb75a7] {
    font-size: 10px
}

.fontsize-10 .user .user-name[data-v-3ddb75a7] {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px
}

.fontsize-10 .option[data-v-3ddb75a7] {
    font-size: 10px
}

.fontsize-10 .option .title[data-v-3ddb75a7] {
    font-size: 12px
}

.fontsize-11[data-v-3ddb75a7] {
    font-size: 11px
}

.fontsize-11 .user .user-name[data-v-3ddb75a7] {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px
}

.fontsize-11 .option[data-v-3ddb75a7] {
    font-size: 11px
}

.fontsize-11 .option .title[data-v-3ddb75a7] {
    font-size: 13px
}

.fontsize-12[data-v-3ddb75a7] {
    font-size: 12px
}

.fontsize-12 .user .user-name[data-v-3ddb75a7] {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.fontsize-12 .option[data-v-3ddb75a7] {
    font-size: 12px
}

.fontsize-12 .option .title[data-v-3ddb75a7] {
    font-size: 14px
}

.fontsize-13[data-v-3ddb75a7] {
    font-size: 13px
}

.fontsize-13 .user .user-name[data-v-3ddb75a7] {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 10px
}

.fontsize-13 .option[data-v-3ddb75a7] {
    font-size: 13px
}

.fontsize-13 .option .title[data-v-3ddb75a7] {
    font-size: 15px
}

.fontsize-14[data-v-3ddb75a7] {
    font-size: 14px
}

.fontsize-14 .user .user-name[data-v-3ddb75a7] {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px
}

.fontsize-14 .option[data-v-3ddb75a7] {
    font-size: 14px
}

.fontsize-14 .option .title[data-v-3ddb75a7] {
    font-size: 16px
}

.fontsize-15[data-v-3ddb75a7] {
    font-size: 15px
}

.fontsize-15 .user .user-name[data-v-3ddb75a7] {
    font-size: 23px;
    line-height: 23px;
    margin-bottom: 10px
}

.fontsize-15 .option[data-v-3ddb75a7] {
    font-size: 15px
}

.fontsize-15 .option .title[data-v-3ddb75a7] {
    font-size: 17px
}

.fontsize-16[data-v-3ddb75a7] {
    font-size: 16px
}

.fontsize-16 .user .user-name[data-v-3ddb75a7] {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px
}

.fontsize-16 .option[data-v-3ddb75a7] {
    font-size: 16px
}

.fontsize-16 .option .title[data-v-3ddb75a7] {
    font-size: 18px
}

.fontsize-17[data-v-3ddb75a7] {
    font-size: 17px
}

.fontsize-17 .user .user-name[data-v-3ddb75a7] {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px
}

.fontsize-17 .option[data-v-3ddb75a7] {
    font-size: 17px
}

.fontsize-17 .option .title[data-v-3ddb75a7] {
    font-size: 19px
}

.fontsize-18[data-v-3ddb75a7] {
    font-size: 18px
}

.fontsize-18 .user .user-name[data-v-3ddb75a7] {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 10px
}

.fontsize-18 .option[data-v-3ddb75a7] {
    font-size: 18px
}

.fontsize-18 .option .title[data-v-3ddb75a7] {
    font-size: 20px
}

.fontsize-6[data-v-3ddb75a7] {
    font-size: 6px
}

.fontsize-6 .user .user-name[data-v-3ddb75a7] {
    font-size: 14px
}

.fontsize-6 .title[data-v-3ddb75a7] {
    font-size: 8px
}

.fontsize-6 .option[data-v-3ddb75a7] {
    font-size: 6px
}

.lineH-12 .user[data-v-3ddb75a7] {
    padding-bottom: 7px
}

.lineH-13 .user[data-v-3ddb75a7] {
    padding-bottom: 7.5px
}

.lineH-14 .user[data-v-3ddb75a7] {
    padding-bottom: 8px
}

.lineH-15 .user[data-v-3ddb75a7] {
    padding-bottom: 8.5px
}

.lineH-16 .user[data-v-3ddb75a7] {
    padding-bottom: 9px
}

.lineH-17 .user[data-v-3ddb75a7] {
    padding-bottom: 9.5px
}

.lineH-18 .user[data-v-3ddb75a7] {
    padding-bottom: 10px
}

.lineH-19 .user[data-v-3ddb75a7] {
    padding-bottom: 10.5px
}

.lineH-20 .user[data-v-3ddb75a7] {
    padding-bottom: 11px
}

.lineH-21 .user[data-v-3ddb75a7] {
    padding-bottom: 11.5px
}

.lineH-22 .user[data-v-3ddb75a7] {
    padding-bottom: 12px
}

.lineH-23 .user[data-v-3ddb75a7] {
    padding-bottom: 12.5px
}

.lineH-24 .user[data-v-3ddb75a7] {
    padding-bottom: 13px
}

.lineH-25 .user[data-v-3ddb75a7] {
    padding-bottom: 13.5px
}

.lineH-26 .user[data-v-3ddb75a7] {
    padding-bottom: 14px
}

.lineH-27 .user[data-v-3ddb75a7] {
    padding-bottom: 14.5px
}

.lineH-28 .user[data-v-3ddb75a7] {
    padding-bottom: 15px
}

.lineH-29 .user[data-v-3ddb75a7] {
    padding-bottom: 15.5px
}

.lineH-30 .user[data-v-3ddb75a7] {
    padding-bottom: 16px
}

.lineH-12 .user[data-v-3ddb75a7] {
    padding-bottom: -2px
}

.lineH-13 .user[data-v-3ddb75a7] {
    padding-bottom: 0
}

.lineH-14 .user[data-v-3ddb75a7] {
    padding-bottom: 2px
}

.lineH-15 .user[data-v-3ddb75a7] {
    padding-bottom: 4px
}

.lineH-16 .user[data-v-3ddb75a7] {
    padding-bottom: 6px
}

.lineH-17 .user[data-v-3ddb75a7] {
    padding-bottom: 8px
}

.lineH-12[data-v-3ddb75a7] {
    line-height: 12px
}

.lineH-12 .option[data-v-3ddb75a7] {
    margin-top: 1px
}

.lineH-12 .option .title[data-v-3ddb75a7] {
    padding-bottom: 2px;
    margin-bottom: 2px
}

.lineH-12 .option[data-v-3ddb75a7] .menu-title,
.lineH-12 .option[data-v-3ddb75a7] li,
.lineH-12 .option[data-v-3ddb75a7] ol,
.lineH-12 .option[data-v-3ddb75a7] p {
    padding-bottom: 2px
}

.lineH-13[data-v-3ddb75a7] {
    line-height: 13px
}

.lineH-13 .option[data-v-3ddb75a7] {
    margin-top: 2px
}

.lineH-13 .option .title[data-v-3ddb75a7] {
    padding-bottom: 2.25px;
    margin-bottom: 2.5px
}

.lineH-13 .option[data-v-3ddb75a7] .menu-title,
.lineH-13 .option[data-v-3ddb75a7] li,
.lineH-13 .option[data-v-3ddb75a7] ol,
.lineH-13 .option[data-v-3ddb75a7] p {
    padding-bottom: 2.5px
}

.lineH-14[data-v-3ddb75a7] {
    line-height: 14px
}

.lineH-14 .option[data-v-3ddb75a7] {
    margin-top: 3px
}

.lineH-14 .option .title[data-v-3ddb75a7] {
    padding-bottom: 2.5px;
    margin-bottom: 3px
}

.lineH-14 .option[data-v-3ddb75a7] .menu-title,
.lineH-14 .option[data-v-3ddb75a7] li,
.lineH-14 .option[data-v-3ddb75a7] ol,
.lineH-14 .option[data-v-3ddb75a7] p {
    padding-bottom: 3px
}

.lineH-15[data-v-3ddb75a7] {
    line-height: 15px
}

.lineH-15 .option[data-v-3ddb75a7] {
    margin-top: 4px
}

.lineH-15 .option .title[data-v-3ddb75a7] {
    padding-bottom: 2.75px;
    margin-bottom: 3.5px
}

.lineH-15 .option[data-v-3ddb75a7] .menu-title,
.lineH-15 .option[data-v-3ddb75a7] li,
.lineH-15 .option[data-v-3ddb75a7] ol,
.lineH-15 .option[data-v-3ddb75a7] p {
    padding-bottom: 3.5px
}

.lineH-16[data-v-3ddb75a7] {
    line-height: 16px
}

.lineH-16 .option[data-v-3ddb75a7] {
    margin-top: 5px
}

.lineH-16 .option .title[data-v-3ddb75a7] {
    padding-bottom: 3px;
    margin-bottom: 4px
}

.lineH-16 .option[data-v-3ddb75a7] .menu-title,
.lineH-16 .option[data-v-3ddb75a7] li,
.lineH-16 .option[data-v-3ddb75a7] ol,
.lineH-16 .option[data-v-3ddb75a7] p {
    padding-bottom: 4px
}

.lineH-17[data-v-3ddb75a7] {
    line-height: 17px
}

.lineH-17 .option[data-v-3ddb75a7] {
    margin-top: 6px
}

.lineH-17 .option .title[data-v-3ddb75a7] {
    padding-bottom: 3.25px;
    margin-bottom: 4.5px
}

.lineH-17 .option[data-v-3ddb75a7] .menu-title,
.lineH-17 .option[data-v-3ddb75a7] li,
.lineH-17 .option[data-v-3ddb75a7] ol,
.lineH-17 .option[data-v-3ddb75a7] p {
    padding-bottom: 4.5px
}

.lineH-18[data-v-3ddb75a7] {
    line-height: 18px
}

.lineH-18 .option[data-v-3ddb75a7] {
    margin-top: 7px
}

.lineH-18 .option .title[data-v-3ddb75a7] {
    padding-bottom: 3.5px;
    margin-bottom: 5px
}

.lineH-18 .option[data-v-3ddb75a7] .menu-title,
.lineH-18 .option[data-v-3ddb75a7] li,
.lineH-18 .option[data-v-3ddb75a7] ol,
.lineH-18 .option[data-v-3ddb75a7] p {
    padding-bottom: 5px
}

.lineH-19[data-v-3ddb75a7] {
    line-height: 19px
}

.lineH-19 .option[data-v-3ddb75a7] {
    margin-top: 8px
}

.lineH-19 .option .title[data-v-3ddb75a7] {
    padding-bottom: 3.75px;
    margin-bottom: 5.5px
}

.lineH-19 .option[data-v-3ddb75a7] .menu-title,
.lineH-19 .option[data-v-3ddb75a7] li,
.lineH-19 .option[data-v-3ddb75a7] ol,
.lineH-19 .option[data-v-3ddb75a7] p {
    padding-bottom: 5.5px
}

.lineH-20[data-v-3ddb75a7] {
    line-height: 20px
}

.lineH-20 .option[data-v-3ddb75a7] {
    margin-top: 9px
}

.lineH-20 .option .title[data-v-3ddb75a7] {
    padding-bottom: 4px;
    margin-bottom: 6px
}

.lineH-20 .option[data-v-3ddb75a7] .menu-title,
.lineH-20 .option[data-v-3ddb75a7] li,
.lineH-20 .option[data-v-3ddb75a7] ol,
.lineH-20 .option[data-v-3ddb75a7] p {
    padding-bottom: 6px
}

.lineH-21[data-v-3ddb75a7] {
    line-height: 21px
}

.lineH-21 .option[data-v-3ddb75a7] {
    margin-top: 10px
}

.lineH-21 .option .title[data-v-3ddb75a7] {
    padding-bottom: 4.25px;
    margin-bottom: 6.5px
}

.lineH-21 .option[data-v-3ddb75a7] .menu-title,
.lineH-21 .option[data-v-3ddb75a7] li,
.lineH-21 .option[data-v-3ddb75a7] ol,
.lineH-21 .option[data-v-3ddb75a7] p {
    padding-bottom: 6.5px
}

.lineH-22[data-v-3ddb75a7] {
    line-height: 22px
}

.lineH-22 .option[data-v-3ddb75a7] {
    margin-top: 11px
}

.lineH-22 .option .title[data-v-3ddb75a7] {
    padding-bottom: 4.5px;
    margin-bottom: 7px
}

.lineH-22 .option[data-v-3ddb75a7] .menu-title,
.lineH-22 .option[data-v-3ddb75a7] li,
.lineH-22 .option[data-v-3ddb75a7] ol,
.lineH-22 .option[data-v-3ddb75a7] p {
    padding-bottom: 7px
}

.lineH-23[data-v-3ddb75a7] {
    line-height: 23px
}

.lineH-23 .option[data-v-3ddb75a7] {
    margin-top: 12px
}

.lineH-23 .option .title[data-v-3ddb75a7] {
    padding-bottom: 4.75px;
    margin-bottom: 7.5px
}

.lineH-23 .option[data-v-3ddb75a7] .menu-title,
.lineH-23 .option[data-v-3ddb75a7] li,
.lineH-23 .option[data-v-3ddb75a7] ol,
.lineH-23 .option[data-v-3ddb75a7] p {
    padding-bottom: 7.5px
}

.lineH-24[data-v-3ddb75a7] {
    line-height: 24px
}

.lineH-24 .option[data-v-3ddb75a7] {
    margin-top: 13px
}

.lineH-24 .option .title[data-v-3ddb75a7] {
    padding-bottom: 5px;
    margin-bottom: 8px
}

.lineH-24 .option[data-v-3ddb75a7] .menu-title,
.lineH-24 .option[data-v-3ddb75a7] li,
.lineH-24 .option[data-v-3ddb75a7] ol,
.lineH-24 .option[data-v-3ddb75a7] p {
    padding-bottom: 8px
}

.lineH-25[data-v-3ddb75a7] {
    line-height: 25px
}

.lineH-25 .option[data-v-3ddb75a7] {
    margin-top: 14px
}

.lineH-25 .option .title[data-v-3ddb75a7] {
    padding-bottom: 5.25px;
    margin-bottom: 8.5px
}

.lineH-25 .option[data-v-3ddb75a7] .menu-title,
.lineH-25 .option[data-v-3ddb75a7] li,
.lineH-25 .option[data-v-3ddb75a7] ol,
.lineH-25 .option[data-v-3ddb75a7] p {
    padding-bottom: 8.5px
}

.lineH-26[data-v-3ddb75a7] {
    line-height: 26px
}

.lineH-26 .option[data-v-3ddb75a7] {
    margin-top: 15px
}

.lineH-26 .option .title[data-v-3ddb75a7] {
    padding-bottom: 5.5px;
    margin-bottom: 9px
}

.lineH-26 .option[data-v-3ddb75a7] .menu-title,
.lineH-26 .option[data-v-3ddb75a7] li,
.lineH-26 .option[data-v-3ddb75a7] ol,
.lineH-26 .option[data-v-3ddb75a7] p {
    padding-bottom: 9px
}

.lineH-27[data-v-3ddb75a7] {
    line-height: 27px
}

.lineH-27 .option[data-v-3ddb75a7] {
    margin-top: 16px
}

.lineH-27 .option .title[data-v-3ddb75a7] {
    padding-bottom: 5.75px;
    margin-bottom: 9.5px
}

.lineH-27 .option[data-v-3ddb75a7] .menu-title,
.lineH-27 .option[data-v-3ddb75a7] li,
.lineH-27 .option[data-v-3ddb75a7] ol,
.lineH-27 .option[data-v-3ddb75a7] p {
    padding-bottom: 9.5px
}

.lineH-28[data-v-3ddb75a7] {
    line-height: 28px
}

.lineH-28 .option[data-v-3ddb75a7] {
    margin-top: 17px
}

.lineH-28 .option .title[data-v-3ddb75a7] {
    padding-bottom: 6px;
    margin-bottom: 10px
}

.lineH-28 .option[data-v-3ddb75a7] .menu-title,
.lineH-28 .option[data-v-3ddb75a7] li,
.lineH-28 .option[data-v-3ddb75a7] ol,
.lineH-28 .option[data-v-3ddb75a7] p {
    padding-bottom: 10px
}

.lineH-29[data-v-3ddb75a7] {
    line-height: 29px
}

.lineH-29 .option[data-v-3ddb75a7] {
    margin-top: 18px
}

.lineH-29 .option .title[data-v-3ddb75a7] {
    padding-bottom: 6.25px;
    margin-bottom: 10.5px
}

.lineH-29 .option[data-v-3ddb75a7] .menu-title,
.lineH-29 .option[data-v-3ddb75a7] li,
.lineH-29 .option[data-v-3ddb75a7] ol,
.lineH-29 .option[data-v-3ddb75a7] p {
    padding-bottom: 10.5px
}

.lineH-30[data-v-3ddb75a7] {
    line-height: 30px
}

.lineH-30 .option[data-v-3ddb75a7] {
    margin-top: 19px
}

.lineH-30 .option .title[data-v-3ddb75a7] {
    padding-bottom: 6.5px;
    margin-bottom: 11px
}

.lineH-30 .option[data-v-3ddb75a7] .menu-title,
.lineH-30 .option[data-v-3ddb75a7] li,
.lineH-30 .option[data-v-3ddb75a7] ol,
.lineH-30 .option[data-v-3ddb75a7] p {
    padding-bottom: 11px
}

.resume-main[data-v-3ddb75a7] {
    width: 100%;
    overflow: hidden;
    position: relative
}

.resume-main.is-page[data-v-3ddb75a7] {
    height: 100%;
    overflow: hidden
}

.resume-main.is-page.page-index-1 .main[data-v-3ddb75a7]:first-child {
    margin-top: 0
}

.resume-main.is-page.page-index-2 .main[data-v-3ddb75a7]:first-child {
    margin-top: -307mm
}

.resume-main.is-page.page-index-3 .main[data-v-3ddb75a7]:first-child {
    margin-top: -614mm
}

.resume-main.is-page.page-index-4 .main[data-v-3ddb75a7]:first-child {
    margin-top: -921mm
}

.resume-main.is-page.page-index-5 .main[data-v-3ddb75a7]:first-child {
    margin-top: -1228mm
}

.resume-main.is-page.page-index-6 .main[data-v-3ddb75a7]:first-child {
    margin-top: -1535mm
}

.resume-main.is-page.page-index-7 .main[data-v-3ddb75a7]:first-child {
    margin-top: -1842mm
}

.resume-main.is-page.page-index-8 .main[data-v-3ddb75a7]:first-child {
    margin-top: -2149mm
}

.resume-main.is-page.page-index-9 .main[data-v-3ddb75a7]:first-child {
    margin-top: -2456mm
}

.resume-main.is-page.page-index-10 .main[data-v-3ddb75a7]:first-child {
    margin-top: -2763mm
}

.resume-main.is-page.page-index-11 .main[data-v-3ddb75a7]:first-child {
    margin-top: -3070mm
}

.resume-main.is-page.page-index-12 .main[data-v-3ddb75a7]:first-child {
    margin-top: -3377mm
}

.resume-main.is-page.page-index-13 .main[data-v-3ddb75a7]:first-child {
    margin-top: -3684mm
}

.resume-main.is-page.page-index-14 .main[data-v-3ddb75a7]:first-child {
    margin-top: -3991mm
}

.resume-main.a4 .pdf-main[data-v-3ddb75a7],
.resume-main.a4 .scale[data-v-3ddb75a7] {
    width: 210mm
}

.resume-main.a4 .main[data-v-3ddb75a7] {
    height: 297mm
}

.resume-main.letter_size .pdf-main[data-v-3ddb75a7],
.resume-main.letter_size .scale[data-v-3ddb75a7] {
    width: 215.9mm
}

.resume-main.letter_size .main[data-v-3ddb75a7] {
    height: 279.4mm
}

.resume-main .scale[data-v-3ddb75a7] {
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    -webkit-transition: all .02s ease;
    transition: all .02s ease;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.resume-main .scale.visible[data-v-3ddb75a7] {
    visibility: visible
}

@-webkit-keyframes animationname-data-v-3ddb75a7 {
    0% {
        top: 0
    }
    to {
        top: 0
    }
}

@keyframes animationname-data-v-3ddb75a7 {
    0% {
        top: 0
    }
    to {
        top: 0
    }
}

.resume-main .is-page-margin[data-v-3ddb75a7] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.resume-main .main[data-v-3ddb75a7] {
    width: 100%;
    padding: 5mm;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10mm;
    color: #000;
    position: relative
}

.resume-main .main .extras-item[data-v-3ddb75a7] {
    word-break: break-all
}

.resume-main .main[data-v-3ddb75a7]:last-child {
    margin-bottom: 0
}

.resume-main .main .content[data-v-3ddb75a7] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative
}

.resume-main .main .content .content-scroll[data-v-3ddb75a7] {
    position: relative;
    z-index: 1
}

.resume-main .main .cover[data-v-3ddb75a7] {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.resume-main .user[data-v-3ddb75a7] {
    position: relative
}

.resume-main .user[data-v-3ddb75a7]:hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.resume-main .user .user-info[data-v-3ddb75a7] {
    width: 493px;
    width: 70%
}

.resume-main .user .user-info>div[data-v-3ddb75a7] span /deep/ b {
    font-weight: 400
}

[data-v-3ddb75a7] .resume-main .user .user-info>div /deep/ span:last-child b {
    display: none
}

.resume-main .user .user-info .user-name[data-v-3ddb75a7] {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px
}

.resume-main .user .user-info .attr-name[data-v-3ddb75a7] {
    display: none
}

.resume-main .user .user-info.show-attr-name .attr-name[data-v-3ddb75a7] {
    display: inline
}

.resume-main .user .user-avatar[data-v-3ddb75a7] {
    width: 80px;
    height: 96px;
    position: absolute;
    top: 0;
    right: 0
}

.resume-main .user .user-avatar img[data-v-3ddb75a7] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.resume-main .user .user-school[data-v-3ddb75a7] {
    max-width: 176px;
    max-height: 48px;
    position: absolute;
    top: 0;
    left: 0
}

.resume-main .user .user-school.position_inherit[data-v-3ddb75a7] {
    position: static
}

.resume-main .user .user-school img[data-v-3ddb75a7] {
    max-width: 176px;
    max-height: 48px
}

.resume-main .user.left .user-info[data-v-3ddb75a7] {
    text-align: left
}

.resume-main .user.center .user-info[data-v-3ddb75a7] {
    text-align: center;
    margin: auto
}

.resume-main .user.avatar .user-info[data-v-3ddb75a7] {
    min-height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.resume-main .user.avatar .user-avatar[data-v-3ddb75a7] {
    right: 0
}

.resume-main .user.school-logo .user-school[data-v-3ddb75a7] {
    left: 0
}

.resume-main .user.left.school-logo .user-school[data-v-3ddb75a7] {
    left: auto;
    right: 0
}

.resume-main .user.left.avatar.school-logo .user-info[data-v-3ddb75a7] {
    margin: auto
}

.resume-main .user.left.avatar.school-logo .user-avatar[data-v-3ddb75a7] {
    right: auto;
    left: 0
}

.resume-main .user.left.avatar.school-logo .user-school[data-v-3ddb75a7] {
    left: auto;
    right: 0
}

.resume-main .user .attr-name[data-v-3ddb75a7] {
    display: none
}

.resume-main .user.show-attr-name .attr-name[data-v-3ddb75a7] {
    display: inline
}

.resume-main .option[data-v-3ddb75a7] {
    width: 100%
}

.resume-main .option .title[data-v-3ddb75a7] {
    border-bottom: 1px solid #ccc;
    font-weight: 700
}

.resume-main .option .menu[data-v-3ddb75a7] b,
.resume-main .option .menu[data-v-3ddb75a7] b *,
.resume-main .option .menu[data-v-3ddb75a7] strong,
.resume-main .option .menu[data-v-3ddb75a7] strong * {
    font-weight: 900 !important
}

.resume-main .option .menu[data-v-3ddb75a7] sub {
    vertical-align: sub;
    font-size: smaller
}

.resume-main .option .menu[data-v-3ddb75a7] sup {
    vertical-align: super;
    font-size: smaller
}

.resume-main .option .menu .menu-title[data-v-3ddb75a7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-main .option .menu .menu-title .name[data-v-3ddb75a7] {
    font-weight: 700
}

.resume-main .option .menu .menu-title .left[data-v-3ddb75a7] {
    word-wrap: break-word;
    margin-right: 10px
}

.resume-main .option .menu .menu-title .right[data-v-3ddb75a7] {
    padding-right: 1px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resume-main .option .menu[data-v-3ddb75a7]:hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.menu-content-wrapper[data-v-3ddb75a7] {
    position: relative
}

.menu-content-wrapper .mask[data-v-3ddb75a7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu-content-wrapper .menu-content [data-v-3ddb75a7] {
    word-break: break-word
}

.menu-content-wrapper .menu-content a[data-v-3ddb75a7] {
    color: #4183ff
}

.high-light-error[data-v-3ddb75a7] {
    background-color: #f9f9f9
}

.resume-main ol[data-v-3ddb75a7],
.resume-main ul[data-v-3ddb75a7] {
    padding-left: 20px
}

[data-v-31ccb958] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.suggest[data-v-31ccb958] {
    overflow: hidden;
    border-radius: 2px
}

.suggest .suggest-title[data-v-31ccb958] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 24px;
    cursor: pointer
}

.suggest .suggest-title .icon-right[data-v-31ccb958] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.suggest .suggest-title .icon-right.active[data-v-31ccb958] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.suggest .optimize-content[data-v-31ccb958] {
    height: auto;
    overflow-y: auto;
    height: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    margin-bottom: 0
}

.suggest .optimize-content[data-v-31ccb958]::-webkit-scrollbar {
    width: 6px
}

.suggest .optimize-content[data-v-31ccb958]::-webkit-scrollbar-thumb {
    background: #ececec
}

.suggest .optimize-content.show[data-v-31ccb958] {
    height: auto;
    height: 515px;
    overflow: auto;
    margin-bottom: 10px
}

.suggest .suggest-content[data-v-31ccb958] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto
}

.suggest .suggest-content .suggest-item[data-v-31ccb958] {
    padding: 0 24px 24px;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden
}

.suggest .suggest-content .suggest-item[data-v-31ccb958]:last-child {
    border: none
}

.suggest .suggest-content .suggest-item .suggest-name[data-v-31ccb958] {
    font-size: 14px;
    color: #404040;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .suggest-content .suggest-item .suggest-name img[data-v-31ccb958] {
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.suggest .suggest-content .suggest-item .suggest-name .iconfont[data-v-31ccb958] {
    font-size: 18px;
    margin-right: 8px;
    font-weight: 600;
    color: #9c9c9c
}

.suggest .suggest-content .suggest-item .suggest-list[data-v-31ccb958] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    line-height: 21px;
    margin-top: 16px;
    cursor: pointer
}

.suggest .suggest-content .suggest-item .suggest-list .advice-change[data-v-31ccb958] {
    text-decoration: line-through
}

.suggest .suggest-content .suggest-item .suggest-list .suggest-text[data-v-31ccb958]:hover {
    color: #f64
}

.suggest .suggest-content .suggest-item .suggest-button[data-v-31ccb958] {
    width: 100%;
    color: #4183ff;
    background: #f5f8ff;
    cursor: pointer;
    line-height: 16px;
    padding: 16px 24px 16px 0;
    margin: 16px 0;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .suggest-content .suggest-item .suggest-button[data-v-31ccb958]:hover {
    background: #ebf1ff
}

.suggest .suggest-content .suggest-item .suggest-button img[data-v-31ccb958] {
    width: 14px;
    height: 14px;
    margin-right: 14px
}

.suggest .suggest-content .suggest-item .suggest-button .iconfont[data-v-31ccb958] {
    margin-right: 8px;
    margin-left: 24px
}

.suggest .suggest-content.center[data-v-31ccb958] {
    text-align: center;
    padding: 24px 0 36px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px
}

.suggest .suggest-content.center .t[data-v-31ccb958] {
    color: #404040;
    margin-top: 6px
}

.suggest .suggest-content.center img[data-v-31ccb958] {
    display: block;
    width: 96px;
    height: 65px;
    margin: auto
}

.suggest .suggest-content.center b[data-v-31ccb958] {
    color: #ff4f4c;
    font-weight: 400
}

.suggest .suggest-content.center button[data-v-31ccb958] {
    width: 200px;
    height: 36px;
    background: #ff4f4c;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    margin-top: 24px
}

.suggest .guide-code-container[data-v-31ccb958] {
    width: calc(100% - 48px);
    padding: 24px 30px;
    margin: -10px auto 14px;
    border-radius: 4px;
    background-color: rgba(78, 85, 103, .04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.suggest .guide-code-container img[data-v-31ccb958] {
    width: 72px;
    height: 72px;
    margin-right: 20px
}

.suggest .guide-code-container .code-content[data-v-31ccb958] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.suggest .guide-code-container .code-content .code-title[data-v-31ccb958] {
    color: #414653;
    line-height: 22px;
    white-space: nowrap;
    margin-bottom: 4px
}

.suggest .guide-code-container .code-content .code-description[data-v-31ccb958] {
    color: #aeb2bd;
    font-size: 12px;
    line-height: 18px
}

.teacher[data-v-5988c434] {
    display: block;
    padding: 22px 20px 10px;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px 2px 0 0
}

.teacher .title[data-v-5988c434] {
    color: #404040;
    font-size: 14px;
    margin-bottom: 24px;
    font-weight: 700
}

.teacher .teacher-img[data-v-5988c434] {
    display: block;
    width: 100%
}

.teacher .teacher-text[data-v-5988c434] {
    margin-top: 13px;
    line-height: 23px;
    color: #606060
}

.teacher .teacher-text b[data-v-5988c434] {
    font-weight: 400;
    color: #ff4e4c
}

.model[data-v-5988c434] {
    margin-bottom: 0 !important
}

.check[data-v-1e24ff79] {
    margin-top: -12px;
    padding: 0 24px 24px;
    border-radius: 2px
}

.check .check-title[data-v-1e24ff79] {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.check .check-title .check-score[data-v-1e24ff79] {
    color: #4d4d4d;
    font-size: 16px
}

.check .check-title span[data-v-1e24ff79] {
    color: #404040;
    font-size: 14px;
    font-weight: 600
}

.check .check-title button[data-v-1e24ff79] {
    width: 84px;
    height: 32px;
    background: #f64;
    color: #fff;
    font-size: 14px;
    border-radius: 16px
}

.check .check-title button[data-v-1e24ff79]:hover {
    background: #ff8569
}

.check .check-progress[data-v-1e24ff79] {
    height: 5px;
    border-radius: 3px;
    background: #e8e8e8;
    margin-top: 7px
}

.check .check-progress div[data-v-1e24ff79] {
    width: auto;
    height: 100%;
    border-radius: 3px;
    background: #f64;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.check .check-msg[data-v-1e24ff79] {
    margin: 18px 0;
    color: #404040;
    line-height: 20px;
    font-size: 14px
}

.check .check-btn[data-v-1e24ff79] {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f64;
    border: 1px solid #f64;
    border-radius: 18px
}

.check .check-btn[data-v-1e24ff79]:hover {
    color: #fff;
    background: #f64
}

.coach[data-v-30c51bca] {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 24px
}

.coach .coach-title[data-v-30c51bca] {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #404040
}

.coach .coach-title .coach-end-btn[data-v-30c51bca] {
    width: 98px;
    height: 34px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    cursor: pointer;
    border-radius: 2px;
    background: #fff
}

.coach .coach-title .coach-title-me[data-v-30c51bca] {
    font-weight: 600
}

.coach .coach-title .iconfont[data-v-30c51bca] {
    font-size: 16px;
    font-weight: 600;
    margin-left: 4px
}

.coach .coach-title span[data-v-30c51bca] {
    color: #ff4f4c
}

.coach .border-bottom[data-v-30c51bca] {
    border-bottom: 1px solid #eee
}

.coach .coach-name[data-v-30c51bca] {
    margin: 0;
    margin: 20px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #404040;
    font-weight: 600
}

.coach .coach-name span[data-v-30c51bca] {
    font-weight: 600
}

.coach .coach-name .iconfont[data-v-30c51bca] {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.coach .coach-name .iconfont.active[data-v-30c51bca] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coach .coach-progress[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca] {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    background: #fff;
    position: relative;
    z-index: 1
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:first-child {
    z-index: 4
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:nth-child(2) {
    z-index: 3
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:nth-child(3) {
    z-index: 2
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:nth-child(4) {
    z-index: 1
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:after {
    content: "";
    display: block;
    width: 60px;
    height: 0;
    border-top: 2px dotted #d8d8d8;
    position: absolute;
    left: -60px;
    top: 5px
}

.coach .coach-progress .coach-progress-menu[data-v-30c51bca]:first-child:after {
    content: "";
    width: 0;
    border: none
}

.coach .coach-progress .coach-progress-menu.action[data-v-30c51bca],
.coach .coach-progress .coach-progress-menu.active[data-v-30c51bca] {
    border-color: #ff4f4c;
    background: #ff4f4c
}

.coach .coach-progress .coach-progress-menu.action[data-v-30c51bca]:after,
.coach .coach-progress .coach-progress-menu.active[data-v-30c51bca]:after {
    border-top: 2px solid #ff4f4c
}

.coach .coach-progress .coach-progress-menu.active[data-v-30c51bca] {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    background: #ffd6d4;
    border: none
}

.coach .coach-progress .coach-progress-menu.active[data-v-30c51bca]:after {
    top: 15px
}

.coach .coach-progress .coach-progress-menu.active[data-v-30c51bca]:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #ff4f4c;
    margin: 6px
}

.coach .coach-progress-text[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.coach .coach-progress-text div[data-v-30c51bca] {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.coach .coach-progress-text div p[data-v-30c51bca]:first-child {
    font-size: 14px;
    color: #d8d8d8;
    margin-top: 5px
}

.coach .coach-progress-text div .task-date[data-v-30c51bca],
.coach .coach-progress-text div p[data-v-30c51bca]:last-child {
    font-size: 12px;
    color: #9c9c9c;
    margin-top: 6px
}

.coach .coach-progress-text div.active p[data-v-30c51bca]:first-child {
    color: #404040
}

.coach .coach-progress-message[data-v-30c51bca] {
    padding: 12px 16px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px;
    background: #f7f7f7;
    border-radius: 2px;
    margin-top: 10px
}

.coach .coach-progress-message b[data-v-30c51bca],
.coach .coach-progress-message em[data-v-30c51bca],
.coach .coach-progress-message i[data-v-30c51bca] {
    color: #ff4f4c !important
}

.coach .coach-progress-btn[data-v-30c51bca] {
    background: transparent;
    border: 1px solid #cfcfcf;
    color: #cfcfcf;
    width: 100%;
    border-radius: 2px;
    height: 36px;
    margin-top: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    position: relative;
    overflow: visible
}

.coach .coach-progress-btn.active[data-v-30c51bca] {
    border-color: #ff4f4c;
    color: #ff4f4c;
    cursor: pointer
}

.coach .coach-progress-btn .coach-toast[data-v-30c51bca] {
    width: 180px;
    height: 52px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.coach .coach-url[data-v-30c51bca] {
    width: calc(100% - 16px);
    display: block;
    color: #6bb1fc;
    line-height: 16px
}

.coach .question[data-v-30c51bca] {
    width: calc(100% - 16px);
    position: relative;
    color: #404040;
    font-size: 14px;
    line-height: 16px
}

.coach .question.active[data-v-30c51bca] {
    padding-bottom: 0
}

.coach .question.active .text[data-v-30c51bca] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.coach .question.active .more b[data-v-30c51bca] {
    color: #4183ff !important
}

.coach .question.active .more b i[data-v-30c51bca] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.coach .question .text[data-v-30c51bca] {
    display: inline-block;
    color: #404040
}

.coach .question .more[data-v-30c51bca] {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .4)), color-stop(40%, #fff), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .4) 0, #fff 40%, #fff)
}

.coach .question .more b[data-v-30c51bca] {
    cursor: pointer;
    color: #9c9c9c;
    font-style: normal;
    font-weight: 400
}

.coach .question .more b i[data-v-30c51bca] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coach .coach-reply-content[data-v-30c51bca] {
    max-height: 379px;
    border-top: 1px solid #ececec;
    overflow-y: auto
}

.coach .coach-reply-content .coach-reply-menu[data-v-30c51bca] {
    margin-top: 16px
}

.coach .coach-reply-content .coach-reply-menu[data-v-30c51bca]:last-child {
    margin-bottom: 16px
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-user[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-user img[data-v-30c51bca] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 8px
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-title .coach-reply-date[data-v-30c51bca] {
    font-size: 12px;
    color: #d8d8d8
}

.coach .coach-reply-content .coach-reply-menu .coach-reply-text[data-v-30c51bca] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    width: 100%;
    font-size: 14px;
    color: #404040;
    line-height: 20px;
    padding-left: 32px;
    padding-right: 16px
}

.coach .coach-reply-content .splitLine[data-v-30c51bca] {
    line-height: 21px;
    margin-top: 16px;
    color: #d8d8d8;
    overflow: hidden
}

.coach .coach-reply-content .splitLine span[data-v-30c51bca] {
    display: inline-block
}

.coach .coach-reply-content .splitLine span[data-v-30c51bca]:after,
.coach .coach-reply-content .splitLine span[data-v-30c51bca]:before {
    width: 200px;
    height: 1px;
    background: #d8d8d8;
    opacity: .5;
    display: block;
    content: "";
    position: absolute;
    top: 10px
}

.coach .coach-reply-content .splitLine span[data-v-30c51bca]:before {
    left: -210px
}

.coach .coach-reply-content .splitLine span[data-v-30c51bca]:after {
    right: -210px
}

.coach .coach-reply[data-v-30c51bca] {
    border: 1px solid #ececec;
    margin-top: 24px;
    height: 110px;
    border-radius: 2px;
    position: relative;
    padding: 10px
}

.coach .coach-reply textarea[data-v-30c51bca] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    resize: none;
    padding-bottom: 30px
}

.coach .coach-reply button[data-v-30c51bca] {
    width: 66px;
    height: 30px;
    background: #ff4f4c;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.coach .coach-tooltip[data-v-30c51bca] {
    width: 188px;
    height: 52px;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -195px;
    bottom: 0
}

.coach .coach-tooltip .iconfont[data-v-30c51bca] {
    margin-top: 2px;
    margin-left: 10px
}

.coach .coach-tooltip[data-v-30c51bca]:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: -2px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -8px
}

.feedback[data-v-30c51bca] {
    background: #fff;
    padding: 22px 24px 28px;
    margin-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feedback .feedback-title[data-v-30c51bca] {
    font-size: 14px;
    color: #404040;
    font-weight: 600
}

.feedback .feedback-content[data-v-30c51bca] {
    padding: 14px 0 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.feedback .feedback-content .feedback-menu[data-v-30c51bca],
.feedback .feedback-content[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback .feedback-content .feedback-menu[data-v-30c51bca] {
    margin-right: 29px;
    cursor: pointer
}

.feedback .feedback-content .feedback-menu img[data-v-30c51bca] {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.feedback .feedback-btn[data-v-30c51bca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback .feedback-btn a[data-v-30c51bca] {
    display: block;
    width: 55px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #dedfe1;
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
    padding: 0;
    cursor: pointer
}

.feedback .feedback-btn a.active[data-v-30c51bca] {
    border-color: #398dee;
    color: #398dee;
    margin-right: 20px
}

.orderContent[data-v-30c51bca] {
    line-height: 23px
}

.hint-main[data-v-abab7896] {
    margin-top: -12px;
    border-radius: 2px
}

.hint-main .info-edit-option[data-v-abab7896] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.hint-main .info-edit-option .menu[data-v-abab7896] {
    height: 100%;
    line-height: 56px;
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer;
    position: relative
}

.hint-main .info-edit-option .menu.active[data-v-abab7896],
.hint-main .info-edit-option .menu[data-v-abab7896]:hover {
    color: #404040
}

.hint-main .info-edit-option .menu.active[data-v-abab7896]:after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint-main .model[data-v-abab7896] {
    background: #fff;
    margin-bottom: 1px
}

.hint-main .model .name[data-v-abab7896] {
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    position: relative;
    border-bottom: 1px solid #f9f9f9;
    cursor: pointer
}

.hint-main .model .name span[data-v-abab7896] {
    margin-left: 35px
}

.hint-main .model .name .iconfont[data-v-abab7896] {
    margin-right: 24px;
    font-size: 20px;
    color: #9c9c9c;
    font-weight: 600
}

.hint-main .model .name[data-v-abab7896]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -7px;
    background: #ff4f4c
}

.hint-main .model.tips .tips-content[data-v-abab7896] {
    padding: 0 24px;
    overflow: hidden
}

.hint-main .model.tips .tips-select[data-v-abab7896] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 28px auto 4px;
    padding: 0 24px
}

.hint-main .model.tips .tips-content[data-v-abab7896] {
    max-height: 556px;
    overflow-y: auto;
    padding: 18px 24px;
    padding: 0;
    margin: 0 24px
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title[data-v-abab7896] {
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040;
    font-size: 14px;
    cursor: pointer
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title i.iconfont[data-v-abab7896] {
    font-size: 20px;
    color: #d8d8d8;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-title.show .iconfont[data-v-abab7896] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hint-main .model.tips .tips-content .tips-menu .tips-menu-content[data-v-abab7896] {
    width: 271px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 21px
}

.hint-main .model.assess[data-v-abab7896] {
    padding: 0 24px;
    overflow: hidden
}

.hint-main .model.assess .title[data-v-abab7896] {
    margin-top: 24px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #404040;
    font-weight: 600
}

.hint-main .model.assess .image[data-v-abab7896] {
    height: 113px;
    background: #eee
}

.hint-main .model.assess .msg[data-v-abab7896] {
    line-height: 22px;
    font-size: 14px;
    color: #404040;
    margin-top: 12px
}

.hint-main .model.assess .btn[data-v-abab7896] {
    width: 100%;
    height: 38px;
    border-radius: 2px;
    margin-top: 24px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    background: #fff;
    margin-bottom: 28px
}

.hint-main .model.margin[data-v-abab7896] {
    margin-top: 16px
}

.hint-main .model .verb[data-v-abab7896] {
    padding-bottom: 24px
}

.hint-main .model .verb .menu[data-v-abab7896] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hint-main .model .verb .menu p[data-v-abab7896] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 30px;
    color: #606060;
    font-size: 14px;
    margin-bottom: 6px
}

.hint-main .model.case[data-v-abab7896] {
    max-height: 684px;
    overflow: hidden;
    border-radius: 0 0 2px 2px
}

.hint-main .model.case .name[data-v-abab7896] {
    color: #9c9c9c
}

.hint-main .model.case .name span[data-v-abab7896] {
    cursor: pointer
}

.hint-main .model.case .name .active[data-v-abab7896] {
    color: #404040
}

.hint-main .model.case .case-select[data-v-abab7896] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hint-main .model.case .case-select div[data-v-abab7896] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.hint-main .model.case .case-content[data-v-abab7896] {
    width: 100%;
    max-height: 558px;
    overflow-y: auto;
    padding-right: 20px;
    margin-top: 24px;
    margin-bottom: 24px
}

.hint-main .model.case .case-content .case-menu[data-v-abab7896] {
    padding: 0 24px;
    color: #404040;
    font-size: 14px;
    margin-bottom: 12px
}

.hint-main .model.case .case-content .case-menu .case-menu-title[data-v-abab7896] {
    line-height: 20px
}

.hint-main .model.case .case-content .case-menu .case-menu-content[data-v-abab7896] {
    line-height: 24px
}

.hint-main .model.case .case-content .case-more-btn[data-v-abab7896] {
    width: 152px;
    height: 36px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    border-radius: 2px;
    margin: 26px auto 2px;
    cursor: pointer
}

.hint-main .el-input__inner[data-v-abab7896] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 143px
}

.hint-main[data-v-abab7896] .el-input.el-input--suffix {
    border: 1px solid #f4f4f4
}

.hint-main[data-v-abab7896] .el-input.el-input--suffix.is-focus,
.hint-main[data-v-abab7896] .el-input.el-input--suffix:hover {
    border-color: #cfcfcf !important
}

.hint-main[data-v-abab7896] .el-input.el-input--suffix .el-input__inner {
    border: none
}

.info-edit-option[data-v-abab7896] {
    border-bottom: 1px solid #f4f4f4
}

.flex-start[data-v-a3689cb8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding-left: 30px
}

.info-main[data-v-a3689cb8] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.info-component[data-v-a3689cb8] {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.info-component>div[data-v-a3689cb8] {
    width: 100%
}

.info-component .info-option[data-v-a3689cb8] {
    width: 100%;
    height: 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    margin-bottom: 16px
}

.info-component .info-option .info-option-item[data-v-a3689cb8] {
    width: 82px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    font-size: 14px;
    color: #404040;
    margin-right: 24px;
    cursor: pointer
}

.info-component .info-option .info-option-item[data-v-a3689cb8]:last-child {
    margin: 0
}

.info-component .info-option .info-option-item.active[data-v-a3689cb8] {
    color: #ff4f4c;
    border-color: #ff4f4c
}

.info-component .model[data-v-a3689cb8] {
    background: #fff;
    margin-bottom: 1px
}

.info-component .model .name[data-v-a3689cb8] {
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #404040;
    position: relative;
    border-bottom: 1px solid #f9f9f9;
    cursor: pointer
}

.info-component .model .name span[data-v-a3689cb8] {
    margin-left: 35px
}

.info-component .model .name .iconfont[data-v-a3689cb8] {
    margin-right: 24px;
    font-size: 20px;
    color: #9c9c9c;
    font-weight: 600
}

.info-component .model .name[data-v-a3689cb8]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -7px;
    background: #ff4f4c
}

.info-component .model.assess[data-v-a3689cb8] {
    padding: 0 24px;
    overflow: hidden
}

.info-component .model.assess .title[data-v-a3689cb8] {
    margin-top: 24px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #404040;
    font-weight: 600
}

.info-component .model.assess .image[data-v-a3689cb8] {
    height: 113px;
    background: #eee
}

.info-component .model.assess .msg[data-v-a3689cb8] {
    line-height: 22px;
    font-size: 14px;
    color: #404040;
    margin-top: 12px
}

.info-component .model.assess .btn[data-v-a3689cb8] {
    width: 100%;
    height: 38px;
    border-radius: 2px;
    margin-top: 24px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    font-size: 14px;
    background: #fff;
    margin-bottom: 28px
}

.info-component .model.margin[data-v-a3689cb8] {
    margin-top: 16px
}

.info-component .coach-option[data-v-a3689cb8] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #fff;
    border-bottom: 1px solid #f5f5f7
}

.info-component .coach-option div[data-v-a3689cb8] {
    height: 100%;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 56px;
    position: relative;
    cursor: pointer
}

.info-component .coach-option div.active[data-v-a3689cb8] {
    color: #404040
}

.info-component .coach-option div.active[data-v-a3689cb8]:after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: #ff4f4c;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.info-component .case-content ul,
.info-component .model ul {
    padding-left: 20px
}

.info-component .el-input__inner {
    padding-right: 20px
}

.ageAdnBirth[data-v-17ee052c] {
    position: absolute !important;
    left: 40px !important
}

.edit-editor[data-v-17ee052c] {
    margin-top: -24px;
    overflow: hidden;
    padding: 0 28px;
    position: relative
}

.edit-editor .name[data-v-17ee052c] {
    font-size: 16px;
    color: #404040
}

.edit-editor .font-size-14[data-v-17ee052c] {
    font-size: 14px
}

.edit-editor .add-module[data-v-17ee052c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor .add-module .add-module-menu[data-v-17ee052c] {
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    color: #606060;
    font-size: 14px;
    background: #f9f9f9;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.edit-editor .add-module .add-module-menu b[data-v-17ee052c] {
    margin-right: 4px;
    font-size: 16px
}

[data-v-17ee052c] .no-style .el-input__inner {
    border-color: #ececec !important
}

[data-v-17ee052c] .no-style .el-input__inner:hover {
    border-color: #cfcfcf !important
}

.rich-text-main .tox-statusbar[data-v-4f239b97] {
    display: none
}

.edit-module-edu-main[data-v-4d4d36c4] {
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-4d4d36c4] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-4d4d36c4],
.edit-module-edu-main .edu-menu[data-v-4d4d36c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-4d4d36c4] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-4d4d36c4] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-4d4d36c4] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-4d4d36c4] {
    margin-right: 8px
}

.edit-module-edu-main .edit-module-name span[data-v-4d4d36c4] {
    display: inline-block;
    max-width: 80%
}

.edit-module-edu-main .edit-module-name i[data-v-4d4d36c4] {
    margin-left: 6px
}

.edit-module-edu-main[data-v-281d5c22] {
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-281d5c22] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-281d5c22],
.edit-module-edu-main .edu-menu[data-v-281d5c22] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-281d5c22] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-281d5c22] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-281d5c22] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-281d5c22] {
    margin-right: 8px
}

.edit-module-edu-main .edit-module-name span[data-v-281d5c22] {
    display: inline-block;
    max-width: 80%
}

.edit-module-edu-main .edit-module-name i[data-v-281d5c22] {
    margin-left: 6px
}

.edit-module-edu-main[data-v-67d117f0] {
    margin-top: -24px;
    padding: 0 28px
}

.edit-module-edu-main .edu-menu[data-v-67d117f0] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-edu-main .edu-menu .edu-item[data-v-67d117f0],
.edit-module-edu-main .edu-menu[data-v-67d117f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-module-edu-main .edu-menu .edu-item[data-v-67d117f0] {
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select[data-v-67d117f0] {
    width: 16px;
    height: 16px;
    border: 1px solid #dedfe1;
    margin-right: 12px;
    text-align: center;
    line-height: 16px
}

.edit-module-edu-main .edu-menu .edu-item .edu-item-select.active .iconfont[data-v-67d117f0] {
    font-size: 14px;
    margin: auto
}

.edit-module-edu-main .edu-menu .edu-item .iconfont[data-v-67d117f0] {
    margin-right: 8px
}

.edit-module-edu-main .edit-module-item-name[data-v-67d117f0] {
    cursor: pointer
}

.edit-module-edu-main .edit-module-item-name .iconfont[data-v-67d117f0] {
    margin-left: 5px
}

.edit-module-edu-main .tag-main[data-v-67d117f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px
}

.edit-module-edu-main .tag-main .tag-menu[data-v-67d117f0] {
    height: 26px;
    border: 1px solid #ececec;
    border-radius: 14px;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    font-size: 14px;
    color: #9c9c9c;
    margin-top: 16px;
    margin-right: 12px;
    cursor: pointer
}

.edit-module-edu-main .tag-main .tag-menu.active[data-v-67d117f0] {
    border-color: #ff4f4c;
    background: #ff4f4c;
    color: #fff
}

.edit-module-edu-main .edit-module-name span[data-v-67d117f0] {
    display: inline-block;
    max-width: 80%
}

.edit-module-edu-main .edit-module-name i[data-v-67d117f0] {
    margin-left: 6px
}

.edit-module-item-name[data-v-4a7d02b0] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-4a7d02b0] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-4a7d02b0] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-4a7d02b0] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-4a7d02b0] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-4a7d02b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-4a7d02b0] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-4a7d02b0]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-4a7d02b0]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-4a7d02b0],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-4a7d02b0] {
    width: 100%
}

.edit-editor-btn[data-v-4a7d02b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-4a7d02b0] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-4a7d02b0] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-4a7d02b0] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-4a7d02b0] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-4a7d02b0] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-4a7d02b0] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-4a7d02b0] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-4a7d02b0] {
    float: right
}

.highlight .highlight-content[data-v-4a7d02b0] {
    line-height: 20px
}

.position-r[data-v-4a7d02b0] {
    position: relative
}

.flex[data-v-4a7d02b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-4a7d02b0] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-4a7d02b0] {
    margin: 0
}

.padding-0[data-v-4a7d02b0] {
    padding: 0
}

.width[data-v-4a7d02b0] {
    width: 100%
}

.margin-top-24[data-v-4a7d02b0] {
    margin-top: 24px
}

.margin-top-30[data-v-4a7d02b0] {
    margin-top: 30px
}

.margin-top-32[data-v-4a7d02b0] {
    margin-top: 32px
}

.margin-top-36[data-v-4a7d02b0] {
    margin-top: 36px
}

.margin-top-38[data-v-4a7d02b0] {
    margin-top: 38px
}

.pointer[data-v-4a7d02b0] {
    cursor: pointer
}

.edit-editor[data-v-4a7d02b0] {
    overflow: hidden;
    padding: 0 28px;
    position: relative
}

.edit-editor .name[data-v-4a7d02b0] {
    font-size: 16px;
    color: #404040
}

.edit-editor .add-module[data-v-4a7d02b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor .add-module .add-module-menu[data-v-4a7d02b0] {
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    color: #606060;
    font-size: 14px;
    background: #f9f9f9;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.edit-editor .add-module .add-module-menu b[data-v-4a7d02b0] {
    margin-right: 4px;
    font-size: 16px
}

.edit-module-index-main {
    min-height: calc(100vh - 86px)
}

.edit-module-index-main .edit-module-item-name {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-module-index-main .edit-editor-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-module-index-main .edit-editor-menu>div {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-module-index-main .edit-editor-menu>div:nth-child(2n-1) {
    padding-right: 3%
}

.edit-module-index-main .edit-editor-menu>div:nth-child(2n) {
    padding-left: 3%
}

.edit-module-index-main .edit-editor-menu .el-date-editor.el-input,
.edit-module-index-main .edit-editor-menu .el-date-editor.el-input__inner {
    width: 100%
}

.edit-module-index-main .edit-editor-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 58px;
    padding: 0 0 36px 0
}

.edit-module-index-main .edit-editor-btn .edu-item {
    color: #9c9c9c;
    cursor: pointer
}

.edit-module-index-main .edit-editor-btn .edu-item .iconfont {
    margin-right: 8px
}

.edit-module-index-main .edit-editor-btn .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.edit-module-index-main .edit-editor-btn .btn-box .close-btn {
    margin-right: -10px
}

.edit-module-index-main .edit-editor-btn button {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-module-index-main .edit-editor-btn button.complete-btn {
    color: #fff;
    background: #f64;
    border-color: #f64;
    margin-left: 27px
}

.edit-module-index-main .edit-editor-btn button:disabled {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.edit-module-index-main .edit-editor-btn button.baseInfo-btn {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff
}

.edit-module-index-main .highlight {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-module-index-main .highlight .highlight-title {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.edit-module-index-main .highlight .highlight-title .highlight-close {
    float: right
}

.edit-module-index-main .highlight .highlight-content {
    line-height: 20px
}

.edit-module-index-main .position-r {
    position: relative
}

.edit-module-index-main .suggest-card-container {
    width: calc(100% - 36px);
    padding: 20px 18px;
    background-color: #4e505e;
    color: #ff4f4c;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 19;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 74px
}

.edit-module-index-main .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.edit-module-index-main .justify-s-b {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-module-index-main .margin-0 {
    margin: 0
}

.edit-module-index-main .padding-0 {
    padding: 0
}

.edit-module-index-main .width {
    width: 100%
}

.edit-module-index-main .margin-top-24 {
    margin-top: 24px
}

.edit-module-index-main .margin-top-30 {
    margin-top: 30px
}

.edit-module-index-main .margin-top-32 {
    margin-top: 32px
}

.edit-module-index-main .margin-top-36 {
    margin-top: 36px
}

.edit-module-index-main .margin-top-38 {
    margin-top: 38px
}

.edit-module-index-main .pointer {
    cursor: pointer
}

.edit-module-index-main .el-form-item {
    margin: 0
}

.edit-module-index-main .edit-editor-item {
    position: relative
}

.edit-module-index-main .edit-item-now {
    border-radius: 4px;
    height: calc(100% - 4px);
    position: absolute;
    left: 46px;
    right: 1px;
    top: 2px;
    background: #fff;
    z-index: 1;
    pointer-events: none;
    line-height: 38px;
    padding-left: 3%;
    color: #606266
}

.edit-module-index-main .el-select .el-input .el-select__caret {
    line-height: 36px
}

.el-month-table td .cell,
.el-picker-panel__shortcut {
    color: #404040
}

.el-month-table td .cell:hover {
    color: #409eff
}

.el-date-picker.has-sidebar {
    width: 322px !important
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    bottom: 2px !important;
    right: 0;
    left: -1px;
    top: auto !important;
    width: calc(100% + 2px) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 30px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    border: 1px solid #ebeef5;
    z-index: 9;
    margin-top: -2px;
    border-radius: 0 0 4px 4px
}

.el-picker-panel [slot=sidebar] button,
.el-picker-panel__sidebar button {
    width: 50px;
    font-size: 12px;
    border-radius: 2px
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin: 0 !important
}

.edit-module-index-main .edit-item-now.ageAndBirth {
    margin-left: -20px;
    line-height: 35px
}

.h-w-10[data-v-5f259432] {
    width: 100%;
    height: 100%
}

.w988[data-v-5f259432] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-5f259432] {
    float: left
}

.fr[data-v-5f259432] {
    float: right
}

.clearfix[data-v-5f259432]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-5f259432] {
    position: relative
}

.pa[data-v-5f259432] {
    position: absolute
}

.display_b[data-v-5f259432] {
    display: block
}

.display_ib[data-v-5f259432] {
    display: inline-block
}

.ellipsis[data-v-5f259432] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-5f259432] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-5f259432],
.ellipsis3[data-v-5f259432] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-5f259432] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-5f259432] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-5f259432] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-5f259432] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-5f259432],
.flex-c[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-5f259432] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-5f259432] {
    word-wrap: break-word
}

.w-10[data-v-5f259432] {
    width: 100%;
    padding: 0
}

.w-5[data-v-5f259432] {
    width: 55%;
    padding: 0
}

.b-s[data-v-5f259432] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-5f259432] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-5f259432] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-5f259432]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-5f259432] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-5f259432] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-5f259432] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-5f259432] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-5f259432] {
    margin-top: 10px
}

.mt_8[data-v-5f259432] {
    margin-top: 16px
}

.mt_9[data-v-5f259432] {
    margin-top: 18px
}

.mt_10[data-v-5f259432] {
    margin-top: 20px
}

.mt_11[data-v-5f259432] {
    margin-top: 22px
}

.mt_12[data-v-5f259432] {
    margin-top: 24px
}

.mt_13[data-v-5f259432] {
    margin-top: 26px
}

.mt_14[data-v-5f259432] {
    margin-top: 28px
}

.mt_15[data-v-5f259432] {
    margin-top: 30px
}

.mt_16[data-v-5f259432] {
    margin-top: 32px
}

.mt_19[data-v-5f259432] {
    margin-top: 38px
}

.mt_20[data-v-5f259432] {
    margin-top: 40px
}

.ml_10[data-v-5f259432] {
    margin-left: 20px
}

.ml_12[data-v-5f259432] {
    margin-left: 24px
}

.ml_14[data-v-5f259432] {
    margin-left: 28px
}

.ml_20[data-v-5f259432] {
    margin-left: 40px
}

.ml_22[data-v-5f259432] {
    margin-left: 44px
}

.ml_27[data-v-5f259432] {
    margin-left: 54px
}

.mr_27[data-v-5f259432] {
    margin-right: 54px
}

.pl_5[data-v-5f259432] {
    padding-left: 10px
}

.margin_lr34[data-v-5f259432] {
    margin: 0 34px
}

.margin_lr38[data-v-5f259432] {
    margin: 0 38px
}

.padding_lr34[data-v-5f259432] {
    padding: 0 34px
}

.padding_lr38[data-v-5f259432] {
    padding: 0 38px
}

.text_center[data-v-5f259432] {
    text-align: center
}

.color_0[data-v-5f259432] {
    color: #000
}

.color_3[data-v-5f259432] {
    color: #333
}

.color_fff[data-v-5f259432] {
    color: #fff
}

.color_e3[data-v-5f259432] {
    color: #e3e3e3
}

.color_40[data-v-5f259432] {
    color: #404040
}

.color_60[data-v-5f259432] {
    color: #606060
}

.color_666[data-v-5f259432] {
    color: #666
}

.color_90[data-v-5f259432] {
    color: #909090
}

.color_9c[data-v-5f259432] {
    color: #9c9c9c
}

.color_current[data-v-5f259432] {
    color: #2d5ff5
}

.color_red[data-v-5f259432] {
    color: #ff4f4c
}

.border_current[data-v-5f259432] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-5f259432] {
    background-color: #fff
}

.bg_f8[data-v-5f259432] {
    background-color: #f8f8fa
}

.bg_current[data-v-5f259432] {
    background-color: #2d5ff5
}

.bg_ed[data-v-5f259432] {
    background-color: #edf0fd
}

.bg_red[data-v-5f259432] {
    background-color: #ff4f4c
}

.font_w_b[data-v-5f259432] {
    font-weight: 700
}

.f_12[data-v-5f259432] {
    font-size: 12px
}

.f_13[data-v-5f259432] {
    font-size: 13px
}

.f_14[data-v-5f259432] {
    font-size: 14px
}

.f_15[data-v-5f259432] {
    font-size: 15px
}

.f_16[data-v-5f259432] {
    font-size: 16px
}

.f_17[data-v-5f259432] {
    font-size: 17px
}

.f_18[data-v-5f259432] {
    font-size: 18px
}

.f_19[data-v-5f259432] {
    font-size: 19px
}

.f_20[data-v-5f259432] {
    font-size: 20px
}

.f_21[data-v-5f259432] {
    font-size: 21px
}

.f_22[data-v-5f259432] {
    font-size: 22px
}

.f_23[data-v-5f259432] {
    font-size: 23px
}

.f_24[data-v-5f259432] {
    font-size: 24px
}

.f_25[data-v-5f259432] {
    font-size: 25px
}

.f_26[data-v-5f259432] {
    font-size: 26px
}

.f_27[data-v-5f259432] {
    font-size: 27px
}

.f_28[data-v-5f259432] {
    font-size: 28px
}

.f_29[data-v-5f259432] {
    font-size: 29px
}

.f_30[data-v-5f259432] {
    font-size: 30px
}

.f_31[data-v-5f259432] {
    font-size: 31px
}

.f_32[data-v-5f259432] {
    font-size: 32px
}

.f_33[data-v-5f259432] {
    font-size: 33px
}

.f_34[data-v-5f259432] {
    font-size: 34px
}

.f_35[data-v-5f259432] {
    font-size: 35px
}

.f_36[data-v-5f259432] {
    font-size: 36px
}

.f_37[data-v-5f259432] {
    font-size: 37px
}

.f_38[data-v-5f259432] {
    font-size: 38px
}

.f_39[data-v-5f259432] {
    font-size: 39px
}

.f_40[data-v-5f259432] {
    font-size: 40px
}

.f_41[data-v-5f259432] {
    font-size: 41px
}

.f_42[data-v-5f259432] {
    font-size: 42px
}

.f_43[data-v-5f259432] {
    font-size: 43px
}

.f_44[data-v-5f259432] {
    font-size: 44px
}

.f_45[data-v-5f259432] {
    font-size: 45px
}

.f_46[data-v-5f259432] {
    font-size: 46px
}

.f_47[data-v-5f259432] {
    font-size: 47px
}

.f_48[data-v-5f259432] {
    font-size: 48px
}

.f_49[data-v-5f259432] {
    font-size: 49px
}

.f_50[data-v-5f259432] {
    font-size: 50px
}

.b-r[data-v-5f259432] {
    border-radius: 50%
}

.blur4[data-v-5f259432] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-5f259432] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-5f259432] {
    cursor: pointer
}

.templateButtons .confirm[data-v-5f259432] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-5f259432] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-5f259432] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-5f259432]:hover,
.templateButtons .confirm[data-v-5f259432]:hover {
    opacity: .8
}

[data-v-5f259432] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, PingFang SC
}

.editor-main .edit-user[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 24px 26px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.editor-main .edit-user .user-info[data-v-5f259432] {
    cursor: pointer;
    min-width: 300px;
    padding: 0 12px
}

.editor-main .edit-user .user-info .user-name[data-v-5f259432] {
    color: #404040;
    font-size: 18px;
    font-weight: 700;
    font-family: PingFangSC-Medium, PingFang SC
}

.editor-main .edit-user .user-info .user-name .iconfont[data-v-5f259432] {
    font-size: 16px;
    color: #909090
}

.editor-main .edit-user .user-info .user-name span[data-v-5f259432] {
    font-weight: 700
}

.editor-main .edit-user .user-info .user-info-item[data-v-5f259432] {
    font-size: 14px;
    color: #606060;
    margin-top: 10px;
    word-break: break-all
}

.editor-main .edit-user .user-picture[data-v-5f259432] {
    width: 75px;
    height: 90px;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .edit-user .user-picture.no[data-v-5f259432] {
    border: none
}

.editor-main .edit-user .user-picture img[data-v-5f259432] {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    -o-object-fit: contain;
    object-fit: contain
}

.editor-main .edit-user .user-picture:hover .user-picture-delete[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editor-main .edit-user .user-picture .user-picture-delete[data-v-5f259432] {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(64, 64, 64, .5);
    text-align: right;
    cursor: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-5f259432] {
    width: 100%;
    cursor: pointer;
    color: #bcbcbc;
    font-weight: 600;
    text-align: center;
    font-size: 14px
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-5f259432]:hover {
    color: #fff
}

.editor-main .edit-user .user-picture .user-picture-delete p .iconfont[data-v-5f259432] {
    margin-right: 2px
}

.editor-main .edit-user .user-picture .user-picture-delete p[data-v-5f259432]:nth-child(2) {
    margin-top: 16px
}

.editor-main .school-module[data-v-5f259432] {
    padding: 8px 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.editor-main .school-module .school-title[data-v-5f259432],
.editor-main .school-module[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .school-module .school-title .school-name[data-v-5f259432] {
    font-size: 18px;
    color: #404040;
    font-weight: 600
}

.editor-main .school-module .school-title .school-tag[data-v-5f259432] {
    padding: 0 7px;
    height: 20px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    color: #909090;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .school-module .school-btn .iconfont[data-v-5f259432] {
    color: #9c9c9c;
    font-size: 16px;
    cursor: pointer
}

.editor-main .school-module .school-btn .iconfont[data-v-5f259432]:nth-child(2) {
    margin-left: 16px
}

.editor-main .module[data-v-5f259432] {
    width: calc(100% - 24px);
    margin: auto;
    padding: 14px 0;
    position: relative
}

.editor-main .module .module-title[data-v-5f259432] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 18px
}

.editor-main .module .module-title .module-name[data-v-5f259432] {
    max-width: calc(100% - 70px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .module .module-title .module-name .module-name-text[data-v-5f259432] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600
}

.editor-main .module .module-title .module-name .module-tag[data-v-5f259432] {
    padding: 0 7px;
    height: 20px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    color: #909090;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.editor-main .module .module-title .module-btn[data-v-5f259432] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 20px;
    font-size: 14px;
    color: #909090;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer
}

.editor-main .module .module-item[data-v-5f259432] {
    padding: 12px 16px;
    border-radius: 4px;
    cursor: pointer
}

.editor-main .module .module-item .item-title[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.editor-main .module .module-item .item-title .item-name[data-v-5f259432] {
    font-size: 16px;
    line-height: 20px;
    color: #404040
}

.editor-main .module .module-item .item-title .text-bold[data-v-5f259432] {
    font-weight: 600
}

.editor-main .module .module-item .item-info[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.editor-main .module .module-item .item-info span[data-v-5f259432] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #606060
}

.editor-main .module .module-item .item-info span[data-v-5f259432]:after {
    content: "|";
    display: block;
    width: 16px;
    text-align: center
}

.editor-main .module .module-item .item-info span[data-v-5f259432]:last-child:after {
    content: "";
    width: 0
}

.editor-main .module .module-item .item-date[data-v-5f259432] {
    font-size: 14px;
    color: #606060;
    margin-top: 10px;
    margin-bottom: 16px
}

.editor-main .module .module-item .item-desc[data-v-5f259432] {
    font-size: 14px;
    color: #404040;
    line-height: 22px
}

.editor-main .module .module-item .item-desc[data-v-5f259432] * {
    word-break: break-word
}

.editor-main .module .module-item .item-desc[data-v-5f259432] a {
    color: #4183ff
}

.editor-main .module .module-item>div[data-v-5f259432]:last-child {
    margin-bottom: 0
}

.editor-main .module .module-item .module-sort[data-v-5f259432] {
    top: 12px;
    right: 16px;
    z-index: 8;
    display: none
}

.editor-main .module .module-item .module-sort .iconfont[data-v-5f259432] {
    cursor: pointer;
    font-size: 20px;
    background: #fff;
    border-radius: 50%
}

.editor-main .module .module-item .module-sort .iconfont.iconarrow-down-circle-2[data-v-5f259432] {
    margin-left: 16px
}

.editor-main .module .module-item .module-sort .iconfont.disabled[data-v-5f259432] {
    color: #bcbcbc;
    cursor: not-allowed
}

.editor-main .module .module-item[data-v-5f259432]:hover {
    background: #f9f9f9
}

.editor-main .module .module-item:hover .module-sort[data-v-5f259432] {
    display: block
}

.editor-main .module #extras[data-v-5f259432] {
    padding-left: 40px
}

.editor-main .module .extras-item[data-v-5f259432] {
    padding: 5px 0;
    line-height: 22px;
    word-break: break-all
}

.editor-main .module .module-default[data-v-5f259432] {
    font-size: 14px;
    color: #bcbcbc;
    line-height: 22px;
    padding: 8px 16px
}

.editor-main .module .module-default[data-v-5f259432]:hover {
    background: #f9f9f9
}

.editor-main .high-light-error[data-v-5f259432] {
    background-color: #f9f9f9
}

#extras>.module-item>.module-sort[data-v-5f259432] {
    top: 5px
}

.item-desc ol,
.item-desc ul {
    padding-left: 20px
}

.item-desc-wrapper {
    position: relative
}

.item-desc-wrapper .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.h-w-10[data-v-fe757dde] {
    width: 100%;
    height: 100%
}

.w988[data-v-fe757dde] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-fe757dde] {
    float: left
}

.fr[data-v-fe757dde] {
    float: right
}

.clearfix[data-v-fe757dde]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-fe757dde] {
    position: relative
}

.pa[data-v-fe757dde] {
    position: absolute
}

.display_b[data-v-fe757dde] {
    display: block
}

.display_ib[data-v-fe757dde] {
    display: inline-block
}

.ellipsis[data-v-fe757dde] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-fe757dde] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-fe757dde],
.ellipsis3[data-v-fe757dde] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-fe757dde] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-fe757dde] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-fe757dde] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-fe757dde] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-fe757dde],
.flex-c[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-fe757dde] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-fe757dde] {
    word-wrap: break-word
}

.w-10[data-v-fe757dde] {
    width: 100%;
    padding: 0
}

.w-5[data-v-fe757dde] {
    width: 55%;
    padding: 0
}

.b-s[data-v-fe757dde] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-fe757dde] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-fe757dde] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-fe757dde]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-fe757dde] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-fe757dde] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-fe757dde] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-fe757dde] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-fe757dde] {
    margin-top: 10px
}

.mt_8[data-v-fe757dde] {
    margin-top: 16px
}

.mt_9[data-v-fe757dde] {
    margin-top: 18px
}

.mt_10[data-v-fe757dde] {
    margin-top: 20px
}

.mt_11[data-v-fe757dde] {
    margin-top: 22px
}

.mt_12[data-v-fe757dde] {
    margin-top: 24px
}

.mt_13[data-v-fe757dde] {
    margin-top: 26px
}

.mt_14[data-v-fe757dde] {
    margin-top: 28px
}

.mt_15[data-v-fe757dde] {
    margin-top: 30px
}

.mt_16[data-v-fe757dde] {
    margin-top: 32px
}

.mt_19[data-v-fe757dde] {
    margin-top: 38px
}

.mt_20[data-v-fe757dde] {
    margin-top: 40px
}

.ml_10[data-v-fe757dde] {
    margin-left: 20px
}

.ml_12[data-v-fe757dde] {
    margin-left: 24px
}

.ml_14[data-v-fe757dde] {
    margin-left: 28px
}

.ml_20[data-v-fe757dde] {
    margin-left: 40px
}

.ml_22[data-v-fe757dde] {
    margin-left: 44px
}

.ml_27[data-v-fe757dde] {
    margin-left: 54px
}

.mr_27[data-v-fe757dde] {
    margin-right: 54px
}

.pl_5[data-v-fe757dde] {
    padding-left: 10px
}

.margin_lr34[data-v-fe757dde] {
    margin: 0 34px
}

.margin_lr38[data-v-fe757dde] {
    margin: 0 38px
}

.padding_lr34[data-v-fe757dde] {
    padding: 0 34px
}

.padding_lr38[data-v-fe757dde] {
    padding: 0 38px
}

.text_center[data-v-fe757dde] {
    text-align: center
}

.color_0[data-v-fe757dde] {
    color: #000
}

.color_3[data-v-fe757dde] {
    color: #333
}

.color_fff[data-v-fe757dde] {
    color: #fff
}

.color_e3[data-v-fe757dde] {
    color: #e3e3e3
}

.color_40[data-v-fe757dde] {
    color: #404040
}

.color_60[data-v-fe757dde] {
    color: #606060
}

.color_666[data-v-fe757dde] {
    color: #666
}

.color_90[data-v-fe757dde] {
    color: #909090
}

.color_9c[data-v-fe757dde] {
    color: #9c9c9c
}

.color_current[data-v-fe757dde] {
    color: #2d5ff5
}

.color_red[data-v-fe757dde] {
    color: #ff4f4c
}

.border_current[data-v-fe757dde] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-fe757dde] {
    background-color: #fff
}

.bg_f8[data-v-fe757dde] {
    background-color: #f8f8fa
}

.bg_current[data-v-fe757dde] {
    background-color: #2d5ff5
}

.bg_ed[data-v-fe757dde] {
    background-color: #edf0fd
}

.bg_red[data-v-fe757dde] {
    background-color: #ff4f4c
}

.font_w_b[data-v-fe757dde] {
    font-weight: 700
}

.f_12[data-v-fe757dde] {
    font-size: 12px
}

.f_13[data-v-fe757dde] {
    font-size: 13px
}

.f_14[data-v-fe757dde] {
    font-size: 14px
}

.f_15[data-v-fe757dde] {
    font-size: 15px
}

.f_16[data-v-fe757dde] {
    font-size: 16px
}

.f_17[data-v-fe757dde] {
    font-size: 17px
}

.f_18[data-v-fe757dde] {
    font-size: 18px
}

.f_19[data-v-fe757dde] {
    font-size: 19px
}

.f_20[data-v-fe757dde] {
    font-size: 20px
}

.f_21[data-v-fe757dde] {
    font-size: 21px
}

.f_22[data-v-fe757dde] {
    font-size: 22px
}

.f_23[data-v-fe757dde] {
    font-size: 23px
}

.f_24[data-v-fe757dde] {
    font-size: 24px
}

.f_25[data-v-fe757dde] {
    font-size: 25px
}

.f_26[data-v-fe757dde] {
    font-size: 26px
}

.f_27[data-v-fe757dde] {
    font-size: 27px
}

.f_28[data-v-fe757dde] {
    font-size: 28px
}

.f_29[data-v-fe757dde] {
    font-size: 29px
}

.f_30[data-v-fe757dde] {
    font-size: 30px
}

.f_31[data-v-fe757dde] {
    font-size: 31px
}

.f_32[data-v-fe757dde] {
    font-size: 32px
}

.f_33[data-v-fe757dde] {
    font-size: 33px
}

.f_34[data-v-fe757dde] {
    font-size: 34px
}

.f_35[data-v-fe757dde] {
    font-size: 35px
}

.f_36[data-v-fe757dde] {
    font-size: 36px
}

.f_37[data-v-fe757dde] {
    font-size: 37px
}

.f_38[data-v-fe757dde] {
    font-size: 38px
}

.f_39[data-v-fe757dde] {
    font-size: 39px
}

.f_40[data-v-fe757dde] {
    font-size: 40px
}

.f_41[data-v-fe757dde] {
    font-size: 41px
}

.f_42[data-v-fe757dde] {
    font-size: 42px
}

.f_43[data-v-fe757dde] {
    font-size: 43px
}

.f_44[data-v-fe757dde] {
    font-size: 44px
}

.f_45[data-v-fe757dde] {
    font-size: 45px
}

.f_46[data-v-fe757dde] {
    font-size: 46px
}

.f_47[data-v-fe757dde] {
    font-size: 47px
}

.f_48[data-v-fe757dde] {
    font-size: 48px
}

.f_49[data-v-fe757dde] {
    font-size: 49px
}

.f_50[data-v-fe757dde] {
    font-size: 50px
}

.b-r[data-v-fe757dde] {
    border-radius: 50%
}

.blur4[data-v-fe757dde] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-fe757dde] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-fe757dde] {
    cursor: pointer
}

.templateButtons .confirm[data-v-fe757dde] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-fe757dde] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-fe757dde] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-fe757dde]:hover,
.templateButtons .confirm[data-v-fe757dde]:hover {
    opacity: .8
}

@-webkit-keyframes loading-data-v-fe757dde {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-data-v-fe757dde {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes download-data-v-fe757dde {
    5% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes download-data-v-fe757dde {
    5% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.nojob[data-v-fe757dde] {
    width: 300px !important
}

.campus-code-container1[data-v-fe757dde],
.nojob[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 277px;
    background: #fff
}

.campus-code-container1[data-v-fe757dde] {
    width: 300px
}

.campus-code-container1 .close[data-v-fe757dde] {
    position: absolute;
    font-size: 18px;
    right: 24px;
    top: 20px;
    color: #9c9c9c;
    cursor: pointer
}

.campus-code-container1 .main_header[data-v-fe757dde] {
    margin: 0 auto;
    width: 72px;
    height: 77px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC
}

.campus-code-container1 .main_header .header_img[data-v-fe757dde] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.campus-code-container1 .main_header .header_img span[data-v-fe757dde] {
    display: block;
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: #f64
}

.campus-code-container1 .main_header .header_title[data-v-fe757dde] {
    margin-top: 10px;
    height: 21px;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 21px;
    text-align: center
}

.campus-code-container[data-v-fe757dde] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 52px;
    width: 813px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 4px
}

.campus-code-container .close[data-v-fe757dde] {
    position: absolute;
    font-size: 20px;
    right: 24px;
    top: 20px;
    color: #9c9c9c;
    cursor: pointer
}

.campus-code-container .close .iconfont[data-v-fe757dde] {
    font-size: 20px !important
}

.campus-code-container .main_header[data-v-fe757dde] {
    margin: 0 auto;
    width: 72px;
    height: 77px;
    font-family: PingFangSC-Medium, PingFang SC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.campus-code-container .main_header .header_img[data-v-fe757dde] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center
}

.campus-code-container .main_header .header_img .el-icon-loading[data-v-fe757dde] {
    font-size: 35px;
    width: 35px;
    height: 35px;
    color: #9c9c9c !important;
    -webkit-animation: loading-data-v-fe757dde 1s linear infinite;
    animation: loading-data-v-fe757dde 1s linear infinite
}

.campus-code-container .main_header .header_img .iconwancheng[data-v-fe757dde] {
    color: #f64;
    -webkit-animation: download-data-v-fe757dde .5s linear;
    animation: download-data-v-fe757dde .5s linear
}

.campus-code-container .main_header .header_img span[data-v-fe757dde] {
    display: inline-block;
    font-size: 40px;
    width: 40px;
    height: 40px
}

.campus-code-container .main_header .header_title[data-v-fe757dde] {
    margin-top: 10px;
    height: 21px;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 21px;
    text-align: center
}

.campus-code-container .online_cvs[data-v-fe757dde] {
    margin: 22px auto;
    width: 740px;
    height: 40px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f4f4f4;
    position: relative
}

.campus-code-container .online_cvs .set_cvs[data-v-fe757dde] {
    width: 60px;
    height: 20px;
    padding: 3px 15px;
    font-size: 14px;
    border-radius: 13px;
    line-height: 20px;
    text-align: center;
    color: #f64;
    border: 1px solid #f64;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
    cursor: pointer
}

.campus-code-container .online_cvs .set_cvs[data-v-fe757dde]:hover {
    background-color: #f64;
    color: #fff
}

.campus-code-container .online_cvs .cvs_title[data-v-fe757dde] {
    margin-top: 16px;
    height: 21px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 21px
}

.campus-code-container .online_cvs .cvs_subtitle[data-v-fe757dde] {
    margin: 5px 473px 0 0;
    height: 14px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 14px
}

.campus-code-container .main_list[data-v-fe757dde] {
    margin: 22px auto 0;
    width: 740px;
    height: auto;
    padding-bottom: 32px
}

.campus-code-container .main_list .list_title[data-v-fe757dde] {
    margin-top: 16px;
    height: 21px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 21px
}

.campus-code-container .main_list .list_subtitle[data-v-fe757dde] {
    margin: 5px 473px 0 0;
    width: 250px;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 14px
}

.campus-code-container .main_list .list_item[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    width: 740px
}

.campus-code-container .main_list .list_item .item[data-v-fe757dde] {
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 17px;
    width: 240px;
    border-radius: 3px;
    border: 1px solid #f4f4f4;
    cursor: pointer
}

.campus-code-container .main_list .list_item .item .item_title[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.campus-code-container .main_list .list_item .item .item_title .title_cate[data-v-fe757dde] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    width: 153px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    line-height: 18px;
    vertical-align: middle
}

.campus-code-container .main_list .list_item .item .item_title .title_money[data-v-fe757dde] {
    white-space: nowrap;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #f64
}

.campus-code-container .main_list .list_item .item .item_comp[data-v-fe757dde] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.campus-code-container .main_list .list_item .item .item_comp img[data-v-fe757dde] {
    width: 15px;
    height: 15px;
    border: 1px solid #f4f4f4;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.campus-code-container .main_list .list_item .item .item_comp span[data-v-fe757dde] {
    display: inline-block;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 300;
    color: #404040;
    margin-left: 5px
}

.campus-code-container .main_list .list_item .item:hover .item_title .title_cate[data-v-fe757dde] {
    color: #f64
}

.campus-code-container .main_list .list_btn[data-v-fe757dde] {
    margin: 30px auto 0;
    width: 242px;
    height: 36px;
    background: #f64;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.campus-code-container .main_list .list_btn[data-v-fe757dde]:hover {
    background-color: #ff8569
}

.close[data-v-33a10ece] {
    color: #f64;
    position: absolute;
    top: 0;
    right: 32px;
    font-size: 24px;
    cursor: pointer
}

.nonChrome[data-v-33a10ece] {
    width: 100%;
    height: 40px;
    background-color: #fff6f4;
    color: #f64;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    position: relative
}

#print-cover[data-v-33a10ece] {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    min-height: 1200px;
    position: absolute;
    cursor: none;
    font-size: 24px;
    line-height: 400px;
    text-align: center
}

.pc-nav[data-v-33a10ece] {
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: #202329;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pc-nav .nav-container[data-v-33a10ece] {
    height: 56px;
    line-height: 56px;
    width: 1196px;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc-nav .nav-container .cv[data-v-33a10ece],
.pc-nav .nav-container[data-v-33a10ece] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-nav .nav-container .cv[data-v-33a10ece] {
    color: #fff;
    font-size: 14px
}

.pc-nav .nav-container .cv .cv-me[data-v-33a10ece] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 36px
}

.pc-nav .nav-container .cv .cv-me:hover .iconfont[data-v-33a10ece],
.pc-nav .nav-container .cv .cv-me:hover span[data-v-33a10ece] {
    font-weight: 700
}

.pc-nav .nav-container .cv .cv-me .iconfont[data-v-33a10ece] {
    font-size: 18px;
    margin-right: 8px
}

.pc-nav .nav-container .cv .cv-name[data-v-33a10ece] {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-nav .nav-container .cv .cv-name:hover .cv-name-n[data-v-33a10ece],
.pc-nav .nav-container .cv .cv-name:hover .iconbianji[data-v-33a10ece] {
    font-weight: 700
}

.pc-nav .nav-container .cv .cv-name .cv-name-n[data-v-33a10ece] {
    max-width: 300px;
    height: 18px;
    line-height: 16px;
    margin-top: 3px;
    font-weight: 400
}

.pc-nav .nav-container .cv .cv-name .iconbianji[data-v-33a10ece] {
    font-size: 12px;
    margin-left: 6px
}

.pc-nav .nav-container .logo[data-v-33a10ece] {
    display: inline-block;
    vertical-align: middle;
    height: 34.6px;
    margin-left: 1%;
    position: relative;
    z-index: 3;
    cursor: pointer
}

.pc-nav .nav-container .right-part[data-v-33a10ece] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%;
    z-index: 3
}

.pc-nav .nav-container .right-part>div[data-v-33a10ece] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pc-nav .nav-container .right-part .line[data-v-33a10ece] {
    width: 1px;
    height: 16px;
    background: #36393e;
    margin: 0 16px
}

.pc-nav .nav-container .right-part button[data-v-33a10ece] {
    width: 80px;
    height: 32px;
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    background: #fff;
    cursor: pointer;
    margin-left: 16px;
    border-radius: 2px;
    font-size: 14px
}

.pc-nav .nav-container .right-part button.action[data-v-33a10ece],
.pc-nav .nav-container .right-part button[data-v-33a10ece]:hover {
    background: #ff4f4c;
    color: #fff
}

.pc-nav .nav-container .right-part button.margin-left[data-v-33a10ece] {
    margin-left: 13px
}

.pc-nav .nav-container .right-part .cv-btn[data-v-33a10ece] {
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #797b7e;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    position: relative
}

.pc-nav .nav-container .right-part .cv-btn .more-icon[data-v-33a10ece] {
    height: 56px
}

.pc-nav .nav-container .right-part .cv-btn[data-v-33a10ece]:hover {
    border: 1px solid #fff
}

.pc-nav .nav-container .right-part .cv-btn.fontb[data-v-33a10ece] {
    font-size: 14px;
    font-weight: 700
}

.pc-nav .nav-container .right-part .cv-btn:hover .cv-option[data-v-33a10ece] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn.share[data-v-33a10ece] {
    background: #f64;
    border: 1px solid #f64
}

.pc-nav .nav-container .right-part .cv-btn.share[data-v-33a10ece]:hover {
    border: 1px solid #ff856a;
    background: #ff856a
}

.pc-nav .nav-container .right-part .cv-btn.tran[data-v-33a10ece]:hover {
    border-color: #fff
}

.pc-nav .nav-container .right-part .cv-btn .cv-option[data-v-33a10ece] {
    display: none;
    width: 170px;
    background: #f9f9f9;
    border-radius: 4px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -webkit-box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12);
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 50.2%, .12)
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list[data-v-33a10ece] {
    width: 100%;
    height: 53px;
    background: #fff;
    color: #404040;
    font-size: 14px;
    position: relative;
    line-height: 14px;
    line-height: 53px;
    text-align: left
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list[data-v-33a10ece]:hover {
    background: #f9f9f9
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .cv-list .iconfont[data-v-33a10ece] {
    margin-left: 28px;
    margin-right: 22px
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .margin-top-6[data-v-33a10ece] {
    margin-top: 6px
}

.pc-nav .nav-container .right-part .cv-btn .cv-option .after[data-v-33a10ece]:after {
    content: "";
    display: block;
    width: 164px;
    height: 1px;
    background: #ececec;
    position: absolute;
    bottom: 0;
    left: 18px
}

.pc-nav .nav-container .right-part .cv-btn:hover .hover[data-v-33a10ece] {
    display: block
}

.pc-nav .nav-container .right-part .cv-btn .hover[data-v-33a10ece] {
    display: none;
    width: 70px;
    height: 24px;
    color: #404040;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    background: #fff
}

.pc-nav .nav-container .right-part .cv-btn .hover[data-v-33a10ece]:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 50%;
    margin-left: -2px
}

.pc-nav .nav-container .right-part .cv-icon[data-v-33a10ece] {
    color: #797b7e;
    position: relative;
    cursor: pointer
}

.pc-nav .nav-container .right-part .cv-icon .iconfont[data-v-33a10ece] {
    font-size: 20px
}

.pc-nav .nav-container .right-part .cv-icon[data-v-33a10ece]:hover {
    color: #fff
}

.pc-nav .nav-container .right-part .cv-icon:hover .hover[data-v-33a10ece] {
    display: block
}

.pc-nav .nav-container .right-part .cv-icon .hover[data-v-33a10ece] {
    display: none;
    width: 70px;
    height: 24px;
    font-size: 12px;
    color: #404040;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    background: #fff
}

.pc-nav .nav-container .right-part .cv-icon .hover[data-v-33a10ece]:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 50%;
    margin-left: -2px
}

.pc-nav .nav-container .right-part .margin-right-12[data-v-33a10ece] {
    margin-right: 12px
}

.pc-nav .nav-container .right-part .margin-right-24[data-v-33a10ece] {
    margin-right: 24px
}

.edit-module-item-name[data-v-77ab4408] {
    height: auto;
    font-size: 14px;
    color: #404040;
    margin-bottom: 16px
}

.edit-editor-title[data-v-77ab4408] {
    margin-bottom: 48px;
    font-size: 16px;
    color: #404040;
    padding-left: 11px;
    text-align: center
}

.edit-editor-title .edit-back[data-v-77ab4408] {
    font-size: 14px;
    color: #404040;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.edit-editor-title .edit-back .iconfont[data-v-77ab4408] {
    font-size: 16px;
    margin-right: 1px
}

.edit-editor-title .edit-module-name[data-v-77ab4408] {
    width: 70%;
    margin: auto;
    font-weight: 600
}

.edit-editor-menu[data-v-77ab4408] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-editor-menu>div[data-v-77ab4408] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-editor-menu>div[data-v-77ab4408]:nth-child(2n-1) {
    padding-right: 10px
}

.edit-editor-menu>div[data-v-77ab4408]:nth-child(2n) {
    padding-left: 10px
}

.edit-editor-menu .el-date-editor.el-input[data-v-77ab4408],
.edit-editor-menu .el-date-editor.el-input__inner[data-v-77ab4408] {
    width: 100%
}

.edit-editor-btn[data-v-77ab4408] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    padding: 0 0 36px 0
}

.edit-editor-btn .edu-item[data-v-77ab4408] {
    color: #9c9c9c;
    cursor: pointer
}

.edit-editor-btn .edu-item .iconfont[data-v-77ab4408] {
    margin-right: 8px
}

.edit-editor-btn button[data-v-77ab4408] {
    width: 94px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    display: block;
    color: #606060;
    font-size: 14px;
    background: #fff
}

.edit-editor-btn button.active[data-v-77ab4408] {
    color: #fff;
    background: #ff4f4c;
    border-color: #ff4f4c;
    margin-left: 27px
}

.edit-editor-btn button.no[data-v-77ab4408] {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #fff;
    cursor: no-drop
}

.highlight[data-v-77ab4408] {
    width: 100%;
    width: 404px;
    padding: 20px 24px 28px;
    background: #4e505e;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: -8px;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.highlight .highlight-title[data-v-77ab4408] {
    line-height: 14px;
    height: auto;
    margin-bottom: 15px
}

.highlight .highlight-title .highlight-close[data-v-77ab4408] {
    float: right
}

.highlight .highlight-content[data-v-77ab4408] {
    line-height: 20px
}

.position-r[data-v-77ab4408] {
    position: relative
}

.flex[data-v-77ab4408] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-s-b[data-v-77ab4408] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.margin-0[data-v-77ab4408] {
    margin: 0
}

.padding-0[data-v-77ab4408] {
    padding: 0
}

.width[data-v-77ab4408] {
    width: 100%
}

.margin-top-24[data-v-77ab4408] {
    margin-top: 24px
}

.margin-top-30[data-v-77ab4408] {
    margin-top: 30px
}

.margin-top-32[data-v-77ab4408] {
    margin-top: 32px
}

.margin-top-36[data-v-77ab4408] {
    margin-top: 36px
}

.margin-top-38[data-v-77ab4408] {
    margin-top: 38px
}

.pointer[data-v-77ab4408] {
    cursor: pointer
}

.manage-main[data-v-77ab4408] {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.manage-main .manage-title[data-v-77ab4408] {
    font-size: 14px;
    color: #505667;
    position: relative;
    padding-left: 11px;
    margin-bottom: 16px
}

.manage-main .manage-title[data-v-77ab4408]:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    background: #505667;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.manage-main .manage-position .menu[data-v-77ab4408] {
    width: 100%;
    height: 46px;
    border-radius: 2px;
    background: #fbfbfb;
    margin-bottom: 8px;
    cursor: all-scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.manage-main .manage-position .menu[data-v-77ab4408]:hover {
    background: #fff;
    -webkit-box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1)
}

.manage-main .manage-position .menu:hover .title[data-v-77ab4408] {
    color: #505667
}

.manage-main .manage-position .menu[data-v-77ab4408]:last-child {
    margin: 0
}

.manage-main .manage-position .menu .title[data-v-77ab4408] {
    margin-left: 24px;
    color: #505667
}

.manage-main .manage-position .menu .operation[data-v-77ab4408] {
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.manage-main .manage-position .menu .iconfont[data-v-77ab4408] {
    color: #c4c4c4;
    font-size: 16px;
    margin-left: 16px
}

.manage-main .manage-position .menu .iconfont[data-v-77ab4408]:hover {
    color: #606060
}

.manage-main .manage-position .menu .iconfont.delete[data-v-77ab4408]:hover {
    cursor: pointer
}

.manage-main .module[data-v-77ab4408] {
    height: 72px;
    margin-bottom: 12px;
    background: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 18px;
    border-radius: 8px
}

.manage-main .module[data-v-77ab4408]:hover {
    background: #fff;
    -webkit-box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    box-shadow: 0 6px 32px 0 rgba(80, 86, 103, .1);
    cursor: pointer
}

.manage-main .module:hover .info .name[data-v-77ab4408] {
    color: #505667
}

.manage-main .module[data-v-77ab4408]:last-child {
    margin: 0
}

.manage-main .module .info[data-v-77ab4408] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #aeb2bd
}

.manage-main .module .info .iconfont[data-v-77ab4408] {
    margin-right: 8px
}

.manage-main .module .info .name[data-v-77ab4408] {
    font-size: 14px;
    color: #505667
}

.manage-main .module .info .msg[data-v-77ab4408] {
    font-size: 12px;
    color: #aeb2bd;
    margin-top: 4px
}

.manage-main .module .recover[data-v-77ab4408] {
    color: #c4c4c4;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 15px;
    font-weight: 600;
    position: relative
}

.manage-main .module .recover[data-v-77ab4408]:hover {
    color: #606060;
    cursor: pointer
}

.manage-main .module .recover:hover .recover-msg[data-v-77ab4408] {
    display: block
}

.manage-main .module .recover .recover-msg[data-v-77ab4408] {
    width: 70px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    background: #404040;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.manage-main .module .recover .recover-msg[data-v-77ab4408]:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #404040;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -1.5px
}

.flip-list-move[data-v-77ab4408] {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.no-move[data-v-77ab4408] {
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s
}

.ghost[data-v-77ab4408] {
    opacity: .5;
    background: #ececec
}

.edit-cv-main[data-v-9944ad48] {
    width: 100%;
    height: 100%;
    font-size: 14px
}

.edit-cv-main .model[data-v-9944ad48] {
    background: #fff
}

.edit-cv-main .model .control[data-v-9944ad48] {
    width: 100%;
    height: 52px;
    -webkit-box-shadow: 0 1px 0 0 #f9f9f9;
    box-shadow: 0 1px 0 0 #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-cv-main .model .control .control-menu[data-v-9944ad48] {
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #aeb2bd;
    position: relative;
    padding: 0 30px;
    cursor: pointer
}

.edit-cv-main .model .control .control-menu.active[data-v-9944ad48] {
    color: #505667
}

.edit-cv-main .model.model-top[data-v-9944ad48] {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.edit-cv-main .model.model-top .option[data-v-9944ad48] {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #404040;
    cursor: pointer
}

.edit-cv-main .model.model-top .option .iconfont[data-v-9944ad48] {
    font-weight: 600;
    font-size: 20px
}

.edit-cv-main .model.model-top .option p[data-v-9944ad48] {
    margin-top: 10px
}

.edit-cv-main .model.model-content[data-v-9944ad48] {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 0 40px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.edit-cv-main .model.model-content .scroll[data-v-9944ad48] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.edit-cv-main .model.model-content .auto-btn[data-v-9944ad48] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px
}

.edit-cv-main .model.model-content .auto-btn[data-v-9944ad48]:first-child {
    margin-right: 24px
}

.edit-cv-main .model.model-content .auto-page-btn[data-v-9944ad48] {
    background-color: #f64
}

.edit-cv-main .model.model-content .auto-sort-btn[data-v-9944ad48] {
    background-color: #4183ff
}

.edit-cv-main .model.model-content .title[data-v-9944ad48] {
    color: #aeb2bd;
    font-size: 14px;
    margin-top: 22px;
    margin-bottom: 14px
}

.edit-cv-main .model.model-content .line[data-v-9944ad48] {
    height: 6px;
    background: #f4f4f4;
    margin-top: 28px;
    margin-bottom: 18px
}

.edit-cv-main .model.model-content .box[data-v-9944ad48] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-cv-main .model.model-content .box .menu[data-v-9944ad48] {
    width: 112px
}

.edit-cv-main .model.model-content .box .menu .title[data-v-9944ad48] {
    padding: 0
}

.edit-cv-main .model.model-content .content[data-v-9944ad48] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-cv-main .model.model-content .content .theme[data-v-9944ad48] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.edit-cv-main .model.model-content .content .theme .iconfont[data-v-9944ad48] {
    display: none;
    color: #fff;
    font-size: 16px;
    margin-top: 2px;
    font-weight: 600
}

.edit-cv-main .model.model-content .content .theme.action .iconfont[data-v-9944ad48] {
    display: block
}

.edit-cv-main .model.model-content .content.layouts button[data-v-9944ad48] {
    width: 112px;
    height: 36px;
    background: transparent;
    color: #909090;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #f5f6fa
}

.edit-cv-main .model.model-content .content.layouts button .iconfont[data-v-9944ad48] {
    font-size: 13px;
    font-weight: 600
}

.edit-cv-main .model.model-content .content.layouts button.action[data-v-9944ad48] {
    color: #f64;
    background: #fff;
    border-color: #f64
}

.edit-cv-main .model.model-content .content.layouts button[data-v-9944ad48]:last-child {
    margin-left: 24px
}

.edit-cv-main .model.model-content .content.content-list[data-v-9944ad48] {
    margin-bottom: 20px
}

.edit-cv-main .model.model-content .btn[data-v-9944ad48] {
    width: 100%;
    height: 68px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #fff
}

.edit-cv-main .model.model-content .btn button[data-v-9944ad48] {
    width: 108px;
    height: 38px;
    border: 1px solid #f64;
    border-radius: 2px;
    color: #f64;
    background: #fff;
    margin-top: 16px;
    font-size: 14px;
    border-radius: 20px
}

.edit-cv-main .model.model-content .btn button.action[data-v-9944ad48] {
    background: #f64;
    color: #fff;
    margin-left: 26px
}

.mySelect[data-v-9944ad48] {
    position: relative;
    width: 112px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #ececec !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.mySelect i.el-icon[data-v-9944ad48] {
    color: #c0c4cc;
    width: 25px;
    line-height: 36px;
    text-align: center;
    top: 1px;
    right: 5px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute
}

.mySelect i.el-icon.active[data-v-9944ad48] {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.mySelect .model[data-v-9944ad48] {
    color: #606266;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 4px
}

.mySelect .fontList[data-v-9944ad48] {
    width: 168px;
    top: 49px;
    left: -1px;
    z-index: 8;
    padding: 6px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 4px;
    position: absolute
}

.mySelect .fontList.widthAuto[data-v-9944ad48] {
    width: 113px
}

.mySelect .fontList .popper__arrow[data-v-9944ad48] {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    border-bottom-color: #ebeef5;
    top: -12px;
    left: 55px;
    margin-left: -6px;
    position: absolute
}

.mySelect .fontList .popper__arrow[data-v-9944ad48]:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 6px;
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.mySelect .fontList .font[data-v-9944ad48] {
    line-height: 34px;
    padding: 0 20px;
    overflow: hidden
}

.mySelect .fontList .font[data-v-9944ad48]:hover {
    background-color: #f5f7fa
}

.mySelect .fontList .font .iconfont[data-v-9944ad48] {
    font-size: 14px
}

.edit-cv-main .el-select {
    width: 100%;
    height: 38px !important
}

.edit-cv-main .el-select .el-input,
.edit-cv-main .el-select .el-input__inner {
    border-radius: 4px;
    height: 100%;
    border-color: #ececec !important
}

.h-w-10[data-v-75ec5654] {
    width: 100%;
    height: 100%
}

.w988[data-v-75ec5654] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-75ec5654] {
    float: left
}

.fr[data-v-75ec5654] {
    float: right
}

.clearfix[data-v-75ec5654]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-75ec5654] {
    position: relative
}

.pa[data-v-75ec5654] {
    position: absolute
}

.display_b[data-v-75ec5654] {
    display: block
}

.display_ib[data-v-75ec5654] {
    display: inline-block
}

.ellipsis[data-v-75ec5654] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-75ec5654] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-75ec5654],
.ellipsis3[data-v-75ec5654] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-75ec5654] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-75ec5654] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-75ec5654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-75ec5654] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-75ec5654] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-75ec5654],
.flex-c[data-v-75ec5654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-75ec5654] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-75ec5654] {
    word-wrap: break-word
}

.w-10[data-v-75ec5654] {
    width: 100%;
    padding: 0
}

.w-5[data-v-75ec5654] {
    width: 55%;
    padding: 0
}

.b-s[data-v-75ec5654] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-75ec5654] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-75ec5654] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-75ec5654]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-75ec5654] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-75ec5654] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-75ec5654] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-75ec5654] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-75ec5654] {
    margin-top: 10px
}

.mt_8[data-v-75ec5654] {
    margin-top: 16px
}

.mt_9[data-v-75ec5654] {
    margin-top: 18px
}

.mt_10[data-v-75ec5654] {
    margin-top: 20px
}

.mt_11[data-v-75ec5654] {
    margin-top: 22px
}

.mt_12[data-v-75ec5654] {
    margin-top: 24px
}

.mt_13[data-v-75ec5654] {
    margin-top: 26px
}

.mt_14[data-v-75ec5654] {
    margin-top: 28px
}

.mt_15[data-v-75ec5654] {
    margin-top: 30px
}

.mt_16[data-v-75ec5654] {
    margin-top: 32px
}

.mt_19[data-v-75ec5654] {
    margin-top: 38px
}

.mt_20[data-v-75ec5654] {
    margin-top: 40px
}

.ml_10[data-v-75ec5654] {
    margin-left: 20px
}

.ml_12[data-v-75ec5654] {
    margin-left: 24px
}

.ml_14[data-v-75ec5654] {
    margin-left: 28px
}

.ml_20[data-v-75ec5654] {
    margin-left: 40px
}

.ml_22[data-v-75ec5654] {
    margin-left: 44px
}

.ml_27[data-v-75ec5654] {
    margin-left: 54px
}

.mr_27[data-v-75ec5654] {
    margin-right: 54px
}

.pl_5[data-v-75ec5654] {
    padding-left: 10px
}

.margin_lr34[data-v-75ec5654] {
    margin: 0 34px
}

.margin_lr38[data-v-75ec5654] {
    margin: 0 38px
}

.padding_lr34[data-v-75ec5654] {
    padding: 0 34px
}

.padding_lr38[data-v-75ec5654] {
    padding: 0 38px
}

.text_center[data-v-75ec5654] {
    text-align: center
}

.color_0[data-v-75ec5654] {
    color: #000
}

.color_3[data-v-75ec5654] {
    color: #333
}

.color_fff[data-v-75ec5654] {
    color: #fff
}

.color_e3[data-v-75ec5654] {
    color: #e3e3e3
}

.color_40[data-v-75ec5654] {
    color: #404040
}

.color_60[data-v-75ec5654] {
    color: #606060
}

.color_666[data-v-75ec5654] {
    color: #666
}

.color_90[data-v-75ec5654] {
    color: #909090
}

.color_9c[data-v-75ec5654] {
    color: #9c9c9c
}

.color_current[data-v-75ec5654] {
    color: #2d5ff5
}

.color_red[data-v-75ec5654] {
    color: #ff4f4c
}

.border_current[data-v-75ec5654] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-75ec5654] {
    background-color: #fff
}

.bg_f8[data-v-75ec5654] {
    background-color: #f8f8fa
}

.bg_current[data-v-75ec5654] {
    background-color: #2d5ff5
}

.bg_ed[data-v-75ec5654] {
    background-color: #edf0fd
}

.bg_red[data-v-75ec5654] {
    background-color: #ff4f4c
}

.font_w_b[data-v-75ec5654] {
    font-weight: 700
}

.f_12[data-v-75ec5654] {
    font-size: 12px
}

.f_13[data-v-75ec5654] {
    font-size: 13px
}

.f_14[data-v-75ec5654] {
    font-size: 14px
}

.f_15[data-v-75ec5654] {
    font-size: 15px
}

.f_16[data-v-75ec5654] {
    font-size: 16px
}

.f_17[data-v-75ec5654] {
    font-size: 17px
}

.f_18[data-v-75ec5654] {
    font-size: 18px
}

.f_19[data-v-75ec5654] {
    font-size: 19px
}

.f_20[data-v-75ec5654] {
    font-size: 20px
}

.f_21[data-v-75ec5654] {
    font-size: 21px
}

.f_22[data-v-75ec5654] {
    font-size: 22px
}

.f_23[data-v-75ec5654] {
    font-size: 23px
}

.f_24[data-v-75ec5654] {
    font-size: 24px
}

.f_25[data-v-75ec5654] {
    font-size: 25px
}

.f_26[data-v-75ec5654] {
    font-size: 26px
}

.f_27[data-v-75ec5654] {
    font-size: 27px
}

.f_28[data-v-75ec5654] {
    font-size: 28px
}

.f_29[data-v-75ec5654] {
    font-size: 29px
}

.f_30[data-v-75ec5654] {
    font-size: 30px
}

.f_31[data-v-75ec5654] {
    font-size: 31px
}

.f_32[data-v-75ec5654] {
    font-size: 32px
}

.f_33[data-v-75ec5654] {
    font-size: 33px
}

.f_34[data-v-75ec5654] {
    font-size: 34px
}

.f_35[data-v-75ec5654] {
    font-size: 35px
}

.f_36[data-v-75ec5654] {
    font-size: 36px
}

.f_37[data-v-75ec5654] {
    font-size: 37px
}

.f_38[data-v-75ec5654] {
    font-size: 38px
}

.f_39[data-v-75ec5654] {
    font-size: 39px
}

.f_40[data-v-75ec5654] {
    font-size: 40px
}

.f_41[data-v-75ec5654] {
    font-size: 41px
}

.f_42[data-v-75ec5654] {
    font-size: 42px
}

.f_43[data-v-75ec5654] {
    font-size: 43px
}

.f_44[data-v-75ec5654] {
    font-size: 44px
}

.f_45[data-v-75ec5654] {
    font-size: 45px
}

.f_46[data-v-75ec5654] {
    font-size: 46px
}

.f_47[data-v-75ec5654] {
    font-size: 47px
}

.f_48[data-v-75ec5654] {
    font-size: 48px
}

.f_49[data-v-75ec5654] {
    font-size: 49px
}

.f_50[data-v-75ec5654] {
    font-size: 50px
}

.b-r[data-v-75ec5654] {
    border-radius: 50%
}

.blur4[data-v-75ec5654] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-75ec5654] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-75ec5654] {
    cursor: pointer
}

.templateButtons .confirm[data-v-75ec5654] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-75ec5654] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-75ec5654] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-75ec5654]:hover,
.templateButtons .confirm[data-v-75ec5654]:hover {
    opacity: .8
}

.library-main[data-v-75ec5654] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.library-main .library-sidebar[data-v-75ec5654] {
    width: 96px;
    padding: 16px 0;
    overflow: auto
}

.library-main .library-sidebar .library-sidebar-item[data-v-75ec5654] {
    height: 68px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-size: 14px;
    color: #aeb2bd;
    line-height: 20px;
    cursor: pointer
}

.library-main .library-sidebar .library-sidebar-item.active[data-v-75ec5654],
.library-main .library-sidebar .library-sidebar-item[data-v-75ec5654]:hover {
    color: #505667
}

.library-main .library-sidebar .library-sidebar-item.disabled[data-v-75ec5654] {
    opacity: .6
}

.library-main .library-sidebar .library-sidebar-item .word_wrap_b[data-v-75ec5654] {
    text-align: center
}

.library-main .library-content[data-v-75ec5654] {
    width: 302px;
    position: relative
}

.library-main .library-content .library-title[data-v-75ec5654] {
    width: 100%;
    height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #505667
}

.library-main .library-content .library-title .library-title-name[data-v-75ec5654] {
    font-weight: 600
}

.library-main .library-content .library-title .library-title-btn[data-v-75ec5654] {
    width: 71px;
    height: 28px;
    border-radius: 14px;
    background: #f5f6fa;
    font-size: 14px;
    color: #aeb2bd
}

.library-main .library-content .library-title .library-title-btn.active[data-v-75ec5654] {
    color: #fff;
    background: #505667
}

.library-main .library-content .library-list-content[data-v-75ec5654] {
    height: calc(100% - 164px);
    overflow: auto
}

.library-main .library-content .other-title[data-v-75ec5654] {
    font-size: 14px;
    color: #505667;
    padding: 16px 0
}

.library-main .library-content .library-list[data-v-75ec5654] {
    height: 100%;
    overflow-y: auto
}

.library-main .library-content .library-item[data-v-75ec5654] {
    width: 100%;
    background: #f5f6fa;
    padding: 20px 20px 30px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer
}

.library-main .library-content .library-item.disabled[data-v-75ec5654] {
    opacity: .6
}

.library-main .library-content .library-item .library-item-select[data-v-75ec5654] {
    width: 12px;
    height: 12px;
    border: 1px solid #505667;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 2px;
    margin-right: 12px
}

.library-main .library-content .library-item.active .library-item-select[data-v-75ec5654]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #505667;
    border-radius: 4px
}

.library-main .library-content .library-item .library-item-content[data-v-75ec5654] {
    width: calc(100% - 25px);
    color: #505667;
    font-size: 14px
}

.library-main .library-content .library-item .library-item-content>div[data-v-75ec5654] {
    margin-bottom: 10px
}

.library-main .library-content .library-item .library-item-content>div[data-v-75ec5654]:last-child {
    margin-bottom: 0
}

.library-main .library-content .library-item .library-item-content .item-name[data-v-75ec5654] {
    font-size: 16px;
    color: #505667;
    font-weight: 600;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-info[data-v-75ec5654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-75ec5654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-75ec5654]:after {
    content: "|";
    display: block;
    width: 10px;
    font-size: 12px;
    text-align: center
}

.library-main .library-content .library-item .library-item-content .item-info span[data-v-75ec5654]:last-child:after {
    content: "";
    width: 0
}

.library-main .library-content .library-item .library-item-content .item-desc[data-v-75ec5654] {
    width: 100%;
    line-height: 22px;
    word-wrap: break-word
}

.library-main .library-content .library-item .library-item-content .item-date[data-v-75ec5654] {
    position: absolute;
    right: 24px;
    bottom: 14px;
    text-align: right;
    font-size: 12px;
    color: #aeb2bd
}

.library-main .library-content .library-item .library-item-delete[data-v-75ec5654] {
    font-size: 14px;
    color: #aeb2bd;
    position: absolute;
    top: 22px;
    right: 20px;
    cursor: pointer
}

.library-main .library-content .library-item .library-item-delete[data-v-75ec5654]:hover {
    color: #505667
}

.library-main .library-content .library-btn[data-v-75ec5654] {
    width: 100%;
    height: 68px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    background: #fff
}

.library-main .library-content .library-btn .library-all[data-v-75ec5654] {
    color: #aeb2bd;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    cursor: pointer
}

.library-main .library-content .library-btn .library-all .library-all-select[data-v-75ec5654] {
    width: 12px;
    height: 12px;
    border: 1px solid #aeb2bd;
    border-radius: 7px;
    margin-right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.library-main .library-content .library-btn .library-all.active .library-all-select[data-v-75ec5654]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #505667;
    border-radius: 4px
}

.library-main .library-content .library-btn .btn[data-v-75ec5654] {
    position: absolute;
    bottom: 16px;
    left: 24px
}

.library-main .library-content .library-btn button[data-v-75ec5654] {
    width: 108px;
    height: 38px;
    border-radius: 19px;
    border: 1px solid #f64;
    color: #f64;
    font-size: 14px;
    background: transparent
}

.library-main .library-content .library-btn button.active[data-v-75ec5654] {
    background: #f64;
    color: #fff
}

.library-main .library-content .library-btn button.active.disabled[data-v-75ec5654] {
    background-color: #ececec;
    border-color: #ececec
}

.library-main .library-content .library-btn button[data-v-75ec5654]:nth-child(2) {
    margin-left: 32px
}

.h-w-10[data-v-654242d7] {
    width: 100%;
    height: 100%
}

.w988[data-v-654242d7] {
    width: 988px;
    margin: 0 auto
}

.fl[data-v-654242d7] {
    float: left
}

.fr[data-v-654242d7] {
    float: right
}

.clearfix[data-v-654242d7]:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr[data-v-654242d7] {
    position: relative
}

.pa[data-v-654242d7] {
    position: absolute
}

.display_b[data-v-654242d7] {
    display: block
}

.display_ib[data-v-654242d7] {
    display: inline-block
}

.ellipsis[data-v-654242d7] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2[data-v-654242d7] {
    -webkit-line-clamp: 2
}

.ellipsis2[data-v-654242d7],
.ellipsis3[data-v-654242d7] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3[data-v-654242d7] {
    -webkit-line-clamp: 3
}

.current-experience-title[data-v-654242d7] {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex[data-v-654242d7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1[data-v-654242d7] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c[data-v-654242d7] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c-start[data-v-654242d7],
.flex-c[data-v-654242d7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start[data-v-654242d7] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b[data-v-654242d7] {
    word-wrap: break-word
}

.w-10[data-v-654242d7] {
    width: 100%;
    padding: 0
}

.w-5[data-v-654242d7] {
    width: 55%;
    padding: 0
}

.b-s[data-v-654242d7] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d[data-v-654242d7] {
    border: 1px solid #e8e8e8
}

.mask-button[data-v-654242d7] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button[data-v-654242d7]:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t[data-v-654242d7] {
    border-top: 1px solid #e8e8e8
}

.border_r[data-v-654242d7] {
    border-right: 1px solid #e8e8e8
}

.border_b[data-v-654242d7] {
    border-bottom: 1px solid #e8e8e8
}

.border_l[data-v-654242d7] {
    border-left: 1px solid #e8e8e8
}

.mt_5[data-v-654242d7] {
    margin-top: 10px
}

.mt_8[data-v-654242d7] {
    margin-top: 16px
}

.mt_9[data-v-654242d7] {
    margin-top: 18px
}

.mt_10[data-v-654242d7] {
    margin-top: 20px
}

.mt_11[data-v-654242d7] {
    margin-top: 22px
}

.mt_12[data-v-654242d7] {
    margin-top: 24px
}

.mt_13[data-v-654242d7] {
    margin-top: 26px
}

.mt_14[data-v-654242d7] {
    margin-top: 28px
}

.mt_15[data-v-654242d7] {
    margin-top: 30px
}

.mt_16[data-v-654242d7] {
    margin-top: 32px
}

.mt_19[data-v-654242d7] {
    margin-top: 38px
}

.mt_20[data-v-654242d7] {
    margin-top: 40px
}

.ml_10[data-v-654242d7] {
    margin-left: 20px
}

.ml_12[data-v-654242d7] {
    margin-left: 24px
}

.ml_14[data-v-654242d7] {
    margin-left: 28px
}

.ml_20[data-v-654242d7] {
    margin-left: 40px
}

.ml_22[data-v-654242d7] {
    margin-left: 44px
}

.ml_27[data-v-654242d7] {
    margin-left: 54px
}

.mr_27[data-v-654242d7] {
    margin-right: 54px
}

.pl_5[data-v-654242d7] {
    padding-left: 10px
}

.margin_lr34[data-v-654242d7] {
    margin: 0 34px
}

.margin_lr38[data-v-654242d7] {
    margin: 0 38px
}

.padding_lr34[data-v-654242d7] {
    padding: 0 34px
}

.padding_lr38[data-v-654242d7] {
    padding: 0 38px
}

.text_center[data-v-654242d7] {
    text-align: center
}

.color_0[data-v-654242d7] {
    color: #000
}

.color_3[data-v-654242d7] {
    color: #333
}

.color_fff[data-v-654242d7] {
    color: #fff
}

.color_e3[data-v-654242d7] {
    color: #e3e3e3
}

.color_40[data-v-654242d7] {
    color: #404040
}

.color_60[data-v-654242d7] {
    color: #606060
}

.color_666[data-v-654242d7] {
    color: #666
}

.color_90[data-v-654242d7] {
    color: #909090
}

.color_9c[data-v-654242d7] {
    color: #9c9c9c
}

.color_current[data-v-654242d7] {
    color: #2d5ff5
}

.color_red[data-v-654242d7] {
    color: #ff4f4c
}

.border_current[data-v-654242d7] {
    border-color: #2d5ff5 !important
}

.bg_fff[data-v-654242d7] {
    background-color: #fff
}

.bg_f8[data-v-654242d7] {
    background-color: #f8f8fa
}

.bg_current[data-v-654242d7] {
    background-color: #2d5ff5
}

.bg_ed[data-v-654242d7] {
    background-color: #edf0fd
}

.bg_red[data-v-654242d7] {
    background-color: #ff4f4c
}

.font_w_b[data-v-654242d7] {
    font-weight: 700
}

.f_12[data-v-654242d7] {
    font-size: 12px
}

.f_13[data-v-654242d7] {
    font-size: 13px
}

.f_14[data-v-654242d7] {
    font-size: 14px
}

.f_15[data-v-654242d7] {
    font-size: 15px
}

.f_16[data-v-654242d7] {
    font-size: 16px
}

.f_17[data-v-654242d7] {
    font-size: 17px
}

.f_18[data-v-654242d7] {
    font-size: 18px
}

.f_19[data-v-654242d7] {
    font-size: 19px
}

.f_20[data-v-654242d7] {
    font-size: 20px
}

.f_21[data-v-654242d7] {
    font-size: 21px
}

.f_22[data-v-654242d7] {
    font-size: 22px
}

.f_23[data-v-654242d7] {
    font-size: 23px
}

.f_24[data-v-654242d7] {
    font-size: 24px
}

.f_25[data-v-654242d7] {
    font-size: 25px
}

.f_26[data-v-654242d7] {
    font-size: 26px
}

.f_27[data-v-654242d7] {
    font-size: 27px
}

.f_28[data-v-654242d7] {
    font-size: 28px
}

.f_29[data-v-654242d7] {
    font-size: 29px
}

.f_30[data-v-654242d7] {
    font-size: 30px
}

.f_31[data-v-654242d7] {
    font-size: 31px
}

.f_32[data-v-654242d7] {
    font-size: 32px
}

.f_33[data-v-654242d7] {
    font-size: 33px
}

.f_34[data-v-654242d7] {
    font-size: 34px
}

.f_35[data-v-654242d7] {
    font-size: 35px
}

.f_36[data-v-654242d7] {
    font-size: 36px
}

.f_37[data-v-654242d7] {
    font-size: 37px
}

.f_38[data-v-654242d7] {
    font-size: 38px
}

.f_39[data-v-654242d7] {
    font-size: 39px
}

.f_40[data-v-654242d7] {
    font-size: 40px
}

.f_41[data-v-654242d7] {
    font-size: 41px
}

.f_42[data-v-654242d7] {
    font-size: 42px
}

.f_43[data-v-654242d7] {
    font-size: 43px
}

.f_44[data-v-654242d7] {
    font-size: 44px
}

.f_45[data-v-654242d7] {
    font-size: 45px
}

.f_46[data-v-654242d7] {
    font-size: 46px
}

.f_47[data-v-654242d7] {
    font-size: 47px
}

.f_48[data-v-654242d7] {
    font-size: 48px
}

.f_49[data-v-654242d7] {
    font-size: 49px
}

.f_50[data-v-654242d7] {
    font-size: 50px
}

.b-r[data-v-654242d7] {
    border-radius: 50%
}

.blur4[data-v-654242d7] {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all[data-v-654242d7] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p[data-v-654242d7] {
    cursor: pointer
}

.templateButtons .confirm[data-v-654242d7] {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled[data-v-654242d7] {
    background: #cfcfcf
}

.templateButtons .cancel[data-v-654242d7] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel[data-v-654242d7]:hover,
.templateButtons .confirm[data-v-654242d7]:hover {
    opacity: .8
}

.editor-sidebar-main[data-v-654242d7] {
    width: 68px;
    height: calc(100vh - 56px);
    position: fixed;
    top: 56px;
    right: 0;
    z-index: 9;
    background: #505667;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.editor-sidebar-main .menu[data-v-654242d7] {
    width: 100%;
    height: 86px;
    cursor: pointer;
    position: relative;
    padding-top: 1px;
    margin-bottom: 30px
}

.editor-sidebar-main .menu [data-v-654242d7] {
    position: relative;
    z-index: 2
}

.editor-sidebar-main .menu.active .menu-bg[data-v-654242d7] {
    display: block
}

.editor-sidebar-main .menu:hover .menu-text[data-v-654242d7] {
    font-weight: 600
}

.editor-sidebar-main .menu .menu-bg[data-v-654242d7] {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1
}

.editor-sidebar-main .menu .menu-img[data-v-654242d7] {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    margin: 18px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.editor-sidebar-main .menu .menu-img img[data-v-654242d7] {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%
}

.editor-sidebar-main .menu .menu-text[data-v-654242d7] {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC
}

.editor-sidebar-main .menu .tip[data-v-654242d7] {
    width: 290px;
    height: 135px;
    border-radius: 4px;
    background: rgba(255, 102, 68, .89);
    position: absolute;
    left: -22px;
    top: 10px;
    z-index: 10;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.editor-sidebar-main .menu .tip .tip-text[data-v-654242d7] {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    padding: 0 30px;
    margin-top: 22px
}

.editor-sidebar-main .menu .tip .tip-btn[data-v-654242d7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

.editor-sidebar-main .menu .tip .tip-btn button[data-v-654242d7] {
    width: 100px;
    height: 30px;
    border-radius: 16px;
    background: transparent;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff
}

.editor-sidebar-main .menu .tip .tip-btn button.active[data-v-654242d7] {
    color: #f64;
    background: #fff
}

.editor-sidebar-main .menu .tip .tip-btn button[data-v-654242d7]:last-child {
    margin-left: 28px
}

.editor-sidebar-main .menu .tip[data-v-654242d7]:after {
    content: "";
    display: block;
    border-color: rgba(255, 102, 68, .89);
    border-width: 8px;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 2px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: -8px
}

.editor-sidebar-main .sidebar-side-content[data-v-654242d7] {
    width: 0;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    overflow: hidden
}

.editor-sidebar-main .sidebar-side-content.active[data-v-654242d7] {
    width: 414px
}

.editor-sidebar-main .sidebar-side-content [data-v-654242d7] {
    pointer-events: auto
}

.editor-sidebar-main .sidebar-side-content .composing[data-v-654242d7],
.editor-sidebar-main .sidebar-side-content .manage[data-v-654242d7] {
    width: 328px
}

.editor-sidebar-main .sidebar-side-content .library[data-v-654242d7] {
    width: 414px
}

.editor-sidebar-main .newUserGuide[data-v-654242d7] {
    width: 262px;
    height: 135px;
    padding: 22px 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -292px;
    top: 114px;
    background: rgba(255, 102, 68, .9);
    border-radius: 6px
}

.editor-sidebar-main .newUserGuide.composing[data-v-654242d7] {
    top: 140px
}

.editor-sidebar-main .newUserGuide.manage[data-v-654242d7] {
    top: 256px
}

.editor-sidebar-main .newUserGuide.notHasLibrary[data-v-654242d7] {
    margin-top: -116px
}

.editor-sidebar-main .newUserGuide[data-v-654242d7]:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 28px;
    right: -10px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid rgba(255, 102, 68, .9);
    border-right: 0
}

.editor-sidebar-main .newUserGuide .desc[data-v-654242d7] {
    line-height: 22px;
    margin-bottom: 18px
}

.editor-sidebar-main .newUserGuide .buttons .close[data-v-654242d7] {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 15px;
    color: #f64;
    margin: 0 auto
}

.show-main[data-v-b1ef32ec] {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: auto;
    background: rgba(0, 0, 0, .5)
}

.show-main .cover[data-v-b1ef32ec] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.show-main .pos[data-v-b1ef32ec] {
    width: 100vw;
    height: 100vh;
    max-width: 856px;
    max-height: 763.71429px;
    width: 540px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    margin: auto;
    overflow: auto
}

.show-main .main[data-v-b1ef32ec] {
    width: 540px;
    height: 763.71429px;
    overflow: auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.show-main .main .cv[data-v-b1ef32ec] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 540px;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.show-main .main .edit[data-v-b1ef32ec] {
    width: 300px;
    height: 100%;
    margin-left: 16px
}

.cv-editor-main[data-v-400cf0ba] {
    min-width: 1280px;
    background-color: #353944;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cv-editor-main[data-v-400cf0ba] ::-webkit-scrollbar {
    width: 0
}

.cv-editor-main[data-v-400cf0ba]::-webkit-scrollbar-thumb {
    background-color: #999
}

.cv-editor-main .edit-cv-main[data-v-400cf0ba] {
    width: calc(100vw - 108px);
    min-width: 1172px;
    height: calc(100vh - 72px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    padding: 72px 16px 0 24px;
    margin-right: 68px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-editor-main .edit-cv-main>div[data-v-400cf0ba],
.cv-editor-main .edit-cv-main[data-v-400cf0ba] {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cv-editor-main .edit-cv-main .info[data-v-400cf0ba] {
    width: 324px;
    max-height: 100%;
    position: relative;
    margin-right: 16px;
    border-top: 12px solid #fff;
    border-radius: 2px
}

.cv-editor-main .edit-cv-main .edit[data-v-400cf0ba] {
    padding-bottom: 12px;
    max-width: 540px;
    max-height: 100%;
    margin-right: 16px;
    position: relative;
    min-width: 415px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px
}

.cv-editor-main .edit-cv-main .edit .edit-component[data-v-400cf0ba] {
    max-height: 100%;
    overflow-y: auto;
    min-height: 200px;
    background: #fff;
    border-radius: 0 0 2px 2px
}

.cv-editor-main .edit-cv-main .cvs[data-v-400cf0ba] {
    max-width: 540px;
    max-height: 100%;
    min-width: 415px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.cv-editor-main .edit-cv-main .cvs .cvs-component[data-v-400cf0ba] {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content[data-v-400cf0ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 20px;
    position: relative
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity[data-v-400cf0ba] {
    width: 130px;
    height: 36px;
    background-color: #f64;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity i[data-v-400cf0ba] {
    margin-right: 5px
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .capacity[data-v-400cf0ba]:hover {
    background-color: #ff856a
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page[data-v-400cf0ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aeb2bd
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page .iconfont[data-v-400cf0ba] {
    font-size: 24px
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page .iconfont.hover[data-v-400cf0ba]:hover {
    cursor: pointer;
    color: #fff
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page span[data-v-400cf0ba] {
    width: 54px;
    text-align: center;
    color: #9c9c9c
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-page .page-disabled[data-v-400cf0ba]:hover {
    cursor: not-allowed
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right[data-v-400cf0ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-400cf0ba] {
    width: 124px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    background: #fff;
    color: #606060;
    font-size: 14px;
    border-radius: 2px;
    text-align: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-400cf0ba]:first-child {
    margin-right: 16px
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn.active[data-v-400cf0ba],
.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn[data-v-400cf0ba]:hover {
    -webkit-box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .3);
    box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .3)
}

.cv-editor-main .edit-cv-main .cvs .cvs-button-content .cvs-button-right .cvs-button-btn .iconfont[data-v-400cf0ba] {
    margin-right: 6px
}

.cv-editor-main .edit-cv-main .cvs .cvs-pager[data-v-400cf0ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 22px
}

.cv-editor-main .edit-cv-main .cvs .resume[data-v-400cf0ba] {
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: auto;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 20px 0 #282a30;
    box-shadow: 0 4px 20px 0 #282a30
}

.cv-editor-main .edit-cv-main .cvs .resume.a4[data-v-400cf0ba],
.cv-editor-main .edit-cv-main .cvs .resume.letter_size[data-v-400cf0ba] {
    width: 100%
}

.cv-editor-main .edit-cv-main .cvs .resume .cvs-hover[data-v-400cf0ba] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu[data-v-400cf0ba] {
    width: 100%;
    height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    background: #fff
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item[data-v-400cf0ba] {
    width: 70px;
    margin-left: 10px;
    cursor: pointer;
    margin-right: 52px
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item[data-v-400cf0ba]:last-child {
    margin-right: 0
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item .img[data-v-400cf0ba] {
    width: 48px;
    height: 48px;
    border-radius: 30px;
    margin: auto;
    background: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item .img .iconfont[data-v-400cf0ba] {
    font-size: 20px;
    font-weight: 600;
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .menu-item p[data-v-400cf0ba] {
    text-align: center;
    margin-top: 6px;
    color: #606060;
    font-size: 14px
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list[data-v-400cf0ba] {
    background: #fff;
    margin-top: 1px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item[data-v-400cf0ba] {
    width: 100%;
    height: 64px;
    border-bottom: 1px solid #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #404040;
    font-size: 14px;
    cursor: pointer
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item .iconfont[data-v-400cf0ba] {
    margin-right: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #606060
}

.cv-editor-main .edit-cv-main .cvs .cvs-menu .cvs-list .list-item[data-v-400cf0ba]:last-child {
    border: none
}

.cv-editor-main .change-theme[data-v-400cf0ba] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #414653;
    position: fixed;
    right: 14px;
    bottom: 148px;
    z-index: 10;
    cursor: pointer;
    overflow: hidden
}

.cv-editor-main .change-theme img[data-v-400cf0ba] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 20px
}

.cv-editor-main .change-theme .dark-theme[data-v-400cf0ba] {
    width: 18px
}

.cv-editor-main .icon-enter-active[data-v-400cf0ba],
.cv-editor-main .icon-leave-active[data-v-400cf0ba] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.cv-editor-main .icon-enter[data-v-400cf0ba],
.cv-editor-main .icon-leave-to[data-v-400cf0ba] {
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.nav-middle-block[data-v-400cf0ba] {
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.nav-middle-block .high-light-text[data-v-400cf0ba] {
    color: #f64
}

.cv-editor-main-light[data-v-400cf0ba] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #f5f5f7
}

.cv-editor-main-light[data-v-400cf0ba] .resume {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .5) !important;
    box-shadow: 0 2px 16px 0 hsla(0, 0%, 80.8%, .5) !important
}

.cv-editor-main-light[data-v-400cf0ba] .iconarrow-down-circle,
.cv-editor-main-light[data-v-400cf0ba] .iconarrow-up-circle {
    color: #9c9c9c
}

.cv-editor-main-light[data-v-400cf0ba] .iconarrow-down-circle:hover,
.cv-editor-main-light[data-v-400cf0ba] .iconarrow-up-circle:hover {
    color: #606060 !important
}

.pack-up {
    width: 38px;
    height: 116px;
    background: #505667;
    border-radius: 0 4px 4px 0;
    opacity: .79;
    position: absolute;
    top: 160px;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pack-up i {
    margin-bottom: 6px;
    color: #fff
}

.pack-up .title {
    margin: 0 auto;
    width: 14px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 18px
}

.pack-up:hover {
    opacity: 1
}

.edit-cv-main .el-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.edit-cv-main .el-pagination>* {
    background: transparent !important
}

.edit-cv-main .el-pager {
    width: 245px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.edit-cv-main .el-pager>* {
    font-size: 14px !important;
    background: transparent !important;
    color: #cacaca !important
}

.edit-cv-main .el-pager>.active {
    color: #606060 !important
}

.edit[data-v-400cf0ba] {
    border-top: 12px solid #fff;
    border-bottom: none !important
}

.optimize-info[data-v-400cf0ba],
[data-v-400cf0ba] .side-bottom {
    -webkit-transition: none;
    transition: none
}

.optimize-info[data-v-400cf0ba] {
    border-bottom: 12px solid #fff
}

.edit-cv-main .edit-menu-content li[data-v-400cf0ba],
.edit-cv-main .edit-menu-content ol[data-v-400cf0ba] {
    margin-left: 20px;
    margin-top: 8px
}

.edit-cv-main .case .case-menu-content>p {
    padding: 0
}

.edit-cv-main .tips ol {
    padding-left: 24px;
    list-style: none
}

.cvs-edit-cancelButtonClass {
    background: #ff4f4c !important;
    color: #fff !important;
    border-color: #ff4f4c !important
}

.cvs-edit-confirmButtonClass {
    background: #fff !important;
    color: #606060 !important;
    border-color: #d9d9d9 !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #7e8c8d;
    -webkit-backface-visibility: hidden;
    text-decoration: none
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    background: #f5f5f7;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
}

button,
button:active {
    border: none;
    outline: none;
    cursor: pointer
}

img {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit
}

input {
    outline: none
}

.el-message {
    padding: 15px !important;
    min-width: 100px !important;
    z-index: 10001 !important
}

.el-select .el-input__inner {
    border-color: #ececec !important
}

.el-select-dropdown__item.selected {
    color: #f64 !important
}

.el-input input::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bcbcbc
}

.el-input input::-moz-placeholder,
.el-input input input:-moz-placeholder,
input::-moz-placeholder,
input input:-moz-placeholder,
textarea::-moz-placeholder,
textarea input:-moz-placeholder {
    color: #bcbcbc
}

.el-input input:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bcbcbc
}

.el-textarea .el-textarea__inner {
    border-color: #ececec !important;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif !important
}

.el-textarea .el-textarea__inner::-webkit-input-placeholder {
    color: #bcbcbc
}

.el-textarea .el-textarea__inner::-moz-placeholder,
.el-textarea .el-textarea__inner input:-moz-placeholder {
    color: #bcbcbc
}

.el-textarea .el-textarea__inner:-ms-input-placeholder {
    color: #bcbcbc
}

.el-textarea .el-textarea__inner:focus,
.el-textarea .el-textarea__inner:hover {
    border-color: #cfcfcf !important
}

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

.restInput .el-input__inner {
    border: 1px solid #ececec
}

.restInput .el-input__inner::-webkit-input-placeholder {
    color: #bcbcbc !important
}

.restInput .el-input__inner:-moz-placeholder,
.restInput .el-input__inner::-moz-placeholder {
    color: #bcbcbc !important
}

.restInput .el-input__inner:-ms-input-placeholder {
    color: #bcbcbc !important
}

.restInput .el-input__inner:focus,
.restInput .el-input__inner:hover {
    border-color: #ececec
}

.restInput.noBorder input {
    border: 0
}

.el-loading-spinner,
.el-loading-spinner .circular {
    color: #bcbcbc
}

.el-loading-spinner .el-loading-text {
    color: #bcbcbc !important
}

.el-loading-spinner .path {
    stroke: #bcbcbc !important
}

.el-message {
    background-color: rgba(0, 0, 0, .7) !important;
    color: #fff !important;
    border: none !important
}

.el-message .el-icon-loading {
    margin-right: 2px
}

.el-message.el-message--success * {
    color: #fff !important
}

.el-message.el-message--error {
    background-color: #fef0f0 !important
}

.el-message.el-message--warning * {
    color: #fff !important
}

#udesk_panel {
    max-height: 80%
}

.editor_udesk_btn #udesk_btn a {
    width: 40px !important;
    height: 40px !important;
    margin-left: 14px !important;
    margin-bottom: 80px !important;
    background: url(/cv/payment/files/cvs/editor_udesk_btn.png) 50%;
    background-size: cover;
    z-index: 1 !important
}

.editor_udesk_btn #udesk_btn a:before {
    content: "客服";
    width: 40px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 12px;
    position: absolute;
    display: block;
    top: 40px;
    padding-top: 18px;
    right: 0
}

.editor_udesk_btn #udesk_btn a img {
    opacity: 0;
    width: 100% !important;
    height: 100% !important
}

.el-input__inner {
    border-color: #ececec
}

.el-input__inner::-webkit-input-placeholder {
    color: #bcbcbc !important
}

.el-input__inner:-moz-placeholder,
.el-input__inner::-moz-placeholder {
    color: #bcbcbc !important
}

.el-input__inner:-ms-input-placeholder {
    color: #bcbcbc !important
}

.el-input__inner:focus,
.el-input__inner:hover {
    border-color: #cfcfcf
}

.el-tooltip__popper.is-dark {
    -webkit-transition: none;
    transition: none
}

.reset-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    overflow: auto
}

.reset-scrollbar::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    min-height: 25px;
    min-width: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 8px
}

.reset-scrollbar::-webkit-scrollbar-track {
    background-color: #f9f9f9;
    border: 1px solid #efefef
}

.cover {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

* {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.text-overflow {
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.default {
    cursor: default
}

.pointer {
    cursor: pointer
}

.border-box,
.border-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-autocomplete-suggestion {
    -webkit-transition: none !important;
    transition: none !important;
    border: none
}

.el-autocomplete-suggestion .el-autocomplete-suggestion__wrap {
    padding: 0
}

.el-autocomplete-suggestion .popper__arrow {
    display: none
}

.nav-tooltip-container {
    top: 56px !important;
    background-color: transparent !important;
    margin-top: 0 !important;
    padding: 0 !important
}

.nav-tooltip-container .popper__arrow {
    display: none
}

.nav-tooltip-container .download-app-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    padding: 26px 0;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .13)
}

.nav-tooltip-container .download-app-content h1 {
    color: #333;
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 4px;
    font-weight: 600
}

.nav-tooltip-container .download-app-content .desc {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 22px;
    margin-bottom: 22px;
    font-size: 14px
}

.nav-tooltip-container .download-app-content img {
    width: 176px;
    height: 176px;
    margin-bottom: 17px;
    margin-top: 18px
}

.nav-tooltip-container .download-app-content .download-app-description {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 20px;
    font-size: 14px
}

.box-enter-active,
.box-leave-active {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.box-enter,
.box-leave-to {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0
}

.alert-enter-active {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.alert-leave-active {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.alert-enter,
.alert-leave-to {
    -webkit-transform: translateY(-160px);
    transform: translateY(-160px)
}

.opacity-enter-active,
.opacity-leave-active {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.opacity-enter,
.opacity-leave-to {
    opacity: 0
}

.list-enter-active,
.list-leave-active {
    opacity: 1;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.list-enter,
.list-leave-to {
    opacity: 0
}

.height-enter-active,
.height-leave-active {
    height: 0;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.height-enter,
.height-leave-to {
    height: 0
}

.autoGlow:after {
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    opacity: .2;
    top: -50%;
    left: 0;
    bottom: -50%;
    width: 5px;
    -webkit-animation: autoGlowKeyframes 2s ease-in-out infinite
}

@-webkit-keyframes autoGlowKeyframes {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        margin-left: -20%
    }
    to {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        margin-left: 120%
    }
}

.h-w-10 {
    width: 100%;
    height: 100%
}

.w988 {
    width: 988px;
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.display_b {
    display: block
}

.display_ib {
    display: inline-block
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis2 {
    -webkit-line-clamp: 2
}

.ellipsis2,
.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis3 {
    -webkit-line-clamp: 3
}

.current-experience-title {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden
}

.flex-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-c,
.flex-c-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-c-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.word_wrap_b {
    word-wrap: break-word
}

.w-10 {
    width: 100%;
    padding: 0
}

.w-5 {
    width: 55%;
    padding: 0
}

.b-s {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b-d {
    border: 1px solid #e8e8e8
}

.mask-button {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
    z-index: 9
}

.mask-button:after {
    width: 0;
    height: 0;
    top: 0;
    left: 0
}

.border_t {
    border-top: 1px solid #e8e8e8
}

.border_r {
    border-right: 1px solid #e8e8e8
}

.border_b {
    border-bottom: 1px solid #e8e8e8
}

.border_l {
    border-left: 1px solid #e8e8e8
}

.mt_5 {
    margin-top: 10px
}

.mt_8 {
    margin-top: 16px
}

.mt_9 {
    margin-top: 18px
}

.mt_10 {
    margin-top: 20px
}

.mt_11 {
    margin-top: 22px
}

.mt_12 {
    margin-top: 24px
}

.mt_13 {
    margin-top: 26px
}

.mt_14 {
    margin-top: 28px
}

.mt_15 {
    margin-top: 30px
}

.mt_16 {
    margin-top: 32px
}

.mt_19 {
    margin-top: 38px
}

.mt_20 {
    margin-top: 40px
}

.ml_10 {
    margin-left: 20px
}

.ml_12 {
    margin-left: 24px
}

.ml_14 {
    margin-left: 28px
}

.ml_20 {
    margin-left: 40px
}

.ml_22 {
    margin-left: 44px
}

.ml_27 {
    margin-left: 54px
}

.mr_27 {
    margin-right: 54px
}

.pl_5 {
    padding-left: 10px
}

.margin_lr34 {
    margin: 0 34px
}

.margin_lr38 {
    margin: 0 38px
}

.padding_lr34 {
    padding: 0 34px
}

.padding_lr38 {
    padding: 0 38px
}

.text_center {
    text-align: center
}

.color_0 {
    color: #000
}

.color_3 {
    color: #333
}

.color_fff {
    color: #fff
}

.color_e3 {
    color: #e3e3e3
}

.color_40 {
    color: #404040
}

.color_60 {
    color: #606060
}

.color_666 {
    color: #666
}

.color_90 {
    color: #909090
}

.color_9c {
    color: #9c9c9c
}

.color_current {
    color: #2d5ff5
}

.color_red {
    color: #ff4f4c
}

.border_current {
    border-color: #2d5ff5 !important
}

.bg_fff {
    background-color: #fff
}

.bg_f8 {
    background-color: #f8f8fa
}

.bg_current {
    background-color: #2d5ff5
}

.bg_ed {
    background-color: #edf0fd
}

.bg_red {
    background-color: #ff4f4c
}

.font_w_b {
    font-weight: 700
}

.f_12 {
    font-size: 12px
}

.f_13 {
    font-size: 13px
}

.f_14 {
    font-size: 14px
}

.f_15 {
    font-size: 15px
}

.f_16 {
    font-size: 16px
}

.f_17 {
    font-size: 17px
}

.f_18 {
    font-size: 18px
}

.f_19 {
    font-size: 19px
}

.f_20 {
    font-size: 20px
}

.f_21 {
    font-size: 21px
}

.f_22 {
    font-size: 22px
}

.f_23 {
    font-size: 23px
}

.f_24 {
    font-size: 24px
}

.f_25 {
    font-size: 25px
}

.f_26 {
    font-size: 26px
}

.f_27 {
    font-size: 27px
}

.f_28 {
    font-size: 28px
}

.f_29 {
    font-size: 29px
}

.f_30 {
    font-size: 30px
}

.f_31 {
    font-size: 31px
}

.f_32 {
    font-size: 32px
}

.f_33 {
    font-size: 33px
}

.f_34 {
    font-size: 34px
}

.f_35 {
    font-size: 35px
}

.f_36 {
    font-size: 36px
}

.f_37 {
    font-size: 37px
}

.f_38 {
    font-size: 38px
}

.f_39 {
    font-size: 39px
}

.f_40 {
    font-size: 40px
}

.f_41 {
    font-size: 41px
}

.f_42 {
    font-size: 42px
}

.f_43 {
    font-size: 43px
}

.f_44 {
    font-size: 44px
}

.f_45 {
    font-size: 45px
}

.f_46 {
    font-size: 46px
}

.f_47 {
    font-size: 47px
}

.f_48 {
    font-size: 48px
}

.f_49 {
    font-size: 49px
}

.f_50 {
    font-size: 50px
}

.b-r {
    border-radius: 50%
}

.blur4 {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

.transition_all {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all
}

.cursor_p {
    cursor: pointer
}

.templateButtons .confirm {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #ff4f4c;
    border-radius: 2px;
    margin-left: 16px
}

.templateButtons .confirm.disabled {
    background: #cfcfcf
}

.templateButtons .cancel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 84px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.templateButtons .cancel:hover,
.templateButtons .confirm:hover {
    opacity: .8
}