/* 公共样式表css */

@import url("//at.alicdn.com/t/font_1283419_5qqdhuypi.css");

html,body {
	color: #333;
	margin: 0;
	height: 100%;
	font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #000;
}

a, label, button, input, select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	border: 0;
}

body {
	background: #ffffff;
	color: #666;
}
body {
	-webkit-text-size-adjust: none !important;
}
body {
	-webkit-text-size-adjust: 100% !important;
}


html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #08acee;
}

button {
	outline: 0;
}

img {
	border: 0;
}

button,input,optgroup,select,textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	outline: none;
}

li {
	list-style: none;
}

a {
	color: #666;
}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
}
.none {
	display: none;
}


/* 必要布局样式css */
.mi-flexView {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.mi-scrollView {
	width: 100%;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	margin-bottom: -1px;
	background-color: #f0f0f0;
}


.mi-message {
	position: fixed;
	bottom: 70px;
	right: 10px;
	z-index: 9999;
	display: none;
}

.mi-message img{
	width: 30px;
}

.copyright {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #f1f1f1;
	padding: 2.9rem 0;
	font-size: 0.8rem;
	color: #999;
}
.copyright a {
	font-size: 0.8rem;
	color: #08a;
	margin:0 3px;
}

/*navBar start*/
.mi-navBar {
	height: 44px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #ffffff;
	border-bottom: 1px solid #f0f0f0;
}

.mi-navBar-item {
	height: 44px;
	min-width: 25%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	padding: 0 0.9rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	color: #5C5C5C;
	position: relative;
}

.mi-navBar-item:first-child {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	margin-right: -25%;
}

.mi-navBar-item:last-child {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.mi-center {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 44px;
	width: 50%;
	margin-left: 25%;
}

.mi-center-title {
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	font-size: 0.95rem;
	color: #3c3c3c;
}
/*navBar end*/


/*nodata satrt*/
.nodata{
	padding: 20px;
	text-align: center;
	background-color: #fff;
}
.nodata img{
	width: 40%;
}
.nodata span{
	font-size: 0.95rem;
	margin: 20px 0;
	color: #999;
	display: block;
}
/*nodata end*/


/*icon start*/
.icon {
	width: 20px;
	height: 20px;
	display: block;
	border: none;
	float: left;
	background-size: 20px;
	background-repeat: no-repeat;
}

.mi-icon-text {
	padding: 0 15px;
	height: 30px;
}

.mi-icon-text span {
	padding-right: 20px;
	display: block;
	float: left;
}

.mi-icon-text span em {
	float: left;
	font-style: normal;
	color: #333;
	font-size: 0.9rem;
	padding-right: 5px;
	line-height: 23px;
	padding-left: 3px;
}
/*icon end*/


/* 底部 start */
.mi-footer {
	width: 100%;
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 4px;
	background-color: #fbfbfb;
	box-shadow: 0 0px 10px 0 rgba(0,0,0,.3);
}

.mi-footer-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #5a5a5a;
}
.mi-footer .mi-active span{
	color: #8968CD;
}

.mi-footer-icon {
	color: #979797;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.mi-footer-icon i {
	font-size: 1.4rem;
}

.mi-footer-text {
	display: inline-block;
	font-size: 0.95rem;
}

.mi-footer-active .mi-footer-text {
	color: #3ac031;
}

.mi-home {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkZGREY0ODg4OTk0MTFFODgwRDBCMzZGMUFEODBDNjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkZGREY0ODk4OTk0MTFFODgwRDBCMzZGMUFEODBDNjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRkZERjQ4Njg5OTQxMUU4ODBEMEIzNkYxQUQ4MEM2NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRkZERjQ4Nzg5OTQxMUU4ODBEMEIzNkYxQUQ4MEM2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr2/d9wAAAeqSURBVHja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");
}

.mi-me {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0MxMkI4NUQ4OTk0MTFFODgwRDBCMzZGMUFEODBDNjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MxMkI4NUU4OTk0MTFFODgwRDBCMzZGMUFEODBDNjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzEyQjg1Qjg5OTQxMUU4ODBEMEIzNkYxQUQ4MEM2NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzEyQjg1Qzg5OTQxMUU4ODBEMEIzNkYxQUQ4MEM2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po9R8xEAAAZASURBVHja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");
}
/* 底部 end */

/* brand start */
.mi-brand-box {
	background-color: #fff;
	height: auto;
	width: 100%;
}
.mi-flex-brand {
	margin-right: 10px;
}
.mi-flex-brand img {
	width: 75px;
	height: 75px;
	display: block;
	border: none;
}
.mi-brand-box .mi-brand-st {
	font-size: 0.98rem;
	color: #3c3c3c;
	font-weight: bold;
	padding-bottom: 2px;
}
.mi-brand-box .mi-flex-box p {
	color: #666666;
	font-size: 0.95rem;
	font-weight: normal;
	margin-bottom: 0.4rem;
	min-height: 2rem;
	overflow: hidden;
}
.mi-brand-list {
	background-color: #fff;
}
.mi-brand-list .mi-logo {
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 0.2rem;
	width: 70px;
	height: 70px;
	margin-right: 0.6rem;
}
.mi-brand-list .mi-logo img {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
}
.mi-brand-list .mi-flex-box h5 {
	color: #383838;
	font-size: 0.95rem;
	font-weight: normal;
	margin-bottom: 0.35rem;
}
.mi-brand-list .mi-flex-box h6 {
	color: #8e8d92;
	font-size: 0.8rem;
	font-weight: normal;
}
.mi-brand-list .mi-tag-six {
	margin-top: 0.3rem;
	display: block;
}
.mi-brand-list .mi-tag-six button {
	background: #aab0ed;
	border-radius: 3px;
	color: #fff;
	font-size: 0.9rem;
	font-style: normal;
	padding: 0.25rem 0.3rem;
	border: 0; 
}
.mi-brand-list .mi-tag-six em {
	background: #f3f3f3;
	border-radius: 3px;
	color: #6b7581;
	font-size: 0.7rem;
	font-style: normal;
	padding: 0.25rem 0.3rem;
}
/* brand end */

/* index start */
.mi-index-bar {
	height: 44px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #ffffff;
	border-bottom: 1px solid #f0f0f0;
}

.mi-index-bar .mi-index-bar-item {
	height: 44px;
	min-width: 25%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	/*padding: 0 0.9rem;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.95rem;
	white-space: nowrap;
	overflow: hidden;
	color: #5C5C5C;
	position: relative;
}

.mi-index-bar .mi-index-bar-item:first-child {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	margin-right: -25%;
}

.mi-index-bar .mi-index-bar-item:last-child {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.mi-index-bar .mi-center {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 44px;
	width: 50%;
	margin-left: 25%;
}

.mi-index-bar .mi-center-title {
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	font-size: 0.98rem;
	color: #3c3c3c;
}
.mi-index-bar .mi-index-follow{
	color: #fff;
	font-size: 0.9rem;
	padding: 2px 3px;
	background-color: #82CA81;
	border-radius: 3px;
}
.mi-index-bar a {
	font-style: 0.9rem;
	color: #999;
}
.m-slider {
	/*
	overflow-x: hidden;
	width: 100%;
	position: relative;
	*/

	overflow: hidden;
	width: 100%;
	position: relative;
	min-height: 160px;
}

.slider-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	position: relative;
	z-index: 1;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.slider-wrapper .slider-item {
	width: 100%;
	height: 100%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #f6f6f6;
}

.slider-wrapper .slider-item img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
}

.slider-pagination {
	text-align: right;
	position: absolute;
	width: 100%;
	z-index: 2;
	right: 0;
	bottom: 10px;
	pointer-events: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.slider-pagination > .slider-pagination-item {
	margin: 0 .25rem;
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.4);
}

.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
	background-color: #fff;
	border-radius: 22px;
	width: 20px;
}
.mi-palace-one {
	/*padding: 0.5rem 0;*/
}
.mi-palace {
	margin-top: 0.5rem ;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.mi-palace-one .mi-palace-grid {
	width: 25%;
	padding: 0.5rem 0;
}
.mi-palace-grid {
	position: relative;
	float: left;
	padding: 1px;
	width: 20%;
	box-sizing: border-box;
	/*margin: 5px 0;*/
	margin-top: 5px;
}
.mi-palace-grid-icon {
	width: 10vw;
	height: 10vw;
	margin: 0 auto;
}
.mi-palace-grid-icon img {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
.mi-palace-grid-text {
	display: block;
	text-align: center;
	color: #333;
	font-size: 0.85rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 0.2rem;
}
.mi-palace-grid-text h2 {
	font-size: 0.95rem;
	font-weight: normal;
	color: #666666;
}
.mi-title-head {
	padding: 15px;
}
.mi-title-head h2 {
	position: relative;
	color: #333333;
	font-size: 0.9rem;
}
.mi-title-head h2:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 1px;
	left: -15px;
	width: 5px;
	height: 90%;
	background: #CE96E9;
}
.mi-text-one {
	padding: 0 15px 15px 15px;
	position: relative;
}
.mi-text-one .mi-ov {
	/*color: #323232;*/
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
	line-height: 1.5;
	display: block;
	border-bottom: 1px solid #f0f0f0;
}
.mi-text-one a em{
	color: #999;
	font-size: 0.8rem;
	margin-right: 5px;
	font-style: normal;
}
.mi-text-p p {
	/*color: #323232;*/
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
	line-height: 1.8;
}
.mi-text-p a {
	font-size: 0.92rem;
}
.mi-text-p i {
	font-size: 0.98rem;
}

.mi-qrcode {
	position: fixed;
	width: 240px;
	z-index: 900;
	left: 50%;
	margin-left: -120px;
	top: 20%;
	background: #fff;
	box-shadow: 4px 4px 14px #aab0ed;
	border: 1px solid #aab0ed;
	border-radius: 5px;
	font-size: 0.95rem;
	display: none;
}
.mi-qrcode-close {
	position: absolute;
	right: 10px;
	top: 10px;
}
.mi-qrcode-close i{
	/*background-color: #aab0ed;
	color: #fff;*/
	font-size: 1rem;
}
.mi-qrcode-tips {
	padding-top: 10px;
	color: #aab0ed;
	text-align: center;
}
.mi-qrcode-content {
	padding: 10px;
	overflow-y: hidden;
	/*width: 180px;
	height: 180px;
	margin: 10px auto;*/
}
.mi-qrcode-content img {
	display: inline-block;
	max-width: 100%;
}
.mi-qrcode-text {
	text-align: center;
	padding-bottom: 10px;
}

.mi-palace-review-nums {
    width: 100%;
    text-align: center;
    font-size: 0.92rem;
    padding: 10px 0;
    background: #fdf6d9;
    display: none;
}
.mi-palace-review-nums a{
	color: #66AFDF;
}
.mi-palace-review-nums .nums{
	font-weight: 600;
}
/* index end */


/* 预约 start */
.tab-top{
	position: relative;
	height:44px;
	line-height:44px;
	width:100%;
	background:#fff;
	color:#666;
	/*font-size:16px;*/
	text-align:center;
	z-index: 10000;
}
.tab-top-aes{
	width:30%;
	text-align:center;
	border-bottom: 2px solid #eee;
	float: left;
	display: inline;
}
.tab-top .tab-top-aes a {
	font-size: 0.98rem;
}
.tab-top .tab-top-aes a i{
	font-size: 1.1rem;
}
.tab-top .tab-top-aes:nth-child(1){
	border-right: 1px solid #eee;
}
.tab-top .tab-top-aes:nth-child(2){
	border-right: 1px solid #eee;
}
.tab-top .tab-top-aes:last-child{
	border-left: 1px solid #eee;
	width:10%;
	background-color: #aab0ed;
}
.tab-top .tab-top-aes:last-child a{
	font-size: 0.98rem;
	color: #fff;
}
.tab-top .tab-active{
	border-bottom: 2px solid #A599D7; color: #A599D7;box-sizing: border-box;
}
.tab-top .tab-active a{
	color: #A599D7;
}
.tab-nav-box {
	margin: 10px 0;
	background: #fff;
	position: relative;
}

.tab-nav-box .calendar {
	background-color: #aab0ed;
	position: absolute;
	right: 5px;
	z-index: 10;
	color: #fff;
	width: 20px;
	text-align: center;
	border-radius: 10px;
}

.tab-nav {
	height: 60px;
	display: block;
	z-index: 1;
	width: 100%;
}

.tab-nav-box .tab-nav-item {
	height: 60px;
	padding-top:0.2rem;
	position: relative;
	text-align: center;
	color: #585858;
	font-size: 0.9rem;
	display: block;
	float: left;
	width: 14.2%;
	padding:0;
}
.tab-nav-box .tab-nav-item.tab-active {
	border: 1px solid #8968CD;
	border-radius:4px;
}

.tab-nav-box .tab-nav-item.tab-active a {
	color: #8968CD;
	font-size: 0.9rem;
}

.tab-nav-box .tab-nav-item a {
	display: inherit;
	font-size: 0.9rem;
	color: #333333;
}
.tab-nav-box .tab-nav-item a div{
	/*height: 20px;*/
	padding-top:0.5rem;
}

.tab-panel {
	position: relative;
	overflow: hidden;
}

.tab-panel .tab-panel-item {
	background-color: #fff;
	width: 100%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.tab-panel .tab-panel-item.tab-active {
	position: relative;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-fl-time {
	float: left;
	font-size: 0.95rem;
}

.time-item span {
	color: #fff;
	font-weight: 400;
	width: 22px;
	display: block;
	float: left;
	margin: 0 3px;
	border-radius: 3px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 0.95rem;
	background-color: #343434;
}

.time-item em {
	font-style: normal;
	color: #ff6143;
	/*float: left;*/
}

.time-item {
	float: left;
	padding-top: 0;
	font-size: 0.85rem;
}

.mi-limit-time {
	margin: 0 auto;
	/*float: right;*/
	overflow: hidden;
}

.b-line {
	position: relative;
}

.b-line:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e2e2e2;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.mi-flex-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #333;
}
/*.mi-flex-box p {
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 0.8rem;
	color: #333333;
	width:100%;
}*/
.mi-flex-box p {
	color: #666666;
	font-size: 0.9rem;
	font-weight: normal;
	margin-bottom: 0.4rem;
}
.mi-flex-time-img {
	width: 80px;
	min-height: 80px;
	margin-right:0.8rem;
}

.mi-flex-time-img img {
	width: 65px;
	height: 65px;
	display: block;
	border: none;
	border-radius: 50%;
}
.mi-flex-time-img .cname {
	display: block;
	text-align: center;
	width: 75px;
	margin-right: 0.8rem;
	margin-top: 0.4rem;
	font-size: 0.9rem;
}

.mi-flex-box h2 {
	font-size: 0.95rem;
	color: #333;
	font-weight: normal;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0.3rem;
}

.mi-flex-box h2 em{
	font-size: 0.75rem;
	color: #999;
	font-style: normal;
}

.mi-flex-box h3 {
	font-size: 0.8rem;
	color: #f95f52;
	margin-bottom:0.4rem;
	font-weight: normal;
}

.mi-flex-box h4 {
	font-size: 0.8rem;
	color: #333;
	font-weight: normal;
}

.mi-flex-clear-pa {
	padding: 1px 1px;
	overflow:hidden;
}

.mi-flex-texts {
	float: left;
	font-size: 0.7rem;
}

.mi-time-seep {
	width: 60%;
	float: left;
	height: 14px;
	border-radius: 20px;
	background: #f9f2ea;
	position: relative;
	margin-top: 5px;
	border:1px solid #ffa200;
	margin-bottom:0.5rem;
}

.mi-time-seep-go {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	/*border-radius: 20px 0 0 20px;*/
	border-radius: 5px;
	background-color: #ffa200;
}

.mi-flex-clear-pa .mi-flex-box p {
	color: #999;
	width:100%;
}

.mi-time-button button {
	padding: 0.35rem 0.5rem;
	border: 1px solid #8968CD;
	color: #8968CD;
	border-radius: 3px;
	background-color: #fff; 
	width: 80px;
	font-size: 0.9rem;
	position:absolute;
	right:15px;
	bottom:15px;
}
.mi-time-button .overdue {
	border: 1px solid #ccc;
	color: #fff;
	background-color: #ccc;
}


.mi-flex-tag {
	position:relative;
	overflow:hidden;
}

.mi-flex-tag span{
	display:block;
	border:none;
	float:left;
	border:1px solid #666666;
	border-radius:4px;
	font-size:0.7rem;
	margin-right:0.4rem;
	margin-bottom:0.4rem;
	color:#666;
	padding:0.1rem 0.4rem;
}

.mi-time-seep span{
	position:absolute;
	right:-60px;
	top: -2px;
	color:#ffa200;
	font-size:0.7rem;
}

.mi-text-bottom{
	width:100%;
	overflow:hidden;
	text-align:left;
}

.mi-text-bottom h3 em{
	font-size: 0.7rem;
	font-style:normal;
	padding-left:0.2rem;
	color: #999;
	font-weight: normal;
	text-decoration: line-through;
}

.mi-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px;
	position: relative;
}

.mi-flex-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #333;
}
.mi-select {
	position: relative;
}
/* 预约 end */


