.co-h5-body{background-color:#fff;background-size:100%;background-position:bottom;padding:0;margin:0}body .yc-h5-share-main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:32px 16px 0;margin:0;padding-bottom:40px}body .yc-h5-share-main .yc-h5-share-text{font-family:PingFang SC,-apple-system,Helvetica Neue,Helvetica,BlinkMacSystemFont,Microsoft YaHei,tahoma,Arial,Open Sans,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;font-size:16px;color:#767877;text-align:center;line-height:1.5;-webkit-font-smoothing:antialiased;margin-top:10px}body .yc-h5-share-notfound{width:120px;height:120px;margin-top:calc(50vh - 190px);background:url(../img/not-found.885179fb.png) no-repeat;background-size:100% auto;background-position:50%}body .yc-h5-share-main img{width:250px;height:250px;margin-top:20%;display:block}body .yc-h5-headerbox-msg-box .yc-h5-headerbox-msg{margin:20px}body .yc-h5-bottom{position:absolute;width:100%;padding-bottom:13px;bottom:30px}body .yc-h5-bottom-logo{width:129px;height:56px;margin:0 auto 24px;background:url(../img/logo.a3c7374a.png) no-repeat;background-size:contain}body .yc-h5-bottom-slogan-wrap{width:100%;height:18px;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}body .yc-h5-bottom-slogan,body .yc-h5-bottom-slogan-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .yc-h5-bottom-slogan__icon{width:20.5px;height:16px;background-size:contain;background-repeat:no-repeat}body .yc-h5-bottom-slogan__text{margin-left:3.5px;font-family:PingFangSC-Light;font-weight:300;font-size:12px;color:#838999;opacity:.4;text-align:center}body .yc-h5-icon-file,body .yc-h5-icon-proj{display:block;background-image:url(../img/icon-type-multi.e525eff5.svg);width:30px;position:absolute;background-repeat:no-repeat;background-size:contain;height:20px;left:0;top:0}body .yc-h5-dialog-wrap{position:fixed;width:80%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:1px 7px 7px #c5d5ef;box-shadow:1px 7px 7px #c5d5ef;background:#fff;padding:20px 20px;border-radius:10px;text-align:center;line-height:60px}body .yc-h5-dialog-wrap .yc-h5-dialog-confirm-btn{border:none;position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#4340eb),to(#2a61ee));background:linear-gradient(90deg,#4340eb,#2a61ee);line-height:1.41176471;border-radius:4px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}body .yc-h5-icon-file{top:4px;width:25px}body .yc-h5-icon-proj{background-image:url(../img/proj.b3509b44.svg);width:40px;height:23px}body .yc-h5-headerbox-wrap{width:100%;padding:24px;-webkit-box-shadow:0 2px 8px 0 rgba(0,110,255,.15);box-shadow:0 2px 8px 0 rgba(0,110,255,.15);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}body .yc-h5-headerbox-wrap.invite{padding:24px 24px 32px}body .yc-h5-headerbox-wrap.invite .yc-h5-headerbox-creator{margin:0 0 24px}body .yc-h5-headerbox-wrap.invite .yc-h5-headerbox-title{font-size:24px;line-height:33px}body .yc-h5-headerbox-wrap.invite .yc-h5-headerbox-nick{max-width:100%}body .yc-h5-headerbox-wrap.file-inbox .yc-h5-collect-text{white-space:nowrap;margin-left:8.5px;line-height:32px;font-family:PingFangSC-Regular;font-size:14px;color:#999}body .yc-h5-headerbox-wrap.file-inbox .yc-h5-headerbox-proj .yc-h5-headerbox-proj__icon{width:20px;height:20px}body .yc-h5-headerbox-wrap.file-inbox .yc-h5-headerbox-proj .yc-h5-headerbox-proj__text{font-size:20px}body .yc-h5-headerbox-wrap .yc-h5-headerbox-desc-box{font-size:14px}body .yc-h5-headerbox-wrap .yc-h5-headerbox-creator{width:100%;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:24px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .yc-h5-headerbox-wrap .yc-h5-headerbox-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background-size:cover;background-repeat:no-repeat}body .yc-h5-headerbox-wrap .yc-h5-headerbox-nick{line-height:32px;margin-left:8px;font-family:PingFangSC-Regular;font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .yc-h5-headerbox-wrap .yc-h5-headerbox-time{white-space:nowrap;margin-left:8.5px;line-height:32px;font-family:PingFangSC-Regular;font-size:12px;color:#999}body .yc-h5-headerbox-wrap .yc-h5-headerbox-proj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:24px;margin:12px 0 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .yc-h5-headerbox-wrap .yc-h5-headerbox-proj__icon{width:16px;height:16px;margin-right:8px;background:url(../img/icon-project-logo.4fccb0ad.svg) no-repeat;background-size:auto 100%}body .yc-h5-headerbox-wrap .yc-h5-headerbox-proj__text{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:PingFangSC-Medium;font-size:14px;color:#000;line-height:24px}body .yc-h5-headerbox-wrap .yc-h5-headerbox-title{font-family:PingFangSC-Regular;font-size:20px;color:#000;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:28px}body .yc-h5-headerbox-openwrap{width:100%;height:48px;text-align:center}body .yc-h5-confirm-btn{width:88.32%;height:48px;background:unset;background-image:-webkit-gradient(linear,left top,right top,from(#473af0),to(#2d5ef0));background-image:linear-gradient(90deg,#473af0,#2d5ef0);-webkit-box-shadow:0 2px 20px 0 rgba(0,110,255,.31);box-shadow:0 2px 20px 0 rgba(0,110,255,.31);border:none;border-radius:30px;line-height:48px;font-size:16px;color:#fff;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .yc-h5-share-cover-container .yc-h5-play-icon{background-image:url(data:image/png;base64,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);height:100%;width:100%;background-size:100px;background-repeat:no-repeat;background-position:50%}body .yc-h5-share-cover-container.single-material{width:295px;height:164px;margin:0 auto 40px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background-repeat:no-repeat;background-size:cover;background-position:50%}body .yc-h5-share-cover-container.multi-material{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:187px;margin-top:-12px;margin-bottom:29px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .yc-h5-share-cover-container.single-class{width:298px;height:169.98px;margin:0 auto 37px;background:url(../img/singleClass.4b5a3044.png) no-repeat;background-size:cover}body .yc-h5-share-cover-container.multi-class{width:295px;height:180px;margin:0 auto 29px;background:url(../img/multiClass.a56018e2.png) no-repeat;background-size:cover}body .yc-h5-share-cover-container.audio-material{width:298px;height:169.98px;margin:0 auto 37px;background:url(../img/audioMaterial.eb1f7ec1.png) no-repeat;background-size:cover}body .yc-h5-share-cover-container .back-rect-1{position:absolute;width:257.08px;height:143px;top:0;background:rgba(227,238,255,.4);border:1.41px solid hsla(0,0%,100%,.5);border-radius:5.63px}body .yc-h5-share-cover-container .back-rect-2{position:absolute;width:274.32px;height:152.43px;top:11px;border:1.41px solid hsla(0,0%,100%,.5);border-radius:5.63px;background:rgba(227,238,255,.9)}body .yc-h5-share-cover-container .yc-h5-share-cover-multi{position:absolute;width:290px;height:160.29px;top:26.5px;border-radius:5.63px;background-size:100% auto;background-repeat:no-repeat;background-position:50%}body .yc-h5-pc{width:100%;text-align:center}body .yc-h5-pc .yc-h5-pc-text{font-size:14px;line-height:19px}body .yc-h5-pc .yc-h5-light{margin-top:15px;color:#888}body .yc-h5-pc .yc-h5-btn-wrap{position:relative}body .yc-h5-pc .yc-h5-tips{position:absolute;color:red;font-size:14px;text-align:center;display:none;top:55px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body .yc-h5-pc .yc-h5-confirm-btn{margin:25px auto 27% auto}body .yc-h5-pc img{margin:20px auto}