*{margin:0;padding:0}.container{width:10rem;height:20rem;margin:0 auto;position:relative;background:#a6d639 url(//img.tie520.com/webview/src/img/tietie/invitation/share_back_new.png) no-repeat top;background-size:100%}.container .button{width:6.53333333rem;height:2.18666667rem;background:url(//img.tie520.com/webview/src/img/tietie/invitation/share_button.png) no-repeat top;background-size:100% 100%;border-radius:.66666667rem;font-size:.45333333rem;font-weight:600;color:#fff;text-align:center;line-height:1.33333333rem;position:absolute;left:50%;transform:translate(-50%);top:11.46666667rem}.container .text{font-size:.4rem;font-weight:400;color:#0091ff;position:absolute;left:50%;transform:translate(-50%);bottom:3.49333333rem}.container_TU{background:url(//img.tie520.com/webview/src/img/tietie/share_back_TU.png) no-repeat top;background-size:100% 100%}.container_TU .logo_TU{width:3.52rem;height:1.57333333rem;position:absolute;left:50%;transform:translate(-50%);top:12.8rem}.container_ForU{background:url(//img.tie520.com/webview/src/img/tietie/invitation/share_back_ForU.png) no-repeat top;background-size:100% 100%}.container_ForU .logo_ForU{width:5.92rem;height:3.92rem;position:relative;left:50%;transform:translate(-50%);top:1.89333333rem}.container_ForU .con{position:relative;left:50%;transform:translate(-50%);top:2.4rem;width:8rem;height:8.77333333rem;background:#ffffff;box-shadow:0 .21333333rem 1.70666667rem #00000038;border-radius:.53333333rem}.container_ForU .con .code{width:6.58666667rem;height:1.92rem;background:rgba(173,161,255,.15);border-radius:.32rem;border:.02666667rem solid #c7d9ff;position:relative;left:50%;transform:translate(-50%);top:1.70666667rem;font-size:.64rem;color:#000000d9;line-height:1.92rem;text-align:center;font-weight:700}.container_ForU .con .text{bottom:4.18666667rem}.container_ForU .con .button{width:6.93333333rem;height:1.28rem;background:linear-gradient(129deg,#36cfba 0%,#36cfba 100%);border-radius:.66666667rem}