body{
	width: 27.77rem;
	height: 100%;
	background: #FFFFFF;
	font-family: PingFangSC-Regular, PingFang SC;
	
}
.main{
	width: 27.77rem;
	position: relative;
	text-align: center;
}
/*赚钱页面*/
.head{
	width: 25.92rem;
	margin: 1.48rem auto  0.51rem;
	text-align: left;
	padding-bottom: 1.11rem;
	border-bottom: 0.14rem solid #DEDEDE;
}
.head p{
	color: #333333;
	font-size: 1.03rem;
	line-height: 1.29rem;
}
.head p i{
	color: #FF3A3A;
	font-size: 1.33rem;
	
}
.headBox{
	color: #333333;
	font-size: 1.18rem;
	width: 100%;
	text-align: center;
	background: #EAEAEA;
	line-height: 2.81rem;
	border-radius: 1.4rem;
	margin-bottom: 1.03rem;
}
.bottom {
	width: 25.92rem;
	margin: 2.22rem auto 0;
}
.bottom .nav{
	text-align: left;
	margin-bottom: 1.33rem;
}
.bottom .nav span{
	display: inline-block;
	width: 4.44rem;
	line-height: 2.07rem;
	color: #999999;
	text-align: center;
	font-size: 1.48rem;
	margin-right: 4.44rem;
	position: relative;
}
.bottom .nav span.active{
	width: 5.33rem;
	line-height: 2.44rem;
	font-size: 1.77rem;
	color: #333333;
}
.bottom .nav span.active i{
	display: block;
	width: 2.22rem;
	height: 0.29rem;
	background: #333333;
	position: absolute;
	left: 50%;
	margin-left: -1.11rem;
	bottom: -0.29rem;
}

