.top-bg { width: 100%; z-index: 1; } .bottom_bg { width: 100%; position: fixed; bottom: 50px; } .content-box { z-index: 1; justify-content: center; margin-top: 60px; position: relative; margin-bottom: 80px; } .re-item { margin-bottom: 20px; margin-left: -100px; } .re-label { font-size: 18px; margin-right: 28px; } .re-li { width: 355px; height: 42px; border: 1px solid #D8DCE6; border-radius: 4px; padding: 0 17px; box-sizing: border-box; } .note { justify-content: center; } .note image { width: 16px; height: 16px; margin-right: 10px; } .note text { font-size: 14px; } .query-btn{ width: 353px; height: 42px; line-height: 42px; background: #1AA1E6; border-radius: 5px 5px 5px 5px; opacity: 1; color: #fff; text-align: center; font-size: 16px; margin: 27px 0 0 0; cursor: pointer; } .link-btn{ background: #FFFFFF; border-radius: 10px 10px 10px 10px; opacity: 1; padding: 10px 30px; font-size: 16px; margin-right: 20px; cursor: pointer; } .link-btn:last-child{ margin-right: 0px; } /* 移动端 */ .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; }