.container { padding: 11px 18px; .title { display: flex; justify-content: space-between; align-items: center; .rightTitle { font-size: 16px; font-weight: 400; } } .minAmount { margin-top: 4px; color: #14cc9e; font-size: 10px; line-height: 14px; &.unavailable { color: #ff5733; } } .bankRow{ padding-top: 12px; .bankItem{ background: rgba(255, 255, 255, 1); box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15); height: 61px; display: flex; align-items: center; position: relative; padding-left: 10px; margin-bottom: 20px; .bankNo{ font-size: 18px; font-weight: 700; color: rgba(51, 51, 51, 1); padding-left: 10px; } .rightIcon{ position: absolute; top:25px; right: 24px; } } } .outDetails{ padding-top: 12px; background: rgba(255, 255, 255, 1); box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15); .bankItem{ height: 61px; display: flex; align-items: center; position: relative; padding-left: 10px; .bankNo{ font-size: 18px; font-weight: 700; color: rgba(51, 51, 51, 1); padding-left: 10px; } .rightIcon{ position: absolute; top:25px; right: 24px; } } .outContent{ margin: 20px 13px; border-top: rgba(236, 236, 236, 1) solid 1px; padding-top: 20px; padding-bottom: 30px; .row{ display: flex; flex-direction: column; .column { padding: 0 6px; text-align: left; font-size: 14px; font-weight: 400; color: rgba(102, 102, 102, 1); margin-bottom: 5px; } .value { padding: 0 6px; } .filterInput { background: #F7F8FA; color: #333333; font-size: 16px; font-weight: 500; height: 34px; padding: 0 50px 0 10px; } } } } } ::v-deep .uni-select__input-placeholder { color: #333333; font-size: 16px; font-weight: 500; } ::v-deep .uni-select .uni-icons { color: #333333 !important; font-size: 16px !important; } ::v-deep .uni-easyinput__content { background: #F7F8FA !important; border: none !important; } ::v-deep .uni-select { background: #F7F8FA !important; border: none !important; }