/* Layui 主题色覆盖 */

body .layui-elem-quote {
    border-left-color: var(--jinsom-theme-color) !important;
}

body .layui-progress-bar,
body .layui-btn-checked,
body .layui-form-checked:hover > div,
body .layui-form-checked > div,
body .layui-form-checked[lay-skin=primary] > i,
body .layui-form-onswitch,
body .layui-laydate .layui-this,
body .layui-laypage .layui-laypage-curr .layui-laypage-em,
body .layui-laydate .layui-this > div {
    background-color: var(--jinsom-theme-color) !important;
}

body .layui-input:focus,
body .layui-textarea:focus,
body .layui-form-checked,
body .layui-form-checked:hover,
body .layui-form-checked[lay-skin=primary] > i,
body .layui-form-onswitch,
body .layui-table-edit:focus {
    border-color: var(--jinsom-theme-color) !important;
}

body .layui-form-select dl dd.layui-this,
body .layui-timeline-axis,
body .layui-code-fixbar > span:hover,
body .layui-code-tools > i:hover,
body .layui-laydate-footer span:hover,
body .layui-laydate-content td > div:hover,
body .layui-laydate-list li:hover,
body .layui-laydate-shortcut > li:hover,
body .layui-laydate-footer span[lay-type=date],
body .layui-laypage a:hover,
body .layui-layer-dialog .layui-layer-content .layui-icon-success {
    color: var(--jinsom-theme-color) !important;
}

body .layui-input:focus, body  .layui-textarea:focus {
    border-color: rgba(var(--jinsom-theme-color-rgb), 0.5) !important;
    box-shadow: 0 0 0 3px rgba(var(--jinsom-theme-color-rgb), 0.05);
}

/* ————————————————弹窗类css———————————————— */

/* 全局 */
.layui-layer-page .layui-layer-btn a {
	margin-top: 0;
}

.layui-dropdown .layui-menu .layui-menu-body-title {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #333;
}

.layui-dropdown .layui-menu .layui-menu-body-title i {
	font-size: 14px;
}


/* 密码修改 */
.jinsom-popup .layui-layer-content {
	padding: 20px;
}

.jinsom-popup-form li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	position: relative;
	gap: 15px;
	justify-content: center;
}

.jinsom-popup-form li:last-of-type {
	margin: 0;
}

.jinsom-popup-form li > i {
	position: absolute;
	left: 0;
	z-index: 2;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-popup-form li .layui-input-wrap {
	flex: 1;
}

.jinsom-popup-form li input {
	padding-left: 38px;
}

.jinsom-popup-form .tips span {
	line-height: 50px;
	display: flex;
	gap: 10px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.85);
}

.jinsom-popup-form .tips span i {
	color: #ff5722;
	font-size: 32px;
}

/* 登录注册弹窗 */
.jinsom-login-reg-popup {
	border-radius: 5px;
}

.jinsom-login-reg-popup .jinsom-more-loading {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
}

.jinsom-login-reg-popup .layui-layer-content {
	display: grid;
	grid-template-rows: 1fr 40px;
	overflow: hidden;
}

.jinsom-login-reg-popup .layui-carousel {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 50%;
	transition: 0.5s;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
}

.jinsom-login-reg-popup.login .layui-carousel {
	border-radius: 5px 0 0 5px;
	left: 0;
}

.jinsom-login-reg-popup .layui-carousel .layui-carousel-ind ul li {
	width: 25px;
	border-radius: 5px;
	height: 5px;
}

.jinsom-login-reg-popup .bar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.jinsom-login-reg-popup .bar .left {
	display: flex;
	gap: 5px;
	padding: 0 15px;
}

.jinsom-login-reg-popup .bar .right {
	display: grid;
	grid-template-columns: auto 1fr auto;
	text-align: right;
	padding: 0 15px;
}

.jinsom-login-reg-popup .bar m {
	cursor: pointer;
	color: var(--jinsom-theme-color);
}

.jinsom-login-reg-popup .bar n {
	cursor: pointer;
	color: var(--jinsom-theme-color);
}

.jinsom-login-reg-popup .content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
}

.jinsom-login-reg-popup .content > div {
	position: relative;
	overflow: hidden;
	opacity: 1;
	transition: 0.5s;
	margin: 0;
}

.jinsom-login-reg-popup.login .content-left {
	opacity: 0;
}

.jinsom-login-reg-popup.reg .content-right {
	opacity: 0;
}

