body,html{height:100%;width:100vw}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}*,::after,::before{border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT', currentColor)}*{padding:0;margin:0;box-sizing:border-box;outline:0;border:none}body{position:relative;margin:0 auto;width:100vw;font-size:15px;color:#64748b;overflow-x:hidden;-webkit-tap-highlight-color:transparent;font-family:PingFangSC-Regular,Helvetica Neue,Helvetica,Arial,sans-serif,Tahoma,'Lucida Grande',Verdana,'Microsoft Yahei'}.color-active{color:#00a5ed}.color-normal{color:#475569}.top-bar{width:100%;height:12vw;position:relative;background-color:#fff;position:fixed;top:0;z-index:999;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.3);text-align:center;line-height:12vw;color:#475569}.top-bar .tab-list{position:relative;width:100vw;height:12vw;display:flex;justify-content:space-around}.top-bar .tab-list .tab-item{width:35vw;line-height:12vw;text-align:center;font-size:4vw}.top-bar .tab-list .tab-item-active{border-bottom:.8vw solid #2979ff;color:#2979ff}.top-bar .tab-list .tab-item:nth-child(2)::before{content:'';display:block;position:absolute;width:.1vw;height:8vw;background-color:#ccc;left:50vw;top:2vw}.records-top-bar{text-align:left;display:flex;justify-content:space-between}.records-top-bar .top-bar-text{width:36vw;display:flex}.records-top-bar .top-bar-text div{width:12vw;color:#94a3b8}.records-top-bar .top-bar-text div:nth-child(1){padding-left:5vw}.records-top-bar .top-bar-text div:nth-child(2){color:#475569;text-align:left;width:28vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.records-top-bar .top-bar-btn{display:flex}.records-top-bar .top-bar-btn button{display:flex;height:6vw;line-height:6vw;width:15vw;top:3vw;text-align:center;margin-right:4vw;font-size:3vw}.records-top-bar .top-bar-btn #filter-cancel-btn{width:21vw}.records-top-bar .top-bar-btn #statistic-btn{background-color:#22c9a7!important}.scroll-wrapper{position:absolute;top:12vw;bottom:2vw;left:0;right:0;overflow:scroll}.scroll-wrapper .scroll-content{width:100vw;position:relative}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records{width:100%;position:relative;top:4vw;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.3)}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item{width:100%;display:flex;position:relative;justify-content:space-between;padding-top:6vw}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item .icon{height:11vw;width:11vw;border-radius:2vw;margin-left:6vw;box-shadow:0 0 .5vw rgba(0,0,0,.5);text-align:center;line-height:11vw;font-size:6vw;color:#fff}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item .sign-records{display:flex;justify-content:space-between;width:80vw;border-bottom:.1vw solid rgba(0,0,0,.1);padding-bottom:4vw}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item .sign-records .scene-name{width:50vw;line-height:11vw;font-size:4vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item .sign-records .checkout-time{text-align:center}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item:last-child{height:25vw}.scroll-wrapper .scroll-content .personal-records-wrapper .personal-records .list-item:last-child .sign-records{border:none}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list{width:100%;position:relative;top:5vw}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item{width:95%;height:25vw;background-color:#fff;position:relative;left:50%;transform:translateX(-50%);border-radius:2vw;display:flex;flex-direction:column;justify-content:space-between;padding-top:3vw;margin:5vw 0;box-shadow:0 0 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.3)}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content{display:flex;justify-content:space-between;width:100%;height:14vw}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content .icon{height:11vw;width:11vw;border-radius:2vw;margin-left:5vw;box-shadow:0 0 .5vw rgba(0,0,0,.5);text-align:center;line-height:11vw;font-size:6vw;color:#fff}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content .scene-name{width:50vw;line-height:11vw;font-size:4vw;margin:0 6vw 0 4vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475569}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content .checkout-total{width:20vw;height:14vw;display:flex;flex-direction:column;align-items:center;justify-content:top}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content .checkout-total span{width:20vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475569}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .scene-content .checkout-total span:nth-child(1){color:#94a3b8;font-size:3.5vw}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list{display:flex;justify-content:space-around;width:100%;height:8vw;border-top:.1vw solid rgba(0,0,0,.1)}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list .btn-item{flex:7;border-right:.1vw solid #ccc;text-align:center;line-height:8vw}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list .btn-item a{width:100%;height:100%;display:flex;justify-content:center}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list .btn-item a img{width:5vw;height:5vw;position:relative;top:1.5vw}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list .btn-item a span{display:block;margin-left:1vw;color:#666}.scroll-wrapper .scroll-content .scene-list-wrapper .scene-list .list-item .btn-list .btn-item:last-child{flex:8;border:none}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list{width:100%;position:relative;top:4vw;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.3)}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item{width:100%;display:flex;position:relative;padding-top:6vw}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .avatar{height:11vw;width:11vw;border-radius:2vw;margin:0 4vw;box-shadow:0 0 .5vw rgba(0,0,0,.5)}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .sign-records{width:89vw;margin-right:4vw;display:flex;justify-content:space-around;width:80vw;border-bottom:.1vw solid rgba(0,0,0,.1);padding-bottom:4vw}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .sign-records .stu-name{flex:1;line-height:11vw;font-size:4vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .sign-records .record-middle{flex:1;height:11vw}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .sign-records .record-middle div{width:36vw;line-height:6vw;font-size:3vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item .sign-records .checkout-time{flex:1;padding-top:1vw;font-size:3vw;text-align:center}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item:last-child{height:25vw}.scroll-wrapper .scroll-content .scene-records-wrapper .record-list .list-item:last-child .sign-records{border:none}.scroll-wrapper .loading{width:100vw;height:22vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-wrapper .loading img{margin-top:3vw;width:10vw;height:10vw}.scroll-wrapper .loading span{width:100%;height:5vw;line-height:5vw;padding:2vw;text-align:center;color:#94a3b8}.scroll-wrapper footer{position:relative;width:100vw;height:12vw}.back-btn{position:fixed;bottom:10vw;right:0;border-radius:50%}.back-btn div{background-color:rgba(0,0,0,.3);width:16vw;height:11.5vw;border-radius:10vw 0 0 10vw;box-shadow:0 0 1vw rgba(0,0,0,.2)}.back-btn div img{width:10vw;height:10vw;position:relative;top:.8vw;left:1vw;border-radius:50%;box-shadow:0 0 1vw rgba(41,98,255,.6)}.is-active{background-color:#0084ff;color:#fff}.popwindow{width:100vw;height:100vh;position:absolute;background-color:rgba(0,0,0,.8);top:0;z-index:999}.popwindow .popwindow-content{background-color:#fff;height:76vw;width:76vw;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:6px}.popwindow .popwindow-content .colse-btn{width:6vw;height:6vw;line-height:5vw;font-size:6vw;text-align:center;position:absolute;top:2vw;right:2vw;border:1px solid #64748b;border-radius:50%;color:#64748b}.popwindow .popwindow-content .content{width:76vw;height:72vw;padding:5vw;padding-top:10vw;overflow:hidden;-webkit-touch-callout:auto;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.hui-picker{border-radius:6px 6px 0 0;background:0 0;display:block;background-color:#f1f5f9;z-index:99999}.hui-picker .hui-picker-menu{border-bottom:1px solid #fff;background-color:#fff;border-radius:6px 6px 0 0;height:50px;border-bottom:#f1f5f9}