@charset "utf-8";
/* =reset
----------------------------------------------- */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }   
ol, ul{ margin: 0; padding: 0; list-style: none; }
body, button, input, select, textarea { font: 12px/1.5 arial, \5b8b\4f53 , sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
fieldset, img, input { border: 0 none; }
address, cite, dfn, em, var { font-style: normal; } 
a:link, a:active, a:visited { text-decoration: none; }

/* =text-align
----------------------------------------------- */
.tAl { text-align: left; }
.tAr { text-align: right; }
.tAc { text-align: center; }

/* =float
----------------------------------------------- */
.fl { float: left; _display:inline; }
.fr { float: right; _display:inline; }

/* =font
----------------------------------------------- */
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }

/* =color
----------------------------------------------- */
.grey { color: #bbb; }

/* =clear float
----------------------------------------------- */
.clearfix:after { content: "\20"; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clr { clear:both; }

/* =column (g : grid, s : sub, m : main, e : extra)
----------------------------------------------- */
.wrap{ width: 960px; margin: 0 auto; }
.col-main {
    float: left;
    width: 100%;
    min-height: 1px;
}
.col-sub, .col-extra { float: left; }

.grid-m .main-wrap { width:100%; }

.grid-sm .main-wrap { margin-left: 280px; }
.grid-sm .col-sub { width: 270px; margin-left: -100%; }

.grid-ms .main-wrap { margin-right: 290px; margin-left: 10px; }
.grid-ms .col-sub { width: 280px; margin-left: -280px; }

.grid-sme .main-wrap { margin: 0 240px 0 200px; }
.grid-sme .col-sub { width: 190px; margin-left: -100%; }
.grid-sme .col-extra { width: 230px; margin-left: -230px; }

.grid-ems .main-wrap { margin: 0 200px 0 240px; }
.grid-ems .col-sub { width: 190px; margin-left: -190px; }
.grid-ems .col-extra { width: 230px; margin-left: -100%; }

.grid-mes .main-wrap { margin-right: 440px; }
.grid-mes .col-sub { width: 190px; margin-left: -190px; }
.grid-mes .col-extra { width: 230px; margin-left: -430px; }

/* =body, html
----------------------------------------------- */
body{ background:url(/images/bg.gif) repeat-x top left; }

/* =a
----------------------------------------------- */
a:link,a:visited{ color:#0082cb; }

/* =hd
----------------------------------------------- */
#hd{ position: relative; z-index: 9; }

#hd .logo { padding: 25px 0 0 0px; }
#hd .logo a { display: block; text-indent: -9999em; position: relative; width: 202px; height: 58px; background: url(/images/logo.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="/images/logo.png"); _background-image: none; _cursor: pointer; }

#hd .navigation { height:40px; line-height: 40px; position: relative; z-index: 1; }
#hd .navigation li { float:left; _display:inline; margin-left: 18px; color:#0898be; }
#hd .navigation li a { color:#58C4E6; *vertical-align: middle; _vertical-align: -4px; }
#hd .navigation li a:hover { color:#f77d24; }
#hd .navigation li.flag { color:#ffd000; padding-left:18px; background:url(/images/help_icon.gif) no-repeat left center; }
#hd .navigation li.flag a { color:#ffd000; }

#hd .drop-box { position: relative; padding-right: 15px; background: url(/images/drop-arrow.gif) no-repeat 55px center; cursor: pointer; }
#hd .drop-box ul { position: absolute; z-index: 9999; top: 10px; left: 0px; width: 48px; padding: 0 14px 2px 5px; background: #fff url(/images/drop-arrow-hover.gif) no-repeat 57px 7px; display: none; }
#hd .drop-box ul li { float: none; height: 22px; line-height: 22px; margin: 0; padding: 0; text-align: justify; }

#hd .hd-bottom { background: url(/images/hd-bg.jpg) no-repeat top left; height: 100px; }
#hd .animation { position: absolute; right: 15px; top: 62px; width: 340px; height: 95px; }

/* =ft
----------------------------------------------- */
#ft{ text-align:center; margin-top:10px; padding:30px 0 20px; clear:both; }
#ft p{ line-height:260%; color:#79899a; }

/* =bd
----------------------------------------------- */
#bd { background-color: #fff; z-index: 9; }

/* =box
----------------------------------------------- */
.box { background: url(/images/index/box_bg.png) no-repeat left top; margin-top: 10px; _margin-top: 5px; width: 657px; }
.box .box_t { height: 38px; }
.box .box_m { padding: 0px 15px; border-left: 1px solid #cbe7ed; border-right: 1px solid #cbe7ed; }
.box .box_b { height: 9px; background: url(/images/index/box_b.png) no-repeat left top; }
.box .box_t img { margin: 10px 20px; }

/* =list
---------------------------------------*/
.list .list-item{ background: url(/images/common/dashed_line.gif) repeat-x left bottom; padding: 10px 3px; }
.list .list-item p { font-size: 14px; line-height: 24px; }
.list .cont-wrap { width: 540px; overflow: hidden; }
.list .avatar-wrap { margin-right: 15px; float: left; display: _inline; }
.list .avatar-wrap a { display: block; width: 57px; height: 46px; background: url(/images/index/stats_bg.png) no-repeat; text-align: center; }
.list .avatar-wrap span { display: block; color: #77797a; }
.list .avatar-wrap span.num { font-weight: bold; color: #717272; font-size: 14px; padding: 3px 0; text-shadow: 1px 1px 1px #fff; }

.list .legend { color: #999; margin-top: 10px; text-align: right; }
.list .legend span { float: left; }
.list .legend  a { padding-left: 20px; display: inline-block; margin-right: 10px; background: url(/images/common/clock.png) no-repeat 3px 2px; height: 20px; line-height: 20px; color: #80C1E5; }
.list .legend  a.comment { background: url(/images/common/icon-main.gif) no-repeat 3px -16px; }
.list .legend  a.comment:hover { background-position: 3px 4px; }
.list .legend  a.addfav { background: url(/images/common/icon-main.gif) no-repeat -146px -16px; }
.list .legend  a.addfav:hover { background-position: -146px 4px; }
.list .legend  a.forward { background: url(/images/common/icon-main.gif) no-repeat -70px -16px; }
.list .legend  a.forward:hover { background-position: -70px 4px; }
.list .legend em { color: #FE9A00; }

.list .stk-tag { word-wrap: break-word; word-break: keep-all; }
.list .stk-tag li{ display:inline; }
.list .stk-tag li a{ padding:2px 4px; line-height:24px; height:24px; background-color:#5ba4ff; color:#fff; font-size:14px;}
.list .stk-tag li a:hover{ text-decoration:none; font-size:14px;}

.list-img { padding: 15px; }
.list-img li { float: left; _display: inline; margin: 5px 15px; height: 91px; }
.list-img li div { text-align: center; width: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-img .fri-concern a { color: #80C1E5; }

.bubbleBox { margin-top: 10px; position: relative; }
.bubbleBox .b-content{ padding: 0 20px; }
.bubbleBox .b-arrow { left:30px; width:19px; height:11px; position:absolute; z-index:9; top:-10px; background: url(/images/home/b-arrow.gif) no-repeat; }
.list .comment-list .b-content p { font-size: 12px; }
.list .comment-list .b-arrow { left: 500px; }
.list .comment-list a:hover{ color:#f77d24; }
.list .comment-list p{ text-align:center; background:url(/images/commet-list-li.gif) repeat-x left bottom; padding-bottom:10px; }
.list .comment-list p #count{ color:#fe9a00; font-weight:bold; font:700 14px Arial; }
.list .comment-list li{ margin:5px 0; padding:5px 0 10px; background:url(../images/commet-list-li.gif) repeat-x left bottom; color:#666; }
.list .comment-list span.time{ color:#999; }
.list .comment-list span.reply a, #feedList .comment-list span.reply a:hover { color:#80c1e5; }
.list .comment-list textarea, #feedList .comment-list input { vertical-align:middle; }
.list .comment-list textarea{ width:430px; margin-right:10px; padding:2px; border:1px solid #ccc; }
.list .comment-list .comment-opt input { margin: 0 5px 0 0; vertical-align:middle; }
.list .comment-list .comment-input{ margin: 5px 0; }
.list .comment-list .comment-input .btn { background:#f6f6f6 url(/images/btn.gif) no-repeat; width:45px; height:25px; line-height:25px; border:0 none; cursor:pointer; color:#747474; text-align:center; float: right; }
.list .comment-list .comment-input .btn:hover { background-position:0 -25px; }

/*radius*/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{ height:1px; font-size:1px; overflow:hidden; display:block; }
.b1,.b8{ margin:0 5px; }
.b2,.b7{ margin:0 3px;border-right:2px solid; border-left:2px solid; }
.b3,.b6{ margin:0 2px;border-right:1px solid; border-left:1px solid; }
.b4,.b5{ margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px; }
.b2,.b3,.b4,.b5,.b6,.b7,.b-content{ border-color:#d7d7d7; background-color:#f6f6f6; }
.b1,.b8{ background-color:#d7d7d7; }
.b-content { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }

/* =btn
---------------------------------------*/
.btn-r-wbg { display: inline-block; height: 28px; line-height: 28px; }
.btn-r-wbg cite { float: left; width: 18px; height: 28px; background: url(/images/common/btn-r-wbg.gif) no-repeat 0px 0px; cursor: pointer; }
.btn-r-wbg span { float: left; padding-right: 18px; background: url(/images/common/btn-r-wbg.gif) no-repeat right -29px; cursor: pointer; }

.btn-r-obg { display: inline-block; height: 28px; line-height: 28px; }
.btn-r-obg cite { float: left; width: 18px; height: 28px; background: url(/images/common/btn-r-obg.gif) no-repeat 0px 0px; cursor: pointer; }
.btn-r-obg span { float: left; padding-right: 18px; background: url(/images/common/btn-r-obg.gif) no-repeat right -29px; cursor: pointer; color: #fff; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 14px; font-weight: bold; letter-spacing: 1px; }

/* =subbox
---------------------------------------*/
.subbox .subbox_t { height: 30px; }
.subbox .subbox_m {  border-left: 1px solid #cbe7ed; border-right: 1px solid #cbe7ed; }
.subbox .subbox_b { height: 9px; background: url(/images/index/subbox_b.png) no-repeat left top; }

/* =twiooSearch
---------------------------------------*/
#twiooSearch { margin: 10px 0; position: relative; z-index: 9; }
#twiooSearch fieldset { padding: 0; margin: 0; }
#twiooSearch label, #twiooSearch input { float: left; _display: inline; }
#twiooSearch .globalsearch { height: 40px; background: url(/images/index/search_inputbg.png) repeat-x; width: 300px; padding-left: 10px; }
#twiooSearch .globalsearch input { height: 20px; width: 100%; font-size: 14px; margin-top: 10px; background-color: #fefdf6; outline: none; }
#globalsearch-go { width: 40px; height: 40px; background: url(/images/index/search_button.png) no-repeat; cursor: pointer; }
#twiooSearch .typing { background-position: 0 100%; }
#twiooSearch .search_menu { position: relative; float: left; }
#twiooSearch .search_menu a { display: block; }
#twiooSearch .search_menu .down, #twiooSearch .search_menu .up { width: 42px; height: 40px; display: block; outline: none; background: url(/images/index/search_button.png) no-repeat -40px 0; text-indent: -9999em; }
#twiooSearch .search_menu .up { background-position: -40px 100%; }
#twiooSearch #search_menu_drop { position: absolute; top: 36px; right: 1px; background-color: #fdf8dd; border: 1px solid #fbc669; width: 70px; }
#twiooSearch #search_menu_drop a { color: #6f6c6c; width: 50px; height: 22px; line-height: 22px; padding: 3px 10px; }
#twiooSearch #search_menu_drop a:hover { background-color: #fbeaa2; }

#twiooSearch #stockList { position: absolute; left: 270px; top: 40px; background: #fdf8dd; border: 1px solid #fbc669; border-top: 0 none; width: 300px; }
#twiooSearch #stockList li a { display: block; padding: 5px 20px; color: #6f6c6c; }
#twiooSearch #stockList li a:hover ,#twiooSearch #stockList ul li a.hover { background-color: #fbeaa2; }
#twiooSearch #stockList ul li a strong {color: red;}
#twiooSearch #stockList ul li a:hover strong, #twiooSearch #stockList ul li a.hover strong { color: red;}

/* =regBtn
---------------------------------------*/
.regBtn { width: 236px; margin: 0 auto 5px; text-align: center; }
.regBtn a { height: 52px; display: block; background: url(/images/index/reg_btn.png) no-repeat 0 0; }
.regBtn a:hover { background-position: 0 -52px; }

/* =loginBox
---------------------------------------*/
#loginBox { width: 269px; height: 229px; padding-top: 12px; background: url(/images/index/login_bg.png) no-repeat; text-align: center; position: relative; }
#loginBox  .loginBtn { width: 122px; height: 32px; margin: 0 auto; }
#loginBox .login_input { width: 219px; height: 33px; line-height: 33px; padding: 0 8px; background: url(/images/index/input_bg.png) no-repeat; margin-bottom: 10px; outline: none; }
#loginBox .choice { text-align: justify; width: 235px; margin: 0 auto 10px; color: #999; }
#loginBox .choice input, #loginBox .choice a { vertical-align: middle; }
#loginBox .choice .fr { *margin-top: 3px; _margin-top: 0; }
#loginBox .enter { position: absolute; bottom: 20px; left: 50%; }
#loginBox .enter a { width: 134px; vertical-align: middle; display: block; position: relative; left: -50%; }
#loginBox .welcome { margin-bottom: 10px; font-size: 14px; color: #0082cb; }
#loginBox #submitBtn { position: absolute; z-index: -1; top: -9999px; }

/* =forecast
---------------------------------------*/
#forecast { width: 269px; background: url(/images/index/forecast.png) no-repeat left top; }
#forecast ul { padding: 20px 10px 0px; }
#forecast li { margin-bottom: 6px; padding: 3px 5px 3px 25px; background: url(/images/index/ico_arrow.gif) no-repeat 5px 6px; }
#forecast li .usrlogo img { width: 50px; height: 50px; }
#forecast li.red span, #forecast li.on .red { color: #f30; }
#forecast li.green span, #forecast li.on .green { color: #09c612; }
#forecast li span { float: left; width: 65px; font-size: 14px; }
#forecast li .stk { width: 80px; }
#forecast li.on { position: relative; background-color: #fff7d0; border: 1px solid #ffe67d; }
#forecast li.on p { clear: both; }
#forecast li.on img { position: absolute; right: 5px; top: 5px; }
#forecast li.on .detail { margin-top: 2px; }
#forecast li.on .detail a { border-bottom: 1px solid #0082cb; }
#forecast li.on em { padding-left: 10px; }
#forecast .forecastBtn { width: 121px; margin: 0 auto; }

/* =recUser
---------------------------------------*/
#recUser { width: 269px; background: url(/images/index/recUser.png) no-repeat left top; margin-top: 15px; }
#recUser ul { background: url(/images/index/ul_dashed_line.gif) no-repeat center bottom; padding: 8px 3px 0; }
#recUser li { float: left; display: inline; width: 60px; margin: 8px 12px; height: 100px; text-align: center; }
#recUser li .avatar { width: 50px; }
#recUser li .usr-name, #recUser li .usr-des { width: 60px; overflow: hidden; white-space: nowrap; text-align: center; }
#recUser li .usr-name { margin-top: 5px; }
#recUser li .usr-name a { color: #666; }
#recUser li .usr-des a { color: #a2a3a3; }
#recUser .subbox_b { position: relative; margin-top: -1px; }

/* =advert
---------------------------------------*/
.advert { margin-top: 15px; clear: both; _margin-top: 10px; }
.advert a { display: block; }

/* =hotTopic
---------------------------------------*/
#hotTopic .box_t { clear: both; height: 63px; }
#hotTopic .keyword { width: 555px; text-align: left; padding-top: 15px; }
#hotTopic .keyword a { padding-right: 15px; outline: none; vertical-align: middle; font-family: \5FAE\8F6F\96C5\9ED1, /*微软雅黑的unicode*/ \9ED1\4F53, /*黑体的unicode*/ arial, \5b8b\4f53 /*宋体的unicode*/, sans-serif; color: #3090d3; }
#hotTopic .keyword .f20 { font-weight: bold; }
#hotTopic .box_m { height: 105px; overflow: hidden; background: url(/images/index/shadow.png) no-repeat center top; }
#hotTopic .items { height: 1000px; overflow: hidden; _padding-top: 5px; }
#hotTopic li { font-size: 14px; white-space: nowrap; width: 625px; overflow: hidden; height: 28px; background: url(/images/common/dashed_line.gif) repeat-x left bottom; padding-top: 8px; color: #666; } 
#hotTopic li em { color: #fb0505; }

/* =more
---------------------------------------*/
.more { float: right; padding: 8px 15px 0 0; }
.more a { color: #8b8a89; }

/* =avatar
---------------------------------------*/
.avatar { display: block; padding: 2px; border: 1px solid #d4d4d4; }

/* =faq
---------------------------------------*/
#faq .avatar { width: 50px; height: 50px; float: left; margin-right: 10px; }
#faq .box_m { background: url(/images/index/shadow_v.gif) no-repeat 287px center; }
#faq .experts { width: 267px; padding-top: 5px; overflow: hidden; }
#faq .experts li { position: relative; background: url(/images/common/dashed_line.gif) repeat-x left bottom; height: 68px; margin-bottom: 10px; width: 267px; overflow: hidden; }
#faq .experts dd, #faq .experts dt { color: #888; float: left; }
#faq .experts dt { margin-right: 10px; }
#faq .experts dd.expert-des { line-height: 20px; height: 40px; color: #666; margin-top: 5px; width: 190px; overflow: hidden; }
#faq .experts dd.expert-flw { position: absolute; right: 0; top: -1px; }
#faq .experts dd.expert-fans em { color: #f66706; font-style: normal; }
#faq .others { width: 240px; height: 80px; padding-left: 38px; margin-top: 10px; background: url(/images/index/label.png) no-repeat left center; }
#faq .others li { float: left; display: inline; width: 66px; height: 20px; overflow: hidden; margin-left: 6px; margin-bottom: 10px; white-space: nowrap; }
#faq .others li a { display: inline-block; color: #666; vertical-align: middle; }
#faq .others li .others_name { margin-left: 3px; }
#faq .others li .others_name:hover { color: #0082CB; }
#faq .fr { width: 330px; }
/*#faq .fr li.line { background: url(/images/common/dashed_line.gif) repeat-x left top; margin: 3px 0 1px; }*/
#faq .question { margin: 10px 0; }
#faq .question #ask { border: 1px solid #e3e3e3; width: 230px; height: 50px; padding: 1px 2px; margin: 0 5px 0 30px; overflow: auto; }
#faq .question a { display: block; margin-left: 30px; }
#faq .question #ask_but { width: 52px; height: 52px; background: url(/images/index/ask.png) no-repeat; margin: 0; }
#faq .question #ask_but:hover { background-position: 0 -52px; }
#faq .qlist { height: 190px; padding-left: 10px; }
#faq .qlist td { height: 44px; }
#faq .qlist p { line-height: 22px; height: 44px; padding-left: 22px; overflow: hidden; color: #666; background: url(/images/index/ico_faq.gif) no-repeat 0 4px; }
#faq .qlist p.answer { background-position: 0 -60px; }
#faq .qlist p img { margin-top: 2px; }
#faq .qlist .cont { color: #333; }
#faq .qlist .cont:hover { color: #0082CB; }

/* =talk
---------------------------------------*/
#talk .box_b { position: relative; margin-top: -4px; }

/* =report
---------------------------------------*/
#report .box_m { padding-right: 0; }
#report .box_m a { padding-right: 8px; }

/* =scrollPrice
---------------------------------------*/
#scrollPrice { padding: 5px 0; width: 960px; position: relative; background: url(/images/index/bdt_bg.png) no-repeat; }
#scrollPrice .scrollable { height: 28px; line-height: 28px; position: relative; overflow: hidden; z-index: 999; }
#scrollPrice .items { position: absolute; height: 400px; }
#scrollPrice ul { padding: 0 0 0 15px; }
#scrollPrice li { float: left; margin-right: 24px; _margin-top: 6px; letter-spacing: 1px; }
#scrollPrice li a { color: #333; }
#scrollPrice li .num { font-weight: bolder; }
#scrollPrice li .range { padding: 0 5px 0 10px; }
#scrollPrice li.down .range, #scrollPrice li.down .num { color: #12bb05; }
#scrollPrice li.up .range, #scrollPrice li.up .num { color: #fe0909; }
#scrollPrice li.draw .range, #scrollPrice li.draw .num { color: #959595; }
#actions { position: absolute; right: 5px; top: 0px; z-index: 9; }
#actions .prev, #actions .next { width: 14px; height: 14px; display: block; cursor: pointer; background: url(/images/index/prev.gif) no-repeat; }
#actions .next { background-image: url(/images/index/next.gif); }
#scrollPrice #actions .disabled { background-position: 0 -14px; }

/* =flashSlide
---------------------------------------*/
#flashSlide { position: relative; width: 657px; height: 145px; }
#flashSlide .images { width: 657px; height: 145px; overflow: hidden; }
#flashSlide .slidetabs { position: absolute; right: 10px; bottom: 10px; z-index: 9; }
#flashSlide .slidetabs a { background-color: #FCF2CF; color: #D94B01; padding: 1px 5px; font-weight: bold; }
#flashSlide .slidetabs a.current { color: #fff; background-color: #FF9415; }

/* =advert
---------------------------------------*/
.advert { position: relative; width: 268px; }
.advert .images { width: 268px; height: 70px; overflow: hidden; }
.advert .smalltabs { position: absolute; right: 5px; bottom: 5px; z-index: 9; }
.advert .smalltabs a { background-color: #666; color: #fff; padding: 0px 4px; }
.advert .smalltabs a.current { background-color: #ff9700; }

/* =links
---------------------------------------*/
#links{ padding:10px; border-bottom:1px dashed #ccc; color:#666; } 
#links a{ padding:0px 8px; line-height:20px; width:64px; color:#A9A7A8; }
#links a:hover { color: #0082cb; }
#scrollLinks { height: 20px; overflow: hidden; position: relative; }
#scrollLinks .items { height: 20000px; position: absolute; }

/* =ft
---------------------------------------*/
.ft { margin: 0px auto; height:90px; }
.ft p { padding: 20px 0 0 10px; text-align: center; color:#a9a7a8; line-height:22px; }
.ft a { color: #a9a7a8; text-decoration: none; }
a.flink:link, a.flink:visited { color:#a9a7a8; text-decoration: none; }
a.flink:hover { color:#0082cb; text-decoration: none; }