.share-modal-container .modal-wrapper{width:100%;box-sizing:border-box;max-width:400px;max-height:90%;overflow:auto;background:#f3f4f6}.share-modal-container .share-modal-icon{width:40px;height:40px;background:url(https://cdn.whismer.cn/assets/share/share-items.png) no-repeat;background-size:40px;border-radius:7px}.share-modal-container .share-modal-icon.share-app-wechat{background-position:0 -40px}.share-modal-container .share-modal-icon.share-app-pyq{background-position:0 -80px}.share-modal-container .share-modal-icon.share-app-xhs{background-position:0 -120px}.share-modal-container .share-modal-icon.share-app-bili{background-position:0 -160px}.share-modal-container .share-modal-icon.share-app-dy{background-position:0 -200px}.share-modal-container .share-modal-icon.share-app-appstore{background-position:0 -240px}.share-modal-list{display:flex;flex-direction:column}.share-modal-list .share-modal-item{padding:12px;margin:8px 0;border-radius:8px;background:#fff;display:flex;align-items:center;cursor:pointer}.share-modal-list .share-item-content{display:flex;align-items:center;flex:1}.share-modal-list .share-modal-title{margin-left:12px}.share-modal-list .share-modal-title div{font-weight:500;font-size:15px;margin-bottom:3px}.share-modal-list .share-modal-title span{color:#f79114}.share-modal-list .share-modal-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-modal-detail .share-modal-icon{transform:scale(.6);margin-right:4px}.share-modal-detail .share-detail-header{display:flex;align-items:center;font-weight:500;font-size:15px}.share-modal-detail .share-detail-header .detail-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:6px;transform:rotate(180deg)}.share-modal-detail .share-detail-header .detail-back:hover{background:#0000000f}.share-modal-detail .share-detail-body{color:#444;line-height:1.6;white-space:pre-wrap;margin:16px 0}.share-modal-detail .share-detail-invite div{display:flex;justify-content:center}.share-modal-detail .share-detail-invite .button{margin-top:30px;width:180px!important}.share-modal-detail .share-detail-qrcdoe{display:flex;flex-direction:column;align-items:center;margin-top:16px}.share-modal-detail .share-detail-qrcdoe img{width:180px;height:180px}.share-modal-detail .share-detail-qrcdoe div{color:#888;margin-top:6px}@media screen and (max-width:440px){.common-share-modal{width:260px;padding:0}}