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}.hui-header{background:#6db1fa}.color-normal{color:#475569}.hui-hot-sreach{background:#fff;padding:12px}.hui-hot-sreach-title{line-height:38px;font-size:15px;font-weight:700}#searchKey{width:70vw!important;color:#475569}#searchKey::-webkit-input-placeholder{color:#94a3b8}#searchKey:-moz-placeholder{color:#94a3b8}#searchKey:-ms-input-placeholder{color:#94a3b8}#searchKey:-o-placeholder{color:#94a3b8}#searchKey::placeholder{color:#94a3b8}#hui-header-sreach-icon::before{color:#94a3b8}.hui-countdown span{background:#475569!important}.list{position:relative;top:5vw}.list .list-wrap{position:relative;width:100%;display:flex;flex-direction:column}.list .list-wrap .list-item{position:relative;left:50%;transform:translateX(-50%);margin:2vw 0;box-sizing:border-box;width:95vw;height:20vw;border-radius:6px;box-shadow:0 0 6px -1px rgba(0,0,0,.1);display:flex;background-color:#fff}.list .list-wrap .list-item .color{width:2vw;height:100%;margin-right:6vw;border-radius:6px 0 0 6px}.list .list-wrap .list-item .middle{width:80vw}.list .list-wrap .list-item .middle .name{width:100%;height:12vw;line-height:12vw;color:#64748b;font-size:4.5vw;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list .list-wrap .list-item .middle .sign-in-time{display:flex}.list .list-wrap .list-item .middle .sign-in-time .label,.list .list-wrap .list-item .middle .sign-in-time .time{color:#94a3b8;font-size:3.5vw;height:6vw;line-height:6vw;width:18vw}.list .list-wrap .list-item .middle .sign-in-time .time{width:26vw}.list .list-wrap .list-item .middle .sign-in-time .sign-in-state{width:26vw;text-align:right;color:#94a3b8}.list .list-wrap .list-item .middle .sign-in-time .unsigned{color:red}.list .list-wrap .list-item .middle .sign-in-time .signed{color:#32cd32}.list .list-wrap .list-item .msg-container{width:34vw;height:30vw;position:absolute;top:0;right:0;overflow:hidden;z-index:9}.list .list-wrap .list-item .msg-container .msg{width:26vw;position:relative;top:2vw;left:16vw;padding:1vw 0;font:bold 3vw Sans-Serif;text-align:center;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-box-shadow:0 0 1vw rgba(0,0,0,.5);-moz-box-shadow:0 0 1vw rgba(0,0,0,.5);box-shadow:0 0 1vw rgba(0,0,0,.5)}.list .list-wrap .list-item .msg-container .msg-underway{background-color:#32cd32;color:#f1f5f9;text-shadow:0 .2vw 0 rgba(0,0,0,.8)}.list .list-wrap .list-item .msg-container .msg-tobegin{background-color:#ee9a00;color:#f0f0f0;text-shadow:0 .2vw 0 rgba(0,0,0,.8)}.list .list-wrap .list-item .msg-container .msg-end{background-color:#ccc;color:#888;text-shadow:0 .2vw 0 rgba(255,255,255,.8)}.dropload-down .dropload-load{color:#94a3b8}.dropload-down .dropload-load .loading{border:2px solid #94a3b8;border-bottom-color:transparent}.dropload-down .dropload-noData,.dropload-down .dropload-refresh{color:#94a3b8}#hui-toast{bottom:50vh}.footer-bar{padding:0;justify-content:space-around;width:100%;height:44px;background:#fcfcfc;padding:3px 0;bottom:0;left:0;position:fixed;z-index:10;box-shadow:1px -1px 3px #d1d1d1;display:flex}.footer-bar .hui-footer-icons{height:24px;line-height:20px}.footer-bar .hui-footer-text{height:18px;line-height:10px}.footer-bar #nav-exchange{position:fixed;bottom:8px;z-index:11;background-color:#fcfcfc;border-radius:50%;width:16vw;height:16vw}.footer-bar #nav-exchange .center-icon img{width:13vw;height:13vw;margin:.6vw 1.6vw}.footer-bar .hui-footer-text{font-size:12px}footer{position:relative;width:100vw;height:20vw;top:16vw;text-align:center;color:#94a3b8}