html {
	font-size: 62.5%;
	height: 100%;
}
body,html {
	background-color:#eaa000;

	margin: 0;

	padding: 0;
	font-family: PingFangSC-Regular;
	overflow-x:hidden; width:100%;
	list-style:none;
}
html{
	height: 100%;
}

body::-webkit-scrollbar {
	background-color: transparent;
}
html::-webkit-scrollbar {
	background-color: transparent;
}
ul,li{ padding:0;margin:0;list-style:none}

@media only screen and (max-width:330px) {
	html {
		font-size: 48%;
	}
}

@media only screen and (min-width:330px ) and (max-width:340px) {
	html {
		font-size: 50%;
	}
}

@media only screen and (min-width:340px ) and (max-width:360px) {
	html {
		font-size: 52%;
	}
}

@media only screen and (min-width:360px ) and (max-width:370px) {
	html {
		font-size: 54%;
	}
}

@media only screen and (min-width:370px ) and (max-width:380px) {
	html {
		font-size: 56%;
	}
}

@media only screen and (min-width:380px ) and (max-width:390px) {
	html {
		font-size: 58%;
	}
}

@media only screen and (min-width:390px ) and (max-width:400px) {
	html {
		font-size: 60%;
	}
}

.container{
	/*padding-top: 1rem;*/
	/*padding-left: 1.5rem;*/
	/*padding-right: 1.5rem;*/
	padding: 1.8rem;
	padding-top: 0rem;
}


#person{
	margin-top: 5rem;
	position: relative;
}
#personBg{
	width: 100%;
	background-image: linear-gradient(45deg, #31C7BA 0%, #2BAEA3 100%);
	border-radius: 1rem;
	padding: 3rem 0;
    overflow: hidden;
	position: relative;
	box-shadow: 0 6px 12px 0 rgba(233,119,79,0.30);
}
.colorBox{
	background: #FFFFFF;
	border-radius: 0px 1rem 0px 1rem;
	position: absolute;
	top:0;
	right:0;
	font-size: 1.2rem;
	font-weight: bold;
	color: #2BAEA3;
	margin-top: -1.8rem;
	margin-right: -1.2rem;
	height: 4rem;
	width: 9rem;
}
.colorBox div{
	position: absolute;
	top: 2rem;
	width: 8rem;
	text-align: center;
	font-family: BLM;
}
.headimg{
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	overflow: hidden;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -2.7rem;
}
#personImg{
    width: 5.4rem;
}

#personName{
	font-weight: bold;
	font-size: 2.1rem;
	color: #FFFFFF;
	margin:auto;
	text-align: center;
	margin-top:1.2rem;
}
.personName_text{
	text-align: center;
	margin-top: 1rem;
	color: #242424;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
.personName_text>span{
	background-color: #D3BA8D;
	padding: 0.3rem 0.8rem;
}
.personName_text1{
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 1.2rem;
	text-align: center;
	margin-top: 1.5rem;
}
#personStatistics{
	width:82%;
	margin-left: 9%;
	margin-top: 1.5rem;
}
#personStatistics:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
#personStatistics ul li{
	float:left;
	width:33.33%;
	text-align:center;
	font-size:1.5rem;
	color:#fff;
}
#personStatistics ul li div{
	font-size: 2rem;
	color: #FFFFFF;
	/*font-weight: bold;*/
	font-family: BLM;
}
#personStatistics ul li span{
	font-size: 1.2rem;
	color: #FFFFFF;
}
#personStatistics ul li #hot1{
	font-size: 2rem;
}
#personStatistics ul li.integralCenter_active{
	border-bottom:2px solid #7890fa;
	color:#7890fa;
	padding-bottom:0;
}

#personStatistics ul li div .rqaddNum{
	opacity: 0;
	position: absolute;
	right: -0.5rem;
	top: 0.5rem;
	border-radius: 40%;
	background: #fff;
	color: #2BAEA3;
	font-size: 1.5rem;
	padding: 0.2rem 0.5rem;
}
#personStatistics ul li div .rqaddNum_active{
	animation: beer .7s 1 linear;
	-webkit-animation: beer .7s 1 linear;
}

@-webkit-keyframes beer{
	100%{
		-webkit-transform: translateY(-2rem);
		opacity: 0;
	}
	30%,70%{
		 opacity: 1;
	}
	0%{
		-webkit-transform: translateY(0rem);
		opacity: 0;
	}
}
@keyframes beer{
	100%{
		transform: translateY(-2rem);
		opacity: 0;
	}
	30%,70%{
		opacity: 1;
	}
	0%{
		transform: translateY(0rem);
		opacity: 0;
	}
}

#personStatistics ul li span {
	font-size: 1.2rem;
	color: #FFFFFF;
}
#personStatistics ul li{
	position: relative;
}
#personStatistics ul li div .rqaddNumtext{
	color: #2BAEA3;



}

/*按钮*/
#personInfobtn img{
	width: 1.8rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}
#personInfobtn{
	margin: 0 auto;
	margin-top: 3.3rem;
	text-align: center;
	width: 65%;
}
#personInfobtn #leftBtn,#personInfobtn #rightBtn{
	border: 0.2rem solid #fff;
	width: 42%;
	padding: 0.6rem 0.4rem;
	
	border-radius: 1.8rem;
	float: left;
}
#personInfobtn #leftBtn{
	background: #fff;
	width: 41%;
}
#personInfobtn #rightBtn{
	float:right;
	
}
#personInfobtn #leftBtn span{
	color: #D34B19;

    font-size: 1.6rem;
    vertical-align: middle;
    font-weight: bold;

}
#personInfobtn #rightBtn span{
	color:#fff ;
	font-size: 1.6rem;
    vertical-align: middle;
    font-weight: bold;

}

