*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 20rem;
	font-weight: 400;
	font-family: "microsoft yahei";
}
html,body{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}
button{
	border: none;
}
button:hover{
	cursor: pointer;
}
input,select{
	outline: none;
}
.transition_none *{
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -ms-transition:none!important;
    -o-transition:none!important;
    transition:none!important;
}
/* img{
	width: 100%;
	height: 100%;
}
 */
.hidden{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
}






.headerBox{
	width: 100%;
	height: 110rem;
	background-color: #B92521;
	position: relative;
}
.h-icon{
	width: 44rem;
	height: 70rem;
	position: absolute;
	top: 0;
}
.h-left{
	left: 0;
	transform: rotate(180deg);
}
.h-right{
	right: 0;
}
.w1440{
	width: 1860rem;
	margin: 0 auto;
}
.header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header>.name{
	font-size: 48rem;
	color: #fff;
	line-height: 110rem;
	padding-left: 60rem;
}
.hr{
	display: flex;
	align-items: center;
	margin-right: 120rem;
}
.hr li{
	margin-left: 33rem;
}
.hr .name{
	font-size: 34rem;
	color: #fff;
}
.hr .h-item{
	width: 60rem;
	height: 60rem;
	background-color: rgba(255, 255, 255, .86);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.hr .h-item:hover{
	background-color: rgba(255, 255, 255, 1);
	cursor: pointer;
}
.hr .h-item img{
	width: 40rem;
	height: 40rem;
}
.h-item div{
	position: absolute;
	z-index: 3;
	width: 64rem;
	height: 40rem;
	background-color: #000000;
	border-radius: 4rem;
	color: #fff;
	font-size: 14rem;
	line-height: 40rem;
	text-align: center;
	top: 44rem;
	display: none;
}
.h-item:hover div{
	display: block;
}
.footerBox{
	width: 100%;
	height: 60rem;
	background-color: #3D3939;
}
.footerBox p{
	text-align: center;
	line-height: 50rem;
	font-size: 18rem;
	color: #fff;
}
.mainBox{
	width: 100%;
	min-height: calc(100% - 170rem);
	background-color: #F9F9FB;
	position: relative;
	padding-top: 1px;
	/* padding-bottom: 150rem; */
	overflow-y: auto;
	overflow-x: hidden;
}
.mainBox .footer-img{
	position: absolute;
	width: 100%;
	height: 83rem;
	bottom: 0;
	z-index: 1;
}
.navs{
	display: flex;
	align-items: center;
	margin: 10rem 0;
}
.navs li{
	margin-right: 20rem;
	position: relative;
}
.navs li a{
	color: #999999;
}
.navs li::before{
	content: '>';
	position: absolute;
	top: 0;
	right: -16rem;
	color: #999999;
}
.navs li:last-child::before{
	content: '';
}
.navs li:last-child{
	color: #333333;
}
.navs li:hover a{
	color: #B92521;
	cursor: pointer;
}
.ih{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ih div{
	width: 33%;
	height: 190rem;
	padding: 1px 44rem;
}
.ih .ih1{
	background: url('../imgs/h1.png');
	background-size: 100% 100%;
	text-align: center;
	padding: 40rem 112rem;
	height: 140rem;
}
.ih .ih2{
	background: url('../imgs/h2.png');
	background-size: 100% 100%;
	text-align: center;
	padding: 40rem 112rem;
	height: 140rem;
	margin: 0 12px;
}
.ih .ih4{
	background: url('../imgs/h3.png');
	background-size: 100% 100%;
	text-align: center;
	padding: 40rem 112rem;
	height: 140rem;
}
.ih .ih3{
	background: url('../imgs/h3.png');
	background-size: 100% 100%;
	padding: 1rem 112rem;
	height: 140rem;
	margin: 0 12px 0 0;
}
.redbtn{
	width: 260rem;
	height: 60rem;
	background-color: #B92521 !important;;
	color: #fff;
	font-size: 24rem;
	border-radius: 4rem;
}
.redbtn:hover{
	background-color: #DB2D27 !important;;
}
.redbtn:active{
	background-color: #A6221E !important;;
}
.greenbtn{
	width: 260rem;
	height: 60rem;
	background-color: #3D9243 !important;;
	color: #fff;
	font-size: 24rem;
	border-radius: 4rem;
}
.greenbtn:hover{
	background-color: #46A64C;
}
.greenbtn:active{
	background-color: #347D39 !important;;
}
.orangebtn{
	width: 260rem;
	height: 60rem;
	background-color: #FF9147  !important;;
	color: #fff;
	font-size: 24rem;
	border-radius: 4rem;
}
.orangebtn:hover{
	background-color: #FF9147 !important;;
}
.orangebtn:active{
	background-color: #CC7439 !important;;
}



.ih .ih2 p,
.ih .ih3 p{
	font-size: 24rem;
	margin-top: 24rem;
}
.ih .ih2 span,
.ih .ih3 span{
	display: block;
	font-size: 42rem;
	margin-top: 10rem;
	font-weight: bold;
}
.ih .ih2 p,
.ih .ih2 span{
	color: #0B5339;
}
.ih .ih3 p,
.ih .ih3 span{
	color: #921909;
}
.iyk{
	width: 100%;
	height: 750rem;
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4rem;
	margin-top: 16rem;
	position: relative;
	z-index: 2; 
}
.iykh{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 68rem;
	border-bottom: #EDEDED 1px solid;
	padding: 0 32rem;
}
.iykh h1{
	font-size: 20rem;
	color: #333333;
	height: 20rem;
	line-height: 20rem;
	border-left: #B92521 4px solid;
	padding-left: 20rem;
}
.iyk .cx{
	display: flex;
	align-items: center;
}
.iyk .cx p{
	font-size: 20rem;
	color: #333333;
	margin-right: 16rem;
}
.iyk .cx input,
.iyk .cx select{
	width: 256rem;
	height: 44rem;
	border: #CCCCCC 1px solid;
	border-radius: 4rem;
	margin-right: 30rem;
	font-size: 18rem;
	padding-left: 14rem;
}
.iyk .cx button{
	width: 66rem;
	height: 40rem;
	font-size: 18rem;
	margin-left: 20rem;
}
.iyk table{
	width: calc(100% - 64rem);
	margin-top: 0;
	margin-left: 32rem;
	text-align: center;
	border: #CCCCCC 1px solid;
	border-radius: 4rem;
}
.iyk table th{
	height: 40rem;
	background-color: #F2F2F5;
	font-size: 22rem;
	color: #333333;
}
.iyk table td{
	height: 52rem;
	font-size: 22rem;
	color: #333333;
	border-top: #CCCCCC 1px solid;
}
.iyk table tr:hover td{
	background-color: #FAFAFC;
}
.iyk .ck{
	color: #B92521;
	cursor: pointer;
}
.iyk .pages{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 30rem;
}
.iyk .pages li{
	height: 44rem;
	min-width: 44rem;
	border: #D2D3D4 1px solid;
	border-radius: 4rem;
	margin: 0 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6C6C6D;
	font-size: 16rem;
	cursor: pointer;
}
.iyk .pages img{
	width: 6rem;
	height: 10rem;
}
.iyk .pages img.yjt{
	transform: rotate(180deg);
}
.iyk .pages li.on{
	color: #B92521;
	border-color: #B92521;
}
.iyk .pages select{
	height: 100%;
	border: none;
	color: #6C6C6D;
	font-size: 14rem;
	padding-right: 20rem;
	padding-left: 10rem;
}
.iyk .pages li:hover{
	background-color: #F2F4F7;
}
.verify{
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.vl,
.vr{
	width: 1220rem;
	height: 850rem;
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4rem;
	padding: 1px 0;
}
.vr{
	width: 600rem;
}
.vl .kckm{
	display: flex;
	justify-content: space-between;
	margin-top: 24rem;
	align-items: center;
}
.vl .kckm p{
	font-size: 28rem;
	color: #fff;
	width: 260rem;
	height: 50rem;
	line-height: 50rem;
	padding-left: 40rem;
	background: url('../imgs/kcbg.png');
	background-size: 100% 100%;
}
.vl .kckm span{
	font-size: 24rem;
	color: #333333;
	margin-right: 40rem;
	font-weight: bold;
}
.vl .stu{
	margin-top: 70rem;
	display: flex;
	justify-content: center;
}
.vl .zpbox{
	width: 180rem;
	height: 236rem;
	border: #CCCCCC 1px solid;
	padding: 20rem;
	margin-right: 70rem;
	position: relative;
}
.vl .zpbox img{
	width: 100%;
	height: 100%;
}
.vl .zpbox p{
	width: 100%;
	position: absolute;
	bottom: -60rem;
	left: 0;
	color: #888888;
	font-size: 18rem;
	text-align: center;
}
.vl li{
	display: flex;
	align-items: center;
	margin-bottom: 26rem;
}
.vl li span{
	display: block;
	width: 100rem;
	text-align: right;
	color: #888888;
	font-size: 24rem;
}
.vl li p{
	font-size: 20rem;
	color: #333333;
}
.vl .sbjg{
	text-align: center;
	margin-top: 70rem;
}
.vl .sbjg p{
	font-size: 30rem;
	color: #333333;
}
.vl .sbjg span{
	font-size: 30rem;
}
.vl .sbjg span.cg{
	color: #03A503;
}
.vl .sbjg span.sb{
	color: #D9150F;
}
.vl .sbjg button{
	width: 155rem;
	height: 46rem;
	font-size: 18rem;
	margin-top: 60rem;
}
.vr{
	position: relative;
}
.vr .item{
	width: 100%;
	border-bottom: #EDEDED 1px solid;
	padding: 32rem;
}
.vr .item p{
	font-size: 20rem;
	color: #333333;
	margin-bottom: 10rem;
}
.vr .item span{
	font-size: 32rem;
	color: #333333;
	font-weight: bold;
}
.vr .btns{
	position: absolute;
	bottom: 60rem;
	right: 0rem;
	width: 100%;
	text-align: center;
}
.vr .btns button{
	width: 264rem;
	height: 46rem;
	margin-top: 24rem;
	font-size: 18rem;
}
.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	display: none;
}
.sgbox{
	width: 940rem;
	height: 798rem;
	margin: calc(50vh - 619rem) auto;
	background-color: #fff;
	border-radius: 16rem;
	position: relative;
	padding: 40rem;
	top:200rem;
}
.sgbox .zpbox{
	width: 180rem;
	height: 236rem;
	border: #CCCCCC 1px solid;
	padding: 20rem;
	margin-left: 50rem;
	position: relative;
}
.sgbox .zpbox img{
	width: 100%;
	height: 100%;
}
.sgbox .zpbox p{
	width: 100%;
	position: absolute;
	bottom: -40rem;
	left: 0;
	color: #888888;
	font-size: 18rem;
	text-align: center;
}
.sgbox .cha{
	width: 18rem;
	height: 18rem;
	position: absolute;
	top: 24rem;
	right: 24rem;
	cursor: pointer;
}
.sgbox span{
	font-size: 18rem;
	color: #333333;
}
.sgbox textarea{
	width: 560rem;
	height: 140rem;
	border: #C7CED1 1px solid;
	resize: none;
	outline: none;
	padding: 15rem 20rem;
	margin-top: 16rem;
}
.sgbox input{
	width: 250rem;
	height: 50rem;
	border: #C7CED1 1px solid;
	resize: none;
	outline: none;
}
.sgbox .dx{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30rem;
}
.sgbox label{
	display: flex;
	align-items: center;
	width: 50%;
	margin-bottom: 12rem;
	cursor: pointer;
}
.sgbox label input{
	width: 20rem;
	height: 20rem;
	margin-right: 14rem;
}
.sgbox label p{
	font-size: 18rem;
	color: #333333;
	line-height: 20rem;
}
.sgbox button{
	width: 140rem;
	height: 46rem;
	font-size: 18rem;
}
.sgbox label input[type=checkbox] {
    width: 20rem;
    height: 20rem;
    margin-right: 10px;
    position: relative;
  }
 .sgbox label  input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 20rem;
    height: 20rem;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' ';
  }
 .sgbox label  input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 16rem;
    line-height: 20rem;
    background-color: #B92521;
	border-radius: 2rem;
    
  }
  
  
  
