@charset "UTF-8";

body {
	background-color: white;
	font-family: Microsoft YaHei;
	padding: 0;
	margin: 0;
}

h5, p {
	padding: 0;
	margin: 0;
}

/* a:link {
	color: white;
}

a:visited {
	color: white;
} */

#div_one {
	background-color: #041526;
	height: 460px;
	background: rgba(4, 21, 38, 1);
	opacity: 1;
}

#note_text {
	float: left;
}

.note_h2 {
	width: 414px;
	height: 61px;
	font-size: 46px;
	font-weight: 400;
	line-height: 61px;
	color: rgba(255, 255, 255, 1);
	opacity: 1;
	margin-top: 118px;
}

.note_p {
	width: 404px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 1);
	opacity: 1;
	background-color: #041526;
	margin-top: 53px;
	outline: none;
	padding-left: 10px;
	font-size: 16px;
	color: white;
}

.note_p:focus{
	color: white;
}

.note_p::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:white;
}
.note_p:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: white;
}
.note_p::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:white;
}
.note_p:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:white;
}
#note_bu {
	width: 200px;
	height: 44px;
	background: rgba(27, 141, 247, 1);
	border: 1px solid rgba(27, 141, 247, 1);
	opacity: 1;
	background-color: #1B8DF7;
	color: white;
	text-align: center;
	margin-top: 53px;
	/* margin: 0 auto; */
}

#note_buOne {
	width:200px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 1);
	opacity: 1;
	color: white;
	text-align: center;
	border-color: #FFFFFF;
	margin-left: 210px;
	/* margin-bottom: 100px; */
	margin-top: -45px;
}

.note_pp {
	padding-top: 10px;
}

.note_img {
	float: right;
	margin-top: 104px;
	margin-left: 460px;
}

#note_number {
	width: 248px;
	height: 276px;
	float: right;
	margin-bottom: 80px;
}

#div_two {
	height: 503px;
}

.superiority {
	margin: 70px auto;
	text-algin: center;
	height: 47px;
	line-height: 47px;
	width: 144px;
}

#sms_advantage {
	float: left;
	margin-left: 99px;
	margin-top: 6px;
}

#sms_advantage_text {
	float: left;
	margin-left: 16px;
}

.one {
	/* width: 72px;
	height: 26px; */
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
	margin-bottom: 10px;
}

.one_o {
	width: 310px;
	height: 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
}

#icon02 {
	float: left;
	margin-top: 200px;
}

#icon02_text {
	float: left;
}

.icon02_h5 {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
}

.icon02_p {
	width: 310px;
	height: 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
}

#icon03 {
	float: right;
}

#icon03_text {
	float: right;
}

.icon03_h5 {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
}

.icon03_p {
	width: 310px;
	height: 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
}

#icon04 {
	float: right;
}

#icon04_text {
	float: right;
}

.icon04_h5 {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
}

.icon02_p {
	width: 310px;
	height: 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
}

#div_three {
	background-color: #F2F5F7;
	height: 560px;
}

.Set_meal {
	margin: 10px auto;
	padding-top: 66px;
	margin-bottom: 58px;
	text-algin: center;
	height: 47px;
	line-height: 47px;
	width: 144px;
	text-algin: center;
}

#meal_one {
	width: 300px;
	height: 310px;
	background: rgba(255, 255, 255, 1);
	opacity: 1;
	text-align: center;
}

.full_marks {
	width: 116px;
	height: 47px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #0C96FF;
	font-size: 36px;
}

.div_span {
	margin-top: 38px;
}

.money_one {
	width: 116px;
	height: 47px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
}

hr {
	width: 100%;
	margin-top: 34px;
}

.two_thousand {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
	margin-left: 114px;
	margin-top: 15px;
}

.message_one {
	width: 159px;
	height: 21px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
	margin-left: 70px;
	margin-top: 20px;
}

#buttom_one {
	width: 260px;
	height: 44px;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	background-color: #0C96FF;
	color: white;
	margin-top: 31px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 30px;
}

#meal_two {
	width: 300px;
	height: 310px;
	background: rgba(255, 255, 255, 1);
	opacity: 1;
	text-align: center;
}

.full_one {
	width: 116px;
	height: 47px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #0C96FF;
	font-size: 36px;
}

.money_two {
	width: 116px;
	height: 47px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
}

.four_thousand {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
	margin-left: 114px;
	margin-top: 15px;
}

.message_two {
	height: 21px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
	margin-left: 16px;
	margin-top: 15px;
}

#meal_three {
	width: 300px;
	height: 310px;
	background: rgba(255, 255, 255, 1);
	opacity: 1;
	text-align: center;
}

.full_two {
	width: 116px;
	height: 47px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #0C96FF;
	font-size: 36px;
}

.money_three {
	width: 116px;
	height: 47px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
}

.thousand_two {
	width: 72px;
	height: 26px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
	margin-left: 114px;
	margin-top: 15px;
}

.message_three {
	height: 21px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(131, 134, 143, 1);
	opacity: 1;
	color: #83868F;
	margin-left: 16px;
	margin-top: 15px;
}

#div_four {
	height: 870px;
}

.application {
	width: 252px;
	/* 	font-size: 36px; */
	font-weight: 400;
	line-height: 47px;
	color: rgba(0, 0, 0, 1);
	opacity: 1;
	margin: 60px auto;
	text-align: center;
}

.ul_application {
	float: left;
	margin-bottom: 50px;
}

.ul_application li {
	width: 110px;
	height: 110px;
	border: 1px solid rgba(12, 150, 255, 1);
	opacity: 1;
	border-radius: 10px;
	list-style-type: none;
	margin-right: 17px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.ul_application li img {
	text-align: center;
	margin-top: 20px;
}
.hide_phone{
	display: none;
}
.hide_phone_show{
	display: block;
}


#div_application {
	margin-left: 210px;
}

#phone {
	width: 240px;
	height: 495px;
	text-align: center;
	margin: 0px auto;
}

.pp {
	width: 160px;
	height: 90px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	opacity: 1;
	margin-left: 520px;
	margin-top: -170px;
}