/*user start*/
.mi-mon-user{
	width:70px;
	height:70px;
	border-radius:100%;
	margin:-30px auto;

}

.mi-head-bg .mi-mon-user img{
	width:100%;
	height:auto;
	display:block;
	border:2px solid #fff;
	border-radius:100%;

}

.mi-head-bg{
	width:100%;
	position:relative;
}

.mi-head-bg img{
	width:100%;
	height:auto;
	display:block;
	border:none;
}

.mi-mon-head{
	width:90%;
	box-shadow:0 5px 19px #dedede;
	background:#fff;
	position:absolute;
	left:50%;
	top:30%;
	margin-left:-45%;
	border-radius:4px;
}

.mi-mon-title{
	text-align: center;
	padding-top: 2.2rem;
	padding-bottom: 1rem;
}

.mi-mon-button{
	padding:1rem 0 1.3rem 0;
}

.mi-mon-button span{
	/*background-color: #FF7500;*/
	border:1px solid #FFAE00;
	background:none;
	color: #FF7500;
	border-radius:20px;
	font-size:0.95rem;
	padding:0.1rem 0.5rem 0.1rem 0.5rem;
	margin:0 auto;
	display:block;
	position:relative;
	width: 6.9rem;
}

.mi-mon-title h2{
	color:#323232;
	font-size:0.98rem;
	font-weight:normal;
}
.mi-mon-title h2 .s1{
	color: #0575f2;
}
.mi-mon-title h2 .s2{
	color: #FF00FF;
}

/*.mi-mon-button button:after{
	background-image:url('data:image/png;base64,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');
	content: '';
	position: absolute;
	z-index: 0;
	top: 0.11rem;
	left: 0.5rem;
	background-size: 18px;
	width: 18px;
	height: 18px;
}*/

.mi-mon-list{
	background-color: #fff;
	padding-top: -5rem;
	/* padding-bottom: 4rem; */
	/*top: -20px;*/
	position: relative;
}

.mi-mon-list .b-line:after{
	/*left:15px;*/
}

.mi-mon-list .mi-flex-box p{
	margin-bottom:0;
	font-size: 0.92rem;
}

.mi-cou-img {
	width: 25px;
	height: 25px;
	margin-right: 0.5rem;
}

.mi-cou-img img {
	width: 25px;
	height: 25px;
	display: block;
	border: none;
}

.mi-arrow {
	text-align: right;
	color: #394154;
	padding-right: 12px;
	position: relative;
	font-size: 0.85rem;
}
.mi-arrow span{
	color:#666666;
	font-size:0.8rem;
}
.mi-arrow:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 2px 2px 0 0;
	border-color: #b1b1b1;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 2px;
	border-radius: 1px;
}
.mi-logout {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 1rem 0;
}
.mi-logout button{
	text-align: center;
	padding: 0.35rem 0.5rem;
	background-color: #999;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 50%;
	font-size: 0.9rem;
}
/*user end*/

/*user edit start*/
 .mi-form-group {
	position: relative;
	font-size: 15px;
	color: #666;
	margin: 2rem 1rem;
}

.mi-form-group .form-control {
	width: 100%;
	position: relative;
	z-index: 3;
	background: 0 0;
	border: 0;
	padding: 0.5rem 0;
	font-size: 0.9rem;
	color: #767676;
}

.mi-form-group .form-control:invalid {
	outline: 0;
}

.mi-form-group .form-label {
	position: absolute;
	z-index: 1;
	left: 0;
	top: -1rem;
	-webkit-transition: .3s;
	transition: .3s;
	font-size: 0.95rem;
	color: #000000;
}

.mi-form-group .form-control:focus,.form-group .form-control:valid {
	outline: 0;
}

.mi-form-group .form-control:focus+.form-label,.form-group .form-control:valid+.form-label {
	font-size: 0.8rem;
	color: #aab0ed;
	-ms-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	top: 0;
}

.form-control:after {
	content: '';
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #D9D9D9;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.mi-form {
	background-color: #fff;
	width: 100%;
	/*height: 100%;*/
	margin: 0 auto;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}
.mi-form-button  {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 2rem 0;
}
.mi-form-button button {
	padding: 0.35rem 0.5rem;
	background-color: #aab0ed;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 50%;
	font-size: 0.9rem;
}
.mi-form .mi-files {
	position: absolute;
	width: 100%;
	height: 4rem;
	z-index: 9;
	left: 0;
	top: 0;
	text-indent: 100rem;
	color: #fff;
}
.mi-form .mi-flex-box h2 {
	z-index: 1;
	font-size: 0.95rem;
	color: #000000;
	font-weight: normal;
	width: 100%;
	position: relative;
}
.mi-form .mi-user-img img {
	width: 50px;
	height: auto;
	border-radius: 100%;
}
.mi-form-group	input:disabled{
	margin-top: 0.5rem;
	border: 1px solid #DDD;
	background-color: #F5F5F5;
	color:#ACA899;
	/*border-radius: 10px;*/
}
/*user edit end*/

/*user card satrt*/
.mi-wallet-cell  {
	position: relative;
}

.mi-wallet-cell .mi-wallet-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #fff;
	/*position: relative;*/
}
.mi-wallet-cell .mi-wallet-flex .mi-film-button {
	position: absolute;
	right: 15px;
	top: 20px;
}
	
.mi-wallet-bank {
	width:35%;
	height: 110px;
	margin-right: 0.8rem;
}
.mi-wallet-box {
	width: 65%;
	/*height: 145px;*/
}

.mi-wallet-bank img {
   width: 100%;
	height: auto;
	display: block;
	border: none;
}

.mi-wallet-box h2 {
	color: #343235;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
}
.mi-wallet-box h2 span{
	color: #fff;
	background: #343235;
	float: right;
	font-size: 0.9rem;
	font-weight: normal;
	border-radius: 5px;
	padding: 0 5px;
}
.mi-wallet-box h2 .mi-dj{
	background: #FFBC00;
}
.mi-wallet-box h4 {
	color: #777777;
	font-size: 0.9rem;
	font-weight: normal;
	padding: 5px 5px 5px 0;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
}
.mi-wallet-box h4:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 4px 0px 4px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #777777;
	position: absolute;
	top: 32%;
	right: 4px;
	border-radius: 1px;
	left: inherit;
	z-index: 99;
}

.mi-wallet-box p {
	color: #6a6a6a;
	margin-bottom: 0.1rem;
	font-size: 0.9rem;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: justify;
}

.mi-wallet-box p em {
	color: #666;
	font-size: 0.9rem;
	font-style: normal;
}

.mi-wallet-box button {
	background: #aab0ed;
	color: rgba(255,255,255,0.8);
	border: none;
	font-size: 0.9rem;
	border-radius: 5px;
	padding: 0.2rem 0.8rem;
	margin-top: 0.4rem;
}
.mi-wallet-box button i{
	font-size: 0.9rem;
}

