/*
|--------------------------------------------------------------------------
| 公用样式
|--------------------------------------------------------------------------
*/

*{
	font-size: 12px;
	font-family: ms;
}

@font-face {
	font-family: ms;
	src: url('../../fonts/MiSans-Medium.woff2?ver=1.0.0') format('woff2');
}

html,
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: var(--DeTx);
}

iframe {
	border: none;
}

e{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

/*
|--------------------------------------------------------------------------
| 通用按钮
|--------------------------------------------------------------------------
*/

.button{
	font-size: 11px;
	color: white !important;
	background: linear-gradient(to bottom right,#00f2fe, #42a1ec);
	background: linear-gradient(0deg, #42a1ec, #51b3fa, #0070c9) !important;
}

.button-state{
	color: #66666d;
	background: linear-gradient(#e7e7f1, #969ba0);
}

.button:active{
	color: #66666d !important;
	background: linear-gradient(#e7e7f1, #969ba0) !important;
}

/*
|--------------------------------------------------------------------------
| 通用高斯
|--------------------------------------------------------------------------
*/

.blur{
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.blur-small{
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.blur-icon{
	backdrop-filter: blur(8px) contrast(1.3) brightness(1.1);
	-webkit-backdrop-filter: blur(8px) contrast(1.3) brightness(1.1);
}

/*
|--------------------------------------------------------------------------
| 禁止图片被拖拽
|--------------------------------------------------------------------------
*/

.no-drag{
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-drag: none;
	user-select: none;
	pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| 查看大图小眼睛
|--------------------------------------------------------------------------
*/

.show-image{
	width: auto;
	height: auto;
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 16px;
	color:white;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.65);
}

.show-image:active{
	color: var(--StBg);
}

/*
|--------------------------------------------------------------------------
| 隐藏滚动条
|--------------------------------------------------------------------------
*/

.hide-scroll{
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.hide-scroll::-webkit-scrollbar{
	display: none;
}

/*
|--------------------------------------------------------------------------
| 允许部分字段可以复制
|--------------------------------------------------------------------------
*/

.open-copy{
	user-select: text;
}

/*
|--------------------------------------------------------------------------
| 文本超出显示省略号，需要固定的宽高
|--------------------------------------------------------------------------
*/

.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*
|--------------------------------------------------------------------------
| 文本超出显示省略号 可控行数
|--------------------------------------------------------------------------
*/

.xxx{
	flex: 0 0 160px;
	padding: 0 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
	overflow: hidden;
	word-break: break-all;
}

/*
|--------------------------------------------------------------------------
| 隐藏滚动条
|--------------------------------------------------------------------------
*/

.hide-scroll::-webkit-scrollbar{
	display: none;
}

/*
|--------------------------------------------------------------------------
| 公用提示容器
|--------------------------------------------------------------------------
*/


.msg{
	width: 0%;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: var(--MsgTx);
	background: var(--MsgBg);
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 999;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

/*
|--------------------------------------------------------------------------
| 加载动画
|--------------------------------------------------------------------------
*/

.loading{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.loading > i{
	width: 32px;
	height: 32px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	color: limegreen;
}

/*
|--------------------------------------------------------------------------
| 分享页
|--------------------------------------------------------------------------
*/

.share{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 720px;
	height: 100%;
	box-shadow: -3px 0px 6px rgba(51, 153, 255, 0.2);
	overflow: hidden;
	color: var(--ShareTx);
	display: none;
	width: 0;
	opacity: 0;
}

.share > .loading > i{
	color: lime;
}

.share-body{
	float: left;
	width: inherit;
	height: 100%;
	display: flex;
	flex-direction: column;
}

/*1-控制区*/

.share-ctrl{
	width: inherit;
	min-height: 0;
	flex: 0 0 72px;
	display: flex;
	grid-gap: 1px;
	align-items: center;
	justify-content: right;
	padding: 0 24px;
}

.share-input{
	min-height: 0;
	flex: 0 0 160px;
	height: 30px;
	line-height: 30px;
	margin-right: auto;
	border-radius: 18px;
	overflow: hidden;
	color: var(--FcTx);
	background: var(--FcBg);
}

.share-input > b{
	float: left;
	width: 48px;
	height: inherit;
	line-height: inherit;
	text-align: right;
}

.share-input > input{
	float: left;
	width: calc(100% - 48px);
	height: inherit;
}

.share-ctrl > a{
	min-height: 0;
	flex: 0 0 68px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.share-ctrl > a:first-of-type{
	border-radius: 12px 0 0 12px;
}

.share-ctrl > a:last-of-type{
	border-radius: 0 12px 12px 0;
}

/*2-截图提示*/

.share-msg{
	width: 100%;
	min-height: 0;
	line-height: 36px;
	flex: 0 0 36px;
	font-weight: bold;
	text-align: center;
	color: var(--MsgTx);
	background: var(--MsgBg);
	display: none;
}

/*3-载体窗口*/

.share-main{
	width: 100%;
	min-width: 720px;
	min-height: 0;
	flex-grow: 1;
	background: #fff;
}

.share-area{
	float: left;
	width: 100%;
	height: auto;
	color: var(--ShareTx);
	padding: 36px;
	/*border: 1px solid var(--ShareBdL);*/
	background:
	url('/Images/Default/up.png') top / 100% auto no-repeat,
	url('/Images/Default/down.png') bottom / 100% auto no-repeat,
	#fff;
	position: relative;
}

.share-area > img{
	image-rendering: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*正式版抬头*/

.share-head-formal{
	float: left;
	width: 100%;
	height: 36px;
	position: relative;
	display: flex;
	display: none;
}

.share-head-logo{
	float: left;
	width: 36px;
	height: 36px;
}

.share-head-logo > img{
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: auto;
}

.share-head-title{
	float: left;
	width: calc(100% - 36px);
	height: 100%;
	padding: 0 9px;
}

.share-head-title > b,
.share-head-title > p{
	float: left;
	width: 100%;
	height: auto;
}

.share-head-title > b{
	font-size: 15px;
}

.share-head-title > p{
	text-transform: uppercase;
}

.share-head-name{
	position: absolute;
	height: 100%;
	line-height: 36px;
	right: 0px;
	margin: auto;
}

/*简版抬头*/

.share-head-simple{
	float: left;
	width: 100%;
	height: 36px;
	display: flex;
	flex-direction: column;
	display: none;
}

.share-head-simple > b,
.share-head-simple > p{
	width: 100%;
	height: auto;
}

.share-head-simple > b{
	font-size: 15px;
}

.share-head-simple > p{
	text-transform: uppercase;
}

/*项目名称*/

.share-item-name{
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	display: flex;
	align-items: center;
}

.share-item-name > i{
	flex: 0 0 16px;
	color: var(--EdTx);
}

.share-item-name > b{
	flex-grow: 1;
}

/*页脚*/

.share-table-foot{
	float: left;
	width: 100%;
	line-height: 100%;
	text-align: right;
	margin-top: 24px;
}

/*价格表区 1*/

.share-info-price{
	float: left;
	width: 100%;
	height: auto;
	display: flex;
	grid-gap: 24px;
	margin-top: 12px;
	padding-top: 12px;
	background: white;
	border: 1px solid var(--ShareBdL);
	border-left: none;
}

.share-info-price > div{
	min-width: 0;
	height: 110px;
}

.share-info-price-image{
	flex: 0 0 110px;
	aspect-ratio: 1/1;
	border: 6px solid var(--ShareBd);
}

.share-info-price-image > img{
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.share-info-price-item{
	flex: 1;
	padding: 2px 0;
}

.share-info-price-item > b,
.share-info-price-item > i{
	float: left;
	width: 100%;
	height: 22px;
	line-height: 100%;
}

.share-info-price-item > i{
	height: 18px;
}

.share-info-price-item > p{
	float: left;
	width: 100%;
	height: calc(100% - 40px);
	line-height: 138%;
	text-transform: capitalize;
	overflow: hidden;
}

/*价格表区 2*/

.share-table-price{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 12px;
	border: 1px solid var(--ShareBd);
}

.share-table-price-title{
	float: left;
	width: 100%;
	height: 24px;
	line-height: 23px;
	background: var(--ShareBg);
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--ShareBd);
}

.share-table-price-title > b{
	text-align: center;
	border-right: 1px solid var(--ShareBd);
}

.share-table-price-title-wcode,
.share-table-price-title-price{
	flex: 0 0 78.5px;
}

.share-table-price-title-stock{
	flex-grow: 1;
	border: none;
}

.share-table-price-list{
	float: left;
	width: 100%;
	height: auto;
}

.share-table-price-list-item{
	float: left;
	width: 100%;
	min-width: 644px;
	overflow: hidden;
	height: auto;
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid var(--ShareBd);
	background: white;
}

.share-table-price-list-item:nth-child(even){
	background: var(--ShareBg);
}

.share-table-price-list-item:last-child{
	border-bottom: none;
}

.share-table-price-list-item > div{
	min-width: 0;
	border-right: 1px solid var(--ShareBd);
}

.share-table-price-list-item-code,
.share-table-price-list-item-price{
	flex: 0 0 78.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.share-table-price-list-item-stocks{
	flex-grow: 1;
	border: none;
}

.share-table-price-list-item-stock{
	float: left;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1px;
	padding: 1px;
}

.share-table-price-list-item-stock > div{
	width: 24.5px;
	height: auto;
	line-height: 26px;
}

.share-table-price-list-item-stock > div > p{
	float: left;
	width: inherit;
	line-height: inherit;
	text-align: center;
	font-size: 9px;
}

.share-table-price-list-item-stock > div > p:first-child{
	color: var(--StoTx);
	background: var(--StoNum);
}

.share-table-price-list-item-stock > div > p:last-child{
	margin-top: 1px;
	color: var(--StoTx);
	background: var(--StoVal);
}

.share-table-price-list-item-notes{
	float: left;
	width: 100%;
	height: 24px;
	line-height: 23px;
	border-top: 1px solid var(--ShareBd);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 1px;
}

/*合集图*/

.share-album-title{
	float: left;
	width: 100%;
	height:auto;
	line-height: 100%;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 12px;
	margin-top: 0px;
	margin-bottom: 24px;
	color: var(--ShareTx);
	background: #fff;
}

.share-album-title > b,
.share-album-title > p{
	float: left;
	width: 100%;
	line-height: 150%;
	text-align: center;
}

.share-album-title > b{
	font-size: 30px;
}

.share-album-title > p{
	font-size: 15px;
}

.share-album-list{
	float: left;
	width: 100%;
	min-width: 646px;
	height: auto;
	overflow-x: hidden;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
	grid-gap: 2px;
	background: white;
	padding-bottom: 12px;
}

.share-album-item{
	width: auto;
	height: auto;
	overflow: hidden;
}

.share-album-item > div{
	float: left;
	width: 100%;
	aspect-ratio: 1/1;
	margin-bottom: 6px;
}

.share-album-item > div:nth-child(1) > img{
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.share-album-item > p{
	float: left;
	width: 100%;
	height: auto;
	line-height: 13px;
	font-size: 8px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*background: #fafafc;*/
}

.share-album-item > p:nth-child(even){
	/*background: #f0f0f2;*/
}

.share-album-item > p[name="price"]{
	font-weight: bold;
}

/*库存表*/

.stocks-name{
	float: left;
	width: 100%;
	line-height: 100%;
	padding-bottom: 12px;
	text-align: right;
}

.stocks-head{
	float: left;
	width: 100%;
	height: auto;
	position: relative;
}

.stocks-head-title{
	float: left;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
	background: #fff;
	padding: 6px 0;
}

.stocks-head-notes{
	float: left;
	width: 100%;
	height: 24px;
	background: #fff;
	margin-top: 1px;
	display: flex;
	align-items: center;
}

.stocks-head-notes > i,
.stocks-head-notes > p{
	min-width: 0;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stocks-head-notes > i{
	flex: 0 0 24px;
}

.stocks-head-notes > p{
	flex-grow: 1;
}

.stocks-head-info{
	float: left;
	width: 100%;
	height: 36px;
	background: #fff;
	margin-top: 1px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.stocks-table{
	float: left;
	width: 100%;
	height: auto;
	border: 1px solid var(--ShareBd);
}

.stocks-table-title{
	float: left;
	width: 100%;
	height: 24px;
	line-height: 24px;
	display: flex;
	align-items: center;
	background: var(--ShareBg);
}

.stocks-table-title > b{
	min-width: 0;
	text-align: center;
	border-right: 1px solid var(--ShareBd);
}

.stocks-table-title > b:nth-child(1){
	flex: 0 0 51px;
}
.stocks-table-title > b:nth-child(2){
	flex: 0 0 100px;
}
.stocks-table-title > b:nth-child(3){
	flex: 0 0 42px;
}

.stocks-table-title > b:nth-child(4){
	flex-grow: 1;
	border-right: none;
}

.stocks-table-tbody{
	float: left;
	width: 100%;
	height: auto;
}

.stocks-table-item{
	float: left;
	width: 100%;
	min-width: 644px;
	height: auto;
	overflow: hidden;
	border-top: 1px solid var(--ShareBd);
	display: flex;
	align-items: stretch;
}

.stocks-table-item > div{
	min-width: 0;
	height: auto;
	border-right: 1px solid var(--ShareBd);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.stocks-table-item-image{
	flex: 0 0 51px;
	overflow: hidden;
}

.stocks-table-item-image > img{
	float: left;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.stocks-table-item-info{
	flex: 0 0 100px;
	overflow: hidden;
}

.stocks-table-item-info > div{
	min-width: 0;
	flex: 0 0 100%;
	padding: 0 6px;
	height: auto;
}

.stocks-table-item-info > div > p{
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stocks-table-item-info > div > i{
	float: left;
	width: 100%;
	height: 1px;
	background: var(--ShareBd);
}

.stocks-table-item-price{
	flex: 0 0 42px;
	justify-content: center;
}

.stocks-table-item-data{
	flex-grow: 1;
	border: none !important;
	grid-gap: 1px;
	padding: 1px;
}

.stocks-table-item-data > div{
	width: 24px;
	height: auto;
	line-height: 24px;
}

.stocks-table-item-data > div > p{
	float: left;
	width: inherit;
	line-height: inherit;
	text-align: center;
	font-size: 9px;
}

.stocks-table-item-data > div > p:first-child{
	color: var(--StoTx);
	background: var(--StoNum);
}

.stocks-table-item-data > div > p:last-child{
	margin-top: 1px;
	color: var(--StoTx);
	background: var(--StoVal);
}

/*账单*/

.share-info-bill{
	float: left;
	width: 100%;
	min-width: 646px;
	height: auto;
	display: flex;
	margin-top: 24px;
	padding: 24px 0;
	background: white;
	border: 1px solid var(--ShareBdL);
	position: relative;
}

.state-paid{
	position: absolute;
	top: 30px;
	right: 36px;
	width: 100px;
	height: 60px;
	border: 6px solid #f00;
	padding: 3px;
	opacity: 0.5;
	transform: rotate(0deg);
	display: none;
}

.state-paid[state="1"]{
	display: block;
}

.state-paid > div{
	float: left;
	width: 100%;
	height: 100%;
	border: 2px solid #f00;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f00;
}

.share-info-bill-item{
	min-width: 0;
	flex: 0 0 25%;
	padding-left: 24px;
}

.share-info-bill-item > b,
.share-info-bill-item > p{
	float: left;
	width: 100%;
}

.share-info-bill-item > p{
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.share-info-bill-item > p:nth-child(2){
	margin-bottom: 6px;
}

.share-table-bill-title{
	float: left;
	width: 100%;
	height: 24px;
	line-height: 23px;
	background: var(--ShareBg);
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--ShareBd);
}

.share-table-bill-title > b{
	text-align: center;
	border-right: 1px solid var(--ShareBd);
}

.share-table-bill-title > b[name="image"]{
	flex: 0 0 60px;
}

.share-table-bill-title > b[name="goods"]{
	flex: 0 0 120px;
}

.share-table-bill-title > b[name="size"]{
	flex-grow: 1;
}

.share-table-bill-title > b[name="count"]{
	flex: 0 0 50px;
}

.share-table-bill-title > b[name="price"]{
	flex: 0 0 50px;
}

.share-table-bill-title > b[name="amount"]{
	flex: 0 0 50px;
}

.share-table-bill-title > b[name="dealer"]{
	flex: 0 0 60px;
}

.share-table-bill-title > b:last-child{
	border-right: none;
}

.share-table-bill-list{
	float: left;
	width: 100%;
	min-width: 644px;
	height: auto;
}

.share-table-bill-item{
	float: left;
	width: 100%;
	display: flex;
	align-items: stretch;
	border-top: 1px solid var(--ShareBd);
	background: white;
}

.share-table-bill-item:first-child{
	border: none;
}

.share-table-bill-item:nth-child(even){
	background: var(--ShareBg);
}

.share-table-bill-item > div{
	min-width: 0;
	min-height: 60px;
	border-right: 1px solid var(--ShareBd);
	display: flex;
	align-items: center;
	justify-content: center;
}

.share-table-bill-item > div > img{
	float: left;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
}

.share-table-bill-item > div[name="image"]{
	flex: 0 0 60px;
}

.share-table-bill-item > div[name="goods"]{
	flex: 0 0 120px;
}

.share-table-bill-item > div[name="goods"] > div{
	width: 100%;
	padding: 0 12px;
}

.share-table-bill-item > div[name="goods"] > div > p{
	float: left;
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.share-table-bill-item > div[name="size"]{
	flex-grow: 1;
	padding: 12px;
}

.share-table-bill-item > div[name="count"]{
	flex: 0 0 50px;
}

.share-table-bill-item > div[name="price"]{
	flex: 0 0 50px;
}

.share-table-bill-item > div[name="amount"]{
	flex: 0 0 50px;
}

.share-table-bill-item > div[name="dealer"]{
	flex: 0 0 60px;
}

.share-table-bill-item > div:last-child{
	border-right: none;
}

/*
|--------------------------------------------------------------------------
| LEVEL
|--------------------------------------------------------------------------
*/

.level-icon{
	flex: 0 0 auto;
	height: 24px;
}

.level-name{
	min-width: 0;
	flex: 0 0 68px;
	line-height: 18px;
	text-align: center;
	border-radius: 12px;
	margin-left: -6px;
}

.level-icon > img{
	float: left;
	width: auto;
	height: 100%;
	image-rendering: auto;
}

.level-icon > img[level="1"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01));
}

.level-name[level="1"]{
	color: var(--LvTx01);
	background: var(--LvBg01);
	border: 2px solid var(--LvBd01);
}

.level-icon > img[level="2"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01))
	drop-shadow(0 0 1px var(--LvBd01));
}

.level-name[level="2"]{
	color: var(--LvTx01);
	background: var(--LvBg01);
	border: 2px solid var(--LvBd01);
}

.level-icon > img[level="2"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd02))
	drop-shadow(0 0 1px var(--LvBd02))
	drop-shadow(0 0 1px var(--LvBd02))
	drop-shadow(0 0 1px var(--LvBd02));
}

.level-name[level="2"]{
	color: var(--LvTx02);
	background: var(--LvBg02);
	border: 2px solid var(--LvBd02);
}

.level-icon > img[level="3"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd03))
	drop-shadow(0 0 1px var(--LvBd03))
	drop-shadow(0 0 1px var(--LvBd03))
	drop-shadow(0 0 1px var(--LvBd03));
}

.level-name[level="3"]{
	color: var(--LvTx03);
	background: var(--LvBg03);
	border: 2px solid var(--LvBd03);
}

.level-icon > img[level="4"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd04))
	drop-shadow(0 0 1px var(--LvBd04))
	drop-shadow(0 0 1px var(--LvBd04))
	drop-shadow(0 0 1px var(--LvBd04));
}

.level-name[level="4"]{
	color: var(--LvTx04);
	background: var(--LvBg04);
	border: 2px solid var(--LvBd04);
}

.level-icon > img[level="5"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd05))
	drop-shadow(0 0 1px var(--LvBd05))
	drop-shadow(0 0 1px var(--LvBd05))
	drop-shadow(0 0 1px var(--LvBd05));
}

.level-name[level="5"]{
	color: var(--LvTx05);
	background: var(--LvBg05);
	border: 2px solid var(--LvBd05);
}

.level-icon > img[level="6"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd06))
	drop-shadow(0 0 1px var(--LvBd06))
	drop-shadow(0 0 1px var(--LvBd06))
	drop-shadow(0 0 1px var(--LvBd06));
}

.level-name[level="6"]{
	color: var(--LvTx06);
	background: var(--LvBg06);
	border: 2px solid var(--LvBd06);
}

.level-icon > img[level="7"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd07))
	drop-shadow(0 0 1px var(--LvBd07))
	drop-shadow(0 0 1px var(--LvBd07))
	drop-shadow(0 0 1px var(--LvBd07));
}

.level-name[level="7"]{
	color: var(--LvTx07);
	background: var(--LvBg07);
	border: 2px solid var(--LvBd07);
}

.level-icon > img[level="8"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd08))
	drop-shadow(0 0 1px var(--LvBd08))
	drop-shadow(0 0 1px var(--LvBd08))
	drop-shadow(0 0 1px var(--LvBd08));
}

.level-name[level="8"]{
	color: var(--LvTx08);
	background: var(--LvBg08);
	border: 2px solid var(--LvBd08);
}

.level-icon > img[level="9"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd09))
	drop-shadow(0 0 1px var(--LvBd09))
	drop-shadow(0 0 1px var(--LvBd09))
	drop-shadow(0 0 1px var(--LvBd09));
}

