.app[data-v-b53a9af2]{width:100%;min-height:100vh;background:#f8f8f8}.app .header[data-v-b53a9af2]{width:100%;height:200px;background:linear-gradient(180deg,#d3c4a3,rgba(167,138,72,0));padding-top:20px}.app .header .header-title[data-v-b53a9af2]{width:80%;height:95px;margin:auto;display:flex;align-items:center}.app .header .header-title img[data-v-b53a9af2]{width:47px;height:39px;margin-right:15px}.app .header .header-title .header-text[data-v-b53a9af2]{height:50px}.app .header .header-title .header-text p[data-v-b53a9af2]{height:25px;font-size:14px;font-weight:500;color:#fff}.app .header .header-box[data-v-b53a9af2]{width:90%;height:180px;margin:auto;background:url(../img/bj2@2x.768130bc.png) no-repeat;background-size:100% 100%}.app .header .header-box .header-conter[data-v-b53a9af2]{width:90%;height:100px;margin:auto;padding-top:20px}.app .header .header-box .header-conter p[data-v-b53a9af2]{font-size:14px;color:rgba(0,0,0,.6)}.app .header .header-box .header-conter span[data-v-b53a9af2]{color:#000;margin-left:10px}.app .header .header-box .header-conter .header-conterflex[data-v-b53a9af2]{display:flex;justify-content:space-between}.app .header .header-box .header-line[data-v-b53a9af2]{width:95%;height:3px;background:#d3c4a3;margin:auto}.app .header .header-box .header-log[data-v-b53a9af2]{width:100%}.app .header .header-box .header-log img[data-v-b53a9af2]{margin-left:25px;margin-top:15px}.main[data-v-b53a9af2]{width:90%;margin:auto;margin-top:100px}.main .should[data-v-b53a9af2]{width:100%;height:75px;background:#f4f0e7;border-radius:10px;margin-top:20px}.main .should .should-box[data-v-b53a9af2]{display:flex;justify-content:space-between;padding:10px 20px 5px 20px;font-size:12px;color:#a78a48}.main .should .should-box .should-btn[data-v-b53a9af2]{width:100px;height:24px;font-size:12px;border:1px solid #a78a48;background:#f4f0e7;color:#a78a48}.main .should .should-box1[data-v-b53a9af2]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;color:#a78a48}.main .should .should-box1 .should-btn[data-v-b53a9af2]{width:100px;height:24px;font-size:12px;border:1px solid #a78a48;background:#f4f0e7;color:#a78a48}.main .details[data-v-b53a9af2]{margin:20px 0}.titlebox[data-v-b53a9af2]{display:flex;align-items:center}.minbox[data-v-b53a9af2]{width:5px;height:18px;background:linear-gradient(180deg,#bca675,#a78a48);margin-right:10px}.popup-box[data-v-b53a9af2]{height:230px}.popup-box .popup-title[data-v-b53a9af2]{height:45px;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center}.popup-box .popup-field[data-v-b53a9af2]{border-top:1px solid #f0f0f0}.popup-box .popup-field .field-btn[data-v-b53a9af2]{width:70px;height:24px;color:#a78a48;background-color:rgba(167,138,72,.3);border:rgba(167,138,72,.3);border-radius:12px}.Schedule[data-v-b53a9af2]{height:70px;border-bottom:1px solid #f0f0f0}.Schedule .Schedule-period[data-v-b53a9af2]{font-weight:700;color:#000}.Schedule .Schedule-period[data-v-b53a9af2],.Schedule .Schedule-repaymentDate[data-v-b53a9af2]{height:35px;font-size:16px;display:flex;align-items:center;justify-content:space-between}.repayment-button[data-v-b53a9af2]{width:80px;height:30px;color:#efc84f;background:rgba(255,215,92,.2);border:rgba(255,215,92,.2)}.Beoverdue-button[data-v-b53a9af2]{width:80px;height:30px;color:#a75248;background:rgba(167,82,72,.2);border:rgba(167,82,72,.2)}.settle-button[data-v-b53a9af2]{width:80px;height:30px;color:#a78a48;background:rgba(167,138,72,.2);border:rgba(167,138,72,.2)}