.vl100{
	width: 100%;
}
.vl100 .stu{
	margin-left: 290rem;
}
.vl100 .xm{
	display: flex;
	justify-content: space-between;
	margin-top: 60rem;
	padding: 0 40rem;
}
.vl100 .xh{
	font-size: 24rem;
	color: #333333;
}
.vl100 .xh span{
	color: #B92521;
	font-size: 34rem;
	font-weight: bold;
}
.vl100 .xm button{
	width: 170rem;
	height: 46rem;
	font-size: 18rem;
	margin-left: 40rem;
}
.yklist .iyk{
	height: 850rem;
}
.yklist .cx{
	margin-left: 32rem;
	margin-top: 24rem;
}
.yklist h1{
	font-weight: bold;
}


.vl630{
	width: 700rem;
}
.vl630 .kckm p{
	width: auto;
	padding-right: 20rem;
	padding-left: 30rem;
}
.vl630 .zpboxs{
	display: flex;
	justify-content: center;
	margin-top: 24rem;
}
.vl630 li{
	margin-bottom: 10rem;
}
.vl630 .stu{
	margin-left: 60rem;
}
.vl630 .sbjg{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 3rem;
	padding: 0 250rem;
}
.vl630 .sbjg button{
	margin: 0;
}
.vl630 .sbjg p,
.vl630 .sbjg span{
	font-size: 26rem;
	font-weight: bold;
}
.vl630 .sbjg span img{
	width: 150rem;
	height: 150rem;
}

