12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- .agreement-container {
- /* display: flex;
- flex-direction: column; */
- height: 100vh;
- background-color: #fff;
- }
- .agreement-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 90rpx;
- background-color: #fff;
- padding: 0 30rpx;
- position: relative;
- border-bottom: 1rpx solid #eee;
- }
- .back-btn {
- width: 60rpx;
- height: 60rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .icon-back {
- font-size: 40rpx;
- color: #333;
- }
- .title {
- font-size: 34rpx;
- font-weight: 500;
- color: #333;
- }
- .placeholder {
- width: 60rpx;
- }
- .agreement-content {
- width: 100%;
- padding: 20rpx 30rpx;
- box-sizing: border-box;
- background-color: #fff;
- }
- .agreement-title {
- font-size: 36rpx;
- font-weight: bold;
- text-align: center;
- margin-bottom: 40rpx;
- color: #333;
- }
- .section {
- margin-bottom: 30rpx;
- }
- .section-title {
- font-size: 32rpx;
- font-weight: 500;
- color: #333;
- margin-bottom: 20rpx;
- }
- .section-content {
- font-size: 28rpx;
- color: #666;
- line-height: 1.6;
- }
- .paragraph {
- display: block;
- margin-bottom: 20rpx;
- text-align: justify;
- }
- .loading, .error {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 40rpx;
- color: #666;
- font-size: 28rpx;
- }
- .error {
- color: #ff4d4f;
- }
- .retry-btn {
- margin-top: 20rpx;
- padding: 10rpx 30rpx;
- background-color: #1890ff;
- color: #fff;
- border-radius: 8rpx;
- font-size: 28rpx;
- }
|