﻿/*---banner---*/
.banner { width: 100%; height: 420px; margin: 0;     position: absolute;  overflow: hidden; left: 0; top: 190px;}
.banner-img li { width: 100%; height: 420px; }
.banner .num { overflow: hidden; height: 25px; position: absolute; bottom: 12px; width: 100%; text-align: center; left: 15px; zoom: 1; z-index: 3 }
.banner .num li { width: 12px; height: 12px; line-height: 12px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #fff; margin-right: 10px; border-radius: 50%; cursor: pointer; display: inline-block; box-shadow: 1px 1px 8px #333; }
.banner .num li.on { background: #FF7700; } /*当前项*/
.banner .prev, .banner .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px; }
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }
/*---content---*/

.index-normal-left {     clear: both;float: left; width: 880px; margin-top:0;  }
.index-normal-right {  float: right; width: 300px; margin-top: 0; }
.index-normal-line{margin-top: 20px;overflow: hidden; background:#fff;}
.index-img-news {float: left;width: 400px;overflow: hidden;}
/*---news-img---*/
.focus { position: relative; width: 400px; height: 330px; background-color: #000; float: left; }
.focus img { width: 400px; height: 330px !important; }
.focus .shadow .title { width: 260px; height: 40px; padding-left: 10px; padding-top: 0px; }
.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; }
.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #f16620; }
.focus .fPic { position: absolute; left: 0px; top: 0px; }
.focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; }
.focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 40px; line-height: 40px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
display: block; text-align: left; }
.focus .shadow a { text-decoration: none; color: #fff; font-size: 12px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; width: 60%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }
.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 }
.focus .fcon img { display: block; }
.focus .fbg { bottom: 8px; right: 10px; position: absolute; height: 21px; text-align: center; z-index: 200; }
.focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px }
.focus .D1fBt a { position: relative; display: inline; width: 10px; height: 10px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #f16620; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; opacity: 0.1 }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; opacity: 0.1 }
.focus .prev:hover { background-position: 0 0; }
.focus .next:hover { background-position: -40px 0; }
/*---news---*/
.index-news {float: left;width: 480px;background: #fff;height: 330px;overflow: hidden;}
.index-normal-line h3 {font-size: 18px;height:50px;font-weight: bold;border-bottom:1px solid #ddd;color: #333;line-height: 50px;padding-left: 25px; background:url(../images/h3.png) no-repeat 10px center;}
.index-normal-line h3 em { font-size: 12px; font-weight: normal; color: #999; margin-left: 10px; font-style: normal; }
.index-normal-line h3 a.more { float: right; font-size: 12px; color: #333; padding-right: 10px; background: url(../images/more.png) no-repeat right center; margin-right: 20px; font-weight: normal; }
.index-normal-line .index-news h3 { padding:0 20px;height:40px; border-bottom:none; background:none; line-height:40px;margin-top:10px; color:#1e3f8e; }
.index-normal-line .index-news h3 a.more { margin-right: 0px; }
.index-normal-line .name{height:50px;font-size: 18px;font-weight: bold;color: #333;line-height: 50px;padding-left: 25px;overflow:hidden; border-bottom:1px solid #ddd; background:url(../images/h3.png) no-repeat 10px center;}
.index-normal-line .name em {font-size: 12px; font-weight: normal; color: #999; margin-left: 10px; font-style: normal; }
.index-normal-line .name a.more { float: right;margin-left:20px; font-size: 12px; color: #333; padding-right: 10px; background: url(../images/more.png) no-repeat right center; margin-right: 20px; font-weight: normal; }
.index-normal-line .name span{float: left;}
.index-normal-line ul.tabtitle {font-size: 14px;float: right;position: relative;}
.index-normal-line ul.tabtitle li {float: left;padding: 0 20px;height: 48px;line-height: 52px;font-weight: normal;/* margin-top: 10px; */cursor: pointer;margin-right: 10px;}
.index-normal-line ul li.one {border-bottom: 2px solid #1e3f8e;color: #1e3f8e;/* background: #1e3f8e; */}
.index-normal-line ul li.one a {color: #1e3f8e;}
/*---newslist---*/
.newslist{ padding:15px 20px 0 20px;}
.newslist li { line-height: 34px; overflow: hidden; background:url(../images/ico-item3.png) no-repeat left center; padding-left:15px; }
.newslist li .title { float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li .date { float: right; width: 30%; text-align: right; color: #999; }
.index-normal-line .index-news .newslist{padding-top:0;}
.index-normal-line .index-news .newslist li{ background:url(../images/ico-item1.png) no-repeat left center;padding-left:18px; }
.index-normal-line .index-news .newslist li:first-child{ background:url(../images/ico-item1-f.png) no-repeat left 12px; }
.index-normal-line .index-news .newslist li:last-child{ background:url(../images/ico-item1-l.png) no-repeat left 0px; }
/*---tab---*/
.notice-area {position: relative;}
.notice-area .tabcontent {padding: 0 0px 15px 0px; height:254px; overflow:hidden;}
.index-right-btns li { float: left; width: 145px; height: 50px; line-height: 50px; background: #1e3f8e; text-align:center;font-size: 16px; margin-bottom:10px; }
.index-right-btns li a { color: #fff; width: 100%; height: 100%; display: inline-block; }
.index-right-btns li.user{ margin-right:10px;}
.index-right-btns li.register{background:#f46722; width:100%;}
.index-right-btns li .ico { float:left; width: 70px; height: 70px; border-right:1px solid #0e2b6f; margin-right:20px;}
.index-right-btns li.user .ico { background: url(../images/btn-ico-login.png) no-repeat center; background-size:50%; }
.index-right-btns li.credit .ico { background: url(../images/btn-ico-credit.png) no-repeat center; background-size:50%; }
.index-right-btns li.register .ico { background: url(../images/btn-ico-reg.png) no-repeat center; background-size:50%; border-right:1px solid #e55b17; }
.index-right-btns li em{ width:16px; height:70px; background:url(../images/arr-w.png) no-repeat center; float:right; margin-right:20px;}
.trade-total-box { padding: 20px; background:#fff; margin-top:10px; }
.total-number-list li { font-size: 18px; font-weight: bold; line-height: 42px; float: left; width: 30px; height: 42px; margin-right: 5px; text-align: center; color: #999; background: #f6f6f6; }
.total-item { line-height: 20px; height: 20px; }
.total-taday-title { font-size: 16px; font-weight: bold; height: 24px; color: #444; }
.total-title { line-height: 14px; height: 14px; margin: 25px 0 14px 0; }
.trade-total-name { font-size: 12px; font-weight: bold; color: #444; }
.trade-total-box .tip { font-size: 14px; font-weight: bold; color: #ff7577; font-style:normal; }
.right-area{padding:10px 20px 0 20px;    height: 259px;overflow: hidden; background:#fff;}
.right-area li .title{ width:100%;}
.index-right-btns .cate-btns{ margin-top:10px;}
.index-right-btns .cate-btns li{height:100px; line-height:100px; text-align:left; margin-top:10px; margin-bottom:0; width:100%;}
.index-right-btns .cate-btns li .ico{ width:80px; margin-left:10px; height:100px; margin-right:0; border:none;}
.index-right-btns li.zcfg{ background:#2fa094;}
.index-right-btns li.bszn{ background:#dd5445;}
.index-right-btns li.zjfw{ background:#5d49aa;}
.index-right-btns li.zcfg .ico { background: url(../images/ico-mid-btn1.png) no-repeat center;}
.index-right-btns li.bszn .ico { background: url(../images/ico-mid-btn2.png) no-repeat center;}
.index-right-btns li.zjfw .ico { background: url(../images/ico-mid-btn3.png) no-repeat center;}
.index-right-btns .cate-btns li span{width:190px; height:20px; line-height:20px; font-size:16px; float:left; margin-top:30px;}
.index-right-btns .cate-btns li span.txt{ font-size:14px; margin-top:5px;}
.mt10{margin-top:10px;}
.index-normal-right .index-normal-line{/* border: 1px solid #ddd; */}
.index-normal-right .index-normal-line h3{color:#1e3f8e;border-bottom:1px solid #ddd; height:50px; line-height:50px; background:url(../images/ico-title.png) no-repeat 20px center ; padding-left:45px;}
.index-normal-right .newslist{ padding:0;}
.index-normal-right .newslist li{ background:url(../images/ico-item2.png) no-repeat left center;}
.textlist li{ line-height:36px; background:url(../images/ico-item4.png) no-repeat left center; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.flinks{ background:#fff;}
.flinks h3{ border-bottom:1px solid #ddd; line-height:50px;}
.flinks-list{ margin:10px 0 0 10px ; overflow:hidden;}
.flinks-list li{ width:214px; height:68px; border:1px solid #ddd; margin:10px; float:left;}

.login-area{width: 100%;background:#fff;/* border:1px solid #ddd; */border-radius:5px;margin: 0 auto;text-align:center;}
.login-area h2{font-size:18px;text-align:center;border-bottom:1px solid #ddd;line-height:50px;color:#1e3f8e;}
.login-area .input-area{ display:block; width:360px; margin:20px auto; overflow:hidden;}
.login-area .input-area .line{ display:block; padding:10px 0;}
.login-area .input-area .line input{margin-bottom:0px; line-height:26px;}
.login-area .input-area .line label{margin:0 5px}
.login-area .input-area .line label input{margin-bottom:2px; margin-right:7px;}
.login-area .btn{min-width:100px; height:40px; line-height:40px; padding:0 15px; margin:0 10px; box-shadow:none;}
.login-area .btn_login{ background:#f46722; color:#fff; text-shadow:none; }
.login-area .btn-default{ background:#f8f8f8; text-shadow:none; }
.mt20{ margin-top:20px;}
.login-area .btn-download{background:#1e3f8e; color:#fff;text-shadow:none; height:30px; line-height:30px;}
.login-area .input-area .line a{margin:0 10px; color:#999; display:inline-block; }
.login-area .input-area .line a:hover{color:#4b71cd}
img.userhead {
    float: left;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.userinfo {
    float: left;
}

.userinfo {
    float: left;
    width: 180px;
}

.userinfo span {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
}

.userbtns {
    text-align: left;
    margin-top: 10px;
}

.userbtns a {
    background: #1e3f8e;
    color: #fff;
    padding: 5px 10px;
    margin: 0 5px;
}

.userinfo span.name {
    font-size: 15px;
    color: #333;
}