.meeting-background{background-color:#f5f5f5;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-title{margin-bottom:16px;font-family:Times New Roman,"serif";position:relative;font-size:24px;text-align:center;text-shadow:2px 2px 3px #333}.meeting-card{margin:auto;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #ccc;border-radius:8px;background-color:#fff;width:460px;min-height:600px;max-height:800px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);box-shadow:0 0 20px 0 rgba(0,0,0,.2);position:absolute;top:0;bottom:0;right:0;left:0}.meeting-card.phone{width:100%;height:100%;max-height:none;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:#f1f1f5}.meeting-card .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px;font-size:16px}.meeting-card .head .gt01{width:36px;height:36px;margin-right:8px}.meeting-card .card-bg{background:50%/contain no-repeat url(../img/logo.ad1d1715.jpg) #fff}.meeting-card .card-information{position:relative;padding:32px 16px;backdrop-filter:blur(80px);overflow:hidden;border-radius:8px}.meeting-card .meeting-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:32px;z-index:1}.meeting-card .meeting-header .logo{font-size:24px}.meeting-card .meeting-header .meeting-title{margin-bottom:8px;font-size:22px;font-weight:700;color:#333}.meeting-card .meeting-header .meeting-id{font-size:16px;color:#555}.meeting-card .meeting-header .meeting-date{position:absolute;left:0;top:-16px;font-size:20px;color:#555}.meeting-card .meeting-header .meeting-org{font-size:16px}.meeting-card .meeting-teacher{font-size:16px;text-align:center}.meeting-card .meeting-time{position:relative;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.meeting-card .meeting-time .duration{font-size:14px}.meeting-card .meeting-time .duration:after,.meeting-card .meeting-time .duration:before{content:"";margin:0 10px;position:relative;top:-4px;display:inline-block;width:16px;height:1px;background-color:#777}.meeting-card .meeting-time .end-time,.meeting-card .meeting-time .time{font-size:32px;color:#333}.meeting-card .meeting-time .date{font-size:14px;color:#333}.meeting-card .meeting-time .m-status{position:absolute;right:50%;top:-12px;-webkit-transform:translateX(50%);transform:translateX(50%);font-size:14px;color:#333}.meeting-card .meeting-time .m-status.end{color:red}.meeting-card .meeting-time .m-status.live{color:green}.meeting-card .meeting-actions{margin-bottom:16px;position:absolute;bottom:75px;left:5%;width:90%;-webkit-box-sizing:border-box;box-sizing:border-box}.meeting-card .meeting-footer{position:absolute;bottom:16px;font-size:12px;color:#666;text-align:center}.cloud{position:absolute;width:100px;height:100px;margin:50px auto;background:#b6d5eb;border-radius:50%;-webkit-box-shadow:120px 0 0 -10px #b6d5eb,95px 20px 0 0 #b6d5eb,30px 30px 0 -10px #b6d5eb,90px -20px 0 0 #b6d5eb,40px -40px 0 0 #b6d5eb;box-shadow:120px 0 0 -10px #b6d5eb,95px 20px 0 0 #b6d5eb,30px 30px 0 -10px #b6d5eb,90px -20px 0 0 #b6d5eb,40px -40px 0 0 #b6d5eb;opacity:.2}