/*首页样式*/
.bannerBox {
    width: 100%;
    overflow: hidden;
}

.bannerBox img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.debitBox {
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    margin-top: 0.5rem;
}

.debitBox a {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0.5rem 0.8rem 0.5rem 5.8rem;
    background: url(../images/jtch.png) no-repeat 0.7rem 0.6rem;
    background-size: 5.3rem auto;
}

.debitBox .leftText {
    width: 6.75rem;
    float: left;
}

.debitBox .leftText h4 {
    font-size: 0.95rem;
    color: #000;
    font-weight: bolder;
    padding: 0.65rem 0 0.55rem;
}

.debitBox .leftText p {
    font-size: 0.7rem;
    color: #999;
    padding-bottom: 0.7rem;
}

.debitBox .rtBtn {
    float: right;
    width: 3.95rem;
    overflow: hidden;
    margin-top: 1.2rem;
}

.debitBox .rtBtn img {
    width: 100%;
    height: auto;
}

.quickEntrance {
    width: 100%;
    overflow: hidden;
    margin-top: 0.5rem;
}

.quickEntrance li {
    width: 50%;
    overflow: hidden;
    padding-right: 0.25rem;
    float: left;
    box-sizing: border-box;
}

.quickEntrance li:last-child {
    padding-left: 0.25rem;
}

.quickEntrance li a {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 0.375rem;
    height: 8.6rem;
    float: left;
}

.quickEntrance li:last-child a {
    float: right;
}

.quickEntrance li em {
    display: block;
    width: 2.45rem;
    overflow: hidden;
    margin: 0.775rem auto 0.5rem;
}

.quickEntrance li em img {
    width: 100%;
    height: auto;
}

.quickEntrance li h4 {
    width: 100%;
    font-size: 0.75rem;
    color: #111;
    text-align: center;
    font-weight: bolder;
}

.quickEntrance li p {
    width: 92%;
    font-size: 0.65rem;
    color: #999;
    text-align: center;
    line-height: 0.9rem;
    padding: 0.4rem 4%;
}

.indexTipBox {
    width: 100%;
    overflow: hidden;
}

.indexTipBox li {
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    margin-top: 0.5rem;
    padding: 0.75rem 0.9rem;
    box-sizing: border-box;
}

.indexTipBox li h4 {
    width: 100%;
    float: left;
    font-size: 0.7rem;
    line-height: 1.05rem;
    color: #000;
    font-weight: bolder;
    margin-top: 0.3rem;
}

.indexTipBox li .imgBox {
    float: right;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 0.5rem;
}

.indexTipBox li .imgBox img {
    width: 100%;
    height: auto;
}

.indexTipBox li .textBox {
    float: left;
    width: 60%;
}

.indexTipBox li .textBox p {
    float: left;
    font-size: 0.65rem;
    color: #999;
    width: 100%;
    padding: 0.2rem 0 0 0;
}

.indexIcoBox {
    width: 100%;
    overflow: hidden;
    padding: 1.0rem 0;
}

.indexIcoBox li {
    width: 25%;
    float: left;
    text-align: center;
}

.indexIcoBox li em {
    display: block;
    width: 1.5rem;
    overflow: hidden;
    margin: auto;
}

.indexIcoBox li em img {
    width: 100%;
    height: auto;
}

.indexIcoBox li p {
    width: 100%;
    font-size: 0.65rem;
    color: #333;
    padding-top: 0.35rem;
}


/*借条列表样式*/
.debitWrap {
    width: 100%;
    overflow: hidden;
    padding-top:2.5rem;
}

.debitWrap .topTab {
    width:100%;height:2.5rem;background:#2784FF;text-align:center;position:fixed;top:0;left:0;z-index:99;
}

.debitWrap .topTab span {
    display: inline-block;
    line-height: 2.5rem;
    color: #fff;
    font-size: 0.8rem;
    padding: 0 2%;
    margin: 0 11%;
    position: relative;
}

.debitWrap .topTab span.select {
    font-weight: bolder;
}

.debitWrap .topTab span.select:after {
    content: "";
    display: inline-block;
    width: 1.6rem;
    position: absolute;
    height: 0.12rem;
    border-radius: 0.06rem;
    background: #fff;
    bottom: 0.3rem;
    left: 50%;
    margin-left: -0.8rem;
}

.debitList{width:100%;overflow:hidden;padding:0 0.625rem;padding-top:2.5rem;padding-bottom:2.9rem;}

