body {
	padding: 0;
	margin: 0;
	background: #0b1945;
}

h1,
h2,
h3,
h4,
p {
	padding: 0;
	margin: 0;
}


/* media */


/* 横屏 */


header {
	height: 0.45rem;
	background-color: #0e4b8c;
	border-bottom: 1px solid #0f81a1;
	position: absolute;
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
}

.logo {
	position: absolute;
	left: 0.2rem;
}

.logo img {
	width: 0.3rem;
	height: 0.3rem;
	margin-top: 0;
	border: 0px;
	box-shadow: 0px 0px 20px 0px #FFF;
	border-radius: 0.3rem;
	overflow: hidden;
}

.logo h2 {
	font-size: 0.16rem;
	color: #FFF;
	padding-left: 15px;
	line-height: 0.45rem;
}

.date1080 {
	display: none;
}

.logo2_1920 {
	position: absolute;
	right: 0.2rem;
	top: 0;
}

.logo2_1920 img {
	width: 0.4rem;
	height: 0.4rem;
}

.logo2_1920 p {
	font-size: 0.16rem;
	color: #FFF;
	padding-right: 0.1rem;
	font-weight: normal;
	letter-spacing: 8px;
	height: 0.45rem;
	line-height: 0.45rem;
}

.logo2_1920_bottom {
	display: none;
}


footer {
	position: fixed;
	bottom: 0px;
	height: 0.5rem;
	background-color: #0e4b8c;
	padding: 0 0.3rem;
	width: 100%;
	box-sizing: border-box;
	z-index: 1000;
	border-top: 1px solid #108ba4;
}

footer .address {
	font-size: 0.12rem;
	color: #FFF;
	line-height: 0.5rem;
	padding-left: 0.15rem;
	background-image: url(../images/icon_address.png);
	background-repeat: no-repeat;
	background-size: 0.13rem 0.13rem;
	background-position: 0 center;
	width: 2.8rem;
}

.date1080 {
	display: none;
}

.date1920 {
	display: block;
}

.date1920 h2 {
	color: #FFF;
	font-size: 0.19rem;
	margin: 0;
	text-align: center;
	font-weight: bold;
	margin-top: 0.1rem;
	letter-spacing: 2px;
}

.date1920 p {
	color: #FFF;
	font-size: 0.08rem;
	text-align: center;
	margin: 0;
	margin-top: 2px;
}

.logo3 {
	width: 2.8rem;
}

.logo3 img {
	width: 0.38rem;
	height: 0.38rem;
}

.logo3 h2 {
	font-size: 0.12rem;
	color: #FFF;
	padding-right: 0.1rem;
	font-weight: normal;
}


.main {
	top: 0.45rem;
	left: 0;
	position: relative;
	text-align: center;
}

.error_tip{
	font-size: 0.5rem;
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	position: absolute;
	left: 0.2rem;
}
.error_content{
	font-size: 0.8rem;
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	padding-top:1rem;
}

.wai {
	position: absolute;
	left: 0.3rem;
	top: 0.55rem;
}

