.ai-c{align-items:center}
.jc-end{justify-content:flex-end}
.tal{text-align:left!important}
.create-my-bot{padding:0 40px;height:48px;outline:0;border:none;border-radius:5px;background:var(--linearGradient1);color:#fff!important;text-transform:capitalize;font-weight:500;font-size:16px;line-height:50px;cursor:pointer}
.bots-tab-item.active{background:var(--linearGradient1);color:#fff}
.common-popup-wrapper-front{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;overflow-y:scroll;height:100%;background:rgba(0,0,0,.7)}
.dot-item.no-cover{border:2px solid #f7f7f7;background:#fff!important}
.common-textarea-wrapper{box-sizing:border-box;height:72px;border:1px solid #ccc;border-radius:2px;color:#3a3a3a;font-size:12px}
.common-textarea-wrapper textarea{box-sizing:border-box;padding:8px;width:100%;height:100%;outline:0;border:none;resize:none;background:transparent;color: var(--color-text-1);}
.common-text-wrapper textarea::placeholder{color:#888}
.common-popup-main .btn-cancel{ flex:1;margin-right:11px;width:120px;height:40px;border:none;border-radius:5px;background-color:#d8d8d8;color:#fff;text-align:center;font-size:14px;line-height:36px;cursor:pointer;font-weight: 700;}
.common-popup-main .btn-primary{flex:1;width:120px;height:40px;border:none;border-radius:5px;background:var(--brandColor);color:#fff;text-align:center;font-size:14px;line-height:36px;cursor:pointer;font-weight: 700;}
.common-popup-main .btn-primary:hover{background:var(--color-brand-2)}
.common-button-wrapper .create-btn{width:232px;height:40px;outline:0;border:none;border-radius:5px;background:var(--linearGradient1);color:#fff;text-transform:capitalize;font-weight:500;font-size:14px;cursor:pointer}
.common-button-wrapper .create-btn.disabled{border-right:5px;background:#d8d8d8;color:#fff;cursor:not-allowed;pointer-events:auto}
.new-create-btn{margin:0 auto;margin-top:42px;width:180px;height:36px;border-radius:4px;background:var(--brandColor);color:#fff;text-align:center;font-size:16px;line-height:22px;line-height:36px;opacity:1;cursor:pointer}
.new-create-btn:hover{background:var(--linearGradient1)}
.public-option-wrapper input{margin-top:-2px}
.public-option-wrapper span{margin-left:8px}
.rule-market-search{height:37px!important}
.custom-market-bar-item{box-sizing:border-box;padding:0 10px;width:100%;height:100%;border-radius:2px;color:#3a3a3a;font-size:12px}
.detail-follow-trade-tip-box{font-size: 12px; color: var(--color-text-2);overflow: auto; box-sizing: border-box; height:72px;overflow:'auto';border-radius: 4px;padding: 4px;}
.detail-block-bg{background-color: var(--color-bg-1) !important;}
.active-item-bg{background-color: var(--color-card-3) !important;}
.grid-order-table .tr{display:flex;color:#3a3a3a;text-align:left;font-size:12px;align-items: center;padding: 4px 0;}
.position-table-container{height: 100%;position: relative;}
.position-table{height: calc(100% - 54px);}
.position-table-tip {position:absolute;bottom:0;font-size:12px}
.order-book-bar{height:24px;background:var(--color-funct-2)}
.stragety-order-bar{height:24px;width:100%;display:flex;border-radius:4px;position:relative;font-style:normal;}
.stragety-order-bar .overlay{z-index:2;position: absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:space-between;font-size:16px;}
.stragety-order-bar .red-text{padding:0 12px;color:var(--color-pd-1);}
.stragety-order-bar .green-text{padding:0 12px;color:var(--color-pd-2);}
.stragety-order-bar .green{position:relative;height:100%;border-radius:4px;background-color:rgba(48, 191, 135, 0.1);}
.stragety-order-bar .green.linear-gradient{background:linear-gradient(-60deg, transparent 13px, rgba(48, 191, 135, 0.1) 0) right;}
.stragety-order-bar .red {position:relative;height:100%;border-radius:4px;text-align:right;background-color:rgba(242, 73, 94, 0.1);}
.stragety-order-bar .red.linear-gradient{margin-left:-12px;background:linear-gradient(120deg, transparent 13px, rgba(242, 73, 94, 0.1) 0) left;} 
.inner-order-bar{height:100%;background:var(--color-funct-3);}
.rise-green-body .order-book-bar{background:var(--color-funct-3)}
.rise-green-body .inner-order-bar{background:var(--color-funct-2);}
.order-prompt-box{font-size: smaller;}
.tw-body .up{color:#e62323!important}
.tw-body .down{color:#13bf86!important}
i.jump-condition-help{position:relative;top:0;left:-3px;display:inline-block;width:16px;height:16px;background:url(/images/question_help.png) no-repeat;background-size:100%;cursor:pointer}
.tep-active{background-color:#007980}
.tep-ok{width:20px;color:#007980}
.tep-active-color{color:#007980}
.pre-btn{width:232px;height:40px;outline:0;border:1px solid #007980;border-radius:5px;background:0 0;color:#007980;text-transform:capitalize;font-weight:500;font-size:14px;cursor:pointer}
.specifications-title{margin:0 10px;width:100%}
.new-flag-wrapper{position:absolute;top:-4px;right:-2px;width:12px;height:12px}
.specifications-item-text{width:100%;text-align:center}
body.classic-dark .set-three-spe-parame::before{border-bottom-color:#161a1e}
body.classic-dark .set-three-spe-parame:after{border-bottom-color:#31373d}
body.classic-dark .set-three-spe-parame input{border-color:#31373d}
.delete-icon:hover{fill:#007980}
.fankui-icon:hover{color:#007980}
.CC-comon-row-delete svg:hover{fill:#007980}
.income-info{padding:4px 20px;border-radius:5px;background-color:rgba(35,84,230,.1);background-image:url(/images/illustration.png);background-position:right;background-repeat:no-repeat}
.income-info-item{margin-right:120px;line-height:24px}
.income-info-item .info-item-title{color:#8f95a8;font-size:14px}
.income-info-item span{color:#3a3a3a;font-size:18px}
.rule-input-wrap>input+label{margin-right:2px}
.create-str{margin:0 auto;margin-top:42px;width:180px;height:36px;border:1px solid #f76a91;border-radius:4px;color:#f76a91;text-align:center;font-size:16px;line-height:22px;line-height:36px;opacity:1;cursor:pointer}
.my-back-header .active:after{position:absolute;bottom:0;display:block;margin:0 auto;width:40px;height:4px;border-radius:1px;background:#007980;content:''}
#root .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#f2f7ff;color:var(--brandColor)}
#root .top_tab_out>a{position:relative;display:flex;margin-right:32px;padding-bottom:20px;color:#262626;font-weight:400;font-size:18px}
#root .top_tab_out>li{display:flex;margin-right:32px;padding-bottom:20px;color:#262626;font-weight:400;font-size:18px;cursor:pointer}
#root .top_tab_out>.top_active_tab{color:var(--brandColor);font-weight:500;font-size:24px}
#root .top_active_tab:after{position:absolute;bottom:10px;width:40px;height:3px;background-color:var(--brandColor);content:''}
.make-new-strategy h1{margin-bottom:21px;margin-left:22px;color:#262626;font-weight:500;font-size:20px}
.make-new-strategy .new-strategy-content h2{color:#666;font-weight:500;font-size:14px}
.make-new-strategy .new-strategy-content .form-title{color:#262626;font-weight:400;font-size:14px}
.width-33{width:33%}
.form-out-style .form-title{display:inline-block;margin:0 24px;max-width:130px;min-width:130px;text-align:right}
.width-464{width:464px}
.new-strategy-content .banner>h2{margin-top:15px;color:#262626;text-align:center;font-weight:500;font-size:24px}
.banner-description>P{margin-bottom:8px!important;color:#262626;font-weight:500;font-size:16px}
.banner-description>span{display:block;max-width:195px;color:#8c8c8c;font-weight:400;font-size:12px}
.new-CC-comon-row{position:relative;display:flex;width:100%;flex-direction:row;align-items:center;flex-wrap:wrap}
.new-table-profit{padding:22px 18px;max-width:1280px;border-radius:6px;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.05);opacity:1}
.bot-com-font{color:#666;font-size:20px;line-height:21px}
.bot-tab-active{color:var(--brandColor)}
#textarea:hover{color:#333!important}
.quant-hover-red:hover{border-color:var(--brandColor)!important}
.history-back-thead{padding:7px 10px;height:30px;background:#f5f6f7;color:#666;font-size:12px}
.backing-table-thead{padding:7px 10px;height:30px;background:#f5f6f7;color:#666;font-size:12px}
.bot-detai-params .detail-item{margin:16px 0;padding-right:16px}
.ant-table-thead>tr>th{padding:0 10px!important;height:30px;border-bottom:none;background: var(--color-neutral-2);color:#666;font-weight:400;font-size:12px;line-height:normal}
.ant-modal-content{border-radius:8px}
.ant-modal-header{border-bottom:none;border-radius:8px 8px 0 0}
.ant-modal-footer{border-top:none;border-radius:0 0 8px 8px}
.width-225{width:225px}
.customize-strategy-modal{top:64px!important}
/* .customize-strategy-modal .mantine-Paper-root{padding: 32px 0 0 0 ;} */
/* .customize-strategy-modal .mantine-Modal-header{padding: 0 40px;} */
.grid-banlance-table .ant-table-thead>tr>th{padding:0;height:auto;background:unset!important}
.d-ib-mr-12{display:inline-block;margin-right:12px;width:40px;text-align:right}
.top-p{margin-bottom:4px!important;color:#808b88;font-weight:400;font-size:14px}
.content-bottom>p{margin:0;color:var(--brandColor);font-weight:400;font-size:12px}
.position-font{color:#3a3a3a;font-weight:400;font-size:12px}
.bot-item-icon.icongridTrade{font-size:26px}
#root *{box-sizing:border-box}
.jc-between{justify-content:space-between}
.jc-start{justify-content:flex-start}
.tti{text-transform:initial!important}
.ttc{display:flex;text-transform:capitalize;align-items:center}
.por{position:relative}
.poa{position:absolute}
.mr0{margin-right:0!important}
.mt0{margin-top:0!important}
.mt40{margin-top:40px}
.mt24{margin-top:24px}
.mt20{margin-top:20px}
.mt16{margin-top:16px}
.mt12{margin-top:12px}
.mt8{margin-top:8px!important}
.mt4{margin-top:4px!important}
.mb24{margin-bottom:24px}
.tar{text-align:right!important}
.pd-r0{padding-right:0!important}
.tac{text-align:center!important}
.pl20{padding-left:20px!important}
.pl10{padding-left:10px!important}
.pr10{padding-right:10px!important}
.font-bold{font-weight:600}
.pr20{padding-right:20px!important}
.up{color:#e62323!important}
.sell-order{color:var(--color-other-3)}
.down{color:#13bf86!important}
.buy-order{color:var(--color-funct-2)}
.comGray{color:#888}
.cp{cursor:pointer}
.fwb{font-weight:600}
.fl2{flex:2!important}
.ft-12{font-size:12px}
.header-banner{width:100%;height:280px;background:#00262d}
.header-banner-help{margin:0 auto;width:1200px;justify-content:space-between}
.header-banner .bg-slot{z-index:1;height:280px;pointer-events:none}
.header-banner .header-img{margin-left:-100%;width:630px;height:280px}
.bg-slot h3{margin-top:62px;height:56px;color:#fff;font-weight:500;font-size:40px;line-height:56px}
.bg-slot p{margin-top:4px;margin-bottom:0;height:25px;color:rgba(255,255,255,.8);font-weight:500;font-size:18px;line-height:25px}
.header-bottom{margin-top:-64px;height:64px;background:rgba(255,255,255,.05);color:#fff;font-size:16px}
.header-bottom-help{margin:0 auto;width:1200px;justify-content:space-between}
.header-tabs li.tab-item{padding:0 30px;height:64px;font-weight:500;line-height:64px;cursor:pointer}
.header-tabs li.tab-item.active{background:rgba(255,255,255,.1)}
.bot-tutorials{cursor:pointer}
.bot-tutorials .iconjiaocheng{margin-right:4px;font-size:24px}
.main-content{width:1200px}
.common-header{position:relative;padding-left:14px;height:25px;color:#3a3a3a;font-weight:600;font-size:18px;line-height:28px}
.common-header::before{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brandColor);content:''}
.base-bots,.cta-bots{border-radius:8px;background:#fff;box-shadow:0 0 20px 0 rgba(0,55,65,.05)}
.bot-item{padding:0 32px;height:124px;border-bottom:1px solid #e8e8e8;align-items:center}
.bot-item-height{height:162px}
.bot-item-top{width:100%;height:56px;justify-content:space-between}
.trad-statistics{display:flex;margin-top:20px;margin-left:66px;padding-left:10px;min-height:28px;border-radius:14px;background:linear-gradient(270deg,rgba(70,190,197,0) 0,rgba(70,190,197,.2) 100%);align-items:center;flex-wrap:wrap}
.trad-statistics>span{white-space:nowrap}
.green-statistics-num{color:var(--brandColor)}
.bot-item:last-child{border-bottom:none}
.bot-item-left{flex:auto;justify-content:start}
.bot-item-icon{display:flex;width:56px;height:56px;min-width:56px;border-radius:50%;background:var(--linearGradient1);color:#fff;text-align:center;font-size:28px;line-height:56px;justify-content:center;align-items:center}
.bot-item-detail{display:flex;margin-right:30px;margin-left:10px;max-height:65px;min-height:54px;flex:auto;flex-direction:column;justify-content:space-between}
.detail-top{display:flex;height:25px;color:#3a3a3a;font-size:18px;align-items:center}
.detail-bottom{overflow:hidden;margin-top:4px;max-width:700px;color:#666;font-size:14px}
.contract,.token{margin-right:4px;padding:2px 6px 0;border-radius:2px;background:#e16052;color:#fff;font-size:12px}
.detail-name{position:relative;top:1px;font-weight:500}
.contract{background:#f4cb5c}
.running-table-wrapper{margin-top:10px;width:100%}
.running-table-wrapper table{margin-top:10px;width:100%;color:#3a3a3a;font-size:14px}
.running-table-wrapper table th{padding-right:10px;height:40px;border:none;background:#fafafa;color:#666;text-align:left}
.running-table-wrapper table td{height:72px;border-bottom:1px solid #e8e8e8}
.operate-wrapper span{margin:0 4px;color:var(--brandColor);cursor:pointer}
.operate-wrapper span.stopping{color:#666}
.operate-wrapper .del-limiter{margin:0 6px;color:#e8e8e8}
.options-pagination{margin-bottom:24px;height:32px;text-align:center;line-height:32px}
.options-pagination-btn{display:inline-block;margin-right:8px;padding:0 12px;height:32px;border-radius:6px;line-height:33px;cursor:pointer}
.options-pagination-btn.active{border:1px solid #e8e8e8;border-radius:6px;background:#fbfbfb;color:#3a3a3a}
.my-bots-wrapper{width:1200px;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,55,65,.05)}
.my-bots-header{padding:0 32px;height:74px;border-bottom:1px solid #e8e8e8;color:#3a3a3a;justify-content:space-between}
.header-title{font-weight:500;font-size:18px}
.header-title-right{font-size:14px;cursor:pointer}
.header-title-right .iconlishi{margin-right:4px}
.more-bots{margin-top:24px;padding-bottom:40px;color:#a6a6a6;text-align:center;font-size:16px}
.running-bot-wrapper{padding:32px}
.bots-tabs{justify-content:start}
.bots-tab-item{margin-inline-end:10px;padding:6px 24px;height:32px;border-radius:4px;background:var(--color-card-6);color:#262626;font-size:14px;line-height:20px;cursor:pointer}
.common-popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;z-index:999;display:flex;overflow-y:scroll;height:100%;background:rgba(0,0,0,.7)}
.common-popup-main{box-sizing:border-box;margin:auto;padding:24px;width:520px;border-radius:12px;background:var(--color-card-2)}
.common-strategy-modal-main{box-sizing:border-box;margin:auto;margin-bottom:32px;padding:0 40px;border-radius:5px;background:var(--color-card-2)}
.stop-popup-main{box-sizing:border-box;margin:auto;padding:0 24px 24px;width:384px;border-radius:5px;background:#fff}
.stop-popup-main.com-bg.copy-sucess{width:100%;border-radius:unset}
.price-margin-confirm-modal{padding-bottom: 16px;}
.popup-header{color:#111;font-size:18px;justify-content:space-between;font-weight: 700;}
.popup-header img{width:18px;height:18px;cursor:pointer;object-fit:cover}
.no-scroll{overflow:hidden;width:100%;height:100%}
.title-slot{margin-top:16px;color:#3a3a3a;text-transform:capitalize;font-weight:600;font-size:12px}
.title-slot .iconfont{color:#000}
.toggle-setting{height:36px;line-height:36px;cursor:pointer}
.extra-params{border-top:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7}
.container-wrapper{margin:0 auto;padding:40px 0;width:1200px;font-size:14px}
.bred-nav{color:var(--brandColor)}
.nav-my-bots{color:#666;cursor:pointer}
.his-title{margin:40px 0 32px;height:40px;color:#3a3a3a;font-weight:500;font-size:28px;line-height:40px}
.table-container{padding:32px;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,55,65,.05)}
.progress-bar-wrapper{padding-top:12px;direction:ltr}
.progress-outer{display:flex;width:100%;height:4px;border-radius:2px;background:#f7f7f7;cursor:pointer;align-items:center}
.progress-inside{height:4px;background:var(--brandColor)}
.progress-dots{position:relative;top:-8px;pointer-events:none}
.dot-item{display:inline-block;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--brandColor)}
.dot-item:first-child{width:12px;height:12px}
.dot-item.no-cover{border:2px solid #f7f7f7;background:#fff}
.progress-point{position:relative;left:-4px;z-index:1;box-sizing:content-box!important;margin-right:-6px;width:12px;height:12px;border:2px solid var(--brandColor);border-radius:50%;background:#fff;cursor:move}
.common-input-wrapper{box-sizing:border-box;padding:0 10px;height:36px;border:1px solid #ccc;border-radius:2px;color:#3a3a3a;font-size:12px}
.classic-dark .common-input-wrapper{background:#000}
.common-input-wrapper input{width:100%;height:100%;border:none;text-transform:capitalize}
.common-input-wrapper input::placeholder{color:#888}
.common-button-wrapper{height:40px}
.extra-setting{flex-wrap:wrap}
.extra-setting-item{width:230px}
.periods-setting{cursor:pointer}
.periods-setting input{background:0 0;pointer-events:none}
.market-bar-item>.iconfont,.periods-setting>.iconfont{font-size:16px}
.iconfont.iconshouqi,.iconfont.iconzhankai{pointer-events:none}
.periods-wrapper{position:absolute;top:40px;left:0;z-index:10;overflow-y:auto;width:100%;height:auto;border:1px solid #ccc;background:#fff}
.periods-wrapper li{padding:0 10px;height:36px;color:#000;line-height:36px}
.periods-wrapper li.active{background:#f7f7f7;color:var(--brandColor)}
.periods-wrapper li:hover{background:#f7f7f7}
.market-bar-wrapper{height:36px}
.market-bar-item{box-sizing:border-box;padding:0 10px;width:230px;height:100%;border-radius:2px;color:#3a3a3a;font-size:12px}
.market-letf{border:1px solid #ccc;cursor:pointer}
.market-right{background:#fafafa}
.market-right .iconhangqing{color:var(--brandColor);cursor:pointer}
.market-list-wrapper{position:absolute;top:40px;left:0;z-index:2;width:100%;height:191px;border:1px solid #ccc;border-radius:2px;background:#fff}
.market-select{height:155px;text-transform:capitalize;flex:1}
.new-market-select{height:140px;text-transform:capitalize;flex:1}
.market-list{overflow-y:scroll;height:155px;border-left:1px solid #f0f0f0;flex:1}
.new-market-list{overflow-y:scroll;height:140px;border-left:1px solid #f0f0f0;flex:1}
.market-list li,.market-select li{padding-left:10px;height:36px;color:#000;line-height:36px}
.market-select li.active{background:#f7f7f7;color:var(--brandColor)}
.market-list li:hover,.market-select li:hover{background:#f7f7f7}
.market-list li.active{color:var(--brandColor)}
.no-table-data{position:absolute;left:55%;display:flex;color:#3a3a3a;text-align:center;font-size:16px;justify-content:center;flex-direction:column;align-items:center}
.no-table-data img{margin:24px 0}
.detail-top-info{height:36px;border-top:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;color:#666;text-transform:capitalize;font-size:12px}
.bot-stop-btn{padding:2px 12px 0;outline:0;border:none;border:1px solid var(--brandColor);border-radius:4px;background:#fff;color:var(--brandColor);font-size:12px;cursor:pointer}
.detail-common-title{color:#3a3a3a;text-transform:capitalize;font-weight:500;font-size:14px}
.detail-running-item>div{text-transform:capitalize}
.detail-running{padding-bottom:16px;border-bottom:1px solid var(--color-divider-2);flex-wrap:wrap;align-items:flex-start}
.detail-running-item{color:#666;font-size:12px}
.detail-running-item:nth-child(3n){text-align:right}
.detail-running-item span{margin-top:2px;color:#3a3a3a}
.detail-params{padding:8px 0;border-bottom:1px solid #f7f7f7}
.detail-params-wrapper{flex-wrap:wrap}
.cur-position-wrapper{padding:12px 10px;background:var(--color-bg-1);}
.cur-position-title{color:var(--brandColor);font-size:14px}
.position-close-btn{padding:2px 12px 0;outline:0;border:none;border:1px solid;background:#fff;color:var(--brandColor);cursor:pointer}
.cur-position-info{color:#666;font-size:12px}
.order-list-table{width:100%}
.order-list-table .tr{height:36px;color:#3a3a3a;text-align:left;font-size:12px;line-height:36px}
.order-list-table .tr:hover{background-color:#f5f5f5}
.order-list-table .tbody{overflow-y:scroll;max-height:180px}
.custom-order-list-table .tbody{max-height:320px}
.grid-order-cont::-webkit-scrollbar,.grid-order-table .tbody::-webkit-scrollbar,.grid-order-wrapper::-webkit-scrollbar,.order-list-table .tbody::-webkit-scrollbar{width:4px}
.grid-order-table{box-sizing:border-box;width:100%;height: 100%;}
.grid-order-table .tbody{overflow-y:scroll;max-height:180px}
.custom-order-list-table.grid-order-table .tbody{max-height:320px}
.list-no-data{height:36px;color:#3a3a3a;text-align:center;font-size:14px;line-height:36px}
.grid-order-tabs{justify-content:flex-start}
.grid-order-tabs li{position:relative;margin-right:20px;padding:6px 0;color:#3a3a3a;font-weight:500;font-size:12px;cursor:pointer}
.grid-order-tabs li.active{border-bottom:2px solid var(--brandColor)}
.grid-order-cont{height:360px}
.order-header-bar{padding:8px 0;border:1px solid rgba(0,121,128,.03);background:rgba(0,121,128,.05);color:#3a3a3a;text-align:center;font-size:12px}
.triangle-icon{top:-12px;width:0;height:0;border:12px solid;border-color:rgba(0,121,128,.05) transparent transparent transparent}
.order-book-wrap{display:flex;overflow-y:scroll;height:280px;justify-content:flex-start}
.order-book-wrap::-webkit-scrollbar{width:4px}
.order-book-wrap ul{width:50%}
.order-book-wrap ul li{margin-top:10px;padding-right:25px}
.order-book-wrap ul li.order-book-thead{box-sizing:border-box;height:32px;background:#f5f6f7;color:#666}
.order-book-wrap ul:first-child li.order-book-thead{padding-right:50px;width:calc(100% + 25px)}
.order-book_ask{margin-right:8px}
.order-book_bid{margin-left:8px}
.stop-bots-cont{margin:8px 0 42px;color:#3a3a3a;font-size:13px}
.invest-tips-text{color:var(--color-text-1);font-size:16px}
.stop-button-group{justify-content:space-around}
.stop-button-group button{padding:8px 48px;outline:0;border:none;border-radius:5px;color:#fff;cursor:pointer}
.stop-button-cancel{background:#d8d8d8; flex:1;margin-right: 12px;}
.stop-button-pri{background:var(--brandColor);flex:1;}
.stop-button-pri.disabled{border-right:5px;background:#d8d8d8;color:#fff;cursor:no-drop}
.same-order-border{border-bottom:1px solid #eee}
.pair{border-bottom:1px solid #eee}
.reason{width:110px}
.protips-content{border:none!important;background:#000!important;color:#fff;text-indent:1em;text-transform:inherit;opacity:.7}
.protips-content .popup-arrow{background:#000!important}
.rise-green-body .up{color:#13bf86!important}
.rise-green-body .down{color:#e62323!important}
.rise-red-body .up{color:#e62323!important}
.rise-red-body .down{color:#13bf86!important}
i.jump-help{position:relative;top:-2px;left:4px;display:inline-block;width:16px;height:16px;background:url(/images/question_help.png) no-repeat;background-size:100%;cursor:pointer}
.cancelBtn{display:inline-flex;margin-left:10px;width:48px;height:20px;border:1px solid var(--brandColor);border-radius:4px;font-size:12px;cursor:pointer;justify-content:center;align-items:center}
.inline-flex{display:inline-flex}
.inputBorderNone{margin-left:10px;width:110px;border:none}
.input-qtyrate{width:110px;border:none}
.qtyReateRowUnit{margin-right:10px}
.qty-input-wrapper{box-sizing:border-box;padding:0 8px;width:90px;height:34px;border-right:1px solid #ccc;color:#3a3a3a;font-size:12px}
.qty-input-wrapper input{width:100%;height:100%;border:none;text-align:center;text-transform:capitalize}
.qty-input-wrapper input::placeholder{color:#888}
.unitQty-row{display:flex;box-sizing:border-box;padding-right:10px;width:230px;height:34px;border:1px solid #ccc;border-radius:2px;flex-direction:row;justify-content:space-between;align-items:center}
.qtyReateRow{display:flex;box-sizing:border-box;padding-right:10px;width:230px;height:34px;border:1px solid #ccc;border-radius:2px;flex-direction:row;align-items:center;justify-content:space-between}
.qtyRateRowRight{display:flex;width:60%;height:100%}
.qty-wrapper{position:absolute;top:40px;left:0;z-index:5;overflow-y:scroll;width:100px;height:72px;border:1px solid #ccc;background:#fff}
.qty-wrapper li{padding-left:10px;height:36px;color:#000;line-height:36px}
.qty-wrapper li.active{color:var(--brandColor)}
.qty-wrapper li:hover{background:#f7f7f7}
.half-between-row{display:flex;width:100%;font-size:12px;flex-direction:row;justify-content:space-between;align-items:center}
.half-input-border-withUnit{display:flex;padding:0 10px;width:40%;height:34px;border:1px solid #ccc;border-radius:2px;flex-direction:row;justify-content:space-between;align-items:center}
.half-item-between{display:flex;box-sizing:border-box;padding:0 10px;width:230px;height:34px;border-radius:2px;background:#fafafa;flex-direction:row;justify-content:space-between;align-items:center}
.untrigger{display:flex;width:100%;height:32px;background:#fafafa;align-items:center;justify-content:center}
.disabledQtyReateRow{background:#fafafa}
.unitQty-row input{width:auto}
.spot-setting-tabs li{height:40px;border-radius:2px;background:#fafafa;color:#666;text-align:center;font-size:14px;line-height:40px;cursor:pointer;flex:1}
.spot-setting-tabs li.active{background:rgba(35,84,230,.1);color:var(--brandColor)}
.grid-smart-area{padding:16px;border:1px solid #ccc;border-radius:4px}
#grid-intrest-chart{width:60%;height:70px;user-select:none}
.grid-ai-title{color:#3a3a3a;font-size:12px}
.spot-ai-value{color:#111}
.spot-year-rate{height:36px;font-size:28px;line-height:36px}
.fill-ai-data i{position:relative;left:-4px;display:inline-block;width:10px;height:10px;background:url(/images/fill_ai.png?v=0526) no-repeat;background-size:100%}
.fill-ai-data span{color:var(--brandColor);font-size:12px}
.record-item{height:36px}
.record-item.active{background:#fafafa}
.record-profit .iconfont{margin-left:12px}
.record-tbody,.record-thead{min-height:36px;color:#666;font-size:12px}
.record-tbody li,.record-thead li{flex:1}
.spot-ai-title .protips-content{width:auto!important;text-indent:unset}
.market-search-wrapper li{padding:0 10px;height:36px;border-radius:1px;line-height:36px}
.market-search-wrapper li:hover{background:#f7f7f7}
.market-search-wrapper li.active{background:#f7f7f7}
.market-search-right{overflow-y:scroll;flex:auto}
.market-search-right::-webkit-scrollbar{width:0}
.market-search{padding:0 10px;height:36px;border-bottom:1px solid #f0f0f0}
.market-search input{height:36px;border:none}
.market-search i{display:inline-block;width:16px;height:16px;background:url(/images/search@2x.png) no-repeat;background-size:100%;cursor:pointer}
.unit-qty-input{box-sizing:border-box;padding:0 10px;width:100%;height:36px;border:1px solid #ccc}
.market-search-item span{flex:1}
li#grid-need-buy-or-sell{background:#fff}
#noty_center_layout_container{min-width:384px!important}
.tep-row{display:flex;padding:0 40px;height:36px;flex-direction:row;align-items:center;justify-content:space-around}
.tep{display:flex;flex-direction:row;align-items:center}
.tep-number{display:flex;margin-right:3px;margin-bottom:2px;padding-top:1px;width:16px;height:16px;border-radius:50%;background-color:#888;color:#fff;justify-content:center;align-items:center}
.tep-active{background-color:var(--brandColor)}
.tep-ok{width:20px;color:var(--brandColor)}
.tep-active-color{color:var(--brandColor)}
.pre-btn{width:232px;height:40px;outline:0;border:1px solid var(--brandColor);border-radius:5px;background:0 0;color:var(--brandColor);text-transform:capitalize;font-weight:500;font-size:14px;cursor:pointer}
.cust-btn-width{margin:0 10px;width:180px!important}
.direction-height{height:72px}
.margin-zero{margin:0}
.CC-comon-row{position:relative;display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}
.CC-comon-row-type-long{width:159px;line-height:12px}
.CC-comon-row-type-short{width:115px;line-height:12px}
.CC-comon-row-relation{width:100px;font-size:20px}
.CC-comon-row-delete{display:flex;margin-top:9px;width:20px;flex-direction:row;justify-content:flex-end;align-items:center}
.specifications{position:absolute;top:50px;left:0;display:flex;padding:12px 0;width:396px;height:auto;border:1px solid #e8e8e8;border-radius:6px;background-color:#fff;flex-wrap:wrap}
.specifications-title{margin-left:10px;width:100%}
.CC-specifications-item-select{margin-left:10px;width:118px}
.CC-specifications-item{margin-top:8px;margin-left:10px;width:118px;height:34px;border:1px solid #ccc;border-radius:2px;font-size:12px;cursor:pointer;justify-content:center}
.input-center{text-align:center}
.spe-parame{width:150px;border:1px solid #e8e8e8}
.set-three-spe-parame{position:absolute;top:33px;left:-83px;z-index:2;display:flex;padding:8px;width:152px;border:1px solid #ccc;border-radius:3px;background-color:#fff;font-size:12px;flex-direction:column}
.set-three-spe-parame:before{position:absolute;top:-16px;right:71px;z-index:12;display:block;box-sizing:content-box;padding:0;width:0;height:0;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:''}
.set-three-spe-parame:after{position:absolute;top:-18px;right:70px;z-index:10;display:block;box-sizing:content-box;padding:0;width:0;height:0;border-top:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #ccc;border-left:9px solid transparent;content:''}
.set-three-spe-parame input{padding:0 5px;width:calc(100% - 10px);height:28px;border:1px solid #ccc;border-radius:2px}
.parame-ok{display:flex;margin:0 auto;margin-top:20px;padding:0 20px;width:auto;height:20px;border-radius:2px;background:var(--brandColor);color:#fff;justify-content:center;align-items:center}
.and-or{display:flex;margin-right:2px;width:34px;height:34px;border:1px solid #ccc;border-radius:2px;font-size:12px;justify-content:center;align-items:center}
.add-term{margin-top:8px;color:var(--brandColor);font-size:12px}
.open-terms{width:100%;user-select:none}
.zindex5{z-index:5}
.CC-comon-row-relation .periods-wrapper li{height:auto;white-space:nowrap}
.delete-icon{width:15px}
.delete-icon:hover{fill:var(--brandColor)}
.fankui-icon:hover{color:var(--brandColor)}
.CC-comon-row-delete svg:hover{fill:var(--brandColor)}
.checkbox-wrapper{display:flex;margin-left:16px}
.qa-input-wrap{margin-left:16px}
.qa-input-wrap input{display:none}
.qa-input-wrap label{position:relative;display:inline-block;box-sizing:border-box;margin-right:8px;width:16px;height:16px;border:1px solid #ccc;cursor:pointer}
.qa-input-wrap>input{display:none}
.qa-input-wrap>input+label{position:relative;top:4px;display:inline-block;box-sizing:border-box;margin-right:4px;width:16px;height:16px;border:1px solid #ccc;background:0 0}
.qa-input-wrap span{flex:1}
.qa-input-wrap>input:checked+label{border:none;background:url(/images/checkbox-icon.png?v=0525) no-repeat;background-size:100%}
.common-input-wrapper.disabled{background:#fafafa;cursor:not-allowed}
.common-input-wrapper.disabled span{background:#fafafa;cursor:not-allowed}
.common-input-wrapper.disabled input{background:#fafafa;cursor:not-allowed}
.lg-wrapper{top:40px;left:0;z-index:1;overflow-y:scroll;width:100%;height:180px;border:1px solid #ccc;background:#fff}
.lg-wrapper li{height:36px;line-height:36px}
.lg-wrapper li:hover:not(.disabled){background:#f7f7f7}
.lg-wrapper li:active{color:var(--brandColor)}
.lg-wrapper li.disabled{color:#ccc;cursor:not-allowed}
i.margin-icon{position:relative;top:3px;left:3px;display:inline-block;width:16px;height:16px;background:url(/images/margin_icon.png) no-repeat;background-size:100%;cursor:pointer}
i.margin-icon:hover{background:url(/images/margin_icon_hover.png) no-repeat;background-size:100%}
.margin-info-item{line-height:20px}
.margin-info-item .title-slot{color:#999;font-weight:400}
.grid-save-wrap{overflow-x:hidden;overflow-y:scroll;height:320px}
.copy-tag{display:inline-block;margin-left:4px;padding:1px 3px 0;border-radius:2px;background:rgba(0,121,128,.1);color:var(--brandColor);font-size:12px}
.ant-modal-title .copy-tag{box-sizing:border-box;padding:0;height:21px;vertical-align:middle;text-align:center}
.cppy-tag-info{box-sizing:border-box;padding:10px;width:100%;border-radius:2px;background:rgba(222,89,107,.1);color:var(--warningColor);font-size:12px;line-height:17px}
.compose-param-row{display:flex;width:100%;font-size:12px;flex-direction:row;justify-content:space-between;align-items:center}
.compose-param-row-key{color:#666}
.compose-param-row-value{color:#3a3a3a}
.compose-param-row .title-slot{margin-top:0}
.compose-row{display:inline-block;overflow:hidden;width:321px;text-align:right;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.font-12{font-size:12px}
.fontw-0{font-weight:400}
.customize-icon{width:28px;fill:#fff}
.new-bottom-buttons{display:flex;margin:0 auto;width:50%}
.create-str{margin:0 auto;margin-top:42px;width:180px;height:36px;border:1px solid var(--brandColor);border-radius:4px;color:var(--brandColor);text-align:center;font-size:16px;font-family:PingFangSC-Regular;line-height:22px;line-height:36px;opacity:1;cursor:pointer}
.list-no-data-back{display:flex;width:100%;height:100%;color:#3a3a3a;text-align:center;font-size:14px;line-height:36px;flex-direction:column;justify-content:center;align-items:center}
.create-my-back{margin-right:16px!important;padding:0 20px;height:48px;outline:0;border:1px solid var(--brandColor);border-radius:5px;background:0 0;color:var(--brandColor)!important;text-transform:capitalize;font-weight:500;font-size:16px;line-height:50px;cursor:pointer}
.common-back-popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;z-index:10;display:flex;overflow-y:scroll;height:100%;background:rgba(0,0,0,.7)}
.common-popup-back-main{box-sizing:border-box;margin:auto;padding:24px;width:1060px;min-width:1060px;border-radius:5px;background:#fff}
.create-back-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}
.create-back-left{display:flex;width:470px;flex-direction:column}
.create-back-right{margin:18px 0;padding:22px 18px;max-width:1280px;min-height:450px;border-radius:2px;border-radius:6px;background-color:#fff;box-shadow:0 0 6px rgb(0 0 0 / 5%);opacity:1}
.market-bar-item-back{width:100%;height:34px}
.mb8{margin-bottom:8px}
.extra-setting-item-back{display:flex;width:225px;flex-direction:row;justify-content:space-between;align-items:center}
.extra-setting-item-back li{height:auto}
.back-item-padding{padding:0 10px 8px 0;border-right:1px solid #e8e8e8}
.pt0{padding-top:0}
.back-tip{display:flex;margin-top:10px;padding:8px 0;width:100%;border-radius:4px;background:#fff1f0;color:#d45858;flex-direction:row;align-items:center}
.tip-icon{display:flex;margin-right:5px;margin-left:10px;width:15px;height:15px;border-radius:50%;background-color:#d45858;color:#fff;justify-content:center;align-items:center}
.time-wapper{flex-direction:row;justify-content:space-between;align-items:center}
#datepickerparent-back .xdsoft_datetimepicker{top:-228px!important;left:0!important}
#datepickerparent-back .xdsoft_datetimepicker:last-child{top:-228px!important;left:75px!important}
#datepickerparent-back .time-with{width:170px}
.time-wapper .create-btn{display:flex;padding:0 10px;height:36px;border-radius:5px;background:linear-gradient(90deg,#009cab 0,#00b389 100%);color:#fff;text-align:center;text-transform:capitalize;font-weight:500;font-size:14px;cursor:pointer;justify-content:center;align-items:center}
.time-wapper .create-btn.disabled{border-right:5px;background:#d8d8d8;color:#fff;cursor:no-drop}
.back-load{width:15px;height:15px}
.back-load-container{margin:10px 10px;width:100px;height:6px;border-radius:3px;background-color:#eee}
.back-load-color{height:6px;border-radius:3px;background-color:var(--brandColor)}
.waiting-container{display:flex;width:100%;height:100%;border-radius:2px;justify-content:center;align-items:center;flex-direction:column}
.click-get{display:flex;height:100%;justify-content:center;align-items:center}
.back-profit-residual{height:calc(100% - 20px)}
.back-chart-no-data{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;color: var(--color-text-2) !important;}
.create-back-right .table .tbody{height:calc(100% - 36px)}
.create-back-right .order-list-table{position:relative;height:calc(100% - 20px)}
.create-back-right .order-list-table .tbody{max-height:480px}
.pob-bottom{position:absolute;bottom:0;width:100%}
.back-starting{height:64px}
#kline{height:450px}
.my-back-header{padding:0 32px;height:74px;border-bottom:1px solid #e8e8e8;color:#3a3a3a;justify-content:flex-start}
.no-data-style{opacity:.3}
.my-back-header .header-title{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}
.my-back-header .active:after{position:absolute;bottom:0;display:block;margin:0 auto;width:40px;height:4px;border-radius:1px;background:var(--brandColor);content:''}
.ml30{margin-left:30px}
.ml16{margin-left:30px}
.back-right-tab{display:flex;flex-direction:row}
.back-right-tab .active:after{position:absolute;bottom:0;display:block;margin:0 auto;width:50px;height:2px;border-radius:1px;background:var(--brandColor);content:''}
.back-right-tab .cp{display:flex;justify-content:center;align-items:center}
.back-profit-warp{display:flex;flex-wrap:wrap}
.back-profit-item{display:flex;margin-top:10px;width:120px;height:50px;flex-direction:column}
.al-end{align-items:flex-end}
#back-profit-chart{display:flex;height:350px;align-items:center}
.running-loader{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}
.back-load-container-running{width:120px;height:8px;border:1px solid #eee;border-radius:4px}
.back-load-color-running{height:8px;border-radius:4px;background:var(--brandColor)}
.back-load-font{margin-top:-6px;margin-left:4px;color:#262626;font-weight:400;font-size:14px}
.back-load-font-running{margin-left:10px;color:#262626;font-weight:400;font-size:14px}
.create-back-left .extra-params{border-bottom:none}
.click-color{color:var(--brandColor)!important}
.sorting-icon{position:relative}
.sorting-icon i{position:absolute;left:3px;display:inline-block;width:0;height:0;border-style:solid;border-width:6px}
i.sorting-icon-up{top:-7px;border-color:transparent transparent #b0afb1 transparent}
i.sorting-icon-down{top:7px;border-color:#b0afb1 transparent transparent transparent}
i.sorting-icon-up.active{border-color:transparent transparent var(--brandColor) transparent}
i.sorting-icon-down.active{border-color:var(--brandColor) transparent transparent transparent}
#root .ant-menu-inline{padding:4px 0;border:none}
#root .ant-menu-item .ant-menu-item-icon,.ant-menu-submenu-title .iconfont{margin-right:4px;font-size:20px}
#root .ant-menu-item .menu-link:hover,#root .ant-menu-item-active,#root .ant-menu-item-selected .menu-link,#root .ant-menu-item:hover,#root .ant-menu-submenu-active,#root .ant-menu-submenu-selected,#root .ant-menu-submenu-title:hover,#root .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,#root .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,#root .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,#root .quant-tutorials li a:hover{color:var(--brandColor)!important}
#root .ant-menu-inline .ant-menu-item:after{left:0;width:0;border-right:none;border-left:3px solid var(--brandColor)}
.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{padding:0 16px 0 106px!important}
#root .ant-menu-submenu-arrow,#root .ant-menu-submenu-expand-icon{right:28px}
.left-menu .quant-hr{margin:16px;border-bottom:1px solid #e5e5e5}
.quant-tutorials{padding:0 24px 24px 48px}
.tutorials-title .iconfont{margin-right:4px;font-size:18px;color: var(--color-text-1);}
.tutorials-title a {color: var(--color-text-1)}
#root .tutorials-title a:hover {color: var(--color-brand-1)}
.top_tab_out{display:flex;margin-bottom:20px!important;padding:20px 24px 0 24px;background-color:#fff}
#root .top_tab_out>a{display:flex;margin-right:32px;padding-bottom:20px;color:#262626;font-weight:400;font-size:18px;font-family:PingFangSC-Regular,PingFang SC}
#root .top_tab_out>.top_active_tab{color:var(--brandColor);font-weight:500;font-size:24px;font-family:PingFangSC-Medium,PingFang SC}
#root .make-new-strategy .top_active_tab:after{margin-left:40px}
.make-new-strategy h1{margin-bottom:21px;margin-left:22px;color:#262626;font-weight:500;font-size:20px;font-family:PingFangSC-Medium,PingFang SC}
.make-new-strategy .new-strategy-content{margin-bottom:220px;padding:0 0 42px;max-width:1280px;border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.05)}
.make-new-strategy .new-strategy-content h2{color:#666;font-weight:500;font-size:14px;font-family:PingFangSC-Medium,PingFang SC}
.make-new-strategy .new-strategy-content .form-title{color:#262626;font-weight:400;font-size:14px;font-family:PingFangSC-Regular,PingFang SC}
.strategy-content-form{margin-top:26px;padding-left:100px}
.form-out-style{display:flex;margin-top:24px;align-items:center}
.form-out-style .form-title{display:inline-block;margin-right:24px;max-width:140px;min-width:140px;text-align:right}
.form-progress{width:470px}
.width-293{width:252px;border-radius:4px;opacity:1}
.width-160{width:175px;border-radius:4px;opacity:1}
.strategy-top-title{display:flex;padding:27px 24px 15px 24px;border-bottom:1px solid #f0f0f0}
#root h2{margin-bottom:0}
.common-img-style{margin-right:8px;width:16px;height:16px}
.new-strategy-content .banner{padding-top:32px}
.new-strategy-content .banner>img{float:right;width:16px;height:16px;cursor:pointer}
.new-strategy-content .banner>h2{margin-top:15px;color:#262626;text-align:center;font-weight:500;font-size:24px;font-family:PingFangSC-Medium,PingFang SC}
.banner-background{display:flex;width:120px;height:88px;border-radius:8px;background:#f0f0f0;justify-content:center;align-items:center}
.banner-background>img{width:90px;height:65px}
.banner-content{display:flex;justify-content:space-between}
.banner-common{display:flex;margin-top:30px;width:33%}
.banner-description{display:flex;margin-left:9px;flex-direction:column;justify-content:flex-start}
#root p{margin:0}
.banner-description>P{margin-bottom:8px!important;color:#262626;font-weight:500;font-size:16px;font-family:PingFangSC-Medium,PingFang SC}
.banner-description>span{display:block;max-width:195px;color:#8c8c8c;font-weight:400;font-size:12px;font-family:PingFangSC-Regular,PingFang SC}
.common-flex{display:flex;width:530px;justify-content:space-between}
.make_new_icon_style{margin:0 17px;min-width:16px}
.spot_new_icon_style{margin:0 14px}
.width-243{width:216px;border:1px solid #d7d7d7;border-radius:4px;opacity:1}
.new-CC-comon-row{position:relative;display:flex;width:100%;flex-direction:row;align-items:center}
.margin-right-16{margin-right:16px}
.condition-title{display:inline-block;margin-top:18px;margin-right:24px;max-width:100px;min-width:100px;text-align:right}
.form-condition-style{display:flex;margin-top:16px;align-items:flex-start}
.new-add-term{margin-top:8px;margin-left:120px;color:var(--brandColor);font-size:12px}
.spot-add-term{margin-top:8px;margin-left:60px;color:var(--brandColor);font-size:12px}
.bottom-tag{display:flex;margin-top:30px;margin-left:100px;padding:6px;width:fit-content;background:rgba(222,89,89,.1);color:var(--warningColor);font-weight:400;font-size:12px;font-family:PingFangSC-Regular,PingFang SC}
.bottom-tag>img{margin-top:4px;margin-right:8px;width:9px;height:9px}
.common-border-radius{border-radius:4px}
.actived{color:var(--brandColor)!important}
.bg-f5{background-color:#f5f5f5}
.new-market-list-wrapper{position:absolute;top:32px;left:0;z-index:2;width:100%;height:191px;border-radius:4px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:1}
.back-market-list-wrapper{position:absolute;top:38px;left:0;z-index:2;width:100%;height:191px;border-radius:4px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:1}
.new-market-search{margin:8px 7px;border-radius:4px;background:#f0f0f0;opacity:1}
.bg-f0{background-color:#f0f0f0}
.margin-left-10{margin-left:10px!important}
.search-font{font-size:14px}
.time-split{margin:0 16px;color:#d7d7d7}
.profit-description{margin-top:33px}
.profit-description>h2{font-size:20px}
.align-center{text-align:center}
.new-table-header{margin-bottom:15px;padding:6px 0;padding-left:14px;background:#f5f6f7}
.back-waiting-content{display:flex;justify-content:center}
.back-progress-font{color:#262626;font-weight:400;font-size:12px;line-height:25px}
.common-width-20{width:16%!important}
.bot-com-font{color:#666;font-size:20px;font-family:PingFangSC-Regular;line-height:21px}
.bot-tab-active{color:var(--brandColor);font-family:PingFangSC-Medium}
.common-progress-span{position:relative;top:-18px;color:var(--brandColor)}
.hover-red:hover{border-color:var(--brandColor)!important}
.special-mr{margin-right:-8px}
.startTime{font-size:12px!important;font-family:din!important}
.endTime{font-size:12px!important;font-family:din!important}
.ant-tabs{line-height:18px}
.loading-contain{z-index:100;min-height:350px}
#root .test-history .top_active_tab:after{margin-left:28px}
.width-100{margin:0 5px;width:100px}
.test-history{height:100%;background-color:#fff}
.history-back-table{overflow:scroll;margin:0 48px 0 24px;min-height:200px}
.operate-wrapper .popup-content{width:130px!important;text-align:center}
.over-hidden{overflow:hidden;width:90px;text-overflow:ellipsis;white-space:nowrap}
.history-back-thead{padding:7px 10px;height:30px;background:#f5f6f7;color:#666;font-size:12px;font-family:PingFangSC-Regular}
.history-back-td{padding:14px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}
.history-back-td a:hover{color:rgba(0,0,0,.85)!important}
.history-back-td .operate-wrapper>span>img{width:24px;height:24px}
.history-back-thead th{border-bottom:none}
.history-back-table tr:hover{background-color:#f5f5f5}
.history-back-icon{position:relative}
.history-back-icon i{position:absolute;left:3px;display:inline-block;width:0;height:0;border-style:solid;border-width:4px}
i.history-icon-up{top:0;border-color:transparent transparent #b0afb1 transparent}
i.history-icon-down{top:10px;border-color:#b0afb1 transparent transparent transparent}
i.history-icon-up.active{border-color:transparent transparent var(--brandColor) transparent}
i.history-icon-down.active{border-color:var(--brandColor) transparent transparent transparent}
.pd-10{padding:0 10px}
.height-40{height:40px}
.out-style{display:flex;padding:16px 24px;align-items:flex-end}
.history-back-thead th{text-align:left}
.new-height{height:135px}
.backing-table{margin:0 48px 0 24px;}
.backing-table-thead{padding:7px 10px;height:30px;background:#f5f6f7;color:#666;font-size:12px;font-family:PingFangSC-Regular}
.backing-table-tbody td{text-align:left}
.backing-table-td{padding:14px 0;border-bottom:1px solid #f0f0f0}
.backing-table-thead th{border-bottom:none;text-align:left}
.backing-table tr:hover{background-color:#f5f5f5}
.testing{height:100%;background-color:#fff}
#root .testing .top_active_tab:after{margin-left:18px}
.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{display:inline-flex;margin:0!important;padding:0 64px!important;width:100%;height:48px;font-size:16px;line-height:normal;align-items:center}
#root .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{display:inline-flex;height:48px;line-height:normal;align-items:center}
#root .ant-menu:not(.ant-menu-horizontal).ant-menu-root>li.ant-menu-item-selected{margin-top:4px!important;margin-bottom:4px!important;height:40px}
#root .ant-menu-sub.ant-menu-inline{padding:2px 0}
.ant-tabs-tab{color:#262626;font-size:18px}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--brandColor);font-size:24px}
#root #rank-container .ant-tabs-tab{display:flex;width:100%;font-weight:600;font-size:20px;justify-content:center;align-items:center}
#root #rank-container .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--brandColor);font-weight:500;font-size:20px}
.ant-tabs-ink-bar{background:var(--brandColor)}
.ant-tabs-tab:hover{color:var(--brandColor)!important}
.flex-align-center{display:flex;height:40px;align-items:center}
.quant-tutorials-list.flex-align-center{margin-bottom:3px;height:auto;min-height:40px}
.d-flex{display:flex}
.flex-1{flex:1}
.flex-item-center{display:flex;align-items:center}
.direction-column{flex-direction:column}
.main-container{width:calc(100% - 324px);min-width:956px;background-color:#f5f5f5}
.recommendation_details_area{position:absolute;top:0;bottom:70px;left:0;width:100%;cursor:pointer}
.strategy-header{padding-left:24px;height:104px;background:#055a69;color:#fff;font-size:12px}
.strategy-num{margin-bottom:8px;font-size:24px;line-height:31px}
.gate-tooltip-container{position:relative;display:inline-block;font-size:12px;cursor:pointer}
.gate-tooltip-container:hover .profile-tips-content{top:calc(100% + 10px);visibility:initial;opacity:1}
.gate-tooltip-container .profile-tips-content{position:absolute;top:calc(100% + 20px);left:50%;z-index:1400;display:block;visibility:hidden;margin:0;padding:8px 12px;width:max-content;max-width:70vw;max-width:400px;border-radius:4px;background-color:#5e6673;box-shadow:0 1px 2px rgb(20 21 26 / 4%),0 3px 6px rgb(71 77 87 / 4%),0 0 1px rgb(20 21 26 / 10%);color:#fff;text-align:left;white-space:normal;font-weight:400;font-size:12px;line-height:18px;opacity:0;transition:all .3s;transform:translateX(-50%);word-break:normal;filter:drop-shadow(0 3px 6px rgba(20, 21, 26, .08)) drop-shadow(0 7px 14px rgba(71, 77, 87, .08)) drop-shadow(0 0 1px rgba(20, 21, 26, .1))}
.gate-tooltip-container .profile-tips-content i{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%)}
.gate-tooltip-container .profile-tips-content i::after{display:block;width:0;height:0;border-color:transparent transparent transparent #5e6673;border-style:solid;border-width:10px;content:'';transform:rotate(270deg)}
.left-border{border-left:4px solid #f5f5f5}
.bot-detail-container{box-sizing:border-box;padding:16px 0;align-items:flex-start}
.bot-detai-params{overflow:auto;padding-left:16px;width:300px;height:440px;font-size:14px}
.bot-detail-data{box-sizing:border-box;padding:16px;padding-top:0;width:calc(100% - 340px);height:440px;border:1px solid #e8e8e8}
.bot-detai-params .detail-item{margin:16px 0}
.bot-detail-bottom{box-sizing:border-box;height:60px;border-top:1px solid #f7f7f7}
.bot-detail-bottom .bot-times{color:#333;font-size:14px}
.bot-detail-bottom .bot-times>span{display:inline-block;margin-right:16px}
.copy-bot-btn{padding:0 32px;height:36px;outline:0;border:none;border-radius:5px;background:var(--linearGradient1);color:#fff;font-size:14px;line-height:36px;cursor:pointer}
.copy-bot-btn.disabled{background:#999;cursor:not-allowed}
.detail-data-nav{box-sizing:border-box;height:36px;border-bottom:1px solid #e8e8e8}
.detail-data-nav li{margin-right:16px;height:36px;color:#333;font-size:12px;line-height:36px;cursor:pointer}
.detail-data-nav li.active{position:relative}
.detail-data-nav li.active::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brandColor);content:''}
#history-prifit-chart,.data-right-cont{height:400px;margin-top: 12px;}
.detail-nodata{margin:0 auto;margin-top:55px}
.charts-no-data{margin:0 auto;margin-top:20px;width:100px;text-align:center;font-size:16px;color: var(--color-text-2);}
.HodlSearchNodata{margin:50px auto 0;width:168px;height:112px;background-image:url(/images/noorder.svg);background-size:100% 100%;background-repeat:no-repeat}
.bot-detail-data .order-list-table .tr{padding:0 16px;align-items:center}
.bot-detail-data .order-list-table div:not(.tbody)>.tr{height:32px;background:#f5f6f7;color:#666;line-height:32px}
.bot-detail-data .order-list-table .th{height:32px}
.user-info-row{display:inline-flex;width:230px;flex-direction:row;align-items:center}
.ant-table-column-sorters{padding:0}
.ant-table-column-sorter-full{margin-top:-.1em}
.ant-table-thead th.ant-table-column-has-sorters:hover,.ant-table-thead th.ant-table-column-sort{background:var(--color-neutral-2)}
.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:0}
.ant-table-tbody>tr>td:first-child,.ant-table-thead>tr>th:first-child{padding-left:20px}
.ant-table-tbody>tr>td:last-child,.ant-table-thead>tr>th:last-child{padding-right:20px;text-align:right}
.ant-table-thead>tr{height:30px}
.ant-table-thead>tr>th{padding:0 10px!important;height:30px;border-bottom:none;background: var(--color-neutral-2);color: var(--color-text-1) !important;font-weight:400;font-size:12px;line-height:normal}
.even{background:unset}
.ant-table-row .operation_btn{cursor:pointer}
.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:inline-flex;width:28px;height:28px;border:none;background:0 0!important;align-items:center;justify-content:center}
.ant-pagination-disabled .ant-pagination-item-link{color:#d9d9d9}
.ant-pagination.mini .ant-pagination-item{width:28px;height:28px;line-height:26px}
.ant-pagination-item a{color:var(--color-text-3);padding: 0;}
.ant-pagination-item-container .ant-pagination-item-ellipsis {color: var(--color-text-3)!important;}
.ant-pagination-item-active{border:none;border-radius:4px;background:var(--color-neutral-3);}
.ant-pagination-item-active a{color:var(--color-text-1);}
.stragety-follow-tips-popup{width:auto}
.stragety-follow-tips-popup .header-title-tips{margin-left:8px;color:#666;font-size:12px;line-height:17px}
.stragety-follow-tips-popup .edit-tips-content{position:relative}
.stragety-follow-tips-popup .follow-tips-text{padding:20px 24px;width:600px;height:150px;border:1px solid #e8e8e8;border-radius:8px}
.stragety-follow-tips-popup .follow-tip-text-tips{position:absolute;right:24px;bottom:14px;color:#8c8c8c}
.stragety-follow-tips-popup .popup-buttons{justify-content:flex-end}
.stragety-follow-tips-popup .popup-button{cursor:pointer}
.stragety-follow-tips-popup .popup-button.btn-primary{display:inline-flex;box-sizing:border-box;margin-left:56px;height:36px;min-width:156px;border:none;border-radius:4px;background:linear-gradient(90deg,#f76a91 0,#d2501e 100%);color:#fff;text-align:center;align-items:center;justify-content:center}
.stragety-follow-tips-popup .popup-button.btn-primary:hover{background:#d2501e}
.ant-table-pagination{margin-top:1em!important}
.ant-breadcrumb a:hover{color:#d2501e}
.content-item{position:relative}
.content-item-right{padding-left:4px;flex:auto}
.content-item-icon{display:flex;margin-right:5px;width:18px;height:18px;background-color:#5d5d5d;color:#fff;justify-content:center;align-items:center}
.header-userinfo{display:flex;justify-content:space-between}
.header-userinfo .nickname{margin-right:4px;font-weight:500}
.avatar-head{width:50px;height:50px;min-width:50px;border-radius:50%;color:#fff;text-align:center;font-size:20px;line-height:50px;cursor:pointer;object-fit:cover}
.vip-icon{max-width:42px}
.publish-time{margin-top:6px;color:#999;font-size:12px}
.content-text-area{margin-top:8px;line-height:20px;word-break:break-all}
.conten-vote{margin-top:16px}
.conten-vote-item{display:flex;margin-bottom:16px;height:32px;border:solid 1px rgba(0,0,0,.15);border-radius:2px;background-color:#fff;cursor:pointer;justify-content:center;align-items:center}
.conten-vote-item-vote{position:relative;margin-bottom:16px;width:568px;height:32px;border:solid 1px rgba(0,0,0,.15);border-radius:2px;background-color:#fff;color:#999}
.conten-vote-item:hover{border-color:var(--brandColor)}
.conten-vote-title{margin-bottom:16px;font-weight:400;font-size:14px}
.conten-vote-item-animation{height:100%;border-bottom-left-radius:2px;border-top-left-radius:2px;background:rgba(0,0,0,.05);animation:mymove 2s 1}
.conten-vote-item-vote-select{border-color:var(--brandColor);color:#000}
.conten-vote-item-vote-select .conten-vote-item-animation{background-color:rgba(222,89,107,.15)}
.conten-vote-item-content-voted{position:absolute;top:8px;left:16px}
.conten-vote-item-counter-voted{position:absolute;top:8px;right:16px}
.conten-vote-bottom{display:flex;width:100%;flex-direction:row;justify-content:space-between}
.content-imgs{cursor:zoom-in}
.content-imgs .img-thumb{position:relative;display:inline-block;margin-top:6px;margin-right:6px;width:192px;height:192px}
.content-imgs.img-len-4{padding-right:50px}
.content-imgs.img-len-4 .img-thumb{width:220px;height:220px}
.content-imgs img{width:100%;height:100%;object-fit:cover}
.content-imgs.img-max-size .img-thumb{width:100%;height:auto;max-height:none}
.content-imgs.img-max-size{margin:0;padding-right:0;cursor:zoom-out}
.goto-subscribe{display:flex;margin:32px auto 26px auto;padding-top:2px;width:196px;height:36px;border:solid 1px var(--brandColor);border-radius:4px;color:var(--brandColor);text-align:center;font-size:16px;justify-content:center;align-items:center}
.content-item-only{display:flex;margin-top:13px;width:91px;height:24px;background:#f5f5f5;color:#999;justify-content:center;align-items:center}
.iconfont.iconicon-test,.iconfont.iconicon-test1{cursor:pointer}
.iconfont.iconicon-test1{color:#eaa110!important;cursor:pointer}
.ant-modal-body{padding:0!important;word-wrap:unset}
.ant-breadcrumb-separator{color:#d9d9d9}
.ant-popover-inner-content{padding:0!important}
.selector-list.show{z-index:10}
.ant-skeleton-title{width:100%!important;height:40px!important}
.customize-strategy-modal .ant-modal-header{padding:30px 24px 10px}
.customize-strategy-modal .ant-modal-title{font-size:18px}
.customize-strategy-modal .common-popup-main{padding:0 24px;width:auto}
.customize-strategy-modal .ant-modal-close-x{padding:30px 24px 10px;width:auto;height:auto;line-height:normal}
.customize-strategy-modal .detail-running-item{width:auto;text-align:left}
.ant-tooltip-inner{min-height:22px!important}
.grid-banlance-table{width:100%;min-width:600px}
.grid-banlance-table .ant-table-thead>tr>th{padding:0;height:auto;background:var(--color-bg-3)!important}
.grid-banlance-table .ant-table-container {background-color: var(--color-card-1) !important;}
.grid-banlance-table table td{height:auto;border:unset}
.tl-left{text-align:left!important}
.d-ib-mr-12{display:inline-block;margin-right:12px;width:90px;text-align:right}
.gt_tiqu{color:var(--brandColor)!important;font-size:13px;cursor:pointer}
.content-top{display:flex}
.content-top>div{width:50%}
.content-top p{margin:0}
.signal-button-group{justify-content:center}
.signal-button-group .stop-button-pri{margin-left:10px}
.top-p{margin-bottom:4px!important;color:#808b88;font-weight:400;font-size:14px;font-family:PingFangSC-Regular,PingFang SC}
.bottom-p{color:#111;font-size:14px;font-family:din}
.max-p{margin:0;margin-top:4px;margin-bottom:16px;color:#808b88;font-size:14px;font-family:din}
.content-bottom{display:flex;margin-bottom:16px;padding:8px;border-radius:2px;background:rgba(222,89,89,.1)}
.content-bottom>img{margin-top:2px;margin-right:6px;width:12px;height:12px}
.content-bottom>p{margin:0;color:var(--brandColor);font-weight:400;font-size:12px;font-family:PingFangSC-Regular,PingFang SC}
.position-change{display:flex;margin-bottom:16px;justify-content:space-between}
.position-font{color:#3a3a3a;font-weight:400;font-size:12px;font-family:PingFangSC-Regular,PingFang SC}
.detail-tab{display:flex}
.detail-tab>li{margin-right:20px;cursor:pointer}
.tab-active{border-bottom:2px solid var(--brandColor)}
.margin_left{margin-left:3px}
.no_margin{margin:0}
.special_tag_style{margin-top:16px;padding:10px;border-radius:2px;background:rgba(222,89,107,.1);color:var(--warningColor);font-size:12px;line-height:17px}
.detail-new-item{height:55px}
.th_line_height{line-height:36px}
.view-strategy-detail-able .ant-table-row{cursor:pointer}
.view-strategy-detail-able .ant-table-tbody>tr>td {background-color: var(--color-card-2) !important;}
.view-strategy-detail-able .ant-table-tbody>tr.ant-table-row:hover>td{background: var(--color-card-3) !important;}
.classic-dark .popup-arrow.protips-arrow,.classic-dark .popup-content.protips-content{background:#333!important;opacity:1}
.dark-body .popup-arrow.protips-arrow,.dark-body .popup-content.protips-content{opacity:1}
.name-tier span{overflow:hidden;max-width:120px;text-overflow:ellipsis;white-space:nowrap}
.ant-table-tbody>tr.ant-table-row{cursor:pointer}
.ant-table-tbody>tr.ant-table-row:hover>td{background:#efefef}
.dynamic-item-info{display:flex;margin-bottom:15px;align-items:center}
.dynamic-text-show{margin-left:48px;font-weight:400;font-stretch:normal;word-break:break-all}
.aside-dynamic-item{padding-top:22px;padding-bottom:25px;border-bottom:1px solid #e5e5e5}
.dynamic-item-img{display:flex;margin-left:48px;break-inside:avoid;column-count:1}
.dynamic-item-img img{width:100%}
.dynamic-img-limit{overflow:hidden;margin-right:6px;margin-bottom:6px;width:40px;max-height:80px}
.item-info-icon{display:flex;margin-right:10px;width:38px;height:38px;border-radius:50%;color:#fff;letter-spacing:0;font-size:20px;line-height:21px;align-items:center;justify-content:center}
.item-info-detailed{display:flex;flex-direction:column}
.item-info-level{display:flex;margin-bottom:8px;align-items:center}
.item-info-name{color:#262626;font-size:15px;word-break: break-all;}
.item-info-vip{display:flex;margin-left:3px;width:42px;height:17px;border-radius:10px;background-color:#faf8fa;font-size:12px;align-items:center;justify-content:center}
.item-info-vip img{width:100%}
.item-info-time{color:#a6a6a6;font-size:12px;line-height:17px}
.text-show-btn{display:none;margin-left:48px;color:var(--brandColor)}
.text-show-btn i{display:inline-block;margin-bottom:3px;width:8px;height:8px;border-top:1px solid var(--brandColor);border-left:1px solid var(--brandColor);transform:rotateZ(225deg)}
.dynamic-text-hide{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.over-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.over-ell2{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 2;}
.over-ell3{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 3;}
.over-ell4{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 4;}
.over-ell5{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 5;}
table .ant-table-cell-scrollbar{box-shadow:none}
.ant-popover-inner-content .iconfont{margin-right:5px}
.avatar-head-tag{position:absolute;right:0;bottom:0;width:35%;height:35%}
.avatar-head{display:flex;padding-top:1px;width:32px;height:32px;min-width:32px;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;object-fit:cover;align-items:center;justify-content:center}
.name-tier{display:flex;justify-content:center;align-items:center}
.name-tier span{margin-inline-start:8px}
.card-name .name-tier span{margin-left:0}
.name-tier .vip-icon{height:16px}
.selector .selector-list li{height:auto!important;min-height:16px!important}
.width-full{box-sizing:border-box;width:100%!important}
.common-width-33{width:33.33%!important}
.transparent-bg{background:0 0!important}
.include-tier-name{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}
.include-tier-name .vip-icon{width:16px}
.grid-order-table.position-logs-table .tbody{max-height:310px!important}
#root dl,#root ol,#root ul.ant-skeleton-paragraph{margin-bottom:-10px}
.strategy_recommend.float-card-content .ant-skeleton-paragraph li{margin-top:16px;margin-left:-50px;width:calc(100% + 50px)!important}
.strategy_recommend.float-card-content .ant-skeleton-paragraph li:nth-child(3){height:54px}
.strategy_recommend.float-card-content .ant-skeleton-paragraph li:nth-child(4){height:24px}
.cn-body .bot-detai-params .detail-item .light-font{width:35%}
.common-width-18{display:inline-block;width:calc(100% - 18px)}
.triangle-topright{position:absolute;top:0;right:0;width:35px;height:25px;border-radius:4px;background:linear-gradient(to top right,#f0f0f0 0,#f0f0f0 48%,#00b389 50%,#009cab 100%)}
.triangle-font{position:relative;top:-2px;left:6px;display:inline-block;width:100%;color:#fff;font-size:10px;-webkit-transform:scale(.6);word-break:break-all}
.maker-top-btn{display:flex;margin:21px 0 0 24px;flex-direction:row}
.system-strategy{padding:6px 18px;height:32px;border-radius:4px;background:linear-gradient(270deg,#00b389 0,#009cab 100%);color:#fff;font-weight:400;font-size:14px}
.self-strategy{position:relative;margin-left:32px!important;padding:6px 38px 6px 16px;height:32px;border:none;border-radius:4px;background-color:#f0f0f0;color:#333;font-weight:400;font-size:14px;cursor:pointer}
.fs-12{font-size:12px}
.width-210{width:210px}
.width-230{width:230px}
.w100{width:100%}
.menu-img{position:relative;top:-2px;left:4px;width:40px}
html[lang='ar'] .menu-img {right: 4px; left: unset;}
.strategybot-subMenu .second-menu-title{display:inline-flex;align-items:center}
.strategybot-subMenu .title-text{overflow:hidden;max-width:230px;text-overflow:ellipsis;white-space:pre}
.strategybot-subMenu .title-text.title-text-hasNewImg{max-width:150px}
.modal-common-height{overflow-y:scroll;max-height:660px}
.join-community{text-align:center}
.join-community a{display:inline-flex;box-sizing:border-box;padding:0 10px;height:40px;min-width:166px;border:1px solid #d7d7d7;border-radius:3px;opacity:1;align-items:center;justify-content:center}
.join-community a svg{margin-right:12px;width:24px;height:24px}
.strategy-about-news{position:relative;display:flex;padding:20px 0 10px 0;align-items:flex-end}
.strategy-news-carousel{display:flex;min-width:300px;align-items:center}
.strategy-news-carousel svg{margin-right:3px;padding-top:3px;width:16px;height:18px}
.strategy-news-view{position:relative;overflow:hidden;width:350px;height:18px}
.strategy-news-list{position:absolute;display:inline-block;margin:0!important;padding:2px 0;transition:all .5s ease 0s}
.strategy-news-list a{display:block;overflow:hidden;width:350px;height:20px;text-overflow:ellipsis;white-space:nowrap;line-height:18px}
.choose-coin{color:var(--brandColor);cursor:pointer}
.choose-coin img{position:relative;top:-1px}
.add-coin{display:flex;height:36px;border:1px solid var(--color-divider-2);border-radius:2px;background:transparent;color:var(--color-brand-1);cursor:pointer;justify-content:center;align-items:center}
.add-coin>img{margin-right:4px}
.coin-list{overflow-y:scroll;margin-top:4px;height:280px;border-radius:2px;background:transparent;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12)}
.coin-search{display:flex;padding-left:18px;height:40px;border-bottom:1px solid rgba(0,0,0,.06);align-items:center}
.coin-search input{margin-left:3px;border:none;color:var(--color-text-1);font-weight:400;font-size:14px;background:transparent;}
.coin-search input::placeholder{color:var(--color-text-3)}
.coin-input{width:160px;height:30px;border:1px solid var(--color-divider-2);border-radius:2px;background:transparent;padding-left:40px;}
.right-input{position:relative;display:flex;width:140px;height:30px;border:1px solid var(--color-divider-2);border-radius:2px;background:transparent;justify-content:center;align-items:center}
.coin-list-li{padding-left:16px;height:32px;align-items:center}
.coin-img{position:relative;top:2px;margin-right:10px}
.coin-checkbox{top:2px!important}
.input-icon{position:relative;top:23px;left:20px}
.w-40{display:flex;width:34px;height:30px;border:1px solid var(--color-divider-2);border-radius:2px 1px 1px 2px;background:transparent;color:var(--color-text-1);font-size:18px;justify-content:center;align-items:center}
.coin-delete{margin-left:16px;width:16px;color:#000}
i.del-props-icon{position:relative;top:2px;display:inline-block;margin-left:10px;width:24px;height:24px;background:url(/images/del-props.png) no-repeat;background-size:100%;cursor:pointer}
.number-input{width:140px;border:none;background-color:transparent;text-align:center}
.copy-coin-input{padding-left:45px;width:90%;height:32px;border:1px solid var(--color-divider-2);border-radius:2px;background:transparent;}
.w-80{width:80%}
.noty-font{margin-top:8px;color:var(--brandColor);font-weight:400}
.open-top{top:-164px}
.cta-tab{display:flex;margin-top:25px!important;margin-bottom:0!important;padding-left:32px;height:57px;border-bottom:1px solid #f0f0f0;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#fff;box-shadow:0 0 20px 0 rgb(0 55 65 / 5%);color:#999;font-weight:500;font-size:18px;cursor:pointer;align-items:center}
.customize-com-font{color:#999;font-weight:400;font-size:18px}
.cta-tab-active{color:#333}
.cta-tab-line{margin:0 10px;width:1px;height:18px;color:#999}
.coin-list-li:hover{background-color:var(--color-card-1);pointer:cursor;}
.coin-list-li:active{background-color:var(--color-card-1);pointer:cursor;}
.red-color{color:var(--brandColor)}
.pr-10{padding-right:10px}
.margin-3{display:inline-flex;margin-left:4px;margin-left:4px;width:19px;height:14px;border:1px solid var(--brandColor);border-radius:2px;color:var(--brandColor);font-size:12px;align-items:center;justify-content:center}
.margin-info{margin-top:8px;padding:8px 10px;border-radius:2px;background:#fafafa;font-size:12px}
.margin-info>div{display:flex;justify-content:space-between}
.margin_money{width:70%}
.margin_money li{padding:0 10px;width:25%;color:#666;font-size:12px}
.margin-input-wrapper{box-sizing:border-box;margin-top:8px;padding:0 8px;width:100%;height:34px;border:1px solid #ccc;border-radius:2px;color:#3a3a3a;font-size:12px}
.margin-input-wrapper input{width:100%;height:100%;border:none;text-transform:capitalize}
.margin-input-wrapper input::placeholder{color:#888}
.margin-wrapper{top:36px;width:100%}
.add-money{box-sizing:border-box;padding-right:10px;width:25%;height:34px;border-radius:2px;color:#3a3a3a;font-size:12px}
.margin-table{width:100%}
.disabled,.disabled:hover{cursor: not-allowed;background: var(--color-card-1);color: var(--color-text-4);}
.margin-leverage{height:150px}
.pr-10{padding-right:10px}
.ai-fs{align-items:flex-start}
.right-coin{display:inline-block;width:65%;text-align:right;word-wrap:break-word}
.absolute-profit>div{width:50%}
.absolute-profit-left{height:36px;background:#fafafa;line-height:36px}
.spot-absolute-profit-left{height:36px;line-height:36px}
.width-over{display:block;overflow:hidden;height:40px;max-width:210px;text-overflow:ellipsis;white-space:nowrap}
.trans-over{display:block;overflow:hidden;width:80px;text-overflow:ellipsis;white-space:nowrap}
.noorder{margin:0 auto;margin-top:10px;width:120px;height:120px;background:url(/images/noorder.svg) center center no-repeat;background-size:cover}
.strategy-type{margin:8px 0 24px;font-size:16px}
.strategy-type-input{margin-left:5px;width:160px;height:38px;border-radius:4px}
.more-select{height:32px;min-width:117px;border-radius:4px;background:var(--color-card-6);color:#262626;font-size:14px;line-height:32px;cursor:pointer}
.more-select-width{padding:0 12px}
.more-select.active{background:var(--linearGradient1);color:#fff}
.more-select .periods-wrapper{position:relative;top:7px;min-width:117px;border:none;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}
.money-fee{height:36px;border-radius:2px;background:#fafafa}
.height-36{height:36px}
.height-34{height:34px!important}
.mt-0{margin-top:0}
.mt-12{margin-top:12rem}
.mt-40{margin-top: 40rem;}
.special-ul{top:-120px;height:110px}
.over-width{overflow:hidden;width:126px;text-overflow:ellipsis;white-space:nowrap}
.create-button{display:flex;padding:0 16px;width:fit-content;height:38px;border:1px solid var(--brandColor);border-radius:2px;color:var(--brandColor);font-weight:400;font-size:16px;cursor:pointer;align-items:center;justify-content:center}
.new-custom{background:#f8f8f8}
.custom-strategy{margin:0 24px;padding:32px 24px;background:#fff}
.new-custom-background{padding-right:25px;background-color:#f8f8f8; height: 76px;}
.no-margin>.ant-tabs-nav{margin:0}
.rule-line{margin-bottom:16px;padding:0 0 16px;border-bottom:1px solid #f0f0f0}
.rule-font{color:#666;font-weight:500;font-size:14px}
.rule-second-line{margin-top:35px}
.padding-bottom0{padding-bottom:0}
.menu-center{margin:0 5px}
.transaction-rule{margin:24px 0!important;padding-bottom:16px;border-bottom:1px solid #f0f0f0;color:#666;font-size:14px}
.rules-select{position:relative;display:flex;padding:8px 16px;width:fit-content;height:38px;border:1px solid var(--brandColor);border-radius:2px;color:var(--brandColor);justify-content:space-between;align-items:center}
.rules-wrapper{position:absolute;display:inline-block;overflow-y:scroll;margin-top:8px!important;padding:15px 0;padding-left:5px;width:180px;height:300px;min-width:110px;border-radius:2px;background:#fff;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);cursor:pointer}
.rules-wrapper-li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rules-wrapper .com-font{color:#333;font-weight:400;font-size:14px;line-height:34px}
.com-font-span{max-width:170px}
.create-new-rule{color:var(--brandColor);font-weight:400;font-size:16px;line-height:34px}
.rules-wrapper li{padding:0 15px}
.rules-wrapper li:hover{background-color:#eee}
.rule-active{background-color:#eee}
.ant-table-sticky-scroll,.custom-strategy .ant-table-sticky-header{position:inherit}
.mr-16{margin-right:16px}
.ml-16{margin-left:16px}
.ml-38{margin-left:30px}
.mr-80{margin-right:30px}
.rule-buttons{display:flex;margin-top:40px;justify-content:flex-end}
.rule-buttons-common{padding:10px 60px;width:fit-content;height:42px;border-radius:4px;background-color:var(--branColorOpacityDark);color:var(--brandColor);font-weight:400;font-size:16px}
.rule-buttons-thd{padding:10px 60px;width:fit-content;height:42px;border-radius:4px;background:var(--brandColor);color:#fff;font-weight:400;font-size:16px}
.rule-buttons-thd:hover{background:var(--linearGradient1)}
.create-execution{padding:8px 16px;width:fit-content;height:38px;border:1px solid var(--brandColor);border-radius:2px;color:var(--brandColor);font-weight:400;font-size:16px}
.execution-logic{margin-bottom:24px;padding-bottom:24px;border:1px solid #f0f0f0}
.execution-logic-top{display:flex;padding:0 24px;height:42px;background:#f5f6f7;justify-content:space-between;align-items:center}
.execution-logic-content{display:flex;padding:0 10px;flex-direction:column}
.type-wrapper{overflow-y:auto;height:75px}
.name-over{display:inline-block;overflow:hidden;width:90px;text-overflow:ellipsis;white-space:nowrap}
.rule-form-title{display:inline-block;margin-right:15px;max-width:75px;min-width:75px;color:#262626;text-align:right;font-weight:400;font-size:14px}
.auto-max-width{max-width:fit-content}
.width-180{width:180px}
.mr-20{margin-right:20px}
.rule-out-style{display:flex;margin-top:24px}
.rule-out-style .progress-inside{background:var(--brandColor)}
.rule-out-style .progress-point{border-color:var(--brandColor)}
.rule-out-style .dot-item{background:var(--brandColor)}
.rule-out-style .common-progress-span{color:var(--brandColor)}
.height-45{height:45px}
.new-custom-container{width:100%!important}
.rule-periods-wrapper{position:absolute;top:40px;left:90px;z-index:10;overflow-y:scroll;width:590px;height:300px;border:1px solid #ccc;background:#fff}
.rule-periods-wrapper li{padding:0 10px;height:36px;color:#000;line-height:36px}
.rule-periods-wrapper li.active{background:#f7f7f7;color:var(--brandColor)}
.rule-periods-wrapper li:hover{background:#f7f7f7}
.width-590{width:590px}
.rule-over-width{overflow:hidden;width:400px;text-overflow:ellipsis;white-space:nowrap}
.over-func{overflow:hidden;width:365px;text-overflow:ellipsis;white-space:nowrap}
.strategy-header-title{margin-right:222px;text-decoration:initial}
.rule-common-input-wrapper{overflow-y:scroll;box-sizing:border-box;min-height:36px;outline:0;border:1px solid #ccc;border-radius:2px;color:#3a3a3a;font-size:14px}
.fit-width{width:fit-content}
.link{color:var(--brandColor);cursor:pointer}
.border-radius5{border-radius:5px}
.rule-radio{margin-top:19px;margin-left:74px}
.rule-radio-name{color:#333;vertical-align:middle;font-weight:400;font-size:13px}
.none{display:none}
.order-wrapper{height:110px}
.custom_icon{width:24px;height:25px}
.rule-icon{width:24px;height:24px;cursor:pointer}
.rule-delete{width:16px;height:16px;cursor:pointer}
.more-btn{position:absolute;top:51px;z-index:1;width:117px;height:88px;border-radius:4px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);color:#333;font-weight:400;font-size:14px}
.more-btn>p{padding-left:16px;height:44px;text-align:left;line-height:40px}
.more-btn>p:hover{background:#f7f7f7}
.over-scroll{overflow-y:scroll;max-height:90px}
.condition-type{padding:10px 10px 5px}
.condition-help{padding:14px 24px}
.condition-help>p{padding:14px 0;color:#333;font-weight:400;font-size:18px}
.tr-low{text-transform:lowercase}
.tr-i{text-transform:initial!important}
.help-span{color:#999;font-weight:400;font-size:14px}
.cursor{cursor:pointer}
.tooltip-table{display:block;padding:15px;border:none}
.tooltip-table th{border:none}
.tooltip-table tr{display:flex;margin-right:20px;justify-content:space-between;align-items:center}
.only-future{right:10px}
.mr-24{margin-right:24px}
.open-position{margin:24px 100px}
.spot-custom-title{display:inline-block;margin-right:10px;max-width:50px;min-width:50px;text-align:right}
.exhibition-content{margin-right:24px;width:74%}
.direction-ltr{direction:ltr}
.strategy-header-title{margin-right:222px}
.spot-custom-font{margin-bottom:20px;color:rgba(0,0,0,.85);font-weight:500;font-size:14px}
.fw-400{font-weight:400}
.test-history-select{display:block;overflow:hidden;width:147px;height:36px;text-overflow:ellipsis;white-space:nowrap;line-height:36px}
.order-over-width{display:block;overflow:hidden;width:100px;text-overflow:ellipsis;white-space:nowrap}
.trans-over-width{overflow:hidden;width:150px;text-overflow:ellipsis;white-space:nowrap}
.profit-tips-box{padding:8px 0}
.profit-tips-box .d-flex{display:flex}
.profit-tips-box .flex-1{padding:2px 4px;width:100%;min-width:100px;flex:1}
.profit-tips-box .flex-1:first-child{min-width:160px}
.charts-legend .legend-row-item{margin:0 12px 0 4px}
.ml-40{margin-left:40px}
.scroll-y{overflow-y:scroll;max-height:430px}
.scroll-y::-webkit-scrollbar{width:0!important}
.border-bottom{border-bottom:1px dashed}
.amount-experience-tooltip-content{position:relative;font-size:12px}
.amount-experience-tooltip-close{position:absolute;right:0;bottom:0;cursor:pointer}
.strategy-share-modal{color:var(--color-text-1);border-radius: 16px;overflow: hidden;}
.strategy-share-modal .ant-modal-content{background-color: var(--color-card-4)!important; }
.strategy-share-modal .ant-modal-header {padding-top:32px;}
.strategy-share-modal .ant-modal-title {font-size:24px;margin-left:16px;font-weight: 600;}
.strategy-share-modal .share-main{width: 335px;height:447px;box-sizing: border-box;padding: 27px 16px 0;position: relative; background-color: rgb(242, 243, 243);border-radius: 12px; overflow: hidden;clip-path: inset(0px round 12px);mask-image: radial-gradient(circle, white 100%, transparent 100%); color: var(--color-text-1);}
.strategy-share-modal .share-main::before {content: '';position: absolute;top:0; left: 0; width: 100%;height: 100%; background-image: url('https://gavatar.gateimg.com/marketing_manager/2025-06-26/20250626-39987709-86ee-43b3-aaad-39df76dd946b.webp'); background-size: 100% 100%; background-repeat: no-repeat; z-index: 0;}
html[lang='ar'] .strategy-share-modal .share-main::before { background-image: url('https://gavatar.gateimg.com/marketing_manager/2025-06-26/20250626-198ab0b3-ab36-4dc6-a4a8-8be8664db35b.webp');}
.strategy-share-modal .share-main .share-main-wrapper {position: relative; z-index: 1;}
.strategy-share-modal .share-main .share-main-wrapper .icon-a-v31-16px-line-jifen::before {font-size: 12px;}
.strategy-share-modal .share-main .share-main-title {font-size:24px; margin-top:32px;margin-bottom:6px;word-break: break-word;line-height: 28px;}
.strategy-share-modal .share-main .share-main-avatar {width: 16px;height: 16px;border-radius: 50%;overflow: hidden;}
.strategy-share-modal .share-main .share-main-avatar>img{vertical-align: baseline;}
.strategy-share-modal .share-main .share-main-nickname {font-size: 12px; color: var(--color-text-1);}
.strategy-share-modal .share-main .share-main-time {font-size: 12px; color: var(--color-text-3);}
.strategy-share-modal .share-main .share-main-union-logo {width: 86px; height: 30px;}
.strategy-share-modal .share-main .column-1{height: 18px;line-height: 18px;font-size: 12px;color: var(--color-text-3);}
.strategy-share-modal .share-main .column-1.value{color:var(--color-text-1);font-size: 12px; font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.strategy-share-modal .share-main .profit-title{font-size: 12px;line-height: 18px; color: var(--color-text-3);margin-top: 12px;}
.strategy-share-modal .share-main .profit-value{height: 36px;line-height: 36px;font-size: 24px;font-weight: 600;}
.strategy-share-modal .share-main .share-dsc-wrapper{background-color: #f2f2f2;position: absolute;bottom: 0;left:0;right:0}
.strategy-share-modal .share-main .share-dsc{line-height: 21px;color: #000;font-size: 14px;font-weight: 600;}
.strategy-share-modal .share-main .share-dsc-reward{line-height: 18px;color: var(--color-text-3);font-size: 12px;font-weight: 600;}
.strategy-share-modal .share-main .share-dsc-reward span{color: #3377FF;}
.strategy-share-modal .share-main .qr-code {width: 46px;height: 46px;background-color: #fff;padding: 2px;}
.strategy-share-modal .share-main .qr-code canvas {width: 46px;height: 46px;}
.strategy-share-modal .share-right-content {width: 360px; color: var(--color-text-1);font-size: 14px;line-height: 21px;}
.strategy-share-modal .share-right-content .referral-code {font-weight: 500;border: 1px solid var(--color-divider-5); border-radius: 6px;box-sizing: border-box;}
.strategy-share-modal .share-right-content .referral-text-wrapper {flex: 1;}
.strategy-share-modal .share-right-content .referral-text {background-color: var(--color-card-4);color: var(--color-text-1);font-family: 'Gate_Sans',Arial,sans-serif; font-weight: 500;border: 1px solid var(--color-divider-5); border-radius: 8px;height: 129px; padding: 12px;box-sizing: border-box;resize: none;}
.strategy-share-modal .share-right-content .referral-text:focus {border-color: var(--color-text-5);outline: none;}
.strategy-share-modal .share-right-content .icon-a-v31-20px-line-fuzhi::before {font-size: 20px;}
.strategy-share-modal .share-btn-list {column-gap: 11.25px;row-gap: 16px;}
.strategy-share-modal .share-btn-list .share-item {width: 63px; display: flex;flex-direction: column;align-items: center; gap: 8px;}
.strategy-share-modal .share-btn-list .share-btn-list-text{text-align:center;font-size: 12px; line-height: 18px;color: var(--color-text-2);}
.strategy-share-modal .share-btn-list .col-share-icon{width: 32px;height: 32px;border-radius:50%;box-sizing: border-box; display: flex;align-items: center;justify-content: center;cursor:pointer;}
.backtesting-form-title{display:inline-block;margin-bottom:8px}
.ant-col{box-sizing:border-box}
.ant-form-item{margin:0}
.ant-form-item-label{margin-top:2px!important;margin-bottom:2px!important;padding:0!important}
.ant-form-item-label>label{color:#3a3a3a!important;font-size:12px!important}
.ant-input-number:hover{border-color:#d9d9d9}
.ant-input-number-focused,.ant-input-number:focus{border-color:#d9d9d9;box-shadow:none}
.ant-input-number-input{box-sizing:border-box}
.ant-input-number-handler-wrap{display:none}
.investment-date-input .ant-input-number-handler-wrap{display:block}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon{color:var(--warningColor)}
.ant-form-item-has-error .ant-input-number,.ant-form-item-has-error .ant-picker{color:var(--warningColor)}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon{color:#0ccc92}
.ant-form-item-explain.ant-form-item-explain-error{color:var(--warningColor)}
.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{color:var(--warningColor)}
.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active svg{fill:var(--brandColor)}
.classic-dark .divided-into-number{color:#262626}
.sticky{position:sticky;right:0}
.overflow-text-with-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:pre}
.w-81{width:81%}
.max-w-26-percent{max-width:26%}
.max-w-42-percent{max-width:42%}
.max-w-50-percent{max-width:50%}
.max-w-65-percent{max-width:65%}
.max-w-100-percent{max-width:100%}
.leverage-disabled{pointer-events:none}
.common-modal .ant-modal-header{display:flex;padding:32px 40px 16px;border-bottom:none;border-radius:16px 16px 0 0;color:var(--color-text-1);font-weight:500;font-style:normal;font-size:24px;line-height:150%;align-items:center}
.common-modal .ant-modal-title{color:var(--color-text-1);font-weight:600;font-size:24px}
.common-modal .ant-modal-close-x{width:60px;height:68px;line-height:68px}
.common-modal .ant-modal-content{border-radius:16px}
.tip-modal .ant-modal-header{padding:24px 40px 16px}
.tip-modal .ant-modal-body{padding:0 40px 16px!important}
.tip-modal-content{color:var(--color-text-3)!important}
.modal-normal-button{width:49%;height:40px;border:2px solid #7796f0;border-radius:8px;background:0 0;color:var(--color-brand-1);text-align:center;font-weight:600;font-size:16px;line-height:40px}
.normal-button-sure{border:none;background:var(--color-brand-1);color:#fff}
.common-modal .footer-button{display:flex;padding:24px 0;justify-content:space-between}
.common-modal .ant-modal-footer{margin:0 40px;padding:0;border:none}
.common-modal .ant-checkbox-group{display:flex;margin-top:24px;flex-direction:column}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner,.common-modal .ant-checkbox-input:focus+.ant-checkbox-inner{border:1px solid #2354e6}
.common-modal .ant-checkbox-checked:after{border:none}
.common-modal .ant-checkbox-checked .ant-checkbox-inner{border:1px solid #2354e6;border-radius:2px;background:#2354e6}
.param-setting{padding-bottom:1px}
.param-setting .ant-checkbox+span{color:#8d93a6}
.param-setting .checkbox-all span{padding-right:0}
.neutral{color: var(--color-brand-1) !important;}
.ant-slider .ant-slider-track,
.ant-slider .ant-slider-track:hover {background-color: var(--color-brand-1) !important;}
.ant-slider .ant-slider-handle,
.ant-slider .ant-slider-dot-active,
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {border-color: var(--color-brand-1);}
.ant-slider .ant-slider-handle{margin-top: -5px;width: 12px;height: 12px;border: 1px solid var(--color-brand-1);}
.ant-slider-dot{background-color: var(--color-neutral-2);top: -5px;width: 10px;height: 10px;border: 2px solid #fff;}
.ant-slider .ant-slider-mark-text {height: 12px;padding-top: 8px;font-style: normal;font-weight: 500;font-size: 12px;line-height: 12px;color: #8d93a6;}
.ant-slider .ant-slider-mark span:nth-last-child(1){transform: translateX(-75%) !important;}
.ant-slider-dot, .ant-slider-dot:first-child, .ant-slider-dot:last-child{margin-left: -7px;}
.transfer-common-title{font-size: 12px;line-height: 12px;color:var(--color-text-2)}
.transfer-common-amount{font-size: 12px;line-height: 12px;color:var(--color-text-1)}
.ant-slider .ant-slider-rail{background-color: var(--color-neutral-2);}
.mantine-Modal-inner::-webkit-scrollbar-thumb {border:none !important;width: 5px !important;}
.grid-less-168-content {padding: 0 40px 24px 40px;}
.grid-less-168-content .desc {color: var(--color-text-2);font-feature-settings: 'clig' off, 'liga' off;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;margin-bottom: 16px;}
.grid-less-168-content .chart-con {border-radius: 8px;width: 420px;height: 192px;flex-shrink: 0;background: url('/images/pro_trade/stopGridModal/chart_bg.svg') center center no-repeat;background-color: var(--color-bg-1);position: relative;}
.grid-less-168-content .chart-con .pannel-point-con {position: absolute;left: 0;right: 0;top: 0;}
.grid-less-168-content .chart-con .pannel-point-con .point {border-radius: 4px;background: var(--color-funct-2);color: #fff;font-feature-settings: 'clig' off, 'liga' off;font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;padding: 4px 8px;}
.grid-less-168-content .chart-con .pannel-point-con .point1 {position: absolute;top: 96px;left: 22px;transform: translateX(50%);}
.grid-less-168-content .chart-con .pannel-point-con .point2 {position: absolute;top: 22px;right: 76px;transform: translateX(50%);}
.grid-less-168-content .chart-con .x-line-con {position: absolute;left: 0;right: 0;bottom: 0;}
.grid-less-168-content .chart-con .x-line-con .point {color: var(--color-funct-2);font-feature-settings: 'clig' off, 'liga' off;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;position: absolute;bottom: 12px;}
.grid-less-168-content .chart-con .x-line-con .point1 {color: var(--color-text-3);left: 16px;}
.grid-less-168-content .chart-con .x-line-con .point2 {left: 92px;}
.grid-less-168-content .chart-con .x-line-con .point3 {left: 320px;}
.grid-less-168-content .tips-con {margin-top: 16px;margin-right: 8px;display: flex;padding: 12px;align-items: flex-start;gap: 8px;border-radius: 8px;background: var(--color-cmpt-3);}
.grid-less-168-content .tips-con .icon-value {width: 16px;height: 16px;}
.grid-less-168-content .tips-con .text-value {flex: 1;color: var(--color-text-3);font-feature-settings: 'clig' off, 'liga' off;font-family: Gate Product Sans;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;}
.grid-less-168-content .button-wrap {margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.grid-less-168-content .button-wrap .default-btn {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: 600;font-size: 16px;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;}
.grid-less-168-content .button-wrap .terminate-btn {width: 126px;color: var(--color-text-1);background-color: var(--color-neutral-2);}
.grid-less-168-content .button-wrap .continue-btn {width: 278px;color: #FFF;/* color: var(--color-text-1); */background-color: var(--color-brand-1);}
.classic-dark .grid-less-168-content {padding: 24px 40px;}
.classic-dark .grid-less-168-content .chart-con {background: url('/images/pro_trade/stopGridModal/chart_bg_dark.svg') center center no-repeat;background-color: var(--color-bg-1);}


/* pk bot css start */
.flex1 { flex: 1; }
.overview-charts {width: 100%;height: 220px;margin-top: 24px;display: block;box-sizing: border-box;background-color: var(--color-card-6);border-radius: 4px;display: flex;flex-direction: column;justify-content: space-between;padding: 16px;}
.overview-charts-title {display: flex;justify-content: flex-start;font-size: 14px;color: var(--color-text-3);margin-bottom: 8px;gap: 8px;align-items: center;}
.overview-charts-title p:last-child {font-size: 20px;font-weight: 600;line-height: 1.2;}
#overview-charts-view {width: 100%;flex: 1;height: 148px;}
.ai-content .overview-charts {height: 261px !important;}
.ai-content .overview-infos li {margin-bottom: 0;}
.ai-content .overview-charts #overview-charts-view {height: 192px;}
.ai-start {
    align-items: flex-start;
}

.compare-modal-container {
    padding-top: 32px;
}
.vs-header {
    position: relative;
    margin-bottom: 24px;
}
.vs-header-left, .vs-header-right {
    text-align: center;
    color: var(--color-text-6);
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
}
.vs-header-left {
    border-radius: 2px 0px 0px 2px;
    background: var(--color-brand-1);
}
.vs-header-right {
    border-radius: 0px 2px 2px 0px;
    background: var(--color-funct-3);
}
.vs-header-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.dark-text-item {
    font-size: 14px;
    color: var(--color-text-1);
    font-weight: 500;
}
.dark-text-item-name {
    font-size: 14px;
    color: var(--color-text-5);
    font-weight: 500;
    cursor: pointer;
    max-width: 50%;
}
.vs-content {
    align-items: flex-start;
}
.vs-content-left, .vs-content-right {
    display: flex;
    width: 359px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    box-sizing: border-box;
}

.vs-content-left {
    border-radius: 2px;
    background: var(--color-cmpt-15);
    margin-right: 20px;
}

.vs-content-right {
    border-radius: 2px;
    background: var(--color-cmpt-14);
    margin-left: 20px;
}

.vs-item {
    width: 100%;
    font-size: 14px;
    line-height: 19px;
}
.vs-item .title {
    color: var(--color-text-3);
}
.vs-item .value {
    color: var(--color-text-1);
    font-weight: 500;
}

.overview-charts {
    margin-top: 0px !important;
}

.overview-charts-title {
    margin-bottom: 0 !important;
}

#overview-charts-view {
    width: 100%;
    flex: 1;
    height: 148px;
    text-align: center;
    margin-top: 16px;
    /* line-height: 148px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#overview-charts-view .nodata {
    width: 100%;
    height: 148px;
    text-align: center;
    line-height: 148px;
}

.pk-grid-content-left {
    width: 100%;
    justify-content: space-between;
}

.vs-item-title {
    flex: 1;
    padding-right: 8px;
    overflow: hidden;
    /* text-overflow: ellipsis;
    white-space: nowrap; */
}

.ai-start {
    align-items: flex-start;
}

.trade-popup-content .dark-text-item-name {
    color: var(--color-card-2) !important;
    word-break: break-all;
}

.quant-stop-modal .mantine-Modal-header .mantine-Modal-close {
    position: relative;
}
/* pk bot css end */
.dashed-tip{border-bottom:1px dashed var(--color-text-3);cursor:help}

/* 价格区间、加仓功能、提取利润 strat */
.margin-input-title {font-size: 14px;color: var(--color-text-1);margin-bottom: 8px;}
.margin-input-view {height: 48px;display: flex;align-items: center;justify-content: space-between;padding-right: 16px;border: 1px solid var(--color-divider-2);border-radius: 4px;color: var(--color-text-1);font-size: 14px;margin-bottom: 10px;}
.margin-input-view input {width: 75%;height: 100%;border: none;color: var(--color-text-1);}
.margin-input-view input:focus,
.margin-input-view input:hover:not(:disabled){border: none;}
.margin-input-view:hover {border: 1px solid var(--color-brand-1);}
.margin-input-view.error {border-color: var(--color-funct-3);}
.margin-input-error {margin-top: 8px;font-size: 12px;color: var(--color-funct-3);}
.margin-input-li {display: flex;justify-content: space-between;font-size: 14px;margin-top: 12px;color: var(--color-text-1);line-height: 17px;gap:4px;}
.margin-input-li span:first-child {flex-shrink: 0;}
.margin-modal-button {display: flex;padding: 24px 0 16px;}
.margin-modal-button button {flex: 1;height: 40px;line-height: 40px;border-radius: 4px;background: var(--color-brand-1);border-radius: 4px;text-align: center;font-size: 16px;font-weight: 600;color: #fff;border: none;cursor: pointer;}
.margin-modal-button button:first-child {background: var(--color-neutral-3);color: var(--color-text-1);margin-right: 16px;}
.margin-modal-line {width: 100%;background-color: var(--color-divider-2);margin: 20px 0;}
.margin-modal-button button:disabled {background-color: #ccc;}
.margin-alert {position: relative;overflow: hidden;border: 1px solid transparent;color: rgb(35, 84, 230);min-height: 40px;box-sizing: border-box;display: flex;-webkit-box-align: center;align-items: center;border-radius: 4px;background-color: var(--color-cmpt-3);width: 100%;padding: 8px 12px;margin: 16px 0px;font-size: 12px;line-height: 1.5;color: var(--color-text-1);}
.margin-alert-icon {width: min-content;height: 18px;margin-right: 8px;color: var(--color-other-2);}
.tooltip-dashed {border-bottom: 1px dashed var(--color-divider-2);cursor: help;}
.transfer_noty_title {justify-content: space-between;}
.flex-row-reverse{flex-flow: row-reverse;}
.fixed-btn {position: fixed;bottom: 0;left: 40px;right: 40px;background-color: #fff;}
.classic-dark .fixed-btn {background-color: rgb(27, 29, 34);}
.withdraw-title {font-size: 12px;color: var(--color-text-7);text-align: center;}
.withdraw-amount {font-size: 16px;color: var(--color-text-1);margin-top: 8px;font-weight: 600;display: flex;align-items: flex-end;justify-content: center;}
.withdraw-amount span {font-size: 32px;margin-right: 4px;line-height: 32px;text-align: center;}
.withdraw-est {font-size: 12px;color: var(--color-text-4);margin: 6px 0 24px;text-align: center;}
.withdraw-item {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;font-size: 14px;color: var(--color-text-1);font-weight: 500;}
.withdraw-item span:first-child {font-weight: 400;color: var(--color-text-3);}
.withdraw-alert {background-color: var(--color-cmpt-7);}
.margin-alert-icon {color: var(--color-brand-1);}
.margin-alert-icon path {fill: var(--color-brand-1);}
.margin-input-group {margin-top: 14px;}
.margin-input-group .group-body {display: inline-flex;align-items: center;width: 100%;}
.margin-input-group .divider-line {color: var(--color-text-3);margin: 0 8px;font-weight: 500;}
.margin-input-group .margin-input-view {margin-bottom: 0;flex: 1;}
.margin-tags-group {display: inline-flex;align-items: center;height: 24px;}
.margin-tags-group .title {font-size: 16px;margin-right: 8px;font-weight: 600;}
.margin-tags-group .tag {height: 18px;line-height: 18px;padding: 0 4px;margin-right: 4px;border-radius: 2px;background-color: var(--color-cmpt-6);color: var(--color-text-2);}
/* 价格区间、加仓功能、提取利润 end */
/*SLTP Modal start*/
.strategy-sltp-modal .sltp-form-item{
    margin-bottom: 16px;
  }
  .sltp-form-item .sltp-form-label{
    margin-bottom: 8px;
  }
  .sltp-form-item .sltp-form-label span{
    border-bottom: 1px dashed var(--color-divider-4);
    cursor: help;
    font-size: 14px;
    color: var(--color-text-2);
    font-weight: 400;
  }
  .sltp-form-item.container-error .mantine-Input-input{
    border-color: var(--color-funct-3);
  }
  .sltp-form-item .sltp-form-item-err{
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-funct-3);
  }
  .strategy-sltp-modal .double-coins-footer{
    display: flex;
    margin-top: 40px;
  }
  .strategy-sltp-modal .double-coins-footer button{
    flex: auto
  }
  .strategy-sltp-modal .double-coins-footer button:first-child{
    margin-right: 16px;
  }
  /*SLTP Modal end*/

.order-fee-alert {margin: 0 !important; background-color: #eff5ff;font-size: 12px;color: var(--color-text-1);}
.order-fee-alert path {fill: var(--color-brand-1);}


.percent_adjust_cls {
    display: flex;
    margin-top: 8px;
    justify-content: space-between;
}

.grid-margin-info-item {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    color: var(--color-text-2);
}

.margin-info-item-right {
    color: var(--color-text-1);
}

.margin-info-slide {
    margin-top: 16px;
    margin-bottom: 32px;
}

.margin-info-slide .mantine-Slider-markLabel {
    margin-top: 0;
    color: var(--color-text-3);
}

.margin-info-slide .mantine-Slider-markLabel {
    word-break: keep-all;
    text-align: center;
}

.mantine-Slider-markFilled+.mantine-Slider-markLabel {
    color: var(--color-brand-1);
}

.mantine-Slider-markLabel {
    text-align: center;
}

.strategy-detail_paramaters-abstract {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    text-align: start;
    word-wrap: break-word;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    line-height: 1.8;
    height: 100%;
  }
  .strategy-detail_paramaters-abstract::before {
    content: "";
    float: right;
    height: calc(100% - 18px); 
  }
  .strategy-detail_paramaters-abstract button {
    float: right;
    clear: both;
    height: 14px;
    padding: 0;
    line-height: 1;
    font-size: 12px;
  }
  .strategy-detail_paramaters-abstract span {
    max-width: 100% !important;
  }
  .strategy-detail_paramaters-abstract_text {
    padding: 0 40px;
    max-height: 40vh;
    overflow: auto;
    margin-bottom: 32px;
  }
  
.sltp-container {
    width: 48%;
}
.container-focus .sltp-view {
    border: 1px solid var(--brandColor);
}

.sltp-view {
    display: flex;
    align-items: center;
    height: 36px;
    border: 1px solid var(--colorgray4);
    border-radius: 2px;
    padding: 0 8px;
    box-sizing: border-box;
}
.sltp-view-input {
    font-size: 14px;
    height: 100%;
    border: none;
    width: 125px;
}
.sltp-view .ant-select-selector {
    border: none !important;
    box-sizing: border-box;
    text-align: right;
    padding: 0 !important;
}
.sltp-view .ant-select-selection-item {
    padding-right: 30px !important;
}
.sltp-view .ant-select {
    border: none !important;
}

.rise-red-body .color-text__component.negative {color: var(--gui-color-pd-2);}
.rise-red-body .color-text__component.positive {color: var(--gui-color-pd-1);}
.rise-green-body .color-text__component.negative {color: var(--gui-color-pd-1);}
.rise-green-body .color-text__component.positive {color: var(--gui-color-pd-2);}
.statistics-card__component {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    gap: 16px 0;
    padding-top: 4px;
}

.statistics-card__component.statistics-card__component-grid2 {
    grid-template-columns: repeat(2, 50%);
}

.statistics-card__component.statistics-card__component-grid3 {
    grid-template-columns: repeat(3, 33.3%);
    padding-top: 24px;
}

.statistics-card__component .statistics-card__item {
    text-align: center;
    position: relative;
}

.statistics-card__component .statistics-card__item.with-border::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -12px 0 0;
    width: 1px;
    height: 24px;
    background: var(--color-divider-2);
}

.statistics-card__component .statistics-card__item .statistics-value {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-1);
    line-height: 1.2;
}

.statistics-card__component .statistics-card__item .statistics-label {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-3);
    margin: 4px 0 0;
}

.statistics-card__component .statistics-card__item .statistics-label .label-text {
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
}

.statistics-card__component .statistics-card__item .statistics-label .label-text .mantine-Tooltip-root {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--color-text-3);
}

.statistics-card__component .statistics-card__item .statistics-card__component-tooltip-label {
    border-bottom: 1px dashed var(--color-text-4);
}

.statistics-card__component .strategy-detail__statistics-sub {
    margin-left: 4px;
    font-size: 12px;
}

.table-header__component {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-1);
}

.strategy-detail__openorders-overview .table-header__component {
    margin-bottom: 16px;
}

.strategy-detail__cumulative-return {
    margin: 20px 0 32px 0;
    position: relative;
    width: calc(100% - 1px);
}

.strategy-detail__cumulative-return .loading{
    width: 100%;
    padding: 100px 0;
    position: absolute;
    left: 0;
    top: 30px;
}

.strategy-detail__cumulative-return .chart-area {
    height: 220px;
    margin-top: 16px;
    border-radius: 8px;
    padding: 16px 0;
    box-sizing: border-box;
    border: 1px solid var(--color-divider-2);
    margin-right: 1px;
}

.chart-popup li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
  }
  
.chart-popup li span {
    color: #fff;
    text-align: left;
}

.strategy-detail__modal .strategy-detail__base-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--gui-color-divider-2);
    margin-top: 16px;

}

.strategy-detail__modal .gray-button {
    background: var(--gui-color-divider-2);
    color: var(--gui-color-text-1);
}

.strategy-detail__modal .strategy-detail__base-info .info-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--gui-color-text-3);
    font-weight: 500;
}

.strategy-detail__modal .strategy-detail__base-info .info-item svg {
    color: var(--gui-color-text-3);
}

.strategy-detail__modal .strategy-detail__base-info .recommend-btm-avatar{
    width: 16px;
    height: 16px;
}

.strategy-detail__modal .strategy-detail__base-info .recommend-btm-avatar{
    width: 16px;
    height: 16px;
}

.strategy-detail__modal .strategy-detail__base-info .recommend-btm-avatar img{
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.strategy-detail__modal .avatar-head {
    width: 14px;
    height: 14px;
    min-width: 14px;
}

.strategy-detail__modal .avatar-head span {
    line-height: 1;
    font-size: 12px;
}
/* 智能调仓开启定投理财弹窗 */
.investment-item-wrap {
    width: 100%;
}
.investment-item-balance {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: var(--color-text-1);
}
.investment-item-balance span:first-child {
    color: var(--color-text-3);
}
.investment-item-wrap .item-title {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-1);
    line-height: 1.5;
}
.investment-item-wrap .ant-radio-group {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.investment-item-wrap .ant-radio-button-wrapper {
    border-radius: 6px;
    border-left-width: 1px;
    padding: 0 24px;
    color: var(--color-text-1);
    border-color: var(--color-divider-5);
    background-color: var(--color-bg-3);
}
.investment-item-wrap .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.investment-item-wrap .ant-radio-button-wrapper:hover {
    color: var(--brandColor);
    border-color: var(--brandColor);
}
.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
    border-color: var(--brandColor);
}
.investment-item-wrap .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    box-shadow: none;
}
.investment-item-wrap .ant-radio-button-wrapper::before {
    display: none;
}

.download-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

html[lang='ar'] .ant-card-meta-avatar {float: right;padding-right: unset;padding-left: 16px;}
html[lang='ar'] .bot-table .ant-table-column-sorters,
html[lang='ar'] .bot-table .ant-table-cell {width: 100%; text-align: right}
html[lang=ar] .bot-table .ant-table-tbody > tr > td:last-child {text-align: right !important;}
html[lang=ar] .bot-table .ant-table-thead > tr > th:first-child {text-align: right !important;}

html[lang=ar] .ant-modal-header {text-align: right;}