.index-main, .rule-main{
	overflow-y: auto !important;
}
.idxInfo {
	/* background: #FFFFFF;
	border: 1px solid #B51413;
	border-radius: .21rem; */
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.idxDesc1{
	position: absolute;
    left: -5%;
    bottom: -14%;
	width: 1.6rem;
	height: 1.4rem;
}

.idxDesc2{
	position: absolute;
    top: -5%;
    right: -3%;
	width: 1.6rem;
	height: 1.4rem;
}
.vote-m-figure {
	height: 3.85rem;
    width: auto;
    overflow: hidden;
    position: relative;
    border-radius: .1rem;
    z-index: 0;
    margin: .2rem;
	margin-bottom: .0rem;
}

.vote-m-list {
	width: calc(46% - 2px) !important;
	margin: 0 2% .4rem 2% !important;
}

.vote-bg {
	width: 100vw;
	height: 100vh;
	display: block;
	position: relative;
	z-index: 1;
}

.vote-mc-vote a {
	color: #FFFFFF;
	text-decoration: none;
}

.vote-main {
	position: relative;
	font-size: 0;
	padding-top: .3rem;
}

.vote-banner img {
	width: 100%;
	display: block;
}

.vote-detail{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	font-size: 0;
	margin-bottom: .1rem;
}
.vode-d-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center;
	-webkit-justify-content: center; */
	/* width: 25%;
	height: 1.69rem; */
    width: 2.42rem;
    height: 1.74rem;
	border-radius: 4px;
	z-index: 4;
	position: relative;
	justify-content: flex-start;
}
.vode-d-cont>img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 1;
}
.vote-ml-bh{
	font-size: .2rem;
    position: absolute;
    top: 0;
	left: calc(50% - .83rem/2);
    width: .83rem;
    height: .60rem;
    background-image: url(../image/index-zs3.png);
    background-size: 100% 100%;
    /* border: 1px solid #B51413; */
    /* border-radius: 50%; */
    z-index: 5;
    text-align: center;
    line-height: .60rem;
    color:#F16C60;
    transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	display: flex;
    justify-content: center;
    align-items: center;
}
:not(.vote-m-list-another) .vote-ml-bh span{
	position: relative;
	/* bottom: .1rem; */
	/* right: .05rem */
}
.vode-d-cont div {
	z-index: 2;
    color: #F16C60;
    font-weight: bold;
	font-size: .4rem;
	/* margin-top: 0.4rem; */
	/* margin-bottom: .4rem; */
}

.vode-d-cont p {
	color: #F16C60;
    z-index: 2;
	font-size: .24rem;
    margin-top: .45rem;
	/* margin-top: .3rem;
    margin-right: .3rem; */
}

.vote-time {
	text-align: center;
	padding: 0 .3rem;
	position: relative;
	margin-top: .3rem;
}

