:root {
	--player-margin-top:2rem;
	--player-margin-left:1.5rem;
	--player-cover-margin:0;
	--enroll-text-placeholder-color:#A6A6A6;
	--enroll-form-left-color:#3C3C3C;
	--enroll-text-color:#ec4e4b;
	--enroll-border-color:#fff;
	--enroll-upload-camera-color:#FF99A8;
	--enroll-form-padding-horizontal:1rem;
	--enroll-form-padding-vertical:.5rem;
	--enroll-image-intro-color:#3C3C3C;
	--enroll-video-intro-color:#FF99A8
}
.intro-box {
	margin:2.5rem 1.25rem 0;
	padding:1.5rem 1.7rem 8.5rem;
	background:#ffeee9;
	border-radius:.5rem
}
.intro-box .intro-content {
	color:#333;
	line-height:1.765
}
.intro-box .intro-content img {
	margin-top:1rem;
	margin-bottom:1rem
}
.empty-box .van-empty__image {
	width:17.5rem;
	height:auto;
	font-size:0;
	position:relative
}
.empty-box .van-empty__image:before {
	position:absolute;
	bottom:0;
	line-height:2rem;
	font-size:1.15rem;
	color:#FF99A8;
	content:'暂无内容';
	text-align:center;
	width:100%
}
.rank-box {
	position:relative;
	margin:2.25rem 1.25rem 0;
	padding:.5rem 2.5rem .005rem;
	background-color:#ffe5de !important;
	border-radius:.5rem;
	box-shadow:0 .1rem .2rem rgba(0,0,0,.2)
}
.rank-list{
	padding-bottom: 4rem;
}
.rank-box:before {
	/*position:absolute;
	width:25rem;
	height:5.5rem;
	top:-4.75rem;
	content:'排行榜';
	font-size:1.5rem;
	color:#fff;
	font-weight:700;
	line-height:3.9rem;*/
	/*background:url('/skeleton/jj2024/image/rank-top.png') center / cover no-repeat*/
}
.rank-box .rank-finish {
	margin:-1.5rem 0;
	color:#969799
}
.rank-box .rank-list .rank-item {
	padding-top:1.5rem;
	padding-bottom:.5rem;
	border-bottom:.05rem solid #F07189;
	display:flex;
	align-items:center
}
.rank-box .rank-list .rank-item .rank {
	font-size:1.2rem;
	min-width:2rem;
	margin-right:.8rem;
	font-weight:700;
	text-align:center
}
.rank-box .rank-list .rank-item.top-3 .rank {
	color:#fff;
	height:4rem;
	line-height:4rem;
	background-position:center .35rem;
	background-repeat:no-repeat;
	background-size:100% auto
}
.rank-box .rank-list .rank-item:nth-child(1) .rank {
	background-image:url('/skeleton/jj2024/image/top-1.png')
}
.rank-box .rank-list .rank-item:nth-child(2) .rank {
	background-image:url('/skeleton/jj2024/image/top-2.png')
}
.rank-box .rank-list .rank-item:nth-child(3) .rank {
	background-image:url('/skeleton/jj2024/image/top-3.png')
}
.rank-box .rank-list .rank-item .rank span {
	color:#999;
	display:flex;
	height:2rem;
	justify-content:center;
	align-items:center
}
.rank-box .rank-list .rank-item.top-10 .rank span {
	color:#f6383a;
	border:.1rem solid #ffb8cd;
	background: #ffd4c9;
	border-radius:50%;
	box-sizing:border-box
}
.rank-box .rank-list .rank-item .info {
	display:flex;
	width:100%
}
.rank-box .rank-list .rank-item .info .cover {
	width:4rem;
	height:4rem;
	border-radius:50%;
	margin-right:.8rem;
	overflow:hidden
}
.rank-box .rank-list .rank-item .info .cover img {
	width:100%;
	height:100%
}
.rank-box .rank-list .rank-item .info .introduction {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.rank-box .rank-list .rank-item .info .introduction .name,.rank-box .rank-list .rank-item .info .introduction .intro {
	-webkit-box-orient:vertical;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-line-clamp:1;
	font-weight:400
}
.rank-box .rank-list .rank-item .info .introduction .name {
	font-size:1.4rem;
	color:#330a00
}
.rank-box .rank-list .rank-item .info .introduction .name span {
	color:#463e3c
}
.rank-box .rank-list .rank-item .info .introduction .intro {
	color:#808080;
	font-size:1.2rem;
	margin-top:.8rem
}
.rank-box .rank-list .rank-item .info .poll {
	color:#f6383a;
	font-size:1.4rem;
	text-align:right
}
.enroll-box {
	margin:0 1.25rem
}
.enroll-time-box,.enroll-form-box {
	margin-top:1.5rem;
	background-color:#ffd6cd;
	border-radius:.5rem
}
.enroll-time-box {
	padding:4.15rem 0 1.87rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.enroll-time-box>.box-title {
	position:absolute;
	font-size:1.5rem;
	color:#F07189;
	height:2.2rem;
	display:flex;
	align-items:center;
	top:1.15rem
}
.enroll-time-box>.box-title:before,.enroll-time-box>.box-title:after {
	display:inline-block;
	width:2rem;
	height:2rem;
	content:'';
	background:url('/skeleton/jj2024/image/flower.png') center / 100% no-repeat
}
.enroll-time-box>.box-title:before {
	margin-right:.5rem;
	transform:scaleY(-1)
}
.enroll-time-box>.box-title:after {
	margin-left:.5rem;
	transform:scale(-1,-1)
}
.enroll-time-box>div {
	align-items:center;
	justify-content:center;
	height:1.45rem;
	color:#ec4e4b;
	font-size:1.5rem
}
.enroll-time-box>div:not(:first-child) {
	margin-top:.65rem
}
.enroll-time-box>div i {
	display:none
}
.player-box .player-list .player-item .player-cover-box .video-cover{
	width: 84%;
    height: 87%;
}
.enroll-form-box {
	padding-top:1rem;
	padding-bottom:9rem;
	background: #ffd6cd;
	/*background:rgba(255,255,255,.5) url('/skeleton/jj2024/image/box-footer.png') center bottom / 100% 8.5rem no-repeat;*/
	border-radius:.5rem;
	position:relative
}
.enroll-form-box .form-box,.enroll-form-box .media-box {
	padding:0 2.75rem
}
.enroll-form-box .form-group .form-title {
	margin-right:2rem
}
.enroll-form-box .form-group .form-title,.enroll-form-box .form-box .player-group:before {
	font-size:1.4rem;
	height:1.5rem;
	line-height:1.5rem
}
.upload-box-div input{
	height: 100%!important;
}
.enroll-form-box textarea {
	font-size:1.4rem;
	line-height:1.5rem
}
.enroll-form-box .image-upload {
	gap:.2rem
}
.enroll-form-box .form-box .form-group,.enroll-form-box .video-group,.enroll-form-box .form-group.image-group {
	margin-top:1.5rem;
	border:.1rem solid var(--enroll-border-color);
	border-radius:1.5rem
}
.enroll-form-box .form-group.image-group {
	padding-top:1.05rem;
	padding-bottom:1.2rem
}
.enroll-form-box .video-box {
	border:0;
	padding-top:0
}
.enroll-form-box .image-upload {
	padding:0
}
.enroll-form-box .enroll-btn {
	position:absolute;
	bottom:.75rem;
	left:1.7rem;
	right:1.7rem
}
.enroll-form-box .enroll-btn p {
	color:#fff;
	font-size:1.55rem;
	background-image: url('/skeleton/jj2024/image/vote-btn-bg-big.png');
    background-size: 100% 100%;
	border-radius:1.5rem;
	height:3.25rem;
	line-height:3.25rem;
	text-align:center
}
.player-box {
	margin:3rem 1.25rem 0;
	padding-bottom:2.01rem;
	overflow:initial
}
.player-box .player-finish {
	margin:-1.5rem 0;
	color:#969799
}
.player-box .player-list .player-item {
	position:relative;
	box-sizing:border-box
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:before,.player-box .player-list .player-item.column1 .img-complex .player-cover-box:after,.player-box .player-list .player-item.column2:before,.player-box .player-list .player-item.column3:before,.player-box .player-list .player-item.column2:after,.player-box .player-list .player-item.column3:after,.detail-complex-box .main-complex-box:before,.detail-complex-box .main-complex-box:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	background-repeat:no-repeat;
	background-size:100% auto
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:before,.player-box .player-list .player-item.column2:before,.player-box .player-list .player-item.column3:before,.detail-complex-box .main-complex-box:before {
	top:0;
	background-position:top center
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:after,.player-box .player-list .player-item.column2:after,.player-box .player-list .player-item.column3:after,.detail-complex-box .main-complex-box:after {
	bottom:0;
	background-position:bottom center
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:before,.player-box .player-list .player-item.column1 .img-complex .player-cover-box:after,.player-box .player-list .player-item.column1 .img-complex .cover {
	/*background-image:url('/skeleton/jj2024/image/player-bg-1.png')*/
}
.player-box .player-list .player-item.column2:before,.player-box .player-list .player-item.column2:after,.player-box .player-list .player-item.column2>div {
	background:#ffe5de;
}
.player-box .player-list .player-item.column3:before,.player-box .player-list .player-item.column3:after,.player-box .player-list .player-item.column3>div {
	background:#ffe5de;
}
.player-box .player-list .player-item.column1 .img-complex .cover,.player-box .player-list .player-item.column2>div,.player-box .player-list .player-item.column3>div,.detail-complex-box .main-complex-box .img-complex {
	background-position:center center;
	background-repeat:repeat-y;
	background-size:100% 200%
}
.player-box .player-list .player-item.column1 .img-complex .cover {
	background-size:100% 240%;
	width:100%;
	box-sizing:border-box
}
.player-box .player-list .player-item.column2 {
	padding:0.8rem 0 0.5rem;
	margin-top: 0;
}
.player-box .player-list .player-item.column2:before {
	/*height:5.8rem*/
}
.player-box .player-list .player-item.column2:after {
	/*height:2.5rem*/
}
.player-box .player-list .player-item.column2>div {
	padding:0.5rem
}
.player-box .player-list.no-auto .player-item.column2 .player-cover-box {
	/*height:13.3rem*/
}
.player-box .player-list .player-item.column3 {
	/*padding:4.51rem 0 1.95rem*/
}
.player-box .player-list .player-item.column3:before {
	height:4.51rem
}
.player-box .player-list .player-item.column3:after {
	height:1.95rem
}
.player-box .player-list .player-item.column3>div {
	padding:1.5rem .65rem
}
.player-box .player-list.no-auto .player-item.column3 .player-cover-box {
	height:8.9rem
}
.player-box .player-list .player-item .number {
	color:#758697;
	font-weight:700;
	font-size:1.4rem;
	position: relative;
	text-align:center;
}
.player-box .player-list .player-item .player-cover-box .cover {
	border-radius:.2rem;
	overflow:hidden;
	/*height:100%*/
}
.player-box .player-list .player-item .introduction .poll {
	margin-top:1rem;
	color:#f6383a;
	font-size:1.2rem;
	line-height:1.75rem;
	height:1.75rem
}
.player-box .player-list .player-item .introduction .poll span {
	font-size:1.2rem
}
.player-box .player-list .player-item .introduction .name {
	margin-top:1.5rem;
	color:#333;
	font-size:1.5rem;
	line-height:1.75rem
}
.player-box .player-list.no-auto .player-item .introduction .name {
	-webkit-line-clamp:1!important;
	height:1.75rem!important
}
.player-box .player-list .player-item .introduction .intro {
	color:#5C5C5C;
	font-size:1.05rem;
	margin-top:.5rem;
	line-height:1.55rem
}
.player-box .player-list .player-item .introduction .vote-btn {
	margin-top:.75rem;
	padding: 4px 0;
    font-size: 13px!important;
	line-height:2.1rem;
	background-color:#FF99A8;
	color:#fff;
	font-size:1.05rem;
	border-radius:1rem;
	background:url('/skeleton/jj2024/image/vote-btn-bg-small.png') center / cover no-repeat;
}
.player-box .player-list .player-item.column2 .introduction .vote-btn,.player-box .player-list .player-item.column3 .introduction .vote-btn {
	
}
.player-box .player-list .player-item.column1 {
	margin-top:3rem;
	padding-right:.5rem;
	background: #fff;
    padding-left: 0.5rem;
}
.player-box .player-list .player-item.column1 .introduction {
	width:23.1rem;
	background-color:#ffe5de;
	border-radius:0 .5rem .5rem 0;
	padding:1.005rem 3rem 1rem;
	box-sizing:border-box
}
.player-box .player-list .player-item.column1 .img-complex {
	width:11.4rem
}
.player-box .player-list .player-item.column1 .img-complex .number {
	position:absolute;
	width:12.8rem
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box {
	width:auto;
	margin-top:-1.15rem;
	margin-bottom:-0.85rem;
	margin-right:-1.4rem;
	height:calc(100% + 2rem);
	/*padding:4.8rem 0 2rem*/
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:before {
	/*height:4.8rem*/
}
.player-box .player-list .player-item.column1 .img-complex .player-cover-box:after {
	height:2rem
}
.player-box .player-list .player-item.column1 .img-complex .cover {
	/*padding-left:2.4rem;*/
	padding-right:2.5rem
}
.player-box .player-list .player-item.column1 .introduction .vote-btn {
	width:15rem;
	height:3rem;
	line-height:3rem;
	font-size:1.2rem;
	color:#fff
}
.detail-complex-box {
	margin:0 1.25rem;
	padding-top:.005rem
}
.detail-complex-box .number-name {
	margin-top:1.5rem;
	font-size:1.8rem;
	line-height:1.75rem;
	text-align:center
}
.detail-complex-box .number-name .number {
	font-weight:700;
	color:#fcf5b6
}
.detail-complex-box .number-name .name {
	color:#fcf5b6
}
.detail-complex-box .player-stats {
	margin-top:1.25rem
}
.detail-complex-box .main-complex-box {
	padding:2.6rem 0;
	background: #ffe5de;
	position:relative
}
.detail-complex-box .main-complex-box:before {
	height:11.6rem
}
.detail-complex-box .main-complex-box:after {
	/*height:6.3rem*/
}
.detail-complex-box .main-complex-box .img-complex {
	padding:.005rem 5.8rem 0 5.2rem
}
.detail-complex-box .main-complex-box:before,.detail-complex-box .main-complex-box:after,.detail-complex-box .main-complex-box .img-complex {
	/*background-image:url('/skeleton/jj2024/image/detail-bg.png')*/
}
.detail-complex-box .main-complex-box .number {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1.8rem;
	color:#fff;
	font-weight:700;
	top:4rem;
	line-height:2.4rem
}
.detail-complex-box .main-complex-box .img-complex>.intro {
	margin-top:4.5rem;
	font-size:1.2rem;
	text-align:center;
	color:#3c3c3c
}
.detail-complex-box .video-cover,.detail-complex-box .image-cover {
	margin:1rem 0
}
.detail-complex-box .detail {
	font-size:1.2rem;
	margin-top:2rem;
	color:#5C5C5C
}
.detail-complex-box .button-box {
	margin-top:3rem;
	gap:4rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.detail-complex-box .button-box>div {
	display:flex;
	align-items:center;
	justify-content:center;
	height:3.7rem;
	font-size:1.2rem;
	color:#fff;
	background: url('/skeleton/jj2024/image/vote-btn-bg-big.png') center / cover no-repeat;
	border-radius:1rem;
	position:relative
}