.jinsom-login-reg-popup .content > div .layui-tabs-header {
	height: 70px;
	align-items: flex-end;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.jinsom-login-reg-popup .content > div .layui-tabs-header li {
	padding: 0 5px;
}

.jinsom-login-reg-popup .content > div .layui-tabs-header li:after {
	border: 0;
	width: 20px;
	height: 3px;
	top: unset;
	bottom: 0;
	background: var(--jinsom-theme-color);
	margin: auto;
	left: calc(50% - 10px);
	border-radius: 3px;
}

.jinsom-login-reg-popup .content > div .layui-tabs-header .layui-tab-bar {
	display: none;
}

.jinsom-login-reg-popup .content .social {
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	text-align: center;
}

.jinsom-login-reg-popup .content .social .title {
	display: flex;
	align-items: center;
	height: 25px;
}

.jinsom-login-reg-popup .content .social .title i {
	flex: 1;
	height: 1px;
	background-image: linear-gradient(90deg,
			hsl(0deg 0% 100% / 0%) 20%,
			#888 100%);
	margin: 0 10px;
}

.jinsom-login-reg-popup .content .social .title i:last-of-type {
	background-image: linear-gradient(90deg, #888 0%, hsl(0deg 0% 100% / 0%) 80%);
}

.jinsom-login-reg-popup .content .social .list {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 65px;
}

.jinsom-login-reg-popup .content .social .list a {
	width: 50px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-login-reg-popup .content .social .list a i {
	font-size: 35px;
}

.jinsom-login-reg-popup .content .social .list .phone {
	color: #107cd2;
}

.jinsom-login-reg-popup .content .social .list .qq {
	color: #4487c6;
}

.jinsom-login-reg-popup .content .social .list .jinsom-gugezhanghao {
	color: #009688;
}

.jinsom-login-reg-popup .content .social .list .weibo {
	color: #e12328;
}

.jinsom-login-reg-popup .content .social .list .wechat_code,
.jinsom-login-reg-popup .content .social .list .wechat_pc {
	color: #25b415;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body {
	position: relative;
	overflow: hidden;
	padding: 15px;
	display: flex;
	justify-content: center;
	height: calc(100% - 190px);
	align-items: center;
}

.jinsom-login-reg-popup .content .jinsom-reg-tab .layui-tabs-body {
	height: calc(100% - 100px);
}

.jinsom-login-reg-popup .app-login.success:after {
	content: "扫码成功";
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 40px;
	width: 200px;
	height: 200px;
	line-height: 230px;
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	background-color: rgb(0 0 0 / 60%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 4px;
}

.jinsom-login-reg-popup .app-login.success:before {
	content: "\e64f";
	color: #1be23d;
	margin: 0 40px;
	line-height: 160px;
	display: flex;
	justify-content: center;
	width: 200px;
	height: 200px;
	font-family: "jinsom-icon" !important;
	font-size: 25px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.jinsom-login-reg-popup .app-login.expired:after,
.jinsom-login-reg-popup .app-login.expired:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto 20px;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	color: rgb(255 255 255 / 60%);
}

.jinsom-login-reg-popup .app-login.expired:after {
	content: "二维码已过期";
	line-height: 230px;
	font-size: 14px;
	background-color: rgb(0 0 0 / 60%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 4px;
}

.jinsom-login-reg-popup .app-login.expired:before {
	content: "\e6d8";
	line-height: 160px;
	font-family: "jinsom-icon" !important;
	font-size: 25px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 1;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form {
	position: relative;
	overflow: hidden;
	width: 300px;
	text-align: center;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form li.sms {
	text-align: left;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form li:not(.login-btn-wrap, .reg-btn-wrap, .doc) {
	margin-bottom: 15px;
	position: relative;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form li.flex {
	display: flex;
	gap: 15px;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form li .layui-input-prefix {
	z-index: 1;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form .jinsom-login-app-qrcode {
	width: 200px;
	height: 200px;
	position: absolute;
	margin: 0 auto 20px;
	background-color: #f1f1f1;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form canvas {
	width: 200px;
	height: 200px;
	position: relative;
	cursor: pointer;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form .jinsom-login-wechat-qrcode {
	width: 200px;
	height: 200px;
	position: relative;
	cursor: pointer;
	margin: 0 auto 20px;
	background-color: #f1f1f1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-login-reg-popup .content > div .layui-tabs-body form .jinsom-login-wechat-pc {
	width: 200px;
	height: 200px;
	position: relative;
	cursor: pointer;
	margin: 20px auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* 图标选择弹窗 */
.jinsom-admin-add-icon-form {
	height: 100%;
}

.jinsom-add-icon-form .layui-tab {
	margin: 0;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.jinsom-admin-add-icon-form .layui-tab-content {
	padding: 0;
	height: 410px;
}

.jinsom-admin-add-icon-form .layui-tab-item {
	height: 100%;
	background: #fff;
	padding: 5px 5px 15px;
}

.jinsom-icon-url-tips {
	background: #ffdfdf;
	color: #e33030;
	font-size: 12px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 3px;
}

.jinsom-icon-url-list {
	height: calc(100% - 30px);
	overflow-y: auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 5px;
	justify-items: center;
	grid-auto-rows: min-content;
	padding: 10px 5px;
}

.jinsom-icon-url-list i {
	cursor: pointer;
	display: inline-flex;
	margin: 4px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	border-radius: 2px;
	box-shadow: 1px 1px 0 rgb(0 0 0 / 5%);
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	transition: .1s;
}

.jinsom-icon-url-list i:hover {
	transform: scale(1.6);
}

/* 消息提醒弹窗 */
.jinsom-notice-popup-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	display: grid;
	grid-template-columns: 140px 1fr;
}

.jinsom-notice-popup-content .jinsom-more-loading {
	margin: 20px auto;
}

.jinsom-notice-popup-content .jinsom-empty-page {
	padding: 20px;
}

.jinsom-notice-popup-content .notice-left {
	text-align: center;
	border-right: 1px #eee solid;
	padding: 15px 10px 15px 15px;
}

.jinsom-notice-popup-content .notice-left li {
	height: 50px;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.jinsom-notice-popup-content .notice-left .on {
	color: var(--jinsom-theme-color);
}

.jinsom-notice-popup-content .notice-left li:hover {
	color: var(--jinsom-theme-color);
}

.jinsom-notice-popup-content .notice-left li:after {
	content: "";
	position: absolute;
	right: -13px;
	top: calc(50% - 5px);
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	opacity: 0;
	transition: 0.3s;
	background: #fff;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
}

.jinsom-notice-popup-content .notice-left li .jinsom-aite {
	background: linear-gradient(to right, #cc87dd, #b44acf);
}

.jinsom-notice-popup-content .notice-left li .jinsom-xinxifill {
	background: linear-gradient(to right, #67a96b, #39a33f);
}

.jinsom-notice-popup-content .notice-left li .jinsom-xitong {
	background: linear-gradient(to right, #7c89ce, #5064d0);
}

.jinsom-notice-popup-content .notice-left li .jinsom-tongzhifill {
	background: linear-gradient(to right, #f58a96, #f3495c);
}

.jinsom-notice-popup-content .notice-left li i {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
}

.jinsom-notice-popup-content .notice-left li n {
	background-color: #ff5722;
	color: #fff;
	font-size: 11px;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-notice-popup-content .notice-left .on:after {
	opacity: 1;
}

.jinsom-notice-popup-content .notice-right {
	position: relative;
	padding: 0 15px;
	overflow-x: hidden;
	overflow-y: auto;
}

.jinsom-notice-popup-content .notice-right::-webkit-scrollbar-track {
	background: none;
}

.jinsom-notice-popup-content .notice-right::-webkit-scrollbar {
	width: 5px;
}


.jinsom-notice-popup-content .notice-right .list {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 10px;
	padding: 20px 0;
	align-items: flex-start;
	border-bottom: 1px #eee dashed;
}

.jinsom-notice-popup-content .notice-right .list:last-of-type {
	border: 0;
}

.jinsom-notice-popup-content .notice-right .list .left {
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-notice-popup-content .notice-right .list .left a {
	width: 40px;
	height: 40px;
	position: relative;
}

.jinsom-notice-popup-content .notice-right .list .left a em {
	border-radius: 100%;
	border: 2px solid #fff;
	height: 8px;
	width: 8px;
	display: block;
	position: absolute;
	left: 0;
	background-color: #07c160;
}

.jinsom-notice-popup-content .notice-right .list .right {
	display: grid;
	grid-template-rows: 20px 1fr;
	gap: 10px;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.jinsom-notice-popup-content .notice-right .list .right .header {
	display: flex;
	line-height: 20px;
	position: relative;
	gap: 10px;
}

.jinsom-notice-popup-content .notice-right .list .right .header .time {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	font-size: 12px;
	color: rgb(0 0 0 / 50%);
}

.jinsom-notice-popup-content .notice-right .list .right .header .tips {
	color: rgb(0 0 0 / 50%);
}

.jinsom-notice-popup-content .notice-right .list .right .header a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-notice-popup-content .notice-right .list .right .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.jinsom-notice-popup-content .notice-right .list .right .from {
	border: 1px solid #eee;
	background-color: #fafafa;
	padding: 8px 10px;
	border-radius: 5px;
	width: 430px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jinsom-notice-popup-content .notice-right .list .right .from a {
	font-size: 13px;
}

.jinsom-notice-popup-content .notice-right .list .right .from:after {
	content: "";
	top: 26px;
	left: 15px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #fafafa;
	height: 8px;
	position: absolute;
	width: 8px;
	z-index: 999;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-radius: 2px;
}

.jinsom-notice-popup-content .notice-right .list .right .status {
	background-color: #ff5722;
	width: 10px;
	aspect-ratio: 1;
	border-radius: 100%;
}

.jinsom-notice-popup-content .notice-right .system {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 20px;
	padding: 20px 0;
	align-items: flex-start;
	border-bottom: 1px #eee dashed;
}

.jinsom-notice-popup-content .notice-right .system .left {
	display: flex;
	align-items: center;
	justify-content: center;
}

.jinsom-notice-popup-content .notice-right .system .left a {
	width: 40px;
	height: 40px;
	position: relative;
	background-color: var(--jinsom-theme-color);
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
}

.jinsom-notice-popup-content .notice-right .system .left a img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

.jinsom-notice-popup-content .notice-right .system .left a em {
	border-radius: 100%;
	border: 2px solid #fff;
	height: 8px;
	width: 8px;
	display: block;
	position: absolute;
	left: 0;
	background-color: #07c160;
}

.jinsom-notice-popup-content .notice-right .system .right {
	border: 1px #eee solid;
	background: #fafafa;
	padding: 15px;
	border-radius: 5px;
	line-height: 25px;
	position: relative;
}

.jinsom-notice-popup-content .notice-right .system .right:after {
	content: "";
	top: 15px;
	left: -5px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	background: #fafafa;
	height: 8px;
	position: absolute;
	width: 8px;
	z-index: 999;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-radius: 2px;
}

.jinsom-notice-popup-content .notice-right .system .right .status {
	color: #ff5722;
	margin-left: 5px;
	font-size: 12px;
	text-shadow: 0 0 2px #ff5722;
	position: absolute;
	right: 10px;
	top: 5px;
}


/* 会员弹窗 */
.jinsom-vip-popup-content {
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	display: grid;
	grid-template-rows: 1fr auto auto;
	gap: 5px;
}

.jinsom-vip-popup-content .recharge-number {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	gap: 10px;
	text-align: center;
	padding: 20px;
	min-height: 200px;
}

.jinsom-vip-popup-content .recharge-number li {
	border: 1px #eee solid;
	padding: 10px;
	cursor: pointer;
	transition: 0.3s;
	border-radius: 3px;
	position: relative;
}

.jinsom-vip-popup-content .recharge-number li .commend {
	position: absolute;
	left: -5px;
	top: -20px;
}

.jinsom-vip-popup-content .recharge-number li .commend i {
	font-size: 50px;
	color: #ff5722;
}

.jinsom-vip-popup-content .recharge-number li:hover {
	border-color: var(--jinsom-theme-color);
}

.jinsom-vip-popup-content .recharge-number .on {
	border-color: var(--jinsom-theme-color);
}

.jinsom-vip-popup-content .recharge-number .on:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	background: var(--jinsom-theme-color);
	font-size: 18px;
	width: 6px;
	height: 6px;
	border-radius: 5px;
}

.jinsom-vip-popup-content .recharge-number li .name {
	font-size: 16px;
	color: #000;
	line-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.jinsom-vip-popup-content .recharge-number li .name span {
	position: relative;
	height: 16px;
}

.jinsom-vip-popup-content .recharge-number li .name span n {
	position: absolute;
	left: 5px;
	font-size: 12px;
	background: #ff5e35;
	-webkit-clip-path: polygon(0 50%,
			0 45%,
			20% 0,
			100% 0,
			100% 100%,
			20% 100%,
			0 55%,
			0 50%);
	clip-path: polygon(0 50%,
			0 45%,
			20% 0,
			100% 0,
			100% 100%,
			20% 100%,
			0 55%,
			0 50%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
	padding: 0 5px 0 13px;
	opacity: 0.7;
	top: 0;
	white-space: nowrap;
}

.jinsom-vip-popup-content .recharge-number li .name n:after {
	content: "";
	width: 3px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 5px;
	border-radius: 2px;
}

.jinsom-vip-popup-content .recharge-number li .number {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 5px;
}

.jinsom-vip-popup-content .recharge-number li .number .a {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 5px 0;
}

.jinsom-vip-popup-content .recharge-number li .number .a m {
	font-size: 20px;
	margin-right: 3px;
	transform: translateY(1px);
	color: #ff5722;
}

.jinsom-vip-popup-content .recharge-number li .number .b {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	margin: auto;
	position: relative;
}

.jinsom-vip-popup-content .recharge-number li .number .b:after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: 50%;
	height: 1px;
	background-color: #999;
	transform: rotate(10deg);
	transform-origin: center;
}

.jinsom-vip-popup-content .recharge-number li .tips {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #f44336;
	padding-top: 5px;
}

.jinsom-vip-popup-content .recharge-number li .tips n {
	margin-left: 3px;
}

.jinsom-vip-popup-content .recharge-type {
	display: grid;
	grid-template-columns: 70px 1fr;
	gap: 10px;
	margin: 0 20px;
}

.jinsom-vip-popup-content .recharge-type .left {
	height: 35px;
	line-height: 35px;
	width: 70px;
	text-align: center;
}

.jinsom-vip-popup-content .recharge-type .right {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	gap: 10px;
	text-align: center;
}

.jinsom-vip-popup-content .recharge-type .right li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	border-radius: 3px;
	border: 1px #eee solid;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	color: #009688;
}

.jinsom-vip-popup-content .recharge-type .right li i {
	margin-right: 5px;
}

.jinsom-vip-popup-content .recharge-type .right li:hover {
	opacity: 0.7;
}

.jinsom-vip-popup-content .recharge-type .right .on {
	border-color: var(--jinsom-theme-color);
}

.jinsom-vip-popup-content .recharge-btn {
	margin: 20px;
	line-height: 38px;
	text-align: center;
	background: var(--jinsom-theme-color);
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s;
}

.jinsom-vip-popup-content .recharge-btn:hover {
	opacity: 0.7;
}

/* 头衔选择弹窗 */
.jinsom-use-honor-popup-content {
	padding: 20px;
	display: grid;
	grid-template-rows: auto auto;
	gap: 20px;
}

.jinsom-use-honor-popup-content .list {
	position: relative;
	overflow: hidden;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.jinsom-use-honor-popup-content .list li {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	border: 1px #eee solid;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
}

.jinsom-use-honor-popup-content .list .on:after {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	background: var(--jinsom-theme-color);
	font-size: 18px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
}

.jinsom-use-honor-popup-content .list .on {
	color: var(--jinsom-theme-color);
	border-color: var(--jinsom-theme-color);
}

.jinsom-use-honor-popup-content .list li:hover {
	color: var(--jinsom-theme-color);
	border-color: var(--jinsom-theme-color);
}

.jinsom-use-honor-popup-content .btn {
	line-height: 38px;
	text-align: center;
	background: var(--jinsom-theme-color);
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s;
}

.jinsom-use-honor-popup-content .btn:hover {
	opacity: 0.7;
}


/* 打赏弹窗 */
.jinsom-reward-popup-content {
	position: relative;
}

.jinsom-reward-popup-content .reward-title {
	display: grid;
	grid-template-columns: auto auto auto 1fr;
	gap: 20px;
	height: 50px;
	align-items: center;
	padding: 0 15px;
	border-bottom: 1px #eee solid;
}

.jinsom-reward-popup-content .reward-title li {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.jinsom-reward-popup-content .reward-title .on {
	color: var(--jinsom-theme-color);
}

.jinsom-reward-popup-content .reward-title .on:after {
	content: "";
	background: var(--jinsom-theme-color);
	position: absolute;
	width: 15px;
	height: 3px;
	bottom: 5px;
	border-radius: 2px;
}

.jinsom-reward-popup-content .reward-title span {
	text-align: right;
	font-size: 12px;
	color: #666;
	padding: 0 10px;
}

.jinsom-reward-popup-content .reward-content {
	position: relative;
	padding: 20px;
}

.jinsom-reward-popup-content .reward-content .info {
	position: absolute;
	left: 20px;
	bottom: 25px;
	color: #777;
}

.jinsom-reward-popup-content .reward-content .info span {
	color: var(--jinsom-theme-color);
	margin-left: 15px;
	cursor: pointer;
}

.jinsom-reward-popup-content .reward-content .item {
	display: none;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-bottom: 50px;
}

.jinsom-reward-popup-content .reward-content .show {
	display: grid;
}

.jinsom-reward-popup-content .reward-content .item li {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px #eee solid;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s;
	gap: 5px;
	color: #000;
	height: 60px;
}

.jinsom-reward-popup-content .reward-content .item .on {
	border-color: var(--jinsom-theme-color);
	color: var(--jinsom-theme-color);
}

.jinsom-reward-popup-content .reward-content .item li n {
	font-size: 22px;
}

.jinsom-reward-popup-content .reward-content .item li m {
	color: #777;
	transform: translateY(3px);
}

.jinsom-reward-popup-content .reward-content .item .on m {
	color: var(--jinsom-theme-color);
}

.jinsom-reward-popup-content .reward-content .item li:hover n {
	color: var(--jinsom-theme-color);
}

.jinsom-reward-popup-content .reward-content .item li:hover m {
	color: var(--jinsom-theme-color);
}

.jinsom-reward-popup-content .reward-content .item li input {
	display: none;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
}

.jinsom-reward-popup-content .reward-content .item li input::-webkit-input-placeholder {
	font-size: 14px;
	transform: translateY(-2px);
}

.jinsom-reward-popup-content .reward-content .item li input::-moz-placeholder {
	font-size: 14px;
	transform: translateY(-2px);
}

.jinsom-reward-popup-content .reward-content .item li input:-ms-input-placeholder {
	font-size: 14px;
	transform: translateY(-2px);
}

.jinsom-reward-popup-content .reward-content .item li input::-ms-input-placeholder {
	font-size: 14px;
	transform: translateY(-2px);
}

.jinsom-reward-popup-content .reward-content .item li input::placeholder {
	font-size: 14px;
	transform: translateY(-2px);
}

.jinsom-reward-popup-content .reward-content .item .on input {
	display: block;
}

.jinsom-reward-popup-content .reward-content .item .on span {
	display: none;
}

.jinsom-reward-popup-content .reward-btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: var(--jinsom-theme-color);
	color: #fff;
	line-height: 35px;
	padding: 0 15px;
	border-radius: var(--jinsom-border-radius-btn, 3px);
	cursor: pointer;
	transition: 0.3s;
}

.jinsom-reward-popup-content .reward-btn:hover {
	opacity: 0.7;
}

.jinsom-reward-popup-content .reward-btn-no {
	pointer-events: none;
}

.jinsom-reward-popup-content .reward-content .list {
	grid-template-rows: auto auto;
	grid-template-columns: 1fr;
	gap: 10px;
	padding: 0;
	max-height: 280px;
	position: relative;
	overflow: auto;
	margin-top: -10px;
}

.jinsom-reward-popup-content .reward-content .list.show {
	display: grid;
}

.jinsom-reward-popup-content .reward-content .list .box {
	display: grid;
	grid-template-columns: 30px 30px 1fr 1fr 1fr;
	gap: 5px;
	align-items: center;
	padding: 5px 0;
}

.jinsom-reward-popup-content .reward-content .list .box i {
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
}

.jinsom-reward-popup-content .reward-content .box m {
	font-size: 12px;
	text-align: center;
	color: #777;
}

.jinsom-reward-popup-content .reward-content .list .box img {
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.jinsom-reward-popup-content .reward-content .list .box n {
	padding: 0 5px;
	color: #ff5722;
}

.jinsom-reward-popup-content .reward-content .list .list-content .box {
	grid-template-columns: 35px 1fr 1fr 1fr;
}

.jinsom-reward-popup-content .reward-content .list .list-top .box:nth-of-type(1) {
	background: #ffeeee;
}

.jinsom-reward-popup-content .reward-content .list .list-top .box:nth-of-type(2) {
	background: #fef8f8;
}

.jinsom-reward-popup-content .reward-content .list .box-title {
	display: flex;
	height: 25px;
	padding: 0 0 10px 20px;
	color: #777;
	position: relative;
	align-items: center;
}

.jinsom-reward-popup-content .reward-content .list .box-title:before {
	content: "";
	width: 3px;
	height: 15px;
	background: #ff5473;
	position: absolute;
	left: 3px;
	border-radius: 5px;
	transform: rotate(15deg);
}

.jinsom-reward-popup-content .reward-content .list .box-title:after {
	content: "";
	width: 3px;
	height: 12px;
	background: #2196f3;
	position: absolute;
	left: 10px;
	border-radius: 5px;
	transform: rotate(15deg);
}

.jinsom-reward-popup-content .reward-content .list .list-top .box i {
	color: #ff5722;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}


/* 海报弹窗 */
.jinsom-poster-popup-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	cursor: pointer;
}

.jinsom-poster-popup-content:hover:after {
	content: "点击下载";
	background-color: hsl(0deg 0% 20% / 80%);
	color: var(--jinsom-theme-hover-color);
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}

.jinsom-poster-popup-content .cover {
	margin: 10px;
	border: 1px #f5f5f5 solid;
	height: 200px;
}

.jinsom-poster-popup-content .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jinsom-poster-popup-content .user {
	display: flex;
	padding: 0 15px;
	gap: 10px;
	align-items: center;
}

.jinsom-poster-popup-content .user .avatarimg {
	width: 30px;
	height: 30px;
}

.jinsom-poster-popup-content .name {
	flex: 1;
}

.jinsom-poster-popup-content .time {
	font-size: 12px;
	color: #999;
}

.jinsom-poster-popup-content .title {
	font-size: 17px;
	font-weight: 600;
	margin: 0 15px;
}

.jinsom-poster-popup-content .content {
	font-size: 13px;
	letter-spacing: 1px;
	word-wrap: break-word;
	margin: 0 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 30;
	line-clamp: 30;
	overflow: hidden;
}

.jinsom-poster-popup-content .footer {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.jinsom-poster-popup-content .footer canvas {
	width: 66px;
	height: 66px;
	margin: auto;
}

.jinsom-poster-popup-content .copyright {
	background-color: var(--jinsom-theme-color);
	color: #fff;
	font-size: 12px;
	line-height: 36px;
}

.jinsom-poster-popup-content .desc {
	color: #999;
	font-size: 12px;
	line-height: 30px;
	margin-bottom: 20px;
}




/* 附件上传 */
.editor-file-menu {
	display: flex;
	flex-direction: column;
}

.editor-file-menu li {
	line-height: 30px;
}

.jinsom-file-popup .layui-layer-btn {
	padding: 15px 0 15px;
}

.jinsom-file-popup .layui-layer-btn a {
	margin: 0 10px;
}

.jinsom-file-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px 15px 0;
}

.jinsom-file-info .item {
	display: flex;
	line-height: 30px;
}

.jinsom-file-info .value {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.jinsom-file-info input {
	padding: 0 5px;
	height: 30px;
}

.jinsom-file-info .upload-process {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(255 255 255 / 50%);
}

.jinsom-file-info .process {
	margin: auto;
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 5px;
	background: conic-gradient(#1e9fff 0%, #1e9fff calc(var(--progress) * 1%), transparent 0%);
	transition: --progress 0.3s ease;
}

.jinsom-file-info .num {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}

.jinsom-file-info .num::before {
	counter-reset: process var(--progress);
	content: counter(process)'%';
	font-size: 20px;
	color: #1e9fff;
}


.jinsom-file-online-popup .layui-layer-btn a {
	margin: 0 10px;
}

.jinsom-file-online {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 20px 20px 0;
}

.jinsom-file-online-popup .layui-layer-btn {
	padding: 20px 0;
}

.jinsom-file-online .item {
	display: flex;
	line-height: 35px;
	gap: 10px;
}

.jinsom-file-online .value {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.jinsom-file-online input {
	padding: 0 5px;
	height: 35px;
}

.jinsom-file-online .jinsom-btn {
	line-height: 35px;
	padding: 0;
	width: 75px;
}


/* 编辑器弹窗 */
.file—link-tips {
	margin-top: -6px;
}

.file—link-tips .layui-layer-content {
	white-space: normal;
	word-break: break-all;
}

.jinsom-editor-repository-popup .layui-layer-content {
	overflow: unset;
}

.jinsom-editor-repository-popup .layui-layer-btn {
	padding: 15px 5px;
}

.jinsom-editor-repository-popup .layui-layer-btn a {
	margin: 0 10px 0;
}

.jinsom-editor-repository-popup .img-repository-page {
	position: absolute;
	bottom: -45px;
}

.jinsom-editor-repository-popup .file-repository-page {
	position: absolute;
	bottom: -45px;
}

.jinsom-editor-repository-popup .jinsom-empty-page {
	grid-column: 1 / -1;
	margin: auto;
}

.jinsom-editor-repository-popup .layui-table-view {
	top: 70px;
	height: 352px;
}

.jinsom-editor-repository-popup .layui-table-body .layui-none {
	height: 310px;
	display: flex;
	padding: 20px 0 50px;
}

.jinsom-editor-repository-popup .layui-laypage {
	margin: 0;
}

.jinsom-editor-repository-popup .layui-laypage > * {
	margin-bottom: 0;
}

.jinsom-editor-repository-popup .layui-laypage .layui-laypage-curr em {
	top: 0;
	left: 0;
}

.jinsom-editor-repository-popup .repository-search {
	display: flex;
	padding: 15px;
	border: 1px #eee solid;
	border-bottom: 0;
	gap: 10px;
	position: relative;
	height: 70px;
	box-sizing: border-box;
}

.jinsom-editor-repository-popup .repository-search .item {
	display: flex;
	gap: 10px;
}

.jinsom-editor-repository-popup .repository-search .item:nth-of-type(3) {
	flex: 1.5;
}

.jinsom-editor-repository-popup .repository-search .item .layui-btn {
	margin: 0;
}

.jinsom-editor-repository-popup .repository-page {
	position: absolute;
	bottom: -45px;
	left: 15px;
	right: 180px;
}


.jinsom-editor-repository {
	padding: 15px 15px 0;
	position: relative;
	height: 500px;
}

.jinsom-editor-repository .layui-table-grid-down {
	display: none !important;
}

.jinsom-editor-repository .file-ext em {
	font-size: 20px;
}

.jinsom-editor-repository .file-tips {
	color: #2196F3;
	cursor: pointer;
}



/* 仓库相关css */
/* 音频仓库样式 */
.audio-repository-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	align-content: start;
}

.audio-repository-list .audio-item {
	position: relative;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 7px;
	transition: all 0.3s;
	cursor: pointer;
}

.audio-repository-list .audio-item:hover {
	border-color: var(--jinsom-theme-color);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.audio-repository-list .audio-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.audio-repository-list .audio-icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.audio-repository-list .audio-icon i {
	font-size: 24px;
	color: #fff;
}

.audio-repository-list .audio-details {
	flex: 1;
	min-width: 0;
}

.audio-repository-list .audio-details .name {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.audio-repository-list .audio-details .meta {
	display: flex;
	gap: 10px;
	font-size: 12px;
	color: #999;
	justify-content: space-between;
}

.audio-repository-list .audio-item .info {
	position: absolute;
	top: 12px;
	right: 12px;
}

/* 视频仓库样式 */
.video-repository-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
	min-height: 300px;
}

.video-repository-list .video-item {
	position: relative;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s;
	cursor: pointer;
}

.video-repository-list .video-item:hover {
	border-color: var(--jinsom-theme-color);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.video-repository-list .video-preview {
	position: relative;
	width: 100%;
	height: 120px;
	background: #000;
	overflow: hidden;
}

.video-repository-list .video-preview video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-repository-list .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

.video-repository-list .video-item:hover .video-overlay {
	background: rgba(0, 0, 0, 0.5);
}

.video-repository-list .video-overlay i {
	font-size: 32px;
	color: #fff;
}

.video-repository-list .video-details {
	padding: 10px;
}

.video-repository-list .video-details .name {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.video-repository-list .video-details .meta {
	display: flex;
	gap: 10px;
	font-size: 12px;
	color: #999;
	justify-content: space-between;
}

.video-repository-list .video-item .info {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}










.jinsom-video-upload-popup .jinsom-editor-video-box {
	padding: 15px 15px 5px;
	height: 350px;
	position: relative;
}

.jinsom-video-upload-popup .layui-layer-btn {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.jinsom-video-upload-popup .layui-layer-btn0 {
	background: #1e9fff;
}

.jinsom-video-upload-popup .layui-layer-btn1 {
	background: var(--jinsom-theme-color);
	color: #fff;
}

.jinsom-video-upload-popup .bg {
	position: absolute;
	background-position: center;
	background-size: cover;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 5px;
	filter: brightness(0.5);
	border-radius: 5px;
}

.jinsom-video-upload-popup .cover {
	height: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin: auto;
	max-width: 100%;
}

.jinsom-video-upload-popup .cover img {
	height: 100%;
}

.jinsom-video-upload-popup .cover i {
	position: absolute;
	font-size: 50px;
	color: #fff;
	background: rgb(255 255 255 / 35%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	box-shadow: 0 0 35px #fff;
	cursor: pointer;
}

.jinsom-video-upload-popup .cover .duration {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}

.jinsom-video-upload-popup .video {
	height: 100%;
	position: relative;
	margin: auto;
	max-width: 100%;
}


.jinsom-video-upload-popup .slider {
	position: absolute;
	bottom: 10px;
	left: 60px;
	right: 60px;
}

.jinsom-video-upload-popup .slider .layui-slider {
	height: 10px;
	padding: 0 5px;
	border-radius: 5px;
	background: rgb(255 255 255 / 70%);
}

.jinsom-video-upload-popup .slider .layui-slider-wrap {
	top: -8px;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jinsom-video-upload-popup .slider .layui-slider-wrap-btn {
	width: 15px;
	height: 15px;
}

.jinsom-video-upload-popup .slider .layui-slider-tips {
	top: -100px;
	height: 90px;
	padding: 5px;
	width: 80px;
	background: rgb(255 255 255 / 70%);
}

.jinsom-video-upload-popup .slider .layui-slider-tips img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.jinsom-video-upload-popup .slider .layui-slider-tips:after {
	border-color: rgb(255 255 255 / 70%) transparent transparent transparent;
}


/* 抢红包 */
.jinsom-get-redbag-popup {
	border-radius: 5px;
}

.jinsom-get-redbag-popup .layui-layer-content {
	border-radius: 5px;
	display: grid;
	grid-template-rows: auto auto 1fr;
}

.jinsom-get-redbag-popup .layui-layer-content::-webkit-scrollbar {
	display: none;
}

.jinsom-get-redbag-popup .layui-layer-setwin {
	z-index: 2;
}

.jinsom-get-redbag-popup .layui-layer-close2 {
	background: none;
	border: 0;
	right: -10px;
	top: -10px;
}

.jinsom-get-redbag-popup .layui-layer-close2:hover {
	background: none;
	opacity: .7;
}

.jinsom-get-redbag-popup .redbag-bg {
	background: #f25542;
	position: sticky;
	top: 0;
	height: 70px;
	border-bottom: 2px solid #ffc107;
	border-bottom-left-radius: 50% 40px;
	border-bottom-right-radius: 50% 40px;
	z-index: 1;
}

.jinsom-get-redbag-popup .redbag-header {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 5px;
	padding: 15px 0 5px;
}

.jinsom-get-redbag-popup .user-info {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 25px;
	font-size: 18px;
	color: #333;
	gap: 3px;
}

.jinsom-get-redbag-popup .user-info .avatar {
	width: 25px;
	height: 25px;
}

.jinsom-get-redbag-popup .user-info em {
	font-style: normal;
	display: flex;
	gap: 3px;
}

.jinsom-get-redbag-popup .redbag-header p {
	font-size: 14px;
	color: #777;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jinsom-get-redbag-popup .receive-amount {
	font-size: 50px;
	color: #c8a269;
	position: relative;
	display: inline-flex;
	margin: auto;
	line-height: 60px;
}

.jinsom-get-redbag-popup .receive-amount span {
	font-size: 16px;
	position: absolute;
	left: 100%;
	bottom: 0;
	white-space: nowrap;
	line-height: 35px;
	padding: 0 5px;
}

.jinsom-get-redbag-popup .redbag-content {
	display: flex;
	flex-direction: column;
	position: relative;
}

.jinsom-get-redbag-popup .redbag-desc {
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	line-height: 34px;
	border-bottom: 1px #f1f1f1 solid;
	font-size: 12px;
	color: #999;
	align-items: center;
}

.jinsom-get-redbag-popup .redbag-desc span {
	color: #FF9800;
	border: 1px #FF9800 solid;
	line-height: 19px;
	height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	font-size: 11px;
}

.jinsom-get-redbag-popup .redbag-list {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.jinsom-get-redbag-popup .redbag-list a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 15px;
}

.jinsom-get-redbag-popup .redbag-list .avatarimg {
	width: 40px;
	height: 40px;
}

.jinsom-get-redbag-popup .redbag-list .info {
	flex: 1;
	display: flex;
	gap: 10px;
	border-bottom: 1px #f1f1f1 solid;
	padding: 15px 0;
}

.jinsom-get-redbag-popup .redbag-list .left {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.jinsom-get-redbag-popup .redbag-list .name {
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jinsom-get-redbag-popup .redbag-list .desc {
	font-size: 12px;
	color: #999;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 18px;
}

.jinsom-get-redbag-popup .redbag-list .right {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	align-items: flex-end;
}

.jinsom-get-redbag-popup .redbag-list .right span {
	color: #333;
	line-height: 20px;
}

.jinsom-get-redbag-popup .redbag-list .right div {
	display: flex;
	line-height: 20px;
	gap: 3px;
	color: #FF9800;
}

.jinsom-get-redbag-popup .redbag-list .right i {
	font-size: 14px;
}



.jinsom-get-redbag-popup .redbag-tips {
	font-size: 12px;
	color: #555;
	text-align: center;
	line-height: 30px;
}







/* 仓库弹窗 */
.jinsom-get-repository-popup .layui-input-wrap {
    flex: 1;
}
.jinsom-get-repository-popup .layui-form-select {
    flex: 1;
}
.jinsom-get-repository-popup .jinsom-btn {
    line-height: 38px;
    height: 38px;
}
.jinsom-get-repository-popup .layui-laypage {
    margin: 10px 0 5px;
}
.jinsom-get-repository-popup .repository-bar .cancel {
    background: none;
    color: #5f5f5f;
    border: 1px #d2d2d2 solid;
}
.jinsom-get-repository-popup .layui-layer-content {
    padding: 15px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
}
.jinsom-get-repository-popup .repository-search {
    gap: 10px;
    position: relative;
    height: 50px;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr) auto;
}
.jinsom-get-repository-popup .repository-search .item {
    display: flex;
    gap: 10px;
}
.jinsom-get-repository-popup .repository-list {
    display: grid;
    align-content: start;
    gap: 15px;
}
.jinsom-get-repository-popup .repository-bar {
    display: flex;
    height: 50px;
    align-items: center;
    gap: 10px;
}
.jinsom-get-repository-popup .repository-bar .page {
    flex: 1;
}
.jinsom-get-repository-popup .repository-bar .btn {
    display: flex;
    gap: 10px;
}
.jinsom-get-repository-popup .jinsom-empty-page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30px, -40px);
}
.jinsom-get-repository-popup .jinsom-more-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30px, -40px);
}
/* 附件仓库样式 */
.repository-list-file {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
}
.repository-list-file li {
    display: flex;
    align-items: center;
    border: 1px #f1f1f1 dashed;
    padding: 0 10px;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 5px;
    position: relative;
}
.repository-list-file .on:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-top: 2px #999 solid;
    border-right: 2px #999 solid;
    right: 3px;
    top: 3px;
}
.repository-list-file li .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
}
.repository-list-file li .icon em {
    font-size: 38px;
    flex: 1;
    text-align: center;
}
.repository-list-file li   .info {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.repository-list-file li .name {
    color: #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.repository-list-file li .meta {
    display: flex;
    font-size: 12px;
    color: #999;
    justify-content: space-between;
    line-height: 18px;
}
.repository-list-file li:hover {
    border-color: rgba(var(--jinsom-theme-color-rgb), 0.5);
}
.repository-list-file .on {
    border: 1px solid rgba(var(--jinsom-theme-color-rgb), 0.5);
}
/* 音频仓库样式 */
.repository-list-voice {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
}
.repository-list-voice li {
    display: flex;
    align-items: center;
    border: 1px #f1f1f1 dashed;
    padding: 0 10px;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 5px;
    position: relative;
}
.repository-list-voice .on:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-top: 2px #999 solid;
    border-right: 2px #999 solid;
    right: 3px;
    top: 3px;
}
.repository-list-voice li .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.repository-list-voice li .icon i {
    font-size: 38px;
}
.repository-list-voice li .info {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.repository-list-voice li .name {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.repository-list-voice li .meta {
    display: flex;
    font-size: 12px;
    color: #999;
    justify-content: space-between;
    line-height: 18px;
}
.repository-list-voice li:hover {
    border-color: rgba(var(--jinsom-theme-color-rgb), 0.5);
}
.repository-list-voice .on {
    border: 1px solid rgba(var(--jinsom-theme-color-rgb), 0.5);
}
/* 视频仓库样式 */
.repository-list-video {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
	overflow: hidden;
}
.repository-list-video li {
    display: flex;
    align-items: center;
    border: 1px #f1f1f1 dashed;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 5px;
    position: relative;
    flex-direction: column;
}
.repository-list-video .on:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 10px;
    top: 10px;
    background: rgba(var(--jinsom-theme-color-rgb), 0.8);
    border: 3px #fff solid;
    border-radius: 10px;
    box-shadow: 0 0 5px #fff;
    z-index: 11;
}
.repository-list-video li .preview {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    background: #000;
}
.repository-list-video li .preview img,
.repository-list-video li .preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
}
.repository-list-video li .preview .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.repository-list-video li:hover .preview .overlay {
    background: rgba(0, 0, 0, 0.5);
}
.repository-list-video li .preview .overlay i {
    font-size: 32px;
    color: #fff;
}
.repository-list-video li .details {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    backdrop-filter: blur(10px) brightness(0.7);
    pointer-events: none;
    opacity: 0;
    transition: .3s;
    line-height: 18px;
}
.repository-list-video li:hover .details {
    opacity: 1;
}
.repository-list-video li .details .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.repository-list-video li .details .meta {
    display: flex;
    justify-content: space-between;
}
.repository-list-video li .details .meta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.repository-list-video li:hover {
    border-color: rgba(var(--jinsom-theme-color-rgb), 0.5);
}
.repository-list-video .on {
    border: 1px solid rgba(var(--jinsom-theme-color-rgb), 0.5);
}
/* 云相册仓库样式 */
.repository-list-img {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    overflow: hidden;
}
.repository-list-img li {
    display: flex;
    align-items: center;
    border: 1px #f1f1f1 dashed;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 5px;
    position: relative;
    flex-direction: column;
}
.repository-list-img .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.repository-list-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
}
.repository-list-img .img i {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    transition: .3s;
}
.repository-list-img li:hover .img i {
    opacity: 1;
}
.repository-list-img .meta {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    backdrop-filter: blur(10px) brightness(0.7);
    pointer-events: none;
    opacity: 0;
    transition: .3s;
    line-height: 18px;
}
.repository-list-img li:hover .meta {
    opacity: 1;
}
.repository-list-img .meta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.repository-list-img .on:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 10px;
    top: 10px;
    background: rgba(var(--jinsom-theme-color-rgb), 0.8);
    border: 3px #fff solid;
    border-radius: 10px;
    box-shadow: 0 0 5px #fff;
}



.video-upload-progress {
    border-radius: 0 0 0 5px;
}
.video-upload-progress .layui-layer-content {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-upload-progress img {
    width: 100%;
    height: 100%;
    position: relative;
    filter: brightness(0.8);
    object-fit: cover;
}
.video-upload-progress span {
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-shadow: 0 0 10px #fff;
}