@charset "utf-8";
/* CSS Document */
input,select,textarea{
	font-family: '微软雅黑';
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	background-color: rgb(251,251,251);
}
.datPriMain{
	width: 240px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.headimg{
	text-align: center;
	width: 190px;
}
.chat{
	margin-top: 20px;
}
.chat input{
	width: 153px;
	height: 30px;
	border-radius: 2px;
	color: #fff;
	line-height: 30px;
	background-color: #02aceb;
	cursor: pointer;
}
.chat input:hover{
	background: #28c3fc;
}
.name{
	width: 190px;
	text-align: center;
	margin-bottom: 30px;
}
.chat{
	width: 212px;
	text-align: center;
	margin-bottom: 30px;
}
h3{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
	line-height: 34px;
	font-weight: normal;
}
.headimg,.headimg span{
	display: inline-block;
	height: 80px !important;
	overflow: inherit !important;
}
.headimg span{
	border:1px solid rgb(251,251,251);
}
.headimg span:hover {
	border-color: #82daf9;
	border-radius: 2px;
}
.headimg img{
	border-radius: 2px;
}
.datPrivWarp { 
	width: 100%;
	height:100%; 
	background:url(../images/notice.png) no-repeat top right;
}
.datPriInfo li span:nth-child(2){
	-webkit-user-select: initial !important;
}
li a.inputBox{
	height: 22px;
}
#priList-li a.inputBox{
	border:1px solid #E8E8E8;
	background: rgb(251,251,251);
	border-radius: 2px;
}
#priList-li a.inputBox span{
	background: none;
}
/*顶部*/

.datPrvTop {
	background:#13a4da;
	float: left;
	height: 70px;
	width: 100%;
}
.groupOpe {
	float: left;
	height: 20px;
	width: 100%;
	margin-top: 10px;
}
.groupOpe ul {
	width: 39px;
	height: 20px;
	float: right;
	margin-right: 10px;
}
.groupOpe li {
	float: left;
}
.min {
	height: 2px;
	width: 10px;
	margin-top: 5px;
}
.close {
	height: 9px;
	margin-left: 20px;
	width: 9px;
}
.datVipMain {
	float: left;
	height: 60px;
	margin-left: 15px;
}
/*头像*/

