/* CSS Document */
body, html {
	width: 100%;
	height: 100%;
	overflow:hidden;
	/*background: #2b2b2b;*/
}
.serve-warp {
	background: #0f0f0f url(../images/server-bg_1.png) no-repeat;
	height: 174px; 
	color: #b7b7b7;
	/*display:-webkit-box;*/

}
.serve-warp .divleftsider {
	width: 232px;
	padding-left: 32px;
	padding-top: 12px;
	border-right: 1px solid #10100f;
	height: 162px;
}
.serve-warp .divleftsider .div-drop, .serve-warp .divleftsider .div-drop2 {
	background: url(../images/server-4.png) no-repeat;
	width: 176px;
	height: 30px;
	position: relative;
	color: #fff;
	font-size: 14px;
	padding-left: 20px;
	font-weight: 900;
}
.serve-warp .divleftsider .div-drop2 {
	background: url(../images/server-14.png) no-repeat;
}
.serve-warp .divleftsider .div-drop div, .serve-warp .divleftsider .div-drop2 div {
	height: 28px;
	line-height: 28px;
	padding-right: 16px;
	cursor: pointer;
	text-align:center;
	border-bottom:1px solid #272726;
}
.serve-warp .divleftsider .div-drop div span, .serve-warp .divleftsider .div-drop2 div span {
	color: #f15303;
	font-family:Arial, Helvetica, sans-serif;
}
.serve-warp .divleftsider .div-drop ul {
	background: #383838;
	border: 1px solid #3d3d3d;
	padding: 6px 3px;
	text-align: center;

	
}
.serve-warp .divleftsider .div-drop .span-ul{ background:url(../images/server-21.png) no-repeat; width:11px; height:5px; left:50%; top:25px; position:absolute;z-index:10;}
.serve-warp .divleftsider .div-drop li {
	background: #4e4e4e;
	padding: 1px;
	cursor: pointer;
	color:#c1c1c1;
}
.serve-warp .divleftsider .div-drop li:hover{ color:#fff;}
.servedivimgs {
	display: -webkit-box;
}
.servedivimgs .leftimgs {
	width: 70px;
	height: 70px;
	padding-left: 2px;
	padding-top: 2px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	float:left; 
}
.servedivimgs .leftimgs2{background: url(../images/server-3left.png) no-repeat;}
.servedivimgs .leftimgs .divtext {
	position: absolute;
	width: 211px;
	height: 68px;
	padding: 7px 10px 3px;
	border: 1px solid #4a4a4a;
	background: #bcbbbb;
	border-radius: 2px;
	line-height: 17px;
	top: -52px;
	/*box-shadow: 0 0 0 1px #202020;*/
	color: #414141;


	left:-27px;
	display: none;
	z-index: 101;
}
.servedivimgs .leftimgs:hover .divtext {
	display: block;
}
.servedivimgs .leftimgs .divtext p {
	font-weight: 900;
	color: #121212;
	font-size: 14px;
	padding-bottom:8px;
	font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif;
	/*border-bottom:1px  dashed #858484;*/
	margin-bottom:4px;
	background:url(../images/server-19.png) repeat-x 0 bottom;
}
.servedivimgs .leftimgs .divtext span {
	background: url(../images/server-7.png) no-repeat;
	width: 14px;
	height: 12px;
	display: block;
	position: absolute;
	left: 52px;
	bottom: -12px;
}
.servedivimgs .leftimgs img {
	width: 59px;
	height: 59px;
	border-radius: 59px;
	transition: 0.5s;
	
}
.servedivimgs .leftimgs:hover img {
	opacity: 0.6;
}
.servedivimgs .righttext {
	-webkit-box-flex: 1;
	padding-left: 5px;
	color: #c0c0c0;
	line-height: 18px;
	padding-top: 6px;
	float:left;width:100px; 
}
.servedivimgs .righttext img {
	vertical-align: middle;
}
.servedivimgs .righttext .statusone {
	color: #00e600;
	background: url(../images/server-6.png) no-repeat;
	padding-left: 14px;
}
.servedivimgs .righttext .statusone-out {
	color: #666;
	background: url(../images/server-6.png) no-repeat 0 -16px;
	padding-left: 14px;
}
.serve-warp .divleftsider .link-tel {
	display: block;
	color: #fff;
	text-align: center;
	height: 26px;
	width:94px;
	line-height: 26px;  
	margin-right: 35px;
	margin-top: 4px;
	background:url(../images/an.png);
}
.serve-warp .divleftsider .link-tel:hover {
	background:url(../images/an2.png);
}
.serve-warp .rightsider {
	-webkit-box-flex: 1;
	padding-top: 11px;
	height: 162px;
	max-width:724px;
	overflow:hidden;
	overflow-x:auto;
	float:left; 
	padding-left: 16px;
	border-left: 1px solid #2b2b2a; 
}
.serve-warp .rightsider::-webkit-scrollbar {
 height:7px;
}
.serve-warp .rightsider::-webkit-scrollbar-track {
 background: rgb(226,221,216);
  /*background: #5c4642; */
  background: #141414;

}
.serve-warp .rightsider::-webkit-scrollbar-thumb {

 background: -webkit-linear-gradient(top, #4f4f4f, #414141);
 border:0;
 border-radius:2px;
}
.serve-warp .rightsider::-webkit-scrollbar ::-webkit-scrollbar-thumb {
border:0;
border-radius:0;
}
.serve-warp .rightsider .activateduser {
	background: url(../images/server-1_1.png) no-repeat;
	height: 101px;
	margin-top: 2px;
	width: 706px;
}
.serve-warp .rightsider .activateduser ul {
	float: left;
	width: 210px;
	padding-top: 25px;
	padding-left: 25px;
}
.serve-warp .rightsider .activateduser li {
	float: left;
	width: 100px;
	position: relative;
	height: 33px;
	line-height: 30px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.serve-warp .rightsider .activateduser li:last-child {
	width: 110px;
}
.iconlist-1, .iconlist-2, .iconlist-3, .iconlist-4, .iconlist-5, .iconlist-6, .iconlist-7, .iconlist-8, .iconlist-9, .iconlist-10, .iconlist-11, .iconlist-12 {
	background: url(../images/server-8.png) no-repeat;
	height: 33px;
	width: 36px;
	display: block;
	float: left;
}
.iconlist-w, .iconlist-wlast {
	position: absolute;
	top: -55px;
	left: 6px;
	height: 50px;
	color: #e6e6e6;
	border: 1px solid #5c5c5c;
	width: 198px;
	padding: 5px 10px 0;
	background: #525252;
	border-radius:2px;
	z-index: 10;
	line-height: 20px;
	display: none;text-shadow: 1px 1px 1px #4b4b4b;
	
	transition: 0.5s;
}
.iconlist-wlast {
	left: -90px;
	position: absolute;
}
.iconlist-w span, .iconlist-wlast span {
	position: absolute;
	bottom: -9px;
	left: 20px;
	width: 13px;
	height: 10px;
	background: url(../images/server-11.png) no-repeat;
}
.iconlist-wlast span {
	left: 120px;
}
.serve-warp .rightsider .activateduser li:hover {
	color: #fff;
	transition: 0.5s;
}
.serve-warp .rightsider .activateduser li:hover .iconlist-w {
	display: block;
	color: #e6e6e6;
}
.iconlist-2 {
	background-position: 0 -38px;
}
.iconlist-3 {
	background-position: -126px 0;
}
.iconlist-4 {
	background-position: -126px -38px;
}
.iconlist-5 {
	background-position: -253px 0;
}
.iconlist-6 {
	background-position: -253px -38px;
}
.iconlist-7 {
	background-position: -383px 0;
}
.iconlist-8 {
	background-position: -382px -38px;
}
.iconlist-9 {
	background-position: -508px -38px;
}
.iconlist-10 {
	background-position: -507px -38px;
}
.iconlist-11 {
	background-position: -639px -38px;
}
.iconlist-12 {
	background-position: -640px -38px;
}
/*--------------------------*/
.serve-vipdate {
	text-align: center;
	color: #fff;
	font-weight: 900;
	width: 710px;
}
.serve-vipdate img {
	vertical-align: middle;
	padding-right: 5px;
	margin-top: -2px;
}
.serve-vipdate .span-vip {
	margin-top: 0;
	padding-left: 6px;
}
.serve-vipdiv {
	background: url(../images/server-12_1.png) no-repeat;
	width: 696px;
	height: 129px;
	margin-left:7px
}
.serve-vipdiv .p-title {
	color: #fff;
	padding-left: 40px;
	height: 48px;
	line-height: 30px;
}
.serve-vipdiv ul {
	padding-left: 30px;
}
.serve-vipdiv li {
	float: left;
	width: 130px;
	position: relative;
	height: 33px;
	line-height: 30px;
	margin-bottom: 7px;
	text-shadow: 1px 1px 1px #222;
}
.serve-vipdiv li:hover {
	color: #fff;
	transition: 0.5s;
}
.serve-vipdiv li:hover .iconlist-w {
	display: block;
	color: #e6e6e6;
}
.serve-warp .userleftsider {
	width: 249px;
	padding-left: 15px;
	padding-top: 12px;
	border-right: 1px solid #10100f;
	height: 162px;
	float:left;
}
.serve-warp .userleftsider .div-names {
	background: url(../images/server-15.png) no-repeat;
	width: 230px;
	height: 39px;
}
.serve-warp .userleftsider .div-why {
	width: 234px;
	height: 30px;
	position: relative;
	background: #b7b7b7;
	text-align: center;
	margin-top: 10px;
	font-weight: 900;
	color: #343434;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	border-radius: 8px;
	font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #dfdfdf;
}
.serve-warp .userleftsider .div-why span {
	position: absolute;
	bottom: -8px;
	width: 12px;
	height: 8px;
	display: block;
	left: 176px;
	background: url(../images/server-15.png) no-repeat -397px 0;
}
.serve-warp .userleftsider .div-textinfo, .serve-warp .userleftsider .div-textinfo2 {
	width: 214px;
	height: 57px;
	position: relative;
	color: #c0c0c0;
	background: #414141;
	margin-top: 8px;
	line-height: 18px;
	text-shadow: 1px 1px 1px #444;
	border-radius: 8px;
	padding: 5px 10px;
}
.serve-warp .userleftsider .div-textinfo span, .serve-warp .userleftsider .div-textinfo2 span {
	position: absolute;
	bottom: -8px;
	width: 12px;
	height: 8px;
	display: block;
	left: 44px;
	background: url(../images/server-15.png) no-repeat -397px -15px;
}
.serve-warp .userleftsider .div-textinfo2 {
	height: 65px;
}
.serve-warp .userleftsider .div-textinfo2 p {
	font-size: 14px;
	font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px dashed #606060;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
.serve-warp .userleftsider .divlogin {
	color: #fff;
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
}
.serve-warp .userleftsider .divlogin a {
	font-weight: 900;
	color: #54ffff;
	padding-right: 5px;
}
.serve-warp .userleftsider .divlogin a:hover {
	color: #3dfafa;
	text-decoration: underline;
}
/*-----------------优秀投顾--------*/
.serve-counselor {
	width: 696px;
	background: #3d3d3d;
	overflow: hidden;
	margin-left:7px;
}
.serve-counselor .div-tabs {
	background: #2f2f2f;
	height: 30px;
	padding: 0 30px;
	border-bottom:1px solid #434343;
}
.serve-counselor .div-tabs p {
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	line-height: 30px;
	background: url(../images/server-15.png) no-repeat -416px -14px;
	padding-left: 30px;
	float: left;
}
.serve-counselor .div-tabs .right-tab {
	float: right;
	padding-top: 5px;
}
.serve-counselor .div-tabs .right-tab .next {
	display: block;
	float: left;
	background: url(../images/server-15.png) no-repeat -320px -20px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.serve-counselor .div-tabs .right-tab .prev {
	display: block;
	float: left;
	background: url(../images/server-15.png) no-repeat -320px 0;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.serve-counselor .div-tabs .right-tab .next:hover {
	background: url(../images/server-15.png) no-repeat -344px -20px;
}
.serve-counselor .div-tabs .right-tab .prev:hover {
	background: url(../images/server-15.png) no-repeat -344px 0;
}
.serve-counselor .div-tabs .right-tab li {
	background: url(../images/server-15.png) no-repeat -300px -3px;
	width: 5px;
	height: 5px;
	padding: 4px;
	display: block;
	cursor: pointer;
	float: left;
}
.serve-counselor .div-tabs .right-tab ul {
	float: left;
	padding-top: 3px;
	padding-left: 5px;
}
.serve-counselor .div-tabs .right-tab .on {
	background: url(../images/server-15.png) no-repeat -282px -3px;
}
.serve-counselor .ul-lists ul li {
	border-right: 1px solid #2b2b2b;
	padding: 5px 0 10px 15px;
	display: -webkit-box;
	float: left;
	width: 216px;
}
.serve-counselor .ul-lists ul li:last-child {
	border: 0;
}
.serve-counselor .ul-lists ul li .link-tel {
	display: block;
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px;
	background:url(../images/an.png);

background: -moz-linear-gradient(top, #f55803, #ea4d0f); 

background: -o-linear-gradient(top,#f55803, #ea4d0f); 
 
	border-radius: 1px;
	box-shadow: 1px 0 1px 1px #393939;
	/*margin-right: 16px;*/
	margin-top: 8px;
	width:60px;
	
}
.serve-counselor .ul-lists ul li .link-tel:hover {
	background:url(../images/an2.png);
}
.serve-counselor .ul-lists ul li .divtext {
	top: -48px;
}
.serve-counselor .ul-lists ul li:first-child .divtext {
	left: -25px;
}
.p-t10 {
	padding-top: 10px;
}
/*------------弹出层--------*/
.serve-Popup, .serve-Popup2 {
	width: 466px;
	background: #cccdcd;
	text-align: center;
	padding: 20px 0 16px;
	font-size: 14px;
	color: #373737;
	line-height: 1.6;
	border: 1px solid;
	display: none;
	position: absolute;
	top:30px;
	left: 30%;
	z-index: 1000;

}
.serve-Popup .confirminput, .serve-Popup .abolishinput {
	width: 90px;
	height: 28px;
	color: #fff;
	font-weight: 900;
	cursor: pointer;
	background: #f66d01;
	font-size: 14px;
	border: 0;
	margin: 0 5px;
}
.serve-Popup .confirminput:hover {
	background: #fd760c;
}
.serve-Popup .abolishinput {
	background: #707474;
}
.serve-Popup .abolishinput:hover {
	background: #838383;
}
.serve-Popup2 {
	background: #454444;
	color: #e7e7e7;
	padding-bottom:8px; padding-top:30px;
	border: 1px solid black;
	top:20px;
}
.serve-Popup2 .second {
	font-size: 12px;
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
	color: #999
}
/*---------加载页---------*/
.serve-loading {
	background: url(../images/server-16.png) no-repeat 80px 8px;
	padding-top:85px;
	margin: 25px 0 0 305px;
	text-align:center;
	padding-left:55px;
}
.serve-loadingbg {
	width: 340px;
	height: 16px;
	border-radius:5px;
	background: url(../images/server-18.png) repeat-x;
}
.serve-loadingbgin {
	background: url(../images/server-17.png) repeat-x;
	height: 16px;
	color: #fff;
	padding-right: 15px;
	border-radius:5px 0 0 5px;
	line-height:16px; text-align:right;
}
.serve-Popup h4 {
	/*background-color: black;*/
	height: 25px;
	margin-top: -20px;
	margin-bottom: 20px;
	background:url(../images/server-20bg.png) repeat-x;
}
.serve-Popup2 h4 {
	background-color: black;
	height: 26px;
	margin-top: -30px;
	margin-bottom: 30px;
}
.serve-Popup .closebtn {
	background: url(../images/close.png);
	border: none;
	width: 28px;
	height: 26px;
	float: right;
	margin-top: -46px;
	margin-right: -1px;
}
.serve-Popup .closebtn:hover {
	background: url(../images/close1.png);
}
.serve-Popup2 .closebtn {
	background: url(../images/close.png);
	border: none;
	width: 28px;
	height: 26px;
	float: right;
	margin-top: -57px;
	margin-right: -1px;
}
.serve-Popup2 .closebtn:hover {
	background: url(../images/close1.png);
}
.div-drop{
	z-index:100;
}

/*.CRSList-0:last-child{
	border: 0;
	background: #f00;
}*/
.serve-counselor .ul-lists ul li.CRSList-0:nth-child(3n){
	border-right: none;	
}
.serve-counselor .ul-lists ul li.CRSList-1:nth-child(3n){
	border-right: none;	
}

.ta{
	font-family: Arial;
}