﻿/*CSS reset*/
body{ background-color:#fff;} 
body,button,input,select,textarea,table{ font:12px/1.2 simsun; color:#333; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form,dl,dd,div{margin:0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 500;}
input {padding:0;outline:none;}
a {color:#4372ba;text-decoration:none;cursor:pointer;outline:none;}
ul,ol{padding-left:0; list-style-type:none;}
img{border:0;}
table {border-collapse: collapse;border-spacing: 0;}
/*CSS common*/
a:hover{ color:#FF4400; text-decoration:underline;}
em {color: #cc0000;font-family: Arial;font-size: 12px;font-style: normal;font-weight: 700;}
.fl,.fr{display:inline;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
.n{font-weight:normal !important; font-style:normal !important;}.b{font-weight:bold !important;}
.arial{font-family:Arial;}.song{font-family:'宋体';}.yahei{font-family:'微软雅黑';}
.tc{text-align:center !important;}.tr{text-align:right !important;}.tl{text-align:left !important;}
.tdl{text-decoration:underline;}.tdn,.tdn:hover{color:#FF4400;text-decoration:none;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f30{font-size:30px !important;}
.f40{font-size:40px !important;}
.f60{font-size:60px !important;}
.pr{position:relative;}
.pa{position:absolute;}
.hide{display:none;}.show{display:block;}
.ib {display:inline-block;}
.page-box{ width:1200px; margin:10px auto 0 auto;}
.lk0:hover {color:#003599;text-decoration: none;}
.lk5:hover {color:#0066BB;text-decoration: underline;}
.red {color:#CC0000;}
.s0,.s6,.s8,.s10{clear: both;overflow: hidden;}
.s0 {height: 0;}
.s6 {height:6px;}
.s8 {height:8px;}
.s10 {height:10px;}
.point {cursor:pointer;}
.wapper-g {border-left:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml35 {margin-left: 35px;}
.pl8 {padding-left: 8px;}
.pr8 {padding-right: 8px;}
.ml8 {margin-left: 8px;}
.mr8 {margin-right: 8px;}
.mr0 {margin-right: 0;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt35 {margin-top: 35px !important;}
.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.w100 {width:100px;}
.h100 {height:100px;}
.amore {position: absolute;right:8px;top:0;}
.zhang,.die,.ping {color: #C40000;font-family: Arial;font-weight: 700;}
.zhang {color: #CC0000;}
.die {color:#077C23;}
.ping {color:#3F3F3F;}
.gray {color: #999999 !important;}
.dgray {color: #666666 !important;}
.orange {color:#FF4400;}
.lh35 {line-height:35px;}
.lh40 {line-height:40px;}
.lh45 {line-height:45px;}
.a_null,.a_null:hover {
    color: #999999 !important;
    text-decoration:none !important;
    cursor:default;
}
.clearfix{
    *zoom:1;
}
.clearfix:after{
    clear: both;
    content: ' ';
    font-size: 0;
    height: 0;
    display: block;
}
.desc, .asc {
    zoom:1;
}
.wapper {
    margin: 0 auto;
    width: 1000px;
}
.btn, .btn:hover {
    text-align: center;
    text-decoration: none;
}
.btn-buy {
    display:inline-block;
    zoom:1;
    width:38px;
    height:22px;
    line-height:22px;
    background-color:#FF4400;
    color:#FFFFFF;
}
.btn-buy:hover {
    color:#FFFFFF;
    background-color:#F52B00;
}
.btn-unbuy, .btn-unbuy:hover {
    background-color:#B5B5B5;
    color:#FFFFFF;
    cursor:default;
}

.feilv span, .feilv a {
    font-family:Arial;
    margin:0 2px;
}
.feilv span.del {
    color:#999999;
    text-decoration:line-through;
}
.feilv a {
    color:#4c74b1;
    text-decoration:underline;
}
.feilv a:hover {
    color:#FF4400;
}

/*pic commom*/
.div-hot dt,th .desc {
    background: url("/j5/image/201509/20150909142017.png") no-repeat scroll 0 0 transparent;
}
b.kh, b.jy, b.zx, b.dg, .help a, .f_f_foot a, div.contents li, .spclink a, .dt_datas th a {
    background: url("/j5/j1/images/ico_1.gif") no-repeat scroll 1000px 1000px transparent;
}
.logobar .ico {
    display: inline;
    float: left;
}

/*top-nav*/
.top-nav-wrap {
    position:relative;
    z-index:1;
    height: 26px;
    line-height:26px;
    border-bottom:1px solid #DCDCDC;
    background-color:#F5F5F5;
}
.top-nav-wrap .page-box {
    margin-top:0;
}
.top-nav-wrap a {
    color:#333333;
}
.top-nav-wrap a:hover {
    color:#DC0000;
}
.site-nav {
    color: #666666;
    text-align:center;
}
.help_login a, .help_login span {
    margin-left: 10px;
}
.quick-menu {
    z-index:11;
}
.quick-menu li {
    float: left;
    padding: 0 10px;
    background: url("/g1/g1/201303/20130309183304.gif") no-repeat scroll right 8px transparent;
}
.quick-menu li.nbr {
    background: none repeat scroll 0 center transparent;
}
.quick-menu .p0 {
    padding:0;
    position:relative;
}
.menu-hd { 
    position:relative;
    z-index:1;
    height: 26px;
    padding: 0 10px;
    cursor: pointer;  
}
.label-menu1 {
    width:48px;
}
.label-menu2 {
    width:78px;
}
.label-menu3 {
    width:30px;
}
.label-menu4 {
    width:60px;
}
.menu-hd label {
    background: url("/j5/image/201412/20141225110724.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 26px;
    overflow:hidden;
    padding-right: 10px;
    background-position: right -6px;   
}
.menu-hd label.up {
    background-position:right 11px;
}
.menu-bd {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 5px 0;
    border: 1px solid #DCDCDC;
    background-color:#FFFFFF; 
}
.menu-hd.hover {
    top: 0;
    border-top:none;
    border-left:1px solid #C9C9C9;
    border-right:1px solid #C9C9C9;
    background-color: #FFFFFF;      
}
.menu-bd a {
    display: block;
    line-height: 22px;
}
.a_phone, .ad_phone, .float_phone {
    background: url("/j5/image/201405/20140507095300.gif") no-repeat scroll 0 3px transparent;
}
.login-info .a_phone {
    background-position: -215px -79px;
    color: #0066bb;
    margin-left: 10px;
    padding-left: 13px;
}
.ad_phone {
    background-position: -217px 0;
    height: 65px;
    margin-top: 8px;
    width: 133px;
}
.float_phone {
    cursor: pointer;
    height: 123px;
    left: -50px;
    margin-top: -3px;
    position: absolute;
    z-index:3;
    top: 14px;
    width: 204px;
}
.float_phone .btn {
    height: 24px;
    left: 13px;
    position: absolute;
    text-indent: -9999px;
    width: 94px;
}
.btn_iphone {
    top: 44px;
}
.btn_android {
    top: 77px;
}

/* nav */
.logobar{ height:36px;margin:5px 0;}
.logo,.expand{ margin-top:5px;}
.expand span{ display:inline; float:left; margin-top:3px;}
.expand b,.expand a{ width:22px; height:28px; line-height:28px; vertical-align:middle; font-size:14px;text-decoration:none;color:#003497;}
.expand b{ margin:0px 5px 0px 15px;}
.expand b.kh{ margin-left:0px; background-position:-10px -10px;}
.expand b.jy{ background-position:-50px -10px;}
.expand b.zx{ background-position:-90px -10px;}
.expand b.dg{ background-position:-130px -10px;}
.visited b.tel{ margin-top:0px; width:213px; height:36px; background:url('/j5/j1/images/fwrx.jpg') no-repeat scroll 0px 0px;}

/*subnav*/
.subnav {
    height:32px;
    line-height:32px;
    background-color:#F3F3F3;
}
.subnav a, .subnav span {
    margin:0 8px;
}

/*main-nav-wrap*/
.main-nav-wrap {
    position:relative;
    height:37px;
    line-height:37px;
    margin:10px auto;
    /*width:100%;*/
    overflow:hidden;
}
.main-nav-wrap ul {
    height:35px;
    overflow:hidden;
    border-bottom:2px solid #2772B6;
}
.main-nav-wrap ul.ul-main-hot {
    position:absolute;
    top:0;
    right:0;
    float:left;
    border-bottom:2px solid #d53a3a;
    padding:0 10px;
}
.main-nav-wrap .li-fence {
    color:#D4D4D4;
    margin:0 2px;
    font-size:18px;
}
.main-nav-wrap .li-fence-last {
    margin:0 0 0 2px;
}
.main-nav-wrap li {
    float:left;
    position:relative;
    z-index:1;
}
.main-nav-wrap li a {
    position:relative;
    display:inline-block;
    height:35px;
    line-height:35px;
    width:58px;
    text-align:center;
    font-size:14px;
    color:#333333;
    zoom:1;
    overflow:hidden;
}
.main-nav-wrap li a.a_m {
    width:65px;
}
.main-nav-wrap li a.a_l {
    width:100px;
}
/*.main-nav-wrap li.at a {
    width:100px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#2772B6;
}*/
.main-nav-wrap ul a:hover {
    text-decoration:none;
}
.main-nav-wrap b, .main-nav-wrap i {
    display:inline-block;
    zoom:1;
    font-style:normal;
    font-weight:normal;
    font-size:14px;
    color:#FFFFFF;
    width:100%;
    height:35px;
    transition: all 0.15s ease 0s;
}
.main-nav-wrap li b {
    background: none repeat scroll 0 0 #2772b6;  
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 35px;
    z-index: 1;
}
.main-nav-wrap .ul-main-hot li b {
    background: none repeat scroll 0 0 #d53a3a;
}
.main-nav-wrap li i {
    color: #FFFFFF;
    cursor: pointer;
    font: bold 14px/35px "宋体";
    left: 0;
    position: relative;
    text-align: center;
    top: -35px;   
}
.main-nav-wrap li a:hover b,.main-nav-wrap .at a b {
    top: 0;
}
.main-nav-wrap li a:hover,.main-nav-wrap .at a {
    /*_background-color: #2772b6;*/
}
.main-nav-wrap .ul-main-hot li a:hover,.main-nav-wrap .ul-main-hot .at a{
    /*_background-color: #d53a3a;*/
}
.main-nav-wrap li a:hover i,.main-nav-wrap .at a i  {
    top: 0;
    line-height:35px;
}

.main-nav-wrap li a:hover {
    color:#2772b6;
}
.main-nav-wrap .ul-main-hot li a:hover {
    color:#d53a3a;
}

/*div-hot*/
.div-hot {
    margin-top:20px;
    margin-bottom:20px;
    height:244px;
}
.div-hot .zhang, .div-hot .die, .div-hot .ping {
    font-size:20px;
}
.div-hot em {
    font-size:20px;
    margin-right:3px;
}
.div-hot dl {
    width:318px;
    height:244px;
    overflow:hidden;
    float:left;
    display:inline;
    margin-right:20px;
    border:1px solid #E3E3E3;
}
.div-hot dl.last {
    margin-right:0
}
.div-hot dt {
    position:relative;
    height:102px;
    background-position:-1px -1px;
}
.div-hot .content-fund dt {
    background-position:-1px -104px;
    
}
.div-hot .tit, .div-hot .subtit {
    position:absolute;
    font-family:"Microsoft YaHei";
    color:#FFFFFF;
}
.div-hot .tit {
    top:26px;
    left:20px;
    display:block;
    width:120px;
    height:56px;
    line-height:28px;
    font-size:22px;
    overflow:hidden;
}
.div-hot .subtit {
    left: 140px;
    top: 14px;
    font-size:14px;
}
.div-hot .content-fund .subtit {
    left:193px;
}
.div-hot dd {
    position:relative;
    margin:0 20px;
}
.div-hot .dd-info {
    padding:14px 0;
    line-height:24px;
    border-bottom:1px dashed #E3E3E3;
}
.div-hot .dd-info .sy {
    float:left;
    width:135px;
    border-right:1px solid #E3E3E3;
}
.div-hot .dd-info .xl {
    float:left;
    width:130px;
    padding-left:10px;
}
.div-hot .dd-buy {
    height:42px;
    line-height:42px;
}
.div-hot .btn-buy {
    position:absolute;
    right:0;
    top:9px;
}

/*header*/
.header {
    position:relative;
    height:32px;
    line-height:32px;
    padding:0 20px;  
    border-top:2px solid #4C74B1;
    border-left:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
}
.header b {
    font-size:14px;
    font-weight:bold;
}
.header .sub {
    margin-left:15px;
    color:#666666;
}
.header .date {
    position:absolute;
    top:0;
    right:20px;
    color:#666666;
}

/*tb*/
.div-tb {
     margin-top:10px;
}
.div-tb-l, .div-tb-r {
    width:494px;
}
.div-tb-l {
    float:left;
    display:inline;
}
.div-tb-r {
    float:right;
    display:inline;
}
.tb {
    width:100%;
    border:1px solid #E3E3E3;
}
.tb th, .tb td {
    font-weight:normal;
    text-align:center;
    border-bottom:1px solid #E3E3E3;
}
.tb th {
    height:26px;
    background-color:#F3F3F3;
}
.tb td {
    height:40px;
}
.tb .rank {
    font-weight:bold;
}
.tb .top {
    color:#FF4400;
}
.tb .fname {
    width:180px;
    padding-left:10px;
    text-align:left;
}
.tb .num {
    text-align:right;
}
.tb .th_num {
    text-align:right;
    padding-right:5px;
}
.tb .amount {
    /*width:130px;*/
    /*padding-right:10px;*/
    text-align:right;
    font-weight:bold;
}
.tb .th_amount {
    text-align:right;
    padding-right:10px;
} 
.tb .amount em {
    color:#333333;
}
.tb .buy {
    width:80px;
}
.tb th .desc {
    background-position: right -3px;
    padding-right: 10px;
}
.tb .th_rate {
    text-align:right;
    padding-right:8px;
}
.tb .th_lx {
    text-align:left;
    padding-left:10px;
}
.tb .qd {
    text-align:right;
    padding-right:10px;
}
.tb .th_qd {
    text-align:right;
}
.tb .ran {
    width:63px;
}


/*comm-content*/
.comm-content {
    cursor:pointer;
}
