.main{width:1200px;margin-left:auto;margin-right:auto}.swiper-button-next,.swiper-button-prev{top:50%;width:15px;height:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:0;background-size:100%}.form-nav,.trade-form{background:#fff}.form-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:54px}.form-nav .nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;color:#666;text-align:center;line-height:54px;font-weight:700;cursor:pointer}.form-nav .cur{border-bottom:2px solid #3387ff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#3387ff}.form-content .content-item{padding:16px 24px}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.select-item{-webkit-box-flex:1;-ms-flex:1;flex:1;background:none}.select-item input{background:none;color:#333;border:1px solid #ccc;border-radius:0}.form-row .form-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:0 16px;border:1px solid #ccc}.form-row .form-cell span{color:#333}.form-row .form-cell input{text-align:right;color:#333;background:none;border:none;outline:none}.form-tips{font-size:12px;color:#999;margin-top:10px}.form-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form-list .list-cell{width:48%;height:40px;border:1px solid #ccc;font-size:14px;color:#333;text-align:center;line-height:40px;margin-bottom:16px;cursor:pointer}.form-list .cur{border-color:#3387ff}.form-num-card{height:40px;border:1px solid #ccc}.form-num-card,.form-num-card .num-item{display:-webkit-box;display:-ms-flexbox;display:flex}.form-num-card .num-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#333;border-right:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}.form-num-card .num-item:last-of-type{border:none}.form-row .form-cell .c-select{width:100px;background:none}.form-row .form-cell .c-select input{background:none;color:#1cc696;border-radius:0}.form-row .form-cell .c-select-r input{color:#ee534f}.trade-info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:72px;background:#fff;padding:0 24px;margin-bottom:8px}.trade-info,.trade-info .info-row{display:-webkit-box;display:-ms-flexbox;display:flex}.trade-info .info-row,.trade-info .info-row .cell{-webkit-box-flex:1;-ms-flex:1;flex:1}.trade-info .info-row .title{font-size:12px;color:#999;margin-bottom:3px}.trade-info .info-row .value{font-size:16px;color:#333;font-weight:700}.chart-box{margin-bottom:8px;background:#fff}.quotation-right-bottom{padding:8px 24px 16px;background:#fff}.chart-deep-head{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.chart-deep-head span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#999}.chart-deep-head .flex1{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%}.chart-deep-head .flex2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}.chart-deep-box{display:-webkit-box;display:-ms-flexbox;display:flex}.chart-deep-list{-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-deep-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;line-height:30px}.chart-deep-item span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#333}.chart-deep-item span:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}.chart-deep-item span:nth-of-type(2){-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;padding-right:5px}.chart-deep-item span:nth-of-type(3){text-align:right;padding:0 5px;color:#00ad76;background:rgba(2,173,143,.1)}.chart-deep-item2{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;line-height:30px}.chart-deep-item2 span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#333}.chart-deep-item2 span:first-of-type{padding:0 5px;color:#d14b64;background:rgba(209,75,100,.1)}.chart-deep-item2 span:nth-of-type(2){text-align:right;-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;padding-right:5px}.chart-deep-item2 span:nth-of-type(3){text-align:right;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}.current-trade-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:72px;background:#fff;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px}.current-trade-card .trade-name{font-size:24px;color:#3387ff;font-weight:700;margin-right:40px}.current-trade-card .trade-money{margin-right:30px;color:#1cc696}.current-trade-card .trade-money .money{font-size:22px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.current-trade-card .trade-money .tag{padding:0 6px;height:20px;font-size:12px;color:#fff;line-height:20px;margin-left:15px;background:#1cc696}.current-trade-card .trade-money .ratio{font-size:12px}.current-trade-card .info-row{display:-webkit-box;display:-ms-flexbox;display:flex}.current-trade-card .info-row,.current-trade-card .info-row .cell{-webkit-box-flex:1;-ms-flex:1;flex:1}.current-trade-card .info-row .title{font-size:12px;color:#999;margin-bottom:3px}.current-trade-card .info-row .value{font-size:16px;color:#333;font-weight:700}.trade-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;margin-bottom:2px}.trade-nav .nav-name{width:120px;font-size:16px;color:#333;font-weight:700;line-height:48px;background:#fff;text-align:center}.trade-nav .nav-list{width:1080px}.trade-nav .nav-wrapper div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:135px;background:#fff;padding:0 10px;font-size:12px;font-weight:700;color:#333;cursor:pointer}.trade-nav .nav-wrapper div.cur{background:#d7e8ff;border-top:2px solid #3387ff;color:#3387ff;-webkit-box-sizing:border-box;box-sizing:border-box}.trade-popup{width:472px;background:#fff;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;border-radius:6px}.trade-popup-wrap{padding:40px 48px}.trade-popup-title{text-align:center;margin-bottom:24px}.trade-popup-title span{font-size:24px;font-weight:700}.trade-popup-title img{position:absolute;right:0;top:0;padding:15px;width:28px;cursor:pointer}.trade-popup-item{height:48px;border:1px solid #d9d9d9;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;font-size:16px;margin-bottom:16px}.trade-popup-item span{color:#3387ff;margin-right:15px}.trade-popup-item input{height:100%;line-height:48px;border:0;outline:none;text-align:right}.trade-popup-item input.tc{text-align:left}.trade-popup-item-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.trade-popup-item-right b{margin-left:10px}.trade-popup-btn{height:48px;background:#3387ff;color:#fff;border-radius:4px;text-align:center;line-height:48px;font-size:16px;cursor:pointer}.trade-popup-btn:active{opacity:1}.trade-popup-btn:hover{opacity:.85}.trade-popup-item .percent-list{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-left:1px solid #ccc;border-right:1px solid #ccc}.trade-popup-item .percent-list .item{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#666;text-align:center;line-height:48px;border-right:1px solid #ccc}.trade-popup-item .percent-list .item:last-child{border-right:none}.trade-popup-item .percent-list .item:hover{background:#3387ff;color:#fff;cursor:pointer}.trade-popup-item .percent-list .cur{background:#3387ff;color:#fff}.item-right{width:200px;background:#081724}.item-right-title{padding:20px 16px 4px 16px;border-bottom:1px solid #22324b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item-right-title span{font-size:12px;color:#778aa2}.item-right-list{padding:0 16px}.item-right-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:25px;line-height:25px;background:rgba(209,75,100,.1)}.green span:first-child{color:#02ad8f!important}.green{background:rgba(2,173,143,.1)}.item-right-item span:first-child{color:#d14b64}.item-right-item span:nth-child(2){color:#778aa2}.item-right-all{padding:20px 0}.item-right-all p{font-size:18px;color:#00ad76}.item-right-all span{font-size:12px;color:#778aa2}.trade-top-right-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item-left{background:#081724;width:788px}.item-left-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px}.item-left-title h4{color:#d1d5eb;font-size:16px;font-weight:400}.select-box{width:100px;background:none}.select-box input{background:none;color:#d1d5eb}.item-left-form{padding:0 30px;height:418px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item-left-form-item{width:330px;padding-top:32px}.form-item{height:38px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.form-item input{color:#d1d5eb;background:none;outline:none;border:1px solid #46586f;border-radius:3px;padding:0 16px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:38px}.form-item input:focus{border-color:#fa0}.form-item span{color:#778aa2;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.item-left-form-item p{font-size:12px;color:#778aa2;padding:12px 0}.form-percent{height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #46586f;border-top:1px solid #081724;overflow:hidden}.form-percent a{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;line-height:34px;border-right:1px solid #46586f;color:#d1d5eb;cursor:pointer}.form-percent a:last-child{border-right:0}.form-percent a:active{background:#fa0;color:#fff}.form-money{font-size:16px;color:#778aa2;margin:20px 0 30px 0}.form-btn{height:45px;background:#02ad8f;color:#fff;line-height:45px;text-align:center;position:relative;font-size:15px;cursor:pointer;display:block}.form-btn span{position:absolute;left:200px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:hsla(0,0%,100%,.4);line-height:45px}.form-btn:hover{opacity:.85}.form-btn:active{opacity:1}.form-btn-red{background:#ee534f}.trade-page{background:#f8f9fb}.trade-box{padding:2px 0 20px}.trade-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.trade-top-left{width:702px;overflow:hidden}.trade-top-left-title{height:48px;line-height:48px;color:#56586f;padding-left:32px}.trade-top-left-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:516px}.trade-top-left-list p{height:48px;padding-left:32px;color:#778aa2;line-height:48px;cursor:pointer}.trade-top-left-list p.cur{color:#fa0;position:relative;background:#141f30}.trade-top-left-list p.cur:after{content:"";width:2px;height:100%;position:absolute;left:0;top:0;background:#fa0}.swiper-container{width:100%;height:100%;overflow:hidden;position:relative}.swiper-scrollbar-drag{background:#666}.swiper-box{height:467px}.trade-top-right{width:490px}.trade-top-right-head{background:#081724;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.trade-top-right-head p{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:32px;color:#46586f;position:relative}.trade-top-right-head p span{display:block;font-size:18px;color:#d1d5eb;margin-top:6px}.trade-top-right-head p:after{content:"";width:1px;height:32px;background:#22324b;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.trade-top-right-head p:first-of-type:after{display:none}.trade-bottom[data-v-386a7b93]{background:#fff}.trade-bottom-wrap[data-v-386a7b93]{position:relative}.trade-bottom-tab[data-v-386a7b93]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:45px;line-height:45px}.trade-bottom-tab span[data-v-386a7b93]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;text-align:center;font-size:16px;color:#999;cursor:pointer}.trade-bottom-tab span.cur[data-v-386a7b93]{color:#3387ff;position:relative}.trade-bottom-tab span.cur[data-v-386a7b93]:after{content:"";background:#3387ff;position:absolute;left:0;bottom:0;height:2px;width:100%}.all-order[data-v-386a7b93]{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#778aa2}.all-order[data-v-386a7b93]:hover{color:#fa0;text-decoration:underline}.trade-bottom-head[data-v-386a7b93]{display:-webkit-box;display:-ms-flexbox;display:flex;height:64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f2}.trade-bottom-head p[data-v-386a7b93]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#999}.trade-bottom-head p span[data-v-386a7b93]{display:block}.trade-bottom-item[data-v-386a7b93]{display:-webkit-box;display:-ms-flexbox;display:flex;height:74px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ededed}.trade-bottom-item p[data-v-386a7b93]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#333;font-size:12px}.trade-bottom-item p span[data-v-386a7b93]{display:block}.trade-btn[data-v-386a7b93]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.trade-bottom-item p a[data-v-386a7b93]{width:70px;height:28px;text-align:center;line-height:28px;border-radius:5px;background:#3387ff;font-size:12px;color:#fff;-webkit-transition:all .25s;transition:all .25s}.trade-bottom-item p a[data-v-386a7b93]:nth-child(2){margin-top:6px}.trade-bottom-item p a[data-v-386a7b93]:hover{opacity:.7}.red11[data-v-386a7b93]{color:#d14b64!important}.green11[data-v-386a7b93]{color:#02ad8f!important}.state-none[data-v-386a7b93]{display:-ms-flexbox;padding-top:20px;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.cancel_button[data-v-386a7b93]{cursor:pointer}