.mi-opt {
	height: 53px;
	line-height: 53px;
	display: block;
	position: relative;
	background: #fff;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	border-bottom: 3px solid #eeeeee;
}
.mi-opt-item.active {
	/* background-color: #51bd03; */
}
.mi-opt-item.active:before {
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	left: 20%;
	bottom: 0;
	margin-left: -20%;
	z-index: 4;
	background-color: #A599D7;
}
.mi-opt-item {
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
	color: #585858;
	font-size: 0.9rem;
	display: block;
	float: left;
	/*margin-left: 1rem;*/
	padding: 0 0.2rem;
	width: 20%;
}
.mi-opt-item a {
	display: inherit;
	font-size: 0.95rem;
	color: #868686;
}
.mi-opt-item.tab-active:before {
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	left: 20%;
	bottom: 0;
	margin-left: -20%;
	z-index: 4;
	background-color: #aab0ed;
}

		
.mi-card-box {
	background-color: #fff;
	height: auto;
	width: 100%;
}
.mi-card-box .mi-flex-box h2 {
	font-size: 0.95rem;
	color: #666;
	font-weight: normal;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0.2rem;
}
.mi-card-box .mi-flex-box em {
	font-size: 0.95rem;
	color: #666;
	font-style: normal;
	float: right;
}
.mi-tline {
	background-color: #fff;
	font-size: 13px;
	color: #6e6e6e;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-top: 10px;
}
.mi-tline-content {
	margin-left: 25px;
	border-left: 1px solid #e4e5e9;
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
}
.mi-tline-content-item h1 {
	color: #fe6000;
	font-weight: bold;
	font-size: 0.95rem;
	margin-bottom: 1rem;
}
.mi-tline-content-item {
	padding: 1px 12px 16px 0;
	margin-left: 25px;
	position: relative;
	/*margin-bottom: 10px;*/
}
.mi-tline-content-icon {
	width: 32px;
	height: 32px;
	border-radius: 99px;
	background-color: #e5e5e5;
	content: "";
	position: absolute;
	z-index: 1;
	left: -25px;
	display: block;
	top: -1px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.mi-tline-content-icon img {
	width: 18px;
	height: 18px;
	display: block;
	border: none;
	margin: 6px auto;
}
.mi-tline-content-item .mi-tline-content-info {
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background-color: #e5e5e5;
	content: "";
	position: absolute;
	z-index: 1;
	left: -25px;
	display: block;
	top: 43px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.mi-tline-content .mi-tline-content-item:first-child:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: -30px;
	background-color: #fbbfbf;
	border-radius: 99px;
}
.mi-tline-content-item .time {
	color: #999999;
	font-weight: normal;
	font-size: 0.8rem;
}
.mi-tline-content-item p {
	color: #333333;
	margin-top: 2px;
	font-size: 0.9rem;
}
.mi-tline .mi-more {
	float: right;
	color: #15a8f6;
	padding: 5px 10px;
	font-size: 0.9rem;
}

.mi-course {
	background: #fff;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.mi-course h3{
	display: block;
	color: #fe6000;
	font-weight: bold;
	font-size: 0.95rem;
	padding: 10px;
}
.mi-course h3 em{
	color: #999;
	font-style: normal;
	font-size: 0.8rem;
}
.mi-course li{
	border-top: 1px solid #dbdbdb;
	display: block;
	padding: 10px;
}
.mi-course li a{
	display: block;
	padding: 0.2rem 0;
}
.mi-course .mi-arrow,.mi-below {
	text-align: right;
	color: #333;
	padding-right: 20px;
	position: relative;
	font-size: 0.95rem;
}
.mi-course .mi-arrow:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width:  0 2px 2px 0;
	border-color: #b1b1b1;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 2px;
	border-radius: 1px;
}
.mi-course .mi-below:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 2px 0 0 2px;
	border-color: #b1b1b1;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 2px;
	border-radius: 1px;
}
.mi-course-list {
	display: none;
}
.mi-course-list dd{
	font-size: 0.95rem;
	padding: 0.2rem 0;
}
.mi-course-list em{
	font-size: 0.9rem;
	float: right;
	font-style: normal;
}

/*user card end*/

/*user login start*/
.mi-ver-head {
	text-align: center;
	width: 100%;
	background-color: #f1f1f1;
	padding: 10px 0;
	border-bottom: 1px solid #e4e5e9;
}
.mi-ver-head img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
}
.mi-ver-head h4 {
	font-size: 0.92rem;
	font-style: normal;
	font-weight: normal;
	display: block;
	padding: 5px 0;
}

