.chance-dialog {
	position: fixed;
	border-radius: 5px;
	width: 9.06rem;
	left: 50%;
	top: 50%;
	background: #fff;
	box-shadow: 0 0 10px 4px rgb(0 0 0 / 20%);
	text-align: center;
	transform: translate3d(-50%,-50%,0);
	display: none;
	z-index: 103;
}

.chance-dialog .title-wrap {
	position: relative;
	border-bottom: 1px dashed #ccc;
	width: 100%;
}

.chance-dialog .J-close-btn {
	position: absolute;
	right: .27rem;
	top: .2rem;
	width: .53rem;
	height: .53rem;
	background: url(../images/close_icon.b50ebb38.png) no-repeat;
	background-size: contain;
	background-position: center center;
}

.chance-dialog .main-title {
	padding: .24rem 0;
}

.chance-dialog .main-title p {
	font-size: .43rem;
	color: #444;
	font-weight: 700;
}

.chance-dialog .sub-title {
	padding-bottom: .27rem;
}

.chance-dialog .sub-title p {
	font-size: .37rem;
	color: #999;
}

.chance-dialog .chance-form {
	position: relative;
	margin: 0 .53rem 0 .53rem;
}

.chance-dialog .chance-form form>div:first-child {
	margin-top: .51rem!important;
}

.chance-dialog .chance-form .chance-form-item {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: .96rem;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
	position: relative;
}

.chance-dialog .chance-form .chance-form-link {
	margin-top: .27rem;
	position: relative;
}

.chance-dialog .chance-form .chance-form-link label:before {
	position: absolute;
	content: '*';
	font-size: .48rem;
	left: 3px;
	top: 50%;
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
	color: #ff7440;
}

.chance-dialog .chance-form label {
	position: relative;
	width: 1.87rem;
	font-size: .32rem;
	color: #666;
	text-align: center;
}

.chance-dialog .chance-form .xin {
	position: relative;
	outline: 0;
	border: 0;
	border-radius: 0;
	border-left: 1px solid #ccc;
	width: 4.93rem;
	height: .77rem;
	text-indent: .13rem;
	color: #666;
	font-size: .32rem;
}

.chance-dialog .chance-form #J-code-btn,.chance-dialog .chance-form .dialog-verification-code {
	position: absolute;
	top: 50%;
	right: 15px;
	color: #ff8943;
	font-size: .32rem;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-ms-touch-action: none;
	touch-action: none;
	margin: 0;
}

.chance-dialog .chance-form .J-resend {
	position: absolute;
	top: 50%;
	right: 15px;
	color: #ff8943;
	font-size: .32rem;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.chance-dialog .chance-form .J-resend.active {
	color: #ff8943;
}

.chance-dialog .chance-form .chacne-form-tip {
	margin-top: .21rem;
	width: 3.97rem;
	height: .37rem;
	background: url(../images/mobile_tip.97ff7a7e.png) no-repeat;
	background-size: contain;
	background-position: center center;
}

.chance-dialog .chance-form .chance-form-btn {
	margin: .4rem auto .91rem;
	width: 6.4rem;
	height: .93rem;
}

.chance-dialog .chance-form .chance-form-btn button {
	outline: 0;
	border: 0;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	letter-spacing: 2px;
	font-size: .43rem;
	color: #fff;
	background: #ff8943;
	background: linear-gradient(#ffad4a,#ff6c3d);
}

.chance-dialog .chance-form .J-form-modify {
	position: absolute;
	top: 50%;
	right: 10px;
	color: #ff8943;
	font-size: .32rem;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-decoration: underline;
}

.chance-dialog .chance-load {
	position: absolute;
	left: 50%;
	top: 40%;
	width: .53rem;
	height: .53rem;
	transform: translate3d(-50%,-50%,0);
	background: url(../images/loading.33a7aa60.gif) no-repeat;
	background-size: contain;
	background-position: center center;
}

.chance-dialog .chance-total-num {
	position: absolute;
	left: 50%;
	bottom: .19rem;
	width: 100%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: .32rem;
	color: #bbb;
}

.chance-dialog .chance-total-num span {
	color: #fd975f;
}

.opacity-hide {
	opacity: 0!important;
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) {
	.chance-form-link {
		font-size: 12px!important;
	}

	.chance-dialog .chance-form label {
		width: 2.13rem;
	}
}

@media only screen and (min-device-width:768px) {
	.chance-dialog .chance-form label:before {
		left: -16px!important;
	}
}

input[type=text] {
	-webkit-appearance: none;
}