html{overflow-x:auto;overflow-y:auto}body{background-color:#fff}.theme-color{color:#ff5c00}.base{position:relative;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,HeitiSC,WenQuanYi Micro Hei,sans-serif}.pull-left{float:left}.pull-right{float:right}.clear{clear:both;overflow:hidden}.input-div{margin-bottom:20px}.fillet{width:70px;height:17px;background-color:#fa750d;border-radius:9px;position:relative;top:-8px;margin:auto}input::-webkit-input-placeholder{font-size:14px}.color-grey{height:14px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#999}.color-grey:hover{color:#444}.pointer{cursor:pointer}.gender-icon{background:url(../img/all-custom-icon.9d41584c.svg) no-repeat;background-position:0 -224px;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover}.gender-icon,.realname-icon{display:inline-block;width:20px;height:20px}.realname-icon{background:url(../img/all-custom-icon.9d41584c.svg) no-repeat;background-position:0 -280px;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover}.fulltime-icon{display:inline-block;width:20px;height:20px;background:url(../img/all-custom-icon.9d41584c.svg) no-repeat;background-position:0 -308px;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover}.van-pagination .van-pagination__item{color:#ff5c00}.van-pagination .van-pagination__item--active,.van-pagination li:active{color:#fff;background-color:#ff5c00}.van-pagination .van-pagination__item--disabled:active{color:#ff5c00;background-color:#f7f8fa}.base{min-width:280px;max-width:420px;margin:auto;background-color:#fff}.top-head{width:100%;background:url(../img/back@2x.e3f9601a.png) no-repeat;background-size:contain}.top-head .order-info{background-color:#fff;border-radius:10px;padding:30px 15px;box-shadow:0 0 10px 0 hsla(0,0%,84.7%,.3)}.top-head .order-info .order-status-unpaid{overflow:hidden}.top-head .order-info .order-status-unpaid .status-lable{font-family:PingFang-SC-Medium;font-size:18px;color:#ff5c00;float:left}.top-head .order-info .order-status-unpaid .time{font-family:PingFang-SC-Medium;font-size:12px;line-height:24px;color:#ff5c00;float:right}.top-head .order-info .order-status-process{overflow:hidden}.top-head .order-info .order-status-process .status-lable{font-family:PingFang-SC-Medium;font-size:18px;color:#5bc979;float:left}.top-head .order-info .order-status-process .time{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;color:#333;float:right}.top-head .order-info .student{overflow:hidden;margin-top:10px;padding:8px 0;border-bottom:1px solid #eee}.top-head .order-info .student .student-info .name{font-family:PingFang-SC-Bold;font-size:18px;line-height:21px;color:#333;font-weight:700}.top-head .order-info .student .student-info .grade{font-family:PingFang-SC-Medium;font-size:14px;line-height:28px;color:#666;margin-left:10px}.top-head .order-info .student .mobile-area .icon{color:#ff5c00}.top-head .order-info .student .mobile-area .mobile{font-family:PingFang-SC-Medium;font-size:14px;line-height:28px;color:#666;margin-left:10px}.top-head .order-info .student .local-area .icon{color:#ff5c00}.top-head .order-info .student .local-area .local{font-family:PingFang-SC-Medium;font-size:14px;line-height:28px;color:#666;margin-left:10px}.top-head .order-info .lecture-details{padding:10px 0}.top-head .order-info .lecture-details .title{font-family:PingFang-SC-Bold;font-size:15px;line-height:16px;color:#333;font-weight:700}.top-head .order-info .lecture-details .package-info{margin-top:10px}.top-head .order-info .lecture-details .package-info .list .item{line-height:21px}.top-head .order-info .lecture-details .package-info .list .item .label-title{font-family:PingFang-SC-Medium;font-size:12px;line-height:21px;color:#999}.top-head .order-info .lecture-details .package-info .list .item .content{margin-left:5px;font-family:PingFang-SC-Medium;font-size:12px;color:#666}.top-head .order-info .lecture-details .package-info .list .item .week{font-family:PingFang-SC-Medium;font-size:12px;color:#ff5c00}.top-head .order-info .lecture-details .package-info .amount{text-align:right}.top-head .order-info .lecture-details .package-info .amount .totol .prefix{font-family:PingFang-SC-Medium;font-size:12px;line-height:19px;color:#333}.top-head .order-info .lecture-details .package-info .amount .totol .money{font-family:PingFang-SC-Medium;font-size:18px;color:#333}.top-head .order-info .lecture-details .package-info .amount .price .prefix{font-family:PingFang-SC-Medium;font-size:10px;line-height:19px;color:#999}.top-head .order-info .lecture-details .package-info .amount .price .money{font-family:PingFang-SC-Medium;font-size:12px;line-height:19px;color:#999}.order-time-arrange{padding:15px}.order-time-arrange .schedule{padding:15px;box-shadow:0 0 10px 0 hsla(0,0%,84.7%,.3);margin-top:15px}.order-time-arrange .schedule .teacher-area{padding-bottom:10px;border-bottom:1px solid #eee}.order-time-arrange .schedule .teacher-area .head-img img{width:30px;height:30px}.order-time-arrange .schedule .teacher-area .identity .name{font-family:PingFang-SC-Bold;font-size:15px;line-height:18px;color:#333;font-weight:700}.order-time-arrange .schedule .teacher-area .identity .desc{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;color:#999}.order-time-arrange .schedule .teacher-area .duration{text-align:right}.order-time-arrange .schedule .teacher-area .duration span{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;color:#333}.order-time-arrange .schedule .lable-desc{font-family:PingFang-SC-Medium;font-size:15px;line-height:32px;color:#333}.order-time-arrange .schedule .date-arr{min-height:60px}.order-time-arrange .schedule .date-arr .item{font-family:PingFang-SC-Medium;font-size:14px;line-height:16px;color:#333;margin-right:15px}.order-time-arrange .schedule .date-arr .complete{font-family:PingFang-SC-Medium;font-size:14px;line-height:16px;color:#999}.order-area{margin-top:20px;font-family:PingFang-SC-Medium;font-size:14px;line-height:24px;color:#999}.pay-area{height:56px;overflow:hidden;position:fixed;bottom:0;width:100%;padding:10px 15px;box-shadow:0 0 10px 0 hsla(0,0%,84.7%,.3);background-color:#fff}.pay-area .left{float:left}.pay-area .left .label-text{font-family:PingFang-SC-Medium;font-size:14px;line-height:32px;color:#999}.pay-area .left .prefix{font-family:PingFang-SC-Medium;font-size:12px;line-height:19px;color:#ff5c00}.pay-area .left .total{font-family:PingFang-SC-Medium;font-size:21px;color:#ff5c00}.pay-area .right{float:right}.pay-area .right .cancel-btn{width:87px;height:31px;border-radius:15px;border:1px solid #ececec;font-family:PingFang-SC-Medium;font-size:14px;line-height:14px;color:#999;margin-right:10px}.pay-area .right .pay-btn{height:31px;background-color:#ff5c00;border-radius:15px}