/*!
 * =====================================================
 * QQ88120375 timmy747 2025-鞋乐康
 * =====================================================
 */

body {
	/* Color 可以自定义相关配色 */
	/* var属性兼容性 调取用 color:var(--red)*/
	-webkit-text-size-adjust: 100% !important;
	/* for iOS */
	text-size-adjust: 100% !important;
	/* for others */
	--main: #609e29;
	--haojin: #fabe96;
	/* --anhui: #282940; */
	--anhui: #609e29;
	--anhui2: #3f4054;
	/* 标准色 */
	--red: #e54d42;
	--orange: #f37b1d;
	--yellow: #fbbd08;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	--blue: #0081ff;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #ff3f57;
	--brown: #a5673f;
	--grey: #8799a3;
	--black: #333333;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--white: #ffffff;
	/* 浅色 */
	--redLight: #fadbd9;
	--orangeLight: #fde6d2;
	--yellowLight: #fef2ce;
	--oliveLight: #e8f4d9;
	--greenLight: #d7f0db;
	--cyanLight: #d2f1f0;
	--blueLight: #cce6ff;
	--purpleLight: #e1d7f0;
	--mauveLight: #ebd4ef;
	--pinkLight: #f9d7ea;
	--brownLight: #ede1d9;
	--greyLight: #e7ebed;
	/* 渐变色 */
	--gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
	--gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
	--gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
	--gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
	--gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
	--gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
	/* 阴影透明色 */
	--ShadowSize: 6rpx 6rpx 8rpx;
	--redShadow: rgba(204, 69, 59, 0.2);
	--orangeShadow: rgba(217, 109, 26, 0.2);
	--yellowShadow: rgba(224, 170, 7, 0.2);
	--oliveShadow: rgba(124, 173, 55, 0.2);
	--greenShadow: rgba(48, 156, 63, 0.2);
	--cyanShadow: rgba(28, 187, 180, 0.2);
	--blueShadow: rgba(0, 102, 204, 0.2);
	--purpleShadow: rgba(88, 48, 156, 0.2);
	--mauveShadow: rgba(133, 33, 150, 0.2);
	--pinkShadow: rgba(199, 50, 134, 0.2);
	--brownShadow: rgba(140, 88, 53, 0.2);
	--greyShadow: rgba(114, 130, 138, 0.2);
	--grayShadow: rgba(114, 130, 138, 0.2);
	--blackShadow: rgba(26, 26, 26, 0.2);

	background-color: #F5F5F5;


}

