@charset "utf-8";
html,
body {
	background: #f1f3f6;
}

button::after {
	border: none;
}

.warpper {
	position: relative;
	width: 7.50rem;
	background-size: 7.5rem auto;
	background-image: url(/images/study/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: .48rem;
	margin-bottom: .36rem;
}

.fringe1 {
	width: 6.26rem;
	height: 6.62rem;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
	top: .12rem;
	left: .62rem;
	border-radius: .20rem;
}

.fringe {
	width: 6.62rem;
	height: 7.00rem;
	position: absolute;
	background: rgba(255, 255, 255, 0.6);
	top: .30rem;
	left: .44rem;
	border-radius: .20rem;
}

.box {
	width: 6.88rem;
	position: relative;
	background: rgba(255, 255, 255, 1);
	margin: 0 auto;
	border-radius: .20rem;
	padding-bottom: .5rem;
	box-sizing: border-box;
	padding-top: 0.54rem;
}

.title {
	height: 1.51rem;
	padding-left: 4.35rem;
	margin-left: .42rem;
	margin-bottom: .2rem;
	position: relative;
	font-size: 0;
}

.title1 {
	display: inline-block;
	margin-top: .18rem;
	font-size: .39rem;
	vertical-align: top;
	font-weight: 500;
}

.title2 {
	font-size: .42rem;
	font-weight: 500;
	width: 1.56rem;
	height: .52rem;
	line-height: .52rem;
	background: rgba(225, 30, 44, 1);
	border-radius: .10rem;
	text-align: center;
	color: #fff;
	vertical-align: top;
}

.title_big {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.07rem;
	font-weight: 500;
}

.number {
	text-align: center;
	position: relative;
	margin: 0 auto;
	width: 5.55rem;
}

.number .content {
	padding: 0 .17rem;
	position: relative;
	display: block;
	background: #fff;
	display: flex;
	width: 4.05rem;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	font-size: .28rem;
	color: #999999;
	z-index: 99;
}

.number .content div {
	display: block;
	background: #000;
	border-radius: .19rem;
	padding: 0 .15rem;
	color: #fff;
	margin: 0 0.08rem;
}

.number .line {
	width: 100%;
	height: 1px;
	background: #e11e2c;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9;
}

.privilege {
	width: 5.90rem;
	display: flex;
	margin-left: .40rem;
	margin-top: .50rem;
	margin-bottom: 1.08rem;
}

.privilege .flex {
	flex: 1;
	text-align: center;
}

.privilege .flex img {
	width: .85rem;
	margin-left: -0.1rem;
}

.privilege .flex div {
	font-size: .26rem;
	color: #333333;
}

.input {
	display: block;
	width: 5.90rem;
	height: .70rem;
	background: rgba(248, 248, 248, 1);
	border: 1px solid rgba(236, 236, 236, 1);
	border-radius: .35rem;
	padding-left: .2rem;
	box-sizing: border-box;
	font-size: .28rem;
	color: rgba(153, 153, 153, 1);
	margin: 0 auto;
	margin-bottom: .3rem;
	text-align: center
}

.inputPlaceholder {
	font-size: .28rem;
	color: #999999;
	text-align: center;
}

.linqu_now {
	display: block;
	width: 5.90rem;
	height: .70rem;
	background: linear-gradient(to bottom right, #ffcb34, #fca830);
	box-shadow: 0px 2px 8px 0px #ffcb34;
	border-radius: .35rem;
	text-align: center;
	line-height: .7rem;
	font-size: .30rem;
	color: #fff;
	font-weight: 500;
	margin: 0 auto;
}

.btn::after {
	border: none;
}

.msg {
	margin-top: 3.20rem;
	margin-left: .40rem;
	display: flex;
	font-size: .28rem;
}

.gth {
	background-size: .28rem .28rem;
	margin-right: .15rem;
	margin-left: .30rem;
	margin-top: 0.03rem;
	width: .35rem;
	height: .35rem;
}

.footer {
	margin-top: 1.68rem;
}

.footer .btn {
	width: 4.19rem;
	height: .76rem;
	background: linear-gradient( -9deg, rgba(254, 204, 52, 1), rgba(248, 168, 47, 1));
	border-radius: .38rem;
	font-size: .34rem;
	color: #fff;
}

.footer .btn::after {
	border: none;
}

.footer div {
	margin: 0 auto;
	text-align: center;
	margin-top: .48rem;
	width: 4.84rem;
	font-size: .22rem;
	color: #999999;
}

.warpper .contents .close {
	position: absolute;
	right: .18rem;
	top: -0.31rem;
}

.warpper .contents .close img {
	width: .44rem;
	height: .88rem;
}

.mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
}

.contents {
	position: absolute;
	top: 3.27rem;
	left: 1.75rem;
	width: 4.00rem;
	height: 4.75rem;
	background-size: 100% 100%;
	z-index: 999;
}

.contents .tips {
	font-size: .36rem;
	margin-top: 2.07rem;
	text-align: center;
	margin-bottom: 0.10rem;
}

.contents .text {
	text-align: center;
	font-size: .28rem;
	color: #999;
}

.contents .btn {
	width: 2rem;
	height: .70rem;
	line-height: .70rem;
	background: linear-gradient( -9deg, rgba(254, 204, 52, 1), rgba(248, 168, 47, 1));
	border-radius: .35rem;
	font-size: .32rem;
	color: #fff;
	margin-top: .45rem;
}

.contents .btn::after {
	border: none;
}

.appdown_bg {
	width: 6.88rem;
	height: 3.2rem;
	background: url(/images/study/app_down.jpg) no-repeat center center;
	border-radius: 0.2rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.2rem auto;
	flex-direction: column;
}

.appdown_bg>p {
	font-size: 0.36rem;
	margin-bottom: 0.3rem;
	text-align: center;
	color: #fff;
}

.appdown_bg>a {
	display: block;
	width: 1.84rem;
	height: .54rem;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: .27rem;
	color: #fff;
	text-align: center;
	line-height: .54rem;
	border: 1px solid #fff;
	font-size: .3rem;
}