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

*{
	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);
	background: var(--BG01);
}

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(1px);
	-webkit-backdrop-filter: blur(1px);
}

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

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

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

.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);
	border-radius: 18px;
}

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

.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: 6px;
	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;
	border-radius: 12px;
}

/*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-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: cover;
	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: cover;
}

.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 78px;
	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: 26px;
	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;
}

.share-album-item{
	width: auto;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
}

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

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

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

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

/*
.share-album-item > div:nth-child(1){
	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: cover;
	border-radius: 24px;
	border: 2px solid var(--ShareBd);
}

.share-album-item > div:nth-child(2),
.share-album-item > div:nth-child(3),
.share-album-item > div:nth-child(4),
.share-album-item > div:nth-child(5){
	float: left;
	width: 100%;
	height: 16px;
	line-height: 16px;
	color: var(--ShareTx);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.share-album-item > div[name="price"]{
	font-weight: bold;
	color: red;
}
*/

/*库存表*/

.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: cover;
}

.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: cover;
}

.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);
}