@charset "utf-8";
/* CSS Document */

.verFdWarp {
	width: 580px;  
	margin: 0 auto;
	height: 378px; 
	position: relative;
    overflow: hidden;
}
.verFdWarp div.verFdTop {
	width: 100%;
	height: 32px;
	line-height: 32px;
	float: left;
	border-bottom:1px solid #e4e4e4;
	-webkit-user-select:none;
}

.verFdTop li {
	width: 72px;
	height: 33px;
	float: left;
	text-align: center;
	position: relative;
}
.verFdTop li i{font-style: normal; cursor: pointer;}
.verFriend {
	background-position: -165px -165px;
	margin-right: 25px;
}
.groupMeal {
	background-position: -2px -165px;
	color: #000;
}

.frontMost_F,
.frontMost_G{
	display: block;
	width: 15px;
	height: 13px;
	line-height: 13px;
	background-color: rgb(246,75,0);
	position: absolute;
	top: 0;
	right: -5px;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
}
.frontMost_G{
	position: absolute;
	top: 0;
	right: -10px;
}
.tri_bor{
	position: absolute; left: 50%; margin-left: -5px; 
	overflow: hidden;
	width: 0; height: 0;
	border-width: 5px;
	border-style: dashed dashed solid dashed;
}
.tb_bor{
	bottom: 0px;
	border-color: transparent transparent #e4e4e4 transparent;
}
.tb_bag{
	bottom: -1px;
	border-color: transparent transparent #fff transparent;
}



/*中间内容*/