.vl-seat{
	width: 610rem;
	height: 850rem;
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4rem;
	padding: 1px 0;
}
.vl-stulist{
	width: 500rem;
	height: 850rem;
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4rem;
	padding: 1px 0;
}
.vl-seat h1{
	text-align: center;
	margin-top: 32rem;
	font-size: 22rem;
	color: #333333;
	font-weight: bold;
}
.vl-seat .videobox{
	width: 100%;
	height: 440rem;
	text-align: center;
	background-color: #fff;
	margin-top: 50rem;
}
.videoboxbottom{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40rem;
	background-color: #000;
}
.vl-seat .videobox video{
	width: 100%;
}
.vl-seat button{
	width: 264rem;
	height: 46rem;
	background: #B92521;
	border-radius: 4rem;
	color: #fff;
	font-size: 18rem;
	display: block;
	margin: 110rem auto 0;
}

.vl-seat .greenbtn,.vl-seat .orangebtn{
	margin: 30rem auto 0;
}

.vl-seat .closebtn{
	background-color: #c0c0c0;
	margin-top: 70rem;
}
.vl-seat .closebtn:hover{
	background-color: #c0c0c0;
}
.vl-seat .closebtn:active{
	background-color: #808080;
}

.vl-seat button[disabled]{
	background-color: rgba(185, 37, 33, .3);
}
.vl-stulist .namenum{
	margin-top: 20rem;
	text-align: center;
}
.vl-stulist .namenum p{
	font-size: 28rem;
	color: #333333;
	font-weight: bold;
}
.vl-stulist .tip{
	font-size: 20rem;
	color: #029F06;
	text-align: center;
	margin-top: 10rem;
}
.vl-stulist .tab{
	width: calc(100% - 32rem);
	height: 710rem;
	overflow: auto;
	margin-top: 26rem;
	margin-left: 16rem;
	/* border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid; */
}
.vl-stulist th{
	min-width: 110rem;
	height: 42rem;
	text-align: left;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 0 12rem;
}
.vl-stulist th:first-child{
	border-left: none;
}
.vl-stulist td{
	height: 52rem;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 0 12rem;
}
.vl-stulist td:first-child{
	border-left: none;
}
.vl-stulist tr:nth-child(odd){
	background-color: #F2F2F5;
}
.vl-stulist .tab::-webkit-scrollbar{
	height: 10rem;
}
.vl-stulist .tab::-webkit-scrollbar-track{
	background-color: rgba(0, 0, 0, .1);
}
.vl-stulist .tab::-webkit-scrollbar-thumb{
	background-color: rgba(0, 0, 0, .1);
}
.fy{
	display: flex;
	justify-content: space-evenly;
	margin-top: 20rem;
}
.fy div{
	width: 10rem;
	height: 20rem;
	background-image: url('../imgs/jt.png');
	background-size: 100% 100%;
	transform: rotate(-90deg);
	cursor: pointer;
}
.fy div.prev{
	transform: rotate(90deg);
}



