/* common start */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,a,pre, form, fieldset, legend, caption, table, th, td, input, textarea,nav,menu,hgroup,header,section,aside,footer,em,var,strong{ margin: 0; padding: 0; }
body,html {
    background-color: #f3f8ff;
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 14px;
}
html, body, input, select, textarea, th{margin: 0;color: #575757;font-size: 14px;}
.img-btn {cursor:pointer}
.cnt{text-align:center}
.inpt {border:1px solid #CCC;padding-left:3px;height:27px}
.red, .required, .error {color:red}
.green {color:green}
.hidden {display:none}
.left10 {margin-left:10px}
.top5 {margin-top:5px}
.top10 {margin-top:10px}
.top20 {margin-top:20px; clear:both;}
.top50 {margin-top:50px;}
.pad10 {padding:10px;}
.datepicker {background:url("/static/risk/img/date.png") no-repeat 90px 6px #FFFFFF;width:100px;padding-left:10px;cursor:pointer}
.ui-autocomplete {max-height: 210px;overflow-y: auto;overflow-x: hidden;}
#dialog {overflow:hidden}
.dialog-loading{float:left;margin:-90px 0 0 130px}
img{border:0;}

ul,li{list-style:none;}

a {color:#196dc4; text-decoration:none; }
a:hover { color:#f60; }
a:focus{color:#f60;}

button {padding:4px 5px}

.hidden {display:none}

.datepicker {
    background:url("/static/lend/img/4.png") no-repeat 90px 6px #FFFFFF;
    width:100px;
    padding-left:10px;
    cursor:pointer
}
.ui-autocomplete {max-height: 210px;overflow-y: auto;overflow-x: hidden;}


/** Start select css */
.dropdown { outline:none;display:inline-block;*display:inline; }
.dropdown h4{cursor:default; font-size:12px;text-indent:5px; margin:0; padding:3px 5px; }
.dropdown * { -moz-user-select:none; }
.dropdown h4.over { }
.dropdown div { display:block; /*fix bug*/ }
.dropdown ul{ position:absolute;display:none;margin:0;padding:0;float:left;clear:both;}
.dropdown ul li{ text-indent:5px;margin:0;padding:3px 5px;list-style:none;display:block;cursor:pointer; }
.dropdown ul li.over{ }
.dropselectbox { display:inline; }

/* write you style here */
.dropdown h4{ line-height:21px; height:21px;border:solid 1px #CCC; font-weight:normal; background:url("/static/risk/img/droparrow.gif") no-repeat right top; }
.dropdown h4.over{ border-color:#dedede; background-position:right bottom; color:#333;}
.dropdown h4.current{ border-color:#CCC; }
.dropdown ul{ border:1px solid #ddd; background:#FFF; margin-top:-1px;}
.dropdown ul li{ background:#FFF;height:19px;width:100%;font-weight:normal}
.dropdown ul li.over{ background:#ECF4F7;}
/** End select css */


/* common end */

/* common header start*/
.container {
    margin: 0 auto;
    width: 990px;
    height: auto;
}

.container .header {
    margin: 10px 0 0 0;
    width: 100%;
}

.container .header .nav {
    height: 70px;
    width: 100%;
}

.container .header .nav .logo {
    width: 150px;
    height: 44px;
    float: left;
    border-right: 1px solid #888888;
}

.container .header .nav .logo img{
    width: 140px;
}

.container .header .nav .system-name {
    font-size: 28px;
    color: #333333;
    margin-left: 10px;
}

.container .header .nav .individual-operations {
    float:right;
    margin-top: 15px;
}

.container .header .tab {
    width: 100%;
    height: 38px;
    border-bottom: 4px solid #3e8ed9;
}

.container .header .tab ul {
    list-style-type: none;
    margin-left: 20px;
}

.container .header .tab ul li{
    float: left;
    background-color: #D5E9FC;
    height: 30px;
    width: 105px;
    border-right: 1px solid #ffffff;
    text-align: center;
    padding: 8px 0px 0px 0px;
    color: #333333;
    font-size: 16px;
    -moz-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.container .header .tab ul li.focus {
    background-color: #3e8ed9;
}

.container .header .tab ul li.focus a {
    color: #ffffff;
}

/* common header end*/

/* common footer start */

.container .footer {
    position: relative;
    top: 80px;
    text-align: center;
    clear:both;
    height: 100px;
}

/* common footer end*/

/* Account Summary Start*/

.container .main {
    width: 100%;
    height: auto;
}

.container .main .overview {
    width: 988px;
    height: 184px;
    margin-top: 10px;
    border: 1px solid #c5daed;
    background-color: #ffffff;
    position: relative;
}

.container .main .overview .username-operation {
    top: 20px;
    position: relative;
}

.container .main .overview .username-operation .username {
    left: 30px;
    position: relative;
    font-size: 28px;
    color: #333;
}

.container .main .overview .username-operation .operation a {
    float: right;
    height: 30px;
    width: 125px;
    color: #fff;
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 16px;
}
.container .main .overview .username-operation .operation .recharge {
    background-color: #499f01;
    margin-right: 20px;
}

.container .main .overview .username-operation .operation .withdrawal {
    background-color: #3e8ed9;
    margin-right: 30px;
}

.container .main .overview .balance
{
    position: relative;
    top: 45px;
    left: 30px;
    font-size: 18px;
}

.container .main .overview .balance ul{
    list-style-type: none;
}

.container .main .money {
    color:#ff0000;
}

.container .main .overview .balance ul li {
    float: left;
    margin-right: 40px;
}

.container .main .overview .authenticate{
    position: relative;
    top: 65px;
    left: 30px;
    clear: both;
    width: 100%;
}

.container .main .overview .authenticate ul{
    list-style-type: none;
}

.container .main .overview .authenticate ul li{
    width: 40px;
    height: 35px;
    text-indent: -10000px;
    float: left;
}

.container .main .overview .authenticate ul li.phone {
    background: url(/static/lend/img/3.png) no-repeat 2px -4px;
}

.container .main .overview .authenticate ul li.picture {
    background: url(/static/lend/img/3.png) no-repeat -40px -4px;
}

.container .main .overview .authenticate ul li.identify {
    width: 45px;
    background: url(/static/lend/img/3.png) no-repeat -88px -4px;
}

.container .main .overview .authenticate ul li.email {
    background: url(/static/lend/img/3.png) no-repeat -140px -4px;
}

.container .main .overview .balance ul li{
    float: left;
}

.container .main .overview .pay-account {
    position: relative;
    top: 80px;
    left: 30px;
    clear: both;
}

.container .main .overview .pay-account ul{
    list-style-type: none;
}

.container .main .overview .pay-account ul li{
    float: left;
    margin-right: 20px;
    color: #333;
}

.container .main .overview .pay-account ul li a {
    height: 30px;
    background-color: #e2effb;
    padding: 7px 10px;
    border: 1px solid #c5daed;
}

.container .main .account-detail {
    width: 988px;
    height: auto;
    background-color: #ffffff;
    position: relative;
    margin-top: 20px;
    clear: both;
}

.container .main .account-detail table {
    width: 100%;
    border-collapse: collapse;
}

.container .main .account-detail table td {
    border: 1px solid #c5daed;
    height: 36px;
    padding-left: 30px;
}

.container .main .account-detail table caption {
    height: 28px;
    text-align: left;
    background-color: #e2effb;
    border-left: 1px solid #c5daed;
    border-right: 1px solid #c5daed;
    border-top: 1px solid #c5daed;
    padding: 8px 0 0 30px;
    font-weight: bold;
}

/* Account Summary End*/

/* Debt Summary Start*/
.container .debt-summary {
    width: 988px;
    height: 200px;
    background-color: #e3f0fb;
    border-left: 1px solid #c5daed;
    border-right: 1px solid #c5daed;
    border-bottom: 1px solid #c5daed;
}

.container .earn {
    margin-top: 30px;
    float: left;
    width: 230px;
    height: 140px;
}

.container .earn ul{
    margin-left: 30px;
}

.container .earn ul li {
    padding-bottom: 15px;
}

.container .earn .e-title {
    font-size: 22px;
    color: #333;

}

.container .earn .e-title span {
    padding-right: 18px;
}

.container .earn .e-money {
    font-size: 22px;
    color: #f00;
}

.container .earn .e-interest span{
    padding-right: 18px;
    margin-right: 15px;
    background: url(/static/lend/img/5.png) no-repeat right 3px;
}

.container .property {
    float: left;
    width: 725px;
    height: 158px;
    border: 1px solid #c5daed;
    background-color: #fff;
    margin-top: 20px;
    font-size: 18px;
    color: #333;
}

.container .property .debt-total, .container .property .debt-items {
    margin: 24px 0 24px 48px;
    width: 150px;
    height: 110px;
    border-right: 1px dashed #c5daed;
    float: left;
}

.container .property .debt-items {
    border: none;
}

.container .property .debt-total ul, .container .property .debt-items ul {
    padding-top: 24px;
    width: 100%;
}

.container .property .debt-total ul li, .container .property .debt-items ul li{
    margin-bottom: 15px;
}

.container .property .debt-total .debt-money,  .container .property .debt-items .debt-money{
    padding-left: 23px;
    background: url(/static/lend/img/6.png) no-repeat left 5px;
}

.container .property .debt-items ul li.repay-now {
    position: relative;
    top: -60px;
    left: 97px;
}
.container .debt-classify {
    margin-top: 20px;
    width: 400px;
    height: 42px;
}

.container .debt-classify ul li {
    float: left;
    width: 125px;
    height: 42px;
}

.container .debt-classify ul li a {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #c5daed;
    background-color: #e3f0fb;
}

.container .debt-classify ul li.debt-classify-li-focus {
    background: url(/static/lend/img/7.png) no-repeat center 35px;
    color: #fff;
}

.container .debt-classify ul li .debt-classify-focus {
    background-color: #77b3ed;
    border: 1px solid #77b3eb;
    color: #fff;
}

.container .table {
    width: 100%;
    height: auto;
    margin-top: 10px;
    clear: both;
}

.container .table table {
    width: 100%;
    border-collapse: collapse;
}

.container .table table th {
    border: 1px solid #c5daed;
    height: 36px;
    background-color: #e3f0fb;
    font-weight: bold;
}

.container .table table td {
    background-color: #fff;
    height: 36px;
    border: 1px solid #c5daed;
    text-align: center;
}

.container .page-container {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    height: 40px;
}

.container .page-container ul {
    width:550px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding-left: 40px;
}
.container .page-container ul li {
    float: left;
    background-color: #e3f0fb;
    padding: 5px 10px 5px 10px;
    margin-right: 10px;
    border: 1px solid #c5daed;
}

.container .page-container ul li.no-bg {
    border: none;
    background: none;
}

.container .page-container .page-focus {
    background-color: #4895de;
    border: 1px solid #4895de;
    color: #fff;
}

.container .page-container ul span.page-total {
    color: #f00;
}
/* Debt Summary End*/

/* Money Manage Start */
.container .money-query-form {
    width: 968px;
    height: 60px;
    background-color: #fff;
    border-left: 1px solid #c5daed;
    border-right: 1px solid #c5daed;
    border-bottom: 1px solid #c5daed;
    padding: 20px 0 0 20px;
}

.container .money-query-form ul li{
    float: left;
    height: 27px;
}

.container .money-query-form ul li input {
    width: 100px;
    height: 30px;
    border: 1px solid #c5daed;
    font-size: 14px;
    padding: 0 30px 0 5px;
}

.container .money-query-form ul li.text {
    padding-top: 6px;
}

.container .money-query-form .date-input {
    background: transparent url(/static/lend/img/4.png) no-repeat 110px 5px;
}

.container .money-query-form .query-status{
    width: 100px;
    height: 30px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #c5daed;
    line-height: 30px;
    padding: 3px 0;
}

.container .money-query-form ul li.ml30 {
    margin-left: 30px;
}

.container .money-query-form ul li.ml10 {
    margin-left: 10px;
}

.container .money-query-form ul .sub-link {
    width: 40px;
    height: 30px;
    background-color: #e2effb;
    padding: 5px 20px;
    border: 1px solid #c5daed;
}

.container .money-query-form .money-recharge {
    height: 30px;
    width: 125px;
    float: right;
    margin-right: 0px;
}

.container .money-query-form .money-recharge a.recharge {
    height: 27px;
    width: 80px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: #499f01;
    display: block;
    padding: 3px 0 0 0;
}

.container .money-table {
    margin-top: 20px;
}

.container .money-table table th {
    text-align: left;
    padding-left: 20px;
}

.container .money-table table td {
    text-align: left;
    padding-left: 20px;
}

.dialog-close {
    background: url("/static/lend/img/close.gif") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 10px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
}

.input-info {
    border:1px solid #BFD1DF;
    height:34px;
    line-height:30px;
    width:200px;
    padding-left:10px;
}

.btn {
    width:153px;
    height:34px;
    cursor:pointer;
    font-size:16px;
    color:#FFF;
    font-family: "Microsoft Yahei", "微软雅黑";
}
.btn-orange {
    background:url("/static/lend/img/orange-btn-bg.png") repeat-x;
    border:1px solid #DF7E00;
}
.btn-green {
    background:url("/static/lend/img/green-btn-bg.png") repeat-x;
    border:1px solid #408B01;
    width:174px
}
.btn-gray {
    background:url("/static/lend/img/gray-btn-bg.png") repeat-x;
    border:1px solid #CACACA;
    width:30px;
    color:#333;
}
.btn-green1 {
    background-color: #499f01;
    height: 30px;
    width: 100px;
    color: #fff;
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 16px;
}
a.btn-green1 {
    display: block;
}

/* Money Manage End */

/* Modify Password Start */
.container .modify-password {
    width: 988px;
    height: 450px;
    background-color: #E3F0FB;
    border-left: 1px solid #c5daed;
    border-right: 1px solid #c5daed;
    border-bottom: 1px solid #c5daed;
}

.container .modify-password .section {
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 70px 0 0 0;
    color: #333;
}

.container .modify-password .section ul {
    padding: 10px 0 0 10px;
}

.container .modify-password .section ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.container .modify-password .section ul li h3 {
    display: inline-block;
}

.container .modify-password .section ul li .error-tips {
    display: inline-block;
    padding-left: 12px;
    color: #f00;
}

.container .modify-password .section ul li input {
    width: 200px;
    height: 30px;
    font-size: 14px;
    border: 1px solid #c5daed;
}

.container .modify-password .section .captcha {
    background-color: #DF7E00;
    width: 105px;
    padding: 5px 10px;
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.container .modify-password .section ul li label {
    width: 80px;
    height: 30px;
    display: inline-block;
}
.container .modify-password .section .confirm {
    width: 60px;
    background-color: #3e8ed9;
    color: #fff;
    border: 1px solid #3e8ed9;
    padding: 5px 10px;
}

/* Modify Password end */

/* Recharge Start */
.container .recharge-error, .container .withdraw-error {
    margin-top:70px;
    margin-left:20px;
    margin-right:20px;
    text-align:center
}

.container .recharge, .container .withdraw {
    width: 988px;
    height: 450px;
    background-color: #E3F0FB;
    border-left: 1px solid #c5daed;
    border-right: 1px solid #c5daed;
    border-bottom: 1px solid #c5daed;
}

.container .recharge .section, .container .withdraw .section {
    width: 270px;
    height: 200px;
    margin: 0 auto;
    padding-top: 100px;
}

.container .withdraw .section {
    width: 300px;
}

.container .recharge  .section ul li, .container .withdraw  .section ul li {
    margin-bottom: 10px;
}

.container .recharge  .section ul li label{
    width: 50px;
    display: inline-block;
}

.container .withdraw  .section ul li label {
    width: 80px;
    display: inline-block;
}

.container .recharge .section ul li button, .container .withdraw .section ul li button{
    width: 80px;
}

.container .recharge .section ul li.li-btn, .container .withdraw .section ul li.li-btn{
    margin-left: -4px;
}
/* Recharge End */



/** Start pager css */
.page{
    position: relative;
    width: 960px;
    height: 26px;
    margin: 20px auto 10px;
    text-align: center;
    line-height: 1.7em;
    text-decoration: none;
}
.page a, .page span{
    font-size: 14px;
    font-weight: bold;
    background-color: #FFF;
    border: 1px solid #EBEBEB;
    padding: 3px 9px;
    line-height: 24px;
    margin: 0 3px;
    text-decoration: none;
    width: 24px;
    color: #848484;
}
.page span{
    background: #4591e1;
    border: 1px solid #4591e1;
    color: #FFF;
}
.page a:hover, .page a.prev-page:hover, .page a.next-page:hover{
    font-weight: bold;
    background-color: #4591e1;
    border-color: #4591e1;
    color: white;
}
.page a.prev-page, .page a.next-page {
    background-color: #FFF;
    border: 1px solid #EBEBEB;
    width: 50px;
}

/* 我的借款列表 start */
.container .property .debt-total, .container .property .debt-items {
    margin: 24px 0 24px 48px;
    width: 180px;
    height: 110px;
    border-right: 1px dashed #c5daed;
    float: left;
}

.container .property .debt-items {
    border: none;
}
/* 我的借款列表 end */

/*表头排序*/
.sort{
    cursor: pointer;
    background: url('/static/lend/img/sort_both.png') no-repeat center right;
}
.sort_desc{
    background:url('/static/lend/img/sort_desc.png') no-repeat center right;
}
.sort_asc{
    background:url('/static/lend/img/sort_asc.png') no-repeat center right;
}
.mt2{
    margin-top: 2px;
}
.inner-loading{
    position: relative;
    top: 45%;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    border: 16px solid #FFF;
    border-bottom: none;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    font-size: 14px;
    font-weight: bold;
}
.data-loading{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=80);
    opacity: 0.8;
    overflow: hidden;
    background-color: #000;
}
.data-loaded{
    position: fixed;
    z-index: 1;
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #000;
    display:none;
}

/** Start data-table css */
.tb-list{background:#AAA;width:100%;border:1px solid #B9ddec;}
.tb-list thead tr{background:url("/static/risk/img/bg.png");}
.tb-list th{height:22px;padding:3px;padding-left:1px; border-right: solid 1px #6daed6; border-left:solid 1px #e7f4fc;border-bottom:1px solid #B9ddec;}
.tb-list th:first-child{border-left:0;}
.tb-list th:last-child{border-right:0;}
.tb-list tbody tr:hover{
    background: #ECF4F7;
}
.tb-list tbody tr:first-child td{border-top:0}
.tb-list tbody tr{height:34px;background:#FFF}
.tb-list td{padding:0 2px;border-top:1px solid #c3d7e3;border-right: solid 1px #c3d7e3}
.tb-list td:last-child{border-right:0;}
/** End data-table css */

.tb-detail {width:100%;border:1px solid #8db6cf;border-bottom:0}
.tb-detail th{height:22px;padding:3px;padding-left:1px; border-right: solid 1px #8db6cf; border-bottom:1px solid #8db6cf;background:#ECF4F7;text-align:right}
.tb-detail th:first-child{border-left:0;}
.tb-detail th:last-child{border-right:0;}
.tb-detail td{padding:0 2px;border-bottom:1px solid #8db6cf;border-right: solid 1px #8db6cf;background:#FFF}
.tb-detail td:last-child{border-right:0;}

.fr {float: right}