.debitList h2{width:100%;overflow:hidden;position:fixed;top:2.5rem;left:0;background:#f6f6f6;z-index:99;}

.debitList h2 span{width:25%;float:left;text-align:center;font-size:0.7rem;color:#666;line-height:3.0rem;}

.debitList h2 span.select {
    color: #2784FF;
}

.debitList ul {
    width: 100%;
    overflow: hidden;
}

.debitList ul li {
    float: left;
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 0.5rem;
}

.debitList ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.debitList li a .arbitrateIco {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    z-index: 66;
    bottom: 1.2rem;
    right: 1.05rem;
}

.debitList li a .arbitrateIco img {
    width: 100%;
    height: auto;
}

.debitList ul li h4 {
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    height: 2.3rem;
    font-size: 0.8rem;
    color: #222;
    padding: 0 0.75rem;
    font-weight: bolder;
    line-height: 2.3rem;
    box-sizing: border-box;
}

.debitList ul li h4 i {
    float: right;
    font-size: 0.7rem;
    color: #2784FF;
    padding: 0 0.125rem;
    background: #F3F7FE;
    border: 1px solid #3F85F3;
    border-radius: 0.125rem;
    font-weight: normal;
    font-style: normal;
    height: 0.95rem;
    line-height: 0.95rem;
    margin-top: 0.6rem;
}

.debitList ul li p {
    font-size: 0.75rem;
    color: #B3B3B3;
    padding: 0.2rem 0.75rem 0.4rem;
    line-height: 1.4rem;
    box-sizing: border-box;
}

.debitNum {
    width: 100%;
    overflow: hidden;
    padding: 0 0.75rem;
    box-sizing: border-box;
}

.itemNum {
    width: 32%;
    float: left;
    overflow: hidden;
    padding: 0.7rem 0 0 0;
}

.debitNum .itemNum:nth-child(2) {
    margin: 0 2%;
    text-align: center;
}

.debitNum .itemNum:last-child {
    text-align: right;
}

.itemNum h5 {
    width: 100%;
    font-size: 0.9rem;
    color: #222;
}

.itemNum h5 em {
    font-size: 0.6rem;
    padding-left: 0.1rem;
}

.debitNum .itemNum p {
    font-size: 0.6rem;
    padding: 0;
    line-height: 1.1rem;
}


/*借条详情*/
.debitDetalTop {
    width: 100%;
    padding: 0.6rem 0.75rem;
    background: url(../images/bluebg.png) no-repeat left -3.5rem;
    background-size: 100% auto;
}

.personMsg {
    width: 100%;
    padding: 0.75rem 0.9rem;
    background: #fff;
    border-radius: 0.375rem;
}

.avaterBox {
    width: 100%;
    overflow: hidden;
}

.avaterBox .avater {
    float: left;
    width: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
}

.avaterBox .avater img {
    width: 100%;
    height: auto;
}

.personMsg .avaterBox p {
    float: left;
    width: 11.0rem;
    margin-left: 0.6rem;
    margin-top: 0;
}

.avaterBox p span {
    float: left;
    font-size: 0.8rem;
    font-weight: bolder;
    color: #222;
    width: 100%;
    margin: 0.25rem 0 0.4rem;
}

.avaterBox p i {
    float: left;
    font-size: 0.7rem;
    color: #2784FF;
    padding: 0 0.125rem;
    background: #F3F7FE;
    border: 1px solid #3F85F3;
    border-radius: 0.125rem;
    font-weight: normal;
    font-style: normal;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0;
}

.personMsg p {
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #999;
    margin-top: 0.65rem;
}

.personMsg p em {
    color: #2784FF;
}

.noteDetail {
    width: 100%;
    padding: 0 0.625rem 0.5rem;
    overflow: hidden;
}

.noteDetail h2 {
    width: 100%;
    font-size: 0.8rem;
    color: #222;
    font-weight: bolder;
    padding: 0.25rem 0 0.55rem;
}

.noteDetailMsg {
    width: 100%;
    background: #fff;
    border-radius: 0.375rem;
}

.noteDetailMsg .totalMsg {
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #EAE9E9;
    padding: 0.2rem 0;
}

.noteDetailMsg .totalMsg li {
    width: 32%;
    float: left;
    text-align: center;
}

.noteDetailMsg .totalMsg li:nth-child(2) {
    padding: 0 2%;
}

.noteDetailMsg .totalMsg li p {
    width: 100%;
    font-size: 0.6rem;
    color: #222;
    padding: 0.9rem 0 0.4rem;
}

.noteDetailMsg .totalMsg li h4 {
    width: 100%;
    font-size: 0.9rem;
    color: #222;
    padding: 0 0 0.8rem;
}

.noteDetailMsg .totalMsg h4 em {
    font-size: 0.6rem;
    padding-left: 0.1rem;
}

.noteTip {
    width: 90%;
    background: #F6F6F6;
    border-radius: 0.125rem;
    height: 1.55rem;
    line-height: 1.55rem;
    margin: 0.75rem auto 0;
}

.noteTip span {
    float: left;
    font-size: 0.6rem;
    width: 44%;
    line-height: 1.55rem;
    text-align: left;
    padding: 0 3%;
}

.noteTip span:last-child {
    text-align: right;
    float: right;
}

.noteList {
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    height: 16.8rem;
}

.noteList li {
    width: 90%;
    padding: 0.75rem 0;
    border-bottom: 1px solid #EBEBEB;
    margin: auto;
}

.noteList li:last-child {
    border-bottom: none;
}

.noteList li p {
    font-size: 0.6rem;
    overflow: hidden;
}

.noteList li p span {
    float: left;
    font-size: 0.6rem;
    width: 50%;
    line-height: 1.55rem;
    text-align: left;
}

.noteList li p span:last-child {
    text-align: right;
    float: right;
    color: #999;
}

.noteList li p span i {
    color: #2784FF;
    padding: 0 0.05rem;
    font-style: normal;
}

.itemMsg {
    width: 100%;
    overflow: hidden;
}

.itemMsg .eachPay {
    width: 50%;
    float: left;
    overflow: hidden;
}

.itemMsg .eachPay h4 {
    width: 100%;
    font-size: 0.9rem;
    color: #222;
    padding: 0.1rem 0 0.3rem;
}

.itemMsg .eachPay h4 em {
    font-size: 0.6rem;
    padding-left: 0.1rem;
}

.itemMsg .eachPay p {
    width: 100%;
    font-size: 0.6rem;
    color: #999;
    padding: 0 0 0.2rem;
}

.noteDetailList {
    width: 100%;
    background: #fff;
    border-radius: 0.375rem;
}

.noteDetailList ul {
    padding: 0.25rem 0.875rem;
    overflow: hidden;
}

.noteDetailList ul li {
    width: 100%;
    line-height: 2.5rem;
    font-size: 0.7rem;
    color: #222;
    overflow: hidden;
    border-bottom: 1px solid #EBEBEB;
}

.noteDetailList ul li:last-child {
    border-bottom: none;
}

.noteDetailList ul li span {
    float: left;
    line-height: 2.5rem;
}

.noteDetailList ul li span:last-child {
    text-align: right;
    float: right;
}

.arbitrateTip {
    height: auto;
    margin-top: -5.4rem;
}

.arbitrateTip p i {
    color: #2784FF;
    padding: 0 0.1rem;
    font-style: normal;
}

.arbitrateTip p {
    padding-bottom: 1.0rem;
}

.arbitrateTip .btn {
    width: 7.5rem;
    height: 2.5rem;
    border-radius: 1.0rem;
    line-height: 1.85rem;
    margin-top: 0;
    margin-bottom: 1.4rem;
}


/*好友列表*/
.friendBox {
    width: 100%;
    height: 100%;
    position: fixed;
}

.friendBox .topline {
    width: 100%;
    height: 0.7rem;
    background: #f6f6f6;
    z-index: 5;
}

.friendTop {
    height: 2.5rem;
    border-radius: 0.375rem;
    background: #fff;
    padding-right: 2.8rem;
    position: fixed;
    top: 0.6rem;
    left: 0.625rem;
    right: 1.4rem;
    z-index: 222;
}

.friendTopLeft {
    width: 100%;
    font-size: 0.8rem;
    font-weight: bolder;
}

.friendTopLeft a {
    display: block;
    width: 100%;
    color: #222;
    line-height: 2.6rem;
    background: url(../images/friend.png) no-repeat 0.875rem center;
    background-size: 1.025rem auto;
    padding-left: 2.4rem;
    box-sizing: border-box;
    height: 2.5rem;
}

.friendTopLeft a b {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: #FD4344;
    border-radius: 0.25rem;
    display: inline-block;
    margin-left: 0.5rem;
}

.friendTopRt {
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    z-index: 55;
}

.friendTopRt a {
    display: block;
    width: 2.8rem;
    height: 2.5rem;
    background: url(../images/add.png) no-repeat 0.875rem center;
    background-size: 0.95rem auto;
    font-size: 0.2rem;
    text-indent: -9999em;
}

.choose_letter {
    width: 0.84rem;
    position: fixed;
    overflow: hidden;
    right: 0.25rem;
    top: 3.6rem;
    padding: 0.75rem 0;
    background: #fbfbfb;
    border-radius: 0.42rem;
    z-index: 100;
}

.choose_letter a {
    float: left;
    width: 100%;
    height: 1.0rem;
    line-height: 1.0rem;
    color: #222;
    font-size: 0.7rem;
    text-align: center;
    display: block;
}

.friendList {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    padding: 0 1.4rem 0.6rem 0.625rem;
    box-sizing: border-box;
}

.friendList:before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 3.0rem;
}

.friendList:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 3.2rem;
}

