.layui-layer{background:#171c2b}.layui-layer-title{border-bottom:1px solid #2e3753;color:#fff;background-color:#171c2b}.layui-layer-prompt .layui-layer-input{border:1px solid #555869;color:#fff;background:none}.body{width:100%;height:100%;overflow:hidden}#legaltrade-box{width:1200px;margin:30px auto}#legaltrade-box>.buy-sell{position:relative}#legaltrade-box>.buy-sell>.buy-box,#legaltrade-box>.buy-sell>.sell-box{padding:20px}#legaltrade-box>.buy-sell>div{width:50%;font-weight:700}#legaltrade-box>.buy-sell>div ul{margin-top:20px}#legaltrade-box>.buy-sell>div ul li{margin-right:16px;cursor:pointer;padding:2px 6px}#legaltrade-box>.buy-sell>div>.now>.current{border-bottom:2px solid #638bd4;font-weight:600;color:#638bd4;padding:2px 6px}#legaltrade-box>.buy-sell>.record{cursor:pointer;font-size:16px;position:absolute;right:20px;text-align:right;top:30px;width:100px}#legaltrade-box>.list-box{margin-top:20px}#legaltrade-box>.list-box>.list-title{padding:10px 0;border-bottom:1px solid #1e2c40}#legaltrade-box>.list-box>.list-title>div{flex:1}#legaltrade-box>.list-box>.list-title>div:last-child{text-align:right}#legaltrade-box>.list-box>.list>li{padding:20px 0;border-bottom:1px solid #1e2c40}#legaltrade-box>.list-box>.list>li .price{color:#489972}#legaltrade-box>.list-box>.list>li>div{flex:1;line-height:36px}#legaltrade-box>.list-box>.list>li>div>.head{width:36px;height:36px;border-radius:50%;margin-right:10px}#legaltrade-box>.list-box>.list>li>div>span{display:inline-block;position:relative;top:-10px;color:#638bd4}#legaltrade-box>.list-box>.list>li>div:last-child{text-align:right;justify-content:flex-end}#legaltrade-box>.list-box>.list>li>div:last-child>button{background-color:#638bd4;padding:0 10px;color:#fff;border-radius:4px;line-height:36px;border:none}#legaltrade-box>.list-box>.pages{display:flex;justify-content:center;margin-top:30px}#legaltrade-box>.list-box>.pages>li{padding:10px;border:1px solid #e5e5e5;margin-right:10px;border-radius:6px}#legaltrade-box>.list-box>.pages>.active{border:1px solid #638bd4;color:#638bd4}#legaltrade-box>.modal{position:absolute}#legaltrade-box>.modal,#legaltrade-box>.modal>.mask{width:100%;height:100%;left:0;top:0;right:0;bottom:0;overflow:hidden}#legaltrade-box>.modal>.mask{position:fixed;background-color:#000;opacity:.3}#legaltrade-box>.modal>.content{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center;overflow:hidden}#legaltrade-box>.modal>.content>.content-list{width:400px;border-radius:10px;margin:auto;background-color:#171c2b;padding:15px}#legaltrade-box>.modal>.content>.content-list>.title{font-size:16px;line-height:2;text-align:center}#legaltrade-box>.modal>.content>.content-list>.trade{font-size:0}#legaltrade-box>.modal>.content>.content-list>.trade>p{display:inline-block;font-size:15px;margin:15px;margin:10px 10px 10px 0;line-height:1.5;padding-bottom:5px;cursor:pointer}#legaltrade-box>.modal>.content>.content-list>.trade .active{border-bottom:1px solid #638bd4;color:#638bd4}#legaltrade-box>.modal>.content>.content-list>.totals-num{width:100%;height:40px;border:1px solid #555869;font-size:0}#legaltrade-box>.modal>.content>.content-list>.totals-num>input{line-height:38px;padding-left:10px;font-size:15px;background:none;color:#c7cce6}#legaltrade-box>.modal>.content>.content-list>.totals-num>button{background-color:transparent;float:right;font-size:15px;line-height:20px;margin-right:15px;margin-top:9px;padding-left:20px;border:none;border-left:1px solid #555869;color:#fff}#legaltrade-box>.modal>.content>.content-list>.totals-num>span{font-size:15px;float:right;line-height:38px;margin-right:20px}#legaltrade-box>.modal>.content>.content-list>.maxnum{margin-top:15px}#legaltrade-box>.modal>.content>.content-list>.trade-totals{width:100%;font-size:0;height:40px;line-height:40px}#legaltrade-box>.modal>.content>.content-list>.trade-totals>.total-price{float:left;font-size:15px}#legaltrade-box>.modal>.content>.content-list>.trade-totals>.prices{font-size:15px;float:right}#legaltrade-box>.modal>.content>.content-list>.tip{color:#638bd4;font-size:14px}#legaltrade-box>.modal>.content>.content-list>.btns{margin-top:10px;font-size:0;height:40px}#legaltrade-box>.modal>.content>.content-list>.btns>.cannel{width:48%;height:40px;line-height:40px;background-color:#eee;color:#333;text-align:center;border-radius:6px;float:left;font-size:15px}#legaltrade-box>.modal>.content>.content-list>.btns>.comfirm{float:right;width:48%;height:40px;line-height:40px;background-color:#638bd4;border-radius:6px;font-size:15px;color:#fff}