﻿*{
	 padding: 0px;
	 margin: 0px;
}
a{
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
}
#HomePageIndex-Top{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 424px;
	margin: 0 auto;
	position: relative
}
.HomePageIndex-container{
	width: 1190px;
	height: 424px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	padding-top: 385px;
}
.HomePageIndex-NoRegister
{
    background:rgba(0,0,0,0.2) url(/Resources/HomeImages/HomePage/dengluLogo.png) no-repeat center 15px;
    width: 262px;
    height: 340px;
    position: absolute;
    right: 10px;
    top: 26px;
    z-index: 100;
    border-radius:3px;
}

.HomePageIndex-container .RegisterLine{
	height:4px;
	width:100%;
	background:#f78200;
	position:absolute;
	top:5px;
	z-index:9999;
	display:none
}
.HomePageIndex-NoRegister h4{
	display: block !important;
	margin: 0 auto !important;
	width: 100% !important;
	text-align: center !important;
	font-size: 18px !important;
	color: #fff !important;
	position:absolute;
	top:100px;
}
.HomePageIndex-Top-roll-container{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 424px;
	top: 0px;
	left: 0px;
	position: absolute;
	overflow:hidden;
}

.HomePageIndex-NoRegister .input{
	position: absolute;
	box-sizing: border-box;
	top: 144px;
	width: 100px;
	height: 32px;
	border-radius:2px;
	color: #ffffff;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}
.HomePageIndex-NoRegister .official-announcement{
	width: 222px;
	height: 36px;
	line-height: 32px;
	box-sizing: border-box;
	border-top:2px solid rgba(255,255,255,0.3);
	border-bottom:2px solid rgba(255,255,255,0.3);
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-111px;
	background:url(/Resources/HomeImages/HomePage/denglu-2.png) no-repeat 5px center;
}
.HomePageIndex-NoRegister .official-announcement a:first-child{
	color: #ffffff;
	font-size: 16px;
	margin-left: 20px;
	text-decoration: none;
}
.HomePageIndex-NoRegister .official-announcement a:last-child{
	margin-left: 85px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.HomePageIndex-NoRegister .LOGINBUTTOM{
	left: 22px;
	cursor: pointer;
	background: #fe7d00;
}
.HomePageIndex-NoRegister .ZHUCEBUTTOM{
	left: 140px;
	background: #ffffff;
	color: #fff;
	background:#ff9f17;
	cursor: pointer;
}
.HomePageIndex-news-item-container{
	position:absolute;
	top:235px;
}
.HomePageIndex-NoRegister .HomePageIndex-news-item{
	height: 31px;
	line-height: 31px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: left;
	list-style: none;
	font-size: 14px;
	width:250px;
}

.HomePageIndex-NoRegister .HomePageIndex-news-item a{
	display: inline-block;
	width:240px;
	text-decoration: none;
	font-size: 14px !important;
	overflow: hidden;
	color: #fff;
	text-align: left;
	line-height:31px;
	padding-left: 26px;
	box-sizing:border-box;
	text-overflow: ellipsis;
	box-sizing:border-box;
}

.HomePageIndex-NoRegister .XSBG{
	display: block;
	width: 220px;
	height: 109px;
	margin:  0 auto;
	margin-top: 1px;
	display:none;
}
.HomePageIndex-Top-roll-index{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 424px;
	top: 0px;
	left: 0px;
	/*position: absolute;*/
	overflow:hidden;
	box-sizing:border-box;
}
.HomePageIndex-Top-roll-index img
{
    
    margin-left: -960px !important;	
	display: block !important;	
	position: absolute;
	left: 50%;
	top:0px;
}
.HomePageIndex-Top-roll-nav{
	height: 19px;
	display: block;
	position: absolute;
	top:385px;
	/*left: 50%;*/
	z-index: 100;
}
.HomePageIndex-Top-roll-nav li{
	margin-left: 9px;
	margin-right: 9px;
	display: inline-block;
	/*float: left;*/
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	border-radius: 50%;
	transition:0.3s;
}
.swiper-pagination-bullet-active
{
    background: #ffffff;
    }
.HomePageIndex-Top-roll-nav .heightlight{
	background: #ffffff;
}


.HomePageIndex-Top-roll-index{
	box-sizing:border-box;
	
}



#Fund-Column{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 555px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
	background: #fbfbfb;
}
#Fund-Column .Fund-Column-container{
	width: 1200px;
	height: 555px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 53px;
	background: #fbfbfb;
}