@media screen and (min-width:1200px) {

	body {}

	#app {
		background-color: #F5F5F5;
		width: 375px !important;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 10px;
		height: 702px;
		margin: 40px auto 0 auto;
		position: relative;
		transform: translate(0, 0);
		border: #DDDDDD solid 1px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}

	::-webkit-scrollbar {
		width: 2px;
	}

	.mui-content {
		height: 700px !important;
		overflow: auto;
		position: relative;
	}

	.d-good-info {
		width: 375px !important;
	}

	.pop-submit {
		width: 375px;
	}

	.pop-cont {
		width: 375px !important;
		height: 700px !important;
	}

	.mui-backdrop.mui-active {
		display: none;
	}

	.mui-popover.mui-active {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	/* .mui-popover.mui-active::before{
	content:"";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	} */
}



body.white {
	background: #FFFFFF;
}

table,
form,
h1,
h2,
h3,
ul,
li,
ol,
dl,
dd,
dt,
span,
a,
em,
p {
	padding: 0px;
	margin: 0px;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.clearB {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

ul,
li {
	list-style: none;
}

.hide {
	display: none;
}

@font-face {
	font-family: "iconfont";
	src: url('iconfont.ttf') format('truetype');
	/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* 字体图标样式 */

[class*="ico-"] {
	font-family: "iconfont";
	font-size: inherit;
	font-style: normal;
}

.ico-partner::before {
	content: "\e75b" !important;
}

.ico-app::before {
	content: "\e705" !important;
}


.ico-bank::before {
	content: "\ebad" !important;
}

.ico-order::before {
	content: "\e6de" !important;
}

.ico-money::before {
	content: "\ebad" !important;
}

.ico-info::before {
	content: "\e619" !important;
}

.ico-store::before {
	content: "\e890" !important;
}

.ico-store2::before {
	content: "\e891" !important;
}


.ico-address::before {
	content: "\e906" !important;
}

.ico-map::before {
	content: "\ebad" !important;
}

.ico-member::before {
	content: "\ebad" !important;
}

.ico-list::before {
	content: "\ebad" !important;
}

.ico-level::before {
	content: "\e716" !important;
}

.ico-share::before {
	content: "\e6f3" !important;
}

.ico-share::before {
	content: "\e6a7" !important;
}

.ico-apply::before {
	content: "\e610" !important;
}

.ico-recommend::before {
	content: "\e6a7" !important;
}

.ico-take::before {
	content: "\e617" !important;
}

.ico-take-list::before {
	content: "\e615" !important;
}


.ico-get::before {
	content: "\ebad" !important;
}

.ico-good::before {
	content: "\e789" !important;
}

.ico-good-in::before {
	content: "\e6cf" !important;
}

.ico-good-out::before {
	content: "\e6cb" !important;
}

.ico-cart::before {
	content: "\e887" !important;
}

.ico-moneys::before {
	content: "\e616" !important;
}



.ico-help::before {
	content: "\e626" !important;
}

.ico-allocation::before {
	content: "\e613" !important;
}

.ico-allocation-list::before {
	content: "\e60e" !important;
}


.ico-account::before {
	content: "\e612" !important;
}

.ico-safe::before {
	content: "\e61a" !important;
}


.ico-team::before {
	content: "\eb9f" !important;
}


.ico-video::before {
	content: "\e74f" !important;
}

.ico-art::before {
	content: "\e65a" !important;
}

.ico-notice::before {
	content: "\e61f" !important;
}


/*vue 闪屏问题*/

[v-cloak] {
	display: none;
}

.bg-white {
	background-color: #FFFFFF !important;
}

.mui-content {
	background: none;
}

.mui-checkbox input[type=checkbox]:checked:before,
.mui-radio input[type=radio]:checked:before {
	color: var(--anhui);
}

.bottom-nav~.mui-content {
	padding-bottom: 50px;
}



/* 店铺底部菜单 */


.mui-bar.mui-bar-tab {
	background: #FCFCFC;
	border-top: #CCCCCC solid 1px;
	box-shadow: none;
}

.mui-bar-tab .mui-tab-item.mui-active {
	color: var(--anhui);
}

.mui-bar-tab .mui-icon {
	color: #999999;
}

.mui-bar-tab .mui-active {
	color: var(--anhui);
}

.mui-bar-tab .mui-active .mui-icon {
	color: var(--anhui);
}

.ico-search::before {
	font-family: "iconfont";
	content: "\e752";
	color: #FFFFFF;
}

.mui-title {
	font-size: 15px;
}

/* 首页页面 焦点图-广告ads-专区产品-产品分类-推荐产品*/

.index-head {
	line-height: 44px;
	color: #FFFFFF;
	display: inline-block;
}

.index-head .pic {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 9px;
	left: 10px;
	border-radius: 25px;
	overflow: hidden;
	background: url(user-head.jpg) no-repeat center;
	background-size: cover;
}

.index-head .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}


.index-head .name {
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 35px;
}

.index-head .name .level {
	display: inline-block;
	font-size: 12px;
	background: var(--anhui2);
	color: var(--haojin);
	padding: 0 10px;
	line-height: 20px;
	border-radius: 10px;
	margin-left: 5px;
	transform: scale(0.8);
	transform-origin: left;
}


/*首页焦点图*/

.index-slider {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	position: relative !important;
	overflow: hidden;

}

.index-slider .swiper-container {
	width: 100%;
	height: 360px;
}

.index-slider .swiper-slide img {
	display: block;
	border-radius: 0px;
	height: 360px;
}

.index-slider .swiper-slide .img {
	display: block;
	border-radius: 0px;
	height: 360px;
	background: no-repeat center;
	background-size: cover;
}

.content-slide {
	padding: 20px;
	color: #fff;
}

.pagination {
	position: absolute;
	left: 0px;
	text-align: right;
	box-sizing: border-box;
	padding-right: 15px;
	bottom: 10px;
	width: 100%;
	z-index: 9;
}

.swiper-pagination-bullet {
	width: 15px !important;
	height: 4px !important;
	display: inline-block;
	border-radius: 4px !important;
	background: #FFFFFF;
	opacity: .5;
	margin: 0 1px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #FFFFFF !important;
	opacity: 1;
}

.swiper-slide img {
	width: 100%;
}

/* 首页广告 */
.index-ads {
	position: relative;
	padding: 10px 10px 0 10px;
}

.index-ads img {
	display: block;
	border-radius: 5px;
	width: 100%;
}

.index-vip {
	padding: 0 5px 30px 5px;
	margin-top: 10px;
	position: relative;
}

.index-vip .pagination {
	text-align: center;
}

.index-vip .swiper-pagination-bullet {
	background-color: var(--haojin) !important;
}

.index-vip .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--anhui) !important;
}

.index-vip .pic {
	width: 100%;
	border-radius: 5px;
}

.index-vip .swiper-slide {
	padding: 0 5px !important;
}

.index-vip .name {
	font-size: 16px;
	color: #000000;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

/* 首页通知公告 */

.index-notice {
	background-color: #98644c;
	border-radius: 5px;
	padding-bottom: 5px;
	margin: 10px 10px 0 10px;
	/* box-shadow: 0 5px 10px rgba(0,0,0,0.2); */
}

.index-notice .tt {
	color: #f9e9d9;
	font-size: 14px;
	line-height: 25px;
	padding: 5px 10px;
	position: relative;
}

.index-notice .tt .more {
	position: absolute;
	right: 10px;
	font-size: 12px;
	color: #f9e9d9;
	opacity: 0.8;
	top: 5px;
	line-height: 25px;
}

.index-notice .tt .more::after {
	font-family: "iconfont";
	content: "\e707";
}

.index-notice .ul-cont {
	margin: 0 5px;
	padding: 10px 10px;
	border-radius: 5px;
	background-color: #f9e9d9;

}

.index-notice .ul {
	height: 60px;
	overflow: hidden;
}

.index-notice .li {
	font-size: 14px;
	color: #333333;
	line-height: 30px !important;
	height: 30px !important;
	margin: 0;
	overflow: hidden;
	position: relative;
	padding-left: 15px;
}

.index-notice .li::before {
	font-family: "iconfont";
	content: "\e69c";
	color: var(--orange);
	position: absolute;
	left: 0px;
	top: 0;
}

.index-notice .li a {
	color: #333333;
}



.index-cate {
	margin-top: 10px;
	padding: 0 0px 0 10px;
	clear: both;
}

.index-cate ul {
	/* display: flex;
	flex-wrap: wrap; */
}

.index-cate ul li {
	box-sizing: border-box;
	margin-bottom: 10px;
	break-inside: avoid;
	float: left;
	width: 50%;
	padding-right: 10px;
}

.index-cate ul li img {
	width: 100%;
	display: block;
	height: 150px;
}

.index-cate ul li:first-child img {
	height: 309px;
}

.index-cate ul li:nth-child(1) {}


.index-cate ul li:nth-child(6) {
	width: 100%;
}

.index-cate ul li:nth-child(7) {
	width: 100%;
}

.index-cate ul li:nth-child(6) img {
	width: 100%;
	display: block;
	height: auto;
}

.index-cate ul li:nth-child(7) img {
	width: 100%;
	display: block;
	height: auto;
}




.index-product {}


.index-member {}


/* 顶部搜索 */


/* 用户中心 */


.user-cont {}

.user-cont-top {
	padding: 20px 60px 20px 100px;
	background: var(--main);
	position: relative;
	height: 105px;
	color: var(--white);
}

.user-cont-top .head {
	width: 65px;
	height: 65px;
	position: absolute;
	border-radius: 5px;
	top: 20px;
	left: 20px;
}

.user-cont-top .head img {
	width: 65px;
	height: 65px;
	border-radius: 5px;

}

.user-cont-top .head .wx-ico {
	position: absolute;
	right: -5px;
	bottom: -7px;
	height: 25px;
	width: 25px;
	background: url(wx-ico.png) no-repeat center;
	background-size: contain;
}

.user-cont-top .name {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ffffff;
	line-height: 25px;
	padding-right: 25px;
	position: relative;
	margin-top: 0px;
}

.user-cont-top .name span {
	color: var(--white);
	font-size: 13px;
	padding-left: 4px;
}

.user-cont-top .name i {
	font-style: normal;
	position: absolute;
	right: 0;
}

.user-cont-top .name i:before {
	font-family: "iconfont";
	font-size: 20px;
}

.user-cont-top .name a {
	color: var(--white);
}


.user-cont-top .tel {
	font-size: 12px;
	color: var(--white);
	line-height: 15px;
	display: block;
	opacity: 0.9;
}

.user-cont-top .tel:active {
	color: var(--haojin);
}

.user-cont-top .niu {
	position: absolute;
	width: 40px;
	line-height: 25px;
	right: 15px;
	top: 20px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.user-cont-top .niu::before {
	background: url(niu0.png) no-repeat center;
	background-size: contain;
	height: 40px;
	width: 40px;
	display: block;
	content: "";
}

.user-cont-top .niu i {
	font-style: normal;
	box-sizing: content-box;
	line-height: 20px;
	font-size: 0.625rem !important;
	display: inline-block;
	background: #f2662c;
	color: #FFFFFF;
	width: 20px;
	border-radius: 20px;
	border: #fecc41 solid 2px;
	transform: translateY(-5px);
}

.user-cont-top .level {
	font-size: 12px;
	color: var(--haojin);
	line-height: 25px;
	display: block;
}

.user-cont-top .tags {
	font-size: 0.625rem;
	margin-top: 4px;
	line-height: 20px;
	display: block;
}

.user-cont-top .tags span {
	margin-right: 5px;
	background-color: var(--anhui2);
	padding: 2px 5px;
	border-radius: 5px;
	color: var(--white);
}



.user-cont-top .code-pic {
	position: absolute;
	right: 20px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	top: 50%;
	margin-top: -20px;
}

.user-cont-top .code-pic:before {
	font-family: "iconfont";
	content: "\e7dd";
	color: var(--anhui);
	font-size: 30px;
}

.item-cont>ul {
	background: #FFFFFF;
	margin-top: 15px;
}

.item-cont>ul li {
	position: relative;
	padding: 10px 15px 10px 90px;
	line-height: 30px;
	min-height: 50px;
}

.item-cont>ul li:after {
	position: absolute;
	bottom: 0px;
	left: 15px;
	right: 0px;
	background: #ebebeb;
	height: 1px;
	content: "";
}

.item-cont>ul li .link {
	display: block;
	margin: -10px -15px -10px -90px;
	padding: 10px 15px 10px 90px;
	height: 50px;
}




.item-cont>ul li .link:after {
	font-family: "iconfont";
	content: "\e707";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #b2b2b2;
}

.item-cont>ul li .link:active {
	background: #F7F7F7;
}

.item-cont>ul li .tt {
	font-size: 15px;
	color: #3d3d3d;
	display: inline-block;
	left: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.item-cont>ul li .tt.ico {
	padding-left: 33px;
}


.item-cont>ul li .tt.ico::before {
	position: absolute;
	left: -2px;
	top: 2px;
	font-size: 18px;
	line-height: 25px;
	color: var(--haojin);
	background-color: var(--anhui);
	height: 25px;
	text-align: center;
	width: 25px;
	border-radius: 25px;
}



.item-cont>ul li .tips {
	display: block;
	text-align: right;
	padding-right: 15px;
	color: #666666;
}

.item-cont>ul li .cont {
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	padding: 5px 0;
	padding: 0;
}

.item-cont>ul li .input {
	font-size: 15px;
	height: 30px;
	margin-bottom: 0;
}

.item-cont>ul li .input-s {
	font-size: 15px;
	border: none;
	height: 30px;
	margin-bottom: 0;
	background-color: #F3F3F3;
	text-align: center;
	color: #333333;
	width: 50px;
	float: left;
}

.item-cont>ul li .right-ico {
	position: absolute;
	right: 12px;
	top: 12px;
	height: 25px;
	background-color: var(--haojin);
	color: var(--haojinanhui);
	padding: 0 10px;
	line-height: 25px;
	border-radius: 25px;
	font-size: 12px;
}

.f-left {
	float: left;
	margin: 0 5px;
}


.item-cont>ul li i {
	display: block;
	width: 16px;
	height: 16px;
	background: var(--red);
	border-radius: 8px;
	position: absolute;
	top: 17px;
	right: 30px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	font-style: normal;
}


.item-cont>ul li .link .tips {
	color: #666666;
	font-size: 15px;
	padding-right: 15px;
	text-align: ;
}

.item-cont>ul li.head {
	height: 75px;
}

.item-cont>ul li.head .link {
	height: 75px;
}

.item-cont>ul li .input {
	border: none;
	padding: 0;
	color: #222222;
}

.help-tips {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	color: #999999;
}

.user-pic {
	width: 50px;
	height: 50px;
	top: 12px;
	right: 30px;
	position: absolute;
}

.user-pic img {
	width: 50px;
	height: 50px;
	border-radius: 5px;
}

.tips-title {
	font-size: 12px;
	color: var(--anhui);
	padding: 10px 15px;
	line-height: 20px;
}

.add-frame .item-cont>ul li {
	padding: 10px 0px 10px 75px;
}

.add-frame .item-cont>ul li:after {
	left: 0px;
}

.add-frame .item-cont>ul li .link {
	margin: -10px -0px -10px -75px;
	padding: 10px 0px 10px 75px;
}

.add-frame .item-cont>ul li .tt {
	left: 0px;
}


.add-frame .item-cont>ul li .link .tips {
	padding-right: 5px;

}

.add-frame .item-cont>ul li .link:after {
	right: 0px;
}

/*个人中心ico快捷列表*/

.user-ico-list {
	border-radius: 5px;
	background: #FFFFFF;
	margin: 15px;
}

.user-ico-list-tt {
	font-size: 16px;
	color: #333333;
	line-height: 50px;
	font-weight: 500;
	padding-left: 16px;
}

.user-ico-list ul {
	border-top: #eaeaea solid 1px;
	display: flex;
	flex-wrap: wrap;
}

.user-ico-list ul li {
	width: 25%;
	/* border-bottom: #eaeaea solid 1px;
	border-right: #eaeaea solid 1px; */
	min-height: 85px;
}

/* .user-ico-list .ul .li:nth-child(4n) {
	border-right: 0;
}
 */
.user-ico-list ul li a {
	display: block;
	text-align: center;
	padding: 10px 0;
}

.user-ico-list ul li a span {
	display: block;
	line-height: 25px;
	font-size: 12px;
	color: #333333;
	position: relative;
}

.user-ico-list ul li a span i {
	position: absolute;
	display: inline-block;
	top: -5px;
	left: 50%;
	min-width: 20px;
	height: 20px;
	color: #FFFFFF;
	transform: scale(0.8);
	margin-left: 0px;
	font-size: 0.625rem;
	border-radius: 20px;
	text-align: center;
	padding: 0 4px;
	line-height: 20px;
	font-style: normal;
	background: #F06E57;
	font-family: arial;
	border-bottom-left-radius: 0;
}

.user-ico-list ul li a span:before {
	font-family: "iconfont";
	content: "\e715";
	height: 45px;
	line-height: 45px;
	width: 45px;
	margin: 0 auto;
	/* background-color: #f9f8c0; */
	border-radius: 45px;
	color: #333333;
	display: block;
	font-size: 27px;
}

.user-ico-list ul li a span em {
	display: block;
	font-size: 0.75rem;
	line-height: 1rem;
	color: var(--orange);
	font-style: normal;

}


/*购物车，涉及多服务中心，参考淘宝购物车*/

.user-cart-top {
	background: var(--anhui);
	height: 100px;
	line-height: 25px;
	padding: 5px 15px;
}

.user-cart-top2 {
	background: #ff8100;
	height: 30px;
	line-height: 25px;
	padding: 5px 15px;
}

.cart-top-address {
	position: relative;
	padding: 15px 40px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	background: #FFFFFF;
	margin-bottom: 10px;
}

.cart-top-address:before {
	font-family: "iconfont";
	content: "\e6f2";
	position: absolute;
	top: 50%;
	left: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 24px;
	transform: translateY(-50%);
	color: #999999;
}

.cart-top-address:after {
	font-family: "iconfont";
	content: "\e6f9";
	position: absolute;
	top: 50%;
	right: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 24px;
	transform: translateY(-50%);
	color: #CCCCCC;
}

.user-cart-bottom {
	border-top: #EEEEEE solid 1px;
	background: #FFFFFF;
	height: 55px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0px;
	text-align: right;
	padding: 10px 0;
}

.user-cart-bottom .radio {
	position: absolute;
}

.user-cart-bottom .total {
	line-height: 40px;
	color: #666666;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}

.user-cart-bottom .total b {
	color: #F0981C;
	font-family: arial;
	font-size: 16px
}

.user-cart-bottom .btn {
	background: var(--haojin);
	border-radius: 17px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 20px;
	display: inline-block;
	color: var(--anhui);
	margin-right: 10px;
	font-size: 16px border:none;
}

.user-cart-num {
	font-size: 12px;
	color: #FFFFFF;
}

.user-cart-cont {
	margin: 12px;
	transform: translateY(-70px);
	overflow: hidden;
	margin-bottom: -70px;
}

.user-cart-cont.m-0 {
	margin: 0px;
	transform: translateY(0px);
	overflow: hidden;
	margin-bottom: 50px;
}

.user-cart-cont.m-0 ul {
	border-radius: 0px;
}

.user-cart-cont ul {
	border-radius: 10px;
	background: #FFFFFF;
	padding: 20px 15px;
	margin-bottom: 12px;
}

.user-cart-cont ul:last-child {
	margin-bottom: 0;
}

.user-cart-cont ul li {
	padding-left: 36px;
	position: relative;
	margin-bottom: 15px;
}

.user-cart-cont ul li:last-child {
	margin-bottom: 0;
}


.user-cart-cont ul li .radio {
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}

.user-cart-cont ul li.shop .radio {
	margin-top: 3px;
}

.user-cart-cont ul li .radio .mui-checkbox input[type=checkbox] {
	right: 0;
	top: 0px;
	height: 24px;
	width: 24px;
}

.user-cart-cont ul li .radio .mui-checkbox input[type=checkbox]:before {
	font-size: 24px
}

.user-cart-cont ul li .radio .mui-checkbox input[type=checkbox]:checked:before {
	color: #F0981C;
}

.user-cart-cont ul li .pic {
	width: 90px;
	height: 75px;
	float: left;
	display: inline;
}

.user-cart-cont ul li .pic img {
	width: 75px;
	height: 75px;
	background: center no-repeat;
	background-size: cover;
}

.user-cart-cont ul li .info {
	display: inline;
}

.user-cart-cont ul li .info .title {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user-cart-cont ul li .info .title a {
	color: #333333;
}

.user-cart-cont ul li .info {
	height: 22px;
	line-height: 22px;
}

.user-cart-cont ul li .info .name {
	font-size: 12px;
	display: block;
}

.user-cart-cont ul li .info .name a {
	color: #666666;
}

.user-cart-cont ul li .info .name:before {
	font-size: 14px;
	font-family: "iconfont";
	color: #555555;
	content: "\e625";
	margin-right: 5px;
	display: inline-block;
}

.user-cart-cont ul li .info .num {
	display: inline-block;
	float: right;
	font-size: 12px;
	width: 84px;
}

.user-cart-cont ul li .info .num .mui-numbox {
	transform: scale(0.7);
	transform-origin: left;
}

.user-cart-cont ul li .info .price {
	font-size: 13px;
	color: #F0981C;
	float: left;
	display: inline-block;
	line-height: 35px;
}

.user-cart-cont ul li .info .price span {
	color: #999999;
	font-size: 12px;
	margin-left: 5px;
}

.user-cart-cont ul li .info .tags {
	font-size: 12px;
	display: block;
	color: #999999;
	margin-top: 5px;
}

.user-cart-cont ul li .info .tags span {
	display: inline-block;
	padding: 0 8px;
	background-color: #f7f7f7;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
}




/*.user-cart-none {
	margin: 12px;
	transform: translateY(-70px);
	overflow: hidden;
	margin-bottom: -70px;
	background: #FFFFFF url(shop-cart.png) no-repeat center;
	background-size: 120px 120px;
	border-radius: 10px;
	text-align: center;
	height: 400px;
}*/

.user-cart-none {
	position: absolute;
	left: 12px;
	top: 95px;
	right: 12px;
	bottom: 65px;
	overflow: hidden;
	background: #FFFFFF url(shop-cart.png) no-repeat center;
	background-size: 120px 120px;
	border-radius: 10px;
	text-align: center;
}

.user-cart-none.n2 {
	background-image: url(shopcart2.png);
}

.user-cart-none.tp {
	top: 160px;
}

/* 编辑页面 */

.edit-text-tips {
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	color: #999999;
	padding: 5px 10px;
	margin-top: 15px;
}

.edit-input-cont {
	background: #FFFFFF;
	padding: 5px;
	margin-top: 15px;
}

.edit-input-cont input {
	border: none;
	margin-bottom: 0px;
	font-size: 15px;
	color: #666666;
}

.edit-input-cont textarea {
	border: none;
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
}

.edit-input-tips {
	font-size: 12px;
	color: #666666;
	padding: 10px 15px;
}

.edit-input-cont-btn {
	width: 50%;
	line-height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	background: #ff8100;
	display: block;
	text-align: center;
	margin: 15px auto 0 auto;
	border-radius: 5px;
	transition: all 0.3s;
	border: none;
	padding: 0px;
}

.edit-input-cont-btn:active {
	background: #FC5100;
}

.mui-switch.mui-active {
	background-color: #DE403F;
	border-color: #DE403F;
}



/* 搜索页面 */

.top-search-text {
	left: 45px;
	right: 10px;
	height: 30px;
	line-height: 30px;
	top: 7px;
	position: absolute;
	font-size: 12px;
	color: #666666 !important;
	text-align: center;
	background-color: #FFFFFF;
	display: block;
	border-radius: 5px;
}

.top-search-cont {
	left: 45px;
	right: 65px;
	height: 30px;
	line-height: 30px;
	top: 7px;
	position: absolute;
}

.top-search-cont.s-index {}

.top-search-cont.s-index select {
	position: absolute;
	left: -10px;
	top: -1px;
	width: 60px;
	padding: 0 10px;
	line-height: 30px;
	background: #F3F3F3;
	font-size: 14px;
	color: #333333;
	text-align: center;
}

.top-search-cont.s-index .ico {
	position: absolute;
	left: 35px;
	top: 5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	display: block;
	z-index: 3;
	font-style: normal;
}

.top-search-cont.s-index .ico:before {
	font-family: "iconfont";
	content: "\e614";
	font-size: 12px;
	color: #666666;
}

.top-search-cont input[type=text].top-search-input {
	border-radius: 4px;
	background: #FFFFFF !important;
	font-size: 12px;
	color: #333333;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: none !important;
	display: block;
	position: absolute;
	right: 0px;
	left: 0px;
}


.top-search-cont.s-index input[type=text].top-search-input {
	border-radius: 4px;
	background: #FFFFFF !important;
	font-size: 12px;
	color: #333333;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: none !important;
	display: block;
	position: absolute;
	right: 10px;
	left: 45px;
}




button.top-search-btn {
	position: absolute;
	right: 5px;
	top: 7px;
	height: 30px;
	box-sizing: border-box;
	line-height: 30px;
	padding: 0;
	width: 50px;
	border: none;
	font-size: 14px;
}


.search-key {
	background-color: #FFFFFF;
	padding: 0.9375rem;
	margin-bottom: 0.9375rem;
}

.search-key .tt {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.875rem;

}

.search-key .tt b {}

.search-key .del {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
}

.search-key .del::before {
	font-family: "iconfont";
	content: "\e74b";
	color: #999999;
	font-size: 20px;
}

.search-key ul {}

.search-key ul li {
	background: #f0f1f3;
	padding: 0px 12px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	font-size: 12px;
	margin: 10px 10px 0px 0px;
	border-radius: 12px;
	color: #888888;
}

.search-key ul li a {
	display: block;
	color: #888888;
}

.main-tt {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.875rem;
	padding: 0 15px;
}

.main-tt b {}

.news-list {}

.news-list ul {}

.news-list ul li {
	background: #FFFFFF;
	margin: 15px 10px;
	border-radius: 5px;
	padding: 15px;
	overflow: hidden;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
}

.news-list ul li {}

.news-list ul li .pic {
	background: center no-repeat;
	background-size: cover;
	margin-bottom: 10px;
	height: 150px;
	border-radius: 5px;
	overflow: hidden;
}

.news-list ul li .pic img {
	width: 100%;
	display: block;
	border-radius: 5px;
}

.news-list ul li .cont {}

.news-list ul li .title {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	margin-bottom: 5px;
}

.news-list ul li .title i {
	background: #FC5E17;
	font-size: 12px;
	padding: 2px 8px;
	font-style: normal;
	margin-right: 10px;
	color: #FFFFFF;
	border-radius: 3px;
	float: left;
	line-height: 20px;
}

.news-list ul li .info {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.news-list ul li .time {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}



/*文章详情页*/

.news-cont {
	background: #FFFFFF;
	padding: 15px;
}

.news-cont .title {
	font-size: 18px;
	color: black;
	line-height: 1.8em;
	font-weight: 700;
}

.news-cont .time {
	color: #999999;
	font-size: 12px;
	line-height: 1.8em;
}

.news-cont .cont {
	font-size: 14px;
	line-height: 25px;
	color: #555555;
}

.news-cont .cont img {
	max-width: 100%;
	display: block;
}


/* 直播列表 */
.video-list {}

.video-list ul {
	display: flex;
	flex-wrap: wrap;
	padding: 8px;
}

.video-list ul li {
	width: 50%;
	padding: 7px;
}

.video-list ul li .a {}


.video-list ul li .pic {
	width: 100%;
	height: 100px;
	position: relative;
	background-color: #F7F7F7;
	background-size: cover;
}

.video-list ul li .pic .img {
	width: 100%;
	height: 100px;
	background: center no-repeat;
	background-size: cover;
}

.video-list ul li .title {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	padding-top: 5px;
	max-height: 45px;
	overflow: hidden;
}

.video-list ul li .tips {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}

.video-list ul li .num {
	position: absolute;
	z-index: 10;
	left: 10px;
	bottom: 0;
	line-height: 25px;
	color: var(--haojin);
	font-size: 0.6875rem;
}


.video-list ul li .num::before {
	font-family: "iconfont";
	content: "\e77f";
	float: left;
	margin-right: 2px;
	font-size: 13px;
}


/*使用列表*/

.consume-list {
	background: #FFFFFF;
}

.consume-list ul {}

.consume-list ul li {
	padding: 15px 60px 15px 70px;
	position: relative;
}

.consume-list ul li:active {
	background: #DDDDDD;
}

.consume-list ul li:before {
	position: absolute;
	top: 17px;
	left: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: var(--orange);
	font-size: 40px;
	text-align: center;
	font-family: "iconfont";
	content: "\e814";
}

/* 普通消费 i1充值卡 i2次卡消费 i3时卡消费 i4充值  i5预约 */
.consume-list ul li.i1:before {
	color: var(--cyan);
	content: "\e810";
}

.consume-list ul li.i2:before {
	color: var(--blue);
	content: "\e80c";
}

.consume-list ul li.i3:before {
	color: var(--green);
	content: "\e815";
}

.consume-list ul li.i4:before {
	color: var(--red);
	content: "\e80d";
}

.consume-list ul li.i5:before {
	color: var(--red);
	content: "\e814";
}



.consume-list ul li.point:before {
	color: var(--cyan);
	content: "\e80d";
}

.consume-list ul li.pointUse:before {
	color: var(--orange);
	content: "\e80d";
}

.consume-list ul li.pointUse .price {
	color: #333333 !important;
}

.consume-list ul li.plus:before {
	color: var(--blue) !important;
}

.consume-list ul li.ope:before {
	color: var(--cyan);
	content: "\e812";
}

.consume-list ul li:after {
	height: 1px;
	position: absolute;
	right: 0;
	left: 70px;
	bottom: 0;
	background: #EEEEEE;
	content: "";
}

.consume-list ul li a {}

.consume-list ul li .title {
	color: #3D3D3D;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.consume-list ul li .title span {
	color: #666666;
}

.consume-list ul li .name {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.consume-list ul li .time {
	color: #999999;
	font-size: 12px;
	line-height: 20px
}

.consume-list ul li .price {
	position: absolute;
	display: block;
	color: var(--red);
	font-size: 18px;
	line-height: 25px;
	right: 15px;
	top: 15px;
	font-family: arial;
	font-weight: 500;
}

.consume-list ul li .type {
	position: absolute;
	display: block;
	color: var(--gray);
	font-size: 12px;
	line-height: 20px;
	right: 15px;
	top: 40px;
	font-family: arial;
}


/* 充值消费页面 */

.consume-detail {
	background: #FFFFFF;
}



.consume-detail-top {

	padding-top: 10px;
}

.detail-top-title {
	position: relative;
	padding: 10px 15px 15px 65px;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
	margin-bottom: 0px;
}

.detail-top-title:after {
	height: 1px;
	background: #DDDDDD;
	left: 15px;
	right: 15px;
	bottom: 0;
	content: "";
	position: absolute;
}


.detail-top-title i:before {
	width: 35px;
	height: 35px;
	font-family: "iconfont";
	content: "\e800";
	color: #FFFFFF;
	border-radius: 35px;
	position: absolute;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
	background: royalblue;
	top: 10px;
	left: 15px;
	font-style: normal;
}

.detail-top-title i.money:before {
	background: var(--orange);
	content: "\e759";
}

.detail-top-title i.point:before {
	background: var(--green);
	content: "\e714";
}

/* 类型：余额积分次数 */
.detail-number {
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: right;
	padding: 0 15px;
	margin-top: 10px;
}

.detail-number .title {
	position: absolute;
	color: black;
	left: 15px;
	font-size: 16px;
	font-weight: 300;
	top: 0;
}

.detail-number .num {
	font-size: 36px;
	font-weight: 300;
	color: black;
}

/* 左右形式的详情 */
.detail-item {
	padding: 5px 15px;
}

.detail-item .item {
	padding: 5px 0px 5px 70px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	min-height: 30px;
	text-align: right;
	position: relative;

}

.detail-item .item .tt {
	position: absolute;
	left: 0;
	top: 5px;

}

.detail-item .item .cont {}



.detail-center-title {
	line-height: 40px;
	font-size: 16px;
	color: black;
	text-align: center;
	height: 40px;
}

.detail-center-title span {
	display: inline-block;
	position: relative;
}

.detail-center-title span:before {
	width: 70px;
	left: -85px;
	height: 1px;
	top: 50%;
	background: #DDDDDD;
	position: absolute;
	content: "";
}

.detail-center-title span:after {
	width: 70px;
	right: -85px;
	height: 1px;
	top: 50%;
	background: #DDDDDD;
	position: absolute;
	content: "";
}



/*积分详情转跳消费详情*/



/* 有内容白色背景容器框 */
.add-frame {
	margin: 25px 15px;
	background: #FFFFFF;
	min-height: 40vh;
	padding: 25px;
	position: relative;
	border-radius: 5px;
}

.add-frame.shop {
	margin-top: 50px;
	padding-top: 40px;
}

.add-frame .add-item {
	margin-left: -15px;
}

.add-frame .detail-item {
	margin-left: -15px;
	margin-right: -15px;
}

.add-frame .operation-list {
	text-align: center;
	padding-top: 15px;
	margin-top: 10px;
}

.add-frame.shop .head {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: -35px;
	transform: translateX(-35px);
	background: no-repeat center;
	background-size: cover;
	border: #FFFFFF solid 2px;
	border-radius: 100%;

}



.add-frame .center-title {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	color: #666666;
}

.add-frame.shop .center-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	color: black;
}

.gray-bg {
	background: #f7f7f7 !important;
}

.add-frame .about-tips {
	font-size: 12px;
	color: #666666;
	padding: 15px 0;
	line-height: 20px;
}


.user-money {
	background: #FFFFFF;
}

.user-money .time-title {
	font-size: 14px;
	color: #999999;
	border-bottom: #EEEEEE dashed 1px;
	line-height: 30px;
	padding-bottom: 5px;
	text-align: center;
	margin-bottom: 10px;
}

.user-money ul {
	box-sizing: border-box;
	display: flex;
}

.user-money ul li {
	flex: 1.0;
	text-align: center;
}

.user-money ul.l3 {
	flex-wrap: wrap;
}

.user-money ul.l3 li {
	width: 33.33%;
	margin: 5px 0;
	flex: auto;
}

.user-money ul li a {
	color: #666666;
	padding: 15px 15px 0 15px;
	display: block;
}

.user-money ul li i {
	font-style: normal;
	display: block;
	font-size: 12px;
}

.user-money ul li span {
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 500;
	padding-top: 5px;
}


/*发布信息及修改页面*/



.shop-index-menu {}

.shop-index-menu {
	/* 	border-top-left-radius: 15px;
	border-top-right-radius: 15px; */
	background: #FFFFFF;
	margin: 15px 0;
}

.shop-index-menu-tt {
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	padding-left: 18px;
}

.shop-index-menu ul {
	padding: 0px 0px;
}

.shop-index-menu ul li {
	width: 33.333%;
	border-top: #eaeaea solid 1px;
	border-right: #eaeaea solid 1px;
	float: left;
}

.shop-index-menu ul li:nth-child(3n) {
	border-right: 0;
}

.shop-index-menu ul li:nth-child(1) {
	border-top: 0;
}

.shop-index-menu ul li:nth-child(2) {
	border-top: 0;
}

.shop-index-menu ul li:nth-child(3) {
	border-top: 0;
}



.shop-index-menu ul li a {
	display: block;
	text-align: center;
	padding: 20px 0 10px 0;
}

.shop-index-menu ul li a span {
	display: block;
	line-height: 25px;
	font-size: 13px;
	color: #5c5c5c;
	position: relative;
}


.shop-index-menu ul li a span:before {
	font-family: "iconfont";
	content: "\e732";
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 24px;
	width: 50px;
	border-radius: 7px;
	background: var(--gradualGreen);
	margin: 0 auto 5px auto;
	color: #FFFFFF;
}

.market-tips {
	text-align: center;
	font-size: 14px;
	background-color: #FFFFFF;
	line-height: 50px;
	color: #666666;
	margin: 15px 0;

}


/* 会员首页 */

.member-index {
	background: var(--blue);
	padding-top: 10px;
}


.member-index-top {
	padding: 15px 20px 15px 20px;
	position: relative;
	height: 100px;
}


.member-index-top .pic {
	width: 67px;
	height: 67px;
	position: absolute;
	left: 15px;
	top: 15px;
}

.member-index-top .pic img {
	width: 65px;
	height: 65px;
	border-radius: 65px;
}

.member-index-top .info {
	padding-left: 75px;
	position: relative;
	height: 67px;
	color: white;
}

.member-index-top .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	padding-top: 0px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.member-index-top .tips {
	font-size: 12px;
	display: block;
	line-height: 20px;
}

.member-index-top .tips a {
	color: white;
}

.member-index-top .level {
	font-size: 12px;
	display: block;
	line-height: 20px;
}

.member-index-top .code {
	color: white;
	position: absolute;
	display: inline-block;
	right: 20px;
	top: 25px;
	line-height: 40px;
	font-size: 26px;

}

.member-index-top .code:before {
	font-family: "iconfont";
	content: "\e7dd"
}

.member-index .shop-index-info ul li a {
	color: white;
}


/* 字体图标样式 */

[class*="cxIcon-"] {
	font-family: "iconfont";
	font-size: inherit;
	font-style: normal;
}


.cxIcon-home::before {
	content: "\e6b9";
}

.cxIcon-shop::before {
	content: "\e88a";
}

.cxIcon-store::before {
	content: "\e81b";
}

.cxIcon-cart::before {
	content: "\e6af";
}

.cxIcon-news::before {
	content: "\e7c0";
}

.cxIcon-my::before {
	content: "\e8c8";
}

.cxIcon-video::before {
	content: "\e7c8";
}

.mui-active .cxIcon-home::before {
	content: "\e6bb";
}

.mui-active .cxIcon-shop::before {
	content: "\e889";
}

.mui-active .cxIcon-store::before {
	content: "\e81c";
}


.mui-active .cxIcon-cart::before {
	content: "\e6ba";
}


.mui-active .cxIcon-news::before {
	content: "\e7bf";
}

.mui-active .cxIcon-my::before {
	content: "\e8c9";
}

.mui-active .cxIcon-video::before {
	content: "\e7c7";
}


.cxIcon-coin:before {
	content: "\e7de" !important;
}

.cxIcon-money:before {
	content: "\e6ed" !important;
}

.cxIcon-search:before {
	content: "\e752" !important;
}



.cxIcon-card:before {
	content: "\e6f7" !important;
}

.cxIcon-mine:before {
	content: "\e7d6" !important;
}

.cxIcon-member:before {
	content: "\e7f3" !important;
}

.cxIcon-activity:before {
	content: "\e6f1" !important;
}

.cxIcon-sweep:before {
	content: "\e738" !important;
}

.cxIcon-list:before {
	content: "\e6de" !important;
}


.cxIcon-msg:before {
	content: "\e71f" !important;
}


.cxIcon-add:before {
	content: "\e65b" !important;
}



.cxIcon-up:before {
	content: "\e655" !important;
}

.cxIcon-down:before {
	content: "\ec55" !important;
}

.cxIcon-reserve:before {
	content: "\e6ef" !important;
}

.sIcon-my-rec:before {
	content: "\e6ca" !important;
	background: var(--blue) !important;
}

.sIcon-rec-list:before {
	content: "\e7f4" !important;
	background: var(--green) !important;
}

.sIcon-money-list:before {
	content: "\e6ed" !important;
	background: var(--orange) !important;
}

.sIcon-my-level:before {
	content: "\e715" !important;
	background: var(--anhui) !important;
	color: var(--haojin) !important;
}

.sIcon-my-com:before {
	content: "\e7ed" !important;
	background: var(--yellow) !important;
}

.sIcon-my-order:before {
	content: "\e7c0" !important;
	background: var(--red) !important;
}

.sIcon-card-consu:before {
	content: "\e677" !important;
	background: var(--blue) !important;
}

.sIcon-point-add:before {
	content: "\e715" !important;
	background: var(--yellow) !important;
}

.sIcon-point-exchange:before {
	content: "\e715" !important;
	background: var(--cyan) !important;
}

.sIcon-member-list:before {
	content: "\e6cc" !important;
	background: var(--brown) !important;
}

.sIcon-reserve:before {
	content: "\e6ef" !important;
	background: var(--pink) !important;
}

.sIcon-product:before {
	content: "\e6cd" !important;
	background: var(--blue) !important;
	font-size: 22px !important;
}


.sIcon-shop:before {
	content: "\e676" !important;
	background: var(--red) !important;
	font-size: 22px !important;
}

.sIcon-user:before {
	content: "\e76c" !important;
	background: var(--green) !important;
	font-size: 22px !important;
}

.sIcon-service:before {
	content: "\e6f0" !important;
	background: var(--olive) !important;
	font-size: 22px !important;
}

.sIcon-msg:before {
	content: '\e71f' !important;
	background: var(--yellow) !important;
}


/* fixed */
.fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

/*等级记录 */

.level-up {
	background-color: var(--anhui);
	color: var(--haojin);
	font-size: 12px;
	margin: 0px 0;
	margin-bottom: 15px;
	padding: 3px 10px;
	line-height: 20px;
	border-radius: 13px;
	display: inline-block;
}

.level-top {
	padding: 15px;
	background-color: var(--pink);
}

/* 升级进度条 */
.level-top .level-bar {}

.level-top .level-bar .title {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
}

.level-top .level-bar .title b {}

.level-top .level-bar .cont {
	height: 10px;
	border-radius: 5px;
	background: #FFFFFF;
	margin-top: 10px;
}

.level-top .level-bar .cont .done {
	height: 10px;
	border-radius: 5px;
	width: 10%;
	background-color: #caff3f;
}


/* 等级信息列表 */

.level-list {
	padding: 0 15px;
	background-color: #FFFFFF;
}

.level-list ul {}

.level-list ul li {
	line-height: 25px;
	padding: 10px 0;
	position: relative;
	font-size: 14px;
	border-bottom: #EEEEEE solid 1px;
	height: 45px;
	background-color: #FFFFFF;
}

.level-list ul li:last-child {
	border: none;
}

.level-list ul li .time {
	color: #333333;
}

.level-list ul li .tt {
	color: #666666;
	position: absolute;
	right: 0;
	top: 10px;
}

.level-list ul li .tt i {
	padding-left: 5px;
	font-size: 12px
}

.level-list ul li .tt.up {
	color: var(--red);
}

.level-list ul li .tt.down {
	color: var(--green);
}

/*会员列表 名称-时间-联系方式-性别*/

.member-list {}

.member-list ul {}

.member-list ul li {
	background: #FFFFFF;
	border-bottom: #DDDDDD solid 1px;
	position: relative;
}

.member-list ul li:last-child {
	border: none;
}

.member-list ul li a {
	display: block;
	padding: 15px 40px 15px 88px;
}

.member-list ul li a:active {
	background: #F7F7F7;
}

.member-list ul li .pic {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 17px;
	left: 15px;

}

.member-list ul li .pic img {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}


.member-list.s ul li a {
	display: block;
	padding: 15px 40px 15px 75px;
}

.member-list.s ul li .pic {
	width: 47px;
	height: 47px;

}

.member-list.s ul li .pic img {
	width: 47px;
	height: 47px;

}

.member-list ul li .pic .wx {
	position: absolute;
	right: -5px;
	bottom: -6px;
	height: 18px;
	width: 18px;
	background: url(wx-ico.png) no-repeat center;
	background-size: contain;
}


.member-list ul li .name {
	font-size: 15px;
	color: #313131;
	line-height: 23px;
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.member-list ul li .name span {
	color: #999999;
	font-size: 12px;
	padding-left: 3px;
}


.member-list ul li .money {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}



.member-list ul li .time {
	font-size: 12px;
	color: #9a9a9a;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.member-list ul li .name i {
	font-style: normal;
	position: absolute;
	right: 0;
}

.member-list ul li .name i:before {
	font-family: "iconfont";
	font-size: 20px;
}

.member-list ul li .man:before {
	content: "\e616";
	color: #007AFF;
}

.member-list ul li .woman:before {
	content: "\e617";
	color: #FF5053;
}


.member-list ul li .add {
	position: absolute;
	right: 15px;
	top: 25px;
	font-size: 14px;
	color: var(--red);
	border: var(--red) solid 1px;
	border-radius: 4px;
	display: inline-block;
	padding: 0 7px;
	line-height: 25px;
	height: 25px;
}


.member-list ul li .level {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 0.625rem;
	color: var(--white);
	background-color: var(--anhui2);
	border-radius: 10px;
	line-height: 20px;
	padding: 0 10px;
}

.member-list ul li .tips {}


.member-list .totle-num {
	line-height: 25px;
	font-size: 14px;
	padding: 15px;
	background-color: #FFFFFF;
	border-bottom: #DDDDDD solid 1px;
	color: #666666;
}

.member-list .totle-num .n3{
	display: flex;
	flex-wrap: wrap;
	border-bottom: dashed 1px #DDDDDD;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.member-list .totle-num .n3 .n{
	flex:1;
	display: flex;
	flex-direction: column;
	line-height: 20px;
	box-sizing: border-box;
	padding:0 5px;
	font-size: 12px;
}
.member-list .totle-num .n3 .b{
	display: block;
}

.member-list .totle-num .n-cont {
	display: flex;
	flex-wrap: wrap;
}

.member-list .totle-num .n-cont .n{
	width: 50%;
	box-sizing: border-box;
	padding:0 5px;
	font-size: 12px;
}

.member-list .totle-num b {
	color: #000;
}

/* 日薪列表 */

.pay-list {

	background-color: #FFFFFF;
}

.pay-list ul {
	padding: 0 15px;
}

.pay-list ul li {
	line-height: 25px;
	padding: 10px 0;
	position: relative;
	font-size: 14px;
	border-bottom: #EEEEEE solid 1px;
	height: 45px;
	background-color: #FFFFFF;
}

.pay-list ul li:last-child {
	border: none;
}

.pay-list ul li .time {
	color: #333333;
}

.pay-list ul li .tt {
	color: var(--red);
	position: absolute;
	right: 0;
	top: 10px;
	font-weight: bold;
}

.pay-list ul li .tt i {
	padding-left: 5px;
	font-size: 12px
}



/* 银行卡列表*/
.bank-list {}

.bank-list .item {
	margin: 15px;
	background-color: #c84f56;
	color: #FFFFFF;
	padding: 15px;
	border-radius: 5px;
}

.bank-list .item .name {
	font-size: 14px;
	line-height: 25px;
	color: rgba(255, 255, 255, 0.7);
}

.bank-list .item .num {
	font-size: 22px;
	line-height: 30px;
}

.bank-list .item .bank {
	font-size: 16px;
	line-height: 25px;
}

.bank-list .add {
	margin: 15px;
	background-color: #FFFFFF;
	color: #333333;
	border-radius: 5px;
	line-height: 70px;
	font-size: 16px;
	text-align: center;
	display: block;
}

.bank-list .add i {
	padding-right: 10px;
}

.add-page {
	background-color: #FFFFFF;
	padding: 0 10px;
}

.top-title {
	background-color: #FFFFFF;
	padding: 30px 15px;
	text-align: center;
	border-bottom: #EEEEEE dashed 1px;
}

.top-title h1 {
	font-size: 20px;
	line-height: 50px;
}

.top-title span {
	font-size: 14px;
	color: #666666;
}


/* 两列产品显示  */

.good-list {}

.good-list ul {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
}

.good-list ul li {
	width: 50%;
	box-sizing: border-box;
	padding: 5px;
}

.good-list ul li .c {
	background-color: #FFFFFF;
	border-radius: 5px;
	overflow: hidden;
	color: #333333;
	position: relative;
}

.good-list ul li .pic {
	height: 170px;
	background: no-repeat center;
	background-size: cover;
}

.good-list ul li .pic img {
	display: block;
	height: 100%;
	width: 100%;
	background: no-repeat center;
	background-size: cover;
}

.good-list ul li .info {
	padding: 10px;
}

.good-list ul li .name {
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	height: 25px;
	color: #333333;
	text-overflow: ellipsis;
}

.good-list ul li .tips {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.good-list ul li .price {
	color: #000000;
	line-height: 35px;
	font-weight: bold;
	font-size: 16px;
}

.good-list ul li .price::before {
	font-family: "iconfont";
	content: "\e634";
	float: left;
	font-weight: normal;
	color: #666666;

}

.good-list ul li .price em {
	font-style: normal;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	text-decoration: line-through;
}

.good-list ul li .price em::before {
	font-family: "iconfont";
	content: "\e634";
}

.good-list ul li .buy-ico {
	position: absolute;
	right: 12px;
	bottom: 12px;
	background-color: var(--anhui);
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 12px;
	line-height: 25px;
}

.good-list ul li .buy-ico::before {
	font-family: "iconfont";
	content: "\e6ba";
	color: var(--white);
}


/*属性列表*/

.attr-list {
	background: #FFFFFF;
}

.good-details .attr-list {
	border-top: #F3F3F3 solid 10px;
	font-size: 12px;
}


.attr-list ul {
	padding: 3px 10px 0px 10px;
}

.attr-list ul li {
	position: relative;
	padding: 7px 7px 7px 50px;
	border-bottom: #DDDDDD solid 1px;
}

.attr-list.long ul li {
	position: relative;
	padding: 7px 7px 7px 100px;
	border-bottom: #DDDDDD solid 1px;
	font-size: 14px;
}

.attr-list.long ul li:last-child {
	border-bottom: #DDDDDD solid 1px !important;
}

.attr-list.long {
	margin-bottom: 20px;
}

.attr-list ul li.link {
	overflow: hidden;
	padding-right: 20px;
	text-overflow: ellipsis;
	height: 37px;
}

.attr-list ul li.link::after {
	font-family: "iconfont";
	position: absolute;
	right: 0px;
	top: 50%;
	font-size: 12px;
	transform: translateY(-50%);
	color: #999999;
	content: "\e707";
}

.attr-list ul li:last-child {
	border: none;
}

.attr-list ul li .tt {
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	font-weight: 400;
	color: #999999;

}

.attr-list ul li span {

	color: #333333;
}


.attr-list ul li span em {
	position: relative;
	padding: 0 3px;
	margin-right: 3px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #e4393c;
	background: #fff;
	display: inline-block;
	border: #E4393C solid 1px;
	font-style: normal;
}


/* 云仓 */

.store-top {
	background-color: #FFFFFF;
	padding: 15px;
	line-height: 25px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666666;
}

.store-top b {
	color: var(--red);
	font-size: 16px;
	padding: 0 5px;
}

.store-tips {
	background-color: #fdf6ec;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 15px;
}

/* 产品服务 */

.product-list-top {
	/* 	height: 45px;
	background: var(--anhui);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 11; */
	padding: 0 45px;
}

.product-list-top .cate-ico {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	text-align: center;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 26px;
}

.product-list-top .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	text-align: center;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 20px;
}

.product-list-top .cate-ico::before {
	font-family: "iconfont";
	content: "\e728";
}

.product-list-top .back::before {
	font-family: "iconfont";
	content: "\e736";
}

.product-list-top .search-cont {
	position: relative;
	margin-top: 7px;
	display: block;
}

.product-list-top .search-cont .input {
	font-size: 14px;
	background-color: #FFFFFF;
	height: 30px;
	display: block;
	line-height: 30px;
	border-radius: 5px;
	color: #999999;
	padding: 0 10px;
}

.product-list-top .search-cont .s-btn {
	position: absolute;
	right: 0;
	top: 0px;
	border: none;
	background: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #999999;
	font-size: 20px;
	padding: 0;
}

.product-list-top .search-cont .s-btn::before {
	font-family: "iconfont";
	content: "\e752";
}

.product-list {
	padding: 0;
	margin-top: 0px;
}

.product-list ul {}

.product-list ul li {
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 15px 15px;
	min-height: 120px;
	position: relative;
}

.product-list ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}


.product-list ul li .cont {
	position: relative;
	padding-left: 115px;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding-right: 0px;
	display: block;
}


.product-list ul.pp li .cont {
	border-bottom: #DDDDDD dashed 1px;
	margin-bottom: 10px;
	height: 115px;
}

.product-list ul.pp li {
	padding-bottom: 0;
}


.product-list ul li .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
}

.product-list ul li .pic img {
	width: 100%;
	background: center no-repeat transparent;
	background-size: cover;
	border: 0 !important;
	min-height: 100px;
	display: block;
}


.product-list ul li .pic a {
	display: block;
	width: 100%;
	height: 100%;
}

.product-list ul li .info {
	position: relative;
	min-height: 100px;
	padding-bottom: 30px;
	box-sizing: border-box;
}

.product-list ul li .title {
	font-size: 15px;
	color: black;
	line-height: 20px;
	max-height: 40px;
	margin-bottom: 5px;
	padding: 0px 0;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-list ul li .title a {
	color: black;
}

.product-list ul li .tuan{
	background-color: var(--red);
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom-left-radius: 5px;
	font-size: 12px;
	line-height: 21px;
	padding: 0 10px;
}
.product-list ul li .time{
	font-size: 12px;
	color: #ffffff;
	display: inline-block;
	background-color: var(--orange);
	border-radius: 4px;
	line-height: 21px;
	padding: 0 5px;
}
.product-list ul li .time.ed{
	background-color: #ccc;
}
.product-list ul li .tips {
	font-size: 12px;
	color: #666666;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 60px;
}

.product-list ul li .tags {
	max-height: 25px;
	overflow: hidden;
}

.product-list ul li .tags span {
	background: var(--orange);
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px 5px;
	line-height: 20px;
	border-radius: 4px;
}

.product-list ul li .tags span+span {
	margin-left: 5px;
}

.product-list ul li .price-cont {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.product-list ul li .price-cont .num {
	font-size: 12px;
	color: #999999;
	line-height: 25px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}


.product-list ul li .num {
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}


.product-list ul li .price {
	font-size: 16px;
	color: var(--red);
	line-height: 25px;
	height: 25px;
	font-weight: 700;
}

.product-list ul li .price.abs {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.product-list ul li .price:before {
	font-family: "iconfont";
	content: "\e634";
	font-weight: normal;
	float: left;
	line-height: 25px;
}

.product-list ul li .submit {
	position: absolute;
	right: 0px;
	display: inline-block;
	font-size: 14px;
	color: white;
	background: var(--anhui);
	color: var(--haojin);
	line-height: 25px;
	padding: 0 10px;
	bottom: 10px;
	border-radius: 5px;
}

.product-list .operation-list {
	padding: 0px 0 10px 0;
	border: none;
}



.ico-my:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e78b";
}

.ico-add:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e6da";
}

.ico-msg:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e901";
}

.ico-more:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e684";
}

.ico-shop {
	position: relative;
}

.ico-shop i {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 12px;
	color: #FFFFFF;
	background: #FC5100;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	transform: scale(0.7);
	font-style: normal;
	border-radius: 100%;
}

.ico-shop:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e6af";
}

.ico-cate:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e7f9";
}

.white .ico-cate:before {
	color: #999999;
}

.ico-list:before {
	color: #FFFFFF;
	font-family: "iconfont";
	content: "\e611";
}

.white .ico-list:before {
	color: #999999;
}

.white .save-done {
	font-size: 12px;
	background: var(--haojin);
	border-radius: 4px;
	display: block;
	color: var(--anhui) !important;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin-top: 7px;
}

/* 产品介绍详情页 */


.mui-bar.mui-bar-transparent {
	background: rgba(96, 158, 41, 0)
}


.mui-bar-transparent .mui-title {
	color: rgba(255, 255, 255, 0);
	transition: all 0.3s;
}

.mui-bar-transparent.mui-active .mui-title {
	color: rgba(255, 255, 255, 1);
}

.mui-bar-transparent .mui-icon {
	color: #FFFFFF;
}



.good-details {}

.good-details .pic-slider {
	height: 350px;
	background: #666666;
}

.good-details .pic-slider .swiper-container {
	height: 350px;
}

.good-details .pic-slider .swiper-container .pic {
	height: 350px;
	background: center no-repeat;
	background-size: cover;
}

.good-details .pic-slider .swiper-container .pic img {
	height: 350px;
	display: block;
}

.tuan-info{
	padding: 10px;
	background-color: var(--red);
	color: #fff;
	font-size: 14px;
	display:flex;
	justify-content: space-between;
}

.good-details .name {
	font-size: 14px;
	color: #051B28;
	font-weight: bold;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	height: 40px;
	overflow: hidden;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	overflow: hidden;
	word-break: break-all;
	padding: 0 60px 0 15px;
	margin-bottom: 10px;
}

.good-details .name .share {
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	text-align: center;
	height: 40px;
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: #999999;
}

.good-details .name .share .ico-share {
	font-size: 18px;
}

.good-details .top-info {
	position: relative;
	padding: 12px 12px 0 12px;
	height: 50px;
	overflow: hidden;
}

.good-details .top-info .num {
	font-size: 14px;
	color: #999999;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 35px;
}

.good-details .price {
	font-size: 24px;
	color: #FF0036;
	line-height: 35px;
}

.good-details .price:before {
	content: "￥";
	font-size: 16px;
	font-weight: normal;
	float: left;
}

.good-details .price b {
	float: left;
}

.good-details .price i {
	border-radius: 12px;
	border: none;
	font-size: 12px;
	padding: 0 10px;
	background-color: var(--anhui);
	line-height: 22px;
	height: 20px;
	display: inline-block;
	margin-left: 10px;
	color: var(--haojin);
	font-style: normal;
	float: left;
	margin-top: 8px;
}

.good-details .price span {
	text-decoration: line-through;
	color: #999999;
	font-size: 12px;
	margin-left: 5px;
}


/*相关服务，如保修，安装，优惠 ，配送都在这显示*/

.good-details .service {
	border-top: #F3F3F3 solid 10px;
	background: #FFFFFF;
}

.good-details .service ul {
	padding: 3px 10px 0px 10px;
}

.good-details .service ul li {
	position: relative;
	padding: 7px 7px 7px 50px;
	border-bottom: #DDDDDD solid 1px;
}

.good-details .service ul li:last-child {
	border: none;
}

.good-details .service ul li .tt {
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	font-weight: 400;
	color: #999999;
	font-size: 12px;
}

.good-details .service ul li span {
	font-size: 12px;
	color: #666666;
}

.good-details .service ul li span em {
	position: relative;
	padding: 0 3px;
	margin-right: 3px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #e4393c;
	background: #fff;
	display: inline-block;
	border: #E4393C solid 1px;
	font-style: normal;
}


/* 弹出选择类型 */

.pop-choose-cont {
	position: relative;
	padding-bottom: 50px;
}

.pop-choose-cont .pop-title {
	font-size: 14px;
	color: #666666;
	line-height: 40px;
	padding-left: 10px;
}

.pop-closed {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #999999;
	z-index: 11;
}

.pop-closed::before {
	font-family: "iconfont";
	content: "\e646";
}

.choose-cate-top {
	position: relative;
	height: 135px;
	padding: 12px;
}

.choose-cate-top .pic {
	position: absolute;
	width: 110px;
	height: 110px;
	background: no-repeat center;
	background-size: cover;
	background-color: #F7F7F7;
	border-radius: 5px;
	overflow: hidden;
}

.choose-cate-top .pic img {
	width: 110px;
	height: 110px;
	background: no-repeat center;
	background-size: cover;
	display: block;
}


.choose-cate-top .info {
	margin-left: 125px;
	padding: 10px 0px;
}

.choose-cate-top .price {
	font-size: 24px;
	color: #FF0036;
	line-height: 35px;
}

.choose-cate-top .price span {
	color: #999999;
	text-decoration: line-through;
	font-size: 12px;
	margin-left: 5px;
}



.choose-cate-top .price:before {
	font-family: "iconfont";
	font-size: 16px;
	font-weight: normal;
	content: "\e634";
}

.choose-cate-top .tips {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	margin-top: 3px;
}

.choose-cate-top .num {
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}

.pop-choose-cont .btn {
	padding: 0px 20px;
	font-size: 18px;
	height: 40px;
	color: #fff;
	background-color: var(--anhui);
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	display: block;
	width: calc(100% - 24px);
	margin: 12px;
	border: none;
	position: fixed;
	bottom: 0;
	left: 0;
}

.choose-cate-item {
	
	padding: 0 12px;
	-webkit-overflow-scrolling: touch;
}

.choose-cate-item .cont {
	border-top: #EEEEEE solid 1px;
	padding: 10px 0px;
}

.choose-cate-item .cont .tt {
	font-size: 14px;
	color: #333333;
	font-weight: 700;
	line-height: 40px;
	height: 40px;
	position: relative;
}

.choose-cate-item .cont .tt .num {
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(0.8);
	transform-origin: right;
}

.choose-cate-item .cont ul {}

.choose-cate-item .cont ul li {
	background-color: #f5f5f5;
	padding: 0px 10px;
	line-height: 30px;
	border-radius: 5px;
	font-size: 12px;
	color: #333333;
	display: inline-block;
	margin: 3px 5px;
}

.choose-cate-item .cont ul li.active {
	color: #FFFFFF;
	background-color: var(--pink);
}

.choose-cate-item .cont ul li.disabled {
	text-decoration: line-through;
	color: #999999;
}

/*详情*/

/*购物车，参考淘宝购物车*/

.shopcart-ico {
	position: relative;
	/* background-color: rgba(0,0,0,0.1);
	border-radius: 20px; */
}

.shopcart-ico i {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 12px;
	color: #FFFFFF;
	background: #FC5100;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	transform: scale(0.7);
	font-style: normal;
	border-radius: 100%;
}



.shopcart-ico::before {
	font-family: "iconfont";
	content: "\e888";
}



.good-details .info-details {
	border-top: #F3F3F3 solid 10px;
	background: #FFFFFF;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 50px;
}

.good-details .info-details img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
}


/*地址选择列表*/

.address-list ul {}

.address-list ul li {
	padding: 15px 60px 15px 15px;
	position: relative;
	background-color: #ffffff;
}

.address-list ul li:active {
	background: #DDDDDD;
}

.address-list ul li:after {
	height: 1px;
	position: absolute;
	right: 0;
	left: 0px;
	bottom: 0;
	background: #DDDDDD;
	content: "";
}

.address-list ul li a {}

.address-list ul li .title {
	color: #3D3D3D;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.address-list ul li .title span {
	color: #666666;
	margin-right: 5px;
}

.address-list ul li .title em {
	font-size: 14px;
	color: #666666;
	font-style: normal;
	margin-left: 5px;
}

.address-list ul li .title span.ico {
	font-size: 20px;
	color: #333333;
	display: inline-block;
	float: left;
	font-style: normal;
	margin-right: 5px;
}


.address-list ul li .title i {
	font-size: 14px;
	color: #FC5100;
	font-style: normal;
	margin-left: 5px;
}

.address-list ul li .title span.ing {
	color: #1AAD19;
}

.address-list ul li .title span.ed {
	color: #3399FF;
}

.address-list ul li .title span.err {
	color: #DE403F;
}

.address-list ul li .address {
	color: #999999;
	font-size: 12px;
	line-height: 20px
}

.address-list ul li .edit~.address {
	padding-right: 55px;
}

.address-list ul li .tel {
	position: absolute;
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
	right: 15px;
	top: 15px;
	font-family: arial
}

.address-list ul li .edit {
	position: absolute;
	display: block;
	color: #333333;
	font-size: 14px;
	line-height: 25px;
	right: 15px;
	top: 50%;
	margin-top: -12px;
}

.address-list ul li .edit a {
	color: #999999;
	padding: 0 5px;
}

.address-list .no-address {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	text-align: center;
}

.address-list .no-address .tips {
	font-size: 14px;
	color: #999999;
	line-height: 40px;
	margin-bottom: 20px;
}

.address-list .no-address a {
	display: inline-block;
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	font-size: 14px;
	color: #666666;
	margin: 0 auto;
	line-height: 30px;
	padding: 0 10px;
}


/*编辑地址页面*/

.address-details-item {
	background: #FFFFFF;
	padding: 10px 0;
}

.address-details-item ul {
	padding: 0 15px;
	line-height: 21px;
}

.address-details-item ul li {
	border-bottom: #DDDDDD solid 1px;
	font-size: 14px;
	position: relative;
	padding: 10px 0 10px 70px;
	min-height: 41px;
}

.address-details-item ul li:last-child {
	border-bottom: none;
}

.address-details-item ul li .tt {
	display: inline-block;
	color: #666666;
	position: absolute;
	left: 0;
	top: 10px;
}

.address-details-item ul li .add-ico {}

.address-details-item ul li .add-ico:before {
	font-family: "iconfont";
	content: "\e6f2";
	font-size: 20px;
	display: inline-block;
	float: left;
}

.address-details-item ul li .arr-right {
	float: right;
	display: inline-block;
	color: #666666;
}

.address-details-item ul li .arr-right:after {
	font-family: "iconfont";
	content: "\e707"
}

.address-details-item ul li .input {
	border: none;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	padding: 0;
	height: auto;
	margin-bottom: 0;
}

.address-details-item ul li .input a {
	color: #666666;
}

.put-in {
	line-height: 40px;
	text-align: center;
	display: block;
	margin: 15px 0;
	color: #666666;
	font-size: 14px;
	background-color: #FFFFFF;
}

.address-details-item ul li .mui-checkbox input[type=checkbox] {
	top: -2px;
	right: 0;
	left: 0;
	font-size: 20px;
	text-align: left;
}

.address-details-item ul li .mui-checkbox input[type=checkbox]:before {
	font-size: 21px;
}


/*选择收货地址*/

.top-address-search {
	position: relative;
	height: 50px;
	padding: 0 10px;
	padding-top: 2px;
	background: #FFFFFF;
}

.top-address-search .a-city {
	color: #333333;
	font-size: 14px;
	line-height: 50px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 60px;
	padding-right: 15px;
	text-align: center;
	height: 50px;
}

.top-address-search .a-city:after {
	font-family: "iconfont";
	color: #333333;
	content: "\e614";
	position: absolute;
	right: 0;
	top: 0;
}

.top-address-search .a-search {
	border-radius: 4px;
	position: absolute;
	left: 75px;
	right: 10px;
	height: 30px;
	line-height: 30px;
	top: 13px;
	font-size: 12px;
	color: #999999;
	padding: 0px 0 0 10px !important;
	border: none;
	margin-bottom: 0 !important;
	display: block;
}

.top-address-search .a-search input {
	border-radius: 4px;
	background: #F3f3f3;
	height: 30px;
	line-height: 30px;
	top: 10px;
	font-size: 12px;
	color: #999999;
	padding: 0px 0 0 10px !important;
	border: none;
	margin-bottom: 0 !important;
}

.top-address-search .a-search:before {
	font-family: "iconfont";
	content: "\e752";
	font-size: 14px;
	padding-right: 5px;
	display: none;
}

.address-choose-map {
	position: relative;
	height: 250px;
	background: #CCCCCC;
	overflow: hidden;
}

#mapContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

#mapContainerEnd {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.csssprite {}

.address-choose-map .point-center {
	width: 50px;
	height: 50px;
	transform: translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(map-center-ico.png) no-repeat center;
	background-size: contain;
	margin-left: -25px;
	z-index: 2;
}

.address-choose-map .go-center {
	border-radius: 5px;
	width: 36px;
	height: 36px;
	background: #FFFFFF;
	line-height: 36px;
	text-align: center;
	color: #555555;
	font-size: 25px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	display: block;
	z-index: 3;
}

/* 地图上的图标 */
.csssprite {
	/* display: none; */
}

.address-choose-map .go-center:active {
	background: #F7F7F7;
}

.address-choose-map .go-center:before {
	font-family: "iconfont";
	content: "\e903";
}

.address-choose-list {}

.address-choose-list ul {
	padding: 10px 15px;
	background: #FFFFFF;
}

.address-choose-list ul li {
	padding: 8px 0px 8px 25px;
	position: relative;
}

.address-choose-list ul li:before {
	position: absolute;
	left: 5px;
	top: 14px;
	content: " ";
	width: 10px;
	height: 10px;
	display: block;
	background-color: #dedede;
	border-radius: 10px;
}

.address-choose-list ul li:after {
	height: 1px;
	background: #DDDDDD;
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	left: 25px;
	content: " ";
}

.address-choose-list ul li:last-child:after {
	display: none;
}

.address-choose-list ul li b {
	font-size: 14px;
	color: #333333;
	line-height: 25px;
	display: block;
}

.address-choose-list ul li span {
	display: block;
	font-size: 12px;
	color: #666666;
}

.address-choose-list ul li.active:before {
	background-color: #FC8D21;
}

.address-choose-list ul li.active b {
	color: #FC8D21;
}


/*产品的相关操作，放购物车，购买*/

.btn-bottom-group {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 50px;
	border-top: #DDDDDD solid 1px;
	background: #FFFFFF;
	display: flex;
}

.btn-bottom-group a {
	text-align: center;
	height: 50px;
	color: #666666;
	display: block;
	flex: 1;
	font-size: 12px;
}

.btn-bottom-group a:active {
	background: #F7F7F7;
}

.btn-bottom-group a:before {
	margin-top: 5px;
	font-size: 23px;
	line-height: 25px;
	display: block;
	text-align: center;
}



.btn-bottom-group .i-shop:before {
	font-family: "iconfont";
	content: "\e676";
}

.btn-bottom-group .i-tel:before {
	text-align: center;
	font-family: "iconfont";
	content: "\e741";
}

.btn-bottom-group .i-cart:before {
	text-align: center;
	font-family: "iconfont";
	content: "\e6af";
}

.btn-bottom-group .i-buy {
	background: var(--anhui);
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	width: 200px;
	text-align: center;
	margin-top: -1px;
}

.btn-bottom-group .i-buy:active {
	background: green;
}

.btn-bottom-group .i-btn {
	background: #FF0036;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	float: right;
	width: 100%;
	margin-top: -1px;
}

.btn-bottom-group .i-btn:active {
	background: #FF0036;
}


/*订单底部菜单组*/

.btn-bottom-edit~.repair-details {
	padding-bottom: 50px;
}

.btn-bottom-edit {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 50px;
	border-top: #DDDDDD solid 1px;
	background: #FFFFFF;
	text-align: right;
}

.btn-bottom-edit .ed {
	display: inline-block;
	font-size: 12px;
	color: #666666;
	border-radius: 25px;
	height: 25px;
	padding: 0 10px;
	border: #CCCCCC solid 1px;
	line-height: 25px;
	margin-top: 13px;
}

.btn-bottom-edit .ed:last-child {
	margin-right: 10px;
}

.btn-bottom-edit .btn {
	background: #FF0036;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	width: 100%;
	margin-top: -1px;
	display: block;
}

.btn-bottom-edit .btn:active {
	background: #FF0036;
}


/*消费转账记录*/

.money-list ul {}

.money-list ul li {
	padding: 10px 80px 15px 60px;
	position: relative;
	background: #FFFFFF;
	min-height: 70px;
}

.money-list ul li:active {
	background: #DDDDDD;
}

.money-list ul li:before {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	top: 15px;
	left: 15px;
	background: var(--orange);
	font-family: "iconfont";
	content: "\e634";
	font-size: 18px;
}

.money-list ul.tx li:before {
	background: var(--orange);
	content: "\e673";
}

.money-list ul.zh li:before {
	background: var(--cyan);
	content: "\eb98";
}

.money-list ul.bd li:before {
	background: var(--orange);
	content: "\e897";
}

.money-list ul.ye li:before {
	background: var(--orange);
	content: "\e660";
}

.hide {
	display: none !important;
}

.money-list ul li:after {
	height: 1px;
	position: absolute;
	right: 0;
	left: 60px;
	bottom: 0;
	background: #eeeeee;
	content: " ";
}

.money-list ul li a {}

.money-list ul li .title {
	color: #343434;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.money-list ul li .sale {
	color: #343434;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.money-list ul li .sale b {
	color: #333333;
	margin-right: 5px;
}

.money-list ul li .reason {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}



.money-list ul li .number {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.money-list ul li a .number {
	color: #666666;
}

.money-list ul li .title span {
	color: #666666;
	margin-right: 5px;
}

.money-list ul li .status {
	font-size: 12px;
	color: #999999;
	position: absolute;
	right: 15px;
	top: 35px;
	display: inline-block;
	line-height: 20px;
}

.money-list ul li .status.ing {
	color: #1AAD19;
}

.money-list ul li .status.ed {
	color: #3399FF;
}

.money-list ul li .status.err {
	color: #DE403F;
}

.money-list ul li .time {
	color: #999999;
	font-size: 12px;
	line-height: 20px;
}

.money-list ul li .price {
	position: absolute;
	display: block;
	color: #3b3b3b;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	right: 15px;
	top: 10px;
	font-family: "arial rounded mt bold";
}

.money-list ul li .price.in {
	color: #F05A4C;
}

.money-list ul li .price.out {
	color: #00BE67;
}

.money-list ul li .money {
	font-size: 14px;
	color: #999999;
	line-height: 25px;
}

.money-list ul li .money b {
	color: var(--red);
	font-size: 16px;
}

.money-list ul li .niu {
	background-color: var(--haojin);
	color: var(--anhui);
	font-size: 12px;
	position: absolute;
	right: 12px;
	padding: 0 10px;
	border-radius: 10px;
	line-height: 18px;
	top: 12px;
}

.o-btn-cont {
	text-align: right;
	position: relative;
}

.money-list .o-btn-cont {
	margin-right: -65px;
}

.o-btn-cont .tips {
	font-size: 12px;
	line-height: 20px;
	color: #FC5100;
	text-align: left;
	padding-top: 5px;
}

.o-btn-cont .tips~.mui-btn {
	position: absolute;
	right: 0;
	top: 0;
}

.money-list ul li .mui-btn {
	font-size: 12px;
	padding: 0 5px;
	margin-top: 5px;
	line-height: 20px;
	color: #FC5100;
}




/* 消费详情页面 */

.consume-top {
	text-align: center;
	padding: 30px 0 25px 0;
	background: #FFFFFF;
}

.consume-top .ico {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: var(--orange);
}

.consume-top .ico:before {
	font-family: "iconfont";
	content: "\e817";
	font-size: 50px;
}

.consume-top .ico.point:before {
	color: var(--cyan);
	content: "\e80d";
}

.consume-top .ico.pointUse:before {
	color: var(--orange);
	content: "\e80d";
}


.consume-top .ico.money:before {
	color: var(--red);
	content: "\e814";
}

.consume-top .ico.card:before {
	color: var(--blue);
	content: "\e815";
}

.consume-top .title {
	line-height: 40px;
	font-size: 20px;
	color: #333333;
}

.consume-top .num {
	font-size: 35px;
	line-height: 40px;
	font-weight: 500;
	color: #333333;
}

.consume-detail {
	background: #FFFFFF;
	position: relative;
	padding: 0 20px;
}

.consume-other {
	background: #FFFFFF;
	margin-top: 15px;
}

.consume-detail .detail-item {
	padding: 15px 0px;
	border-top: #DDDDDD solid 1px;
}

.consume-detail .detail-item .item {
	padding: 5px 0px 5px 70px;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	min-height: 30px;
	text-align: right;
	position: relative;

}

.consume-detail .detail-item .item .tt {
	position: absolute;
	left: 0;
	top: 5px;
	color: #333333;

}



.list-head {
	padding: 10px 15px;
	line-height: 25px;
	position: sticky;
	top: 0;
	height: 45px;
	background-color: #F7F7F7;
	z-index: 11;
}

.list-head .tt {
	background: #ffffff;
	border-radius: 25px;
	padding: 0 10px;
	font-size: 14px;
	color: #666666;
	display: inline-block;
}

.list-head .totle-num {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 14px;
	color: #666666;
}

.list-head .totle-num span {}


.code-page {}

.code-page img {
	width: 100%;
}


/* 首页消息提醒 */

.notice-index {
	padding: 10px 40px 10px 65px;
	position: relative;
	background: #FFFFFF;
	height: 70px;
	margin: 10px 0;
	/* border-radius: 5px; */
	overflow: hidden;
}

.notice-index i {
	position: absolute;
	top: 24px;
	font-style: normal;
	color: #FC5100;
	font-size: 26px;
	right: 25px;
}

.notice-index i:before {
	font-family: "iconfont";
	content: "\e608";
}

.user-index~.notice-index {
	margin: 10px;
	border-radius: 5px;
}

.notice-index:before {
	position: absolute;
	top: 15px;
	left: 15px;
	height: 40px;
	width: 40px;
	background: url(index-notice-ico.png) no-repeat center;
	background-size: contain;
	content: " ";
}

.notice-index:after {
	font-family: "iconfont";
	content: "\e707";
	color: #999999;
	position: absolute;
	right: 10px;
	top: 25px;
	line-height: 20px;
	font-size: 14px;
}

.notice-index a {}

.notice-index ul {
	padding: 5px 0;
}

.notice-index ul li {
	font-size: 12px;
	line-height: 20px;
	position: relative;
	padding-left: 15px;
	/* padding-right: 80px; */
}

.notice-index ul li:before {
	font-family: "iconfont";
	content: "\e69c";
	color: #007EE5;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}

.notice-index ul li .tt {
	color: #333333;
}



.notice-index ul li span {
	color: #999999;
	padding-left: 10px;
	/* 	position: absolute;
	right: 0;
	top: 0;
	display: inline-block; */
}

/*认证列表*/

.authen-list {}

.authen-list ul {
	padding: 15px;
}

.authen-list ul li.no {}

.authen-list ul li {
	border-radius: 10px;
	padding: 15px 15px 15px 60px;
	background: #FFFFFF;
	position: relative
}

.authen-list ul li+li {
	margin-top: 15px;
}

.authen-list ul li:before {
	font-size: 20px;
	width: 35px;
	height: 35px;
	position: absolute;
	border-radius: 100%;
	left: 15px;
	top: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 35px;
	font-family: "iconfont";
	content: "\eab8";
	background: #0099ff;
}

.authen-list ul li.jg:before {
	content: "\eba2";
	background: #2ba984;
}

.authen-list ul li.psy:before {
	content: "\e671";
	background: #F2A654;
}

.authen-list ul li.fwzx:before {
	content: "\eaa5";
	background: #00ACFF;
}


.authen-list ul li .title {
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}

.authen-list ul li .state {
	font-size: 12px;
	color: #FC5E17;
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	display: inline-block
}

.authen-list ul li .info {
	font-size: 12px;
	line-height: 30px;
	color: #666666;
}

.authen-list ul li .btn {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0 auto;
	background: #FC8D21;
	border-radius: 10px;
	line-height: 26px;
	height: 25px;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 20px;
	display: inline-block;
}

.authen-list ul li .btn a {
	display: block;
	color: #FFFFFF;
}

.authen-list ul li .tips {
	font-size: 12px;
	line-height: 25px;
	color: #999999;
}

.authen-list ul li .a-tag {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}

.authen-list ul li .a-tag span {
	display: inline-block;
	border-radius: 10px;
	line-height: 20px;
	padding: 0 8px;
	font-size: 12px;
	border: #DDDDDD solid 1px;
	color: #999999;
	margin-top: 5px;
}

.authen-list ul li .a-tag span {
	margin-right: 5px;
}



/* 信息通知列表 */

.notice-list {}

.notice-list ul {
	padding: 15px;
}

.notice-list ul li {
	border-radius: 5px;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 15px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.notice-list ul li .t-cont {
	height: 45px;
	background: #fafafa;
	position: relative;
}

.notice-list ul li .t-cont .tt {
	font-size: 14px;
	color: #333333;
	line-height: 45px;
	padding-left: 15px;
}

.notice-list ul li .t-cont .tt:before {
	font-family: "iconfont";
	content: "\e815";
	font-size: 20px;
	float: left;
	margin-right: 10px;
	color: #0081FF;
	line-height: 45px;
}

/*  通知图标 */

.notice-list ul li .t-cont .t1:before {
	content: "\e814";
	color: var(--orange);
}

.notice-list ul li .t-cont .t2:before {
	content: "\e80d";
	color: var(--green);
}

.notice-list ul li .t-cont .t3:before {
	content: "\e811";
	color: var(--pink);
}

.notice-list ul li .t-cont .time {
	display: inline-block;
	color: #999999;
	font-size: 12px;
	line-height: 45px;
	position: absolute;
	right: 15px;
	top: 0;
	padding-left: 13px;
}

.notice-list ul li .t-cont i {
	position: absolute;
	transform: rotateZ(45deg);
	right: -15px;
	top: -20px;
	height: 30px;
	width: 30px;
	background: #FC5100;
}

.notice-list ul li .t-cont .time:after {
	font-family: "iconfont";
	content: "\e707";
	padding-left: 5px;
}

.notice-list ul li .m-cont {
	padding: 15px 15px 0 15px;

}

.notice-list ul li .m-cont .title {
	font-size: 14px;
	color: #333333;
	line-height: 25px;
}

.notice-list ul li .m-cont .info {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.notice-list ul li .more {
	position: relative;
	border-top: #EEEEEE solid 1px;
	line-height: 45px;
	color: #333333;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}

.notice-list ul li .more:after {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "iconfont";
	content: "\e707";
	color: #666666;
}

/* 注册登陆绑定 */

.login-page .mui-icon-eye:before {
	color: #CCCCCC;

}

.login-page.reg .mui-icon-eye:before {
	color: #CCCCCC;
	line-height: 35px;
}

.login-page .mui-active.mui-icon-eye:before {
	color: orange;
}

.login-page {
	padding: 30px;
	height: 100%;
	width: 100%;
	background-color: var(--white);
	top: 0;
	bottom: 0;
	position: absolute;
}

.login-page .big-title {
	font-size: 26px;
	color: var(--black);
	margin-top: 20px;
}

.login-page .cont {
	margin-top: 60px;
}


.login-page .cont .tel {
	position: relative;
}

.login-page .cont .tel i {
	font-size: 12px;
	color: grey;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px;
	font-style: normal;
}

.login-page .cont .tel .input {
	padding-left: 30px;
}


.login-page .cont .input {
	border: none;
	border-radius: 0;
	background: white;
	padding-left: 0;
	font-size: 16px;
	border-bottom: solid gainsboro 1px;
	-webkit-box-shadow: 0 0 0px 100px white inset;

}

.login-page .cont .input:focus {
	border-bottom-color: goldenrod;
}

.login-page .cont .input.img-code {
	width: 150px;
}

.login-page .cont .reg-code {
	position: absolute;
	right: 0;
	top: 0;
}


/* 注册样式修改 */
.login-page.reg .cont {
	margin-top: 30px;
}

.login-page.reg .cont .mui-input-row {
	position: relative;
}

.login-page.reg .cont .tt {
	position: absolute;
	left: 0;
	top: 0;
	height: 55px;
	line-height: 35px;
	padding: 10px 0px;
	font-size: 16px;
}

.login-page.reg .cont img {
	position: absolute;
	right: 0;
	top: 5px;
	height: 45px;
	width: 110px;
	display: block;

}

.login-page.reg .cont .get-code {
	position: absolute;
	right: 0;
	top: 5px;
	height: 45px;
	width: 110px;
	border: none;
	background: transparent;
	text-align: right;
	color: gray;
	padding-right: 0;
	font-size: 14px;

}

.login-page.reg .cont .input {
	padding-left: 80px;
	font-size: 16px;
	margin-bottom: 0px;
	height: 55px;
	line-height: 35px;
}

.login-page.reg .cont .input.code {
	padding-right: 100px;
}



.login-page .login-btn {
	margin-top: 40px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	background: var(--anhui);
	color: var(--haojin);
	border: none;
	border-radius: 5px;
}

.login-page.reg .login-btn {
	margin-top: 20px;
	border-radius: 22px;
}

.go-login {
	line-height: 30px;
	color: #666666;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
}

.go-login a {
	color: #666666;
}



.go-reg {
	line-height: 30px;
	color: #666666;
	margin-top: 10px;
	font-size: 14px;
}

.go-reg a {
	color: #666666;
}

.go-reg .reg {
	display: block;
	float: left;
	text-align: center;
}

.go-reg .forget {
	display: inline-block;
	float: right;
}

.other-link {
	font-size: 14px;
	text-align: center;
	position: relative;
	line-height: 30px;
	color: #666666;
	margin-top: 50px;
}


.other-link .k-cont {
	display: flex;
	justify-content: center;
}

.other-link .k-cont a {
	width: 75px;
	text-align: center;

}

@media screen and (min-height: 490px) {
	.other-link {
		font-size: 14px;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		line-height: 30px;
		color: #666666;
		margin-top: 20px;
	}

}


.other-link .tt {
	text-align: center;
	font-size: 12px;
	position: relative;
	display: block;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #999999;
}

.other-link .tt:before {
	height: 5px;
	border-bottom: #DDDDDD solid 1px;
	position: absolute;
	width: 100px;
	left: 110px;
	top: 8px;
	content: " ";
}

.other-link .tt:after {
	height: 5px;
	border-bottom: #DDDDDD solid 1px;
	position: absolute;
	width: 100px;
	right: 110px;
	top: 8px;
	content: " ";
}


.other-link a {
	color: #666666;
	font-size: 12px;
	display: block;

	text-align: center;
}

.other-link a.wx:before {
	font-family: "iconfont";
	content: "\e66a";
	color: #1AAD19;
	display: block;
	font-size: 40px;
	margin-bottom: 5px;
}

.other-link a.app:before {
	font-family: "iconfont";
	content: "\e705";
	color: var(--orange);
	display: block;
	font-size: 40px;
	margin-bottom: 5px;
}


.wx-top {
	text-align: center;
	padding: 15px;
	background-color: var(--anhui);
	color: var(--haojin);
	margin: -30px -30px -10px -30px;
}

.wx-top .wx-head {
	width: 60px;
	height: 60px;
	margin: 15px auto;
	border-radius: 30px;
	background-color: #FFFFFF;
}

.wx-top .wx-name {
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}

.wx-top .tips {
	font-size: 12px;
	line-height: 25px;
	color: floralwhite;
}

.u-login .tips {
	margin-top: 10px;
	color: #FFFFFF;
	text-align: center;
}

.u-login .tips .field-validation-error {
	color: #FFFFFF;
	font-size: 14px;
}

.input-select {
	background-color: #F7F7F7;
	border: #CCCCCC solid 1px !important;
	font-size: 16px;
}

/* 找回密码等 */
.u-login-cont {
	padding: 25px;
	/*margin: 15px;*/
	background: #FFFFFF;
	/*border-radius: 10px;*/
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
}

.u-login-cont .mui-input-row {
	border-bottom: #DDDDDD solid 1px;
	min-height: 40px;
	position: relative;
	padding-left: 90px;
	line-height: 40px;
}

.u-login-cont .mui-input-row label {
	font-size: 14px;
	width: 80px;
	line-height: 18px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.u-login-cont .mui-input-row .mui-input {
	margin-bottom: 0;
	padding-left: 0;
	border: 0;
	width: 100%;
	font-size: 14px;
}

.u-login-cont .mui-input-row .reg-code {
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
}

.u-login-cont .mui-input-row .reg-code img {
	width: 100px;
	height: 40px;
}

.u-login-cont .mui-input-row .input-code {
	width: 100%;
	position: relative;
}

.u-login-cont .mui-input-row.p0 {
	padding: 0;
	border-bottom: 0;
	margin-bottom: 10px;
}

.u-login-cont .mui-input-row.p0 .mui-input {
	font-size: 15px;
	border: #DDDDDD solid 1px;
	padding: 0 15px;
}

.u-login-cont .have-code {
	padding-right: 100px;
}

.u-login-cont .mui-input-row.p0.have-code {
	padding-right: 110px;
}

.u-login-cont .mui-input-row.p0~.btn {
	margin-top: 10px;
}


/*二维码验证输入框*/

.img-code {
	height: 40px;
	border-radius: 4px;
}

.u-login-cont .btn {
	width: 100%;
	line-height: 30px;
	margin-top: 20px;
	background: var(--anhui);
	border: none;
	color: var(--haojin);
}


/* 列表的操作 */

.operation-list {
	font-size: 12px;
	text-align: right;
	padding: 10px;
	border-top: #DDDDDD dashed 1px;
}

.operation-list a {
	display: inline-block;
	padding: 0 10px;
	line-height: 27px;
	border: #999999 solid 1px;
	height: 27px;
	border-radius: 25px;
	color: #666666;
	margin-left: 5px;
}


/* 类型选择 */
.type-select {}

.type-select ul {
	margin-top: 15px;
	margin: 15px -5px 0 -5px;
}

.type-select ul li {
	width: 25%;
	float: left;
	padding: 5px;
}

.type-select ul li a {
	display: block;
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #666666;
	background: #F7F7F7;
}

.type-select ul li a.active {
	color: #FFFFFF;
	background: var(--red);
	border-color: var(--red);
}


/* 分享页面自动生成带有二维码图片 html2canvas.js qrcode.js */

.share-cont {
	background-color: #FFFFFF;
	padding: 15px 15px;
	min-height: 620px;
}

.share-cont.hide {
	display: none;
}

.creat-btn {
	background-color: var(--anhui);
	color: var(--haojin);
	text-align: center;
	line-height: 50px;
	margin: 0 15px;
	border-radius: 25px;
}

.down-tips {
	background-color: var(--anhui);
	color: var(--haojin);
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	margin: 0 15px;
	border-radius: 25px;
}

.share-cont .share-top {
	position: relative;
	height: 60px;
	border-bottom: #DDDDDD solid 1px;
}

.share-cont .share-logo {
	position: absolute;
	right: 0px;
	top: 0;
	height: 60px;
}

.share-man {
	position: relative;
	padding-left: 65px;
	padding-top: 5px;
}

.share-man .head {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #007AFF;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;

}

.share-man .head .img {
	width: 50px;
	height: 50px;
	display: block;
}


.share-man .name {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
}

.share-man .tel {
	font-size: 14px;
	line-height: 20px;
	color: #999999;
}

.share-pic {
	background: #F7F7F7;
	margin-top: 15px;
}

.share-pic img {
	width: 100%;
	height: auto;
	display: block;
}

.share-price {
	background-color: #609e29;
	line-height: 50px;
	height: 50px;
	color: #ffffff;
	padding: 0 10px;
	position: relative;
}

.share-price b {
	font-size: 26px;
	line-height: 50px;
	display: inline-block;
}

.share-price::before {
	font-family: "iconfont";
	content: "\e634";
}

.share-price .tips {
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 14px;
}

.share-info {
	padding-right: 100px;
	padding-top: 15px;
	position: relative;
	height: 150px;
}

.share-info .name {
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #000000;
	max-height: 50px;
	overflow: hidden;
}

.share-info .tips {
	font-size: 12px;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	color: #999999;
}

.share-info .tags {
	background-color: var(--haojin);
	color: var(--anhui);
	line-height: 20px;
	font-size: 12px;
	height: 20px;
	border-radius: 10px;
	text-align: center;
	padding: 0 10px;
	display: inline-block;
	margin-top: 5px;
}

.share-code {
	position: absolute;
	right: 0;
	top: 15px;
	width: 90px;
}

.share-code .code-tips {
	text-align: center;
	font-size: 12px;
	color: #333333;
	line-height: 30px;
	height: 30px;
}

.show-pic {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

/* 生成邀请注册二维码 */

.share-reg {
	/* background: url(share-bg.jpg) no-repeat center; */
	/* height: 480px; */
	background-size: contain;
	position: relative;
	margin-bottom: 15px;
}

.share-reg .pic {
	display: block;
	width: 100%;
}



.share-reg .code {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 55%;
	background-color: #FFFFff;
	padding: 5px;
	box-sizing: content-box;
	height: 120px;
	width: 120px;
}

.share-reg .code img {
	display: block;
	width: 120px !important;
	height: 120px !important;
}

@media screen and (max-width: 360px) {
	.share-reg .code {
		/* top: 305px; */
	}
}

.share-reg .head {
	background-color: #FFFFFF;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	position: absolute;
	overflow: hidden;
	left: calc(50% - 25rpx);
	top: 400px;
	z-index: 2;
	display: none;
}

.share-reg .head img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 5px;
}

.share-reg .name {
	top: 500px;
	left: 0;
	text-align: center;
	position: absolute;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	display: none;
}



/* 添加发布/卡/文章/会员/含有表单相关的页面 */

/* 通栏添加btn */

.add-btn {
	text-align: center;
	color: #FFFFFF;
	background: var(--blue);
	display: block;
	line-height: 50px;
	font-size: 16px;
}

.add-btn:active {
	color: #FFFFFF;
}

.add-cont {}


/* 侧栏服务列表*/
.mui-off-canvas-left,
.mui-off-canvas-right {
	width: 77%;
}

.side-service-list {}

.side-service-list .item {
	position: relative;
	padding: 10px 0px 10px 45px;
	border-bottom: #DDDDDD solid 1px;
}

.side-service-list .item.mui-checkbox input[type=checkbox] {
	right: auto;
	left: 10px;
	top: 50%;
	transform: translateY(-16px);
}

.side-service-list .item.mui-checkbox label {
	padding-right: 40px;
}

.side-service-list .item .title {
	line-height: 25px;
	font-size: 15px;
	color: black;
	font-weight: 700;
}

.side-service-list .item .tips {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.side-service-list .item .price {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--red);
	line-height: 25px;
	font-size: 18px
}

.side-service-list .item .price:before {
	font-size: 14px;
	font-family: "iconfont";
	content: "\e634";
}

/* 预约列表 */

.go-order-cont {
	border-top: #DDDDDD dashed 1px;
	padding-top: 15px;
	margin-top: 10px;
}

.go-order {
	margin: 0px auto 0 auto;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: var(--orange);
	border-radius: 5px;
	display: block;
	text-align: center;
}

.go-order:active {
	color: #FFFFFF;
	background: var(--red);
}

/* tab */


.order-tab-menu {
	position: fixed;
	top: 45px;
	left: 0;
	right: 0;
	height: 35px;
	background: #f7f7f7;
	z-index: 99;
}

.order-tab-menu ul {
	display: flex;
}

.order-tab-menu ul li {
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 2px transparent;
	flex: 1;
}

.order-tab-menu ul li a {
	color: #666666;
}

.order-tab-menu i {
	position: absolute;
	display: inline-block;
	top: 0;
	min-width: 20px;
	height: 20px;
	color: #FFFFFF;
	transform: scale(0.8);
	margin-left: 0px;
	font-size: 12px;
	border-radius: 20px;
	text-align: center;
	padding: 0 4px;
	line-height: 19px;
	font-style: normal;
	background: #F06E57;
	border: #FFFFFF solid 1px;
	font-family: arial
}

.order-tab-menu ul li.curr {
	border-bottom: #FC5100 solid 2px;
}

.order-tab-menu ul li.curr a {
	color: #FC5100;
}


/*可滚动的tab-menu*/

.order-tab-menu ol li {
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 2px transparent;
}

.order-tab-menu ol li a {
	color: #666666;
}

.order-tab-menu ol li.curr {
	border-bottom: #FC5100 solid 2px;
}

.order-tab-menu ol li.curr a {
	color: #FC5100;
}


/* 订单列表 */


.order-list {
	margin: 12px;
	overflow: hidden;
}

.order-tab~.order-list {
	margin-top: 47px;
}

.index-ico-tab~.order-list {
	margin-top: 47px;
}

.order-list .item {
	border-radius: 10px;
	background: #FFFFFF;
	padding: 10px 12px 15px 12px;
	margin-bottom: 12px;
	position: relative
}

.order-list .item:last-child {
	margin-bottom: 0;
}

.order-list .item .buyer {
	height: 22px;
	line-height: 22px;
	position: relative;
	overflow: hidden;
}

.order-list .item .buyer .name {
	font-size: 13px;
	float: left;
	display: inline-block;
	color: #555555;
}

.order-list .item .buyer .name::before {
	font-size: 16px;
	float: left;
	margin-right: 5px;
}

.order-list .item .buyer img.img {
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 10px;
}

.order-list .item .buyer .time {
	font-size: 12px;
	color: #999999;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
}

.order-list .item .shop {
	height: 22px;
	line-height: 22px;
	position: relative;
	overflow: hidden;
	padding-right: 120px;
}

.order-list .item .shop .name {
	font-size: 12px;
	float: left;
	display: inline-block;
	color: #666666;
}

.order-list .item .shop .name a {
	color: #666666;
}

.order-list .item .shop .name:before {
	font-size: 16px;
	font-family: "iconfont";
	color: #555555;
	content: "\e637";
	margin-right: 5px;
	display: inline-block;
	transform: translateY(2px);
}

.order-list .item .shop.num .name {
	font-size: 12px;
	float: left;
	display: inline-block;
	color: #666666;
}

.order-list .item .shop .name:after {
	font-size: 18px;
	font-family: "iconfont";
	color: #999999;
	content: "\e6f9";
	margin-left: 5px;
	display: inline-block;
	transform: translateY(2px);
}

.order-list .item .shop.num .name:before {
	font-size: 18px;
	font-family: "iconfont";
	color: #555555;
	content: "\e6f9";
	margin-right: 5px;
	display: inline-block;
	transform: translateY(2px);
	display: none;
}

.order-list .item .shop.num .name:after {
	display: none;
}



.order-list .item .com-info {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	margin-top: 8px;
}

.order-list .item .order-type {
	border-radius: 10px;
	line-height: 20px;
	color: var(--haojin);
	height: 20px;
	background-color: var(--anhui);
	padding: 0 10px;
	display: inline-block;
	font-size: 12px;
}

.order-list .item .order-type.ft {
	background-color: var(--blue);
}

.order-list .item .type {
	line-height: 20px;
	color: #999999;
	font-size: 12px;
	margin-top: 10px;
}

.order-list .item .type span {
	color: #0092EF;
}

.order-list .item .state {
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #F0981C;
	line-height: 22px;
	display: inline-block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 0px;
}

.order-list .item .state.done {
	color: #999999;
}

.order-list .item .state.err {}

.order-list .item .state.ing {}

.order-list .item .state.wait {}

.order-list .item ul {
	padding: 15px 0 0 0;
}

.order-list .item ul li {
	min-height: 75px;
	position: relative;
	margin-bottom: 10px;

}

.order-list .item ul.h-auto {
	padding-top: 5px;
}

.order-list .item ul.h-auto li {
	min-height: auto;
}

.order-list .item ul.h-auto li .info .title {
	font-size: 14px;
	color: #555555;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
}

.order-list .item ul li:last-child {
	margin-bottom: 0;
}

.order-list .item ul li .pic {
	width: 90px;
	height: 75px;
	float: left;
	display: inline;
}

.order-list .item ul li .pic img {
	width: 75px;
	height: 75px;
	background: center no-repeat;
	background-size: cover;
}

.order-list .item ul li .info {
	display: inline;
}

.order-list .item ul li .info .title {
	font-size: 12px;
	color: #555555;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
}

.order-list .item ul li .info .title a {
	color: #555555;
}

.order-list .item ul li .info .num {
	display: inline-block;
	float: right;
	font-size: 12px;
	width: 50px;
	line-height: 35px;
	color: #666666;
	text-align: right;
}

.order-list .item ul li .info .price {
	font-size: 13px;
	color: #F0981C;
	float: left;
	display: inline-block;
	line-height: 35px;
}


.order-list .item ul li .info .tags {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
}

.order-list .item ul li .info .tags span {
	margin-left: 2px;
	font-size: 0.625rem;
	line-height: 16px;
	display: inline-block;
	color: var(--anhui);
	border-radius: 5px;
	padding: 0 5px;
	background: var(--haojin);
}

.order-list .item .totel-price {
	text-align: right;
	border-bottom: none;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	margin-top: 10px;
	position: relative
}

.order-list .item .totel-price b {
	color: #f50;
	font-weight: bolder;
	font-size: 16px;
}

.order-list .item .t-price {
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	display: inline-block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 0px;
}

.order-list .item .t-price b {
	color: #f50;
	font-weight: bolder;
	font-size: 16px;
}

/* 小产品图列表 */

.order-list .item ul li.s {
	min-height: 65px;
}

.order-list .item ul li.s .pic {
	width: 75px;
	height: 60px;
	float: left;
	display: inline;
}

.order-list .item ul li.s .pic img {
	width: 60px;
	height: 60px;
	background: center no-repeat;
	background-size: cover;
}

.order-list .item ul li.s .info .num {
	line-height: 25px;
}

/*订单编号*/

.order-list .item .o-num {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	position: absolute;
	left: 0px;
	bottom: 0;
}

.order-list .item .o-address {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	position: absolute;
	left: 0px;
	bottom: 0;
	right: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
	white-space: nowrap;
	padding-left: 20px;
	text-align: left;
}

.order-list .item .o-address:before {
	font-family: "iconfont";
	content: "\e6f2";
	font-size: 16px;
	margin-right: 0px;
	position: absolute;
	left: 0;
	top: 0;
}


/*订单操作，确认收货，确认发货，查看物流*/

.order-list .item .operation {
	border-top: #DDDDDD dashed 1px;
	margin-top: 5px;
	text-align: right;
	padding-top: 10px;
}

.order-list .item .operation a {
	display: inline-block;
	font-size: 12px;
	color: #666666;
	border-radius: 25px;
	height: 25px;
	padding: 0 10px;
	border: #CCCCCC solid 1px;
	line-height: 25px;
}

.order-list .item .operation a.hide {
	display: none;
}



/* 主title */
.index-title {
	padding: 10px 10px;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	position: relative;
	font-family: "microsoft yahei"
}

.index-title::before {}

.index-title .tt {
	font-size: 18px;
	color: #000000;
	font-weight: 500;
}

.index-title .tt a {
	color: #333333;
}

.index-title .tt span {
	color: #999999;
	padding: 0 5px;
}

.index-title .ico {
	padding-left: 30px;
}



.index-title .more {
	position: absolute;
	right: 10px;
	font-size: 14px;
	top: 10px;
	color: var(--gray);

}

.index-title .more:after {
	font-family: "iconfont";
	content: "\e707";

}


.index-title .more a {
	color: var(--gray);
}


/* 文章列表 */


.news-list .item {
	background: #ffffff;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	overflow: hidden;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
}

.news-list .item .pic {
	margin-bottom: 10px;
	height: 120px;
	background: no-repeat center top;
	background-size: cover;
	border-radius: 5px;
}


.news-list .item .cont {}

.news-list .item .title {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	margin-bottom: 5px;
}

.news-list .item .title .i {
	background: #fc5e17;
	font-size: 12px;
	padding: 2px 7px;
	font-style: normal;
	margin-right: 10px;
	color: #ffffff;
	border-radius: 3px;
	float: left;
	line-height: 20px;
}

.news-list .item .info {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.news-list .item .time {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}



/* 信息提示页面 */



.top-search {
	position: fixed;
	top: 45px;
	left: 0;
	right: 0;
	background: #FFFFFF;
	height: 50px;
	padding: 10px 70px 10px 10px;
	z-index: 10;
}

.cx-back {
	position: absolute;
	left: 8px;
	top: 8px;
	color: #666666;
}

.top-search .input {
	background: #F7F7F7;
	border-radius: 5px;
	position: relative;
	height: 30px;
	font-size: 14px;
	padding-left: 30px;
	border: none;
	display: block;
}

.top-search:before {
	font-family: "iconfont";
	content: "\e752";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	left: 15px;
	color: #666666;
	z-index: 10;
}

.top-search .btn {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 30px;
	background: var(--anhui);
	color: var(--haojin);
	border: none;
	border-radius: 5px;
}

.top-search .btn:active {
	background: var(--red) !important;
	border: none !important;
}

.top-search~div {
	margin-top: 60px;
}

/*none没有了*/

.none {}

/* 按钮相关 */
.lg-btn {
	padding: 0 21px !important;
	font-size: 18px !important;
	height: 42px !important;
}

.big-btn {
	height: 50px;
	display: block;
	text-align: center;
	background-color: var();
}

.big-submit-btn {
	padding: 0px 20px;
	font-size: 20px;
	height: 50px;
	color: var(--haojin);
	background-color: var(--anhui2);
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	display: block;
	width: 100%;
	border: none;
}

.big-submit-btn.no-round {
	border-radius: 0;
}

.big-submit-btn:hover {
	background-color: var(--anhui);
	color: var(--haojin);
}


.submit-btn {
	padding: 0px 20px;
	font-size: 20px;
	height: 50px;
	color: #FFFFFF;
	background-color: var(--red);
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	display: block;
}

.submit-btn:hover {
	color: #FFFFFF;
}

.big-radius-btn {
	height: 40px;
	background-color: var(--anhui);
	color: var(--haojin);
	text-align: center;
	font-size: 16px;
	display: block;
	line-height: 40px;
	border-radius: 40px;
	margin: 0 15px;
}

.fixed-btn {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	height: 50px !important;
	z-index: 3;
}

.fixed-bottom-cont {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	height: 50px !important;
	background: #FFFFFF;
}

.fixed-bottom-cont .price {
	font-size: 30px;
	font-weight: 700;
	color: var(--red);
	position: absolute;
	left: 10px;
	line-height: 50px;
}

.fixed-bottom-cont .price:before {
	font-size: 18px;
	font-weight: normal;
	padding-right: 0px;
	font-family: "iconfont";
	content: "\e634";

}

.fixed-bottom-cont .submit {
	display: inline-block;
	padding: 0 20px;
	font-size: 18px;
	color: var(--haojin);
	background: var(--anhui);
	line-height: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0;
}

/* 服务产品选择列表无图 */

.s-p-list {}

.s-p-list ul {}

.s-p-list ul li {
	border-bottom: #DDDDDD solid 1px;
	padding: 10px 15px;
}

.s-p-list ul li .tt {
	font-size: 15px;
	color: #333333;
	line-height: 25px;
}

.s-p-list ul li .tips {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}



/* 字体颜色 */


.text-bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

.text-content {
	line-height: 1.6;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-red,
.line-red,
.lines-red {
	color: var(--red);
}

.text-orange,
.line-orange,
.lines-orange {
	color: var(--orange);
}

.text-yellow,
.line-yellow,
.lines-yellow {
	color: var(--yellow);
}

.text-olive,
.line-olive,
.lines-olive {
	color: var(--olive);
}

.text-green,
.line-green,
.lines-green {
	color: var(--green);
}

.text-cyan,
.line-cyan,
.lines-cyan {
	color: var(--cyan);
}

.text-blue,
.line-blue,
.lines-blue {
	color: var(--blue);
}

.text-purple,
.line-purple,
.lines-purple {
	color: var(--purple);
}

.text-mauve,
.line-mauve,
.lines-mauve {
	color: var(--mauve);
}

.text-pink,
.line-pink,
.lines-pink {
	color: var(--pink);
}

.text-brown,
.line-brown,
.lines-brown {
	color: var(--brown);
}

.text-grey,
.line-grey,
.lines-grey {
	color: var(--grey);
}

.text-gray,
.line-gray,
.lines-gray {
	color: var(--gray);
}

.text-black,
.line-black,
.lines-black {
	color: var(--black);
}

.text-white,
.line-white,
.lines-white {
	color: var(--white);
}

/* 弹出操作列表 */
.edit-list {
	padding: 5px 15px;
}

.edit-list ul {}

.edit-list ul li {
	line-height: 45px;
	font-size: 15px;
	text-align: center;
	border-bottom: #EEEEEE solid 1px;
}

.edit-list ul li:last-child {
	border: none;
}

.edit-list ul li a {
	color: #333333;
}

/*购买页面*/

.buy-details {
	overflow: hidden;
	padding-bottom: 0px;
}

.buy-details .top-info {
	background: var(--anhui);
	padding: 5px 30px 15px 30px;
	background-size: 70px 70px;
}

.buy-details .top-info b {
	color: var(--haojin);
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
}

.buy-details .top-info span {
	color: var(--haojin);
	font-size: 12px;
	line-height: 25px;
	display: block;
}

.buy-details .top-courier {
	position: relative;
	padding: 15px 40px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	background: #FFFFFF;
	margin-bottom: 10px;
}

.buy-details .top-courier:before {
	font-family: "iconfont";
	content: "\e619";
	position: absolute;
	top: 50%;
	left: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 20px;
	transform: translateY(-50%);
	color: #999999;
}

.buy-details .top-courier.d:before {
	content: "\e60e";
}

/* 顶部报单人 */
.top-man {
	position: relative;
	padding: 15px 40px 15px 50px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	background: #FFFFFF;
	margin-bottom: 10px;
	display: block;
}

.top-man .tt {
	font-size: 14px;
	position: absolute;
	top: 15px;
	left: 50px;
}

.top-man:before {
	font-family: "iconfont";
	content: "\e890";
	position: absolute;
	top: 50%;
	left: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 24px;
	transform: translateY(-50%);
	color: #999999;
}


.top-man .more {
	text-align: right;
	font-weight: bold;
	color: #333333;
}

.top-man:after {
	font-family: "iconfont";
	content: "\e707";
	position: absolute;
	top: 50%;
	right: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 20px;
	transform: translateY(-50%);
	color: #CCCCCC;
}

/* 顶部是否为复投 */
.top-type {
	position: relative;
	padding: 12px 15px 15px 50px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	background: #FFFFFF;
	margin-bottom: 10px;
	display: block;
	height: 52px;
}

.top-type .tt {
	font-size: 14px;
	position: absolute;
	top: 15px;
	left: 50px;
}

.top-type:before {
	font-family: "iconfont";
	content: "\e88a";
	position: absolute;
	top: 50%;
	left: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 24px;
	transform: translateY(-50%);
	color: #999999;
}

.top-type .mui-switch {
	float: right;
}


/* 订单地址选择 */

.top-address {
	position: relative;
	padding: 15px 40px 15px 50px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	background: #FFFFFF;
	margin-bottom: 10px;
}

.top-address:before {
	font-family: "iconfont";
	content: "\e6f2";
	position: absolute;
	top: 50%;
	left: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 26px;
	transform: translateY(-50%);
	color: #999999;
}

.top-address:after {
	font-family: "iconfont";
	content: "\e707";
	position: absolute;
	top: 50%;
	right: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	display: block;
	font-size: 20px;
	transform: translateY(-50%);
	color: #CCCCCC;
}

.buy-details>.title {
	font-size: 16px;
	color: #051B28;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	max-height: 63px;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	overflow: hidden;
	word-break: break-all;
	padding: 10px 10px;
	background: #FFFFFF;
	border-bottom: #DDDDDD dashed 1px;
}

.buy-details .info-details {
	border-top: #F3F3F3 solid 10px;
	background: #FFFFFF;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 0px;
}

.buy-details .info-details img {
	max-width: 100% !important;
	display: block;
}

.buy-details .top-address .man {}

.buy-details .top-address .address {}

.buy-details-cont {
	background: #F7F7F7;
	padding: 12px;
}

.buy-details-cont .item {
	background: #FFFFFF;
	border-radius: 10px;
}

.buy-details-cont .item~.item {
	margin-top: 12px;
}

.buy-details .d-shop-info {
	height: 21px;
	padding: 10px 10px 10px 41px;
	background: #FFFFFF;
	height: 41px;
	position: relative;
}

.buy-details .d-shop-info.ss:before {
	width: 21px;
	height: 21px;
	position: absolute;
	left: 15px;
	top: 10px;
	line-height: 21px;
	color: #999999;
	font-family: "iconfont";
	content: "\e676";
}

.buy-details .d-shop-info .pic {
	width: 21px;
	height: 21px;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 4px;
	overflow: hidden;
}

.buy-details .d-shop-info .pic img {
	width: 21px;
	height: 21px;
	background: center no-repeat;
	background-size: cover;
}

.buy-details .d-shop-info .name {
	display: inline-block;
	line-height: 21px;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.d-good-info {
	background: #ffffff;
	padding-top: 10px;
	margin-bottom: 10px;
}



.d-good-info>li {
	padding: 15px;
	/* 	margin-bottom: 0; */
	min-height: 90px;
	border-bottom: #DDDDDD dashed 1px;
	display: flex;
}

.d-good-info>li:last-child {
	border-bottom: none;
}

.d-good-info>li .pic {
	width: 90px;
	height: 75px;

}

.d-good-info>li .pic img {
	width: 75px;
	height: 75px;
	background: center no-repeat;
	background-size: cover;
}

.d-good-info>li .info {
	flex: 1;
	min-height: 75px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
}

.d-good-info>li .info .g-title {
	font-size: 14px;
	color: #333333;
	font-weight: 600;
	line-height: 20px;
	max-height: 40px;
	margin-bottom: 0px;
	overflow: hidden;
}

.d-good-info>li .info .g-title a {
	color: #555555;
}

.d-good-info>li .info .num {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 12px;
	color: #999999;
	text-align: center;
}

.d-good-info>li .info .num .mui-numbox {
	transform: scale(0.7);
	transform-origin: right;
}

.d-good-info .info .price {
	font-size: 14px;
	color: var(--red);
	/* float: left;
	/* display: inline-block; */
	line-height: 30px;
}

.d-good-info .info .price span {
	font-size: 0.7rem;
	color: #999999;
	margin-left: 10px;
}

.d-good-info .info .price em {
	font-size: 0.7rem;
	font-style: normal;
	color: #999999;
	margin-left: 0px;
}


.d-good-info>li .info .one-price {
	display: block;
	font-size: 12px;
	color: #666666;
	line-height: 25px;
}

.d-good-info>li .info .one-price .input {
	line-height: 25px;
	height: 30px;
	margin-bottom: 0;
	border: #DDDDDD solid 1px;
	padding: 0 10px;
	width: 60px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	color: #333333;
	margin-left: 10px;
}

.d-good-info>li .tips {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
}

.d-good-info>li .tips span {
	margin-left: 2px;
	font-size: 0.625rem;
	line-height: 16px;
	display: inline-block;
	color: var(--anhui);
	border-radius: 5px;
	padding: 0 5px;
	background: var(--haojin);
}

.d-good-info.s {
	padding-top: 1px;
}

.d-good-info.s>li {
	min-height: 75px;
}



.d-good-info.s>li .pic {
	width: 75px;
	height: 60px;

}

.d-good-info.s>li .pic img {
	width: 60px;
	height: 60px;
	background: center no-repeat;
	background-size: cover;
}

.d-good-info.s>li .info {
	flex: 1;
	min-height: 60px;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
}


.buy-details-cont .buy-details-item ul {
	padding: 0;
}

.buy-details-cont .buy-details-item ul li .tt {
	text-align: right;
	width: 75px;
}

.buy-details-cont .item>.buy-details-item {
	margin: 0 10px;
	padding-bottom: 10px;
}

.d-good-info~.buy-details-item {
	/*border-top: #DDDDDD dashed 1px;*/
}

.no-good {
	text-align: center;
	line-height: 30px;
	padding: 25px 15px;
	font-size: 14px;
	color: #999999;
}

.no-good span {
	color: #0062CC;
}

/* number的加减 */

.zc-number {
	height: 25px;
	line-height: 25px;
	/* padding: 2px 0; */
	display: flex;
	text-align: center;
	max-width: 100px;
	overflow: hidden;
}

.zc-number .number {
	color: var(--red);
	width: 25px;
	font-size: 25px;
	text-align: center;
}

.zc-number .number::before {
	font-family: "iconfont";
}

.zc-number .num-minus::before {
	content: "\e61b";
}

.zc-number .num-input {
	text-align: center;
	width: 45px;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	height: 25px !important;
	line-height: 25px !important;
}

.zc-number .num-plus::before {
	content: "\e6d8";
}

/*弹出层 */

.pop-cont {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100vw;
	transform: translateX(100vw);
	height: 100vh;
	background: #FFFFFF;
	transition: all 0.3s;
	visibility: hidden;
	z-index: 101;
}

.pop-cont.show {
	transform: translateX(0vw);
	/* opacity: 1; */
	visibility: visible;
}

.pop-cont.w7.show {
	transform: translateX(25vw) !important;
	/* opacity: 1; */
	visibility: visible;
}

.pop-cont .shadow {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: -100vw;
	right: 100vw;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.pop-main-cont {
	height: calc(100% - 44px);
	overflow-y: auto;
}

.pop-submit {
	height: 50px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFFF;
	background-color: var(--orange);
}

.pop-submit~.pop-main-cont {
	height: calc(100% - 95px);
	overflow-y: auto;
}


/* 滚动穿透 */
.noscroll {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}


/*订单附加信息*/

.buy-details-item {
	background: #FFFFFF;
}

.buy-details-item~.buy-details-item {
	margin-top: 10px;
}

.buy-details-item ul {
	padding: 0 10px;
	line-height: 21px;
}

.buy-details-item ul li {
	border-bottom: #DDDDDD solid 1px;
	font-size: 14px;
	padding: 10px 0;
	position: relative;
}

.buy-details-item ul li:last-child {
	border-bottom: none;
}

.buy-details-item ul li .tt {
	display: inline-block;
	color: #333333;
}

.buy-details-item ul li .text-right {
	float: right;
	display: inline-block;
	color: #666666;
}

.buy-details-item ul li input[type=number] {
	padding: 0 5px;
	width: 55px;
	height: 21px;
	margin-bottom: 0;
	text-align: right;
	font-size: 14px;
	display: inline-block;
}

.buy-details-item ul li .text-right.price {
	color: #FC5100;
}

.buy-details-item ul li .arr-right {
	float: right;
	display: inline-block;
	color: #666666;
}

.buy-details-item ul li .arr-right:after {
	font-family: "iconfont";
	content: "\e6f9"
}

.buy-details-item ul li.totel-price {
	text-align: right;
	border-bottom: none;
	font-size: 14px;
	color: #333333;
}

.buy-details-item ul li.totel-price b {
	color: #f50;
	font-weight: 500;
	font-size: 16px;
	padding: 0 3px;
}

.buy-details-item ul li.rel {
	position: relative;
	padding: 10px 0 10px 85px;
}

.buy-details-item ul li.rel .tt {
	position: absolute;
	left: 0;
	top: 10px;
}

.buy-details-item ul li.rels {
	position: relative;
	padding: 10px 0 10px 60px;
}

.buy-details-item ul li.rels .tt {
	position: absolute;
	left: 0;
	top: 10px;
}



.buy-details-item ul li .input {
	border: none;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	padding: 0;
	height: auto;
	margin-bottom: 0;
}

.buy-details-item ul li .tips {
	color: #FC5100;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 0 30px;
}

.buy-details-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 50px;
	border-top: #DDDDDD solid 1px;
	background: #FFFFFF;
}


/*里边的check按钮*/

.buy-details-item .check-item {
	position: relative;
	padding-left: 35px;
	height: 21px;
	color: #666666;
	overflow: hidden;
	line-height: 22px;
}

.buy-details-item .check-item b {
	color: var(--orange);
	font-weight: normal;
}

.buy-details-item .check-item span {
	color: #999999;
}


/* .buy-details-item .check-item.wx,
.buy-details-item .check-item.ye,
.buy-details-item .check-item.th {
	padding-left: 38px;
} */

.buy-details-item .check-item:before {
	font-family: "iconfont";
	content: "\e616";
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #FC8D21;
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	left: 5px;
	top: 0px;
}

.buy-details-item .th:before {
	content: "\e6b8";
	background-color: #00BE67;
}

.buy-details-item .yc:before {
	content: "\e789";
	background-color: #FC8D21;
}
.buy-details-item .piao:before {
	content: "\e677";
	background-color: #FC8D21;
}



.buy-details-item .az:before {
	content: "\eb68";
	background-color: #00BE67;
}

.buy-details-item .ps:before {
	content: "\e75f";
	background-color: #0092EF;
}

.buy-details-item .wx:before {
	content: "\e62a";
	color: #00BE67;
	width: 25px;
	height: 25px;
	border-radius: none;
	background: #FFFFFF;
	position: absolute;
	text-align: center;
	font-size: 20px;
	line-height: 25px;
	left: 2px;
	top: 0px;
}

.buy-details-item .ye:before {
	content: "\e6ed";
	color: #FC8D21;
	width: 25px;
	height: 25px;
	border-radius: none;
	background: #FFFFFF;
	position: absolute;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	left: 5px;
	top: 0px;
}


.buy-details-item .check-item.mui-checkbox input[type=checkbox] {
	top: 0;
	right: 0px;
	width: 22px;
}

.buy-details-item .check-item.mui-checkbox input[type=checkbox]:before {
	font-size: 22px;
}

.buy-details-item .check-item.mui-radio input[type=radio] {
	top: 0;
	right: 0px;
	width: 22px;
}

.buy-details-item .check-item.mui-radio input[type=radio]:before {
	font-size: 22px;
}


.buy-details-bottom .submit-btn {
	background: var(--anhui);
	color: var(--white);
	font-size: 16px;
	line-height: 50px;
	height: 51px;
	float: right;
	border: none;
	width: 120px;
	margin-top: -1px;
	border-radius: 0;
	padding: 0 !important;
}

.buy-details-bottom .totel-info {
	line-height: 50px;
	font-size: 14px;
	color: #666666;
	text-align: right;
	float: right;
	padding-right: 15px;
}

.buy-details-bottom .totel-info b {
	color: #f50;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	text-align: right;
}

.buy-details-bottom .totel-info2 {
	display: inline-block;
	font-size: 14px;
	color: #666666;
	text-align: right;
	float: right;
	height: 50px;
	padding: 8px 10px 0 15px;
}

.buy-details-bottom .totel-info2 .t-div {
	line-height: 20px;
	height: 20px;
}

.buy-details-bottom .totel-info2 .b-div {
	line-height: 15px;
	height: 15px;
	font-size: 12px;
	color: #999999;
}

.buy-details-bottom .totel-info2 .t-div b {
	color: #f50;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	text-align: right;
}

.buy-details-bottom .long-btn {
	background: #FF0036;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	width: 100%;
	margin-top: -1px;
	padding: 0 !important;
	text-align: center;
	display: block;
}

.buy-details-bottom .checked-cont {
	position: absolute;
	left: 10px;
	top: 10px;

}

.buy-details-bottom .checked-cont label {
	font-size: 14px;
	padding-left: 35px;
	padding-right: 0;
	line-height: 30px;
	color: #666666;
}

.buy-details-bottom .checked-cont input {
	top: 0;
	left: 0;
	right: auto;
}

/*支付页面*/

.pay-page {
	text-align: center;
	background: #FFFFFF;
}

.pay-page-top {
	padding: 15px 0;
}

.pay-page .ico {
	color: #FC5E17;
	margin-bottom: 30px;
}

.pay-page .ico:before {
	font-family: "iconfont";
	content: "\e6f0";
	font-size: 60px;
}

.pay-page .title {
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}

.pay-page .num {
	font-size: 36px;
	line-height: 40px;
	color: #FC5E17;
	padding-right: 18px;
}

.pay-page .num:before {
	content: "￥";
	color: #999999;
	font-size: 18px;
}

.pay-page .info {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	padding: 10px;
	padding-top: 0;
}

.pay-page .tips {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	padding: 10px;
}

.pay-page .pay-btn {
	border-radius: 5px;
	background: #FC5E17;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	margin: 15px;
	padding: 0 15px;
	border: none;
}

.pay-page .buy-details-item {
	text-align: left;
	border-top: #f7f7f7 solid 10px;
	border-bottom: #f7f7f7 solid 10px;
}

.pay-page .link-a {
	margin-top: 20px;
	text-align: center;
}

.pay-page .link-a a {
	color: #FC8D21;
	font-size: 14px;
	line-height: 25px;
}


/*弹出支付*/

.pay-pop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
	visibility: hidden;
}

.pay-pop.pop-show {
	visibility: visible;
}

.pay-pop-cont {
	background: #f7f7f7;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
	transform: translateY(100%);
	z-index: 12;
}

.pop-show .pay-pop-cont {
	transform: translateY(0);
}

.pay-pop-shadow {
	position: fixed;
	content: "";
	width: 100%;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0);
	top: 0px;
	transition: all 0.3s;
	visibility: hidden;
}

.pop-show .pay-pop-shadow {
	background: rgba(0, 0, 0, 0.4);
	visibility: visible;
}

.pay-pop .pop-title {
	text-align: center;
	font-size: 12px;
	line-height: 45px;
	height: 45px;
	background: #F7F7F7;
	border-bottom: #DDDDDD solid 1px;
	position: relative;
}

.pay-pop .pop-close {
	position: absolute;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	left: 0;
	top: 0;
	font-size: 25px
}

.pay-pop .forget-pass {
	font-size: 12px;
	color: var(--orange);
	position: absolute;
	right: 5px;
	line-height: 45px;
	display: inline-block;
}

.pay-pop .pop-close:before {
	font-family: "iconfont";
	content: "\e646";
	color: #999999;
}

.pay-pop .pass-cont {
	width: 85%;
	margin: 15px auto;
	height: 40px;
	overflow: hidden;
	border: 1px solid #bebebe;
	border-radius: 5px;
}

.pay-pop .pass-cont li {
	border-right: 1px solid #efefef;
	height: 40px;
	float: left;
	width: 16.3%;
	background: #FFF;
	text-align: center;
	line-height: 38px;
}

.pay-pop .pass-cont li.mmdd {
	background: #FFF;
	background-size: 25%;
}

.pay-pop .pass-cont li.mmdd:before {
	font-family: "iconfont";
	content: "\e608";
	font-size: 38px;
	color: #333333;
}

.pay-pop .pass-cont li:last-child {
	border-right: none;
}

.pay-pop .input-pass-cont {
	border-top: 1px solid #dadada;
	overflow: hidden;
	border-bottom: none;
}

.pay-pop .input-pass-cont ul li {
	width: 33.3333%;
	border-bottom: 1px solid #dadada;
	float: left;
	text-align: center;
	font-size: 22px;
}

.pay-pop .input-pass-cont ul li a {
	display: block;
	color: #000;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

.pay-pop .input-pass-cont ul li a:active {
	background: #e0e0e0;
}

.pay-pop .input-pass-cont ul li:nth-child(3n-1) a {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.pay-pop .input-pass-cont ul li span {
	display: block;
	color: #e0e0e0;
	background: #e0e0e0;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

.pay-pop .input-pass-cont ul li span.del:before {
	font-family: "iconfont";
	content: "\e62f";
	color: #666666;
	font-size: 30px
}

.pay-pop .tips {
	font-size: 14px;
	color: #FC9200;
	line-height: 25px;
	text-align: center;
}

/* 充值转让 */

.transfer-page {
	margin: 20px;
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.transfer-page-top {
	position: relative;
	height: 70px;
	background: #fbfbfb;
	padding: 15px;
}

.transfer-page-top .tt {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}

.transfer-page-top .name {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.transfer-page-top .pic {
	position: absolute;
	right: 15px;
	top: 15px;
}

.transfer-page-top .pic img {
	width: 40px;
	height: 40px;
}

.transfer-page-top .choose {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	color: #666666;
	font-size: 15px;
}

.transfer-page-top .choose:after {
	font-family: "iconfont";
	content: "\e6f9";
}

.transfer-page .cont {
	padding: 15px;
}

.transfer-page .title {
	font-size: 14px;
	color: #333333;
}

.transfer-page .title span {
	color: var(--orange);
	padding-left: 10px;
	font-size: 12px;
	/* 	text-align: right;
	float: right; */
}

.transfer-page .title2 {
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 0px;
}

.transfer-page .item {
	border-bottom: #DDDDDD solid 1px;
	height: 50px;
	position: relative;
	padding: 15px 10px;
	line-height: 20px;
}

.transfer-page .item .unit {
	font-size: 26px;
	position: absolute;
	line-height: 20px;
	left: 0;
}

.transfer-page .cont .item .input {
	border: none;
	outline: none;
	background: none;
	font-size: 26px;
	color: #333333;
	line-height: 20px;
	width: auto;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px 0px;
	margin-left: 20px;
	display: block;
}

.transfer-page .cont .item .input::-webkit-input-placeholder {
	font-size: 16px;
}

.transfer-page .cont .item .input2 {
	border: none;
	outline: none;
	background: none;
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	width: auto;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px 0px;
	margin-left: 0px;
	display: block;
}

.transfer-page .cont .item .mui-icon-clear {
	top: 15px;
}

.transfer-page .type {
	line-height: 35px;
	/* border-bottom: #DDDDDD solid 1px;
	margin-bottom: 10px; */
}

.transfer-page .type .mui-radio.mui-left {
	display: inline-block;
}

.transfer-page .type .mui-radio.mui-left label {
	padding-right: 15px;
	padding-left: 28px;
	font-size: 14px;
	color: #666666;
}

.transfer-page .type .mui-radio input[type=radio] {
	position: absolute;
	top: 7px;
	left: 0px;
	display: inline-block;
	width: 28px;
	height: 26px;
	border: 0;
	outline: 0 !important;
	background-color: transparent;
	-webkit-appearance: none;
}

.transfer-page .type .mui-radio input[type=radio]:before {
	font-family: Muiicons;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	color: #aaa;
	border-radius: 0;
	background: 0 0;
	-webkit-font-smoothing: antialiased;
}

.transfer-page .btn {
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	background: #ff8100;
	display: block;
	text-align: center;
	margin-top: 20px;
	border-radius: 5px;
	transition: all 0.3s;
	border: none;
	padding: 0;
}

.transfer .btn:active {
	background: #FC5100;
}

.transfer-page .tips {
	font-size: 14px;
	padding: 5px 0;
	color: var(--red);
	line-height: 20px;
	display: block;
	margin-top: 10px;
}

.transfer-page .item-cont .tt {
	font-size: 14px;
}

.transfer-page .item-cont .input {
	font-size: 14px;
}

.scan-resule {
	font-size: 14px;
	line-height: 25px;
	padding: 30px;
	text-align: center;
	color: #666666;
}


/*支付方式选择*/

.choose-pay {}

.choose-pay li {
	line-height: 30px;
	padding: 10px;
	border-bottom: #DDDDDD solid 1px;
	text-align: left;
	color: #666666;
	font-size: 16px;
}

.choose-pay li:last-child {
	border: none;
}

.choose-pay li span {}

.choose-pay li:before {
	font-family: "iconfont";
	content: "\e7b2";
	display: inline-block;
	float: left;
	font-size: 30px;
	margin-right: 10px;
}

.choose-pay li.alipay:before {
	font-family: "iconfont";
	content: "\e7b2";
	color: #249AF0;
}

.choose-pay li.wx:before {
	font-family: "iconfont";
	content: "\e622";
	color: #1AAD19;
}

/*二维码扫码页面*/

.wx-code-page {}

.wx-code-page .cont {
	width: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	transform: translateY(-50%);
	text-align: center;
	height: auto;
	padding-bottom: 25px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.wx-code-page .cont .title {
	height: 50px;
	line-height: 50px;
	background: #F7F7F7;
	color: #FC5100;
	text-align: left;
	font-size: 16px;
}

.wx-code-page .cont .title:before {
	font-family: "iconfont";
	content: "\eba3";
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	font-size: 20px;
}

.wx-code-page .cont .tt {
	line-height: 25px;
	font-size: 16px;
	color: #666666;
	padding: 25px 25px 25px 30px;
}

.wx-code-page .cont .tt b {
	font-size: 30px;
	color: #FC5100;
	font-weight: 300;
}

.wx-code-page .cont .cd {
	text-align: center;
}

.wx-code-page .cont .cd img {
	width: 200px;
	height: 200px;
	display: block;
	margin: 0 auto;
}

.wx-code-page .cont .tips {
	padding: 25px;
	color: #666666;
	line-height: 25px;
	font-size: 14px;
}

/* 我的市场主页显示 */


.index-money {
	background-color: var(--anhui);
	text-align: center;
}

.index-money .user-name {
	font-size: 18px;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 25px;
	padding-left: 18px;
}

.index-money .user-name::after {
	font-family: "iconfont";
	content: "\e707";
}

.index-money .info {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}

.index-money .big-money {
	font-size: 45px;
	line-height: 80px;
	color: #FFFFFF;
}

.index-money .cont {
	display: flex;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 15px;
}

.index-money .item {
	flex: 1;
	text-align: center;
}

.index-money .item .tt {
	font-size: 12px;
	color: #EEEEEE;
	line-height: 20px;
}

.index-money .item .num {
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

.index-money .item .info {}

.index-money .item~.item {
	border-left: rgba(255, 255, 255, 0.3) solid 1px;
}

/* 账户中心 */

.money-index {
	background-color: var(--anhui);
	text-align: center;

	padding: 15px;
	/* 	border-radius: 5px; */
}

.money-index .cont {
	display: flex;
	padding: 5px 0;
}

.money-index .item {
	flex: 1;
	text-align: center;
}

.money-index .item i {
	font-size: 40px;
	line-height: 50px;
	color: #FFFFFF;
}

.money-index .item .tt {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}

.money-index .item .num {
	font-size: 22px;
	line-height: 30px;
	color: #FFFFFF;
}

.money-index .item .info {}


.info-cont {
	margin: 15px;
	padding: 0px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.withdraw-page {
	margin: 15px;
	padding: 0px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.withdraw-page>.top {
	background: #F7F7F7;
}

.withdraw-page>.cont {
	padding: 15px;
}


.withdraw-page .item-cont>ul {}

.withdraw-page .title {
	font-size: 15px;
	color: #333333;
}

.withdraw-page .item {
	border-bottom: #DDDDDD solid 1px;
	height: 50px;
	position: relative;
	padding: 10px 10px;
	line-height: 20px;
}

.withdraw-page .item .unit {
	font-size: 24px;
	position: absolute;
	line-height: 20px;
	left: 0;
	bottom: 10px;
}

.withdraw-page .cont .item .input {
	border: none;
	outline: none;
	background: none;
	font-size: 30px;
	color: #333333;
	line-height: 30px;
	width: auto;
	height: 30px;
	margin-bottom: 0px;
	padding: 0px 0px;
	margin-left: 20px;
	display: block;
}

.withdraw-page .cont .item .input::-webkit-input-placeholder {
	font-size: 14px;
}


/* 使用webkit内核的浏览器 */

.withdraw-page .cont .item .input::-moz-placeholder {
	font-size: 14px;
}

.withdraw-page .cont .item2 {
	margin-bottom: 10px;
	padding: 10px 10px !important;
	height: 45px;
}

.withdraw-page .cont .item .input2 {
	margin-left: 0px;
}

.withdraw-page .cont .item .mui-icon-clear {
	top: 15px;
}

.withdraw-page .cont .item .f20 {
	font-size: 20px !important;
}

.withdraw-page .cont .tips {
	font-size: 12px;
	line-height: 40px;
	color: #999999;
}

.withdraw-page .cont .tips a {
	color: var(--red);
}

/* 搜索 */


/*列表顶部tab选项卡*/

.index-ico-tab {
	background: #FFFFFF;
	border-bottom: #EEEEEE solid 1px;
	z-index: 10;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
}

.mui-page-content .index-ico-tab {
	top: 44px;
}

.mui-page-content .index-ico-tab~div {
	margin-top: 44px;
}

.mui-bar~.mui-content .index-ico-tab {
	top: 44px;
}

.index-ico-tab ul {
	height: 35px;
	line-height: 35px;
	display: flex;
}

.index-ico-tab ul li {
	position: relative;
	flex: 1;
	color: #777777;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-ico-tab ul li:after {
	font-family: "iconfont";
	content: "\e614";
	color: #DDDDDD;
	margin-left: 3px;
}

.index-ico-tab ul li.curr {
	color: #333333;
}

.index-ico-tab ul li.curr:after {
	color: #333333;
}

.index-ico-tab ul li a {
	color: #777777;
}

.index-ico-tab ul li.curr a {
	color: #333333;
}

.index-ico-tab ul li.right-arr:after {
	font-family: "iconfont";
	content: "\e6f9";
	color: #DDDDDD;
	margin-left: 3px;
}


/*不让tab选项卡遮盖*/

.index-ico-tab+div {
	margin-top: 35px;
}


/*tab菜单弹出相关*/


/*解决滚动穿透*/

body.pop-open {
	position: fixed;
	width: 100%;
	min-height: 100%;
}

.pop-shadow {
	position: fixed;
	content: "";
	width: 100%;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0);
	top: 0px;
	transition: all 0.3s;
	visibility: hidden;
}

.pop-show .pop-shadow {
	background: rgba(0, 0, 0, 0.4);
	visibility: visible;
}

.pop-down {
	position: fixed;
	top: -65%;
	width: 100%;
	height: 65%;
	z-index: 1;
	-webkit-transition-duration: 0.4s;
}

.pop-right.pop-show {
	right: 0;
}

.pop-right .pop-shadow {
	transform: translateX(-100%);
	right: -100%;
}

.pop-right {
	position: fixed;
	top: 0px;
	width: 100%;
	right: -100%;
	bottom: 0;
	z-index: 101;
	-webkit-transition-duration: 0.4s;
}

.pop-right .cate-index-list {
	right: 0;
	left: 20%;
}

.pop-down.pop-show {
	top: 35px;
}

.mui-bar~.pop-down.pop-show {
	top: 79px;
}


.pop-menu-cont .top-btn {
	height: 55px;
	position: absolute;
	background: #FFFFFF;
	padding: 15px;
	bottom: 0px;
	left: 0;
	right: 0;
	text-align: center;
}

.pop-menu-cont .top-btn div {
	display: inline-block;
	border: #DDDDDD solid 1px;
	font-size: 14px;
	padding: 0 10px;
	line-height: 25px;
	color: #666666;
	border-radius: 25px;
}

.pop-menu-cont .top-btn a {
	display: inline-block;
	border: #F0981C solid 1px;
	font-size: 14px;
	padding: 0 10px;
	margin-right: 5px;
	line-height: 25px;
	color: #FFFFFF;
	border-radius: 25px;
	background: #F0981C;
}

.pop-menu-cont .coupon-list,
.pop-menu-cont .address-list {
	background: #fff;
	position: absolute;
	z-index: 3;
	right: 0;
	left: 20%;
	list-style-type: none;
	padding: 10px 0 50px 0;
	height: 100%;
	top: 0px;
	overflow: scroll;
}

.pop-menu-cont .address-list ul li {
	padding: 15px;
}

.pop-menu-cont .address-list .cont {
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	bottom: 55px;
}

.pop-menu-cont .coupon-list {
	background: #FFFFFF;
	padding: 15px;
}

.pop-menu-cont .coupon-list ul {}

.pop-menu-cont .coupon-list ul li {
	background: #fff5f3;
	border-radius: 5px;
	position: relative;
	padding: 10px 15px;
	margin-bottom: 15px;
	height: 85px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}


/*选择列表*/

.state-list {
	background: #FFFFFF;
	width: 100%;
	background: #fff;
	position: absolute;
	z-index: 3;
	left: 0;
}

.state-list ul {}

.state-list ul li {
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #666666;
	border-bottom: #EEEEEE solid 1px;
	padding: 0 15px;
}

.state-list ul li a {
	color: #666666;
	display: block;
}

.state-list ul li.curr {
	color: #FC5E17;
}

.state-list ul li.curr a {
	color: #FC5E17;
}

/*突出分类列表*/

.cate-index-list {
	background: #fff;
	position: absolute;
	z-index: 3;
	left: 0;
	list-style-type: none;
	padding: 10px 0 50px 0;
	height: 100%;
}

.cate-index-list .cont {
	overflow: scroll;
	top: 10px;
	right: 0;
	bottom: 60px;
	left: 0;
	position: absolute;
}

.show-all {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 10px;
	border: #D0D0D0 solid 1px;
	background: #FFFFFF;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	padding: 0 8px;
	font-size: 12px;
	color: #666666;
	z-index: 7;
	text-align: center;
}

.cate-index-list .done {
	position: absolute;
	right: 10px;
	top: 10px;
	border: #F0981C solid 1px;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	z-index: 7;
	font-size: 12px;
	padding: 0 8px;
	line-height: 25px;
	color: #FFFFFF;
	border-radius: 25px;
	background: #F0981C;
}

.cate-index-list dl {
	border: #DDDDDD solid 1px;
	margin: 10px;
	padding: 5px 10px;
	border-radius: 5px;
}

.cate-index-list dl.curr {}


.cate-index-list dl dt {
	color: #484848;
	position: relative;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
}

.cate-index-list dl dt a {
	display: block;
	color: #484848;
	font-size: 14px;
	display: block;
}

.cate-index-list dl dt.curr a {
	color: #FC5100;
	font-weight: bold;
}


.cate-index-list dl dt:after {
	font-family: "iconfont";
	font-size: 14px;
	color: #999999;
	content: "\e707";
	position: absolute;
	right: -7px;
	top: 0px;
	width: 30px;
	text-align: center;
	transition: all 0.3s;

}

.cate-index-list dl dt.curr:after {
	transform: rotate(90deg);
	color: #FC4B6C;
}

.cate-index-list dl dd {
	display: none;
}

.cate-index-list dl dd ul {
	margin: 0 -5px;
}

.cate-index-list dl dd ul li {
	float: left;
	padding: 5px;
	display: inline-block;
}

.cate-index-list dl dd ul li a {
	background: #F2F2F2;
	color: #545454;
	display: block;
	line-height: 30px;
	font-size: 12px;
	border-radius: 4px;
	padding: 0 10px;
}

.cate-index-list dl dd ul li.curr a {
	color: #FFFFFF;
	background: #FC5E17;
}


/*状态显示页面-绑定-支付-认证等*/

.state-page {
	padding: 70px 20px 0px 20px;
	text-align: center;
}

.state-page .icon {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}

.state-page .icon:before {
	font-size: 60px;
	height: 70px;
	line-height: 60px;
	font-family: "iconfont";
	display: block;
}

.state-page .icon.success {
	color: #1aad19;
}

.state-page .icon.done {
	color: #007aff;
}

.state-page .icon.error {
	color: #dd524d;
}

.state-page .icon.warning {
	color: #f0ad4e;
}

.state-page .icon.wait-for {
	color: #dd524d;
}

.state-page .icon.sm {
	color: #dd524d;
}

.state-page .icon.sm:before {
	content: "\eba1";
	font-size: 80px;
	height: 120px;
	line-height: 100px;
	font-family: "iconfont";
	display: block;
}

.state-page .icon.success:before {
	content: "\e656";
}

.state-page .icon.done:before {
	content: "\e656";
}

.state-page .icon.error:before {
	content: "\e658";
}

.state-page .icon.warning:before {
	content: "\e662";
}

.state-page .icon.wait-for:before {
	content: "\e65e";
}

.state-page .info {
	font-size: 14px;
	color: #333333;
	line-height: 25px;
	margin-top: 50px;
}

.state-page .num {
	font-size: 30px;
	color: #DD524D;
	line-height: 35px;
}

.state-page .tips {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}

.state-page .back {
	display: inline-block;
	border: #D3D3D3 solid 1px;
	border-radius: 5px;
	line-height: 25px;
	padding: 5px 10px;
	font-size: 15px;
	color: #666666;
	margin: 70px auto 0 auto;
	min-width: 150px;
}

.state-page .btn {
	margin-top: 20px;
	padding: 0 10px;
}

.state-page .btn a {
	background: #FC8D21;
	height: 45px;
	line-height: 45px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 5px;
}




/* 边距相关 */
.m-t-0 {
	margin-top: 0 !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-b-40 {
	margin-bottom: 40px !important;
}

.m-b-50 {
	margin-bottom: 50px !important;
}

.m-b-60 {
	margin-bottom: 60px !important;
}

.p-lr-15 {
	padding: 0 15px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-t-0 {
	padding-top: 0px !important;
}


.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-45 {
	padding-top: 45px;
}

.p-t-50 {
	padding-top: 50px;
}

.p-t-60 {
	padding-top: 60px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-40 {
	padding-bottom: 40px;
}

.p-b-50 {
	padding-bottom: 50px;
}


.zanwu {
	font-size: 14px;
	color: darkgray;
	padding: 60px 0;
	line-height: 20px;
	text-align: center;
}

/*暂无数据页面*/

.no-text {
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	color: #999999;
}

.zanwu-pic {
	position: absolute;
	top: 50%;
	width: 100%;
	background: url(zanwu.png) no-repeat center;
	background-size: 175px 150px;
	height: 150px;
	transform: translateY(-70%);
	text-align: center;
}

.zanwu-pic span {
	font-size: 14px;
	color: #999999;
	display: none;
}

/* .nonet {
	position: absolute;
	top: 50%;
	width: 100%;
	background: url(nonet.png) no-repeat center;
	background-size: 93px 100px;
	height: 100px;
	margin-top: -50px;
}

.waiting {
	position: absolute;
	top: 50%;
	width: 100%;
	background: url(waiting.jpg) no-repeat center #FFFFFF;
	background-size: 150px 165px;
	height: 165px;
	margin-top: -80px;
}

.err-page {
	position: absolute;
	top: 50%;
	width: 100%;
	background: url(err.jpg) no-repeat center;
	background-size: 200px 200px;
	height: 200px;
	transform: translateY(-60%);
	text-align: center;
}
 */

.p-15 {
	padding: 15px 0 !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.loading {
	text-align: center;
	font-size: 12px;
	line-height: 50px;
	color: #999999;
}

/*底线页面，我是有底线的*/

.bottom-line {
	text-align: center;
	margin: 20px 0;
}

.bottom-line .dx {
	display: inline-block;
	position: relative;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
}

.bottom-line .dx:before {
	content: " ";
	display: block;
	position: absolute;
	left: -10px;
	transform: translateX(-100%);
	height: 5px;
	border-top: #DDDDDD solid 1px;
	top: 50%;
	width: 80px;
}

.bottom-line .dx:after {
	content: " ";
	display: block;
	position: absolute;
	right: -10px;
	transform: translateX(100%);
	height: 5px;
	border-top: #DDDDDD solid 1px;
	top: 50%;
	width: 80px;
}

.bottom-line span {
	display: inline-block;
	position: relative;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
}

.bottom-line span:before {
	content: " ";
	display: block;
	position: absolute;
	left: -10px;
	transform: translateX(-100%);
	height: 5px;
	border-top: #DDDDDD solid 1px;
	top: 50%;
	width: 80px;
}

.bottom-line span:after {
	content: " ";
	display: block;
	position: absolute;
	right: -10px;
	transform: translateX(100%);
	height: 5px;
	border-top: #DDDDDD solid 1px;
	top: 50%;
	width: 80px;
}


/* mui 修正 */
.mui-bar {
	background-color: #609e29;
}

.mui-bar a {
	color: #FFFFFF;
}

.mui-bar .mui-title {
	color: #FFFFFF;
}

.mui-bar.mui-bar-nav {
	box-shadow: none
}

.mui-bar-nav.mui-bar-transparent~.mui-content {
	padding-top: 0;
}


.mui-pull-right span {
	font-size: 14px;
	display: inline-block;
	line-height: 50px;
	color: #ffffff !important;
}

.white.mui-bar .mui-pull-right span {
	font-size: 14px;
	display: inline-block;
	color: #666666 !important;
}

.top-a {
	color: #FFFFFF !important;
	line-height: 45px;
	font-size: 14px;
	padding: 0 5px;
}

.top-a:active {
	color: #EEEEEE;
}

.white .top-a {
	color: #333333 !important;
	line-height: 45px;
	font-size: 14px;
}

.white .top-a:active {
	color: #333333;
	line-height: 50px;
	font-size: 14px;
}

.mui-popover {
	background-color: #FFFFFF !important;
}

.mui-popover-bottom.mui-popover {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.mui-popup {
	border-radius: 10px;
}

.mui-popup-inner {
	border-radius: 10px 10px 0 0;
}

.mui-popup-button {
	color: #666666;
}

.mui-popup-button-bold {
	font-weight: normal !important;
}

.mui-popup-button:first-child {
	border-radius: 0 0 0 10px;
}

.mui-popup-button:last-child {
	border-radius: 0 0 10px;
}

.hide {
	display: none !important;
}