@charset "utf-8";
/* CSS Document */
body{background:url(img_s/indexbgwp.jpg) 50% 0;}
.logo{position:absolute;background:url(img_d/logo.png) no-repeat;text-indent:-9999px;z-index:1;}

.ovh{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.clist li{_display:inline;float:left;}
.db{display:block;}

#mainwp, #main{height:738px;background:url(img_s/main.jpg) no-repeat 50% 0;}
#main{position:relative;width:980px;margin:0 auto;}
#enterQ{width:170px;height:56px;top:5px;left:5px;}
#collectQ{width:63px;height:52px;top:5px;left:180px;background-position:-180px 0;}
#returnIndex{top:5px;right:0;width:160px;height:40px;background-position:0 -240px;}
#returnIndex:hover{background-position:0 -284px;}

#content{left:0;width:100%;height:530px;z-index:0;overflow:hidden;}
#loading{padding:80px;}
#friend{margin-top:10px;height:530px;}

#companyMsg{margin-top:580px;color:#fff;font-family:"微软雅黑", "黑体", "宋体";text-align:center;}
#sharewp{padding:10px 0 0 390px;}

/*common nav*/
#mfooter{position:absolute;top:568px;width:100%;text-align:center;}
#mfooter .footBts, #mfooter .z{background:url(img_d/mfooter.png) no-repeat;cursor:pointer;}
#mfooter .footBts{display:inline-block;width:208px;height:62px;margin:0 10px;overflow:hidden;}
#mfooter .z{display:block;width:100%;height:100%;background-position:200px 200px;}
#mfooter .footBts:hover .z, #mfooter .on .z{background-position:64px -248px;}
#mfooter .footBts1{background-position:4px 0;}
#mfooter .footBts2{background-position:0 -80px;}
#mfooter .footBts2 .z{margin-left:-6px}
#mfooter .footBts3{background-position:0 -170px;}
#mfooter .footBts3 .z{margin-left:-11px}

#companyMsg{margin-top:630px;}

/*friend send*/
#btList{position:absolute;width:100%;bottom:0;text-align:center;}
#btList .bts{display:inline-block;position:relative;margin:0 10px;background:url(img_d/friendBts.png) no-repeat;vertical-align:top;}
#btList .bt1{width:144px;height:34px;top:19px;background-position:0 -166px;_background-position:0 -165px;}
#btList .bt1_on{background-position:0 -200px;_background-position:0 -199px;}
#btList .bt2{width:170px;height:55px;}
#btList .bt2:hover{background-position:0 -55px;_background-position:0 -54px;}
#btList .bt3{display:none;width:116px;height:26px;top:22px;background-position:0 -112px;_background-position:0 -111px;}
#btList .bt3_on{background-position:0 -138px;_background-position:0 -137px;}

/*friend list style*/
.noFriendRecommend{width:490px;font-size:12px;}
.noFriendRecommend .ldl{width:200px;height:58px;margin:12px 16px 2px 10px;line-height:20px;}
.noFriendRecommend .rwp{float: left;width:140px;height:58px;}
.noFriendRecommend .lwp{float:left;width:50px;height:50px;margin:5px 10px 0 0;}
.noFriendRecommend .img{display:block;width:100%;height:100%;}
.noFriendRecommend a.ovh{color:#666;}
.noFriendRecommend .ifs{color:#369;}
.noFriendRecommend .igz{display:none;position:absolute;bottom:0;right:0;width:66px;height:22px;background:url(img_d/noFriendBts.png) no-repeat 0 -22px;}
.noFriendRecommend .igz:hover{background-position:-66px -22px;}
.noFriendRecommend .li_on .igz, .noFriendRecommend dl:hover .igz{display:block;}

.nfb{background:url(img_d/noFriendBts.png) no-repeat;}
.nfLogo{position:absolute;left:470px;top:-70px;width:306px;height:80px;background:url(img_d/noFriendsGBts.png) no-repeat 0 -490px;}
.nfMsg, .nfWrite{display:none;}
.nfMain{margin:130px 0 0 80px;}
.nfTitle{width:159px;height:20px;margin-left:20px;}
.nfChange{top:1px;left:200px;width:70px;height:20px;line-height:20px;color:#fff;background-position:-160px 0;}

/*no friend*/
#friend, #noFriend{display:none;}
.noFriend #noFriend, .lessMessage #noFriend{display:block;}
.noFriend #mainRt, .noFriend #main{background:url(img_s/nofriend.png) no-repeat 50% 0;}

.noFriend .noFriendRecommend{color:#369;}
.noFriend .noFriendRecommend a.ovh{color:#666;}
.noFriend .noFriendRecommend .ifs{color:#5877b4;}
.noFriend .noFriendRecommend .igz{background:url(img_d/noFriendBts.png) no-repeat 0 -22px;}
.noFriend .noFriendRecommend .igz:hover{background-position:-66px -22px;}

/*less message*/
.lessMessage #mainRt, .lessMessage #main{background:url(img_s/noLot.png) no-repeat 50% 0;}
.lessMessage .nfMsg{display:block;position:absolute;left:495px;top:34px;width:250px;height:44px;background:url(img_d/noFriendsGBts.png) no-repeat;}

.lessMessage .nfb{background-image:url(img_d/lotBts.png);}
.lessMessage .nfChange{background-position:-160px 0;}
.lessMessage .noFriendRecommend{color:#930;}
.lessMessage .noFriendRecommend a.ovh{color:#666;}
.lessMessage .noFriendRecommend .ifs{color:#c60;}
.lessMessage .noFriendRecommend .igz{background:url(img_d/lotBts.png) no-repeat 0 -22px;}
.lessMessage .noFriendRecommend .igz:hover{background-position:-66px -22px;}

.lessMessage .nfWrite{display:block;top:193px;left:612px;width:105px;height:124px;background:url(img_d/noFriendsGBts.png) no-repeat 0 0;}
.lessMessage .hasWrite{background-position:-105px 0;}


.shareSuccess{color:#333;padding:30px 0 0 0;margin-bottom:-20px;}
.shareSuccess .shareSuccessBts{display:block;width:172px;height:62px;margin:5px auto;background:url(img_d/logo.png) no-repeat 0 -110px;}
.shareSuccess .shareSuccessBts:hover{background-position:0 -174px;}
.shareSuccess .shareBtm{color:#666;}

.zbox2 .groups li label, .zbox2 .groups li input {vertical-align:middle;}