/* user_info begin=====================*/
.user_info
{
width:174px; min-height:10px; height:auto !important; height:10px; clear:left; padding-bottom:5px;
}
.user_info .user_photo
{
padding:12px 12px 10px; text-align:center;
}
.user_info .user_name
{
width:174px; height:31px;
border-bottom:1px #000 dashed; text-align:center; line-height:31px;
}
.user_info .user_contact
{
width:174px; height:30px; clear:none;
}

.user_info .user_contact_single
{
width:134px; height:30px; clear:none; padding-left:40px;
}
.user_info .user_contact a,.user_info .user_contact_single a
{
display:block; float:left; width:79px; height:19px; background:url(../images/user_btn.gif) no-repeat;
margin:5px 2px 0; text-decoration:none; line-height:19px;
}
.user_info .user_contact a:hover,.user_info .user_contact_single a:hover
{
background:url(../images/user_btn_over.gif) no-repeat;
}
.user_info .user_integral
{
width:150px; min-height:10px; height:auto!important; height:10px; text-align:left; clear:both; display:table;
}
.user_info .user_integral ul
{
width:150px; height:18px; line-height:18px;
}
.user_integral ul li{float:left;}
.user_integral ul li.uinfo{width:30px; font-size:10px ;}
.user_integral ul li.ubar{width:80px ;}
.user_integral ul li.unum{width:35px ; font-size:10px; text-align:right;}
.money{ display:inline-block; width:32px; height:22px; background:url(../images/user_money.gif) no-repeat;}
.heart{ display:inline-block; width:32px; height:22px; background:url(../images/user_heart.gif) no-repeat left;}

.aut span,.pow span,.art span
{
display:block; height:18px;
}
.aut span{ background:url(../images/user_aut.jpg) repeat-x 2px;}
.pow span{ background:url(../images/user_pow.jpg) repeat-x 2px;}
.art span{ background:url(../images/user_art.jpg) repeat-x 2px;}


.user_information{
width:164px; min-height:30px; height:auto!important; height:30px; clear:none; line-height:180%; border-top:1px #000 dashed;
padding:5px 0 4px 10px; text-align:left; font-size:11px; 
}
.user_information span { font-size: 10px;}
/* user_info end=====================*/

/*top begin*/

