@charset "utf-8";
/* CSS Document */

/*公用样式*/
.box-main, .main, .register, .tab, .rdo, .form-items, .strength, .validation, .time-out, .circle,
.box-main, .main, .register, .tab, .rdo, .form-items, .strength, .validation, .time-out, .circle,
.step, .succeed, .password, .tip, .result, .blogroll, .main, .bread-crumb, .title01, .tel-step, .default-set, .tab h3, .title07, .container, .product-details, .product-detail, .product-detail ul, .sponsor, .icon-file, .tab-product, .tab-p-con, .tab-product h4, .admin, .p-info, .p-hot {
    overflow: hidden;
    zoom: 1;
}

.search-bar i, .search em, .search-bar b, .footer dt b, .bread-crumb b, .menu b, .explain em, .finish, .unfinished, .footer i, .title01 b, .account-set b, .apply b, .tel-step b, .money-con dt b, .protocol b, .tip2, .result b, .li-risk b, .paging b, .title05 b, .classes, .calendar b, .icon-help, .account-set p b, .m-rh b {
    float: left;
    display: inline-block;
    line-height: 0;
    /*background: url(../images/icon.png) no-repeat;*/
}

.sel-sort b {
    float: left;
    display: inline-block;
    line-height: 0;
}

.icon-help {
    width: 16px;
    height: 16px;
    margin: 22px 6px 0 0;
    background-position: -138px -233px;
}

.line {
    text-decoration: underline;
}

.line:hover, .unline:hover, .template .rdo a:hover {
    color: #ff5a00;
    text-decoration: underline;
}

.code span {
    display: inline-block;
    height: 34px;
    line-height: 34px;
}

.result {
    line-height: 34px;
    color: #020202;
    font-size: 16px;
}

.result b {
    width: 34px;
    height: 34px;
    margin-right: 10px;
}

.result b.error {
    background-position: -102px -282px;
}

.form-items .btn-blue, .validation .btn-blue {
    width: 216px;
    height: 50px;
    line-height: 50px;
    margin: 10px 0 0;
    font-size: 18px;
}

.tip2 {
    width: 16px;
    height: 16px;
    margin: 8px 8px 0 0px;
    background-position: -91px 0;
}

.password .form-items li, .register .form-items li, .menu_right .form-items li, .menu_right .form-items li, .get .result li {
    overflow: hidden;
}

.apply {
    position: absolute;
    color: #224e72;
    font-weight: bold;
}

.apply b {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background-position: -155px -198px;
}

