12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- .diytime {
- position: absolute;
- right: 30rpx;
- top: 32rpx;
- }
- .nav {
- border: 1rpx solid #EF485A;
- margin: 0 50rpx;
- border-radius: 50rpx;
- color: #EF485A;
- overflow: hidden;
- }
- .nav .item {
- padding: 10rpx 0;
- border-left: 1rpx solid #EF485A;
- }
- .nav .item:first-child {
- border-left: 0;
- }
- .nav .item.active {
- background-color: #EF485A;
- color: #ffffff;
- }
- .bg-line {
- background: linear-gradient(160deg, rgb(28, 129, 243), rgb(101, 168, 245));
- }
- .hide-dialog {
- height: 100%;
- width: 100%;
- bottom: 0;
- left: 0;
- z-index: 19;
- background: rgba(0, 0, 0, 0.3);
- position: fixed;
- }
- .dialog-tips {
- width: 700rpx;
- min-height: 412rpx;
- max-height: 75vh;
- border-radius: 24rpx;
- top: 0rpx;
- left: 0rpx;
- right: 0rpx;
- bottom: 0rpx;
- margin: auto;
- position: fixed;
- background: #fff;
- z-index: 20;
- }
- .dialog-tips .dialog-title {
- padding: 30rpx 0;
- font-size: 32rpx;
- color: #333;
- text-align: center;
- font-weight: 500;
- }
- .dialog-tips .dialog-content {
- font-size: 28rpx;
- padding: 0 50rpx;
- color: #999;
- }
- .dialog-tips .dialog-btn {
- bottom: 30rpx;
- position: absolute;
- text-align: center;
- color: #fff;
- background: #EF485A;
- font-size: 32rpx;
- height: 72rpx;
- width: 432rpx;
- line-height: 72rpx;
- border-radius: 60rpx;
- left: 50%;
- margin-left: -216rpx;
- }
|