#Fund-Column .Fund-Column-container #Fund-title{
	font-weight: 500;
	display: block;
	font-size: 36px;
	text-align: center;	
	color: #616161;
	margin-bottom: 16px;
}
#Fund-Column .Fund-Column-container #Fund-title + span{
	width: 61px;
	height: 4px;
	display: block;
	margin: 0 auto;
	background: #ff9f08;
	margin-bottom: 30px;
}
#Fund-Column .Fund-Column-item-container{
	width: 1200px;
	height: 329px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item{
	background: #ffffff;
	height: 329px;
	width: 292px;
	margin-right: 10px;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	-moz-box-shadow:3px 7px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:3px 7px 10px rgba(0,0,0,0.4);
	box-shadow:3px 7px 10px rgba(0,0,0,0.4);
	padding-top: 34px;  
	position: relative;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item:last-child{
	margin-right: 0px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item .Fund-title {
	height: 24px;
	display: inline-block;
	box-sizing: border-box;

}
#Fund-Column .Fund-Column-item-container .Fund-Column-item .Fund-title span{
	width: 33px;
	height: 1px;
	border-top: 1px solid #b0b0b0;
	float: left;
	display: inline;
	margin-top: 13px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item .Fund-title b{
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
	font-size: 21px;
	display:inline;
	float: left;
	text-align: center;

}
#Fund-Column .Fund-Column-item-container .Fund-Column-item p{
	text-align: center;
	margin-top: 3px;
	color: #5e5e5e;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item h2{
	font-size: 53px;
	text-align: center;
	color: #f1453b;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-top: 43px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item h2+p{
	margin-bottom: 35px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item h2 b{
	font-size: 30px;
	margin-left: 11px;
}
#Fund-Column .Fund-Column-item-container .Fund-Column-item .BUYME{
	width: 200px;
	height: 37px;
	display: block;
	margin: 0 auto;
	background: #ff9e17;
	color: #ffffff;
	text-align: center;
	line-height:37px;
	text-decoration: none;
}

#Gift-Mall-block{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 781px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
	background: #fbfbfb;
}
#Gift-Mall-block .silder-nav{
	width: 1094px;
	height: 532px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#Gift-Mall-block .slider-Item-container{
	height: 522px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#Gift-Mall-block .slider-Item-container-block{
	display: inline-block;
	width: 1094px;
	height: 522px;
	display: inline-block;
	float: left;
	
}
#Gift-Mall-block .slider-Item{
	display: inline-block;
	width: 306px;
	height: 467px;
	background: #ffffff;
	-moz-box-shadow:3px 7px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 7px 10px rgba(0,0,0,0.2);
	box-shadow:3px 7px 10px rgba(0,0,0,0.2);
	margin:0 29.3px;
	float: left;
	position:relative;
}

#Gift-Mall-block .slider-Item img{
	width: 288px;
	height: 300px;
	margin: 0 auto;
	margin-top: 9px;
	display: block;
	margin-bottom: 54px;
}
#Gift-Mall-block .slider-Item p{
	width: 245px;
	margin:  0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5e5e5e;
	margin-bottom: 34px;
	font-size: 16px;
	text-align:center
}
#Gift-Mall-block .slider-Item b{
    position: absolute;
    bottom: 30px;
    text-align: center;
    color: #ff9e16;
    display: block;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

#Gift-Mall-block .arrow-buttom{
	position: absolute;
	top: 404px;
	width: 34px;
	height: 46px;
	background: rgba(255,255,255,0.4);
}
#Gift-Mall-block .right-arrow-arrow-buttom{
	right: 0px;
	background: url(/Resources/HomeImages/HomePage/right.png) no-repeat center center;
}
#Gift-Mall-block .left-arrow-arrow-buttom{
	left: 0px;
	background: url(/Resources/HomeImages/HomePage/left.png) no-repeat center center;
}
#Gift-Mall-block-bg{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 574px;
	margin: 0 auto;
	background: url(https://resources.51camel.com/Resources/HomeImages/HomePage/Gift-Mall-block-bg.png) no-repeat center center;
}
.Gift-Mall-block-container{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 781px;
	margin: 0 auto;
	position: absolute;
	top:0px;
	left: 0px;
}
.Gift-Mall-block-container-wrapper{
	width: 1190px;
	margin: 0 auto;
	height: 781px;
	box-sizing: border-box;
	padding-top: 64px;
	position: relative;
}


.Gift-Mall-block-container-wrapper .Gift-Title{
	font-weight: 500;
	display: block;
	font-size: 40px;
	text-align: center;	
	color: #ffffff;
	margin-bottom: 16px;
}
.Gift-Mall-block-container-wrapper .Gift-Title + span{
	width: 61px;
	height: 4px;
	display: block;
	margin: 0 auto;
	background: #ffffff;
	margin-bottom: 30px;
}

#welfare-mall-block{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 624px;
	margin: 0 auto;
	position: relative;
	background: #fbfbfb;
	box-sizing: border-box;
	padding-top: 94px;
}
#welfare-Mall-block-bg{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height:530px;
	margin: 0 auto;
	background: url(https://resources.51camel.com/Resources/HomeImages/HomePage/welfare-Mall-block-bg.png) no-repeat center center;
}

#welfare-mall-block .welfare-Mall-block-container{
	width:100%;
	max-width: 1920px;
	min-width: 1190px;
	height: 624px;
	margin: 0 auto;
	position: absolute;
	box-sizing: border-box;
	top: 0px;
	left: 0px;
}
.welfare-Mall-block-container-wrapper{
	width: 1190px;
	margin: 0 auto;
	height: 624px;
	box-sizing: border-box;
}
#welfare-mall-block .welfare-Title{
	font-weight: 500;
	display: block;
	font-size: 36px;
	text-align: center;	
	color: #616161;
	margin-bottom: 16px;
}
#welfare-mall-block .welfare-Title + span{
	width: 61px;
	height: 4px;
	display: block;
	margin: 0 auto;
	background: #ff9f08;
	margin-bottom: 170px;
}
.welfare-Mall-block-container-wrapper h2{
	font-size: 71px;
	color: #ba1a22;
	text-align: left;
}
.welfare-Mall-block-container-wrapper p{
	    width: 583px;
    word-break: break-all;
    font-size: 24px;
    margin-top: 11px;
    text-align: center;
    color: #595758;
    line-height: 38px;
    
}
.welfare-Mall-block-container-wrapper .input-buttom{
	margin-top: 25px;
	box-sizing: border-box;
	width: 260px;
	height: 62px;
	border: 2px solid #ff9e17;
	text-align: center;
	line-height: 56px;
	display: inline-block;
	font-size: 24px;
	border-radius: 2px;
}