/*下部tab页**/
.lowerPart .rarkingListContentNav{
	width:25rem;
	margin: 0 auto;
	margin-top: 2rem;
	height:4rem;
}
.lowerPart .rarkingListContentNav ul li{
	float:left;
	width:50%;
	text-align:center;
	
}
.lowerPart .rarkingListContentNav ul li div{
    line-height:3.2rem;
	font-size: 1.6rem;
	font-weight: bold;
	color:#ffffff;
	width: 75%;
    margin: 0 auto;
	/*border-radius: 4rem;*/
	/*background: #ffb000;*/
	/*padding-bottom: 0.02rem;*/
	/*border-bottom: 0.2rem solid rgba(0,0,0,0);*/
}
.lowerPart .rarkingListContentNav ul li div img{
	width: 1.5rem;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.lowerPart .rarkingListContentNav ul li div span{
	vertical-align: middle;
}
.lowerPart  .rarkingListContentNav ul li div.rarkingActive{
	border-bottom:0.2rem solid #FEFEFE;
	color:#ffffff ;
}

/**达人简介list***/
.nextLineDetails{
	/*padding-bottom: 1rem;*/
}
.nextLineDetails li{
	width: 100%;
	color:#D3BA8D;
	/*padding-top:1.5rem;*/
	margin-top: 1.5rem;
	position: relative;
	overflow: hidden;
}
.nextLineDetails .darenInfo{
	background: #ffffff;
	border-radius: 1rem;
	padding-bottom: 2rem;
}
#addbg{
	background: #ffffff;
	border-radius: 1rem;
	padding: 2rem 1.5rem;
	margin-top: 1.5rem;
}
#tuanzhang{
    display: none;
}
#tuanzhang .tz1{
	width: 100%;
	padding-top: .5rem;
	position: relative;
	display: flex;
}
#tuanzhang .tz1 .tz2{
	flex-basis: 7.5rem;
	position: relative;
}
#tuanzhang .tz1 .tz2>div{
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#tuanzhang .tz1 .tz2:before{
	content: '';
	width: 6rem;
	height: 6rem;
	border: 0.2rem solid #F6B434;
	border-radius: 50%;
	position: absolute;
	left: -0.475rem;
	top: -0.445rem;
}
#tuanzhang .tz1 .tz3{
	flex-basis: calc(100% - 7.5rem);
}
.tz3>div{
	font-size: 1.8rem;
	font-weight: bold;
	color: #7B3400;
	margin-bottom: 0.5rem;
}
.tz3>span{
	font-size: 1.4rem;
	color: #7B3400;
	text-align: justify;
	opacity: 0.8;
}

/*.nextLineDetails li:nth-of-type(1):before{*/
	/*content: '';*/
	/*width: 5.8rem;*/
	/*height: 5.8rem;*/
	/*border: 0.1rem solid #ffffff;*/
	/*border-radius: 50%;*/
	/*position: absolute;*/
	/*left: -0.21rem;*/
	/*top: -0.21rem;*/
/*}*/


.wonderful{
	padding-bottom: 2rem;

}


/*#daren .nextLineDetails li{*/
/*	padding-top:3rem;*/
/*}*/

/*.wonderful .nextLineDetails li{*/

/*	padding-top:4rem;*/
/*}*/







.videoBox{
	width: 100%;
	position:relative;
}

.wonderful .videoBox{
	height: 18.8rem;
	overflow: hidden;
}





.videoBox video{
	/*border-radius: 1rem;*/
}
.videoBtnBox{
	background: rgba(15,13,18,0.40);
	/*background: rgba(88,88,88,0.40);*/
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	position: absolute;
	z-index: 798;
	left: 50%;
	top: 50%;
	margin: -3rem 0 0 -3rem;
}

.d4{
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-left: 14px solid #F7BB42;
	border-right: 9px solid transparent;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	margin: 2.1rem 2.6rem;


}

.video{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 799;
	align-items: center;
	justify-content: center;
}
/*video{*/
	/*width: auto;*/
	/*max-width: 100%;*/
	/*max-height: 100%;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	/*z-index: 798;*/
/*}*/


.videoBtnBoxS{
	background: rgba(88,88,88,0.40) !important;
	width:  4.4rem;
	height: 4.4rem;
	border-radius: 50%;
	position: absolute;
	z-index: 798;
    right: 1rem;
    bottom: 1rem;
	display: block;
}

.d4S{
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-left: 10px solid #D3BA8D;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin: 1.5rem 1.8rem;
	display: block;



}
.videoBtnGoS{
	display: block;
}

.darenText{
	color: #7B3400;
	font-size: 1.6rem;
	margin-top:2rem;
	text-align: justify;
	padding: 0 1rem;
	/*margin-bottom: 2rem;*/
}
.darenText0{
	color: #F6B434;
	font-size: 2rem;
	margin-top:1.7rem;
	text-align: justify;
	/*margin-bottom: 2rem;*/
	font-weight: bold;
	width: 20%;
	float: left;
	padding-left: 1.1rem;

}
.darenText1{
	color: #7B3400;
	font-size: 1.4rem;
	margin-top:2rem;
	text-align: justify;
	/*margin-bottom: 2rem;*/
	width: 73%;
	float: left;
	padding-bottom: .5rem;
 }



/**粉丝简介***/