.account-set b, .classes {
    width: 46px;
    height: 21px;
    line-height: 21px;
    margin-top: 7px;
    background-position: -207px -106px;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.classes {
    float: none;
    height: 22px;
}

.sort {
    display: inline-block;
    float: none;
    width: 9px;
    height: 11px;
    margin-left: 6px;
    background: #f0f5f7 url(../images/icon.png) no-repeat -120px -256px;
}

.fz14 {
    font-size: 14px;
}

.c999 {
    color: #999;
}

.bg-dee5ea {
    padding: 20px;
    background: #dee5ea;
    color: #333;
    font-size: 14px;
    border: 1px solid #cad4dd;
}

.launched, .bg-white {
    padding: 0 30px;
    background: #fff;
    border: 4px solid #f2f2f2;
}

.percent {
    display: inline-block;
    float: left;
    width: 100px;
    height: 10px;
    line-height: 0;
    margin: 10px 10px 0 0;
    font-size: 0;
    border: 1px solid #7eaf94;
    background: #f8f3f0;
}

.percent dfn {
    float: left;
    display: inline-block;
    width: 30px;
    height: 10px;
    background: #18b160;
}

.op-fund em i, .balance em i {
    float: left;
    font-size: 12px;
    color: #9a9a9a;
}

.box {
    padding: 0px 40px 0px 80px;
    background: #ffffff;
    
    color: #999;
}

.w120 {
    width: 120px;
}

/*字体*/
.yaHei, .advantage dd strong, .btn-blue, .btn-white, .recommend-fund dt, .recommend-fund dd a {
    font-family: 'MicrosoftYahei', '微软雅黑';
}

.simSun, .advantage dd, .footer dd, .menu-cont1 dl, .login strong, .phone a, .grade b,
.template .rdo a, .li-risk span, .paging, .temp-list span, .li-allot, .classes, .pay_result p, .recommend-fund li, .container .title a, .account-set p a, .btn-code {
    font-family: 'simsun', '宋体';
}

.georgia {
    font-weight: normal;
    font-family: Georgia;
    font-size: 24px;
    color: #ff5b01;
}

/*标题*/
.title {
    margin-top: 30px;
    font-size: 18px;
    color: #224e72;
    background: url(../images/title_bg.jpg) repeat-x 0 0;
}

.title span {
    display: inline-block;
    padding: 10px 20px;
    border-top: 1px solid #01a0cb;
}

.title01 {
    color: #fff;
    border-bottom: 1px solid #ffeee5;
}

.title01 h4 {
    display: inline-block;
    padding: 0 24px;
    height: 34px;
    line-height: 34px;
    background: #ff5a00;
    font-size: 14px;
}

.title01 img {
    float: left;
}

.title01 b {
    width: 34px;
    height: 34px;
    background-position: -216px -102px;
}

.title02, .title03, .title05 {
    height: 38px;
    /*line-height: 58px;*/
    font-size: 26px;
    margin-top: -15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.title02 span {
    float: right;
    font-size: 12px;
    color: #727272;
}

.title03 {
    margin-bottom: 40px;
    padding-left: 30px;
    border-bottom: 3px solid #233649;
}

.title04 {
    height: 54px;
    line-height: 54px;
    padding-left: 20px;
    color: #224e72;
    font-size: 18px;
    background: #dee5ea;
    border-bottom: 1px solid #c6d1db;
}

.title05 {
    position: relative;
    border-bottom: 1px dashed #d1d1d1;
    color: #224e72;
}

.title06 {
    color: #233649;
    font-size: 18px;
    background: url(../images/title_bg.jpg) repeat-x 0 0;
}

.title06 span {
    display: inline-block;
    padding: 10px 16px 20px;
    border-top: 1px solid #4fc1e9;
}

.sel-sort b, .icon-file b {
    float: left;
    display: inline-block;
    line-height: 0;
}

.icon-file b {
    background: url(../images/sprites.png) no-repeat;
}

/*导航位置*/
.bread-crumb {
    line-height: 78px;
    color: #4d4c4c;
}

.bread-crumb a {
    color: #4d4c4c;
    font-size: 14px;
}

.bread-crumb b {
    width: 20px;
    height: 20px;
    margin: 30px 6px 0 0;
    background-position: 0 -198px;
}

/*模拟select下拉列表*/
.select-box {
    float: left;
    font-size: 14px;
    border: 1px solid #CCC;
    width: 290px;
}

.sel-sort {
    float: left;
    position: relative;
    padding-left: 5px;
    line-height: 33px;
    cursor: pointer;
    background-color: #FFF;
}

.sel-sort span {
    float: left;
    color: #969696;
    display: inline-block;
    margin-right: 4px;
    width: 236px;
    color: #5B5B5B;
}

.sel-sort em {
    float: left;
    display: inline-block;
    width: 36px;
    height: 33px;
    vertical-align: middle;
    background: #f0f0f0 url(../images/icon.png) no-repeat -115px -96px;
}

.sel-sort:hover em {
    background-position: -159px -96px;
}

.sel-sort ul {
    display: none;
    position: absolute;
    top: 33px;
    left: -1px;
    z-index: 100;
    width: 281px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: visible;
}

.sel-sort li {
    padding-left: 7px;
    color: #5B5B5B;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px dashed #ccc;
}

.sel-sort li.current {
    background: #233649;
    color: #fff;
    border: none;
}

.sel-sort li.last, .sel-sort li.current {
    border: none;
}

.sel-sort li:hover {
    background: #ff5a00;
    color: #fff;
}

.methods {
    margin-bottom: 18px;
    height: 35px;
}

/*模拟下拉搜索框*/
.search-bar {
    position: relative;
    margin-top: 10px;
    height: 30px;
    z-index: 3;
    _margin-left: 130px;
}

.search li a {
    color: #8a8e9a;
}

.search-bar form {
    height: 30px;
    font-size: 12px;
    border: 1px solid #e5e4e4;
}

.search-bar i {
    position: absolute;
    top: 25px;
    left: 40px;
    width: 13px;
    height: 7px;
    background-position: -234px -63px;
}

.search {
    float: left;
    position: relative;
    width: 84px; /*padding: 0 5px;*/
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-right: 1px solid #e5e4e4;
    background: url(../images/arrow03.png) no-repeat 66px center;
    z-index: 3;
}

.search span {
    display: inline-block;
    margin-right: 4px;
    width: 60px;
    color: #666;
    text-align: center;
    float: left;
}

.search li b {
    float: left;
    margin: 6px 6px 0 0;
}

.search-bar .li1 b {
    width: 11px;
    height: 15px;
    background-position: 0 -173px;
}

.search-bar .li1 a:hover b {
    background-position: -22px -173px;
}

.search-bar .li2 b {
    width: 16px;
    height: 14px;
    background-position: -45px -173px;
}

.search-bar .li2 a:hover b {
    background-position: -74px -173px;
}

.search-bar .li3 b {
    width: 14px;
    height: 13px;
    background-position: -108px -173px;
}

.search-bar .li3 a:hover b {
    background-position: -135px -173px;
}

.search em {
    float: left;
    width: 10px;
    height: 6px;
    background-position: -166px -164px;
}

.search ul {
    display: none;
    width: 94px;
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 1000;
    width: 100px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ff5a00;
    background: #fff;
}

.search li {
    clear: left;
    width: 90px;
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    line-height: 25px;
    color: #8a8e9a;
    border-bottom: 1px solid #f0f0f0;
}

.search li.last {
    border: none;
}

.search li.current, .search li a:hover {
    color: #ed5f0e;
}

.search li.current b {
    display: inline-block;
}

input.search-input {
    float: left;
    padding: 0 3px;
    width: 150px;
    _width: 134px;
    height: 30px;
    line-height: 30px;
    color: #9e9d9d;
    border: 0;
}

input.search-input:focus {
    border: none;
}

.search-btn {
    float: left;
    width: 50px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border-left: 1px solid #CCC;
    background-color: #F5F5F5;
}

.search-btn:hover {
    text-decoration: none;
    color: #277eb6;
}

.direction .sel-sort span {
    width: 100px;
}

.direction .select-box {
    width: 149px;
    margin-right: 30px;
}

.direction .sel-sort ul {
    width: 149px;
}

/*form*/
.form-items li {
    margin-bottom: 20px; /*height: 35px;*/
    line-height: 35px;
}

.form-items label, .methods label {
    float: left;
    display: inline-block;
    padding-right: 0px;
    width: 104px;
    font-size: 14px;
    color: #333;
    text-align: right;
}

.form-items .txt, .password .txt {
    float: left;
    width: 267px;
}

.form-items .txt:focus {
    color: #5b5b5b;
}

.form-items em {
    display: inline-block;
    padding-right: 4px;
    color: #f00;
}

.form-items .tip, .form-items strong {
    padding-left: 14px;
    color: #999;
}

.form-items strong b {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
}

.form-items strong {
    display: none;
}

.form-items strong b.true {
    background-position: -92px -25px;
}

.form-items strong b.error {
    background-position: -115px 0;
}

.txt {
    padding-left: 5px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    font-family: 'MicrosoftYahei', '微软雅黑';
}

li.file .txt {
    width: 164px;
}

li.code .txt {
    width: 98px;
}

.code img {
    display: inline;
    height: 33px;
    margin: 0 14px;
    _margin: 0 12px;
    border: 1px solid #cddbe6;
}

.code a {
    color: #224e72;
}

.code span {
    color: #999;
}

.file i {
    float: left;
    display: inline-block;
    margin-right: 4px;
    width: 100px;
    height: 35px;
    background: url(../images/sprites.png) no-repeat 0 0;
}

.rdo {
    position: relative;
    line-height: 17px;
}

/*@-moz-document url-prefix(){.rdo{line-height: 17px;} }*/
.rdo label {
    width: 40px;
    height: 17px;
    margin-top: 10px;
    padding-right: 40px;
    vertical-align: -2px;
+ vertical-align: 0;
    background: url(../images/radio.png) no-repeat 0 -32px;
}

.rdo label.current {
    background-position: 0 0;
}

.rdo input {
    position: absolute;
    left: -9999px;
    padding-right: 10px;
}

.calendar span {
    display: inline-block;
    position: relative;
}

.calendar i {
    display: inline-block;
    padding-right: 4px;
    color: #999;
}

.calendar b {
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 4px;
    width: 16px;
    height: 20px;
    background-position: -166px -229px;
}

.calendar input {
    border: none;
    width: 150px;
    font-size: 14px;
}

.calendar input:focus {
    border: none;
}

/*table*/
td {
    border-bottom: 1px solid #f0f5f7;
}

table th {
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #f0f5f7;
    color: #626263;
    font-size: 14px;
    font-weight: normal;
}

table tr.current td {
    background: #faf2ed;
}

table td {
    height: 44px;
    line-height: 44px;
    /*text-align: center;*/
    color: #838282;
}

.table1 td, .table1 th {
    border: 1px solid #e3e7e8;
}

/*选项卡*/
.tab h3 {
    background: url(../images/tab_bg02.jpg) repeat-x bottom;
}

.tab h3 span {
    float: left;
    display: block;
    padding: 0 20px;
    text-align: center;
    margin-right: 14px;
}

.tabCont {
    display: none;
}

.tab div.current {
    display: block;
}

.tab-reg h3 span, .tab-log h3 span {
    margin-right: 14px;
    background: #a1b2c1;
    color: #fff;
}

.tab-reg h3 span.current, .tab-log h3 span.current {
    background: #fff url(../images/tab_bg04.jpg) repeat-x 0 top;
    color: #ff5a00; /*border-top: 4px solid #ff5a00;*/
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

/*成功*/
.succeed {
    padding-bottom: 40px;
}

.result {
    font-size: 24px;
}

.result b {
    margin-top: 4px;
}

.result b.b-succeed {
    background-position: 0 -99px;
}

.result b.b-fail {
    background-position: -102px -282px;
}

.succeed p {
    padding: 20px 0 80px 44px;
    line-height: 24px;
    color: #333;
}

.succeed p em, .result em {
    color: #ff5a00;
}

.succeed p a {
    color: #035aa2;
}

.succeed h5 {
    font-size: 16px;
    color: #8099b0;
}

.succeed li {
    float: left;
    width: 366px;
    height: 150px;
    margin: 20px 20px 0 0;
    border: 1px solid #c0cdd7;
    color: #333;
}

.succeed dl {
    padding: 15px;
}

.succeed dt {
    float: left;
    height: 120px;
    padding-right: 16px;
    padding-right: 10px;
}

.succeed dd {
    width: 340px;
+ width: 276 px;
    _width: 260px;
    font-size: 12px;
    color: #333;
}

.succeed dl strong {
    display: block;
    padding-bottom: 15px;
    color: #275275;
    font-size: 18px;
    font-weight: normal;
}

.succeed .btn-blue {
    margin-top: 20px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

/*进度条*/
.progress {
    position: relative;
}

.progress li {
    float: left;
    width: 184px;
    text-align: center;
    font-size: 14px;
    color: #6c6b6b;
    background: url(../images/step_line.gif) repeat-x 0 bottom;
}

.progress li.current {
    color: #ff5a00;
}

.progress li span {
    display: inline-block;
}

.progress li.current span {
    width: 184px;
    height: 56px;
    _line-height: 56px;
    border-bottom: 4px solid #ff5a00;
}

.progress em {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: url(../images/icon.png) no-repeat -79px -102px;
    color: #fff;
}

.progress li.current em {
    color: #fff;
    background-position: -40px -102px;
}

.progress .li1 em {
    left: 78px;
}

.progress .li2 em {
    left: 266px;
}

.progress .li3 em {
    left: 446px;
}

.progress .li4 em {
    left: 632px;
}

/*人物头像*/
.set {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.set img {
    display: inline-block;
}

.head-pic {
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 1;
}

.head-pic img {
    display: block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}

.bg-circle {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../images/portrait/bg-circle.png) no-repeat 0 0;
}

#phone {
    width: 120px;
}