.formname{font-family:Noto Sans;font-size:18px;margin-left:20px;font-weight:600}.machineforhome{padding:32px 0 0 16px;display:block}.title-live-machine{width:100%;height:62px;padding-top:27px;padding-left:26px;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.05em;color:#000;border-bottom:.5px solid #767676}span.title{float:left;display:block;text-transform:uppercase}span.title.online:before,span.title:before{width:6px;height:6px;background-color:#eb5757;content:"";display:block;float:right;margin-left:5px;border-radius:10px;margin-top:-5px}span.title.online:before{background-color:#67c23a}.item-attend-wrapper{height:calc(100vh - 150px);overflow-y:auto}.item-attend{padding-left:24px;margin-top:16px;padding-right:19px;height:36px;width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.live-attend-nameandtype{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.live-attend-attendtype,.live-attend-fullname{width:100%;overflow-x:hidden;height:18px;line-height:18px;font-size:12px}.live-attend-fullname{font-weight:600}.live-attend-attendtype{text-transform:lowercase}.datetime{margin-left:10px;height:36px}.datetime,.live-attend-date,.live-attend-time{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.live-attend-date,.live-attend-time{height:18px;line-height:18px;font-size:12px}#bgHome{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.header{width:100%;height:51px;display:block;-webkit-box-shadow:0 4px 4px hsla(0,0%,48.2%,.25);box-shadow:0 4px 4px hsla(0,0%,48.2%,.25)}.header-title{padding:12px 0 0 18px;font-size:18px;font-weight:600;font-family:Noto Sans}.header-function,.header-title{display:block;width:50%;float:left}.el-main.bgHome.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:0;padding-top:6px}.listmachine{width:70%;display:block;float:left}.liveattend{width:28%;margin-left:2%;display:block;float:left;margin-top:18px;border-left:.5px solid #767676;border-top:.5px solid #767676;border-top-left-radius:40px}