.level-name[level="9"]{
	color: var(--LvTx09);
	background: var(--LvBg09);
	border: 2px solid var(--LvBd09);
}

.level-icon > img[level="10"]{
	filter:
	drop-shadow(0 0 1px var(--LvBd10))
	drop-shadow(0 0 1px var(--LvBd10))
	drop-shadow(0 0 1px var(--LvBd10))
	drop-shadow(0 0 1px var(--LvBd10));
}

.level-name[level="10"]{
	color: var(--LvTx10);
	background: var(--LvBg10);
	border: 2px solid var(--LvBd10);
}

/*
|--------------------------------------------------------------------------
| 通用下拉菜单
|--------------------------------------------------------------------------
*/

.public-combobox{
	position: absolute;
	top: -302px;
	left: 0;
	width: 100%;
	height: 300px !important;
	background: white;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	padding: 12px;
	display: none;
}

.public-combobox > input{
	float: left;
	width: 100%;
	height: 36px;
	border: 1px solid #e5e5e7;
	border-radius: 18px;
	text-align: center;
}

.public-combobox > div{
	float: left;
	width: 100%;
	height: calc(100% - 36px);
}

.public-combobox > div > a{
	float: left;
	width: 100%;
	line-height: 36px;
	border-top: 1px solid #e5e5e7;
	text-align: center;
}

