body, div, p {
	margin: 0;
	border: 0;
}

body {
	background:#F5F5F5;
	overflow: hidden;
/* 	font-family:STHeitiSC-Light; */
}

/*********************************header锛坙ogo銆佸ご鍙充晶鎴戠殑淇℃伅銆佷竴绾ц彍鍗曪級*************************************************/
.teasureMask {
    height: 100%;
    width: 100%;
    position: fixed;
    _position: absolute;
    top: 0;
    z-index: 100;
     opacity: 0.5;
    filter: alpha(opacity=50);
    background: #000;
    display:none
}
.teasureNorthCon{
	border:none;
	background:#fff;
	width:100%;
	height:64px;
	/* min-width:1440px; */
	/* margin:0 auto; */
}

.teasureNorthCon:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureTopCon{
	width:89%;
	height:64px;
	margin: 0 auto;
	min-width:1200px;
}
.teasureTopCon:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
/***宸︿晶LOGO瀹瑰櫒***/
.teasureLogoCon{
	width:70%;
	height:64px;
	display:inline-block;
}

.coalSkyLogo{
	width:170px;
	height: 64px;
	display:inline-block;
	/* margin:0px 0 0 90px; */
	float:left;
}
/***鎴戠殑淇℃伅瀹瑰櫒锛堟渶杩戝叧娉� 鎴戠殑璐︽埛锛�***/
.teasureLoginCon{
	height:64px;
	float:right;
	/* margin-right:90px; */
}
.teasureLoginCon>div{
	float:left;
}
.teasureLoginCon .recentInterest{
	font-size: 18px;
	margin:14px 0 0 0px;
	color:#666;
	cursor: pointer;
/* 	background:url(../img/icon_triangle@2x.png) no-repeat 80px 10px;
	background-size: 10px 6px; */
}

.teasureLoginCon .recentInterest:hover .recentInterestModelCon{
	display:block
}

.teasureLoginCon .joke{
	width:22px;
	height: 20px;
	margin:34px 0 0 0px;

}

.teasureLoginCon .teasureMyAccount{
	margin:14px 0 0 0;
	color:#666;
	font-size:18px;
/* 	background:url(../img/icon_triangle@2x.png) no-repeat 80px 10px ;
	background-size: 10px 6px; */
	cursor: pointer;
}

.teasureLoginCon .teasureMyAccount:hover .teasureMyAccountModelCon{
	display: block;
}


.teasureLoginCon .teasureMyAccount .teasureMyAccountModelCon{
	cursor: default;
	width: 362px;
	height: 216px;
	position: absolute;
	top: 50px;
	margin-left:-307px;
	z-index: 10;
	font-size: 16px;
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	/* border-bottom: 1px solid #EEEEEE; */
	display:none
}

.teasureMyAccountModelCon *{
	margin: 0;
}

.userMsg{
	width: 360px;
	height: 216px;
	border-radius:4px
}

.normalMember{
	background:url(../img/bg_noraccount@2x.png) no-repeat;
	background-size: 360px 216px;
}
.superMember{
	background:url(../img/bg_vipaccount@2x.png) no-repeat;
	background-size: 360px 216px;
}
#userInfo .userMsg .colorWhite{
	color: #E6D3B7;
	border-color:#E6D3B7
}
.userPhone{
	width:100%;
	color: #603900;
	font-size:12px;
	margin-top:12px;
}
.userMsg .dtl{
	width:340px;
	float:left;
	padding-left: 30px;
	height: 118px;
}
.userMsg .dtl .memberTitle{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #603900;
	margin-top:32px;
	letter-spacing: 0.34px;
	line-height: 16px;
	display: block;
	white-space: nowrap;
}
 .userMsg .expiryDate{
	margin-top:7px;
	color: #603900;
}

 .userMsg .expiryDate .date{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #603900;
    letter-spacing: 0.25px;
}


.userMsg .expiryDate .renewBtn{
	width: 66px;
	height: 22px;
	font-size:12px;
	line-height:22px;
	padding:0 8px 0 8px;
	cursor: pointer;
	border-radius:11px;
	border:1px solid #603900;
	margin-left:5px;
}

.coin *{
	margin: 0px;
}

.coin{
	float:left;
	display:flex;
	width: 336px;
	height: 85px;
	font-size: 14px;
	margin-left:10px;
	color:#666;
	justify-content: space-between;
}

.coin .coinSpan{
	display: flex;
	margin-left: 17px !important;
	margin-top:25px;
	margin-right: 52px !important;
	font-size: 36px;
	color: #C8A673
}
.coin .num{
	font-size: 36px;
	color:#C8A673;
	letter-spacing: 0.76px;
	line-height: 36px;
}
.moneyUnit{
	margin-top:16px;
	font-size:14px;
	color: #666666;
	width:30px;
}
.coin .signedImg{
	width: 32px;
	height: 32px;

} 

