@media screen and (max-width: 320px) {

	html,
	body {
		font-size: 12px !important;
	}
}

@media screen and (min-width: 321px) and (max-width: 375px) {

	html,
	body {
		font-size: 16px !important;
	}
}

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

	html,
	body {
		font-size: 18px !important;
	}
}

.header-change .right-btn{position: absolute;top: 0;right: 0;}
.header-change .right-btn a{
	display: block;
	width: 44px;height: 44px;
	line-height: 44px;
	text-align: center;
	border: none;
	font-size: 1.4rem;
	color: #333;
	background-color: #fff;
}


.list-article-video img,
.list-article-video video {
	width: 100%;
}

.list-article-video video {
	background: #000;
}

.background-white {
	background: #fff;
}

/*文本控制在两行*/

.my-ellipsis1 {
	width: 100%;
	white-space: nowrap !important;
	text-overflow: ellipsis;
	overflow: hidden;
}

.widthDiv {
	width: 100%;
	overflow: hidden;
}

.my-ellipsis2 {
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;

}

p {
	padding: 0;
	margin: 0;
}

.font1 {
	font-size: 1rem;
}

/*----------------mui.showLoading-start---------------*/
.mui-show-loading {
	position: fixed;
	padding: 5px;
	width: 120px;
	min-height: 120px;
	top: 45%;
	left: 50%;
	margin-left: -60px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
	visibility: hidden;
	margin: 0;
	z-index: 2000;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	opacity: 0;
	-webkit-transform: scale(0.9) translate(-50%, -50%);
	transform: scale(0.9) translate(-50%, -50%);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.mui-show-loading.loading-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);
}

.mui-show-loading .mui-spinner {
	margin-top: 24px;
	width: 36px;
	height: 36px;
}

.mui-show-loading .text {
	line-height: 1.6;
	font-family: -apple-system-font, "Helvetica Neue", sans-serif;
	font-size: 14px;
	margin: 10px 0 0;
	color: #fff;
}

