/* .container {padding: 10px 0;} */
.hairline-surround::after {top: 0;right: 0;bottom: 0;left: 0;transform: scale(1);}


.aside {width: 200px;background-color: #fff;border-radius: 5px;padding: 10px;margin-right: 15px;}
.aside-group {padding-top: 24px;}
.aside-group .title {font-size: 16px;font-weight: bold;line-height: 24px;margin-bottom: 8px;}
.aside-group .link {display: block;padding: 4px 16px;color: rgba(0, 0, 0, 0.6);font-size: 14px;transition: 0.5s;cursor: pointer;}
.aside-group .link:hover {color: var(--color-theme);}
.aside .add .add-btn {display: block;border-radius: 5px;color: #fff;font-size: 14px;padding: 10px 8px;position: relative;}
.aside .add .add-btn::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat calc(100% - 10px) center;pointer-events: none;}
.aside .add .add-btn .sub {font-size: 12px;line-height: 18px;}
.aside .add .add-btn:nth-child(1) {background: linear-gradient(225.09deg, #ffaa4f 0%, #ffa84d 1%, #f59149 100%);margin-bottom: 5px;}
.aside .add .add-btn:nth-child(1)::after {background-image: url("../images/back_img_2.png");background-size: 50px;}
.aside .add .add-btn:nth-child(2) {background: linear-gradient(135.64deg, #4d95ff 0.28%, #9fc0f5 100%);}
.aside .add .add-btn:nth-child(2)::after {background-image: url("../images/back_img_3.png");background-size: 38px;}

.popup-bottom {left: 50%;top: 50%;bottom: auto;transform: translate(-50%, -50%);border-radius: 10px;}


.button {display: inline-block;vertical-align: top;width: auto;height: 36px;line-height: 36px;padding: 0 20px;border-radius: 4px;font-size: 14px;}
.button-wrap {padding: 20px 20px 40px;}
.user-article {padding: 0 20px 40px;}
.user-article::after {content: "";display: table;clear: both;}
.article-item-header {padding: 8px 0;}
.article-item {float: left;width: calc(50% - 5px);border: 1px solid rgba(0, 0, 0, 0.1);}
.article-item:nth-child(odd) {margin-right: 10px;}
.article-item .taglist .tag {line-height: 18px;font-size: 12px;}
.article-item .action-btn {line-height: 28px;width: 60px;font-size: 14px;}

.album-list-wrap {padding: 20px;overflow: hidden;}
.album-item {float: left;width: calc(50% - 5px);border: 1px solid rgba(0, 0, 0, 0.1);}
.album-item:nth-child(odd) {margin-right: 10px;}


/* 头部 */
.main-header {display: block !important;height: 60px;}
.main-header .header-inner {position: fixed;top: 0;right: 0;left: 0;background-color: #fff;box-shadow: 0 2px 8px #f2f3f5;height: 60px;}
.main-header .aio-layout {height: 100%;display: flex;}
.main-header .left-navbar {flex: 1;}
.main-header .left-navbar,
.main-header .right-navbar {height: 100%;display: flex;align-items: center;}
.main-header .nav-item {cursor: pointer;}
.main-header .notification {padding: 0 24px 0 12px;}
.main-header .notification a::after {content: "";display: block;width: 20px;height: 20px;background: url("../images/icons/message.png") no-repeat;background-size: contain;}
.main-header .avatar-wrap {display: flex;align-items: center;}
.main-header .avatar-wrap .avatar {width: 36px;height: 36px;border-radius: 100%;object-fit: cover;}
.main-header .avatar-wrap .name {margin-left: 10px;}


.view-main {background-color: #fff;border-radius: 5px;}
.view-main.nobgc {background: none;}
.view-main h1 {display: block !important;font-size: 18px;font-weight: bold;line-height: 50px;padding: 0 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px 5px 0 0;background-color: #fff;}

/* 个人中心 */
.user-view {padding: 0;background: none;position: relative;}
.user-top {padding: 30px;background: url(../images/back_img.jpg) no-repeat center -30px;background-size: 100%;border-radius: 5px;}
.user-top .avatarimg {width: 75px;height: 75px;}
.user-top .info-text .name {font-size: 18px;margin-bottom: 10px;}
.user-top .action a {line-height: 24px;font-size: 12px;padding: 0 10px;}
.user-count {position: absolute;right: 30px;top: 40px;background: none;margin-bottom: 0;}
.user-income::after {display: none;}
.user-income .income {font-size: 14px;margin-right: 10px;}
.user-income .income-value {font-size: 30px;line-height: 1;}
.user-income .income-value::before {font-size: 16px;line-height: 22px;}
.user-content {background-color: #fff;border-radius: 5px;overflow: hidden;}
.user-cell .block {padding: 0 20px;}
.user-cell .block:not(:last-child)::after {left: 20px;right: 20px;}

.user-view .tabs-wrap {background-color: #fff;padding: 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 0;}
.user-view .tabs-wrap .a0item {flex: none;padding: 0 10px;line-height: 40px;}

/* 管理中心 */
.list-rows .list-title {font-size: 16px;padding: 20px 20px 0;}
.list-rows .row-item {padding: 10px 20px;}
.list-rows .row-item::after {transform: scale(1);left: 20px;right: 20px;}
.list-rows .row-item:last-child::after {display: block;}
.list-rows .row-item .uploader {width: 50px;height: 50px;}
.uploader:hover .uploader-text {visibility: visible;}

/* 银行卡信息 */
.bank-card-info {padding: 20px 20px 40px;overflow: hidden;}
.bank-card-info .btn {display: inline-block;vertical-align: top;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);color: #fff;font-size: 14px;width: auto;height: 36px;line-height: 36px;padding: 0 20px;border-radius: 4px;}
.bank-card-info .btn::after {display: none;}
.bank-card-info .bank-card {float: left;width: 350px;}
.bank-card-info .tips {float: left;width: calc(100% - 350px);padding-left: 20px;}
.bank-card-info .tips dt {font-size: 18px;}


/* 收入明细 */
.income-details {padding: 20px 20px 40px;}
.income-top .info {padding: 20px 40px 0px;}
.income-top .count-title {font-size: 14px;line-height: 20px;}
.income-top .count-num {font-size: 30px;}
.income-header {padding: 24px 0 6px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.income-header .title {font-size: 14px;}
.income-header .title span {font-size: 14px;font-weight: 500;}
.income-header .selectbtn {font-size: 14px;}
/* 我的钱包 */
.wallet-view {padding-bottom: 40px;}
.wallet-view .income-top {margin: 20px;}
.wallet-tips h2 {font-size: 18px;}

/* 联系客服海报 */
.wechat-view {max-width: 750px;margin: 0 auto;}
.wechat-view .main {height: auto;margin: 0 auto;overflow: hidden;}
.wechat-content {margin: 100px auto 50px;max-width: 320px;}


/* 推广素材 */
.share-code {padding: 20px 20px 40px;}
.share-code .poster-wrap {max-width: 400px;margin: 0 auto;}
.share-code .btn-groups {position: static;}


/* 发布文章/发布专辑 */
.form-wrap {padding: 0;}
.form-wrap .box {padding: 0 20px;margin-bottom: 0;}
.form-wrap .textarea {background-color: #f0f0f0;border-radius: 4px;padding: 6px 10px;}
.form-wrap .input {background-color: #f0f0f0;border-radius: 4px;padding: 6px 10px;}
.form-wrap .form-item-title .title {font-size: 17px;}
.form-wrap .form-item-label {margin-top: 0;}
.form-wrap .block {min-height: 48px;}
.form-wrap .block-title {font-size: 15px;}
.form-wrap .form-item:not(:last-child)::after {display: none;}
.form-wrap .form-item-title {padding-bottom: 0;}
.form-wrap .form-item-content {padding: 5px 0;}
.form-wrap .word-limit {position: absolute;right: 10px;bottom: 5px;line-height: 24px;}
.fix-price {max-width: 450px;}
.fix-price .select .a0item::after {transform: scale(1);left: 0;top: 0;right: 0;bottom: 0;}


/* 更新文章 */
.update-plan {padding: 0;max-width: 500px;}
.update-plan .content {padding: 20px;}
.update-plan .content .input,
.update-plan .content .textarea {background-color: #f0f0f0;border-radius: 4px;padding: 6px 10px;}

/* 文章详情 */
.plan-details {min-height: auto;padding: 20px 20px 40px;background: transparent;}
.plan-details .btn-group {margin-top: 80px;}
.plan-details .article-wrap {margin-bottom: 20px;}
.plan-details .article-wrap .content {line-height: 24px;}
.plan-details .article-update {max-width: 50%;}
.plan-details .article-top h2 {font-size: 24px;font-weight: 500;line-height: 1.5;text-align: center;}
.plan-details .article-top .info {line-height: 20px;justify-content: center;margin: 5px 0;}
.plan-details .article-top .info .status {font-size: 12px;line-height: 20px;color: #e63e3e;background: none;padding: 0;}
.plan-details .article-top .info .time-add {flex: none;margin-right: 10px;}
.plan-details .article-top .intro {font-size: 16px;text-align: center;line-height: 24px;padding: 0 70px;}
.material {max-width: 350px;}

/* 专辑详情 */
.album-details {padding: 0;}
.album-details .info-content {padding: 20px;border-radius: 0 0 5px 5px;margin-bottom: 10px;}
.album-details .info-top {display: flex;align-items: center;border: 1px dashed rgba(0, 0, 0, 0.3);border-radius: 5px;padding: 20px;}
.album-details .info-card {background: none;padding: 0;margin-right: 10px;}
.album-details .info-card .avatarimg {width: 70px;height: 70px;}
.album-details .info-data {flex: 1;padding: 0;}
.album-details .info-data::after {display: none;}
.album-details .info-intro {padding: 20px 0 0;}
.album-details .info-intro .title {font-size: 18px;line-height: 30px;margin-bottom: 5px;}
.album-details .info-intro .content {font-size: 14px;line-height: 20px;}
.album-details .tabs-wrap {background-color: #fff;border-radius: 5px 5px 0 0;padding: 0 10px;justify-content: flex-start;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.album-details .tabs-wrap .a0item {cursor: pointer;padding: 10px;}
.album-details .submit-bar-content {position: static;border-radius: 0 0 5px 5px;}
.album-details .tabs-content .tab-panel {background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0 20px 40px;}
.album-material {margin-top: 20px;}
.album-details .material-image {margin: 0 auto;}
.album-details .list-header {height: 40px;padding: 0;border-radius: 0;}
.album-details .list-header .checkbox-btn {font-size: 12px;line-height: 24px;padding: 0 10px;}
.user-item {padding: 10px 0;}
.user-item:not(:last-child)::after {transform: scale(1);top: 0;bottom: 0;left: 0;right: 0;}
.user-item .other {font-size: 14px;}
.user-item .other .num {font-size: 20px;}
.catalog-list {overflow: hidden;}
.catalog-item {float: left;width: calc(50% - 5px);border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px;margin-bottom: 10px;}
.catalog-item:nth-child(odd) {margin-right: 10px;}
.catalog-item .item-title .title {font-size: 16px;}
.catalog-item .summary {font-size: 14px;margin: 8px 0;}
.album-material .card::after {border-radius: inherit;}


/* 登录 */
.fill-main {height: auto;display: flex;justify-content: center;background: none;padding: 50px 0;}
.auth-form {width: auto;margin: 0;background-color: #fff;border-radius: 5px;}
.auth-form .form-item-label {font-size: 14px;font-weight: bold;line-height: 20px;}
.auth-form .input-wrap {border-radius: 5px;}
.auth-form .input-wrap .input-inner {height: 40px;line-height: 40px;}
.auth-form .btn {font-size: 14px;line-height: 40px;border-radius: 5px;}
.auth-form .login-bottom {text-align: center;}
.auth-header {padding: 10px 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.auth-header .title {line-height: 24px;font-size: 18px;}
.auth-body {width: 360px;padding: 20px;}


/* Picker */
.picker .picker-panel {max-width: 450px;top: 50%;left: 50%;margin-top: -121.5px;margin-left: -225px;border-radius: 10px;transform: scale(0) !important;-webkit-transform: scale(0) !important;opacity: 0;}
.picker .picker-panel .wheel-wrapper .wheel {font-size: 16px !important;}
.picker .picker-panel.show {transform: scale(1) !important;-webkit-transform: scale(1) !important;opacity: 1;}

/* 文章管理 */
.action-list .navitem {width: calc(100% / 7);}
.plan-author .list-header {font-size: 16px;}
.plan-author .list-item .right {font-size: 14px;}


/* 客户管理 */
.customer-wrapper .list-item {float: left;width: calc(50% - 5px);border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px;margin-bottom: 10px;}
.customer-wrapper .list-item:nth-child(odd) {margin-right: 10px;}
.menu .dropdown {top: 80%;bottom: auto;width: auto;position: absolute;background-color: transparent;white-space: nowrap;padding: 10px;}
.menu .dropdown-list {box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);border: 1px solid #e4e7ed;}
.menu .dropdown-list .a0item {background-color: #fff;}
.menu .dropdown-list::before {position: absolute;top: -5px;left: 39px;z-index: -1;width: 10px;height: 10px;z-index: -1;content: " ";transform: rotate(45deg);background-color: #fff;border: 1px solid #e4e7ed;border-radius: 2px;}
.menu .dropdown-list .a0item:hover {background-color: #fbf1da;}
.user-content .menu .dropdown {right: 0;left: auto;top: 100%;}
.menu .dropdown-list::before {left: 76px;}

.income-wrapper .income-list-item::after {transform: scale(1);}