@charset "utf-8";

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
h1,
h2,
h3,
p,
div,
ol,
ul,
input,
button {
	margin: 0;
	padding: 0
}

html,
body,
.view {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 和 Edge */
}
::-webkit-scrollbar { /* Chrome, Safari, Opera*/
    display: none;
}
body {
	-webkit-text-size-adjust: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-family: "微软雅黑", Helvetica, "Droid Sans", Arial, sans-serif;
}

ol,
ul {
	list-style: none
}

a {
	color: #333333;
	text-decoration: none;
}

input,
select,
button,
textarea {
	border: 0;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

button {
	outline: none
}

html,
body,
.view {
	font-size: 2.1334vw;
}

@media (min-width: 900px)and (max-width:2000px) {

	html,
	body {
		font-size: 1.1334vw;
		position: absolute;
		right: 0;
		left: 0;
		width: 46.875rem;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
}

.view {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	background-color: #fff;
    transform: translateZ(0);
}

.page {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	background-color: #fff;
	background-size: cover;
	background-position: center;
}

.page_0 {
	display: block;
}


.scrollview {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.loading,
.load_txt {
	position: absolute;
	width: 8rem;
	top: 36.3rem;
	left: 0;
	right: 0;
	margin: auto;
}

.loading {
	animation: shunshi 1s 0s linear infinite;
}

.load_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 12.5rem;
	color: #fff;
	font-size: 1.575rem;
	top: 34.1rem;
}


#videowrap {
	position: absolute;
	top: 39.3rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 37.625rem;
	height: 20.825rem;
	object-fit: cover;
	cursor: pointer;
}
.jq_btn {
	transition: all 0.3s;
}

.jq_btn.animat {
	transform: scale(0.9);
}

.page_1 {
	background-color: #fff;
	display: block;
	position: absolute;
	width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.home_box {
	width: 45.3125rem;
	height: 91.3rem;
	position: absolute;
	top: 3rem;
	left: 2rem;
	background-color: #fff;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
	margin-bottom: 3rem;
}

.home_bg {
	width: 42.25rem;
	position: absolute;
	top: 4rem;
	left: 0.5rem;
	margin: auto;
}

.left_jt {
	width: 5.75rem;
	position: absolute;
	top: 8.3rem;
	left: -1.2rem;
	animation: fadeIn1 2s 0s linear infinite;
}

.flower {
	width: 5.75rem;
	position: absolute;
	top: 89rem;
	left: 37.1rem;
	animation: shunshi 2s 0s linear infinite;
}

.student {
	width: 40.25rem;
	height: 16rem;
	position: absolute;
	top: 36rem;
	left: 2.5rem;
}

.staff {
	width: 40.25rem;
	height: 16rem;
	position: absolute;
	top: 54rem;
	left: 2.5rem;
}

.mycenter {
	width: 40.25rem;
	height: 10rem;
	position: absolute;
	top: 74rem;
	left: 2.5rem;
}

.page_2,
.page_3,
.page_4 {
	left: 100%;
	transition: 0.6s;
	background-color: #fff;
}

.page_2.active,
.page_3.active,
.page_4.active {
	left: 0%;
}

.page_box {
    position: relative;
    top: 14rem;
    width: 39rem;
    left: 0;
    right: 0;
    margin: auto;
}

.list {
    position: relative;
    width: 38.9375rem;
    height: 5.25rem;
    background-image: url(../img/p3_2.png);
    background-size: contain;
    margin-top: 3.625rem;
}
.list_2 {
	position: relative;
	width: 18.8125rem;
	height: 5.3125rem;
	background-image: url(../img/p3_9.png);
	background-size: contain;
	margin-top: 3.625rem;
	display: inline-block;
}
.list_3 {
    position: relative;
    width: 18.8125rem;
    height: 5.3125rem;
    background-image: url(../img/p3_9.png);
    background-size: contain;
    margin-top: 3.625rem;
    display: inline-block;
    margin-left: 0.8rem;
}
.list_title {
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
	margin-left: 2.1rem;
}

.name {
    width: 28.5rem;
    height: 5.25rem;
    margin-left: 1rem;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}

.male {
	width: 3.875rem;
	height: 3.875rem;
	border: 0.1rem solid #acacac;
	color: #acacac;
	position: absolute;
	top: 2.1rem;
	left: 11rem;
	border-radius: 0.6rem;
	font-size: 2.096rem;
	text-align: center;
	line-height: 3.5rem;
}

.girl {
	width: 3.875rem;
	height: 3.875rem;
	border: 0.1rem solid #acacac;
	color: #acacac;
	border-radius: 0.6rem;
	position: absolute;
	top: 2.1rem;
	left: 16.5rem;
	font-size: 2.096rem;
	text-align: center;
	line-height: 3.5rem;
}

.age {
    font-size: 2.0625rem;
    color: #191919;
    width: 29.5rem;
    height: 7.875rem;
    display: inline-block;
    margin-left: 6.6rem;
}
.gender_active {
	background-color: #e38029;
	border: 0.1rem solid #e38029;
	color: #fff;
}
.arrow{
    width: 1.375rem;
    height: auto;
    float: right;
    position: absolute;
    top: 2.1rem;
    right: 1.6rem;
}

.pro {
    width: 16rem;
    height: 5.25rem;
    text-align: left;
    direction: rtl;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    margin-left: 2.1rem;
}

.city {
    width: 16rem;
    height: 5.25rem;
    text-align: left;
    direction: rtl;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    margin-left: 2.1rem;
}

.ct_store {
    font-size: 2.0625rem;
    color: #191919;
    width: 12.3rem;
    height: 7.875rem;
    display: inline-block;
    margin-left: -0.1rem;
    text-align: right;
	    direction: rtl;
}
.organization{
    width: 28.5rem;
    height: 5.25rem;
    margin-left: 1rem;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}
.learn_time{
    width: 28.5rem;
    height: 5.25rem;
    margin-left: 1rem;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}
.teacher{
    width:29.3rem;
    height: 7.875rem;
    font-size: 2.0625rem;
    color: #191919;
    display: inline-block;
    margin-left: 4.7rem;
}
.address{
	width: 28.5rem;
    height: 5.25rem;
    margin-left: 1rem;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}
.verify{
	width: 14.5rem;
    height: 5.25rem;
    margin-left: 1rem;
    font-size: 1.8156rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}
.list_vd{
	position: relative;
	width: 100%;
	height: 18.125rem;
}
.v_c_op{
	    position: absolute;
	    left: 0;
	    top: 7rem;
	    width: 41.0625rem;
	    height: 10.125rem;
	    background-image: url(../img/bg_vd.png);
	    background-size: 100% 100%;
	    background-position: center;
	    background-repeat: no-repeat;
}
.v_text{
    position: absolute;
    top: 1.2rem;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #191919;
}
.rate_s {
    background-color: #e38029;
    border-radius: 1rem;
    height: 1.7rem;
    position: relative;
}
.rate {
    width: 38.8rem;
    border-radius: 1rem;
    height: 1.7rem;
    position: absolute;
    top: 7rem;
    left: 1rem;
    overflow: hidden;
	background: #fff;
}
.list_vd_tip{
position: absolute;
    top: 17.9rem;
    font-size: 1.3rem;
    color: #acacac;
}
.p3_4{
	width: 16.5rem;
    position: relative;
    left: 11.2rem;
    top: 9.2rem;
    text-align: center;
}

input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #a5a5a5;
}
.face{
    position: absolute;
    top: 2.1rem;
    right: -9rem;
    width: 19.5rem;
    animation: ufo 2s 0.5s ease infinite alternate;
}
.icon_1{
    position: absolute;
    top: 46.1rem;
    left: -4rem;
    width: 11.3125rem;
    animation: ufo 3s 0.5s ease infinite alternate;
}
.icon_2{
    position: absolute;
    top: 88.1rem;
    right: -2rem;
    width: 11.0625rem;
    animation: ufo 3.5s 0.5s ease infinite alternate;
}
.back{
    position: absolute;
    top: -2.8rem;
    left: -1.7rem;
    width: 5rem;
	animation: fadeIn1 1s 0s linear infinite;
}
.back_2{
position: absolute;
    top: 4.2rem;
    left: 1.3rem;
    width: 6rem;
	animation: fadeIn1 1s 0s linear infinite;
}
.icon_3{
    position: absolute;
    top: 7.1rem;
    left: -15rem;
    width: 20.872rem;
    animation: shunshi 5s 0.5s linear infinite;
}
.icon_4{
    position: absolute;
    top: 46.1rem;
    right: -4rem;
    width: 10.625rem;
    animation: ufo 3s 0s ease infinite alternate;
	-webkit-animation: ufo 3s 0.5s ease infinite alternate;
}
.icon_5{
    position: absolute;
    top: 79.1rem;
    left: -6rem;
    width: 21.5625rem;
    animation: ufo 3.5s 0s ease infinite alternate;
	-webkit-animation: ufo 3.5s 0.5s ease infinite alternate;
}
.icon_6{
    position: absolute;
    top: 7.1rem;
    right: -11rem;
    width: 16.875rem;
    animation: shunshi 5s 0.5s linear infinite;
}
.icon_7{
    position: absolute;
    top: 39.1rem;
    left: -2.1rem;
    width: 14.625rem;
    animation: ufo 3s 0.5s ease infinite alternate;
}
.icon_8{
    position: absolute;
    top: 91.1rem;
    right: -2rem;
    width: 10.375rem;
    animation: ufo 3.5s 0.5s ease infinite alternate;
}
.p4_box{
	    position: relative;
    overflow: hidden;
    width: 42.4125rem;
    height: 85%;
    overflow-y: scroll;
}
.p4_item {
width: 20.25rem;
    height: auto;
    float: left;
    margin-top:3rem;
    box-sizing: border-box;
}
.p4_item .t {
    width: 100%;
    height: 11.875rem;
    overflow: hidden;
    border-radius: 1rem;
	    background: #d2d0d5;
}
.p4_item:nth-child(even) {
    margin-left: 1.2rem;
}
.p4_item .t video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.list_p_m {
    color: #191919;
    position: relative;
    top: 1rem;
    left: 0.1rem;
    font-size: 1.875rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list_b_h {
color: #000000;
    position: relative;
    top: 1rem;
    left: 0.1rem;
    font-size: 1.5rem;
}
.page4_box {
    position: absolute;
    top: 4rem;
    width: 42.4125rem;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.list input,.list_title{
	    vertical-align: middle;
}
.staff_banner,.student_banner{
    width: 100%;
    position: relative;
}
.page_rgba {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
}
.succ_box{
    width: 33.7rem;
    height: 16.5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 32rem;
    background: #fff;
    border-radius: 1rem;
}
.succ_text{
    width: 100%;
    color: #000;
    font-size: 1.9rem;
    position: absolute;
    top: 6rem;
    text-align: center;
    letter-spacing: 0.2rem;

}
.close_x{
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.succ_text_2{
    width: 100%;
    color: #000;
    font-size: 3.1rem;
    position: absolute;
    top: 25rem;
    text-align: center;
    letter-spacing: 0.2rem;
    font-weight: bold;
	display: none;

}
.page_5{ 
	display: none;
	   background-color: #ffbd00;
   }
	.back_suc {
		position: absolute;
		top: 4.6rem;
		left: 0;
		right: 0;
		width: 37.94rem;
		margin: auto;
	}
	.p5_home_box{
		width: 45.3125rem;
		height: 81.3rem;
		position: absolute;
		top: 3rem;
		left: 2rem;
		background-color: #fff;
		border-top-left-radius: 2rem;
		border-bottom-left-radius: 2rem;
		margin-bottom: 3rem;
	}
	.succ_bg{
		width: 42.25rem;
		position: absolute;
		top: 5.9rem;
		left: 1.9rem;
		margin: auto;
	}
	.p5_left_jt{
		width: 5.75rem;
		position: absolute;
		top: 10.6rem;
		left: -1.2rem;
		animation: fadeIn1 2s 0s linear infinite;
	}
	.p5_flower{
		width: 5.75rem;
		position: absolute;
		top: 68rem;
		left: 37.1rem;
		animation: shunshi 2s 0s linear infinite;
		z-index: 1;
	}
	.face2 {
		position: absolute;
		top: 53.2rem;
		right: -4.8rem;
		width: 17.6rem;
		animation: ufo 2s 0.5s ease infinite alternate;
	}
	.icon_42 {
		position: absolute;
		top: 14.1rem;
		right: 0rem;
		width: 10.625rem;
		animation: ufo 3s 0s ease infinite alternate;
		-webkit-animation: ufo 3s 0.5s ease infinite alternate;
	}
	.icon_32 {
		position: absolute;
		top: 36.1rem;
		left: -13.8rem;
		width: 20.872rem;
		animation: shunshi 5s 0.5s linear infinite;
	}
	.back_suc_box{
	    background: #ffbc00;
    width: 100%;
    height: 10rem;
    bottom: 0rem;
    position: absolute;
	}
	.ajbtn_1 {
		width: 16rem;
		position: absolute;
		top: 83.5rem;
		left:0;
		right: 0;
		margin: auto;
		animation:btn 1s -1s ease-in-out infinite alternate;
	}
    .ajbtn_2 {
		width: 16rem;
		position: absolute;
		top:113.275rem;
		left:0;
		right: 0;
		margin: auto;
		animation:btn 1s -1s ease-in-out infinite alternate;
	}
    .ajbtn_3 {
		width: 16rem;
		position: absolute;
		top: 137.7rem;
		left:0;
		right: 0;
		margin: auto;
		animation:btn 1s -1s ease-in-out infinite alternate;
	}
    .ajbtn_4 {
		width: 16rem;
		position: absolute;
		top: 162.5rem;
		left:0;
		right: 0;
		margin: auto;
		animation:btn 1s -1s ease-in-out infinite alternate;
	}
	.p2_1{
		width:100%;
		position: absolute;
		top: 0;
		left:0;	
	}
.aj_bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.aj_1 {
    width: 6.0625rem;
    position: absolute;
    top: 27.5rem;
    left: 13.1rem;
    transform-origin: bottom;
    animation: swing 1.5s 0s ease-in-out infinite alternate;
}
.aj_2 {
    width: 4.6875rem;
    position: absolute;
    top: 46.8rem;
    left: 3.5rem;
    animation: ufo 2s 0s ease infinite alternate;
}

.box_1{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 74rem;
    width: 40.3rem;
    height: 5.7rem;
}
.box_2{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 103.6rem;
    width: 40.3rem;
    height: 5.7rem;
}
.box_3{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 127.8rem;
    width: 40.3rem;
    height: 5.7rem;
}
.box_4{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 152.8rem;
    width: 40.3rem;
    height: 5.7rem;
}
.title{
    font-size: 1.375rem;
    color: #bd6324;
    position: absolute;
    left: 0rem;
    top: 1.3rem;
    width: 21.4rem;
    text-align: right;
}
.date{
    font-size: 0.985rem;
    color: #bd6324;
    position: absolute;
    left: 0rem;
    top: 3.1rem;
    width: 21.4rem;
    text-align: right;
}
.number{
    font-size: 3.76125rem;
    color: #bd6324;
    position: absolute;
    left: 23.5rem;
    top: 0.4rem;
}
.p3_1{
	width: 11.8125rem;
    position: relative;
    left: 13.3125rem;
	margin-bottom: 0.6rem;
}
.list_verify{
    width: 12.6875rem;
    height: 3.5625rem;
    font-size: 1.8156rem;
    color: #ffffff;
    display: inline-block;
    line-height: 3.5625rem;
    margin-left: 1.2rem;
    margin-top: 0.8rem;
    background-color: #e72410;
    border-radius: 0.5rem;
    text-align: center;
    position: absolute;

}
.tab{
	width: 100%;
	background-color: #fff;
	height: 5.8125rem;
	bottom: 0;
	position: fixed;
}
.p3_5{
    width: 3.0625rem;
    position: absolute;
    left: 7rem;
    top: 1.1rem;
}
.p3_7{
	width: 13.75rem;
    position: absolute;
    left: 16.5rem;
    top: 0.4rem;
}
.p3_6{
    width: 3.0625rem;
    position: absolute;
    left: 36.875rem;
    top: 1.1rem;
}

.p4_list1 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p4_1.png);
    background-size: contain;
    top: 34.8125rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p4_list2 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p4_1.png);
    background-size: contain;
    top: 43.875rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p4_list3 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p4_1.png);
    background-size: contain;
    top: 52.625rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p4_list4 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p4_1.png);
    background-size: contain;
    top: 61.375rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p4_list5 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p4_1.png);
    background-size: contain;
    top: 70.625rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.gray{
	background: #fff;
    color: #dfdfdf;
    border-radius: 1rem;
}
.p5_1{
    width: 16.5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 79.25rem;
}
.p5_number{
    position: absolute;
    width: 34.75rem;
    height: 9.875rem;
    top: 27.8125rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 8.224rem;
    line-height: 9.875rem;
}
.text-gradient {
	background: linear-gradient(to right, #e72410, #7872b9);
	-webkit-background-clip: text;
	color: transparent;
  }

  .page6_box {
    position: relative;
    top: 34.75rem;
    width: 33.625rem;
    left: 0;
    right: 0;
    margin: auto;
}

.list6{
    position: relative;
    width: 33.5rem;
    height: 5.625rem;
    background-image: url(../img/p6_2.png);
    background-size: contain;
    margin-bottom: 1.875rem;
}
.list6_sel {
    width: 28.5rem;
    height: 5.625rem;
    margin-left: 1rem;
    font-size: 1.6625rem;
    color: #515151;
    display: inline-block;
    line-height: 5.25rem;
    text-align: center;
}
.p6_1{
	width: 16.5rem;
    position: relative;
    left: 9.2rem;
    top: 13.7rem;
    text-align: center;
}
.p7_1{
    width: 16.5rem;
    position: absolute;
    left: 24.5625rem;
    top: 71.5rem;
    text-align: center;
}
.p7_2{
    width: 16.5rem;
    position: absolute;
    left: 5.375rem;
    top: 71.5rem;
    text-align: center;
}
.page7_box {
    position: relative;
    top: 39.75rem;
    width: 33.625rem;
    left: 0;
    right: 0;
    margin: auto;
}
.p7_list{
    width: 26.95rem;
    font-size: 1.875rem;
    color: #000;
    margin-bottom: 1.15rem;
    margin-left: 3.4rem;
}
.p7_list2{
    width: 26.95rem;
    font-size: 1.875rem;
    color: #000;
    margin-bottom: 1.15rem;
    margin-left: 3.4rem;
	margin-top: 3rem;
}

.p7_list_title1{
    display: inline-block;
    vertical-align: top;
}
.p7_list_title2{
    display: inline-block;
    width: 17rem;
}
.p8_1{
    width: 16.5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 68.625rem;
}
.p9_list1 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p9_1.png);
    background-size: contain;
    top: 41.4375rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p9_list2 {
    position: absolute;
    width: 32.75rem;
    height: 5.875rem;
    background-image: url(../img/p9_1.png);
    background-size: contain;
    top: 50.25rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.125rem;
    color: #030303;
    line-height: 5.875rem;
}
.p10_1 {
    width: 16.5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 56.625rem;
}
.page10_box {
    position: relative;
    top: 36.75rem;
    width: 33.625rem;
    left: 0;
    right: 0;
    margin: auto;
}
.p11_1{
    width: 16.5rem;
    position: relative;
    left: 9.2rem;
    top: 22.7rem;
    text-align: center;
}
.page11_box {
    position: relative;
    top: 25.75rem;
    width: 33.625rem;
    left: 0;
    right: 0;
    margin: auto;
}
.p12_2{
    width: 16.5rem;
    position: absolute;
    left: 24.5625rem;
    top: 71.5rem;
    text-align: center;
}
.p12_1{
    width: 16.5rem;
    position: absolute;
    left: 5.375rem;
    top: 71.5rem;
    text-align: center;
}
.page12_box {
    position: relative;
    top: 38.65rem;
    width: 33.625rem;
    left: 0;
    right: 0;
    margin: auto;
}
.p12_list2 {
    width: 26.95rem;
    font-size: 1.875rem;
    color: #000;
    margin-bottom: 1.15rem;
    margin-left: 3.4rem;
    margin-top:3.6rem;
}
.p13_2 {
    width: 16.5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 71.3125rem;
}
.p13_number {
    position: absolute;
    width: 34.75rem;
    height: 9.875rem;
    top: 21.6125rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 8.224rem;
    line-height: 9.875rem;
}
.login_2{
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.log{
    position: absolute;
    width: 35.5rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 20rem;

}
.login_name{
    position: absolute;
    top: 33.8rem;
    left: 11rem;
    display: block;
    width: 29.9rem;
    color: #fff;
    height: 5.775rem;
    font-size: 2.21375rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
}
.login_phone{
    position: absolute;
    top: 42.9rem;
    left: 11rem;
    display: block;
    width: 29.9rem;
    color: #fff;
    height: 5.775rem;
    font-size: 2.21375rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
}
input::placeholder {
	color: #fff;
}
.p_1_btn2{
    width: 25rem;
    height: 5rem;
    color: #fff;
    font-size: 2.5rem;
    line-height: 5rem;
    text-align: center;
    border-radius: 5rem;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 56.5rem; 
}
.login_1{
    width: 25.375rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 56.5rem;
}
.se_login {
    font-size: 2.21375rem;
    line-height: 5.5rem;
    position: absolute;
    top: 43rem;
    left: 33.7rem;
    color: #fff;
    height: 5.5rem;
}
.p_3_Image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.p_3_Image span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 34rem;
    height: 28rem;
}
.p_3_Image span:nth-child(1) {
    top: 61rem;
    width: 30rem;
    height: 19rem;
}