.welfare-Mall-block-container-wrapper #EnterWelfareMall{
	background: #ff9e17;
	color: #ffffff;
	cursor: pointer;
}

.welfare-Mall-block-container-wrapper #KownAboutMore{
	color: #ff9e17;
	cursor: pointer;
	margin-left:55px;
}





.XSBG img
{
    cursor:pointer;
	width:217px !important;

}










.container{
	width: 100%;
	/*width: 1920px;*/
	max-width: 1920px;
	clear: both;
	
}
.container *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#financeNews{
	width: 1190px;
	margin: 85px auto 0;
}
.block_title{
	text-align: center;
	color: #5e5e5e;
	font-size: 40px;
}
.block_title p
{
    font-size: 40px !important;
}
.underline{
	width: 62px;
	margin: 15px auto 11px;
	border-bottom: 3px solid #FF9E16;
}
#partner .underline{
	margin: 15px auto 27px;
}
#financeNews>ul>li{
	width: 50%;
	height: 354px;
	float: left;
}
#financeNews .financeNewsMain>li:nth-child(1){
	background: url(/Resources/HomeImages/HomePage/licaizixun.png) no-repeat 100% 100%;
}
#financeNews .financeNewsMain>li:nth-child(4){
	background: url(/Resources/HomeImages/HomePage/hotTheme.png) no-repeat;
}
#financeNews .txtContent{
	background: #f6f6f6;	
}
#financeNews .txtContent ul{
	margin-left: 75px;

}
#financeNews .txtContent >*{
	transition: 1s;
}
#financeNews .txtContent ul li{
	line-height: 2.2;
	color: #5E5E5E;
}
#financeNews .txtContent ul li:nth-child(n+2){
	width: 430px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
#financeNews .txtContent ul li .circle{
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	margin: 0 6px 2px 0;
	background: #FF9E16;
	border-radius: 50%;
}
#financeNews .txtContent .licai{
	background: url(/Resources/HomeImages/HomePage/leftArrow.png) no-repeat 0 30px;
	padding-left: 30px;
	margin-left: -30px;
	color: #323232;
	font-size: 30px;
	
}
#financeNews .txtContent ul li:last-child{
	
}
#financeNews .txtContent ul li:last-child a{
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-top: 25px;
	text-align: center;
	border-radius: 2px;
	background: #FF9E16;
	color: white;
}
#financeNews .txtContent li .line{
	width: 280px;
	margin: 15px 0;
	border-bottom: 1px solid #e1e1e1;
}

#financeNews .txtContent .hotTheme{
	background: url(/Resources/HomeImages/HomePage/rightArrow.png) no-repeat 435px 30px;
	text-align: right;
	margin-right: 62px;
	padding-right: 40px;
	color: #323232;
	font-size: 30px;
}
#financeNews .txtContent .hotTheme .line{
	margin-left: 140px;
	border-bottom: 1px solid #e1e1e1;
}


/*创投*/
#chuangtouContainer{
	position: relative;
}
#chuangtou{
	padding-top: 120px;
	text-align: center;
	width: 1190px;
	margin: 0 auto;
}
.chuangtouMain ul{	
	width: 100%;
	position: absolute;
	top: 217px;
	left: 0;
}
.chuangtouMain li{
	min-width: 1190px;
	max-width: 1920px;
	height: 134px;
	border-bottom: 2px solid #eee;
	padding: 22px 0;
	transition: all 0.4s;
}
.chuangtouMain .content{
	width: 1190px;
	margin: 0 auto;
	position: relative;
}
.chuangtouMain .content .date{
	display: inline-block;
	width: 290px;
	height: 130px;
	text-align: right;
	vertical-align: top;
	color: #bbb;
	margin-right: 50px;
	transition: all 1s;
}
.chuangtouMain .content .month{
	font-size: 50px;
	padding-right: 5px;
}
.chuangtouMain .content .year{
	font-size: 12px;
	margin-top: 31px;
}
.chuangtouMain .txtContent{
	display: inline-block;
	width: 520px;
	text-align: left;
	color: #999;
	font-size: 14px;
	line-height: 2;
}

.chuangtouMain .txtContent dt{
	color: #323232;
	font-size: 18px;
	transition: 0.5s ;
}
.chuangtouMain .txtContent dt+dd{
	transition: 1s ;
}
.chuangtouMain .content .hoverArrow{
	width: 15px;
	height: 20px;
	background: url(/Resources/HomeImages/HomePage/hoverArrow.png) no-repeat;
	display: inline-block;
	position: absolute;
	top: 43px;
	right: 90px;
	transition: 0.4s;
	opacity: 0;;
}

