page{ background-color: #f2f2f2; height: 100%; } .tab{ height: 130rpx; display: flex; align-items: center; background: #fff; } .top{ width: 690rpx; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-around; border-radius: 10rpx; /* overflow: hidden; */ } .top :first-child{ border-radius: 10rpx 0rpx 0rpx 10rpx; } .top :last-child{ border-radius: 0rpx 10rpx 10rpx 0rpx; } .top view{ width: 50%; height: 70rpx; display: flex; justify-content: center; align-items: center; font-size: 30rpx; border-collapse: collapse; border:1rpx solid #33ad37; margin-right: -1rpx } .select{ color: #fff; background-color: #33ad37; } /* //顶部结束 */ .content{ width: 690rpx; margin: 0 auto; } .title{ font-size: 30rpx; color:#333; height: 86rpx; display: flex; align-items: center; border-bottom: 1rpx solid #efefef; font-weight: bold; } .content_text view{ font-size: 26rpx; color:#333; } .content_text :last-child{ border: none; } .form{ display: flex; align-items: center; padding:20rpx; border-bottom: 1rpx solid #efefef; } .form :last-child{ color: #666; } .xing{ width: 24rpx; } .form_title{ width: 180rpx; font-size: 26rpx; color: #666; display: flex; align-items: center; } .picker{ width: 400rpx; /* height: 80rpx; */ display: flex; align-items: center; } .picker image{ margin-left: 20rpx; } .picker text{ /* height: 80rpx; line-height: 80rpx; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .place{ font-size: 26rpx; color: #999; } .btn{ display: flex; justify-content: center; align-items: center; margin-top: 80rpx; } .btn button{ width: 260rpx; height: 70rpx; font-size: 32rpx; background-color: #33ad37; display: flex; justify-content: center; align-items: center; border-radius: 70rpx; color: #fff; }