.mui-preview-image.mui-fullscreen {
	position: fixed;
	z-index: 20;
	background-color: #000
}
.mui-preview-header,
.mui-preview-footer {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 10
}
.mui-preview-header {
	height: 44px;
	bottom: 0
}
.mui-preview-footer {
	height: 50px;
	bottom: 0px
}
.mui-preview-header .mui-preview-indicator {
	display: block;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margin: 15px auto 4;
	width: 70px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 12px;
	font-size: 16px
}
.mui-preview-image {
	display: none;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.mui-preview-image.mui-preview-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.mui-preview-image.mui-preview-out {
	background: none;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
	display: none
}
.mui-zoom-scroller {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden
}
.mui-zoom {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
	width: 100%
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
	display: inline-table
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
	display: table-cell;
	vertical-align: middle
}
.mui-preview-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none
}
.mui-preview-loading.mui-active {
	display: block
}
.mui-preview-loading .mui-spinner-white {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	height: 50px;
	width: 50px
}
.mui-preview-image img.mui-transitioning {
	-webkit-transition: -webkit-transform 0.125s ease, opacity 0.125s ease;
	transition: transform 0.125s ease, opacity 0.125s ease
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
*{
	margin: 0;
	padding: 0;
	list-style: none
}
html,body{
	font-size: 14px;
	max-width: 768px;
	margin:0 auto
}
body .mui-content{
	background-color: #fff 
}
.ov-au{
	overflow: auto;
}
img{
	width: 100%  
}
::-webkit-scrollbar{
	display: none !important
}
.ov-hd{
	overflow:hidden !important
}
.flex-start{
	display: flex !important
}
.flex{
	display: flex !important;
	align-items: center !important
}
.flex-center{
	justify-content: center !important
}
.flex-between{
	justify-content: space-between !important
}
.flex-end{
	justify-content: flex-end !important
}
.flex-sat{
	justify-content: flex-start !important
}
.flex-around{
	justify-content: space-around !important
}
.block{
	display: block !important
}
.ov-x{
	overflow-x:auto !important;
	display:-webkit-box !important;
	-webkit-overflow-scrolling: touch !important
}
.header-custom-img{
	width: 30px;
	height: 30px
}
.index-popup{
	position: fixed;
	top:100%;
	left:0;
	right:0;
	bottom: 0;
	background: #fff;
	z-index: 99999;
	transition: .25s
}
.popup-nav{
	position: fixed;
	z-index: 10;
	right: 0;
	background: #fff;
	left: 0
}
.popup-header{
	height: 44px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f6f6f6
}
.popup-header .mui-icon{
	margin-right: -10px;
	margin-left: -10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 24px;
	position: relative;
	z-index: 20;
	padding-top: 10px;
	padding-bottom: 10px
}
.popup-title{
	right: 40px;
	left: 40px;
	display: inline-block;
	overflow: hidden;
	width: auto;
	margin: 0;
	text-overflow: ellipsis;
	font-size: 17px;
	font-weight: 500;
	line-height: 44px;
	position: absolute;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	color: #000
}
.popup-header-tab .active{
	border-bottom:1px solid #ff6060;
	color:#ff6060
}
.popup-header-tab div{
	padding:10px 0;
	text-align: center;
	border-bottom:1px solid #f6f6f6
}
.popup-quick{
	position: absolute;
	top:50px;
	right: 0;
	bottom: 0;
	width: 20px;
	transform: scale(.9);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	z-index: 999999
}
.quick-list{
	display: none
}
.content-top{
	padding: 1rem 1.5rem 1rem 1rem
}
.list-block .active{
	border:1px solid #ff0000;
	color: #FF6060
}
.popup-content{
	padding-top: 84px;
	overflow: auto;
	height: 100%;
	position: relative
}
.popup-content2{
	padding-top: 85px;
	overflow: auto;
	height: 100%;
	display: none;
	position: relative
}
.popup-content2 .active{
	border:1px solid #ff0000;
	color: #ff0000
}
.popup-content2 ul{
 	padding:10px
}
.popup-content2 ul div{
	border:1px solid #f6f6f6;
	text-align: center;
	border-radius: 2px;
	margin:5px;
	padding:5px 0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.item-content{
	display: flex
}
.item-content button{
	text-align: center;
	margin: .25rem;
	padding: .5rem ;
	flex: 1
}
.city-words{
	background: #efeff4;
	padding: .5rem 1rem;
	color: gray
}
.city-col{
	padding: 1rem;
	border-bottom: 1px solid #f6f6f6
}
.mui-bar .mui-icon-extra{
    font-size: 24px;
    position: relative;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px
}
.mui-bar button{
    color: #000
}
.hide{
 	display: none !important
}
.show{
 	display: block !important
}
.gray{
	color: #999999 !important
}
.green{
	color: #76D672 !important
}
.yellow{
	color: #fe9c01 !important
}
.blue{
	color: rgb(91,139,255) !important
}

.btn-blue{
	color: #fff !important;
    border: 1px solid #5B8BFF !important;
    background-color: #5B8BFF !important
}
.btn-blue-out{
	color: #5B8BFF !important;
    border: 1px solid #5B8BFF !important
}
.btn-gray{
	color: #fff !important;
	border: 1px solid  #999999 !important;
    background-color: #999999 !important
}
.btn-gray-out{
	color: #999999 !important;
    border: 1px solid #999999 !important
}
.btn-red{
	color: #fff !important;
    border: 1px solid #FF6060 !important;
    background-color: #FF6060 !important
}
.btn-red-out{
	color: #FF6060 !important;
    border: 1px solid #FF6060 !important
}
.bd-no{
	border:none !important
}

.border-r50{
	border-radius: 50% !important
}
.bd-no{
	border:none !important
}
.br-no{
	border-radius: 0 !important
}
.bdt-no{
	border-top: 0 !important
}
.bdb-no{
	border-bottom: 0 !important
}
.bdl-no{
	border-left: 0 !important
}
.bdr-no{
	border-right: 0 !important
}
.margin-b100{
	margin-bottom: 100px;
}
.line-height-40{
	line-height: 40px;
}
.fixed-bottom{
	position: fixed;
	left:0;
	right:0;
	bottom:0
}
.nav-gray-bg{
	background: rgb(238,238,238);
}
.gray-bg{
	background: #efeff4 !important
}
.red-bg{
	background: #FF6060 !important
}
.white-bg{
	background: #fff !important
}
.blue-bg{
	background: #5B8BFF !important;
	color: #fff !important
}
.yellow-bg{
	background: rgb(254,156,1) !important;
	color: #fff !important
}
.wd-100{
	width: 100% !important
}
.height-21{
	height:21px !important;
}
.po-re{
	position: relative !important
}
.po-ab{
	position: absolute; !important;
}
.po-st{
	position: static !important
}
.padding-0{
	padding: 0 !important
}
.padding-5{
	padding: 5px !important
}
.padding-t5{
	padding-top: 5px !important
}
.padding-b5{
	padding-bottom: 5px !important
}
.padding-l5{
	padding-left: 5px !important
}
.padding-r5{
	padding-right: 5px !important
}
.padding-tb5{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.padding-lr5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.padding-10{
	padding: 10px !important
}
.padding-t10{
	padding-top: 10px !important
}
.padding-b10{
	padding-bottom: 10px !important
}
.padding-l10{
	padding-left: 10px !important
}
.padding-r10{
	padding-right: 10px !important
}
.padding-lr10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.padding-tb10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.padding-to{
	padding: 10px 20px !important;
}
 .padding-ot{
	padding: 20px 10px !important;
}
.padding-lr15{
	padding-left: 15px !important;
	padding-right: 15px !important
}
.padding-tb15{
	padding-top: 15px !important;
	padding-bottom: 15px !important
}
.padding-20{
	padding: 20px !important
}
.padding-t20{
	padding-top:20px !important
}
.padding-b20{
	padding-bottom:20px !important
}
.padding-l20{
	padding-left:20px !important
}
.padding-r20{
	padding-right:20px !important
}
.padding-lr20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.padding-tb20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.padding-30{
	padding: 30px !important
}
.padding-t30{
	padding-top: 30px !important;
}
.padding-b30{
	padding-bottom: 30px !important;
}
.padding-l30{
	padding-left: 30px !important;
}
.padding-r30{
	padding-right: 30px !important;
}
.padding-tb30{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.padding-lr30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.padding-40{
	padding: 40px !important
}
.padding-t40{
	padding-top: 40px !important;
}
.padding-b40{
	padding-bottom: 40px !important;
}
.padding-l40{
	padding-left: 40px !important;
}
.padding-r40{
	padding-right: 40px !important;
}
.padding-tb40{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.padding-lr40{
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.padding-15{
	padding:15px
}
.margin-0{
	margin:0 !important
}
.margin-5{
	margin:5px !important
}
.margin-10{
	margin:10px !important
}
.margin-t5{
	margin-top: 5px !important
}
.margin-t10{
	margin-top: 10px !important
}
.margin-t15{
	margin-top: 15px !important
}
.margin-t20{
	margin-top: 20px !important
}
.margin-t30{
	margin-top: 30px !important
}
.margin-t40{
	margin-top: 40px !important
}
.margin-b5{
	margin-bottom: 5px !important
}
.margin-b10{
	margin-bottom: 10px !important
}
.margin-l5{
	margin-left: 5px !important
}
.margin-l10{
	margin-left: 10px !important
}
.margin-r5{
	margin-right: 5px !important
}
.margin-r10{
	margin-right: 10px !important
}
.margin-lr10{
	margin-left:10px !important;
	margin-right:10px !important
}
.margin-lr5{
	margin-left:5px !important;
	margin-right:5px !important
}
.margin-tb10{
	margin-top:10px !important;
	margin-bottom:10px !important
}
.margin-tb5{
	margin-top:5px !important;
	margin-bottom:5px !important
}
.spacing-1{
	letter-spacing: 1px !important
}
.spacing-2{
	letter-spacing: 2px !important
}
.font-12{
	font-size: 12px !important
}
.font-13{
	font-size: 13px !important
}
.font-14{
	font-size: 14px !important
}
.font-15{
	font-size: 15px !important
}
.font-16{
	font-size: 16px !important
}
.font-17{
	font-size: 17px !important
}
.font-18{
	font-size: 18px !important
}
.font-19{
	font-size: 19px !important
}
.font-20{
	font-size: 20px !important
}
.box-shadow{
	box-shadow: 0px -4px 4px 0 rgba(0, 0, 0, 0.05) !important
}
.box-shadow-2{
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05) !important
}
.bg-none{
	background: none !important;
	background-color: none !important;
	background-image: none !important
}
.white{
	color: #fff !important
}
.blue{
	color: #5B8BFF !important
}
.red{
	color: #FF6060 !important
}
.black{
	color: #000000 !important	
}
.line-height-30{
	line-height: 30px !important;
}
.height-30{
	height:30px !important;
}
.border-gray{
	border: 1px solid #ccc
}
.border-gray-2{
	border: 1px solid #efeff4
}
.border-top-gray-1{
	border-top: 1px solid #ccc !important
}
.border-top-gray-2{
	border-top: 1px solid #efeff4 !important
}
.border-left-gray-1{
	border-left: 1px solid #ccc !important
}
.border-left-gray-2{
	border-left: 1px solid #efeff4 !important
}
.border-right-gray-1{
	border-right: 1px solid #ccc !important
}
.border-right-gray-2{
	border-right: 1px solid #efeff4 !important
}
.border-bottom-gray-1{
	border-bottom: 1px solid #ccc !important
}
.border-bottom-gray-2{
	border-bottom: 1px solid rgb(240,240,240) !important
}
.bold{
	font-weight: bold !important
}
.nowrap{
	white-space: nowrap !important
}
.list-header{
	padding: 0 .5rem;
	height: 40px;
	overflow: hidden;
	display: flex;
	font-size: 12px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f6f6f6;
}
.list-header .mui-icon-extra{
	font-size: 14px;
}
.list-header .mui-icon{
	font-size: 12px;
}
.icon-list{
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding-bottom: 10px;
  	text-align: center;
 }
.icon-list a{
	color:#000
}
.icon-item{
	width: 20%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 10px;
}
.icon-item .show{
	display: block;
}
.icon-item .hide{
	display: none;
}
.icon-item-img{
	margin: 0 15px;
	position: relative;
}
.icon-item-img-hot{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top:0;
	right: 0;
}
.headline{
	background: #fff;
	padding:10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #f6f6f6;
}
.headline-content{
	height: 50px;
	padding-left:10px;
}
.headline img{
	display: block;
 }
.headline-title{
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	text-align: center;
}
.header-line-toggle{
	overflow: hidden;
	height: 25px;
	line-height: 25px;
}
.header-line-toggle-title span{
	border:1px solid rgb(91,135,255);
	color: rgb(91,135,255);
	border-radius: 2.5px;
	font-size: 12px;
	padding:0 2px;
	white-space: nowrap;
}
.headline li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-size: 12px;
	color: gray;
	text-align: left;
 }
.nearby-store{
 	text-align: center;
}
.nearby-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:15px 0 5px;
	background: #f6f6f6;
	border-top: 1px solid #f6f6f6;
}
.nearby-header .mui-icon{
	font-size: 12px;
}
.nearby-header a{
	font-size: 12px;
}
.nearby-title{
	background: linear-gradient(to bottom right,rgb(59,116,255), rgb(91,139,255)); 
	color: white;
	padding:5px 10px;
	border-radius: 0 36px 36px 0;
	font-size: 12px;
}
.nearby-store-list{
	display: -webkit-box;
	overflow-x: auto;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;	
}
.nearby-store-item{
	width: 40%;
	margin-right:5px;
	padding-bottom: 10px;
	background: #fff;
	overflow: hidden;
}
.nearby-store-item .mui-icon{
	font-size: 12px;
}
.nearby-store-item-img{
	height: 125px;
	overflow: hidden;
	border-bottom: 1px solid #f6f6f6 ;
	margin-bottom: 5px;
}
.nearby-store-item-img img{
	display: block;
}
.nearby-store-item p{
	margin:0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-size: 12px;
	color: gray;
 }
.insurance-list{
 	padding-right: .5rem;
 	padding-top: .5rem;
}
.insurance-item{
 	padding-left: .5rem;
}

/*个人中心*/
.user-header{
	background: #fff;
	text-align: center;
}
.user-header .mui-icon{
	font-size: 30px;
}
.user-header .mui-icon-extra{
	font-size: 30px;
}
.header-img img{
	border-radius: 50%;
	border:1px solid #ccc;
}
.header-name div:first-child{
	font-size: 16px;
	white-space: nowrap;
}
.header-name div:last-child{
	font-size: 12px;
	white-space: nowrap;
}
.header-disc{
	padding: .5rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-message{
	position: absolute;
	top:1rem;
	right: 1rem;
}
.header-sign{
	position: absolute;
	top:1rem;
	left: 1rem;
}
.header-block{
	font-size: 12px;
	color: gray;
}
.message-mail{
	position: relative;
}
.header-message a{
	position: absolute;
	top:0;
	right:0;
	padding: .25rem;
	font-size: 12px;
	transform: scale(.8);
	background: #FF0000;
	color: #fff;
	border-radius: 50%;
}
.header-info{
	padding: .5rem 0;
	border-top: 1px solid #f6f6f6;
}
.header-info button{
	font-size: 12px;
	padding: 3px 6px;
}
.header-info .mui-icon{
	font-size: 12px;
	color: gray;
}
.header-info-item{
	padding: .25rem 0;
	font-size: 12px;
}
.header-info-item-icon-block{
	display: flex;
	justify-content: center;
}
.header-info-item-icon-block a{
	margin:0 5px
}
.header-info-item img{
	max-width: 30px;
}
.header-info .gray{
	font-size: 12px;
}
.user-order{
	background: #fff;
	margin-top: .5rem;
	border-top: 10px solid #f6f6f6;
	border-bottom: 10px solid #f6f6f6
}
.mui-table-view:before{
	background: none;
}
.user-fun{
	padding-left: 10px;
	background: #fff;
}
.user-fun-ul li{
	border-bottom:1px solid #f6f6f6;
	padding:10px
}
.user-fun .mui-icon{
	color: gray;
}
.user-fun-ul div{
	display: flex;
	align-items: center;
 }
.user-fun-ul a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: black;
}
.user-fun img{
	width: 20px;
	height:20px;
 	margin-right: 10px;
	display: block;
}
.order-item{
	text-align: center;
	font-size: 12px;
	padding: .5rem 0;
}
.order-item a{
	color: #000;
}
.order-item .mui-icon-extra{
	font-size: 25px;
}
.user-data .mui-icon{
	font-size: 18px;
}
.user-data .mui-icon-extra{
	font-size: 18px;
}

.get-code{
	display: flex;
	align-items: center;
	float: right;
    width: 65%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    border: 0;
}
.get-code input{
	padding: 10px 15px 10px 0;
}
.get-code button{
	padding: 3px 8px;
	font-size: 12px;
}

.mui-bar{
	box-shadow:none !important;
}
.contacts-linkage{
	background: #fff;
	position: fixed;
	top:0;
	left:0;
	right: 0;
	height: 40%;
	overflow: auto;
	z-index: 2;
	display: none;
}
.contacts-linkage .linkage-item{
	border-bottom: 1px solid #f6f6f6;
}
.contacts-linkage .linkage-item div{
	text-overflow: ellipsis;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
}
.contacts-linkage .linkage-item div:first-child{
	text-align: left;
	font-weight: bold;
}
.dial{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	height: 100%;
	overflow: auto;
	background: #fff;
	text-align: center;
	padding-bottom: 50px;
}
#dial-slider{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	background: #fff;
 	transition: all .25s;
	z-index: 3;
}
#phoneNum{
	height: 15%;
 	color: #76D672;
	font-size: 30px;
 	text-align: center;
 	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dial-content{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 50px;
	transition: all .25s;
	background: #fff;
	z-index: 3;
}
.dial-content-box{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	padding-bottom: 50px;
}
.dial-list{
	border-bottom: 1px solid #f6f6f6;
	height: 70%;
}
.dial-list li{
	height: 25%;display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
}
.dial-list li:last-child{
	font-size: 20px;
}
.dial-list li:nth-child(n+10)  {
	display: flex;
	justify-content: center;
	align-items: center;
}
.dial-list li:nth-child(3n+0){
	border-right: none;
}
.dial-item-content{
	justify-content: center;
	display: flex;
}
.dial-num{
	font-size: 25px;
}
.dial-send{
	height: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dial-send .mui-icon{
	font-size: 40px;
}

/*user/user-phone/phone-contacts*/
.contacts-search{
	background: rgb(230,230,230);
	padding: 10px;
	position: fixed;
	z-index: 99999;
	top:0;
	left:0;
	right: 0;
}
.contacts-search input{
	background: rgb(255,255,255);
	margin-bottom: 0;
}
.contacts-list{
	background: #fff;
	margin-top: 54px;
}
.contacts-title{
	padding: .25rem 1rem;
	background: rgb(247,247,247);
	font-weight: bold;
}
.contacts-item-col{
	display: flex;
	align-items: center;
	padding: .5rem 1rem;
	border-bottom: 1px solid #f6f6f6;
}
.contacts-quick{
	position: fixed;
	top:98px;
	right: 0px;
	bottom: 50px;
	font-size: 12px;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
}
.contacts-quick ul{
	padding: .5rem 0;
}
.contacts-quick li{
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	line-height: 1.25;
	color: #007aff;
}
.call-record-item{
	border-bottom: #f6f6f6 solid 1px;
	display: flex;
	align-items: center;
	text-align: center;
	padding: .5rem;
}
.record-details{
	text-align: left;
}
.record-details div{
	font-weight: bolder;
}
.record-details span{
	font-size: 12px;
	color: gray;
}
.record-time span{
	color: gray;
	font-size: 12px;
}
.contacts-details-header{
	padding: 20px 15px;
	font-size: 20px;
	background: #fff;
	border-bottom: 1px solid #f6f6f6;
}
.dialing-record-list{
	position: fixed;
	top: 106px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

/*呼叫界面*/
.call-interface{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	text-align: center;
	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.interface-name{
	margin-bottom: 10px;
	margin-top: 50px;
	font-size: 25px;
}
.interface-bottom{
	position: absolute;
	bottom: 50px;
	left:0;
	right: 0;
	color: #000;
}
.interface-bottom-block{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.end-button{
	background: #fff;
	color: #FF0000;
	padding: 10px 0;
	border-radius: 5px;
}
#end-button .mui-icon{
	color: #FF0000;
}
.call-interface .active{
	color: #fff;
}
.call-interface .endactive{
	opacity: .1;
}

/*user/user-index*/
.mythings{
	text-align: center;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mythings-nav{
	position: fixed;
	top:0px;
	left: 0;
	right: 0;
	z-index: 5;
}
.mythings .mythingsActive{
	border-bottom:2px solid #76D672
}
.mythings .mythingsBlock{
	display: block;
}
.mythings-nav-item{
	background: #fff;
	border-bottom:2px solid #f6f6f6;
	padding: 10px 0;
}
.mythings-item{
	display: none;
	height: 100%;
	background: #fff;
	overflow: auto;
}
.bill-nav{
	background: #f7f7f7;
	padding: 5px 0;
	position: fixed;
	top:43px;
 	z-index: 5;
	left: 0;
	right: 0;
	text-align: center;
}
.bill-details{
	padding-top:74px;
	padding-bottom:50px;
}
.bill-details-item{
	border-bottom: 1px #ccc solid;
	padding: 10px 0;
}
.bill-details-item:last-child{
	border-bottom: none
}
.bill-details-row{
	display: flex;
}
.bill-details-col{
	border-right:1px solid #ccc ;
	word-wrap: break-word;
	padding: 0 5px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	flex: 1;
}
.bill-details-col:last-child{
	border-right:none ;
}
.coupon-row{
	padding-top: 43px;
	padding-bottom:50px;
}
.coupon-item{
	padding: 10px;
	border-bottom: 1px solid #f6f6f6;
}
.coupon-item img{
	display: block;
}
.coupon-item-details{
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}
.coupon-pdtname{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
	margin-bottom: 5px;
}
.coupon-afterprice{
	font-size: 14px;
}

/*wxc/wxc-index*/
.Message-broadcast{
	background: #fff;
	padding: 0 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	border-bottom:10px solid #f6f6f6;
}
.Message-broadcast .mui-icon-extra{
	font-size: 20px;
}
#messageBroadcastUl{
	height: 35px;
}
.Message-broadcast li{
	line-height: 35px;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.Message-broadcast img{
	width: 20px;
	height: 20px;
	display: block;
}
.wxc-function-item{
	background: #fff;
	border-bottom:10px solid #f6f6f6;
}
.wxc-function-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
 	border-bottom: 1px solid #efeff4;
 }
.wxc-function-title-left{
	display: flex;
	align-items: center;
}
.wxc-function-title img{
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
}
.wxc-function-col{
	text-align: center;
	padding: 7.5px;
	font-size: 12px;
	border-right:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
}
.wxc-function-col a{
	color: #000;
}
.wxc-function-col img{
	display: block;
}
.wxc-fun-col-content{
	position: relative;
	border-radius: 3px;
}
.wxc-function-col-img{
	margin:0 15px;
	position: relative;
}
.wxc-function-col-remove{
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #FF0000;
	color: #fff;
	position: absolute;
	top:-5px;
	right: -5px;
	border-radius: 50%;
	display: none;
}
.wxc-function-col-add{
	width: 15px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	background: #76D672;
	color: #fff;
	top:-5px;
	right: -5px;
	z-index: 99999;
	border-radius: 50%;
	display: none;
}
.wxc-function-col-new{
	width: 40px;
	height: 40px;
  	position: absolute;
	left:0;
	top:0
}
.wxc-function-col-num{
	background: #FF0000;
	position: absolute;
	color: #fff;
	width: 20px;
	height:20px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	top:0;
	right: 0;
	border-radius:50%;
}

/*user/user-setting/setting-about*/
.user-about{
	position: fixed;
	top:44px;
	left:0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.user-about-logo{
	padding: 20px 0;
}
.user-about p{
	font-size: 12px;
}
.user-about .mui-icon{
	font-size: 14px;
}
.user-about-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.user-about a{
	color: #0894ec !important;
}
.user-about img{
	max-width: 100px;
	border: 1px solid #f6f6f6;
	border-radius: 5px;
	background: #fff;
	margin: 0 auto;
}

/*user/user-address/address-index*/
.address{
	background: #fff;
	margin-bottom: 50px;
}
.address a{
	color: #fff;
}
.address-item{
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #f6f6f6;
}
.address-item-details div{
	margin-bottom: 5px;
	font-weight: bold;
}
.address-item-details-div span:nth-child(2){
	text-align: center;
}
.adress-item-default{
	border:1px solid #FF6060;
	font-size: 12px;
	color: #FF6060;
	text-align: center;
	white-space: nowrap;
	border-radius: 2px;
	font-weight: normal;
}
.address-item-details .receiving-address{
	font-size: 12px;
	color: gray;
}
.address-item-remove{
	text-align: center;
}
.address-bar{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: #FF6060;
	color: #fff;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.address-bar .mui-icon{
	font-size: 14px;
}

/*user/user-address/address-add*/
.address-mask ul{
	background: #fff;
}
.address-mask input{
	font-size: 12px;
	margin:0;
	border: none;
}
.address-mask textarea{
	font-size: 12px;
	margin:0;
	border: none;
}
.address-mask li{
	padding: 10px;
	border-bottom: 1px solid #f6f6f6;
	display: flex;
	align-items: center;
}
.address-mask li:last-child{
	justify-content: flex-start;
}

/*user-network-phone/tab-mall/mall-index*/
.phone-mall-index-header{
	display: flex;
	justify-content: center;
}
.phone-mall-index-header input{
	background: #fff;
}
.phone-mall-index-header span{
	font-size: 12px;
}
.phone-mall-index-content{
	text-align: center;
	background: #fff;
}
.phone-mall-index-block{
	display: flex;
	font-size: 12px;
	padding:10px 0;
}
.phone-mall-index-block-item img{
	padding: 0 15px;
}
.phone-mall-index-block-explain {
	margin-bottom: .5rem;
	padding: 0 15px;
}
.phone-mall-index-block-explain div{
	display: flex;
	align-items: center;
	font-size: 12px;
	color: gray;
}
.phone-mall-index-block-explain div:last-child{
	justify-content: flex-end;
}
.phone-mall-index-block-explain img{
	width: 20px;
	margin-right: 5px;
}
.phone-mall-index-billboard{
	display: flex;
}
.phone-mall-index-billboard div:first-child{
	padding-left: 10px;
}
.phone-mall-index-billboard div:last-child{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}
.phone-mall-index-billboard div:first-child img{
	height: 100%;
}
.phone-mall-index-billboard div:last-child img{
	height: 50%;
}
.phone-mall-index-products-title{
	display: flex;
	padding: 10px 0;
	background: rgb(246,246,246);
	margin-top: 10px;
	align-items: center;
	justify-content: center;
}
.phone-mall-index-products-title img{
	width: 20px;
	margin: 0 5px;
}
.phone-mall-index-products-list{
}
.phone-mall-index-products-item{
	padding: 10px;
	border-bottom: 1px solid #f6f6f6;
	font-size: 12px;
}
.phone-mall-index-products-item a{
	color: #000;
}
.phone-mall-index-products-item:nth-child(odd){
	border-right: 1px solid #f6f6f6;
}
.phone-mall-index-products-item:nth-child(even){
	border-right: 1px solid #fff;
}
.phone-mall-index-products-name{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	font-size: 12px;
}
.phone-mall-index-products-name span:last-child{
	margin-left: 5px;
}
.phone-mall-index-products-name-rise{
	color: #fff;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 3px;
}
.phone-mall-index-products-name-tb{
	background: rgb(255,89,27);
}
.phone-mall-index-products-name-jd{
	background: rgb(225,37,26);
}
.phone-mall-index-products-name-tm{
	background: rgb(196,0,0);
}
.phone-mall-index-products-price{
	justify-content: space-between;
	display: flex;
	align-items: center;
	margin-top:10px ;
}
.phone-mall-index-products-price div:first-child span:last-child{
	text-decoration:line-through;

}
.phone-mall-index-products-price div:last-child{
	background: red;
	color: white;
	font-size: 12px;
	padding: 0 5px;
}

/*user-network-phone/tab-mall/mall-details*/
.details-content{
	background: #fff;
	padding: 10px;
}
.details-pdt-name{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
}
.details-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.details-flex span{
	font-size: 20px;
}
.details-view-more{
	margin-top: 5px;
	background: #fff;
	padding: 10px 0;
	text-align: center;
}
.details-block-item{
	text-align: center;
	color: white;
}
.details-block-item div{
	line-height: 25px;
	height: 25px;
}
.details-block-item:first-child{
	background: rgb(255,174,2);
}
.details-block-item:last-child{
	background: rgb(255,76,2);
}

/*user-network-phone/tab-mall/mall-list*/
.mall-list-nav{
	background: #fff;
	text-align: center;
	position: fixed;
	z-index: 1;
	top:0;
	left: 0;
	right: 0;
}
.mall-list-nav-list{
	display: -webkit-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.mall-list-nav-list::-webkit-scrollbar{
	display: none;
}
.mall-list-nav-list .active{
	color: #FF6060;
	border-bottom: solid #FF6060 2px;
}
.mall-list-nav-item{
	margin:0 10px;
	padding: 10px;
}
.mall-list-nav-block{
	border-bottom: 1px solid #f6f6f6;
	border-top: 1px solid #f6f6f6;
}
.mall-list-nav-block .active{
	color: #FF6060;
}
.mall-list-nav-block-item{
	padding: 10px;
	border-right: 1px solid #f6f6f6;
}
.mall-list-nav-block-item:last-child{
	border-right: none
}
.mall-list-content{
	background: #fff;
	margin-top: 41px;
}
.mt84{
	margin-top: 84px;
}

/*login/login-index*/
.login-header{
	font-size: 16px;
	text-align: center;
	color: #007aff;
	height: 44px;
	line-height: 44px;
	display: flex;
	align-items: center;
	padding: 0 10px;
}
.login-header-title{
	position: absolute;
	right: 40px;
	left: 40px;
	display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;;
}
.login-logo{
	text-align: center;
	margin-top: 10px;
}
.login-logo img{
	max-width: 100px;
}
.login-form{
	padding: 0 10px;
}
.login-form input{
	border:none;
	margin:0;
	padding: 0;
}
.login-form input::-webkit-input-placeholder{
	font-size: 12px;
}
.login-input-group{
	margin-top: 30px;
}
.login-input-group .mui-col-xs-1 img{
	width: 25px;
}
.login-input-group .mui-col-xs-11 img{
	width: 80px;
}
.login-input-group ul{
	display: flex;
	align-items: center;
}
.login-input-row{
	border-bottom: 1px solid rgb(217,217,217);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login-input-row button{
	font-size: 12px;
}
.login-block{
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding: 0 0px 0 30px;
	margin-top: 10px;
	font-size: 12px;
}
.login-button{
	margin-top: 20px;
	display: flex;
}
.login-button button{
	flex: 1;
    padding: 10px 0;
    border: 1px solid #007aff;
    color: #ffffff;
    background-color: #007aff;
}
.login-info{
	text-align: center;
	font-size: 12px;
	padding: 10px 0;
}
#pswdGroup{
	display: none;
}
#mobileLogin{
	display: none;
}

/*store/store-index*/
.store-mt41{
	margin-top: 41px;
}
.store-mt80{
	margin-top: 80px;
	border-bottom:1px solid #f6f6f6
}
#store-search-input{
	right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
    position: absolute;
}
#store-search-input input{
    background: #fff;
}
.store-nav{
	position: fixed;
	top:44px;
	left:0;
	right: 0;
	z-index: 2;
	background: #fff;
 	text-align: center;
}
.store-nav .active{
	color: #FF6060;
	border-bottom: 1px solid #FF0000;
}
.store-nav-item{
	padding:10px 0;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}
.store-nav-item:last-child{
	border-right: none;
}
.store-nav span{
	display: inline-block;
	transition: all .125s;
}
.store-nav .rotate{
	transform: rotateZ(180deg);
}
.store-list{
	background: #fff;	
 }
.store a{
	color: #000;
}
.store-item{
	border-bottom: 1px solid #f6f6f6;
	padding: 10px;
	display: flex;
	align-items: center;
}
.store-item{
	border-bottom: 1px solid #f6f6f6;
	padding: 10px;
	display: flex;
	align-items: center;
}
.store-item img{
	display: block;
}
.store-item button{
	font-size: 12px;
	padding: 2px ;
}
.store-img span{
	background: rgba(0,0,0,.4);
	width: 100%;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
	color: #fff;
	font-size: 12px;
}
.store-details{
	padding-left: 10px;
}
.store-item-details{
	padding-left: 10px;
}
.store-name img{
	width: 20px;
	margin:  0 auto;
}
.store-name{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.store-name span:first-child{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
}
.store-repairBrand{
	margin:5px 0
}
.store-repairBrand span:nth-child(1){
	white-space: nowrap;
}
.store-repairBrand span:nth-child(2){
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: gray;
}
.store-address{
	display: flex;
	align-items: center;
}
.store-address img{
	width: 20px;
}
.store-address span:nth-child(2){
	overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  color: gray;
}
.store-address span:nth-child(3){
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #007aff;
}
.store .show{
	display: block;
}
.store-mask-item{
	position: fixed;
	z-index: 30;
	top:86px;
	left:0;
	right: 0;
	text-align: center;
	bottom: 0;
	display: none;
	background: #fff;
	overflow-y: auto;
	font-size: 12px;
}
.store .store-mask-item ul .active{
	color:#FF6060;
	border:1px solid #FF6060;
}
.store .store-mask-item ul .active-2{
	color:#FF6060;
}
.store-mask-item .li-inner{
	border:1px solid #ccc;
	padding: 5px;
	border-radius: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
}
.store-mask-item .region-ul{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.store-mask-item .region-ul li{
	padding: 5px;
}
.store-mask-item .words-ul{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.store-mask-item .words-ul li{
	padding: 5px;
}
.store-mask-item .brand-list{
	padding: 10px;
}
.store-mask-item .brand-ul{
	display: flex;
	flex-wrap: wrap;
}
.store-mask-item .brand-li{
	padding: 5px;
	width: 20%;
}
.store-mask-item .brand-title{
	text-indent: 10px;
	background: #f6f6f6;
	text-align: left;
}

/*user/user-sign*/
.sign-bg{
	display: flex;
	justify-content: center;
	background: rgb(91,139,255);
	position: relative;
}
.sign-circular-group{
	background: rgba(255,255,255,.5);
	border-radius: 50%;
	width: 132px;
	height: 132px;
	padding: 8px;
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}
.sign-bg img{
	width: 100%;
    height: 100%;
}
.sign-circular-outside{
	background: rgb(255,255,255);
	border-radius: 50%;
	width: 116px;
	height: 116px;
	padding: 8px;
}
.sign-circular-middle{
	border: rgb(91,139,255) solid 1px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}
.sign-circular-inside{
	width: 80px;
}
.sign-circular-inside div{
	white-space: nowrap;
	color: rgb(91,139,255);
	padding: 2px 0;
	font-size: 12px;
	text-align: center;
}
.sign-circular-inside div:first-child{
	border-bottom: 1px solid #f6f6f6;
	font-size: 18px;
}
.sign-explain{
	padding: 10px;
	background: #fff;
	font-size: 12px;
	color: black;
	border-bottom: 10px solid #f6f6f6;
}
.sign-explain a{
	color: gray
}
.sign-explain div{
	font-weight: bold;
	margin-bottom: 10px;
}
.sign-explain li {
	display: flex;
	margin: 5px 0;
	justify-content: space-between;
}
.sign-explain li span:last-child{
	flex: 1;
}
.sign-calendar{
	margin-top: 10px;
	background: #fff;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.sign-record-dialog{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 10;
	background: rgba(0,0,0,.3);
	display: none;
}
.sign-record{
	position: fixed;
    z-index: 999;
    top: 20%;
    left: 10%;
    right: 10%;
    bottom: 20%;
    display: none;
    text-align: center;
    padding-bottom: 50px;
}
.sign-record-content{
    background: #fff;
	height: 100%;
    overflow-y: auto;
}
.sign-record li span:first-child{
	color: #0099FF;
}
.sign-record-nav-item{
   padding: 10px 0;
   background: #f6f6f6;
}
.sign-record-hide{
	position: absolute;
	bottom: -10%;
	z-index: 989999;
	display: flex;
	width: 100%;
	justify-content: center;
}
.sign-record-hide .mui-icon{
	color: #fff;
	font-size: 50px;
}

.insu-notice{
	padding: 10px;
	font-size: 12px;
}
.insu-notice strong{
	margin-top: 5px;
}
.insu-notice .mui-col-sm-8 strong{
	color: rgb(194,59,88);
}
.insu-notice li{
	margin-top: 5px;
}
.insu-notice-title{
	display: flex;
	align-items:center;
	justify-content: space-between;
}
.insu-notice-title div:first-child{
	display: flex;
}
.insu-notice-title img{
	width: 20px;
	height: 20px;
	display: block;
}
.insu-notice-title div:first-child img{
	margin-right: 5px;
}
.insu-notice-title div:last-child{
	text-align: right;
}
.insu-fun-item{
	text-align: center;
	border-top: 1px solid #f6f6f6;
	padding: 30px 0;
}
.insu-fun-item img{
	max-width: 40px;
}
.insu-fun-item:nth-child(odd){
	border-right: 1px solid #f6f6f6;
}
.sub-list{
	border-top: 10px solid #f6f6f6;
}
.sub-item{
	background: #fff;
	border-bottom: 10px solid #f6f6f6;
}
.sub-item button{
	margin-left: 10px;
}
.sub-row{
	padding: 0 20px;
}
.sub-col{
	border-bottom: 1px solid #f6f6f6;
 	padding: 10px 0;
}
.sub-col:last-child{
	border-bottom: none
}
.sub-nav{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height:50px;
	line-height: 50px;
	text-align: center;
}
.sub-nav .mui-icon{
	font-size:14px;
}
.sub-cancel{
	display: flex;
	padding: 10px 0;
	justify-content: center;
}
.service-header{
	position: fixed;
	top:44px;
	left:0;
	right: 0;
	z-index: 52;
	border-bottom: 1px solid #f6f6f6;
	font-size: 12px;
	background: #fff;
}
.service-header-app{
	position: fixed;
	top:0px;
	left:0;
	right: 0;
	z-index: 52;
	border-bottom: 1px solid #f6f6f6;
	font-size: 12px;
	background: #fff;
}
.service-header div:last-child{
	padding: 2px 10px;
}
.service-input{
	padding: 10px;
	background: #f6f6f6;
}
.service-input input{
	font-size: 12px;
	margin: 0;	
	color: #0099FF;
	background: #fff;
}
.autonomy-section-textarea div{
	padding: 10px 0;
	color: gray;
}
.autonomy-section-textarea textarea{
	border:1px solid #f6f6f6;
	height:100px;
}
.autonomy-section-button{
	padding-top: 20px;
	display: flex;
	justify-content: center;
}
.autonomy-section-button button{
	padding-left: 40px;
	padding-right: 40px;
}
.autonomy-section-title{
	padding: 10px 20px;
	font-weight: bold;
	background: #f6f6f6;
}
.autonomy-section-list{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background: #fff;
}
.autonomy-section-item{
	padding: 10px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f6f6f6;
}
.autonomy-section-item input{
	border:none;
	font-size: 14px;
	margin:0;
	height: 21px;
}
.autonomy-section-item .mui-col-xs-2{
	text-align: right;
}
.wxc-sub-manage-nav{
	height: 30px;
 	right: 80px;
	left: 80px;
	top: 6px;
	display: inline-block;
	overflow: hidden;
	width: auto;
	margin: 0;
	background: #f6f6f6;
	text-overflow: ellipsis;
	font-size: 17px;
	font-weight: 500;
	position: absolute;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 auto;
	border-radius: 5px;
}
.wxc-sub-manage-nav div{
	padding: 5px 20px;
	font-size: 12px;	line-height: 30px;

	white-space: nowrap;
}
.wxc-sub-manage-nav div:last-child{
	border-radius: 0 3px 3px 0;
}
.wxc-sub-manage-nav div:first-child{
	border-radius: 3px 0 0 3px;
}

.news{
	background: #fff;
	text-align: center;
	font-size: 12px;
	height: 100%;
	overflow: hidden;
}
.news div{
	text-align: justify;
}

#rule-body{
	height: 100%;
	color: rgb(51,51,51);
	background: url(https://anchi.oss-cn-qingdao.aliyuncs.com/bbsmall/upload/base/2018/0621/a007d4db-d07f-422c-a3ab-65e4b26bb179.png) no-repeat;
	font-size: 12px;
}
.rule-title{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 44px;
}
.rule-info-ul li{
	display: flex;
	margin-bottom: 10px;
}
.rule-info-ul li:nth-child(1){
	text-indent: 20px;
}
.rule-info-ul li:nth-child(2){
	text-indent: 20px;
}
.rule-info-ul li:nth-child(3){
	align-items: center;
}
.rule-info-ul li:nth-child(7){
	align-items: center;
}
.rule-info-ul li .mui-icon{
	font-size: 15px;
}

.guide{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.guide-item{
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	box-shadow:2px 2px 2px #ccc;
	border-radius: 2px;
}
.guide-item-body{
	text-indent: 20px;
}
.guide-item-body{
	margin: 10px 0;
	text-align: justify
}
.insu-name .bold{
	margin-right: 5px;
}
.reco-index .red{
	letter-spacing: 2px;
}
.guide-item-footer{
	display: flex;
}
.guide-item-footer div:first-child{
	margin-right: 5px;
}
.guide-item-footer div:last-child{
	flex: 1;
}
.insu-apply-item-title{
	padding: 10px 20px;
	font-size: 15px;
	color: #333333;
}
.insu-apply-row{
	padding: 0 20px;
	background: #fff;
}
.insu-apply-col{
	padding: 10px 0;
	border-bottom: 1px solid #f6f6f6;
}
.insu-apply-col .mui-col-xs-4{
	text-align: right;
	padding-right: 20px;
}
.insu-apply-col .mui-col-xs-8{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.insu-apply-item-button{
	padding: 40px 0;
	display: flex;
	justify-content: center;
	background: #fff;
}
.insu-apply-item-button button{
	padding: 10px 50px;
}
.insu-apply-item-content{
	padding:50px 0 ;
	color: #666666;
}
.store-display-code{
	position: absolute;
	bottom:10px;
	left:0;
	background-color: rgba(0,0,0,.5);
	z-index: 99999;
	border-radius: 0 27px 27px 0;
	padding: 5px;
	color: white;
	font-size: 12px;
}
.store-display-index .name{
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size: 16px;
}
.store-display-project{
	border-bottom: 1px solid rgb(247,247,247);
	border-top: 1px solid rgb(247,247,247);
}
.store-display-project img{
	width: 20px;
	height: 20px;
}
.store-display-project li{
	border-radius: 2.4px;
 	border: solid 1px #ff3c5c;
 	color:#ff3c5c;
}
.store-display-address{
	display: flex;
	align-items: center;
}
.store-display-address .call{
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #ccc;
}
.store-display-address img{
	width: 20px;
	height: 20px;
	display: block;
}
.store-display .store-display-tab{
	margin-top: 10px;
}
.store-display .store-display-tab .active{
	border-bottom: 2px solid #5b8bff;
	color: #5b8bff;
}
.store-display .store-display-tab span{
	font-size: 16px;
	padding-bottom: 5px;
	display: inline-block;
	color: #999999;
	position: relative;
}
.store-display .store-display-tab .trend:after{
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: red;
	position: absolute;
	top: 0;
	right: -10px;
}
.store-display .activity{
	position: relative;
}
.store-display .activity span{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 12px;
	height: 20px;
	width: 60%;
}
.store-display .section-brand{
	display: -webkit-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.store-display .section-brand li{
	width: 22.5%;
}
.store-display .section-brand span{
	border: 1px dashed #ccc;
	display: inline-block;
	display: block;
}
.store-display-fixbar{
	position: fixed;
	height: 50px;
	background: #fff;
	z-index: 1;
	bottom: 0;
	left:0;
	right: 0;
	display: flex;
	justify-content: space-around;
	align-items: center
}
.store-display-fixbar button{
	padding: 6px 40px;
	border:0
}
.store-display .store-display-tabcontent{
	display: none;
	overflow: hidden;
	background: #efeff4
}
.store-display .worker-list{
	overflow: hidden
}
.store-display .worker-item{
	display: flex;
	align-items: center
}
.store-display .comment-list{
	overflow: hidden
}
.store-display .comment-item-header{
	display: flex;
	align-items: center
}
.store-display .comment-item-imgs{
	display: flex;
	flex-wrap: wrap
}
.store-display .comment-item-imgs img{
	width: 25%;
	height: 25%
}
.dynamic-item{
	position: relative;
}
.dynamic-tag{
	position: absolute;
	right:-25px;
	top:15px;
	transform: rotateZ(45deg);
	width: 100px
}

.wxc_edit_page{
	padding-bottom: 50px;
}
.wxc_edit_page img{
	height: 100%;
}
.edit_brand_content img{
	border-radius: 50%;
	border: 1px solid #eee;
}
.edit_section{
	border-top: 10px solid #efeff4;
}
.edit_section_title{
	border-bottom:1px solid #EFEFF4;
}
.st_pdt_ul{
}
.st_pdt_ul li{
	padding: 10px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.st_pdt_ul li:nth-child(even){
	border-right:1px solid #fff;
}
.st_repair_list{
	display: none;
}
.st_repair_ul{
	padding-right: 10px;
	padding-bottom: 10px;
}
.st_repair_ul li{
	padding:10px 0 0 10px;
}
.st_repair_ul li div{
	border:1px solid #eee;
	padding: 10px 5px;
	border-radius: 5px;
	background: #eee;
}
.st_repair_remove,.st_repair_add{
	position: absolute;
	top:5px;
	right:-5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
}
.st_swp_ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.st_swp_ul img{
	height: 100%;
}
.st_swp_ul li{
	width:25%;
}
.st_swp_li_cnt{
	position: relative;
}
.st_pub_img{
	overflow: hidden;
	position: relative;
}
.st_wk_ul li{
	border-right: 1px solid #eee;
}
.st_hr_ul li{
	border-right:1px solid #eee
}
.st_swp_div{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index: 1;
}
.st_swp_span{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}
#st_swp_add{
	width: 25%;
}
#st_swp_add span{
	padding:20px;
	border: 1px solid #eee;
}

.worker_manage li{
	width: 22.5%;
}
.major_brand ul{
	display: -webkit-box;
	overflow-x: auto;
	-webkit-overflow-scrolling:touch
}
.major_brand li{
	width: 22.5%;
}
#wrkPup{
	top:100%
}
#hnrPup{
	top:100%
}
#pdtPup{
	top:100%
}
.pub_popup{
	position: fixed;
	top:0%;
	left:0;
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	z-index: 999;
	transition: all .25s;
}
.pub_addPic{
	padding: 20px;
	border:1px dashed #ccc
}
.pub_close{
	position: absolute;
	bottom:15%;
	left:0;
	right: 0;
	z-index: 999999;
	margin-bottom: -44px;
}
.pub_close span{
	margin-top: 20px;
}
.pub_close:after{
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    left: 50%; 
    margin-left: -10px;   
    top:0;
}
.pub_content{
	width: 80%;
	padding: 10px;
	max-height:70% ;
	border-radius: 5px;
	position: absolute;
	background: #fff;
	top:0;
	left:0;
	overflow-y: scroll;
	overflow-x: hidden;
	bottom: 0;
	right: 0;
	margin: auto;
}
.add_brand_popup_list{
	border-top: 1px solid #eee;
	max-height: 200px;
	overflow-y: auto;
	display: none;
}
.add_worker_popup{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 100%;
	transition: all .25s;
	z-index: 99999;
	background: rgba(0,0,0,0);
}
.add_worker_popup_content{
	overflow-y: auto;
	height: 60%;
	width: 80%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	margin:auto;
	border-radius: 5px;
	-webkit-overflow-scrolling: touch;
}
.add_worker_bar{
	border-top: 1px solid #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.worker_headimg div{
	position: relative;
}
.worker_headimg span{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: nowrap;
	background: rgba(0,0,0,.4);
}
.worker_headimg img{
	max-width: 100px;
}
.add_worker_popup_worker_content_box{
	overflow: auto;
	height: 100%;
	padding-bottom: 60px;
}
.pub_popup form input{
	margin-bottom: 0;
	border:none;
	border-bottom: 1px solid #ccc;
	border-radius: 0px
}
.store-display-share{
	position: fixed;
	top:150%;
	right:0;
	left:0;
	bottom: 0;
	transition: all .25s;
	z-index: 99999;
}
.store-display-share li {
	margin-bottom: 5px;
}
.store-display-share-bar{
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
}
#stDisShareClose{
	position: absolute;
	top:20px;
	right:0
}
.store-display-share-content{
	position: relative;
 	width:80%;
	padding-top: 60px;
	display: none;
}
.store-display-share-button{
	position: relative;
}
.store-display-share-button span{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -24px;
	margin-top: -11.5px;
	
}
#reluploadUl li[draggable=true] {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
#reluploadUl li[draggable=true]>div {
	-webkit-animation-name: none;
}
#reluploadUl li[draggable=true] .img-remove,
#reluploadUl li[draggable=true] .img-index {
	display: none;
}
.sort-handle {
	cursor: move;
	cursor: -webkit-grabbing;
}
.sort-ghost {
	opacity: 0;
}
.sort-chosen {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: transform .3s;
	-webkit-transition: transform .3s;
}
.sort-chosen:last-child {
	transition: none;
	-webkit-transition: none;
}
#releaseLocation{
	position: fixed;
	top:100%;
	transition:all .25s;
	left:0;
	bottom:0;
	right:0;
	z-index: 99999;
	height:100%;
	width:100%;
	background: #fff;
}
#reluploadUl{
	position: relative;
	padding-left: 20px;
	padding-top: 20px;
}
#reluploadUl li{
	padding-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.rel-li-pic{
	overflow: hidden;
}
.rel-li-del{
	font-size: 20px;
	color: white;
	background: #FF0000;
	border-radius: 50%;
	position: absolute;
	top:-10px;
	left:-10px;
}
.forum-edit-imgupload{
	position: relative;
}
.forum-edit-imgupload input{
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index: 100;
	opacity:0;
}
#relUpDiv{
	padding-right: 20px;
	margin-bottom: 20px;
}
.release textarea{
	border:none;
	margin:0;
	height:100px
}
.release-cell{
	border-bottom:1px solid #f6f6f6;
}
.release-cell img{
	width: 20px;
	height: 20px;
	display: block;
}
.release-textarea{
	box-shadow: 0px 5px 5px 0 rgba(214, 214, 214, 0.1);
	border-bottom:1px solid #f6f6f6;
}
.release-bottom{
	border-top: 20px solid #efeff4;
}
.release input::before{
	font-size: 20px !important;
}
.comlist-nav{
	position: absolute;
	right: 90px;
	left: 90px;
	top: 8.5px;
	background: #efeff4;
	border-radius: 2.5px;
}
.comNavActive{
	color: #fff;
    background-color: #5B8BFF;
}
.comlist-nav div{
	padding:3px 5px;
	position: relative;
}
.comlist-nav span{
	position: absolute;
	top:5px;
	right:5px;
	width: 5px;
	height: 5px;
}
.comlist{
	display: none;
}
.bb10{
	border-bottom: 10px solid #efeff4;
}
.bt10{
	border-top: 10px solid #efeff4;
}
.comitem{
	border-bottom: 10px solid #efeff4;
}
.comitem input{
	width: 100%;
	height: 30px;
}
.comitem-address img{
	width: 20px;
	height: 20px;
}
.comitem-block img{
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.comitem-block{
	border-top: 1px solid #eee
}
.comitem-block a{
	border-right: 1px solid #eee;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comitem-block div:last-child{
	border-right: none;
}
.comitem-state{
	border-top: 1px solid #eee;
}
.comitem-btn{
	border-top: 1px solid #eee;
}
.comitem-btn a{
	margin:0 10px;
	font-size: 12px;
	padding: 6px 30px;
}
.liht-44{
	line-height: 44px;
}
#comFixBtn{
	position: fixed;
	bottom:20%;
	right:10%;
	z-index: 20;
	width: 75px;
	height:75px;
 }