/*鼠标移入*/
.chuangtouMain li:hover{
	background: #FF9E16;
	color: #fff;
}
.chuangtouMain li:hover .hoverArrow{
	right: 120px;
	opacity: 1;
}
.chuangtouMain li:hover .date{
	transform: translateX(-20%);
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s; 
	-o-transition: all 1s; 
	color: #fff;
}
.chuangtouMain li:hover .txtContent *{
	transform: translateX(-10%);
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s; 
	-o-transition: all 1s; 
	color: #fff;
}
.chuangtouMain .more,#interactMain .more{
	background: #FF9E16;
	display: inline-block;
	width: 205px;
	height: 50px;
	line-height: 50px;
	border-radius: 2px;
	color: white;
	margin-top: 470px;
}
.chuangtouMain .more img,#interactMain .more img{
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
}


/*
#interact{
	padding-top: 108px;
	text-align: center;
	width: 1190px;
	margin: 0 auto;
	
}

#interact .interactTitle a{
	display: inline-block;
	width: 110px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #bbb;
	border-radius: 2px;
	transition: 0.4s;
}
#interact .interactTitle .selected{
	background: #FF9E16;
	border: none;
	color: white;
}
.interactMain{
	width: 1056px;
	height: 450px;
	box-shadow: 0 5px 15px 1px #e1e1e1;
	float: right;
	margin-top: 50px;
	margin-bottom: 100px;
	position: relative;
}
.interactMain23
{
    width: 1056px;
	height: 450px;
	box-shadow: 0 5px 15px 1px #e1e1e1;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 100px;
	position: relative;
    }

#interactMain .stationactive-block-img-container{
	width: 541px;
	height: 391px;
	position: absolute;
	top: 32px;
	left: 32px;
}
#interactMain .stationactive-block-img-container h2{
	height: 27px;
	line-height: 27px;
	width: 100%;
	box-sizing: border-box;
	border-left: 4px solid #fc9e1a;
	color: #707070;
	text-align: left;
	padding-left: 11px;
	font-size: 18px;
}
#interactMain .stationactive-block-img-container h2 a{
	font-size:18px !important;
}
#interactMain .stationactive-block-img-wrapper{
	width: 100%;
	height: 117px;
	margin-top: 22px;
	margin-bottom: 16px;
}
#interactMain .stationactive-block-img-wrapper a{
	width: 118px;
	height: 100%;
	float: left;
	margin-left: 22px;
}
#interactMain .stationactive-block-img-wrapper a img{
	width: 118px;
	height: 100%;
}
#interactMain .stationactive-block-img-wrapper a:first-child{
	margin-left: 0px;
}
#interactMain .stationactive-block-Link-container{
	width: 390px;
	height: 340px;
	position: absolute;
	top: 61px;
	left: 633px;
}
#interactMain  .stationactive-block-Link-container a{
	display: block;
	width: 100%;
	color: #808080;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	font-size:18px !important;
	padding-left: 5px;
	margin-bottom: 22px;
}
#interactMain  .stationactive-block-Link-container a p{
	width: 250px;
	display: inline-block;
	float: left;
	height: 100%;
	text-align:left;
	text-overflow: ellipsis;
	font-size:18px !important;
	overflow: hidden;
	line-height: 22px;
}
#interactMain  .stationactive-block-Link-container a span{
	display: inline-block;
	float: right;
	height: 100%;
	line-height: 22px;
}
#interactMain #TheLastActive{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 54px 54px;
	overflow:hidden;
}
#interactMain #TheLastActive .ThelastActive-item{
	display: inline-block;
    width: 447px;
    height: 72px;
    float: left;
    margin-right: 54px;
    margin-bottom: 52px;
    position: relative;
	box-sizing: border-box;
	padding-left: 85px;
}
#interactMain #TheLastActive .ThelastActive-item:nth-child(2n){
	margin-right: 0px;
}
#interactMain #TheLastActive .ThelastActive-item h2{
	height: 28px;
	width:362px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 24px;
	line-height: 28px;
	font-weight: 100;
	margin-bottom: 3px;
}

#interactMain #TheLastActive .ThelastActive-item p{
	color: #9a9a9a;
	height: 49px;
    width: 362px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 27px;
    word-break: break-all;
}
#interactMain .Timer-Block{
	 height: 72px;
	 top: 0px;
	 left: 0px;
	 position: absolute;
	 width: 74px;
}
#interactMain .Timer-Block span{
	width: 74px;
	display: block;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #ffffff;
	background: #fda20b;
	font-size: 22px
}
#interactMain .Timer-Block span:first-child{
	margin-bottom: 2px;
}
#interactMain .txtContent{
	width: 320px;
	line-height: 2.9;
	margin: 25px 110px 0 0;
	float: right;
	text-align: left;

}
#interactMain .more{
	margin-top: 20px;
	margin-left: 5px;
	width: 176px;
	height: 47px;
	text-align: center;
}
#interactMain .interactImg{
	width: 681px;
	height: 388px;
	position: absolute;
	top: 33px;
	left: -114px;
	
}
#interactMain .interactImg img{
	width:100%;
	height:100%;
}
#interactMain .interactImg .imgTxt{
	width: 100%;
	height: 91px;
	text-align: left;
	color: white;
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	background: rgba(0,0,0,.5);
	padding: 10px 28px;
}
#interactMain .interactImg .imgTxt h3{
	margin-bottom: 10px;
}
*/