.mui-show-loading-mask {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.mui-show-loading-mask-hidden {
	display: none !important;
}

/*----------------mui.showLoading-end---------------*/
.content-artcle {
	margin-top: 44px;
}

/* Tidak ada data yang tersedia saat ini */
.null-page {

	padding-top: 7.5rem;
	text-align: center;
}

.null-page-min {
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.null-page img {
	width: 7.5rem !important;
	height: 7.5rem !important;
}

.null-page p {
	font-size: .875rem !important;
	color: #999;
}
.null-page-min button{
	margin-top: 30px;
	background-color: #00A0E9;
	font-size: 14px;
	color: #fff;
	padding: 0;
	line-height: 40px;
	border: none;
	width: 132px;
}
/* 文章列表 */
.list-article {
	padding: 1rem;
}

.list-article .artcle-cell {
	background: #fff;
	display: block;
	margin-bottom: 0.875rem;
	border-radius: 0.14rem;
	line-height: 0;
	font-size: 0;
}

.list-article .artcle-cell img {
	width: 100%;

	vertical-align: baseline;
	display: inline-block;

}

.list-article .artcle-cell p {
	font-size: 1rem;
	color: #333;
	line-height: 0.9375rem;
	padding: 0.875rem 0.625rem;
	box-sizing: border-box;
	font-weight: bold;

}

/* 积分商城 */
.integral-bg {
	background: #fff;

}

.sys-tip {
	background: #FEEBEA;
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: 0.75rem;
	color: #F03D38;
	display: none;
	padding: 0 1rem;
	box-sizing: border-box;
}

.sys-tip .iconfont {
	margin-right: 5px;
}

.integal-top {
	position: relative;
	height: 18.625rem;
}

.integal-top .bg {
	width: 100%;
	height: 12.5rem;
	background: url(../images/jf.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 1.25rem 1rem;
	color: #fff;
	position: relative;
}

.integal-top .name {
	font-size: 0.75rem;
	margin-bottom: 0.7rem;
}

.number-parent {
	position: relative;
}

.integal-top .number {
	font-size: 1.75rem;
	display: inline-block;
	font-weight: bold;
	padding-right: 1rem;
	position: relative;
	margin-bottom: 0.7rem;
}

.integal-top .number .ghdiconfont {
	position: absolute;
	top: 50%;
	right: -0.5rem;
	font-size: 1rem;
	line-height: 1;
	margin-top: -0.5rem;
}

.footer_btn_points{
  display: flex;
  align-items: center;
  margin: 5px -8px;
}
.footer_btn_points .flex{
  padding: 0 8px;
  line-height: 1;
  font-size: 12px;
}
.footer_btn_points .flex.border{
  border-left: 1px solid #fff;
}
.integal-top .btns {
	position: absolute;
	top: 0;
	right: 0;
}

.integal-top .btns .btn {
	margin: 0;
	padding: 0.3rem 0.7rem;
	background: none;
	outline: none;
	color: #fff;
	font-size: 0.875rem;
	border: 1px solid #fff;
	border-radius: 0.9rem;
}

/* 轮播 */
.banner-home {
	padding: 0.9rem;
	position: absolute;
	top: 7rem;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.banner-home .banner-in {
	box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.08);
}

.banner-home .mui-slider .mui-slider-group .mui-slider-item {
	height: 10.375rem;
	overflow: hidden;

	border-radius: 0.25rem;
}

.banner-home .mui-slider-indicator .mui-indicator {
	width: 0.25rem;
	height: 0.25rem;
	margin: 1px 0.1rem;
	box-shadow: none;
	border-radius: 0.25rem;
	background: #F3E6CD;
}

.banner-home .mui-slider-indicator .mui-indicator.mui-active {
	background: #C39D59;
	width: 0.625rem;
	height: 0.25rem;
}

/* 默认标题 */
.default-title {
	text-align: center;
	background: #fff;
	padding: 1.2rem 0;
}

.default-title .title-in {
	padding: 0 1rem;
	display: inline-block;
	font-weight: bold;
	position: relative;
}

.default-title .title-in .dot {
	width: 0.5rem;
	height: 0.5rem;
	background:#DEB871;
	position: absolute;

	top: 0.2rem;
	border-radius: 50%;
}

.default-title .title-in .left.min {
	width: 0.23rem;
	height: 0.23rem;
	top: 0.7rem;
	left: 0;
}

.default-title .title-in .right.min {
	width: 0.23rem;
	height: 0.23rem;
	top: 0.8rem !important;
	right: 0.3rem !important;
}

.default-title .title-in .left.dot {
	left: 0.4rem;
}

.default-title .title-in .right.dot {
	right: 0.6rem;
	top: 0.3rem;
}

/* 切换 */
.tab-parent {
	padding: 0.7rem 0;
	border-top: 1px solid #F8F8F8;
	background: #fff;
	border-bottom: 1px solid #F8F8F8;
	position: relative;
}

.tab-parent .tab1 {
	font-size: 0.875rem;
	display: inline-block;
	padding: 0 0.9rem;

}

.tab-parent .tab1.action {
	color: #C39D59;
	
}
.tab-parent .tab1.rotate-icon .ghdiconfont {transform: rotate(180deg);transition: all 0.1s;display: inline-block;}
.tab-parent .tab1 .ghdiconfont {
	margin-left: 0.2rem;
	font-size: 10px;
}

.tab-parent .checkbox-right {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	right: 1rem;
	font-size: 0.8rem;

	line-height: 1;
	margin-top: -0.4rem;
}

.tab-parent .checkbox-right .icon-newfangxuankuang {
	color: #999;
}

.tab-parent .checkbox-right .icon-newfangxuankuangyixuan {
	color: #C39D59;
}

/* 点击区间的弹框 */
.open-popup {
	position: fixed;
	z-index: 1000;
	top: 44px;
	width: 100%;
	left: 0;
	overflow: hidden;
	display: none;
}

.black-bg {
	background: rgba(0, 0, 0, .6);
	z-index: 1000;
	top: 44px;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
}

.open-popup .z-index1001 {
	position: relative;
	z-index: 1001;
}

.open-popup .list-btn {
	background: #fff;
	padding: 1rem;
}

.open-popup .list-btn .btn {
	font-size: 0.875rem;
	display: inline-block;
	text-align: center;
	width: 7.5rem;
	margin-right: 3.56rem;
	margin-bottom: 0.75rem;
	color: #333;
	padding: 0.4rem 0;
	background: #f6f6f6;
}

.open-popup .list-label-btn {
	overflow: hidden;
	background: #fff;
	padding-bottom: .5rem;
	height: 13rem;
	overflow-x: hidden;
	overflow-y: scroll;
}

.open-popup .list-label-btn li {
	width: 50%;
	font-size: 0.875rem;
	padding: 0.43rem 1rem;
	float: left;
}

.open-popup .list-label-btn li .ghdiconfont {
	font-size: 0.7rem;
	margin-right: 4px;
}

.open-popup .list-label-btn li.action {
	color: #C39D59;
}



.open-popup .btns {
	overflow: hidden;
	width: 100%;
}

.open-popup .btns div {
	width: 50%;
	box-sizing: border-box;
	float: left;
	font-size: 0.875rem;
	color: #333;
	text-align: center;
	padding: 1rem 0;
}

.open-popup .btns div.left-btn {
	background: #f7f7f7;
}

.open-popup .btns div.right-btn {
	background: #C39D59;
	color: #fff;
}

.open-popup .list-btn .btn:nth-of-type(2n) {
	margin-right: 0;
}

.open-popup .list-btn .btn.action {
	background: #FCF7ED;
	color: #C39D59;
}

.bottom-height {
	width: 100%;
	background: #fff;
}

/* 积分弹框 */
.integral-popup {
	position: fixed;
	z-index: 1000;
	top: 44px;
	width: 100%;
	left: 0;
	/* overflow: hidden; */
	display: none;
}

.integral-popup .off-btn {
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: -70px;
	left: 50%;
	width: 30px;
	height: 30px;
	font-size: 30px;
	margin-left: -15px;
	z-index: 1111;
}

.integral-popup .integral-bg {
	width: 14rem;
	margin: 20vh auto 0;
	background: url(../images/jf1.png) no-repeat;
	background-size: 100% 100%;
	height: 14rem;
	position: relative;
	z-index: 10001;
	text-align: center;
}

.integral-bg .title {
	font-size: 1.375rem;
	color: #333;
	padding-top: 6.4rem;
	margin-bottom: 1.1rem;
}

.integral-bg .add-num {
	color: #D02502;
	font-size: 1.115rem;
	font-weight: bolder;
	line-height: 2.5rem;
	letter-spacing: 1px;

}

.integral-bg .add-num span {

	font-size: 1.75rem;
}

.integral-popup .black-bg {
	top: 0;
}


/* 积分商品列表 */
.shop-list {
	overflow: hidden;
	padding: 0.625rem 0.5rem;
}

.shop-list .shop-cell {
	float: left;
	width: 50%;
	padding: 0 0.5rem;
	margin-bottom: 0.815rem;
}

.shop-list .shop-cell .item-in {
	border: 1px solid #F3F3F3;
	border-radius: 8px;
	overflow: hidden;
}

.shop-list .shop-cell .item-in .widthDiv {
	line-height: 0;
	font-size: 0;
	margin-bottom: 0.625rem;
}

.shop-list .shop-cell .item-in .img {
	vertical-align: baseline;
	display: inline-block;
	width: 100%;

}

.shop-list .shop-cell .item-in .title {
	padding: 0 0.625rem 0.425rem 0.625rem;
	margin-bottom: 0;
	box-sizing: border-box;
	font-size: 0.875rem;
	font-weight: bold;
}

.shop-list .shop-cell .item-in .price {
	padding: 0 0.625rem 0.625rem 0.625rem;
	color: #B6291F;
	box-sizing: border-box;
	font-size: 1rem;
	font-weight: bold;
}

.shop-list .shop-cell .item-in .price span {
	font-size: 0.628rem;
	margin-left: 4px;
	font-weight: normal;

}

/* 兑换记录 */
.records-tab {
	width: 100% !important;
}

.records-tab .mui-control-item {
	width: 25% !important;
	border: none !important;
	position: relative;
}

.records-tab .mui-control-item.mui-active::after {
	content: "";
	width: 1rem;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
	margin-left: -0.5rem;
	left: 50%;
	background: #C39D59;
}

/* 积分订单列表 */

.integtal-cell {
	margin-top: 0.625rem;
	background: #fff;
	padding: 0.875rem 1rem;
	color: #333;
}

.integtal-cell .order-no {
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
}

.integtal-cell .order-no .state {
	float: right;
	color: #333;
	font-size: 0.875rem;
}

.integtal-cell .order-no .state.red {
	color: #C39D59;
}

.integtal-cell .order-no .state.gray {
	color: #999;
}

.order-list {
	position: relative;
	padding-left: 5rem;
	min-height: 4.2rem;
}

.order-list .img {
	width: 4.375rem;
	height: 4.375rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.order-list .img img {
	width: 100%;
}

.order-list .title {
	font-size: 0.875rem;
	color: #333;
	margin-bottom: 0.475rem;
}

.order-list .number {
	font-size: 0.875rem;
	color: #333;
	margin-bottom: 0.375rem;
}

.order-list .number.number-bottom {
	margin-top: 1.8rem;
}

.order-list .number .num {
	float: right;
	color: #999;
}

.order-list .time {
	font-size: 0.75rem;
	color: #999;
}

/* 商品详情 */
.shop-info {
	display: none;
}

.shop-info .shop-title {
	font-size: 0.875rem;
	color: #333;
	padding: 0.625rem 1rem 0 1rem;
	font-weight: bold;
}

.shop-info .integral {
	color: #B6291F;
	font-size: 0.625rem;
	padding: 0 1rem 0.625rem 1rem;
	border-bottom: 0.625rem solid #EFEEF3;
}


.border-bottom10 {
	border-bottom: 0.625rem solid #EFEEF3;
}

.border-top10 {
	border-top: 0.625rem solid #EFEEF3;
}

.shop-info .integral span {
	font-size: 1.125rem;
	font-weight: bold;
	margin-right: 0.1rem;
	color: #F03D38;
}

.shop-detail-title {
	text-align: center;
	padding: 0.875rem;
	color: #666;
	display: none;
	font-size: 0.875rem;
}

.shop-detail-title span {
	margin: 0 5px;
	color: #E8E8E8;
}

.footer-height {
	height: 3.125rem;
	height: calc(3.125rem + constant(safe-area-inset-bottom));
	height: calc(3.125rem + env(safe-area-inset-bottom));
}

.fix-btn {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	height: 3.125rem;
	padding: 0.3125rem 1rem;
	z-index: 1000;
	box-sizing: border-box;
}

.fix-btn .btn {
	width: 100%;
	margin: 0;
	height: 2.5rem;
	background: none;
	outline: none;
	color: #fff;
	box-sizing: border-box;


	border-radius: 0.25rem;

	font-size: 0.875rem;
}

.fix-btn .btn.success {
	border: 1px solid #C39D59;
	background: #C39D59 !important;
}

.fix-btn .btn.erro {
	border: 1px solid #B5B5B5;
	background: #B5B5B5 !important;
}

/* 确定订单的底部 */
.confirmation-footer {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	height: 3.125rem;
	padding: 0 1rem;
	line-height: 3.125rem;
	z-index: 1000;
	box-sizing: border-box;
	background: #fff;
	color: #999;
	font-size: 0.75rem;
}

.confirmation-footer .right-btn {
	position: absolute;
	top: 0;
	width: 8.675rem;
	text-align: center;
	right: 0;
	background: #C39D59;
	font-size: 0.875rem;
	color: #fff;
	height: 3.125rem;
}

.confirmation-footer .number {
	font-size: 1.125rem;
	color: #B6291F;
	font-weight: bold;
	margin: 0 2px 0 4px;
}

.confirmation-footer .jf {

	color: #B6291F;

}

/* 兑换成功页面 */
.order-succcess {
	border-radius: 6px;
	margin:5rem 2rem;
	box-shadow: 0px 4px 12px rgba(20, 28, 49, 0.1);
}

.order-succcess-in {
	background: #fff;
	text-align: center;
	border-radius: 0.375rem;
	padding-top: 3rem;
}

.order-succcess-in .icon-duihuanchenggong {
	font-size: 4.25rem;
	color: #C39D59;
}

.order-succcess-in .title {
	font-size: 1.1rem;
	color: #C39D59;
	margin: 0.875rem 0;
	font-weight: bold;
}

.order-succcess-in .tip {
	font-size: 0.75rem;
	color: #767676;
	margin-bottom: 2rem;

}

.order-succcess-in .order-no {
	text-align: left;
	color: #888;
	font-size: 0.8125rem;
	padding: 0 1.5rem;
}

.order-succcess-in .order-no .num {
	float: right;
}

.order-succcess-in .btns {
	padding: 0 0.9rem;
	margin-top: 2rem;
	overflow: hidden;
	background-color: #F7F6F6;
	position: relative;
}
.order-succcess-in .btns::after{
	content: "";
	width: 1px;
	height: 16px;
	background-color: #D8D8D8;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
}
.order-succcess-in .btns .btn {
	padding: 0 0.5rem;
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	b
}

.order-succcess-in .btns .btn-in {

	font-size: 0.875rem;
	line-height: 2.75rem;
	/* border: 1px solid #979797; */
	border-radius: 4px;
	color: #333;
}
.order-succcess-in .btns .btn:last-child .btn-in{color: #C39D59;}
.order-name-parent {
	padding-top: 0.625rem;
}

.order-name-parent .order-name {
	font-size: 0.875rem;
	color: #333;
	margin-bottom: 0.625rem;
}

.order-phone {
	width: 8.75rem;
	display: none;
	margin: 4rem auto;
	text-align: center;
	background: #C39D59;
	color: #fff;
	border-radius: 4px;
	font-size: 0.875rem;
	padding: 0.6rem 0;
}

.remarks-info {
	display: none;
}

.order-phone .iconfont {
	margin-right: 5px;
}

/* 积分记录 */
.content-intrgral {
	margin-top: calc(44px + 3.75rem);
}

.fix-intrgral-title {
	width: 100%;
	position: fixed;
	top: 44px;
	background: #fff;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 0.875rem;
	box-sizing: border-box;
	padding: 0 1rem;
	color: #333;
}

.fix-intrgral-title .num {
	font-size: 1.125rem;
	color: #F03D38;
	font-weight: bold;
	margin-left: 0.525rem;
}

.fix-intrgral-title .tab {

	border: 1px solid #C39D59;
	border-radius: 4px;
	height: 1.75rem;
	line-height: 1.75rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.875rem;
	overflow: hidden;
}

.fix-intrgral-title .tab .tab-in {
	display: inline-block;
	width: 3.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	color: #C39D59;
	float: left;
}

.fix-intrgral-title .tab .tab-in.border-right {
	border-right: 1px solid #C39D59;
}

.fix-intrgral-title .tab .tab-in.action {
	background: #C39D59;
	color: #fff;
	border-right: none;
}

.index-month-title {
	height: 3.125rem;
	line-height: 3.125rem;
	background: #fff;
	border-bottom: 1px solid #F5F5F5;
	color: #333;
	/* font-weight: bold; */
	font-size: 14px;
	padding: 0 1rem;
}

.index-month-title span {
	margin: 0 5px;
}

.index-month-title .get-num {
	color: #C39D59;
}

.month-list {
	background: #fff;
	padding: 0.875rem 1rem 0.425rem;
	border-bottom: 1px solid #F5F5F5;
	font-size: 14px;
	color: #333;

}
.month_list_new{
	border-bottom: 10px solid #F8F8F8;
	position: relative;
}
.month_list_new .display_none{
	display: none;
}
.month_list_new .right_icon{
	position: absolute;
	top:0.875rem;
	font-size: 14px;
	color: #999;
	right: 16px;
}
.month-list .state-title {
	margin-bottom: 0.625rem;
}

.month-list .state-title .price {
	float: right;
	font-size: 14px;
	color: #C39D59;
	/* font-weight: bold; */
}

.month-list .flowing-water {
	overflow: hidden;
}

.month-list .flowing-water .my-ellipsis {
	width: 60%;
	float: left;
	font-size: 12px;
	color: #999999;
}

.month-list .flowing-water .time {
	float: right;
	margin-left: 6px;
	font-size: 0.75rem;
	color: #999;
}

.pullrefresh-tab-boby1 .mui-bar.mui-bar-nav:after {
	display: none;
}

/* 对账单 */
.list-account-statement {
	background-color: #efeff4;
}

.list-account-statement .display-hide {
	display: none !important;
}

.list-account-statement .display-show {
	display: block !important;
}

.list-account-statement {
	border-top: 10px solid #f2f2f2;
}

.list-account-statement .item {
	background-color: #fff;
	padding: 0.7rem 0;
	position: relative;
	border-bottom: 10px solid #f2f2f2;
}

.list-account-statement .item .name {
	font-size: 0.875rem;
	color: #333;
	padding: 0 0.725rem;
	position: relative;
}

.list-account-statement .item .state {
	position: absolute;
	top: 50%;
	right: 0.725rem;
	line-height: 1;
	margin-top: -0.4375rem;
	color: #333;
}

.list-account-statement .item .red {
	color: #F03D38;
}

.list-account-statement .item .gray {
	color: #999999;
}

.list-account-statement .item .time {}

.list-account-statement .item .down-time {
	border-top: 1px solid #f2f2f2;
	margin-top: 0.625rem;
	padding: 0.625rem 0.7rem 0 0.7rem;
	color: #F03D38;
	font-size: 0.875rem;
	position: relative;
}

.list-account-statement .item .down-time .btn {
	position: absolute;
	top: 50%;
	right: 0.725rem;
	line-height: 1.4rem;
	padding: 0 0.4rem;
	border-radius: 4px;
	margin-top: -0.4375rem;
	border: 1px solid #BCBCBC;
	color: #333;
}

/* 对账单详情 */
.customer-info {
	border-top: 10px solid #EFEEF3;
	display: none;
}

.customer-info .name-parent {
	padding: 0.775rem 0.6rem 0.2rem;
	background: #fff;

}

.customer-info .name {
	position: relative;
	font-size: 0.875rem;
	color: #333;
	padding-left: 5rem;
	margin-bottom: 0.4rem;

}

.customer-info .name .left-name {
	position: absolute;
	top: 0;
	left: 0;
}




.customer-info .table .left {
	text-align: left;
}

.customer-info .table .right {
	text-align: right;
}


.customer-info .table {
	background-color: #fff;
	color: #666;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 10px solid #f2f2f2;
	max-height: 57vh;
	position: relative;

}

.customer-info .table-in {
	width: 100%;

	max-height: calc(50vh - 4rem);
	overflow-y: scroll;
	overflow-x: hidden;
}

.customer-info .table .thead {
	position: absolute;
	top: 0;
	line-height: 1.8rem;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
	background-color: #fff;
}

.customer-info .table .tfoot {
	position: absolute;
	bottom: 0;
	line-height: 1.8rem;
	left: 0;
	background-color: #fff;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

.customer-info .table .thead .item,
.customer-info .table .tfoot .item {
	display: inline-block;
	padding: 4px 28px 4px 16px;
	min-width: 96px;

	box-sizing: border-box;
	color: #333;
	white-space: nowrap;
	font-size: 14px;

}

.customer-info .table td,
.customer-info .table th {
	padding: 4px 28px 4px 16px;
	min-width: 96px;
	/* border-left: 1px solid #f2f2f2; */
	color: #333;
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
}

.customer-info .table .right {
	text-align: right;
}

.customer-info .table .left {
	text-align: left;
}

.customer-info .table th {
	color: #666;
}

.customer-info .tip {
	font-size: 0.8rem;
	color: #333;
	margin: 1rem 0;
	text-align: center;
}

.footer-btn .btn {
	margin: 0 auto;
	width: 10rem;
	text-align: center;
	font-size: 0.875rem;

	color: #fff;
	height: 2.8rem;
	border-radius: 8rem;
	line-height: 2.8rem;
}

.customer-info .down-time {
	color: #F03D38;
	font-size: 0.875rem;
	text-align: center;
	margin: .8rem 0 .1rem;
}

.customer-info .send-time,
.customer-info .determine-time {
	color: #999;
	font-size: 0.75rem;
	text-align: center;
}

/* 预售秒杀 */
.retrie-sell dt {
	border-bottom: 1px solid #F3F3F3;
}

.retrie-sell dt .select-dow-label {
	width: 25%;
	height: 36px !important;
	line-height: 36px;
}

.slide-add-btn {
	overflow-y: hidden;
	padding: 0;
}

.slide-new-btn {
	max-height: 210px;
	overflow-y: scroll;
	padding-left: 15px;
}

.slide-line2 .slide-footer-btn {
	overflow: hidden;
	width: 100%;
}

.slide-line2 .slide-footer-btn .btn {
	float: left;
	width: 50%;
	background-color: #F7F7F7;
	color: #333;
	line-height: 40px;
	text-align: center;
	font-size: 0.875rem;
}

.slide-line2 .slide-footer-btn .btn.action {
	background-color: #C39D59;
	color: #fff;
}

.slide-line2 li {
	float: left;
	width: 50%;
}

.slide-in {
	display: none;
}

.slide-in .slide {
	display: block;
}

.slide-line {
	padding: 2px 17px;
}

.slide-line li .active {
	font-size: 0.875rem;
	color: #F23030;
}

.slide-in li,
.slide-in li a {
	height: auto;
	line-height: 1;
}

.slide-in li a {
	padding: 8px 0
}

.slide-in li a.active::before {
	display: none;
}

/* .slide-in li a.active {
	padding-left: 20px;
	position: relative;
}

.slide-in li a.active:after {
	font-family: iconfont;
	content: "\e727";
	font-weight: normal;
	height: 20px;
	width: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #F23030;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
} */

.retrie dt a .tapdot {
	margin-top: 16px;
}

/* 预售商品样式 */
.pre-sale-shop{margin-top: 0!important;
margin-bottom: 10px;}
.pre-sale-shop.mui-table-view:after {
	display: none;
}

.pre-sale-shop .sales-spec {
	font-size: 0.75rem;
	color: #838383;
	margin-bottom: 4px;
}

.pre-sale-shop .product-title02 {
	font-size: 0.875rem;
	color: #333;
	font-weight: bold;
}

.pre-sale-shop .product-title02 .my-sign1-box {
	font-weight: normal;
	margin-right: 5px;
}

.pre-sale-shop .product-price02 .product-spec {
	margin-left: 6px;
}

.pre-sale-shop .product-cart02 {
	width: calc(100vw - 120px);
}

.pre-sale-shop .sales-info-num {
	width: 63px;
	font-size: 11px;
	color: #838383;
	margin-right: 5px;
}

.pre-sale-shop .progressbar-box {
	display: inline-block;
	width: calc(100vw - 220px);
	height: 6px;
	background-color: #FFEEEE;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.pre-sale-shop .progressbar-success {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	/* width: 60%; */

	background-color: #B6291F;
}

.pre-sale-shop .sales-pro-sum {
	font-size: 11px;
	color: #B6291F;
	margin-left: 5px;
}

.pre-sale-shop .product-info02 .skill-price,
.pre-sale-shop .product-info02 .price-btn-cell {
	margin-top: 0 !important;
}

.pre-sale-shop .border-bottom {
	border-bottom: 1px solid #F5F5F5;
	padding: 10px 10px 10px 0;
}

.pre-sale-shop .sales-end-time {
	/* border-bottom: 10px solid #efeff4; */
	color: #B6291F;
	font-size: 0.875rem;
	position: relative;
	padding: 10px;
	margin-bottom: 0;
}

.pre-sale-shop .sales-end-time .my-btn-red {
	position: absolute;
	width: 5rem;
	padding: 0;
	height: 2rem;
	top: 50%;
	margin-top: -1rem;
	color: #fff!important;
	font-size: 0.8rem;
	border: none;
	background-color: #B6291F!important;
	right: 10px;
}
.pre-sale-shop .sales-end-time .my-btn-gray{
	background-color: #B5B5B5!important;
}
.pre-sale-shop .sales-end-time .my-btn-red1{
	background-color: #FFEEEE!important;
	color: #D02502!important;
}


/* 拜访记录 */
.visit-statistics .tip{
	font-size: 0.875rem;
	padding: 0.875rem 1rem;
	color: #999999;
}
.visit-statistics .table-list{padding: 0 1rem;}
.visit-statistics .table-list .table-in{border: 1px solid #E5E5E5;border-radius: 4px;}
.visit-statistics .table-list table{width: 100%;text-align: center;}
.visit-statistics .table-list .left-algin{text-align: left;width: 25%;}
.visit-statistics .table-list td{background-color: #fff;padding: 5px;font-size: 0.875rem;border-color:#E5E5E5 ;font-weight: bold;width: 20%;}
.visit-statistics .table-list tbody td{font-weight: normal;}

.sales-statistics .title{
	font-size: 0.9375rem;
	color: #333;
	font-weight: bold;
	padding: 0.8rem 1rem 0.3rem;
}
.shop-statistics{overflow: hidden;padding: 0 0.5rem;}
.shop-statistics .shop-price,.shop-statistics .shop-num{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0.5rem;
}
.shop-statistics .item{
	box-sizing: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	box-sizing: border-box;
	padding-top: 1rem;
	height: 5.5rem;
	background:url(../images/shopbg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.shop-statistics .item p{
	line-height: 2.4rem;
	color: #333;
	font-weight: bold;
	font-size: 1.375rem;
}
.shop-statistics .item p.name{font-size: 0.75rem;color: #666;line-height: 1;font-weight: normal;}
.sales-statistics .shop-list {padding: 0.5rem 1rem 0;}
.sales-statistics  .shop-item{border: 1px solid #f0f0f0;border-radius: 4px;padding: 1rem 0.875rem 1rem 6.125rem;margin-bottom: 10px;box-sizing: border-box;position: relative;min-height: 6.375rem;}
.sales-statistics  .shop-item .img{width: 4.375rem;height: 4.375rem;position: absolute;
top: 1rem; left: 0.875rem;}
.sales-statistics  .shop-item .img img{width: 100%;height: 100%;}
.sales-statistics  .shop-item .model{
	font-size: 0.75rem;
	color: #666;
}
.sales-statistics  .shop-item .shop-title{font-size: 0.9375rem;color: #333;margin-bottom: 0.5rem;}
.sales-statistics  .shop-item .num{font-size: 0.875rem;color: #333;}
.sales-statistics  .shop-item:nth-of-type(1)::after{
	font-family: iconfont;
	content: "\e774";
	font-size: 2rem;
	color: #FCD380;
	position: absolute;
	top: 0;
	right: 0.5rem;
}
.sales-statistics  .shop-item:nth-of-type(2)::after{
	font-family: iconfont;
	content: "\e777";
	font-size: 2rem;
	color: #E4E4E4;
	position: absolute;
	top: 0;
	right: 0.5rem;
}
.sales-statistics  .shop-item:nth-of-type(3)::after{
	font-family: iconfont;
	content: "\e772";
	font-size: 2rem;
		color:#F7F0E3;
	position: absolute;
	top: 0;
	right: 0.5rem;
}

		/* 我的拜访列表 */
.my-visit-list {
	padding: 0 16px;
}		
.my-visit-list .my-visit-item{
	padding: 10px 0;
	border-bottom: 1px solid #F0F0F0;
	position: relative;
	/* display: flex; */
	/* height: 74px;
	line-height: 74px; */
}
/* .my-visit-list .my-visit-item1{
	padding: 13px 0;
} */
.my-visit-list .my-visit-item .left-state{
	width: 44px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	border-radius: 2px;
	background-color: #E5F9EF;
	font-size: 12px;
	color: #07C160;
}
.my-visit-list .my-visit-item .left-state1{
	/* position: absolute;
	top: 13px;
	left: 0; */
	width: 36px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	color: #00A0E9;
	font-size: 12px;
	background-color: rgba(0, 160, 233, 0.06);
}
.my-visit-list .my-visit-item .left-state.blue{
	color: #00A0E9;
	background-color: rgba(0, 160, 233, 0.1);
}
.my-visit-list .my-visit-item .left-state.end{
	color: #909399;
	background-color: #F4F4F5;
}
.my-visit-list .my-visit-item .name{
	color: #333333;
	font-size: 15px;
	line-height: 20px;
}
.my-visit-list .my-visit-item .time{
	color: #999999;
	font-size: 14px;
	line-height: 20px;
}
.my-visit-list .my-visit-item .right-btn{
	/* position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px; */
	/* width: 58px; */
	padding: 0 8px;
	background-color: #00A0E9;
	border-color: #00A0E9;
	color: #fff;
	line-height: 28px;
	
}

/* .my-visit-list .my-visit-item .right-btn.blue{
	background-color: #fff;
	color: #00A0E9;
} */
.my-visit-list .my-visit-item .right-btn.black{
	background-color: #F8F8F8;
	color: #CCCCCC;
	border: none;
}
.my-visit-list .my-visit-item .right-btn1{
	border: none;
	background-color: #fff;
	color: #666666;
	line-height: 20px;
	margin-top: 0;
	/* top:11px; */
}
.my-visit-list .my-visit-item .right-btn1 .iconfont {
	font-size: 16px;
	margin-left: 6px;
	color: #CCCCCC;
}
.my-sliderscroll-box .time-title{
	color: #999999;
	padding: 14px 16px;
	line-height: 20px;
	font-size: 14px;
	background-color: #f8f8f8;
}
.my-visit-list .my-visit-item .right-btn1.green{
	color: #07C160;
}
.my-visit-list .my-visit-item .right-btn1.black{

	color: #CCCCCC;
}
/* 添加拜访计划 */
.add-visit-plan .visit-time{
	padding: 12px 16px;
	border-bottom: 8px solid #f8f8f8;
	position: relative;
}
.add-visit-plan .visit-time .iconfont{position: absolute;top: 50%;right: 16px;font-size: 16px;line-height: 1;margin-top: -13px;color: #ccc;}
.add-visit-plan .visit-time .time-name{
	font-size: 14px;
	padding:6px 0 ;
	color: #666666;
	
}
.add-visit-plan .visit-time .time{
	font-size: 14px;
	color: #333;
	border: none;
	width: 100%;
}
.add-visit-plan .visit-time-padding{padding: 0 16px;}
.add-visit-plan .mui-input-row label{
	padding: 0;
	font-size: 14px;
	color: #666;
	line-height: 50px;
	height: 50px;
	box-sizing: border-box;
}
.add-visit-plan .mui-input-row input{
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	color: #333;
}
.add-visit-plan .mui-navigate-right:after{right: 0;}
.my-switch-btn{
	/* overflow: hidden; */
	line-height: 50px;
	height: 50px;
	position: relative;
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #F0F0F0;
}
.my-switch-btn .mui-switch{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 0px;
}
.my-switch-btn .mui-switch.mui-active{
	    border-color: #00A0E9;
	    background-color: #00A0E9;
}

.my-switch-btn .mui-switch{border: 1px solid #E5E5E5;}
.my-switch-btn .mui-switch .mui-switch-handle{
	left: 0;
	top: 0;
}
.reminder-interval-list {
	padding: 0 16px;
	border-bottom: 8px solid #f8f8f8;
}
 .interval-time{
	padding: 15px 16px 2px;
	font-size: 14px;
	color: #666;

	position: relative;
}
.reminder-interval-list .reminder{
	padding: 15px 0;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #F0F0F0;
	position: relative;
}
.reminder-interval-list .reminder:last-child{
	border-bottom: none;
}
.reminder-interval-list .reminder.action::after{
	content: "\e769";
	font-family: "iconfont";
	position: absolute;
	top: 50%;
	right: 0;
	line-height: 1;
	margin-top: -10px;
	font-size: 20px;
	color: #00A0E9;
}
.reminder-interva-switch{
	padding: 0 16px;
}
.reminder-interva-switch .my-switch-btn{border-bottom: none;}
.reminder-interva-switch .mui-radio.mui-left label{padding-left: 0!important;font-size: 14px;color: #333;}
.reminder-interva-switch .cooperation-input{padding-right: 50%;position: relative;width: 100%;box-sizing: border-box;height: 50px;}
.reminder-interva-switch .cooperation-input .input{
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
	
	width: 50%;
}
.reminder-interva-switch .cooperation-input .input input{
	width: 100%;
	border: 1px solid #F1F1F1;
}
/* 打卡 */
.task-title{
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #F0F0F0;
/* 	font-weight: bold; */
}
.task-title span{margin-left: 20px;}
.photo-select{padding: 12px 16px;font-size: 14px;color: #333;}
.photo-select span{
	color: #EB3C3C;
}
.photo-img{padding:0 16px;}
.photo-img img{
	width: 100px;
	height: 100px;
}
.punch-clock{
	border-top: 8px solid #f8f8f8;
}
.punch-clock-in{
	width: 152px;
	height: 152px;
	border-radius: 50%;
	text-align: center;
	opacity: 0.4;
	background-color: #00A0E9;
	margin: 30px auto 25px;
	border: 12px solid #EBF8FE;
	box-shadow:inset  0 0 10px rgba(94, 187, 229, 0.5);
}
.punch-clock-in .name{
	font-size: 20px;
	margin-bottom: 3px;
	margin-top: 45px;
	color: #fff;
}
.punch-clock-in  .time{color: #fff;font-size: 18px;}
.punch-clock .addrees{text-align: center;color: #999999;font-size: 14px;padding: 0 16px;}
.punch-clock .addrees .iconfont {
	color: #00A0E9;
	font-size: 14px;
}
/* 修改确定取消弹框 */
.mui-popover-change{
	top: 50%;
	margin:-81px 0 0 -150px;
	left: 50%;
	width: 300px;
	height: 162px;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 48px;
	overflow: hidden;
}
.mui-popover-change .popover-title{
	padding-top: 29px;
	padding-bottom: 11px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.mui-popover-change .tip{

	padding-bottom: 30px;
	font-size: 14px;
	color: #666;
}
.mui-popover-change .btns{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	border-top: 1px solid #E5E5E5;
}
.mui-popover-change .btns button{
	width: 50%;
	border: none;
	box-sizing: border-box;
	float: left;
	background-color: #fff!important;
	color: #999999;
	font-size: 16px;
	height: 48px;
}
.mui-popover-change .btns .go{
	color: #00A0E9;
	border-left: 1px solid #E5E5E5;
}
/* 自定义切换效果 */
.mui-slider-change .mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
			position: relative;
		}

		.mui-slider-change .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
			border-bottom: none;
		}

		.mui-slider-change .mui-segmented-control .action-bottom {
			position: absolute;
			bottom: 8px;
			left: 25%;
			margin-left: -20px;
			height: 3px;
			background-color: #00A0E9;
			width: 40px;
			z-index: 111;
		}

		.mui-slider-change .mui-fullscreen .mui-segmented-control~.mui-slider-group {
			top: 50px;
		}

		.mui-slider-change .mui-segmented-control.mui-scroll-wrapper {
			border-bottom: 8px solid #f8f8f8;
			width: 100%;
		}

		.mui-slider-change .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
			width: 100%;
		}

		.mui-slider-change .mui-segmented-control.mui-scroll-wrapper .mui-scroll a {
			width: 50%;
		}

		.mui-slider-change .mui-segmented-control.mui-scroll-wrapper,
		.mui-slider-change .mui-segmented-control.mui-scroll-wrapper .mui-scroll,
		.mui-slider-change .mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
			height: 48px;
			line-height: 40px;

		}

		.mui-slider-change .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item:before
		 {
			display: none;
		}