:root {
    --color-text-1: #f23636;
    --color-text-2: #512c19;
    --color-text-3: #e85151;
}
.switch {position: relative;display: inline-block;vertical-align: middle;width: 44px;height: 20px;background-color: #e2e2e2;border-radius: 20px;cursor: pointer;transition: all 0.3s;font-size: 18px;}
.switch::after {content: "";position: absolute;top: 1px;left: 1px;width: 1em;height: 1em;font-size: inherit;background-color: #fff;border-radius: 100%;box-shadow: 2px 0px 2px  rgba(183, 186, 191, 0.64);transition: all 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);}
.switch[data-ai-vis] {background-color: var(--color-theme);}
.switch[data-ai-vis]::after {transform: translateX(calc(-2px + 44px - 1em));}
.notice {color: #fc7d32;font-size: 12px;line-height: 24px;padding: 0 10px;background-color: #fbf1da;}

.dialog {position: fixed;top: 45%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);width: 90%;max-width: 320px;font-size: 16px;background-color: #fff;border-radius: 16px;overflow: hidden;}
.dialog-header {color: #323232;padding-top: 26px;font-weight: bold;line-height: 24px;text-align: center;}
.dialog-content {padding: 8px 24px 26px;color: #646566;font-size: 14px;line-height: 20px;white-space: pre-wrap;text-align: center;word-wrap: break-word;}
.dialog-footer {display: flex;overflow: hidden;-webkit-user-select: none;user-select: none;}
.dialog-footer .btn {flex: 1;line-height: 48px;font-size: 16px;text-align: center;cursor: pointer;}
.dialog-footer .confirm {color: #e63e3e;}

.mb10 {margin-bottom: 10px;}
.container {display: flex;align-items: flex-start;}
.container .aio-sys-main {flex: 1;min-width: 0;}

/* 个人中心 */
.user-view {background: url("../images/back_img.jpg") no-repeat center -30px;background-size: 100%;padding: 20px 10px;}
.user-view .menu .dropdown {top: 0;}
.navigation {position: absolute;right: 0;top: 20px;padding: 0 3px;}
.navigation .nav-item {float: left;width: 30px;height: 30px;background: no-repeat center center;background-size: 16px;}
.navigation .nav-account {background-image: url("../images/icons/setting.png");}
.navigation .nav-message {background-image: url("../images/icons/message.png");}
.user-top {display: flex;align-items: center;margin-bottom: 15px;}
.user-top .avatarimg {width: 50px;height: 50px;border: 1px solid #ff8d1a;border-radius: 100%;object-fit: cover;}
.user-top .info-text {flex: 1;min-width: 0;padding: 0 6px;}
.user-top .info-text .name {font-size: 14px;line-height: 20px;margin-bottom: 3px;}
.user-top .action a {display: inline-block;vertical-align: top;background: linear-gradient(270deg, rgba(255, 115, 16, .2) 0%, rgba(255, 168, 77, .2) 99.96%, rgba(255, 170, 79, .2) 100.96%);line-height: 22px;border-radius: 22px;padding: 0 7px;color: var(--color-text-2);font-size: 11px;}
.user-top .action a::after {content: "";display: inline-block;vertical-align: 0px;width: 4px;height: 8px;background: url("../images/icons/arrow_3.png") no-repeat;background-size: contain;margin-left: 2px;}
.user-count {background-color: #ffdaa6;border-radius: 8px;overflow: hidden;margin-bottom: 5px;}
.user-income {position: relative;height: 57px;padding: 0 15px;display: flex;align-items: center;}
.user-income a {background: linear-gradient(90deg, #fceccc 0%, #ffc496 100%);box-shadow: 0px 0px 8px  #c9a26f;line-height: 34px;border-radius: 34px;color: var(--color-text-2);font-size: 14px;padding: 0 12px;}
.user-income a::after {content: "";display: inline-block;vertical-align: -4px;width: 16px;height: 16px;background: url("../images/icons/arrow_2.png") no-repeat;background-size: contain;margin-left: 2px;}
.user-income .income {flex: 1;min-width: 0;color: var(--color-text-2);font-size: 12px;}
.user-income .income-value {font-size: 24px;}
.user-income .income-value::before {content: "￥";font-size: 12px;display: inline-block;vertical-align: bottom;line-height: 16px;}
.user-income::after {content: "";width: 100%;height: 20px;background-color: #ffdaa6;position: absolute;left: 0;bottom: -10px;border-radius: 100%;}
.user-celllist {display: flex;background-color: #fff;padding-top: 10px;}
.user-celllist .item {flex: 1;text-align: center;font-size: 14px;padding: 8px 0;}
.user-celllist .item-title {color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.user-celllist .item-value {font-size: 18px;}
.user-navlist {display: flex;background-color: #fff;border-radius: 5px;}
.user-navlist .nav-item {flex: 1;text-align: center;color: rgba(0, 0, 0, 0.7);font-size: 12px;line-height: 20px;padding: 7px 0;}
.user-navlist .nav-item .nav-icon {display: block;margin: 0 auto 4px;width: 32px;height: 32px;object-fit: contain;}
.user-topic {display: flex;margin: 5px 0;}
.user-topic .topic-item {flex: 1;background-color: #fff;padding: 17px 2%;border-radius: 5px;color: #fff;position: relative;}
.user-topic .topic-item:not(:last-child) {margin-right: 5px;}
.user-topic .topic-item:nth-child(1) {background: linear-gradient(225.09deg, #ffaa4f 0%, #ffa84d 1%, #f59149 100%);}
.user-topic .topic-item:nth-child(1)::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/back_img_2.png") no-repeat calc(100% - 12px) center;background-size: 66px;pointer-events: none;}
.user-topic .topic-item:nth-child(2) {background: linear-gradient(135.64deg, #4d95ff 0.28%, #9fc0f5 100%);}
.user-topic .topic-item:nth-child(2)::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/back_img_3.png") no-repeat calc(100% - 12px) center;background-size: 48px;pointer-events: none;}
.user-topic .topic-item .title {font-size: 16px;}
.user-topic .topic-item .subtitle {font-size: 12px;margin-top: 2px;}
.user-topic .topic-item .subtitle::after {content: "";display: inline-block;vertical-align: -2px;width: 12px;height: 12px;background: url("../images/icons/arrow_5.png") no-repeat;background-size: contain;margin-left: 2px;}
.user-view .tabs-wrap {display: flex;text-align: center;margin-bottom: 10px;}
.user-view .tabs-wrap .a0item {flex: 1;position: relative;color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 30px;cursor: pointer;}
.user-view .tabs-wrap .a0item[data-ai-vis] {color: rgba(0, 0, 0, 0.8);}
.user-view .tabs-wrap .a0item[data-ai-vis]::after {content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 25px;height: 3px;background: linear-gradient(270deg, #ff7310 0%, #ffa94d 99.96%, #ffaa4f 100.96%), #ccc;border-radius: 3px;}
.user-cell {background-color: #fff;border-radius: 5px;margin-bottom: 10px;}
.user-cell .block {display: flex;align-items: center;line-height: 24px;height: 40px;padding: 0 10px;color: rgba(0, 0, 0, 0.6);font-size: 14px;position: relative;}
.user-cell .block:not(:last-child)::after {content: "";position: absolute;left: 10px;bottom: 0;right: 10px;border-bottom: 1px dashed rgba(0, 0, 0, 0.3);transform: scaleY(0.5);transform-origin: center bottom;}
.user-cell .block .cell-title {flex: 1;}
.user-cell .block .cell-title em {color: var(--color-theme);margin: 0 2px;}
.user-cell .block .cell-value {text-align: right;}
.user-cell .block .more {color: var(--color-theme);}
.user-cell .block .more::after {content: "";display: inline-block;vertical-align: top;width: 6px;height: 24px;background: url("../images/icons/arrow_4.png") no-repeat center center;background-size: contain;margin-left: 4px;}

.user-view .user-content .tab-pane {display: none;}
.user-view .user-content .tab-pane.tab-active {display: block;}

/* 文章 item */
.article-item {display: block;background-color: #fff;border-radius: 5px;padding: 0 10px;margin-bottom: 10px;}
.article-item-header {display: flex;align-items: center;justify-content: space-between;position: relative;padding: 6px 0;}
.article-item-header::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px dashed rgba(0, 0, 0, 0.3);transform: scaleY(0.5);transform-origin: center bottom;}
.article-item .taglist {display: flex;}
.article-item .taglist .tag {line-height: 16px;border-radius: 2px;padding: 0 4px;color: #fff;font-size: 10px;margin-right: 5px;}
.article-item .taglist .tag-warning {background-color: var(--color-theme);}
.article-item .taglist .tag-primary {background-color: #85b1f7;}
.article-item .taglist .is-return {background-color: #f07171;}
.article-item-content {padding: 0 10px;}
.article-item .time {color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.article-item .article-title {display: flex;align-items: center;padding: 5px 0;line-height: 20px;}
.article-item .article-title .title {flex: 1;text-align: left;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-item .article-title .price {color: #000;font-size: 14px;}
.article-item .article-title .price span{color: var(--color-theme);font-size: 18px;font-weight: bold;}
.article-item .article-title .price span::before {content: "￥";display: inline-block;vertical-align: 0.1em;font-size: 12px;line-height: 100%;}
.article-item .action-box {display: flex;align-items: center;padding: 10px 0;}
.article-item .action-box .action-text {flex: 1;}
.article-item .action-text {color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.article-item .action-text.hot {color: var(--color-theme);}
.article-item .result {background-color: rgba(14, 9, 59, 0.1);width: 95px;line-height: 22px;text-align: center;color: #0e093b;font-size: 12px;border-radius: 22px;}
.article-item .result.hit {color: #e63e3e;background-color: rgba(230, 62, 62, 0.1);}
.atricle-item-btns {display: flex;}
.atricle-item-btns .btn {width: 44px;line-height: 22px;color: #fff;font-size: 12px;border-radius: 22px;text-align: center;}
.atricle-item-btns .btn:not(:last-child) {margin-right: 16px;}
.atricle-item-btns .danger {background-color: #0e093b;}
.atricle-item-btns .warning {background-color: #e63e3e;}

/* 专辑 item */
.album-item {display: block;background-color: #fff;border-radius: 5px;padding: 10px;margin-bottom: 10px;}
.album-item .top {display: flex;align-items: center;position: relative;margin-bottom: 10px;}
.album-item .top .avatarimg {width: 50px;height: 50px;border-radius: 100%;object-fit: cover;}
.album-item .top .info {flex: 1;min-width: 0;padding: 0 6px;}
.album-item .top .info .name {line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.album-item .top .info .other {overflow: hidden;color: #999;font-size: 12px;line-height: 18px;}
.album-item .top .info .other span {float: left;margin-right: 10px;}
.album-item .top .info .other span em {color: var(--color-theme);}
.album-item .top::after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url("../images/icons/arrow_1.png") no-repeat center center;background-size: 7px;width: 10px;height: 20px;}

.item-column {display: flex;background-color: #f5f5f5;border-radius: 4px;}
.item-column .col-item {flex: 1;text-align: center;color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;padding: 8px 0;}
.item-column .col-value {color: #000;font-size: 18px;line-height: 24px;}
.item-column .col-value.red {color: var(--color-text-3);}

/* 我的钱包 */
.wallet-view .income-top {margin: 10px;}
.list-cell {margin-bottom: 10px;}
.list-cell .cell-item {position: relative;display: flex;align-items: center;min-height: 50px;padding: 10px 16px;background-color: #fff;cursor: pointer;}
.list-cell .cell-item::after {content: "";position: absolute;right: 16px;bottom: 0;left: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform: scaley(.5);transform-origin: center bottom;pointer-events: none;}
.list-cell .cell-item:last-child:after {display: none;}
.list-cell .cell-item .cell-title {flex: 1;}
.list-cell .cell-item .cell-label {color: #999;font-size: 12px;line-height: 18px;margin-top: 4px;}
.list-cell .cell-item .cell-value {flex: 1;text-align: right;word-wrap: break-word;}
.list-cell .cell-item .cell-arrow {width: 10px;height: 20px;background: url("../images/icons/arrow_1.png") no-repeat center center;background-size: 6px;margin-left: 8px;}
.wallet-tips {padding: 20px;}
.wallet-tips h2 {font-size: 15px;font-weight: bold;line-height: 1.5;text-align: center;margin-bottom: 20px;}
.wallet-tips .content {font-size: 14px;}
.wallet-tips .content span {font-weight: bold;}

/* 提款 */
.drawing-view .bank-card {position: relative;display: block;background-color: #fff;padding: 25px 20px;}
.drawing-view .bank-card .card-title {font-size: 18px;}
.drawing-view .bank-card .card-sub-title {color: #999;}
.drawing-view .bank-card::after {content: "";position: absolute;right: 25px;top: 50%;transform: translateY(-50%);width: 10px;height: 20px;background: url("../images/icons/arrow_1.png") no-repeat center center;background-size: 7px;}
.drawing-view .content {background-color: #fff;padding: 22px 18px;margin-top: 10px;}
.drawing-view .content .title-block {font-size: 16px;}
.drawing-view .content .title-block .sub-title {color: #999;font-size: 13px;}
.drawing-view .content .input-block {display: flex;align-items: center;}
.drawing-view .content .input-block::before {content: "￥";font-size: 20px;margin-right: 4px;}
.drawing-view .content .input-block .input-text {flex: 1;min-width: 0;height: 50px;font-size: 34px;}
.drawing-view .btn {display: block;width: calc(100% - 44px);height: 50px;line-height: 50px;background-color: var(--color-theme);color: #fff;font-size: 18px;border-radius: 50px;margin: 15px auto 20px;}
.drawing-view .link {text-align: center;}
.drawing-view .link a {display: inline-block;color: #3f7db9;}

/* 银行卡信息 */
.bank-card-info {padding: 10px;}
.bank-card-info .bank-card {position: relative;overflow: hidden;background: linear-gradient(134.1deg, #ffdaa6 0%, #e8be84 100%);border-radius: 10px;box-shadow: 0px 4px 8px  rgba(0, 0, 0, 0.1);color: var(--color-text-2);margin-bottom: 10px;}
.bank-card-info .bank-card::before {content: "";width: 90px;height: 90px;background: url("../images/bank_card.png") no-repeat;background-size: contain;position: absolute;top: -12px;left: -7px;}
.bank-card-info .bank-card .text {padding: 15px 15px 0 68px;}
.bank-card-info .bank-card .title {font-size: 22px;line-height: 30px;}
.bank-card-info .bank-card .sub-title {font-size: 12px;line-height: 18px;}
.bank-card-info .bank-card .number {font-size:  28px;line-height: 54px;text-align: center;margin-top: 24px;word-spacing: 0.5em;}
.bank-card-info .tips dt {font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.bank-card-info .tips dd {font-size: 14px;margin-bottom: 22px;}
.bank-card-info .tips dd:last-child {margin-bottom: 0;}
.bank-card-info .btn {position: relative;display: block;width: calc(100% - 20px);height: 48px;line-height: 48px;border-radius: 48px;color: var(--color-theme);font-size: 16px;margin: 50px auto 0;text-align: center;}
.bank-card-info .btn::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid var(--color-theme);border-radius: inherit;pointer-events: none;}
.service-wrap {position: fixed;top: 50%;left: 20px;right: 20px;transform: translateY(-50%);max-width: 400px;margin: 0 auto;background-color: #fff;border-radius: 16px;color: rgba(0, 0, 0, 0.8);text-align: center;}
.service-wrap .avatarimg {width: 78px;height: 78px;border: 2px solid #fcd771;border-radius: 100%;object-fit: cover;position: absolute;top:  -39px;left: 50%;margin-left: -39px;}
.service-wrap .title {height: 120px;background: url("../images/back_img_8.png") no-repeat;background-size: cover;color: #fff;font-size: 18px;line-height: 26px;padding-top: 50px;}
.service-wrap .tips {padding:  6px 0 30px;}
.service-wrap .qrcode {width: 200px;height: 200px;margin: 20px auto;background: url("../images/qrcode_line.png") no-repeat;background-size: 100% 100%;padding: 10px;}

/* 提款记录 */
.drawing-list-view .drawing-list {margin-top: 10px;}
.drawing-item {position: relative;display: flex;align-items: center;padding: 10px;background-color: #fff;}
.drawing-item::after {content: "";position: absolute;right: 10px;bottom: 0;left: 10px;border-bottom: 1px dashed rgba(0, 0, 0, 0.1);transform: scaley(.5);transform-origin: center bottom;pointer-events: none;}
.drawing-item .icon {width: 50px;height: 50px;background: url("../images/bank_card_2.png") no-repeat;background-size: contain;}
.drawing-item .text {flex: 1;padding: 0 10px;}
.drawing-item .title,
.drawing-item .amount {line-height: 20px;}
.drawing-item .time,
.drawing-item .status {color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;margin-top: 12px;}
.drawing-item .right {text-align: right;}

/* 联系海报 */
.notice {padding: 0 20px;}
.wechat-view .main {height: calc(100vh - 41px - 24px - var(--navbar-height));background: url("../images/back_img_5.jpg") no-repeat;background-size: cover;overflow: hidden;}
.wechat-content {background-color: #fff;border-radius: 14px;width: calc(100% - 28px);max-width: 450px;padding: 48px 0;margin: 14% auto 0;text-align: center;position: relative;}
.wechat-content .avatarimg {width: 76px;height: 76px;border-radius: 100%;object-fit: cover;position: absolute;top: -38px;left: 50%;transform: translateX(-50%);}
.wechat-content .name {font-size: 16px;font-weight: bold;line-height: 24px;}
.wechat-content .qrcode img {display: block;width: 60%;max-width: 226px;margin: 20px auto;}
.wechat-content .text {font-size: 16px;}

/* 收入明细 */
.income-details {padding: 10px;}
.income-top {position: relative;background-color: #ffdaa6;border-radius: 8px;color: var(--color-text-2);overflow: hidden;}
.income-top .info {display: flex;align-items: center;padding: 10px 10px 6px;}
.income-top .count {flex: 1;min-width: 0;}
.income-top .count-title {font-size: 12px;line-height: 18px;}
.income-top .count-num {font-size: 24px;line-height: 30px;}
.income-top .income-time {background: linear-gradient(90deg, #fceccc 0%, #ffc496 100%);box-shadow: 0px 0px 8px  #c9a26f;font-size: 14px;line-height: 32px;border-radius: 32px;padding: 0 10px;cursor: pointer;}
.income-top .income-time::after {content: "";display: inline-block;border-width: 8px 6px 0 6px;border-color: var(--color-text-2) transparent transparent transparent;border-style: solid;margin-left: 2px;}
.income-top .income {display: flex;background: url("../images/back_img_4.png") no-repeat top center;background-size: 103%;padding-top: 3%;}
.income-top .income .item {flex: 1;text-align: center;padding: 18px 0;}
.income-top .income .item-title {font-size: 12px;line-height: 18px;}
.income-top .income .item-num {font-size: 18px;line-height: 24px;}
.income-top .income .item-num::before {content: attr(data-before-text);font-size: 12px;display: inline-block;vertical-align: bottom;line-height: 20px;}
.income-header {display: flex;justify-content: space-between;padding: 10px 0 4px;}
.income-header .title {font-size: 15px;font-weight: 500;}
.income-header .title span {color: rgba(0, 0, 0, 0.4);font-size: 12px;font-weight: 400;line-height: 20px;margin-left: 4px;display: inline-block;vertical-align: bottom;}
.income-header .selectbtn {font-size: 12px;cursor: pointer;}
.income-header .selectbtn::after{content: "";display: inline-block;border-width: 8px 6px 0 6px;border-color: var(--color-text-2) transparent transparent transparent;border-style: solid;margin-left: 2px;}
.income-content {background-color: #fff;border-radius: 8px;}
.income-echart {height: 200px;padding: 0 4px;}
.income-wrapper {padding: 10px;}
.income-wrapper .income-list {margin-bottom: 10px;}
.income-wrapper .income-list-title span {display: inline-block;vertical-align: middle;background-color: rgba(255, 115, 16, 0.1);line-height: 22px;padding: 0 6px;border-radius: 22px;color: var(--color-theme);font-style: 14px;}
.income-wrapper .income-list-item {position: relative;display: flex;align-items: center;padding: 10px 0;}
.income-wrapper .income-list-item::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px dashed rgba(0, 0,0, 0.1);transform: scaleY(0.5);transform-origin: center bottom;}
.income-wrapper .income-list-item .text {flex: 1;min-width: 0;}
.income-wrapper .income-list-item .title {font-size: 14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.income-wrapper .income-list-item .time {color: rgba(0, 0, 0, 0.4);font-size: 12px;line-height: 18px;}
.income-wrapper .income-list-item .number {color: var(--color-theme);font-size: 16px;}

/* 客户管理 */
.search {display: flex;align-items: center;padding: 10px 0;background-color: #fff;}
.menu {position: relative;padding: 0 10px;cursor: pointer;user-select: none;}
.menu::before {content: attr(ai-title);display: inline-block;font-size: 14px;line-height: 28px;}
.menu::after {content: "";display: inline-block;vertical-align: 1px;border-width: 8px 6px 0px 6px;border-style: solid;border-color: #4c4c4c transparent transparent transparent;margin-left: 4px;}
.menu .dropdown {position: fixed;top: 48px;left: 0;bottom: 0;width: 100%;z-index: 2000;background-color: rgba(0, 0, 0, 0.7);overflow: hidden;display: none;}
.menu .dropdown-list {background-color: #fff;animation: down 0.3s ease-out both;}
.menu .dropdown-list .a0item {position: relative;padding: 10px 25px;line-height: 20px;cursor: pointer;}
.menu .dropdown-list .a0item:not(:last-child)::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform: scaleY(0.5);transform-origin: center bottom;}
.menu[data-ai-vis]::after {transform: rotate(180deg);border-top-color: var(--color-theme);}
.menu[data-ai-vis] .menu-title {color: var(--color-theme);}
.menu[data-ai-vis] .dropdown {display: block;}
.search-content {flex: 1;min-width: 0;background-color: #ededed;border-radius: 28px;padding: 0 10px;display: flex;align-items: center;}
.search-content::after {content: "";display: block;width: 16px;height: 16px;background: url("../images/icons/search.png") no-repeat;background-size: contain;margin-left: 10px;}
.search-content .search-value {flex: 1;display: block;line-height: 28px;font-size: 13px;background-color: transparent;border: 0;resize: none;user-select: auto;}
.search-action {padding: 0 8px;color: var(--color-theme);font-size: 14px;line-height: 28px;cursor: pointer;border: 0;}
.customer-header {display: flex;align-items: center;justify-content: space-between;background-color: #fff;padding: 6px 10px;color: rgba(0, 0, 0, 0.5);margin-top: 1px;}
.customer-header em {color: var(--color-theme);}
.customer-wrapper {padding: 10px;}
.customer-wrapper .list-item {background-color: #fff;padding: 0 10px;border-radius: 5px;margin-bottom: 10px;}
.customer-wrapper .item-top {display: flex;align-items: center;padding: 10px 0;}
.customer-wrapper .item-top .avatarimg {width: 50px;height: 50px;border-radius: 100%;object-fit: cover;}
.customer-wrapper .item-top .userinfo {flex: 1;min-width: 0;padding: 0 10px;}
.customer-wrapper .item-top .username {display: flex;}
.customer-wrapper .item-top .name {line-height: 20px;}
.customer-wrapper .item-top .add-time {background: linear-gradient(146.26deg, #FFAA4F 0%, #FF7310 100%);color: #fff;font-size: 12px;height: 20px;line-height: 20px;border-radius: 20px;padding: 0 5px;margin-left: 5px;flex-shrink: 0;}
.customer-wrapper .item-top .status {color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;}
.customer-wrapper .item-top .status::before {content: "正常用户";}
.customer-wrapper .item-top .status[data-status="1"] {color: #e63e3e;}
.customer-wrapper .item-top .status[data-status="1"]::before {content: "限制购买";}
.customer-wrapper .item-top .status[data-status="2"] {color: #d4910b;}
.customer-wrapper .item-top .status[data-status="2"]::before {content: "限制推送";}
.customer-wrapper .item-top .action-btn {position: relative;height: 22px;line-height: 22px;border-radius: 22px;padding: 0 13px;color: var(--color-theme);font-size: 12px;}
.customer-wrapper .item-top .action-btn::after {content: "";position: absolute;top: -50%;bottom: -50%;left: -50%;right: -50%;border: 1px solid var(--color-theme);transform: scale(0.5);pointer-events: none;border-radius: inherit;}
.customer-wrapper .item-main {display: flex;background-color: #f5f5f5;border-radius: 4px;}
.customer-wrapper .item-main > div {flex: 1;text-align: center;padding: 10px 0;}
.customer-wrapper .item-main .value {color: var(--color-text-1);font-size: 16px;margin-top: 4px;}
.customer-wrapper .item-bottom {display: flex;align-items: center;color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;padding: 5px 0 10px;}
.customer-wrapper .item-bottom .xiaofei-time {flex: 1;}
.customer-wrapper .item-bottom .xiaofei-count em {color: var(--color-text-3);}

/* 账户管理 */
.button {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);width: 100%;height: 48px;line-height: 48px;border: 0;border-radius: 48px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);color: #fff;font-size: 18px;}
.button-wrap {padding: 18px 30px 50px;}
.list-rows .list-title {color: rgba(0, 0, 0, 0.4);font-size: 14px;padding: 10px 10px 5px;}
.list-rows .list-title em {color: #999;font-size: 12px;font-weight: 500;margin-left: 2px;}
.list-rows .row-item {position: relative;display: flex;align-items: center;background-color: #fff;padding: 5px 10px;min-height: 50px;line-height: 20px;}
.list-rows .row-item::after {content: "";position: absolute;left: 10px;bottom: 0;right: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform: scaleY(0.5);transform-origin: center bottom;}
.list-rows .row-item:last-child::after {display: none;}
.list-rows .row-item .row-title {flex: 1;color: rgba(0, 0, 0, 0.8);font-size: 14px;}
.list-rows .row-item .row-label {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;}
.list-rows .row-item .row-value {color: rgba(0, 0, 0, 0.5);font-size: 14px;text-align: right;}
.list-rows .row-item .row-arrow {width: 8px;height: 20px;background: url("../images/icons/arrow_6.png") no-repeat center center;background-size: 6px;margin-left: 10px;}
.list-rows .row-item .uploader {width: 38px;height: 38px;}

.uploader {display: inline-block;overflow: hidden;vertical-align: middle;position: relative;cursor: pointer;}
.uploader-text {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(29,33,41,.5);border-radius: inherit;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 12px;visibility: hidden;}
.uploader-input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;cursor: pointer;opacity: 0;z-index: 2;}
.uploader .avatarimg {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.uploader-upload {width: 114px;height: 114px;background: #fcfcfc url("../images/uploader.png") no-repeat center center;background-size: 60px;border-radius: 5px;}
.uploader-preview {width: 114px;height: 114px;position: relative;}
.uploader-preview .thumbnail {width: 100%;height: 100%;object-fit: cover;}
.uploader-preview .actions {position: absolute;right: 0;top: 0;}
.uploader-preview .actions .delete {display: block;width: 20px;height: 20px;background: rgba(0, 0, 0, 0.7) url("../images/icons/delete.png") no-repeat center center;background-size: 16px;}

/* 全部文章 */
.planlist-main .user-article {padding: 10px;}

/* 文章管理 */
.plan-manage .main {padding: 10px;}
.plan-manage h2 {font-size: 15px;padding: 10px 0 5px;}
.action-list {display: flex;flex-wrap: wrap;background-color: #fff;border-radius: 5px;}
.action-list .navitem {width: calc(100% / 4);text-align: center;padding: 10px 0;cursor: pointer;}
.action-list .navitem .icon {display: block;width: 30px;height: 30px;object-fit: contain;margin: 0 auto 4px;}
.action-list .navitem .nav-text {font-size: 12px;line-height: 18px;}
.plan-author .list-author {background-color: #fff;border-radius: 5px;overflow: hidden;}
.plan-author .list-item {position: relative;display: flex;align-items: center;padding: 10px;}
.plan-author .list-item::after {content: "";position: absolute;left: 10px;bottom: 0;right: 10px;border-bottom: 1px dashed rgba(0, 0, 0, 0.1);transform: scaleY(0.5);transform-origin: center bottom;}
.plan-author .list-item .avatarimg {width: 50px;height: 50px;border-radius: 100%;object-fit: cover;}
.plan-author .list-item .middle {flex: 1;min-width: 0;padding: 0 5px;}
.plan-author .list-item .right {color: rgba(0,0,0,0.6);font-size: 12px;line-height: 18px;text-align: right;}
.plan-author .list-item .time {margin-top: 14px;}
.plan-author .list-item .status span {color: var(--color-theme);}
.plan-author .list-item .status .price {color: #e63e3e;font-size: 16px;}
.plan-author .list-item .status .price::before {content: "￥";font-size: 12px;}
.plan-author .list-header {display: flex;align-items: center;background-color: #fff;border-radius: 5px;padding: 5px 10px;margin: 2px 0 10px;color: rgba(0, 0, 0, 0.5);}
.plan-author .list-header .count {flex: 1;}
.plan-author .list-header .checkbox {margin-left: 14%;display: inline-flex;align-items: center;cursor: pointer;user-select: none;}
.plan-author .list-header .checkbox::before {content: "";display: block;width: 14px;height: 14px;border: 1px solid #7f7f7f;border-radius: 3px;box-sizing: border-box;}
.plan-author .list-header .checkbox[data-ai-vis]::before {background: url("../images/icons/tick.png") no-repeat center center;background-size: 9px;}
.plan-author .list-header .checkbox-label {margin-left: 4px;}
.plan-author .list-header .amount em {color: var(--color-text-1);}
.plan-author .list-header em,
.plan-author .list-header .checkbox {color: var(--color-theme);}
.material {position: relative;border-radius: 3%;overflow: hidden;max-width: 450px;margin: 0 auto;}
.material-create {position: relative;}
.material-loading {background-color: #fff;position: absolute;left: 0;top: 0;width: 101%;height: 101%;text-align: center;z-index: 1;}
.material-loading .loading-text {position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 100%;}
.material-loading img {width: 16px;height: 16px;margin-right: 5px;}
.material-content {position: absolute;left: 0;top: 0;width: 100%;padding: 14% 12% 0 12%;}
.material-content .title {color: #52280c;font-size: 15px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.material-content .brief {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin: 6px 0 14px;}
.material-content .qrocde {width: 126px;height: 126px;margin: 0 auto;border-radius: 5px;overflow: hidden;position: relative;}
.material-bottom {position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;display: flex;align-items: center;color: #fff;font-size: 15px;font-weight: bold;}
.material-bottom .avatar {width: 50px;height: 50px;border-radius: 100%;position: relative;}
.material-bottom .avatarimg {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.material-bottom .name {flex: 1;padding: 0 5px;}
.material-bottom .price {font-size: 18px;line-height: 1.417;}
.material-bottom .price span {font-size: 24px;}
.material-link {display: block;text-align: center;margin: 10px 0;color: #e63e3e;}

/* 文章详情 */
.plan-details {min-height: calc(100vh - 48px);background: #fff;padding: 14px 10px;margin-top: 2px;}
.plan-details .btn-group {display: flex;justify-content: space-between;margin-top: 76px;}
.plan-details .btn {display: block;background: linear-gradient(135.64deg, #9fc0f5 0%, #1674ff 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);max-width: 48%;width: 100%;height: 40px;line-height: 40px;border-radius: 40px;color: #fff;font-size: 16px;text-align: center;}
.plan-details .btn:nth-child(1) {background: linear-gradient(270deg, #ff7310 0%, #ffaa4f 73.81%, #ffa84a 100%);}
.plan-details .article-top {position: relative;padding-bottom: 10px;margin-bottom: 15px;}
.plan-details .article-top::after {content: "";border-bottom: 1px dashed rgba(0, 0, 0, 0.3);transform: scaleY(0.5);transform-origin: center bottom;position: absolute;left: 0;right: 0;bottom: 0;}
.plan-details .article-top h2 {font-size: 18px;font-weight: 600;}
.plan-details .article-top .info {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;display: flex;align-items: center;margin: 5px 0 15px;}
.plan-details .article-top .info .status {background-color: #e63e3e;color: #fff;font-size: 10px;line-height: 16px;border-radius: 1px;padding: 0 4px;margin-right: 10px;}
.plan-details .article-top .info .time-add {flex: 1;}
.plan-details .article-wrap {margin-bottom: 20px;}
.plan-details .article-wrap .title {font-size: 18px;font-weight: 600;line-height: 24px;margin-bottom: 5px;}
.plan-details .article-wrap .content {white-space: pre-wrap;}
.plan-details .article-update {position: relative;background-color: #fff;border-radius: 5px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.13);padding-top: 22px;}
.plan-details .article-update::before {content: "作者更新";position: absolute;left: 0;top: 0;background: linear-gradient(270deg, #ed752b 0.42%, #ffaf28 100%), #ccc;border-radius: 5px 0 5px 0;color: #fff;font-size: 12px;padding: 0 5px;line-height: 22px;}
.plan-details .article-update.hairline-surround::after {border-color: var(--color-theme);border-style: solid;}
.plan-details .article-update .update-item {position: relative;padding: 10px;}
.plan-details .article-update .update-item:not(:last-child)::after {content: "";border: 1px dashed var(--color-theme);transform: scaleY(0.5);transform-origin: center bottom;position: absolute;left: 10px;bottom: 0;right: 10px;}
.plan-details .article-update .update-title {font-size: 14px;}
.plan-details .article-update .update-time {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;margin-top: 5px;}


/* 更新文章 */
.update-plan {padding: 5px 0;}
.update-plan .content {background-color: #fff;padding: 10px;}
.update-plan .content .input {display: block;width: 100%;line-height: 24px;}
.update-plan .content .textarea {display: block;width: 100%;height: 192px;line-height: 24px;}
.update-plan .btn {display: block;background: linear-gradient(135.64deg, #9fc0f5 0%, #1674ff 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);width: 100%;height: 40px;line-height: 40px;border-radius: 40px;color: #fff;font-size: 18px;text-align: center;margin-top: 76px;}


/* 专辑详情 */
.album-details {padding: 10px;}
.album-details .info-content {background-color: #fff;border-radius: 8px 8px 4px 4px;overflow: hidden;}
.album-details .info-card {display: flex;align-items: center;background-color: #ffdaa6;padding: 5px 12px 15px;}
.album-details .info-card .avatarimg {width: 50px;height: 50px;border-radius: 100%;object-fit: cover;border: 1px solid #fff;}
.album-details .info-card-text {flex: 1;min-width: 0;padding: 0 10px;}
.album-details .info-card .name {font-weight: bold;}
.album-details .info-card .other {overflow: hidden;color: #8c5b16;font-size: 12px;line-height: 18px;margin-top: 6px;}
.album-details .info-data {display: flex;position: relative;background: url("../images/back_img_9.png") no-repeat center top;background-size: 100%;padding: 0 10px;margin-top: -10px;}
.album-details .info-data::after {content: "";position: absolute;left: calc(-50% + 20px);right: calc(-50% + 20px);bottom: -50%;top: -50%;border-bottom: 1px dashed rgba(0, 0, 0, 0.3);transform: scale(0.5);pointer-events: none;}
.album-details .info-data .col-item {flex: 1;text-align: center;padding: 14px 0;}
.album-details .info-data .col-title {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;}
.album-details .info-data .col-value {color: #000;font-size: 18px;line-height: 24px;}
.album-details .info-data .col-value::before {content: attr(data-prefix);font-size: 11px;display: inline-block;vertical-align: bottom;line-height: 1.8;}
.album-details .info-intro {padding: 10px;}
.album-details .info-intro .title {font-size: 14px;font-weight: bold;margin-bottom: 2px;}
.album-details .info-intro .content {color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;}
.album-details .tabs-wrap {display: flex;justify-content: space-between;}
.album-details .tabs-wrap .a0item {color: rgba(0, 0, 0, 0.4);text-align: center;padding: 10px 0;user-select: none;}
.album-details .tabs-wrap .a0item[data-ai-vis] {color: rgba(0, 0, 0, 0.8);font-weight: bold;}
.album-details .tabs-content .tab-panel {overflow: hidden;display: none;}
.album-details .tabs-content .tab-panel.tab-active {display: block;}
.album-details .submit-bar::after {content: "";display: block;width: 100%;height: 72px;}
.album-details .submit-bar-content {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;display: flex;align-items: center;padding: 16px 10px;}
.album-details .submit-bar .btn {position: relative;flex: 1;height: 40px;line-height: 40px;border-radius: 40px;margin-right: 14px;font-size: 16px;text-align: center;}
.album-details .submit-bar .btn:last-child {margin-right: 0;}
.album-details .submit-bar .open {max-width: 22%;min-width: 96px;}
.album-details .submit-bar .open::before{content: "开启专辑";}
.album-details .submit-bar .open[data-onsale="true"]::before{content: "停售专辑";}
.album-details .submit-bar .open::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: inherit;pointer-events: none;box-sizing: border-box;}
.album-details .submit-bar .edit {color: #fff;background: linear-gradient(135.64deg, #9fc0f5 0%, #1674ff 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);}
.album-details .submit-bar .send {color: #fff;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);}
.album-details .list-header {display: flex;align-items: center;background-color: #fff;border-radius: 5px;height: 30px;padding: 0 10px;margin-bottom: 10px;color: rgba(0, 0, 0, 0.5);font-size: 14px;}
.album-details .list-header em {color: var(--color-theme);}
.album-details .list-header .left {flex: 1;}
.album-details .list-header .income-num em {color: #e63e3e;}
.album-details .list-header .checkbox-btn {background: linear-gradient(270deg, #FF7310 0%, #FFA94D 99.96%, #FFAA4F 100.96%);color: #fff;font-size: 10px;line-height: 20px;padding: 0 6px;border-radius: 20px;opacity: 0.5;cursor: pointer;user-select: none;}
.album-details .list-header .checkbox-btn.is-active {opacity: 1;}
.catalog-item {display: block;background-color: #fff;border-radius: 4px;padding: 10px;}
.catalog-item .item-title .title {color: #000;font-size: 14px;display: inline-block;vertical-align: top;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 60px);}
.catalog-item .item-title .classify {border-radius: 8px 12px 12px 0px;background: linear-gradient(270deg, #ff7310 0%, #ffa94d 99.96%, #ffaa4f 100.96%);color: #fff;font-size: 10px;padding: 4px 6px;vertical-align: top;margin-left: 4px;}
.catalog-item .summary {background: linear-gradient(90deg, #f5f5f5 0.42%, #f5f5f5 100%);border-radius: 2px;color: rgba(0, 0, 0, 0.5);font-size: 12px;padding: 8px 10px;margin: 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.catalog-item .time {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;}
.catalog-item:not(:last-child) {margin-bottom: 10px;}
.userlist {background-color: #fff;border-radius: 5px;}
.user-item {display: flex;align-items: center;padding: 10px;position: relative;}
.user-item .avatar {width: 50px;height: 50px;border-radius: 100%;object-fit: cover;}
.user-item .name {flex: 1;padding: 0 5px;color: #000;font-size: 14px;}
.user-item .other {color: rgba(0, 0, 0, 0.6);font-size: 12px;text-align: right;line-height: 18px;}
.user-item .other .num {color: #e63e3e;margin-bottom: 14px;}
.user-item .other .num span {font-size: 14px;}
.user-item:not(:last-child)::after {content: "";border-bottom: 1px dashed rgba(0, 0, 0, 0.3);position: absolute;top: -50%;right: calc(-50% + 20px);bottom: -50%;left: calc(-50% + 20px);transform: scale(0.5);pointer-events: none;}
/* 专辑素材 */
.album-material {margin: 0 auto;max-width: 400px;position: relative;}
.album-material .content {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;}
.album-material .card {background-color: rgba(255, 115, 16, 0.1);border-radius: 6px;padding: 12px;display: flex;align-items: center;line-height: 20px;}
.album-material .card::after {border-color: var(--color-theme);border-radius: 12px;}
.album-material .card .icon {width: 50px;height: 50px;object-fit: cover;border-radius: 100%;margin-right: 6px;}
.album-material .card .text {flex: 1;min-width: 0;}
.album-material .card h3 {color: #000;font-size: 14px;font-weight: 500;margin-bottom: 3px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.album-material .card p {color: rgba(0, 0, 0, 0.5);font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.album-material .info {color: #e63e3e;font-size: 12px;text-align: center;margin-top: 5%;}
.album-material .info span {margin: 0 5%;}
.album-material .qrcode {margin-top: 5%;}
.album-material .qrcodeUrl {display: block;width: 32%;margin: 0 auto 4px;border: 1px solid #FF6701;border-radius: 5px;}
.album-material .qrcode-text {color: rgba(0, 0, 0, 0.5);font-size: 12px;text-align: center;line-height: 18px;}
.album-material .create-loading {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 1;}
.album-material .create-loading .loading-text {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.album-material .create-loading .loading-text img {width: 40px;margin-bottom: 10px;}
/* 发布文章/发布专辑 */
.form-wrap {padding: 5px 0;user-select: none;}
.form-wrap .box {background-color: #fff;padding: 0 10px;margin-bottom: 10px;}
.form-wrap .form-item {position: relative;padding-top: 15px;}
.form-wrap .form-item:not(:last-child)::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px dashed rgba(0, 0, 0, 0.3);transform: scaleY(0.5);transform-origin: center bottom;}
.form-wrap .form-item-title {padding-bottom: 10px;}
.form-wrap .form-item-title.flex {display: flex;align-items: center;}
.form-wrap .form-item-title .title {font-size: 15px;font-weight: bold;}
.form-wrap .form-item-title .flex-left {flex: 1;min-width: 0;}
.form-wrap .form-item-title .addbtn {height: 20px;line-height: 1;border-radius: 20px;background-color: var(--color-theme);color: #fff;font-size: 12px;padding: 0 10px;}
.form-wrap .form-item-label {color: rgba(0, 0, 0, 0.4);font-size: 14px;font-weight: 400;margin-top: 5px;}
.form-wrap .form-item-content {padding-bottom: 10px;}
.form-wrap .input {display: block;width: 100%;line-height: 24px;}
.form-wrap .textarea {display: block;width: 100%;line-height: 24px;height: 72px;}
.form-wrap .word-limit {color: rgba(0, 0, 0, 0.4);font-size: 12px;line-height: 18px;text-align: right;}
.form-wrap input::-webkit-input-placeholder,
.form-wrap textarea::-webkit-input-placeholder {color: #c8c9cc}
.form-wrap input::placeholder,
.form-wrap textarea::placeholder {color: #c8c9cc}
.form-wrap input:disabled,
.form-wrap textarea:disabled {color: #c8c9cc;cursor: not-allowed;opacity: 1;-webkit-text-fill-color: #c8c9cc}
.form-wrap .block-item {background-color: #f0f0f0;border-radius: 4px;overflow: hidden;margin-bottom: 15px;}
.form-wrap .block {background-color: #f0f0f0;border-radius: 4px;padding: 0 20px 0 10px;display: flex;align-items: center;min-height: 42px;}
.form-wrap .block-title {flex: 1;min-width: 0;line-height: 18px;}
.form-wrap .block-label {color: rgba(0, 0, 0, 0.4);font-size: 12px;line-height: 18px;}
.form-wrap .block .input-number {flex: auto;line-height: 20px;}
.form-wrap .block-childen {position: relative;padding: 10px;}
.form-wrap .block-childen.flex {display: flex;align-items: center;}
.form-wrap .block-childen::after {content: "";border-top: 1px dashed rgba(0, 0, 0, 0.3);transform: scaleY(0.5);transform-origin: center top;position: absolute;left: 0;top: 0;right: 0;}
.form-wrap .block-childen .label-text {display: block;margin-bottom: 10px;}
.form-wrap .block-childen .input-text {display: block;width: 100%;line-height: 20px;}
.form-wrap .block-childen .title-text {flex: 1;color: rgba(0, 0, 0, 0.5);}
.form-wrap .block-childen .selectbtn::after {content: "";display: inline-block;vertical-align: 0;border-width: 8px 6px 0 6px;border-style: solid;border-color: #77787a transparent transparent;margin-left: 4px;}
.form-wrap .selectbtn {color: var(--color-theme);cursor: pointer;user-select: none;}
.form-wrap .frequency input {width: 40px;line-height: 22px;text-align: center;background-color: #fff;border: 1px solid #d4d4d4;border-radius: 3px;margin: 0 4px;}
.form-wrap .col-item {flex: 1;min-width: 0;display: flex;}
.form-wrap .col-item .label {margin-right: 5px;}
.form-wrap .col-item input {flex: 1;min-width: 0;}
.form-wrap .block-item .close {width: 14px;height: 20px;background: url("../images/icons/close_2.png") no-repeat center;background-size: contain;cursor: pointer;margin-left: 10px;}
.form-wrap .icon-tips {display: inline-block;vertical-align: -2px;width: 14px;height: 14px;background: url("../images/icons/tips.png") no-repeat;background-size: contain;margin-right: 2px;}
.fix-price {overflow: hidden;}
.fix-price .title {color: #000;font-size: 15px;line-height: 20px;text-align: center;padding: 15px 0;}
.fix-price .close {width: 20px;height: 20px;background: url("../images/icons/close.png") no-repeat center center;background-size: 15px;position: absolute;top: 15px;right: 16px;cursor: pointer;}
.fix-price .select {display: flex;flex-wrap: wrap;padding: 10px 10px 0 10px;}
.fix-price .select .a0item {position: relative;width: calc(100% / 4);line-height: 50px;border-radius: 5px;font-size: 18px;text-align: center;margin: 0 5px 10px 5px;cursor: pointer;}
.fix-price .select .a0item::after {content: "";position: absolute;left: -50%;top: -50%;right: -50%;bottom: -50%;border: 1px solid #ccc;border-radius: inherit;transform: scale(0.5);box-sizing: border-box;pointer-events: none;}
.fix-price .select .a0item:nth-child(5n) {margin-right: 0;}
.fix-price .select .a0item.select-active {background-color: var(--color-theme);color: #fff;}
.fix-price .select .a0item.select-active::after {display: none;}
.fix-price .buttons {display: flex;padding: 10px 30px 25px;}
.fix-price .buttons button {flex: 1;position: relative;height: 48px;line-height: 48px;border-radius: 48px;color: var(--color-theme);font-size: 16px;}
.fix-price .buttons button.cancel::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid var(--color-theme);border-radius: inherit;box-sizing: border-box;pointer-events: none;}
.fix-price .buttons button.confirm {background: linear-gradient(270deg, #ff7310 0%, #ffA84f 99%, #ffaa4f 100%);color: #fff;}
.fix-price .buttons button:not(:last-child) {margin-right: 35px;}
.template-list {padding: 15px 0;}
.template-list .a0item {width: calc(100% - 10px / 3);margin: 0 5px 5px 0;}
.template-list .a0item:nth-child(3n) {margin-right: 0;}

/* 推广素材 */
.share-code .poster-wrap {position: relative;font-weight: 500;margin-bottom: 98px;}
.share-code .poster-wrap .content {background-color: #fff;outline: 0px 4px 8px  rgba(0, 0, 0, 0.25);border-radius: 12px;padding: 35px 10px 24px;position: absolute; top: 22%;left: 8%;right: 8%;}
.share-code .poster-wrap .avatarimg {width: 60px;height: 60px;border: 1px solid #ff6800;border-radius: 100%;background: no-repeat center center;background-size: cover;position: absolute;top: -30px;left: 50%;margin-left: -30px;}
.share-code .poster-wrap .name {color: #000;font-size: 18px;font-weight: bold;text-align: center;line-height: 26px;}
.share-code .poster-wrap .intro {color: rgba(0, 0, 0, 0.6);font-size: 13px;font-weight: 400;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 5px 0;}
.share-code .poster-wrap .tooltip {background: url("../images/back_img_7.png") no-repeat;background-size: 100% 100%;padding: calc(3.5% + 8px) 14px 10px;margin: 0 20px;text-align: center;}
.share-code .poster-wrap .tooltip .text {color: #000;font-size: 15px;margin-bottom: 5px;}
.share-code .poster-wrap .tooltip .subtext {color: var(--color-theme);font-size: 12px;line-height: 18px;}
.share-code .poster-wrap .qrcode {position: relative;width: 150px;height: 150px;border-radius: 5px;margin: 20px auto 10px;}
.share-code .poster-wrap .qrcode::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 2px solid var(--color-theme);border-radius: inherit;pointer-events: none;}
.share-code .poster-wrap .qrcode img {width: 100%;}
.share-code .poster-wrap .tips {color: #000;font-size: 16px;line-height: 26px;text-align: center;}
.share-code .poster-wrap .poster-loading {display: flex;align-items: center;justify-content: center;background: #fff;font-size: 18px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.share-code .btn-groups {display: flex;justify-content: center;padding: 25px 0;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 1;}
.share-code .btn-groups .btn {width: 140px;height: 48px;line-height: 48px;border-radius: 48px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);color: #fff;font-size: 18px;text-align: center;}
.share-code .btn-groups .btn:nth-child(1) {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);margin-right: 25px;}
.share-code .btn-groups .btn:nth-child(2) {background: linear-gradient(135.64deg, #9fc0f5 0%, #1674ff 100%);}


/* 登录 */
.fill-main {overflow: hidden;height: calc(100vh - var(--navbar-height));background-color: #fff;}
.auth-form {width: calc(100% - 76px);margin: 10% auto 0;}
.auth-form .input-wrap {display: flex;align-items: center;background-color: #f5f7f7;border-radius: 44px;padding: 0 15px;}
.auth-form .input-wrap .input-inner {flex: 1;height: 44px;line-height: 44px;}
.auth-form .input-wrap .input-inner::-webkit-input-placeholder,
.auth-form .input-wrap .input-inner::placeholder {color: rgba(0, 0, 0, 0.4)}
.auth-form .input-wrap .send-code {color: var(--color-theme);font-size: 12px;margin-left: 10px;cursor: pointer;}
.auth-form .input-wrap .send-code:disabled {color: #909090;cursor: default;}
.auth-form .input-wrap .clickable {cursor: pointer;}
.auth-form .input-wrap .clickable::after {content: "";display: block;width: 22px;height: 22px;background: url("../images/icons/show_password.png") no-repeat;background-size: contain;margin-left: 10px;}
.auth-form .input-wrap .clickable.is-show::after {background-image: url("../images/icons/show_password_active.png");}
.auth-form .form-item:not(:last-child) {margin-bottom: 20px;}
.auth-form .form-item-label {display: flex;align-items: center;padding-left: 10px;color: #000;font-size: 16px;line-height: 22px;margin-bottom: 10px;}
.auth-form .form-item-content {position: relative;}
.auth-form .form-item-error {display: none;color: var(--color-text-1);font-size: 12px;text-align: right;flex: 1;}
.auth-form .form-other {display: flex;align-items: center;justify-content: space-between;line-height: 18px;margin-top: 10px;}
.auth-form .form-other a {color: var(--color-theme);font-size: 12px;}
.auth-form .btn {display: block;width: 100%;line-height: 50px;border-radius: 50px;background: linear-gradient(270deg, #ff7310 0%, #ffaa4f 73.81%, #ffa84d 100%);color: #fff;font-size: 16px;margin: 27px 0 25px;position: relative;}
.auth-form .btn::after {content: "";height: 20px;position: absolute;left: 52px;right: 52px;bottom: 0;z-index: -1;border-radius: 333px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);filter: blur(20px);}
.auth-form .btn:disabled {opacity: 0.5;cursor: default;}
.auth-form .agreement {color: rgba(0, 0, 0, 0.3);font-size: 12px;line-height: 18px;}
.auth-form .agreement a {color: var(--color-theme);}
.auth-form .back-btn {display: block;font-size: 12px;text-align: center;}
.auth-body {max-width: 360px;margin: 0 auto;}
.auth-third-wrap {margin-top: 20%;}
.auth-third-wrap .title {font-size: 15px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.auth-third-wrap .auth-list {display: flex;justify-content: center;}
.auth-third-wrap .item .icon {display: block;width: 40px;height: 40px;object-fit: contain;margin: 0 auto;}
.auth-third-wrap .item .label {font-size: 12px;line-height: 24px;}


/* Picker */
.picker .picker-panel {border-radius: 8px 8px 0 0;}
.picker .picker-panel .picker-choose .picker-title {font-size: 15px !important;font-weight: bold;}
.picker .picker-panel .picker-choose .cancel,
.picker .picker-panel .picker-choose .confirm {padding: 10px 20px !important;cursor: pointer;}
.picker .picker-panel .picker-choose .confirm {color: var(--color-theme) !important;}
.picker .picker-panel .wheel-wrapper .wheel {font-size: 14px !important;}