.group-select{position:relative}
.group-select-border{padding:0 10px;width:calc(100% - 20px);height:34px;border:1px solid #ccc;border-radius:2px}
.group-select-select{position:absolute;z-index:10;display:flex;width:100%;height:153px;border:1px solid #ccc;border-radius:2px;background:#fff;background-color:#fff;flex-direction:row}
.group-select-select li{display:flex;padding-left:10px;height:36px;flex-direction:row;align-items:center}
.group-select-select li:hover{background-color:#f7f7f7}
.group-select-left{width:50%}
.group-select-right{overflow:scroll;width:50%;border-left:1px solid #ccc}
.flex-row-center{display:flex;flex-direction:row;justify-content:center;align-items:center}
.flex-row-btween-center{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.CG-market-text{text-transform:capitalize;font-size:12px;}
.CG-market-row{display:flex;margin-top:8px;width:100%;flex-direction:row;justify-content:space-between}
.CG-market-left{width:45%;height:36px}
.CG-market-right{display:flex;padding:0 10px;width:45%;height:36px;border-radius:2px;background-color:#fafafa;flex-direction:row;justify-content:space-between;align-items:center}
.CG-direct{display:flex;margin-top:16px;width:100%;border-radius:5px;cursor:pointer;flex-direction:row}
.CG-direct-call{display:flex;width:50%;height:40px;border-radius:5px;background-color:#fafafa;color:#666;font-size:14px;justify-content:center;align-items:center}
.CG-direct-put{display:flex;width:50%;height:40px;border-radius:5px;background-color:#fafafa;color:#666;font-size:14px;justify-content:center;align-items:center}
.CG-direct-put-active{background:linear-gradient(90deg,#1f88a7 0,#0f7575 100%);color:#fff}
.CG-direct-call-active{background:linear-gradient(90deg,#E64E62 0,#d2501e 100%);color:#fff}
.CG-direct-neutral-active{background:var(--color-brand-1);color:#fff}
.CG-price-text{margin-top:16px;margin-bottom:8px;text-transform:capitalize;font-size:12px;line-height:12px}
.CG-price-row{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}
.CG-price-low-limit{display:flex;padding:0 10px;width:45%;height:34px;border:1px solid #ccc;border-radius:2px;flex-direction:row;justify-content:space-between;align-items:center}
.CG-price-high-limit{display:flex;padding:0 10px;width:45%;height:34px;border:1px solid #ccc;border-radius:2px;flex-direction:row;justify-content:space-between;align-items:center}
.CG-price-divi{color:#ccc;font-size:13px}
.CG-price-row input{border:none}
.CG-amount-text{display:flex;margin-top:16px;margin-bottom:8px;text-transform:capitalize;font-size:12px;line-height:12px;flex-direction:row;justify-content:space-between}
.CG-gray-text{font-weight:500}
.CG-amount-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}
.CG-amount-input{padding-left:10px;width:230px;box-sizing: border-box; height:34px;border:1px solid #ccc;border-radius:2px}
.CG-amount-diff{width:110px;height:34px;border-radius:2px;background:#fafafa;cursor:pointer}
.CG-amount-diff-active{background:rgba(35,84,230,0.1);color:var(--brandColor)}
.CG-amount-ratio{width:110px;height:34px;border-radius:2px;background:#fafafa;cursor:pointer}
.CG-amount-ratio-active{background:rgba(35,84,230,0.1);color:var(--brandColor)}
.CG-available-text{display:flex;margin-top:16px;margin-bottom:8px;text-transform:capitalize;font-size:12px;line-height:12px;flex-direction:row;justify-content:space-between}
.CG-invest-text{display:flex;text-transform:capitalize;font-size:12px;line-height:12px;flex-direction:row;justify-content:space-between}
.CG-invest-input{width:80%;border:none}
.CG-stop-text{margin-top:16px;margin-bottom:8px;text-transform:capitalize;font-size:12px;line-height:12px}
.CG-stop-row{padding:0 10px;width:230px;height:34px;border:1px solid #ccc;border-radius:2px;box-sizing: border-box;}
.CG-stop-input{width:70%;border:none}
.creatButton{margin:0 auto;margin-top:16px;width:232px;height:40px;border-radius:5px;background:linear-gradient(90deg,#009cab 0,#00b389 100%);color:#fff;cursor:pointer}
.CG-min-amount{margin-top:8px;font-size:12px;line-height:12px}
input::-webkit-input-placeholder{font-size:12px}
.CG-gray-text{color:#888}
.CG-gray-text-leve{font-weight:500;font-size:14px}
.lowerthanfee{color:red}
.tools-future{position:relative;right:0;bottom:8px;font-size:12px;cursor:pointer}
.tools-future span{height:16px}
.funds_transfer_icon{margin-right:5px;width:16px;height:16px;cursor:pointer!important;transform:rotate(90deg)}
.popup-main{padding:24px;cursor:auto}
.popup-header{display:flex;margin-bottom:24px;height:25px;color:#111;font-size:18px;line-height:25px;justify-content:space-between}
.popup-header img{width:20px;height:20px}
.popup-exchange-type{display:flex;height:36px;color:#333;font-size:13px;justify-content:space-between;align-items:center}
.from{width:100%;height:38px;font-size:13px}
.top-input{position:relative;padding-right:10px;padding-left:10px;width:274px;height:inherit;border:1px solid #ccc;border-radius:2px;color:#333;cursor:pointer}
.bottom-input{padding-left:10px;width:284px;height:inherit;border:1px solid #ccc;border-radius:2px;color:#333;cursor:not-allowed}
.popup-main img{width:15px;height:15px;cursor:pointer}
.popup-main .coin-h3{display:inline-block;margin:16px 0 10px;height:18px;color:#3a3a3a;font-size:13px;line-height:18px}
.exchange-coin{display:flex;padding-left:10px;height:36px;border:1px solid #ccc;border-radius:2px;align-items:center}
.exchange-coin i{display:inline-block;margin-right:10px;width:18px;height:18px;border-radius:50%;background:#004450;color:#fff;text-align:center;font-size:12px;font-family:PingFangSC-Regular;line-height:18px}
.exchange-coin span{display:inline-block;height:18px;color:#3a3a3a;font-size:13px;line-height:20px}
.exchange-amount-title{display:flex;margin:16px 0 10px;height:36px!important;height:18px;justify-content:space-between;align-items:center}
.exchange-amount-name{color:#3a3a33;font-size:13px}
.available-balance{color:#a6a6a6;font-size:12px}
.exchange-input{position:relative;height:36px}
.exchange-input input{box-sizing:border-box;padding-left:13px;width:296px;height:100%;border:1px solid #ccc;border-radius:2px}
.exchange-input .unit{right:55px;color:#3a3a3a}
.exchange-input .all,.exchange-input .unit{position:absolute;top:5px;font-size:13px;line-height:30px}
.exchange-input .all{right:10px;padding-left:10px;color:var(--brandColor);cursor:pointer}
.exchange-input .all:after{position:absolute;top:5px;left:0;width:1px;height:16px;background:#ccc;content:''}
#exchange-coin-amount::placeholder{color:#ccc;font-size:13px}
.noty_buttons{display:flex;margin-top:24px;height:36px;justify-content:center}
.mt10{margin-top:10px}
.noty_buttons button{width:120px;height:inherit;outline:0;border:none;border-radius:2px;color:#fff;text-align:center;font-size:14px;cursor:pointer}
.noty_buttons .btn-cancel{margin-right:16px;background:#d8d8d8}
.noty_buttons .btn-primary{background:var(--brandColor)}
.popup-trans384-content{width:384px!important}
.trans-from-wrapper{position:absolute;top:40px;right:0;z-index:2;padding-top:5px;width:294px;height:150px;border:1px solid #ccc;border-radius:2px;background:#fff}
.market-select{height:155px;flex:1}
.trans-from{overflow-y:scroll;height:155px;border-left:1px solid #f0f0f0;flex:1}
.market-select li,.trans-from li{padding-left:10px;height:36px;color:#000;line-height:36px}
.market-select li.active{background:#f7f7f7;color:#007980}
.market-select li:hover,.trans-from li:hover{background:#f7f7f7}
.trans-from li.active{color:#007980}