.fensiImg{
	width: 5.4rem;
	border-radius: 50%;	
}
.fensiLi .grid{
	display: flex;
}
.fensiLi .gridCell1{
	flex-basis: 7.5rem;
}
.fensiLi .gridCell1 >div {
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fensiLi .gridCell2{	
	flex-basis:calc(100% - 7.5rem);
}

.fensiLi .gridCell2 div{
	font-size:1.8rem;
	font-weight: bold;
	color: #7B3400;
	margin-bottom: 0.5rem;
}
.fensiLi .gridCell2 span{
	font-size:1.4rem;
	color: #7B3400;
	text-align: justify;
	opacity:0.8;
}
/******首页****/

#rulesBtn{
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	padding-right: 1rem;
	padding-left: 1rem;
	/*background: #666666;*/
	color: #FFFFFF;
	font-size:1.2rem;
    text-align: right;
	line-height: 3.5rem;
	/* font-family: ; */
}
#rulesBtn img{
	width: 0.5rem;
}
.main>div:nth-of-type(1){
	position: relative;
}
.indexImg{
	width: 100%;
	margin: auto;
	position: relative;
	/* height:16rem; */
}
/**粉丝概况展示****/
.fensiSurvey{
	background-image: linear-gradient(45deg, #31C7BA 0%, #2BAEA3 100%);
		border-radius: 1rem;
		overflow: hidden;
		margin-top: 4rem;
		/*padding-left:1.4rem;*/
		/*padding-right:1.4rem;*/
		/*padding-top:1.4rem;*/
		/*height:8rem;*/
	box-shadow: 0 6px 12px 0 rgba(21,27,27,0.20);
	padding: 2.5rem;
	padding-bottom: 1.5rem;

}
.fensiSurvey .grid{
	display: flex;
}
.fensiSurvey .gridCell1{
	flex-basis: 2.8rem;
	width: 2.8rem;
	height: 2.8rem;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fensiSurvey .gridCell2{	
	flex-basis:calc(100% - 2rem);
	line-height: 2rem;
    margin-left: 0.5rem;
	position: relative;
}
#youjiang{
    width: 20%;
    height: 4rem;
	position: absolute;
	right: 2rem;
	top: 0;
}
.fensiSurvey .fensiImg{
	width:2rem;
	vertical-align: middle;
}
.fensiSurvey .gridCell2 span{
	font-size:4rem;
	color: #fff;
	vertical-align: middle;
}
.fensiSurvey .gridCell2 span{
	font-size:1.8rem;
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
}
.fensiSurvey .gridCell2 #bianhao{
    border: 0.1rem solid #ffffff;
    font-size: 1rem;
    padding: 0.05rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-left: 0.2rem;
    border-radius: 0.2rem;
}
.fensiSurvey .gridCell2 span.titleIcon{
	float:right;
	vertical-align: middle;
	font-size: 1.3rem;
	position: relative;
}
.fensiSurvey .gridCell2 span.titleIcon img{
	width: 0.5rem;
	margin-left: 2.2rem;
}
.fensiSurvey .gridCell2 span.titleIcon span{
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	overflow: hidden;
	background: #E64073;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #ffffff;
	position: absolute;
	top: -0.5rem;
	right: 1.3rem;
}
.fensiDataSurvey{
	display: flex;
	padding: 0.8rem 0;
	margin-top:1.5rem;
}
.fensiDataSurvey .addFensiBtn{
	width: 18rem;
}
.fensiDataSurvey .addFensiBtn_active{
	width: 16rem;
}
.fensiDataSurvey .fensiDataShow{
	flex-basis:calc(100% - 3rem);
}

.fensiDataSurvey .addFensiBtn #leftBtn{
    border: 3px solid #fff;
    width: 80%;
    padding: 0.5rem;
    border-radius: 2rem;
	text-align: center;
	background: #fff;
	float:right;
	margin-top:0.5rem;
}

.fensiDataSurvey .addFensiBtn #leftBtn img {
    width: 2rem;
    vertical-align: middle;
	margin-right: 0.3rem;
	margin-top: -0.1rem;
}
.fensiDataSurvey .addFensiBtn_active #leftBtn img{
	margin-top: 0.7rem;
	float: left;
}
#novote,#novote1,#dnovote,#dnovote1{
	float: right;
}
.fensiDataSurvey .addFensiBtn #leftBtn span {
    color: #2BAEA3;
    font-size: 1.6rem;
	vertical-align: middle;
	font-weight: bold;
}
.fensiDataSurvey .addFensiBtn #leftBtn:last-child{
	font-size: 1.2rem;
}

.fensiDataShow ul li{
	float:left;
	width:33.33%;
	text-align:left;
	font-size:1.5rem;
	color:#fff;
}
.fensiDataShow ul li:nth-of-type(2){
	width:28%;
}
.fensiDataShow ul li:nth-of-type(3){
	width:38%;
}
.fensiDataShow ul li div{
	font-size: 2rem;
	color: #FFFFFF;
	/*font-weight: bold;*/
	font-family: BLM;
}

.fensiDataShow ul li span{
	font-family: "PingFang SC";
	font-size: 1.2rem;
	color: #FFFFFF;
}
.index_input{
	margin-top: 3rem;
	height: 4.5rem;
}
.searchInput{
    height: 4rem;
	/*width: 65%;*/
	/*float: left;*/
    border: 0.2rem solid #ffffff;
    border-radius: 0.8rem;
	background: #ffb000;
	padding:0rem 1rem;
	position: relative;
	display: flex;
}

.searchInput input{
	display: block;
    background: 0;
    width: 100%;
	/*height: 100%;*/
	opacity: 0.5;
	font-size: 1.6rem;
	color: rgba(255,255,255,0.6);
	border:0;
	outline:none;
}
.searchInput input::-webkit-input-placeholder{
	color:#ffffff;
}
.searchInput div{
	width:3rem;
	height:4rem;
	line-height:5.4rem;
}
.searchInput img{
	width: 1.8rem;
	margin-left:0.2rem;
}
.Sign_up{
	width: 25%;
	height: 4.4rem;
	background: #ffffff;
	border-radius: 0.8rem;
	text-align: center;
	line-height: 4.4rem;
	font-size: 1.6rem;
	color: #F2B238 ;
	float: right;
	box-shadow: 0 3px 6px 1px rgba(0,0,0,0.15);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
	color: #D3BA8D;
}
::-moz-placeholder { /* Firefox 19+ */  
	color: #D3BA8D;
}
:-ms-input-placeholder { /* IE 10+ */ 
 color: #D3BA8D;
}
:-moz-placeholder { /* Firefox 18- */ 
 color: #D3BA8D;
}

/****list****/
.ListContentNav{
    margin: 0 auto;
    margin-top: 4rem;
    height: 4rem;
	z-index: 6000;
    width: 93%;z-index: 6000;
}


.ListContentNav  ul{
	display: flex;
	padding: 0.04rem;
}
.ListContentNav  ul li {
    float: left;
    width: 30%;
    text-align: center;
}
.ListContentNav  ul li:nth-child(1) {
  width:30%;
  margin-right: 5%;
}
.ListContentNav  ul li:nth-child(3) {
	width:30%;
	margin-left: 5%;
  }
.ListContentNav  ul li div {
    font-size: 1.6rem;
    font-weight: bold;
	line-height: 3.3rem;
    color: #ffffff;
    width: 93%;
	margin: 0 auto;
	height: 3.2rem;
	position: relative;
	border-bottom: 0.02rem solid rgba(0,0,0,0);
}
.ListContentNav  ul li div img {
    width: 1.5rem;
    vertical-align: middle;
    /* margin-right: 0.5rem; */
}

.ListContentNav ul li div.rarkingActive {
    border-bottom: 0.2rem solid #ffffff;
    color: #ffffff;
	line-height: 3.3rem;
}