.public-combobox > div > a:first-child{
	border: none;
}

.public-combobox > div > a:active{
	color: #07c;
}

/*报货*/

.share-info-bill-radius{
	border-radius: 12px;
}

.report-orders{
	float: left;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 76px;
	align-items: start;
	grid-gap: 6px;
	margin-top: 12px;
}

.report-orders-item{
	min-width: 0;
	width: auto;
	height: 76px;
	border: 1px solid #e3e3e5;
	background: #fff;
	display: flex;
	padding: 3px;
	grid-gap: 3px;
	border-radius: 12px;
}

.report-orders-item *{
	color: var(--ShareTx);
	font-size: 10px;
}

.report-orders-item > div{
	min-width: 0;
	border-radius: 10px;
	overflow: hidden;
}

.report-orders-item-image{
	flex: 0 0 68px;
	height: 100%;
}

.report-orders-item-image > img{
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.report-orders-item-info{
	flex: 0 0 90px;
	height: 100%;
	background: #f5f5f7;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.report-orders-item-info > p{
	width: 100%;
	flex: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	padding-top: 1px;
}

.report-orders-item-info > p:nth-child(4){
	border: none;
}

.report-orders-item-size{
	flex: 1;
	height: 100%;
	background: #f5f5f7;
}

.report-orders-item-size{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	padding: 6px;
}

/*
|--------------------------------------------------------------------------
| 通用APP样式
|--------------------------------------------------------------------------
*/

/*音乐*/
.desk > a[page="admin-music"] > div{
	color: white;
	background: linear-gradient(45deg,#9D50BB, #FF5F6D);
}
/*壁纸*/
.desk > a[page="admin-theme"] > div{
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	background: conic-gradient(from 0deg,#ff3e6d 0%,#ff7a3e 10%,#ffcc00 20%,#d4ff00 30%,#4dff4d 40%,#00ffcc 50%,#4dc3ff 60%,#7a4dff 70%,#ff4de3 80%,#ff3e6d 90%);
}
/*斗地主*/
.desk > a[page="phone-poker"] > div,
.desk > a[page="admin-poker"] > div{
	color: white;
	text-shadow: 1px 1px 0 black;
	background: linear-gradient(135deg,#C62828 0%,#C62828 25%,#FDD835 25%,#FDD835 50%,#2E7D32 50%,#2E7D32 75%,#1A237E 75%,#1A237E 100%);
}
/*合集图拼接*/
.desk > a[page="admin-album"] > div{
	color: white;
	background: linear-gradient(145deg, #2C6CBC 0%, #4A90E2 40%, #7FBFFF 80%);
}
/*信息*/
.desk > a[page="admin-message"] > div{
	color: white;
	background: linear-gradient(135deg, #6BDB9C 0%, #07C160 70%, #00A854 100%);
}
/*调货*/
.desk > a[page="admin-find"] > div{
	color: white;
	background: linear-gradient(135deg, #f975ad, #c54d7a, #7c173a);
}
/*配货单*/
.desk > a[page="phone-list"] > div,
.desk > a[page="admin-bussiness"] > div,
.desk > a[page="admin-allocation"] > div{
	color: white;
	background: linear-gradient(145deg, #0A5C36 0%, #107C41 25%, #217346 50%, #2E8B57 75%, #107C41 100%);
}
/*折线图*/
.desk > a[page="phone-dashboard"] > div,
.desk > a[page="admin-dashboard"] > div{
	color: white;
	background: linear-gradient(90deg, #1e202d, #3c3f4f);
}
/*榜单*/
.desk > a[page="admin-ranking"] > div{
	color: white;
	background: linear-gradient(90deg, #1e202d, #3c3f4f);
}
/*账单*/
.desk > a[page="phone-bill"] > div,
.desk > a[page="admin-bill"] > div,
.desk > a[page="admin-bill-temp"] > div,
.desk > a[page="admin-bill-barcode"] > div{
	color: white;
	background: linear-gradient(90deg, #2196F3, #0D47A1);
}
/*公司*/
.desk > a[page="phone-company"] > div,
.desk > a[page="admin-company"] > div{
	color: #777;
	background: linear-gradient(135deg, #FAFAFA 0%, #E8E8E8 30%, #CCCCCC 70%, #B0B0B0 100%);
}
/*个人*/
.desk > a[page="phone-person"] > div,
.desk > a[page="admin-person"] > div{
	color: white;
	background: linear-gradient(135deg, #4A6FA5 0%, #2C3E50 100%);
}
/*订单记录*/
.desk > a[page="phone-orders"] > div,
.desk > a[page="admin-orders"] > div{
	color: white;
	background: linear-gradient(135deg, #3A2C7A 0%, #6d5bb2 50%, #4A3B8C 100%);
}
.desk > a[page="admin-orders-temp"] > div{
	color: white;
	background: linear-gradient(135deg, #3A2C7A 0%, #5A4B96 50%, #4A3B8C 100%);
}
/*贴纸*/
.desk > a[page="phone-stickers"] > div,
.desk > a[page="admin-stickers"] > div{
	color: white;
	background: linear-gradient(135deg, orange, darkorange);
}
.desk > a[page="admin-stickers-temp"] > div{
	color: white;
	background: linear-gradient(135deg, orange, darkorange);
}
/*数据导入*/
.desk > a[page="admin-import"] > div{
	color: white;
	background: linear-gradient(135deg, #2C3E50 0%, #3498DB 50%, #2C3E50 100%);
}
/*文件夹上传*/
.desk > a[page="admin-folder"] > div{
	color: white;
	background: linear-gradient(135deg, #2C3E50 0%, #3498DB 50%, #2C3E50 100%);
}
/*报货单*/
.desk > a[page="admin-purchase"] > div{
	color: white;
	background: linear-gradient(135deg, #C62828 0%, #E53935 50%, #FF5252 100%);
}
.desk > a[page="admin-purchase-temp"] > div{
	color: white;
	background: linear-gradient(135deg, #C62828 0%, #E53935 50%, #FF5252 100%);
}
/*我的商品*/
.desk > a[page="phone-store"] > div,
.desk > a[page="admin-goods"] > div{
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	background: conic-gradient(from 0deg,#00BFFF 0deg 45deg,#87CEFA 45deg 90deg,#FF69B4 90deg 135deg,#FFD700 135deg 180deg,#00FFFF 180deg 225deg,#A0CFFF 225deg 270deg,#E6E6FA 270deg 315deg,#0077cc 315deg 360deg);
}
/*我的工厂*/
.desk > a[page="admin-stocks"] > div{
	color: white;
	text-shadow: -1px -1px 0 black, 1px 1px 0 black;
	background: linear-gradient(
		135deg,
		#000 0%, #000 10%,
		#ff0 10%, #ff0 20%,
		#000 20%, #000 30%,
		#ff0 30%, #ff0 40%,
		#000 40%, #000 50%,
		#ff0 50%, #ff0 60%,
		#000 60%, #000 70%,
		#ff0 70%, #ff0 80%,
		#000 80%, #000 90%,
		#ff0 90%, #ff0 100%
	);
}
/*订单修改记录*/
.desk > a[page="admin-orderlogs"] > div{
	color: white;
	background: linear-gradient(145deg,#3E0000 0%,#8B0000 40%,#D32F2F 80%,#8B0000 100%);
}
/*优惠表*/
.desk > a[page="admin-discount"] > div{
	color: white;
	background: linear-gradient(135deg, #00D2B5 0%, #00C9FF 50%, #00FFE0 100%);
}
/*阿力图库*/
.desk > a[page="admin-alpicture"] > div{
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	background: linear-gradient(135deg,#2C3E50 0%,#3498DB 33%,#ECF0F1 66%,#F39C12 100%);
}
/*人事管理*/
.desk > a[page="phone-personnel"] > div,
.desk > a[page="admin-personnel"] > div{
	color: white;
	background: linear-gradient(to bottom, #1565C0 0%,#1565C0 33%,#42A5F5 33%,#42A5F5 66%,#90CAF9 66%,#90CAF9 100%);
}
/*入驻商家*/
.desk > a[page="phone-settled"] > div,
.desk > a[page="admin-settled"] > div{
	color: white;
	text-shadow: 1px 1px 0 black;
	background: linear-gradient(90deg, #0033cc 0%,#0033cc 50%,#ffff00 50%,#ffff00 100%);
}
/*秘钥*/
.desk > a[page="phone-secretkey"] > div,
.desk > a[page="admin-secretkey"] > div{
	color: white;
	background: linear-gradient(135deg, #006064 0%, #00838F 50%, #4DD0E1 100%);
}
/*收银台*/
.desk > a[page="phone-checkout"] > div{
	color: white;
	background: 
	repeating-linear-gradient(0deg, 
		transparent, 
		transparent 3px, 
		rgba(255, 255, 255, 0.2) 3px, 
		rgba(255, 255, 255, 0.2) 4px
	),
	repeating-linear-gradient(90deg, 
		transparent, 
		transparent 3px, 
		rgba(255, 255, 255, 0.1) 3px, 
		rgba(255, 255, 255, 0.1) 4px
	),
	linear-gradient(135deg, #111, #333, #111);
	background-size: 8px 8px, 8px 8px, 100% 100%;
}
/*收银记录*/
.desk > a[page="phone-checkout-history"] > div{
	color: white;
	background: 
	repeating-linear-gradient(0deg, 
		transparent, 
		transparent 3px, 
		rgba(255, 255, 255, 0.2) 3px, 
		rgba(255, 255, 255, 0.2) 4px
	),
	repeating-linear-gradient(90deg, 
		transparent, 
		transparent 3px, 
		rgba(255, 255, 255, 0.1) 3px, 
		rgba(255, 255, 255, 0.1) 4px
	),
	linear-gradient(135deg, #5D4037 0%, #8D6E63 50%, #5D4037 100%);
	background-size: 8px 8px, 8px 8px, 100% 100%;
}
/*订单校准*/
.desk > a[page="phone-calibrate"] > div{
	color: #0097d9;
	background: linear-gradient(
		45deg,
		#e0e9f7 0%, #e0e9f7 10%,
		#ffffff 10%, #ffffff 20%,
		#b6c6e4 20%, #b6c6e4 30%,
		#ffffff 30%, #ffffff 40%,
		#e0e9f7 40%, #e0e9f7 50%,
		#ffffff 50%, #ffffff 60%,
		#b6c6e4 60%, #b6c6e4 70%,
		#ffffff 70%, #ffffff 80%,
		#e0e9f7 80%, #e0e9f7 90%,
		#ffffff 90%, #ffffff 100%
	);
}