.exchange-gift-dialog .el-dialog{overflow:hidden}.exchange-gift-dialog .el-dialog .el-dialog__body{padding:0 30px;display:flex;flex-direction:column;align-items:flex-start}.exchange-gift-dialog .account-balance{position:relative;padding:0 20px 0 60px;height:40px;background:linear-gradient(90.02deg,#d7ddff 32.4%,#e4e3ff00 99.98%);border:1px solid;border-image-source:linear-gradient(90deg,#432eff,#dee0ff);border-image-slice:1;display:flex;flex-direction:row;align-items:center}.exchange-gift-dialog .account-balance img{position:absolute;left:-11px;top:-10px;width:58px}.exchange-gift-dialog .account-balance .title{font-size:16px;font-weight:700;color:var(--text-color-inverse);letter-spacing:.5px}.exchange-gift-dialog .account-balance .amount{font-weight:700;color:var(--color-primary);font-size:26px;padding:0 10px;margin-left:-5px}.exchange-gift-dialog .account-balance .unit{position:relative;top:1px;color:var(--text-color-secondary);font-size:14px}.exchange-gift-dialog .el-tabs{width:100%;height:700px;padding-top:30px}.exchange-gift-dialog .el-tabs .el-tabs__item{padding:0 60px 5px;color:var(--text-color-secondary);font-size:16px}.exchange-gift-dialog .el-tabs .el-tabs__item.is-active{color:var(--text-color-inverse);font-weight:700}.exchange-gift-dialog .el-tabs .el-tabs__active-bar{height:4px;border-radius:3px}.exchange-gift-dialog .el-tabs .el-tabs__nav-wrap:after{height:1px}.exchange-gift-dialog .exchange-content{display:flex;flex-direction:column;padding:10px 0}.exchange-gift-dialog .exchange-content>li{display:flex;flex-direction:row;align-items:center;height:50px}.exchange-gift-dialog .exchange-content>li .title{width:120px}.exchange-gift-dialog .exchange-content>li .title span{font-size:17px;font-weight:700;color:var(--text-color-inverse)}.exchange-gift-dialog .exchange-content>li .title span.required:after{content:"*";display:inline-block;color:var(--text-color-red)!important;margin-left:2px}.exchange-gift-dialog .exchange-content>li .exchange-count{display:flex;flex-direction:row;align-items:center;gap:8px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number{width:110px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__decrease,.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__increase{width:30px;background-color:#ebebeb}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__decrease .el-icon,.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__increase .el-icon{color:var(--text-color-placeholder-grey);font-size:15px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__decrease{border-top-left-radius:12px;border-bottom-left-radius:12px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input-number__increase{border-top-right-radius:12px;border-bottom-right-radius:12px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input__wrapper{border-radius:12px;padding-right:38px}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input__inner{font-size:16px;color:var(--text-color-inverse)}.exchange-gift-dialog .exchange-content>li .exchange-count .el-input-number .el-input__suffix span{position:relative;top:.5px;margin-left:0;font-size:11px;color:var(--text-color-inverse-grey)}.exchange-gift-dialog .exchange-content>li .exchange-count>span{font-size:15px;color:var(--text-color-inverse-grey)}.exchange-gift-dialog .exchange-content>li .consume-currency{display:flex;flex-direction:row;align-items:flex-end;gap:4px;color:var(--text-color-inverse-grey);font-size:13.5px}.exchange-gift-dialog .exchange-content>li .consume-currency span:first-child{position:relative;top:1px;font-size:19px;font-weight:700}.exchange-gift-dialog .exchange-content ul{display:flex;flex-direction:row;align-items:center;gap:15px}.exchange-gift-dialog .exchange-content ul li{display:flex;flex-direction:row;align-items:center;position:relative;padding:5px 20px;border:1px solid var(--text-color-grey-light);color:var(--text-color-inverse);border-radius:8px;cursor:pointer}.exchange-gift-dialog .exchange-content ul li span{font-size:15px!important;font-weight:400!important;letter-spacing:.5px}.exchange-gift-dialog .exchange-content ul li.active{border-color:var(--color-primary)}.exchange-gift-dialog .exchange-content ul li.active span{color:var(--color-primary)}.exchange-gift-dialog .payment{display:flex;flex-direction:column;flex:1}.exchange-gift-dialog .payment .el-button{width:230px;height:42px;border-radius:5px;font-size:16px;letter-spacing:3px}.exchange-gift-dialog .tips{padding-top:30px;border-top:1px solid var(--text-color-grey-light)}.exchange-gift-dialog .tips .headline{display:flex;flex-direction:row;align-items:center;padding-bottom:10px}.exchange-gift-dialog .tips .headline:before{content:"";width:6px;height:17px;border-radius:2px;margin-right:8px;background-color:var(--bg-color-grey)}.exchange-gift-dialog .tips .headline span{text-align:center;color:var(--text-color-inverse);font-size:18px;font-weight:700}.exchange-gift-dialog .tips .container ul{color:var(--text-color-inverse-grey)}.exchange-gift-dialog .tips .container ul li{position:relative;display:flex;flex-direction:row;align-items:center;line-height:30px;padding-left:15px}.exchange-gift-dialog .tips .container ul li:before{position:absolute;left:0;top:12px;content:"";width:5px;height:5px;border-radius:50%;background-color:var(--text-color-inverse-grey);margin-right:10px}.exchange-gift-dialog .tips .exchange-details{padding-top:12px}.exchange-gift-dialog .tips .exchange-details p{font-size:15px;font-weight:700;margin-bottom:10px}.exchange-gift-dialog .tips .exchange-details ul{display:flex;flex-direction:column;gap:10px}.exchange-gift-dialog .tips .exchange-details ul li{display:flex;flex-direction:row;align-items:center;gap:5px}.exchange-gift-dialog .tips .exchange-details ul li img{width:16px}.exchange-gift-dialog .el-tab-pane{height:100%;display:flex;flex-direction:column}.exchange-gift-dialog .el-table{height:calc(100% - 50px)}.exchange-gift-dialog .el-table .el-scrollbar__view{height:100%}.exchange-gift-dialog .el-pagination{display:flex;justify-content:center;padding-top:17px}