.p_3_Image span:nth-child(2) {
    top: 97.7rem;
}
.p_3_loking {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
    background-color: rgba(255, 255, 255, 0.95);
        z-index: 2;
}

.p_3_loking img {
	position: absolute;
	width: 94%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.p_4_Image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.p_4_Image span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 34rem;
    height: 28rem;
}
.p_4_Image span:nth-child(1) {
    top: 61rem;
    width: 30rem;
    height: 19rem;
}

.p_4_Image span:nth-child(2) {
    top: 97.7rem;
}
.ch_con_seat{
    font-size: 1.7rem;
    color: #fff;
    width: 10.1rem;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 37rem;
    left: 26.6rem;
    text-align: center;
}
.en_con_seat{
    font-size: 1.7rem;
    color: #fff;
    width: 10.1rem;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 42.2rem;
    left: 28.9rem;
    text-align: center;
}
.ch_ban_seat{
    font-size: 1.7rem;
    color: #fff;
    width: 5.4rem;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 37rem;
    left: 26.8rem;
    text-align: center;
}
.en_ban_seat{
    font-size: 1.7rem;
    color: #fff;
    width: 5.4rem;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 42.3rem;
    left: 36.8rem;
    text-align: center;
}
.index_box{
    display: flex;
    width: 41.9125rem;
    position: absolute;
    top: 17.3rem;
    left: 0;
    right: 0;
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-around;
        /* opacity: 0;
    animation: fadeIn 0.5s 0s ease-in-out forwards; */
}
.home_list_1{
    width: 38.5rem;
    display: block;
    margin-bottom: 3.4rem;
}
.ewm_tips2{
    font-size: 2.7rem;
    width: 90%;
    text-align: center;
    position: absolute;
    top: 33rem;
    left: 0;
    right: 0;
    margin: auto;
    color: #000;
}
.ewm_tips3{
    font-size: 2.7rem;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40.7rem;
    color: #61ff82;
}
.ewm_tips4{
    font-size: 2.7rem;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40.7rem;
    color: #f00;
}
.ewm_tips{
    font-size: 1.8rem;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 62rem;
    color: #000;
}
.ewm{
    width: 32rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 29.6rem;  
}
.log_2{
    position: absolute;
    width: 35.5rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 12.1rem;
}
.sign_suc{
    position: absolute;
    width: 12em;
    top: 66.4rem;
    left: 22.9rem;
    animation:duang_top 1s 0s ease-in forwards,boom_shakalaka 1.6s 1s linear infinite alternate;
}

