.flex-center,.flex-center-center{display:flex;align-items:center}.flex-center-center{justify-content:center}.flex-center-between,.my-appointment .appointment-list .appointment-item .info,.pay-bill .list-item,.pay-bill .list-item .list-item__left .order-info{display:flex;align-items:center;justify-content:space-between}.flex-column-between{display:flex;flex-direction:column;justify-content:space-between}.pay-bill{position:relative;width:960px;padding:37px 70px;text-align:left;background-color:#fff;box-shadow:0 2px 9px 0 rgba(3,36,72,.12)}.pay-bill .tip{height:117px;line-height:117px;color:#333;font-size:18px;border-bottom:1px solid #cccfd9}.pay-bill .tip .num{margin:0 2px 0 8px;color:#3680e6;font-size:20px;font-weight:700}.pay-bill .list{margin-bottom:60px}.pay-bill .list-item{height:117px;border-bottom:1px solid #cccfd9}.pay-bill .list-item .list-item__left{width:40%}.pay-bill .list-item .list-item__left .order-number{font-size:16px;color:#333;line-height:36px}.pay-bill .list-item .list-item__left .order-info{margin-top:5px;font-size:14px;color:#888;line-height:24px}.my-container{min-height:990px;background-color:#fff;border:1px solid #e5e8ed;box-shadow:0 2px 9px 0 rgba(3,36,72,.12)}.title-margin{margin:45px 0 30px}.step-container{width:90%;max-width:1200px;margin:0 auto;padding-bottom:140px}.ems-dialog-container{border-bottom:1px solid rgba(204,207,217,.5);text-align:left;font-size:14px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.pr-10{padding-right:10px}.pl-10{padding-left:10px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.pr-20{padding-right:20px}.pl-20{padding-left:20px}.pt-30{padding-top:30px}.pb-30{padding-bottom:30px}.pl-30{padding-left:30px}.pr-30{padding-right:30px}.pt-40{padding-top:40px}.pb-40{padding-bottom:40px}.pl-40{padding-left:40px}.pr-40{padding-right:40px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.mt-30{margin-top:30px}.mb-30{margin-bottom:30px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.ml-40{margin-left:40px}.mr-40{margin-right:40px}.mlr-30{margin-left:30px;margin-right:30px}.ptb-10{padding-top:10px;padding-bottom:10px}.ptb-20{padding-top:20px;padding-bottom:20px}.ptb-30{padding-top:30px;padding-bottom:30px}.plr-10{padding-left:10px;padding-right:10px}.plr-20{padding-left:20px;padding-right:20px}.plr-30{padding-left:30px;padding-right:30px}.plr-40{padding-left:40px;padding-right:40px}.p-20{padding:20px}.cur-pointer{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text--shadow{text-shadow:-1px 1px 10px #009dff}.my-appointment{position:relative;min-height:400px;padding:48px 70px;background-color:#fff;box-shadow:0 2px 9px 0 rgba(3,36,72,.12)}.my-appointment .el-tabs__item{color:#373e4a;font-size:17px;font-weight:700}.my-appointment .is-active{color:#409eff;font-size:20px;font-weight:700}.my-appointment .el-tabs__active-bar{height:3px}.my-appointment .appointment-list{width:100%;margin-bottom:50px;text-align:left}.my-appointment .appointment-list .appointment-item{margin-top:30px;height:116px;border-bottom:1px solid #cccfd9}.my-appointment .appointment-list .appointment-item .info{margin-top:10px}.my-appointment .appointment-list .appointment-item .info--left{font-size:14px;color:#666}.my-appointment .appointment-list .appointment-item .info--left span:last-child{display:inline-block}.my-appointment .appointment-list .appointment-item .cancel--right{color:#338bff;cursor:pointer}.my-appointment .appointment-list .appointment-item .appointment-time{margin-top:13px;color:#fd9d44;font-size:14px}.my-appointment .appointment-list .appointment-item:first-of-type{margin-top:15px}.empty-area{margin:40px 0;font-size:24px;color:#a3acbc}