.com-detail-comment-block img{
	width: 15px;
	height: 15px;
}
.hr-slider{
	transition: all .25s;
	background: rgba(0,0,0,0.5);
}
.slider-close{
	position: absolute;
	top:-10px;
	right:-10px;
	z-index: 99999;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.hr-slider{
	position: fixed;
	width: 100%;
	height:100%;
	top:100%;
	left:0;
	right:0;
	bottom: 0;
	z-index: 99999;
	transition: all .25s;
	padding: 0 50px;
}
.store-edit-imgupload{
	width:50px;
	height:50px;
	border:1px solid #ccc;
	position: relative;
}
.store-edit-imgupload input{
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index: 100;
	opacity: 0;
	display: none;
}
.comItemDetail{
	position: absolute;
	top:44px;
	left:0;
	right: 0;
	bottom: 60px;
	overflow-y: auto;
}
#comItemDetailInput{
	border-radius:2.5px
}
#sendComment{
	line-height: 30px;
	border-radius: 5px;
}
.com-detail-bottom{
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	z-index: 9;
}
.com-detail-bottom img{
	width: 20px;
	height: 20px;
	display: block;
}
.comEmoji{
	display: none;
	height: 200px;
	overflow-y: auto;
}
.comEmoji ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	justify-content: flex-start;
}
.comEmoji .mui-slider-indicator{
	bottom: 0;
}
.comEmoji img{
	width: 30px !important;
	height: 30px !important;
}
.comEmoji li{
	width: 12.5%;
	font-size: 30px;
	padding: 10px 0;
}	
.com-index-nav{
	position: absolute;
    right: 90px;
    left: 90px;
    top: 8.5px;
    background: #efeff4;
    border-radius: 2.5px;
}
.com-index-nav div{
	padding: 3px 0;
}
.com-index-group-nav{
	display: flex;
	position: fixed;
	top:44px;
	left:0;
	right:0;
	z-index: 9;
}
.com-index-group-nav li{
	width: 20%;
	font-size: 13px;
}
.com-index-content{
	padding-top: 42px;
}
.com-index-ul{
	display: none;
}
.com-index-relbtn{
	position: relative;
}
.com-index-relbtn span{
	position: absolute;
	top:10px;
	right:-5px;
	width: 5px;
	height: 5px;
}
.com-news-bottom{
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	z-index: 9;
	transition: all .25s;
	display: none;
}
.com-news-bottom img{
	width: 20px;
	height: 20px;
	display: block;
}
.com-interaction-ul{
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: scroll;
}

