.select_wrap.data-v-7a3666ce { width: 240rpx; height: 64rpx; box-sizing: border-box; display: inline-block; position: relative; } .select_wrap .select_input.data-v-7a3666ce { -webkit-appearance: none; background-color: #F5F5F6; background-image: none; border-radius: 10rpx; border: 1rpx solid #EEEEEE; color: #092C4D; font-size: inherit; display: flex; align-items: center; outline: none; padding: 0 10rpx; height: 64rpx; box-sizing: border-box; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; padding-right: 10rpx; } .select_wrap .select_input .input_info.data-v-7a3666ce { font-size: 28rpx; width: 100%; height: 100%; margin-left: 10rpx; } .select_wrap .select_input .input_info .text_tips.data-v-7a3666ce { height: 100%; color: #092C4D; font-size: 28rpx; } .select_wrap .select_input .icon_arrow.data-v-7a3666ce { position: absolute; width: 50rpx; height: 64rpx; right: 0; top: 0; text-align: center; color: #c0c4cc; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 999; } .select_wrap .select_input .icon_arrow .arrow.data-v-7a3666ce { width: 18rpx; height: 18rpx; background-color: transparent; /* 模块背景为透明 */ border-color: #c0c4cc; border-style: solid; border-width: 1rpx 1rpx 0 0; transition: all 0.3s; box-sizing: border-box; /*箭头方向可以自由切换角度*/ } .select_wrap .select_input .icon_arrow .arrow_down.data-v-7a3666ce { transform: rotate(-45deg); margin-top: 5rpx; } .select_wrap .select_input .icon_arrow .arrow_up.data-v-7a3666ce { transform: rotate(135deg); margin-top: -5rpx; } .select_wrap .select_input .icon_arrow .arrow-clear.data-v-7a3666ce { width: 27rpx; height: 27rpx; border: 1rpx solid #c0c4cc; color: #c0c4cc; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 26rpx; } .select_wrap .select_input .icon_arrow .arrow-clear > image.data-v-7a3666ce { width: 21rpx; height: 21rpx; } .select_wrap .select_input_select.data-v-7a3666ce { border-color: #D3832A80; } .select_modal_con.data-v-7a3666ce { width: 100%; transform-origin: center top; z-index: 2062; position: absolute; top: 40rpx; left: 0; border: 1rpx solid #e4e7ed; border-radius: 4rpx; background-color: #fff; box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin-top: 40rpx; } .select_modal_con .cons_arrow.data-v-7a3666ce { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; top: -6rpx; left: 10%; margin-right: 3rpx; border-top-width: 0; border-bottom-color: #ebeef5; } .select_modal_con .cons_arrow.data-v-7a3666ce:after { content: " "; border-width: 6rpx; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; margin-left: -6rpx; border-top-width: 0; border-bottom-color: #fff; } .select_modal.data-v-7a3666ce { overflow: scroll; } .select_modal .select_content.data-v-7a3666ce { list-style: none; padding: 12rpx 0; margin: 0; box-sizing: border-box; } .select_modal .select_content .select_content_li.data-v-7a3666ce { font-size: 28rpx; padding: 8rpx 18rpx; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #606266; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; cursor: pointer; } .select_modal .select_content .select_content_li.selected.data-v-7a3666ce { color: #D3832A90; font-weight: 700; background-color: #f5f7fa; } .select_modal .select_content .select_content_li.data-v-7a3666ce:hover { background-color: #f5f7fa; }