/****人气list***/
.renqiUl{
	overflow: hidden;
	padding:0.6rem 0;
}
.renqiUl li.ranking,.renqiUl li.renqiImg,.renqiUl li.renqiNumber,.renqiUl li.renqiName{
	float: left;
    width: 15%;
	text-align: center;
	font-size:1.5rem;
	color: #ffffff;

}
.listBox{
	padding-top: 1.2rem;
}

#huojiang img{
	width: 100%;
}
.over1_1{
	width: 100%;
	margin-top: 2rem;
	position: relative;
}
.over1_2{
	width: 11.5rem;
	position: absolute;
	left: 0;
	top: 0;
}
.over1_3{
	width: 5rem;
	height: 5rem;
	position: absolute;
	left: 50%;
	top: 22%;
	margin-left: -2.5rem;
}
.over1_4{
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.over1_5{
	width: 4rem;
	position: absolute;
	left: -1rem;
	top: -2rem;
}
.over1_6{
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	color: #7B3400;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 55%;
}
.over1_7{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	color: #7B3400;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 72%;
}
.over1_9{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	color: #7B3400;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 82%;
}
.over1_8{
	/*width: 80%;*/
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 65%;*/
	/*margin-left: -40%;*/
	/*display: flex;*/
	/*justify-content: space-around;*/
	width: 100%;

	text-align: center;
}
.over1_7>div{
	width: 33%;
	text-align: center;
}
.over1_7>div>div:nth-of-type(1){
	font-size: 2rem;
	color: #7B3400;
	font-weight: bold;
}
.over1_7>div>div:nth-of-type(2){
	font-size: 1.8rem;
	color: #7B3400;
}
.over1_8{
	width: 6rem;
	height: 2rem;
	line-height:2rem;
	background: #ffffff;
	position: absolute;
	right: 0;
	top:0;
	font-size: 1.2rem;
	color: #7B3400 ;
	text-align: center;
	border-bottom-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.over2,.over3{
	margin-top: 2rem;
	border-radius: 1rem;
	background: url("../images/over2_2_3.png") no-repeat 110% 80% #ffffff;
	background-size: 15rem auto;
	box-shadow: 0 10px 16px 0 rgba(21,27,27,0.20);
}
.over3{
	background: url("../images/over3_2_3.png") no-repeat 100% 80% #ffffff;
	background-size: 15rem auto;
}
.over2_1{
	height: 12rem;
	position: relative;
}
.toutou{
	color: #7B3400;
	font-weight: bold;
	font-size: 2.2rem;
	width: 100%;
	text-align: center;
	line-height: 8rem;
	letter-spacing: 0.25em;
}
.futoutou{
	color: #7B3400;
	font-weight: bold;
	font-size: 1.4rem;
	width: 100%;
	text-align: center;
	line-height: 3rem;
	margin-top: -2.3rem;
	letter-spacing: 0.15rem;
}
.over2_1_1{
	width: 15rem;
	position: absolute;
	left: 0;
	top: 0;
}
.over2_1_2{
	width: 15rem;
	position: absolute;
	right: 0;
	top: 0;
}
.over2_2,.over3_2{
	width: 90%;
	padding-bottom: 1rem;
	margin: auto;
}
.over2_2>div,.over3_2>div{
	display: flex;
	height: 5rem;
	align-items: center;
	margin-bottom: 2rem;
}
.over2_2>div>div:nth-of-type(1){

}
.over3_2>div>div:nth-of-type(1){
	width: 14%;
	display: flex;
	text-align: center;
	margin-right: 2rem;
	position: relative;
}
.over2_2>div>div:nth-of-type(1)>div,.over3_2>div>div:nth-of-type(1)>div{
	width: 46%;
	float: left;
}
.over2_2>div>div:nth-of-type(1)>span,.over3_2>div>div:nth-of-type(1)>span{
	float: left;
	font-size: 1.5rem;
	color: #7B3400;
	font-weight: bold;
	margin-top: .4rem;
	margin-left: 0.5rem;
	position: absolute;
	left: 46%;
	bottom: 0.2rem;
}
/*.over2_2>div:last-child>div:nth-of-type(1)>span{*/
	/*float: left;*/
	/*font-size: 1.2rem;*/
	/*color: #7B3400;*/
	/*font-weight: bold;*/
	/*margin-top: .3rem;*/
/*}*/
.over2_2>div:nth-of-type(1)>div:nth-of-type(1),.over2_2>div:nth-of-type(2)>div:nth-of-type(1){
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.over2_2>div:nth-of-type(1)>div:nth-of-type(1)>div,.over2_2>div:nth-of-type(2)>div:nth-of-type(1)>div{
	width: 60%;
	margin-top: 25%;
}
.over3_2>div:nth-of-type(1)>div:nth-of-type(1)>div,.over3_2>div:nth-of-type(2)>div:nth-of-type(1)>div,.over3_2>div:nth-of-type(3)>div:nth-of-type(1)>div{
	width: 60%;
	margin: 25% auto 0;
}
.over2_2>div>div:nth-of-type(2),.over3_2>div>div:nth-of-type(2){
	width: 5rem;
	height: 5rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-right: 1.5rem;
}
.over2_2>div>div:nth-of-type(3),.over3_2>div>div:nth-of-type(3){
	width: 35%;
	font-size: 1.8rem;
	color: #7B3400;
	font-weight: bold;
}
.over2_2>div>div:nth-of-type(4){
	display: flex;
	color: #7B3400;
	font-size: 1.33rem;
	position: relative;
	font-weight: bold;
}
.over3_2>div>div:nth-of-type(4){
	display: flex;
	color: #E64073;
	font-size: 1.5rem;
	position: relative;
}
.over2_2>div>div:nth-of-type(4)>div,.over3_2>div>div:nth-of-type(4)>div{
	width: 2rem;
}
.over2_2>div>div:nth-of-type(4)>span{
	width: auto;
	text-align: right;
	width: 12.4rem;
	color: #7B3400;
}

.over3_2>div>div:nth-of-type(4)>span{
	position: absolute;
	bottom: 0.2rem;
	left: 2.2rem;
	color: #7B3400;
}
.over3_2>div:nth-of-type(1)>div:nth-of-type(4)>span,.over3_2>div:nth-of-type(2)>div:nth-of-type(4)>span,.over3_2>div:nth-of-type(3)>div:nth-of-type(4)>span{
	color: #E64073;
}
#list1{
	padding-bottom: 1.2rem;
	margin-top: 1.2rem;
	border-radius: 1rem;
	background: #ffffff;
	box-shadow: 0 10px 16px 0 rgba(21,27,27,0.20);
}
.renqiUl li.ranking img{
	width: 2rem;
	vertical-align: middle;
}
.renqiUl li.renqiName{
	width: 30%;
	height: 5.5rem;
	font-size:1.8rem;
	text-align: left;
	line-height: 5.5rem;
	color: #7B3400;
	font-weight: bold;
}
.renqiUl li.renqiImg img{
	width: 4.6rem;
}
.renqiUl li.renqiNumber {
	width :25%;
}
.renqiUl li.renqiNumber img{
	width:2rem;
	margin-top: -0.2rem;
}
.renqiUl li.renqiNumber span{
	color: #7B3400;
	padding-left: 0.3rem;
}
.renqiUl li.renqiImg{
	width: 4.6rem;
	height: 4.6rem;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1.5rem;
}
.renqiUl li.renqiNumber{
	float: right;
	padding: 0 0.4rem;
	height: 2.5rem;
	width: 22.5%;
	/*width: auto;*/
	display: flex;
	align-items: center;
	margin-top: 1.2rem;
	border-radius: 2rem;
	text-align: left;
	margin-right: 1.5rem;
}
.renqiUl li.ranking{
	line-height: 5.5rem;
	text-align: left;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.renqiUl li.ranking.moreFour span{
	color: #7B3400;
}
.renqiUl li.ranking img{
	margin-top: -0.7rem;
	margin-right: 0.3rem;
	/*vertical-align: center;*/
}
/*.renqiUl li.ranking span{*/
	/*padding-top: 20rem;*/
/*}*/

#list1 ul:nth-of-type(1) .renqiNumber>span,#list1 ul:nth-of-type(1) .ranking>span {
	color: #E64073 ;
}

#list1 ul:nth-of-type(2) .renqiNumber>span,#list1 ul:nth-of-type(2) .ranking>span{
	color: #E64073 ;
}

#list1 ul:nth-of-type(3) .renqiNumber>span,#list1 ul:nth-of-type(3) .ranking>span{
	color: #E64073 ;
}
/****达人列表*****/
.darenList{
	/*overflow: hidden;*/
	/*padding: 1.6rem 0;*/
	display: flex;
	justify-content: space-between;
	padding: 0.8rem 0 1.6rem;
}
.darenList li{
	float: left;
    width: 47%;
	background: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.16);
	border-radius: 1rem;
	text-align: center;
}
.darenList li:nth-child(2){
	float: right;
    width: 47%;
	text-align: center;
}
.darenList li div.headerImg img{
	width: 100%;
	/*border-bottom-right-radius: 1rem;*/
	/*border-top-left-radius: 1rem;*/
	/*border-top-right-radius: 1rem;*/
	/* height:17.5rem; */
}
.darenList li div.headerImg div{
	position: absolute;
	left: 0;
	bottom: 0rem;
	background-color: #E9AC36;
	color: #7B3400;
	font-size: 1.2rem;
	padding: 0 0.5rem;
	/*font-weight: bold;*/
	font-family: BLM;
}
.darenList li div.headerImg{
	position: relative;
	height: 18.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1rem;
	border-bottom-left-radius: 0rem;
	border-bottom-right-radius: 0rem;
	overflow: hidden;
}
.darrenIntrol{
	color: #7B3400;
	text-align: left;
	padding: 0.8rem 0;
}
.darrenIntrol div{
	font-size: 1.8rem;
	height: 1.8rem;
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
	position: relative;
}
.darrenIntrol .feednameActive:before{
	content: '精选才艺';
	text-align: center;
	width: 4.4rem;
	height: 1.8rem;
	font-size: 1rem;
	line-height: 1.8rem;
	color: #F6B434;
	background: rgba(246,180,52,0.25);
	position: absolute;
	right: 0;
	top: 0.4rem;
	border-radius: 0.3rem;
}