.vip{
	
}
.vip ul{
	display: none;
}
.vip-nav{
	position: absolute;
	right: 80px;
	left: 80px;
	top: 8.5px;
	background: #efeff4;
	border-radius: 2.5px;
}
.vip-nav div{
	padding: 3px 0;
}
.vip-card-name{
	position: absolute;
	top:5px;
	right:0;
	left:0;
	z-index: 9;
	transform: scale(.9);
}
.vip-card-address{
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	transform: scale(.9);
	z-index: 9;
}
.vip-card-gold{
	color: #ebe4a0;
}
.vip-card-silvery{
	color: #454545;
}
.ltsp-1{
	letter-spacing: 1px;
}
.vip-profit-list{
	max-height:200px;
	overflow-y: auto;
}
.vip-bill-details{
	position: fixed;
	top:44px;
	left:0;
	right: 0;
	bottom: 81px;
	overflow-y: auto;
}
.vip-bill-details-top{
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 1;
}
.vip-bill-details-center{
	position: absolute;
	top:42px;
	bottom: 42px;
	left:0;
	right:0;
	overflow: auto;
}
.vip-bill-details-bottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	z-index: 1;
}
.vip-bill-details-bill-btn{
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 1;
}
.vip-bill-details-bill-btn button{
	padding:10px 50px
}
.billing-center-item-img{
	position: absolute;
	bottom:10px;
	right:10px;
	width: 40px
}
.upload-popup{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 99999;
	height: 100%;
	width: 100%;
	transition: all .25s;
	top: 100%;
}

