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-title{width:100%;height:44px;line-height:44px;padding:0 10px}.top-title .title{margin-left:10px}.order-menu{height:40px;background-color:#fff;box-shadow:1px 2px 5px 0 hsla(0,0%,78.4%,.24)}.order-menu .title{font-family:PingFang-SC-Medium;font-size:15px;font-weight:400;font-stretch:normal;line-height:21px;letter-spacing:0;color:#333;line-height:40px;width:45px;margin:auto}.order-menu .active{border-bottom:2px solid #ff5c00}.order-menu .item{width:20%;float:left;text-align:center}.order-menu .item .icon{font-size:18px}.order-menu .item div{font-family:PingFang-SC-Medium;font-size:12px;font-weight:400;font-stretch:normal;line-height:21px;letter-spacing:0;color:#333;line-height:40px;width:45px;margin:auto}.main{padding:0 15px}.main .list{margin-top:15px}.main .list .item{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 0 hsla(0,0%,84.7%,.3);padding:15px;margin-bottom:15px}.main .list .item .header{overflow:hidden;border-bottom:1px solid #f1f1f1;padding-bottom:15px}.main .list .item .header .progress-status,.main .list .item .header .unpaid-status{font-family:PingFang-SC-Medium;font-size:12px;color:#ff5c00;float:left}.main .list .item .header .cancel-status,.main .list .item .header .complete-status{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;color:#333}.main .list .item .header .timing{font-family:PingFang-SC-Medium;font-size:12px;color:#ff5c00;float:right}.main .list .item .header .time{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;letter-spacing:0;color:#999;float:right}.main .list .item .title{font-family:PingFang-SC-Bold;font-size:16px;letter-spacing:0;color:#333;font-weight:700;margin-top:10px}.main .list .item .complex{height:90px}.main .list .item .complex .info{padding:10px 0;border-bottom:1px solid #f1f1f1}.main .list .item .complex .info .schedule .cycle,.main .list .item .complex .info .schedule .day,.main .list .item .complex .info .schedule .last-teach{font-size:12px}.main .list .item .complex .info .schedule .cycle .title,.main .list .item .complex .info .schedule .day .title,.main .list .item .complex .info .schedule .last-teach .title{font-family:PingFang-SC-Medium;font-size:12px;line-height:21px;color:#999}.main .list .item .complex .info .schedule .cycle .content,.main .list .item .complex .info .schedule .day .content,.main .list .item .complex .info .schedule .last-teach .content{font-family:PingFang-SC-Medium;font-size:12px;color:#666}.main .list .item .complex .info .schedule .cycle .week,.main .list .item .complex .info .schedule .day .week,.main .list .item .complex .info .schedule .last-teach .week{font-family:PingFang-SC-Medium;font-size:12px;font-weight:400;letter-spacing:0;color:#ff5c00}.main .list .item .complex .info .amount .prefix{font-family:PingFang-SC-Medium;font-size:12px;line-height:19px;color:#333}.main .list .item .complex .info .amount .money{font-family:PingFang-SC-Medium;font-size:16px;font-weight:400;letter-spacing:0;color:#333}.main .list .item .operation-area{padding:20px 0}.main .list .item .operation-area img{width:30px;height:30px;background-color:#f3f3f3;border-radius:50%}.main .list .item .operation-area .student-name{font-family:PingFang-SC-Bold;font-size:15px;line-height:18px;color:#333;font-weight:700}.main .list .item .operation-area .grade{font-family:PingFang-SC-Medium;font-size:12px;line-height:16px;color:#999}.main .list .item .operation-area .show-details button{width:86px;height:31px;border-radius:15px;border:1px solid #ff5c00;color:#ff5c00}