1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .main {
- position: relative;
- width: 100%;
- background-image: linear-gradient(#409eff9f, #9198e5);
- }
- .main .one {
- position: relative;
- text-align: center;
- color: #ffffff;
- font-size: 30px;
- font-family: cursive;
- padding: 50px 0;
- font-weight: bold;
- }
- .main .two {
- position: relative;
- padding: 0 30px;
- }
- .main .two .content {
- position: relative;
- background-color: #ffffff9f;
- padding: 10px 0;
- border-radius: 30px;
- margin: 0 0 15px 0;
- }
- .main .two .content .left {
- float: left;
- margin: 0 10px;
- }
- .main .two .content .left .icon {
- color: #ffffff;
- }
- .main .two .content .right input {
- color: #ffffff;
- }
- .main .two .content .right .placeholder {
- color: #ffffff;
- }
- .main .two .content .right .picker view {
- color: #ffffff;
- }
- .main .two .save {
- margin: 30px 10px;
- text-align: center;
- }
- .main .thr {
- text-align: center;
- }
- .main .thr .thr_1 {
- position: relative;
- margin: 0 0 20px 0;
- }
- .main .thr .thr_1 text {
- color: #ffffff;
- font-weight: bold;
- }
- .main .thr .thr_1 text:nth-child(2) {
- margin: 0 15px;
- }
- .main .thr .thr_2 text {
- color: #1AAD19;
- font-size: 40px;
- }
|