body {
	scroll-behavior:smooth;
	background-size: 100% 100%;
	background: rgb(204, 219, 218);
    margin:0;
	object-fit: cover;
	transition: 3s all;
}
li span {
	margin:0;
	height:100%;
	position:relative;
	float:left;
	color:rgb(85 85 85);
	font-size:1.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
li a {
	margin:0 1.875rem;
	height:100%;
	position:relative;
	float:left;
	color:rgb(85 85 85);
	font-size:1.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
}
li img {
	height:70%;
	width:auto;
	margin:0 10 0 10;
}
.own {
	color:#47bbbb;
	font-weight:600;
}
.li-1 {
	background-color:rgb(226,226,226);
}
.li-2 {
	background-color:rgb(238,255,220);
}
.li-3 {
	background-color:rgb(220,248,255);
}
.li-4 {
	background-color:rgb(233,176,176);
}
.li-5 {
	background-color:rgb(255,159,204);
}
.li-6 {
	background-color:rgb(178,214,199);
}
.li-c {
	/* c */
	width:43.75rem;
	height:46.875rem;
	font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;
	border-radius:0.1875rem;
	opacity:1;
	background-color:white;
	position:absolute;
	top:10%;
	bottom:0;
	left:0;
	right:0;
}
.li-bj {
	background:rgba(1,1,1,0.6);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
.list-icon {
	float:left;
	position:relative;
	top:0.625rem;
	left:0.9375rem;
	width:6.25rem;
	height:6.25rem;
	border-radius:0.3125rem;
	transition:all 0.5s;
	/*transition-delay:1s  延迟*/
}
.list-icon:hover {
	transform:scale(1.1);
}
h4 a {
	color:rgb(66,139,202);
	text-decoration:none;
	text-align:left;
}
h4 a:hover {
	color:rgb(47,102,151);
	text-decoration:none;
}
h4 {
	position:relative;
	top:-0.625rem;
	text-align:left;
}
div h1 {
	overflow:hidden;
	text-align:center;
	color:rgb(151,228,229);
}
p1 {
	background-color:rgb(255,194,194);
	position:relative;
	float:right;
	border-radius:0.625rem;
	margin:1% 1ex;
	font-size:0.1875rem;
	text-align:center;
}
.tips-icon-1 {
	color:rgb(138,155,120);
}
.tips-icon-2 {
	color:rgb(120,148,155);
}
.tips-icon-3 {
	color:rgb(148,9,136);
}
.tips-icon-4 {
	color:rgb(105,81,81);
}
.tips-icon-5 {
	color:rgb(126,126,126);
}
.tips-icon-6 {
	color:rgb(103,177,116);
}
.tips-icon-7 {
	color:rgb(223,137,80);
}
.tips-icon-8 {
	color:rgb(255,159,204);
}
.tips-icon {
	/* 其他 */
	color:rgb(112,112,112);
}
.tips-icon-s {
	/* 其他 */
	color:rgb(117,80,0);
}
.tips {
	z-index:200;
	position:fixed;
	top:10%;
	left:1%;
	width:auto;
	background:#ffffff;
	opacity:0.5;
	border-radius:0.625rem;
	padding:0.3125rem;
	font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;
	color:rgb(100,100,100);
}
.input {
	border-radius:0.3125rem;
	border:none;
	padding:0.5rem 1rem;
	text-align:left;
	text-decoration:none;
	display:inline-block;
	font-size:1rem;
	margin:0.25rem 1.25rem 0.25rem 0rem;
	transition-duration:0.4s;
	cursor:pointer;
	border:1px solid #adadad;
	width:10rem;
	color:rgb(103,106,108);
}
.btn {
	border-radius:0.3125rem;
	border:none;
	padding:0.5rem 1rem;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:1rem;
	margin:0.25rem 0.625rem;
	transition-duration:0.4s;
	cursor:pointer;
}
.btn-close {
	background-color:white;
	color:inherit;
	border:1px solid #adadad;
}
.btn-save {
	background-color:#1ab394;
	color:rgb(255,255,255);
	border:1px solid #adadad;
}
.btn-save:hover {
	background-color:#0acca5;
	color:white;
	border:1px solid #adadad;
}
.btn-close:hover {
	background-color:rgb(190,190,190);
	color:inherit;
	border:1px solid #adadad;
}
.form {
	margin:0rem 2.5rem;
	float:left;
	padding:0.625rem 0.625rem 1.25rem 0.625rem;
	width:37.5rem;
}
.form_label {
	width:6.25rem;
	float:left;
	margin:0.625rem -0.625rem 0.625rem 0.625rem;
	color:rgb(103,106,108);
	font-weight:bold;
	font-size:0.9375rem;
}
.form_input {
	width:10rem;
	float:left;
}
.model-body {
	height:25rem;
}
.model-footer {
	position:relative;
	bottom:-5%;
	float:right;
}
.title {
	text-align:center;
	color:rgb(103,106,108);
	font-size:large;
}
.yzd li {
	float:left;
	width:33%;
	height:1.25rem;
	top:-1.25rem;
	text-align:left;
	list-style-type:none;
	overflow:hidden;
	border-radius:0rem;
	margin:0.125rem auto;
}
red {
	color:red;
}
grey {
	color:grey;
}
green {
	color:green;
}
gold {
	color:gold;
}
blue {
	color:blue;
}
purple {
	color:purple;
}
.match-score {
	float:left;
	display:flex;
	font-size:90;
	width:100%;
	justify-content:center;
	align-items:center;
}
.match-halfscore{
	display: flex;
	font-size: 25;
	width: 100%;
	justify-content: center;
	float: none;
}
.info-ct {
	background-color:rgb(182,212,238);
}
.info-t {
	background-color:rgb(234,210,139);
}
.info-teamA {
	width:2.875rem;
	height:10%;
	justify-content:center;
	bottom:5%;
	border-radius:0.125rem;
	margin:0 0.0625rem;
}
.info-teamB {
	width:2.875rem;
	height:10%;
	justify-content:center;
	top:5%;
	border-radius:0.125rem;
	margin:0 0.0625rem;
}
.info-half {
	width:0.25rem;
	background-color:rgb(255,255,255);
	height:100%;
	justify-content:center;
	border-radius:0.125rem;
	margin:0 2.3125rem;
}
.info-teamA-img {
	width:50%;
	height:auto;
	margin:0;
	position:relative;
	bottom:15;
}
.info-teamB-img {
	width:50%;
	height:auto;
	margin:0;
	position:relative;
	top:15;
}
.mapname{
	height: 80%;
	position: absolute;
	top:0;
}
.maptype{
	height: 50%;
	position: absolute;
	bottom:0;
	font-size: 0.8125rem;
}
.duiwei_panel{
	justify-content: left;
	background-color:rgb(226,226,226);
	margin:0 2 0 0;
}
.duiwei_panel1{
	justify-content: left;
	background-color:rgb(189, 189, 189);
	margin:0 2 0 0;
}
.duiwei-up{
	font-size: 2rem;
	position: relative;
	bottom: 10;
	margin: 0 1rem;
}
.duiwei-down{
	font-size: 2rem;
	position: relative;
	top: 10;
	margin: 0 1rem;
}
.duiwei-green{
	color: #57ab3c;
}
.duiwei-red{
	color: #dc5232;
}
.duiwei-grey{
	color: #7c7c7c
}
.otherdata-content{
	width: 80%;
	height: 80%;
	background-color: rgba(226,226,226,0.8);
	border-radius: 0.2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.search{
	height: 60%;
	background-color: #bbbbbb;
	outline: none;
	border: none;
	border-radius: 2px;
	background-image: url(/kx/images/search.svg);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	width: 90%;
}
.create_room_button{
	height: 60%;
	background-color: #dbdbdb;
	outline: none;
	border: none;
	border-radius: 2px;
	width: 90%;
	color: #6f6f6f;
}
.footer-beian{
	bottom: 0;
	color: white;
	width: 100%;
	margin: 0;
	position: fixed;
	text-align: left;
}
.rankLevel{
	height: 50%;
}
.rankPoint{
	height: 50%;
}
.otherdata-li1{
	height: 40rem;
	margin: 1 auto;
}
.otherdata-li2{
	height: 5rem;
	margin: 1 auto;
	border-radius:0;
	display: flex;
	flex-wrap: wrap;
}
.w-3333-otherdata {
	text-overflow: ellipsis;
	white-space: nowrap;
	width:33.33%;
	height: 50%;
}
.MVP {
	color:rgb(203,159,6);
	font-size:1.5625rem;
	font-weight:1000;
	font-style:oblique;
}
.SVP {
	color:rgb(156,15,175);
	font-size:1.5625rem;
	font-weight:1000;
	font-style:oblique;
}
.准 {
	color:white;
	background-color:rgb(49,168,230);
}
.助 {
	color:white;
	background-color:rgb(164,198,106);
}
.突 {
	color:white;
	background-color:rgb(100,137,212);
}
.残 {
	color:white;
	background-color:rgb(109,191,109);
}
.分 {
	color:white;
	background-color:rgb(230,130,205);
}
.弑 {
	color:white;
	background-color:rgb(247,108,108);
}
.唐 {
	color:white;
	background-color:rgb(61,61,61);
}
.混 {
	color:white;
	background-color:rgb(85,85,85);
}
.x杀 {
	color:white;
	background-color:rgb(218,27,27);
}
.闪 {
	color:white;
	background-color:rgb(240,158,35);
}
.狙 {
	color:white;
	background-color:rgb(116,19,146);
}
.w-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:5%;
}
.w-10 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:10%;
}
.w-15 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:15%;
}
.w-1665 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:16.65%;
}
.w-20 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:20%;
}
.w-25 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:25%;
}
.w-30 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:30%;
}
.w-35 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:35%;
}
.w-40 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:40%;
}
.w-45 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:45%;
}
.w-50 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:50%;
}
.w-55 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:55%;
}
.w-60 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:60%;
}
.w-65 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:65%;
}
.w-70 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:70%;
}
.w-75 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:75%;
}
.w-80 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:80%;
}
.w-85 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:85%;
}
.w-90 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:90%;
}
.w-95 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:95%;
}
.w-100 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:100%;
}
.biao{
	padding:0.375rem;
	margin:0 10 0 0;
	border-radius:0.3125rem;
	height:30%;
}
.date {
	width:6.875rem;
}
.score {
	width:9.375rem;
	font-weight:200;
}
.map {
	width:9.375rem;
}
.player {
	width:16.25rem;
}
.KDA {
	width:4.375rem;
}
.HS {
	width:4.375rem;
}
.ADR {
	width:4.375rem;
}
.RWS {
	width:4.375rem;
}
.Rating {
	width:4.375rem;
}
.KAST {
	width:4.375rem;
}
.kills {
	width:5rem;
}
.top {
	width:4.375rem;
}
.Player {
	width:12.5rem;
}
.win-score {
	color:#0acc54;
	font-weight:600;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.lose-score {
	color:#ad0000;
	font-weight:600;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.ct-score {
	color:#3187e9;
	font-weight:600;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.t-score {
	color:#e9a94a;
	font-weight:600;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
#li-1{
	height: 100px;
	margin: 0 auto 0 auto;
	background-color: rgb(226, 226, 226);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#li-1 .w-60{
	justify-content: left;
	font-size: 30px;
}
#li-6{
	height: 60px;
	margin: 10 auto 5 auto;
	background-color: rgb(226, 226, 226);
}

.tag {
    float: left;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid;
}
.tag-style-1 {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2;
}

.tag-style-2 {
    color: #f5222d;
    background: #fff1f0;
    border-color: #ffa39e;
}

.tag-style-3 {
    color: #fa8c16;
    background: #fff7e6;
    border-color: #ffd591;
}

.tag-style-4 {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.tag-style-5 {
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de;
}

.tag-style-6 {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.tag-style-7 {
    color: #722ed1;
    background: #f9f0ff;
    border-color: #d3adf7;
}
@keyframes vipLiAni10 {
	0%,100% {
	  background-position:0%,50%;
	}
	50% {
	  background-position:100%,50%;
	}
  }
.vip-li-10 {
	&::before {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  background-image: linear-gradient(60deg, aquamarine, cornflowerblue, goldenrod, hotpink, salmon, lightgreen, sandybrown, violet);
	  background-size: 300%;
	  z-index: -2;
	  border-radius: 5px;
	  animation: vipLiAni10 5s infinite;
	}
	&::after {
	   content: '';
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	   width: calc(100% - 7px);
	   height: calc(100% - 7px);
	   z-index: -1;
	   background: rgb(226,226,226);
	   border-radius: 5px;
	   transition:all 0.5s;
	}
	#datalist &:hover:after {
	   background:rgb(255,255,255);
	}
	&> .content {
		padding: 10px;
	}
}
.vip-li-0 {
	background-image:linear-gradient(135deg,#FD6E6A 10%,#FFC600 100%) !important;
	border-radius: 5px;
	&::after {
	   content: '';
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	   width: calc(100% - 7px);
	   height: calc(100% - 7px);
	   z-index: -1;
	   background: rgb(226,226,226);
	   border-radius: 5px;
	   transition:all 0.5s;
	}
	#datalist &:hover:after {
	   background:rgb(255,255,255);
	}
}
.vip-name-0 {
	color: #edbc2c !important;
}
@media screen and (min-width: 1080px){
	li {
		position:relative;
		height:3.75rem;
		width:53.125rem;
		text-align:center;
		list-style-type:none;
		overflow:hidden;
		border-radius:0.3125rem;
		margin:0.625rem auto;
		opacity:0.9;
		transition:all 0.5s;
		background-color: rgb(226, 226, 226);
	}
	#datalist li:hover {
		background-color:rgb(255,255,255);
	}
	.big-font{
		font-weight: 1000;
		font-size: 30px;
	}
	#media .li-sidebar{
		top: 80px;
	}
	.li-sidebar{
		height: 550px;
		float: none;
		width: 300px;
		position: absolute;
		left: 0;
		margin: 0 auto;
	}
	.li-sidebar.right{
		right: -1550px;
	}
	.li-sidebar.left{
		right: 0;
        left: -1470;
	}
	#echarts-line {
		width: 50%;
		height: 100%;
	}
	#echarts-pie {
		height: 50%;
		width: 96%;
		margin: 0 2%;
	}
	#echarts-gun {
		height: 50%;
		width: 96%;
		margin: 0 2%;
	}
	#echarts-rank {
		width: 50%;
		height: 100%;
	}
	#echarts-ratingpie {
		width: 00%;
		height: 100%;
	}
	#echarts-comment{
		height: 100%;
		width: 100%;
	}
	.comment-div{
		width: 90%;
		height: 85%;
		margin: 5%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.comment-edit{
		margin: 4% 3% 4% 2%;
		width: 70%;
		border: 0;
		height: 5%;
		border-radius: 5px;
		background-color: #bbbbbb;
	}
	.comment-btn{
		border: 0;
		height: 5%;
		border-radius: 5px;
		width: 20%;
		margin: 4% 3% 4% 0;
		background-color: #bbbbbb;
	}
	.comment-box span{
		display: block;
	}
	.match-id .maptype {
		display: none;
	}
	.is_register{
		font-size: 15px;
		margin: 0 20px;
		position: absolute;
		bottom: 0;
		height: 40%;
		width: auto;
		left: 10%;
	}
	.match-h1{
		margin:80px
	}
	#teamA li{
		background: linear-gradient(90deg,#ECECEC 50%,#d5d7ee 100%); 
		&::after{
			background: linear-gradient(90deg,#ECECEC 50%,#d5d7ee 100%); 
		}
	}
	#teamB li{
		background: linear-gradient(90deg,#ECECEC 50%,#ebcdcd 100%);
		&::after{
			background: linear-gradient(90deg,#ECECEC 50%,#ebcdcd 100%);
		}
	}
	#match_teamA li{
		background: linear-gradient(70deg,#9198e9 7%, #ECECEC 7%);
	}
	#match_teamB li{
		background: linear-gradient(70deg,#e66a6a 7%, #ECECEC 7%);
	}
	#footer_min{
		display: none;
	}
	profile{
		width: 288px;
		height: 210px;
		display: flex;
		position: fixed;
		top: 400px;
		left: 1470px;
	}
	profile div:nth-child(1) {
		height: 100%;
		width: 100%;
		background: white;
		border-radius: 10px;
	}
	profile ul{
		margin: 0;
		padding: 0;
	}
	profile li {
		all: unset;
		margin: 0;
		height: 10%;
		width: 100%;
		display: flex;
		align-items: center;
	}
	profile li img{
		height: 40px;
		width: 40px;
		border-radius: 5px;
		margin: 10px;
	}
	profile span{
		font-size: 15px;
		justify-content: left;
	}
	profile span span{
		font-size: 18px;
		margin: 0 10px 0 0;
	}
	profile li:nth-child(1){
		height: 30%;
	}
	.profile-backgroundimg {
		height: 30%;
		width: 100%;
		object-fit: cover;
		object-position: 0 40%;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.profile-name{
		all: unset;
		color: rgb(85 85 85);
	}
}
@media screen and (min-width: 320px) and (max-width: 1080px){
	body {
		background: rgb(226, 226, 226) !important;
		scroll-behavior:smooth;
		background-size: 100% 100%;
		margin:0;
		object-fit: cover;
	}
	ul {
	    padding:0;
    }
	li {
		position:relative;
		height:7rem;
		width:95%;
		text-align:center;
		list-style-type:none;
		overflow:hidden;
		border-radius:0;
		margin:0 auto;
		opacity:0.99;
		transition:all 0.5s;
		font-family:"微软雅黑";
		background-color: rgb(236, 236, 236) !important;
	}
	.big-font{
		font-weight: 1000;
	}
	.otherdata-li1{
		height: 240rem;
	}
	.w-3333-otherdata {
		width:100%;
		height: 16.65%;
	}
	.otherdata-content span{
		font-size: 2.5rem;
	}
    li span {
        font-size: 2.25rem;
    }
	.mapname {
		font-size: 1.9rem;
	}
	.maptype {
		font-size: 1.4rem;
	}
	#li-1{
		height: 180px;
		margin: 0 auto;
		background-color: rgb(236, 236, 236);
	}
	#li-1 .w-60{
		justify-content: left;
		font-size: 55px;
		width: 50%;
	}
	#li-1 .w-40{
		width: 50%;
	}
	#li-2 .big-font{
		font-size: 2rem;
	}
	#li-6 {
		margin: 10 auto 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.date-id.w-10 {
		display: none;
	}
	.score-id.w-10 {
		width: 20%;
	}
	.map-id.w-15 {
		width: 25%;
	}
	.kda-id.w-10 {
		width: 15%;
	}
	.kda-id.w-10 .mapname {
		overflow: unset;
		font-size: 1.7rem;
		height: 70%;
	}
	.kda-id.w-10 .maptype {
		font-size: 1.4rem;
		height: 60%;
	}
	.rating-id.w-10 {
		width: 15%;
	}
	.rank-id.w-10 {
		width: 15%;
	}
	.rank-id, .rank-id{
		font-size: 2rem;
	}
	.map-id .mapname{
		font-size: 2.1rem !important;
		height: 60%;
	}
	.map-id .maptype{
		font-size: 1.7rem !important;
		height: 60%;
	}
	.biao-id {
		display: none;
		width: 0%;
	}
	.rankLevel{
		height: auto;
		width: 80%;
	}
	.rankPoint{
		font-size: 1.5rem;
	}
	.biao {
		padding: 0.2rem;
		font-size: 1.5rem;
	}
	#li-3 span,#li-5 span{
		font-size: 1.2rem;
	}
	#li-6 span{
		font-size: 1.4rem;
	}
	.li-sidebar {
		height: 300px;
		float: unset;
		width: 95%;
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto;
	}
	.li-sidebar.right{
		float: none;
        right: -45%;
        top: 260px !important;
        position: absolute;
        width: 50%;
        left: 0;
        height: 220px;
	}
	.li-sidebar.left{
		display: none;
	}
	#echarts-line {
		width: 50%;
		height: 100%;
	}
	#echarts-pie {
		height: 100%;
		width: 46%;
		margin: 0 2%;
	}
	#echarts-gun {
		height: 100%;
		width: 46%;
		margin: 0 2%;
	}
	#echarts-rank {
		width: 50%;
		height: 100%;
	}
	#echarts-ratingpie {
		width: 00%;
		height: 100%;
	}
	#echarts-comment{
		height: 100%;
		width: 100%;
	}
	.comment-div{
		width: 100%;
		height: 90%;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.comment-edit{
		display: none;
	}
	.comment-btn{
		display: none;
	}
	.comment-box span{
		display: block;
	}
	.match-id .maptype {
		height: 30%;
		font-size: 1.25rem;
	}
	.match-match-id .mapname {
		height: 80%;
		font-size: 1.75rem;
	}
	.match-match-id .maptype {
		height: 50%;
		font-size: 1.5rem;
	}
	.head-none-id{
		display: none;
	}
	.head-rating-id, .head-top-id, .head-played-id, .head-win-id{
		width: 20%;
	}
	#top .head-top-id{
		width: 15%;
		font-size: 1.8rem;
	}
	#top .head-player-id{
		width: 35%;
		font-size: 2rem;
	}
	#top .head-kda-id{
		width: 20%;
		font-size: 1.8rem;
	}
	#top .head-adr-id{
		width: 15%;
		font-size: 1.8rem;
	}
	#top .head-rank-id{
		width: 15%;
		font-size: 1.8rem;
	}
	#top .head-rating-id{
		width: 15%;
	}
	#li-2 .head-rating-id span, #li-2 .head-top-id, #li-4 .head-played-id, #li-4 .head-win-id span{
		font-size: 3rem;
	}
	#li-3 .head-rating-id, #li-3 .head-top-id, #li-5 .head-played-id, #li-5 .head-win-id{
		font-size: 2rem;
	}
	#li-2, #li-4{
		height: 70px !important;
	}
	#li-3, #li-5{
		height: 40px !important;
	}
	#guntop .head-gun-id{
		width: 15%;
	}
	#guntop .head-gunname-id{
		display: none;
	}
	#guntop .head-player-id{
		width: 40%;
		font-size: 2rem;
	}
	#guntop .head-kill-id, #guntop .head-headshot-id, #guntop .head-headshot_p-id{
		width: 15%;
		font-size: 1.8rem;
	}
	.is_register{
		font-size: 25px;
        margin: 0 20px;
        position: absolute;
        bottom: 5px;
        height: 40%;
        width: auto;
        left: 130px;
	}
	#Data0 li{
		width:100%;
		height: 7rem;
	}
	#footer{
		display: none;
	}
	.match-head, #teamA, #teamB, #info, #footer_min{
		margin: 0;
	}
	#header{
		margin: 0;
		height: 75px;
	}
	#header li, .match-head li{
		height: 100% !important;
	}
	#header .w-10{
		font-size: 2rem;
		width: 20%;
	}
	.match-head{
		height: 100px;
	}
	.match-head .head-player-id, #teamA .head-player-id, #teamB .head-player-id{
		width: 35%;
		justify-content: left;
		padding-left: 20;
	}
	.match-head .head-kda-id, #teamA .head-kda-id, #teamB .head-kda-id{
		width: 15%;
	}
	.match-head .head-adr-id, #teamA .head-adr-id, #teamB .head-adr-id{
		width: 10%;
	}
	.match-head .head-rws-id, #teamA .head-rws-id, #teamB .head-rws-id{
		width: 10%;
	}
	.match-head .head-rating-id, #teamA .head-rating-id, #teamB .head-rating-id{
		width: 15%;
	}
	.match-head .head-rank-id, #teamA .head-rank-id, #teamB .head-rank-id{
		width: 10%;
	}
	.match-head span{
		font-size: 1.8rem;
	}
	#info {
		display: none;
	}
	.head-kda-id .mapname {
		height: 80%;
		font-size: 1.9rem;
	}
	.head-kda-id .maptype {
		height: 50%;
		font-size: 1.5rem;
	}
	.match-h1{
		margin:40px
	}
	#teamA li{
		background: linear-gradient(90deg,#ECECEC 50%,#d5d7ee 100%); 
		&::after{
			background: linear-gradient(90deg,#ECECEC 50%,#d5d7ee 100%); 
		}
	}
	#teamB li{
		background: linear-gradient(90deg,#ECECEC 50%,#ebcdcd 100%);
		&::after{
			background: linear-gradient(90deg,#ECECEC 50%,#ebcdcd 100%);
		}
	}
	#match_teamA li{
		background: linear-gradient(70deg,#9198e9 9.5rem, #ECECEC 10%);
	}
	#match_teamB li{
		background: linear-gradient(70deg,#e66a6a 9.5rem, #ECECEC 10%);
	}
	#footer_min .maptype{
		font-size: 1.5rem;
	}
	#Data2_ul li{
		height: 7rem !important;
	}
	#Data2_ul span{
		justify-content: center;
	}
	.vip-li-0 {
		&::after {
		    background: rgb(236, 236, 236);
		}
	}
	.vip-li-10 {
		&::after {
		    background: rgb(236, 236, 236);
		}
	}
}