.flexcenter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container,.flexcenter{display:-webkit-box;display:-ms-flexbox;display:flex}.container{width:100%;height:100vh;padding:30px 50px;background:url(../../static/img/bg_login.67bb4977.png) no-repeat;background-size:cover;background-position:50%}.container .left-content{width:300px;background:#fff;margin-right:20px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);box-shadow:0 10px 10px rgba(0,0,0,.1);position:relative;padding:0 20px}.container .left-content .num-box h3{line-height:40px;color:#333;font-size:16px;color:#2487de;margin:0;border-bottom:1px solid #eee}.container .left-content .num-box{height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.container .left-content .instructions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;bottom:0;left:0;right:0;padding:10px 0}.container .left-content .instructions>div{width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0}.container .left-content .instructions>div span{display:inline-block;width:20px;height:15px;margin-right:4px}.container .left-content .instructions>div span.now{background-color:#333}.container .left-content .instructions>div span.answered{background-color:#2487de}.container .left-content .instructions>div span.correct{background-color:#50d652}.container .left-content .instructions>div span.error{background-color:#e4393c}.container .left-content .instructions>div span.signed{background-color:#faa19d}.container .right-content{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;background:#fff}.container .right-content .operate{height:100px;margin-bottom:10px;padding:0 20px;border-bottom:1px solid #eee}.container .right-content .operate,.container .right-content .operate .time-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .right-content .operate .time-box{width:280px;height:70px;border:1px solid #2487de;font-size:20px;color:#2487de;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .right-content .operate .time-box .anticon.anticon-clock-circle{font-size:28px;margin-right:10px}.container .right-content .operate .commit-btn{text-align:center;width:188px;height:70px;line-height:70px;font-size:20px;font-weight:700;letter-spacing:3px;background-color:#2487de;border:1px solid #2487de;color:#fff;cursor:pointer;margin:0 20px}.container .right-content .operate .content-desc{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:70px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f4f4f4;padding:0 20px}.container .right-content .operate .content-desc .ant-radio-wrapper{font-weight:700}.container .right-content .operate .content-desc p{margin:0;padding:0;max-height:70px;overflow:auto}.container .right-content .question{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 60px;overflow-y:auto}.container .right-content .operate-box{padding:40px 0;text-align:center}.container .practice-empty{position:absolute;left:0;right:0;top:20%;bottom:0}