@charset "utf-8";
/* base */
body{ font:12px/22px "微软雅黑","宋体",Verdana; color:#666; background:#eee url(../images/bgrank.gif?t=15dd6cec) repeat-x;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ vertical-align:top; border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6,input{ font-size:12px; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input{ outline:0;}

/* public */
.fb{ font-weight:bold;}
.left{ float:left;}
.right{ float:right;}
.t_center{ text-align:center;}
.clear { zoom:1;}
.clear:after { content:''; display:block; clear:both;}
.hied{ display:none;}
.wrap{ width:980px; margin:0 auto;}
.yahei{ font-family:"微软雅黑";}

/* font color */
.white,.white a{ color:#fff;}
.blue,.blue a{ color:#317ee7 !important;}
.gray{ color:#999;}
.red{ color:#c70000;}

/* font link */
a{ text-decoration:none; color:#333;}
a:hover { text-decoration:underline;}

/* font size */
.f36{ font-size:36px;}
.f28{ font-size:28px;}
.f24{ font-size:24px;}
.f18,.t_area p{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}

/* box */

/* icon */
.header,.top h3,.risk,.r_point{ background:url(../images/iconrank.gif?t=15dd6cec) no-repeat 0 27px;}

/* header */
.header{ height:92px; line-height:92px; padding-left:58px;}

/* top */
.top{ height:462px; background:url(../images/top.gif?t=15dd6cec) no-repeat;}
.top h2{ height:82px; line-height:82px;}
.top h3{ height:52px; line-height:52px; margin-left:-34px; padding-left:34px;}
.top .ascend{ background-position:0 -66px;}
.top .descend{ background-position:0 -123px;}
.top p{ line-height:24px;}
.t_area{ padding-left:50px;}
.t_block{ width:430px; padding:0 0 30px 34px; display:inline;}

/* search */
.search{ margin:40px 0;}
.search input{ border:3px solid #317ee7;}
.s_form{ width:532px; margin:0 auto;}
.s_input{ width:376px; padding:7px;}
.s_btn{ width:136px; height:40px; background:#317ee7; cursor:pointer;}
.s_info{ line-height:40px; margin-top:30px;}

/* list */
.list{ padding:20px; border:1px solid #d8d8d8; background:#fff;}
.list thead{ height:48px; line-height:48px;}
.list thead td{ border-bottom:1px solid #dadada;}
.list tbody{ height:36px; line-height:36px; cursor:pointer;}
.list table{ display:none;}
.list .on td{ background:#f7f7f7;}
.list .on2 td{ background:#e6e6e6;}
.l_nav{ height:32px; line-height:32px; padding-bottom:20px; background:url(../images/line0.gif?t=15dd6cec) repeat-x 0 bottom; position:relative;}
.l_nav li{ display:inline; padding-left:30px; margin-right:24px; background:url(../images/line1.gif?t=15dd6cec) repeat-y; cursor:pointer;}
.l_nav .first{ background:none;}
.l_nav .line{ height:3px; overflow:hidden; background:#317ee7; position:absolute; top:49px;}
.l_nav a{ color:#999;}
.l_nav a:hover{ text-decoration:none;}


/* risk */
.risk{ padding-left:16px; background-position:0 -186px;}
.r_con{ position:absolute;}
.r_info{ width:330px; padding:5px; border:1px solid #ff8f8f; line-height:18px; background:#fff;}
.r_point{ width:10px; height:6px; background-position:0 -220px; position:relative; top:-1px; left:10px;}

/* footer */
.footer{ padding:20px 0; color:#5a5a5a;}
.footer a{ display:inline-block; margin-left:10px;}