.friendList .itemList {
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
    background: #fff;
}

.friendList .itemList ul {
    width: 100%;
    overflow: hidden;
    padding: 0.25rem 0;
}

.friendList .itemList ul li {
    width: 100%;
    overflow: hidden;
}

.friendList .itemList ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 3.6rem;
    position: relative;
    background: url(../images/arrowico.png) no-repeat 95% center;
    background-size: 0.25rem auto;
}

.friendList .itemList ul li .avater {
    position: absolute;
    left: 0.875rem;
    top: 0.7rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    overflow: hidden;
}

.friendList .itemList ul li .avater img {
    width: 100%;
    height: 100%;
}

.friendList .itemList ul li h4 {
    width: 100%;
    font-size: 0.7rem;
    color: #222;
    padding-top: 0.65rem;
}

.friendList .itemList ul li p {
    width: 100%;
    font-size: 0.7rem;
    color: #999;
    border-bottom: 1px solid #EAE9E9;
    padding: 0.4rem 0 0.65rem;
}

.friendList .itemList ul li:last-child p {
    border: none;
}

.friendList .itemList p.letter_h {
    width: 100%;
    height: 1.7rem;
    line-height: 1.7rem;
    background: #fafafa;
    color: #222;
    font-size: 0.7rem;
    padding-left: 1.2rem;
}

