.exam-page{height:100%;word-break:break-word;overflow-y:hidden}[dir=ltr] .exam-page{text-align:left}[dir=rtl] .exam-page{text-align:right}.exam-page .header{position:fixed;top:0;z-index:999;width:100%;min-height:50px;overflow:hidden;zoom:1}[dir] .exam-page .header{padding:0 20px 9px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.exam-page .header:after{display:block;height:0;content:" "}[dir] .exam-page .header:after{clear:both}[dir] .exam-page .header .mt{margin-top:9px}.exam-page .header .header-left{width:60%}[dir=ltr] .exam-page .header .header-left{float:left}[dir=rtl] .exam-page .header .header-left{float:right}.exam-page .header .header-left .title{font-size:18px;font-family:PingFangSC-Semibold;font-weight:700;color:#444;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .exam-page .header .header-left .title{margin-right:10px}[dir=rtl] .exam-page .header .header-left .title{margin-left:10px}.exam-page .header .header-left .title,.exam-page .header .header-left .title+div,.exam-page .header .header-left .title+i{display:inline-block;vertical-align:middle;line-height:32px}.exam-page .header .header-left .tip{font-family:PingFangSC-Regular;font-size:12px;color:#f7b13d;line-height:22px!important;box-sizing:border-box;vertical-align:middle}[dir] .exam-page .header .header-left .tip{background:#fff7ea;border:1px solid #ffe7c0;border-radius:11px;padding:0 10px}.exam-page .header .header-right{width:40%;font-size:0}[dir=ltr] .exam-page .header .header-right{float:right;text-align:right}[dir=rtl] .exam-page .header .header-right{float:left;text-align:left}.exam-page .header .header-right div{display:inline-block}[dir=ltr] .exam-page .header .header-right div+.ul-button{margin-left:10px}[dir=rtl] .exam-page .header .header-right div+.ul-button{margin-right:10px}[dir] .exam-page .header .header-right .ul-button{margin-top:9px}[dir=ltr] .exam-page .header .header-right .finish-btn{margin-left:20px}[dir=rtl] .exam-page .header .header-right .finish-btn{margin-right:20px}[dir=ltr] .exam-page .que-Bank{padding:0 16px 9px 40px}[dir=rtl] .exam-page .que-Bank{padding:0 40px 9px 16px}.exam-page .que-Bank .header-right button{color:#ea5947}.exam-page .que-Bank .header-right button:active{color:#fff}[dir] .exam-page .que-Bank .header-right button:active{border-color:#ea5947;background-color:#ea5947}[dir] .exam-page .que-Bank .header-right button:focus,[dir] .exam-page .que-Bank .header-right button:hover{border-color:#ea5947}.exam-page .container.is-common{position:relative;min-height:100vh}[dir] .exam-page .container.is-common{background-color:#f5f5f5}[dir=ltr] .exam-page .container.is-common{padding:50px 20px 0 0}[dir=rtl] .exam-page .container.is-common{padding:50px 0 0 20px}.exam-page .container.is-common .sidebar{position:fixed;top:50px;z-index:998;width:266px;height:calc(100vh - 50px)}[dir] .exam-page .container.is-common .sidebar{background-color:#fff}[dir=ltr] .exam-page .container.is-common .sidebar{left:0}[dir=rtl] .exam-page .container.is-common .sidebar{right:0}.exam-page .container.is-common .main-wrapper{height:calc(100vh - 50px)}[dir=ltr] .exam-page .container.is-common .main-wrapper{margin-left:286px}[dir=rtl] .exam-page .container.is-common .main-wrapper{margin-right:286px}.exam-page .container.is-common .main-wrapper .main{width:100%}[dir] .exam-page .container.is-common .main-wrapper .main{padding:20px 0 82px 0}.exam-page .container.is-common .main-wrapper .main .content{max-width:1216px;min-width:660px}[dir] .exam-page .container.is-common .main-wrapper .main .content{margin:0 auto}[dir=ltr] .exam-page .container.is-right{padding-right:0}[dir=rtl] .exam-page .container.is-right{padding-left:0}[dir=ltr] .exam-page .container.is-right .sidebar{left:unset;right:0}[dir=rtl] .exam-page .container.is-right .sidebar{right:unset;left:0}[dir=ltr] .exam-page .container.is-right .main-wrapper{margin-left:0;margin-right:286px}[dir=rtl] .exam-page .container.is-right .main-wrapper{margin-right:0;margin-left:286px}[dir=ltr] .exam-page .container.is-right .main-wrapper .main{padding-right:0;padding-left:20px}[dir=rtl] .exam-page .container.is-right .main-wrapper .main{padding-left:0;padding-right:20px}[dir] .exam-page .container.queBank{background-color:#f5f5f5}.ul-progress[data-v-553685d1]{position:relative;display:inline-block;font-size:0;line-height:1}.ul-progress .percent-text[data-v-553685d1]{position:absolute;top:calc(50% - 10px);width:100%;font-size:36px;font-weight:700;color:#444}[dir] .ul-progress .percent-text[data-v-553685d1]{transform:translateY(-50%);text-align:center}[dir=ltr] .ul-progress .percent-text[data-v-553685d1]{left:0}[dir=rtl] .ul-progress .percent-text[data-v-553685d1]{right:0}.ul-progress .text[data-v-553685d1]{position:absolute;bottom:18px;width:100%;font-size:20px;color:#969696}[dir] .ul-progress .text[data-v-553685d1]{text-align:center}[dir=ltr] .ul-progress .text[data-v-553685d1]{left:0}[dir=rtl] .ul-progress .text[data-v-553685d1]{right:0}.student-train-page .second-title{font-size:18px;line-height:32px;vertical-align:middle}[dir=ltr] .student-train-page .container.is-common,[dir=rtl] .student-train-page .container.is-common{padding-left:5px;padding-right:5px}.student-train-page .content-wrapper{height:calc(100vh - 54px)}[dir] .student-train-page .layout-content{margin:20px auto 40px;padding:50px 0;border:1px solid #fdfdff;box-shadow:0 2px 2px 4px rgba(0,0,0,.02)}[dir=ltr] .student-train-page .layout-content{background-image:linear-gradient(180deg,rgba(255,233,233,.3),rgba(254,254,255,.3))}[dir=rtl] .student-train-page .layout-content{background-image:linear-gradient(-180deg,rgba(255,233,233,.3),rgba(254,254,255,.3))}.student-train-page .layout-content .progress{width:40%}[dir] .student-train-page .layout-content .progress{padding:42px 0;text-align:center}[dir=ltr] .student-train-page .layout-content .progress{float:left}[dir=rtl] .student-train-page .layout-content .progress{float:right}[dir] .student-train-page .layout-content .progress .ul-progress-wrapper+.ul-progress-wrapper{margin-top:82px}.student-train-page .layout-content .gray{color:#969696}.student-train-page .layout-content .menus{width:60%}[dir] .student-train-page .layout-content .menus{padding:96px 0;text-align:center}[dir=ltr] .student-train-page .layout-content .menus{float:left;border-left:1px solid #e3e3e9}[dir=rtl] .student-train-page .layout-content .menus{float:right;border-right:1px solid #e3e3e9}.student-train-page .layout-content .menus .menu{display:block;width:60%;max-width:410px;height:90px}[dir] .student-train-page .layout-content .menus .menu{margin:0 auto}[dir=ltr] .student-train-page .layout-content .menus .menu{padding:16px 16px 16px 36px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.03),-2px -2px 4px 0 rgba(0,0,0,.03)}[dir=rtl] .student-train-page .layout-content .menus .menu{padding:16px 36px 16px 16px;box-shadow:-2px 2px 4px 0 rgba(0,0,0,.03),2px -2px 4px 0 rgba(0,0,0,.03)}[dir] .student-train-page .layout-content .menus .menu.ul-button+.ul-button{margin:62px auto 0}[dir] .student-train-page .layout-content .menus .menu.ul-button--default{background:rgba(251,252,255,.65)}[dir] .student-train-page .layout-content .menus .menu.ul-button--default:active{background:#529fff}.student-train-page .layout-content .menus .menu .content{display:flex;align-items:center}.student-train-page .layout-content .menus .menu .content .iconfont{font-size:32px}[dir=ltr] .student-train-page .layout-content .menus .menu .content .iconfont{margin-right:24px}[dir=rtl] .student-train-page .layout-content .menus .menu .content .iconfont{margin-left:24px}.student-train-page .layout-content .menus .menu .content .text{font-size:24px;line-height:1.4}[dir=ltr] .student-train-page .layout-content .menus .menu .content .text{text-align:left}[dir=rtl] .student-train-page .layout-content .menus .menu .content .text{text-align:right}[dir] .student-train-page .layout-content .menus .menu .content .text p{margin:0}.student-train-page .layout-content .menus .menu .content .text .num{font-size:16px}.student-train-page .layout-content .menus .menu .content .enter{flex:1}[dir=ltr] .student-train-page .layout-content .menus .menu .content .enter{margin-right:0;text-align:right}[dir=rtl] .student-train-page .layout-content .menus .menu .content .enter{margin-left:0;text-align:left}[dir] .student-train-page .layout-content .menus .desc{margin-top:50px}.student-train-page .close-tip{font-size:20px;color:#969696}[dir] .student-train-page .close-tip{padding-top:120px;text-align:center}.student-train-page .close-tip .iconfont{font-size:20px}[dir=ltr] .student-train-page .close-tip .iconfont{margin-right:8px}[dir=rtl] .student-train-page .close-tip .iconfont{margin-left:8px}