/*** 以下自行增加的*/


#loginBg{
	width: 100%;
	min-height: 100%;
	background: url('../img/bg.png') no-repeat;
	background-size: 100% 100%;
	padding: 1px;
	position: relative;
}
#loginBg>h1{
	font-size: 76rem;
	color: #B92521;
	font-weight: bold;
	text-align: center;
	height: 220rem;
	line-height:  220rem;
}
.loginBox{
	width: 1200rem;
	height: 700rem;
	background-color: #fff;
	margin: 20rem auto 0;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
	border-radius: 8rem;
	padding: 1px;
}
.loginType{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 680rem;
	height: 90rem;
	background-color: #F2F2F2;
	border-radius: 8rem;
	margin-top: 48rem;
	margin-left: 260rem;
}
.loginType p{
	color: #888888;
	font-size: 38rem;
	width: 332rem;
	height: 74rem;
	line-height: 72rem;
	text-align: center;
}
.loginType p:hover{
	cursor: pointer;
}
.loginType p.on{
	color: #333333;
	background-color: #FDFDFC;
	box-shadow: 0px 0px 1px 0px #c5c5c5;
	border-radius: 8rem;
}
.loginBox ul{
	margin-left: 210rem;
	width: 780rem;
	margin-top: 100rem;
	display: none;
}
.loginBox li{
	width: 100%;
	height: 50rem;
	display: flex;
	align-items: center;
	padding-bottom: 10rem;
	margin-top: 80rem;
	/* border-bottom: #E9E7E8 1px solid; */
	position: relative;
}
.loginBox li>img{
	width: 40rem;
	height: 40rem;
	position: absolute;
	z-index: 2;
}
.loginBox li input{
	height: 84rem;
	border: none;
	font-size: 38rem;
	width: 100%;
	position: relative;
	padding-left: 60rem;
	border-bottom: #E9E7E8 1px solid;
}
.loginBox li input:focus{
	border-bottom: #A6221E 1px solid;
}
.loginBox li input:hover h2{
	display: block;
}
.loginBox .wjmm{
	text-align: right;
	margin-left: 819rem;
	margin-top: 40rem;
	display: inline-block;
}
.loginBox .wjmm a{
	color: #999999;
	font-size: 36rem;
}
.loginBox .wjmm:active a{
	color: #A6221E;
}
#loginBg .loginBtn{
	width: 780rem;
	height: 102rem;
	margin-left: 210rem;
	color: #FDFDFC;
	font-size: 48rem;
	background-color: #B92521;
	box-shadow: 0px 4px 6px 0px rgba(185,37,33,0.2);
	border-radius: 16rem;
	margin-top: 70rem;
}

