.mine-pay .box{width:100%;padding:20px}.mine-pay .box .my-pay{width:100%;border-radius:4px;color:#000;font-size:14px;text-align:center;background-color:#fff;font-size:16px;padding:14px 16px}.mine-pay .box .my-pay .order-number{color:#000;font-size:16px;text-align:left}.mine-pay .box .my-pay .order-number .number{width:200px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mine-pay .box .my-pay .order-number span{float:right}.mine-pay .box .my-pay .img-details{height:83px;margin-top:11px}.mine-pay .box .my-pay .img-details .img-pay{width:112px;height:83px;float:left}.mine-pay .box .my-pay .img-details .pay-text{width:186px;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;float:right;color:#000;font-size:16px;text-align:left}.mine-pay .box .my-pay .img-details .pay-text .title-name{-webkit-box-flex:1;-webkit-flex:1;flex:1}.mine-pay .box .my-pay .img-details .pay-text .lecturer-name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1}.mine-pay .box .my-pay .img-details .pay-text .lecturer-name span{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:inline-block;margin-left:5px}.mine-pay .box .my-pay .my-certificatetime{color:#646566;font-size:14px;text-align:left;margin-top:18px}html[data-theme=common]:root{--primary-color:#e23741}html[data-theme=subway]:root{--primary-color:#488ac4}:root{--primary-color:#e23741}