.coin .pointImg{
	width: 36px;
	height: 36px;
}

.picName *{
	margin: 0;
}
.teasureLoginCon .picName{
	display: flex;
	flex-direction:column;
	align-items: center;
	cursor: pointer;
	width:100px;
	font-size:10px;
	text-align:center;
}

.picName .pic-img{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    /* margin:20px 0 10px 0; */
    margin: 15px 0px 5px 0px;
}


.integralDetail .moneyLogo{
	width:32px;
	height:32px;
	background:url(../img/btn_coin@2x.png) no-repeat; 
	background-size:32px 32px;
}


/********涓�绾ц彍鍗�********/
/* .teasureNav{
	margin:0 auto;
	height:42px;
	padding:18px 0 0 0px
	
} */
.teasureNavCon{
	float:left;
	margin:0 0 0 60px;
}
.teasureNavCon div{
	float:left;
	width:145px;
	height:64px;
	color:#666;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	line-height: 64px;
	cursor: pointer;
}
.teasureNavCon div:first-child{
	
}
.teasureNavCon div:hover{
	color:#0093f4; 
}



/******************************************************宸︿晶浜岀骇鑿滃崟*******************************************************/
.teasureCenterCon:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureCenterCon{
	display:flex;
	width:89%;
	margin:0 auto;
	min-width:1200px;
}
.teasureSubNav{
	/* width:320px; */
	float:left;
	/* margin-left:120px; */
}
.verticalMenu::-webkit-scrollbar {
	/*婊氬姩鏉℃暣浣撴牱寮�*/
	width : 6px;  /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 1px;
}
.verticalMenu::-webkit-scrollbar-thumb {
	/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	border-radius: 10px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #D7D9DB;
}
.verticalMenu::-webkit-scrollbar-track {
	/*婊氬姩鏉￠噷闈㈣建閬�*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background   : #ededed;
}
/******鎵嬮鐞�*****/
.verticalMenu {
  max-height: 960px;
  width: 320px;
  background:#FFF;
  cursor: pointer;
  padding-bottom:15px;
  overflow-x:hidden;
  overflow-y:auto;
  padding-top:13px;
  /* background:pink; */
  
}

.verticalMenu > div {
  width: 320px;
  float: left;
  margin-top:2px;
}
.verticalMenu .menu-top {
  text-align: left;
  height: 24px;
  line-height:24px;
  background-color: white;
  font-size: 14px;
 /*  line-height: 40px; */
 /*  padding-right: 10px; */
  box-sizing: border-box;
  transition: background-color 0.3s linear;
  white-space:nowrap; 
  overflow:hidden;
  text-overflow:ellipsis;
  /* margin-top:9px; */
}
.verticalMenu .menu-topC {
	text-align: left;
    height: 24px;
    background-color: white;
    font-size: 12px;
    line-height: 24px;
    /* padding-right: 10px; */
    box-sizing: border-box;
    transition: background-color 0.3s linear;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.verticalMenu > div > div > span{
	margin-left:4px
}
.verticalMenu .menu-top:hover {
  color: #0093F4;
}
.verticalMenu .menu-topC:hover {
  color: #0093F4;
}
.menu-text:hover{
	color: #0093F4;
}
.verticalMenu .menu-top > i:first-child {
  line-height: 36px;
  float: left;
  font-size: 16px;
  margin:7px 0 0 18px;
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.verticalMenu .menu-topC > i:first-child {
  line-height: 36px;
  float: left;
  font-size: 16px;
  margin:16px 0 0 10px;
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.verticalMenu > div > div:last-child {
  /* width: 296px; */
  width: 100%;
  display: none;
}
.verticalMenu > div > div:last-child > div {
  background-color: #FFF;
  transition: background-color 0.1s linear;
  text-align: left;
  /* line-height: 36px; */
  color:#333333;
  white-space:nowrap; 
  overflow:hidden;
  text-overflow:ellipsis;
}

.verticalMenu .menu-text{
	width:269px;
	display:block;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.verticalMenu .menu-text :hover{
	color: #0093F4;
}
.verticalMenu > div > div:last-child > div:hover .name-lab{
  color: #0093F4;
}
.verticalMenu > div:last-child::after {
  display: block;
  clear: both;
}
.angleRotate{
	width:6px;
	height:10px;
	background: url(../img/icon_open@2x.png) no-repeat;
	background-size: 6px 10px;
}
.xz{
 	/* border-bottom:1px solid #E3E3E3  */
}

.angleRotate2{
	width:6px;
	height:10px;
	background: url(../img/icon_open@2x.png) no-repeat;
	background-size: 6px 10px;
}
.xzkind{
 	border-bottom:1px solid #E3E3E3  
}

 .xzkind:last-child{
 	border:none
} 

/*********************************************************鏈敞鍐�***************************************************/
.unOpenEyes{
	text-align: center;
	height:602px;
	background: #fff;
}

.unOpenEyesLogo{
	width:94px;
	height:89px;
	padding:50px 0 0 0
}

/* .openBtn:before { content: ""; position: absolute; width:200px; height: 100px; top: 68%; left: 0%; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)
} */

/* .openBtn:hover:before { left: 80%; transition: left 1s ease 0s} */

.unOpenEyesDetail{
	width:300px;
	height:484px;
	margin-left:290px;
}
.unOpenEyesDetail p{
	font-size:18px;
	line-height: 18px;
}
.unOpenEyesDetail p:nth-child(3){
	font-size:14px;
}

.unOpenEyesDetail p:nth-child(2){
	
}
.unOpenEyesDetail .illustrates{
	text-align:left;
    margin:0 0 22px 24px;
	display: flex;
	align-items: center;
}

.unOpenEyesDetail .illustrates *{
   margin: 0;
}

.unOpenEyesDetail .illustrates img{
    margin-right: 20px;
    width:20px;
    height:20px; 
}

/* .unOpenEyesDetail p:nth-child(7){
	background:url(../img/icon_report@2x.png) no-repeat 0 2px;
	background-size: 20px 20px;
	text-indent: 40px;
} */

.unOpenEyesDetail a{
	font-size:18px;
}
.unOpenEyesDetail .openBtn{
	width:300px;
	height:50px;
	font-size:20px;
	line-height:50px;
	color:#fff;
	background: #0074C1;
	border-radius: 25px 25px 25px 25px;
	margin-top: 41px;
	cursor: pointer;
}

/******************************鏈�杩戞祻瑙�*******************************/
.recentInterestModelCon{
	position:absolute;
	width:347px;
	min-height:50px;
	height: 425px;
	top:30px;
	margin-left:-233px;
	z-index: 10;
	font-size: 18px;
	border-radius: 2px 2px 2px 2px;
	/* overflow: hidden; */
	display:none;
	cursor: default !important;
	
}

.recentAttentions{
	width:100%;
	height:340px;
	overflow-y:auto !important;
}
/*婊氬姩鏉℃暣浣撴牱寮�*/
.recentAttentions::-webkit-scrollbar {
    width: 8px;
}
/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
 .recentAttentions::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e5f4fd;
    } 
/*婊氬姩鏉￠噷闈㈣建閬�*/  
 .recentAttentions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: #EDEDED;
}
 

.bridge{
	width:100%;
	height:20px;
}


.recentInterestModelCon .trangle{
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
margin-left:245px;
border-color:  transparent transparent #e5f4fd transparent  ;
}

.threeMonthSaw{
	width:100%;
	height:37px;
	line-height:37px;
	text-indent: 10px;
	font-size:16px;
	color:#0093f4;
	background: #e5f4fd;
}
.recentInterestModelCon .recentInterestModel{
	margin:0;
}

.recentInterestModelCon .recentInterestModel > div{
	width:318px;
	height:63px;
	border-bottom:1px solid #eee;
}
.recentInterestModelCon .recentInterestModel .title{
	margin-left: 10px;
	white-space:nowrap;
	width: 100%;
	height:31px;
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	font-size: 16px;
	color: #333333;
	letter-spacing: 0.34px;
	line-height:40px;
}
.recentInterestModelCon .recentInterestModel .attInfo{
	width:100%;
	height:31px;
	
}
.recentUpdate{
	width:42px;
	height:18px;
	background:#e5f4fd;
	float:right;
	font-size:12px;
	color:#0093f4;
	margin-top:2px;
	line-height:18px;
}
.attInfo{
	font-size:14px;
	color: #999999;
    line-height: 24px;
    text-indent: 10px;
}
/*******************************涓績鍐呭瀹瑰櫒*******************************/
#contentBox{
	/* min-width:1440px; */
	margin:30px auto;
	
	width: 100%;
}
#contentBox:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureMain{
	width:100%;
	min-height: 500px;
	float:left;
	margin-left:20px;

}

/****************鏁版嵁搴�*****************************************/
/************鏁版嵁搴撻�夋嫨妗�**************/
.teasureData{display: block;}
.teasureChoseCon{
	width:100%;
	height:60px;
}
.teasureChoseCon *{
   margin: 0;
}
.teasureChoseCon div{
	font-size: 14px;
	height:26px;
	line-height:26px;
	cursor:pointer;
}
.teasureChoseCon .teasureChose{
	min-width: 20px;
	max-width:885px;
	font-size:18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.teasureChoseCon .subTitle{
    font-size:16px;
    color: #666666;
    padding-top: 12px;
}

.teasureChoseCon .updateType{
	margin-right: 40px;
}
.teasureChoseCon .updateTime{
	
}
.teasureChoseCon div:nth-child(1){
}
.teasureChoseCon div:nth-child(3){
	margin-left:20px;
}
.teasureChoseCon .choseClass{
	margin-left:10px;
	padding:0 0 0 10px;
	background: #fff;
	color:#333
}

.teasureChoseCon .choseClass span{
	float:left
}

.teasureChoseCon .closeClass{
	width:26px;
	height:26px;
	background:url(../img/btn_close@2x.png) no-repeat 10px 9px;
	background-size:10px 10px ;
	cursor: pointer;
}

.teasureChoseCon .cleanAllCondition{
	margin-left:10px;
	padding:0 5px 0 5px;
	background: #fff;
	color:#666
}

.teasureChoseCon .cleanAllCondition span{
	float:left;
}
.teasureDataClassification{
	width:864px;
	min-height:48px;
	padding-left:20px;
	background:#fff;
	margin-top: 20px;
}
.teasureDataClassification:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureDataClassification ul{
		list-style: none;
		float:left;
		width:85%;
		padding:0;
		min-height:42px;
	
}
.teasureDataClassification ul li{
		float:left;
		font-size: 14px;
		height:20px;
		margin:10px 10px 10px 10px;
		padding:4px 5px 3px 5px;
		cursor: pointer;
		color:#666
}
.teasureDataClassification .region{
	width:844px;
	border-bottom: 1px solid #E3E3E3 ;
}
.teasureDataClassification .classification{
	width:844px;
	border-bottom: 1px solid #E3E3E3 ;
}
.teasureDataClassification .heat{
	width:844px;
	border-bottom: 1px solid #E3E3E3 ;
}
.teasureDataClassification .region:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureDataClassification .heat:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureDataClassification .classification:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}


.teasureDataClassification .conditionType{
	float:left;
	width:10%;
	height:40px;
	font-size:16px;
	color:#666;
	line-height:48px;
}

.teasureDataClassification  .chooseCondition{
	background:rgba(0,116,193,0.10);
	color:#0074C1;
}



/***************鏁版嵁搴撹〃鏍�***************************/
.teasureDataGrid{
	margin-top:20px;
	border-radius: 2px 2px 2px 2px;
	box-sizing: border-box;
	overflow: hidden;
}
.teasureDataGrid:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.tableLeft:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.tableLeft{
	width:116px;
	float:left;
	background:#fff
}


.leftTableHead {
	text-align: center;
	line-height: 36px;
	float:left;

}
.leftTableHeadCh{
	height:34px;
	width:70px;
	padding:1px;
	font-size:12px;
	float:left;
	box-sizing:border-box;
	background:#0074C1;
	color:#FFF;
	text-align:left;
	text-indent:20px

}

.leftTableHeadCh:nth-of-type(1){
	width:116px;
}
.tableRight{
	float:left;
	margin: 0;
	padding:0;
	background:#FFF
	
}
.tableRight:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.rightTableTh{
	float:left;
}
.rightTableTh td{
	height:34px;
	width:86px;
	padding:1px;
	text-align:center;
 	font-size:12px; 
 	box-sizing: border-box;
	background:#0074C1;
	color:#FFF;
}
.leftTableBody{

	text-align: center;
/* 	float:left; */
}

 .leftTableBody td, .rightTableBody td{
	min-height:34px;
/* 	padding:1px; */
  	box-sizing:border-box; 
	text-align: center;
/* 	line-height: 34px; */
 	white-space:pre-wrap;
	font-size:12px;
	border-right: 1px solid #0074C1;
	border-bottom: 1px solid #0074C1;
	color:#333;	
} 

.leftTableBody td{
	width:116px;
	cursor:pointer;
	padding-left:20px;
	padding-right:20px;
	text-align:left;

}
.rightTableTd{
	width:85px;
	margin-left:-4px;
	cursor:pointer
}
.leftTableBody div{
	display:block;
	float:left;
	margin:0;
	font-size:12px;
	cursor:pointer
	
}
.leftTableBody td:hover{
	background:#E5F1F8
}

.tableRightBodyFlowCon .rightTableBody .rightTableTime{
	margin-left:0px;
}

.leftTableBody div:nth-of-type(1){
	border-left:1px solid #0074C1;
	white-space:nomal
}

.rightTableBody {
	float:left;
}

.rightTableBody:hover {
	background:#E5F1F8
}

.bodyHoverd{
	background:#E5F1F8
}


.teasureDataGrid .teasureDetailBtn{
	color:#0074C1;
	cursor: pointer;
}


/****************妯℃澘7涓嬫媺妗�***************************************/
.userDefinedDataCon td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	
}
.userDefinedDataCon table{
	border-left:1px solid #333;
	border-top:1px solid #333;
}