.backBtn{
	width: 180rem;
	height: 82rem;
	margin-left: 50rem;
	color: #FDFDFC;
	font-size: 48rem;
	background-color: #c0c0c0;
	box-shadow: 0px 4px 6px 0px rgb(240 177 175 / 20%);
	border-radius: 16rem;
	margin-top: 70rem;
}

.loginBtn:hover{
	box-shadow: 0px 4px 6px 0px rgba(185,37,33,0.4);
}
.loginBtn:active{
	background-color: #99201C;
}
.loginBox.type1 .login1{
	display: block;
}
.loginBox.type2 .login2{
	display: block;
}
.loginBox.type2 .wjmm{
	display: none;
}
.loginBox.type2 .loginBtn{
	margin-top: 120rem;
}

.wh{
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	height: 50rem;
	line-height: 50rem;
	border-left: #E0E0E0 1px solid;
	padding-left: 16rem;
}
.wh p{
	width: 100rem;
	font-size: 36rem;
	color: #333333;
}
.wh:hover{
	cursor: pointer;
}
.wh img{
	width: 22rem;
	height: 14rem;
	margin-left: 4rem;
	transform: rotate(180deg);
}
.wh.jtfz img{
	transform: rotate(0deg);
}
.whmore{
	position: absolute;
	width: 210rem;
	/* height: 80rem; */
	background-color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.24);
	top: 60rem;
	right: -20rem;
	z-index: 2;
	border-radius: 4rem;
	padding: 4rem;
	display: none;
}
.whmore.show{
	display: block;
}
.whmore span{
	display: block;
	width: 100% !important;
	height: 80rem;
	line-height: 80rem;
	font-size: 36rem;
	color: #333333;
	text-align: center;
}
.whmore span.on{
	background-color: #F0F1F2;
	color: #B92521;
}
.loginBox #hqyzm{
	position: absolute;
	right: 0;
	font-size: 36rem;
	color: #B92521;
	height: 50rem;
	line-height: 50rem;
	border-left: #E0E0E0 1px solid;
	width: 220rem;
	text-align: center;
	background: none;
}
.hqyzm:hover{
	cursor: pointer;
}



