/*  网贷系统的公共样式   */

@media handheld and (max-width: 480px) {
    /* 如果是fixed对手机支持不好*/
    .UI-diag-default { position: absolute; }
}

/*span.process-bar { background: #e8ecef; height: 10px; float: left; width: 100px; border-radius: 5px; vertical-align: middle; margin: 10px 2px; }
    span.process-bar label { display: block; height: 10px; background: #18b160; border-radius: 5px; width: 0%; }
li.process em { font-style: normal; }*/


/*  弹出框 */
.postBox { }
    .postBox .title { height: 36px; line-height: 36px; position: relative; background-color: #fbf1e2; }
        .postBox .title h3 { font-size: 16px; color: #935402; margin-left: 20px; font-weight: normal; }

    .postBox .body { padding: 10px; line-height: 32px; }
        .postBox .body li { padding: 4px 0px; vertical-align: middle; line-height: 36px; }
        .postBox .body .border { border: 1px solid #CCC; padding: 10px 20px; background: #FFF; }
        .postBox .body .info { width: 300px; float: left; }
            .postBox .body .info li.process { }
                .postBox .body .info li.process strong { float: left; font-weight: normal; }
                .postBox .body .info li.process span { background: #e8ecef; height: 10px; float: left; width: 100px; border-radius: 5px; vertical-align: middle; margin: 10px 2px; }
                    .postBox .body .info li.process span label { display: block; height: 10px; background: #18b160; border-radius: 5px; }
                .postBox .body .info li.process em { float: left; font-style: normal; font-family: Verdana; font-size: 9px; }
        .postBox .body .user { margin-left: 250px; padding-left: 20px; border-left: 1px solid #DEDEDE; height: 400px; }
            .postBox .body .user li { }
                .postBox .body .user li .txt { border: 1px solid #CCC; box-shadow: rgba(0,0,0,0.2) 1px 1px inset; padding: 4px; border-radius: 5px; outline: none; height: 24px; font-size: 16px; }
                .postBox .body .user li .code { border: 1px solid #CCC; padding: 1px; border-radius: 4px; vertical-align: middle; cursor: pointer; }
                .postBox .body .user li.submit { padding: 20px 0px 20px 65px; }
                    .postBox .body .user li.submit a { float: left; font-size: 14px; }
                        .postBox .body .user li.submit a:hover { text-decoration: none; color: white; }

            .postBox .body .user .loadbar { background: url(../image/loadbar.gif) no-repeat center center; }
                .postBox .body .user .loadbar * { visibility: hidden; }

            .postBox .body .user div.result { padding: 20px 0px; }
                .postBox .body .user div.result h1 { background: url(../image/icon/success42.gif) no-repeat left center; line-height: 50px; font-size: 24px; padding-left: 50px; font-weight: normal; color: green; }
            .postBox .body .user div.Faild h1 { background: url(../image/icon/error42.gif) no-repeat left center; color: red; }
            .postBox .body .user div.result ul { padding-left: 50px; }
                .postBox .body .user div.result ul li { font-size: 16px; }
            /*.postBox .body .user div.result ul input { margin: 20px 0px 0px 80px; width: 80px; height: 30px; }*/
            .postBox .body .user div.result .btns { margin: 20px 0px 0px 55px; width: 162px; height: 41px; background: #429800; color: #fff; font-size: 24px; border-radius: 5px; font-family: 微软雅黑; }



/*  投资项目列表 */
.PageProjectlist { padding-top: 10px; }
    .PageProjectlist .Left { display: none; }
.searchBlock { border: 1px solid #e6e6e6; padding: 10px 10px; font-size: 14px; background: #FFF; }
    .searchBlock .loading { background: url(../image/loadbar.gif) no-repeat center center; }
    .searchBlock .item { display: block; height: 42px; line-height: 42px; }
        .searchBlock .item label { font-weight: bold; }
        .searchBlock .item a { margin: auto 10px; border-radius: 4px; padding: 4px; }
            .searchBlock .item a.current { background: #f68a1e; color: white; }

.Invest-list { padding-top: 10px; }
    .Invest-list .title { height: 40px; line-height: 40px; border-bottom: 1px solid #E6E6E6; }
        .Invest-list .title h3 { height: 39px; float: left; text-align: center; background: #e25353; color: #fff; font-size: 18px; border: 1px solid #e6e6e6; border-bottom: none; width: 120px; border-bottom: none; }
        .Invest-list .title .Calc { float: right; }

/*  块状的项目列表的输出样式 */
.LendingListBlock { }
    .LendingListBlock .item { border-bottom: 1px solid #E6E6E6; padding: 10px; }
        .LendingListBlock .item .info { float: left; padding-top: 15px; }
            .LendingListBlock .item .info li { float: left; font-size: 14px; line-height: 22px; padding: 5px 0px; }
                .LendingListBlock .item .info li .big { font-size: 18px; }
                    .LendingListBlock .item .info li .big em { font-style: normal; font-size: 12px; }
                .LendingListBlock .item .info li.money { clear: both; }
                .LendingListBlock .item .info li.money,
                .LendingListBlock .item .info li.rate,
                .LendingListBlock .item .info li.period { padding-right: 20px; }
        .LendingListBlock .item .action { float: right; width: 200px; font-size: 14px; }
            .LendingListBlock .item .action .process { }

/*  仿积木盒子的块状效果 */
/*.LendingListBox { }
    .LendingListBox .item { float: left; width: 255px; border: 1px solid #CCC; border-bottom: none; background: #FFF; margin: 10px 5px; border-radius: 6px; }
        .LendingListBox .item .type { padding: 10px 10px 0px; }
            .LendingListBox .item .type label { padding: 0px 5px; }
        .LendingListBox .item .projectTitle { padding: 0px 10px; height: 42px; line-height: 20px; }
            .LendingListBox .item .projectTitle a { font-size: 14px; display: block; color: black; }
        .LendingListBox .item .content { padding: 0px 10px; }
            .LendingListBox .item .content .user { height: 22px; line-height: 22px; overflow: hidden; color: #aaaabc; }
            .LendingListBox .item .content .process { height: 8px; background: #dddddd; border-radius: 6px; }
                .LendingListBox .item .content .process label { display: block; height: 8px; border-radius: 6px; background: #12adff; }
            .LendingListBox .item .content .money { line-height: 24px; font-size: 14px; }
                .LendingListBox .item .content .money .paid { color: #333; }
                .LendingListBox .item .content .money .total { color: #666; padding-left: 20px; float: right; }
        .LendingListBox .item .description { padding-top: 20px; height: 88px; line-height: 22px; overflow: hidden; padding: 10px 10px 0px; color: #AAA; }
        .LendingListBox .item .info { height: 50px; padding: 0px 10px; }
            .LendingListBox .item .info strong { color: orange; font-size: 18px; font-weight: normal; }
                .LendingListBox .item .info strong em { font-size: 12px; font-style: normal; color: #666; padding-left: 5px; }
            .LendingListBox .item .info label { display: block; font-size: 12px; color: #999; }
            .LendingListBox .item .info .split { width: 1px; height: 32px; background: #DEDEDE; float: left; margin: 0px 5px; }
            .LendingListBox .item .info .Rate,
            .LendingListBox .item .info .Reward,
            .LendingListBox .item .info .Period { width: 70px; float: left; text-align: center; }
                .LendingListBox .item .info .Period strong { color: #666; }
        .LendingListBox .item .submit { height: 45px; }
            .LendingListBox .item .submit a { line-height: 45px; background: #12adff; display: block; text-align: center; font-size: 16px; color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }*/

/*  项目信息列表 */
.projectBox { border: 1px solid #cecece; background-color: #fbf1e2; padding: 10px 20px 10px; margin: 10px auto; position: relative; }
    .projectBox .tip-integral { position: absolute; left: 0px; top: 0px; width: 64px; height: 64px; background: url(/image/lending/integral.png) no-repeat center center; overflow: hidden; text-indent: -100em; }

    .projectBox h1 { height: 40px; line-height: 40px; border-bottom: 1px dashed #dedede; text-align: left; color: #8c5d3a; font-size: 17px; font-weight: bold; position: relative; }
        .projectBox h1 .id { font-size: 14px; font-weight: normal; position: absolute; top: 0px; right: 0px; }
    .projectBox .info { margin-right: 250px; _overflow: hidden; _height: 224px; _padding-right: 250px; }
        .projectBox .info ul { overflow: hidden; _height: 183px; }
            .projectBox .info ul li { width: 33.33%; float: left; padding: 5px 0px; line-height: 32px; }
                .projectBox .info ul li strong { font-size: 16px; color: #ff7800; margin: auto 4px; font-weight: normal; }
                    .projectBox .info ul li strong em { font-size: 14px; font-weight: normal; font-style: normal; color: #333; }
                .projectBox .info ul li.cols2 { width: 66.66%; }
                .projectBox .info ul li.cols3 { width: 100%; }
                .projectBox .info ul li.line { border-bottom: 1px dashed #dedede; width: 100%; }

    .projectBox .post { width: 250px; height: 100%; border-left: 1px solid #DEDEDE; position: absolute; right: 0px; top: 0px; }
        .projectBox .post .user { height: 160px; padding: 10px; }
            .projectBox .post .user li { padding: 4px 0px; }
            .projectBox .post .user label { font-size: 16px; color: #ff7800; font-family: 'Arial Unicode MS'; padding: 0px 3px; -webkit-transition: all 0.5s ease-in-out; }
            .projectBox .post .user .time label { font-weight: bold; text-decoration: underline; display: inline-block; text-align: center; width: auto; }
                .projectBox .post .user .time label.big { -webkit-transform: scale(1.5,1.5); text-shadow: 1px 1px 0px #FFF; }

        .projectBox .post .button { display: block; width: 80%; margin: auto; height: 42px; line-height: 42px; text-align: center; font-weight: bold; background-color: #ff8400; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a6a6a6; border-width: 0 1px 1px; color: white; text-decoration: none; border-radius: 6px; font-size: 18px; }
        .projectBox .post .gray { background: #CCC; cursor: default; }
        .projectBox .post .green { background: #62980C; cursor: default; }

.projectDetail { }
    .projectDetail .tabbar { height: 35px; line-height: 35px; border-bottom: 2px solid #ff7900; }
        .projectDetail .tabbar a { float: left; color: #333; text-decoration: none; outline: none; padding: 0px 20px; font-weight: bold; }
            .projectDetail .tabbar a.current { background: #ff7900; color: white; }
    .projectDetail .body { padding: 10px 20px; border: 1px solid #DEDEDE; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
        .projectDetail .body h3 { font-size: 16px; font-weight: normal; line-height: 35px; color: #F7A42E; }
        .projectDetail .body .content { line-height: 200%; font-size: 14px; }
        .projectDetail .body .box1 { position: relative; padding-right: 300px; }

            .projectDetail .body .box1 .picture { width: 250px; padding: 10px; position: absolute; right: 0px; top: 10px; }
                .projectDetail .body .box1 .picture .photo { width: 172px; height: 242px; background: #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.6); border: 1px solid #CCC; overflow: hidden; margin: auto; }
                    .projectDetail .body .box1 .picture .photo ul { overflow: hidden; height: 242px; }
                        .projectDetail .body .box1 .picture .photo ul li { float: left; width: 172px; height: 242px; cursor: pointer; }
                    .projectDetail .body .box1 .picture .photo img { width: 168px; height: 238px; padding: 2px; }
            .projectDetail .body .box1 .album { position: relative; }
                .projectDetail .body .box1 .album a { position: absolute; left: 0px; top: 50%; margin-top: -32px; width: 32px; height: 32px; background: url(/image/lending/icon.png) no-repeat; opacity: 0.5; }
                    .projectDetail .body .box1 .album a:hover { opacity: 1; }
                    .projectDetail .body .box1 .album a.ico-left { background-position: left -216px; }
                    .projectDetail .body .box1 .album a.ico-right { background-position: -43px -216px; right: 0px; left: initial; }
                .projectDetail .body .box1 .album h3 { text-align: center; color: #333; font-size: 14px; padding-bottom: 20px; }

        .projectDetail .body .box .list { width: 100%; border: 1px solid #f9d682; box-shadow: 0px 0px 1px #CCC; }
            .projectDetail .body .box .list thead th { background: #fffbe9; font-size: 12px; height: 32px; text-align: center; font-weight: normal; }
            .projectDetail .body .box .list tbody td { border-top: 1px solid #f9d682; text-align: center; padding: 8px 0px; }
            .projectDetail .body .box .list tbody .me td { text-decoration: underline; font-weight: bold; }

        .projectDetail .body .box .loadbar { background: url(/image/loadbar.gif) no-repeat center center; height: 100px; }
            .projectDetail .body .box .loadbar * { visibility: hidden; }



/*  用户后台首页的数据统计控件 */
.lending-statistics { }
    .lending-statistics .userinfo { border: 1px solid #e0e0e0; background: #FFF; padding: 10px; height: 100px; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
        .lending-statistics .userinfo strong { color: #f58708; font-weight: normal; }
        .lending-statistics .userinfo .face { width: 100px; float: left; }
            .lending-statistics .userinfo .face img { border: 1px solid #CCC; padding: 2px; width: 94px; height: 94px; border-radius: 12px; }
        .lending-statistics .userinfo .body { margin-left: 110px; }
            .lending-statistics .userinfo .body h3 { font-size: 22px; font-weight: normal; }
                .lending-statistics .userinfo .body h3 .money { font-size: 12px; }
                .lending-statistics .userinfo .body h3 .loading { background: url(/image/loading.gif) no-repeat left center; padding-left: 20px; coloe: #999; }
            .lending-statistics .userinfo .body .money { height: 36px; line-height: 36px; font-size: 18px; overflow: hidden; }
                .lending-statistics .userinfo .body .money .balance { float: left; color: #666; }
                    .lending-statistics .userinfo .body .money .balance strong { font-size: 22px; }
                        .lending-statistics .userinfo .body .money .balance strong sub { font-size: 14px; vertical-align: bottom; }
                .lending-statistics .userinfo .body .money .ft14 { font-size: 14px; }
                .lending-statistics .userinfo .body .money .action { float: right; }
                    .lending-statistics .userinfo .body .money .action a { float: left; height: 30px; line-height: 30px; color: white; border-radius: 15px; background-color: #8ab46e; padding: 0px 20px; margin: auto 5px; }
                        .lending-statistics .userinfo .body .money .action a.extract { background-color: #0697da; }
            .lending-statistics .userinfo .body .auth { height: 30px; }
                .lending-statistics .userinfo .body .auth a { float: left; width: 30px; height: 30px; background: #f6fbfd url(/image/lending/security-icons.png) no-repeat; margin: auto 3px; border-radius: 4px; }
                    .lending-statistics .userinfo .body .auth a.authenticate { background-position: left top; }
                    .lending-statistics .userinfo .body .auth a.authenticateTrue { background-position: left bottom; }
                    .lending-statistics .userinfo .body .auth a.mobile { background-position: -30px top; }
                    .lending-statistics .userinfo .body .auth a.mobileTrue { background-position: -30px bottom; }
                    .lending-statistics .userinfo .body .auth a.email { background-position: -60px top; }
                    .lending-statistics .userinfo .body .auth a.emailTrue { background-position: -60px bottom; }
                    .lending-statistics .userinfo .body .auth a.paypassword { background-position: -90px top; }
                    .lending-statistics .userinfo .body .auth a.paypasswordTrue { background-position: -90px bottom; }
        .lending-statistics .userinfo table { font-size: 14px; width: 100%; }
            .lending-statistics .userinfo table td { padding: 5px 5px 5px 25px; height: 30px; color: #333; }
                .lending-statistics .userinfo table td .yellow { color: #f58708; }
        .lending-statistics .userinfo h2 { font-size: 22px; font-weight: normal; }

/*  用户后台左侧 */
.lending-userleft .UserBox { }
    .lending-userleft .UserBox .title { background: #ececec; height: 50px; line-height: 50px; border-bottom: #ccc 1px solid; }
        .lending-userleft .UserBox .title h3 { font-weight: normal; font-size: 16px; color: #111; text-indent: 30px; }
    .lending-userleft .UserBox .body { }
        .lending-userleft .UserBox .body ul li { }
            .lending-userleft .UserBox .body ul li a { display: block; height: 40px; line-height: 40px; background: #f2f2f2; color: #909090; text-indent: 42px; }
                .lending-userleft .UserBox .body ul li a:hover { background: #7fd4f3; color: white; text-decoration: none; }

/*  文章和栏目页的左侧 */
/*.lending_left { }
    .lending_left dl, .lending_left dt, .lending_left dd { margin: 0px; padding: 0px; }
    .lending_left dt { font-size: 18px; color: #363636; height: 48px; line-height: 48px; border-bottom: 1px solid #cbcbcb; }
    .lending_left dd { clear: both; border-bottom: 1px solid #eeeeee; height: 42px; line-height: 42px; }
        .lending_left dd a { color: #363636; display: block; padding-left: 12px; }
            .lending_left dd a.current { background: #7fd4f3; color: white; text-decoration: none; }
            .lending_left dd a:hover, .PageColumn .lending_left dd a.current { }*/


/*  资金托管的等待窗口   */
.trustLoding { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #FFF; }

/*  债权转让页面  */
.Invest-list .body table { border-spacing: 0px; width: 100%; background: #fff; }
    .Invest-list .body table thead th { padding: 8px 0px; }
    .Invest-list .body table thead th { font-weight: normal; font-size: 14px; color: #666; background: none repeat scroll 0% 0% #EDEEF0; }
    .Invest-list .body table tbody td.left { text-align: left; width: auto; float: none; margin-right: 0; }
    .Invest-list .body table tbody td { text-align: center; font-size: 14px; padding: 15px 4px; border-bottom: 1px solid #F5F5F5; overflow: hidden; }
        .Invest-list .body table tbody td.jd .jindu { display: inline-block; width: 80px; height: 10px; background-color: #DADADA; border-radius: 5px; position: relative; margin: auto 5px; }
            .Invest-list .body table tbody td.jd .jindu em { line-height: 20px; position: absolute; top: 12px; left: 25px; }
            .Invest-list .body table tbody td.jd .jindu span { display: block; height: 10px; position: absolute; left: 0px; top: 0px; width: 100%; background-color: #ff7f00; border-radius: 5px; }
        .Invest-list .body table tbody td.jd .gray { display: block; }

        .Invest-list .body table tbody td.left a { display: block; font-size: 15px; color: #333; background: url(../images/icon.png) no-repeat left center; padding-left: 30px; font-weight: normal; margin-left: 10px; }
        .Invest-list .body table tbody td.left .icon-dan { background: none; }
        .Invest-list .body table tbody td.left a:hover { color: #FF7F00; }
        .Invest-list .body table tbody td a.invest-btn { margin: auto; border-radius: 20px; height: 32px; line-height: 32px; background: #c79400; color: #fff; font-size: 15px; width: 90px; display: block; }
    .Invest-list .body table tbody .jindu label { float: left; background: red; height: 10px; border-radius: 10px; }

/*  债权转让的头部广告图 */
.transfer-banner { height: 174px; }
    .transfer-banner .intro { display: block; height: 174px; background: url(/image/lending/transfer-1.jpg) no-repeat center center; }

/*  计算器 */

/*.PageCalculator .ContainerMain { min-height: 500px; }
.PageCalculator .Container2 { background: #fff; margin-top: 15px; border: 1px solid #eaeaea; padding: 0 20px 40px 20px; }
.PageCalculator .ContainerMain .title { border-bottom: 1px solid #C9C9C9; height: 16px; position: relative; float: left; width: 100%; margin-bottom: 30px; }
    .PageCalculator .ContainerMain .title h3 { position: absolute; font-size: 16px; background: #FFF; padding: 0px 10px 0px 8px; left: 20px; top: 3px; color: #555; }
.PageCalculator .ContainerMain .searchBlock { border: none; padding: 30px; }
    .PageCalculator .ContainerMain .searchBlock .formBox li { width: 100%; float: left; padding: 6px 0px; }
        .PageCalculator .ContainerMain .searchBlock .formBox li tt { float: left; line-height: 42px; font-size: 14px; color: #999; padding: 0px 5px; font-family: "微软雅黑"; }
    .PageCalculator .ContainerMain .searchBlock .formBox .inputName { float: left; font-size: 16px; height: 42px; line-height: 42px; text-align: right; width: 200px; padding-right: 10px; }
    .PageCalculator .ContainerMain .searchBlock .formBox li .txt { float: left; width: 230px; /*height: 24px;*/ /*line-height: 24px; overflow: hidden; padding: 8px 6px; outline: medium none; border: 1px solid #C9C9C9; color: #333; font-size: 16px; border-radius: 3px; margin-right: 10px; }
    .PageCalculator .ContainerMain .searchBlock .formBox .time select { width: 55px; }
    .PageCalculator .ContainerMain .searchBlock .formBox li .button { margin-left: 210px; display: inline; height: 42px; line-height: 42px; width: 120px; background: #689e00; border-radius: 4px; color: #FFF; font-size: 16px; border: medium none; cursor: pointer; font-weight: bold; }
    .PageCalculator .ContainerMain .searchBlock .formBox li .none { margin-left: 10px; background: #F4F4F4; border: 1px solid #D3D1D1; color: #333; width: 120px; }*/




.CalculatorContent { border: 1px solid #FFBB76; background: #FFFCEF; padding: 20px; }
    .CalculatorContent .list { background: #fff; }
    .CalculatorContent h3 { font-size: 18px; padding: 10px 10px 20px; }
    .CalculatorContent .list { width: 98%; margin: auto; border: #c5c5c5 solid 1px; border-collapse: collapse; }
        .CalculatorContent .list th, .CalculatorContent .list td { border: #c5c5c5 solid 1px; text-align: center; }
        .CalculatorContent .list td { padding: 8px 3px; }
        .CalculatorContent .list thead tr th { height: 30px; text-align: center; background: #fef3d9; }
        .CalculatorContent .list tfoot tr td { text-align: center; color: #e6551d; font-weight: bold; }