.top_bar { width:100%; height:25px; background:#d1d1d1 url(../images/user_index_top_bg.jpg) repeat-x;  border-top:1px #fff solid; position: relative; text-align:left; padding-top:2px;}

.top_bar .drop_memu { width:103px; height:220px; position:absolute; z-index:100; top:23px; left:10px; border-left:1px #000 solid;  border-right:1px #000 solid; border-bottom:1px #000 solid; background:#fff; FILTER: alpha(opacity=82);}
.top_bar .drop_memu ul { width:103px; height:170px; position:relative; padding:5px 0 3px;}
.top_bar .drop_memu ul li { width:95px; height:20px; line-height:20px; margin:0 auto;}
.top_bar .drop_memu ul li a { width:85px; height:18px; display:block; color:#333; text-decoration:none; padding:2px 0 0 10px; line-height:18px; border-bottom:1px #ccc solid;}
.top_bar .drop_memu ul li a:hover { background:#f6f6f6; border-bottom:1px #aaa solid;}

.top_bar .drop_friend {z-index:101; left:125px; height:115px; border:1px #999 solid;}
.top_bar .drop_friend ul {height:95px; }

.top_bar .drop_message {z-index:102; left:205px; height:75px; border:1px #999 solid;}
.top_bar .drop_message ul {height:45px; }

.top_bar .top_bar_menu { float:left; width:120px; height:21px; padding-left:10px;}
.top_bar .top_bar_menu .nw_group_head
 { width:70px; height:22px; overflow-y:hidden; float:left; margin:1px 8px 0 0; text-decoration:none;  no-repeat; color:#000; padding:2px 0 0 35px; text-align:left; line-height:24px;}
.top_bar .top_bar_menu .hidden {  background:url(../images/user_index_top_btn.gif)}
.top_bar .top_bar_menu .show {   background:url(../images/user_index_top_btnon.gif)}

.top_bar .top_bar_user { float:right; width:40%; height:18px; margin-right:5px; text-align:right; padding-top:3px;}
.top_bar .top_bar_user a { color:#000; }
.top_bar .top_bar_user a:hover { text-decoration:none;}

.top_bar .top_bar_user a.top_bar_invite { background:url(../images/user_friend_add.gif) no-repeat left top; padding-left:20px;}
.top_bar .top_bar_user a.top_bar_view { background:url(../images/user_top_view.gif) no-repeat left top; padding-left:20px;}
.top_bar .top_bar_user a.top_bar_money { background:url(../images/user_top_money.gif) no-repeat left; padding-left:18px;}
.top_bar .top_bar_user a.top_bar_help { background:url(../images/user_index_ico_help1.gif) no-repeat  left; padding-left:18px; text-decoration:none;}
.top_bar .top_bar_user a:hover.top_bar_help { text-decoration:underline;}

.top_bar .top_bar_link { width:18%; float:left; text-align:left;}
.top_bar .top_bar_link {height:18px; padding-top:3px; line-height:18px;}
.top_bar .top_bar_link a.notice { background:url(../images/message_notice.gif) no-repeat left top; padding-left:23px;}
.top_bar .top_bar_link a.nw_group_head { line-height:18px!important; height:18px!important;}


.top_bar .top_bar_link a { color:#000; }
.top_bar .top_bar_link a:hover { text-decoration:none;}
.top_bar .top_bar_link a.nw_group_head { text-decoration:none; overflow:visible; display:inline-block; padding:0 5px 0 3px; margin-right:3px;}

.top_bar .top_bar_link .hidden {  background:url(../images/user_link_top_btn.gif) no-repeat center;}
.top_bar .top_bar_link .show {   background:url(../images/user_link_top_btnon.gif) no-repeat center;}

.top_bar .nw_group_head { border:0px #fff solid!important; FILTER: alpha(opacity=100);}
/*top end*/

.title_image_drop { width:100px; min-height:100px; height:auto!important; height:100px;  position:absolute; z-index:9;  border:1px #79b1f9 solid; background:#c9e0fe; FILTER: alpha(opacity=80)}
.title_image_drop ul { width:100px; height:35px; position:relative; line-height:35px; margin:0 auto; display:table;}
.title_image_drop ul li.left { float:left; width:42px; text-align:right;} .title_image_drop ul li.right { float:right; width:56px; text-align:left;}
.title_image_drop ul li a { color:#006ffe; text-decoration: underline; line-height:35px; }
.title_image_drop ul li a:hover { color:#006ffe; text-decoration: none;}


/* signin begin=====================*/
#div3 {Z-INDEX: 222; WIDTH: 250px; HEIGHT: 180px;}
#div3 .index_signup {width:250px; height:100px;  BACKGROUND-COLOR: #99ccff; FILTER: alpha(opacity=70); border:1px #5482b0 solid; padding:10px 0 8px;}
#div3 .index_signup ul { position:relative; width:240px; height:28px;  margin:0 auto;}
#div3 .index_signup ul li{ float:left;}
#div3 .index_signup ul li.note1,#div3 .index_signup ul li.note2 { width:55px; text-align:right; line-height:28px; padding-right:5px; color:#225282;}
#div3 .index_signup ul li.form .add_text4 { border:1px #4c82b8 solid; }
#div3 .index_signup ul li.none{ width:240px; height:25px; clear:both; text-align:center;} 
#div3 .index_signup ul li.none a{ color:#225282; text-decoration:none;} #div3 .index_signup ul li.none a:hover{ text-decoration: underline;}
#div3 .index_signup ul li.sign_btn { width:240px; height:25px; clear:both; text-align:center;}
#div3 .index_signup ul li.sign_btn input { width:60px; height:22px; line-height:19px; border:1px #5482b0 solid; background:#fff; margin-left:5px;}
/* signin end=====================*/

/* user_infoCard begin=====================*/
.user_infoCard { width: 320px; height:190px; position:absolute;}
.user_infoCard .user_infoCard_main {  width:310px; height:175px; padding:5px;}
.user_infoCard .user_infoCard_top { width:100%; height:90px; position:relative;}
.user_infoCard .user_infoCard_top .user_infoCard_image { width:76px; height:76px; float:left; padding:4px 8px 0 4px;}
.user_infoCard_info { width:220px; overflow-x:hidden; float:left; text-align:left; padding-top:4px;}
.user_infoCard_info ul,.user_infoCard_info ul li { width:100%;} 
.user_infoCard_info ul li { min-height:18px; height:auto!important; height:18px; clear:both;}
.user_infoCard_qian { padding-top:3px;}
.user_infoCard_bottom { padding-top:5px;}
.user_infoCard_bottom, .user_infoCard_bottom ul { width:100%; min-height:10px; height:auto!important; height:10px; clear:both;}
.user_infoCard_bottom ul li { width:100%; line-height:18px; clear:both;}
.user_infoCard_bottom ul li .left { width:78%; float:left; text-align:left;}
.user_infoCard_bottom ul li .right { width:21%; float:right;}
.user_infoCard_close { width:99%; height:15px; text-align:right; padding-right:1%;}


.user_infoCard {   border:1px #ccc solid; color:#333;}
.user_infoCard .user_infoCard_main { FILTER: alpha(opacity=90); background:#fff;}
.user_infoCard .user_infoCard_top { background:#f8f8f8;}
.user_infoCard a { color:#013D80} .user_infoCard_info a:hover { text-decoration:none;}
.user_infoCard_btn a { display:block; width:70px; height:17px; float:left; border:1px #A9D2EB solid; text-decoration:none; text-align:center; line-height:17px; margin:2px 4px; color:#003399; background:#E8F4FC; }
.user_infoCard_btn a:hover { text-decoration:none; color:#000}
.user_infoCard_close  { background:#F0F9FD; border-bottom:1px #ccc solid;}
/* user_infoCard end=====================*/