body { background: #ffba19; width: 100vw; min-height: 100vh; } #guafenguize { width: 0.94rem; height: 0.31rem; background: linear-gradient(180deg, #FFC01B, #FFE200); border-radius: 0 0.18rem 0.18rem 0; box-shadow: 0px 0.04rem 0.05rem 0px #ff9b1b; line-height: 0.31rem; font-size: 0.15rem; text-align: center; color: #FFFFFF; position: fixed; top: 0.23rem; left: 0; z-index: 1; } .app{ position: absolute; z-index: 1; display: flex; align-items: center; top: 0.16rem; right: 0.15rem; } .app img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 0.08rem; } .app span{ vertical-align: middle; font-size: 0.14rem; line-height: 0.2rem; color: #693939; } .banner { width: 100%; height: 3.13rem; position: relative; } .banner img { width: 100%; } .banner p { position: absolute; top: 1.66rem; height: 0.42rem; width: 100%; color: #fff; font-size: 0.4rem; line-height: 0.42rem; text-align: center; } .content_01 { width: 3.27rem; border-radius: 0.15rem 0.15rem 0.2rem 0.2rem; margin: auto; background: #FFFFFF; overflow: hidden; position: relative; margin-top: -0.2rem; } .content_01 .number_people { width: 100%; height: 1.37rem; background: linear-gradient(180deg, #FFFFFF, #F9E7E7); } .content_01 .number_people .title { width: 1.20rem; height: 0.23rem; margin: auto; background: linear-gradient(180deg, #FFB56A, #FB6746); box-shadow: 0px 0.02rem 0.02rem 0px #f59786; font-size: 0.13rem; line-height: 0.23rem; text-align: center; border-radius: 0 0 0.23rem 0.23rem; color: #FFFFFF; } .content_01 .number_people p { font-size: 0.12rem; line-height: 0.17rem; color: #733232; text-align: center; } .content_01 .number_people .number { display: flex; max-width: 100%; align-items: center; justify-content: center; margin-top: 0.08rem; margin-bottom: 0.1rem; } .content_01 .number_people .number span { padding-left: 0.02rem; font-size: 0.2rem; color: #733232; } .content_01 .number_people .number ul { max-width: 2.64rem; padding-left: 0.2rem; display: flex; justify-content: center; align-items: center; margin: 0; } .content_01 .number_people .number ul li { width: 0.4rem; height: 0.45rem; border: 0.01rem solid #979797; border-radius: 0.1rem; line-height: 0.45rem; margin: 0 0.05rem; color: #733232; font-size: 0.35rem; text-align: center; } .content_01 .operation { width: 100%; background: #FBA010; box-shadow: 0px 0rem 0.16rem 0.06rem rgba(251, 142, 16, 0.51); height: 1.53rem; border-radius: 0.2rem; margin-top: -0.22rem; padding: 0.12rem 0.18rem 0; box-sizing: border-box; } .content_01 .operation .title { color: #ffffff; font-size: 0.14rem; line-height: 0.2rem; position: relative; width: 100%; text-align: center; } .content_01 .operation .title::after { content: ''; display: block; width: 0.71rem; height: 0.01rem; background: #ffffff; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; margin: auto; } .content_01 .operation .title::before { content: ''; display: block; width: 0.71rem; height: 0.01rem; background: #ffffff; position: absolute; right: 0rem; top: 0rem; bottom: 0rem; margin: auto; } .content_01 .operation ul{ width: 100%; display: flex; align-items: center; margin-top: 0.11rem; } .content_01 .operation ul li{ width: 50%; } .content_01 .operation ul li img{ width: 0.85rem; height: 0.85rem; /*background: red;*/ margin: auto; } .bottom { width: 100%; height: 0.35rem; color: #FFFFFF; font-size: 0.14rem; line-height: 0.35rem; text-align: center; position: absolute; bottom: 0; background: #333333; } /*# sourceMappingURL=shareWechat.css.map */