.top-bg { width: 100%; z-index: 1; } .bottom_bg { width: 100%; position: fixed; bottom: 0.5rem; } .content-box { z-index: 1; justify-content: center; margin-top: 0.6rem; position: relative; margin-bottom: 0.8rem; } .re-item { margin-bottom: 0.2rem; margin-left: -1rem; } .re-label { font-size: 0.18rem; margin-right: 0.28rem; } .re-li { width: 3.55rem; height: 0.42rem; border: 0.01rem solid #D8DCE6; border-radius: 0.04rem; padding: 0 0.17rem; box-sizing: border-box; } .note { justify-content: center; } .note image { width: 0.16rem; height: 0.16rem; margin-right: 0.1rem; } .note text { font-size: 0.14rem; } .query-btn{ width: 3.53rem; height: 0.42rem; line-height: 0.42rem; background: #1AA1E6; border-radius: 0.05rem 0.05rem 0.05rem 0.05rem; opacity: 1; color: #fff; text-align: center; font-size: 0.16rem; margin: 0.27rem 0 0 0; cursor: pointer; } .link-btn{ background: #FFFFFF; border-radius: 0.1rem 0.1rem 0.1rem 0.1rem; opacity: 1; padding: 0.1rem 0.3rem; font-size: 0.16rem; margin-right: 0.2rem; cursor: pointer; } .link-btn:last-child{ margin-right: 0rem; } .re-ipt { font-size: 0.14rem; color: #333; line-height: 0.34rem; } /* 移动端 */ .m-content-box { z-index: 1; justify-content: center; margin-top: 120rpx; position: relative; margin-bottom: 30rpx; } .m-re-item { margin-bottom: 40rpx; } .m-re-label { font-size: 32rpx; margin-right: 28rpx; margin-left: 40rpx; } .m-re-li { width: 460rpx; height: 84rpx; border: 1px solid #D8DCE6; border-radius: 8rpx; padding: 0 34rpx; box-sizing: border-box; } .m-note { justify-content: center; } .m-note image { width: 32rpx; height: 32rpx; margin-right: 16rpx; } .m-note text { font-size: 28rpx; } .m-query-btn{ width: 600rpx; height: 84rpx; line-height: 84rpx; background: #1AA1E6; border-radius: 10rpx; opacity: 1; color: #fff; text-align: center; font-size: 32rpx; margin: 54rpx auto; cursor: pointer; }