body{
	background-color: #000;
}
.home,.second{
	width:100%;
	height:100%;
}

.u-arrow p{
    background-image: url('https://res.caijingmobile.com/activity/vote2025/arraw.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.bg1 {
	background-image: url('https://res.caijingmobile.com/activity/vote2025/bg01.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg2 {
    background-image: url('https://res.caijingmobile.com/activity/vote2025/bg02.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg3 {
    background-image: url('https://res.caijingmobile.com/activity/vote2025/bg03.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_text_title{
    background-image: url('https://res.caijingmobile.com/activity/vote2023/bg_text_title.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 54.67%;
    height: 5.58%;
    left: 22.67%;
}
.icon_success{
    background: url("https://res.caijingmobile.com/activity/vote2022/icon_success.png") no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.icon_tips{
    background: url("https://res.caijingmobile.com/activity/vote2022/icon_tips.png") no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.icon_warning{
    background: url("https://res.caijingmobile.com/activity/vote2022/icon_warning.png") no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
}


.bcenter{
	display: flex;
	align-items: center;
}
.dcenter{
	position: relative;
	width: 100%;
}

.sun{
    background: url("https://res.caijingmobile.com/activity/vote2022/sun.png?t=202208311704") no-repeat;
    height: 9.25%;
    width: 18.4%;
    left:88.53%;
    top:-0.94%;
    background-size: contain;
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.text-pxyz{}
.text-pxyz .text-item{
    display: inherit;
}
.text-pxyz .sprite{
    position: relative;
}


.cloud{
    background: url(../images/cloud.png) no-repeat top right;
    height: 36.94%;
    width: 100%;
    bottom: 0;
    background-size: 100%;
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}
.cloudearth{
    background: url(../images/cloudearth.png) no-repeat top right;
    height: 36.33%;
    width: 100%;
    bottom: 0;
    background-size: 100%;
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.qkongbai{
    background: url("https://res.caijingmobile.com/activity/vote2022/qkongbai.png") no-repeat top center;
    height: 67.87%;
    width: 100%;
    top: 8.04%;
    left: 0%;
    background-size: 117.6%;
}
.qkongbai .p2text{
    width: 60%;
    text-align: center;
    margin: 23% auto;
    line-height: 1.5;
    position:relative;
}

.qlogo{
     background: url("https://res.caijingmobile.com/activity/vote2025/logo_title.png") no-repeat center;
    height: 18.2561%;
    width: 85.51%;
    top: 11.6995%;
    left: 7.294%;
    background-size: contain;
}
.qlogo_vote{
    background: url("https://res.caijingmobile.com/activity/vote2024/qlogo_vote_01.png") no-repeat center;
    height: 29.60%;
    width: 51.44%;
    top: 5.17%;
    left: 6.76%;
    background-size: contain;
}


.sline{
    background: url("https://res.caijingmobile.com/activity/vote2024/index_line.png") no-repeat center;
    height: 1.474%;
    width: 8.454%;
    top: 44.47%;
    left: 67.63%;
    background-size: contain;
}

.qiu01{
     background: url("https://res.caijingmobile.com/activity/vote2025/xf.png") no-repeat center;
     height: 5.120%;
     width: 26.9637%;
     top: 36.793%;
     left: 13.5266%;
     background-size: contain;
}
.qiu02{
    background: url("https://res.caijingmobile.com/activity/vote2025/kj.png") no-repeat center;
    height: 4.980%;
    width: 26.0507%;
    top: 58.4680%;
    left: 58.4541%;
    background-size: contain;
}
.qiu03{
    background: url("https://res.caijingmobile.com/activity/vote2025/jz.png") no-repeat center;
    height: 5.2611%;
    width: 20.5676%;
    top: 64.1330%;
    left: 15.2174%;
    background-size: contain;
}
.qiu04{
    background: url("https://res.caijingmobile.com/activity/vote2024/qiu04_old.png?t=202408291453") no-repeat center;
    height: 12.3153%;
    width: 20.7729%;
    top: 74.4778%;
    left: 71.0144%;
    background-size: contain;
}
/*
.qiu05{
    background: url("https://res.caijingmobile.com/activity/vote2022/qiu05.png") no-repeat center;
    height: 4.83%;
    width: 26.2%;
    top: 65.15%;
    right: 10.93%;
    background-size: contain;
}
.qiu06{
    background: url("https://res.caijingmobile.com/activity/vote2022/qiu06.png") no-repeat center;
    height: 5.23%;
    width: 33.87%;
    top: 72.12%;
    left: 34.13%;
    background-size: contain;
}
*/

.iconxf{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_xf.png") no-repeat center;
    height: 6.5270%;
    width: 27.4154%;
    top: 13.0541%;
    left: 35.74%;
    background-size: contain;
}
.iconkj{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_kj.png") no-repeat center;
    height: 6.51%;
    width: 27.53%;
    top: 13.0541%;
    left: 36.23%;
    background-size: contain;
}
.iconjz{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_jz.png") no-repeat center;
    height: 6.5270%;
    width: 27.4154%;
    top: 13.0541%;
    left: 36.47%;
    background-size: contain;
}
.iconpxzbf{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_zbf.png") no-repeat center;
    height: 6.5270%;
    width: 33.8164%;
    top: 5.4187%;
    left: 33.33%;
    background-size: contain;
}
.iconpxzhzc{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_zhzc.png") no-repeat center;
    height: 6.5270%;
    width: 54.8309%;
    top: 37.9310%;
    left: 22.5845%;
    background-size: contain;
}

.iconpljg{
    background: url("https://res.caijingmobile.com/activity/vote2024/title_pljg.png") no-repeat center;
    height: 6.511%;
    width: 54.83%;
    top: 5.28%;
    left: 22.94%;
    background-size: contain;
}
.iconpxtime{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_time.png") no-repeat center;
    height: 6.5270%;
    width: 33.8164%;
    top: 5.28%;
    left: 33.33%;
    background-size: contain;
}
.iconpxyz{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_pxyz.png") no-repeat center;
    height: 6.511%;
    width: 32.8502%;
    top: 5.28%;
    left: 32.85%;
    background-size: contain;
}
.iconpxfs{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_xqfs.png") no-repeat center;
    height: 7.1%;
    width: 40.5795%;
    top: 7.64%;
    left: 29.7101%;
    background-size: contain;
}
.iconpxlc{
    background: url("https://res.caijingmobile.com/activity/vote2023/pxlc.png") no-repeat center;
    height: 7.1%;
    width: 34.13%;
    top: 7.64%;
    left: 32.93%;
    background-size: contain;
}
.iconpxbm{
    background: url("https://res.caijingmobile.com/activity/vote2025/title_bmfs.png") no-repeat center;
    height: 6.5270%;
    width: 27.0531%;
    top: 7.64%;
    left: 36.4734%;
    background-size: contain;
}
.iconhzmt{
    background: url("https://res.caijingmobile.com/activity/vote2022/hzmt.png?t=202209051508") no-repeat center;
    height: 7.1%;
    width: 29%;
    top: 7.64%;
    left: 35.97%;
    background-size: contain;
}

.iconkj_vote{
    background: url("https://res.caijingmobile.com/activity/vote2024/title_kj.png") no-repeat center;
    height: 6.51%;
    width: 27.53%;
    top: 11.05%;
    left: 36.23%;
    background-size: contain;
}
.iconjz_vote{
    background: url("https://res.caijingmobile.com/activity/vote2024/title_jz.png") no-repeat center;
    height: 6.51%;
    width: 27.05%;
    top: 11.05%;
    left: 36.47%;
    background-size: contain;
}
.iconxf_vote{
    background: url("https://res.caijingmobile.com/activity/vote2024/title_xf.png") no-repeat center;
    height: 6.51%;
    width: 28.74%;
    top: 11.05%;
    left: 35.74%;
    background-size: contain;
}




.slogan{
	background: url("../images/slogan.png") no-repeat center;
	height: 6.86rem;
	width: 100%;
	top: 18%;
	background-size: contain;
	-webkit-transition: 0.5s ease-out all;
	-moz-transition: 0.5s ease-out all;
	left: -45%;
	margin-left: -3.78rem;
}
.active .slogan-end{left:50%;}

.host{
	background: url("https://res.caijingmobile.com/activity/vote2025/zhuban.png") no-repeat center;
	height: 7.1576%;
	width: 92.2657%;
    left: 3.6231%;
    bottom: 4.56%;
	background-size: contain;
}
.active .home.fadeIn{
	-webkit-animation: fadeIn 2.5s ease 1s both;
	animation: fadeIn 2.5s ease 1s both;
}

/*page2 end*/
.p2text{
	position: absolute;
	color: #FFF;
	top: 0;
	width: 100%;
	text-align: center;
	left: 0;
	line-height: 0.56rem;
	font-size: 0.32rem;
    font-family: PingFangSC-Regular;
}
.p2text .sprite{
	position: relative;
}
.p2text > div{
	width: 79.22%;
	margin: 5% auto;
	text-align: justify;
}
.c_f8cca2{
	color: #f8cca2;
}
.under_line{
	border-bottom: 3px solid #f8cca2;
}
.bigstart{
    font-size: 0.36rem;
    color: #F7DEBD;
    font-family: PingFangSC-Medium;
}
.bigstart b{
    background: #FEDEB2;
    height: 0.27rem;
    width: 3px;
    display: inline-block;
    margin-right: 3px;
}
.text-gradient{
    /*display:inline-block;*/
    color: rgba(255, 255, 255, 1);
    font-size: 0.308rem;
    line-height: 0.5615rem;
    font-family: PingFangSC-Regular;
    /*background-image: linear-gradient(to right, #A88056, #F7DEBD);*/
    /*background-image: linear-gradient(to right, RGBA(248,233,255, 1), RGBA(255,255,255, 1) 37.22%, RGBA(231,195,255, 1));*/
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.text-expend .text-gradient, .text-finance .text-gradient, .text-infrastructure .text-gradient{
    font-size: 0.3261rem;
    color: rgba(255, 254, 250, 1);
}

/**page 3**/
.expend{
    height: 7.1%;
    width: 32.8%;
    top: 7.64%;
    left: 33.6%;
    background-size: contain;
}
.text-expend,
.text-finance,
.text-infrastructure,
.text-politics,
.text-yyz,
.text-rw {
    color: #FFF;
    font-size: 0.35rem;
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
}
.text-expend > div,
.text-finance > div,
.text-infrastructure > div,
.text-politics > div{
    /*margin-top: 5%;*/
}
.text-expend label,
.text-finance label,
.text-infrastructure label,
.text-politics label,
.text-yyz label,
.text-rw label{
    display: none;
    box-sizing: border-box;
    border-top: 0;
    border-bottom: 0.5px solid transparent;
    /*border-image: linear-gradient(to right, RGBA(234,205,163, 0), RGBA(224,190,143, 1) 50%, RGBA(214,174,123,0)) 1 1;*/
    border-image: linear-gradient(to right, RGBA(248,233,255, 0), RGBA(255,255,255, 1) 37.22%, RGBA(231,195,255,0)) 1 1;
    padding-bottom: 5px;
    line-height: 2.5;
}
.box-expend .triangle.triangle-small{
    height: 10px;
}
/**page 4**/
.finance{
    background: url("../images/finance.png?t=202109291548") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.infrastructure{
    background: url("../images/infrastructure.png?t=202109291642") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.politics{
    background: url("../images/politics.png?t=202109291642") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.selection-method{
    background: url("../images/selection_method.png?t=202109291642") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.text-selection-method{
    color: #FFF;
    font-size: 0.35rem;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
}
.text-box{
    width: 83.09%;
    margin: 0 auto;
    border-radius: 8px;
    position: relative;
    border-top:none;
    border-bottom: none;
    border-left: 1px solid rgba(255, 233, 204, 1);
    border-right: 1px solid rgba(232, 186, 133, 1);
}
.text-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(180deg, rgba(255, 233, 204, 1) 0%, rgba(232, 186, 133, 1) 100%);
    margin-right: 7px;
    margin-left: 7px;
}
.text-selection-time .text-box:after{
    display: none;
}

.text-title{
    position: absolute;
    width: 100%;
    top: 0;
}
.text-title label{
    font-size: clamp(15.01px, 4vw, 17.01px);
    color: #514C9B;
    position: relative;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.text-tips{
    color: rgba(255, 233, 204, 1);
    font-size: 14px;
    font-weight: 400;
    margin: 0.5rem 0.65rem;
    text-align: left;
}
.more-text-title{

}
.text-title.more-text-title label{

}
.more-text-title .box-line{
    background: none;
    border-top: 1px solid rgba(255, 233, 204, 1);
    transform: none;
    height: 32px;
}
.more-text-title .dot{
    margin-top: -32px;
}
.more-text-title .box-line_right{
    border-top: 1px solid rgba(232, 186, 133, 1);
    background: none;
    transform: none;
    height: 32px;
}
.more-text-title .box-line-title{
    margin-top: -32px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 2px;
}


.dot{
    /*background: RGBA(234,205,163, 0.6);*/
    background: rgba(255, 233, 204, 1);
    width: 16px;
    height: 5px;
    border-radius: 50%;
}
.box-line{
    width: 100%;
    /*border-top: 1px solid RGBA(234,205,163, 0.25);*/
    /*border-top: 0.8px solid #FFEB3B;
    border-radius: 2px;*/
    margin-left: 7px;
    height: 5px;
    background: rgba(255, 233, 204, 1);
    transform:scale(1 , 0.2);
}
.box-line_right{
    width: 100%;
    /*border-top: 0.8px solid rgba(213, 121, 252, 1);
    border-radius: 2px;*/
    margin-right: 7px;
    height: 5px;
    background: rgba(232, 186, 133, 1);
    transform:scale(1 , 0.2);
}

.box-line-title{
    width: 100%;
    white-space:nowrap;
    word-break: keep-all;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    border: 0.5px solid #FFEB3B;
    color: rgba(24, 7, 64, 1);
    padding: 0 0.25rem;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(255, 233, 204, 1) 0%, rgba(232, 186, 133, 1) 100%);
}

.text-item{
    font-size: clamp(13px, 4.1062vw, 26px);
    margin: 0 0.3rem 0;
    padding-top: 0.25rem;
    padding-bottom: 8px;
    text-align: justify;
    line-height: 1.6;
}
.text-selection-method .text-box{
    margin-top: 0.5rem;
}
.borderlinebottom{
    background: url("../images/borderlinebottom.png?t=202109291712") no-repeat center;
    height: 1.06rem;
    width: 100%;
    background-size: contain;
    bottom: -0.7rem;
    position: absolute;
}


.selection-progress{
    background: url("../images/progress.png?t=202109291725") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.text-title .process-title01{
    background: url(../images/process-title01.png) no-repeat 0.25rem center;
    height: 0.4rem;
    width: 100%;
    top: 0.1rem;
    background-size: contain;
    position: absolute;
}
.text-title .process-title02{
    background: url(../images/process-title02.png) no-repeat 0.25rem center;
    height: 0.4rem;
    width: 100%;
    top: 0.1rem;
    background-size: contain;
    position: absolute;
}
.text-title .process-title03{
    background: url(../images/process-title03.png) no-repeat 0.25rem center;
    height: 0.4rem;
    width: 100%;
    top: 0.1rem;
    background-size: contain;
    position: absolute;
}


.selection-time{
    background: url("../images/selection-time.png?t=2021092918000") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.text-selection-time{
    color: #F7DEBD;
    font-size: 0.35rem;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
}
.time-box{
    /*border: 1px dashed RGBA(234,205,163, 0.6);*/
    position: relative;
    width: 87.92%;
    margin: 0 auto;
}
.time-box-left{
     border-width: 1px 1px 0 0;
}
.time-box-right{
    border-width: 1px 0 0 1px;
}
.time-title{
    position: absolute;
    width: 100%;
    text-align: left;
    top: -0.24rem;
}
.time-icon{}
.time-text{
    font-size: 0.2717rem;
    /*margin: 0 0.3rem 0;*/
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    text-align: left;
    color: #FFF;
}
.time-tag{
    background: #FFEB3B;
    font-size: 0.25rem;
    color: rgba(24, 7, 64, 1);
    position: relative;
    line-height: 0.5434rem;
    background:linear-gradient(225deg, transparent 15px, rgba(255, 233, 204, 1) 30%, rgba(232, 186, 133, 1) 100%) top right,linear-gradient(315deg,transparent 15px, rgba(255, 233, 204, 1) 30%, rgba(232, 186, 133, 1) 100%) bottom right;
    background-size: 100% 52%;
    background-repeat: no-repeat;
    padding: 2px 30px 0 10px;
    font-weight: bolder;
}
.time-tag:after{
    content: ' ';
    position: absolute;
    right: -0.12rem;
    width: 0.24rem;
    background: RGBA(241,106,78, 1);
    height: 0.24rem;
    top: 0.05rem;
    transform: rotate(45deg);
    display: none;
}


.time-title01{
    background: url("../images/time-title01.png") no-repeat left;
    height: 0.3rem;
    width: 32%;
    top: 0;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}
.time-title02{
    background: url("../images/time-title02.png") no-repeat center;
    height: 0.3rem;
    width: 32%;
    top: 0;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.time-title03{
    background: url("../images/time-title03.png") no-repeat left;
    height: 0.3rem;
    width: 32%;
    top: 0;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}
.time-title04{
    background: url("../images/time-title04.png") no-repeat center;
    height: 0.3rem;
    width: 32%;
    top: 0;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.time-box-left .dot{
    position: relative;
    display: inline-block;
    left: 0;
    top: -0.04rem;
    width: 5px;
    margin-left: 0.25rem;
}
.time-box-right .time-title{
    text-align: right;
}
.time-box-right .dot{
    display: inline-block;
    position: relative;
    left: 0;
    top: -0.04rem;
    width: 5px;
    margin-right: 0.25rem;
}
.time-box-right .time-tag:after{
    left: -0.12rem;
    right: 0;
}

.bmfs-tips{margin-top: 7%; margin-left: 0.1rem;}
.time-box:nth-last-child(2){
    border-bottom: none;
}
.downarraw{
    background: url("../images/downarraw.png") no-repeat left;
    height: 0.3rem;
    width: 100%;
    background-size: contain;
    left: -0.15rem;
    position: absolute;
    bottom: -0.25rem;
}
.text-title-baoming{
    font-size: 0.3rem;
    color: #514C9B;
    padding: 2px 12px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
    border-radius: 2px;
    font-weight: bold;
    background: #FFEB3B;
    /*background: linear-gradient(to right, rgba(241, 106, 78, 1) 0%, rgba(155, 60, 177, 0.45) 55.03%, rgba(30, 241, 246, 1) 100%);*/
}
.text-selection-time .text-box{
    margin-top: 0.6rem;
    border: none;
}
.text-selection-time .text-title{
    text-align: left;
}
.text-selection-time .text-gradient{
    line-height: 0.44rem;
    font-size: 0.2717rem;
}
.text-selection-time .text-item{
    line-height: 0.44rem;
    font-size: 0.3rem;
}

.text-baoming{
    color: rgba(255, 233, 204, 1);
    font-size: 0.35rem;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Light;
}
.box-baoming{
    width: 80%;
    margin: 0 auto;
}

.bminputbox{

}
.bminputbox li{
    margin: 0.4rem 0;
}
.bminputbox li:last-child{
    margin-bottom: 0.2rem;
}
.bminput{
    background: RGBA(255, 255, 255, 0.15);
    border-radius: 0.05rem;
    line-height: 0.7rem;
    width: 100%;
    color: #FFF;
    padding: 0 0.2rem;
    margin-left: -0.2rem;
    font-size: 0.3rem;
    /*border: 1px solid RGBA(234,205,163, 0.6);*/
}
.bminputbox input::-webkit-input-placeholder{
    color: #FFF;
}
.bminputbox input::-moz-placeholder{
    color: #FFF;
}
.otherlink{
	text-align: right;
	margin-right: -0.2rem;
    font-size: 0.28rem;
}
.otherlink a{
	text-align: right;
	color: rgba(255, 233, 204, 1);
	text-decoration: none;
}

.bmtitle{
    background: url(../images/bm_title.png?t=202010221024) no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.bmdesc{
	font-size: 0.38rem;
}

.bmbtn.yellowbtn{
	position: unset;
	border-radius: 0.05rem;
	line-height: 0.7rem;
	width: 100%;
	color: #09134E;
	font-size: 0.3rem;
	padding: 0 0.2rem;
	margin-left: -0.2rem;
	margin-top: 0.4rem;
    letter-spacing: 0.2rem;
    /*background: #D6AE7B;*/
    font-weight: bold;
    background: -webkit-linear-gradient(#F7DEBD, #A88056);
    background: -o-linear-gradient(#F7DEBD, #A88056);
    background: -moz-linear-gradient(#F7DEBD, #A88056);
    background: linear-gradient(#F7DEBD, #A88056);
}
.bmbtn.jblinebtn{
    font-weight: bold;
    position: unset;
    border-radius: 0.05rem;
    line-height: 0.7rem;
    width: 100%;
    color: rgba(24, 7, 64, 1);
    font-size: 0.3rem;
    padding: 0 0.2rem;
    margin-left: -0.2rem;
    margin-top: 0.4rem;
    letter-spacing: 0.2rem;
    background: linear-gradient(90deg, rgba(7, 234, 250, 1) 0%, rgba(161, 110, 255, 1) 100%);
}


.bmbtn{}
.bmother{
	text-align: left;
	line-height: 0.5rem;
	margin-left: -0.2rem;
	margin-top: 0.8rem;
}
.bmother p{
    font-size: 0.28rem;
}

.partners{
    background: url("../images/partners.png?t=202109291902") no-repeat center;
    height: 1.06rem;
    width: 100%;
    top: 0;
    background-size: contain;
}
.box-partners{
    color: #FFF;
    font-size: 0.35rem;
    position: absolute;
    top: 20%;
    width: 100%;
}
.partners-pic{
    width: 90%;
    margin: 0 auto;
}
.partners-pic img{
    width: 100%;
}













.sprite {position: absolute;}
.active .sprite.slideToRight{
    -webkit-animation: slideToRight 0.7s ease 1s both;
    animation: slideToRight 0.7s ease 1s both;
}
.active .sprite.slideToLeft{
    -webkit-animation: slideToLeft 0.7s ease 1s both;
    animation: slideToLeft 0.7s ease 1s both;
}
.active .sprite.slideToTop{
    -webkit-animation: slideToTop 1.5s ease 0s both;
    animation: slideToTop 1.5s ease 0s both;
}
.active .sprite.slideToTop2{
    -webkit-animation: slideToTop2 2s ease 0s both;
    animation: slideToTop2 2s ease 0s both;
}
.active .sprite.slideToBottom{
    -webkit-animation: slideToBottom 0.7s ease 1s both;
    animation: slideToBottom 0.7s ease 1s both;
}
.active .sprite.fadeIn{
    -webkit-animation: fadeIn 1.5s ease 1s both;
    animation: fadeIn 1.5s ease 1s both;
}
.active .sprite.fadeOut{
    -webkit-animation: fadeOut 1.5s ease 1s both;
    animation: fadeOut 1.5s ease 1s both;
}

.active .sprite.slideToBig{
    -webkit-animation: slideToBig 0.7s ease 1s both;
    animation: slideToBig 0.7s ease 1s both;
}
.active .sprite.slideToSmall{
    -webkit-animation: slideToSmall 0.7s ease 1s both;
    animation: slideToSmall 0.7s ease 1s both;
}
.yellowbtn{
	background: linear-gradient(105.36deg, rgba(255, 235, 59, 1) 0%, rgba(213, 121, 252, 1) 100%);
	color: #09134E;
	border-radius: 0.1rem;
	width: 2rem;
	text-align: center;
	padding: 0.1rem;
	font-size: 0.3rem;
	margin: 0.2rem auto;
}
.antzone, .antzone::before, .antzone::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.antzone {
	width: 340px;
	height: 200px;
	margin: auto;
	color: RGB(255,255,255);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	opacity: 0;
}
.antzone::before, .antzone::after {
	content: '';
	z-index: 0;
	margin: -3%;
	box-shadow: inset 0 0 0 2px;
	animation: clipMe 8s linear infinite;
	/*animation: clipMe 8s linear 1;*/
	border-color: #FFF;
}
.antzone::before {
    display: none;
	animation-delay: -4s;
}
@keyframes clipMe {
	0%, 100%{
		clip: rect(0px, 340.0px, 2px, 0px);
	}
	25% {
		clip: rect(0px, 2px, 170.0px, 0px);
	}
	50% {
		clip: rect(168.0px, 340px, 170px, 0px);
	}
	75% {
		clip: rect(0px, 340px, 170px, 338.0px);
	}
}

.antzoned.box1{
    width: 320px;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.28rem;
    margin-top: 2.4rem;
    height: 150px;
}
.antzoned.box2{
    width: 320px;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.28rem;
    margin-top: 6.7rem;
    height: 150px;
}

.antzoned, .antzoned::before, .antzoned::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.antzoned {
    width: 340px;
    height: 200px;
    margin: auto;
    color: RGB(255,255,255);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	opacity: 0;
}
.antzoned::before, .antzoned::after {
    content: '';
    z-index: 0;
    margin: -3%;
    box-shadow: inset 0 0 0 2px;
    animation: clipMed 8s linear infinite;
    /*animation: clipMe 8s linear 1;*/
    border-color: #FFF;
}
.antzoned::before {
    animation-delay: -4s;
}
@keyframes clipMed {
    0%, 100%{
        clip: rect(0px, 340.0px, 2px, 0px);
    }
    25% {
        clip: rect(0px, 2px, 170.0px, 0px);
    }
    50% {
        clip: rect(168.0px, 340px, 170px, 0px);
    }
    75% {
        clip: rect(0px, 340px, 170px, 338.0px);
    }
}

.vote_item_bg{
    background: url("https://res.caijingmobile.com/activity/vote2024/vote_item_bg.png") no-repeat center;
    height: 1.395rem;
    width: 1.63rem;
    background-size: contain;
}
.hand_red{
    background: url("../images/hand_red_01.png") no-repeat center;
    height: 0.27rem;
    width: 0.25rem;
    background-size: contain;
}
.hand{
    background: url("https://res.caijingmobile.com/activity/vote2024/hand.png") no-repeat center;
    height: 0.27rem;
    width: 0.25rem;
    background-size: contain;
}