page { background-color: #f2f2f2; height: 100%; } .tab { height: 90rpx; display: flex; justify-content: center; align-items: center; background-color: #fff; } .tab view { display: flex; justify-content: center; align-items: center; color: #333; font-size: 30rpx; width: 25%; height: 100%; } .border { width: 1rpx; border: 1rpx solid #f3f3f3; } .tab-check { color: #33ad37 !important; border-bottom: 4rpx solid #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 view.required { width: 20rpx; color: red; position: absolute; left: 0; } .content_text :last-child { border: none; } .form { display: flex; align-items: flex-start; /* height: 80rpx; */ border-bottom: 1rpx solid #efefef; /* margin-left: 20rpx; */ padding: 20rpx; position: relative; } /* .form :last-child { color: #666; } */ .xing { width: 24rpx; } .form_title { width: 240rpx; font-size: 26rpx; color: #666; display: flex; align-items: center; } .form_input { width: 60%; } .picker { width: 390rpx; display: flex; align-items: center; margin-left: 4rpx; } .picker image { margin-left: 20rpx; } .picker text { color: #666; } .place { font-size: 26rpx; color: #999; } .btn { display: flex; justify-content: center; align-items: center; margin-top: 80rpx; } .btn button { width: 260rpx; height: 70rpx; background-color: #33ad37; display: flex; justify-content: center; align-items: center; border-radius: 70rpx; color: #fff; } textarea { height: 80px; width: 100%; } button::after { border: none; }