.w_yuan_bg {
	width: 1.98rem;
	height: 1.6rem;
	border-radius: 0;
	background-color: transparent;
	background-image: url(../images/left_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.w_yuan {
	width: 0.97rem;
	height: 0.97rem;
	border: 0.05rem solid;
	border-radius: 1.4rem;
	text-align: center;
}

.w_yuan h2 {
	font-size: 0.42rem;
	font-family: arial;
	font-weight: normal;
	margin-top: 0.18rem;
	height: 0.45rem;
}

.left_info {
	color: #FFF;
	font-size: 0.07rem;
	width: 0.5rem;
	border-bottom: 1px solid #FFF;
	margin: 0;
	padding-bottom: 0.05rem;
}

.w_yuan p {
	font-size: 0.093rem;
	margin: 0;
	font-weight: bold;
	margin-top: 0.01rem;
}

.w_yuan_green {
	border-color: #6bcd07;
	box-shadow: 0 0 20px 1px #6bcd07;
	color: #6bcd07;
}

.w_yuan_green h2,
.w_yuan_green p {
	color: #6bcd07;
}

.w_yuan_yellow {
	border-color: #fcd12a;
	box-shadow: 0 0 20px 1px #fcd12a;
	color: #fcd12a;
}

.w_yuan_yellow h2,
.w_yuan_yellow p {
	color: #fcd12a;
}

.w_yuan_orange {
	border-color: #fe8800;
	box-shadow: 0 0 20px 1px #fe8800;
	color: #fe8800;
}

.w_yuan_orange h2,
.w_yuan_orange p {
	color: #fe8800;
}

.w_yuan_red {
	border-color: #fe0000;
	box-shadow: 0 0 20px 1px #fe0000;
	color: #fe0000;
}

.w_yuan_red h2,
.w_yuan_red p {
	color: #fe0000;
}

.w_yuan_red2 {
	border-color: #970454;
	box-shadow: 0 0 20px 1px #970454;
	color: #970454;
}

.w_yuan_red2 h2,
.w_yuan_red2 p {
	color: #970454;
}

.w_yuan_red3 {
	border-color: #62001e;
	box-shadow: 0 0 20px 1px #fe0000;
	color: #62001e;
}

.w_yuan_red3 h2,
.w_yuan_red3 p {
	color: #62001e;
}

.w_yuanq_pm {
	position: absolute;
	color: #2773e6;
	font-size: 0.1rem;
	text-align: center;
	top: 1.4rem;
}

.nei {
	position: relative;
	top: -0.1rem;
}

.nei_bg {
	background-image: url(../images/yuan_bg.png);
	width: 3rem;
	height: 3rem;
	background-size: cover;
	margin: 0 auto;
}

.kedu50 {
	background-image: url(../images/kedu_50.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.kedu100 {
	background-image: url(../images/kedu_100.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.kedu150 {
	background-image: url(../images/kedu_150.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.kedu200 {
	background-image: url(../images/kedu_200.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.kedu300 {
	background-image: url(../images/kedu_300.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.kedu500 {
	background-image: url(../images/kedu_500.png);
	width: 2.1rem;
	height: 2.1rem;
	background-size: cover;
}

.nei_info h2 {
	font-size: 0.58rem;
	font-family: arial;
	font-weight: normal;
	margin-top: 0.6rem;
	color: #FFF;
	height: 0.57rem;
}

.nei_info_dw {
	color: #FFF;
	font-size: 0.09rem;
	border-bottom: 1px solid #FFF;
	width: 0.6rem;
	padding-bottom: 0.02rem;
}

.nei_info p {
	font-size: 0.14rem;
	color: #FFF;
	font-weight: bold;
	margin-top: 0.005rem;
}

.nei_info h3 {
	font-size: 0.12rem;
	color: #FFF;
	font-weight: normal;
	margin-top: 0.2rem;
}

.zz {
	position: absolute;
	width: 1.54rem;
	height: 0.16rem;
	transform-origin: center;
	transition: 1s ease-out;
	background-size: 1.59rem 0.16rem;
	background-position: 0 center;
}

.zz50 {
	background-image: url(../images/zz_50.png);
}

.zz100 {
	background-image: url(../images/zz_100.png);
}

.zz150 {
	background-image: url(../images/zz_150.png);
}

.zz200 {
	background-image: url(../images/zz_200.png);
}

.zz300 {
	background-image: url(../images/zz_300.png);
}

.zz500 {
	background-image: url(../images/zz_500.png);
}


.right_data {
	position: absolute;
	top: 0.55rem;
	width: 1.98rem;
	right: 0.3rem;
}

.right_data_bg {
	width: 1.98rem;
	height: 1.6rem;
	margin: 0 auto;
	background-image: url(../images/right_bg.png);
	background-size: cover;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	background-repeat: repeat;
}

.shinei_title {
	position: absolute;
	width: 0.1rem;
	top: 0.45rem;
	left: 0.35rem;
}

.shinei_title h2 {
	font-size: 0.09rem;
	color: #2773e6;
	line-height: 0.2rem;
}


.right_data_list {
	padding-top: 0rem;
	box-sizing: border-box;
	padding-left: 0.5rem;
	width: 2rem;
	flex-wrap: wrap;
}

.right_data_list li {
	list-style: none;
	width: 0.67rem;
	margin-top: 0.15rem;
}

.right_data_list li h2 {
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	font-size: 0.15rem;
	line-height: 0.2rem;
}

.right_data_list li img {
	width: 0.32rem;
	height: 0.265rem;
	margin-top: 0.01rem;
}

.right_data_list li p {
	color: #2773e6;
	font-size: 0.07rem;
	margin-top: 0.02rem;
}



.color_bar_bg {
	position: fixed;
	bottom: 0.5rem;
	width: 100%;
	height: 0.76rem;
	background-image: url(../images/color_bar_bg.png);
	background-size: cover;
}

.color_bar {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0rem;
}

.color_bar img {
	width: 4.2rem;
	height: auto;
}


/* 手机 */
@media only screen and (max-width: 1023px) {
	.main {
		top: 0.4rem;
		left: 0;
		position: relative;
		text-align: center;
	}

	.shinei_title h2 {
		font-size: 0.15rem;
		color: #2773e6;
	}

	.right_data_list li img {
		width: 0.32rem;
		height: 0.265rem;
		margin-top: 0;
	}

	.right_data_list li p {
		color: #2773e6;
		font-size: 0.15rem;
		margin-top: 0;
	}

	.right_data {
		position: absolute;
		top: 0.5rem;
		width: 2.2rem;
		right: 0.1rem;
	}

	.right_data_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.right_data_list {
		padding-top: 0rem;
		box-sizing: border-box;
		padding-left: 0.6rem;
		width: 2.1rem;
		flex-wrap: wrap;
	}

	.right_data_list li {
		margin-top: 0.16rem;
	}
	
	.right_data_list li:last-child p {margin-top: 0.02rem;}

	.wai {
		position: absolute;
		left: 0.1rem;
		top: 0.5rem;
	}

	.w_yuan_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.w_yuan {
		width: 1.1rem;
		height: 1.1rem;
	}

	.w_yuan h2 {
		font-size: 0.5rem;
		margin-top: 0.14rem;
		height: 0.55rem;
	}

	.left_info {
		font-size: 0.1rem;
		width: 0.5rem;
		border-bottom: 1px solid #FFF;
		margin: 0;
		padding-bottom: 0.05rem;
	}

	.w_yuan p {
		font-size: 0.12rem;
		margin: 0;
		font-weight: bold;
		margin-top: 0.01rem;
	}

	.w_yuanq_pm {
		position: absolute;
		font-size: 0.13rem;
		top: 1.55rem;
	}

	.nei_info h2 {
		font-size: 0.5rem;
		margin-top: 0.65rem;
		height: 0.55rem;
	}

	.nei_info h3 {
		font-size: 0.15rem;
		color: #FFF;
		font-weight: normal;
		margin-top: 0.2rem;
	}

	.color_bar_bg {
		bottom: 0.5rem;
		width: 100%;
		height: 0.9rem;
	}

	.color_bar {
		bottom: 0.05rem;
		width: 5rem;
		height: 0.35rem;
		background-image: url(../images/color_bar.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -2.5rem;
	}


}

/* ipad */
@media only screen and (min-width: 1024px) {
	.main {
		top: 1rem;
		left: 0;
		position: relative;
		text-align: center;
	}

	.shinei_title h2 {
		font-size: 0.15rem;
		color: #2773e6;
	}

	.right_data_list li img {
		width: 0.32rem;
		height: 0.265rem;
		margin-top: 0;
	}

	.right_data_list li p {
		color: #2773e6;
		font-size: 0.15rem;
		margin-top: 0;
	}

	.right_data {
		position: absolute;
		top: 0.5rem;
		width: 2.2rem;
		right: 0.1rem;
	}

	.right_data_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.right_data_list {
		padding-top: 0rem;
		box-sizing: border-box;
		padding-left: 0.6rem;
		width: 2.1rem;
		flex-wrap: wrap;
	}

	.right_data_list li {
		margin-top: 0.16rem;
	}
	
	.right_data_list li:last-child p {margin-top: 0.02rem;}
	
	.wai {
		position: absolute;
		left: 0.1rem;
		top: 0.5rem;
	}

	.w_yuan_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.w_yuan {
		width: 1.1rem;
		height: 1.1rem;
	}

	.w_yuan h2 {
		font-size: 0.5rem;
		margin-top: 0.14rem;
		height: 0.55rem;
	}

	.left_info {
		font-size: 0.1rem;
		width: 0.5rem;
		border-bottom: 1px solid #FFF;
		margin: 0;
		padding-bottom: 0.05rem;
	}

	.w_yuan p {
		font-size: 0.12rem;
		margin: 0;
		font-weight: bold;
		margin-top: 0.01rem;
	}

	.w_yuanq_pm {
		position: absolute;
		font-size: 0.13rem;
		top: 1.55rem;
	}

	.nei_info h2 {
		font-size: 0.5rem;
		margin-top: 0.65rem;
		height: 0.55rem;
	}

	.nei_info h3 {
		font-size: 0.15rem;
		color: #FFF;
		font-weight: normal;
		margin-top: 0.2rem;
	}

	.color_bar_bg {
		bottom: 0.35rem;
		width: 100%;
		height: 0.9rem;
	}

	.color_bar {
		bottom: 0.3rem;
		width: 5.5rem;
		height: 0.35rem;
		background-image: url(../images/color_bar.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -2.75rem;
	}


}


/* 1280 */
@media only screen and (min-width: 1250px) and (max-width: 1365px) and (max-height:720px) {
	.main {
		top: 0.45rem;
		left: 0;
		position: relative;
		text-align: center;
	}
}
/* 1280 */
@media only screen and (min-width: 1250px) and (max-width: 1365px) and (max-height:650px) {
	.main {
		top: 0.2rem;
		left: 0;
		position: relative;
		text-align: center;
	}
}


/* pc */
@media only screen and (min-width: 1365px) {
	.main {
		top: 0.5rem;
		left: 0;
		position: relative;
		text-align: center;
	}

	.shinei_title h2 {
		font-size: 0.15rem;
		color: #2773e6;
	}

	.right_data_list li img {
		width: 0.32rem;
		height: 0.265rem;
		margin-top: 0;
	}

	.right_data_list li p {
		color: #2773e6;
		font-size: 0.12rem;
		margin-top: 0;
	}
	.right_data_list li:last-child p {margin-top: 0.02rem;}

	.right_data {
		position: absolute;
		top: 0.5rem;
		width: 2.2rem;
		right: 0.1rem;
	}

	.right_data_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.right_data_list {
		padding-top: 0rem;
		box-sizing: border-box;
		padding-left: 0.6rem;
		width: 2.1rem;
		flex-wrap: wrap;
	}

	.right_data_list li {
		margin-top: 0.16rem;
	}

	.wai {
		position: absolute;
		left: 0.1rem;
		top: 0.5rem;
	}

	.w_yuan_bg {
		width: 2.2rem;
		height: 1.775rem;
	}

	.w_yuan {
		width: 1.1rem;
		height: 1.1rem;
	}

	.w_yuan h2 {
		font-size: 0.5rem;
		margin-top: 0.14rem;
		height: 0.55rem;
	}

	.left_info {
		font-size: 0.1rem;
		width: 0.5rem;
		border-bottom: 1px solid #FFF;
		margin: 0;
		padding-bottom: 0.05rem;
	}

	.w_yuan p {
		font-size: 0.12rem;
		margin: 0;
		font-weight: bold;
		margin-top: 0.01rem;
	}

	.w_yuanq_pm {
		position: absolute;
		font-size: 0.13rem;
		top: 1.55rem;
	}

	.nei_info h2 {
		font-size: 0.5rem;
		margin-top: 0.65rem;
		height: 0.55rem;
	}

	.nei_info h3 {
		font-size: 0.15rem;
		color: #FFF;
		font-weight: normal;
		margin-top: 0.2rem;
	}

	.color_bar_bg {
		bottom: 0.35rem;
		width: 100%;
		height: 0.9rem;
	}

	.color_bar {
		bottom: 0.2rem;
		width: 5rem;
		height: 0.35rem;
		background-image: url(../images/color_bar.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -2.5rem;
	}

}