.userDeSelectNormal{
	list-style:none;
	width:200px;
	height:36px;
	background:#FFF;
	border:1px solid #CFCFCF;
	box-sizing:border-box;
	border-radius:5px 5px 5px 5px 
}
.userDeSelect{
	list-style:none;
	width:200px;
	height:36px;
	background:#F5F5F5;
	border:1px solid #CFCFCF;
	box-sizing:border-box;
	border-radius:5px 5px 5px 5px 
}
.iptBox{
	width:180px;
	height:34px;
	box-sizing:border-box;
	cursor:pointer;
	float:left;
	background:none;
	text-indent:12px;
}
.selectListCon{
	width:196px;
	border:1px solid #CFCFCF;
	box-shadow: 1px 2px 4px 0 rgba(51,51,51,0.30);
}

.selectUl{
	width:200px;
	height:36px;
	box-sizing:border-box;
	margin:10px 0 10px 0;
}
.selectUl .arrowUp{
			float:left;
			width:15px;
			height:15px;
			line-height:15px;
			cursor:pointer;
			text-align:center;
			margin-top:10px;
	        transform:rotate(180deg);
	        transition: all .2s;
}
.selectUl .arrowDown{
			float:left;
			width:15px;
			height:15px;
			line-height:15px;
			cursor:pointer;
			margin-top:6px;
			text-align:center;
	        transform:rotate(0deg);
	        transition: all .2s;
}
.selectlist{
	width:196px;
	height:24px;
	cursor:pointer;
	text-indent:27px;
	line-height:24px;
	background:#FFF;
}
.selectListCon div:hover{
	background:#0074C1;
	color:#FFF;
	
}
.selectlistChosed{
	width:197px;
	height:22px;
	text-indent:27px;
	cursor:pointer;
	background:url(../img/icon_choosen@2x.png) no-repeat 8px 6px;
	background-size:10px 8px
	
}
.selectlistUnChosed{
	width:197px;
	height:22px;
	cursor:pointer;
	background:#FFF;
	text-indent:27px;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
} 