.bottombody{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.bottombody .bottomBox{
	width: 1000%;
	transition: all 0.5s;
}
.bottombody .bodyList{
	width: 25.92rem;
	float: left;
}
/*land页面*/
.landBody{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.yiduilogo{
	width: 5.55rem;
	height: 8.14rem;
	margin: 12.96rem auto 2.96rem;
}
.yiduilogo h3{
	line-height: 2.22rem;
	font-size: 1.62rem;
	color: #FFFFFF;
	letter-spacing: 0.18rem;
}
.yiduiBtn{
	width: 20.74rem;
	color: #FFFFFF;
	line-height: 2.07rem;
	font-size: 1.48rem;
	margin: 0 auto;
}
.yiduiBtn p{
	margin-bottom: 1.11rem;
}
.yiduiBody{
	width: 26rem;
	height: 33.7rem;
	margin: 4.81rem auto 2.77rem;
	background-image: url(../images/yiduiBody.png);
	background-size: cover;
}
.yiduiBody .yiduiHead{
	width: 100%;
	height: 7.7rem;
	background-image: url(../images/yiduiHead.png);
	background-size: cover;
}
.yiduiHead .left{
	width: 1.11rem;
	height: 6.14rem;
	background-image: url(../images/left.png);
	background-size: cover;
	float: left;
	margin:0.81rem 0.96rem 0 0.37rem ;
}
.yiduiHeadBody{
	width: 21.33rem;
	float: left;
	margin-top: 0.96rem;
}
.yiduiHeadBody p{
	line-height: 2.07rem;
	font-size: 1.33rem;
	color: #FFFFFF;
	margin-bottom: 1.11rem;
}
.yiduiHeadBody p i{
	font-size: 1.48rem;
}
.yiduiHeadBody h4{
	line-height: 2.22rem;
	font-size: 1.62rem;
	color: #FFFFFF;
}
.yiduiHead .right{
	width: 1.11rem;
	height: 6.14rem;
	background-image: url(../images/right.png);
	background-size: cover;
	float: right;
	margin:0.81rem 0.37rem 0 0 ;
}
.yiduiBody .yiduiList .list{
	width: 12.22rem;
	height: 12.22rem;
	float: left;
	margin: 0.51rem 0.51rem 0 0.51rem;
}
.yiduiBody .yiduiList .list:nth-child(odd){
	margin-right: 0rem;
}
.landBtn{
	width: 20.74rem;
	margin: 0 auto;
}
/*新年活动*/
#activity{
	width: 100%;
	height: 101rem;
	background: url(../images/activityBj.png) center center no-repeat;
	background-size: cover;
}
.ruleBtn,.GoldBtn{
	width: 8.11rem;
	height: 3.59rem;
	position: fixed;
	right: 0rem;
	top: 13.7rem;
}
.GoldBtn{
	top: 17.4rem;
}
.bulletChat{
	width: 100%;
	height: 14.81rem;
	margin-bottom: 2.22rem;
	overflow: hidden;
}
.activityTime{
	width: 25.48rem;
	height: 13.74rem;
	padding-top: 3.11rem;
	background-image: url(../images/activityTimeBj.png);
	background-position: center;
	background-size: cover;
	margin: 0 auto 1.11rem;
}
.ranking{
	width: 25.48rem;
	height: 14.26rem;
	background-image: url(../images/rankingBj.png);
	background-position: center;
	background-size: cover;
	margin: 0 auto 1.33rem;
	padding-top: 4.22rem;
	position: relative;
}
.hanging{
	width: 1.14rem;
	height: 4.22rem;
	background-image: url(../images/hanging.png);
	background-size: cover;
	position: absolute;
}
.leftHanging{
	top: -1.77rem;
	left: 2.85rem;
}
.rightHanging{
	top: -1.77rem;
	right: 2.85rem;
}

.rankingList{
	width: 25.48rem;
	height: 32.07rem;
	background-image: url(../images/rankingList.png);
	background-position: center;
	background-size: cover;
	margin: 0 auto 0.77rem;
	padding-top: 4.96rem;
	position: relative;
}
.bottomtxt{
	line-height: 1rem;
	color: #FEDAA0;
	font-size: 1.03rem;
	text-align: center;
}
.timeTitle{
	width: 21.48rem;
	margin: 0 auto;
	padding: 2.03rem 0 1.29rem;
	background-color: #C72525;
	border-radius: 0.74rem;
	position: relative;
}
.timeTitle p{
	width: 100%;
	line-height: 1.29rem;
	color: #FEDAA0;
	/* font-size: 1.11rem; */
	font-size: 1.03rem;
	text-align: center;
}
.timeTitle .timeTitleIcon{
	width: 11.33rem;
	height: 3.25rem;
	background:url(../images/timeIcon.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	top:-2.14rem;
	left: 50%;
	margin-left: -5.66rem;
}
.timeBody{
	width: 21.48rem;
	height: 7.22rem;
	margin: 1.4rem auto 0;
}
.timeBody .timeBodyList{
	width: 4.92rem;
	height: 7.22rem;
	background: url(../images/timeBodyList.png) center center no-repeat;
	background-size: cover;
	float: left;
	margin-right: 0.55rem;
	text-align: center;
	color: #1D1D1D;
	font-size: 0.88rem;
	/* font-weight: 600; */
}
.timeBody .timeBodyList.active{
	background: url(../images/timeBodyListActive.png) center center no-repeat;
	background-size: cover;
	color: #FFF000;
}
.timeBody .timeBodyList:last-child{
	margin-right: 0;
}
.timeBody .timeBodyList .listImg{
	width: 3.33rem;
	height: 3.33rem;
	margin: 0.55rem auto 0.37rem;
}
.timeBody .timeBodyList .listImg img{
	width: 100%;
}
.rankingImg{
	width: 9.59rem;
	height: 9.03rem;
	margin: 0 auto 0;
	position: relative;
}
.rankingImg .fristImg{
	width: 7.7rem;
	height: 7.7rem;
	position: absolute;
	top: 0.62rem;
	left: 1.33rem;
	border-radius: 50%;
	overflow: hidden;
}
.rankingImg .fristImg img{
	display: block;
	margin: 5% auto;
}
.rankingImg .fristIcon{
	width:100%;
	height: 100%;
	background: url(../images/fristIcon.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.rankingImg .fristIcon.nvfristIcon{
	width:100%;
	height: 100%;
	background: url(../images/nvfristIcon.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.rankingTxt{
	text-align: center;
	line-height: 1rem;
	color: #FEDAA0;
	font-size: 1.03rem;
	margin-top: 0.55rem;
}
.rankingTxt p{
	margin-bottom: 0.77rem;
}
.rankingTxt p b{
	color: #FFF000;
}
/*排行*/
.rankingListHead{
	width: 21.94rem;
	height: 1.03rem;
	color: #FEDAA0;
	font-size: 1.03rem;
	line-height: 1.03rem;
	margin:0 auto 0.51rem;
	font-weight: 600;
}
.rankingListHead span{
	display: inline-block;
	text-align: center;
}
.rankingListHead span:nth-child(1){
	width: 2.33rem;
	margin-right: 1.22rem;
}
.rankingListHead span:nth-child(2){
	width: 4.7rem;
	margin-right: 0.88rem;
}
.rankingListHead span:nth-child(3){
	width: 6.66rem;
	margin-right: 0.37rem;
}
.rankingListHead span:nth-child(4){
	width: 4.33rem;
}
.rankingListBody{
	width: 21.77rem;
	margin: 0 auto;
	height: 29.25rem;
	overflow-x: scroll;
}
.rankingListBody .ListBody{
	width: 100%;
}
.rankingListBody .ListBody .list{
	width: 100%;
	height: 4.44rem;
}
.rankingListBody .ListBody .list .listNo{
	width: 2.33rem;
	height: 1.66rem;
	float: left;
	margin-top: 1.29rem;
	text-align: center;
	line-height: 1.66rem;
	color: #FEDAA0;
	font-size: 1.03rem;
}
.rankingListBody .ListBody .list .listImg{
	width: 4.7rem;
	height: 4.44rem;
	float: left;
	margin-left: 1.22rem;
	position: relative;
}

.rankingListBody .ListBody .list .listImg .Img{
	width: 3.7rem;
	height: 3.7rem;
	position: absolute;
	top: 0.29rem;
	left: 0.66rem;
	border-radius: 50%;
	overflow: hidden;
}
.rankingListBody .ListBody .list .listImg .rankImg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.rankingListBody .ListBody .list .listName{
	width: 7.59rem;
	line-height: 4.44rem;
	color: #FEDAA0;
	font-size: 1.03rem;
	float: left;
	margin-left: 0.88rem;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.rankingListBody .ListBody .list .listNum{
	width: 4.33rem;
	line-height: 4.44rem;
	text-align: center;
	color: #FEDAA0;
	font-size: 1.03rem;
	float: left;
}


.rankingListBody .ListBody .list:nth-child(1) .listImg .rankImg{
	background:url(../images/first.png) center center no-repeat ;
	background-size: cover;
}
.rankingListBody .ListBody .list:nth-child(2) .listImg .rankImg{
	background:url(../images/second.png) center center no-repeat ;
	background-size: cover;
}
.rankingListBody .ListBody .list:nth-child(3) .listImg .rankImg{
	background:url(../images/third.png) center center no-repeat ;
	background-size: cover;
}

.rankingListBody .nvListBody .list:nth-child(1) .listImg .rankImg{
	background:url(../images/nvfirst.png) center center no-repeat ;
	background-size: cover;
}
.rankingListBody .nvListBody .list:nth-child(2) .listImg .rankImg{
	background:url(../images/nvsecond.png) center center no-repeat ;
	background-size: cover;
}
.rankingListBody .nvListBody .list:nth-child(3) .listImg .rankImg{
	background:url(../images/nvthird.png) center center no-repeat ;
	background-size: cover;
}
.rankingListBody .nvListBody .list:nth-child(3) .listImg .rankImg{
	top: -0.22rem;
	left: 0.29rem;
}

.listNoImg{
	display: none;
}
.rankingListBody .ListBody .list:nth-child(1) .listNo .listNoImg{
	width: 100%;
	height: 100%;
	background:url(../images/No1.png) center center no-repeat ;
	background-size: cover;
	display: block;
}
.rankingListBody .ListBody .list:nth-child(2) .listNo .listNoImg{
	width: 100%;
	height: 100%;
	background:url(../images/No2.png) center center no-repeat ;
	background-size: cover;
	display: block;
}
.rankingListBody .ListBody .list:nth-child(3) .listNo .listNoImg{
	width: 100%;
	height: 100%;
	background:url(../images/No3.png) center center no-repeat ;
	background-size: cover;
	display: block;
}
.rankingListBody .ListBody .list:nth-child(1) .listNo span,
.rankingListBody .ListBody .list:nth-child(2) .listNo span,
.rankingListBody .ListBody .list:nth-child(3) .listNo span{
	display: none;
}
/*弹幕*/
#barrage-wrapper{
	width: 250%;
	height: 100%;
	position: relative;
}
.bulletChat span{
	display: block;
	height: 2.22rem;
	border-radius: 1.11rem;
	padding: 0 0;
	position: absolute;
	background: linear-gradient(0deg, #F8B23B 41%, #F89E36 100%);
	/* opacity: 0.6; */
	left:40%;
	min-width: 22.22rem;
	font-size: 1.03rem;
	color: #FFFFFF;
}
.bulletChat span:first-child{
	
}
.bulletChat span font{
	color: #FFF000;
}
.bulletChatImg{
	width:1.92rem;
	height: 1.92rem;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin: 0.14rem;
}
.bulletChat span::after{
	display: block;
	content: "";
	clear: both;
}
.bulletChat span p{
	float: left;
	line-height: 2.22rem;
}
.bulletChatIcon{
	width: 1.7rem;
	height: 2.44rem;
	background-image: url(../images/bulletChatIcon.png);
	background-size: cover;
	float: right;
	margin-left: 0.37rem;
	margin-right: 0.18rem;
}
/*公告*/
.pop{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
}
.pop .popMain{
	width: 20.74rem;
	height: 22.66rem;
	background: #A10606;
	border-radius: 0.74rem;
	border: 0.07rem solid #FFE298;
	position: relative;
	margin: 16.66rem auto 0;
	
}
.popMainTitle{
	width: 9.92rem;
	height: 3.92rem;
	position: absolute;
	left: 50%;
	top: -2.4rem;
	margin-left: -4.96rem;
}
.icon{
	width: 2.22rem;
	height: 2.37rem;
	
	position: absolute;
}
.leftIcon{
	background-image: url(../images/leftIcon.png);
	background-size: cover;
	top: -0.44rem;
	left: -0.37rem;
}
.rightIcon{
	background-image: url(../images/rightIcon.png);
	background-size: cover;
	top: -0.44rem;
	right: -0.37rem;
}
.topIcon{
	background-image: url(../images/topIcon.png);
	background-size: cover;
	bottom: -0.44rem;
	left: -0.37rem;
}
.bottomIcon{
	background-image: url(../images/bottomIcon.png);
	background-size: cover;
	bottom: -0.44rem;
	right: -0.37rem;
}
.popMainContent{
	padding: 2.51rem 1.4rem 0;
	line-height: 1.62rem;
	font-size: 1.03rem;
	color: #FEDAA0;
	letter-spacing: 0.03rem;
}
.popMainContent p{
	margin-bottom: 0.44rem;
}
.popMainContent font{
	color: #FFF000;
}
/*金币奖励*/
.cashMain{
	width: 17.92rem;
	padding: 2.51rem 1.4rem 1.48rem;
	background: #A10606;
	border-radius: 0.74rem;
	border: 0.07rem solid #FFE298;
	position: relative;
	margin: 9.11rem auto 0;
}
.cashMain .cashMainTitle{
	width: 9.92rem;
	height: 3.92rem;
	position: absolute;
	top: -2.4rem;
	left: 50%;
	margin-left: -4.96rem;
}
.cashMainContent{
	color: #FEDAA0;
	font-size: 1.03rem;
	letter-spacing: 0.01rem;
	line-height: 1.29rem;
}
.cashMainContent p font{
	color: #FFF000;
}
.cashMainContent p.txt{
	text-align: center;
}
.mainContent{
	margin-bottom: 0.59rem;
}
/*女性用户排行榜*/
.femaleSexrankingList{
	width: 21.94rem;
	height: 36.48rem;
	background-image: url(../images/femaleSexrankingList.png);
	background-size: cover;
	margin: 1.92rem auto 0.37rem;
	padding: 1.66rem 1.77rem 0;
	position: relative;
}
.hangingShort{
	width: 1.14rem;
	height:3.22rem;
	background-image: url(../images/hangingshort.png);
	background-size: cover;
	position: absolute;
}
.leftHangingShort{
	top: -2.51rem;
	left: 2.85rem;
}
.rightHangingShort{
	top: -2.51rem;
	right: 2.85rem;
}

.rankingListNav{
	width: 100%;
	margin-bottom: 1.11rem;
}
.rankingListNav span{
	width: 9.59rem;
	height: 3.74rem;
	display: inline-block;
	margin:0 0.55rem;
}
.rankingListNav span.giftNav{
	background-image: url(../images/giftNav.png);
	background-size: cover;
}
.rankingListNav span.giftNav.active{
	background-image: url(../images/giftNavActive.png);
	background-size: cover;
}
.rankingListNav span.richNav{
	background-image: url(../images/richNav.png);
	background-size: cover;
}
.rankingListNav span.richNav.active{
	background-image: url(../images/richNavActive.png);
	background-size: cover;
}