.live-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}.live-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}.live-card.phone{width:100%;height:100%;max-height:none;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:#f1f1f5}.live-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}.live-card .head .gt01{width:36px;height:36px;margin-right:8px}.live-card .card-bg{background:50%/contain no-repeat url(../img/logo.ad1d1715.jpg) #fff}.live-card .card-information{position:relative;padding:54px 16px;backdrop-filter:blur(80px);overflow:hidden;border-radius:8px}.live-card .live-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:16px;z-index:1}.live-card .live-header .logo{font-size:24px}.live-card .live-header .live-title{margin-bottom:8px;font-size:22px;font-weight:700;color:#333}.live-card .live-header .live-date{position:absolute;left:0;top:-36px;font-size:16px;color:#555}.live-card .live-header .live-anchor{font-size:16px}.live-card .live-description{margin-bottom:16px}.live-card .live-description .desc-title{font-size:14px;color:#666;margin-bottom:4px}.live-card .live-description .desc-content{font-size:14px;color:#333;line-height:1.5}.live-card .live-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}.live-card .live-time .duration{font-size:14px}.live-card .live-time .duration:after,.live-card .live-time .duration:before{content:"";margin:0 10px;position:relative;top:-4px;display:inline-block;width:16px;height:1px;background-color:#777}.live-card .live-time .end-time,.live-card .live-time .time{font-size:32px;color:#333}.live-card .live-time .l-status{margin-left:8px;font-size:14px;color:#333}.live-card .live-time .l-status.end{color:red}.live-card .live-time .l-status.living{color:green}.live-card .live-actions{margin-bottom:16px;position:absolute;bottom:75px;left:5%;width:90%;-webkit-box-sizing:border-box;box-sizing:border-box}.live-card .live-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}