.explainContent{
	width:846px;
	background:#FFF;
	padding:18px 20px 17px 20px
}
.explainTitle{
	margin:0 0 8px 0;
}
.explainInfo{
	font-size:14px;
	color:#333;
	text-align: justify;
	line-height: 21px;
}

.place{
	width:15px;
	height:2px;
	
}

/******************************************璧勬枡搴�*******************************************************/
.teasureInformation{
	width:884px;
	background: #fff;
	padding:30px 20px 30px 20px;
	display: block;

}
.teasureInformation:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureInformationTitle{
	width: 100%;
	float:left;
	font-size: 20px;
	color:#333;
	display: flex;
	align-items: center;
}

.teasureInformationTitle *{
    margin: 0;
}

.teasureInformationInfo{
	float:left;
	margin:10px 0 0 0;
	color:#666;
}
.readNumCon{
	float:left;
}
.publishTimeCon{
	float:left;
	margin-left:40px;
}
.publichT{
	margin-left: 5px;
}
.articleCon {
	margin-top:10px;
	clear: both;
}
.articleCon img{
	max-width:884px
}
.articleDetail{
	margin-top:65px;
	color:#333
}

.articleDetail pre{
    white-space: pre-wrap;
    word-wrap: break-word;
}


.articleDetail p{
    font-size:16px;
    margin-bottom: 20px;
    line-height: 24px;
}