.online{
	display: flex;
	justify-content: space-between;
}
.vr{
	width: 553rem;
	height: 704rem;
	border: rgba(0, 0, 0, 0.14) 1px solid;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4rem;
	background-color: #fff;
}
.vr h1{
	font-size: 20rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 16rem 0;
}
.vr .obs{
	width: 505rem;
	height: 379rem;
}
.vr .obs img,
.vr .obs video{
	width: 100%;
	height: 100%;
}
.vr .con{
	width: 505rem;
	height: 224rem;
	background-color: #FAFAFC;
	margin-top: 24rem;
	border: #CCCCCC 1px solid;
	border-radius: 4rem;
	position: relative;
}
.vr .con p{
	width: 200rem;
	margin: 16rem auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.con1 ul{
	margin-left: 64rem;
}
.con1 li{
	margin-bottom: 16rem;
}
.con1 ul span{
	display: inline-block;
	width: 60rem;
	text-align: right;
	font-size: 18rem;
	color: #333333;
	margin-right: 22rem;
}
.con1 ul input{
	width: 280rem;
	height: 38rem;
	border: #CCCCCC 1px solid;
	padding-left: 20rem;
	border-radius: 4rem;
}
.con1 button{
	width: 140rem;
	height: 38rem;
	background-color: #B92521;
	color: #fff;
	margin-left: 183rem;
	border-radius: 4rem;
	margin-top: 4rem;
}
.con1 button:hover{
	background-color: #DB2D27;
}
.con1 button:active{
	background-color: #A6221E;
}
.online .btns button{
	width: 140rem;
	height: 50rem;
	margin-left: 60rem;
	color: #fff;
	border-radius: 4rem;
	font-size: 20rem;
}
#rlhy{
	background-color: #019601;
	margin-top: 175rem;
}
#rlhy:hover{
	background-color: #02BD02;
}
#rlhy:active{
	background-color: #017D01;
}
#cxks{
	background-color: #E38140;
	margin-top: 80rem;
}
#cxks:hover{
	background-color: #FF9147;
}
#cxks:active{
	background-color: #CC7439;
}
.con2 .jimg{
	width: 16rem;
	height: 16rem;
	display: inline-block;
	margin-left: 10rem;
	background: url('../img/j1.png');
}
.con2 p:hover .jimg{
	background: url('../img/j2.png');
}
.con2 p:hover{
	cursor: pointer;
}
.con2 .zjt,
.con2 .yjt{
	 position: absolute;
	 width: 12rem;
	 height: 18rem;
	 background: url('../img/jt2.png');
	 background-size: 100% 100%;
	 top: 16rem;
}
.con2 .zjt{
	left: 15rem;
	transform: rotate(180deg);
}
.con2 .yjt{
	right: 15rem;
}
.con2 .zjt:hover,
.con2 .yjt:hover{
	background: url('../img/jt3.png');
	cursor: pointer;
}
.con2 .zjt:hover{
	transform: rotate(0deg);
}
.con2 .yjt:hover{
	transform: rotate(180deg);
}
.con2 table{
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #333333;
}
.con2 th{
	background-color: #F2F2F5;
	height: 38rem;
	border-top: #CCCCCC 1px solid;
}
.con2 td{
	height: 44rem;
}
.con2 th,
.con2 td{
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}
.con2 th:last-child,
.con2 td:last-child{
	border-right: none;
}
.con2 tr:hover td{
	background-color: #FAFAFC;
}
.con2 td.zjh{
	color: #008BED;
	text-decoration: underline;
}
.con2 td.state1{
	color: #F56100;
}
.con2 td.state2{
	color: #999999;
}
.con2 td.state3{
	color: #019601;
}
#mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 10;
	display: none;
}
#rlsb{
	position: fixed;
	z-index: 11;
	top: calc(50% - 260rem);
	left: calc(50% - 270rem);
	width: 540rem;
	height: 418rem;
	background-color: #fff;
	border-radius: 16rem;
	padding: 32rem;
	display: none;
}
#rlsb .state{
	font-size: 28rem;
	text-align: center;
	margin-bottom: 24rem;
	font-weight: bold;
	display: none;
	color: #0088EB;
}
#rlsb.state2 .state{
	color: #019601;
}
#rlsb.state3 .state{
	color: #B92521;
} 
#rlsb .stu{
	width: 100%;
	height: 232rem;
	background-color: #F2F4F5;
	padding: 16rem;
}
#rlsb .stu h1{
	font-size: 20rem;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
#rlsb .stu div{
	width: 100%;
	height: 164rem;
	background-color: #fff;
	display: flex;
	padding: 13rem;
	margin-top: 10rem;
}
#rlsb .stu img{
	width: 100rem;
	height: 138rem;
	margin-right: 34rem;
}
#rlsb .stu ul{
	padding-top: 10rem;
}
#rlsb .stu li{
	display: flex;
	align-items: center;
	margin-bottom: 22rem;
}
#rlsb .stu span{
	display: block;
	width: 54rem;
	color: #999999;
	font-size: 18rem;
	text-align-last: justify;
	margin-right: 22rem;
}
#rlsb .btns button{
	width: 140rem;
	height: 46rem;
	color: #fff;
	font-size: 18rem;
	margin: 24rem auto 0;
	border-radius: 4rem;
	display: none;
}
#rlsb .btns button.state2{
	background-color: #0088EB;
}
#rlsb .btns button.state3{
	background-color: #019601;
}
#rlsb.state1 .state1{
	display: block;
}
#rlsb.state2 .state2{
	display: block;
}
#rlsb.state3 .state3{
	display: block;
}
#rlsb #load1,
#rlsb #load2,
#rlsb #load3{
	display: inline-block;
	width: 8rem;
	height: 8rem;
	background-color: #0088EB;
	border-radius: 50rem;
	margin-left: 4rem;
	position: relative;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#rlsb #load1{
	animation-name: load1;
}
#rlsb #load2{
	animation-name: load2;
}
#rlsb #load3{
	animation-name: load3;
}
@keyframes load1 {
	0%{top: 0rem;}
	25%{top: -5rem;}
	50%{top: -10rem;}
	75%{top: -5rem;}
	100%{top: 0rem;}
}
@keyframes load2 {
	0%{top: -5rem;}
	25%{top: 0rem;}
	50%{top: -5rem;}
	75%{top: -10rem;}
	100%{top: -5rem;}
}
@keyframes load3 {
	0%{top: -10rem;}
	25%{top: -5rem;}
	50%{top: 0rem;}
	75%{top: -5rem;}
	100%{top: -10rem;}
}

