.netwrong{
		width: 1.64rem;
		padding: 0.09rem 0.2rem;
		background: #FF4949;
		border-radius: .16rem;
		margin-left: .38rem;
		
	}
	.netwrong img{
		width: 0.28rem;
		height: 0.22rem;
		margin-right: 0.05rem;
	}
	.quexing img{
			width: 1.12rem;
			height: 1.12rem;
	}
	.quexing .f22{
		padding-top: 0.12rem;
		color: rgba(17,17,17,0.35);
	}
	.flex1{
	-webkit-box-flex: 1 1;
	-webkit-flex: 1 1;
		flex: 1;
	}
	.scrolly{
		overflow-y: auto;
	}
	.ztest{
		position: relative;
		
	}
	.ztest .tpab{
			position: absolute;
			width: 100%;
			height: 100%;
			
		}
	.wh72{
		width: .72rem;
		height: .72rem;
	}
	.body{
		color: $uni-text-color;
		min-height: 100vh;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.content{
		width: 100%;
		height: 100vh;
		max-height: 100vh;
		overflow: hidden;
		padding: .26rem .72rem;
		position: relative;
		box-sizing: border-box;
		margin: auto;
		}
	.content .bg{
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		}
	.content .inner{
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
			z-index: 1;
		}
	.content .inner .icom{
				width: .28rem;
				height: .28rem;
				margin-right: 0.04rem;
			}
	.content .inner .contin{
				margin-top: 0.24rem;
				width: 100%;
				background: linear-gradient(153deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.17) 100%);
				box-shadow: 0px 14px 70px 0px rgba(93,142,182,0.17);
				border-radius: .34rem;
				border: 1px solid rgba(255, 255, 255, 0.5);
				padding: 0.16rem 0.08rem;
				overflow: hidden;
				}
	.content .inner .contin .incontin{
					width: 24.5%;
					margin-right: 0.08rem;
					box-sizing: border-box;
				}
	.content .inner .contin .incontin:last-child{
					margin-right: 0;
				}
	.content .inner .contin .backwhite{
					background: rgba(255,255,255,0.5);
					border-radius: .18rem;
				}
	.content .inner .contin .backblue{
					position: relative;
					}
	.content .inner .contin .backblue .tzt{
						width: 100%;
						height: 100%;
						position: absolute;
						left: 0;
						right: 0;
						bottom: 0;
						top: 0;
						border-radius: 0.18rem;
						object-fit: cover;
					}
	.content .inner .contin .backblue .gotoin{
						padding: 0.08rem;
						}
	.content .inner .contin .backblue .gotoin .tztk{
							width: 0.4rem;
							height: 0.4rem;
						}
	.content .inner .contin .backblue .gotoin .line::after{
							position: relative;
							content: '';
							width: 2px;
							height: 0.28rem;
							display: block;
							background-color: #fff;
							top: 0.02rem;
						}
	.content .inner .contin .backblue .gotoin .claslogan{
							width: 100%;
							}
	.content .inner .contin .backblue .gotoin .slogan{
								height: 1.26rem;
								background-color: rgba(255,255,255,0.77);
								border-radius: 0.1rem;
								padding: 0.1rem 0.15rem 0.15rem;
							}
	.content .inner .contin .btom .schel{
						color: rgba(63,169,255,0.97);
						padding: 0.15rem 0.28rem 0.15rem;
						// line-height: 38px;
						background: linear-gradient(145deg, #3FA9FF 0%, #0081EA 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
	.content .inner .contin .bill{
					width: 100%;
					background: rgba(255,255,255,0.05);
					border-radius: .1rem;
					border: 2px solid rgba(255,255,255,0.6);
					padding: 0 0.1rem;
					color:rgba(17, 17, 17, 0.35);
					}
	.content .inner .contin .bill div{
						-webkit-box-flex: 1 1;
						-webkit-flex: 1 1;
						flex:1;
						text-align: center;
						line-height: 0.48rem;
					}
	.content .inner .contin .bill .active{
						height: .4rem;
						background: #FFFFFF;
						box-shadow: 0px 2px 0px 0px rgba(184,223,255,0.35);
						border-radius: .06rem;
						line-height: 0.4rem;
					color:rgba(63, 169, 255, 1);
					font-weight: bold;
					}
	.content .inner .contin .anuce{
					padding: 0.06rem 0.54rem .1rem .28rem;
					color: rgba(36, 65, 88, 0.96);
					font-size: 0.35rem;
					}
	/* .content .inner .contin .anuce span{
		color: rgba(36, 65, 88, 0.96);
		font-size: 0.35rem;
	} */
	.content .inner .contin .anuce .tinytxt{
						font-size: .16rem;
						color: rgba(17,17,17,0.35);
						line-height: .2rem;
					}
	.content .inner .contin .anuce div:nth-child(2) .avarter{
							width: 0.8rem;
							height: 0.8rem;
						}
	.content .inner .contin .anuce .rank:nth-child(2){
						width: 1.42rem;
						height: 1.2rem;
					}
	.content .inner .contin .anuce .rank{
						height: 1rem;
						position: relative;
						border: 0.01rem dashed rgba(36, 65, 88, 0.96);
						}
	.content .inner .contin .anuce .rank img{
							display: block;
							width: 100%;
							height: 100%;
						}
	.content .inner .contin .anuce .rank .flex-col{
							position: absolute;
							width: 100%;
							height: 100%;
							align-items: center;
							justify-content: center;
							}
	.content .inner .contin .anuce .rank .flex-col .rtop{
								color: rgba(63,169,255,0.97);
							}
	.content .inner .contin .anuce .rank .flex-col .rname{
								white-space: nowrap;
							}
	.content .inner .contin .anuce .rank .flex-col .rscore{
								color: rgba(17, 17, 17, 0.55);
							}
	.content .inner .contin .xuhao{
					padding: 0 0.1rem;
					background: #FF4949;
					border-radius: .22rem;
					color: rgba(255,255,255,0.97);
					text-align: center;
					margin-right: .06rem;
					line-height: 0.2rem;
					display: flex;
					align-items: center;
					padding-top: 2px;
				}
	.content .inner .contin .tdxy{
					width: .52rem;
					line-height: .2rem;
					border-radius: .22rem;
					border: 0.02rem solid #3FA9FF;
					color: #3FA9FF;
					background: none;
					text-align: center;
					justify-content: center;
				}
	.content .inner .contin .signstu{
					width: .4rem;
					height: .4rem;
					border-radius: 50%;
					margin: 0 .16rem 0 .14rem;
				}
	.content .inner .contin .avarter{
					width: .6rem;
					height: .6rem;
					border-radius: 50%;
					border: .04rem solid rgba(63,169,255,0.7);
				}
	.swiper-box {
			height: 2.8rem;
		}
	
		/* .swiper-item {
			display: flex;
		display: -webkit-box;
		display: -webkit-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 2.5rem;
			color: #fff;
			border-radius: .1rem;
			position: relative;
			text{
				display: block;
				position: absolute;
				left: .2rem;
				bottom: .46rem;
				width: 100%;
				white-space: pre-line; 
				overflow: hidden;
				text-overflow: ellipsis; 
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				font-size: 0.22rem;font-weight: bold;
				color: rgba(255,255,255,0.97);
			}
			.namepic {
				width: 100%;
				height: 2.5rem;
			border-radius: .1rem;
			}
		} */
	
		/* #ifndef APP-NVUE */
		/* ::v-deep .image img {
			-webkit-user-drag: none;
			-khtml-user-drag: none;
			-moz-user-drag: none;
			-o-user-drag: none;
			user-drag: none;
		}
	 */
		/* #endif */
	
		/* @media screen and (min-width: 500px) {
			.uni-swiper-dot-box {
				width: 100%;
				margin: 0 auto;
				border-radius: .1rem;
			}
	
			.image {
				width: 100%;
				border-radius: .1rem;
			}
		} */
	
	/* .uni-swiper-dot-box ::v-deep .uni-swiper__dots-box{
		bottom: 0!important;
	} */
	.mytest{
		margin-top: .24rem;
		}
	.mytest .slide {
			width: 100%;
			position: relative;
		}
	.mytest .mmswp{
			height: 0.72rem;
		}
	.mytest .swiper-item {
			width: 100%;
			height: 100%;
			overflow: hidden;
			box-sizing: border-box;
		}
	.mytest .swiper-item-card {
			width: 92% !important;
			height: 100%;
			margin: 0 4%;
			overflow: hidden;
			box-sizing: border-box;
			display: flex;
		display: -webkit-box;
		display: -webkit-flex;
			align-items: flex-start;
			justify-content: center;
		}
	.mytest .swiper-item-card-margin {
			padding: 4% 0;
		}
	.mytest .defaut-img {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
	.mytest .card-img {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
	.mytest .card-margin {
			width: calc(100% - 40rpx);
			margin: 0 20rpx;
			overflow: hidden;
		}
	.mytest .custom-indicator {
			width: 100%;
			display: flex;
		display: -webkit-box;
		display: -webkit-flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			margin: 0 auto;
			bottom: 30rpx;
		}
	.mytest .indicator-item {
			width: 10rpx;
			height: 10rpx;
			background-color: #FFFFFF;
			border-radius: .1rem;
			margin: 0 6rpx;
			opacity: 0.6;
		}
	.mytest .indicator-item-active {
			background-color: #FFFFFF;
			opacity: 1;
		}
	.mask{
		width: 100%;
		// width: 19.2rem;
		// height: 12rem;
		height: 100vh;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 50;
		background: linear-gradient(180deg, rgba(0,141,255,0.72) 0%, rgba(63,169,255,0.25) 100%);
		backdrop-filter: blur(10px);
	}
	.mask .cinner{
		margin-top: 0.44rem;
		width: 8.8rem;
		/* height: 6.36rem; */
		background: linear-gradient(153deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.17) 100%);
		box-shadow: 0px 14px 70px 0px rgba(93,142,182,0.17);
		border-radius: .34rem;
		border: 1px solid rgba(255, 255, 255, 0.5);
		// border-image: linear-gradient(170deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)) 2 2;
		// backdrop-filter: blur(10px);
		padding: 0.16rem;
	}
	.mask .cinner .tplx{
		padding: .32rem .44rem;
		padding-top: .16rem;
	}
	.mask .cinner .tplx .cloimg{
					width: .4rem;
					height: .4rem;
					}
	.mask .cinner .tplx .cloimg img{
						display: block;
						width: 100%;
						height: 100%;
					}
	.mask .cinner .pleft{
				width: 2.4rem;
				height: 100%;
				background: rgba(255,255,255,0.6);
				border-radius: .18rem 0px 0px .18rem;
				backdrop-filter: blur(10px);
				overflow-y: auto;
				}
	.mask .cinner .pleft div{
		width: 100%;
		height: 0.56rem;
		line-height: 0.56rem;
		padding-left: .28rem;
	}
	.mask .cinner .pleft .active{
		background: #FFFFFF;
	}
	.mask .cinner .pright {
		background: #FFFFFF;
	}
	.mask .cinner .pright .mycheck{
		padding: .4rem .28rem;
	}
	.mask .cinner .pright .mycheck .myname{
		float: left;
		height: .4rem;
		margin: 0 .28rem .28rem 0;
		padding: 0.03rem 0.06rem;
		border-radius: .28rem;
		color: rgba(17, 17, 17, 0.50);
		border: 1px solid rgba(17,17,17,0.15);
	}
	.mask .cinner .pright .mycheck .myname .cimg{
							width: .28rem;
							height: .28rem;
						}
	.mask .cinner .pright .mycheck .active{
						color: #3FA9FF;
						border: 1px solid #3FA9FF;
						
					}
	.mask .cinner .pright .cbtn{
					padding: .28rem;
					}
	.mask .cinner .pright .cbtn .btn{
						width: .92rem;
						height: .48rem;
						line-height: .48rem;
						background: #3FA9FF;
						border-radius: .06rem;
						border: 1px solid #3FA9FF;
						text-align: center;
					}
	.mask .cinner .pright .cbtn .cancel{
						color: rgba(17, 17, 17, 0.50);
						background: #FFFFFF;
						border: 1px solid rgba(17,17,17,0.15);
					}
	.vcation-stu .table-cell:nth-child(2){
				-webkit-box-flex: 1 1;
				-webkit-flex: 1 1;
				flex:1;
				text-align: right;
				padding-right: 0.12rem;
				color:rgba(17, 17, 17, 0.55);
				white-space: nowrap;
			}
	.vcation-stu .table-cell:first-child{
				/* width: 1rem; */
				padding-right: 0.1rem;
				color:rgba(36, 65, 88, 0.96);
				white-space: nowrap;
			}
	.vcation-stu .table-header .table-cell{
				color:rgba(17, 17, 17, 0.35);
			}
	.vcation-stu .table {
		  width: 100%;
		  border-collapse: collapse;
		}
	.vcation-stu .table-header {
		  background-color: #f2f2f2;
		  display:flex;
		display: -webkit-box;
		display: -webkit-flex;
		  height:0.48rem;
		  align-items:center;
		  font-size:.22rem;
		  font-weight:bold;
		  background: rgba(240,240,240,0.6);
		  border-radius: 4px;
		  justify-content: space-between;
		  padding-left: 0.28rem;
		}
	.vcation-stu .table-row {
		  border-bottom: 1px solid #ccc;
		  padding: 0.1rem;
		  display:flex;
		display: -webkit-box;
		display: -webkit-flex;
		  height:.45rem;
		  align-items:center;
		  border-bottom:1px solid #f0f0f0;
		  justify-content: space-between;
		  padding-left: 0.28rem;
		  padding-top: 0.2rem;
		}
	.vcation-stu .table-row:last-child {
		  border-bottom: none;
		}
	.sub-stu .table-cell:nth-child(2){
				-webkit-box-flex: 1 1;
				-webkit-flex: 1 1;
				flex:1;
				color:rgba(36, 65, 88, 0.96);
			}
	.sub-stu .table-cell:first-child{
				/* width: 1rem; */
				width: 0.7rem;
				padding-right: 0.1rem;
				color:rgba(17, 17, 17, 0.35);
			}
	
	.sub-stu .table-cell:last-child{
				text-align: center;
				width: 1.1rem;
				padding-left: 0.1rem;
				color:rgba(17, 17, 17, 0.55);
				padding-right: 0.1rem;
			}
			.sub-stu .table-cell:nth-child(2){
						text-align: center;
					}
	.sub-stu .table-header .table-cell{
				color:rgba(17, 17, 17, 0.35);
			}
	.sub-stu .table {
		  width: 100%;
		  border-collapse: collapse;
		}
	.sub-stu .table-header {
		  background-color: #f2f2f2;
		  display:flex;
		display: -webkit-box;
		display: -webkit-flex;
		  height:0.45rem;
		  align-items:center;
		  font-size:.22rem;
		  font-weight:bold;
		  background: rgba(240,240,240,0.6);
		  border-radius: 4px;
		  justify-content: space-between;
		  padding-left: 0.28rem;
		}
	.sub-stu .table-row {
		  border-bottom: 1px solid #ccc;
		  padding: 0.1rem;
		  
		  display:flex;
		display: -webkit-box;
		display: -webkit-flex;
		  height:.45rem;
		  align-items:center;
		  border-bottom:1px solid #f0f0f0;
		  justify-content: space-between;
		  padding-left: 0.28rem;
		  padding-top: 0.2rem;
		  padding-right: 0;
		}
	.sub-stu .table-row:last-child {
		  border-bottom: none;
		}
	.oad-stu .table-cell:first-child{
		/* width: 1rem;
		padding-right: 0.1rem;
		color:rgba(17, 17, 17, 0.35); */
		-webkit-box-flex: 1 1;
		-webkit-flex: 1 1;
		flex:1;
		color:rgba(36, 65, 88, 0.96);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.oad-stu .table-cell:last-child{
				// width: 1.1rem;
				padding-left: 0.1rem;
				color:rgba(17, 17, 17, 0.55);
				/* color:rgba(36, 65, 88, 0.96); */
				text-align: right;
				margin-right: 0.28rem;
			}
	.oad-stu .table-header .table-cell{
				color:rgba(17, 17, 17, 0.35);
			}
	.oad-stu .table {
	  width: 100%;
	  border-collapse: collapse;
	}
	
	.oad-stu .table-header {
	  background-color: #f2f2f2;
	display: -webkit-box;
	display: -webkit-flex;
	  display:flex;
	  height:0.45rem;
	  align-items:center;
	  font-size:.22rem;
	  font-weight:bold;
	  background: rgba(240,240,240,0.6);
	  border-radius: 4px;
	  justify-content: space-between;
	  padding-left: 0.28rem;
	}
	.oad-stu .table-row {
	  border-bottom: 1px solid #ccc;
	  padding: 0.04rem;
	  
	  display: -webkit-box;
	  display: -webkit-flex;
	  display:flex;
	  min-height:0.45rem;
	  align-items:center;
	  border-bottom:1px solid #f0f0f0;
	  justify-content: space-between;
	  padding-left: 0.28rem;
	  padding-top: 0.06rem;
	}
	
	.oad-stu .table-row:last-child {
	  border-bottom: none;
	}
	
	
	.swiper-main{
	    width: 100%;
	    height: 2.8rem;
	    margin: 0 auto;
	    position: relative;
	    overflow: hidden;
		border-radius: .1rem;
	}
	.swiper-content{
	    width: 100%;
	    height: 100%;
	    position: relative;
	}
	.swiper-item{
	    width: 100%;
	    height: 2.5rem;
		border-radius: .1rem;
		overflow: hidden;
	    position: absolute;
	    left: 0;
	    top: 0;
		
	}
	.swiper-item img{
	    width: 100%;
	    display: block;
	}
	.swiper-point{
	    position: absolute;
	    bottom: 0;
	    /* left: 50%;
	    transform: translateX(-50%); */
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.swiper-circle{
	    float: left;
		width: 6px;
		height: 6px;
		background-color: rgba(63, 169, 255, 0.35);
		border: 1px solid rgba(63, 169, 255, 0.35);
	    /* margin: 0 5px; */
	    cursor: pointer;
		border-radius: 100px;
		margin-left: 6px;
	}
	.current-point{
	    width: 18px;
		height: 6px;
		background-color: rgb(63, 169, 255);
		border: 1px solid rgb(63, 169, 255);
	}
	
	.banner {
	    display: flex;
		width: 100%;
		/* height: 2.5rem; */
		min-height: 2.5rem;
		max-height: 7.5rem;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		border-radius: .1rem;
	}
	
	.banner img {
		border-radius: .1rem;
	    width: 100%;
	    /* height: 2.5rem; */
	    /* height: 100%; */
	    height: auto;
	    display: block;
	}
	/*
	设置小圆点的容器，利用flex布局使其居中
	*/
	
	.points {
	    position: relative;
	    color: #fff;
	    width: 100%;
	    /* bottom: 1rem; */
	    height: 30px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		z-index: 9999;
	}
	/* 设置每个小圆点的样式 */
	
	.points .point {
	    /* background-color: skyblue;
	    width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    margin: 5px;
	    cursor: pointer; */
		
		width: 6px;
		height: 6px;
		background-color: rgba(63, 169, 255, 0.35);
		border: 1px solid rgba(63, 169, 255, 0.35);
		/* margin: 0 5px; */
		cursor: pointer;
		border-radius: 100px;
		margin-left: 6px;
	}
	
	.points .active {
	    /* background-color: #f40; */
		width: 18px;
		height: 6px;
		background-color: rgb(63, 169, 255);
		border: 1px solid rgb(63, 169, 255);
	}
	/* 制作左右箭头 */
	
	.banner .left-btn,
	.banner .right-btn {
	    z-index: 999;
	    color: #fff;
	    font-weight: 900;
	    position: absolute;
	    background-color: rgba(0, 0, 0, .2);
	    height: 25px;
	    width: 25px;
		border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    cursor: pointer;
	    /* margin-top: 1.25rem; */
		top: 45%;
	}
	.banner .left-btn {
	    left: 20px;
	}
	.banner .right-btn {
		right: 20px;
	    /* margin-left:95%; */
	    justify-content: center;
	}
	.imgpre{
		/* height: 2rem; */
		height: 140px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.imgpre .imgpreitm{
		width: 33.33333%;
		/* margin-right: 3%; */
		padding: 0 8px;
	}
	.imgpre .imgpreitm .secod{
		height: 140px;
		position: relative;
		border-radius: 0.08rem;
		overflow: hidden;
	}
		
	.imgpre .imgpreitm img{
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: 100%;
		object-fit:cover;
		border-radius: 0.08rem;
	}
	.imgpre .imgpreitm .immask{
		width: 100%;
		/* height: auto; */
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, .5);
		border-radius: 0.08rem;
	}
	.imgpre .imgpreitm.active .immask{
		width: 100%;
		/* height: auto; */
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0);
	}
	.bigimg{
		width: 100%;
		position: relative;
	}
	.bigimg img{
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: 100%;
		/* object-fit:contain; */
		object-fit:cover;
	}
	.bigcontain img{
		object-fit:contain!important;
	}
	.bigimg .immask{
		position: absolute;
		left: 0;
		bottom: 0;
		color: #fff;
		width: 100%;
		font-size: .28rem;
		background-color: rgba(0, 0, 0, .2);
		padding: 10px 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#zkebiao .table-row{
		min-height: 0.55rem;
		border: none;
	}
	.rotate-element {
	  margin-top: 10px;
	  max-width: 200px;
	  /* max-height: 140px; */
	  width: 3rem;
	  /* height: 2rem; */
	  /* 其他样式属性... */
	 /* animation-name: rotate;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-delay: 0s;
	  animation-iteration-count: infinite; */
	}
	
	@keyframes rotate {
	  0% {
	    transform: translateY(0%) rotate(0deg);
	  }
	  100% {
	    transform: translateY(0%) rotate(360deg);
	  }
	}
	.refbtn{
		width: 140px;
		padding: 0 10px;
		height: 40px;
		border-radius: 30px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		font-size: 18px;
		background-color: #3FA9FF;
		margin: 20px auto;
	}