#partner
{
	padding-top: 38px;
	text-align: center;
	width: 1190px;
	margin: 0 auto;
	display:block !important;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#partner *
{
    box-sizing:border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.partnerMain{
	width: 100%;
	height: 267px;
	border: 1px solid #dbdbdb;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;/**/
}

.partnerMain .linkClassify{
	width: 110px;
	height: 267px;
	float: left;
	color: #999;
	font-size:16px !important;
	display:block !important;
}
.partnerMain .linkClassify li{
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	font-size:16px !important;
	height: 20%;
	line-height: 53.4px;
	cursor: pointer;
}
.partnerMain .linkClassify li img{
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -3px;
}
.partnerMain .linkClassify li:last-child{
	border-bottom: none;
}
.partnerMain .linkClassify .linked{
	background: #FF9E16;
	color: white;
}
.partnerMain .detailStyle:nth-child(n+3){
	width: 1000px;
	height: 100%;
	display: none;	
}
.partnerMain .brandDetail{
	width: 1080px;
	float: left;
	border: 0;
	position: absolute;
	top: 0;
	right: -2px;
	border-collapse: collapse;
}
.partnerMain .brandDetail tr{
	height: 133.5px;
}
.partnerMain .brandDetail tr:nth-child(1){
	border-bottom: 1px solid #dbdbdb;	
}
.partnerMain .brandDetail tr:nth-child(2){
	border-top: 1px solid #dbdbdb;	
}
.partnerMain .brandDetail td {
    width:10%;
	border-right: 1px solid #dbdbdb;	
}
.partnerMain .brandDetail td a{
	font-size:16px;
}
.partnerMain .brandDetail td:nth-child(10n){
	border-right: none;	
}

.partnerMain .brandArrow .upArrow{
	position: absolute;
	right: 0;
	top: -40px;
	cursor: pointer;
	z-index:9999;
	transition:all .5s;
}

.partnerMain:hover .upArrow
{
    z-index:9999;
    top:-1px;
   
    }

.partnerMain .brandArrow .downArrow{
	position: absolute;
	right: -5px;
	cursor: pointer;
	bottom: -42px;
	transition:all .5s;
	z-index:9999;
	
}

.partnerMain:hover .downArrow
{
    z-index:9999;
    bottom:-5px;    
 }

    
#ThePersonalHeader{
    width: 78px;
    height: 78px;
    display: block;
    margin: 0 auto;
    border-radius: 50% !important;
    margin-bottom: 4px;
    border-radius:50%;
    position:absolute;
    top:16px;
    left:50%;
    margin-left:-39px;
    border:none;
    }
#ThePersonalHeaderName{
	display: block !important;
	margin: 0 auto !important;
	width: 100% !important;
	text-align: center !important;
	font-size: 18px !important;
	color: #fff !important;
	position:absolute;
	top:100px;
}
#ThePersonalHeaderDATA{
	height: 38px; 
	width: 100%; 
	margin: 0 auto; 
	margin-top: 142px; 
	margin-bottom: 17px;
	display:table;
	box-sizing:block;
}
#ThePersonalHeaderDATA  span{
	display:inline-block;
	float: left;
	text-align: center;
	height: 38px;
	width:88px;
	font-size: 14px;
	
}
#ThePersonalHeaderDATA .span-mid{
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
	width:82px !important;
}
#ThePersonalHeaderDATA  span:nth-child(2){
	/*background:url(/Resources/HomeImages/HomePage/span-left.png) no-repeat left center,url(/Resources/HomeImages/HomePage/span-rught.png) no-repeat right center;
*/
}
#ThePersonalHeaderDATA  span b{
	color: #fc8a00;
	font-weight:normal;
	font-size:17px !important;
}
#ThePersonalHeaderDATA  span p{
	color: #fff;
	font-size: 14px !important;
}



.NOTCOMPANY span{
	width: 50% !important;
}
.NOTCOMPANY span:last-child{
	background:url(/Resources/HomeImages/HomePage/span-left.png) no-repeat left center !important;
}
.HomePageIndex-NoRegister-mask{
	width: 100%;
	/* height: 100%; */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


/*
.partnerMain .detailStyle .last_line
{
       position:relative;
    }
.partnerMain .detailStyle .last_line:nth-child(2) .spaceText
{
    display:inline-block;
    border-bottom:1px solid #ececec;
    font-size:16px;
    color:#bbb;
    position:absolute;
    top:75%;
    transform:translateY(-50%);
    right:10%;
}
.partnerMain .detailStyle .last_line .spaceText span
{
	background:#fbfbfb;
	position:absolute;
	padding:0 20px;
	left:30%;
	top:50%;
	transform:translateY(-50%);
    }
*/
.partnerMain .detailStyle .last_line
{
		
       position:relative;
       
    }
.partnerMain .detailStyle .last_line .spaceText1
{
	width:600px;
	
    display:inline-block;
    border-bottom:1px solid #ececec;
    font-size:16px;
    color:#bbb;
    position:absolute;
    top:200px;
    left:41%;
 
}
.partnerMain .detailStyle .last_line .spaceText1 .noMore
{
    width:300px;
    height:16px;
    }
.partnerMain .detailStyle .last_line .spaceText1 span
{
	background:#fbfbfb;
	padding:0 20px;
	font-size:16px !important;
	position:absolute;
    top:0px;
    left:0px;
	}
.partnerMain .detailStyle .last_line .spaceText2
{
	width:600px;
    display:inline-block;
    border-bottom:1px solid #ececec;
    font-size:16px;
    color:#bbb;
    position:absolute;
    top:75%;
    transform:translateY(-50%);
    right:5%;
}

.partnerMain .detailStyle .last_line .spaceText2 span
{
	background:#fbfbfb;
	position:absolute;
	padding:0 20px;
	left:30%;
	top:50%;
	transform:translateY(-50%);
 }
 
 
 
 
 
#interact{
	padding-top: 146px;
	text-align: center;
	width: 1190px;
	margin: 0 auto;	
}
#interact .interactTitle a:active
{
    color: inherit;
}