#stuxq{
	position: fixed;
	z-index: 11;
	top: calc(50% - 300rem);
	left: calc(50% - 270rem);
	width: 540rem;
	height: 568rem;
	background-color: #fff;
	border-radius: 16rem;
	padding: 32rem 64rem;
	display: none;
}
#stuxq>h1{
	font-size: 20rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
#stuxq .stu{
	margin-top: 30rem;
	display: flex;
}
#stuxq .stu img{
	width: 100rem;
	height: 138rem;
	margin-right: 34rem;
}
#stuxq .stu li{
	display: flex;
	align-items: center;
	margin-bottom: 14rem;
}
#stuxq .stu span{
	display: block;
	width: 54rem;
	color: #999999;
	font-size: 18rem;
	text-align-last: justify;
	margin-right: 22rem;
}
.playbackBox{
	margin-top: 30rem;
}
.playback{
	width: 412rem;
	height: 232rem;
	position: relative;
	overflow: hidden;
}
.playback img,
.playback video{
	width: 100%;
	height: 100%;
	transition: .3s;
}
.playback:hover .cover{
	transform: scale(1.1);
	cursor: pointer;
}
.playback .play{
	position: absolute;
	width: 54rem;
	height: 54rem;
	top: calc(50% - 27rem);
	left: calc(50% - 27rem);
}
.playbackBox>p{
	font-size: 18rem;
	color: #333333;
	text-align: center;
	margin-top: 16rem;
}
.cha{
	position: absolute;
	width: 18rem;
	height: 18rem;
	top: 20rem;
	right: 30rem;
}
.cha:hover{
	cursor: pointer;
}
#ksjl{
	position: fixed;
	width: 828rem;
	top: calc(50% - 350rem);
	left: calc(50% - 414rem);
	background-color: #fff;
	z-index: 11;
	border-radius: 8rem;
	padding-bottom: 32rem;
	display: none;
}
#ksjl>h1{
	width: 100%;
	height: 56rem;
	border-bottom: #CCCCCC 1px solid;
	line-height: 56rem;
	padding-left: 32rem;
	font-size: 18rem;color: #333333;
}
#ksjl ul{
	padding-left: 32rem;
	display: flex;
	align-items: center;
	margin-top: 20rem;
}
#ksjl li{
	display: flex;
	align-items: center;
	margin-right: 22rem;
}
#ksjl ul  input,
#ksjl ul  select{
	margin-left: 15rem;
	width: 156rem;
	height: 34rem;
	border-radius: 4rem;
	border: #CCCCCC 1px solid;
	padding-left: 13rem;
}
#ksjl ul button{
	width: 58rem;
	height: 34rem;
	background-color: #B92521;
	font-size: 14rem;
	color: #fff;
	border-radius: 4rem;
	position: absolute;
	right: 32rem;
}
#ksjl table{
	width: 764rem;
	margin-left: 32rem;
	border: #CCCCCC 1px solid;
	margin-top: 20rem;
}
#ksjl td:first-child,
#ksjl th:first-child{
	text-align: center;
}
#ksjl th{
	text-align: left;
	height: 38rem;
	background-color: #F2F2F5;
}
#ksjl td{
	border-top: #CCCCCC 1px solid;
	height: 46rem;
}
#ksjl tr:hover td{
	background-color: #FAFAFC;
}
#ksjl td.zjh{
	color: #008BED;
	text-decoration: underline;
}
#ksjl td.state1{
	color: #F56100;
}
#ksjl td.state2{
	color: #999999;
}
#ksjl td.state3{
	color: #019601;
}
.pages .zjt,
.pages .yjt{
	width: 6rem;
	height: 10rem;
	background: url('../img/jt4.png');
	background-position: center center;
}
.pages .yjt{
	transform: rotate(180deg);
}
.pages li{
	border: #D2D3D4 1px solid;
	min-width: 32rem;
	height: 32rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4rem;
	font-size: 14rem;
}
.pages{
	justify-content: center;
}
.pages li:last-child{
	border: none;
}
.pages select{
	margin: 0 !important;
	width: 100rem !important;
	font-size: 14rem;
}
.pages li.on{
	border-color: #B92521;
	color: #B92521;
}
.pages li:hover{
	background-color: #F2F4F7;
	cursor: pointer;
}

