*{
	font-family: "microsoft yahei";
	margin: 0;
	padding: 0;
	font-weight: bold;
}

body{
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(../images/bg.jpg);
	background-size: 100% auto;
}

.loading{
	position: fixed;
	left: 0;
	top: 0;
	font-size: 18px;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background-color: rgba(26,26,28,1);
}

.loadbox{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.loadtitle{
	color:rgba(255,255,255,1);
	margin-top: 1vh;
}

.swiper1 .head{
	width: 100vw;
	position: relative;
}

.swiper1 headbg{
	display: block;
	width: 100vw;
}

.swiper1 .headtitle{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2vw;
	color:rgba(255,255,255,1);
	font-weight: bold;
}

.swiper1 .boxleft{
	border: 0.1vw solid rgba(25,186,139,.17);
	background: rgba(5,27,74,0.8);
	position: relative;
	width: 20vw;
	height: 88vh;
	margin: 0 0 0 0.5vw;
	display: inline-flex;
	flex-wrap: wrap;
}

.swiper1 .boxfoot {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.swiper1 .boxleft:before,.swiper1 .boxleft:after,.swiper1 .boxright:before,.swiper1 .boxright:after,.swiper1 .boxcenter:before,.swiper1 .boxcenter:after,.swiper1 .boxfoot:before,.swiper1 .boxfoot:after{
	position: absolute;
	content: "";
	width: 2vw;
	height: 2vw;
}

.swiper1 .boxleft:before,.swiper1 .boxright:before,.swiper1 .boxcenter:before{
	top: 0;
	left: 0;
	border-top: 0.2vw solid #02a6b5;
	border-left: 0.2vw solid #02a6b5;
}

.swiper1 .boxleft:after,.swiper1 .boxright:after,.swiper1 .boxcenter:after{
	top: 0;
	right: 0;
	border-top: 0.2vw solid #02a6b5;
	border-right: 0.2vw solid #02a6b5;
}

.swiper1 .boxfoot:before{
	bottom: 0;
	left: 0;
	border-bottom: 0.2vw solid #02a6b5;
	border-left: 0.2vw solid #02a6b5;
}

.swiper1 .boxfoot:after{
	bottom: 0;
	right: 0;
	border-bottom: 0.2vw solid #02a6b5;
	border-right: 0.2vw solid #02a6b5;
}

.swiper1 .boxleft .title{
	color:rgba(239,184,84,1);
	font-weight: bold;
	width: 100%;
	margin: 1vh 0;
	text-align: center;
}

.swiper1 .btnArea{
	display: flex;
	width: 20vw;
	margin-bottom: 1vh;
}

.swiper1 .rangeleft,.swiper1 .rangeright{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.8vw;
	height: 2vh;
	color: rgba(255,255,255,1);
	background-color: rgba(12,24,114,1);
	font-size: 0.2vw;
	border:0.1vw solid rgba(9,51,155,0.5);
	cursor: pointer;
}

.swiper1 .rangeleft{
	margin: 0 0.8vw 0 6.6vw;
}

.swiper1 .rangeright{
	margin: 0 6.6vw 0 0;
}

.swiper1 .btnactive{
	background-color: rgba(10,67,188,1);
}

.swiper1 .chouArea,.xiuArea{
	height: 44vh;
}

.swiper1 .tablebox {
	height: 35vh;
	overflow: hidden;
	position: relative;
	width: 100%;
	color: rgba(0,215,225,1);
	font-size: 0.9vw;
}

.swiper1 .tbl-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.swiper1 .tbl-body {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.swiper1 .tablebox table {
	width: 100%;
}

.swiper1 .tablebox table thead{
	font-weight: bold;
	font-size: 1vw;
	background-color: rgba(5,34,92,1);
}

.swiper1 th,.swiper1 td{
	padding: 0.5vh 0;
	text-align: center;
}

.swiper1 .tablebox table tbody tr td:nth-of-type(1){
	width: 10vw;
}

.swiper1 .tablebox table tbody tr td:nth-of-type(2){
	width: 5vw;
}

.swiper1 .tablebox table tbody tr td:nth-of-type(3){
	width: 5vw;
}

.swiper1 .tablebox table thead {
	width: calc( 100% - 1em);/*表头与表格垂直对齐*/
}

.swiper1 .boxcenter{
	border: 0.1vw solid rgba(25,186,139,.17);
	background: rgba(5,27,74,0.8);
	position: relative;
	width: 45vw;
	height: 88vh;
	margin: 0 0 0 0;
	/* display: inline-flex; */
}

.swiper1 .allCountArea{
	color: rgba(255,255,255,1);
	width: 45vw;
	display: flex;
	justify-content: space-between;
	height: 5vh;
	padding: 3vh 0 1vh 0;
	border-bottom: 0.2vh solid rgba(9,43,126,1);
}

.swiper1 .evecount{
	display: inline-flex;
	flex: 1;
	flex-wrap: wrap;
	height: 5vh;
}

.swiper1 .evecount .ctitle{
	display: inline-flex;
	width: 100%;
	justify-content: center;
	color: rgba(2,135,229,1);
	font-weight: bold;
}

.swiper1 .evecount .cnum{
	display: inline-flex;
	width: 100%;
	justify-content: center;
	color: rgba(239,184,84,1);
	font-weight: bold;
}

.swiper1 .boxright{
	border: 0.1vw solid rgba(25,186,139,.17);
	background: rgba(5,27,74,0.8);
	position: relative;
	width: 28vw;
	height: 88vh;
	margin: 0 1vw 0 0;
	/* display: inline-flex; */
	padding: 0 1vw;
	/* flex-wrap: wrap; */
}

.swiper1 .chouCount{
	width: 100%;
}

.swiper1 .cctitle{
	color: rgba(0,181,205,1);
	text-align: center;
	height: 4vh;
	line-height: 4vh;
	width: 100%;
	font-size: 1.2vw;
	font-weight: bold;
	border-bottom: 0.1vh solid rgba(8,41,118,1);
}

.swiper1 .dataArea{
	display: flex;
	justify-content: space-between;
}

.swiper1 .eveData{
	display: inline-flex;
	width: 8.5vw;
}

.swiper1 .eveData .dataLeft,.eveData .dataRight{
	display: inline-flex;
	padding-top: 0.2vh;
	width: 100%;
	flex-wrap: wrap;
	font-size: 0.8vw;
}

.swiper1 .eveData .dataLeft{
	border-right: 0.1vw solid rgba(8,41,118,1);
}

.swiper1 .eveData .dataLeft .ctitle,.swiper1 .eveData .dataLeft .cnum,.swiper1 .eveData .dataRight .ctitle,.swiper1 .eveData .dataRight .cnum{
	display: inline-flex;
	width: 100%;
	justify-content: center;
}

.swiper1 .eveData .dataLeft .ctitle,.eveData .dataRight .ctitle{
	color: rgba(2,135,229,1);
}

.swiper1 .eveData .dataLeft .cnum,.eveData .dataRight .cnum{
	color: rgba(198,143,79,1);
}

.swiper-pagination-bullet{
	width: 1.2vw;
	height: 1.2vw;
	border:1px solid #3e6cdb;
	color:#3e6cdb;
	font-size: 0.8vw;
	background-color: #081c9f;
	line-height: 1.2vw;
	border-radius: 0.1vw;
	opacity: 1;
}

.swiper-pagination-bullet-active{
	color:#081c9f;
	background-color: #3e6cdb;
}