.darrenIntrol span{
	font-family: "PingFangSC-Regular";
	font-size: 1.2rem;
	height: 1.7rem;
	line-height: 1.7rem;
	overflow: hidden;
	width: 90%;
	margin: 1.2rem auto 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.darenRenqiUl li{
	float: left;
	width: 49%;
	overflow: hidden;
	text-align: left;
}
.darenRenqiUl li.renqiNumber img ,.darenRenqiUl li.ranking img{
	height: 2rem;
	float: left;
    /*vertical-align: baseline;*/
    /*margin-top: 0.5rem;*/
}
.darenRenqiUl li.ranking img{
	height: 2.1rem;
	margin-left: 0.1rem;
}
.hide {
	display: none;
}

/*.darenRenqiUl li.ranking span{*/
	/*vertical-align: middle;*/
/*}*/
.darenRenqiUl li.renqiNumber{
	color: #7B3400;
	font-size: 1.4rem;
	text-align: left;
	width: 60%;
	background: none;
	box-shadow: none;
	font-family: BLM;
	/*height: 4rem;*/
	line-height: 2rem;
}

.darenRenqiUl li.ranking{
	color: #7B3400;
	font-size: 1.4rem;
	text-align: left;
	width: 40%;
	background: none;
	box-shadow: none;
	font-family: BLM;
	/*height: 4rem;*/
	line-height: 2rem;
}

.darenRenqiUl li.renqiNumber>span{
	margin-left: 0.5rem;
	vertical-align:bottom;
	margin-top: 0.3rem;
	float: left;
}
.darenRenqiUl li.ranking>span{
	margin-left: 0.5rem;
	margin-top: 0.3rem;
	vertical-align:bottom;
	float: left;
}
.darenBtn{
	background:#F6B434;
	border-radius: 1rem;
	padding:0.8rem;
	width: 75%;
	margin: 0.8rem auto;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: bold;
}
.darenRenqiUl{
	width: 90%;
	margin: auto;
	overflow: hidden;
}
.loadMore{
	padding: 2rem 0 2rem 0;
	text-align: center;
	font-size: 1.6rem;
	color: #ffffff;
}
.signUp{
	 /*background-image: linear-gradient(225deg, #BFA37C 0%, #E0C692 100%);*/
	background-image: linear-gradient(45deg, #31C7BA 0%, #2BAEA3 100%);
	border-radius: 1rem;
	 padding:1.5rem;
	 font-size:1.8rem;
	 color: #ffffff;
	 text-align: center;
	 margin: 2rem 0;
	 font-weight: bold;
}

.signUp1{
	/*background-image: linear-gradient(225deg, #BFA37C 0%, #E0C692 100%);*/
	background: #FFFFFF;
	box-shadow: 0 6px 12px 1px rgba(0,0,0,0.15);
	border-radius: 1rem;
	padding:1.5rem;
	font-size:1.8rem;
	color: #F2B238;
	text-align: center;
	margin: 2rem 0;
	font-weight: bold;
}
.signUp2{
	/*background-image: linear-gradient(225deg, #BFA37C 0%, #E0C692 100%);*/
	background: #FFFFFF;
	box-shadow: 0 6px 12px 1px rgba(0,0,0,0.15);
	border-radius: 1rem;
	padding:1.5rem;
	font-size:1.8rem;
	color: #F2B238;
	text-align: center;
	margin: 2rem 0;
	font-weight: bold;
}
#signUp_pass .signUp{
	background-image: linear-gradient(225deg, #999999 0%, #999999 100%);
}


#signUp_examine .signUp{
	background-image: linear-gradient(225deg, #999999 0%, #999999 100%);
}




::-webkit-scrollbar{
display: none;
	/* background-color:transparent; */
}


#fensi{
  display: none;
}


@font-face {
	font-family: 'BLM';
	src: url('BarlowMedium.ttf');
}

.logo{
	width: 100%;
	margin-top: 1.5rem;
	/*margin-bottom: 5rem;*/
}
.logo>img{
	display: block;
	width: 100%;
	margin: auto;
}

.signUpBtn
{
	background:url("../images/btnbg.png") no-repeat;
	/*-moz-background-size:40% 100%; !* 老版本的 Firefox *!*/
	/*background: #eaa000;*/
	background-position: 0 0rem;
	background-size: 100% auto;
	background-repeat:no-repeat;
	position: fixed;bottom:-2rem;left: 0;z-index: 799;width: 100%;height: 12rem;
}

#signUp_out.signUpBtn{
	display: none;
}

