html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
}
/*侧边栏部分*/
.side{
	/*width:195px;*/
	width:210px;
	border-right:1px solid #e7e7eb;
	border-left:1px solid #e7e7eb;
	margin-top: 9px;
	box-sizing: border-box;
}
  /*用户信息部分*/
	  .personal-info{
	  }

    /*头像*/
	  	.portrait{
	  		background:#1dd2af;
	  		height:75px;
	  		position:relative;
	  		top:0px;
	  		z-index:1px;
	  	}
		  	.portrait-img{
		  		width:60px;
		  		height:60px;
		  		border-radius: 50%;
		  		-webkit-border-radius: 50%;
		  		-moz-border-radius: 50%;
		  		-ms-border-radius: 50%;
		  		position:absolute;
		  		left:67px;
		  		top:26px;
	/*	  		z-index:2;*/

		  	}
			  	.portrait-img img{
			  		width:100%;
			  		height:100%;
			  		z-index:3;
			  	}
		  	.per-info-t{
		  		width:66px;
		  		height:66px;
		  		background:url("../images/per-info-t.png") no-repeat;
		  		position:absolute;
		  		left:64px;
		  		top:23px;
		  		z-index:1;
		  	}
	/*头像 end*/

	/*用户名*/
	.pre-name{
		padding:25px 0 10px 0;
		line-height:30px;
		text-align:center;
		color:#333;
	}

	/*关注 粉丝 */
		.per-info-c{
			padding:0 30px 20px 30px;
			text-align: center;
			border-bottom:1px solid #e7e7eb;
		}
			.per-info-c a{
				width:45%;
				line-height:24px;
				color:#333;
				font-weight:bolder;
				display:inline-block;
				*display:inline;
				*zoom:1;
			}
			.per-info-c i{
				height:48px;
				border-right:1px solid #d9d9d9;
				display: inline-block;
				*display:inline;
				*zoom:1;
				width:7%;
				font-size:24px;
			}
			.per-info-c a span{
				display:block;
				font-weight:normal;
			}
	/*关注 粉丝 end*/

	/*列表 start*/
		.drag-list{
			padding:0px 0px 8px 0px ;
			border-bottom:1px solid #e7e7eb;
		}	
			.drag-list h2{
				background:#f3f3f3;
			}
			.drag-list h2 span{
				padding:0 10px 0 57px;
				background:url('../images/icon_c.png') no-repeat;
				font-size:16px;
				font-family: 'Microsoft YaHei',Arial, SimHei;
				font-weight:bold;
				line-height:40px;
				letter-spacing: 0.4px;
				color: #1A1A1A;
			}

			.drag-list h2 .icon_1{
				background:url('../images/icon_kc.png') no-repeat;
				background-position: 25px center;
				/*background-position: 15px 0px;*/
			}
			.drag-list h2 .icon_2{
				background:url('../images/icon_bj.png') no-repeat;
				background-position: 25px center;
				/*background-position: 15px -40px;*/
			}
			.drag-list h2 .icon_3{
				/*background:url('../images/icon_kc.png') no-repeat;*/
				background-position: 15px -80px;
			}
			.drag-list h2 .icon_4{
				background:url('../images/icon_cw.png') no-repeat;
				background-position: 25px center;
				/*background-position: 15px -159px;*/
			}
			.drag-list h2 .icon_5{
				background:url('../images/icon_sz.png') no-repeat;
				background-position: 25px center;
				/*background-position: 17px -200px;*/
			}
			.drag-list h2 span.icon_6{
				background:url('../images/zhuanye.png') no-repeat 23px 12px;
			}
			.drag-list h2 .icon_7{
				background-position: 17px -80px;
			}
			.drag-list h2 span.icon_8{
				background:url('../images/icon_fb.png') no-repeat;
				background-position: 25px center;
				/*background:url('../images/wdht.png') no-repeat 24px 12px;*/
			}
			.drag-list h2 span.icon_9{
				background:url('../images/icon_wz.png') no-repeat;
				background-position: 25px center;
				/*background:url('../images/dianshang.png') no-repeat 23px 12px;*/
			}
			.list_l{
				font-size:14px;
				padding-top: 8px;
			}
				.list_l li{
					line-height:30px;
					/*text-align: center;*/
					position: relative;
				}
				.list_l li a{
					/*display:block;*/
					width:100%;
					height:100%;
					color: #666666;
					margin-left: 46px;
				}
				.list_l li em{
					background: #FF3B30;
					line-height: 17px;
					color: #ffffff;
					/*width: 30px;*/
					height: 18px;
					font-size: 12px;
					border-radius: 9px;
					text-align: center;
					position: absolute;
					top: 0;
					padding: 0 6px;
				}
				.list_l li a:hover{
					color:#2EC9B3;
				}
				.list_l li.active a{
					color:#2EC9B3;
					font-weight: bold;
				}
				
	/*列表 end*/

	/*上下按钮 start*/
		.drag-list .move{
			display:block;
			background:url('../images/icon_c.png') no-repeat;
			width:30px;
			height:20px;
		}
		.drag-list .moveUp{
			background-position: 0 -240px;
		}
		.drag-list .moveDown{
			background-position:0 -280px;
		}
	/*上下按钮 end*/

	/*添加功能 start*/
		.dragadd{
			padding:10px 20px;
			border-bottom:1px solid #e7e7eb;
		}
			.dragadd a{
				padding:5px 20px;
				display:block;
				text-align: center;
				border:1px dashed #999;
				line-height:20px;
				font-size:14px;
				font-weight: bold;
				font-family: 'Microsoft YaHei',Arial, SimHei;
			}
	/*添加功能 end*/
	.drag-list .erweima{
		width:80px;
	}
	.drag-list .erweima p{
		margin-top:3px;
		text-align:center;
	}



	/*右侧内容部分 start*/
		.contentRighr{
			border:1px solid #eee;
			border-left:none;
		}
	/*右侧内容部分 end*/

	/*右侧 侧边栏 start*/
		.toolBar{
			width:1px;
			height:100%;
			position:fixed;
			top:0px;
			right:0px;
			_position:absolute;
			_top:expression(offsetParent.scrollTop);
			z-index:999;
		}
		.sideRight{
			position:absolute;
			right:0px;
			 top: 34%;
			margin-top:-100px;
			border:1px solid #e8e8e8;
			z-index:999;
			background:#fff;
		}
		.sideRight li{
			position:relative;
			width:38px;
		}
		
		.sideRight .clientS a{
			border-bottom:1px solid #efefef;
			display:block;
			height:auto;
			width:18px;
			padding:17px 10px;
			font-weight: bold;
			position:relative;
			color:#2a2b2b;
			background:#fff;
			z-index:20;
		}
		.sideRight .msg a{
			border-bottom:1px solid #efefef;
			display:block;
			width:38px;
			height:38px;
			/* padding:10px 10px; */
			text-align: center;		
			background:url(../images/icon_p.png) no-repeat;
			position:relative;
			z-index:19;
			background-position: -11px -167px;
		}
		.sideRight .up a{
			border-bottom:1px solid #efefef;
			display:block;
			width:38px;
			height:38px;
			/* padding:10px 10px; */
			text-align: center;		
			background:url(../images/icon_p.png) no-repeat;
			position:relative;
			z-index:19;
			background-position: -11px -216px;
		}
		.sideRight .menu a{
			border-bottom:1px solid #efefef;
			display:block;
			width:38px;
			height:38px;
			/* padding:10px 10px; */
			text-align: center;		
			background:url(../images/icon_p.png) no-repeat;
			position:relative;
			z-index:19;
			background-position: -10px -259px;
		}


		/*隐藏部分*/

		 /*联系客服*/
		.sideRight .clientS .inlineCS{
			position:absolute;
			width:0px;
			border:1px solid #e8e8e8;
			border-right-width:0px;
			border-left-width:0px;
			right:35px;
			top:-1px;
			background:#fff;
			z-index:19;
			overflow: hidden;
		}
		.clientS .inlineCS .qq{
			color:#1580ba;
			font-size:12px;
			width:104px;
			height:26px;
			margin:5px auto;
			cursor:pointer;
			/* padding:0 0 0 30px; */
			line-height:26px;
			text-align:center;
			font-weight:bold;
			background:url(../images/onlineService201407.gif) no-repeat -140px -120px;
		}
		.clientS .inlineCS .tel{
			margin-top:10px;
		}
		.clientS .inlineCS span{
			color:#0018ff;
			display:block;
			text-align: center;
			line-height:20px;
			font-size:12px;
			white-space: nowrap;
			font-weight:normal;
		}

		/*返回顶部*/
		.sideRight .up span{
			width:0px;
			height:38px;
			background: url(../images/onlineService201407.gif) no-repeat -179px 0px;
			position:absolute;
			top:0px;
			right:0px;
			z-index: 5;
		}
		.sideRight .msg span{
			width:0px;
			height:38px;
			background: url(../images/onlineService201407.gif) no-repeat -189px -60px;
			position:absolute;
			top:0px;
			right:0px;
			z-index: 5;
		}
		.sideRight .menu span{
			width:0px;
			height:190px;   
			background: url(../images/onlineService201407.gif) no-repeat 0px -176px;
			position:absolute;
			bottom:0px;
			right:39px;
		}


	/*右侧 侧边栏 end*/


.dianda{
	width:100%;
	height:100%;	
	position:fixed;
	left:0;
	top:0;
}
.dianda .diandac{
	width:154px;
	height:148px;
	position:absolute;
	left:50%;
	top:50%;
	/*margin:;*/
	margin-left:-122px;
	margin-top:-164px;
	/*background:;*/
	padding:140px 45px 40px 45px;
	z-index:9998;
	background:url('../images/dianda.png') no-repeat;
}
.dianda .diandabg{
	background:#111;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9998;
}
.dianda .diandac img{
	width:100%;
	height:100%;
}
.dianda .ddCloser{
	position:absolute;
	right:15px;
	top:28px;
	margin-right:-13px;
	margin-top:10px;
	display:block;
	color:#ccc;
	font-size:26px;
	width:27px;
	height:26px;
	line-height:26px;
	z-index:9999;
	cursor:pointer;
/*	background:url(../images/closer4.png) no-repeat 0px 0px;*/
}
#diandayi.isShowa{
	display:none;
}