.select-input-box{position:relative}.select-input-box.active .input-box{border:1px solid #e7c325}.select-input-box .input-box{border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:10px 32px;margin:16px 0;background:#222;cursor:pointer}.select-input-box .input-box.search-page-style{margin:0;border:0}.select-input-box .input-box .coin-img{width:30px;height:30px;border-radius:50%;margin-right:16px}.select-input-box .input-box .input-value{font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-input-box .input-box .input-value.placeholder-style{color:#8b8b8e}.select-input-box .input-box .down-icon{color:#fff}.select-input-box .input-box .up-icon{color:#e7c325}.select-input-box .select-mask{position:fixed;top:0;bottom:0;right:0;left:0;z-index:2}.select-input-box .select-modal{position:absolute;left:0;width:100%;background-color:#23262f;border:1px solid #23262f;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:3;padding:4px 0;-webkit-animation-name:dropdown-animation;animation-name:dropdown-animation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.select-input-box .select-modal .arrow-up{position:absolute;top:-6px;left:13%}.select-input-box .select-modal .arrow-up:after{position:absolute;display:inline-block;top:3px;left:-10px;width:0;height:0;content:"";border-style:solid;border-width:5px;border-color:#23262f #23262f transparent transparent;transform:rotate(-45deg);box-shadow:2px -2px 2px rgba(0,0,0,.1)}.select-input-box .select-modal .select-list{max-height:300px;overflow-y:auto}.select-input-box .select-modal .select-list .no-data-tips{text-align:center;font-size:14px;padding:16px 0;color:#fff}.select-input-box .select-modal .select-list .select-item{padding:12px;font-size:14px;color:#fff;cursor:pointer}.select-input-box .select-modal .select-list .select-item:hover{background:rgba(20,99,255,.050980392156862744)}.select-input-box .select-modal .select-list .select-item .coin-img{width:30px;height:30px;border-radius:50%;margin-right:12px}.select-input-box .select-modal .select-list .select-item.active{color:#e7c325}@-webkit-keyframes dropdown-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#exchange-page .page-container{max-width:1300px;margin:50px auto}#exchange-page .page-container .page-header{text-align:center;margin-bottom:30px}#exchange-page .page-container .page-header .header-title{display:flex;align-items:center;justify-content:center}#exchange-page .page-container .page-header .header-title .title-img{width:36px;height:36px;margin-right:10px}#exchange-page .page-container .page-header .header-title .title{color:#fff;font-size:30px}#exchange-page .page-container .page-header .header-tips{color:#fff;margin-top:10px}#exchange-page .page-container .container-top-box{width:600px;margin:0 auto;background:#151515;border-radius:16px}#exchange-page .page-container .coin-select-box{padding:32px 50px}#exchange-page .page-container .coin-select-box .box-title{font-weight:700;color:#fff}#exchange-page .page-container .coin-select-box .select-box{border:1px solid #999;border-radius:16px;padding:26px;margin-top:16px;margin-bottom:16px;cursor:pointer}#exchange-page .page-container .coin-select-box .select-box .select-name{color:#8b8b8e}#exchange-page .page-container .coin-select-box .select-box .select-name.active{color:#fff}#exchange-page .page-container .coin-select-box .change-img{width:60px;height:60px;margin:20px auto;display:block}#exchange-page .page-container .coin-select-box .locking-tips{color:#e7c325;font-size:14px}#exchange-page .page-container .coin-select-box .balance{color:#fff;display:flex;align-items:center;justify-content:space-between}#exchange-page .page-container .coin-select-box .balance .balance-value{font-weight:700}#exchange-page .page-container .exchange-form{border-radius:8px;padding:16px 50px}#exchange-page .page-container .exchange-form .form-item .form-item-header{font-size:14px}#exchange-page .page-container .exchange-form .form-item .form-item-header .item-name{font-weight:700;color:#fff}#exchange-page .page-container .exchange-form .form-item .form-item-header .balance{color:#fff}#exchange-page .page-container .exchange-form .form-item .form-item-header .balance .balance-value{font-weight:700}#exchange-page .page-container .exchange-form .form-item .symbol-box{display:flex;align-items:center;justify-content:space-between}#exchange-page .page-container .exchange-form .form-item .symbol-box .symbol{border:1upx solid #999;width:100px;text-align:center;padding:14px 0;box-sizing:border-box;font-size:14px;border-radius:10px;color:#fff;margin-top:12px}#exchange-page .page-container .exchange-form .form-item .symbol-box .symbol.active{border:1px solid #e7c325;background-color:initial;background-color:#e7c325}#exchange-page .page-container .exchange-form .form-item .form-title{color:#fff}#exchange-page .page-container .exchange-form .form-item .form-item-body{margin-top:8px;border-radius:8px;position:relative;background-color:#222}#exchange-page .page-container .exchange-form .form-item .form-item-body .input-opt{position:absolute;right:5px;top:5px;background:#222;padding:14px 0}#exchange-page .page-container .exchange-form .form-item .form-item-body .max-btn{color:#e7c325;padding:0 8px;font-size:14px;font-weight:700;border-left:1px solid #999}#exchange-page .page-container .exchange-form .form-item .form-item-body .input-style{padding:7px 0;color:#fff;background-color:transparent;font-size:14px;border:1px solid transparent;border-radius:8px}#exchange-page .page-container .exchange-form .form-item .form-item-body .input-style .el-input__inner{background:#222;border:0;color:#fff;font-size:16px}#exchange-page .page-container .exchange-form .form-item .form-item-body .input-style:hover{border:1px solid #e7c325}#exchange-page .page-container .exchange-form .form-item .form-item-body .input-style .uni-input-placeholder{color:#999}#exchange-page .page-container .exchange-form .form-item .form-item-body .symbol-name{padding:0 24px;color:#fff}#exchange-page .page-container .exchange-form .submit-btn{background:#e7c325;color:#fff;font-size:14px;padding:16px 0;border-radius:25px;margin-top:32px;width:100%;border:1px solid transparent}#exchange-page .page-container .exchange-form .submit-btn:after{border:0}#exchange-page .record-box{background:#151515;border-radius:10px;margin-top:60px;padding:16px 32px}#exchange-page .record-box .record-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}#exchange-page .record-box .record-box-header .header-title{color:#fff}#exchange-page .record-box .record-box-header .header-btn{border:1px solid #fff;color:#fff;font-size:14px;border-radius:4px;padding:6px 12px;cursor:pointer}#exchange-page .record-box .record-box-body .el-table:before{background:transparent}#exchange-page .record-box .record-box-body .el-table tr{background:#151515!important;color:#fff!important;border-bottom:none!important}#exchange-page .record-box .record-box-body .el-table th.el-table__cell{background:#1b1e25!important;color:#8b8b8e!important;border-bottom:none!important}#exchange-page .record-box .record-box-body .el-table td.el-table__cell{background:#151515!important;color:#fff!important;border-bottom:none!important}#exchange-page .record-box .record-box-body .el-table__empty-block{background:#151515!important}#exchange-page .qs-box{margin-top:60px}#exchange-page .qs-box .qs-box-title{color:#fff;font-size:24px}#exchange-page .qs-box .qs-box-content .qs-cell{margin:20px 0}#exchange-page .qs-box .qs-box-content .qs-cell .title{color:#fff}#exchange-page .qs-box .qs-box-content .qs-cell .content{color:#8b8b8e;font-size:14px;margin-top:10px}