.drImg{
	border-radius: 1rem;
	height: 12.7rem;
	width: 100%;
	overflow: hidden;
}

/***固定的头部导航****/
.ListContentNavNewContainer{
	margin: 0 auto;
	height: 6rem;
	z-index: 799;
	width:100%;
	position: fixed;
	background: #ffb000;
	display: none;
	top: 0;
}
.ListContentNavNew{
	margin: 0 auto;
	height: 6rem;
	z-index: 6000;
	/*width: 83%;*/
    padding-left: 1.8rem;
    padding-right: 1.8rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

}
.ListContentNavNew ul{
    width: 93%;
	display: flex;
    margin: auto;
}
.ListContentNavNew  ul li {
	float: left;
	width: 30%;
	height: 5.4rem;
	text-align: center;
	/*border: 0.2rem solid rgba(0,0,0,0);*/
}
.ListContentNavNew  ul li:nth-child(1) {
	width:30%;
	margin-right: 5%;
}
.ListContentNavNew  ul li:nth-child(3) {
	width:30%;
	margin-left: 5%;
}
.ListContentNavNew  ul li div {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 5.8rem;
	color: #ffffff;
	width: 93%;
	margin: 0 auto;
	height: 5.4rem;
	position:relative;

}
.ListContentNavNew  ul li div img {
	width: 1.5rem;
	vertical-align: middle;
	/* margin-right: 0.5rem; */
}

.ListContentNavNew ul li div.rarkingActive {
	border-bottom: 0.2rem solid #ffffff;
	color: #ffffff;
}
.ListContentNav ul li.tebactive{
	background: #ffb000;
	border: 0.2rem solid #ffffff;
}
.ListContentNav ul li.tebactive>div{
	color: #ffffff;
	line-height: 3.3rem;
}
.ListContentNavNew ul li.tebactive{
	background: #ffb000;
	border: 0.2rem solid #ffffff;
}
.ListContentNavNew ul li.tebactive>div{
	color: #ffffff;
}

/*******弹出啊*****/
.outPopup{
	position: fixed;
	width: 100%;
	height: 100%;

	background: transparent;
	top:0;
	left:0;
	z-index: 9999;

	display: none;

}

.popupBox{
	background: #ffffff;
	width: 78%;
	margin: 0 auto;
	border-radius: 0.8rem;
	margin-top: 55%;
	padding-top:0.5rem ;
}
.outTitle{
	font-weight: bold;
	font-size: 2rem;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	margin-top:2.4rem;
	margin-bottom: 1.2rem;
	margin-right: 3.6rem;
	margin-left: 3.6rem;
}
.outInfo{
	font-size: 1.6rem;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	padding: 0 2.5rem;
}
.outBtnBox{
	margin-top: 1rem;
	font-size: 1.6rem;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	line-height: 2.2rem;
	overflow: hidden;
	position: relative;
}
.outLeftBtn,.outRightBtn{
	color: #666666;
	padding: 1.8rem 0;
	position: relative;
	font-size: 1.8rem;
}

#outPopup0 .outLeftBtn,#outPopup0 .outRightBtn,#outPopup4 .outLeftBtn,#outPopup4 .outRightBtn{
	float: left;
	width: 50%;
}

.mask{
	position: fixed;
	height: 100%;
	width: 100%;
	background: #333;
	opacity: 0.4;
	top: 0;
	left: 0;
	z-index: 9990;

}




#outPopup1 .outLeftBtn,#outPopup2 .outLeftBtn,#outPopup3 .outLeftBtn{
	color: #FF7D41;
}



.outRightBtn{
	color: #FF7D41;
}
.bd-t{
	position:relative;
	margin-top: 2.4rem;
}

.bd-t::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(0deg, transparent 50%, #ebebeb 50%);
}

