body{ width: 100%;min-height: 100vh;background:#c5051a; } .containerImg{ width: 100%; } .content{ position: absolute; width: 100%; left: 0; top: 5.22rem; } .content button{ width: 1.88rem; height: 0.41rem; background: url(../img/annualGoodsButton.png) no-repeat; background-size:100% ; margin: auto; display: block; font-size: 0.2rem; color: #FFFFFF; line-height: 0.41rem; font-weight: 400; letter-spacing:0.18em; font-weight: bold; } .content .shareTkl{ margin-top: 0.25rem; } /*复制成功弹框*/ .copyMask{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; } .copyMask .maskContent{ background: #ffffff; width: 80%; /*height: 1.75rem;*/ border-radius: 0.1rem; position: absolute; top: 1.75rem; left: 0; right: 0; margin: auto; } .copyMask .maskContent h3{ line-height: 0.5rem; font-size: 0.16rem; text-align: center; } .copyMask .maskContent .tkl{ width: 95%; background: #f3f3f3; margin: auto; padding: 0.1rem; box-sizing: border-box; font-size: 0.14rem; line-height: 0.18rem; color: #000; } .copyMask .maskContent .copyMaskButton{ margin-top: 0.1rem; line-height: 0.4rem; text-align: center; font-size: 0.16rem; color: #aaaaaa; border-top: 0.01rem solid #dddddd; } .copyMask .maskContent .close{ width: 0.35rem; height: 0.35rem; position: absolute; bottom: -0.6rem; left: 0; right: 0; margin: auto; } #copy_1,#copy_2{ position: absolute; left: -1000rem; } .alert-info { position: fixed; top: 1.74rem; right: 0; left: 0; bottom: 0; text-align: center; } .alert-info p { display: inline-block; height: 0.38rem; color: #fff; font-size: 0.14rem; line-height: 0.38rem; padding: 0 0.10rem; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; }