.body{ margin-left: 30px; } .title1{ font-size: 25px; font-weight: 700; margin: 50px 0 30px 0; } .title2{ margin-bottom: 50px; } .border{ border: 1px solid black; width: 312px; height: 25px; border-radius: 6px; margin: 20px 0; font-size: 13px; padding: 2px; z-index: 0; } .but{ font-size: 14px; font-weight: 400; color: white; border-radius: 20px; background-color: blue; margin-top: 100px; height: 40px; line-height: 25px; } /* 下拉框 省份 */ .list-msg { background-color: #fff; position: relative; width: 32%; } .list-msg .list-msg1 { font-size: 26rpx; height: 40rpx; display: flex; align-items: center; justify-content: space-between; border: 1px solid #000000; padding: 0 10rpx; border-radius: 10rpx; } .select_box { font-size: 26rpx; background-color: #eee; padding: 0 10rpx; width: 100%; position: absolute; top: 60rpx; overflow: hidden; pointer-events: none; animation: myfirst 0.5s; z-index: 2000; } @keyframes myfirst { from { height: 0rpx; } to { height: 210rpx; } } .select_one { height: 60rpx; line-height: 60rpx; border-bottom: 1px solid #ccc; z-index: 2000; pointer-events: auto; } /* 下拉框 地区 */ .list-msg2 { float: right; background-color: #fff; position: relative; width: 32%; margin-top: -45rpx; margin-right: 180rpx; } .list-msg2 .list-msg3 { font-size: 26rpx; height: 40rpx; display: flex; align-items: center; justify-content: space-between; border: 1px solid #000000; padding: 0 10rpx; border-radius: 10rpx; } .select_box { font-size: 26rpx; background-color: #eee; /* padding: 0 10rpx; */ width: 100%; position: absolute; top: 60rpx; z-index: 2000; overflow: hidden; animation: myfirst 0.5s; } @keyframes myfirst { from { height: 0rpx; } to { height: 210rpx; } }