.navigator{width:100%;height:50px;overflow:hidden;position:fixed;top:0;z-index:999;transform:translateZ(1px);text-align:center;background:#ff4540}.navigator a{line-height:44px;display:inline-block;position:absolute;top:0;left:0;padding:0 10px 6px 10px;font-size:2rem;color:#fff;text-decoration:none}.navigator b{line-height:50px;color:#fff}.grid .center{text-align:center}.risk-tip{width:100%;height:100px;margin-top:5px;padding:10px;box-sizing:border-box;background:#fff}.risk-tip p{line-height:1.125rem;margin:0 0 5px 0;font-size:.75rem;color:#9e9e9e}#wave-pool .spread{display:flex;flex-flow:row wrap;align-items:center;margin:0 0 5px 0;padding:10px;font-size:.875rem;background:#fff}#wave-pool .spread b{width:100%;display:block;padding:0 0 10px 0;color:#686868}#wave-pool .spread p{margin:0;text-align:center;font-weight:700}#wave-pool .spread ul{height:6px;flex:auto;display:flex;margin:0 10px;padding:0;list-style:none}#wave-pool .spread li{float:left;border-radius:3px;transition:width .3s ease}#wave-pool .spread li:first-child{width:50%;background:#ff4540}#wave-pool .spread li:last-child{flex:auto;margin-left:5px;background:#01be78}#wave-pool .tabs{display:flex;justify-content:center;margin:0;padding:20px 0 0 0;list-style:none;background:#fff}#wave-pool .tabs>li{width:30%;display:inline-block;padding:6px 0;border:1px solid #e4e4e4;text-align:center;color:#686868}#wave-pool .tabs>li:first-child{border-right:0;border-radius:7px 0 0 7px;background:#fff}#wave-pool .tabs>li:last-child{border-left:0;border-radius:0 7px 7px 0}#wave-pool .tabs>li.active{color:#fff}#wave-pool .tabs>li.active.u{background:#ff4540}#wave-pool .tabs>li.active.d{background:#01be78}#wave-pool .tips{padding:10px;border-bottom:1px solid #eee;font-size:.75rem;color:#9a9a9a;background:#fff}#wave-pool .tips label{float:right}#wave-pool .tips input{border:1px solid #e4e4e4;vertical-align:middle;background:#fff}#wave-pool .grid{min-height:calc(100vh - 310px)}