#interact .interactTitle a{
	display: inline-block;
	width: 110px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #bbb;
	border-radius: 2px;
	transition: 0.4s;
	font-size: 16px;
}
#interact .interactTitle .selected{
	background: #FF9E16;
	border: none;
	color: white;
}
.interactMain{
	width: 1190px;
	height: 436px;
	box-shadow: 0px 3px 16px 4px rgba(0,0,0,.1);
	margin-top: 50px;
	margin-bottom: 108px;
	position: relative;
}
.interactMain23
{
    width: 1216px;
	height: 450px;
	box-shadow: 0 5px 15px 1px #e1e1e1;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 100px;
	position: relative;
    }

#interactMain .stationactive-block-img-container{
	width: 541px;
	height: 391px;
	position: absolute;
	top: 32px;
	left: 32px;
}
#interactMain .stationactive-block-img-container h2{
	height: 27px;
	line-height: 27px;
	width: 100%;
	box-sizing: border-box;
	border-left: 4px solid #fc9e1a;
	color: #707070;
	text-align: left;
	padding-left: 11px;
	font-size: 18px;
}
#interactMain .stationactive-block-img-container h2 a{
	font-size:18px !important;
}
#interactMain .stationactive-block-img-wrapper{
	width: 100%;
	height: 117px;
	margin-top: 22px;
	margin-bottom: 16px;
}
#interactMain .stationactive-block-img-wrapper a{
	width: 118px;
	height: 100%;
	float: left;
	margin-left: 22px;
}
#interactMain .stationactive-block-img-wrapper a img{
	width: 118px;
	height: 100%;
}
#interactMain .stationactive-block-img-wrapper a:first-child{
	margin-left: 0px;
}
#interactMain .stationactive-block-Link-container{
	width: 390px;
	height: 340px;
	position: absolute;
	top: 61px;
	left: 633px;
}
#interactMain  .stationactive-block-Link-container a{
	display: block;
	width: 100%;
	color: #808080;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	font-size:18px !important;
	padding-left: 5px;
	margin-bottom: 22px;
}
#interactMain  .stationactive-block-Link-container a p{
	width: 250px;
	display: inline-block;
	float: left;
	height: 100%;
	text-align:left;
	text-overflow: ellipsis;
	font-size:18px !important;
	overflow: hidden;
	line-height: 22px;
}
#interactMain  .stationactive-block-Link-container a span{
	display: inline-block;
	float: right;
	height: 100%;
	line-height: 22px;
}
#interactMain #TheLastActive{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 54px 54px;
	overflow:hidden;
}
#interactMain #TheLastActive .ThelastActive-item{
	display: inline-block;
    width: 447px;
    height: 72px;
    float: left;
    margin-right: 54px;
    margin-bottom: 52px;
    position: relative;
	box-sizing: border-box;
	padding-left: 85px;
}
#interactMain #TheLastActive .ThelastActive-item:nth-child(2n){
	margin-right: 0px;
}
#interactMain #TheLastActive .ThelastActive-item h2{
	height: 28px;
	width:362px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 24px;
	line-height: 28px;
	font-weight: 100;
	margin-bottom: 3px;
}
/*
#interactMain #TheLastActive .ThelastActive-item h2+ p{
	transform:translateX(15px)
}*/
#interactMain #TheLastActive .ThelastActive-item p{
	color: #9a9a9a;
	height: 49px;
    width: 362px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 27px;
    word-break: break-all;
}
#interactMain .Timer-Block{
	 height: 72px;
	 top: 0px;
	 left: 0px;
	 position: absolute;
	 width: 74px;
}
#interactMain .Timer-Block span{
	width: 74px;
	display: block;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #ffffff;
	background: #fda20b;
	font-size: 22px
}
#interactMain .Timer-Block span:first-child{
	margin-bottom: 2px;
}
#interactMain .txtContent{
	width: 525px;
	line-height: 2.9;
	float: right;
	text-align: left;
}
#interactMain .txtContent li{
	position: relative;
	width: 158px;
	height: 158px;
	border-radius: 4px;
	transition: ease .6s;
	float:left;
	margin-left:25px;
}
#interactMain .txtContent li:first-child{
	margin-left:0;
}
#interactMain .txtContent li:nth-child(4){
	margin-left:0;
}
#interactMain .txtContent li:nth-child(n+4){
	margin-top:25px;
}
#interactMain .txtContent li:hover .front{
	transform: rotateY(180deg);
}
#interactMain .txtContent li:hover .back{
	transform: rotateY(0deg);
}
#interactMain .txtContent .front{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: ease .6s;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;	/* Chrome �?Safari */
	-moz-backface-visibility:hidden; 	/* Firefox */
	-ms-backface-visibility:hidden; 	/* Internet Explorer */

}
#interactMain .txtContent .front img{
	width: 100%;
	height: 100%;
	background:#fbfbfb;
}
#interactMain .txtContent .back{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 21px;
	text-align:justify;
	padding: 5px 12px 0;
	font-size:14px;
	border-radius: 9px;
    background: #ffc5cb;
	transform: rotateY(-180deg);
	transition: ease .6s;
	color: #fff;
	text-align:justify;
}
#interactMain .txtContent li:nth-child(n+4) .back{
    background: #85cff0 !important;
}