/*****************************************绮惧崕甯�***************************************************/
.teasureEssence{
	width:884px;
	padding:2px 20px 20px 20px;
	background:white;
	display: block;
}
.teasureEssence:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureEssenceCon{
	width:884px;
	height:102px;
	padding:18px 0 18px 0;
	border-bottom: 1px solid #E3E3E3;
	float:left;
	
}
.teasureEssenceImgCon{
	float:left;
}
.teasureEssenceInfoCon{
	float:left;
	width:684px;
	position: relative;
}

.teasureEssenceInfoConNoImg{
	float:left;
	width:882px;
	position: relative;
}


.teasureEssenceInfoCon:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.teasureEssenceImgCon{
	border:1px solid #E3E3E3;
	margin-right:20px;
}
.teasureEssenceImgCon img{
	width:140px;
	height:100px;
}


.essenceDetailTitle{
	font-size: 18px;
	color:#333;
	cursor: pointer;
	width: 100%;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.essenceDetailTitle *{
    margin: 0;
}
.essenceDetailTitle:hover{
    color:#0074c1;
}
.essenceDetailDetail{
	width:684px;
	margin-top:9px;
	color:#666;
	font-size: 14px;
	position: relative;
    height: 40px;
	word-break:break-all;
	overflow : hidden;
	isplay: -webkit-box;
	line-height: 20px;
	cursor:pointer;
	-webkit-box-orient; 
	overflow : hidden;
	text-overflow: ellipsis;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	display: -moz-box;
	-moz-line-clamp: 2!important;
	-moz-box-orient: vertical;
}

.essenceDetailDetailNoImg{
	width:882px;
	margin-top:9px;
	color:#666;
	font-size: 14px;
	position: relative;
    height: 40px;
	word-break:break-all;
	overflow : hidden;
	isplay: -webkit-box;
	line-height: 20px;
	cursor:pointer;
	-webkit-box-orient; 
	overflow : hidden;
	text-overflow: ellipsis;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	display: -moz-box;
	-moz-line-clamp: 2!important;
	-moz-box-orient: vertical;
}


.essenceDetailInfo{
	position:absolute;
	top: 85px;
}
.essenceDetailInfo:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.essenceDetailInfo span{
	font-size: 12px;
	color:#999;
}

.essenceDetailInfo .publishTimeCon{
	margin-left:20px;
}

/****************************************鏁版嵁搴撹鎯呴〉闈�********************************************************************/

.teasureDeatilCon{
	width:884px;
}

.teasureDeatilCon .backToTeasureData{
	height:40px;
	line-height:20px;
	font-size: 16px;
	color:#333;
}
.teasureDeatilCon .backToTeasureData span{
	cursor:pointer
}
.parametersCon{
	width:100%;
	background:#FFF;
}
.parametersTop{
	width:844px;
	padding:20px;
}
.parametersTop:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.parametersTopLeft{
	float:left;
	width:322px;
	height:120px;
}

.parametersTopLeft p{
	margin: 10px 0 0 0 ;
}
.parametersTopLeft p:nth-child(1){
	margin: 0;

}
.parametersTopLeft p span:nth-child(1){
	color:#333
}
.parametersTopLeft p span:nth-child(2){
	color:#151515
}
.parametersTopRight{
	float:left;
	width:522px;
	height:120px;
}

.parametersTopRight div{
	float:left
}


.parametersBottom{
	width:842px;
	background:#FFF;
	padding:0 20px 20px 20px;
}
.parametersRow:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.parametersRow div:nth-child(1),.parametersRow div:nth-child(3){
	float:left;
	width:183px;
	height:35px;
	background: #f5f5f5;
	color :#666;
	text-align: center;
	line-height: 35px;
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	padding:0;
}
.parametersRow div:nth-child(1){
	border-left:1px solid #E3E3E3
}
.parametersRow div:nth-child(2),.parametersRow div:nth-child(4){
	float:left;
	width:235px;
	height:35px;
	text-align:center;
	line-height:35px;
	font-size:15px;
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	background: #fff;
	padding:0;
}
.parametersRow:nth-of-type(1){
	border-top: 1px solid #E3E3E3;
}

.parametersTopRight div{
	width:174px;
	margin:25px 0 0 0;
}
.parametersTopRight div p{
	margin:10px;
}
.parametersTopRight div p:nth-child(1){
	color:#333
}
.parametersTopRight div p:nth-child(2){
	font-size: 36px;
}

.parametersTopRight .updateTimeCon p:nth-child(2){
	color:#0074C1
}
.parametersTopRight .compareWithLastYear p:nth-child(2){
	color:#999
}
.parametersTopRight .compareWithprevious p:nth-child(2){
	color:#999
}

/***********************************************鍥捐〃***************************************/
.teasureMappedPicCon{
	background:#FFF;
	height:510px;
	margin-top:20px
}
.chooseTimeCon {
	width:884px;
	height:40px;
	background:#E5F1F8;
	text-align: center;
	line-height: 40px;
}

.chooseTimeCon li{
	float:left;
	width:100px;
	color:#666;
	font-size:16px;
	cursor:pointer
}

 .chooseTimeCon li:hover{
	color:#FFF !important;
	background:#0074c1
	
} 

.chooseTimeCon .centerSpace  input{
	background:#E5F1F8;
	cursor:pointer;
	width:98px;
	font-size:16px;
	color:#666
}
.chooseTimeCon .centerSpace:hover{
		background:#0074c1;
}
.chooseTimeCon .centerSpace:hover input{
	color:#FFF !important;
	background:#0074c1;
}
.chooseTimeCon .timeColor{
	color:#0074c1 !important
}

.timeUserDefine{
	width:89px;
	height:30px;
	font-size: 16px;
	border:none;
	outline:none;
	background: #E5F1F8;
	color:#666
}
.chooseTimeCon .centerSpace{
	width:300px;
}
/***************璇︽儏琛ㄦ牸*********************/

.teasureDataDeatilGridCon{
	padding-bottom: 30px;
	background: #FFF;
	margin-bottom:50px;
}
.teasureDataDeatilGrid{
	width:884px;
	margin-top: 80px;
	border-collapse: collapse;
	
}
.teasureDataDeatilGrid .detailGridHeader{
		background:#E5F1F8;
}
.teasureDataDeatilGrid .detailGridHeader th  {
	width:216px;
	height:42px;
	border:none;
	color:#333
}

.teasureDataDeatilGrid td{
	width:216px;
	height:35px;
	text-align: center;
	border-bottom:1px solid #E3E3E3;
}
.teasureDataDeatilGridCon .pagination{
	margin:30px 0 0 0;
	
}
.teasureDataDeatilGrid .pagination span{
	height:32px;
	color:#666
}
.curPage{padding-left:10px}

.pageNumCho{
	width:58px;
	float:left;
	border: 1px solid #CFCFCF;
	border-top:none;
	margin: -84px 0px 0px 670px
}
.pageNumList{
	width:58px;
	height:24px;
	text-align:center;
	cursor:pointer;
	line-height:31px;
	font-size:18px;
	text-indent:-16px;
	background:#FFF;
	color:#999
}
.pageNumList:nth-of-type(3){
	padding-bottom:6px
}
.pageNumList:hover{
	color:#666
}

.pagination .arrowUp{
			cursor:pointer;
			text-align:center;
	        transform:rotate(180deg);
	        transition: all .2s;
}
.pagination .arrowDown{
			cursor:pointer;
			text-align:center;
	        transform:rotate(0deg);
	        transition: all .2s;
}





/******************璇︽儏鍥捐〃********************/
.dateChooseTem {
	display:none;
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
	margin-left:-335px;
	margin-top:-184px;
	height:367px;
	width:670px;
	border-radius:4px;
}

.dateChooseTem .dateChoose_header {
    height: 20px;
    padding: 20px;
    background: #e4f0f8;
    border-radius: 4px 4px 0 0;
}
.dateChooseTem .dateChoose_header h4 {
    font-weight: normal;
    color: #0074c1;
    font-size: 18px;
}
#dateChooseTem .dateChoose_header .closePic {
	display:block;
	float:right;
	height:22px;
	width:22px;
	background:url(../img/btn_close@2x.png) no-repeat
}
.dateChooseTem .dateChoose_body {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}
.dateChooseTem .dateChoose_body textarea {
	height:80px;
	width:250px;
	padding:8px;
	border:1px solid #d4d4d4;
	font-size:12px;
}
 .sendbtn {
    height: 36px;
    width: 85px;
    cursor: pointer;
	float:right;
	margin-top:10px;
	border-radius:4px;
	background:#0074c1;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:36px;
}
 .sendbtn:hover {
	background:#0093f4;
}
.dateChoose_body .info{
    height: 20px;
    width: 530px;
    margin-left: 20px;
    padding: 10px;
    border: 1px solid #cfcfcf;
    font-size: 16px;
}
.dateChoose_body .clearfix{
    margin-bottom: 20px;
    clear: both;
}

