@font-face{
	font-family:"DIN-Bold";src:url(../fonts/DIN-Bold.otf)
}
@font-face{
	font-family:"DINMedium";src:url(../fonts/DIN\ Medium.ttf)
}
html,body {min-width:300px;font-family:"DINMedium"}


.home {
  background-image: url(../image/bg.jpg);
  background-size: 100% 100%;
  width: 100vw;
  height: 100vh;
  position: relative;
  padding:.5rem;
  
  
}
.home .box{width:100%;height:100%;background:rgba(30,52,255,.7);border-radius:10px;padding:.5rem .5rem .4rem;display:flex;/* align-items: center; */}
.home .box .left{width:50%}
.home .box .left .logos{position:absolute;}
.home .box .left .logos h2{font-size:.5rem;color:white;font-weight:bold;margin:0 0 .11rem}
.home .box .left .logos h3{font-size:.5rem;color:white;font-weight:bold}
.home .box .left .user{padding:1.8rem 0 0;display:flex;flex-direction: column;align-items: center;}
.home .box .left .user span{color:white;font-size:.4rem;font-weight:bold}
.home .box .left .user h2{font-size:.7rem;color:white;font-family:"DIN-Bold";height:.72rem;line-height:.72rem;margin:.1rem 0 0}
.home .box .left .user h3{font-size:.4rem;color:white;margin:.2rem 0 .5rem}
.home .box .left .user h4{font-size:1.8rem;color:white;font-family:"DIN-Bold";height:1.42rem;line-height:1.42rem}
.home .box .left .num{margin:1rem 0 0}
.home .box .left .num ul{display:flex;gap:.25rem}
.home .box .left .num ul li a{width:.5rem;height:.5rem;background:white;display:block;border-radius:100%}
.home .box .left .num ul li.act a{background:#22ac38}
.home .box .right{width:50%;padding:.8rem 0 0;position:relative }
.home .box .right h2{font-size:.4rem;text-align:center;font-size:.4rem;color:white;font-weight:bold;position:absolute;width:100%;top:0}
.home .box .right .infos .tit{display:flex;border-bottom:4px solid white;padding:.1rem 0 .21rem 1rem}
.home .box .right .infos .tit>div{width:22%;text-align:center}
.home .box .right .infos .tit>div span{font-size:.4rem;color:white;font-weight:bold}
.home .box .right .infos .tit .dd1{width:34%;text-align:left}
.home .box .right .infos ul li{position:relative;border-bottom:2px solid white;padding:.04rem 0 .04rem 1rem}
.home .box .right .infos ul li h2{position:absolute;left:0;top:50%;transform:translateY(-50%);width:auto;writing-mode:tb-rl;height:100%}
.home .box .right .infos ul li dd{display:flex;padding:.1rem 0;}
.home .box .right .infos ul li dd span:nth-child(1){text-align:left}
.home .box .right .infos ul li dd span{width:22%;text-align:center;font-size:.26rem;color:white;font-weight:bold}
.home .box .right .infos ul li dd span.zuming{width:34%}
/* .home .box .right ul li{display:flex;justify-content: center;gap:1.5rem}
.home .box .right ul li span{text-align:right;width:55%}
.home .box .right ul li em{width:45%}
.home .box .right ul li span,.home .box .right ul li em{font-size:.4rem;color:white;} */
@media(max-width:990px){
  .home_mobile{background-image: url(../image/bg2.png);background-position:center center;background-size:cover;width: 100vw;height: 100vh;position: relative;}
  .home_mobile .bg{padding:3.5rem .5rem 0;position:relative}
    .home_mobile .bg .title{position:absolute;width:100%;top:5%;text-align:center;left:0;}
    .home_mobile .bg .title h2{font-size:.36rem;color:white;font-weight:bold;margin:.2rem 0}
  .home_mobile .bg ul {}
   .home_mobile .bg ul li{display:flex;padding:.25rem;flex-wrap: wrap;justify-content: space-between;gap:.2rem 0;margin:0 0 .3rem;border-radius:20px;border:3px solid #1e34ff}
    .home_mobile .bg ul li *{width:48%;}
     .home_mobile .bg ul li h2{font-size:.6rem;color:white;display:block;text-align:center;height:1.3rem;line-height:1.3rem;font-weight:bold}
  .home_mobile .bg ul  li a{font-size:.33rem;color:white;display:block;text-align:center;background:#1e34ff;border-radius:5px;height:1.3rem;line-height:1.3rem}
.home_mobile .bg ul  li a.acts{background:white;color:#1e34ff}
.home_mobile .title{text-align:center;padding:0 0 .5rem}
.home_mobile .title h2{font-size:1rem;color:white}
table {
	border-collapse: collapse;
	width: 85vw;
	margin: auto;
	font-size: .3rem;
	color:white;
	text-align:center
}

table,
table tr th,
table tr td {
	border: 1px solid #f3f3f3;
	text-align:center
}

tr {
	height: 6vh;
}

th {
	background-color: #1f34ff;
	font-weight:bold;
}

td {
	background-color: #101ab9;
}

input {
	height: 6vh;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size:.3rem;color:black
}
.one {
	width: 50vw;
	text-align: left;
	padding-left: 10px;
}
.two {
	width: 17vw;
}
.three {
	width: 35vw;
}
.num {
	background-color: #1f34ff;
	font-weight: 700;
	font-size: .2rem;
}
.btnss{text-align:center}
.btns {
	width: 47vw;
	height: 6vh;
	border-radius: 6vh;
	background: linear-gradient(to right, #9a0cff, #c534fe);
	margin: 5vh auto 0;
	font-size: .36rem;
	font-weight: 700;
	line-height: 6vh;
	color:white;
	box-shadow: 0px 10px 5px -4px #6e15d1;
}
.popup {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 20vh;
	border-radius: 10px;
	background-color: #fff;
    text-align:center;
    display:none
}
.mask {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	left:0;display:none
}
.popup .content {
	color: #000;
	font-size: 0.4rem;
	height: 14vh;
	line-height: 14vh;
}
.popup .content img {
	vertical-align: middle;
	margin-right: 5px;
	max-width:.8rem
}
.popup .footer {
	height: 6vh;
	display: flex;
	font-size: 0.4rem;
}
.cancel {
	height: calc(6vh - 1px);
	border-top: 1px solid #b9b9b9;
	line-height: calc(6vh - 1px);
	color: #000;
	flex: 1;
}
.confirm {
	background: linear-gradient(to right, #9a0cff, #c534fe);
	border-bottom-right-radius: 10px;
	line-height: 6vh;
	flex: 1;
	font-weight: 700;
	color:white;
}
.box{background:#1e34ff;border-radius:5px;text-align:center;padding:1.1rem 0 1rem}
.box  .titles{font-size:.4rem;color:white;font-weight:bold;margin:.3rem 0 .45rem }
.box  .text{font-size:.3rem;color:white}
.box  .text em{font-size:.36rem;margin:0 .05rem}
.box img{max-width:1rem}
}
/****/