.friendNoData {
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    padding: 0 1.4rem 0.6rem 0.625rem;
    box-sizing: border-box;
    position: relative;
    margin-top: 3.0rem;
}

.friendNoData p {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.8rem;
    color: #333;
    background: #fff;
    border-radius: 0.375rem;
    box-sizing: border-box;
    padding: 0 1.0rem;
}

/*添加好友,好友申请*/
.addFriendsBox {
    width: 100%;
    overflow: hidden;
    margin: 1.2rem auto;
}

.friendMsg {
    width: 100%;
    padding: 0 0.8rem;
    overflow: hidden;
}

.friendMsgNr {
    width: 100%;
    border-radius: 0.375rem;
    background: #fff;
    padding: 0.875rem 0.75rem;
    overflow: hidden;
}

.avatar {
    width: 50%;
    height: 2.2rem;
    float: left;
    font-size: 0.8rem;
    line-height: 2.2rem;
}

.avatar span {
    float: left;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0.6rem;
}

.avatar span img {
    width: 100%;
    height: auto;
}

.setFormBox .friendMsgNr button {
    width: 5.7rem;
    height: 1.6rem;
    float: right;
    display: block;
    border-radius: 0.125rem;
    line-height: 0.8rem;
    margin: 0.3rem 0;
    font-size: 0.75rem;
}

.applicationBtns {
    width: 47%;
    overflow: hidden;
    float: right;
    text-align: right;
    font-size: 0.8rem;
    line-height: 2.2rem;
}

.setFormBox .friendMsgNr .applicationBtns button {
    width: 3.2rem;
    float: right;
    margin-left: 0.5rem;
}

.dataList h2 {
    font-size: 0.8rem;
    color: #222;
    font-weight: bolder;
    margin: 0.925rem 0 0.6rem;
    padding: 0 0.8rem;
}

.dataList h2 b {
    width: 0.2rem;
    height: 0.65rem;
    border-radius: 0.1rem;
    background: #2784FF;
    float: left;
    margin: 0.2rem 0.6rem 0 0;
}

.dataList table {
    width: 100%;
    overflow: hidden;
}

.dataList table tr th {
    height: 1.85rem;
    background: #EFF5FE;
    font-size: 0.7rem;
    color: #3F85F4;
    padding-left: 1.31rem;
}

.dataList table tr:nth-child(2) {
    border-bottom: 1px solid #EAE9E9;
}

.dataList table tr td {
    height: 1.85rem;
    font-size: 0.7rem;
    color: #666;
    text-align: center;
}

.homePageButtons {
    padding: 0 0.625rem;
    overflow: hidden;
}

.homePageButtons .commonbtn {
    margin-bottom: 0.3rem;
}

.homePageButtons .twoBtn .btn {
    margin: 0.25rem 0;
}


/*查看主页*/
.homePageBox {
    width: 100%;
    padding: 0;
    overflow: hidden;
    border-radius: 0.375rem;
    background: #fff;
}

.dataList {
    width: 100%;
    overflow: hidden;
}

.noHomePageData {
    width: 100%;
    padding: 7.5rem 0 7.0rem;
    display: none;
}

.noHomePageData span {
    display: block;
    width: 9.225rem;
    overflow: hidden;
    margin: auto;
}

.noHomePageData span img {
    display: block;
    width: 100%;
    height: auto;
}

.noHomePageData p {
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
    padding: 1.4rem 0 0 0;
}

.popUp .levelNote {
    text-align: left;
    padding: 0 15% 1.2rem;
    font-size: 0.75rem;
    margin-top: -0.3rem;
}

.levelBox {
    height: auto;
    margin-top: -8.0rem;
}


/*投诉页面*/
.complainBox {
    width: 100%;
    padding: 0 0.75rem;
}

.complainBox h4 {
    width: 100%;
    font-size: 0.7rem;
    color: #222;
    padding: 0.75rem 0 0.5rem;
}

.complainBox h4 span {
    color: #999;
}

.complainBox .textBox {
    width: 100%;
    border-radius: 0.125rem;
    background: #F7F7F7;
    padding: 0.75rem;
    box-sizing: border-box;
    height: 7.5rem;
    position: relative;
}

.complainBox .textBox textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    line-height: 1.0rem;
    font-size: 0.7rem;
}

.complainBox .numLength {
    position: absolute;
    bottom: 0.5rem;
    right: 0.75rem;
    font-size: 0.7rem;
    color: #999;
}

.complainBox .numLength i {
    font-style: normal;
}

.imgList {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1.0rem;
}

.imgList ul {
    width: 100%;
    overflow: hidden;
}

