* {
	margin: 0;
	padding: 0;
	outline: none;
}
a{
	text-decoration : none;
}

img {
	width: 100%;
	height: auto;
	/* display: block; */
}

ul,
li {
	list-style: none;
}

.header {
	background: #FFFFFF;
	height: 88px;
	border-bottom: 2px solid #ccc;
}

.header .block {
	/* width: 1400px; */
	width: 78%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header .left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header .logo {
	padding-right: 20px;
	margin-right: 20px;
	/* border-right: 1px solid #D6D6D6; */
}
/* .header .logo img{
	height: 64px;
    width: 174px;
} */

.header .text {
	text-align: center;
	margin-left: 20px;
}

.header .text .big {
	color: #999999;
	/* font-size: 26px; */
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.header .text .small {
	color: #EC1D1D;
	font-size: 12px;
}

.header .right {
	/* width: 100%;
	height: 100%; */
	/* padding: 0 40px 0 60px; */
	padding-left: 66px;
	display: flex;
	flex: 1;
	align-items: center;
}
.nav-link{
	padding: 0px !important;
}
.header .nav {
	width: 86%;
	display: flex;
	align-items: center;
	/* justify-content: flex-start; */
	justify-content: space-between;
}

.header .nav .item {
	width: 100%;
	display: flex;
	flex: 1;
	justify-content: center;
	color: #343434;
	/* font-size: 18px; */
	font-size: 14px;
}

.footer {
	background: #FFFFFF;
	min-width: 1400px;
}

.footer .block {
	/* width: 1400px; */
	width: 100%;
	background:#0c5098;
	margin: 0 auto;
	padding: 10px 0;
}

.footer .block .top {
	width: 70%;
	margin: auto;
	/* padding: 50px 80px 50px 50px; */
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	/* justify-content: space-around;  */
	 /* background: #3080d5; */
	 padding: 10px;
	 opacity: 0.7;
}

.footer .block .left {
	/* width: 120px; */
	width: 33.3333%;
	/* margin-right: 80px; */
	border-right: 1px dashed #fff;
}
.footer .block .left img{
	width: 100px;
	height: 100px;
	margin-left: 30px;
}
.footer .block .center div{
	text-align: center;
	line-height: 31px;
}
.footer .block .center {
	display: flex;
	flex-direction: column;
	/* justify-content: flex-start;
	align-items: center;
	height: 150px;
	box-sizing: border-box; */
	color: #fff;
	width: 33.3333%;
	border-right: 1px dashed #fff;
	align-items: center;

}

.footer .block .center .row {
	width: 170px;
	height: 100%;
}

.footer ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	height: 100%;
}

.footer li {
	color: #666666;
	font-size: 14px;
	width: 100%;
}

.footer .title {
	color: #fff;
	font-size: 18px;
}

.footer .time {
	color: #999999;
	font-size: 12px;
}

.footer .right {
	/* height: 150px; */
    width: 33.33%;
    border-right: 1px dashed #fff;
    display: flex;
	align-items: center;
	justify-content: center;

}

.footer .right .title {
	margin-bottom: 10px;
}

.footer .right .imgs {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer .qrCode {
	margin-right: 15px;
}

.footer .qrCode img {
	width: 95px;
	height: 95px;
}

.footer .qrCode .text {
	color: #FFF;
	font-size: 12px;
	text-align: center;
	/* color: #000; */
}

.footer .block .line {
	background: #E5E5E5;
	width: 72%;
	height: 1px;
	margin: auto;
}

.footer .bottom {
	color: #999999;
	font-size: 14px;
	padding: 40px;
	text-align: center;
}

.footer .bottom p {
	margin-bottom: 5px
}

.footer .bottom p:last-child {
	margin-bottom: 0;
}

.modals {
	background: #FFFFFF;
	/* height: 800px; */
	position: relative;
	/* border-bottom: 5px solid #0096E0; */
}

.modals .content {
	/* box-shadow: -4px 4px 45px 5px rgba(113, 110, 110, 0.15);
	width: 1400px;
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -700px;
	/* background: #FFFFFF; 
	padding: 30px;
	box-sizing: border-box; */
}

.modals .content .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.modals .content .item:last-child {
	margin: 0;
}

.modals .content .item .left_date {
	width: 68px;
	border: 1px solid rgba(31, 122, 197, 1);
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.modals .content .item .left_date .day {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	background: #1F7AC5;
}

.modals .content .item .left_date .year {
	color: #333333;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
}

.modals .content .item .right_msg {
	display: flex;
	flex: 18;
	flex-wrap: wrap;
	padding: 0 20px;
	box-sizing: border-box;
}

.modals .content .item .right_msg .title {
	color: #333333;
	font-size: 20px;
	margin-bottom: 10px;
}

.modals .content .item .right_msg .msg {
	color: #999999;
	font-size: 16px;
}

.modal .content .bottom {
	margin: 50px 0 30px;
	text-align: center;
}
.select{
	border: 0;
	font-size: 14px;
	height: 20px;
	color: #343434;
   
}
.seat {
	/* width: 100%; */
	width: 78%;
	margin: auto;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 72px;
	/* padding: 40px 0 49px 0; */
	padding: 8px 0 10px 0;

}

.seat span {
	color: #FD8965;

}
.my-4{
	margin: 45px 0 !important;
}
.enroll_img {
	/* width: 1400px; */
	/* width: 78% !important; */
	width: 100%;
	margin: auto;
	height: 113px;
}
.seat_content_left{
	width: 71%;
}

.right-list>ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	border: 1px solid #eee;
	
}
.right-list>ul>li{
	width: 33%;
    text-align: center;
    height: 30px;
    line-height: 30px;


}
.right-list>ul>li>a{
	color: orangered !important;
}
.seat_content {
	/* width: 1400px; */
	/* width: 78%; */
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 33px;
}

   
.seat_content_right{
    /* width: 347px; */
    width: 27%;
}

.seat_content_title {
	display: flex;
	/* width: 1014px; */
	width: 100%;
	height: 88px;
	border: 1px solid rgba(255, 211, 199, 1);
}

.seat_content_title ul{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: scroll;
    height: 100%;	

}
.seat_content_title ul li{
	width: 25%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.zuo{
	width: 200px;
	text-align: center;
	padding: 10px;
	padding: 10px;
	/* background: rgb(73,85,183); */
	color: rgb(172,130,90);
	font-size: 14px;
	position: fixed;
	left: 0;
	bottom: 36%;
	z-index: 999;
}
.zuo-title{
font-size: 18px;
color: #127cd8;
margin-bottom: 13px;
}
.zuo ul li{
	padding: 8px;
    background: #127cd8;
    border-radius: 22px;
    margin-bottom: 6px;
}
.zuo ul li a{
	color:#f0f0f0;
}