.verGroupCon {
	display: none;
}
.verFdCon,
.verGroupCon {
	width: 100%;
	padding-bottom: 15px;
	padding-left: 5px;  
	float: left; 
	position: relative;
}
/****出现滚动条的类start****/
.scroll_Bar{
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: hidden;
	width: -webkit-calc(100% - 1px);
}
/****出现滚动条的类end****/
.verFdCon div.verFdMain,
.verGroupCon div.verFdMain {
	width: 465px;
	/* margin: 0px auto; */
}
/**/
.addGroupTopTip,
.addFriendTopTip{
	height: 25px;
	width: 100%;
	text-align: center;
	line-height: 25px;
	background-color: #eff1d3;
	font-size: 12px;
	color: #2c8de5;
	position: relative;
	cursor: pointer;
	margin-left: -5px;
	overflow: hidden;
	display: none;
}
.F_msgNums,
.G_msgNums{
	color: red;
}
.F_close,
.G_close{
	height: 10px;
	width: 10px;
	display: block;
	position: absolute;
	right: 9px;
	top: 7px;
	cursor: pointer;
}
.verFdCon div.verFdMain li,
.verGroupCon div.verFdMain li {
	width: 575px;
	float: left; 
	margin-top: 14px; 
}
.verFdCon div.verFdMain li dt,
.verFdCon div.verFdMain li dd,
.verGroupCon div.verFdMain li dt,
.verGroupCon div.verFdMain li dd {
	width: 100%;
	float: left;
	width: 541px;
}
.verFdCon div.verFdMain li dt,
.verGroupCon div.verFdMain li dt {
	font-size: 12px;
	color: #9a9a9a;
	margin-top:5px;
}
.verFdCon div.verFdMain li dd,
.verGroupCon div.verFdMain li dd {
	margin-top: 13px;
	width: 541px;
	padding: 0 0 0 16px;
}
.verFdCon div.verFdMain li dd:first-child,
.verGroupCon div.verFdMain li dd:first-child{
	margin-top: 0; ;
}
.yuanJiaoL,
.yuanJiaoR {
	width: 2px;
	height: 84px;
	float: left;
}
.yuanJiaoL {
	background: url(../images/verFdBg1.png) 0 0 no-repeat;
}
.yuanJiaoR {
	background: url(../images/verFdBg2.png) 0 0 no-repeat;
}
.verFdList {
	width: 540px;
	height: 84px;
	float: left;
	background: rgb(234,249,255);
	border-radius: 3px;
	-webkit-user-select: none;
}
.verFdHead {
	width: 64px;
	height: 64px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
}
.verHeadImg {
	width: 64px;
	height: 64px;
}
.verHeadImg img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
.head-img-warp {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	cursor: hand;
}
.verFdInfo {
	height: 64px;
	float: left;
	margin-left: 5px;
	margin-top: 11px;
}
.verFdInfo xmp{
	color: #000;
}
.verFdInfo p {
	width: 100%;
	font-size: 12px;
	color: #7f7f7f; 
	overflow: hidden;
    max-width: 435px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.verFdInfo p span {
	color: #121212;
}
.vername {
	cursor: pointer;
	cursor: hand;
}
.findMode {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 19px;
	background: url(../images/blue/times.png);
	background-repeat:no-repeat;
	background-position: 0px center;
	-webkit-user-select:initial;
}
.attachInfo{
 	padding-top: 7px;
}
.attachInfo xmp{ 
	cursor: inherit;
}
.verFdBut {
	width: 128px;
	height: 22px;
	float: right;
	font-size: 12px;
	margin-top: 30px;
	margin-right: 10px; 
}
.ver-tongyiBut {
	width: 68px;
	height: 22px;
	float: left;
	margin-right: 6px;
}
.ver-yesBut {
	width: 153px;
	height: 22px;
	text-align: right;
	line-height: 22px;
	color: #7f7f7f;
	float: right;
	-webkit-user-select: initial;
}
.verXuanze-popup {
	width: 70px;
	height: 48px;
	padding:1px;
	background: rgb(232,245,252);
	box-shadow: 0px 0px 2px #848282;
	font-size: 12px;
	overflow: hidden;
	position: absolute;
	top: 27px;
	right: -49px;
	display: none;
}
.verXuanze-popup div{
	width: 100%;
	height: 24px;
}
.verXuanze-popup p {
	width: 38px;
	float: right;
	height: 24px;
	line-height: 24px;
	color: #242424;
	background: #fff;
	padding-left: 10px;
	cursor: pointer;
	cursor: hand;
}
.verXuanze-popup div:hover,.verXuanze-popup div:hover p {
	background:rgb(0,169,232);
	color: #fff;
}
.verXuanze-popup p:hover{
	background: rgb(0,169,232);
	color: #fff;
} 
/*加载中 弹窗*/
#loading-popup{
	top: 32px;
}
/*加载中 弹窗end*/
.verAgree,.ver-ElideBut {
	float: left;
	color: #121212;
}
.verAgree a.btns{
	background: 
}
.ver-tongyiBut,.ver-ElideBut{
	cursor: pointer;
	border: 1px solid rgb(179,179,179);
	border-radius: 3px;
	background: #fff;
}
.verAgree,.ver-ElideBut{
	width: 47px;
	line-height: 22px;
	text-align: center;
}
.verXuanze{
	width: 23px;
	height: 24px;
	float: left;
	border-radius: 0 2px 2px 0;
	background: url(../images/blue/verMenude.png) no-repeat center center !important;
	position: relative;
	margin-left: -2px;
    right: -1px;
	top: -1px;
}
.ver-tongyiBut:hover .verXuanze{
	width: 23px;
	height: 24px;
	float: left;
	border-radius: 0 2px 2px 0;
	background:rgb(0,169,232) url(../images/blue/verMenu.png) no-repeat center center !important;
	position: relative;
	margin-left: -2px;
    right: -1px;
	top: -1px;
}
.attachInfo{
	color: #7f7f7f; 
}
.verFdInfo div{
	color: #7f7f7f;
	-webkit-user-select: initial;
}

::-webkit-scrollbar-track-piece {
	background: none; 
} 
.footer_ver{ 
	height: 36px;
	line-height: 36px;
	clear: both;
	width: 100%;
	background:rgb(233,249,255);
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0
	color: #3292d8;
	border-top: 1px solid #e4e4e4;
}
.footer_ver span{
	padding-right:20px;
	cursor: pointer;
	color: rgb(0,169,232);
} 
.verFdMain ul li,.verGroupCon ul li{
	height: 280px;
	overflow-y: scroll;
	overflow-x:hidden;
}
.activetab{
	color: rgb(0,169,232) !important;
}
.defutab{
	color: #000 !important;
}
.heitip{
	height: 255px !important;
}
.defuheitip{
	height: 280px !important;
}
.listempty{
	background:url(../images/ver.png) no-repeat center 40% !important;
}
.bgFFF{
	background: #FFF;
}
.emptyhand{
	color: rgb(130,130,130) !important;
	cursor:default !important;
}
.nothing{
	font-weight: normal;
    font-size: 16px;
    color: #808080;
    text-align: center;
    width: 100%;
    display: none;
    position: absolute;
    bottom: 80px;
    display: inline-block;
}
#loading-popup{
	background: #fff;
}
#loading-popup .loading-img{
    width: 75px;
    margin: 0 auto;
    height: 110px;
    margin-top: 90px;
    position: initial !important;
    left: 0;
    top: 0;
}