#interactMain .txtContent .back a{
	display: inline-block;
	text-align: center;
	width: 134px;
	line-height: 30px;
	font-size: 16px;
	border: 1px solid #fff;
	position: absolute;
	bottom: 10px;
	left: 50%;
	color: #fff;
	transform: translateX(-50%);
}
#interactMain .more{
	margin-top: 20px;
	margin-left: 5px;
	width: 176px;
	height: 47px;
	text-align: center;
}
#interactMain .interactImg{
	width: 580px;
	height: 387px;
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
}
#interactMain .interactImg img{
	width:100%;
	height:100%;
}
#interactMain .interactImg .imgTxt{
	width: 100%;
	height: 91px;
	text-align: left;
	color: white;
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	background: rgba(0,0,0,.5);
	padding: 10px 28px;
}
#interactMain .interactImg .imgTxt h3{
	margin-bottom: 10px;
}
#interactMain .txtContent li{
	position: relative;
}

.interactMain-right{
	position: absolute;
	right: 26px;
	width: 525px;
	top:22px !important;
	display: none;
}

.interactMain-right1{
	display: block;
}
.interactMain-right3{
	display: block;
}
.interactMain-right:after{
	content:'';
	display:block;
	clear:both;
}
.interactMain-right-title:after{
	content:'';
	display:block;
	clear:both;
}
.interactMain-right-title 
{
    height:26px;
	margin-bottom: 14px;
}
.circle-left .interactMain-right-title {
	position:absolute;
	top:0;
	width:100%;
}
.interactMain-right-title p{
	float: left;
	font-size:20px;
	color:#5e5e5e;
}
.interactMain-right-title p img{
	margin-right:10px;
}
.interactMain-right1 .interactMain-right-title p img,.interactMain-right4 .interactMain-right-title p img{
	margin-bottom:-3px;
}
.interactMain-right-title a{
	display: inline-block;
	margin-top:5px;
	padding-right: 10px;
	float: right;
	color:#5e5e5e;
	font-size:16px;
	background: url('/Resources/HomeImages/HomePage/moreArrow.png') no-repeat right ;
}
.interactMain-Tab-block:after ,.interactMain-Tab-block:before
{
	content: '';
	display: block;
	clear: both;
}





