html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}
html,body{font-family: 'Microsoft YaHei','simsun','宋体';font-size:14px; line-height:24px;color:#666666;}ul,ol{list-style-type:none}a{text-decoration:none;blr:expression(this.onFocus=this.blur());color:#666666;}
a:hover{text-decoration:none;color:#666;} a:focus{outline:none;}li:focus{outline:none;}fieldset,img{border:0}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super;}sub{vertical-align:sub;}cite,em,dfn{font-style:normal;}
table{border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}input,textarea,select,button{font-size:100%;font-family:inherit;margin:0;padding:0;}label,button{cursor:pointer}
textarea{white-space:pre;resize:none;}button,input,select,textarea{font-size:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;}
img{border:none;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table,th,td{border-collapse:collapse;}
body{background: #f5f4f1;position: relative;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.of{ overflow: hidden; _zoom:1;}

.wrapper{
    width: 1230px;
    margin-left:-615px;
    position: relative;
    left:50%;
    top:0;
}
.yellow{
    color: #f1b50e;
}
.grey{
    color: #666;
}
.grey2{
    color: #333;
}
.f16{
    font-size: 16px;
}
.f17{
    font-size: 17px;
}
.botton{
    display: block;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background:#bca06f;
}
.botton:hover{
    color: #fff;
    background:#c9a972;
}
.widhtheight{
    width: 240px;
    height: 44px;
    line-height: 44px;
}
.endbotton,.endbotton:hover{
    background:#999;
}
.marbotton{
    margin-bottom: 20px;
}
.marbotton10{
    margin-bottom: 10px;
}

.page{
    width: 432px;
    margin:10px auto 0;
}
.page a,.page span{
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin:0 2px;
    border:1px solid #e5e5e5;
    color: #4c4c4c;
    background:#fff;
}
.page a:hover{
    border:1px solid #bca06f;
    color: #fff;
    background:#bca06f;
}
.page span{
    color: #818080;
    background:#fcfcfb url(../images/ico9.png) no-repeat center center;
}
.page .leftbtn{
    background:#fff url(../images/ico7.png) no-repeat center center;
}
.page .rightbtn{
    background:#fff url(../images/ico8.png) no-repeat center center;
}
.page .leftbtn:hover{
    background:#bca06f url(../images/ico10.png) no-repeat center center;
}
.page .rightbtn:hover{
    background:#bca06f url(../images/ico11.png) no-repeat center center;
}
/*header styles*/
.header{
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #e5e1db;
    background:#fff;
    position: relative;
}
.header .nav{
    position: absolute;
    left:233px;
    top:15px;
}
.header .nav li{
    float: left;
    width: 140px;
    height: 76px;
}
.header .nav li a{
    display: block;
    font-size: 16px;
    width: 108px;
    height: 56px;
    padding-top:20px;
    padding-left: 32px;
    margin-right: 27px;
    color: #333;
    background-image: url(../images/nav-ico.png);
    background-repeat: no-repeat;
    background-position: -44px 29px;
}
.header .nav li a:hover,.header .nav li a.active{
    color: #bca06f;
    background-color: #f5f4f1;
    background-position: 105px 29px;
}
.header .right a{
    float: right;
    display:block;
    height: 50px;
    margin:20px 0 0 16px;
    line-height: 50px;
}
.header .right a.bg1{
    width: 54px;
    border-left:1px solid #e5e5e5;
    background:url(../images/header-ico1.png) no-repeat center center;
}
.header .right a.bg2{
    padding-left: 35px;
    color: #333;
    background:url(../images/header-ico2.png) no-repeat left center;
}
/*footer styles*/
.footer{
    width: 100%;
    height: 85px;
    line-height: 85px;
    margin-top:60px;
    border-top:6px solid #ededee;
    background:#fff;
}
.footer .left{
    color: #4c4c4c;
}
.footer .left span{
    padding:0 8px;
    color: #eae9e5;
}
.footer .right a{
    color: #4c4c4c;
    padding-left: 20px;
}

.breadline{
    height: 54px;
    line-height: 54px;
}
.breadline{
    color: #bca06f;
}
.breadline a{
    float: left;
}
.breadline span{
    float: left;
    margin:24px 10px 0;
    color: #666;
}
.breadline a:hover{
    color: #bca06f;
}
/*personal business styles*/
.financialtitle{
    height: 60px;
    line-height: 60px;
    background:#fff;
}
.financialtitle .left{
    font-size: 28px;
    color: #333;
    margin-left: 20px;
}
.financialtitle .right a{
    display: inline-block;
    font-size: 16px;
    margin-right: 60px;
}
.financialtitle .right a:hover,.financialtitle .right a.active{
    color: #bca06f;
    background:url(../images/title-ico.png) no-repeat center bottom;
}
.financialhead{
    padding-bottom: 19px;
}
.financialhead .left{
    height: 26px;
    line-height: 26px;
    font-size: 26px;
    margin-top:39px;
    color: #333;
}
.financialhead a.moreone{
    display: block;
    margin-top:48px;
    padding-right: 15px;
    color: #bca06f;
    background:url(../images/more-ico1.png) no-repeat right center;
}
.financialhead a.moreone:hover{
    color: #c9a972;
}
.financialhead a.moreone2{
    display: block;
    margin-top:47px;
}
.fgroom .left{
    height: 261px;
    width: 869px;
    padding-left: 40px;
    background:#fff;
    position: relative;
}
.fgroom .left h3{
    padding:28px 0 20px;
    border-bottom: 1px solid #efefef;
}
.fgroom .left h3 a{
    font-size: 30px;
    color: #0e335e;
}
.fgroom .left h3 a:hover{
    color: #143f71;
}
.fgroom .left h3 span{
    font-size: 16px;
    margin-left: 15px;
    color: #858585;
}
.fgroom .left table{
    width: 100%;
    margin-top:18px;
    color: #333;
}
.fgroom .left table td{
    height: 46px;
    vertical-align: bottom;
}
.fgroom .left table .font60{
    line-height: 44px;
    vertical-align: top;
}
.fgroom .left table .font60 span{
    display: block;
    font-family: "Arial";
    font-size: 60px;
    color: #f7931c;
    cursor: pointer;
}
.fgroom .left table .font24 span{
    font-family: "Arial";
    font-size: 24px;
}
.fgroom .left table .grey span{
    margin-right: 40px;
}
.fgroom .left .hot{
    position: absolute;
    left:0;
    top:0;
}
.wrapper .pop{
    display: none;
    width: 293px;
    height: 142px;
    background:url(../images/bg2.png) no-repeat 0 0;
    position: absolute;
    left:217px;
    top:90px;
    z-index: 999;
    overflow: hidden;
}
.wrapper .financialist-article .pop{
    left:184px;
    top:55px;
}
.wrapper .pop table{
    width: 260px;
    margin:0 0 0 19px;
}
.wrapper .pop table th,.wrapper .pop table td{
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #efefef;
}
.wrapper .pop table th{
    height: 36px;
    line-height: 36px;
    color: #666;
}
.wrapper .pop table td{
    color: #333;
}
.wrapper .pop table .rmar{
    border-right: 1px solid #efefef;
}
.wrapper .pop table .bordernone{
    border-bottom: none;
}

.fgroom .right{
    height: 221px;
    width: 280px;
    padding:40px 0 0 40px;
    background:#fff;
    position: relative;
}
.fgroom .right p span{
    font-family: "Arial";
    font-size: 24px;
    color: #333;
}
.fgroom .right p.mar{
    margin-bottom: 30px;
}
.fgroom .right .bar{
    line-height: 20px;
    padding:21px 0;
}
.fgroom .right .bar span{
    float: left;
}
.fbrief{
    padding-bottom: 20px;
    background:#fff;
}
.fbrief h3{
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    padding-left: 10px;
    margin:30px 0 17px 30px;
    border-left: 3px solid #bca06f;
    color: #333;
    overflow: hidden;
}
.fbrief p{
    margin:0 30px 10px 30px;
}
.fbrief p span{
    color: #333;
}
.fhelp{
    background:#fff;
}
.fhelp ul{
    float: left;
    padding:25px 0 30px 105px;
}
.fhelp ul li{
    height: 24px;
    width: 285px;
    line-height: 24px;
    margin-bottom: 5px;
    overflow: hidden;
}
.fhelp ul li a{
    padding-left: 15px;
    color: #bca06f;
    background:url(../images/ico1.png) no-repeat 0 6px;
}
.fhelp ul li a:hover{
    color: #c9a972;
}
/*personal business end styles*/
.financialend-con{
    padding:30px 30px 40px;
    background:#fff;
}
.financialend-con h3{
    font-size: 26px;
    padding-bottom: 26px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f5f4f1;
    color: #333;
}
.financialend-con h3 span{
    font-size: 14px;
    margin-left: 10px;
    color: #666;
}
.financialend-con .con1{

}
.financialend-con .con1 table{
    float: left;
    width: 52%;
}
.financialend-con .con1 table td{
    height: 36px;
    line-height: 32px;
    vertical-align: top;
}
.financialend-con .con1 table .yellow{
    font-size: 32px;
    color: #f7931c;
}
.financialend-con .con1 .text{
    float: left;
    height: 58px;
    width: 444px;
    padding-left: 92px;
    line-height: 30px;
    border-left:1px solid #f5f4f1;
}
.financialend-con .con1 .text .right{
    width: 160px;
    margin-top:7px;
}
.financialend-con .con2{
    margin:20px 0 28px 0;
}
.financialend-con .con2 td{
    height: 41px;
    line-height: 41px;
    padding-left: 20px;
    border:1px solid #eee;
}
.financialend-con .con2 td.grey2{
    padding-left: 30px;
}
.financialend-con .download{
    padding-left: 24px;
    color: #bca06f;
    background:url(../images/ico2.png) no-repeat 0 3px;
}
.financialend-groom{
    padding:30px 0 40px;
    background:#fff;
}
.financialend-groom h3{
    font-size: 24px;
    padding-left: 30px;
    color: #333;
}
.financialend-groom div{
    float: left;
    width: 268px;
    height: 343px;
    margin:28px -4px 0 30px;
    border: 1px solid #eee;
    overflow: hidden;
}
.financialend-groom div h4{
    font-size: 20px;
    padding:24px 0 22px 20px;
    margin-bottom: 13px;
    border-bottom: 1px solid #eee;
    color: #333;
}
.financialend-groom div h4 span{
    font-size: 14px;
    color: #666;
}
.financialend-groom div p{
    height: 58px;
    line-height: 58px;
    padding:0 20px;
    overflow: hidden;
    _zoom:1;
}
.financialend-groom div p .yellow{
    font-family: "Arial";
    font-size: 36px;
    color: #f7931c;
}
.financialend-groom div p .right span{
    font-size: 36px;
}
.financialend-groom div .widhtheight{
    width: 228px;
    margin:15px auto 0;
}


.financialist-select{
    padding:30px 0;
    background:#fff;
    position: relative;
}
.financialist-select .con{
    margin-bottom: 10px;
    padding:0 30px;
    position: relative;
}
.financialist-select .con dt{
    float: left;
    margin-right: 15px;/* 2016-11-29 理财列表筛选 */
    width:139px;/* 2016-11-29 理财列表筛选  */
}
.financialist-select .con dd{
    float: left;
    color: #4c4c4c;
    margin-right: 30px;
}
.financialist-select .first dd{
    margin-right: 0;
}
.financialist-select .first .cell p{
    float: left;
}
.financialist-select .first .cell p a{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin:6px 6px 0 6px;
    background:url(../images/close.png) no-repeat 0 0;
}
.financialist-select .con dd a{
    color: #4c4c4c;
}
.financialist-select .con dd a:hover,.financialist-select .con dd a.active{
    color: #bca06f;
}
.financialist-select .con dd .form-checkbox{
    float: left;
    margin:7px 10px 0 0;
}
.financialist-select .con dd .c{
    float: left;
}
.financialist-select .con dd .pic{
    float: left;
    margin:9px 12px 0;
}
.financialist-select .con dd .close{
    float: left;
    margin:6px 0 0 10px;
}
.financialist-select .setcon{
    padding:20px 30px;
    border:2px solid #bca06f;
}
.financialist-select .setcon dd span{
    float: left;
}
.financialist-select .setcon .hide{
    display: none;
}
.financialist-select .con .btn{
    display: none;
}
.financialist-select .setcon .btn a{
    display: inline-block;
    float: left;
    width: 57px;
    height: 23px;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    color: #333;
    cursor: pointer;
    border: none;
    background:#efefef;
}
.financialist-select .setcon .btn a:hover{
    color: #fff;
    background:#bca06f;
}
.financialist-select .more{
    display: block;
    width: 46px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    border:1px solid #d9d9d9;
    position: absolute;
    right:30px;
    top:0;
}
.financialist-select .more span{
    margin-right: 2px;
    color: #b2b2b2;
}
.financialist-select .more:hover,.financialist-select .on{
    color: #fff;
    border:1px solid #bca06f;
    background:#bca06f;
}
.financialist-select .on{
    top:20px;
}
.financialist-select .more:hover span,.financialist-select .on span{
    color: #fff;
}
.financialist-select .dateform{
    padding:6px 30px 0;
}
.financialist-select .inputform{
    width: 120px;
    height: 35px;
    line-height: 35px;
    padding-left: 7px;
    color: #808080;
    cursor: pointer;
    border:none;
    background:url(../images/date-bg.png) no-repeat 0 0;
}
.financialist-select .t{
    margin-right: 24px;
}
.financialist-select .marleft{
    margin-left: 28px;
}
.financialist-select .line{
    margin:0 5px;
    color: #d9d9d9;
}


.financialist-order{
    height: 40px;
    line-height: 40px;
    background:#fafaf8;
}
.financialist-order .left{
    height: 21px;
    line-height: 21px;
    margin:9px 0 0 15px;
    border:1px solid #eee;
    background:#fff;
}
.financialist-order .left a{
    display: block;
    float: left;
    padding:0 15px 0 15px;
}
.financialist-order .left a:hover,.financialist-order .left a.active{
    color: #fff;
    background:#bca06f;
}
.financialist-order .left a span{
    float: left;
}
.financialist-order .left a .ico{
    display: block;
    width: 16px;
    height: 21px;
    background:url(../images/ico4.png) no-repeat right center;
}
.financialist-order .left a:hover .ico,.financialist-order .left a.active .ico{
    background:url(../images/ico5.png) no-repeat right center;
}
.financialist-order .left a .top{
    display: block;
    width: 16px;
    height: 21px;
    background:url(../images/ico41.png) no-repeat right center;
}
.financialist-order .left a:hover .top,.financialist-order .left a.active .top{
    background:url(../images/ico51.png) no-repeat right center;
}
.financialist-order .right{
    padding:0 30px 0 0;
}
.financialist-order .right a{
    display: inline-block;
    float: left;
    width: 22px;
    height: 21px;
    margin-top:9px;
    margin-right: 2px;
    border:1px solid #e5e5e5;
    background-color: ;
}
.financialist-order .right .leftbtn{
    background:#fafaf8 url(../images/ico6.png) no-repeat -17px -20px;
}
.financialist-order .right .rightbtn{
    background:#fafaf8 url(../images/ico6.png) no-repeat 9px 6px;
}
.financialist-order .right .leftbtn:hover{
    background:#eee url(../images/ico6.png) no-repeat -17px 6px;
}
.financialist-order .right .rightbtn:hover{
    background:#eee url(../images/ico6.png) no-repeat 9px -20px;
}
.financialist-order .right p{
    float: left;
    margin-right: 5px;
}
.financialist-article{
    padding:20px 30px 15px;
    background:#fff;
}
.financialist-article h3{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f5f4f1;
}
.financialist-article h3 .left{
    font-size: 20px;
    color: #0e335e;
}
.financialist-article h3 .left:hover{
    color: #103d71;
}
.financialist-article h3 .left span{
    margin-left: 18px;
    font-size: 16px;
    color: #666;
}
.financialist-article h3 .right{
    font-size: 14px;
}
.financialist-article h3 .right .yellow{
    margin-left: 40px;
}
.financialist-article .con{
    float: left;
    width: 40%;
}
.financialist-article .con td{
    height: 35px;
    color: #333;
}
.financialist-article .con td.top{
    vertical-align: top;
}
.financialist-article .con td.bot{
    vertical-align: bottom;
}
.financialist-article .con .yellow{
    font-size: 46px;
    line-height: 46px;
    color: #f7931c;
}
.financialist-article .con .yellow .popbtn{
    cursor: pointer;
}
.financialist-article .con .font{
    font-size: 34px;
    margin-right: 10px;
    color: #666;
}
.financialist-article .date{
    float: left;
    width: 453px;
    height: 70px;
    margin-top:6px;
    border-left: 1px solid #f5f4f1;
    border-right: 1px solid #f5f4f1;
}
.financialist-article .date p{
    float: left;
    height: 35px;
    line-height: 35px;
    margin-left: 50px;
}
.financialist-article .widhtheight{
    width: 160px;
    margin-top:14px;
}

.financialist-select .checkbox dd{
    width: 140px;
}
.financialist-select .checkbox dd label{
    margin-left: 10px;
}

.checkbox-init{float:left;margin-top:6px;background:#fff;display:inline-block;width:12px;height:12px; border:1px solid #d9d9d9;}
.checkbox-active{background:url(../images/bg3.jpg) no-repeat;}
.checkbox-active{border:1px solid #BCA06F;}
.financialist-select .checkbox dd label:hover{color:#BCA06F;}
.financialist-select .checkbox dd label:hover .checkbox-init{border:1px solid #BCA06F;}

@media(max-width:1230px){
    .wrapper{
        width:1230px;
        margin-left:-500px;
    }
    .financialist-article .date p{
        margin-left:20px;
    }
    .financialist-article .date{
        width:370px;
    }
    .financialend-groom div h4{
        font-size:18px;
        padding:24px 0 22px 20px;
    }
    .financialend-groom div h4 span{
        font-size: 12px;
    }
    .financialend-groom div{
        margin: 28px -4px 0 15px;
        width: 231px;
    }
    .financialend-groom div p{
        padding:0 15px;
    }
    .financialend-groom div .widhtheight{
        width: 210px;
    }
    .financialend-con .con1 .text{
        width: 409px;
        padding-left:41px;
    }
    .fgroom .left{
        /* width: 696px; */
    }
    .fgroom .left table .grey span{
        margin-right: 17px;
    }
    .fgroom .right{
        /* padding: 40px 0 0 13px;
        width: 250px; */
    }
    .fhelp ul{
        padding: 25px 0 30px 58px;
    }
    .fhelp ul li{
        width: 275px;
    }
    .financialend-groom h3{
        padding-left: 14px;
    }
}