page { background: #f7f7f7; } .choose-content { background: #ffffff; margin: 20rpx; display: flex; box-sizing: border-box; flex-direction: column; padding: 20rpx; border-radius: 16rpx; margin-bottom: 100rpx; } .nav { height: 94rpx; width: 100%; padding: 0 20rpx; box-sizing: border-box; display: flex; background: #fff; line-height: 94rpx; justify-content: space-between; align-items: center; } .nav-logo { width: 40rpx; height: 40rpx; } .nav-logo image { display: flex; justify-content: center; margin-top: 4rpx; width: 32rpx; height: 32rpx; } .nav-subjection { font-size: 34rpx; color: #e60000; margin-left: 6rpx; } .nav-tit { display: flex; flex-direction: row; align-items: center; } .nav-next { width: 100rpx; height: 46rpx; line-height: 46rpx; position: relative; float: right; font-size: 24rpx; text-align: right; color: #999; margin-left: 12rpx; } .nav-next image { display: flex; justify-content: center; margin-top: 10rpx; width: 16rpx; height: 26rpx; } .choose-title { height: 50rpx; font-size: 28rpx; color: #666666; } .local { padding: 30rpx 0 0 0; width: 100%; height: 50rpx; } .address { float: left; height: 50rpx; display: table; } .getgps { float: right; display: table; height: 50rpx; } .icn { display: table; padding-top: 2rpx; float: left; } .address image { height: 39rpx; width: 32rpx; } .getgps image { height: 40rpx; width: 40rpx; } .address text { float: left; font-size: 32rpx; color: #333333; margin-left: 20rpx; } .getgps text { float: left; font-size: 32rpx; color: #ff4c52; margin-left: 20rpx; } .grids-near { height: 60rpx; line-height: 50rpx; font-size: 30rpx; color: #333333; padding-left: 20rpx; border-bottom: 1px solid #e7eeee; } .select-area { border-bottom: 1px solid #e7eeee; padding-bottom: 20rpx; margin-bottom: 20rpx; } .select-city { height: 74rpx; line-height: 74rpx; font-size: 30rpx; color: #333333; /* padding-left: 20rpx; */ } .selcity { width: 64rpx; height: 64rpx; padding-top: 10rpx; float: right; } .selcity image { width: 32rpx; height: 32rpx; } /* .grids{ padding-top: 20rpx; } */ .grids-list { display: flex; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e7eeee; } .picker { } .grid-item { padding: 15rpx 0; width: 100%; min-height: 50rpx; line-height: 50rpx; font-size: 32rpx; color: #666666; display: flex; align-items: center; justify-content: space-between; } .grids-list:last-child { border-bottom: none; } /* .togrid{ display: table-cell; color: #FF4C52; background: #ffffff; text-align: right; font-size:32rpx; height: 50rpx!important; width: 200rpx!important; padding: 0rpx!important; line-height: 50rpx!important; } */ .choose-again { background: #fff; } .choose-again .select-area { /* background: #fff; */ border-bottom: none !important; } .padding-top { padding-top: 30rpx; } .togrid { min-width: 80rpx; width: 80rpx; height: 46rpx; color: #999; line-height: 46rpx; font-size: 24rpx; text-align: center; border: 1px solid #eee; border-radius: 6rpx; } .nogrid { text-align: center; padding-top: 50rpx; } .nogrid image { width: 292rpx; height: 265rpx; margin-bottom: 30rpx; } .nogrid text { font-size: 30rpx; color: #666666; } .other-grid { position: fixed; display: flex; flex-direction: row; justify-content: flex-end; align-content: flex-end; box-sizing: border-box; width: 100%; background: #f7f7f7; bottom: 0; padding: 20rpx 20rpx 40rpx 0; } .other-grid .btn { border: 1px solid #0c4a9d; color: #0c4a9d; /* width: 200rpx; */ height: 50rpx; padding: 0 10rpx; line-height: 50rpx; text-align: center; border-radius: 6rpx; font-size: 30rpx; }