.page-user-share{position:relative;height:100%;background-color:#363636;box-sizing:border-box}.page-user-share .poster-wrap{border-radius:.1rem;overflow:hidden}.page-user-share .poster{position:relative;margin:0 auto;width:5.4rem;font-family:Heiti}.page-user-share .poster .header>div{display:inline-block}.page-user-share .poster .avatar{margin-right:.15rem;width:.8rem;height:.8rem;border-radius:.8rem;overflow:hidden;vertical-align:top}.page-user-share .poster .name{font-size:.3rem;color:#333}.page-user-share .poster .desc{margin-top:.1rem;font-size:.2rem;color:#666}.page-user-share .poster .content{min-height:6.7rem;color:#866842}.page-user-share .poster .content img{vertical-align:bottom}.page-user-share .poster .content .tit{font-size:.4rem}.page-user-share .poster .content .course-tit{font-size:.28rem}.page-user-share .poster .link{height:.02rem;background-image:-webkit-linear-gradient(left,#edd8c3,#c1a889,#edd8c3);background-image:linear-gradient(90deg,#edd8c3,#c1a889,#edd8c3)}.page-user-share .poster .logo{width:.6rem}.page-user-share .poster .footer{padding:.15rem .25rem;width:100%;background:#fff}.page-user-share .poster .footer>div{display:inline-block;vertical-align:bottom}.page-user-share .poster .footer .text{vertical-align:top;width:3.4rem}.page-user-share .poster .footer .qrcode-wrap{width:1.35rem;height:1.35rem;overflow:hidden}.page-user-share .poster .footer .tit{font-size:.3rem;line-height:1.5;color:#333}.page-user-share .poster .footer .sub{font-size:.2rem;line-height:1.5;color:#666}.page-user-share .poster-img{position:absolute;top:0;left:0;z-index:2;width:5.4rem;overflow:hidden}.page-user-share .footer{width:100%}.page-user-share .footer .btn-invite{width:100%;font-size:.24rem;background-color:#ff7f51;color:#fff;text-align:center}.page-user-share .option-list{min-height:.5rem;overflow-y:hidden;background:#fff}.page-user-share .option-list .options-list-con{margin:.05rem .1rem}.page-user-share .option-list .option-item{position:relative;display:block;margin-right:.05rem;object-fit:cover;width:.48rem;height:.48rem;border-radius:.06rem;overflow:hidden;background-size:cover;background-position:50%;border:.01rem solid #eee}.page-user-share .option-list .option-item .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(19,19,19,.5)}.page-user-share .option-list .option-item .icon{position:relative;display:inline-block;background:#ff7f51;border-color:#ff7f51;border-radius:100%;width:.2rem;height:.2rem;vertical-align:middle}.page-user-share .option-list .option-item .icon:after{content:" ";border:.02rem solid #fff;border-left:0;border-top:0;top:.06rem;left:.08rem;position:absolute;width:.04rem;height:.08rem;transform:rotate(45deg) scale(1);-webkit-transform:rotate(45deg) scale(1);transition:transform .2s,-webkit-transform .2s}.page-user-share .guide-wrap{width:100vw;height:.3rem}.page-user-share .guide-wrap .guide-nav{padding:0 .3rem;background-color:#f5f6f7;height:.3rem;line-height:.3rem;font-size:.28rem}.page-user-share .guide-wrap .guide-container{position:absolute;top:.3rem;z-index:9;width:100vw;height:calc(100vh - .3rem)}.page-user-share .guide-wrap .guide-shape{width:100vw;height:100%;background:rgba(0,0,0,.5)}.page-user-share .guide-wrap .guide-body{position:absolute;top:0;left:0;box-sizing:content-box;padding:.3rem;background-color:#f5f6f7;color:#333;font-size:.28rem;line-height:.36rem;overflow:hidden}.page-user-share .guide-wrap .guide-body-con{max-height:60vh;overflow-y:scroll}.page-user-share .guide-wrap .guide-separator{margin:.3rem;width:100%;height:.02rem;background-color:#eee}.page-user-share .guide-wrap .guide-title{margin-bottom:.3rem;font-weight:700}.page-user-share .guide-wrap .guide-title>span{display:inline-block;margin-right:.3rem;width:.32rem;height:.32rem;border-radius:50%;background-color:#fdd000;vertical-align:middle}.page-user-share .guide-wrap .guide-icon{transform:rotate(90deg)}.page-user-share .guide-wrap .guide-icon-un{transform:rotate(270deg)}.page-user-share .loading-mask{z-index:3}