.datVipImg {
	float: left;
	height: 60px;
	position: relative;
	width: 60px;
}
.datVipImg img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
.img-private-warp {
	width: 64px;
	height: 64px;
	background: url(../images/FindFG.png) 0 0 no-repeat;
	position: absolute;
	top: -3px;
	left: -3px;
	cursor: pointer;
}
.img-private-warp:hover{
	background: url(../images/FindFG-hover.png) 0 0 no-repeat;
}
.darVipDes {
	float: left;
	margin-left: 12px;
	width: 340px;
} 
.level{
	display: block !important;
}
.darVipDes dl dt {
	font-size: 14px;
	user-select: none;
	-webkit-user-select: none;
	color: #fff;
	display: inline;
	margin-top: -1px;
}
.darVipDes dl dd {
	user-select: none;
	-webkit-user-select: none;
	margin-top: 11px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
}
.darVipDes dl dd div {
	float: left;
}
.priAdd {
	width: 50px;
	height: 18px;
	float: right; 
	margin-top: 42px;
}
.vipGread {
	width: 27px;
	height: 7px;
}
.vipGread li {
	float: left;
	width: 7px;
	height: 7px;
}
.vipGread li img {
	width: 100%;
}
.datAdd {
	float: left;
	margin: 58px 0px 0px 24px;
}
.datAddFriend {
	width: 64px;
	height: 20px;
	background: url(../images/eAddFri.png) no-repeat;
	cursor: pointer;
	float: left;
}
.datAddFriend:hover {
	background: url(../images/eAddFri2.png);
}
/*内容*/
#tabCart li:first-child {
    margin-left: -4px;
}
#tabCart li.updataInfo{
	width: 86px;
	color: #fff;
}
#tabCart li.updataInfo div.ziliao-tit{
    background: url(../images/user_group.png) no-repeat 13px -418px;
}
#tabCart li{
    width: 73px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 12px;
    position: relative;
}
.tab_off {
    color: rgb(133,225,254);
    background-position: -2px -165px;
}
.tab_off .trigon{
	display: none;
}
.tab_on div.ziliao-tit{
    background: url(../images/user_group.png) no-repeat 13px -394px;
}
.tab_off div.ziliao-tit{
    background: url(../images/user_group.png) no-repeat 13px -371px;
}
.ziliao-tit, .grade-tit, .set-tit {
    width: 100%;
    height: 30px;
    text-indent: 3.1em;
    background-image: url(../images/groupico.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.tab_on{
    color: #fff;
}
.tab_on div.grade-tit {
    background: url(../images/user_group.png) no-repeat 14px -467px;
}
.tab_off div.grade-tit {
    background: url(../images/user_group.png) no-repeat 14px -441px;
}
.datPriTitle,
.PriTitle-xiug{
	height: 30px;
    line-height: 30px;
	font-size: 12px;
	color: #121212;
	width: 100%;
    float: left;
    background: url(../images/userTabbg.png) repeat-x;
    border-top: 1px solid #80cbec;
}
.tri_bor{
	position: absolute; left: 50%; margin-left: -5px; 
	overflow: hidden;
	width: 0; height: 0;
	border-width: 4px;
	border-style: dashed dashed solid dashed;
}
.tb_bor{
	display: none;
	bottom: 0px;
	border-color: yellow transparent transparent transparent;
}
.tb_bag{
	bottom: -8px;
    border-color: #0097d8 transparent transparent transparent;
}
.priTit-left {
	height: 30px;
	background: url(../images/infobg.png) no-repeat top right;
}
.privateBut {
	height: 26px;
	float: right;
	margin-top: 4px;
	margin-right: 14px;
}
.privateBut-xiuG {
	width: 124px;
	height: 26px;
	float: right;
	margin-right: 14px;
	margin-top: 4px;
}
.zindeximg{
	position: absolute;
}
.datPriInfo,
.priInfo {
	width: 100%; 
}
.datPriInfo ul,
.priInfo ul {
	padding-left: 4px;
}
.datPriInfo li{
	font-size: 12px;
	height: 27px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
li.groupL{
	overflow: inherit !important;
}
.datPriInfo li .datItem {
	margin-top: -2px;
	width: 48px;
	text-align: right;
	margin-right: 6px;
	display: inline-block;
	color: rgb(128,128,128);
}
.datPriInfo .markCont{
	position: relative;
	display: inline-block;
	width: 63px;
    height: 14px;
}
.datPriInfo li.remark .disabledBtn{
	width: 63px;
	position: absolute;
	left: 0;
    height: 20px;
    line-height: 20px;
    cursor:default;
    display: inline-block;
    border: 1px solid #65cbf1;
    color: #65cbf1;
    display: none;
    vertical-align: middle;
    border-radius: 2px;
    text-align: center;
    padding-left: 14px;
    background:url(../images/user_group.png) no-repeat 1px -540px;
}
.datPriInfo li.remark .markNamebtn{
	width: 63px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #00B4F0;
    color: #02aceb;
    vertical-align: middle;
    border-radius: 2px;
    text-align: center;
    padding-left: 14px;
    background:url(../images/user_group.png) no-repeat 1px -519px;
}
.datPriInfo li.remark .markNamebtn:hover{
	color: #fff;
	background:#00B4F0 url(../images/user_group.png) no-repeat 1px -561px;
}
.datPriInfo li.groupL .datItemVal img{
	vertical-align: middle;
}
.datItemVal {
	margin-top: 8px;
	margin-bottom: -1px;
	color: #121212;
	margin-right: 10px;
}
.priInfo li{
	float: left;
	width: 225px; 
	height: 24px;
	font-size: 12px;
	margin-bottom: 9px; 
}
#priList-li li textarea{
	width: 341px;
	padding: 5px;
	height: 30px;
	resize: none;
	float: left;
	border-radius: 2px;
	border: 1px solid #E8E8E8;
}
#priList-li li span.type {
	float: left;
	font-size: 12px;
	color: #9a9a9a;
	height: 24px;
	display: inline-block;
	width: 70px;
	text-align: right;
	line-height: 24px;
	margin-right: 9px;
}
.sex0,
.sex1 {
	float: left;
	line-height: 24px;
	cursor: default;
}
.sex0 {
	padding-right: 15px;
}
.sex-radio {
	width: 14px;
	height: 14px;
	float: left;
	position: relative;
	background: url(../images/blue/radio.png) 0 0 no-repeat;
	margin-top: 5px;
}
.sex-radio input {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.priInfo div.input {
	width: 131px;
	height: 21px; 
	float: left;
}

.priInfo input.input {
	width: 131px;
	font-size: 12px;
	color: #121212;
	border: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 1px;
}

.pBirthday,
.paddress {
	position: relative;
}
#pBirthday,
#pAddress,
#useremailedit,
#userphoneedit {
	background: #fff;
	line-height: 22px;
	z-index: 1;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
#useremailedit span,
#userphoneedit span{
	background: #fff;
	display: inline-block;
	width: 100px;
	line-height: 22px;
	z-index: 1;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#changeEmialId,
#changePhoneId {
	font-size: 12px;
	color: #3598db;
	float: left;
	margin: 5px 0px 0px 10px;
	position: absolute;
	top:0px; right:16px;
}
/*生日弹窗*/
.birBox,.dressBox{
	position: relative;
}
.pBirPopup { 
    width: 189px;
    height: 20px;
    padding: 4px 3px; 
    border: 1px solid rgb(1, 170, 232); 
    margin-left: 41px;
    border-radius: 2px;
    position: absolute;
    top: 25px;
    left: 38px;
    background: #fff;
    display: none;
} 
.pBirPopup select {
	height: 23px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	border: 1px solid #c2c2c2;
}
.pBirPopup .select_box{
	border:1px solid #ccc;
	margin-right: 5px;
	border-radius: 2px;
}
.pBirPopup .select_box:last-child{
	margin-right: 0;
}
/*地址弹窗*/

.pAddrPopup {
	width: 188px;
    height:43px;
    padding: 4px 3px;
    border: 1px solid #01AAE8; 
    border-radius: 2px;
    position: absolute;
    left: 10px;
    top: 25px;  
    display: none; 
    background: #fff;
}
.pAddrPopup .open_select_box,.pBirPopup .open_select_box{
	height: 18px;
}
.pAddrPopup .open_select,.pBirPopup .open_select{
	height: 18px;
}
.pAddrPopup select {
	width: 135px;
	height: 23px;
	margin-left: 6px;
	margin-top: 8px;
	float: left;
	border: 1px solid #c2c2c2;
}
/*****下拉框*****/

.select_list dd:hover {
	background: #00ABE8;
	color: #fff;
}
.year,
.month,
.day {
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 67px;
}
.select-triangle { 
}
/*年*/

.yearBox {
	width: 67px;
}
/*月-日*/

.monthBox,
.dayBox {
	width: 53px;
}
/*地址*/ 
.countryBox,
.provinceBox,
.cityBox {
	width: 89px;
	position: absolute !important;
}
.countryBox{
	z-index: 999;
}
.provinceBox{
	right: 0;
}
.cityBox{
	top: 27px;
}
.countries,
.provices
 {
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100px;
}
.cities {
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 73px;
}
.select_box {
	float: left;
    font-size: 12px; 
    background: rgb(251,251,251);
    position: relative; 
}  
.yearact{
	border: 1px solid #4194d3; 
	height: 25px; 
	border-radius: 2px; 
	margin-top: -1px;
	margin-left: -1px;
} 
.pAddrPopup .select_box {
    border: 1px solid #ccc;
    margin-right: 3px;
    border-radius: 2px;
    margin-bottom: 3px;
}
.monthact{
	border: 1px solid #4194d3; 
	height: 25px;  
	border-radius: 2px; 
	margin-top: -1px;
	margin-left: -1px;
}  
.dayact{
	border: 1px solid #4194d3; 
	 height: 25px;  
	 margin-top: -1px;
	 margin-left: -1px;
	 border-radius: 2px;
}
.countriesact{
	border: 1px solid #4194d3; 
	height: 25px; 
	border-radius: 2px; 
	margin-top: -1px;
	margin-left: -1px;
} 
.provicesact{
	border: 1px solid #4194d3; 
	height: 25px;  
	border-radius: 2px; 
	margin-top: -1px;
	margin-left: -1px;
}  
.citiesact{
	border: 1px solid #4194d3; 
	 height: 25px;  
	 margin-top: -1px;
	 margin-left: -1px;
	 border-radius: 2px;
}
.open_select_box {
	width: 100%;
	height: 20px;
	margin-bottom: 2px;
	background: url(../images/bot.png) center right no-repeat;
}
.actSelect{
	width: 100%;
	height: 22px;
	background: url(../images/top.png) center right no-repeat;
}
.age,.sex{
	position: relative;
}
.ageList .select_list{
	height: 126px;
	overflow-y: scroll;
}
.age .select_box,.sex .select_box{
	width: 136px;
	border: 1px solid #E8E8E8;
    border-radius: 2px;
	padding: 0px;
    position: absolute;
    z-index: 9999;
    height: 22px;
    
} 
.sex .select_box{
	left:68px;
}
.age .select_box{
	left: 78px;
}
.dressBox .open_select{
	width: 83px;
	height: 18px;
	line-height: 18px;
}
.birBox .open_select{
	width: 47px;
}
.birBox .yearBox{
	width: 67px;
}
#year{
    width: 61px;
}
.open_select {
	width: 130px;
	height: 22px;
	padding-left: 6px;
	line-height: 22px;
	cursor: pointer; 
	position: absolute;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.UpdataList .open_select{
	background: rgb(251,251,251) url(../images/bot.png) center right no-repeat;
}
.select_list {
	background: #fff; 
	padding: 0;
	margin: 0; 
	border: 1px solid #00ABE8;  
	display: none;
	margin-left: -1px;
    box-sizing: border-box; 
}  
.select_list dd {
	width: 100%;
	height: 21px;
	line-height: 21px;
	text-indent: 0.5em;
	cursor: pointer;
	vertical-align: top;
} 
.select_list dd span {
	width: 100%; 
	display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*下拉框结束*/
/*private.html*/

.priAdd div {
	float: right;
	width: 18px;
	height: 18px;
	margin-left: 9px;
	cursor: pointer;
}
.editBut,
.prv-close,
.prv-keep {
	font-size: 12px;
	color: #121212;
}
.prv-close{
	float: right;
}
.prv-keep {
	float: left;
}
.remark,.groupL{
	display: none;
}
::-webkit-scrollbar{
	width: 9px;  
	background: #F4F4F4;
}
::-webkit-scrollbar-track:vertical {
    background-color: #fff;
    border: 1px dashed #fff;
}
::-webkit-scrollbar-thumb:vertical {
    background-color: #E2E2E2;
}
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}
::-webkit-scrollbar-track-piece {
	background: #F4F4F4;
}
.mailUpdataText,.numUpdataText{
	color: rgb(23,111,235);
    float: right;
    padding-right: 5px;
    text-decoration: inherit;
}
.mailUpdataText:hover,.numUpdataText:hover{
    float: right;
    padding-right: 5px;
    text-decoration: underline;
}
.gradeInfo{
	display: none;
}
.gradeInfo .upgrade{
	margin-top: 15px;
    padding-left: 14px;
    color: #7F7F7F;
}
.gradeInfo .upgrade span{
	color: #000;
}
.gradeInfo .upgrade span.data{
	color: rgb(242,134,23);
    font-size: 18px;
}
.gradeInfo .upgradebar dt{
	margin: 14px 0 13px 35px;
}
.gradeInfo .upgradebar dt span{
	display: inline-block;
	padding:0 5px 0 17px;
	height: 11px;
	margin-top: -1px;
	float: left;
	background: #FFEF79 url(../images/LVimg/lv.png) no-repeat 3px center;
	border: 1px solid rgb(242,134,23);
}
.gradeInfo .upgradebar dt span img{
	padding-top: 2px;
}
.gradeInfo .upgradebar dt div{
	width: 300px;
	height: 11px;
	float: left;
	overflow: hidden;
	margin: 0 8px;
	background: #EBEBEB;
}
.gradeInfo .upgradebar dt div p{
	/*width: 250px;*/
	width: 0;
	height: 11px;
	background:rgb(242,134,23);
}
.gradeInfo .upgradebar dd{
	width: 300px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: rgb(245,254,254);
	border: 1px solid  rgb(184,234,254);
}
.gradeInfo .upgradebar dd b{
	font-weight: normal;
}
.gradeInfo .upgradebar dd .up{
	width: 14px;
	height: 14px;
	position: absolute;
    top: -9px;
    left: 50%;
    display: inline-block;
	background: url(../images/user_group.png) -5px -156px;
}
.gradeInfo .upgradeTask{
	border-top: 1px solid rgb(221,221,221);
    margin: 20px 30px;
    padding-top: 11px;
    line-height: 29px;
}
.gradeInfo .upgradeTask li span.status{
	float: right;
	padding-left: 20px;
}
.gradeInfo .upgradeTask li.success span{
	color: rgb(1,167,36);
}
.gradeInfo .upgradeTask li.error span{
	color: rgb(255,2,0);
}
.gradeInfo .upgradeTask li.success span.status{
	background: url(../images/user_group.png) no-repeat -4px -579px;
}
.gradeInfo .upgradeTask li.error span.status{
	background: url(../images/user_group.png) no-repeat -4px -493px;
}
.gradeInfo .upgradeTask li b{
	color: #7F7F7F;
    font-weight: normal;
} 
.groupL .cityBox{
	top: 0px;
	left: 52px;
}
.groupL .cityBox .open_select{
	height: 20px;
	line-height: 20px;
}
.groupL .actSelect{
    width: 100%;
    height: 20px;
    background: rgb(251,251,251) url(../images/top.png) center right no-repeat !important;
}
.groupL .open_select_box{
    width: 100%;
    height: 20px;
    background: rgb(251,251,251) url(../images/bot.png) center right no-repeat;
}
.groupL .UpdataList .citiesact{
	margin:0;
}
.UpdataList .open_select_box{
	background: none;
}
.groupL .open_select{
	border:1px solid rgb(251,251,251);
}
.groupL .cities{
    height: 110px;
}
.groupL .citiesact{
    border: 1px solid #ccc;
    height: 20px;  
    border-radius:1px;
}
.groupL .select_list {
    background: #fff;
    padding: 0;
    margin: 0;
    display: none;
    margin-top: 3px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#supergroup:hover{
	border:1px solid #ccc !important;
	border-radius: 2px !important;
}
.UpdataList .open_select{
	width:auto;
	padding-right:15px;
}
#supergroup{
	/*width: 93px;*/
	text-indent: 0;
	padding-left: 5px;
}
.edit-ziliao{
	width: 68px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
}
.edit-ziliao:hover{
	width: 68px;
	height: 20px;
	line-height: 20px;
	color:rgb(131,224,255);
	border: 1px solid rgb(131,224,255);
}
.edit-ziliao:active{
	width: 68px;
	height: 20px;
	line-height: 20px;
	color:rgb(191,235,255);
	border: 1px solid rgb(191,235,255);
}
.prv-close,.prv-keep{
	width: 58px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	color: #fff;
}
.prv-close:hover,.prv-keep:hover{
	width: 58px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	border: 1px solid rgb(131,224,255);
	color:rgb(131,224,255);
}
.prv-close:active,.prv-keep:active{
	width: 58px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	color:rgb(191,235,255);
	border: 1px solid rgb(191,235,255);
}
#supergroupList{
	height: 84px;
	width: 130px;
	overflow-x: hidden;
	box-shadow: 0px 0px 1px #ADAAAA;
	border-radius: 2px;
}
#company{
    margin-top: 0;
	max-width: 355px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#loading-popup{
	background: #fff;
}
#loading-popup .loading-img{
    width: 75px;
    margin: 0 auto;
    height: 110px;
    margin-top: 80px;
    position: initial !important;
    left: 0;
    top: 0;
}
.gourpCont{
	margin-left: -15px;
}
.gourpCont li .datItem{
	width: 78px;
}
li.chat{
	height: 30px;
}
.gourpCont .headimg,.gourpCont .name{
    width: 212px;
}
.head{
	height: 43px !important;
	cursor: pointer;
}
.Administrators{
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #dddddd;
	padding-left: 10px;
	margin-left: 8px;
}
.Administrators img{
	margin-right: 5px;
}