﻿@charset "utf-8";
/**
 * 个人主页系列样式
 * author: huixisheng
 * date: 20121024
 * 
 * @module home.css
 */
html {width: 100%; overflow-y: scroll; overflow-x:hidden; }
body{overflow: auto; padding-top: 35px;}
.w_page{padding-top: 36px;}
.w_page_bd{width: 1000px; margin: 0 auto;}
/*一侧固定一侧自适应*/
.main{width: 100%;}
.main, .side{float: left; _display: inline;}



/**
 * 个人主页主体内容右侧固定，左侧自适应布局
 * @class home-grid
 * @type {[type]}
 */
.gridm10s230{min-height: 600px;   padding: 20px 0 0 0; overflow: hidden;}
.gridm10s230 .render{ margin: 0 240px 0 0; }
.gridm10s230 .side{ width: 240px; margin-left: -240px;}
.gridm10s230 .render{  padding-bottom: 999em; margin-bottom: -999em;}
.side, .main{  padding-bottom: 999em; margin-bottom: -999em; }

/*移除右侧title的背景色*/
.gridm10s230 .side .sb_hd, .gridm10s230 .side  .u_mod_hd{ background: none;}


/* 个人中心第三版个人主页导航样式   */
.home_nav{}
.home_nav_ul{ margin:0 0 -1px 10px; }
.home_nav_ul li , .home_bd_ul li {float:left; display:inline;  }
.home_nav_ul li a{ display:block; float:left; margin-right:-1px; border:1px solid #ddd;  background:#f3f3f3; height:40px; line-height:40px; padding:0 12px; font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.home_nav_ul li .home_nav_cur{background-color:#fff; color: #00669A; border-bottom-color:  #fff; *position: relative; zoom:1;}
.home_icon , .perinfo_icon ,  .fans_icon , .optionshare_icon{
	background: url(../../images/home/home_nav_icon.png) no-repeat 0 0; width:20px; height:20px;display:inline-block; vertical-align:middle; margin-right:5px;  _margin:10px 0; }
.home_icon{background-position:0 -21px;}
.perinfo_icon {background-position:-21px -21px;}
.fans_icon{background-position:-42px -21px;}
.optionshare_icon{background-position:-62px -21px;}
.home_nav_cur .home_icon{background-position:0 0;}
.home_nav_cur .perinfo_icon{background-position:-21px 0;}
.home_nav_cur .fans_icon{background-position:-42px 0;}
.home_nav_cur .optionshare_icon{background-position:-62px 0;}


.home_bd_ul{ margin:0 0 10px -10px;  padding-bottom:10px; }
.home_bd_ul li{float:left;}
.home_bd_li{color:#000; float:left; height:20px; line-height:19px; text-align:center; margin:0 5px 0 0; padding:0 5px 0 5px;}
.home_bd_li_cur{ background:#0071A5; color:#fff;}
.home_bd_li:hover{ text-decoration: underline;}
.home_bd_li_cur:hover{ text-decoration: none;}
/*能用csshover 实现的最好不用js*/
/*.home_bd_ul .aHoverCls{background:#D6E8F4; color:#fff;}*/

/* 单独文章页 */

.article_box{margin-bottom:20px; overflow: hidden; }
.article_text{font-size:14px; word-break: break-all; word-wrap: break-word; line-height: 28px; text-indent: 2em; }
.article_text img { max-width: 100%; max-width: 718px\0; max-width: 100%\0\9;  _width: expression(this.clientWidth >= 718? '718px' : 'auto'); }
.comment_list_home{ margin-top: 20px;}
/*end*/

.home_bd{ border: 1px solid #ddd; padding: 25px 20px 999em 20px; _zoom: 1; margin-bottom: -999em; background: #fff;}
.home_bd_inner{ padding-bottom: 15px;}

/*Ta的关注/粉丝*/
.mod_subtabs{height: 20px; line-height: 20px; padding: 0 0 10px; margin: 0 0 10px 0; border-bottom: 1px solid #ddd}
.mod_subtabs a{display: inline-block;  padding: 0 10px; height: 20px; line-height: 20px; text-align: center; color: #333; }
.mod_subtabs .ms_cur{background: #0070a4; color: #fff;}
.mod_subtabs b{margin: 0 5px;}

/*side*/
/*common*/
.side a:hover{text-decoration: underline;}
.side_box{border-bottom: 1px solid #ddd;  padding-bottom: 10px;}
/*.sb_hd{ padding: 0 10px; font-size: 14px; color: #666; font-weight: 700; line-height: 24px; margin-bottom: 10px; }*/
.sb_hd{height: 36px; line-height: 36px;  font-size: 14px; font-weight: 700; color: #666; background: #f0f0f0; padding: 0 10px; }
.sb_bd{ padding: 10px 10px 0;}
.sb_part{line-height: 24px; color: #333;}
.c_grade{color: #f60; font-weight: 700;}

/*个人信息*/
.person_info{ margin-bottom: 10px; padding-left: 10px;}
.pi_avatar{float: left; display: inline; width: 82px; height: 82px;  padding: 4px; background: #fff; }
.pi_avatar img{width: 82px; height: 82px;}
.pi_namebox{ margin-left: 100px;}
.pi_namebox div{ line-height: 24px; word-break: break-all; word-wrap: break-word; }
.pi_name{font-size: 14px; font-weight: 700; color: #000;}
.pi_city{font-size:12px; color: #444}
.pi_city img{  margin:-4px 5px 0 0; _margin:4px 5px 4px 0; vertical-align: middle; }

/*@modify:经讨论改期以下部分不做，我勒个去*/
/*粉丝数*/
.user_atten{ margin-bottom: 10px;}
.user_atten li{float: left;margin: 0 10px 0 0; padding: 0 10px 0 0; text-align: center; border-right: 1px solid #ddd;}
.user_atten .li_noborder{border-right: none;}
.user_atten li a{display: block; color: #069;}
.user_atten li strong{display: block; font-size: 20px; margin: 0 0 4px; font-weight: 400; line-height: 15px; font-family: tahoma;}
/*应用列表*/
.app_title{background: none; color: #0866a5; font-size: 14px;}
.app_title:hover{ text-decoration: underline;}
/*TA的粉丝*/
.sb_fri_box{width: 200px; overflow: hidden; padding: 10px 20px 0; }
.sb_fri_list{  margin-right: -25px; margin-bottom: -5px; 	overflow:hidden;
	zoom:1;  
  }
.sb_fri_list li{float: left; display: inline; width: 50px; height:72px; overflow: hidden; text-align: center; padding: 0 25px 5px 0;  }
/*height:72 解决ie6当用户名是中文的时候会换行的bug*/
.sb_fri_list li  a{display: inline; float: left;}
.sb_fri_list li  a:hover{ text-decoration: none;}
.sb_fri_list li img{width:50px; height: 50px;}
.sb_fri_list li .name{ display: block;width: 50px;height: 22px;line-height: 22px;overflow: hidden; text-align: center; color: #0866a5; word-break:break-all; word-wrap:break-word;}
/*最近访问*/
.sb_visitor li {margin-bottom: 5px;}
.sb_visitor li img{float: left; display: inline; width: 16px; height: 16px; margin-right: 5px;}
.sb_visitor li a{color: #333;}
.sb_visitor li b{color: #999; float: right;}

/*没有自选股*/
.no_stock_box{ }
.no_stock_inner{ padding: 40px 0; border:1px solid #ddd; background: #f4f4f4; color:#000; text-align: center;}
.no_stock_tips{ display: inline-block; *display: inline; zoom:1; height: 32px; line-height: 32px; }
.no_stock_tips img{ height: 26px; width: 26px; vertical-align: middle; margin:-3px 10px 0 0; _margin:3px 10px 3px 0; }
.no_stock_op a{ text-decoration: underline; color: #000;}
.no_stock_space{ margin:0 8px;}
/*底部*/
.w_gb_footer{ height: 70px; margin: 20px 0; clear: both; overflow: hidden;}
.link{padding:15px 10px ;margin:0 auto;}
.help_link{float:left;}
.help_link p{color:#acccdb; margin-bottom:5px;}
.help_link a{color:#77cbf0; margin-right:10px;}
.copy{float:right; color:#acccdb; margin-top:25px;}

/*个股*/
.icon_flashstock,.stock_add{background: url(../../images/home/home_stock_sprites.png) no-repeat 0 0;}
.icon_flashstock{ display: inline-block; *display: inline; zoom: 1; width: 18px; height: 17px; background-position: 0 -48px;
}
.w_stock{ background: #fff; padding-top: 0;}
.w_stock .home_bd{ border-top: 0;}
.w_stock .side{ padding-top: 25px;}
.stock_flash{ color: #666;}
.stock_flash h2{ color: #333; font-size: 20px; padding: 0 10px; font-weight: 700; }
.stock_title{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 700; color: #069;}
.stock_box{ height: 41px;  margin:-18px 0 10px; position: relative;}
.stock_logo{ float: left; display: block; width: 85px; height: 41px; line-height: 41px; background: url(../../images/home/home_stock_logo.png) no-repeat 0 0; _background: url(../../images/home/home_stock_logo.gif) no-repeat 0 0; text-indent: -999em;}
.stock_search{ float: right; position: relative; width: 238px; background: url(../../images/home/home_stock_bgsearch.png) no-repeat 0 0; }
.stock_search_txt{ width: 202px; height: 18px; line-height: 18px; padding: 4px; background: transparent; border:none; color: #3e99bd;}
.stock_search_btn{ position: absolute; top: 0; right: 0; display: block; width: 28px; height: 28px; }
.stock_new{}
.stock_new .stock_price{font-size: 20px;}
.stock_hot{ float: right;}
.stock_hot_num{ font-size: 24px; font-family: Arial; }
.stock_add{ float:left; display: block; margin-top:7px; width: 68px; height: 24px; line-height: 24px; text-align: center;  }
.stock_add:hover{background-position: 0 -24px;
}
.stock_dynomic{ padding-bottom: 20px;}
/*头像2行文字和一个按钮模块*/
.side_box .pic50{ clear:both; margin-bottom: 8px;}
.side_box .pic50 .avatar{ float:left; display: inline; width: 50px; }
.side_box .pic50 .con{ margin-left: 60px; min-height: 50px; _height: 50px; line-height: 25px; }
.side_box .pic50 .name{ height: 25px; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #000; }
.side_box .pic50 .info{ color:#666;}
.side_box .pic50 .btn{ float: right;}
/*别人在讨论我的自选股*/
.discuss_box{ padding-bottom: 10px; border-bottom: 1px dotted #ccc; line-height: 24px;}
.discuss_title{ height: 24px;}
.discuss_title b{ color: #069; font-weight: 700;}
.discuss_title span{ color: #999; float: right;}
.discuss_cont{ color: #666; height: 24px; overflow: hidden;}
.discuss_cont a{ color: #666;}

.mod_sbox_bd{ padding: 10px 10px 0;}
.qa_rank_list .btn_askforhelp {position: absolute; top:2px; right:0; }
.qa_rank_list .w_btn_dis{cursor: default;}
.qa_rank_list .w_btn_dis span{cursor: default;}
.icon_qa_rank{ background-position:-98px -172px; height:20px; width:20px; vertical-align:middle; margin-right: 2px; *margin-top: 2px; _margin:9px 2px 7px 0; }
.qa_rank_list{height:50px; margin-bottom: 20px; _margin-bottom: 10px;}
.qa_rank_list dt{float:left;width: 50px; position: relative; padding-left:28px; margin-right:10px; display: inline;}
.qa_rank_avatar img{width: 50px; height: 50px;}
.qa_rank_list dt span{position:absolute; top:0; left:0;}
.qa_rank_num_h, .qa_rank_num_s{font:bold 16px/20px 'Microsoft YaHei'; vertical-align: middle;  width:20px; padding-right:2px; color:#fff; text-align:center; height:20px;}
.qa_rank_num_h{background-position: -98px -218px;}
.qa_rank_num_s{background-position: -98px -242px;}
.qa_rank_list dd{float:left;width: 130px; display: inline; overflow: hidden; position: relative;}
.qa_rank_name{ font-size: 13px; color: #333; font-weight: bold; height: 24px; line-height: 24px; width: 72px; overflow: hidden;  }
.qa_rank_name a{color: #333;}
.qa_rank_name a:hover{ color: #3294b9}
/*他人的个人主页*/
.home_editbox{ }

/*自选股表格*/
.stock_table{width:100%;color:#262626;border:1px solid #d9d9d9; text-align:center; margin-bottom: 20px;}
.stock_table th{background: url(../../images/home/zxgtitle.png) repeat-x 0 0; color:#666; height:36px; font-weight:normal}
.stock_table td{ height:30px; }
.stock_table tr.odd{ background:#f4f4f4}
.stock_table tr.hover{ background-color:#ddecf3}


/*个人资料简略*/
/*个人信息前面加图标*/
.person_info_box{ padding: 5px; border: 1px solid #ddd; margin: -10px 0 10px 0; line-height: 1.8; word-break: break-all; word-wrap: break-word; }
.home_sex, .home_city, .home_company, .home_school, .home_broker, .home_invest, .home_profile{ padding-left:16px; margin-right:10px; background:transparent url(../../images/home/icon_home_personal_info.png) no-repeat scroll 0 0;}
.home_sex{background-position:0 -5px;}
.home_city{background-position:0 -31px;}
.home_company{background-position:0 -60px;}
.home_school{background-position:0 -87px;}
.home_broker{background-position:0 -115px;}
.home_invest{background-position:0 -141px;}
.home_profile{background-position:0 -168px;}

/*他人的自选股页面三级导航*/
.sub_tab_list{ margin-bottom: 15px; }
.sub_tab_list li{ float:left; display:inline; margin-right: 10px; }
.sub_tab_item{ float:left;  display: inline; height: 32px; line-height: 32px; padding: 0 5px;  color: #666; }
.sub_tab_item b{ color: #0070a4; font-size: Arial; font-size: 24px; font-weight: 700; }
.sub_tab_item:hover, .sub_tab_item_cur{ background: #0070a4; color: #fff; }
.sub_tab_item:hover b, .sub_tab_item_cur b{ color: #fff; }


/*投顾认证*/
.icon-auth{ background: url(../../images/home/home-auth.png) no-repeat 0 0; padding-left: 16px; }
.icon-auth-edit{ background-position: 0 0; }
.auth-info-address{background-position: 0 -42px;  }
.auth-info-num{background-position: 0 -18px;  }
.auth-info-tel{background-position: 0 -66px;  }
.c-txt-notice{ color: #c29322; }
.notice-box{ margin-bottom: 10px; }
.notice-box-hd{ background: #056f98; color: #fff; line-height: 22px; text-indent: 10px; font-weight: 700; }
.notice-box-bd{  color: #333;  }
.notice-box-content{ padding: 8px 10px; border: 1px solid #056f98; background: #effafd; word-break: break-all; word-wrap: break-word;  }
.notice-box-add{ text-align: center; }
.notice-edit{ display: none; }
.notice-edit-bd{ background: #fff6e1; padding: 4px 10px; border: 1px solid #c29322; }
.notice-edit-txt{ width: 100%; background: #fff6e1; line-height: 20px; height: 20px; overflow: hidden; }
.notice-edit-limit{ padding-top: 5px; color: #999; }

.auth-info-hd{ color: #069; font-weight: 700; margin-bottom: 6px; }
.auth-info-bd{ line-height: 24px;}
.auth-info-reason{ line-height: 24px; color: #333; word-break: break-all; word-wrap: break-word;  }