/* 提示框美化 */
.qmsg.qmsg-wrapper {
	color:#909399;
	position:fixed;
	top:16px;
	left:0;
	z-index:9999;
	width:100%;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	line-height:20px
}
.qmsg .qmsg-item {
	padding:8px;
	text-align:center;
	-webkit-animation-duration:0.3s;
	animation-duration:0.3s;
	position:relative
}
.qmsg .qmsg-item .qmsg-count {
	position:absolute;
	left:-4px;
	top:-4px;
	background-color:red;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:2px;
	min-width:16px;
	height:16px;
	line-height:16px;
	-webkit-animation-duration:0.3s;
	animation-duration:0.3s
}
.qmsg .qmsg-item:first-child {
	margin-top:-8px
}
.qmsg .qmsg-content {
	text-align:left;
	position:relative;
	display:inline-block;
	padding:10px 16px;
	background:#fff;
	border-radius:4px;
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
	pointer-events:all;
	max-width:80%;
	min-width:80px
}
.qmsg .qmsg-content [class^='qmsg-content-'] {
	display:flex;
	align-items:center
}
.qmsg .qmsg-content .qmsg-content-with-close {
	padding-right:20px
}
.qmsg .qmsg-icon {
	display:flex;
	align-items:center;
	margin-right:8px
}
.qmsg .qmsg-icon svg {
	vertical-align:unset;
	width:20px;
	height:20px
}
.qmsg .qmsg-content-info .qmsg-icon {
	color:#1890ff
}
.qmsg .qmsg-icon-close {
	position:absolute;
	top:11px;
	right:5px;
	padding:0;
	overflow:hidden;
	font-size:12px;
	line-height:22px;
	background-color:transparent;
	border:none;
	outline:none;
	cursor:pointer;
	color:rgba(0,0,0,0.45);
	transition:color 0.3s
}
.qmsg .qmsg-icon-close:hover>svg path {
	stroke:#555
}
.qmsg .animate-turn {
	-webkit-animation:MessageTurn 1s linear infinite;
	animation:MessageTurn 1s linear infinite
}
@-webkit-keyframes MessageTurn {
	0% {
	-webkit-transform:rotate(0deg)
}
25% {
	-webkit-transform:rotate(90deg)
}
50% {
	-webkit-transform:rotate(180deg)
}
75% {
	-webkit-transform:rotate(270deg)
}
100% {
	-webkit-transform:rotate(360deg)
}
}@keyframes MessageTurn {
	0% {
	-webkit-transform:rotate(0deg)
}
25% {
	-webkit-transform:rotate(90deg)
}
50% {
	-webkit-transform:rotate(180deg)
}
75% {
	-webkit-transform:rotate(270deg)
}
100% {
	-webkit-transform:rotate(360deg)
}
}@-webkit-keyframes MessageMoveOut {
	0% {
	max-height:150px;
	padding:8px;
	opacity:1
}
to {
	max-height:0;
	padding:0;
	opacity:0
}
}@keyframes MessageMoveOut {
	0% {
	max-height:150px;
	padding:8px;
	opacity:1
}
to {
	max-height:0;
	padding:0;
	opacity:0
}
}@-webkit-keyframes MessageMoveIn {
	0% {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	opacity:1
}
}@keyframes MessageMoveIn {
	0% {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	opacity:1
}
}@-webkit-keyframes MessageShake {
	0%,100% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1
}
25%,75% {
	-webkit-transform:translateX(-4px);
	transform:translateX(-4px);
	opacity:0.75
}
50% {
	-webkit-transform:translateX(4px);
	transform:translateX(4px);
	opacity:0.25
}
}@keyframes MessageShake {
	0%,100% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1
}
25%,75% {
	-webkit-transform:translateX(-4px);
	transform:translateX(-4px);
	opacity:0.75
}
50% {
	-webkit-transform:translateX(4px);
	transform:translateX(4px);
	opacity:0.25
}
}
/* 文章页商品 */
.umPostApp{
    margin-top: 20px;
	margin-left: 1px;
}
.umPostApp .box h3{
	margin-bottom:15px;
	font-size:24px;
	font-family: 'IcoFont';
	font-weight:bold;
	color:var(--main);
	text-align:center;
}
.umPostApp .box .umDes {
	line-height:1.6;
	margin-bottom:5px;
	min-height:45px;
	max-height:45px;
	color:var(--main);
	overflow:hidden;
}
.umPostApp .box .umPrice {
	text-align:center;
	font-size:0;
	margin-bottom:5px;
}
.umPostApp .box .umPrice span {
	font-size:14px;
	margin-right:10px;
	opacity:.6
}
.umPostApp .box .umPrice em {
	font-size:26px;
	font-family:sans-serif;
	margin-left:2px;
	font-weight:800;
}
.umPostApp .box .umPrice .vip1 {
	color:var(--theme);
	opacity:1
}
.umPostApp .box .umPrice .vip2 {
	color:#c69353;
	opacity:1
}
.umPostApp .shopBtn {
	text-align:center;
	padding:10px 0
}
.shopBtn a {
	display:inline-block;
	height:40px;
	line-height:40px;
	min-width:110px;
	padding:0 10px;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	color:#fff;
	background:rgba(0,0,0,0) linear-gradient(120deg,#8f75fd 0%,#6364fd 100%);
	margin:0 14px 7px 0;
	border-radius:50px;
	box-shadow:0 5px 15px rgba(0,0,0,0.1);
	position:relative;
}
.shopBtn a:hover {
	transform:scale(1);
	opacity:1;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
}
.shopBtn a.reward {
	background:rgba(0,0,0,0) linear-gradient(120deg,#fc987e 0%,#f66896 100%)
}
.shopBtn a.down {
	background:rgba(0,0,0,0) linear-gradient(120deg,#02c4ff 0%,#049df9 100%)
}
.shopBtn span {
	cursor:pointer
}
.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {
	position:relative;
	display:block;padding:2px;
	box-sizing:border-box
}
#shangpinbeii {
	display: table;
	margin: 0 auto 15px auto !important;
	padding: 3px 9px;
	border-radius: 5px;
	background:var(--classG);
	width:100%;
}
@media (min-width: 576px) {
    .umPostApp{
        margin-top:20px;
    	margin-left:1px;
    }
    .umPostApp .shopBtn {
    	text-align:center;
    	padding:10px 0
    }
	.umPostApp .box .umPrice {
		text-align:center;
		font-size:0;
		margin-bottom:5px;
	}
	.umPostApp .box h3{
		text-align:center;
	}
}
@media (min-width: 768px) {
    .umPostApp{
        margin-top:10px;
    	margin-left:1px;
    }
    .umPostApp .shopBtn {
    	text-align:left;
    	padding:10px 0
    }
	.umPostApp .box .umPrice {
		text-align:left;
		font-size:0;
		margin-bottom:5px;
	}
	.umPostApp .box h3{
		text-align:left;
	}
}
@media (min-width: 992px) {
	.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {
		float:left
	}
	.layui-col-md1 {
		width:8.33333333%
	}
	.layui-col-md2 {
		width:16.66666667%
	}
	.layui-col-md3 {
		width:25%
	}
	.layui-col-md4 {
		width:33.33333333%
	}
	.layui-col-md5 {
		width:41.66666667%
	}
	.layui-col-md6 {
		width:50%
	}
	.layui-col-md7 {
		width:58.33333333%
	}
	.layui-col-md8 {
		width:66.66666667%
	}
	.layui-col-md9 {
		width:75%
	}
	.layui-col-md10 {
		width:83.33333333%
	}
	.layui-col-md11 {
		width:91.66666667%
	}
	.layui-col-md12 {
		width:100%
	}
}
.qyshipin_ji {
	margin: 15px 0;
}
.qyshipin_ji .box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px
}
.qyshipin_ji .box .item {
	height: 30px;
	line-height: 30px;
	border: 1px dashed #ccc;
	color: #000;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5px
}
.qyshipin_ji .box .item:hover {
	background-color:#00BBFF;
	color: #fff;
}
@media (min-width: 768px) {
	.qyshipin_ji .box {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 5px
	}
}
@media (min-width: 992px) {
	.qyshipin_ji .box {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 5px
	}
}