#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #1a1a1a;
    font-size: 15px;
    background: #f6f6f6
}

#foodtalks-seo-logo {
    display: none
}

html {
    background: #f6f6f6
}

body {
    margin: 0;
    padding: 0 !important;
    -webkit-tap-highlight-color: rgba(26, 26, 26, 0)
}

#app,
body,
button,
html,
input,
textarea {
    font-family: Helvetica Neue, Helvetica, Microsoft YaHei, 微软雅黑, Arial, sans-serif !important
}

.forget-password-form[data-v-5bb2d202] {
    margin-top: 20px
}

.forget-password-form .title[data-v-5bb2d202] {
    margin-bottom: 24px;
    font-size: 20px;
    color: #333;
    font-weight: 600
}

.forget-password-form .form-content[data-v-5bb2d202],
.forget-password-form .title[data-v-5bb2d202] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.forget-password-form .reset-password-form-item[data-v-5bb2d202] {
    width: 330px
}

.forget-password-form .reset-password-form-item .el-form-item[data-v-5bb2d202] {
    margin-bottom: 0
}

.forget-password-form .reset-password-form-item[data-v-5bb2d202] .el-input__inner {
    height: 45px;
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px
}

.forget-password-form .phone-number[data-v-5bb2d202] {
    position: relative;
    width: 330px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.forget-password-form .phone-number .reset-type[data-v-5bb2d202] .el-input__inner {
    width: 98px;
    padding-left: 20px !important
}

.forget-password-form .phone-number .input-with-select-mobile[data-v-5bb2d202] .el-input__inner {
    padding-left: 85px
}

.forget-password-form .phone-number .input-with-select-email[data-v-5bb2d202] .el-input__inner {
    padding-left: 20px
}

.forget-password-form .phone-number .phone-code[data-v-5bb2d202] {
    position: absolute;
    left: 100px;
    bottom: 1px;
    width: 80px;
    margin-top: 12px
}

.forget-password-form .phone-number .phone-code[data-v-5bb2d202] .el-input__inner {
    height: 43px;
    line-height: 45px;
    border-radius: 0;
    border: none;
    border-right: 1px solid #eaeaea
}

.forget-password-form .phone-number .phone-code[data-v-5bb2d202] .el-input__suffix {
    top: 0
}

.forget-password-form .phone-number .number-input[data-v-5bb2d202] {
    width: 250px
}

.forget-password-form .message-code .code-input[data-v-5bb2d202] {
    font-size: 14px;
    color: #323c47;
    letter-spacing: -.17px;
    line-height: 27px;
    width: 100%
}

.forget-password-form .message-code .code-info[data-v-5bb2d202] {
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 28px;
    border: 1px solid #4da1ff;
    border-radius: 2px;
    font-size: 12px;
    color: #4da1ff;
    letter-spacing: 0;
    margin: 9px 12px 0 0;
    background: #fff;
    padding: 0
}

.forget-password-form .message-code .time-interval[data-v-5bb2d202] {
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 28px;
    border-radius: 2px;
    font-size: 14px;
    color: #4da1ff;
    letter-spacing: 0;
    margin: 9px 12px 0 0;
    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
}

.forget-password-form .btn-area[data-v-5bb2d202] {
    margin-bottom: 20px
}

.forget-password-form .btn-area .el-button[data-v-5bb2d202] {
    width: 330px;
    height: 45px;
    background-color: #005fb4
}

.forget-password-form .nc-container[data-v-5bb2d202] {
    position: static;
    width: 300px;
    margin-top: 20px
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale {
    height: 45px;
    border-radius: 4px
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale .nc_bg {
    border-radius: 4px
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale .scale_text {
    color: #313b47
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale .btn_slide {
    border-color: #4b7c9d;
    color: #4b7c9d;
    border-radius: 4px
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale .btn_ok {
    border-radius: 0 4px 4px 0
}

.forget-password-form .nc-container[data-v-5bb2d202] .nc_scale span {
    height: 45px;
    line-height: 45px
}

.forget-password-form .nc-container[data-v-5bb2d202] .errloading {
    line-height: 30px;
    background: #e8e8e8;
    border: none;
    border-radius: 4px;
    color: #e71616
}

.forget-password-form .nc-container[data-v-5bb2d202] .errloading .icon_warn {
    color: #e71616
}

.forget-password-form .error-message[data-v-5bb2d202] {
    width: 330px;
    height: 16px;
    line-height: 18px;
    font-size: 12px;
    color: #e71616;
    margin: 0 auto 8px;
    padding-top: 5px;
    text-align: right
}

.forget-password-form .invalid-account-message[data-v-5bb2d202] {
    padding-left: 16px;
    text-align: left
}

.forget-password-form[data-v-5bb2d202] .el-input-group__prepend {
    width: 65px;
    color: #333;
    background-color: rgba(244, 247, 249, .4);
    padding: 0 16px;
    text-align: left
}

.forget-password-form .el-select-dropdown__list[data-v-5bb2d202] {
    min-width: 216px
}

.forget-password-form .el-select-dropdown__list .code-title[data-v-5bb2d202] {
    float: left;
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px
}

.forget-password-form .el-select-dropdown__list .code-id[data-v-5bb2d202] {
    float: right;
    font-size: 14px;
    color: #999;
    letter-spacing: -.17px;
    text-align: right
}

.frame[data-v-27f4311a] {
    text-align: center;
    padding-top: 21px
}

.login-dialog .select-login-way .el-tabs__header {
    margin-bottom: 40px
}

.login-dialog .select-login-way .el-tabs__nav-wrap:after {
    display: none
}

.login-dialog .select-login-way .el-tabs__nav-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-dialog .select-login-way .el-tabs__item {
    padding: 0 12px
}

.login-dialog .select-login-way .el-tabs__item.is-top {
    font-size: 20px;
    color: #999
}

.login-dialog .select-login-way .el-tabs__item.is-top.is-active {
    height: 2px;
    color: #005fb4;
    font-weight: 600
}

.login-dialog .select-login-way .el-tabs__active-bar {
    background-color: #005fb4
}

.login-dialog .el-dialog__body,
.login-dialog .el-dialog__footer,
.login-dialog .el-dialog__header {
    padding: 0
}

.login-dialog .input-error-border /deep/ .el-input__inner {
    border: 1px solid #ff8b8b
}

.dialog-tittle {
    padding-top: 30px
}

.dialog-tittle .tittle {
    font-size: 25px;
    color: #333;
    letter-spacing: 0;
    font-weight: 700
}

.dialog-tittle .step,
.dialog-tittle .tittle {
    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
}

.dialog-tittle .step {
    width: 23px;
    height: 23px;
    background: #005fb4;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    margin-right: 16px
}

.dialog-tittle .i18n-swith {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 20px;
    cursor: pointer;
    text-align: right;
    color: #333
}

.dialog-tittle .i18n-swith .i18n-opacity {
    opacity: .5
}

.dialog-tittle .i18n-swith .hide {
    display: none
}

.dialog-tittle .back-icon {
    width: 20px;
    font-size: 18px;
    padding-right: 300px;
    cursor: pointer
}

.close-icon {
    position: absolute;
    top: -40px;
    left: 410px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.dialog-body /deep/ .el-input__inner:focus {
    border: 1px solid #82bdff
}

.dialog-body .message-code {
    width: auto;
    margin: 0 auto;
    border: none
}

.dialog-body .el-form-item {
    margin-bottom: 0
}

.dialog-body .phone-number {
    width: 330px;
    height: 45px;
    margin: 31px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dialog-body .phone-number .phone-code {
    width: 80px
}

.dialog-body .phone-number .phone-code .el-input__inner {
    height: 45px;
    background: rgba(244, 247, 249, .4);
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px
}

.dialog-body .phone-number .number-input {
    width: 250px
}

.dialog-body .phone-number .number-input .el-input__inner {
    height: 45px;
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px
}

.dialog-body .phone-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 330px;
    height: 45px;
    margin: 0 34px 0 35px
}

.dialog-body .phone-captcha .captcha-input {
    width: 201px
}

.dialog-body .phone-captcha .captcha-input .el-input__inner {
    height: 45px;
    font-size: 14px;
    color: #313b47;
    letter-spacing: -.17px;
    line-height: 27px
}

.dialog-body .phone-captcha .captcha-code {
    width: 129px;
    cursor: pointer
}

.dialog-body .phone-captcha .captcha-code image {
    width: 129px;
    height: 45px
}

.dialog-body .nc-container {
    position: static;
    width: 330px;
    margin: 16px 34px 0 35px
}

.dialog-body .nc-container .nc_scale {
    height: 45px;
    border-radius: 4px
}

.dialog-body .nc-container .nc_scale .nc_bg {
    border-radius: 4px
}

.dialog-body .nc-container .nc_scale .scale_text {
    color: #313b47
}

.dialog-body .nc-container .nc_scale .btn_slide {
    border-color: #4b7c9d;
    color: #4b7c9d;
    border-radius: 4px
}

.dialog-body .nc-container .nc_scale .btn_ok {
    border-radius: 0 4px 4px 0
}

.dialog-body .nc-container .nc_scale span {
    height: 43px;
    line-height: 45px
}

.dialog-body .nc-container .nc_wrapper .errloading {
    line-height: 30px;
    background: #e8e8e8;
    border: none;
    border-radius: 4px;
    color: #e71616
}

.dialog-body .nc-container .nc_wrapper .errloading .icon_warn {
    color: #e71616
}

.dialog-body .message-password {
    margin-top: 16px !important
}

.dialog-body .message-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 328px;
    height: 45px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e9eff4
}

.dialog-body .message-code .code-input {
    font-size: 14px;
    color: #323c47;
    border: none;
    letter-spacing: -.17px;
    line-height: 27px;
    width: 330px
}

.dialog-body .message-code .code-input .el-input__inner {
    height: 45px;
    width: 210px;
    border: 0;
    font-size: 14px
}

.dialog-body .message-code .code-info {
    width: 56px;
    height: 28px;
    border: 1px solid #4da1ff;
    border-radius: 2px;
    font-size: 12px;
    color: #4da1ff;
    letter-spacing: 0;
    margin: 9px 12px 0 0;
    background: #fff;
    padding: 0
}

.dialog-body .message-code .time-interval {
    width: 56px;
    height: 28px;
    border-radius: 2px;
    font-size: 14px;
    color: #4da1ff;
    letter-spacing: 0;
    margin: 9px 12px 0 0;
    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
}

.dialog-body .notes {
    margin: 0 auto;
    font-size: 12px;
    color: #666;
    letter-spacing: -.15px;
    line-height: 27px;
    word-break: normal;
    width: 330px
}

.dialog-body .notes img {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -3px
}

.dialog-body .notes a {
    color: #576f84;
    letter-spacing: -.15px;
    line-height: 27px;
    cursor: pointer
}

.dialog-body .login-submit {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    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: 56px auto 16px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer
}

.dialog-body .no-error-message-top {
    margin-top: 16px
}

.dialog-body .input-error-border /deep/ .el-input__inner {
    border: 1px solid #ff8b8b
}

.wechat-login {
    background: rgba(128, 143, 163, .1);
    border-radius: 0 0 8px 8px;
    margin: 0 4px 4px 4px;
    width: 391px;
    height: 56px;
    font-size: 16px;
    color: #576f84;
    letter-spacing: -.2px;
    line-height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.wechat-login .wechat-icon {
    width: 32px;
    height: 32px;
    margin: 12px 24px 12px 0
}

.wechat-login .wechat-account {
    margin: 15px 14px 32px;
    font-weight: 700
}

.switch-mobile-login {
    padding-bottom: 10px
}

.switch-mobile-login .switch-mobile-login-btn {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    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: 0 auto 16px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer
}

.el-select-dropdown__list {
    min-width: 216px
}

.el-select-dropdown__list .code-title {
    float: left;
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px
}

.el-select-dropdown__list .code-id {
    float: right;
    font-size: 14px;
    color: #999;
    letter-spacing: -.17px;
    text-align: right
}

.error-message {
    font-size: 12px;
    color: #e71616;
    letter-spacing: -.15px;
    margin: 8px 36px 8px 0;
    text-align: right
}

.fotget-password {
    width: 330px;
    margin: 10px auto 15px;
    text-align: right;
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.remember-me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #666;
    line-height: 27px;
    word-break: normal;
    margin-top: 10px
}

.remember-me img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: -3px 2px 0 0
}

.el-tabs__nav {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-tabs__nav .is-top {
    margin-top: 12px
}

.el-tabs__header {
    margin-bottom: 0 !important
}

.el-dialog.mobile-login {
    margin: 0 !important;
    border-radius: 0
}

.el-dialog.mobile-login .el-dialog__header .dialog-tittle {
    padding: 65px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px
}

.el-dialog.mobile-login .el-dialog__header .dialog-tittle .tittle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-dialog.mobile-login .el-dialog__header .dialog-tittle .step {
    margin-right: 16px;
    font-weight: 400
}

.el-dialog.mobile-login .el-dialog__header .close-icon {
    top: 14px;
    right: 14px;
    left: auto;
    width: 24px;
    height: 24px
}

.el-dialog.mobile-login .el-dialog__header .close-icon i {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.el-dialog.mobile-login .el-dialog__body .el-form input {
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
    font-size: 16px
}

.el-dialog.mobile-login .el-dialog__body .el-form .error-message {
    margin: 8px auto;
    width: 331px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-number {
    margin: 50px auto 0;
    width: 347px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-number .phone-code .el-input__suffix i {
    color: #808fa3
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-number .number-input {
    width: 267px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-number .number-input input {
    padding-left: 30px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-captcha {
    margin: 15px auto 0;
    width: 347px;
    height: 61px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-captcha .captcha-input {
    width: 210px;
    height: 45px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-captcha .captcha-code {
    border-bottom: 1px solid #eaeaea;
    height: 60px;
    padding-right: 8px
}

.el-dialog.mobile-login .el-dialog__body .el-form .phone-captcha .captcha-code img {
    border: 1px solid #e9eff4;
    border-radius: 4px
}

.el-dialog.mobile-login .el-dialog__body .el-form .nc-container {
    width: 347px;
    margin: 31px auto 0
}

.el-dialog.mobile-login .el-dialog__body .el-form .message-code {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 15px auto 0;
    width: 347px;
    height: 61px;
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0
}

.el-dialog.mobile-login .el-dialog__body .el-form .message-code .code-input {
    height: 45px;
    width: 280px
}

.el-dialog.mobile-login .el-dialog__body .el-form .message-code .code-input input {
    border: none
}

.el-dialog.mobile-login .el-dialog__body .el-form .message-code .code-info {
    width: 56px;
    margin: 0 8px 12.5px 0
}

.el-dialog.mobile-login .el-dialog__body .el-form .login-submit {
    margin: 96px auto 0
}

.el-dialog.mobile-login .el-dialog__body .notes {
    margin: 16px 0 0;
    padding: 0;
    text-align: left
}

.el-dialog.mobile-login .el-dialog__footer {
    margin-top: 16px
}

.el-dialog.mobile-login .el-dialog__footer .wechat-login {
    width: 100%;
    height: 64px;
    margin: 0;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-dialog.mobile-login .el-dialog__footer .wechat-login .wechat-account {
    margin: 0 0 0 31px;
    line-height: 64px
}

.el-dialog.mobile-login .el-dialog__footer .wechat-login .wechat-icon {
    margin: 0 30px 0 0
}

.dialog-tittle[data-v-215e77ae] {
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    padding-top: 40px;
    font-weight: 700;
    white-space: nowrap
}

.dialog-tittle .step[data-v-215e77ae],
.dialog-tittle[data-v-215e77ae] {
    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
}

.dialog-tittle .step[data-v-215e77ae] {
    width: 23px;
    height: 23px;
    background: #005fb4;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    margin-right: 16px
}

.close-icon[data-v-215e77ae] {
    position: absolute;
    top: -40px;
    left: 410px;
    width: 32px;
    height: 32px
}

.dialog-body[data-v-215e77ae] .el-input__inner:focus {
    border: 1px solid #82bdff
}

.dialog-body .el-form-item[data-v-215e77ae] {
    margin-bottom: 0
}

.dialog-body .user-name[data-v-215e77ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 32px 34px 0 35px
}

.dialog-body .user-name[data-v-215e77ae] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-gender[data-v-215e77ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 0 34px 0 35px
}

.dialog-body .user-gender[data-v-215e77ae] .el-select {
    width: 330px;
    height: 45px
}

.dialog-body .user-gender[data-v-215e77ae] .el-input__inner {
    font-size: 14px;
    height: 45px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px
}

.dialog-body .user-company[data-v-215e77ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 0 34px 0 35px
}

.dialog-body .user-company[data-v-215e77ae] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-company[data-v-215e77ae] .el-autocomplete {
    width: 100%
}

.dialog-body .user-position[data-v-215e77ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 0 34px 0 35px
}

.dialog-body .user-position[data-v-215e77ae] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-form-item[data-v-215e77ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 18px 34px 0 35px
}

.dialog-body .user-form-item[data-v-215e77ae] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-form-item[data-v-215e77ae] .el-cascader {
    width: 100%
}

.dialog-body .login-submit[data-v-215e77ae] {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 48px 35px 50px 34px
}

.dialog-body .login-submit-magrin[data-v-215e77ae] {
    margin-top: 32px
}

.dialog-body .no-error-message-top[data-v-215e77ae] {
    margin-top: 16px
}

.dialog-body .input-error-border[data-v-215e77ae] .el-input__inner {
    border: 1px solid #ff8b8b
}

.error-message[data-v-215e77ae] {
    font-size: 12px;
    color: #e71616;
    letter-spacing: -.15px;
    margin: 8px 36px;
    text-align: right
}

.company-message[data-v-215e77ae],
.nickname-message[data-v-215e77ae] {
    color: #4da1ff
}

[data-v-215e77ae] .el-dialog.mobile-register {
    width: 100% !important;
    margin: 0 !important;
    min-height: 100%;
    padding-bottom: 20px;
    border-radius: 0
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__header .dialog-tittle {
    padding: 65px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__header .dialog-tittle .step {
    margin-right: 16px;
    font-weight: 400
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__header .close-icon {
    top: 14px;
    right: 14px;
    left: auto;
    width: 24px;
    height: 24px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__header .close-icon i {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form input {
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    font-size: 16px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .error-message {
    margin: 8px auto;
    width: 331px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-name {
    margin: 50px auto 0;
    width: 347px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-gender {
    margin: 30px auto 0;
    width: 347px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-gender .el-select {
    width: 100%
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-gender .el-select .el-input__suffix i {
    color: #808fa3
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-company,
[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-form-item,
[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-position {
    margin: 30px auto 0;
    width: 347px
}

[data-v-215e77ae] .el-dialog.mobile-register .el-dialog__body .el-form .login-submit {
    margin: 47px auto 0
}

.company-autocomplete,
.location-cascade,
.supplement-container .van-overlay {
    z-index: 3002 !important
}

.supplement-container .popup-location {
    z-index: 3003 !important
}

.dialog-tittle[data-v-062c3fb5] {
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    padding-top: 40px;
    font-weight: 700;
    white-space: nowrap
}

.dialog-tittle .step[data-v-062c3fb5],
.dialog-tittle[data-v-062c3fb5] {
    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
}

.dialog-tittle .step[data-v-062c3fb5] {
    width: 23px;
    height: 23px;
    background: #005fb4;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    margin-right: 16px
}

.dialog-subtitle[data-v-062c3fb5] {
    color: #4da1ff;
    font-size: 14px;
    text-align: center;
    padding: 15px
}

.close-icon[data-v-062c3fb5] {
    position: absolute;
    top: -40px;
    left: 410px;
    width: 32px;
    height: 32px
}

.dialog-body[data-v-062c3fb5] {
    padding-bottom: 15px
}

.dialog-body[data-v-062c3fb5] .el-input__inner:focus {
    border: 1px solid #82bdff
}

.dialog-body .el-form-item[data-v-062c3fb5] {
    margin-bottom: 0
}

.dialog-body .user-form-item[data-v-062c3fb5] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 18px 34px 0 35px
}

.dialog-body .user-form-item[data-v-062c3fb5] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-form-item[data-v-062c3fb5] .el-autocomplete,
.dialog-body .user-form-item[data-v-062c3fb5] .el-cascader,
.dialog-body .user-form-item[data-v-062c3fb5] .el-input {
    width: 100%
}

.dialog-body .login-submit[data-v-062c3fb5] {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 10px 35px 15px 34px
}

.dialog-body .continue-add[data-v-062c3fb5] {
    color: #4da1ff;
    text-align: left;
    padding: 15px
}

.dialog-body .continue-add[data-v-062c3fb5],
.dialog-body .form-skip[data-v-062c3fb5] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    cursor: pointer
}

.dialog-body .form-skip[data-v-062c3fb5] {
    text-align: center;
    color: #808fa3;
    margin: 0 auto
}

.dialog-body .no-error-message-top[data-v-062c3fb5] {
    margin-top: 16px
}

.dialog-body .input-error-border[data-v-062c3fb5] .el-input__inner {
    border: 1px solid #ff8b8b
}

.error-message[data-v-062c3fb5] {
    font-size: 12px;
    color: #e71616;
    letter-spacing: -.15px;
    margin: 8px 36px;
    text-align: right
}

.nickname-message[data-v-062c3fb5] {
    color: #4da1ff
}

.hidden[data-v-062c3fb5] {
    visibility: hidden
}

.company-message[data-v-062c3fb5] {
    color: #4da1ff
}

[data-v-062c3fb5] .el-dialog.mobile-register {
    width: 100% !important;
    min-height: 100%;
    margin: 0 !important;
    border-radius: 0
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__header .dialog-tittle {
    padding: 65px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__header .dialog-tittle .step {
    margin-right: 16px;
    font-weight: 400
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__header .close-icon {
    top: 14px;
    right: 14px;
    left: auto;
    width: 24px;
    height: 24px
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__header .close-icon i {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__body .el-form input {
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    font-size: 16px
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__body .el-form .error-message {
    margin: 8px auto;
    width: 331px
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__body .el-form .user-form-item {
    margin: 30px auto 0;
    width: 347px
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__body .el-form .login-submit {
    margin: 47px auto 0
}

[data-v-062c3fb5] .el-dialog.mobile-register .el-dialog__body .el-form .form-skip {
    padding-top: 15px
}

.company-autocomplete,
.endTime-date-picker,
.location-cascader,
.startTime-date-picker,
.work-history-container .van-overlay {
    z-index: 3002 !important
}

.work-history-container .popup-location {
    z-index: 3003 !important
}

.dialog-tittle[data-v-9cca94ae] {
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    padding-top: 40px;
    font-weight: 700;
    white-space: nowrap
}

.dialog-tittle .step[data-v-9cca94ae],
.dialog-tittle[data-v-9cca94ae] {
    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
}

.dialog-tittle .step[data-v-9cca94ae] {
    width: 23px;
    height: 23px;
    background: #005fb4;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    margin-right: 16px
}

.dialog-subtitle[data-v-9cca94ae] {
    color: #4da1ff;
    font-size: 14px;
    text-align: center;
    padding: 15px
}

.close-icon[data-v-9cca94ae] {
    position: absolute;
    top: -40px;
    left: 410px;
    width: 32px;
    height: 32px
}

.dialog-body[data-v-9cca94ae] .el-input__inner:focus {
    border: 1px solid #82bdff
}

.dialog-body .el-form-item[data-v-9cca94ae] {
    margin-bottom: 0
}

.dialog-body .user-form-item[data-v-9cca94ae] {
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 18px 34px 0 35px
}

.dialog-body .user-form-item[data-v-9cca94ae] .el-input__inner {
    font-size: 14px;
    color: #333;
    letter-spacing: -.17px;
    line-height: 27px;
    height: 45px
}

.dialog-body .user-form-item[data-v-9cca94ae] .el-input {
    width: 100%
}

.dialog-body .login-submit[data-v-9cca94ae] {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 10px 35px 0 34px
}

.dialog-body .continue-add[data-v-9cca94ae] {
    color: #4da1ff;
    font-size: 14px;
    text-align: left;
    padding: 15px;
    cursor: pointer
}

.dialog-body .form-skip[data-v-9cca94ae] {
    font-size: 14px;
    text-align: center;
    color: #808fa3;
    padding: 15px 0;
    cursor: pointer
}

.dialog-body .no-error-message-top[data-v-9cca94ae] {
    margin-top: 16px
}

.dialog-body .input-error-border[data-v-9cca94ae] .el-input__inner {
    border: 1px solid #ff8b8b
}

.error-message[data-v-9cca94ae] {
    font-size: 12px;
    color: #e71616;
    letter-spacing: -.15px;
    margin: 8px 36px;
    text-align: right
}

.company-message[data-v-9cca94ae],
.nickname-message[data-v-9cca94ae] {
    color: #4da1ff
}

[data-v-9cca94ae] .el-dialog.mobile-register {
    width: 100% !important;
    min-height: 100%;
    margin: 0 !important;
    border-radius: 0
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__header .dialog-tittle {
    padding: 65px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__header .dialog-tittle .step {
    margin-right: 16px;
    font-weight: 400
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__header .close-icon {
    top: 14px;
    right: 14px;
    left: auto;
    width: 24px;
    height: 24px
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__header .close-icon i {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__body .el-form input {
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    font-size: 16px
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__body .el-form .error-message {
    margin: 8px auto;
    width: 331px
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__body .el-form .user-form-item {
    margin: 30px auto 0;
    width: 347px
}

[data-v-9cca94ae] .el-dialog.mobile-register .el-dialog__body .el-form .login-submit {
    margin: 47px auto 0
}

.end-date-picker,
.start-date-picker {
    z-index: 3002 !important
}

.dialog-tittle[data-v-a482acbc] {
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    padding-top: 40px;
    font-weight: 700;
    white-space: nowrap
}

.dialog-tittle .step[data-v-a482acbc],
.dialog-tittle[data-v-a482acbc] {
    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
}

.dialog-tittle .step[data-v-a482acbc] {
    width: 23px;
    height: 23px;
    background: #005fb4;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    margin-right: 16px
}

.dialog-subtitle[data-v-a482acbc] {
    color: #4da1ff;
    font-size: 14px;
    text-align: center;
    padding: 15px
}

.close-icon[data-v-a482acbc] {
    position: absolute;
    top: -40px;
    left: 410px;
    width: 32px;
    height: 32px
}

.dialog-body .hot-tag-label[data-v-a482acbc] {
    color: #4da1ff;
    font-size: 14px;
    padding-left: 30px
}

.dialog-body .hot-tag[data-v-a482acbc] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px
}

.dialog-body .hot-tag .el-tag[data-v-a482acbc] {
    text-align: center;
    cursor: pointer;
    padding: 0 5px
}

.dialog-body .hot-tag .active-tag[data-v-a482acbc] {
    background: #005fb4;
    color: #fff
}

.dialog-body .mine-tag[data-v-a482acbc] {
    border: 1px solid #808fa3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 40px;
    min-height: 130px;
    border-radius: 4px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    gap: 5px
}

.dialog-body .mine-tag[data-v-a482acbc] .el-tag {
    border: none;
    height: 28px
}

.dialog-body .mine-tag .new-tag-button[data-v-a482acbc] {
    width: 85px;
    height: 28px;
    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
}

.dialog-body .mine-tag .new-tag-input[data-v-a482acbc] {
    width: 85px;
    height: 28px;
    vertical-align: bottom
}

.dialog-body .mine-tag .new-tag-input[data-v-a482acbc] .el-input__inner {
    height: 28px !important
}

.dialog-body .login-submit[data-v-a482acbc] {
    background: #005fb4;
    border-radius: 4px;
    width: 330px;
    height: 45px;
    margin: 30px 35px 0 34px
}

.dialog-body .grey[data-v-a482acbc] {
    background-color: #a0cfff;
    cursor: default
}

.dialog-body .form-skip[data-v-a482acbc] {
    font-size: 14px;
    text-align: center;
    color: #808fa3;
    padding: 15px 0;
    cursor: pointer
}

[data-v-a482acbc] .el-dialog.mobile-register {
    width: 100% !important;
    min-height: 100%;
    overflow: auto;
    margin: 0 !important;
    border-radius: 0
}

[data-v-a482acbc] .el-dialog.mobile-register .el-dialog__header .dialog-tittle {
    padding: 65px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px
}

[data-v-a482acbc] .el-dialog.mobile-register .el-dialog__header .dialog-tittle .step {
    margin-right: 16px;
    font-weight: 400
}

[data-v-a482acbc] .el-dialog.mobile-register .el-dialog__header .close-icon {
    top: 14px;
    right: 14px;
    left: auto;
    width: 24px;
    height: 24px
}

[data-v-a482acbc] .el-dialog.mobile-register .el-dialog__header .close-icon i {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

[data-v-a482acbc] .el-dialog.mobile-register .hot-tag {
    padding: 15px 30px
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile {
    padding: 0 30px 10px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .mine-tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: 8px
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .mine-tag-list /deep/ .el-tag {
    border: none;
    height: 28px
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .tag-search-list .search-list-li {
    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: 15px 2px 0 5px
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .tag-search-list .tag-name {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .tag-search-list .tag-create {
    font-size: 14px;
    color: #005fb4;
    line-height: 20px
}

[data-v-a482acbc] .el-dialog.mobile-register .mine-tag-mobile .tag-search-list .tag-add {
    font-size: 12px;
    color: #4da1ff;
    border: 1px solid rgba(77, 161, 255, .7);
    border-radius: 2px;
    padding: 5px 16px;
    line-height: 18px
}

[data-v-a482acbc] .el-dialog.mobile-register .login-submit {
    margin: 47px auto 0
}

.autocomplete-tag-select {
    position: relative;
    z-index: 3002 !important
}

.el-autocomplete-suggestion.autocomplete-tag-select {
    min-width: 318.5px !important;
    max-width: 541px !important;
    width: auto !important
}

.el-autocomplete-suggestion.autocomplete-tag-select .el-scrollbar .el-autocomplete-suggestion__wrap .el-autocomplete-suggestion__list .tag-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.el-autocomplete-suggestion.autocomplete-tag-select .el-scrollbar .el-autocomplete-suggestion__wrap .el-autocomplete-suggestion__list .tag-item .tag-flag {
    font-size: 14px;
    color: #005fb4;
    letter-spacing: -.17px;
    margin-left: 10px
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog {
    border-radius: 4px
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__header {
    padding-top: 45px;
    padding-bottom: 0
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__header .el-dialog__title {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    font-weight: 700
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body {
    padding: 40px
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body .icon-close {
    background-image: url(../../static/img/close.03ec73b2.png);
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -40px;
    right: -30px;
    cursor: pointer
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body .dialog-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body .dialog-button .el-button {
    width: 160px;
    height: 45px;
    background: #fff;
    font-size: 14px;
    color: #005fb4;
    letter-spacing: 0;
    padding: 0;
    border: 1px solid #0066c2
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body .dialog-button .register-button {
    background: #005fb4;
    color: #fff
}

[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-button {
    border-radius: 4px
}

.remind-icon[data-v-64f1ed91] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.tip-message[data-v-64f1ed91] {
    font-size: 14px;
    color: #666;
    letter-spacing: -.17px;
    line-height: 16px
}

.tip-login[data-v-64f1ed91] {
    font-size: 14px;
    color: #005fb4;
    letter-spacing: -.17px;
    font-weight: 700;
    line-height: 16px;
    cursor: pointer
}

.login-bottom[data-v-64f1ed91] {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 250px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(50%, #fff));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 50%);
    border-radius: 0 0 8px 8px
}

.login-bottom-tip[data-v-64f1ed91] {
    margin-top: 170px;
    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
}

.mobile .el-dialog__wrapper[data-v-64f1ed91] .el-dialog.login-tip-dialog {
    width: calc(100vw - 54px) !important
}

.mobile .el-dialog__wrapper[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__header .el-dialog__title {
    font-size: 16px
}

.mobile .el-dialog__wrapper[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-dialog__body .icon-close {
    top: -35px;
    right: -5px;
    width: 23px;
    height: 23px;
    background-size: cover
}

.mobile .el-dialog__wrapper[data-v-64f1ed91] .el-dialog.login-tip-dialog .el-button {
    border-radius: 4px
}

.mobile .remind-icon[data-v-64f1ed91] {
    width: 14px;
    height: 14px
}

.mobile .tip-message[data-v-64f1ed91] {
    font-size: 12px;
    line-height: 14px
}

.mobile .login-bottom[data-v-64f1ed91] {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 234px;
    border-radius: 0
}

.mobile .login-bottom-tip[data-v-64f1ed91] {
    margin-top: 170px
}

.mobile .news-link[data-v-4f9d89e2] {
    margin-top: 0;
    background-color: #01396a;
    width: 100%;
    border-radius: 0
}

.mobile .news-link .image[data-v-4f9d89e2] {
    padding: .5rem 0;
    text-align: center
}

.mobile .news-link .image img[data-v-4f9d89e2] {
    width: 4.24rem;
    height: auto
}

.mobile .news-link .content .links[data-v-4f9d89e2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .16rem 0;
    margin: 0 .3rem;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.mobile .news-link .content .links a[data-v-4f9d89e2] {
    width: 25%;
    color: #fff;
    text-align: center;
    padding: .34rem 0;
    line-height: 18px
}

.latest-news-flashs[data-v-449b7b13] {
    background: #fff;
    margin-bottom: 20px
}

.latest-news-flashs .flashs-top[data-v-449b7b13] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.latest-news-flashs .flashs-top .block-title[data-v-449b7b13],
.latest-news-flashs .flashs-top[data-v-449b7b13] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.latest-news-flashs .flashs-top .block-title[data-v-449b7b13] {
    color: #01396a;
    font-size: 16px
}

.latest-news-flashs .flashs-top .block-title img[data-v-449b7b13] {
    max-width: 30px;
    margin-right: 10px
}

.latest-news-flashs .flashs-top .more[data-v-449b7b13] {
    color: #a7a7a7;
    font-size: 14px
}

.latest-news-flashs .flashs[data-v-449b7b13] {
    padding: 20px
}

.latest-news-flashs .flashs .flash-item[data-v-449b7b13]:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #b4c6d4;
    left: 7px;
    top: 5px;
    position: absolute
}

.latest-news-flashs .flashs .flash-item:hover .icon[data-v-449b7b13] {
    background: #01396a;
    border: 1px solid #01396a
}

.latest-news-flashs .flashs .flash-item:hover .title a[data-v-449b7b13] {
    color: #073e6e;
    font-weight: 700
}

.latest-news-flashs .flashs .selected .icon[data-v-449b7b13] {
    background: #01396a !important;
    border: 1px solid #01396a !important
}

.latest-news-flashs .flashs .selected .title a[data-v-449b7b13] {
    color: #073e6e !important;
    font-weight: 700 !important
}

.latest-news-flashs .flashs .flash-item[data-v-449b7b13] {
    position: relative;
    padding-left: 20px;
    padding-bottom: 8px
}

.latest-news-flashs .flashs .flash-item .icon[data-v-449b7b13] {
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #bdcbd8;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.latest-news-flashs .flashs .flash-item .title[data-v-449b7b13] {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 14px
}

.latest-news-flashs .flashs .flash-item a[data-v-449b7b13] {
    font-size: 14px;
    color: #060606;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.latest-news-flashs .flashs .flash-item .time[data-v-449b7b13] {
    font-size: 14px;
    color: #ababab
}

.mobile .latest-news-flashs[data-v-449b7b13] {
    margin-bottom: .2rem
}

.mobile .latest-news-flashs .block-title[data-v-449b7b13] {
    font-size: 18px
}

.mobile .latest-news-flashs .block-title img[data-v-449b7b13] {
    max-width: 24px
}

.mobile .latest-news-flashs .flashs[data-v-449b7b13] {
    padding: .3rem
}

.hot-news[data-v-7c73a483] {
    background: #fff;
    margin-bottom: 20px
}

.hot-news .news-top[data-v-7c73a483] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.hot-news .news-top .block-title[data-v-7c73a483],
.hot-news .news-top[data-v-7c73a483] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-news .news-top .block-title[data-v-7c73a483] {
    color: #01396a;
    font-size: 16px
}

.hot-news .news-top .block-title img[data-v-7c73a483] {
    max-width: 30px;
    margin-right: 10px
}

.hot-news .news-top .more[data-v-7c73a483] {
    color: #a7a7a7;
    font-size: 14px
}

.hot-news .news-list[data-v-7c73a483] {
    padding: 10px 0
}

.hot-news .news-list .news-item:hover .news-cover img[data-v-7c73a483] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hot-news .news-list .news-item[data-v-7c73a483] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px
}

.hot-news .news-list .news-item .news-cover[data-v-7c73a483] {
    margin-right: 10px;
    width: 160px;
    height: 110px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hot-news .news-list .news-item .news-cover img[data-v-7c73a483] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s
}

.hot-news .news-list .news-item .news-info[data-v-7c73a483] {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hot-news .news-list .news-item .news-info .title[data-v-7c73a483]:hover {
    color: #073e6e
}

.hot-news .news-list .news-item .news-info .title[data-v-7c73a483] {
    color: #262626;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    word-break: break-all
}

.hot-news .news-list .news-item .news-info .info-bottom[data-v-7c73a483] {
    font-size: 12px;
    line-height: 20px;
    color: #a7a7a7
}

.hot-news .news-list .news-item .news-info .info-bottom .source[data-v-7c73a483] {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #a7a7a7
}

.hot-news .news-list .news-item .news-info .info-bottom .source .source-icon[data-v-7c73a483] {
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    background: url(../../static/img/author.beeed305.svg)
}

.hot-news .news-list .news-item .news-info .info-bottom .source[data-v-7c73a483]:hover {
    color: #01396a
}

.hot-news .news-list .news-item .news-info .info-bottom .source:hover .source-icon[data-v-7c73a483] {
    background: url(../../static/img/author-hover.cbd6575a.svg)
}

.hot-news .news-list .news-item .news-info .info-bottom .time[data-v-7c73a483] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hot-news .news-list .news-item .news-info .info-bottom .time img[data-v-7c73a483] {
    margin-right: 5px
}

.mobile .hot-news[data-v-7c73a483] {
    margin-bottom: .2rem
}

.mobile .hot-news .block-title[data-v-7c73a483] {
    font-size: 18px
}

.mobile .hot-news .block-title img[data-v-7c73a483] {
    max-width: 24px
}

.mobile .hot-news .news-list .news-item[data-v-7c73a483] {
    padding: .3rem;
    border-bottom: 1px solid #eaeaea
}

.mobile .hot-news .news-list .news-item[data-v-7c73a483]:last-child {
    border-bottom: none
}

.mobile .hot-news .news-list .news-item .news-cover[data-v-7c73a483] {
    width: 2.3rem;
    height: 1.59rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mobile .hot-news .news-list .news-item .news-info .title[data-v-7c73a483] {
    font-weight: 400;
    margin-bottom: .04rem;
    font-size: 15px
}

.depth-topics[data-v-04fdf60d] {
    background: #fff;
    margin-bottom: 20px
}

.depth-topics .topics-top[data-v-04fdf60d] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.depth-topics .topics-top .block-title[data-v-04fdf60d],
.depth-topics .topics-top[data-v-04fdf60d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.depth-topics .topics-top .block-title[data-v-04fdf60d] {
    color: #01396a;
    font-size: 16px
}

.depth-topics .topics-top .block-title img[data-v-04fdf60d] {
    max-width: 30px;
    margin-right: 10px
}

.depth-topics .topics-top .more[data-v-04fdf60d] {
    color: #a7a7a7;
    font-size: 14px
}

.depth-topics .topics[data-v-04fdf60d] {
    padding: 10px 0
}

.depth-topics .topics .topic-item[data-v-04fdf60d] {
    padding: 10px 20px
}

.depth-topics .topics .topic-item a:hover img[data-v-04fdf60d] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.depth-topics .topics .topic-item a[data-v-04fdf60d] {
    display: block;
    width: 290px;
    height: 200px;
    overflow: hidden;
    position: relative
}

.depth-topics .topics .topic-item a img[data-v-04fdf60d] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    transition: all .6s
}

.depth-topics .topics .topic-item a .topic-title[data-v-04fdf60d] {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .9))
}

.depth-topics .topics .topic-item a .topic-title h2[data-v-04fdf60d] {
    font-size: 1em;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.mobile .depth-topics[data-v-04fdf60d] {
    margin-bottom: .2rem
}

.mobile .depth-topics .block-title[data-v-04fdf60d] {
    font-size: 18px
}

.mobile .depth-topics .block-title img[data-v-04fdf60d] {
    max-width: 24px
}

.mobile .depth-topics .topics[data-v-04fdf60d] {
    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: 0 .3rem;
    padding: .3rem 0 0 0
}

.mobile .depth-topics .topics .topic-item[data-v-04fdf60d] {
    padding: 0;
    margin-bottom: .3rem
}

.mobile .depth-topics .topics .topic-item a[data-v-04fdf60d] {
    width: 3.3rem;
    height: 2.28rem
}

.mobile .depth-topics .topics .topic-item a img[data-v-04fdf60d] {
    width: 100%;
    height: 100%
}

.mobile .depth-topics .topics .topic-item a .topic-title[data-v-04fdf60d] {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px
}

.mobile .depth-topics .topics .topic-item a .topic-title h2[data-v-04fdf60d] {
    font-size: 1em;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.creative-weekly[data-v-704d17ba] {
    background: #fff
}

.creative-weekly .weekly-top[data-v-704d17ba] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.creative-weekly .weekly-top .block-title[data-v-704d17ba],
.creative-weekly .weekly-top[data-v-704d17ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.creative-weekly .weekly-top .block-title[data-v-704d17ba] {
    color: #01396a;
    font-size: 16px
}

.creative-weekly .weekly-top .block-title img[data-v-704d17ba] {
    max-width: 30px;
    margin-right: 10px
}

.creative-weekly .weekly-top .more[data-v-704d17ba] {
    color: #a7a7a7;
    font-size: 14px
}

.creative-weekly .weekly-list[data-v-704d17ba] {
    padding: 10px 0
}

.creative-weekly .weekly-list .weekly-item[data-v-704d17ba] {
    padding: 10px 20px
}

.creative-weekly .weekly-list .weekly-item a:hover img[data-v-704d17ba] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.creative-weekly .weekly-list .weekly-item a[data-v-704d17ba] {
    display: block;
    width: 290px;
    height: 200px;
    overflow: hidden;
    position: relative
}

.creative-weekly .weekly-list .weekly-item a img[data-v-704d17ba] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    transition: all .6s
}

.creative-weekly .weekly-list .weekly-item a .weekly-title[data-v-704d17ba] {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .9))
}

.creative-weekly .weekly-list .weekly-item a .weekly-title h2[data-v-704d17ba] {
    font-size: 1em;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.mobile .creative-weekly[data-v-704d17ba] {
    margin-bottom: .2rem
}

.mobile .creative-weekly block-title[data-v-704d17ba] {
    font-size: 18px
}

.mobile .creative-weekly block-title img[data-v-704d17ba] {
    max-width: 24px
}

.mobile .creative-weekly .weekly-list[data-v-704d17ba] {
    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: 0 .3rem;
    padding: .3rem 0 0 0
}

.mobile .creative-weekly .weekly-list .weekly-item[data-v-704d17ba] {
    padding: 0;
    margin-bottom: .3rem
}

.mobile .creative-weekly .weekly-list .weekly-item a[data-v-704d17ba] {
    width: 3.3rem;
    height: 2.28rem
}

.mobile .creative-weekly .weekly-list .weekly-item a img[data-v-704d17ba] {
    width: 100%;
    height: 100%
}

.mobile .creative-weekly .weekly-list .weekly-item a .weekly-title[data-v-704d17ba] {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px
}

.mobile .creative-weekly .weekly-list .weekly-item a .weekly-title h2[data-v-704d17ba] {
    font-size: 1em;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .news-footer[data-v-3074ca5a] {
    background-color: #002e57;
    text-align: center;
    padding: .5rem;
    margin-top: -1px
}

.mobile .news-footer .copyright[data-v-3074ca5a] {
    font-size: 11px;
    color: #fff;
    margin-top: .1rem
}

.mobile .news-footer .copyright a[data-v-3074ca5a] {
    color: #fff
}

.mobile .news-footer .contact-info[data-v-3074ca5a] {
    font-size: 11px;
    color: #fff;
    margin-top: 0
}

.mobile .news-footer .contact-info a[data-v-3074ca5a] {
    color: #fff
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog {
    border-radius: 8px
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .el-dialog__header .icon-close {
    background-image: url(../../static/img/close.03ec73b2.png);
    width: 32px;
    height: 32px;
    position: absolute;
    top: -45px;
    right: -35px;
    cursor: pointer
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content {
    text-align: left;
    padding: 24px 20px 32px 20px
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .header-title {
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 700
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .sub-title {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .apply-content {
    margin-top: 6px
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .apply-content .el-textarea {
    font-size: 16px
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .apply-content .el-textarea .el-textarea__inner {
    padding: 6px 15px;
    background: #f4f4f4;
    resize: none
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .tip {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #005fb4
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer {
    margin-top: 48px;
    text-align: center
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer .black-tip {
    font-size: 14px;
    color: #e71616;
    margin-bottom: 15px
}

[data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer .send-btn {
    width: 70%;
    height: 45px;
    background: #005fb4;
    border: none;
    border-radius: 4px;
    font-size: 14px
}

@media screen and (max-width:767px) {
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog {
        width: calc(100vw - 54px) !important
    }
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog .el-dialog__header .icon-close {
        top: -35px;
        right: -5px;
        width: 23px;
        height: 23px;
        background-size: cover
    }
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content {
        padding-top: 40px
    }
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer {
        margin-top: 24px
    }
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer .black-tip {
        margin-bottom: 24px
    }
    [data-v-4aa6abd2] .el-dialog.friend-apply-dialog .dialog-content .footer .el-button {
        width: 100%
    }
}

.recommend-follow[data-v-55b5a782] {
    width: 100%;
    background: #fff;
    margin-top: 8px;
    border-radius: 8px
}

.recommend-follow .header[data-v-55b5a782] {
    padding: 12px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3
}

.recommend-follow .header .title[data-v-55b5a782],
.recommend-follow .header[data-v-55b5a782] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recommend-follow .header .title .tab-item[data-v-55b5a782] {
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.recommend-follow .header .title .active[data-v-55b5a782] {
    font-weight: 700;
    color: #333
}

.recommend-follow .header .title .split-line[data-v-55b5a782] {
    width: 1px;
    height: 16px;
    margin: 0 15px;
    background: #f3f3f3
}

.recommend-follow .header a[data-v-55b5a782] {
    color: #005fb4;
    font-size: 14px
}

.recommend-follow .content[data-v-55b5a782] {
    min-height: 740px
}

.recommend-follow .content .empty-message[data-v-55b5a782] {
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding: 128px 0 0;
    text-align: center;
    color: #999
}

.recommend-follow .content .recommend-item[data-v-55b5a782] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 20px 10px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.recommend-follow .content .recommend-item .user-content[data-v-55b5a782] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recommend-follow .content .recommend-item .avatar[data-v-55b5a782] {
    width: 56px;
    height: 56px
}

.recommend-follow .content .recommend-item .avatar .avatar-img[data-v-55b5a782] img {
    border-radius: 50%;
    width: 56px;
    height: 56px
}

.recommend-follow .content .recommend-item .user-info[data-v-55b5a782] {
    margin-left: 8px;
    color: #333;
    letter-spacing: 0;
    width: 143px;
    margin-top: 5px
}

.recommend-follow .content .recommend-item .user-info .user-name[data-v-55b5a782] {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recommend-follow .content .recommend-item .user-info .user-position[data-v-55b5a782] {
    font-size: 12px
}

.recommend-follow .content .recommend-item .follow-button[data-v-55b5a782] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recommend-follow .content .recommend-item .follow-button .action-btn[data-v-55b5a782] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recommend-follow .content .recommend-item .group-btn[data-v-55b5a782] {
    width: 55px;
    height: 22px;
    font-size: 12px;
    color: #005fb4;
    letter-spacing: 0;
    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;
    cursor: pointer
}

.recommend-follow .content .recommend-item .followed-btn[data-v-55b5a782] {
    border: 1px solid #999;
    border-radius: 4px;
    color: #999
}

.recommend-follow .content .recommend-item .follow-btn[data-v-55b5a782] {
    border: 1px solid #005fb4;
    border-radius: 4px;
    color: #005fb4
}

.recommend-follow .content .recommend-item .group-btn:hover .cancel-follow-btn[data-v-55b5a782] {
    display: inline-block
}

.recommend-follow .content .recommend-item .cancel-follow-btn[data-v-55b5a782],
.recommend-follow .content .recommend-item .group-btn:hover .follow-label[data-v-55b5a782] {
    display: none
}

.recommend-follow .content .recommend-item[data-v-55b5a782]:last-child {
    padding-bottom: 18px
}

.mobile .recommend-follow[data-v-55b5a782] {
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    margin-bottom: 16px
}

.mobile .recommend-follow .header[data-v-55b5a782] {
    padding: 12px 14px
}

.mobile .recommend-follow .content .recommend-item[data-v-55b5a782] {
    padding: 8px 14px 10px 14px
}

.mobile .recommend-follow .content .recommend-item .user-info[data-v-55b5a782] {
    margin-left: 8px;
    width: 190px
}

.mobile .recommend-follow .content .recommend-item .group-btn[data-v-55b5a782] {
    width: 55px;
    height: 23px
}

.viewer-module[data-v-70f528c2] {
    width: 100%;
    background: #fff;
    margin-top: 8px;
    border-radius: 8px
}

.viewer-module .header[data-v-70f528c2] {
    padding: 12px 20px;
    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 #f3f3f3
}

.viewer-module .header .title span[data-v-70f528c2] {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.viewer-module .header a[data-v-70f528c2] {
    color: #005fb4;
    font-size: 14px
}

.viewer-module .content .viewer-item[data-v-70f528c2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 20px 10px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.viewer-module .content .viewer-item .user-content[data-v-70f528c2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.viewer-module .content .viewer-item .avatar[data-v-70f528c2] {
    width: 56px;
    height: 56px
}

.viewer-module .content .viewer-item .avatar .avatar-img[data-v-70f528c2] img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover
}

.viewer-module .content .viewer-item .user-info[data-v-70f528c2] {
    margin-left: 8px;
    color: #333;
    letter-spacing: 0;
    width: 143px;
    margin-top: 5px
}

.viewer-module .content .viewer-item .user-info .user-name[data-v-70f528c2] {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.viewer-module .content .viewer-item .user-info .user-position[data-v-70f528c2] {
    font-size: 12px
}

.viewer-module .content .viewer-item .action-button[data-v-70f528c2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.viewer-module .content .viewer-item .action-button .action-btn[data-v-70f528c2] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile .viewer-module[data-v-70f528c2] {
    margin-top: 0;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 0
}

.mobile .viewer-module .header[data-v-70f528c2] {
    padding: 12px 14px
}

.mobile .viewer-module .header .title span[data-v-70f528c2] {
    font-size: 16px;
    color: #333;
    text-align: left
}

.mobile .viewer-module .content .viewer-item[data-v-70f528c2] {
    padding: 9px 14px
}

.mobile .viewer-module .content .viewer-item .user-info[data-v-70f528c2] {
    margin-left: 8px;
    width: 190px
}

.share[data-v-6524a3b7] {
    text-align: center;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.share p[data-v-6524a3b7] {
    margin: 0
}

.share .copy-link[data-v-6524a3b7] {
    cursor: pointer;
    line-height: 28px
}

.share .mini-code[data-v-6524a3b7] {
    margin: 8px 0 11px;
    border-bottom: 1px solid #eaeaea;
    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
}

.share .mini-code .code-content[data-v-6524a3b7] {
    background: url(../../static/img/qrcode-border.dd497671.svg);
    width: 163px;
    height: 172px;
    background-repeat: no-repeat
}

.share .mini-code .code-content[data-v-6524a3b7],
.share .mini-code .code-group[data-v-6524a3b7] {
    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
}

.share .mini-code .code-group[data-v-6524a3b7] {
    background: url(../../static/img/code-border.e7677c25.svg);
    width: 91px;
    height: 97px;
    background-repeat: no-repeat
}

.share .mini-code .code-group img[data-v-6524a3b7] {
    width: 75px;
    height: 75px
}

.share .mini-code p[data-v-6524a3b7] {
    line-height: 28px;
    margin-bottom: 7px
}

.share .hide[data-v-6524a3b7] {
    display: none
}

.share .hide-border[data-v-6524a3b7] {
    border-bottom: 0
}

.share .description[data-v-6524a3b7] {
    font-size: 10px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 14px
}

.hide-padding[data-v-6524a3b7] {
    padding: 0
}

.el-popover.share-popover[data-v-0293eb7a] {
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.el-popover.qrcode-popover[data-v-0293eb7a],
.el-popover.share-popover[data-v-0293eb7a] {
    text-align: center;
    min-width: 100px;
    padding: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3);
    box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3)
}

.el-popover.qrcode-popover[data-v-0293eb7a] {
    min-height: 100px;
    margin: 0 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
}

.community-promotion[data-v-0293eb7a] {
    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: left;
    -ms-flex-align: left;
    align-items: left;
    width: 100%;
    margin-top: 8px;
    background: #fff;
    border-radius: 8px
}

.community-promotion .promotion-title[data-v-0293eb7a] {
    padding: 12px 20px;
    border-bottom: 1px solid #f3f3f3
}

.community-promotion .promotion-title img[data-v-0293eb7a] {
    vertical-align: middle;
    margin-right: 12px
}

.community-promotion .promotion-title .title[data-v-0293eb7a] {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0;
    vertical-align: middle
}

.community-promotion .scan-add-group[data-v-0293eb7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #f3f3f3
}

.community-promotion .scan-add-group .group-code[data-v-0293eb7a] {
    margin: 27px 0 17px;
    padding: 0 52px;
    text-align: center;
    cursor: pointer
}

.community-promotion .scan-add-group .group-code .group-icon[data-v-0293eb7a] {
    width: 40px;
    height: 40px
}

.community-promotion .scan-add-group .group-code .group-label[data-v-0293eb7a] {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    line-height: 17px;
    margin-top: 4px
}

.community-promotion .scan-add-group .group-border[data-v-0293eb7a] {
    border-right: 1px solid #f3f3f3
}

.mobile .community-promotion[data-v-0293eb7a] {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile .community-promotion .promotion-title[data-v-0293eb7a] {
    margin: 0;
    padding: 12px 14px
}

.mobile .community-promotion .promotion-plan[data-v-0293eb7a] {
    padding: 18px 23px 18px 32px
}

.mobile .community-promotion .group-code[data-v-0293eb7a] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0
}

.mobile .community-promotion .group-code .icon[data-v-0293eb7a],
.mobile .community-promotion .group-code[data-v-0293eb7a] {
    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
}

.mobile .community-promotion .group-code .icon[data-v-0293eb7a] {
    width: 91px;
    height: 97px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../../static/img/code-border.e7677c25.svg);
    background-repeat: no-repeat;
    margin: 0 52px
}

.mobile .community-promotion .group-code .icon .group-icon[data-v-0293eb7a] {
    width: 70px;
    height: 70px
}

.mobile .community-promotion .group-label[data-v-0293eb7a] {
    font-size: 12px;
    color: #333
}

.mobile .community-promotion .group-desc[data-v-0293eb7a] {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

.info-link[data-v-d8001ea4] {
    width: 100%;
    background: #fff;
    margin-top: 8px;
    border-radius: 8px
}

.info-link .title a[data-v-d8001ea4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 13px 0 20px;
    border-bottom: 1px solid #f3f3f3
}

.info-link .title a img[data-v-d8001ea4] {
    height: 20px;
    width: 180px;
    margin-right: 2px
}

.info-link .title span[data-v-d8001ea4] {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 12px 20px;
    border-bottom: 1px solid #f3f3f3
}

.info-link .content .links a[data-v-d8001ea4]:last-child,
.info-link .content .links a[data-v-d8001ea4]:nth-last-child(2),
.info-link .content .links a[data-v-d8001ea4]:nth-last-child(3) {
    margin-bottom: 0
}

.info-link .content .links[data-v-d8001ea4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0
}

.info-link .content .links a[data-v-d8001ea4] {
    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;
    margin-bottom: 24px;
    width: 33%
}

.info-link .content .links a img[data-v-d8001ea4] {
    width: 28px;
    height: 28px;
    margin-bottom: 12px
}

.info-link .content .links a span[data-v-d8001ea4] {
    font-size: 14px;
    color: #333;
    letter-spacing: 0
}

.info-link .content .other-links[data-v-d8001ea4] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px
}

.info-link .content .other-links[data-v-d8001ea4],
.info-link .content .other-links a[data-v-d8001ea4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info-link .content .other-links a[data-v-d8001ea4] {
    font-size: 16px;
    color: #576f84;
    width: 100%
}

.info-link .content .other-links a img[data-v-d8001ea4] {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.info-link .content .other-links a[data-v-d8001ea4]:first-child {
    margin-bottom: 10px
}

.info-link .content .other-links a[data-v-d8001ea4]:nth-child(3) {
    width: 30%
}

.info-link .content .other-links a[data-v-d8001ea4]:nth-child(4) {
    width: 40%
}

.info-link .content .other-links a[data-v-d8001ea4]:nth-child(5) {
    width: 25%
}

.mobile .info-link[data-v-d8001ea4] {
    margin-top: 16px;
    width: 100%;
    border-radius: 0
}

.mobile .info-link .title a[data-v-d8001ea4] {
    padding-top: 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    height: auto
}

.mobile .info-link .title span[data-v-d8001ea4] {
    font-size: 18px;
    padding: 26px 14px 0;
    text-align: center;
    border-bottom: none
}

.mobile .info-link .content .other-links[data-v-d8001ea4] {
    padding: 30px 55px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile .info-link .content .other-links a[data-v-d8001ea4] {
    margin-bottom: 3.5%
}

.mobile .info-link .content .other-links a img[data-v-d8001ea4] {
    background-color: #f7f7f7
}

.mobile .info-link .content .other-links a[data-v-d8001ea4]:nth-child(n+3) {
    width: 31%;
    margin-bottom: 0
}

.mobile .info-link .content .other-links a:nth-child(n+3) img[data-v-d8001ea4] {
    height: 75px
}

.fans-grount[data-v-66cf84c2] {
    background: #fff;
    width: 100%;
    border-radius: 8px;
    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
}

.fans-grount .info[data-v-66cf84c2] {
    cursor: pointer;
    width: 50%;
    margin: 20px 0;
    display: block;
    text-align: center
}

.fans-grount .info .info-count[data-v-66cf84c2] {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    margin-bottom: 20px
}

.fans-grount .info .info-content[data-v-66cf84c2] {
    font-size: 16px;
    color: #999;
    letter-spacing: 0
}

.fans-grount .info[data-v-66cf84c2]:first-child {
    border-right: 1px solid #e9e9e9
}

.mobile .info[data-v-66cf84c2] {
    display: none
}

.common-module[data-v-38eaae5e] {
    margin-top: 0;
    margin-bottom: 16px
}

.info[data-v-38eaae5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.mc-full-button[data-v-38eaae5e] {
    width: 100%;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(#005fb4), to(#005fb4));
    background-image: linear-gradient(90deg, #005fb4, #005fb4);
    border-radius: 8.01px;
    padding-top: 16px;
    cursor: pointer
}

.mc-full-button span[data-v-38eaae5e] {
    color: #fff;
    font-size: 18.75px;
    letter-spacing: 0;
    line-height: 26px
}

.mc-full-button span img[data-v-38eaae5e] {
    margin-right: 17.7px;
    width: 24px;
    height: 24px
}

.hot-activity[data-v-c6454f64] {
    background: #fff
}

.hot-activity .activity-top[data-v-c6454f64] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.hot-activity .activity-top .block-title[data-v-c6454f64],
.hot-activity .activity-top[data-v-c6454f64] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-activity .activity-top .block-title[data-v-c6454f64] {
    color: #01396a;
    font-size: 16px
}

.hot-activity .activity-top .block-title img[data-v-c6454f64] {
    max-width: 30px;
    margin-right: 10px
}

.hot-activity .activity-top .more[data-v-c6454f64] {
    color: #a7a7a7;
    font-size: 14px
}

.hot-activity .activity-list[data-v-c6454f64] {
    padding: 10px 0
}

.hot-activity .activity-list .activity-item:hover .activity-cover img[data-v-c6454f64] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hot-activity .activity-list .activity-item[data-v-c6454f64] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px
}

.hot-activity .activity-list .activity-item .activity-cover[data-v-c6454f64] {
    margin-right: 10px;
    width: 160px;
    height: 110px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hot-activity .activity-list .activity-item .activity-cover img[data-v-c6454f64] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s
}

.hot-activity .activity-list .activity-item .activity-info[data-v-c6454f64] {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hot-activity .activity-list .activity-item .activity-info .title[data-v-c6454f64]:hover {
    color: #073e6e
}

.hot-activity .activity-list .activity-item .activity-info .title[data-v-c6454f64] {
    color: #262626;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    word-break: break-all
}

.hot-activity .activity-list .activity-item .activity-info .info-bottom[data-v-c6454f64] {
    font-size: 12px;
    line-height: 20px;
    color: #a7a7a7
}

.hot-activity .activity-list .activity-item .activity-info .info-bottom .source[data-v-c6454f64] {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.hot-activity .activity-list .activity-item .activity-info .info-bottom .source img[data-v-c6454f64] {
    margin-right: 5px
}

.hot-activity .activity-list .activity-item .activity-info .info-bottom .time[data-v-c6454f64] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hot-activity .activity-list .activity-item .activity-info .info-bottom .time img[data-v-c6454f64] {
    margin-right: 5px
}

.mobile .hot-activity[data-v-c6454f64] {
    background: #fff
}

.mobile .hot-activity .activity-top[data-v-c6454f64] {
    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 #eaeaea;
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.mobile .hot-activity .activity-top .block-title[data-v-c6454f64] {
    font-size: 18px
}

.mobile .hot-activity .activity-top .block-title img[data-v-c6454f64] {
    max-width: 24px
}

.mobile .hot-activity .activity-top .more[data-v-c6454f64] {
    color: #a7a7a7;
    font-size: 14px
}

.mobile .hot-activity .activity-list .activity-item[data-v-c6454f64] {
    padding: .3rem;
    border-bottom: 1px solid #eaeaea
}

.mobile .hot-activity .activity-list .activity-item[data-v-c6454f64]:last-child {
    border-bottom: none
}

.mobile .hot-activity .activity-list .activity-item .activity-cover[data-v-c6454f64] {
    width: 2.3rem;
    height: 1.59rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mobile .hot-activity .activity-list .activity-item .activity-info .title[data-v-c6454f64] {
    font-weight: 400;
    margin-bottom: .04rem;
    font-size: 15px
}

.el-popover.share-popover[data-v-387718d7] {
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.el-popover.qrcode-popover[data-v-387718d7],
.el-popover.share-popover[data-v-387718d7] {
    text-align: center;
    min-width: 100px;
    padding: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3);
    box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3)
}

.el-popover.qrcode-popover[data-v-387718d7] {
    min-height: 100px;
    margin: 0 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
}

.hot-recommend-list[data-v-387718d7] {
    background: #fff;
    width: 100%;
    border-radius: 8px;
    padding-bottom: 24px
}

.hot-recommend-list .tittle[data-v-387718d7] {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    padding: 12px 20px;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
    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
}

.hot-recommend-list .list-title[data-v-387718d7] {
    font-size: 15px;
    color: #576f84;
    letter-spacing: 0;
    line-height: 18px;
    margin: 16px 17px 0 20px;
    cursor: pointer;
    white-space: pre-wrap;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hot-recommend-list .list-title .post-title[data-v-387718d7] {
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 24px;
    font-size: 1em;
    font-weight: 400
}

.hot-recommend-list .list-title .type-icon[data-v-387718d7] {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 3px
}

.mobile .hot-recommend-list[data-v-387718d7] {
    width: 100%;
    border-radius: 0;
    margin-bottom: 16px
}

.mobile .hot-recommend-list .tittle[data-v-387718d7] {
    padding: 12px 14px
}

.mobile .hot-recommend-list .list-title[data-v-387718d7] {
    font-size: 14px;
    margin: 16px 17px 0 14px
}

.mobile .hot-recommend-list .list-title .type-icon[data-v-387718d7] {
    width: 18px;
    height: 18px
}

.el-popover.share-popover[data-v-4b333f76] {
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.el-popover.qrcode-popover[data-v-4b333f76],
.el-popover.share-popover[data-v-4b333f76] {
    text-align: center;
    min-width: 100px;
    padding: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3);
    box-shadow: 0 10px 30px 0 rgba(102, 103, 116, .3)
}

.el-popover.qrcode-popover[data-v-4b333f76] {
    min-height: 100px;
    margin: 0 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
}

.public-subscription[data-v-4b333f76] {
    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: left;
    -ms-flex-align: left;
    align-items: left;
    width: 100%;
    margin-top: 8px;
    background: #fff;
    border-radius: 8px
}

.public-subscription .subscription-title[data-v-4b333f76] {
    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: 12px 20px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0;
    vertical-align: middle
}

.public-subscription .subscription-title a[data-v-4b333f76] {
    color: #005fb4;
    font-size: 14px;
    font-weight: 400
}

.public-subscription .subscription-content[data-v-4b333f76] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    color: #333;
    border-bottom: 1px solid #f3f3f3
}

.public-subscription .subscription-content img[data-v-4b333f76] {
    width: 81px;
    height: 81px;
    border-radius: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.public-subscription .subscription-content .text-content[data-v-4b333f76] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 18px 15px;
    font-size: 14px
}

.public-subscription .promotion-plan[data-v-4b333f76],
.public-subscription .subscription-content .text-content[data-v-4b333f76] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.public-subscription .promotion-plan[data-v-4b333f76] {
    padding: 12px 20px 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.public-subscription .promotion-plan .title[data-v-4b333f76] {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    vertical-align: middle;
    font-weight: 700
}

.public-subscription .promotion-plan .subscrip-btn[data-v-4b333f76] {
    font-size: 12px;
    margin-top: 10px
}

.public-subscription .promotion-plan .subscrip-btn .button[data-v-4b333f76] {
    width: 56px;
    cursor: pointer;
    top: -6px;
    position: relative
}

.public-subscription .promotion-plan .subscrip-btn .button:hover span[data-v-4b333f76] {
    background-color: #005fb4;
    color: #fff
}

.public-subscription .promotion-plan .subscrip-btn .button span[data-v-4b333f76] {
    padding: 3px 15px;
    border: 1px solid #005fb4;
    color: #005fb4;
    border-radius: 4px
}

.mobile .public-subscription[data-v-4b333f76] {
    width: 100%;
    margin-bottom: 16px;
    margin-top: 0;
    border-radius: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile .public-subscription .subscription-title[data-v-4b333f76] {
    padding: 12px 14px
}

.mobile .public-subscription .subscription-content img[data-v-4b333f76] {
    width: 75px;
    height: 75px
}

.mobile .public-subscription .subscription-content .text-content[data-v-4b333f76] {
    padding: 14px 0 12px 18px
}

.mobile .public-subscription .promotion-plan[data-v-4b333f76] {
    padding: 14px 14px 17px 14px
}

.info[data-v-42176395] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.mc-full-button[data-v-42176395] {
    width: 100%;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(#005fb4), to(#005fb4));
    background-image: linear-gradient(90deg, #005fb4, #005fb4);
    border-radius: 8.01px;
    padding-top: 16px;
    cursor: pointer
}

.mc-full-button span[data-v-42176395] {
    color: #fff;
    font-size: 18.75px;
    letter-spacing: 0;
    line-height: 26px
}

.mc-full-button span img[data-v-42176395] {
    margin-right: 17.7px;
    width: 24px;
    height: 24px
}

.aside-sidebar[data-v-bac4c25a] {
    width: 330px;
    top: 0
}

.self-info[data-v-bac4c25a] {
    overflow: hidden
}

.mobile .aside-sidebar[data-v-bac4c25a] {
    position: static;
    width: 100%
}

.el-container[data-v-d61c6684] {
    width: 1200px;
    min-height: 80vh;
    margin: 0 auto;
    margin-top: 15px;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.el-container.toc-container[data-v-d61c6684] {
    width: 1450px
}

.el-aside[data-v-d61c6684] {
    overflow: visible;
    color: #933;
    text-align: left;
    width: 27.5%;
    padding: 0;
    margin-left: 1.66667%
}

.el-aside.toc-aside[data-v-d61c6684] {
    width: 25%;
    margin-left: .83333%
}

.el-main[data-v-d61c6684] {
    color: #333;
    text-align: center;
    width: 70.83333%;
    padding: 0;
    overflow: visible
}

.el-main.full-main[data-v-d61c6684] {
    width: 100%
}

.mobile .el-container[data-v-d61c6684] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 0
}

.mobile .el-container .el-aside[data-v-d61c6684] {
    width: 100% !important;
    margin-left: 0;
    margin-top: 16px
}

.mobile .el-container .el-main[data-v-d61c6684] {
    width: 100%
}

.mobile .custom-modal[data-v-d61c6684] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000
}

.search-keyword .scrollbar[data-v-0694cc34] .el-scrollbar__view {
    max-height: 515px
}

.search-keyword h6[data-v-0694cc34] {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 14px;
    color: #01396a
}

.search-keyword h6 span[data-v-0694cc34] {
    float: right;
    font-weight: 400;
    color: #cacccd;
    cursor: pointer
}

.search-keyword h6 span i[data-v-0694cc34] {
    margin-left: 8px;
    font-size: 15px
}

.search-keyword h6 span[data-v-0694cc34]:hover {
    color: #000;
    -webkit-transition: color .3s;
    transition: color .3s
}

.search-keyword .label-block[data-v-0694cc34]:not(:last-child) {
    margin-bottom: 25px
}

.search-keyword .item-label[data-v-0694cc34] {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    line-height: 24px
}

.search-keyword .item-label span[data-v-0694cc34] {
    font-size: 12px;
    color: #999;
    margin-left: 16px
}

.search-keyword .item-label[data-v-0694cc34]:not(:last-child) {
    margin-bottom: 8px
}

.search-keyword .item-label.active[data-v-0694cc34],
.search-keyword .item-label[data-v-0694cc34]:hover {
    background-color: #f5f5f5
}

.search-keyword ul[data-v-0694cc34] {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width:767px) {
    .search-keyword[data-v-0694cc34] {
        width: 305px;
        margin: 0 auto
    }
    .search-keyword .label-block[data-v-0694cc34]:not(:last-child) {
        margin-bottom: 32px
    }
    .search-keyword h6[data-v-0694cc34] {
        margin: 0 0 16px
    }
}

.friend-notice[data-v-f9ca7970] {
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.friend-notice .notice-info[data-v-f9ca7970],
.friend-notice[data-v-f9ca7970] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.friend-notice .notice-info .avatar[data-v-f9ca7970] {
    cursor: pointer;
    width: 48px;
    height: 48px
}

.friend-notice .notice-info .avatar .avatar-img[data-v-f9ca7970] img {
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px
}

.friend-notice .notice-info .info[data-v-f9ca7970] {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 24px;
    width: 295px;
    font-size: 15px
}

.friend-notice .notice-info .info .user-info[data-v-f9ca7970] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.friend-notice .notice-info .info .user-info .user-name[data-v-f9ca7970] {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.friend-notice .notice-info .info .user-info .user-position[data-v-f9ca7970] {
    margin-left: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.friend-notice .notice-info .info .down-part[data-v-f9ca7970] {
    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
}

.friend-notice .notice-info .info .down-part .apply-message[data-v-f9ca7970] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    width: 195px
}

.friend-notice .notice-info .info .down-part .notice-action[data-v-f9ca7970] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.friend-notice .notice-info .info .down-part .notice-action .action-btn[data-v-f9ca7970] {
    width: 48px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 16px
}

.friend-notice .notice-info .info .down-part .notice-action .ignore-btn[data-v-f9ca7970] {
    border: 2px solid rgba(0, 135, 255, .3);
    color: #037ce7;
    height: 20px;
    line-height: 20px;
    width: 44px;
    margin-right: 8px;
    cursor: pointer
}

.friend-notice .notice-info .info .down-part .notice-action .agree-btn[data-v-f9ca7970] {
    background: #037ce7;
    color: #fff;
    cursor: pointer
}

.friend-notice .notice-info .info .down-part .notice-action .disabled[data-v-f9ca7970] {
    background: #cacccd;
    color: #fff
}

[data-v-0bfd86bc] .el-popover {
    padding: 0
}

.system-message[data-v-0bfd86bc] {
    height: 442px
}

.system-message a[data-v-0bfd86bc] {
    text-decoration: none;
    color: #333
}

.system-message .message-tabs[data-v-0bfd86bc] {
    height: 390px
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header {
    margin: 0;
    height: 58px;
    line-height: 58px;
    color: #999
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header .el-tabs__nav-wrap {
    padding: 0 32px
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header .el-tabs__nav-wrap .el-tabs__active-bar {
    display: none
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header .el-tabs__nav-wrap .el-tabs__item {
    font-size: 16px;
    color: #999
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #333
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__header .el-tabs__nav-wrap:after {
    height: 1px;
    background-color: #eaeaea
}

.system-message .message-tabs[data-v-0bfd86bc] .el-tabs__content {
    padding: 0 32px;
    height: 321px;
    overflow: auto
}

.system-message .message-tabs[data-v-0bfd86bc] .el-badge__content.is-fixed {
    top: 10px;
    right: 0;
    padding: 0 7px;
    background-color: #f04040
}

.system-message .message-tabs .notice-tip[data-v-0bfd86bc] {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #005fb4
}

.system-message .message-tabs .notice-tip img[data-v-0bfd86bc] {
    margin-right: 10px
}

.system-message .message-tabs li[data-v-0bfd86bc],
.system-message .message-tabs ul[data-v-0bfd86bc] {
    padding: 0;
    margin: 0;
    list-style: none
}

.system-message .message-tabs .message-item[data-v-0bfd86bc] {
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0
}

.system-message .message-tabs .message-item .sent-time[data-v-0bfd86bc] {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-bottom: 8px
}

.system-message .message-tabs .message-item .notice-content[data-v-0bfd86bc] {
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word
}

.system-message .message-tabs .hand[data-v-0bfd86bc] {
    cursor: pointer
}

.system-message .message-tabs .empty-message[data-v-0bfd86bc] {
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding: 128px 0 0;
    text-align: center;
    color: #999
}

.system-message .message-tabs[data-v-0bfd86bc]:after {
    height: 1px;
    background-color: #eaeaea;
    content: "";
    position: absolute;
    left: 0;
    bottom: 52px;
    width: 100%;
    z-index: 1
}

.system-message .view-all-button[data-v-0bfd86bc] {
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #333
}

li[data-v-9c92d1f2],
ul[data-v-9c92d1f2] {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-x: hidden
}

.message-item .item[data-v-9c92d1f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    margin: 0 32px;
    padding: 16.5px 0 9.5px 0
}

.message-item .avator[data-v-9c92d1f2] {
    height: 48px;
    margin-right: 24px;
    cursor: pointer
}

.message-item .avator img[data-v-9c92d1f2] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.message-item .avator[data-v-9c92d1f2] .el-badge__content {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    border: none;
    top: unset;
    right: 0;
    bottom: 40px
}

.message-item .message-content[data-v-9c92d1f2] {
    vertical-align: top;
    width: 310px;
    position: relative;
    cursor: pointer
}

.message-item .sender-name[data-v-9c92d1f2] {
    max-width: 210px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.message-item .sent-time[data-v-9c92d1f2] {
    float: right;
    right: 0;
    position: absolute;
    font-size: 12px;
    color: #999;
    line-height: 25px
}

.message-item .notice-content[data-v-9c92d1f2] {
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    clear: both
}

.empty-message[data-v-9c92d1f2] {
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding: 128px 0 0;
    text-align: center;
    color: #999
}

[data-v-7f6ec589] .el-popover {
    padding: 0
}

.system-message[data-v-7f6ec589] {
    height: 430px
}

.system-message a[data-v-7f6ec589] {
    text-decoration: none;
    color: #333
}

.system-message .containor-header[data-v-7f6ec589] {
    padding: 20px 0 18.5px 32px;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    border-bottom: 1px solid #eaeaea;
    font-weight: 20px
}

.system-message .message-content[data-v-7f6ec589] {
    height: 312px;
    overflow: auto
}

.system-message .containor-tab[data-v-7f6ec589] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15.5px;
    border-bottom: 1px solid #eaeaea
}

.system-message .tab-item[data-v-7f6ec589] {
    margin: 0 8px 0 32px
}

.system-message .tab-item .tab-lael[data-v-7f6ec589] {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    cursor: pointer
}

.system-message .tab-item .tab-trig[data-v-7f6ec589] {
    visibility: hidden;
    margin-top: 4px;
    text-align: center
}

.system-message .tab-item .tab-trig img[data-v-7f6ec589] {
    width: 15px;
    height: 13px
}

.system-message .tag-choose .tab-lael[data-v-7f6ec589] {
    color: #01396a
}

.system-message .tag-choose .tab-trig[data-v-7f6ec589] {
    visibility: visible
}

.system-message .view-all-button[data-v-7f6ec589] {
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #333;
    border-top: 1px solid #eaeaea
}

.system-message .view-all-button span[data-v-7f6ec589] {
    cursor: pointer
}

.sidenav-menu[data-v-b787a8e8] {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 50px
}

.sidenav-menu li[data-v-b787a8e8] {
    display: block;
    position: relative
}

.sidenav-menu li a[data-v-b787a8e8] {
    background: 0 0;
    color: #fff;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #00325e;
    padding: 0 .3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: left;
    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
}

.sidenav-menu li a img[data-v-b787a8e8] {
    width: 20px;
    height: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidenav-menu li a .sidenav-link-title[data-v-b787a8e8] {
    font-weight: 700
}

.sidenav-menu li .sub-menu[data-v-b787a8e8] {
    background: #00325e;
    display: none
}

.sidenav-menu li .sub-menu .sidenav-dropdown ul[data-v-b787a8e8] {
    padding-left: .6rem
}

.sidenav-menu li .sidenav-dropdown[data-v-b787a8e8] {
    list-style: none;
    padding: 0;
    text-align: center;
    background: #00325e;
    display: none
}

.sidenav-menu li .sidenav-dropdown ul[data-v-b787a8e8] {
    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;
    padding: .2rem .3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sidenav-menu li .sidenav-dropdown ul li[data-v-b787a8e8] {
    width: 33%;
    text-align: left
}

.sidenav-menu li .sidenav-dropdown a[data-v-b787a8e8] {
    color: #fff;
    font-size: 15px;
    display: block;
    padding: 0
}

.sidenav-menu li .open img[data-v-b787a8e8] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidenav-menu li .on[data-v-b787a8e8] {
    display: block
}

.conversationlist[data-v-0f4505b5] {
    background: #fbfbfc;
    height: 472px;
    overflow-y: auto;
    border-right: 1px solid #eaeaea;
    border-radius: 3.86px 0 0 3.86px
}

.conversationlist .conversation-body[data-v-0f4505b5] {
    height: 80px;
    padding-left: 24px;
    padding-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.conversationlist .conversation-body .con-body-left[data-v-0f4505b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.conversationlist .conversation-body .con-body-left .user-avatar[data-v-0f4505b5] {
    width: 48px;
    height: 48px;
    border-radius: 25px;
    -o-object-fit: cover;
    object-fit: cover
}

.conversationlist .conversation-body .con-body-left .badge-show-up .el-badge__content.is-fixed[data-v-0f4505b5] {
    top: -3px;
    right: unset;
    left: 25px;
    font-size: 16px;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.conversationlist .conversation-body .con-body-right[data-v-0f4505b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 72%
}

.conversationlist .conversation-body .con-body-right .con-right-tips[data-v-0f4505b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top[data-v-0f4505b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 21px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top .tips-top-name[data-v-0f4505b5] {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top .tips-top-time[data-v-0f4505b5] {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    height: 17px;
    color: #999;
    white-space: nowrap
}

.conversationlist .conversation-body .con-body-right .con-right-tips .tips-top-message[data-v-0f4505b5] {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #666;
    letter-spacing: 0;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.conversationlist .conversation-body .conversation-body-font[data-v-0f4505b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.conversationlist .conversation-body-selected[data-v-0f4505b5] {
    background: rgba(87, 111, 132, .2);
    border-bottom: none
}

.conversationlist .empty-message[data-v-0f4505b5] {
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding: 131px 0 0;
    text-align: center;
    color: #999
}

.messagedialog[data-v-df6a04d2] {
    text-align: center
}

.messagedialog[data-v-df6a04d2] .el-dialog {
    margin: 0 auto !important;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    vertical-align: middle
}

.messagedialog[data-v-df6a04d2] .el-dialog .el-dialog__header {
    padding: 0
}

.messagedialog[data-v-df6a04d2] .el-dialog .el-dialog__body {
    padding: 0;
    border-radius: 4px 4px 4px 4px
}

.messagedialog .messagemain[data-v-df6a04d2] {
    position: relative
}

.messagedialog .messagemain[data-v-df6a04d2] .el-main {
    padding: 0 0 17px
}

.messagedialog .messagemain .messagemainheader[data-v-df6a04d2] {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.messagedialog .messagemain .messagemainheader img[data-v-df6a04d2] {
    width: 16px;
    height: 16px
}

.messagedialog .messagemain .messageheadername[data-v-df6a04d2] {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    margin-left: 17px;
    margin-right: 8px;
    line-height: 25px;
    cursor: pointer
}

.messagedialog .messagemain .company[data-v-df6a04d2],
.messagedialog .messagemain .position[data-v-df6a04d2] {
    cursor: pointer
}

.messagedialog .messagemain .user-job[data-v-df6a04d2] {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.messagedialog .messagemain .user-job .divide[data-v-df6a04d2] {
    display: inline-block;
    width: 17px;
    text-align: center
}

.messagedialog .messagemain .operation-btn-group .operation-btn i[data-v-df6a04d2] {
    color: #000;
    font-weight: 700
}

.messagedialog .messagemain .operation-btn-group .operation-btn:disabled i[data-v-df6a04d2] {
    color: #999
}

.messagedialog .messagemain .message-button[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 30px;
    padding: 3px 10px;
    border-top: 1px solid #eaeaea;
    position: relative
}

.messagedialog .messagemain .message-button[data-v-df6a04d2] .picture {
    line-height: 30px;
    padding-right: 10px
}

.messagedialog .messagemain .message-button .black-tip[data-v-df6a04d2] {
    position: absolute;
    left: 0;
    top: -28px;
    background-color: rgba(231, 22, 22, .05);
    width: 100%;
    text-align: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #e71616
}

.messagedialog .messagemain .message-button .black-tip span[data-v-df6a04d2] {
    margin-left: 16px
}

.messagedialog .messagemain .message-wrapper[data-v-df6a04d2] {
    height: calc(100% - 246px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto
}

.messagedialog .messagemain .message-wrapper ul[data-v-df6a04d2] {
    padding-bottom: 30px
}

.messagedialog .messagemain .message-wrapper .message-tip[data-v-df6a04d2] {
    width: 100%;
    text-align: center;
    height: 20px;
    font-size: 12px;
    color: #de530e;
    letter-spacing: 0
}

.messagedialog .messagemain .message-wrapper .overflow-text[data-v-df6a04d2] {
    position: absolute;
    left: 0;
    right: 0;
    top: 58px;
    z-index: 1;
    background: #fff
}

.messagedialog .messagemain .message-wrapper .history-tip[data-v-df6a04d2] {
    width: 100%;
    text-align: center;
    height: 20px;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .image-viewer-history[data-v-df6a04d2] {
    display: none
}

.messagedialog .messagemain .message-wrapper .message-item[data-v-df6a04d2] {
    list-style: none;
    margin-left: 15px
}

.messagedialog .messagemain .message-wrapper .message[data-v-df6a04d2] {
    margin-bottom: 15px
}

.messagedialog .messagemain .message-wrapper .time[data-v-df6a04d2] {
    width: 100%;
    font-size: 12px;
    margin: 7px auto;
    text-align: center
}

.messagedialog .messagemain .message-wrapper .time span[data-v-df6a04d2] {
    display: inline-block;
    padding: 4px 6px;
    color: #666
}

.messagedialog .messagemain .message-wrapper .main[data-v-df6a04d2] {
    margin-top: 10px
}

.messagedialog .messagemain .message-wrapper .main .avatar[data-v-df6a04d2] {
    float: left;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .main .content[data-v-df6a04d2] {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    padding: 8px 15px;
    max-width: calc(100% - 200px);
    min-height: 36px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    word-break: break-all;
    background: #edf5fd;
    border-radius: 0 15.42px 15.42px 15.42px;
    color: #333
}

.messagedialog .messagemain .message-wrapper .main .content .text[data-v-df6a04d2] {
    white-space: pre-wrap
}

.messagedialog .messagemain .message-wrapper .main .content .text img[data-v-df6a04d2] {
    max-width: 100%
}

.messagedialog .messagemain .message-wrapper .main .content .template-post-message[data-v-df6a04d2] {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messagedialog .messagemain .message-wrapper .main .content .template-post-message .template-post-message-title[data-v-df6a04d2] {
    height: 100%;
    width: 100%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .main .template-content[data-v-df6a04d2] {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding: 6px 10px;
    max-width: 50%;
    min-height: 36px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    background-color: #fafafa;
    border-radius: 4px;
    margin-right: 65px;
    width: 300px
}

.messagedialog .messagemain .message-wrapper .main .template-content .template-message[data-v-df6a04d2] {
    width: 100%;
    padding: 16rpx;
    white-space: wrap;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .main .template-content .template-post-message[data-v-df6a04d2] {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messagedialog .messagemain .message-wrapper .main .template-content .template-post-message .template-post-message-title[data-v-df6a04d2] {
    height: 100%;
    width: 100%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .self[data-v-df6a04d2] {
    text-align: right
}

.messagedialog .messagemain .message-wrapper .self .avatar[data-v-df6a04d2] {
    float: right;
    margin: 0 15px;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    margin-right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .self .content[data-v-df6a04d2] {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding: 8px 15px;
    max-width: calc(100% - 200px);
    min-height: 36px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    word-break: break-all;
    background: #9ebedb;
    border-radius: 15.42px 0 15.42px 15.42px;
    color: #333
}

.messagedialog .messagemain .message-wrapper .self .content .text img[data-v-df6a04d2] {
    max-width: 100%
}

.messagedialog .messagemain .message-wrapper .self .content .template-post-message[data-v-df6a04d2] {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .self .content .template-post-message .template-post-message-title[data-v-df6a04d2] {
    height: 100%;
    width: 100%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.messagedialog .messagemain .message-wrapper .self .text[data-v-df6a04d2] {
    white-space: pre-wrap
}

.messagedialog .messagemain .message-wrapper .self .template-content[data-v-df6a04d2] {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding: 6px 10px;
    max-width: 50%;
    min-height: 36px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    background-color: #fafafa;
    border-radius: 4px;
    margin-right: 65px;
    width: 300px
}

.messagedialog .messagemain .message-wrapper .self .template-content .template-message[data-v-df6a04d2] {
    width: 100%;
    padding: 16rpx;
    white-space: wrap;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    cursor: pointer
}

.messagedialog .messagemain .message-footer[data-v-df6a04d2] {
    position: relative;
    height: 150px;
    background: #fff
}

.messagedialog .messagemain .message-footer .el-textarea[data-v-df6a04d2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: none;
    height: 100%;
    resize: none
}

.messagedialog .messagemain .message-footer .el-textarea[data-v-df6a04d2] .el-textarea__inner {
    height: 110px;
    resize: none;
    font-family: unset;
    border-radius: 0;
    border: none
}

.messagedialog .messagemain .message-footer .messagebutton[data-v-df6a04d2] {
    position: absolute;
    right: 23px;
    bottom: 0;
    background: #005fb4;
    border-radius: 14.46px;
    color: #fff;
    border: none;
    padding: 8px 21px
}

.messagedialog .messagemain .message-footer .message-tip[data-v-df6a04d2] {
    position: absolute;
    bottom: 6px;
    right: 110px;
    font-size: 14px;
    color: #999
}

.messagedialog .messagemain .empty-message[data-v-df6a04d2] {
    text-align: center;
    margin-top: 172px
}

.messagedialog .host-body[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fbfbfc;
    border-radius: 3.86px 0 0 0;
    font-size: 18px;
    color: #333;
    padding-left: 23px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.messagedialog .containor-tab[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 14px;
    border-bottom: 1px solid #eaeaea
}

.messagedialog .containor-tab .tab-item[data-v-df6a04d2] {
    margin: 0 16px 0 24px
}

.messagedialog .containor-tab .tab-item .tab-lael[data-v-df6a04d2] {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    cursor: pointer
}

.messagedialog .containor-tab .tab-item .tab-trig[data-v-df6a04d2] {
    visibility: hidden;
    margin-top: 3px;
    text-align: center
}

.messagedialog .containor-tab .tab-item .tab-trig img[data-v-df6a04d2] {
    width: 15px;
    height: 13px
}

.messagedialog .containor-tab .tag-choose .tab-lael[data-v-df6a04d2] {
    color: #01396a;
    font-weight: 700
}

.messagedialog .containor-tab .tag-choose .tab-trig[data-v-df6a04d2] {
    visibility: visible
}

.messagedialog .conversationlist[data-v-df6a04d2] {
    background: #fbfbfc;
    height: 472px;
    overflow-y: auto;
    border-right: 1px solid #eaeaea;
    border-radius: 3.86px 0 0 3.86px
}

.messagedialog .conversationlist .conversation-body[data-v-df6a04d2] {
    height: 80px;
    padding-left: 24px;
    padding-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.messagedialog .conversationlist .conversation-body .con-body-left[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messagedialog .conversationlist .conversation-body .con-body-left .user-avatar[data-v-df6a04d2] {
    width: 48px;
    height: 48px;
    border-radius: 25px;
    -o-object-fit: cover;
    object-fit: cover
}

.messagedialog .conversationlist .conversation-body .con-body-left .badge-show-up .el-badge__content.is-fixed[data-v-df6a04d2] {
    top: -3px;
    right: unset;
    left: 25px;
    font-size: 16px;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.messagedialog .conversationlist .conversation-body .con-body-right[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 72%
}

.messagedialog .conversationlist .conversation-body .con-body-right .con-right-tips[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.messagedialog .conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 21px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.messagedialog .conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top .tips-top-name[data-v-df6a04d2] {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.messagedialog .conversationlist .conversation-body .con-body-right .con-right-tips .con-tips-top .tips-top-time[data-v-df6a04d2] {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    height: 17px;
    color: #999;
    white-space: nowrap
}

.messagedialog .conversationlist .conversation-body .con-body-right .con-right-tips .tips-top-message[data-v-df6a04d2] {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #666;
    letter-spacing: 0;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.messagedialog .conversationlist .conversation-body .conversation-body-font[data-v-df6a04d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messagedialog .conversationlist .conversation-body-selected[data-v-df6a04d2] {
    background: rgba(87, 111, 132, .2);
    border-bottom: none
}

.messagedialog .conversationlist .empty-message[data-v-df6a04d2] {
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding: 131px 0 0;
    text-align: center;
    color: #999
}

.messagedialog[data-v-df6a04d2]:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] {
    background-color: rgba(0, 0, 0, .4)
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] .delete-dialog {
    border-radius: 8px
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] .delete-dialog .dialog-title {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    padding: 63px 30px 0;
    font-weight: 700;
    text-align: center
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] .delete-dialog .close-icon {
    position: absolute;
    top: -40px;
    left: 470px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] .delete-dialog .dialog-footer {
    border-radius: 4px;
    height: 45px;
    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;
    padding: 66px 64px 52px 65px
}

.el-dialog__wrapper.delete-dialog-wrapper[data-v-df6a04d2] .delete-dialog .el-button {
    width: 330px;
    height: 45px;
    background: #005fb4;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    padding: 0
}

.el-dropdown-menu__item[data-v-3532b91b]:focus,
.el-dropdown-menu__item[data-v-3532b91b]:not(.is-disabled):hover {
    color: #333
}

h1[data-v-3532b91b] {
    display: inline-block;
    margin: 0;
    padding: 0
}

.navbar[data-v-3532b91b] {
    position: relative;
    z-index: 2001;
    min-width: 1000px;
    overflow: hidden;
    height: 60px;
    background: #01396a;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    -webkit-transition: background .2s;
    transition: background .2s
}

.navbar .homeless[data-v-3532b91b] {
    width: 1200px;
    margin: 0 auto
}

.navbar .inner[data-v-3532b91b] {
    position: relative;
    width: 960px;
    height: 60px;
    line-height: 60px
}

.navbar .logo[data-v-3532b91b] {
    text-align: left;
    font-size: 22px;
    float: left
}

.navbar .logo .homepage-quick-link[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar .logo .homepage-quick-link .split-line[data-v-3532b91b] {
    width: 1px;
    height: 12px;
    background-color: #fff;
    opacity: .5;
    margin: 0 16px;
    padding: 0
}

.navbar .logo .homepage-quick-link .news-link[data-v-3532b91b] {
    color: #fff;
    opacity: .5;
    font-size: 14px
}

.navbar .logo .english-log-icon[data-v-3532b91b] {
    width: 150px;
    vertical-align: middle
}

.navbar .logo .full-logo-icon[data-v-3532b91b] {
    width: 251px;
    display: block
}

.navbar .logo span[data-v-3532b91b] {
    background-color: #01396a;
    line-height: 36px;
    display: inline-block;
    padding-right: 33px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 30px 17px;
    color: #fff;
    vertical-align: middle
}

.navbar .tabs[data-v-3532b91b] {
    text-align: left;
    font-size: 18px;
    float: left;
    margin-left: 35px
}

.navbar .tabs .header-tabs[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navbar .tabs .header-tabs .tab-item[data-v-3532b91b] {
    padding: 0 25px;
    color: #fff;
    cursor: pointer
}

.navbar .tabs .header-tabs .tab-item:hover .header-tabs-span[data-v-3532b91b] {
    font-weight: 700
}

.navbar .tabs .header-tabs .tab-item:hover .header-tabs-span[data-v-3532b91b]:after {
    width: 100%;
    left: 50%;
    margin-left: -50%;
    opacity: 1
}

.navbar .tabs .header-tabs .active .header-tabs-span[data-v-3532b91b] {
    font-weight: 700
}

.navbar .tabs .header-tabs .active .header-tabs-span[data-v-3532b91b]:after {
    width: 100%;
    left: 50%;
    margin-left: -50%;
    opacity: 1
}

.navbar .tabs .header-tabs .header-tabs-span[data-v-3532b91b] {
    position: relative
}

.navbar .tabs .header-tabs .header-tabs-span[data-v-3532b91b]:after {
    content: "";
    display: block;
    height: 5px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 50%;
    opacity: 0
}

.navbar .search[data-v-3532b91b] {
    width: 220px;
    position: relative;
    float: right;
    -webkit-transition: width .3s;
    transition: width .3s
}

.navbar .search[data-v-3532b91b] .el-input__inner {
    height: 32px;
    border-radius: 16px;
    background: #fff;
    padding-right: 25px;
    color: #333
}

.navbar .search[data-v-3532b91b] .el-input__inner::-webkit-input-placeholder {
    color: #999
}

.navbar .search[data-v-3532b91b] .el-input__inner::-moz-placeholder {
    color: #999
}

.navbar .search[data-v-3532b91b] .el-input__inner:-ms-input-placeholder {
    color: #999
}

.navbar .search[data-v-3532b91b] .el-input__inner::-ms-input-placeholder {
    color: #999
}

.navbar .search[data-v-3532b91b] .el-input__inner::placeholder {
    color: #999
}

.navbar .search .search-inner[data-v-3532b91b] .el-input__inner {
    position: absolute;
    left: 0;
    top: 14px;
    padding-left: 24px;
    right: 0;
    border-radius: 16px;
    font-size: 15px
}

.navbar .search i[data-v-3532b91b] {
    position: absolute;
    top: 22px;
    right: 16px;
    cursor: pointer;
    opacity: 1;
    font-size: 16px;
    color: #9e9ca6;
    background: url(../../static/img/search.712da492.svg) no-repeat;
    width: 16px;
    height: 16px
}

.navbar .right-menu[data-v-3532b91b] {
    position: absolute;
    width: 240px;
    line-height: 60px;
    height: 60px;
    text-align: right;
    right: 50%;
    top: 0;
    margin-right: -600px
}

.navbar .right-menu .el-dropdown[data-v-3532b91b],
.navbar .right-menu[data-v-3532b91b] .el-popover__reference {
    float: right
}

.navbar .right-menu .system-message[data-v-3532b91b] {
    background-image: url(../../static/img/message.1f50f158.svg)
}

.navbar .right-menu .private-message[data-v-3532b91b] {
    background-image: url(../../static/img/notice.93a146f7.svg)
}

.navbar .right-menu .el-badge[data-v-3532b91b] {
    cursor: pointer;
    height: 54px;
    margin: 0 15px;
    width: 30px;
    background-repeat: no-repeat;
    background-position-y: center
}

.navbar .right-menu .el-badge[data-v-3532b91b] .el-badge__content {
    font-size: 12px;
    padding: 0 7px;
    left: 10px;
    top: 5px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    background-color: #f04040
}

.navbar .right-menu .avatar-wrapper[data-v-3532b91b] {
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer
}

.navbar .right-menu .avatar-wrapper .user-avatar[data-v-3532b91b] {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 16px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.navbar .right-menu .el-button[data-v-3532b91b] {
    font-size: 16px;
    color: #fff;
    margin: 0 15px
}

.home[data-v-3532b91b] {
    -webkit-box-shadow: 0 2px 10px 0 rgba(111, 132, 153, .2);
    box-shadow: 0 2px 10px 0 rgba(111, 132, 153, .2);
    width: 1200px;
    height: 60px;
    margin: 0 auto
}

.home .right-menu[data-v-3532b91b] {
    position: absolute;
    right: 50%;
    width: 195px;
    top: 0;
    margin-right: -600px;
    text-align: right
}

.home .inner[data-v-3532b91b] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1005px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 50%;
    margin-left: -600px
}

.home .inner .header-top[data-v-3532b91b] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home .inner .header-top .header-tabs[data-v-3532b91b],
.home .inner .header-top[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home .inner .header-top .header-tabs .tags-type-item[data-v-3532b91b] {
    padding-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px;
    margin-right: 16px
}

.home .inner .header-top .header-tabs .header-tabs-span[data-v-3532b91b] {
    font-size: 18px;
    letter-spacing: 0;
    cursor: pointer;
    color: #fff
}

.home .inner .header-top .header-tabs .header-trig[data-v-3532b91b] {
    width: 17px;
    height: 16px;
    visibility: hidden
}

.home .inner .header-top .header-tabs .tags-type-choose .header-tabs-span[data-v-3532b91b] {
    font-weight: 700
}

.home .inner .header-top .header-tabs .tags-type-choose .header-trig[data-v-3532b91b] {
    visibility: visible
}

.home .filter-inner .inner-left[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home .filter-inner .inner-left .filter-logo[data-v-3532b91b] {
    margin-right: 50px
}

.home .filter-inner .inner-left .filter-logo img[data-v-3532b91b] {
    width: 150px;
    vertical-align: middle
}

.home .filter-inner .inner-right[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.home .filter-inner .mc-full-button[data-v-3532b91b] {
    width: 86px;
    height: 36px;
    background-image: -webkit-gradient(linear, left top, right top, from(#005fb4), to(#005fb4));
    background-image: linear-gradient(90deg, #005fb4, #005fb4);
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 30px
}

.home .filter-inner .mc-full-button span[data-v-3532b91b] {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    padding-top: 8px
}

.home .filter-inner .mc-full-button span img[data-v-3532b91b] {
    margin-right: 10px;
    width: 12px;
    height: 12px
}

.home .filter-inner .search[data-v-3532b91b] {
    width: 163px;
    -webkit-transition: width .3s;
    transition: width .3s;
    line-height: 20px
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner {
    height: 32px;
    border-radius: 16px;
    background: #fff;
    padding-right: 25px;
    color: #333
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner::-webkit-input-placeholder {
    color: #999
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner::-moz-placeholder {
    color: #999
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner:-ms-input-placeholder {
    color: #999
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner::-ms-input-placeholder {
    color: #999
}

.home .filter-inner .search[data-v-3532b91b] .el-input__inner::placeholder {
    color: #999
}

.home .filter-inner .search .search-inner[data-v-3532b91b] .el-input__inner {
    position: absolute;
    left: 0;
    top: -21px;
    padding-left: 24px;
    right: 0;
    border-radius: 16px;
    font-size: 15px
}

.home .filter-inner .search i[data-v-3532b91b] {
    position: absolute;
    top: 4px;
    right: 16px;
    cursor: pointer;
    opacity: 1;
    font-size: 16px;
    color: #9e9ca6;
    background: url(../../static/img/search.712da492.svg) no-repeat;
    width: 16px;
    height: 16px
}

.mobile .navbar[data-v-3532b91b] {
    min-width: 0;
    height: 50px
}

.mobile .navbar .inner[data-v-3532b91b] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile .navbar .inner span[data-v-3532b91b] {
    line-height: 20px;
    padding-right: 0;
    color: #fff
}

.mobile .navbar .inner .header-logo[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile .navbar .inner .header-logo .homepage-quick-link[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile .navbar .inner .header-logo .homepage-quick-link .split-line[data-v-3532b91b] {
    width: 1px;
    height: 11px;
    background-color: #fff;
    opacity: .5;
    margin: 0 8px
}

.mobile .navbar .inner .header-logo .homepage-quick-link .news-link[data-v-3532b91b] {
    color: #fff;
    opacity: .5;
    font-size: 14px
}

.mobile .navbar .inner .header-right[data-v-3532b91b] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile .navbar .inner .header-right .user-avatar-wrap[data-v-3532b91b],
.mobile .navbar .inner .header-right[data-v-3532b91b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.mobile .navbar .inner .header-right .user-avatar-wrap .user-avatar[data-v-3532b91b] {
    width: 29px;
    height: 29px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mobile .navbar .inner .header-right .user-avatar-wrap .message-count[data-v-3532b91b] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -5px;
    right: unset;
    left: 16px
}

.mobile .navbar .inner .header-right .user-avatar-wrap .message-count[data-v-3532b91b] .el-badge__content {
    background-color: #f04040;
    padding: 0 6px;
    font-size: 12px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    height: 16px;
    line-height: 16px
}

.mobile .navbar .inner .header-right .nav-trigger[data-v-3532b91b] {
    margin-left: 20px;
    border: none;
    background: none;
    display: block
}

.mobile .navbar .inner .header-right .nav-trigger .icon-bar[data-v-3532b91b] {
    background-color: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-top: 6px
}

.mobile .navbar .inner .header-right .nav-trigger .icon-bar[data-v-3532b91b]:first-child {
    margin-top: 0
}

.mobile .navbar .inner .header-right .on .icon-bar[data-v-3532b91b]:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.mobile .navbar .inner .header-right .on .icon-bar[data-v-3532b91b]:nth-child(2) {
    opacity: 0;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.mobile .navbar .inner .header-right .on .icon-bar[data-v-3532b91b]:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.mobile .navbar .inner .supply-logo[data-v-3532b91b] {
    width: 120px;
    vertical-align: middle
}

.mobile .navbar .inner .mobile-full-logo[data-v-3532b91b] {
    width: 200px;
    display: block
}

.mobile .navbar .inner .mobile-search[data-v-3532b91b] {
    margin-right: 23px;
    width: 16px;
    height: 16px
}

.fade-enter[data-v-3532b91b],
.fade-leave-to[data-v-3532b91b] {
    opacity: 0
}

.fade-enter-active[data-v-3532b91b],
.fade-leave-active[data-v-3532b91b] {
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.filter-fade-enter[data-v-3532b91b],
.filter-fade-leave-to[data-v-3532b91b] {
    opacity: 0
}

.filter-fade-enter-active[data-v-3532b91b],
.filter-fade-leave-active[data-v-3532b91b] {
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

[data-v-3532b91b] .el-dialog.search-dialog {
    border-radius: 0
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__header .title {
    padding-top: 48px;
    text-align: center
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__header .logo-icon {
    width: 131.4px;
    height: 28px
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__header .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
    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
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__body .content {
    padding-bottom: 50px
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__body .content .search {
    position: relative;
    width: 289px;
    height: 40px;
    margin: 40px auto 24px
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__body .content .search .el-input input {
    background: #f2f2f2;
    border-radius: 20px;
    border: none;
    padding: 0 20px
}

[data-v-3532b91b] .el-dialog.search-dialog .el-dialog__body .content .search .search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.member-info-popup[data-v-3532b91b] {
    width: 70%;
    height: 100%
}

.member-info-popup .member-info-content[data-v-3532b91b] {
    text-align: left
}

.member-info-popup .member-info-content .member-info-header[data-v-3532b91b] {
    margin: 20px 20px 10px;
    text-align: right
}

.member-info-popup .member-info-content .member-info-header .popup-close-icon[data-v-3532b91b] {
    width: 17px;
    height: 17px
}

.member-info-popup .member-info-content .member-info-item[data-v-3532b91b] {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea
}

.member-info-popup .member-info-content .member-info-item .item-icon-info[data-v-3532b91b] {
    position: relative;
    display: inline-block
}

.member-info-popup .member-info-content .member-info-item .item-icon-info .message-count[data-v-3532b91b] {
    position: absolute;
    top: -7px;
    left: 13px
}

.member-info-popup .member-info-content .member-info-item .item-icon-info .message-count[data-v-3532b91b] .el-badge__content {
    font-size: 12px;
    padding: 0 7px;
    line-height: 16px;
    height: 16px;
    background-color: #f04040
}

.member-info-popup .member-info-content .member-info-item .item-icon[data-v-3532b91b] {
    width: 20px;
    height: 20px;
    margin-right: 24px
}

.member-info-popup .member-info-content .member-info-item .item-label[data-v-3532b91b] {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700
}

.member-info-popup .member-info-content .last-info-item[data-v-3532b91b] {
    border-bottom: none
}

.sidenav[data-v-3532b91b] {
    width: 100%;
    height: 100%;
    margin-top: 50px;
    background-color: #01396a;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.el-popover.clear-padding {
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(102, 103, 116, .3);
    box-shadow: 0 0 10px 0 rgba(102, 103, 116, .3);
    border-radius: 8px
}

.el-popover.search-popover {
    padding: 20px 24px 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(102, 103, 116, .3);
    box-shadow: 0 2px 10px 0 rgba(102, 103, 116, .3);
    z-index: 2002 !important
}

.el-dropdown-menu.menu-dropdown {
    padding: 0
}

.el-dropdown-menu__item.item-dropdown {
    padding: 0 18px;
    font-size: 16px;
    color: #333;
    line-height: 48px
}

.el-dropdown-menu__item.item-dropdown,
.el-dropdown-menu__item.item-dropdown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-dropdown-menu__item.item-dropdown img {
    margin-right: 13px
}

.app-footer[data-v-48071e98] {
    width: 100%;
    background: #fff
}

.app-footer .home-footer[data-v-48071e98] {
    width: 1170px;
    margin: 0 auto;
    margin-top: 25px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 40px
}

.app-footer .home-footer .link[data-v-48071e98] {
    width: 32%;
    position: relative;
    padding-left: 30px
}

.app-footer .home-footer .link h3[data-v-48071e98] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #262626
}

.app-footer .home-footer .link .links[data-v-48071e98] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.app-footer .home-footer .link .links a[data-v-48071e98] {
    display: block;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 14px;
    color: #262626
}

.app-footer .home-footer .link[data-v-48071e98]:after {
    position: absolute;
    content: "";
    height: 180px;
    background: #eaeaea;
    width: 2px;
    top: 0;
    right: 0
}

.app-footer .home-footer .about-link[data-v-48071e98] {
    width: 32%;
    position: relative;
    padding-left: 30px;
    margin: 0 15px
}

.app-footer .home-footer .about-link h3[data-v-48071e98] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #262626
}

.app-footer .home-footer .about-link .links[data-v-48071e98] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.app-footer .home-footer .about-link .links a[data-v-48071e98] {
    display: block;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 14px;
    color: #262626
}

.app-footer .home-footer .subscribe[data-v-48071e98] {
    width: 33%;
    position: relative;
    padding-left: 40px
}

.app-footer .home-footer .subscribe .flogo[data-v-48071e98] {
    margin-bottom: 0;
    width: 200px
}

.app-footer .home-footer .subscribe[data-v-48071e98]:after {
    position: absolute;
    content: "";
    height: 180px;
    background: #eaeaea;
    width: 2px;
    top: 0;
    left: 0
}

.app-footer .home-footer .subscribe .flex[data-v-48071e98] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.app-footer .home-footer .subscribe .flex .text h3[data-v-48071e98] {
    font-size: 16px;
    margin-bottom: 20px
}

.app-footer .home-footer .subscribe .flex .text p[data-v-48071e98] {
    font-size: 14px
}

.app-footer .home-footer .subscribe .f-qrcode[data-v-48071e98] {
    margin-left: 20px;
    padding: 0
}

.app-footer .home-footer .subscribe .f-qrcode img[data-v-48071e98] {
    max-width: 78px;
    border: 1px solid #cdd5e0;
    padding: 5px
}

.app-footer .home-footer .subscribe .img-responsive[data-v-48071e98] {
    display: block;
    max-width: 100%;
    height: auto
}

.el-main {
    padding: 0 !important
}

.vjs-mc-skin video {
    outline: none
}

.vjs-mc-skin .video-js {
    width: 100%
}

.vjs-mc-skin .video-js button {
    outline: none
}

.vjs-mc-skin .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    width: 2em;
    height: 2em;
    margin-left: -1em;
    margin-top: -1em;
    border-radius: 50%;
    background: rgba(249, 129, 55, .9);
    font-size: 3.5em;
    line-height: 2em;
    outline: none
}

.vjs-mc-skin .video-js .vjs-control {
    outline: none;
    width: 3em;
    padding: 0
}

.vjs-mc-skin .video-js .vjs-control.vjs-live-control {
    width: auto;
    padding-left: .5em;
    letter-spacing: .1em
}

.vjs-mc-skin .video-js .vjs-play-progress,
.vjs-mc-skin .video-js .vjs-volume-level {
    background-color: #f87e34
}

.vjs-mc-skin .video-js .vjs-control-bar {
    color: #fff;
    font-size: 14px
}

.vjs-mc-skin .video-js .vjs-loading-spinner {
    border-color: rgba(248, 122, 49, .8)
}

.vjs-mc-skin .video-js .vjs-big-play-button:focus,
.vjs-mc-skin .video-js:hover .vjs-big-play-button {
    background: rgba(249, 129, 55, .9)
}

.vjs-mc-skin .video-js.vjs-ended .vjs-big-play-button,
.vjs-mc-skin .video-js.vjs-paused .vjs-big-play-button {
    display: block
}

.vjs-mc-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1em;
    line-height: 3
}

.vjs-mc-skin .video-js .vjs-menu-button-inline.vjs-slider-active,
.vjs-mc-skin .video-js .vjs-menu-button-inline:focus,
.vjs-mc-skin .video-js .vjs-menu-button-inline:hover,
.vjs-mc-skin .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 10em
}

.vjs-mc-skin .video-js .vjs-menu-button-inline:before {
    width: 1.5em
}

.vjs-mc-skin .vjs-menu-button-inline .vjs-menu {
    left: 3em
}

.vjs-mc-skin .vjs-seeking .vjs-big-play-button,
.vjs-mc-skin .vjs-waiting .vjs-big-play-button {
    display: none !important
}

.vjs-mc-skin .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.3em
}

.vjs-mc-skin .video-js .vjs-menu li {
    padding: 0;
    line-height: 2em;
    font-size: 1.1em
}

.vjs-mc-skin .video-js .vjs-time-tooltip {
    border-radius: 0;
    font-size: 1em;
    padding: 0;
    width: 3em;
    height: 1.5em;
    line-height: 1.5em;
    top: -3em
}

.vjs-mc-skin .video-js .vjs-menu-button-popup .vjs-menu {
    width: 5em;
    left: -1em
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-play-control {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-volume-panel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-time-control {
    min-width: 1em;
    padding: 0;
    margin: 0 .1em;
    text-align: center;
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.vjs-mc-skin .video-js .vjs-progress-control {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-resolution-button {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-playback-rate {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.vjs-mc-skin .video-js .vjs-control-bar .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@font-face {
    font-family: mc-icons;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,IA0AAHgMAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAYOQlvgAAAAAAAAAAAAAAAAAAAAAAABAAbQBjAC0AaQBjAG8AbgBzAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAG0AYwAtAGkAYwBvAG4AcwAAAAAAAAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJAIFPTAAABjAAAAFZjbWFwiwPu7QAAAgQAAAHSZ2x5ZjTTquQAAAPsAAAGCGhlYWRoEUTOAAAA4AAAADZoaGVhDN0I+gAAALwAAAAkaG10eCVEAAAAAAHkAAAAIGxvY2EICAXmAAAD2AAAABJtYXhwASAAzAAAARgAAAAgbmFtZU4Fe/IAAAn0AAACFnBvc3S+LDzIAAAMDAAAAGsAAQAAA+gAAAAACPIAAP//CPMAAQAAAAAAAAAAAAAAAAAAAAgAAQAAAAEAAL4l5GBfDzz1AAsD6AAAAAAAAAAAAAAAAAAAAAAAAAAACPMD6QAAAAgAAgAAAAAAAAABAAAACADAAA4AAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEEqQGQAAUAAAWtArwAAACMBa0CvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoB6ggD6AAAAFoD6QAAAAAAAQAAAAAAAAAAAAAI8gAAA+gAAAhwAAAD6AAAA+gAAARCAAAD6AAAAAAABQAAAAMAAAAsAAAABAAAAWIAAQAAAAAAXAADAAEAAAAsAAMACgAAAWIABAAwAAAABAAEAAEAAOoI//8AAOoB//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAMAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAHAAAAAAAAAACAAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAAAwAAAAAAAAEQAU4BagHCAooC1gMEAAAADgAAAAAI8wPpACEARABUAGQAdACEAIgAjACQAJQAmAClALMAvwAAATIWFAYjISImNSMiJj0BNDY7AT4BMyEyFhQGIyEiBhQWMwEyHgEUDgEjITIWFAYjISImNDYzISInPgE1NCYrASImNDYzBSEyFhURFAYjISImNRE0NikBMhYVERQGIyEiJjURNDYlITIWFREUBiMhIiY1ETQ2BTMyFh0BFAYrASImPQE0NgUhFSEVMxUjFSEVIREhFSEBIREhNxQeATI+ATQuASIOATciDgEUHgEyPgE0LgEjEwcnByc3JzcXNxcHB9wbJiYb/fEbJiEoOTko9wMkGQIPGyYmG/6hFyEhF/wGL1EuLlEvAXcYIyMY+20ZIyMZAcoZGBshOChyIC4uIAG3AVMaJiYa/q0bJSUCDwFzGyYmG/6NGyUl/sgB9BsmJhv+DBomJgF9cQcJCQdxBgoK/rMBY/6d8vIBE/7tAdT+LP7uAYP+fTEpRlRGKSlGVEYpkTVZNDRZalkzM1k1YRxFRhtGRhtGRRxGAQMmNiYmGzkoOSg4GCAmNiYgLyAB0y9QX1AvIzEjIzEjBwsxHic5LkAusiUb/o0bJiYbAXMbJSUb/o0bJiYbAXMbJfIlG/17GyYmGwKFGyVACgZxBwkJB3EGCvIgwiBRIAECIAKV/n25KUcpKUdTRioqRqA0WWlZNDRZaVk0/vkbRUUbRUYbRUUbRgAAAAMAAAAAA0MDawALABUAIwAANyImNDYzITIWFAYjAycmIg8BFzc2NAcBBg8CBhY/AjY3AcMMEREMAmIMEhIMEVkIFwhZgFkI/P7YBQYELgMMCZEJCwYBKHcRGRESGBEClFgICFmAWQgXE/7YBQsKkggMAi4FBQYBKAAAAAABAAAAAAhJA8EADwAAEyEyFhURFAYjISImNRE0NngHgCEvLyH4gCEvLwPALyH9CCEvLyEC+CEvAAIAAAAAAzUDGwAgADIAAAEjJy4BPgEfARMFFx4BDgEvAS4CNjcBNh4CBwMOAScFLgEnJj0BNDcBNh4BBwEVDgECqgzeCgkGEwrRWP4GdwoJBhMLlAsOAQsKAi4JFhEIAmECFQ7+zQoEBAcGAaAKHAoK/mcBDgEkSQMTEwkDQwGF+ygDEhQJAy8EEhYTBQEVBQMNFAr+VQ0QAUMCAgMICnYJBgGQCwYbDP56bQoPAAAADgAAAAADVAM7AA8AEwAjACcAQwBEAE0ATgBXAFgAXwBwAIEAkgAAASMiBh0BFBY7ATI2PQE0JgMjNTMTIyIGHQEUFjsBMjY9ATQmAyM1MyUiBh0BIzUzMjY0JisBIgYdARQWOwEyNj0BNCYnIxQWMjY0JiIGNyMUFjI2NCYiBgcjFBY2NCYGEyEiBhQWOwEVFBYyNj0BNCYDIzU0JiIGHQEUFjMhMjY0JicyNj0BNCYiBh0BIyIGFBYzAarrEhgYEusRGRkZ29sI6xIYGBLrERkZGdvbAZQKD9scCg4OCiQSGBgS6xEZDwgcEBcQEBcQGxwQFxAQFxBTGxscHBuH/vcKDw8K8A8UDw8K8Q4UDw8KAQkKDw9vCg8PFA8kCg4OCgM4GBHsERkZEewRGP7z3P7AGBHsERkYEuwRGP7z3MoOCh3cDxQOGBHsERkZESUKDkoLEBAXEBBhCxAQFxAQCBAQECAPD/6cDhUOjAoPDwqkCw7+9pIKDg4KqwoPDxQPNg4KOQoPDwogDhUOAAAAAAEAAAAAA74DqwAyAAABIgYHJzY0JzceATMyPgE0LgEiDgEVFBcHLgEjIg4BFB4BMzI2NxcGFRQeATI+ATQuASMDIyVBFvIFB/IWQiYqRyoqR1RHKgH/FTceKkcqKkcqHzkV/QIqR1RHKipHKgGoIR16FS0XeR4iKUdURyoqRyoICYAUFilHVEcqGBZ/CwoqRyoqR1RHKQAAAgAAAAADzAPPABAAFwAAExQeATI+ATQnJicmIAcGBwYFGwEzAyMDHX7b/Nt+QD5rbv8Abms+QAFLjJJhxl7CAfd+239/2/5uaj9AQD9qbgf+2AEo/pQBbAAAAAAAABAAxgABAAAAAAABAAgAAAABAAAAAAACAAcACAABAAAAAAADAAgADwABAAAAAAAEAAgAFwABAAAAAAAFAAsAHwABAAAAAAAGAAgAKgABAAAAAAAKACsAMgABAAAAAAALABMAXQADAAEECQABABAAcAADAAEECQACAA4AgAADAAEECQADABAAjgADAAEECQAEABAAngADAAEECQAFABYArgADAAEECQAGABAAxAADAAEECQAKAFYA1AADAAEECQALACYBKm1jLWljb25zUmVndWxhcm1jLWljb25zbWMtaWNvbnNWZXJzaW9uIDEuMG1jLWljb25zR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AbQBjAC0AaQBjAG8AbgBzAFIAZQBnAHUAbABhAHIAbQBjAC0AaQBjAG8AbgBzAG0AYwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAbQBjAC0AaQBjAG8AbgBzAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAECAQMBBAEFAQYBBwEIAQkAC2RlbGV0ZWRwb3N0BGVkaXQHZXhwaXJlZAtwYXBlci1wbGFuZQZxcmNvZGUFc2hhcmUDdmlwAAAA#iefix) format("embedded-opentype"), url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(../../static/img/mc-icons.8b8a0a9e.svg#mc-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" ico"],
[class^=ico] {
    font-family: mc-icons !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

.ico-deletedpost:before {
    content: "\ea01"
}

.ico-edit:before {
    content: "\ea02"
}

.ico-expired:before {
    content: "\ea03"
}

.ico-paper-plane:before {
    content: "\ea04"
}

.ico-qrcode:before {
    content: "\ea05"
}

.ico-share:before {
    content: "\ea06"
}

.ico-vip:before {
    content: "\ea07"
}

.ico-voted:before {
    content: "\ea08"
}

.mc-normal-button,
.mc-normal-dark-button {
    width: 54px;
    height: 27px;
    font-size: 12px;
    background: #fff;
    padding: 0
}

.mc-normal-button:hover,
.mc-normal-dark-button:hover {
    color: #fff;
    border-color: #e9e9e9;
    border: none
}

.mc-normal-button:focus,
.mc-normal-dark-button:focus {
    background: #fff;
    border-color: #e9e9e9
}

.mc-normal-button span,
.mc-normal-dark-button span {
    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
}

.mc-normal-button span i,
.mc-normal-dark-button span i {
    font-size: 12px;
    margin-right: 2px
}

.mc-normal-dark-button {
    color: #fff;
    border: none
}

.mc-normal-dark-button:focus,
.mc-normal-dark-button:hover {
    color: #fff
}

.mc-full-button {
    width: 100%;
    height: 40px;
    padding: 0;
    font-size: 16px
}

.mc-full-button span {
    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
}

.mc-full-button span img {
    margin-right: 10px
}

.round {
    border-radius: 50%
}

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

.flex-align-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-img {
    max-width: 100%
}

.mc-default-tabs {
    background: #fff
}

.mc-default-tabs /deep/ .el-tabs__header {
    border: 1px solid #e9e9e9
}

.mc-default-tabs /deep/ .el-tabs__item.is-active {
    font-size: 15px;
    color: #e86f22;
    background: #f9e1d2;
    border-radius: 15px;
    height: 30px;
    line-height: 30px
}

.mc-default-tabs /deep/ .el-tabs__header {
    margin: 0;
    height: 58px;
    line-height: 58px;
    font-size: 15px;
    color: #999
}

.mc-default-tabs /deep/ .el-tabs__header .el-tabs__nav-wrap {
    padding: 0 20px
}

.mc-default-tabs /deep/ .el-tabs__header .el-tabs__nav-wrap:after {
    height: 0;
    background-color: #eaeaea
}

.mc-default-tabs /deep/ .el-tabs__header .el-tabs__active-bar.is-top {
    display: none
}

.mc-default-tabs /deep/ .el-tabs__header .el-tabs__item {
    padding: 0 10px !important;
    font-size: 15px;
    margin-right: 25px
}

.mc-default-tabs /deep/ .el-tabs__header .el-tabs__item:hover {
    color: #e86f22
}

:focus {
    outline: 0
}

.no-margin {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.van-image-preview__overlay {
    z-index: 2003 !important;
    background-color: #000 !important
}

.van-image-preview {
    z-index: 2004 !important
}

.two-lines {
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.one-line,
.two-lines {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.one-line {
    -webkit-line-clamp: 1;
    line-clamp: 1
}

html {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom
}

.pagination-container {
    background-color: #f6f6f6;
    padding-top: 18px
}

.pagination-container .el-pagination .btn-next,
.pagination-container .el-pagination .btn-prev,
.pagination-container .el-pagination .btn-quicknext,
.pagination-container .el-pagination .btn-quickprev,
.pagination-container .el-pagination .number {
    margin: 0 8px !important;
    min-width: 36px !important;
    font-size: 15px;
    height: 34px;
    line-height: 36px;
    background-color: #fff !important;
    color: #01396a !important
}

.pagination-container .el-pagination .btn-next:hover,
.pagination-container .el-pagination .btn-prev:hover,
.pagination-container .el-pagination .btn-quicknext:hover,
.pagination-container .el-pagination .btn-quickprev:hover,
.pagination-container .el-pagination .number:hover {
    background-color: #01396a !important;
    color: #fff !important
}

.pagination-container .el-pagination .el-pagination__jump {
    font-size: 15px;
    height: 34px;
    line-height: 36px
}

.pagination-container .el-pagination .el-pagination__jump .el-input__inner {
    border-color: #01396a;
    height: 26px
}

.pagination-container .el-pagination li:not(.disabled).active,
.pagination-container .el-pagination li:not(.disabled):hover {
    background-color: #01396a !important;
    color: #fff !important
}

.pagination-container-disabled .el-pagination .btn-next,
.pagination-container-disabled .el-pagination .btn-prev,
.pagination-container-disabled .el-pagination li:not(.disabled) {
    background-color: #e0e0e0 !important;
    color: #999 !important;
    cursor: not-allowed
}

.pagination-container-disabled .el-pagination .btn-next:hover,
.pagination-container-disabled .el-pagination .btn-prev:hover,
.pagination-container-disabled .el-pagination li:not(.disabled):hover {
    background-color: #e0e0e0 !important;
    color: #999 !important
}

.pagination-container-disabled .el-pagination .number:nth-child(-n+2) {
    background-color: #fff !important;
    color: #01396a !important;
    cursor: pointer
}

.pagination-container-disabled .el-pagination .number:nth-child(-n+2):hover {
    background-color: #01396a !important;
    color: #fff !important
}

.no-scroll {
    overflow: hidden
}

.none {
    display: none
}

.circle-common-wrap .circle-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
    background: #fff
}

.circle-common-wrap .circle-member .member-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    cursor: pointer
}

.circle-common-wrap .circle-member .member-contain .member-contain-left {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.circle-common-wrap .circle-member .member-contain .member-contain-left .member-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50px
}

.circle-common-wrap .circle-member .member-contain .member-contain-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-name {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    height: 24px;
    line-height: 24px
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-name.with-operation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-desc {
    font-size: 15px;
    color: #666;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-desc span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.circle-common-wrap .circle-member .member-contain .member-contain-right .mem-info .mem-post {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    margin-right: 17px
}

.circle-common-wrap .circle-member .member-contain .member-operation {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #e86f22
}

.circle-common-wrap .circle-member .member-contain .member-operation div+div {
    margin-left: 10px
}

.circle-common-wrap .circle-notice-more {
    padding: 0 40px;
    background: #fff
}

.circle-common-wrap .circle-notice-more,
.circle-common-wrap .circle-notice-more .notice-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.circle-common-wrap .circle-notice-more .notice-contain {
    text-align: left;
    padding: 16px 0;
    border-bottom: 1px solid #eaeaea
}

.circle-common-wrap .circle-notice-more .notice-contain .notice-time {
    font-size: 12px;
    color: #999;
    letter-spacing: 0
}

.circle-common-wrap .circle-notice-more .notice-contain .notice-content {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 5px;
    word-break: break-all
}

.circle-common-wrap .circle-grey-header {
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    background: #f6f6f6
}

.circle-common-wrap .circle-grey-header .el-button {
    font-size: 14px;
    padding: 0 5px
}

.circle-common-wrap .mc-normal-button:hover {
    background-color: transparent;
    color: #e27b48;
    border: 1px solid #e27b48
}

.circle-common-wrap .no-data {
    color: #e27b48;
    margin: 60px auto
}

body {
    overflow-y: scroll;
    overflow-x: auto
}

body /deep/ .el-backtop {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 8px
}

body .el-dialog__body,
body .el-dialog__footer,
body .el-dialog__header {
    padding: 0
}

.dialog-parent-hidden {
    height: 100vh;
    overflow: hidden
}

a {
    color: #333;
    text-decoration: none
}

.mc-main-header {
    position: fixed;
    z-index: 2002;
    width: 100%
}

.el-header,
.el-main,
.mc-main-content.el-main,
.mc-main-header.el-header {
    padding: 0
}

.el-footer {
    padding: 0 !important
}

.el-footer .footer {
    height: 100%;
    width: 100%;
    background: #01396a
}

.el-footer .footer .copyright {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
    text-align: left
}

.el-footer .footer .copyright a {
    color: #fff
}

.el-popover {
    min-width: unset
}

.el-popup-parent--hidden .el-header.mc-main-header,
.el-popup-parent--hidden .el-main.mc-main-content {
    padding-right: 17px
}

.el-popup-parent--hidden .mobile .el-header.mc-main-header,
.el-popup-parent--hidden .mobile .el-main.mc-main-content {
    padding-right: 0
}

.top-icon {
    width: 32px;
    height: 32px;
    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
}

.el-main.mc-main-content {
    position: relative;
    margin-top: 60px;
    overflow: hidden
}

.mobile .el-main.mc-main-content {
    width: 100% !important;
    margin-bottom: 0;
    margin-top: 50px
}

.mobile .el-main.mc-main-content .publish-post {
    position: fixed;
    bottom: 22px;
    right: 22px;
    z-index: 2002;
    background: #fff;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    overflow: hidden;
    width: 64px;
    height: 64px;
    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;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mobile .el-main.mc-main-content .publish-post .post-icon {
    position: absolute;
    bottom: 14px;
    width: 56px;
    height: 56px
}

.mobile .el-main.mc-main-content .publish-post span {
    position: absolute;
    left: 18px;
    bottom: 6px;
    font-size: 14px;
    color: #005fb4
}

.mobile .el-main.mc-main-content.no-header {
    margin-top: 0
}

.mobile .el-container.outside {
    min-width: 0;
    overflow-x: visible
}

.el-container.outside {
    min-width: 980px;
    overflow-x: auto
}

.el-message.message-mobile {
    padding: 14px 20px;
    min-width: 248px;
    max-width: 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-message.message-mobile .el-message__content {
    font-size: 16px;
    line-height: 24px;
    white-space: pre-line;
    text-align: center
}

@media screen and (max-width:767px) {
    .el-popup-parent--hidden .el-header.mc-main-header,
    .el-popup-parent--hidden .el-main.mc-main-content {
        padding-right: 0
    }
}

.advertisements {
    margin-bottom: 20px
}

.advertisements .swiper-container {
    width: 100%;
    height: 445px
}

.advertisements .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.advertisements .swiper-container .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.advertisements .swiper-container .swiper-wrapper .swiper-slide a span {
    position: absolute;
    left: 20px;
    bottom: 42px;
    color: #fff;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    z-index: 1
}

.advertisements .swiper-container .swiper-wrapper .swiper-slide a:after {
    content: "";
    width: 100%;
    height: 120px;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .65)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .65));
    position: absolute
}

.advertisements .swiper-container .swiper-pagination {
    text-align: left
}

.advertisements .swiper-container .swiper-pagination-bullets {
    bottom: 20px;
    left: 20px;
    height: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.advertisements .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    background: hsla(0, 0%, 100%, .4);
    border-radius: 0;
    opacity: 1;
    cursor: pointer
}

.advertisements .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #01396a;
    opacity: 1
}

.advertisements .swiper-container .iconfont {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    margin-top: -25px;
    z-index: 99;
    display: none
}

.advertisements .swiper-container .icon-youjiantou {
    right: 0;
    opacity: .4;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #000;
    width: 40px;
    height: 40px;
    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
}

.advertisements .swiper-container .icon-youjiantou i {
    font-size: 20px;
    font-weight: 700
}

.advertisements .swiper-container .icon-youjiantou:hover {
    background: #01396a;
    opacity: 1
}

.advertisements .swiper-container .icon-zuojiantou {
    left: 0;
    opacity: .4;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #000;
    width: 40px;
    height: 40px;
    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
}

.advertisements .swiper-container .icon-zuojiantou i {
    font-size: 20px;
    font-weight: 700
}

.advertisements .swiper-container .icon-zuojiantou:hover {
    background: #01396a;
    opacity: 1
}

.mobile .advertisements {
    margin-bottom: .2rem
}

.mobile .advertisements .swiper-container {
    height: 52.4vw
}

.mobile .advertisements .swiper-container .swiper-wrapper .swiper-slide a span {
    font-size: 18px;
    line-height: 26px;
    bottom: .6rem;
    left: .3rem;
    right: .3rem
}

.mobile .advertisements .swiper-container .swiper-wrapper .swiper-slide a:after {
    height: 100px
}

.mobile .advertisements .swiper-container .swiper-pagination-bullets {
    bottom: .3rem;
    left: .3rem
}

.mobile .advertisements .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: .4rem;
    height: .06rem
}

.mobile .advertisements .swiper-container .iconfont {
    display: none
}

.ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis2 {
    -webkit-line-clamp: 2
}

.ellipsis2,
.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.ellipsis3 {
    -webkit-line-clamp: 3
}

.mobile .page-main {
    margin-top: .3rem
}

.close-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body {
    -webkit-text-size-adjust: none
}

body p {
    max-height: 100%
}

.article-content table,
.post-content table {
    word-break: break-word
}

.article-content table td,
.article-content table th,
.post-content table td,
.post-content table th {
    border: 1px solid #ccc
}

.article-content table .table-dark-row,
.post-content table .table-dark-row {
    background-color: #02396b;
    color: #fff
}

.article-content table .table-light-row,
.post-content table .table-light-row {
    background-color: #e8edf5;
    color: #333
}

.article-content table .table-light-white-row,
.post-content table .table-light-white-row {
    background-color: #b890cc;
    color: #fff
}

.article-content ul,
.post-content ul {
    list-style-type: disc;
    padding-left: 1em
}

.article-content ol,
.post-content ol {
    list-style-type: decimal;
    padding-left: 2em
}

.article-content img,
.post-content img {
    max-width: 100%;
    height: auto
}

.article-content a,
.post-content a {
    color: #105b89;
    text-decoration: underline
}

.article-content .mc-file,
.post-content .mc-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    padding: 3px;
    line-height: 20px;
    text-decoration: none;
    color: #01396a
}

.article-content .mc-file .mc-file-icon,
.post-content .mc-file .mc-file-icon {
    background: url(../../static/img/file.3c7ee687.svg) no-repeat 50%;
    background-size: 80%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.article-content {
    line-height: 1.7
}

.article-content table {
    word-break: break-word
}

.article-content .img-text {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: .2rem;
    margin-bottom: .3rem
}

.article-content figure {
    display: table;
    margin: 0 auto;
    text-align: center
}

.article-content figure figcaption {
    color: #7f7f7f;
    display: block;
    text-align: center
}

.article-content h2 {
    color: #01396a;
    font-size: 20px
}

.article-content h3 {
    color: #01396a;
    font-size: 18px
}

.article-content h5 {
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0
}

.article-content p {
    margin: 0
}

.mobile .article-content img {
    max-width: 100% !important;
    height: auto !important
}

.mobile .article-content .img-text {
    font-size: 12px
}

.mobile .article-content h2 {
    font-size: 18px
}

.mobile .article-content h3 {
    font-size: 17px
}