.roomBox{
	position: relative;
	z-index: 2;
}
.roomBox>h1{
	font-size: 40rem;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-top: 80rem;
	margin-bottom: 90rem;
}
.roomBox>ul{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.room-item{
	width: 620rem;
	height: 508rem;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	border-radius: 8rem;
	text-align: center;
	transition: .3s;
}
.room-item h1{
	width: 100%;
	height: 94rem;
	line-height:94rem;
	font-size: 36rem;
	color: #fff;
	background-size: 100% 100%;
}
.room-item.type1 h1{
	background: url('../img/h1.png');
	background-size: 100% 100%;
}
.room-item.type2 h1{
	background: url('../img/h2.png');
	background-size: 100% 100%;
}
.room-item p{
	font-size: 36rem;
	color: #333333;
	font-weight: bold;
	margin-top: 26rem;
}
.room-item span{
	font-size: 44rem;
	display: block;
	margin-top: 10rem;
}
.room-item.state1 span{
	color: #999999;
}
.room-item.state2 span{
	color: #B92521;
}
.room-item.state3 span{
	color: #008BED;
}
.room-item button{
	width: 440rem;
	height: 90rem;
	font-size: 36rem;
	color: #fff;
	background: #B92521;
	border: #B92521 1px solid;
	margin-top: 56rem;
	border-radius: 4rem;
	transition: .2s;
}
.room-item:hover{
	margin-top: -10rem;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
}
.room-item button:hover{
	background-color: #B92521;
	color: #fff;
	border-color: #B92521;
	box-shadow: 0px 2px 9px 0px rgba(185,37,33,0.3)
}
.onlineBox{
	padding: 0 36rem;
	position: relative;
	z-index: 2;
}

.myBox{
	/* width: 1379rem;
	height: 680rem; */
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border-radius: 8rem;
	padding: 80rem 330rem;
	display: flex;
}
.myBox .txbox{
	width: 114rem;
	height: 114rem;
	background-color: #E8E8E8;
	border-radius: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.myBox .txbox img{
	width: 95rem;
	height: 95rem;
}
.myBox ul{
	margin-left: 90rem;
}
.myBox li{
	display: flex;
	align-items: center;
	width: 760rem;
	position: relative;
	margin-bottom: 34rem;
}
.myBox li h1{
	font-size: 18rem;
	color: #333333;
	font-weight: bold;
}

.pwdTip{
	position: relative;
	left: 40rem;
	bottom: 4rem;
	display: none;
	color: #ff0000;
}
.samePwdTip{
	position: relative;
	left: 40rem;
	bottom: 4rem;
	display: none;
	color: #ff0000;
}

.pwdStrength{
	position: relative;
	left: 40rem;
	bottom: 4rem;
	display: none;
}

.myBox li>span{
	display: block;
	width: 128rem;
	text-align-last: justify;
	margin-right: 39rem;
}
.myBox li input{
	width: 336rem;
	height: 40rem;
	border: #CCCCCC 1px solid;
	border-radius: 4rem;
	padding-left: 14rem;
}
.myBox li input:focus{
	box-shadow: 0px 0px 4px 0px #2671E6;
}
.myBox .whmore{
	width: 80rem;
	top: 36rem;
}
#sjtip{
	position: absolute;
	bottom: -22rem;
	left: 104rem;
	color: #D03050;
	font-size: 14rem;
	display: none;
}
.myBox li input.none{
	border-color: #D03050;
}
.myBox li #hqyzm{
	position: absolute;
	right: 0;
	height: 40rem;
	line-height: 40rem;
	border-left: #CCCCCC 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
}
.myBox #hqyzm{
	width: 140rem;
	color: #2671E6;
}
.myBox .wh{
	width: 80rem;
	height: 40rem;
}
.myBox .loginBtn{
	margin-left: 100rem;
	width: 140rem;
	height: 50rem;
	color: #FDFDFC;
	background-color: #B92521;
	box-shadow: 0px 4px 6px 0px rgba(185,37,33,0.2);
	border-radius: 16rem;
}



@media (max-width:1028px){
	.headerBox,
	.mainBox,
	.footerBox{
		width: 1028px !important;
	}
}


.stu1 {
	margin-top: 40rem;
	/* display: flex; */
	justify-content: center;
	margin-left: 10rem;
}
.stu1 li{
	display: flex;
	align-items: center;
	margin-bottom: 24rem;
}
.stu1 li span{
	display: block;
	width: 100rem;
	text-align: right;
	color: #888888;
	font-size: 24rem;
}
.stu1 li p{
	font-size: 24rem;
	color: #333333;
}
.stu1 li input{
	width:400rem;
	height: 58rem;
    border: 1px solid #d3d0d0;
}

.stu1 li textarea{
	width:400rem;
	height: 138rem;
	 border: 1px solid #d3d0d0;
	 color: #888888;
}