.mi-ver-form {
	background: #fff;
	border-radius: 5px;
	width: 92%;
	margin: 1.8rem auto 4rem;
	position: relative;
	z-index: 2;
	padding: 1.8rem 1.8rem 4rem 1.8rem;
}
.mi-ver-form h2 {
	font-size: 1rem;
	font-weight: normal;
	color: #999;
	margin-bottom: 0.2rem;
}
.mi-ver-form .mi-ver-flex {
	padding: 0.5rem 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.mi-ver-form .mi-ver-flex-box {
	background: #f1f0f0;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #333;
}
.mi-ver-form .mi-ver-flex-box input {
	height: 2.2rem;
	line-height: 2.2rem;
	padding: 0.4rem 2rem;
	background: none;
	border: none;
	width: 100%;
}
.mi-ver-form .ver-icon {
	width: 20px;
	height: 20px;
	display: block;
	border: none;
	float: left;
	background-size: 20px;
	background-repeat: no-repeat;
	 position: absolute;
	left: 10px;
	top: 0.6rem;
}
.mi-login-box h2 {
	color: #9c898b;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9rem;
	text-align: center;
}
.mi-ver-button {
	margin-top: 0.8rem;
}
.mi-ver-button button {
	background: -webkit-linear-gradient(left, #8385C0 , #aab0ed);
	background: -o-linear-gradient(right, #8385C0 , #aab0ed);
	background: -moz-linear-gradient(right, #8385C0 , #aab0ed);
	background: linear-gradient(to right, #8385C0 , #aab0ed);
	background-color: #aab0ed;
	border-radius: 20px;
	color: #fff;
	border: none;
	width: 100%;
	height: 2.35rem;
	line-height: 2.35rem;
	font-size: 1rem;
	box-shadow: 0 5px 9px #aab0ed;
}
.mi-button-code .btn-default {
	background: -webkit-linear-gradient(left, #8385C0 , #aab0ed);
	background: -o-linear-gradient(right, #8385C0 , #aab0ed);
	background: -moz-linear-gradient(right, #8385C0 , #aab0ed);
	background: linear-gradient(to right, #8385C0 , #aab0ed);
	background-color: #aab0ed;
	color: #fff;
	border: none;
	border-left: 8px solid #fff;
	width: 100%;
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: 0.8rem;
	padding: 0.1rem 0.8rem;
	border-radius: 0;
}
.mi-agree-box {
	width: 90%;
	text-align: center;
	position: absolute;
	/* left: 50%; */
	/* margin-left: -28%; */
	bottom: 10%;
}
.mi-agree-box .cell-right em {
	color: #9c898b;
	font-style: normal;
	font-size: 0.95rem;
}
.mi-agree-box a {
	color: #08a;
	font-style: normal;
	font-size: 0.95rem;
}
@media (device-height: 480px) and (-webkit-min-device-pixel-ratio:2) {
	/* 兼容iphone4/4s */ .mi-ver-form {
	margin: 1.2rem auto 4rem;
	padding: 1.2rem 1.2rem 4rem 1.2rem;
}
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio:2) {
	/* 兼容iphone5 */ .mi-ver-form {
	margin: 1.2rem auto 4rem;
	padding: 1.2rem 1.2rem 4rem 1.2rem;
}
}
.mi-button-code .mi-verifyimg {
	border: none;
	border-left: 8px solid #fff;
	width: 100%;
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: 0.8rem;
	margin-top: 3px;
}
/*user login end*/

/*order start*/
.tab-yk-nav {
	/* background: #e2e2e2; */
	height: 40px;
	line-height: 40px;
	/* border-radius: 80px; */
	display: block;
	/* margin: 0 auto; */
	position: relative;
	/* width: 185px; */
}

.tab-yk-nav:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #bbbbbb;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.tab-yk-nav-item {
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	color: #585858;
	font-size: 0.9rem;
	display: block;
	float: left;
	border-radius: 80px;
	padding: 0 15px;
	width: 33%;
	margin: 0 auto;
}

.tab-yk-nav-item.tab-active {
	/* background-color: #51bd03; */
}

.tab-yk-nav-item.tab-active a {
	color: #000000;
	font-weight: bold;
}

.tab-yk-nav-item a {
	display: inherit;
	color: inherit;
	font-size: 0.8rem;
	color: #464646;
}

.tab-panel-nav {
	position: relative;
	overflow: hidden;
}

.tab-panel-nav .tab-panel-nav-item {
	width: 100%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.tab-yk-nav-item.tab-active:before {
	content: '';
	width: 40%;
	height: 0px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20%;
	z-index: 4;
	background-color: #f23030;
	border-radius: 120px;
	border: 1px solid #f23030;
}

.tab-panel-nav .tab-panel-nav-item.tab-active ~ .tab-panel-nav-item {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.tab-panel-nav .tab-panel-nav-item.tab-active {
	position: relative;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.divHeight {
	background: #f0f2f5;
	width: 100%;
	height: 10px;
}
/*order end*/


/*reserve coach start*/
.mi-sel-bg {
	width: 100%;
	height: auto;
	padding: 1rem 1rem 0  1rem;
	position: relative;
	background: #fff;
	/*background: url(../images/user-bg.jpg) no-repeat center center;*/
	background-size: 100% 100%;
	overflow: hidden;

/*	background: -webkit-linear-gradient(left, #aab0ed , #CE96E9);
	background: -o-linear-gradient(right, #aab0ed , #CE96E9);
	background: -moz-linear-gradient(right, #aab0ed , #CE96E9);
	background: linear-gradient(to right, #aab0ed , #CE96E9);
	background-color: #aab0ed;
	box-shadow: 0 5px 9px #fddae1;*/
}

.mi-sel-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background-color: red;*/
}
.mi-sel-bg .mi-user-img {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: 2px solid #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.mi-sel-bg .mi-user-img img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
}
.mi-sel-bg .mi-sel-head {
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0.5rem;
	padding-top: 1rem;
}

.mi-sel-bg .mi-sel-head h2 {
	color: #333;
	font-size: 0.95rem;
}

.mi-sel-bg .mi-sel-head p {
	color: #333;
	padding: 0.5rem 1rem;
	/*margin-bottom: 0.5rem;
	margin-top: 0.5rem;*/
	font-size: 0.9rem;
	text-align: left;
}
.mi-sel-bg .mi-tel-img {
	position: absolute;
	width: 38px;
	height: 38px;
	right: 5%;
	/* margin-left: -19px; */
	top: 5%;
	box-shadow: 0 3px 9px #D9D9D9;
	border-radius: 100%;
	background-color: #fff;
}

.mi-sel-bg .mi-tel-img img {
	width: 38px;
	height: 38px;
	display: block;
	border: none;
}


.mi-reserve-box {
	width: 100%;
	height: auto;
	/*padding: 1rem 0;*/
	/*border-radius: 10px;*/
	margin: 0 auto;
	/*margin: -10px 0 auto;*/
	background: #fff;
	position: relative;
	z-index: 1;
}

.mi-reserve-box .mi-text-con {
	width: 100%;
	text-align: center;
	font-size: 0.9rem;
	padding: 10px 0;
	background: #fdf6d9;
}

.mi-reserve-box .mi-text-con p {
	color: #fc9d0d;
	text-align: left;
	margin-bottom: 0.2rem;
	padding: 0 15px;
	font-size: 0.9rem;
}

.mi-reserve-box .mi-text-con p em {
	font-style: normal;
	color: #FF6600;
	font-size: 0.95rem;
}

.mi-reserve-box .mi-arrow {
	text-align: right;
	color: #394154;
	padding-right: 20px;
	position: relative;
	font-size: 0.9rem;
	width: 70%;
}
.mi-reserve-box .mi-arrow:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 0 2px 2px 0;
	border-color: #b1b1b1;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 2px;
	border-radius: 1px;
}
.mi-reserve-box .mi-below {
	text-align: right;
	color: #394154;
	padding-right: 20px;
	position: relative;
	font-size: 0.9rem;
	width: 66%;
}
.mi-reserve-box .mi-below:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 2px 0 0 2px;
	border-color: #b1b1b1;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 2px;
	border-radius: 1px;
}
.mi-reserve-box .mi-txt {
	text-align: right;
	color: #394154;
	/*padding-right: 20px;*/
	position: relative;
	font-size: 0.9rem;
	width: 70%;
}

.mi-sub-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transform: translateZ(0);
}
.mi-sub-fixed button {
	text-align: center;
	background: -webkit-linear-gradient(left, #aab0ed , #CE96E9);
	background: -o-linear-gradient(right, #aab0ed , #CE96E9);
	background: -moz-linear-gradient(right, #aab0ed , #CE96E9);
	background: linear-gradient(to right, #aab0ed , #CE96E9);
	background-color: #aab0ed;
	box-shadow: 0 5px 9px #fddae1;
	border: 0;
	color: #fff;
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: 0.95rem;
	width: 100%;
}
.mi-sub-fixed button:first-child{
	width: 40%;
	background: #ccc;
}
.mi-reserve-box .people {
	text-align: right;
	color: #394154;
	padding-right: 20px;
	font-size: 0.85rem;
	width: 5rem;
	padding-top: 2px;
	padding-bottom: 2px;
}
.mi-reserve-box .mi-times {
	width: 100%;
}
.mi-reserve-box .mi-times li{
	width: 20%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
}
.mi-reserve-box .mi-times .disabled{
	background-color: #ccc;
	color: #fff;
}
.mi-reserve-box .mi-times .active{
	background-color: #8968CD;
	color: #fff;
}
.mi-reserve-box .mi-lits {
	width: 100%;
}
.mi-reserve-box .mi-lits li{
	height: 2rem;
	line-height: 2rem;
	font-size: 0.9rem;
}
.mi-reserve-box .mi-lits li em{
	font-size: 0.8em;
	font-style: inherit;
	color: #999
}
.mi-reserve-box .mi-lits .active{
	color: #8968CD;
}
.mi-reserve-box textarea{
	width: 100%;
	min-height: 8rem;
	border: 0;
	padding: 5px 15px;
	font-size: 0.9rem;
}
.mi-reserve-box .mi-tlt,.mi-fee,.mi-val {
	color: #FF6600;
	/*font-size: 0.86rem;*/
}
.mi-reserve-box .mi-reserve-item-box .mi-flex-box h6{
	font-size: 0.9em;
	font-style: normal;
}
/*reserve coach end*/


/*reserve group start*/
.mi-group-box {
	background-color: #fff;
	height: auto;
	width: 100%;
}
.mi-flex-group {
	width: 120px;
	min-height: 120px;
	margin-right: 15px;
}
.mi-flex-group img {
	width: 80px;
	height: 80px;
	display: block;
	border: none;
	border-radius: 100%;
}
.mi-group-st {
	font-size: 0.95rem;
	color: #333;
	font-weight: bold;
	padding-bottom: 5px;
}
.mi-group-ls {
	display: block;
	text-align: center;
	width: 80px;
	margin-top: 0.5rem;
	font-size: 0.95rem;
}
.mi-group-box p {
	font-size: 0.9rem;
	margin-bottom: 0.2rem;
}
.mi-group-box .mi-group-dec {
	font-size: 0.9rem;
	padding: 10px 15px;
	margin-bottom: 10px;
	color: #999;
}
.mi-group-box .mi-group-dec h4{
	font-size: 0.9rem;
	color: #B5B5B5;
	font-weight:normal;
	padding: 0.2rem 0;
}
.mi-reserve-box .arithm {
	font-size: 1rem;
	background-color: #aab0ed;
	color: #fff;
	border: 0;
	min-width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}
.mi-reserve-box .arithm-val {
	text-align: center;
	color: #999;
	font-size: 0.9rem;
	width: 3.5rem;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 0;
	height: 1.5rem;
	line-height: 1.5rem;
}
/*reserve coach end*/


/*reserve success start*/
.mi-success-box {
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
	padding-bottom: 30%;
}
.mi-success-pitch {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.mi-success-pitch img {
	width: 60px;
	height: 60px;
	display: block;
	border: none;
}
.mi-success-title {
	padding: 20px 10px;
}
.mi-success-title h2 {
	font-size: 0.98rem;
	color: #333;
	padding-bottom: 10px;
}
.mi-success-title hr {
	margin: 20px 0;
	height:1px;
	border:none;
	border-top:1px dashed #999;
}
.mi-success-title p {
	font-size: 0.95rem;
	margin-bottom: 10px;
}
.mi-success-title .mi-zy {
	font-size: 0.95rem;
	color: #999;
	text-align: left;
	padding: 0 20px;
	margin-bottom: 0px;
}
.mi-success-button button {
	width: 30%;
	height: 40px;
	line-height: 40px;
	background: #aab0ed;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 0.9rem;
}
.mi-success-button .home
{ 
	background-color:#999;
}
/*reserve success end*/

/*reserve list start*/
.mi-reserve-list .screen{
	color: #aab0ed;
}
.mi-reserve-list .mi-reserve-item{
	background-color: #fff;
	margin-top: 7px;
}
.mi-reserve-item .mi-present-text {
	position: relative;
	padding: 15px 15px 10px 15px;
	overflow: hidden;
}
.mi-reserve-item .mi-present-text h2 {
	font-weight: normal;
	font-size: 0.95rem;
	color: #999;
	margin-bottom: 0.5rem;
}
.mi-reserve-item .mi-present-text i {
	margin-right: 0.3rem;
}
.mi-reserve-item .mi-present-text span {
	/*margin-right: 0.3rem;*/
	float: right;
}
.mi-reserve-item .mi-present-text .mi-opts {
	float: right;
}
.mi-reserve-item .mi-present-text .mi-opts button{
	padding: 0 5px;
	background-color: #767676;
	border: 0;
	color: #fff;
	height: 1.8rem;
	border-radius: 5px;
	line-height: 1.8rem;
	font-size: 0.9rem;
}
.mi-reserve-item .mi-present-text .mi-opts button:first-child{
	background-color: #A599D7;
}
.mi-reserve-item .mi-present-text .mi-opts a{
	color: #85A6D7;
	font-size: 0.95rem;
}
.mi-reserve-item .mi-sheet-btn {
	position: absolute;
	top: 10px;
	right: 5px;
}
.mi-reserve-item .mi-sheet-btn h2 {
	font-weight: normal;
	font-size: 0.9rem;
	text-align: center;
	width: 70px;
	height: 2.2rem;
	line-height: 2rem;
	position: relative;
	background-size: 11px 11px;
	background-repeat: repeat-x;
	background-position: 13px 30px;
}
.mi-reserve-item .mi-sheet-btn p {
	color: #999999;
	font-size: 0.8rem;
	text-align: right;
	padding-top: 0.5rem;
}
.mi-reserve-item .mi-flex-box h2 {
	line-height: 1;
	overflow: hidden;
	margin-bottom: 0;
	padding: 0.3rem 0;
}
.mi-reserve-item .mi-flex-box h2 .mi-tk {
	border: 1px solid #FF6600;
	color: #FF6600;
	font-size: 0.7rem;
	/*float: left;*/
	font-style: normal;
	padding: 0.1rem 0.1rem;
}
.mi-reserve-item .mi-flex-box h2 .mi-sj {
	border: 1px solid #A599D7;
	color: #A599D7;
	font-size: 0.7rem;
	/*float: left;*/
	font-style: normal;
	padding: 0.1rem 0.1rem;
}
.mi-reserve-item .mi-sheet-btn .mi-yy {
	color: #aab0ed;
	background-size: 11px 11px;
	background-repeat: repeat-x;
	background-position: 13px 30px;
}
.mi-reserve-item .mi-sheet-btn .mi-yq {
	color: #42c88d;
	background-size: 11px 11px;
	background-repeat: repeat-x;
	background-position: 13px 30px;
}
.mi-reserve-item .mi-sheet-btn .mi-qx {
	color: #999;
	background-size: 11px 11px;
	background-repeat: repeat-x;
	background-position: 13px 30px;
}
.mynav-content li {
	padding: 10px 0;
	font-size: 0.9rem;
	border-bottom: 1px solid #f0f0f0;
}
.mynav-content li span{
	float: right;
}
.mynav-content button{
	margin-top: 0.5rem;
	background-color: #A599D7;
	border: 0;
	color: #fff;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.9rem;
}
.mynav-content .mi-reset{
	background-color: #666;
	font-size: 0.9rem;
}
.go-reserve {
	display: block;
	padding: 20px;
}
.go-reserve a{
	padding: 10px 20px;
	background-color: #A599D7;
	border: 0;
	font-size: 0.9rem;
	color: #fff;
}
/*reserve list end*/


/*feedback start*/
.mi-feedback-box {
	padding: 1rem;
	background-color: #fff;
}
.mi-feedback-box-item h2 {
	font-size: 0.95rem;
	color: #484848;
	padding: 0.8rem 0;
}
.mi-feedback-box-item input[type="text"] {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 0.9rem;
	border: none;
	width: 100%;
	font-size: 0.8rem;
	margin-bottom: 10px;
}
.mi-feedback-box-item textarea {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 0.9rem;
	border: none;
	width: 100%;
	font-size: 0.8rem;
	resize: none;
	height: 10rem;
}
.mi-feedback-box .mi-btn-submit {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 1rem 0;
}
.mi-feedback-box .mi-btn-submit button {
	text-align: center;
	padding: 0.35rem 0.5rem;
	background-color: #aab0ed;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 50%;
	font-size: 0.9rem;
}
.mi-feedback-box-item p {
	color: #FFB44B;
	font-size: 0.9rem;
	padding-bottom: 0.3rem;
}

.mi-feedback-list {
	background-color: #fff;
	margin-top: 10px;
}
.mi-feedback-list .mi-flex-box h3{
	color: #333;
	font-size: 0.98rem;
	margin-bottom: 5px;
}
.mi-feedback-list .mi-flex-ftime{
	float: right;
	color: #999999;
	font-size: 0.9rem;
}
.mi-feedback-list .mi-flex-box p{
	color: #999999;
	font-size: 0.95rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.mi-feedback-list .mi-flex-box .mi-flex-relp{
	color: #82CA81;
	font-size: 0.95rem;
	margin-bottom: 5px;
}
.mi-index-bar .mi-index-feedback {
	color: #fff;
	font-size: 0.9rem;
	padding: 2px 3px;
	background-color: #aab0ed;
	border-radius: 3px;
}
.mi-feedback-list .mi-flex-new {
	background: #fe3916;
	color: #fff;
	border-radius: 100%;
	text-align: center;
}

.mi-feedback-detail {
	background-color: #fff;
}
.mi-feedback-detail .mi-flex-box h3{
	color: #333;
	font-size: 0.98rem;
	margin-bottom: 5px;
}
.mi-feedback-detail .mi-flex-ftime{
	float: right;
	color: #999999;
	font-size: 0.9rem;
}
.mi-feedback-detail .mi-flex-box p{
	color: #999999;
	font-size: 0.95rem;
}
.mi-feedback-detail .mi-fb-relp{
	margin-left: 20px;
}
.mi-feedback-detail .mi-flex-image {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	/*display: block;*/
	border-radius: 100%;
	border: none;
}
.mi-feedback-detail .mi-flex-box h2{
	height: 33px;
	line-height: 33px;
	font-size: 0.9rem;
}
.mi-feedback-detail .mi-flex-box .mi-fb-relpbtn{
	border: none;
	display: block;
	/*float: right;*/
	padding: 2px 4px;
	border-radius: 3px;
	background-color: #aab0ed;
	color: #fff;
	margin-top: 5px;
}
/*feedback end*/


/*history start*/
.mi-history {
	background-color: #F8F8F8;
	/* padding-bottom: 5rem; */
	height: 100%;
}
.mi-history li{
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 0.5rem;
}
.mi-history p{
	font-size: 0.95rem;
}
.mi-history .time{
	color: #999;
	font-size: 0.95rem;
}
/*history end*/


/*coach info start*/

.mi-coach-vo {
	background-color: #fff;
}
.mi-coach-vo .mi-flex {
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
	border-bottom: 10px solid #f3f3f3;
}
.mi-coach-vo .mi-expert-user {
	width: 50px;
	height: 50px;
	margin-right: 0.5rem;
}
.mi-coach-vo .mi-expert-user img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	border-radius: 100%;
}
.mi-coach-vo .mi-flex-box h1 {
	color: #333;
	font-size: 0.98rem;
	font-weight: normal;
	margin-top: 13px;
	/*margin-bottom: 0.3rem;*/
}
.mi-coach-vo .mi-flex-box h1 span{
	color: #666;
	font-size: 0.9rem;
}
.mi-coach-vo .mi-flex-box h3 {
	color: #333;
	font-size: 0.9rem;
	font-weight: normal;
	margin-bottom: 0.3rem;
}
.mi-coach-vo .mi-flex-box p {
	color: #666;
	font-size: 0.9rem;
	font-weight: normal;
}
.mi-coach-vo .mi-expert-chat button {
	border: 1px solid #aab0ed;
	font-size: 0.9rem;
	color: #aab0ed;
	background: none;
	padding: 0.2rem 0.5rem 0.2rem 0.5rem;
	border-radius: 5px;
	margin-top: 10px;
}


.mi-coach-info {
	width: 100%;
	height: auto;
	/* padding: 1rem 0; */
	/* border-radius: 10px; */
	margin: 0 auto;
	/* margin: -10px 0 auto; */
	background: #fff;
	position: relative;
	z-index: 1;

}
.mi-coach-info .tab-nav {
	height: 45px;
	line-height: 45px;
	display: block;
	position: relative;
	background: #fff;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
}
.mi-coach-info .tab-nav-item {
	height: 45px;
	line-height: 45px;
	position: relative;
	text-align: center;
	color: #585858;
	font-size: 0.9rem;
	display: block;
	float: left;
	width: 49.99%;
}
.mi-coach-info .tab-nav .tab-active {
	border-radius: 0;
	background-color: #fff;
}
.mi-coach-info .tab-nav .tab-active a {
	color: #aab0ed;
}
.mi-coach-info .tab-nav .tab-active:before {
	content: '';
	width: 20%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 4px;
	margin-left: -10%;
	z-index: 4;
	background-color: #aab0ed;
	border-radius: 5px;
}
.mi-coach-info .mi-title {
	/*margin-top: 10px;*/
	padding: 5px 15px;
	border-bottom: 1px solid #f0f0f0;
}
.mi-coach-info .mi-title h3{
	font-size: 0.95rem;
	color: #999;
	font-weight: normal;
}
.mi-coach-info .tab-panel-item em{
	font-size: 0.93rem;
	color: #666;
	font-style: normal;
}
.mi-coach-info .mi-noplan{
	font-size: 0.93rem;
	color: #999;
	padding: 5rem;
	text-align: center;
}
/*coach info end*/

/*service start*/
.service {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
}
.service-text {
	padding: 0.8rem;
	color: #333;
	font-size: 0.95rem;
}
.service h4{
	padding: 0.6rem 0;
	width: 100%;
	text-align: center;
	font-size: 1rem;
}
.service p{
	padding: 0 5%;
}
/*service end*/


/*user point start*/
.mi-point-box {
	width: 100%;
	height: 6rem;
	background: -webkit-linear-gradient(left, #aab0ed , #CE96E9);
	background: -o-linear-gradient(right, #aab0ed , #CE96E9);
	background: -moz-linear-gradient(right, #aab0ed , #CE96E9);
	background: linear-gradient(to right, #aab0ed , #CE96E9);
	background-color: #aab0ed;
	box-shadow: 0 5px 9px #fddae1;
}
.mi-point-img {
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 0.8rem;
	border-radius: 100%;
}
.mi-point-img img {
	width: 60px;
	height: 60px;
	display: block;
	border: none;
}
.mi-point-button button {
	background: none;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 20px;
	font-size: 0.95rem;
	padding: 0.2rem 0.8rem;
}
.mi-point-box .mi-flex-box h2 {
	color: #daeffe;
	font-weight: normal;
	font-size: 0.95rem;
	margin-bottom: 0.3rem;
}
.mi-point-box .mi-flex-box h3 {
	font-style: normal;
	color: #FFC659;
	font-weight: bold;
	font-size: 0.9rem;
}
.mi-point-box .mi-flex-box h3 em{
	font-style: normal;
	color: #fff;
}

.mi-point-item {
	background-color: #fff;
	/*margin-top: 10px;*/
}

.mi-point-item h4{
	color: #666;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 0.9rem;
}
.mi-point-item p{
	color: #999;
	font-size: 0.9rem;
	margin-bottom:0;
}
.mi-point-item .lab-place {
	color: #fff;
	font-size: 0.75rem;
	padding: 2px 3px;
	background-color: #bbbbbb;
	border-radius: 3px;
}
.mi-point-item .lab-add,.lab-red {
	color: #fff;
	font-size: 0.6rem;
	padding: 2px 3px;
	background-color: #38C448;
	border-radius: 5px;
}
.mi-point-item .lab-red {
	background-color: red;
}
.mi-point-item .mi-num {
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.mi-point-item .mi-num .add{
	font-size: 0.9rem;
	font-style: normal;
	color: #38C448;
	font-weight: bold;
}
.mi-point-item .mi-num .red{
	font-size: 0.9rem;
	font-style: normal;
	color: red;
	font-weight: bold;
}
.mi-point-item .mi-opt-item {
	width: 33.3%;
}
/*user point end*/


/*sigin start*/
.mi-signin-box {
	padding: 15px 15px;
}
.mi-signin-box .mi-signin-time {
	padding: 5px 10px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}
.mi-signin-box .mi-signin-time span{
	background: #ccc;
	padding: 5px 10px;
	color: #fff;
	font-size: 0.85rem;
	border-radius: 50px;
	margin-bottom: 10px;
}
.mi-signin-box .mi-signin-list {
	background: #fff;
	position: relative;
	padding: 15px  15px 0 15px;
	box-shadow: 0 1px 16px 0 rgba(0,0,0,.1);
	border-radius: 3px;
	margin-bottom: 20px;
}
.mi-signin-box .mi-signin-list p{
	margin-bottom: 10px;
	color: #848689;
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.mi-signin-box .mi-signin-list span{
	float: right;
}
.mi-signin-box .mi-signin-list h3 {
	font-size: 0.95rem;
	color: #252525;
	font-weight: normal;
	padding-bottom: 10px;
}
.mi-signin-box .mi-signin-list h3 .mi-sj {
	border: 1px solid #A599D7;
	color: #A599D7;
	font-size: 0.7rem;
	 float: right; 
	font-style: normal;
	padding: 0.1rem 0.1rem;
}
.mi-signin-box .mi-signin-list h3 .mi-tk {
	border: 1px solid #FF6600;
	color: #FF6600;
	font-size: 0.7rem;
	 float: right; 
	font-style: normal;
	padding: 0.1rem 0.1rem;
}
.mi-signin-box .mi-signin-item {
	padding: 0;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mi-signin-box .mi-signin-item-hd {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	border-top: 1px solid #f0f0f0;
}
.mi-signin-box .mi-signin-item-hd button {
	padding: 0 5px;
	background-color: #A599D7;/*#9AD4B3;*/
	border: 0;
	color: #fff;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	line-height: 1.8rem;
	font-size: 16px;
}
/*sigin end*/


/*about start*/
.mi-about{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	background-color: #FFF;
}
.mi-about img{
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-top: 20px;
}
.mi-about .mi-tlt{
	line-height: 50px;
	/*margin-bottom: 10px;*/
	font-size: 1rem;
	color: #666;
}
.mi-about .mi-dec{
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 0.95rem;
	color: #999;
}
.mi-about ul li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 20px;
	border-top: 1px solid #f0f0f0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.mi-about ul li font{
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	float: left;
	font-size: 0.9rem;
}
.mi-about ul li span{
	height: 50px;
	line-height: 50px;
	text-align: left;
	float: right;
	color: #999;
	font-size: 0.9rem;
}
/*about end*/


/*upload start*/
.mi-upload-photo {
	background-color: #fff;
	width: 100%;
	display: block;
}
.mi-upload-photo .mi-files {
	position: absolute;
	width: 100%;
	height: 80px;
	z-index: 9;
	left: 0;
	top: 0;
	text-indent: 100rem;
	color: #fff;
	font-size: 100px;
}
.mi-upload-img {
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
.mi-upload-img img {
	width: 80px;
	height: 80px;
}
.mi-upload-img h4 {
	font-weight: normal;
	font-size: 0.9rem;
	color: #999;
}
.mi-upload-box {
	margin-top: 10px;
	background-color: #fff;
	text-align: center;
	padding: 10px;
}
/*upload end*/


/*news detail start*/
.mi-news {

}
.mi-news .mi-title {
	background: #fff;
	padding-bottom: 0;
	border-bottom: 1px solid #f0f0f0;
}
.mi-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px;
	position: relative;
}
.mi-news .mi-flex-box h3 {
	color: #333;
	font-size: 0.98rem;
	font-weight: 500;
}
.mi-news .mi-text-box {
	padding: 15px;
	background: #fff;
	color: #333;
	font-size: 0.95rem;
	line-height: 22px;
	overflow: hidden;
}
.mi-news .mi-text-box .mi-text-time{
	padding: 10px 0;
	color: #666;
	font-size: 0.9rem;
}
/*news detail end*/

/*comment start*/
.mi-comment-box {
	padding: 1rem;
	background-color: #fff;
}
.mi-comment-box-item h2 {
	font-size: 0.95rem;
	color: #484848;
	padding: 0.8rem 0;
}
.mi-comment-box-item textarea {
	background: #f4f4f4;
	/*border-radius: 5px;*/
	padding: 0.9rem;
	border: none;
	width: 100%;
	font-size: 0.8rem;
	resize: none;
	height: 10rem;
}
.mi-comment-box .mi-btn-submit {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 1rem 0;
}
.mi-comment-box .mi-btn-submit button {
	text-align: center;
	padding: 0.35rem 0.5rem;
	background-color: #aab0ed;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 50%;
	font-size: 0.9rem;
}
.mi-comment-box-item p {
	color: #999;
	font-size: 0.75rem;
	padding: 0.5rem 0.9rem;
	background-color: #f3f3f3;
	border-bottom: 1px dashed  #E2E2E2;
}

.mi-score-main {
	width: 100%;
	margin: 0.2rem auto;
	background: #FFFFFF;
	font-size: 0.9rem;
}
.mi-score-main .mi-score-wrap{
	padding: 0.5rem;
	border-bottom: 1px solid #f0f0f0;
}
.mi-score-main .mi-score-wrap .mi-revtit{
	line-height: 1.5rem;
	display: block;
}
.mi-score-main .mi-score-wrap .mi-level{
	/*padding-top: 0.5rem;*/
	margin-left: 0.1rem;
	color: #ED9720;
	vertical-align: middle;
	font-size: 0.93rem;
}
.mi-score-main .mi-score-wrap .mi-star-box{
	display: inline-block;
}
.mi-score-main .mi-score-wrap .mi-star-box ul{
	list-style-type: none;
	overflow: hidden;
}
.mi-score-main .mi-score-wrap .mi-star-box ul li {
	margin-right: 0.5rem;
	/*margin-top: 0.4rem;*/
	float: left;
}
.mi-score-main .mi-score-wrap .mi-star-box img {
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: text-bottom;
}

.mi-comment-box .mi-flex-time-img{
	width: 65px;
	min-height: 65px;
	margin-right: 1rem;
}
.mi-comment-box .mi-flex-time-img img{
	width: 60px;
	height: 60px;
}
.mi-comment-box .mi-flex{
	padding: 0;
}
/*comment end*/


/*ranking start*/
.mi-ranking {
	background-color: #fff;
}
.mi-ranking .mi-logo-img {
	width: 65px;
	height: 65px;
	position: relative;
	margin-right: 0.6rem;
}
.mi-ranking .mi-logo-img img {
	width: 60px;
	height: 60px;
	border: 1px solid #eeeeee;
	border-radius: 50px;
}
.mi-ranking .mi-bear-right h2 {
	color: #aab0ed;
	font-weight: normal;
	font-size: 1.5rem;
	text-align: right;
}
.mi-ranking .mi-bear-right p {
	font-style: normal;
	font-size: 0.75rem;
	text-align: right;
	color: #CE96E9;
}
.mi-ranking .mi-bear-right h2 em {
	font-style: normal;
	font-size: 0.8rem;
}
.mi-ranking .mi-bear-right select {
	display: inline-block;
	/*width: 300px;*/
	position: relative;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	color: #555;
	border: 1px solid #aaa;
	text-shadow: none;
	border-radius: 4px;	
	transition: box-shadow 0.25s ease;
	z-index: 2;
	font-size: 0.95rem;
}
.mi-ranking-chart {
	background-color: #fff;
	min-height:320px;
	margin: 10px 0;
}
/*ranking end*/


/*product start*/
.mi-product-list {
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.mi-product-list .time-item span{
	color: #ff6143;
	width:auto;
	margin:0;
	background-color: #fff;
}
.mi-product-list .mi-flex-box p{
	font-size: 0.95rem;
	margin-bottom: 0;
	/*color: #aab0ed;*/
}
.mi-product-list .mi-flex-box h2 {
	font-size: 0.95rem;
	color: #333;
	font-weight: normal;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0.5rem;
}
.mi-product-list .mi-flex-box h3 {
	font-size: 0.95rem;
	color: red;
	font-weight: normal;
}
.mi-product-list .mi-flex-box h3 span{
	color: #fe6604;
}
.mi-product-list .mi-flex-box h4 {
	font-size: 0.9rem;
	color: #999;
	font-weight: normal;
	text-decoration: line-through;
	margin-bottom: 0.4rem;
}
.mi-product-list .mi-flex-clear-pa {
		padding: 1px 1px;
}
.mi-product-list .mi-flex-time-img {
	width: 110px;
	/*height: 110px;*/
	height: auto;
	margin-right: 0.5rem;
}
.mi-product-list .mi-flex-time-img img {
	width: 110px;
	/*height: 110px;*/
	height: auto;
	display: block;
	border: none;
	border-radius:0;
}
.mi-product-list .mi-time-button .btn1 {
	padding: 0.3rem 0.5rem;
	/*background-image: -webkit-gradient(linear,left top,right top,from(#fe6604),to(#ee0c75));
	background-image: -webkit-linear-gradient(left,#fe6604,#ee0c75);
	background-image: -moz-linear-gradient(left,#fe6604,#ee0c75);
	background-image: linear-gradient(to right,#fe6604,#ee0c75);*/
	background-color: #fe6604;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 75px;
	font-size: 0.85rem;
}
.mi-product-list .mi-time-button .btn2 {
	padding: 0.3rem 0.5rem;
	background-color: #d0d0d0;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 75px;
	font-size: 0.85rem;
}
.mi-product-detail {
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.mi-product-head {
	padding: 15px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.mi-product-head h2 {
	color: red;
	font-size: 1.3rem;
}
.mi-product-head h2 span{
	color: #fe6604;
	font-size: 1.1rem;
}
.mi-product-head h3 {
	color: #999;
	font-size: 0.95rem;
	padding: 0 0.4rem;
	line-height: 2.2rem;
	text-decoration: line-through;
}
.mi-product-head em {
	background: #fff0f0;
	color: #ff0000;
	font-size: 0.8rem;
	border-radius: 0.5rem;
	font-style: normal;
	padding: 0 0.6rem;
	height: 1.1rem;
	margin: 0.2rem 0.2rem 0 0;
}
.mi-product-title {
	padding: 0 15px 15px 15px;
}
.mi-product-title h2 {
	color: #333;
	font-size: 1rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mi-product-time {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 15px 15px 0 15px;
	color: #FF5029;
	font-weight: 500;
}
.mi-product-time .mi-fl-time {
	float: left;
    font-size: 0.98rem;
}

.mi-product-time .time-items {
	float: left;
	padding-left: 10px;
    font-size: 0.98rem;
	color: #FF5029;
	font-weight: 500;
}

.mi-product-time .time-items em{
	font-style: normal;
    color: #FF5029;
	font-weight: 500;
}

.mi-product-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 49;
	width: 100%;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transform: translateZ(0);
}
.mi-product-fixed button {
	text-align: center;
	background: -webkit-linear-gradient(left, #fe6604 , #ee0c75);
	background: -o-linear-gradient(right, #fe6604 , #ee0c75);
	background: -moz-linear-gradient(right, #fe6604 , #ee0c75);
	background: linear-gradient(to right, #fe6604 , #ee0c75);
	background-color: #ee0c75;
	box-shadow: 0 5px 9px #fddae1;
	border: 0;
	color: #fff;
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: 0.95rem;
	width: 100%;
}
.mi-product-fixed button:first-child{
	width: 40%;
	background: #d0d0d0;
}
.mi-product-item img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
}
.mi-product-make {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	background: #fe6604;
	color: #fff;
	border-radius: 0 20px 20px 0;
	/*font-size: 12px;*/
	padding: 2px 8px;
}

.mi-sort-tab {
	position: relative;
	height: 2.5rem;
	font-size: 0;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #bfbfbf;
}
.mi-sort-eleven {
	width: 33.3%;
	border-right: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: .875rem;
	text-align: center;
	line-height: 2.5rem;
}
.mi-sort-eleven span {
	display: block;
}
.mi-sort-eleven span a{
	color: #232326;
}
.mi-sort-tab .active span a{
	color: #f15353 !important;
}
.mi-sort-tab .active span i{
	color: #f15353 !important;
}

.mi-searchbox {
	padding: 10px;
	position: relative;
}
.mi-searchbox input[name='search'] {
	border: none;
	width: 100%;
	height: 35px;
	padding-left: 15px;
	font-size: 12px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.mi-searchbox .mi-searchicon {
	position: absolute;
	top: 1px;
	right: 4px;
	border: 0;
	background: none;
	width: 35px;
	height: 35px;
}
.mi-product-list .mi-timer .mi-timer-left {
	float: left;
    font-size: 0.9rem;
    color: #333;
}
.mi-product-list .mi-timer .mi-timer-right {
    margin: 0 auto;
     float: right; 
    overflow: hidden;
}
.mi-product-list .mi-timer .mi-timer-right p{
    color: #aab0ed;
    font-size: 0.9rem;
}
.mi-product-list .mi-timer .mi-timer-clock {
    color: #aab0ed;;
    font-size: 0.95rem;
    line-height: 1.3rem;
}
.mi-product-list .mi-timer .mi-timer-clock span {
    padding: 0;
    margin: 0;
}
.mi-product-list .mi-timer .mi-timer-clock span em {
    font-style: normal;
    font-size: 0.75rem;
}
/*product end*/

/*order start*/
.mi-order-list {
	 background: #fff; 
}
.mi-order-list .tab-nav {
	/* background: #e2e2e2; */
	height: 40px;
	line-height: 40px;
	/* border-radius: 80px; */
	display: block;
	/* margin: 0 auto; */
	position: relative;
	/* width: 185px; */
}

.mi-order-list .tab-nav:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #bbbbbb;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.mi-order-list .tab-nav-item {
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	color: #585858;
	font-size: 0.9rem;
	display: block;
	float: left;
	border-radius: 80px;
	padding: 0 15px;
	width: 25%;
	margin: 0 auto;
}

.mi-order-list .tab-nav-item.tab-active {
	/* background-color: #51bd03; */
}

.mi-order-list .tab-nav-item.tab-active a {
	color: #f21b40;
}

.mi-order-list .tab-nav-item a {
	display: inherit;
	color: inherit;
	font-size: 0.9rem;
	color: #464646;
}

.mi-order-list .tab-panel {
	position: relative;
	overflow: hidden;
}

.mi-order-list .tab-panel .tab-panel-item {
	width: 100%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mi-order-list .tab-nav-item.tab-active:before {
	content: '';
	width: 40%;
	height: 0px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20%;
	z-index: 4;
	background-color: #f23030;
	border-radius: 120px;
	border: 1px solid #f23030;
}

.mi-order-list .tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.mi-order-list .tab-panel .tab-panel-item.tab-active {
	position: relative;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.mi-order-list .mi-well-item-box {
	background-color: #fff;
}
.mi-order-list .mi-well-item {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	/*padding: 10px 20px;*/
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mi-order-list .mi-well-item-hd {
	margin-right: .4em;
	width: 19px;
	height: 19px;
	line-height: 19px;
	text-align: center;
}

.mi-order-list .mi-well-item-hd img {
	width: 100%;
	max-height: 100%;
	vertical-align: top;
	display: block;
	border: none;
	margin-top: 3px;
}

.mi-order-list .mi-well-item-bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}

.mi-order-list .mi-well-item-bd h3 {
	color: #333;
	font-size: 0.9rem;
	position: relative;
	/* padding-left: 20px; */
	font-weight: normal;
	padding-bottom: 0;
	text-align: left;
}

.mi-order-list .mi-well-item-bd .mi-order-lab0,
.mi-order-list .mi-well-item-bd .mi-order-lab1,
.mi-order-list .mi-well-item-bd .mi-order-lab2,
.mi-order-list .mi-well-item-bd .mi-order-lab3,
.mi-order-list .mi-well-item-bd .mi-order-lab5,
.mi-order-list .mi-well-item-bd .mi-order-lab6,
.mi-order-list .mi-well-item-bd .mi-order-lab7,
.mi-order-list .mi-well-item-bd .mi-order-lab8,
.mi-order-list .mi-well-item-bd .mi-order-lab9,
.mi-order-list .mi-well-item-bd .mi-order-lab4 {
    background: #aab0ed;
    color: #fff;
    border-radius: 0 10px 10px 0;
    font-size: 0.85rem;
    line-height: 20px;
    height: 20px;
    width: 50px;
    text-align: center;
}

.mi-order-list .mi-well-item-bd .mi-order-lab1 {
    background: #8968CD;
}

.mi-order-list .mi-well-item-bd .mi-order-lab2 {
    background: #1ac881;
}

.mi-order-list .mi-well-item-bd .mi-order-lab3 {
    background: #DCA777;
}
.mi-order-list .mi-well-item-bd .mi-order-lab4 {
    background: #fe6604;
}

.mi-order-list .mi-mail-product {
	background: #f7f7f7;
	/*padding: 20px;*/
	position: relative;
	overflow: hidden;
}
.mi-order-list .mi-mail-product-item {
	padding: 5px 15px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mi-order-list .mi-mail-product-item-hd {
	margin-right: .8em;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.mi-order-list .mi-mail-product-item-hd img {
	width: 100%;
	max-height: 100%;
	vertical-align: top;
}
.mi-order-list .mi-mail-product-item-bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}
.mi-order-list .mi-mail-product-item-bd p {
	color: #404040;
	font-size: 13px;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.mi-order-list .mi-mail-product-right {
	text-align: right;
	font-size: 0.9rem;
	padding-left: 10px;
}
.mi-order-list .mi-mail-payment {
	padding: 5px 15px;
	position: relative;
	text-align: right;
	font-size: 0.9rem;
	color: #333;
	overflow: hidden;
	display: block;
}
.mi-order-list .mi-mail-payment p em {
	font-style: normal;
}
.mi-order-list .mi-mail-payment p i {
	font-size: 0.9rem;
	font-style: normal;
	color: #f21b40;
}
.mi-order-list .mi-mail-button {
	padding: 10px 15px;
	overflow: hidden;
}
.mi-order-list .mi-mail-button .mi-df-color {
	color: #333;
	border: 1px solid #ddd;
	background: none;
}
.mi-order-list .mi-mail-button a {
	background: none;
	border: 1px solid #f21b40;
	color: #fff;
	font-size: 0.9rem;
	border-radius: 20px;
	display: block;
	padding: 2px 8px;
	display: inline-block;
	float: right;
	margin-left: 4px;
	background: #f21b40;
}

.mi-order-list .mi-mail-button span{
	font-size: 0.9rem;
	color: #999;
}
.mi-order-list .mi-well-item-frs {
	font-size: 0.9rem;
	text-align: right;
	color: #999999;
	padding-right: 0px;
	position: relative;
}
.mi-order-list .mi-items-coll {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    position: relative;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 1px;
}
.mi-order-list .mi-items-coll h3 {
    font-size: 0.9rem;
    font-weight: 400;
    color: #333;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 10px;
}
.mi-order-list .mi-items-coll h3 em {
    font-style: normal;
    float: right;
}
.mi-order-list .mi-items-coll h3 em i{
    font-style: normal;
    font-size: 0.95rem;
    font-weight: 400;
    color: #f21b40;
}
.mi-order-list .mi-mail-button .mi-item-color {
    color: #333;
    border: 1px solid #ddd;
    background: none;
}
.mi-orderitem-box {
	background-color: #fff;
}
.mi-orderitem-box .mi-orderpay{
	color: #ff6143;
}
.mi-orderitem-box .mi-orderitem-img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
.mi-orderitem-box .mi-orderitem-img img {
    width: 70px;
    height: auto;
}
.mi-orderitem-box .mi-ordertel {
    border-left: 2px solid #aab0ed;
    padding-left: 20px;
}
.mi-orderitem-box .mi-ordertel a{
    color:  #aab0ed;
    font-size: 0.95rem;
}
.mi-orderitem-box .mi-order-place {
    color: #aab0ed;
}
.mi-orderitem-box .mi-order-placeadd {
    color: #999;
    font-size: 0.75rem;
    margin-bottom: 0;
}
.mi-orderitem-box .mi-order-tuan-status {
    color: #FF5029;
    font-size: 0.9rem;
    float: right;
}
/*order end*/


/*coupon start*/

.mi-coupon {
	overflow: hidden;
	position: relative;
	padding: 10px 5px 0;
}
.mi-coupon-item {
	width: 48%;
	float: left;
	padding: 10px;
	margin: 0 1% 2% 1%;
	background: #fff;
	border-radius: 5px;
}
.mi-coupon-img{
	height: auto;
	width: 100%;
	overflow: hidden;
	background-image: -webkit-gradient(linear,left top,bottom top,from(#FF2100),to(#f76d55));
	background-image: -webkit-linear-gradient(left,#FF2100,#f76d55);
	background-image: -moz-linear-gradient(left,#FF2100,#f76d55);
	background-image: linear-gradient(to bottom,#FF2100,#f76d55);
	background-color: #f76d55;
	text-align:center;
	color:#fff;
	padding:1rem 0;
	border-radius:5px;
	margin-bottom:10px;
}

.mi-coupon-img h2{
	font-size:1.5rem;
	margin-bottom:0.5rem;
}


.mi-coupon-img h2 em{
	font-style:normal;
	font-weight:normal;
	font-size:0.8rem;
}
.mi-coupon-img h3{
	font-size:0.7rem;
	font-weight:normal;
	border-bottom:1px dashed #ffffff;
	width:100px;
	padding-bottom:0.3rem;
	margin:0 auto;
}


.mi-coupon-img h4{
	font-size:0.95rem;
	font-weight:normal;
	margin-top:0.5rem;
}
.mi-coupon-title{
	padding-top: 10px;
	border-top:1px dashed #e1e0e0;
}

.mi-coupon-title h3{
	font-size:0.9rem;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	word-wrap: break-word;
	word-break: break-all;
	color:#505050;
	/*margin-top:1rem;*/
	text-align:center;
	margin-bottom:0.5rem;
}

.mi-coupon-title h3 em{
	color:#fb8a78;
	font-style:normal;
}

.mi-coupon-title button{
	border-radius:20px;
	background:#ff9180;
	color:#fff;
	font-size:0.9rem;
	border:none;
	padding:0.2rem 1.4rem;
	margin:0 auto;
	display:block;
}

.mi-coupon-list{

	position: relative;
	overflow: hidden;
}
.mi-coupon-list .aui-flex {
	background: #fff;
	height: 90px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
}
.mi-coupon-list .mi-opt-item {
	width: 33%;
}
.mi-coupon-list .aui-flex-title {
	overflow: hidden;
    background-image: -webkit-gradient(linear,left top,bottom top,from(#FF2100),to(#f76d55));
    background-image: -webkit-linear-gradient(left,#FF2100,#f76d55);
    background-image: -moz-linear-gradient(left,#FF2100,#f76d55);
    background-image: linear-gradient(to bottom,#FF2100,#f76d55);
    background-color: #f76d55;
	color: #fff;
	height: 90px;
	padding: 0 12px;
	margin-right: 15px;
	text-align: center;
}
.mi-coupon-list .aui-flex-title h2{
	font-weight:normal;
	font-size:30px;
	padding-top:10px;
}

.mi-coupon-list .aui-flex-title h2 em{
	font-size:18px;
	font-style:normal;
}

.mi-coupon-list .aui-flex-title  p{
	font-size:13px;
}

.mi-coupon-list .aui-flex-box h2{
	font-size:16px;
	padding-bottom:5px;
	position:relative;
}

.mi-coupon-list .aui-flex-box span{
	display:inline-block;
	font-size:12px;
	color:#f56b53;
	border:1px solid #f56b53;
	padding:0 2px;
}

.mi-coupon-list .aui-flex-box p{
	padding-top:5px;
	color:#999;
	font-size:13px;
}

.mi-coupon-list .aui-flex-button button{
	border:1px solid #f56b53;
	color:#f56b53;
	background:none;
	font-size:14px;
	border-radius:20px;
	padding:2px 10px;
}
/*coupon end*/

.mi-preview-txt{
	padding: 10px;
    text-align: center;
    /*border: 1px solid #D66E22;*/
    background-color: #D66E22;
    color: #ffffff;
    font-size: 12px;
}

/*tuan css start*/
.mi-tuans h5{
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 0.85rem;
}
.mi-tuans .mi-tuan-price .mi-tuan-yen{
	float: right;
	font-size: 1rem;
	font-weight: 500;
}
.mi-tuans .mi-flex-time-img{
	margin-right: 10px;
    width: 100px;
    /*height: 100px;*/
}
.mi-tuans .mi-flex-time-img img{
    width: 100px;
    /*height: 100px;*/
}
.mi-tuans .mi-tuan-big{
	font-size: 0.98rem;
}
.mi-tuans .mi-tuan-sm{
	font-size: 0.92rem;
}
.mi-tuan-price {
    width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}
.mi-tuan-price .mi-tuan-bg{
	background: #ff6143;
    color: #fff;
    border-radius: 5px;
    padding: 3px 6px;
}
.mi-tuan-price .mi-tuan-yen{
    color: red;
    margin-left: 10px;
}
.mi-step-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mi-step-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.mi-step-item>em {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #ccc;
}

.mi-step-theme1 .mi-step-item>em {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    text-align: center;
    line-height: 20px;
    z-index: 1002;
    font-size: 12px;
}

.mi-step-theme1 .mi-step-item-current:before, .mi-step-theme1 .mi-step-item-current>em {
    background-color: #ff1e64;
}

.mi-step-theme1 .mi-step-item>em>i {
    color: #fff;
    font-style: normal;
}

.mi-step-theme1 .mi-step-item-current>em.mi-step-checkmark:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 10px;
}

.mi-step-item-bottom, .mi-step-item-top {
    position: absolute;
    left: 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0 4px;
}

.mi-step-item-bottom p {
    color: #9c9c9c;
    font-size: 12px;
}

.mi-step-item-current .mi-step-item-bottom p {
    color: #ff6143;
    /*color: #ff2367;*/
    font-size: 12px;
}

.mi-step-theme1 .mi-step-item-top {
    bottom: 18px;
}

.mi-step-item-top-text>span {
    color: #989898;
}

.mi-step-item-bottom, .mi-step-item-top {
    position: absolute;
    left: 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0 4px;
}

.mi-step-theme1 .mi-step-item-bottom {
    top: 18px;
}

.mi-step-item-bottom {
    color: #333;
}

.mi-step-theme1 .mi-step-item-current .mi-step-item-bottom {
    color: currentColor;
}

.mi-step-theme1 .mi-step-item:not(:first-child):before {
    width: 84%;
    left: -41%;
}

.mi-step-theme1 .mi-step-item-current:before, .mi-step-theme1 .mi-step-item-current>em {
    background-color: #e24a4a;
}

.mi-step-theme1 {
    padding-top: 15px;
    height: 125px;
}

.mi-step-item:not(:first-child):before {
    content: "";
    height: 8px;
    position: absolute;
    top: -4px;
    background-color: #e0e0e0;
}

.mi-step-theme1 .mi-step-item-current:before, .mi-step-theme1 .mi-step-item-current>em {
    /*background-image: -webkit-gradient(linear,left top,right top,from(#ff6143),to(#ff1767));
    background-image: -webkit-linear-gradient(left,#ff6143,#ff1767);
    background-image: -moz-linear-gradient(left,#ff6143,#ff1767);
    background-image: linear-gradient(to right,#ff6143,#ff1767);*/
    background-color: #ff6143;
}

.mi-step-theme1 p {
    color: #a5a5a5;
    text-align: center;
}
.mi-step-theme1 .p2 {
    padding-bottom: 20px;
    color: #aab0ed;
    font-size: 0.95rem;
    text-align: left;
    padding-left: 15px;
}


.mi-friend-coll-head {
    padding: 15px 15px 0 15px;
}

.mi-friend-coll-head h2 {
    font-weight: normal;
    font-size: 0.95rem;
    color: #aab0ed;
}

.mi-friend-img {
    width: 40px;
    height: 40px;
    margin-right: 0.8rem;
    border-radius: 100%;
}

.mi-friend-img img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    border: none;
}

.mi-friend-differ {
    padding-right: 0.5rem;
}

.mi-friend-differ h4 {
    font-size: 0.9rem;
    color: #666;
    font-weight: normal;
}

.mi-friend-differ h4 em {
    font-weight: bold;
    color: #FF5029;
}

.mi-friend-differ em {
    font-style: normal;
}

.mi-friend-differ h5 {
    font-size: 0.75rem;
    color: #666;
    font-weight: normal;
}

.mi-friend-button button {
    /*background-image: -webkit-gradient(linear,left top,right top,from(#ff6143),to(#ff1767));
    background-image: -webkit-linear-gradient(left,#ff6143,#ff1767);
    background-image: -moz-linear-gradient(left,#ff6143,#ff1767);
    background-image: linear-gradient(to right,#ff6143,#ff1767);*/
    background-color: #ff6143;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 20px;
    display: block;
    border: none;
    padding: 0.3rem 1rem;
}
.mi-friend-coll .mi-flex-box h4 {
    font-weight: normal;
    font-size: 0.9rem;
    color: #333;
}
.mi-friend-coll .mi-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.mi-tuan-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translateZ(0);
}
.mi-tuan-fixed button {
    text-align: center;
    background-color: #ADB0EC;
    border: 0;
    color: #fff;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 0.8rem;
    width: 100%;
}
.mi-tuan-fixed button:nth-child(2) {
    background: #fffeee;
    color: #ff6143;
}
.mi-tuan-fixed button:nth-child(3) {
    background: #FF5029;
}
.mi-tuan-fixed button:nth-child(4) {
    background: #ff6143;
}
.mi-tuan-fixed button:nth-child(5) {
    background: #FF8266;
}
.mi-tuan-fixed button h3, .mi-tuan-fixed button h4 {
	font-size: 0.85srem;
	font-weight: 300;
    line-height: 20px;
}
.mi-tuan-fixed button h3 {
	font-size: 0.95rem;
}
.mi-tuan-fixed button h4 {
}
.mi-place-logo img {
	width: 50px;
	border-radius: 50px;
}
.mi-place-info {
	font-size: 0.98rem;
	margin-left: 15px;
}
.mi-place-tel {
	text-align: right;
    position: relative;
    font-size: 0.9rem;
}
.mi-place-tel a{
    color: #ADB0EC;
}
.mi-join-coll-head {
    padding: 0px 15px 15px 15px;
    text-align: center;
}
.mi-join-coll-time {
    padding: 15px 15px 10px 15px;
    text-align: center;
}
.mi-join-coll-head h2{
    font-weight: normal;
    font-size: 0.95rem;
    color: #666;
}
.mi-join-coll-time h2{
    font-weight: normal;
    font-size: 0.95rem;
    color: #666;
}
.mi-join-coll-head h2 b{
    font-size: 0.99rem;
    color: #ff6143;
}
.mi-join-coll .mi-peoples{
    width: 100%;
}
.mi-join-coll .mi-peoples li{
    position: relative;
    width: 33.3%;
    text-align: center;
    margin-bottom: 5px;
    float: left;
}
.mi-join-coll .mi-peoples li img{
    border-radius: 50px;
    width: 50px;
}
.mi-join-coll .mi-peoples li span{
    position: absolute;
    top: -10px;
    right: -10px;
    background: #aab0ed;
    color: #fff;
    padding: 1px 2px;
    border-radius: 3px;
    font-size: 0.9rem;
}

.mi-join-coll-time .time-lab p{
    font-size: 0.99rem;
    margin: 5px;
}

.mi-join-coll-time .time-items span{
    font-size: 1rem;
    color: #ff6143;
    margin-right: 5p/*x;
    padding-left: 5px;*/
}

.mi-join-coll-time .time-items em{
    font-size: 0.8rem;
    font-style: normal;
    color: #ff6143;
}

.mi-join-coll .mi-join-share {
	text-align: center;
	padding-top: 0px;
	padding-left : 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	width: 100%;
	display: block;
}
.mi-join-coll .mi-join-share button {
    padding: 0.35rem 0.5rem;
    background-color: #aab0ed;
    color: #fff;
    border-radius: 3px;
    border: none;
    width: 50%;
    font-size: 0.9rem;
}
.mi-join-coll .mi-join-share button i{
	font-size: 0.75rem;
}
.mi-card-coll {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    position: relative;
    padding: 15px;
}

.mi-card-coll h2, .mi-card-coll h3 {
	font-size: 0.95rem;
    font-weight: 400;
    color: #333;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding-bottom: 10px;
}

.mi-card-coll h2 {
	padding-bottom: 10px;
    color: #aab0ed;
    font-size: 0.95rem;
    text-align: left;
}

.mi-card-coll h3 em {
    font-style: normal;
    float: right;
}

.mi-card-coll .mi-course li {
    padding: 10px 0;
}

.mi-card-coll .mi-course .mi-course-place {
    text-align: left;
}
.mi-card-coll .mi-course .mi-course-place small{
    font-size: 0.75rem;
    color: #ccc;
    margin-left: 10px;
    float: right;
}
/*tuan css end*/

/* cashier start*/
.mi-cashier {
    width: 100%;
    height: auto;
    /* padding: 1rem 0; */
    /* border-radius: 10px; */
    margin: 0 auto;
    /* margin: -10px 0 auto; */
    background: #fff;
    position: relative;
    z-index: 1;
}

.mi-cashier .mi-txt {
    text-align: right;
    color: #333;
    /* padding-right: 20px; */
    position: relative;
    font-size: 0.9rem;
    width: 60%;
}

.mi-cashier .mi-red {
    color: #f95f52;
}

.mi-cashier .mi-cashier-group {
    width: 70px;
    height: 70px;
    margin-right: 15px;
}

.mi-cashier .mi-cashier-group img {
    width: 100%;
    display: block;
    border: none;
}

.mi-cashier .mi-flex-box h3
{
    color: #333;
    font-size: 0.8rem;
    margin-bottom:0;
    font-weight: normal;
}

.mi-cashier-pays {
    background-color: #fff;
}
.mi-cashier-pays img{
    width: 20px;
}
.mi-cashier-pays input[type="radio"]{
    display:none;
}
.mi-cashier-pays input[type="radio"] + span{
    border:1px solid #CCCCCC;border-radius:20px;width:20px; height:20px; float:right;
}
.mi-cashier-pays input[type="radio"]:checked + span{
    border:1px solid #66c068;
    border-radius:20px;
    background:url(../images/checkbox-on.png) no-repeat;
    background-size: 19px 19px;
}
.mi-cashier-pays .mi-txts {
    text-align: right;
    width: 50%;
}
/* cashier end*/

/* bargain start*/
.mi-bargain-tools {
	background: #fffeee;
    color: #ff6143;
}
.mi-bargain-tools .mi-bargain-price {
	font-size: 0.98rem;
    color: #ff6143;
}
.mi-bargain-tools .mi-bargain-btn1 {
	padding: 0.4rem 0.6rem;
    background-image: -webkit-gradient(linear,left top,right top,from(#fe6604),to(#ee0c75));
    background-image: -webkit-linear-gradient(left,#fe6604,#ee0c75);
    background-image: -moz-linear-gradient(left,#fe6604,#ee0c75);
    background-image: linear-gradient(to right,#fe6604,#ee0c75);
    background-color: #ee0c75;
    color: #fff;
    border-radius: 3px;
    border: none;
    width: 75px;
    font-size: 0.85rem;
}

/* bargain end*/

/*star start*/
.b_sun1, .b_sun2, .b_sun3, .b_sun4, .b_sun5, .b_sun6, .b_sun7, .b_sun8, .b_sun9, .b_sun10, .b_sun11, .b_sun_half1, .b_sun_half2, .b_sun_half3, .b_sun_half4, .b_sun_half5, .s_sun1, .s_sun2, .s_sun3, .s_sun4, .s_sun5, .s_sun6, .s_sun7, .s_sun8, .s_sun9, .s_sun10, .s_sun11, .s_sun_half1, .s_sun_half2, .s_sun_half3, .s_sun_half4, .s_sun_half5, .b_star1, .b_star2, .b_star3, .b_star4, .b_star5, .b_star6, .b_star7, .b_star8, .b_star9, .b_star10, .b_star11, .b_star_half1, .b_star_half2, .b_star_half3, .b_star_half4, .b_star_half5, .s_star1, .s_star2, .s_star3, .s_star4, .s_star5, .s_star6{background:url(../images/sun_star.gif) no-repeat scroll 347px 300px transparent;}

.b_sun{float:left;width:172px;height:32px;}
.b_sun1, .b_sun2, .b_sun3, .b_sun4, .b_sun5, .b_sun6, .b_sun7, .b_sun8, .b_sun9, .b_sun10, .b_sun11{width:172px;height:32px;position:relative;display:block;}
.b_sun1{background-position:0 0;}
.b_sun2{background-position:-35px 0;}
.b_sun3{background-position:-35px 0;}
.b_sun4{background-position:-70px 0;}
.b_sun5{background-position:-70px 0;}
.b_sun6{background-position:-105px 0;}
.b_sun7{background-position:-105px 0;}
.b_sun8{background-position:-140px 0;}
.b_sun9{background-position:-140px 0;}
.b_sun10{background-position:-175px 0;}
.b_sun11{background-position:-175px 0;}
.b_sun_half1, .b_sun_half2, .b_sun_half3, .b_sun_half4, .b_sun_half5{width:32px;height:32px;background-position:0 -37px;position:absolute;top:1px;}
.b_sun_half1{right:0;}
.b_sun_half2{right:35px;}
.b_sun_half3{right:70px;}
.b_sun_half4{right:105px;}
.b_sun_half5{right:140px;}

.s_sun{float:left;width:124px;height:24px;}
.s_sun1, .s_sun2, .s_sun3, .s_sun4, .s_sun5, .s_sun6, .s_sun7, .s_sun8, .s_sun9, .s_sun10, .s_sun11{width:124px;height:24px;position:relative;display:block;}
.s_sun1{background-position:0 -88px;}
.s_sun2{background-position:-25px -88px;}
.s_sun3{background-position:-25px -88px;}
.s_sun4{background-position:-50px -88px;}
.s_sun5{background-position:-50px -88px;}
.s_sun6{background-position:-75px -88px;}
.s_sun7{background-position:-75px -88px;}
.s_sun8{background-position:-100px -88px;}
.s_sun9{background-position:-100px -88px;}
.s_sun10{background-position:-125px -88px;}
.s_sun11{background-position:-125px -88px;}
.s_sun_half1, .s_sun_half2, .s_sun_half3, .s_sun_half4, .s_sun_half5{width:24px;height:24px;background-position:0 -115px;position:absolute;top:0;}
.s_sun_half1{right:0;}
.s_sun_half2{right:25px;}
.s_sun_half3{right:50px;}
.s_sun_half4{right:75px;}
.s_sun_half5{right:100px;}

.b_star{float:left;width:154px;height:27px;}
.b_star1, .b_star2, .b_star3, .b_star4, .b_star5, .b_star6, .b_star7, .b_star8, .b_star9, .b_star10, .b_star11{width:159px;height:27px;position:relative;display:block;}
.b_star1{background-position:5px -156px;}
.b_star2{background-position:-27px -156px;}
.b_star3{background-position:-27px -156px;}
.b_star4{background-position:-59px -156px;}
.b_star5{background-position:-59px -156px;}
.b_star6{background-position:-91px -156px;}
.b_star7{background-position:-91px -156px;}
.b_star8{background-position:-123px -156px;}
.b_star9{background-position:-123px -156px;}
.b_star10{background-position:-155px -156px;}
.b_star11{background-position:-155px -156px;}
.b_star_half1, .b_star_half2, .b_star_half3, .b_star_half4, .b_star_half5{width:26px;height:24px;background-position:0 -187px;position:absolute;top:3px;}
.b_star_half1{right:0;}
.b_star_half2{right:32px;}
.b_star_half3{right:64px;}
.b_star_half4{right:96px;}
.b_star_half5{right:128px;}

.s_star{float:left;width:99px;height:18px;}
.s_star1, .s_star2, .s_star3, .s_star4, .s_star5, .s_star6{width:99px;height:18px;display:block;}
.s_star1{background-position:3px -227px;}
.s_star2{background-position:-17px -227px;}
.s_star3{background-position:-37px -227px;}
.s_star4{background-position:-57px -227px;}
.s_star5{background-position:-77px -227px;}
.s_star6{background-position:-97px -227px;}

/*Method 2(Recommend)*/
.b_sun_1, .b_s1, .b_s2, .b_s3, .b_s4, .b_s5, .b_s6, .b_s7, .b_s8, .b_s9, .b_s10, .b_s11, .s_sun_1, .s_s1, .s_s2, .s_s3, .s_s4, .s_s5, .s_s6, .s_s7, .s_s8, .s_s9, .s_s10, .b_star_1, .b_d1, .b_d2, .b_d3, .b_d4, .b_d5, .b_d6, .b_d7, .b_d8, .b_d9, .b_d10, .s_star_1, .s_d1, .s_d2, .s_d3, .s_d4, .s_d5, .s_d6, .s_d7, .s_d8, .s_d9, .s_d10, .sa_star_1, .sa_d1, .sa_d2, .sa_d3, .sa_d4, .sa_d5, .sa_d6, .sa_d7, .sa_d8, .sa_d9, .sa_d10{background:url(../images/sun_star.gif) no-repeat scroll 347px 300px transparent;}

.b_sun_1{background-position:-175px 0;width:172px;height:35px;display:block;}
.b_s1, .b_s2, .b_s3, .b_s4, .b_s5, .b_s6, .b_s7, .b_s8, .b_s9, .b_s10{background-position:0 0;height:35px;display:block;} 
.b_s1{width:16px;}/*0.5*/
.b_s2{width:32px;}/*1*/
.b_s3{width:51px;}/*1.5*/
.b_s4{width:67px;}/*2*/
.b_s5{width:87px;}/*2.5*/
.b_s6{width:103px;}/*3*/
.b_s7{width:122px;}/*3.5*/
.b_s8{width:138px;}/*4*/
.b_s9{width:155px;}/*4.5*/
.b_s10{width:171px;}/*5*/

.s_sun_1{background-position:-125px -88px;width:124px;height:28px;display:block;}
.s_s1, .s_s2, .s_s3, .s_s4, .s_s5, .s_s6, .s_s7, .s_s8, .s_s9, .s_s10{background-position:0 -88px;height:28px;display:block;} 
.s_s1{width:12px;}/*0.5*/
.s_s2{width:24px;}/*1*/
.s_s3{width:37px;}/*1.5*/
.s_s4{width:49px;}/*2*/
.s_s5{width:62px;}/*2.5*/
.s_s6{width:74px;}/*3*/
.s_s7{width:87px;}/*3.5*/
.s_s8{width:99px;}/*4*/
.s_s9{width:112px;}/*4.5*/
.s_s10{width:124px;}/*5*/

.b_star_1{background-position:-160px -159px;width:154px;height:28px;display:block;}
.b_d1, .b_d2, .b_d3, .b_d4, .b_d5, .b_d6, .b_d7, .b_d8, .b_d9, .b_d10{background-position:0 -159px;height:28px;display:block;} 
.b_d1{width:13px;}/*0.5*/
.b_d2{width:26px;}/*1*/
.b_d3{width:45px;}/*1.5*/
.b_d4{width:58px;}/*2*/
.b_d5{width:77px;}/*2.5*/
.b_d6{width:90px;}/*3*/
.b_d7{width:109px;}/*3.5*/
.b_d8{width:122px;}/*4*/
.b_d9{width:141px;}/*4.5*/
.b_d10{width:154px;}/*5*/

.s_star_1{background-position:-100px -231px;width:96px;height:20px;display:block;}
.s_d1, .s_d2, .s_d3, .s_d4, .s_d5, .s_d6, .s_d7, .s_d8, .s_d9, .s_d10{background-position:0 -231px;height:20px;display:block;} 
.s_d1{width:8px;}/*0.5*/
.s_d2{width:16px;}/*1*/
.s_d3{width:28px;}/*1.5*/
.s_d4{width:36px;}/*2*/
.s_d5{width:48px;}/*2.5*/
.s_d6{width:56px;}/*3*/
.s_d7{width:68px;}/*3.5*/
.s_d8{width:76px;}/*4*/
.s_d9{width:88px;}/*4.5*/
.s_d10{width:94px;}/*5*/

.sa_star_1{background-position:-65px -265px;width:64px;height:15px;display:block;}
.sa_d1, .sa_d2, .sa_d3, .sa_d4, .sa_d5, .sa_d6, .sa_d7, .sa_d8, .sa_d9, .sa_d10{background-position:0 -265px;height:15px;display:block;} 

.sa_d05{width:6px;}/*0.5*/
.sa_d1{width:12px;}/*1*/
.sa_d15{width:19px;}/*1.5*/
.sa_d2{width:25px;}/*2*/
.sa_d25{width:32px;}/*2.5*/
.sa_d3{width:38px;}/*3*/
.sa_d35{width:45px;}/*3.5*/
.sa_d4{width:51px;}/*4*/
.sa_d45{width:58px;}/*4.5*/
.sa_d5{width:64px;}/*5*/
/*star end*/


.mi-share-cover{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 18888;
    background-color: #000;
    opacity: 0.8;
}

.mi-share-cover .guide{position:absolute;right:5px;top:5px;}

.mi-share-cover .guide img{width:260px;}




/*bus start*/
.bus-layer {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	z-index: 1110001;
}
.bus-layer-box {
	position: fixed;
	top: 30%;
	width: 100%;
	background-size: 100% auto;
	/* padding-bottom: .5rem; */
}
.bus-layer-success {
	position: relative;
	width: 80%;
	background: #fff;
	border-radius: .15rem;
	left: 10%;
	border-radius: 10px;
}
.bus-layer-close {
	position: absolute;
	cursor: pointer;
	font-size: 1rem;
	top: 5px;
	right: 5px;
	color: #aab0ed;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	font-weight: bold;
}
.bus-layer-success-con {
	text-align: center;
	align-items: center;
	width: 70%;
	margin: 0 auto;
	padding: 1rem 0;
	/*padding-top: 2.5rem;
	padding-bottom: 10px;*/
	font-size: 1rem;
	color: #333;
	line-height: 1.5rem;
}
.bus-layer-success-con img {
	margin-left: 35%;
	width: 30%;
	display: block;
	vertical-align: middle;
	padding-bottom: 1rem;
}
.bus-layer-success-btns {
    width: 100%;
    text-align: center;
	display: block;
	padding: 10px 0;
}
.bus-layer-success-btns button {
	background: #aab0ed;
	color: #fff;
	padding: 8px 6px;
	border-radius: 3px;
	font-size: 0.9rem;
	min-width: 40%;
	border: 0;
}
/*bus end*/

/*ucard start*/
.ucard-layer {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	z-index: 989;
}
.ucard-layer-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.ucard-layer-success {
	position: relative;
	background: #fff;
	width: 100% - 10px;
	padding: 15px;
	/*min-height: 320px;*/
}
.ucard-layer-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.ucard-layer-title-text {
	font-weight: bold;
	font-size: 0.98rem;
	color: #333;
}
.ucard-layer-title-close {
	border-radius: 100%;
	background: #aab0ed;
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 20px;
	text-align: center;
}
.ucard-layer-list {
	max-height: 250px;
	min-height: 50px;
	overflow-y: scroll;
}
.ucard-layer-tag {
	padding-top: 10px;
	font-size: 0.9rem;
	color: #959595;
}
.ucard-layer-list-empty {
	/*padding-top: 10px;*/
	text-align: center;
	font-size: 0.9rem;
	color: #959595;
}
.ucard-layer-list-empty-img {
	width: 30%;
}
.ucard-layer-list-item {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.92rem;
  color: #333;
}
.ucard-layer-list-item-name {
	flex: 1;
	padding: 0 5px;
}
.ucard-layer-list-item-img {
	width: 25px;
	height: 25px;
}
.ucard-layer-list-item-price {
	/*color: #FF5029;
	font-weight: bold;*/
}
/*ucard end*/

.mi-report-bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: #000;
    opacity: 0.8;
}
.mi-report-tp{
    position: fixed;
    left: 50%;
    top: 20%;
    z-index: 899;
    width: 250px;
    margin-left: -125px;
    text-align: center;
}

.mi-award-coll {
	margin-top: 10px;
	padding: 0 15px 15px;
	background-color: #fff;
}
.mi-award-coll .mi-award-tlt {
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
}
.mi-award-item {
	/*background-image: linear-gradient(to right, #FBEFD3, #F4E4A9);*/
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding: 10px;*/
}
.mi-award-item+.mi-award-item {
	margin-top: 10px
}
.mi-award-item-img {
  width: 45px;
  margin-right: 10px;
}
.mi-award-item-flex {
  flex: 1;
}
.mi-award-item-tlt {
  font-size: 14px;
  display: block;
  color: #333;
}
.mi-award-item-val {
  font-size: 14px;
  color: #E3C189; /* #E85354 #542B17 */
}
.mi-award-item-a {
	color: #aab0ed;
	font-size: 12px;
	border: 1px solid #aab0ed;
	border-radius: 15px;
	padding: 3px 12px;
}

.mi-reviews{
	font-size: 14px;
}
.mi-reviews-item{
	padding: 2px 0;
	display: flex;
}
.mi-reviews-content{
	flex:1;
}

.mi-drift-bottle {
    position: fixed;
    right: 1%;
    bottom: 11%;
    z-index: 999;
}

.mi-drift-bottle img {
	width: 20vw;
	vertical-align: middle;
}