.share-con{flex-direction:column;padding:15px 0}.share-con,.share-con>div{align-items:center;display:flex;justify-content:space-between}.share-con .share-join{background:linear-gradient(180deg,#ffefb8,#d3be91);border-radius:20px;justify-content:center;line-height:45px;margin:10px 0;padding:0 20px;text-align:center;width:50%}.share-con .share-join img{margin-right:10px;vertical-align:middle;width:25px}.share-con .share-join span{color:#333;font-size:16px}.share-con .share-logo img{width:100px}.share-con .share-list{margin:20px 0;min-width:310px;width:33vw}.share-con .share-list>.item{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.share-con .share-list>.item img{margin-bottom:5px;width:50px}.share-con .share-list>.item span{color:#5a5654;font-size:12px}.share-con .share-fun{background:transparent;border:1px solid #d1d1d1;border-radius:30px;min-width:310px;width:50%}.share-con .share-fun .copy_btn{cursor:pointer}.share-con .share-fun button,.share-con .share-fun span{display:inline-block;font-size:12px}.share-con .share-fun button{background:#d7d7d7;border:0;border-radius:30px;color:#383838;height:36px;line-height:36px;padding:0 10px}.share-con .share-fun span{border-right:1px solid;color:#383838;margin:5px 10px;padding-right:10px}.share-con .share-fun span:last-child{border-bottom-right-radius:30px;border-top-right-radius:30px}.share-con .share-fun div{color:#5a5654;height:36px;line-height:36px;padding:0 4px;text-align:center}.share-con #link-website-qrcode canvas{display:none}@media screen and (max-width:738px){.share-con{padding:5px 0}.share-con .share-join{width:95%}.share-con .share-list{width:90%}.share-con .share-fun{width:95%}.share-con .share-fun span{font-size:14px;padding:0 8px}}@media (max-width:374px){.share-con .share-list{width:90%}.share-con .share-fun{width:95%}.share-con .share-fun span{font-size:12px;padding:0 8px}.share-con .share-fun div{font-size:12px}}
