#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.root[data-v-ff6fb19e]{display:flex;flex-direction:column;align-items:center}.topSearchContainer[data-v-ff6fb19e]{box-sizing:border-box;padding:10px;width:100%;background-color:#fafbff}.topSearch[data-v-ff6fb19e]{box-sizing:border-box;padding:10px;background-color:#0081ff;display:flex;justify-content:space-between;align-items:center;color:#fff;border-radius:5px}.avatar[data-v-ff6fb19e]{height:70px;width:70px;border-radius:50%;background-color:gray}.searchInfo[data-v-ff6fb19e]{width:45%;height:50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;font-size:15px}.searchInfo>p[data-v-ff6fb19e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left}.searchButton[data-v-ff6fb19e]{box-sizing:border-box;padding:7px 18px;border-radius:50px;border:1px solid #fff;color:#fff;white-space:nowrap;font-size:15px}.inputContainer[data-v-ff6fb19e]{height:80px;width:67%;display:flex;flex-direction:column;justify-content:space-around}.inputContainer>input[data-v-ff6fb19e]{border-radius:3px;background-color:#fff;width:100%;height:30px;border:none;outline:none;box-sizing:border-box;padding:5px}.list[data-v-ff6fb19e]{height:calc(100vh - 190px);overflow:auto;padding:0 10px 10px 10px;background-color:#eff4ff}.item[data-v-ff6fb19e],.list[data-v-ff6fb19e]{width:100%;margin-top:10px;box-sizing:border-box}.item[data-v-ff6fb19e]{background-color:#fff;padding:10px;border-radius:10px;font-size:15px}.orderIdAndRadioButton[data-v-ff6fb19e]{padding-bottom:5px}.bottomBar[data-v-ff6fb19e],.orderIdAndRadioButton[data-v-ff6fb19e]{display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;width:100%}.bottomBar[data-v-ff6fb19e]{position:fixed;bottom:0;left:0;height:60px;box-shadow:0 -1px 5px 0 silver;z-index:100;background-color:#fff;padding:0 20px;font-size:15px}.checkStatus[data-v-ff6fb19e]{display:flex;align-items:center;justify-content:space-between;width:30%}.price[data-v-ff6fb19e]{color:#ec7445;margin-right:10px}.submitButton[data-v-ff6fb19e]{box-sizing:border-box;padding:7px 20px;border-radius:50px;color:#fff;white-space:nowrap;font-size:15px;background:linear-gradient(90deg,#389dff,#0081ff)}.priceAndSubmit[data-v-ff6fb19e]{display:flex;align-items:center}.orderInfo[data-v-ff6fb19e]{box-sizing:border-box;border-top:1px solid #999;border-bottom:1px solid #999;padding:5px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:60px;width:100%}.latestPaymentDeadline[data-v-ff6fb19e]{color:#ec7445;font-size:15px}.nameAndAmount[data-v-ff6fb19e]{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:15px;box-sizing:border-box}.studentName[data-v-ff6fb19e]{color:#999}.orderAmount[data-v-ff6fb19e]{color:#ec7445;font-weight:700}.alreadyPayment[data-v-ff6fb19e]{color:#ec7445}