.upload-popup-center{
	border-radius: 5px;
	width: 80%;
}
.vip-act-list-nav{
	position: fixed;
	top:44px;
	left:0;
	right:0;
	z-index: 1
}
.vip-act-list-footer{
	position: fixed;
	bottom:0;
	right:0;
	left: 0;
	z-index: 1
}
.vip-add-img{
	width: 25px;
	height: 25px;
	display: block;
}
.vip-success-share{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
	display: none;
}
.vip-success-share-box{
	height: 100%;
	width: 100%;
}
.vip-success-share span{
	position: absolute;
	top:0;
	right:-0;
	z-index: 9999;
	font-size: 30px
}
.vip-success-share-center{
	animation: .2s vipSacle linear forwards
}
@-webkit-keyframes vipSacle{ from{ transform: scale(0)} to{ transform: scale(1) }}
.vip-code-group{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	z-index: 9999;
	background: rgba(0,0,0,.3);
	display: none;
}
.vip-code-group-center{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
}
.vip-share-input input{
	background: none;
	border: none;
	padding:0;
	font-size: 14px;
	border-radius: 0;
	margin: 0;
	color: white;
}
.vip-share-input input::-webkit-input-placeholder { 
	color:#fff;
}
.border-bottom-white{
	border-bottom: 1px solid #fff;
}
.border-top-white{
	border-top: 1px solid #fff;
}
.border-left-white{
	border-left: 1px solid #fff;
}
.border-right-white{
	border-right: 1px solid #fff;
}
.border-white{
	border: 1px solid #fff;
}
.buycar-item-fiximg{
	position: absolute;
	top:5px;
	left: 5px;
	z-index: 1;
	width: 20px;
}
.buycar-item:last-child{
	margin: 0 !important;
}
.buycar-item-img{
	
}
#TJWLHF::before{
	font-size: 20px;
}
.br-1{
	border-radius: 1px;
}
.br-2{
	border-radius: 2px;
}
.br-3{
	border-radius: 3px;
}
.br-4{
	border-radius: 4px;
}
.br-5{
	border-radius: 5px;
}
.gray-bg-2{
	background: rgb(248,248,248);
}
.manual-ul{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1;
}
.manual-ul a{
	padding-bottom: 2px;
	border-bottom:1px solid #000;
}