:root {
	--bottom-height:5.75rem;
	--select-number-color:#F07189;
	--select-close-color:#F07189;
	--select-button-background:#FF99A8
}
.menu-box {
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px 2px rgba(0,0,0,0.1)
}
.enroll-form-box .upload-box{
	position: relative!important;
}

.background-box{
	background-color: #9B1B01;
}
.carousel-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    /*background-image: url('/skeleton/jj2024/image//banner-top.png');*/
    background-size: 100% 100%;
    bottom: -5px;
    left: 0;
    z-index: 5;
}
.menu-box .menu-item {
	position:relative;
	background-position:center .8rem;
	background-repeat:no-repeat;
	background-size:2.5rem 2.5rem
}
.menu-box .menu-item-1 {
	background-image:url('/skeleton/jj2024/image/intro.png')
}
.menu-box .menu-item-2 {
	background-image:url('/skeleton/jj2024/image/vote.png')
}
.menu-box .menu-item-3 {
	background-image:url('/skeleton/jj2024/image/rank.png')
}
.menu-box .menu-item-4 {
	background-image:url('/skeleton/jj2024/image/enroll.png')
}
.menu-box .menu-item-1.active {
	background-image:url('/skeleton/jj2024/image/intro-active.png')
}
.menu-box .menu-item-2.active {
	background-image:url('/skeleton/jj2024/image/vote-active.png')
}
.menu-box .menu-item-3.active {
	background-image:url('/skeleton/jj2024/image/rank-active.png')
}
.menu-box .menu-item-4.active {
	background-image:url('/skeleton/jj2024/image/enroll-active.png')
}
.menu-box .menu-item .icon i {
	display:none
}
.menu-box .menu-item .name {
	position:absolute;
	width:100%;
	color:#ff8a6b;
	font-size:1.05rem;
	height:1.45rem;
	line-height:1.45rem;
	bottom:.6em
}
.menu-box .menu-item.active .name {
	color:#f6383a
}
.copyright-box {
	margin-top:2rem
}
.copyright-box .copyright {
	color:#fff!important;
	font-size:1.5rem;
	line-height:1.37em
}
.copyright-box .copyright-bottom {
	margin-bottom:1.4rem
}
.active-complex-box {
	padding:0 1.25rem;
	margin-top:1.5rem
}
.activity-name {
	color:#f5eda6;
	font-weight: bold;
	font-size:1.2rem;
	line-height:1.75rem
}
.stats-box {
	margin-top:1.25rem
}
.statistical-box {
	justify-content:space-around;
	gap:2.5rem;
	background:url('/skeleton/jj2024/image/statistic-bg.png') no-repeat;
	background-size:100% 100%;
	    padding-bottom: 2rem;
}
.statistical-box>div {
	width:10rem;
	position:relative;
	color:#fff;
	line-height:1.55rem;
	font-size:14px;
}
.statistical-box>div .value {
	margin:1.6rem 0 1rem 0;
}
.lookrankbox{
    width: 100%;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    background-image: url('/skeleton/jj2024/image/vote-btn-bg-big.png');
    background-size: 100% 100%;
	padding: 13px 0;
	text-align: center;
	margin-top: 2rem;
}
.rule-complex-box {
	position:relative;
	padding:.005rem 0.7rem 3.5rem;
	background:#ffe5de;
	border-radius:0 0 .5rem .5rem;
	
}
.rule-box {
	margin-top:1.3rem;
	background-color: #ffd6cd;
    border-radius: 8px;
	color: #ec4e4b;
    padding: 22px 16px;
}
.rule-box>div {
	color:#ec4e4b;
	font-size:1.3rem;
	line-height:1.45rem
}
.rule-box>div:not(:first-child) {
	margin-top:.65rem
}
.rule-box>div>p {
	display:flex
}
.rule-box>div i {
	width:1.25rem;
	height:1.25rem;
	margin-right:.5rem;
	background-size:100% 100%
}

.rule-box>div i:before {
	content:none
}
.activitystatus{
	position: relative;
}
.activitystatus::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 10px;
    background-image: url('/skeleton/jj2024/image/rule-icon-right.png');
    background-size: 100% 100%;
    right: 71px;
    top: calc(50% - 5px);
}
.activitystatusbefore::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 10px;
    background-image: url('/skeleton/jj2024/image/rule-icon-left.png');
    background-size: 100% 100%;
    right: 123px;
    top: calc(50% - 5px);
}

.countdown-box {
	color:#ec4e4b!important;
	font-size:1.25rem!important;
	height:3.25rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.nav-box {
	margin-top:2rem;
	color:#fff;
	display:block
}
.nav-box>div {
	margin:auto;
	width:16rem;
	position:relative;
	height:3.25rem;
	background:url('/skeleton/jj2024/image/nav-lonely.png') center / 100% 100% no-repeat;
	border-radius:.5rem;
	color:#F07189;
	font-size:1.15rem;
	font-weight:700
}
.nav-box.both>div {
	display:inline-flex
}
.nav-box>div:not(:first-child) {
	margin-left:3rem
}
.nav-box>div img {
	display:none
}
.search-box {
	height:4.25rem;
	margin-top:2.5rem;
	border-radius:1.5rem;
	border:.1rem solid #F07189;
	overflow:hidden;
	background: #ffe5de;
	box-sizing:border-box
}
.numandpoll div{
	flex: 1;
}
.numandpoll div:first-child{
	color: #dd8700;
    display: flex;
    align-items: center;
	padding-left: 5px;
}
.numandpoll div:last-child{
	color: #fff;
    text-align: right;
    padding-right: 5px;
    display: flex;
    align-items: center;
	justify-content: center;
}
.numandpoll{
	z-index: 1;
	font-size: 1.5rem;
	position: absolute;
	bottom: 0;
	width: 100%;
    height: 2rem;
	display: flex;
	background:url('/skeleton/jj2024/image/number-count.png') center / cover no-repeat;
}
.search-box .input-box {
	padding-left:1.45rem
}
.search-box .input-box .icon-search {
	width:1.8rem;
	height:1.8rem;
	background:url('/skeleton/jj2024/image/i-search.png') center / cover no-repeat;
	margin-right:.2rem
}
.search-box .input-box .icon-reset {
	color:# #A6A6A6
}
.search-box .input-box input {
	color:#ec4e4b;
	flex:1;
	font-size:1.55rem;
	height:100%;
	background-color:#ffe5de
}
.search-box .input-box input::placeholder {
	color:#A6A6A6
}
.search-box .search-btn {
	position:relative;
	width:8.25rem;
	height:100%;
	color:#fff;
	background:url('/skeleton/jj2024/image/vote-btn-bg-small.png') center / cover no-repeat;
	
	font-size:1.2rem;
	border-radius:1.5rem 0 0 1.5rem;
	background-color:#F07189;
	display:flex;
	justify-content:center;
	align-items:center
}
.group-box {
	margin-top:2rem;
	padding:1rem .9rem;
	background-color:#ffd6cd;
	border-radius:.6rem
}
.group-box .group-item {
	border-radius:.5rem;
	color:#ec4e4b;
	padding:0 .75rem;
	height:3rem;
	line-height:3rem;
	font-size:1.2rem;
	border:.05rem solid #FF99A8
}
.group-box .group-item.active {
	color:#fff;
	background-color:#f5643b;
	position:relative;
	padding:0 1rem
}