@keyframes boom_shakalaka {
10% {
    transform: translateX(3px) rotate(2deg);
}

20% {
    transform: translateX(-3px) rotate(-2deg);
}

30% {
    transform: translateX(3px) rotate(2deg);
}

40% {
    transform: translateX(-3px) rotate(-2deg);
}

50% {
    transform: translateX(2px) rotate(1deg);
}

60% {
    transform: translateX(-2px) rotate(-1deg);
}

70% {
    transform: translateX(2px) rotate(1deg);
}

80% {
    transform: translateX(-2px) rotate(-1deg);
}

90% {
    transform: translateX(1px) rotate(0);
}

100% {
    transform: translateX(-1px) rotate(0);
}
}

@-webkit-keyframes boom_shakalaka {
10% {
    -webkit-transform: translateX(3px) rotate(2deg);
}

20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
}

30% {
    -webkit-transform: translateX(3px) rotate(2deg);
}

40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
}

50% {
    -webkit-transform: translateX(2px) rotate(1deg);
}

60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
}

70% {
    -webkit-transform: translateX(2px) rotate(1deg);
}

80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
}

90% {
    -webkit-transform: translateX(1px) rotate(0);
}

100% {
    -webkit-transform: translateX(-1px) rotate(0);
}
}
@keyframes duang_top {
from {
    transform: scale(2, 2);
    opacity: 0;
}

to {
    transform: scale(1, 1);
    opacity: 1;
}
}
.index_bg{
        position: absolute;
    width: 100%;
    height: auto;
    top: 0;

}
.star1{
    position: absolute;
    width: 11.875rem;
    top: 1.7rem;
    left: 27rem;
    transform: rotate(88deg);

}
.star2{
position: absolute;
    width: 24.875rem;
    top: 35.4rem;
    left: 17rem;

}
.star3{
position: absolute;
    width: 17.875rem;
    top: -2.3rem;
    left: 27rem;
    transform: rotate(150deg);

}
.index_icon{
    position: absolute;
    width: 4.875rem;
    top: 39.7rem;
    left: 0;
    right: 0;
    margin: auto;
        animation: fadeIn1 2s 0s linear infinite,btn 1s -1s ease-in-out infinite alternate;

}
.page_one {
	transform-origin: left center;
	-webkit-transform-origin: left center;
	animation: paint .5s 0s linear forwards;
	-webkit-animation: paint .5s 0s linear forwards;
}
.page_two {
	transform-origin: left center;
	-webkit-transform-origin: left center;
	animation: paint_back .5s 0s linear forwards;
	-webkit-animation: paint_back .5s 0s linear forwards;
}
.page_wary {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 69.5rem;
}
.top_l_text{
width: 15.3125rem;
    position: absolute;
    top: 1.3rem;
    left: 2.6875rem;
     opacity: 0;
    animation: leftin 1s 0s ease-in-out forwards;
}
.top_r_logo{
    width: 3.5rem;
    position: absolute;
	top: 0;
	right: 2.6875rem;
     opacity: 0;
    animation: topin 1s 0s ease-in-out forwards;
}
.top_line{
    width: 44.875rem;
    position: absolute;
    top: 4.3rem;
    left: 1.1rem;
            opacity: 0;
    animation: fadeIn 1s 0s ease-in-out forwards;
}
.home_title{
    width: 18.3125rem;
    position: absolute;
    top: 9.2rem;
    left: 3.7rem;
        /* opacity: 0;
    animation: fadeIn 1s 0s ease-in-out forwards; */
}
.top_box{
        top: 2.4rem;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.list_2_detail{
        position: absolute;
    width: 28.5625rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.list_4_detail{
        position: absolute;
    width: 43.4375rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.list_5_detail{
        position: absolute;
    width: 43.1875rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.list_6_detail{
        position: absolute;
    width: 39.3125rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.list_7_detail{
        position: absolute;
    width: 26.9375rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.list_8_detail{
        position: absolute;
    width: 26.875rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 13.2rem;
}
.page_2_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/list_2_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_25_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/content_1_bg.jpg?v=3);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_26_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/content_2_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_27_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/content_3_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_28_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/content_4_bg.jpg?v=3);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_29_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/content_5_bg.jpg?v=3);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_4_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/list4_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_6_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/list6_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_7_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/list7_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.page_8_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/list8_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.close,.nav{
    position: absolute;
    width: 2.7rem;
    right: 1.5rem;
    top: 9.5rem;
        animation: fadeIn1 2s 0s linear infinite;
            z-index: 1;
}
.close{
display: none;
}
.tip_text{
    position: absolute;
    top: 9.6rem;
    left: 2.9rem;
    font-size: 1.2rem;
}
.content_1_detail{
        width: 43.9375rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20.7rem;
}
.agenda_box{
    width: 42rem;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 14.9rem;
}

.agenda_list{
    color: #fff;
    font-size: 1.5rem;
    background: #0086c1;
    margin-right: 0.4rem;
    padding: 0.7rem 1.1rem;
    height: 1.5rem;
    line-height: 1.5rem;
}
.agenda_box .active{
  background: #00d3bd;
}
.nav_box{
    width: 8rem;
    position: absolute;
    right: -8.6rem;
    margin: auto;
    top: 12.2rem;
    transition: all 0.5s linear;
}
.to_left{
    right: 8.6rem !important;
}
.nav_list{
color: #fff;
    font-size: 1.49125rem;
    background: #2c9acc;
    padding: 0.7rem 1.1rem;
    line-height: 3.9375rem;
    width: 13.25rem;
    height: 3.9375rem;
    display: block;
    margin-bottom: 0.1rem;
    text-align: center;
}
@media screen and (min-width: 900px) {
.page_wary {
        position: absolute;
    top: 2.8rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: auto;
}
}