/* 轮播�?*/
.interactMain .swiper-container,.interactMain .slide_container{width: 580px;height: 387px;position: absolute;left: -10000px;top:24px;}
.interactMain .swiper1{width: 580px;height: 387px;position: absolute;left: 2%;}
.interactMain .swiper-button{display: none;}
.interactMain .swiper-button-prev{width:28px;height:40px !important;background: url(/Resources/HomeImages/HomePage/banner_arrow_prev.png) no-repeat center !important;position:
absolute;left: 0}
.interactMain .swiper-button-next{width:28px;height:40px !important;background: url(/Resources/HomeImages/HomePage/banner_arrow_next.png) no-repeat center !important;position:
absolute;right: 0}
.interactMain .swiper-pagination-bullet{width:10px;height:10px;background:rgb(255,255,255) !important;margin:auto 5px !important;opacity: 1}
.interactMain .swiper-pagination-bullet-active{background:#ff9e16 !important;}
.interactMain .swiper4 img{width: 100%;height: 100%;}
.interactMain .swiper3 {top: 50px;width:512px;}
.interactMain .swiper-pagination-bullets{
	text-align: right;
	padding-right: 20px;
}


/* 热门活动 */
.hotAct .interactMain-right-top a img{
	width: 156px;
	height: 114px;
}
.hotAct .interactMain-right-top li{
	float: left;
	margin-right: 28px;
}
.hotAct .interactMain-right-top li:last-child{
	float: left;
	margin-right: 0;
}
.hotAct .interactMain-right2 .interactMain-right-top li p{
	font-size:16px;
	color:#5e5e5e;
	line-height:38px;
	display:block;
	width:156px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hotAct .interactMain-right-top:after{
	content:'';
	display:block;
	clear:both;
}

.hotAct .tryOut .interactMain-right-title{
	margin:7px 0 13px;
}
.hotAct .tryOut li{
	font-size:14px;
	text-align:left;
	margin-bottom:21px;
	color:#5e5e5e;
	position: relative;
}
.hotAct .tryOut li span{
	font-size:16px;
}
.hotAct .tryOut li:last-child{
	margin-bottom:0;
}
.hotAct .tryOut li .applyTime{
	position: absolute;
	right: 76px;
}
.hotAct .interactMain-right2 .tryOut li .tryOutBt{
	display:inline-block;
	width:70px;
	line-height:28px;
	text-align:center;
	float:right;
	border:1px solid #ff9e16;
	border-radius:2px;
	color:#ff9e16;
	font-size:14px;
	margin-top: -4px;
}
.popularity{
    padding:0 10px 0;
	line-height: 39px;
	font-size: 14px;
	font-weight:bold;
	background: rgba(255,255,255,.5);
	position: absolute;
	right:14px;
	top: 8px;
	color: #323232;
	z-index: 99;
}


/*圈子*/
.circle-left{
	width: 580px;
	position: relative;
	top: 22px;
	left: -9999px;
}
.circle-left .circleIcons{
	text-align:center;
}
.circle-left .circleIcons li{
	
}
.circle-left .circleIcons li p{
	display:block;
	color:#5e5e5e;
	font-size:20px;
	margin:10px 0 23px;
	height:26px;
}
.circle-left .circleIcons li img{
	width: 116px;
	height: 116px;	
	border-radius:100px;
}

.interactMain-right3{
	width: 525px;
}

.interactMain-right3 .talk_list a:first-child{
	float: left;
}
.interactMain-right3 .talk_list img{
	width: 60px;
	height: 60px;	
	border-radius:100px;
}
.interactMain-right3 .talk_list .talk_list_item{
	display: inline-block;
	width: 458px;
	height: 78px;
	background: url(/Resources/HomeImages/HomePage/talkBox1.png) no-repeat;
	float: right;
	padding:5px 11px 0 24px;
	overflow: hidden;
	color:#5e5e5e;
	text-align:left;
}
.interactMain-right3 .talk_list li{
	margin-bottom:14px;
}
.interactMain-right3 .talk_list li:after{
	content:'';
	display:block;
	clear:both;
}

.interactMain-right3 .talk_list a .talk_list_main{
	font-size:14px;
	text-indent:1.48em;
	line-height:23px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
}
.interactMain-right3 .talk_list a .talk_list_title{
    margin-bottom:3px;
	font-size:16px;
	padding-left:20px;
	background: url(/Resources/HomeImages/HomePage/up1.png) no-repeat left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#323232;
}
.interactMain-right3 .talk_list_item:hover{
	color: #fff;
	background: url(/Resources/HomeImages/HomePage/talkBox2.png) no-repeat;
}
.interactMain-right3 .talk_list_item:hover .talk_list_title{
	background: url(/Resources/HomeImages/HomePage/up2.png) no-repeat left;
	color: #fff;
	font-weight:bold;
}
.interactMain-right3 .interactMain-right-title{
	margin-bottom: 16px;
}





/* 调研PK */
.survey .interactMain-right-top{
	width:526px;
}
.survey .interactMain-right-top li{
	position: relative;
	float: left;
	margin-right: 23px;
	height: 187px;
}
.survey .interactMain-right-top li:last-child{
	margin-right: 0;
}
.survey .interactMain-right-top a img{
	width: 251px;
	height: 100%;
}
.survey .interactMain-right-top p{
	width: 251px;
	height: 27px;
	line-height: 27px !important;
	padding:0 8px;
	position: absolute;
	bottom: 0px;
	left: 0;
	background:rgba(30,30,42,0.66);
	color:#fff !important;
	font-size:16px !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.survey .tryOut{
	margin-top:19px;
}
.survey .tryOut li{
	margin-bottom:15px;
}
.survey .tryOut li a{
	color:#5e5e5e;
	font-size:16px;
	display:block;
}
.survey .tryOut li a:after{
	content:'';
	display:block;
	clear:both;
}

.survey .tryOut li .manNums{
	float: right;
}

.survey .interactMain-right{
	position: absolute;
	right: 26px;
	width: 525px;
	top:48%;
	display: none;
}
.survey .tryOut li i{
	background:#ff7900;
	color:#fff;
	padding:3px 7px;
	border-radius:2px;
	font-style:normal;
	margin-right:8px;
	font-size:12px;
	float:left;
}

.survey .tryOut li .relaxationSurvey_list_left{
	display: inline-block;
	overflow: hidden;
	width: 395px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.survey .swiper-pagination-bullet{
	display: inline-block;
	width: 290px;
	font-size: 20px;
	margin:0 !important;
	height: 44px;
	color: #323232 !important;
	border-radius: 0;
	line-height: 44px;
	background:#eee !important;
}
.survey .swiper-pagination-bullet-active{
	background:#ff9e16 !important;
	color: #fff !important;

}
.survey .swiper-pagination-bullets{
	text-align: center;
	padding-right: 0px;
	bottom:0px !important;
}



.interactMain .slide_container{
	width: 526px;
	height:354px;
	top:40px;
	left: -10000px; !important;
	margin:auto;
}
.interactMain .slide_container {overflow:hidden;}
.interactMain .slide_item{height: 100%;}

.interactMain-right3 .interactMain-right-title{
	display: none;
}
.circle-left .swiper-button-prev{
	position: absolute !important;
	left:5px !important;
	top: 202px !important;
}
.circle-left .swiper-button-next{
	position: absolute !important;
	right:5px !important;
	top: 202px !important;
}
.circle-left .swiperCtrl{
	width: 580px;
	height: 387px;
	margin-top: -4px;
}
.swiper4 .swiper-slide img{
	height: 343px;
}
#swiper3 {height: 333px;}


.s-icon-interactTitle{
	height: 19px;
	width: 19px;
	display: block;
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	background-image: url("/Resources/HomeImages/HomePage/logo-interactTitle.png");
}
