@charset "UTF-8";

/* layout > 整体布局
--------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}
html, body {
	min-height: 100%;
}
body {
	font-size: 0.875rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.5;
	position: relative;
	overflow-x: hidden;
	background-color: #ededed;
	color: #392E2E;
}
a:link {
	text-decoration: none;
}
a:active, a:focus {
	background: none!important;
}
ul, ul li {
	list-style: none;
}
.hide {
	display: none;
}
.mui-content {
	background: none;
}
.mui-backdrop {
	background-color: rgba(0, 0, 0, .5);
}
.container-fluid {
	width: 100%;
	padding: 15px;
}
.mui-popover {
	position: fixed;
}
.mui-popover .mui-popover-arrow:after {
	width: 0px;
}
.zoom-control {
	display: none !important;
}
.mui-table-view .mui-media-object {
    max-width: inherit;
}

/* mui-text > 文字颜色
--------------------------------------------------------------------*/

.mui-text-gray {
	color: #999 !important;
}
.mui-text-black {
	color: #392E2E !important;
}
.mui-text-red {
	color: #AB101E !important;
}
.mui-text-green {
	color: #22A868 !important;
}
.mui-text-orange {
	color: #E38F41 !important;
}
.mui-text-blue {
	color: #007aff !important;
}

/* loading > loading
--------------------------------------------------------------------*/

#loadingBox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
}
.loading {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 200px auto 0;
}
.loading .double-bounce1, .loading .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}
.loading .double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.mui-btn:disabled {
	background: #F3DADC;
	border-color: #F3DADC;
}
@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}
@keyframes bounce {
	0%, 100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

/* mui-input-row > mui表单输入
--------------------------------------------------------------------*/

.mui-input-group:before, .mui-input-group:after, .mui-input-group .mui-input-row:after {
	background: none;
	height: 0;
}
.mui-input-row label, .mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
	float: none;
}
.mui-input-group .mui-input-row {
	height: auto;
	margin-bottom: 1.5rem;
}
.mui-input-row label {
	padding: 0;
	display: block;
	width: 100%;
	color: #857C7C;
}
.mui-input-row label i {
	font-size: 1.3rem;
}
.mui-input-row label ~ input {
	padding: 0;
	display: block;
	width: 100%;
	font-size: 0.875rem;
	height: 2rem;
	line-height: 2rem;
	border-bottom: 1px #EDEAEA solid;
	margin-top: 5px;
}
.mui-input-row label ~ input:focus, .mui-input-row label ~ input:focus::-webkit-input-placeholder {
	border-bottom-color: #392E2E;
	color: #392E2E;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #D0CDCD;
}
.mui-input-row .mui-input-clear ~ .mui-icon-clear {
	top: 1.5rem;
	text-align: right;
}
.mui-icon-clear:before, .mui-icon-close-filled:before {
	content: '\e460';
}
.mui-input-row .vCode {
	position: absolute;
	bottom: 0.5rem;
	right: 0;
	font-size: 0.75rem;
	padding: 0.2rem 0;
	width: 4rem;
	text-align: center;
	border: 1px #857C7C solid;
	border-radius: 3px;
	display: block;
}
.mui-input-row .vCode.disabled {
	color: #ADA7A7;
	border-color: #ADA7A7;
	background-color: #F5F4F4;
}
.form_button {
	margin-top: 6rem;
}
.form_button a, .form_button button {
	width: 100%;
	font-size: 1rem;
	display: inline-block;
	padding: 10px 12px;
	border-radius: 50px;
}
.mui-input-row .mui-input-select {
	background: url(../images/icon_vector.png) no-repeat right center;
}

/* mui-table-view > mui列表
--------------------------------------------------------------------*/

.mui-table-view {
	border-radius: 0.5rem;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 10px;
}
.mui-table-view:last-child {
	margin-bottom: 0;
}
.mui-table-view h4 {
	font-size: 1rem;
}
.mui-table-view:after {
	background: none;
}
.mui-table-view .mui-table-view-cell {
	padding: 7px 0 5px;
}
.mui-table-view .mui-table-view-cell:after {
	background: #eee;
	left: 0;
}
.mui-navigate-right:after, .mui-push-right:after {
	right: 0px;
}
.mui-table-view-cell > a:not(.mui-btn) {
	margin: 0;
}
.mui-table-view .mui-table-view-cell .mui-navigate-right i {
	font-size: 1.3rem;
	color: #007aff;
	margin-right: 1rem;
	float: left;
}
.mui-table-view .mui-table-view-cell .mui-navigate-right.mui-active, .mui-table-view .mui-table-view-cell a.mui-active, .mui-table-view .mui-table-view-cell.mui-active {
	background: none;
}
.mui-table-view > h4 {
	font-size: 1rem;
}
.mui-table-view-cell.mui-collapse.mui-active {
	margin-top: 0;
}