.imgList ul li {
    width: 5.8rem;
    height: 5.5rem;
    background: #F7F7F7;
    border-radius: 0.375rem;
    overflow: hidden;
    float: left;
    margin-right: 0.5rem;
    line-height: 5.5rem;
    font-size: 0rem;
    text-indent: center;
}

.imgList ul li:last-child {
    margin-right: 0;
}

.imgList ul li img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.imgList ul li.upimgBtn {
    position: relative;
    background: url(../images/uploadIco.png) no-repeat center #f7f7f7;
    background-size: 100% auto;
}

.imgList ul li.upimgBtn input {
    width: 100%;
    height: 100%;
    opacity: 0;
}



/*我的*/
.mineBox {
    width: 100%;
    background: url(../images/bluebg.png) no-repeat left top;
    background-size: 100% auto;
    position: relative;
    z-index: 2;
}

.mineTop {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.6rem;
}

.mineTop .mineBox {
    width: 100%;
    overflow: hidden;
    margin: 1.0rem 0 0.4rem;
}

.mineTop .mineBox .avaterBox {
    float: left;
    width: 3.4rem;
    height: 3.4rem;
    position: relative;
}

.mineTop .mineBox .avater {
    width: 3.0rem;
    height: 3.0rem;
    border: 0.075rem solid #fff;
    border-radius: 100%;
}

.mineTop .mineBox .avater img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.mineTop .mineBox .upflie {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/xjico.png) no-repeat right bottom;
    background-size: 0.95rem auto;
}

.mineTop .mineBox .upflie input {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mineTop .mineBox p {
    float: left;
    width: 60%;
    color: #fff;
    padding-left: 0.4rem;
}

.mineTop .mineBox p span {
    float: left;
    width: 100%;
    font-size: 0.8rem;
    font-weight: bolder;
    margin: 0.45rem 0 0.4rem;
}

.mineTop .mineBox p i {
    float: left;
    width: 100%;
    font-size: 0.7rem;
    font-style: normal;
}

.mineTop .mineTip {
    width: 100%;
    overflow: hidden;
}

.mineTop .mineTip span {
    position: relative;
    float: left;
    height: 1.15rem;
    line-height: 1.2rem;
    font-size: 0.6rem;
    color: #fff;
    padding: 0 0.4rem;
    margin-left: 0.3rem;
}

.mineTop .mineTip span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    border-radius: 0.15rem;
    border: 1px solid #fff;
    transform: skewX(-25deg);
    box-sizing: border-box;
    z-index: -1;
}

