.share__container { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 999; .share__row { width: 60px; height: 44px; position: absolute; right: 16px; top: 10px; } .share__content { width:290px; height:71px; background:rgba(255,255,255,1); border-radius:10px; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; .share__text { font-size:16px; font-weight:400; color:rgba(82,92,101,1); } .share__rule { height: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 12px; color: #525C65; } .share__add2{ width: 95px; } } }