/* undefind > 未开放
--------------------------------------------------------------------*/

.undefind {
	text-align: center;
	padding-top: 8rem;
}
.undefind img {
	width: 15.1875rem;
}
.undefind h5 {
	font-size: 1rem;
	color: #392E2E;
	margin: 1rem 0 0.5rem;
}
.undefind p {
	font-size: 0.75rem;
	color: #857C7C;
}

/* line > 分隔线
--------------------------------------------------------------------*/

.line_y {
	height: 2rem;
	display: block;
	width: 0.125rem;
	background: #D0CDCD;
	border: none;
}
.line_x {
	background: #EDEAEA;
	height: 1px;
	border: none;
	display: block;
	margin: 0 auto;
}

.con-box.con-box-blue{padding: 30px 10px;background-image: linear-gradient(#0290fe, #67beff); min-height: 100vh;}

.con-box-center{position: relative;padding:0px 15px; border-radius: 10px; background: #fff; overflow: hidden;border-top: 2px dashed #e8e8e8;}
.con-box-center:first-child{border:none;}
.con-box-center .con-box-center-desc{padding-top:25px; text-align: center;}
.con-box-center .con-box-center-desc .con-box-center-desc1{font-size: 20px;font-weight: 600;}
.con-box-center .con-box-center-desc .con-box-center-desc2{font-size: 14px;color:#666;padding-top:5px;}

.con-box-center .con-box-center-angle {position: absolute;top: 0;right: 0;}
.con-box-center .con-box-center-angle .con-box-center-angle-effect{border-width: 0 75px 50px 0;border-style: solid;border-color: #fff #fff #f0f0f0 #f0f0f0;background: #f0f0f0;display: block;width: 0;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);border-bottom-left-radius: 10px;}
.con-box-center .con-box-center-angle .con-box-center-angle-qrcode{position: absolute;width: 75px;height: 50px}
.con-box-center .con-box-center-angle img{width: 100%;height: 100%;}

.con-box-center-steps{padding-top:30px !important; display: none;}
.con-box-center-steps-desc{font-size:14px;padding-bottom: 5px;}

.con-box-center-form{padding:10px 0 40px;}
.con-box-center-form .con-box-center-form-amount{height:50px;line-height: 50px;border-radius: 8px;font-size: 21px;text-align:center; margin-top:20px;}
.con-box-center-form .con-box-center-form-amount span{color: #ff8844; font-weight:bold;}
.con-box-center-form .con-box-center-form-input{height:50px;line-height: 50px;border-radius: 8px;border:1px solid #e8e8e8;font-size: 21px;text-align:center; margin-top:20px;}
.con-box-center-form .con-box-center-form-input input{height:50px;line-height: 50px;background-color: #f0f0f0; text-align: center; vertical-align: top;}
.con-box-center-form .con-box-center-form-placeholder{font-size:17px;}
.con-box-center-form .con-box-center-form-button-group{padding-top:20px; display:flex;}
.con-box-center-form .con-box-center-form-button{flex:1;border:1px solid #ff8844;background:#ff8844;height:45px;line-height: 45px;color:#fff;border-radius: 8px;font-size:16px;text-align: center;}
.con-box-center-form .con-box-center-form-button-gray{background:#ffffff; color: #ff8844; margin-right:10px;}

.con-box-center-gift {font-size:14px;color:#666;line-height:23px; display:flex; flex-wrap:wrap; justify-content:center; padding-top: 20px; gap:10px;}
.con-box-center-gift .con-box-center-gift-icon{text-align: center; padding: 10px 5px; width: calc((100% - 50px) / 3);}
.con-box-center-gift .con-box-center-gift-icon.con-box-center-gift-active {color: #06ae56;background-color: #e1f8e1;border-radius: 10px;}
.con-box-center-gift .con-box-center-gift-icon img{width: 60px;height: 60px;border-radius: 50%;}
.con-box-center-gift .con-box-center-gift-icon .con-box-center-gift-title{font-size: 13px;}

.con-box-center-rules{padding:25px 0;}
.con-box-center-rules .con-box-center-rules-title{border-bottom: 1px solid #f2f5fa;font-size: 15px;color: #666;font-weight: 600;text-align:center;padding-bottom: 8px;position: relative;}
.con-box-center-rules .con-box-center-rules-title:after{content:'';position:absolute;left:50%;width:75px;margin-left:-37.5px;bottom:0px;height:2px;background:#666;}
.con-box-center-rules .con-box-center-rules-con{margin-top:15px;font-size:13px;color:#666;line-height:24px;}

.con-box-center-process{padding:25px 0;}
.con-box-center-process .con-box-center-process-title{border-bottom: 1px solid #f2f5fa;font-size: 15px;color: #666;font-weight: 600;text-align:center;padding-bottom: 8px;position: relative;}
.con-box-center-process .con-box-center-process-title:after{content:'';position:absolute;left:50%;width:75px;margin-left:-37.5px;bottom:0px;height:2px;background:#666;}
.con-box-center-process .con-box-center-process-icon{margin-top:30px;font-size:14px;color:#666;line-height:23px;display: flex;justify-content: space-between;}
.con-box-center-process .con-box-center-process-icon .con-box-center-process-icon-img{width:30%;text-align: center;}
.con-box-center-process .con-box-center-process-icon .con-box-center-process-icon-img img{width:60px;height: 60px;border-radius: 50%;}
.con-box-center-process .con-box-center-process-icon .con-box-center-process-icon-img2{width: 3%;margin-top: 24px;}
.con-box-center-process .con-box-center-process-icon .con-box-center-process-icon-img2 img{width:12px;height: 12px;}
.con-box-center-process .con-box-center-process-icon .con-box-center-process-icon-img .con-box-center-process-icon-img-title{font-size: 13px;}

.con-box-center-links{display:flex; padding-bottom: 25px;}
.con-box-center-links .con-box-center-link{flex:1;border:1px solid #ff8844; background:#ffffff;height: 40px;line-height: 40px;color: #ff8844;border-radius: 8px;font-size: 16px;text-align: center; margin-left:15px;}
.con-box-center-links .con-box-center-link:first-child{margin-left:0;}

.con-box-center-orders{padding:15px 0;}
.con-box-center-orders .con-box-center-orders-header{padding: 15px 0;}
.con-box-center-orders .con-box-center-orders-title{font-size:16px;}
.con-box-center-orders .con-box-panel{margin-bottom:15px;background: #fff;border-top-left-radius: 14px;border-top-right-radius: 14px;font-size:14px;color:#666;overflow:hidden;}
.con-box-center-orders .con-box-panel .con-box-panel-skeleton{padding: 15px 0;}
.con-box-center-orders .con-box-panel .con-box-panel-header{padding: 10px 0;}
.con-box-center-orders .con-box-panel .con-box-panel-title{}
.con-box-center-orders .con-box-panel .con-box-panel-tag{font-size:14px;line-height:25px;padding: 0 10px;}
.con-box-center-orders .con-box-panel .con-box-panel-tag:before{display:none;}
.con-box-center-orders .con-box-panel .con-box-panel-goods{padding: 8px 0;}
.con-box-center-orders .con-box-panel .con-box-panel-goods-title{font-size: 16px; padding-bottom:10px;font-weight: normal; color:#000;}
.con-box-center-orders .con-box-panel .con-box-panel-goods-thumb{width:80%; height:80%;}
.con-box-center-orders .con-box-panel .con-box-panel-goods-desc{font-size:13px; line-height:20px; color:#666;}

.H60{height: 30px;}
.disabled{background: #999999 !important;}


.con-box.con-box-white{background: #fff; min-height: 100vh;}

.con-box-success{padding-top:40%;}
.con-box-success .con-box-success-icon{text-align: center;}
.con-box-success .con-box-success-icon img{width:60px;height: 60px;border-radius: 50%;}
.con-box-success .con-box-success-title{font-size: 18px;text-align: center;margin-top: 40px;font-weight: 600;}
.con-box-success .con-box-success-desc{font-size: 14px;text-align: center;margin-top: 15px;padding: 0 50px;}
.con-box-success .con-box-know{background: #f2f2f2;border-radius: 8px;width:160px;text-align: center;height:40px;line-height: 40px;font-weight: 600;color:#07c160;position: fixed;left: 50%;margin-left: -80px;bottom: 10%;font-size:16px;}

.con-box-fail{padding-top:40%;}
.con-box-fail .con-box-fail-icon{text-align: center;}
.con-box-fail .con-box-fail-icon img{width:60px;height: 60px;border-radius: 50%;}
.con-box-fail .con-box-fail-title{font-size: 18px;text-align: center;margin-top: 40px;font-weight: 600;}
.con-box-fail .con-box-fail-desc{font-size: 14px;text-align: center;margin-top: 15px;padding: 0 50px;}
.con-box-fail .con-box-back{background: #07c160;border-radius: 8px;width:80%;margin:50px auto;text-align: center;height:40px;line-height: 40px;font-weight: 600;color:#ffffff;font-size:16px;}
.con-box-fail .con-box-know{background: #f2f2f2;border-radius: 8px;width:160px;text-align: center;height:40px;line-height: 40px;font-weight: 600;color:#07c160;position: fixed;left: 50%;margin-left: -80px;bottom: 10%;font-size:16px;}