.w-25{width:25%}.h-25{height:25%}.w-50{width:50%}.h-50{height:50%}.w-75{width:75%}.h-75{height:75%}.w-100{width:100%}.h-100{height:100%}.bg-gradient-primary{background-image:linear-gradient(310deg,#e6de9a,#cec067)}.bg-gradient-secondary{background-image:linear-gradient(310deg,#272526,#373432)}.bg-gradient-tertiary{background-image:linear-gradient(310deg,#fff,#fff6e5)}.bg-gradient-primary{background-image:linear-gradient(270deg,#1f1f1d,#040404)}.trade_bar{position:fixed;bottom:0;left:0;display:flex;width:100%;z-index:9999}.trade_bar section{flex:1;height:100%;text-align:center;padding-top:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.trade_bar section img{height:25px}.trade_bar section:first-of-type{background:#1e1e28;color:#abacae;font-weight:700}.trade_bar section:nth-of-type(2){background:#14edb4;color:#017160;font-weight:700}.trade_bar section:nth-of-type(3){background:#e83e8c;color:#993135;font-weight:700}.trade_bar section p{font-size:13px;font-weight:700;margin-top:5px;margin-bottom:0}.trade-view .history-panel{position:fixed;top:100%;left:0;right:0;bottom:55px;background-color:#1e1e28;box-shadow:2px 2px 5px #333;overflow-y:auto;z-index:9999;transition:all .25s ease-in-out}.trade-view .history-panel.open{top:2.5rem;bottom:.5rem;transition:top .3s ease-out}.trade-view .order-confirm-panel{display:none;position:absolute;width:90%;top:10%;left:0;right:0;margin:0 auto;height:444px;background:linear-gradient(45deg,#272526,#373432);border:1px solid #4d4138;border-radius:10px;z-index:9990}.trade-view .order-confirm-panel.open{display:block}.trade-view .order-confirm-panel .period{width:100%;height:120px;padding:10px 5px 0 10px;overflow:hidden;border-top:1px solid #27201f}.trade-view .order-confirm-panel .period .scroll-view{height:110px}.trade-view .order-confirm-panel .period .scroll{width:100%;height:100%;overflow-x:scroll;position:relative}.trade-view .order-confirm-panel .period .period-widget-view{width:2000px}.period-widget{height:85px;width:100px;float:left;padding:5px;margin-right:10px;background-color:#4d4138;box-shadow:0 0 2px rgba(234,220,133,.659);border-radius:5px;box-sizing:border-box}.period-widget.active{border:1px solid #f9c043;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACpCAYAAACLbrcNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFv2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNSwgMjAyMi8wNS8wOS0wNzoyMjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNi0zMFQxNzoyNzo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDctMDZUMTE6Mzg6MjErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDctMDZUMTE6Mzg6MjErMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY0YmI1OGQtMGZiNC03NjRiLWI5MTQtY2RlOTA1NjhjM2JjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1MENBQUQyQTAyNTExRTY4MkNDRjBGMjc4Rjg4N0U5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzUwQ0FBRDJBMDI1MTFFNjgyQ0NGMEYyNzhGODg3RTkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzUwQ0FBQ0ZBMDI1MTFFNjgyQ0NGMEYyNzhGODg3RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzUwQ0FBRDBBMDI1MTFFNjgyQ0NGMEYyNzhGODg3RTkiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTY0YmI1OGQtMGZiNC03NjRiLWI5MTQtY2RlOTA1NjhjM2JjIiBzdEV2dDp3aGVuPSIyMDIyLTA3LTA2VDExOjM4OjIxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VuQBcQAABX5JREFUeJzt3M1vFHUcx/HPUHnabUqIQACVoiUgBjl4ES9G/wDPRj2qEWotoIlHHa+cjLY1PBrj1bOJFzkbH6JoQiSgiIlGMUF0165rd9dDkdid2e1sd2a3n5n369J2dmazh3e//f32oUGr1RLyp3l+Zyjp9WE/jqytGfYDQGZCSW8M+0FkjYDzLVTOIybg/AuV44gJuBhC5TTigE1cPu2Z2B85dunMzVA529gxgQtk73ObQuVsEhNwweQtYgIuoDxFTMAFlZeICbjAVkvEf84HOnqypEMvj+mZE6O68nPyLHkWIsfinomIM8xnJyrzgZ5/q6xvfhi5feyhiQW990o10fVM4By7fOWiLl+5uOx5w5rElflAL7y9NF5J+v6XkQ5XRBFwAazGiCvzgQ7PlnXhajTWQ/cvJL4fAi6I1RRxtRboyGxZX30Xjffg7oZee2o+8X0RcIFkEfHFH0f04Wdr9evvyVL66+9Ak7MlfRkT74Hxhk6+VNXoxuT7MjZxBZRkc5dkY/f+x+t14oMNkqTyhpZOTVd1cHej4/nz9UCHZ0r64vIdkdse2NXQ2aO9xSsxgQsprUl85qP1t7+v1gJNzZV17Xp8UrV6oCMd4t1/T0Onp3uPVyLgwkoj4n/a9lo3KoGOzJR1oxIsOV6rB5qcK+nzLvGOlVa2EiBgdNUt4qknapFj166v0dRcWbX6YsS1eqCpd0r69FI03n13L655N5VXvowl4AJLMoWlzhE//VhdTz5aj5x/4eqIXj23UdVaoOmTJX3ybTTevXctTt7No/3twdjEFVzSV+uk+I1dsykdO1XS+QtrI+dvGWvptz+CyPE9Oxs6d6z/eCUChvqPuFYP9Oyb8S9KtJvY0dS7xyupxCuxhECP4pYTG9a1NDNZ1a6tza7X3re9qbNH04tXImCswIOT0Yg3j7Y092Lnp8Lu3d7U2WMV3TmW7l98AsaKxEU8vq2p09NVTexYOonHty1O3i0pxysRMPoQF/GB8YZOT1f08L4FbVzX0iP7F3TueFVbN2Wz12ITB0m9beTWr1v689dzw3s/MRMYfYubxIPCBEZP07ebYXyygwmM1Azjkx0EjFQNOmICRuoGGTEBIxODipiACy6tDVycQURMwMhaqAwjJuACy3L6tgmVUcQEjEEJlUHEBIyeJf2PPzFCpRwxr8QV3HLLiF5Dbb+/S2duxp0WKqVX7KIfVgLUe7jt1y3zixHe+tp3xExgLIltpeF20jy/s9vNofqMmDUwbks7Xkla8/hP3W4O1eeamIAhKZt4/5NlxCwhMDBZLCeYwBiYLCYxAWOg0o6YgDFwaUZMwFiNQiWMmIAxFMtMYSlhxASM1SzUMhETMIYmwRSWlomYgOEgVIeICRguQsVETMBwEqotYgKGm1D/i5iAMVQJN3LtQt2KmDe0w1Uo8W40mGMJAWsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGsEDGv/Anw3dJZd1yu9AAAAAElFTkSuQmCC);background-size:contain;background-position:100% 0;background-repeat:no-repeat}.period-widget.hover{width:100px}.trade-view .order-confirm-panel .amount{width:100%;height:70px;padding:2px 5px 0 10px;overflow:hidden}.trade-view .order-confirm-panel .amount .scroll-view{width:75%;margin-right:5px;height:50px;float:left;position:relative}.trade-view .order-confirm-panel .amount .scroll-view:after{content:"";position:absolute;top:0;right:0;width:1px;height:35px;background:linear-gradient(180deg,transparent,#eadc85,transparent)}.trade-view .order-confirm-panel .amount .scroll{width:100%;height:50px;float:left;overflow-x:scroll}.trade-view .order-confirm-panel .period .period-widget-view{width:350px}.amount-box{font-size:12px;color:#fff;height:35px;line-height:35px;float:left;padding:0 10px;text-align:center;margin-right:5px;background-color:#585858;border-radius:3px}.amount-box.active{border:1px solid #f9c043;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjYxMTFCNjFBMDI1MTFFNjgzNzdGQUFEMjFBNjI1NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjYxMTFCNjJBMDI1MTFFNjgzNzdGQUFEMjFBNjI1NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNjExMUI1RkEwMjUxMUU2ODM3N0ZBQUQyMUE2MjU1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNjExMUI2MEEwMjUxMUU2ODM3N0ZBQUQyMUE2MjU1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl4da+AAAAI9SURBVHjazNg9T9tAGAfwvy9OgCjAgKhUIaHyASAUFraKCkq37hUMtCABqTqzIN5UBiiqKlEiBj4AI2yA1KELLeJlYEAFJiQmqKpWiY0wSXoXwI1jJ/Y5jnOPFMV5zjr/7jWXSKmvj6cATELQIPTFgNMiAyEykuRcC4kkeZ+FQxKLnFBIUiAvDJIUKRMCSWzKfUP++Cnj5UQtusfrsH0YdAz0BblzLONdPIyLXwRXfyXMrdVwAcuKZD33fiWM6xtJz0kSuIFlQTIc67lcXFCm37uvFVdAW2Qmc/fQvVPZtqLdE2vc4pCCZ623ek520fCp+3fTAeMDnTtr30LZ61ddN5gdUA3D9RCsAbFlM+7jWwXdbRrXKubqya2D/6tv/XsInzeqLXGjX8y4+TcKnkc17m2GCxltuTXcsLpZpfcoi/2zwrieds3yIRI9D5Y61/Xz5O+EhP6FCM4viQEQjyURDAAjS2GoOTg5cIfrfaoVrNwLoAHJcAzJsA8RqckglYIBF6BtmKdz7kURXKlDrEfrWL0+3M2NaSyNJVEdyujlCVVyhfMMmI9se5KiQ6eCWNTOcmxYneA8BeYj2XYx068aejKLG6S4Ds1xnZ4C85FsL4zHFDQ1pPGoPo1Pwwr6OjWu+jxZJBRlyh0t//Hk16JXq9h2dZfrPOgFcFpkYMlIP4AlIf0Cukb6CXSF9BvIjawEkAtZKaBjZCWBjpCVBtoiRQAWRYoCLIgUCWiJFA1oQooINCBliBvZfzD+CTAAMQy+uaSaptQAAAAASUVORK5CYII=);background-size:15px;background-position:100% 0;background-repeat:no-repeat;color:#f9c043}.trade-view .order-confirm-panel .amount .amount-view{width:2000px}.period-widget-header{font-size:12px;color:#c9c9c9;height:20px;line-height:20px;text-align:center}.period-widget-content{font-size:15px;text-align:center;color:#f9c043;height:34px;line-height:34px;padding-right:5px}.period-widget-content.active{line-height:17px}.period-widget-content>.final_unit{font-size:15px;color:#f9c043}.period-widget-content>.final_time{font-size:45px;font-weight:700;color:#f9c043}.period-widget-footer{font-size:14px;height:20px;line-height:20px;text-align:center;color:#e83e8c}.info-view{padding-left:10px;padding-right:10px;color:#fff;width:100%;display:flex;justify-content:space-between;margin-top:5px}.info-view>div{width:50%}.info-view .my-money span,.info-view .my-service span{display:block;overflow-wrap:break-word}.info-view .my-service{text-align:right}.order-detail-view{width:100%;height:125px;clear:both;padding:5px;color:#fff}.order-detail-view .order-detail{height:100%;width:100%;border-top:1px solid #333}.order-detail-view .order-detail .row{height:30px;line-height:30px}.fields>div{color:#adb5bd;font-size:12px}.fields{margin-top:5px!important;height:24px!important;line-height:24px!important}.order-detail-view .order-detail .row>div{font-size:14px;line-height:15px;padding-left:10px;padding-right:10px;text-align:center}.order-detail-view .order-detail .row>.qoute_name{overflow:hidden;white-space:nowrap;font-size:12px}#money{color:#f9c043}.order-detail-view .order-detail .row:last-child>div{padding-left:10px;padding-right:10px;text-align:center}.order-detail-view .button{width:90%;color:#000;background-color:#f9c043;min-height:0;height:40px;font-size:15px;line-height:40px;font-family:microsoft yahei;border-radius:4px;border-width:1px;display:flex;justify-content:center;align-items:center;margin:auto}.order-detail-view .button.disabled{opacity:.7}.btn_confirm{margin-top:12px!important;margin-bottom:12px!important}.expect_profit{color:#f9c043;width:90%;margin:0 auto;text-align:center;margin-top:5px;font-size:12px}.expect_profit span{display:flex;justify-content:center}.other-amount{width:22%;float:left;height:29px}.other-amount.active{border:1px solid #f9c043;border-radius:3px;overflow:hidden}.other-amount input{color:#fff!important;width:100%;font-size:14px;height:35px;line-height:35px;text-align:center;background-color:#1f1f1d;border-radius:3px;border:none;box-shadow:0 0 2px #eadc85}.trade-view .order-state-panel{display:none;position:absolute;width:90%;top:40%!important;left:50%;margin-left:-45%;height:400px;margin-top:-155px;background-color:#1f1f1d;border-radius:10px;z-index:20}.circle_wrapper{position:relative;left:0;right:0;top:5px;bottom:120px;margin:auto;width:110px;height:127px;box-sizing:content-box}.left_circle,.right_circle{position:absolute;width:110px;height:110px;overflow:hidden;top:8px}.right_circle{right:-50%}.left_circle{left:-50%}.right_circle>img{width:100%;position:absolute;right:50%;-webkit-animation:run 5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes run{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.left_circle>img{width:100%;position:absolute;left:50%;-webkit-animation:runaway 5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes runaway{0%{transform:rotate(0)}50%{transform:rotate(0)}to{transform:rotate(180deg)}}.trade-view .order-state-panel .close{line-height:44px;color:#585858;font-size:28px;vertical-align:middle}.trade-view .order-state-panel .success{color:#fff;border-top:1px solid #27201f}.trade-view .order-state-panel .success .pupil_success{position:relative;height:150px;text-align:center;padding-left:0!important}.trade-view .order-state-panel .success .pupil_success p:first-of-type{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#f9c043;font-size:18px;height:20px}.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2){position:absolute;top:60%;width:100%;color:#fff;font-size:12px;height:15px;text-align:center}.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) span{color:#585858}.trade-view .order-state-panel .success .row{padding-top:10px!important;border-top:1px solid #333}.trade-view .order-state-panel .success .row .col{height:30px}.trade-view .order-state-panel .success .info_list .col{height:100%;width:100%;border-right:1px solid #000;border-left:1px solid #333;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem}.trade-view .order-state-panel .success .info_list .first_info{border-left:0}.trade-view .order-state-panel .success .info_list .last_info{border-right:0}.trade-view .order-state-panel .success .row .col>p:first-child{font-size:12px;color:#adb5bd;text-align:center;margin:0 auto;width:100%}.trade-view .order-state-panel .success .row .col>p:nth-child(2){font-size:14px;color:#fff;text-align:center;margin:0 auto;width:100%}.trade-view .order-state-panel .success .remaining{position:relative;height:138px;border-bottom:1px solid #000}.trade-view .order-state-panel .success .count_remaining{margin-top:-128px!important}.trade-view .order-state-panel .success .remaining>div>div:first-of-type{font-size:40px;color:#f9c043;text-align:center}.trade-view .order-state-panel .success .remaining>div>div:nth-of-type(2){font-size:12px;color:#eaeaea;text-align:center}.trade-view .order-state-panel .success .remaining>div>div:nth-of-type(3){font-size:14px;color:#e75142;text-align:center}.trade-view .order-state-panel .success .finish_remaining .result_profit{margin-top:0!important;height:105px;line-height:105px}.trade-view .order-state-panel .success .finish_remaining .expired_statements{margin-top:-30px!important}.trade-view .order-state-panel .success .remaining>.col{color:#e75142;font-size:40px;text-align:center;height:105px;padding-left:0!important;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto!important}.trade-view .order-state-panel .success .remaining>.col>img{width:100px}.trade-view .order-state-panel .wait .row{height:150px;line-height:150px}.trade-view .order-state-panel .wait .row .col{color:#fff;font-size:20px;text-align:center;height:150px;line-height:150px;padding-left:0!important}.trade-view .order-state-panel .button_row{position:absolute;bottom:15px;width:100%}.trade-view .order-state-panel .wait .row .col i{color:#f9c043;font-size:25px}.trade-view .order-state-panel .fail .row .col{color:#fff;font-size:20px;text-align:center;height:150px;line-height:150px;padding-left:0!important}.trade-view .order-state-panel .fail .row .col i{color:#e75142;font-size:25px}.order-confirm-panel .trade-view .order-state-panel .button{width:96%;color:#fff;margin-left:2%;margin-right:2%;background-color:#fa6b0b}.trade-view .order-state-panel .button{width:100%;height:40px;min-height:0;line-height:40px;font-size:15px;font-family:microsoft yahei;color:#000;background-color:#f9c043;left:0;border-radius:4px;border-width:1px;display:flex;justify-content:center;align-items:center;margin:auto}.glass_mask{position:fixed;width:100%;height:100%;background:linear-gradient(to left top,rgba(216,173,75,.49),rgba(53,53,37,.76));z-index:10000;top:0;left:0}.glass_mask,.trade-view .order-state-panel.open{display:block}.order-confirm-panel .panel-header,.order-state-panel .panel-header{position:relative;font-size:15px;height:45px;line-height:45px;color:#fff;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;padding:0 10px;font-family:microsoft yahei}.order-state-panel .panel-header>div{color:#f9c043;border-bottom:1px solid #000}.invest_account span{text-align:right;color:#e83e8c;display:inline-block;width:78%}.panel-header{position:relative;font-size:15px;height:45px;line-height:45px;color:#fff;text-align:center}.close_tag{color:#585858;font-size:28px;vertical-align:middle}.end_time,.info-view>div,.invest_account{font-size:12px;color:#eadc85;font-family:microsoft yahei}.order-confirm-panel .panel-body,.order-state-panel .panel-body{position:absolute;top:45px;left:0;right:0;bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;width:100%;padding:0 10px;margin-top:1px;background-size:150px;background-position:100% 100%;background-repeat:no-repeat}.panel-body{position:absolute;top:45px;left:0;right:0;bottom:0}.end_time{color:#eadc85;margin-bottom:0}.panel-header .close{position:absolute;top:0;right:0;bottom:0;width:40px;font-size:18px;text-align:center;cursor:pointer;line-height:35px}.order-panel{position:absolute;left:0;right:0;bottom:-160px;height:181px;background-color:#1e1e28}.order-panel.open{bottom:44px;transition:bottom .3s ease-out}.panel-body .button-bar .button-update-order{height:146px!important}.panel-body .button-bar .button-close,.panel-body .button-bar .button-update-order{color:#c9c9c9;position:absolute;width:50px;left:0!important;right:0!important;top:0!important;border:none!important;background-color:#017160}.panel-body .button-bar .button-close{height:111px!important}.panel-body .order-info{position:absolute;right:50px;top:0;bottom:0;left:0}.panel-body .button-bar{position:absolute;right:0;top:0;bottom:0;width:50px}.panel-body .button-bar .button-bid{top:0!important;height:73px!important;background-color:#993135}.panel-body .button-bar .button-ask,.panel-body .button-bar .button-bid{color:#c9c9c9;position:absolute;width:50px;left:0!important;right:0!important;border:none!important}.panel-body .button-bar .button-ask{top:73px!important;bottom:0!important;background-color:#017160}.limit-order-panel .button-bar .button-bid{height:106px!important}.limit-order-panel .button-bar .button-ask{top:106px!important}.limit-order-panel{position:absolute;left:0;right:0;bottom:-260px;height:253px;background-color:#1e1e28}.limit-order-panel.open{bottom:44px;transition:bottom .3s ease-out}.trade-footer .row .col-40 .badge{position:absolute;right:5px;top:5px!important;font-size:10px!important;padding:0 8px}.panel-body .order-info .list .item{margin:0;padding:0;height:35px;border:none;margin-top:1px;line-height:35px;background-color:#1e1e28;border-bottom:1px solid #1e1e28!important}.panel-body .order-info .list .item .content-label,.panel-body .order-info .list .item .input-label{color:#c9c9c9;text-align:center;font-size:12px}.panel-body .order-info .list .item .input-content,.panel-body .order-info .list .item input,.panel-body .order-info .list .item select{color:#c9c9c9;font-size:12px;background-color:#1e1e28}.panel-body .order-info .order-qoute{color:#e75142;font-size:18px;text-align:center}.history-panel>.panel-body .list>.item{border:none;font-size:14px;padding:0;height:40px;line-height:40px;margin-bottom:1px;color:#c9c9c9;background-color:#1e1e28;border-bottom:1px solid #27201f!important}.panel-body .list .category{width:30px;text-align:center}.panel-body .list .quantity{width:50px;text-align:center}.history-panel>.panel-body>.scroll-view{height:100%;overflow-y:hidden;bottom:auto}.history-panel .panel-body .row{padding:0;margin:0;display:table}.history-panel .panel-body .row .col{padding:0;margin:0;width:auto;text-align:center;display:table-cell}.order-modal-header{border:none;background-image:none;background-color:#1e1e28;height:40px;line-height:40px}.order-modal-header h1{color:#fff;font-size:14px!important}.order-modal-header .title{height:40px!important;line-height:40px!important}.order-modal-header .close{position:absolute;top:6px;left:0;bottom:0;height:40px;width:.4rem;font-size:25px;cursor:pointer;line-height:40px;text-align:center;color:#fff}.order-modal-content{background-color:#1e1e28;overflow:visible;height:100%}.order-modal-content .list>.item{border:none;font-size:12px;padding:0;height:51px;line-height:51px;color:#c9c9c9;background-color:#1e1e28;border:1px solid #1e1e28!important}.order-modal-content .list>.item input{color:#fff}.order-modal .button-bar{bottom:0;left:0;right:0;height:45px;line-height:45px;position:absolute}.order-modal .button-bar .button-dark{font-size:14px;height:45px;line-height:45px;border:none!important;border-radius:0 0 0 0;background-color:#1e1e28}.order-modal .button-bar .button-balanced{font-size:14px;border:none!important;border-radius:0 0 0 0;background-color:#993135}.order-modal .input-label{padding-left:25px;padding-top:0;padding-bottom:0}.order-modal .input-content,.order-modal .input-label{color:#c9c9c9;font-size:14px}img.loading{width:30px}.other-data{margin-left:5px}.rise{color:#14edb4!important}.fall{color:#e75142!important}.in_money{color:#14edb4!important}.out_money{color:#e75142!important}@media(min-width:768px){.trade-view .order-confirm-panel{max-width:450px}}.content{height:calc(100vh - 140px);margin:0;overflow:hidden}iframe{height:100vh!important}