.mineTop .mineTip span.active:before {
    background: linear-gradient(138deg, #01BCFF 0%, #00D9FC 100%);
    border: none;
}

.myMoneyBox {
    width: 100%;
    border-radius: 0.375rem;
    margin-top: 0.5rem;
    background: #fff;
    padding: 0.25rem 0.875rem;
    box-sizing: border-box;
}

.myMoneyBox li {
    width: 100%;
    height: 2.5rem;
    border-bottom: 1px solid #EAE9E9;
}

.myMoneyBox li span {
    float: left;
    width: 50%;
    line-height: 2.5rem;
    font-size: 0.7rem;
    color: #222;
}

.myMoneyBox li span:last-child {
    text-align: right
}

.myMoneyBox li:last-child {
    border-bottom: none;
}

.myFunctionBox {
    width: 100%;
    border-radius: 0.375rem;
    margin-top: 0.5rem;
    background: #fff;
    padding: 0.25rem 0 .25rem 0.875rem;
    box-sizing: border-box;
}

.myFunctionBox li {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.myFunctionBox li a {
    display: block;
    box-sizing: border-box;
    padding-left: 1.625rem;
    position: relative;
}

.myFunctionBox li span {
    display: block;
    font-size: 0.7rem;
    color: #222;
    line-height: 2.5rem;
    width: 100%;
    border-bottom: 1px solid #EAE9E9;
    background: url(../images/arrowico.png) no-repeat 95% center;
    background-size: 0.25rem auto;
}

.myFunctionBox li a em {
    display: block;
    width: 1.0rem;
    height: 1.0rem;
    position: absolute;
    left: 0;
    top: 0.65rem;
}

.myFunctionBox li a em img {
    width: 100%;
    height: auto;
}

.myFunctionBox li:last-child span {
    border-bottom: none;
}

/*仲裁中心*/
.arbitrateCenter .topTab span {
    float: left;
    width: 33.3%;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
}

.arbitrateCenter .topTab span.select:after {
    width: 2.0rem;
    margin-left: -1.0rem;
}

.debitList {
    margin-top: 0.6rem;
}


/*认证中心*/
.authentCenter {
    width: 96%;
    overflow: hidden;
    border-radius: 0.375rem;
    background: #fff;
    padding: 1.0rem 2%;
    margin-top: 0.6rem;
}

.authentCenter ul {
    width: 100%;
    overflow: hidden;
}

.authentCenter li {
    width: 50%;
    float: left;
    overflow: hidden;
}

.authentCenter li a {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #222;
    font-size: 0.7rem;
    padding-top: 1.25rem;
}

.authentCenter li a em {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    margin: auto;
}

.authentCenter li a p {
    width: 100%;
    text-align: center;
    padding: 0.6rem 0 1.5rem;
    color: #bbb;
}

.authentIco1 {
    background: url(../images/authentIco1.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco2 {
    background: url(../images/authentIco2.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco3 {
    background: url(../images/authentIco3.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco4 {
    background: url(../images/authentIco4.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco5 {
    background: url(../images/authentIco5.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco6 {
    background: url(../images/authentIco6.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco7 {
    background: url(../images/authentIco7.png) no-repeat left top;
    background-size: 100% auto;
}

.authentIco8 {
    background: url(../images/authentIco8.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco1 {
    background: url(../images/authentIco1Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco2 {
    background: url(../images/authentIco2Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco3 {
    background: url(../images/authentIco3Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco4 {
    background: url(../images/authentIco4Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco5 {
    background: url(../images/authentIco5Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco6 {
    background: url(../images/authentIco6Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco7 {
    background: url(../images/authentIco7Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter li.active .authentIco8 {
    background: url(../images/authentIco8Active.png) no-repeat left top;
    background-size: 100% auto;
}

.authentCenter h2 {
    font-size: 0.95rem;
    font-weight: bolder;
    color: #222;
    padding: 0.6rem 5%;
    width: 90%;
}

.authentCenter h2 b {
    color: #2784FF;
}

.authentCenter li.active p {
    color: #222;
}

.openPermission {
    width: 100%;
    padding: 0 2.0rem;
    overflow: hidden;
}
.openPermission h2{width:2.75rem;overflow:hidden;margin:2.15rem auto 2.5rem;}
.openPermission h2 img{width:100%;height:auto;}
.openPermission h3{width:5rem;overflow:hidden;margin:0.5rem auto 2.5rem;}
.openPermission h3 img{width:100%;height:auto;}
.openPermission h4{width:100%;font-size:0.8rem;color:#222;font-weight:bolder;padding:0 0 1.25rem;}
.openPermission p{width:100%;font-size:0.7rem;color:#999;padding:0 0 0.6rem;line-height:1.2rem;}
.openPermission .bottomMsg{position:absolute;bottom:1.0rem;width:76%;overflow:hidden;left:12%;}
.openPermission .bottomMsg h5{width:100%;text-align:center;font-size:0.8rem;}
.openPermission.openedBox h4{text-align:center;padding-bottom:0.6rem;}
.openPermission.openedBox p{text-align:center;padding-bottom:0.5rem;font-size:0.8rem;}
.openPermission.openedBox h2{margin:65% auto 2.1rem;}


.authenFormBox {
    padding: 1.25rem 0.8rem;
}

.authenFormBox p {
    width: 100%;
    padding: 0.25rem 0 0.25rem 3.4rem;
    position: relative;
    box-sizing: border-box;
}

.authenFormBox p span {
    width: 2.9rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    left: 0;
    top: 0.25rem;
    font-size: 0.7rem;
    text-align: right;
}

.authenFormBox p input {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.375rem;
    background: #fff;
    border: none;
    padding: 0 0.5rem;
    box-sizing: border-box;
    font-size: 0.7rem;
}

.authenFormBox p.fiveLong {
    padding: 0.25rem 0 0.25rem 3.9rem;
}

.authenFormBox p.fiveLong span {
    width: 3.5rem;
    text-align: right;
}

.textTip.authenTip {
    margin-bottom: 0;
}

.authenFormBox p.servenLong {
    padding: 0.25rem 0 0.25rem 5.4rem;
}

.authenFormBox p.servenLong span {
    width: 5.0rem;
    text-align: right;
}

.itemRelatives {
    border-bottom: 1px solid #fff;
    padding: 1.0rem 0;
}

.authenFormBox .itemRelatives:first-child {
    padding-top: 0;
}

.authenFormBox .itemRelatives.bordernone {
    border-bottom: none;
    padding-bottom: 0.5rem;
}

.uploadIdCardBox {
    width: 100%;
    padding: 1.0rem 2.125rem;
    overflow: hidden;
}

.idCardItem {
    width: 12.1rem;
    height: 7.75rem;
    background: #FFFFFF;
    border-radius: 0.375rem;
    line-height: 7.75rem;
    text-align: center;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.idCardItem img {
    max-width: 100%;
    height: auto;
    margin: auto;
    position: relative;
    z-index: 3;
}

.uploadIdCardBox p {
    text-align: center;
    padding: 0.95rem 0;
    font-size: 0.8rem;
    color: #222;
}

.idCardItem .upCardBtn {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/zxjico.png) no-repeat center;
    background-size: 1.75rem auto;
}

.idCardItem .upCardBtn input {
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
}



/*客服*/
.customerWrap {
    width: 100%;
    overflow: hidden;
    padding: 0 1.1rem;
    background: url(../images/customerImg.png) no-repeat left top;
    background-size: 100% auto;
}

.customerWrap .customerBox {
    width: 100%;
    padding: 2.0rem 2.25rem 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0.375rem;
    margin-top: 7.6rem;
}

.customerWrap .customerBox h4 {
    font-size: 0.8rem;
    color: #222;
    text-align: center;
}

.customerWrap .customerBox .ewmBox {
    width: 100%;
    overflow: hidden;
    padding: 0.3rem 0;
}

.customerWrap .customerBox .ewmBox img {
    width: 100%;
    height: auto;
}


/*设置*/
.setBox {
    width: 100%;
    overflow: hidden;
}

.layoutBtn {
    width: 100%;
    color: #222;
    background: #fff;
}

.setFormBox {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.textTip {
    width: 100%;
    padding: 0 0.75rem 0 2.0rem;
    height: 2.0rem;
    font-size: 0.6rem;
    color: #fff;
    line-height: 2.2rem;
    background: url(../images/tishi.png) no-repeat 0.75rem center #2784FF;
    background-size: 1.0rem auto;
    margin-bottom: 1.25rem;
}

.inputbox {
    width: 100%;
    padding: 0 0.8rem;
    overflow: hidden;
    box-sizing: border-box;
}

.inputbox input {
    width: 100%;
    height: 2.5rem;
    line-height: .5rem;
    border-radius: 0.375rem;
    border: none;
    padding: 0 0.8rem;
    box-sizing: border-box;
    font-size: 0.7rem;
}

.inputbox input:disabled {
    background: #fff;
}

.formBtn {
    width: 100%;
    padding: 0 0.8rem;
}

.setFormBox button {
    width: 100%;
}

.textNormal {
    width: 100%;
    font-size: 0.8rem;
    color: #222;
    padding: 1.25rem 0.625rem;
    box-sizing: border-box;
}

.inputbox.mt20 {
    margin-bottom: 0.5rem;
}

.setPrivacyBox {
    width: 100%;
    overflow: hidden;
    margin-top: 0.6rem;
    border-radius: 0.375rem;
    background: #fff;
    padding: 0.25rem 0.75rem;
    box-sizing: border-box;
}

.setPrivacyBox ul {
    width: 100%;
    overflow: hidden;
}

.setPrivacyBox li {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.7rem;
    color: #222;
    border-bottom: 1px solid #EAE9E9;
}

.setPrivacyBox li:last-child {
    border-bottom: none;
}

.setPrivacyBox li span {
    float: left;
    width: 40%;
    line-height: 2.5rem;
    font-size: 0.7rem;
}

.setPrivacyBox li .mui-switch {
    float: right;
    margin-top: 0.55rem;
}

.logoutTitle {
    padding: 1.25rem 0 1.0rem;
    font-size: 0.8rem;
    color: #222;
    font-weight: bolder;
    text-align: center;
}

.logoutBox {
    width: 100%;
    border-radius: 0.375rem;
    background: #fff;
    padding: 0.4rem 0.75rem;
    box-sizing: border-box;
}

.logoutBox p {
    width: 100%;
    line-height: 2.0rem;
    font-size: 0.7rem;
    color: #222;
}

.logoutBox p em {
    float: left;
    width: 1.5rem;
    height: 2.0rem;
}

.logoutBox p em.dhico {
    background: url(../images/dhico.png) no-repeat center center;
    background-size: 1.0rem auto;
}

.logoutBox p em.gthico {
    background: url(../images/gthico.png) no-repeat center center;
    background-size: 1.0rem auto;
}

.logoutTip {
    width: 100%;
    padding: 0 2.6rem;
}

.logoutTip h4 {
    width: 2.85rem;
    height: 2.85rem;
    padding: 4.5rem 0 1.5rem;
    margin: auto;
}

.logoutTip h4 img {
    width: 100%;
    height: auto;
}

.logoutTip p {
    width: 100%;
    text-align: center;
    color: #999;
    line-height: 1.4rem;
    font-size: 0.8rem;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.logoutTip h5 {
    width: 100%;
    text-align: center;
    color: #222;
    line-height: 1.4rem;
    font-size: 0.8rem;
    margin-bottom: 0.45rem;
    margin-top: 2.5rem;
}

.setFormBox h5 {
    width: 100%;
    text-align: left;
    color: #222;
    line-height: 1.4rem;
    font-size: 0.75rem;
    padding: 1.4rem 0.8rem 0.8rem;
    box-sizing: border-box;
}

.jysuccessTip {
    width: 100%;
    padding: 0 0.8rem;
    font-size: 0.7rem;
    line-height: 1.2rem;
    color: #999;
    margin-top: 2.0rem;
}

.jysuccessTip a {
    color: #2784FF;
}

/*打借条样式*/
.debitNoteBox {
    background: url(../images/bluebg.png) no-repeat;
    background-size: 100% auto;
}

.debitNoteBox h2 {
    width: 100%;
    font-size: 1.3rem;
    color: #fff;
    padding: 1.85rem 0 1.25rem 0.7rem;
    box-sizing: border-box;
}

.debitNoteForm {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    padding: 0.2rem 0.75rem;
    font-size: 0.7rem;
}

.debitNoteForm p {
    width: 100%;
    height: 3.125rem;
    border-bottom: 1px solid #EAE9E9;
    line-height: 3.125rem;
}

.debitNoteForm p:last-child {
    border-bottom: none;
}

.debitNoteForm p span {
    float: left;
    width: 30%;
    padding-left: 0.2rem;
    position: relative;
}

.debitNoteForm p span:last-child {
    float: right;
    width: 55%;
    margin-right: 0.2rem;
    padding-right: 0.8rem;
    color: #222;
}

.debitNoteForm p .arrowRt {
    background: url(../images/arrowico.png) no-repeat right 1.26rem;
    background-size: 0.25rem auto;
}

.debitNoteForm p em {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 3.125rem;
}

.debitNoteForm p input {
    width: 100%;
    height: 3.0rem;
    border: none;
    font-size: 0.7rem;
    text-align: right;
    background: #fff;
    margin: 0;
    padding: 0;
    color: #222;
}

.armTip {
    width: 100%;
    color: #FD4344;
    font-size: 0.7rem;
    line-height: 3.1rem;
}

.debitNoteBottom {
    width: 100%;
    height: 3.2rem;
    background: #fff;
    padding: 0 0.625rem;
    font-size: 0.7rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.debitNoteBottom .leftCheck {
    width: 70%;
    float: left;
    height: 3.2rem;
    line-height: 3.2rem;
}

.nextStepBtn {
    float: right;
    width: 30%;
    height: 3.2rem;
}

.nextStepBtn a {
    display: block;
    width: 4.5rem;
    height: 1.85rem;
    line-height: 1.85rem;
    background: #3F85F4;
    border-radius: 0.25rem;
    color: #fff;
    text-align: center;
    margin-top: 0.65rem;
    float: right;
}

.debitNoteBottom .leftCheck span {
    float: left;
    width: 1.25rem;
    height: 100%;
    background: url(../images/checkbox.png) no-repeat left center;
    background-size: 1.05rem auto;
}

.debitNoteBottom .leftCheck span.checked {
    background: url(../images/checkedbox.png) no-repeat left center;
    background-size: 1.05rem auto;
}

.debitNoteBottom .leftCheck span input {
    display: none;
}

.debitNoteForm p span.lxNum {
    padding-right: 0;
    text-align: right;
}

.debitNoteForm p span.mqNum {
    padding-right: 0;
    text-align: right;
    height: 100%;
    padding: 0.3rem 0;
}

.debitNoteForm p span.mqNum em {
    display: block;
    width: 100%;
    line-height: 1.2rem;
    height: 1.2rem;
    position: relative;
}

.debitNoteForm p span.mqNum em:last-child {
    color: #999;
}

#pickStagesMonth,
#pickStagesNimble {
    display: none;
}

#payStages {
    display: none;
    border-bottom: none;
}

#payOneTime {
    border-bottom: none;
}

#monthNum,
#daylhNum {
    width: 100%;
    position: fixed;
    bottom: 0rem;
    font-size: 0.7rem;
    color: #666;
    left: 0;
    padding: 0;
    text-align: center;
    z-index: 1100;
    line-height: 2.5rem;
    display: none;
}

/*#monthNum.active,#daylhNum.active{bottom:0;}*/
#monthNum i,
#daylhNum i {
    font-style: normal;
    font-weight: bolder;
    color: #2784FF;
    padding: 0 0.1rem;
}

/*打借条成功页面*/
.successBox {
    width: 100%;
    overflow: hidden;
}

.successBox .successIco {
    width: 2.85rem;
    height: 2.85rem;
    margin: 4.5rem auto 1.25rem;
}

.successBox .successIco img {
    width: 100%;
    height: auto;
}

.successBox h4 {
    width: 100%;
    font-size: 0.8rem;
    color: #222;
    text-align: center;
    font-weight: bolder;
}

.successBox p {
    width: 100%;
    font-size: 0.8rem;
    color: #999;
    text-align: center;
    padding: 1.75rem 0 3.0rem;
    line-height: 1.3rem;
}

.successBox .backbtn {
    width: 14.0rem;
}


/*协议页面*/
.dealBox ul {
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    margin-top: 0.6rem;
    box-sizing: border-box;
    padding: 0.25rem 0.75rem;
}

.dealBox ul li {
    width: 100%;
    border-bottom: 1px solid #EAE9E9;
    overflow: hidden;
}

.dealBox ul li:last-child {
    border-bottom: none;
}

.dealBox ul li a {
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: url(../images/arrowico.png) no-repeat right center;
    background-size: 0.25rem auto;
    font-size: 0.7rem;
    color: #222;
}

.dealDetailBox {
    width: 100%;
    padding: 0.3rem 5%;
}

.dealDetailBox h2 {
    font-size: 0.8rem;
    color: #222;
    font-weight: bolder;
    text-align: center;
    padding: 0.6rem 0 1.0rem;
}

.dealDetailBox h4 {
    font-size: 0.7rem;
    color: #222;
    font-weight: bolder;
    text-align: left;
    padding: 1.0rem 0 0.8rem 0;
}

.dealDetailBox p {
    font-size: 0.7rem;
    color: #666;
    line-height: 1.3rem;
    text-align: left;
    padding: 0 0 0.2rem;
}