#goodsView .includelink:hover{
	    color: #0074c1;
}
#goodsView .includelink:focus{
	    color: #0074c1;
}
/******************************鍥捐〃绛涢�夊鏉＄嚎**********************************/
.chooseLineCon{
	margin-top:-62px;
	margin-left:30px;
	width:200px;
	height:36px;
	z-index:1000;

}
.chooseLineBtn{
    width: 84px;
    height: 36px;
    float: left;
    text-align: center;
    color: #fff;
    background: #0074c1;
    cursor: pointer;
    line-height: 36px;

}
.chopseLinePanel{
	width:272px;
	height:376px;
	position:absolute;
	margin-top:-380px;
	background:#FFF;
	border: 1px solid #CFCFCF;
	box-shadow: 1px 2px 4px 0 rgba(51,51,51,0.30);
}
.searchLineCon{
	width:248px;
	height:32px;
	margin:12px 0 12px 12px;
	overflow:hidden;
	border-radius:15px 15px 15px 15px;
}
.searchLine{
	width:248px;
	height:32px;
	text-indent:35px;
	background:url(../img/magnifier@2x.png) no-repeat 10px 9px;
    background-size:16px 16px;
	background-color:#F3F3F3
}
.lineUnchooseCheckBox{
	float:left;
	width:24px;
	height:34px;
	box-sizing:border-box;
	cursor:pointer;
	background:url(../img/lineUnchosed@2x.png) no-repeat 10px 11px;
	background-size: 12px 12px;
}

