123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- .main {
- position: relative;
- width: 100%;
- background: #356363;
- }
- .main .one {
- float: left;
- width: 80%;
- margin-top: 25%;
- margin-left: 10%;
- background: #FFFFFF;
- border-radius: 50rpx;
- }
- .main .one .one_1 {
- float: left;
- width: 100%;
- margin-top: 5%;
- margin-left: 10%;
- margin-bottom: 5%;
- font-size: 40rpx;
- font-family: Helvetica;
- color: #000000;
- line-height: 100rpx;
- letter-spacing: 2rpx;
- }
- .main .one .content {
- float: left;
- width: 80%;
- margin-left: 10%;
- text-align: center;
- margin-bottom: 15%;
- border-bottom: 3rpx solid rgb(58, 57, 57);
- }
- .main .one .one_2 {
- float: left;
- width: 80%;
- margin-left: 10%;
- margin-bottom: 5%;
- font-size: 25rpx;
- }
- .main .one .one_2 .left {
- float: left;
- width: 40%;
- margin: 0 30px;
- }
- .main .one .one_2 .right {
- float: left;
- width: 30%;
- }
- .main .one .content .left {
- float: left;
- width: 20%;
- }
- .main .one .content .right {
- float: left;
- width: 60%;
- text-align: left;
- margin-bottom: 2.5%;
- }
- .main .one .content .left .icon {
- color: black;
- }
- .main .one .content .right input {
- color: black;
- }
- .main .one .content .right .placeholder {
- color: black;
- }
- .main .one .content .right .picker view {
- color: #ffffff;
- }
- .main .one .save {
- margin: 15px 10px;
- text-align: center;
- }
- .main .one .save button {
- padding: 0rpx;
- line-height: 50rpx;
- font-size: 25rpx;
- width: 60%;
- height: 100%;
- border-radius: 30rpx;
- }
- .main .one .one_3{
- float: left;
- width: 100%;
- margin-bottom: 2.5%;
- }
- .main .one .one_3 .box{
- float: left;
- margin-left: 29%;
- width: 10%;
- transform:scale(.6);
- }
- .main .one .one_3 .box_text{
- float: left;
- width: 40%;
- color: #000000;
- margin-top: 2%;
- font-size:18rpx;
- }
- .mian .one .two{
- float: left;
- width: 100%;
- text-align: center;
- }
- .main .two {
- float: left;
- width: 100%;
- margin-top: 5%;
- text-align: center;
- color: #ffffff;
- font-size: 25rpx;
- }
- .main .thr {
- float: left;
- width: 100%;
- text-align: center;
- margin-top: 5%;
- }
|