.outLeftBtn:after {
	content: " ";
	position: absolute;
	left: 100%;
	top: -100%;
	width: 1px;
	height: 200%;
	background-image: linear-gradient(0deg, #ebebeb  50%, transparent 50%);
}



/******累计人气****/
.ljrqBox{
	background: #fefefe;
}
.lbImg{
	border-radius: 1rem;
	height:10rem;
	width: 100%;
	overflow: hidden;
}
.lbImg img{
	width: 100%;
}
.ljInfo{
	padding:2.5rem 2.5rem 0 2.5rem;
	background: #ffffff;
	box-shadow: 0 16px 48px 0 rgba(0,0,0,0.10);
	border-radius: 1.6rem;
	margin-top: 2rem;

}
.liTitle{
	font-size:2rem;
	color: #333333;
	letter-spacing: 0;
	font-weight: bold;
}
.ljrqBox ul{
	padding:1.5rem 0;
	overflow: hidden;
}
.leftTitle,.leftTitleColor{
	width: 65%;
	float: left;
	padding:1.4rem 0;
	font-size: 1.8rem;
	color: #333333;
	letter-spacing: 0;
}
.overBtn,.overBtnColor{
	width: 5.5rem;
	float: right;
	padding:1rem;
	color: #CCCCCC;
	text-align: center;
	line-height: 1.4rem;
	background: #F5F6F7;
	border-radius: 1rem;
	text-align: center;
	margin-top:0.5rem;
	font-size: 1.4rem;
}
.overBtnColor,.leftTitleColor{
	color: #FF7D41;
}
.leftTitleColor{
	font-weight: bold;
}
.overBtnColor{
	color: #fff;
	background: #FF7D41;
	font-size: 1.4rem;
}

.hdtime,.hdrule{
	font-size: 1.2rem;
	color: #999999;
	letter-spacing: 0;
}
.ljRecord{
	padding:2rem 2rem 6.5rem 1.5rem;
}

/*******弹出啊*****/
.outPopup{
	position: fixed;
	width: 100%;
	height: 100%;
	background: transparent;
	top:0;
	left:0;
	z-index: 9999;
}

.firstPop{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.firstPop_1{
	border: 0.2rem solid #fff;
	width: 9rem;
	padding: 0.6rem 1rem;
	border-radius: 1.8rem;
	background: #ffffff;
	position: absolute;
	top: 23.2rem;
	left: 50%;
	margin-left: -5.7rem;
	text-align: center;
}
.firstPop_1 img {
	width: 1.8rem;
	float: left;
	vertical-align: middle;
}
.firstPop_1  span {
	color: #2BAEA3;
	font-size: 1.6rem;
	vertical-align: middle;
	font-weight: bold;
	float: right;
}
.firstPop_2{
	width: 12rem;
	font-size: 4rem;
	color: #dfa338;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 33rem;
	margin-left: -6rem;
}
.firstPop_3{
	width: 13rem;
	font-size: 1.4rem;
	color: #dfa338;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 40rem;
	margin-left: -6.5rem;
}
.firstPop_4{
	width: 3rem;
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50rem;
	margin-left: -1.5rem;
}

.qiandaoPop{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.85);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 850;
}
.qiandaoPop>div{
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 1.8rem;
}
.qiandaoPop>div>div{
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	border-radius: 1rem;
}
.qiandao_tit{
	height: 8rem;
	line-height: 8rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.qiandao_tit>span{
	font-size: 2.8rem;
	color: #eaa000;
}
.qiandao_list{
	width: 85%;
	margin: auto;
}
.qiandao_list>div{
	height: 3.2rem;
	line-height: 3.2rem;
	margin-bottom: 1.5rem;
}
.qiandao_list>div:last-child{
	margin-bottom: 2rem;
}
.qiandao_list>div>p{
	font-size: 1.8rem;
	color: #333333;
	text-align: left;
	float: left;
	margin: 0;
}
.qiandao_list>div>div{
	float: right;
	width: 26%;
	height: 3.2rem;
	line-height: 3.2rem;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	background: #F5F6F7;
	color: #ccc;
	text-align: center;
}
.qiandao_list .lingqu>div{
	background: #F5BA46 ;
	color: #7B3400;
}
.qiandao_list .lingqu>p{
	color: #F5BA46;
}
.qiandao_list .weidao>div{
	color: #333333;
	background: #F5F6F7;
	font-size: 1rem;
}
.qiandao_banner{
	width: 100%;
	overflow: hidden;
	background: antiquewhite;
}
.qiandao_text{
	width: 85%;
	margin:1rem auto;
	overflow: hidden;
}
.qiandao_text>p{
	font-size: 1.2rem;
	color: #999999;
	text-align: left;
	margin: 0;
}
.qiandao_sure{
	height: 6rem;
	border-top:0.1rem solid rgba(0,0,0,.1);
	text-align: center;
	line-height: 6rem;
	color: #FF7D41;
	font-weight: bold;
	font-size: 1.8rem;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide>div{
	width: 100%;
}
.swiper-slide>div>img{
	width: 101%;
}
.swiper-pagination>span{
	height: 6px;
	background: rgba(255,255,255,0.6);
}
.swiper-pagination .swiper-pagination-bullet-active{
	width: 12px;
	background: rgba(255,255,255,1);
	border-radius: 6px;
}

/*以下关于newdetails.html*/
.addrrenqiBtn{
	border: 0.2rem solid #fff;
	width: 10rem;
	overflow: hidden;
	padding: 0.6rem 1rem;
	border-radius: 1.8rem;
	background: #ffffff;
	margin: 3rem auto;
	margin-bottom: 0;
	text-align: center;
}
/*#join{*/
	/*width: 13rem;*/
/*}*/
.back{
	width: 12rem;
}

.addrrenqiBtn img {
	width: 1.8rem;
	float: left;
	margin-top: 1.2rem;
	vertical-align: middle;
}
#toupiao,#vote,#join{
	width: 9rem;
}
#toupiao img,#vote img,#join img{
	margin-top: 0.1rem;
}
.addrrenqiBtn  span {
	color: #2BAEA3;
	font-size: 1.6rem;
	vertical-align: middle;
	font-weight: bold;
	float: right;
}
.back>span{
	float: none;
}
/*#join>span{*/
	/*float: none;*/
/*}*/
.new_personInfobtn{
	margin: 2rem auto;
	text-align: center;
	width: 70%;
	/*overflow: hidden;*/
}
.new_personInfobtn .leftBtn{
	width: 43%;
	padding: 0.6rem 0.4rem;
	color: #fff;
	float: left;
	font-size: 1.6rem;
	font-weight: bold;
}
.new_personInfobtn  .rightBtn{
	width: 43%;
	padding: 0.6rem 0.4rem;
	color: #fff;
	float: right;
	font-size: 1.6rem;
	font-weight: bold;
	position: relative;
}
.leftBtn img ,.rightBtn img{
	width: 1.8rem;
	vertical-align: sub;
	margin-right: 0rem;
}
.new_personInfobtn  .rightBtn div{
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	overflow: hidden;
	background: #E64073;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #ffffff;
	position: absolute;
	top: 0rem;
	right: 0.5rem;
}


/**/

.login-wrapper{
	z-index: 999;
}
.loadMore_zhanwei{
	height: 10rem;
	position: relative;
}
.hei{
	width: 0.1rem;
	height: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
/**********视频20191115***********/
.videoMask{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;

}
.videoBox2{
	position: absolute;
	left: 0;
	/*top:30%;*/
	height: 100%;
	width:100%;

}
.closeBtn{
	height: 5rem;
	width: 5rem;
	border-radius: 50%;
	/*background: rgba(255,255,255,0.8);*/
	background: rgba(88,88,88,0.40);
	color: #333;
	text-align: center;
	line-height: 4rem;
	color: #fff;
	position: absolute;
	top:6rem;
	right:1rem;
	z-index: 99999;
}
.closeBtn img{
	width: 50%;
	left: 25%;
	margin-top:25%;
}
/**************************/


.wangqitishi{
	width: 30rem;
    text-align: center;
    font-size: 1.6rem;
    color: #FFFFFF;
	line-height: 6rem;
	white-space:  nowrap;
	margin: auto;
	overflow: hidden;
}
.loginMask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.loginMask>div{
	width: 100%;
	background: #ffffff;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	padding-top: 1.5rem;
	padding-bottom: 0.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
}
.login-close{
	width: 85%;
	margin: auto;
	overflow: hidden;
	font-size: 1.6rem;
}
.login-close>span{
	color: #333333;
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	text-align: center;
	font-weight: bolder;
	line-height: 1.6rem;
	float: right;
}
.login-text{
	width: 85%;
	margin: auto;
	font-weight: bold;
	text-align: left;
	font-size: 2rem;
	color: #333333;
	margin-bottom: 2.2rem;
}
.login-list{
	width: 85%;
	margin: auto;
	overflow: hidden;
}
.login-list>div{
	height: 4.4rem;
	margin: 0.6rem;
	text-align: center;
	font-size: 1.6rem;
	line-height: 4.4rem;
	background: #F5F6F7;
	border-radius: 0.6rem;
	color: #333333;
}
.login-list>div>div:nth-of-type(1){
	line-height: 2.8rem;
	font-size: 1.6rem;
}
.login-list>div>div:nth-of-type(2){
	line-height: 1.4rem;
	font-size: 1rem;
}
.login-list .active{
	background: #2B2D33;
}
.login-list .active{
	color: #ffffff;
}

.ceshi{
	width: 100%;
	height: 1.5rem;
	background: rgba(249, 0, 0, 0.4);
	color: #ffffff;
	line-height: 1.5rem;
	font-size: 0.8rem;
	text-align: center;
	position: fixed;
	/* left: 50%; */
	top: 0;
	z-index: 99993;
	/* margin: 0 0 0 -3.2rem; */
}

.ListContentNavNew ul li div div{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	overflow: hidden;
	background: #e40000;
	position: absolute;
	right: 0rem;
	top: 0.4rem;
}

.ListContentNav ul li div div{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	overflow: hidden;
	background: #e40000;
	position: absolute;
	right: 0rem;
	top: 0.4rem;
	/*text-align: center;*/
	/*font-size: 0.8rem;*/
	/*line-height: 1.4rem;*/
	/*color: #ffffff;*/
	/*position: absolute;*/
	/*top: -0.5rem;*/
	/*right: 1.3rem;*/
}

/*
往期精彩
*/
.CarouselBox{
	width: 100%;
	overflow: auto;

}
.CarouselBox   ul li{
	width: 24rem;
	float: left;
	margin-right:1.5rem;
	overflow: hidden;
	border-radius: 1rem;
}
.CarouselBox_li{
	background: #fff;
	display: flex;
	padding:1.5rem;
	margin-top: -0.6rem;
}
.CarouselBox_li .darenText0New{
	/*flex-basis: 15rem;*/
	width:33%;
	color: #ffb100;
	font-size: 2rem;
	font-weight: bold;

}
.CarouselBox_li  .darenText1New{
	/*flex-grow: 1;*/
	width:67%;
	overflow:hidden;
	height: 4rem;
	display:-webkit-box;
	text-align: left;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	box-orientL: vertical;
	white-space:normal;
	color: #852f00;
	font-size: 1.4rem;
}
#smallUl01 .CarouselBox_li>div,#smallUl02 .CarouselBox_li>div{
	width:100%;
	overflow: hidden;
	height: 4rem;
	display: -webkit-box;
	text-align: left;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orientL: vertical;
	white-space: normal;
	color: #852f00;
	font-size: 1.4rem;
}
.CarouselBox_title{
	color: #fff;
	margin:1rem 0 0;
	font-size: 1.8rem;
}
.CarouselBox   ul li.small_li{
	width: 125px;
}
.m-t-30{
	margin-top:1.5rem;
}
.title_right{
	color: #fff;
	float:right;
	font-size: 1.8rem;
	/*margin-right:.5rem;*/
}
.title_right img{
	width: 0.7rem;
	margin-left: 0.3rem;
}
a{
	text-decoration:none;
}
.list2_img{
	width: 100%;
	height: auto;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.videoBtnGo img{
	width: 5rem;
}
.videoBtnBox {
	width: 4rem;
	height: 4rem;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.videoBtnBoxscale{
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	left: auto;
	top: auto;
	right: 0.1rem;
	bottom: 0.1rem;
}

.CarouselBox ul li {
	width: 26rem;
	float: left;
	margin-right: 1.5rem;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0px 0px 6px 0px #d08100;
}
.CarouselBox ul li:last-child{
	margin-right: 0;
}
.CarouselBox {
	width: 100%;
	overflow-x: scroll;
	padding: 5px 0;
}

.CarouselBox_title{
	font-size: 1.8rem;
	font-weight: bold;
	color: #FEFEFE;
}

.CarouselBox_title a{
	font-size: 1.6rem;
	color: #FEFEFE;
}
.videoBox{
	position: relative;
}
.content_time{
	position: absolute;
	bottom: 0.6rem;
	right: 0.6rem;
	color: #fff;
	font-family: BLM;
	font-size: 1.2rem;
}
#bigUlBox>li:last-child .darenText0New{
	flex-basis: 33rem;
}