.content { position: relative; } .base_img { width: 100%; height: 14.53rem; position: absolute; top: 0; left: 0; right: 0; z-index: -1; } .top{ width: 100%; height: 0.24rem; line-height: .24rem; background:rgba(188,244,85, .4); color: #1E6461; font-size: .12rem; } .top img { width: .12rem; height: .12rem; vertical-align: middle; margin-left: .15rem; margin-right: .07rem; } .title { font-size: .31rem; color: #fff; text-align: center; margin-top: .1rem; } .book_plan { font-size: .19rem; text-align: center; position: relative; width: 100%; height: .4rem; line-height: .4rem; margin-top: .05rem; color: #fff; } .book_plan .line { width: 2.98rem; height: .4rem; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .book_plan .money { color: #0D798E; } .book_plan .day_num { color: #FFDD59; } .sign { text-align: center; font-size: .19rem; font-weight:600; font-style:italic; color: #484848; margin-top: 3.2rem; } .sign .rmb { color: #FB3030; } .sign .original { text-decoration: line-through; } .limit { text-align: center; font-size: .19rem; font-weight:600; font-style:italic; color: #484848; } .btn { font-size: .2rem; width: 1.9rem; margin: .09rem auto; height: .43rem; line-height: .43rem; background: linear-gradient(0deg,rgba(9,150,95,1) 0%,rgba(75,182,103,1) 100%); border-radius: .22rem; font-weight:600; color: #FFF; text-align: center; } .bottom_btn { display: flex; justify-content: space-around; min-height: .5rem; position: fixed; bottom: 0; left: 0; right: 0; background:#2DBBB7; color: #1E6461; font-size: .12rem; } .bottom_btn .left { text-align: center; } .bottom_btn .left div { margin-top: .05rem; } .bottom_btn .left .red { color: #FB3030; } .bottom_btn .btn_now { width: 1rem; height: .35rem; line-height: .35rem; color: #fff; text-align: center; background: linear-gradient(0deg,rgba(9,150,95,1) 0%,rgba(75,182,103,1) 100%); border-radius: .22rem; font-weight:600; margin-top: .05rem; } /*二维码弹框*/ #success_code .mask_pop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); } #success_code .mask_warp{ width: 2.74rem; height: 3.27rem; background: #fff; position: fixed; top: 50%; left: 50%; border-radius: 0.24rem; transform: translate(-50%,-50%); } #success_code .green { position: fixed; top: -0.62rem; left: -0.085rem; right: 0; width: 2.91rem; height: 1.84rem; } #success_code .top { position: relative; z-index: 10; color: #fff; margin-top: 0.4rem; text-align: center; background: transparent; } #success_code .top .apply { font-size: .26rem; } #success_code .top .today { font-size: .15rem; } #success_code .down { margin-top: 0.2rem; } #success_code .down .txt { text-align: center; font-size: .12rem; color: #005360; } #success_code .code { margin-top: 0.65rem; width: 100%; height: 1.06rem; text-align: center; } #success_code .code .qrcode { width: 1.06rem; height: 1.06rem; } #success_code .wrong { position: absolute; width: .32rem; height: .32rem; bottom: -0.44rem; left: 50%; transform: translate(-50%, 0%); } /*成功弹窗*/ #success_normal .mask_pop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); } #success_normal .mask_warp{ width: 2.74rem; height: 2.88rem; background: #fff; position: fixed; top: 50%; left: 50%; border-radius: 0.24rem; transform: translate(-50%,-50%); } #success_normal .green { position: fixed; top: -0.62rem; left: -0.085rem; right: 0; /*width: 2.91rem;*/ height: 1.84rem; } #success_normal .top { position: relative; z-index: 10; color: #fff; margin-top: 0.6rem; text-align: center; background: transparent; } #success_normal .top .apply { font-size: .26rem; } #success_normal .top .today { font-size: .15rem; } #success_normal .down { margin-top: 0.5rem; } #success_normal .down .txt { text-align: center; font-size: .13rem; color: #005360; } #success_normal .btn { font-size: .2rem; width: 1.9rem; margin: .30rem auto; height: .43rem; line-height: .43rem; background: linear-gradient(0deg,rgba(9,150,95,1) 0%,rgba(75,182,103,1) 100%); border-radius: .22rem; font-weight:600; color: #FFF; text-align: center; } #success_normal .wrong { position: absolute; width: .32rem; height: .32rem; bottom: -0.44rem; left: 50%; transform: translate(-50%, 0%); }