.lineChosedCheckBox{
	float:left;
	width:24px;
	height:34px;
	overflow:hidden;
	cursor:pointer;
	box-sizing:border-box;
	background:url(../img/lineChosed@2x.png) no-repeat 10px 11px;
	background-size: 12px 12px;
}

.cleanLine{
	float:left;
    width:80px;
    height:36px;
    text-align:center;
    line-height:36px;
    cursor:pointer
}



/**************************************鏁版嵁涓績************************************/
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.rootLi{
	font-size:14px;
	color: #333333;
}
.leftMenuCon .ordinaryLi{
	width:269px;
	font-size:12px;
	color: #333333;
	margin-left:24px;
	margin-top:2px;
	position:relative
}
.eleCon{
	height:24px;
	line-height:24px
}
.arrowdown{
	width:16px;
	height:16px;
	margin-top: 4px;
    margin-left: 2px;
}
.subtractionMark{
	width:14px;
	margin-top:5px;
	/* margin-right:4px; */
}
.plusMark{
	width:14px;
	height:14px;
	margin-top:5px;
	/* margin-right:4px; */
}
.infomationMark{
	margin-top:5px;
}
.menuMark{
	float:left;
}

.menuText{
	width:200px;
	margin-left:2px;
	/* float:left; */
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display:inline-block;
	/* position:absolute; */
}
.lastmenuText{
    margin-left: 2px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menuText:hover{
	color: #0093F4;
}
.lastmenuText:hover{
	color: #0093F4;
}
.getDetail{
	background: rgba(0,147,244,0.10);
    color: #333333;
  /*   width: 120%; */
  	margin-left:-109px;
    text-indent: 109px;
}
.getOnlyOneDetail{
    background: rgba(0,147,244,0.10);
    color: #333333;
    width:150%;
    margin-left:-109px;
        text-indent: 109px;
    /*margin-left: -54px;
    text-indent: 54px;
    width:280px;*/
}

.leftMenuCon .rootLi{
	margin-left:10px;
	margin-top:2px;
	
}
.leftMenuHide{
	display:none
}

.vipLogo{
	width:22px;
	height:12px;
	/* float:left; */
	/* margin-top: 6px; */
	margin-bottom: 6px;
    margin-left: 2px;
    /* position: absolute; */
}
.lastvipLogo{
	width:22px;
	height:12px;
	margin-top: 6px;
}
.tipsYx{
	float:left;
	font-size:14px;
	color:#0093F4;
	
}
.tipsYgq{
	float:left;
	font-size:14px;
	color:#DF1C1C;
}
.userMsgUnOpen{
	background:url(../img/bg_openvip@2x.png) no-repeat;
	background-size: 340px 109px;
	width: 340px;
	height: 111px;
	display: flex;
	justify-content: space-between;
	border-radius:4px;
	box-sizing:border-box;
	margin-left:10px
}
.userMsgUnLeft{
	width:50%;
	height:109px;
	color:#603900
}
.userMsgUnRight{
	width:50%;
	height:109px;
}
.unOpenPhone{
	height:18px;
	font-size:18px;
	line-height:18px;
	margin:37px 0 0 20px
	}
.unOpenText{
	height:14px;
	font-size:14px;
	line-height:14px;
	margin:10px 0 0 20px
}
.openNow{
	width:100px;
	height:30px;
	background:#603900;
	font-size: 14px;
	color: #EEDDC1;
	letter-spacing: 0.3px;
	text-align: center;
	line-height: 30px;
	border-radius:15px;
	margin:43px 0 0 40px;
	cursor:pointer
	
}
.previewCon{
	width:100%;
	display:none;
	margin-left:20px;
}
.outMemberTime{
	color:#333;
	text-indent:20px;
}
.outTimePay{
	margin-left:20px;
	color:#0093F4;
	cursor:pointer
}
.previewTip{
	width:100%;
	height:40px;
	line-height:40px;
	background:#E5F4FD;
	display:flex;
	border:1px solid #89CDF9;
	/* margin-bottom:20px; */
	justify-content:start;
	font-size:16px;
}
.bgarrowdownmenuMark{
	width:16px;
	height:16px;
	/* background:pink; */
	display: inline-block;
	float:left;
}