.massage-page { margin-top: 16px; padding-bottom: 24px; .err { text-align: center; line-height: 40px; font-size: 30px; margin-top: 200px; } .massage-list { padding: 12px 100px 12px 24px; border-bottom: 1px solid #f8f8f8; position: relative; overflow: hidden; p { font-size: 28px; color: #222; } .ticket-pic { display: block; width: 580px; overflow: hidden; margin: 20px auto 30px; position: relative; } .ticket-btn { width: 580px; .ticket-btn-c { width: 420px; border-top: solid 1px #e0e0e0; clear: both; margin: 55px auto 0; div { width: 200px; margin: -25px auto 0; height: 54px; background-color: #fff; a { width: 152px; height: 50px; border: solid 2px #d0021b; color: #fff; font-size: 24px; display: block; text-align: center; line-height: 50px; border-radius: 25px; margin: 0 auto; background-color: #d0021b; } .disable { background-color: #b0b0b0; color: #fff; border-color: #b0b0b0; } } } } span { font-size: 24px; color: #999; } i { position: absolute; right: 48px; top: 24px; color: #ccc; } strong { width: 8px; height: 8px; position: absolute; left: 10px; top: 24px; background: #f00; border-radius: 50%; } } .massage-main { border-bottom: 1px solid #f8f8f8; padding: 12px; margin-left: 10px; margin-bottom: 10px; h6 { margin-bottom: 8px; } span { color: #656565; } } .sale-btn { background-color: #ea2622; color: #fff; padding: 5px 10px; } .coupon-item { margin-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f8; margin-top: 10px; .coupon-img { width: 128px; height: auto; overflow: hidden; float: left; margin-right: 16px; img { width: 100%; height: auto; } } .coupon-info { font-size: 24px; span { color: #f00; } } .coupon-action { width: 110px; font-size: 24px; letter-spacing: 2px; margin: 3px 0 0; height: 35px; line-height: 35px; background: #ed0010; text-align: center; margin-left: 144px; a { display: block; color: #fff; width: 100%; height: 100%; } } } .birth-type-c { padding: 0 30px; .title { color: #444; font-size: 28px; border-bottom: solid 1px #e0e0e0; line-height: 88px; span { font-size: 20px; color: #b0b0b0; } } .ticket-list { padding-top: 30px; .ticket { margin-bottom: 30px; width: 580px; height: 168px; background-image: resolve("home/employ/employ2.png"); background-position: top center; background-repeat: no-repeat; background-size: 100% 100%; .left { width: 200px; height: 168px; color: #fff; font-size: 90px; line-height: 168px; text-align: center; float: left; overflow: hidden; span { float: left; margin-left: 10px; font-size: 50px; } div { overflow: hidden; } } .right { width: 270px; padding: 30px 0; height: 168px; float: left; .first { width: 240px; overflow: hidden; font-size: 26px; line-height: 40px; height: 80px; } p { font-size: 18px; color: #fff; line-height: 30px; } } .btn { width: 110px; height: 168px; float: left; display: block; } } } } }