.vote-time>section {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 3;
}
.vote-time>img.zs2,
.vote-time>img.zs4,
.vote-time>img.zs3{
	z-index: 1;
	position: absolute;
	top: -.4rem;
}
.vote-time>img.zs2{
	width: 1.27rem;
	left: 0;
}
.vote-time>img.zs4{
	width: 1.76rem;
	right: 0;
}
.vote-time>img.zs3{
	width: 1.97rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.vote-time>img.zs1{
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
}
.vote-time img.vo-t-zs {
	width: 50%;
}

.vote-time div {
	font-size: .24rem;
	color: #333333;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.vote-time div>img{
	width: 0.22rem;
    height: .25rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .25rem;
}
.vote-time strong {
	margin: 0rem .05rem;
    color: #E32931;
    font-weight: normal;
}

.vote-time span {
	/*vertical-align: middle;*/
}

.vo-t-top,
.vo-t-bottom {
	position: absolute;
	width: 60%;
}

.vo-t-top {
	left: 0;
	top: 0;
}

.vo-t-bottom {
	right: 0;
	bottom: 0;
	transform: rotateZ(180deg);
}

.vote-search {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: .4rem .3rem .4rem;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.vote-search input {
    background-color: #fff;
    border-radius: .1rem;
    width: calc(100% - 1.5rem);
 	padding: .16rem .23rem .16rem;
    border: none;
    box-sizing: border-box;
    border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	box-shadow: 0px 2px 4px 0px rgba(75,75,75,.3);
}
.vote-search span {
	width: 1.5rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    background-color: #F16C60;
    /* border: 1px solid #FF536D; */
    border-radius: .1rem;
    color: #FFF;
    font-size: .26rem;
    border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
	box-shadow: 0px 2px 4px 0px rgba(75,75,75,.3);
}
.detail-detail{
	border: none;
}

.rankbgg{
	position: absolute;
    width: 6.25rem;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    z-index: 4;
	top: 1.2rem;
}
.rankbgg1{
	position: absolute;
    left: 50%;
    top: 2%;
    width: 24%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 1;
}
.rankbgg2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}
.detail-b-title span{
	font-size: .38rem;
    color: #F16C60;
    font-weight: 500;
    margin: 0 5px;
}
.vote-manu span {
    color: #333333;
}
.vote-manu span.colorToggle {
    color: #F16C60;
}

.tabbarBg {
	position: absolute!important;
	width: 100%!important;
	height: 100%!important;
	display: block!important;
	z-index: -1!important;
}

.detail-b-other{
	margin-top: .2rem;
}
.detail-bo-psh {
    display: inline-block;
    vertical-align: middle;
    font-size: .42rem;
    color: #FA587D;
    font-weight: bold;
    margin-right: .2rem;
}

::-webkit-input-placeholder {
	color: #999999;
}

::-moz-placeholder {
	color: #999999;
}


/* firefox 19+ */

:-ms-input-placeholder {
	color: #999999;
}


/* ie */

input:-moz-placeholder {
	color: #999999;
}

.vote-man {
	padding: 0 .3rem 1.5rem;
	box-sizing: border-box;
	/* margin-bottom: .96rem; */
}

.vote-man li {
	display: inline-block;
	background: #fff;
	border: 1px solid#F16C60;
	border-radius: .1rem;

    /* background-color: #fff;
    border-radius: .1rem;
    border: 1px solid rgba(32,33,33,.6); */
}
.vote-manu{
	background-color: transparent;
	box-shadow: none;
	height: 1.2rem;
	display: flex;
    align-items: center;
}
.vote-manu img{
	width: .53rem;
	height: .53rem;
}
.vote-manu>a{
    padding-top: .2rem;
}
.vote-m-list>span {
	text-align: center;
	position: absolute;
	left: .0rem;
	top: 0;
	border: 1px solid #B51413;
	min-width: .36rem;
	height: .36rem;
	-webkit-transform: translate(-50%,-50%);
    line-height: .36rem;
    transform: translate(-50%,-50%);
    z-index: 2;
    background: #ffffff;
    color: #B51413;
    font-size: .2rem;
    border-radius: 50%;
}

.vote-man li:nth-of-type(2n) {
	margin-left: .28rem;
}

.vote-m-figure img {
	width: auto;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.vote-m-cont {
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

.vote-mc-name {
	padding: .15rem .24rem 0;
	display: flex;
	justify-content: space-between;
}

.vote-mc-name span:first-of-type {
	display: inline;
	font-size: 0.26rem;
	color: #402600;
	/* height: .33rem; */
	/* text-align: center; */
	height: 1.2rem;
	word-wrap: break-word;
}

.vote-mc-name span:last-of-type {
	font-size: .26rem;
	color: #F16C60;
	font-family: PingFangSC-Medium;
	text-align: center;
	word-break: break-word;
	line-height: .35rem;
}

.vote-mc-vote {
    font-size: .24rem;
    color: #F16C60;
    height: .8rem;
    line-height: .8rem;
	background-image: url(../image/index-zs2.png);
	background-size: 100% 100%;
    text-align: center;
    margin-bottom: 0.1rem;
}

.vote-mc-vote span {
	display: inline-block;
	font-size: .26rem;
	font-weight: 600;
}

.vote-mc-vote img {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	width: .36rem;
	height: .36rem;
}
.vote-mc-vote img:first-of-type{
	left: 15px;
}
.vote-mc-vote img:last-of-type{
	right: 15px;
	transform: translate(0,-50%) rotateY(180deg);
	-webkit-transform: translate(0,-50%) rotateY(180deg);
}

/*菜单栏*/

.index-group{
    margin-top: 0
}
.rank-group{
    margin: 0;
    padding-top: .8rem;
}
.colorToggle {
	color: #FFF;
}
.detail-other-btn .colorToggle{
	color: #F16C60;
}
.group-border{
	/* background-color: #244932; */
    border: 1px solid #F16C60;
	color: #F16C60!important;
	/* background-image: url(../image/index-zs.png);
	background-size: 100% 100%; */
    z-index: 20;
}
.group-background{
    background: #FF3F3F;
    color: #fff!important
}
.detail-h-title span::before,
.detail-h-title span::after{
	background-color: #FF6080;
}

.detail-h-title span{
	color: #FF6080;
}
/*排行页*/
.topBanner {
    position: absolute;
    left: 0;
	top: 0rem;
    width: 100%;
    z-index: -1;
}
.detail-main .topBanner{
	z-index: -1;
}
.rank-main {
    /*height: calc(100vh - 1.3rem);*/
    position: relative;
    padding: 1.7rem .3rem 1.5rem;
    box-sizing: border-box;
}
.rank-phb{
	background: #FFFFFF;
    border: .01rem solid rgba(241, 108, 96, .5);
    border-radius: .1rem;
    margin-bottom: .1rem;
    position: relative;
    z-index: 2;
}
.rule-phb{
	background: #FFFFFF;
	border: .01rem solid rgba(241, 108, 96, .5);
	border-radius: .1rem;
	overflow: hidden;

}
.rank-phb>img{
    position: absolute;
    width: 5rem;
    height: 2.15rem;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);

    z-index: 4;
        top: -1.6rem;
}

.rank-first{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	font-size: 0;
	padding-bottom: .23rem;
}
.rank-first>div{
	display: inline-block;
	text-align: center;
	width: 2.06rem;
}
.rank-f-img{
	height: 2.06rem;
	position: relative;
}
.rfi-bg{
width: 84%;
    position: relative;
    top: 5%;
    left: .5%;
}
.rfi-tx{
	position: absolute;
    left: 17.5%;
    top: 17%;
	box-shadow: 0 0 10px #eee;
	width: 1.3rem;
	height: 1.3rem;
	/*border-radius: 50%;*/
	z-index: 3;
	border: 2px solid #fff;
}
.rfi-zs{
	position: absolute;
	left: 50%;
	top: 75%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	width: .32rem;
	z-index: 4;
}
.rank-first>div p{
	font-size: .24rem;
	color: #333333;
	margin: .11rem 0 .07rem;
}
.rank-first>div span{
	font-size: .24rem;
	color: #F16C60;
}
.rank-other ul{
	    padding: 0 .56rem 0rem .26rem;
	font-size: 0;
}
.rank-other li{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.rank-other li>span{
	display: inline-block;
	width: .48rem;	
	font-size: .18rem;
	color: #333333;
}
.borderline{
	display: inline-block;
	width: calc(100% - .48rem);
	height: 1.63rem;
	line-height: 1.63rem;
	border-top: .01rem solid #EEEEEE;
}
.rank-other li .rank-o-tx{
	display: inline-block;
	vertical-align: middle;
	width: 1.03rem;
	height: 1.03rem;
	border: 1px solid #EDEDED;
}
.rank-other li strong{
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	font-size: .3rem;
	color: #333333;
	margin-left: .41rem;
	width: 2rem;
}
.rank-other li span.ro-right{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	font-size: .3rem;
	color: #F16C60;
}
/*规则页面*/
#app {
	padding-bottom: 0;
	height: 100vh;
}
.rule-main {
    position: relative;
    padding: 1.7rem .3rem 1.2rem;
	box-sizing: border-box;
	height: calc(100vh - .8rem)!important;
}
.ruleBanner{
	position: absolute;
	width: 6.25rem;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    z-index: 4;
	top: 1.2rem;
}
.ru-main {
	background-color: #fff;
	padding: 0.5rem 0 0;
	border-radius: .06rem;
	position: relative;
	font-size: 0;
	/* z-index: 2; */
}

.ru-m-time,
.ru-m-cont,
.ru-m-reward {
	text-align: center;

}

.ru-title img {
	width: 1.28rem;
}

.ru-title img:last-of-type {
	transform: rotateZ(180deg);
}

.ru-title span {
	font-size: .28rem;
    color: #F16C60;
	margin: 0 .16rem;
}

.ru-cont {
	font-size: .3rem;
	color: #343434;
	width: 83.4%;
	margin: .43rem auto .43rem;
	white-space: normal;
    word-break: break-all;
    position: relative;
}
.diyCss{
	width: 100%!important;
}
.ru-m-cont .ru-cont {
	text-align: left;
}

.ru-m-reward .ru-cont {
	text-align: left;
}

.ru-m-reward .ru-cont span:last-of-type {
	text-align: right;
}

.ru-m-reward .ru-cont strong {
	color: #FA587D;
	font-weight: 400;
}

.ru-foot {
	box-sizing: border-box;
    width: 100%;
	height: 1.2rem;
    margin: 0 auto;
    line-height: 1.1rem;
	text-align: center;
	font-size: .36rem;
	color: #F16C60;
	background-image: url(../image/rule-zs1.png);
	background-size: 100% 100%;
	position: relative;
	/* padding-top: .45rem; */
}

.repoterPos.colorToggle{
	color: #F16C60;
}
/* .footimg:first-of-type{
	position: absolute;
    left: 11%;
    width: .44rem;
    height: .44rem;
    z-index: 2;
    top: 50%;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
}
.footimg:last-of-type{
	position: absolute;
    right: 11%;
    width: .44rem;
    height: .44rem;
    z-index: 2;
    top: 50%;
    transform: translate(0%,-50%) rotateY(180deg);
    -webkit-transform: translate(0%,-50%) rotateY(180deg);
} */
.ru-foot span{
	margin-left: .6rem;
}
/*详情页*/
.detail-body {
	padding: .5rem 0;
	border: 1px solid rgba(241, 108, 96, .5);
	border-radius: .1rem;
}

.visit-title {
    color: #666666;
    margin-bottom: 0.31rem;
}

.detail-vote-btn{
	background-image: url(../image/detail-zs1.png);
	background-size: 100% 100%;
	color: #F16C60;
	position: relative;
	border-radius: 0;
	line-height: 1.1rem;
    height: 1.2rem;
	width: 3.3rem !important;
}
.detail-vote-btn-notxcx {
    margin-right: 1.2rem;
}
#content-tuwen::before{
	content: "";
	width: 100%;
	display: block;
	height: 1px;
	margin-bottom: .4rem;
}

.visitor-info div span{
	color: #F16C60;
}

.detail-btn>div:last-of-type{
	background: #FFFFFF;
	border: .01rem solid #B51413;
	color: #B51413;
}
.detail-btn>div{
	width: 45%;
}
.detail-btn{
	width: 90%;
    margin: .32rem auto 0rem;
}

.detail-main{
	padding-bottom: 2.1rem;
}

.endTimeTitle,.endTime{
	display:inline-block;
	vertical-align: middle;
	padding: 0 .1rem;
}
.content-tuwen{
	text-align: initial;
	margin: .43rem auto;
}
.content-tuwen span{
	color: #343434!important;
}
.vote-man .vote-m-list-another .vote-mc-vote{
	border-radius: 0!important;
	color:#F16C60!important;
}
.vote-m-list-another .vote-ml-bh span{
	/* color: #E60D45; */
}
.needdif {
	color: #343434;
 }
 .user-avatar-info .colorToggle{
	color: #F16C60;
  }