.t_pre{white-space:pre!important}.yioks-flex-box{display:flex;width:100%}.yioks-flex-box.horizontal{flex-direction:row}.yioks-flex-box.column{flex-direction:column}.yioks-flex-box.wrap{flex-wrap:wrap}.yioks-flex-box .yioks-flex-item{flex:1}.yioks-flex-box .yioks-flex-item.half{flex:none;width:50%}.yioks-card{font-size:16px;box-sizing:border-box;padding:10px 15px}.yioks-card .yioks-card-title{font-size:20px;padding-bottom:6px;color:#4cd964;border-bottom:2px solid #ccc}.yioks-card .yioks-card-content{padding:10px 5px}.flex{display:flex}.mr10{margin-right:10px}.exam-manager-root{display:flex;flex-direction:column;color:#fff}.exam-manager-root .inp{width:200px}.exam-manager-root .inp input{height:34px;border-radius:0}.exam-manager-root .content-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0 20px;padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.6)}.exam-manager-root .content-header .header-left{display:flex;align-items:center}.exam-manager-root .content-header .header-left .input-group-wrap{display:flex;color:#000}.exam-manager-root .content-header .header-left .input-group-wrap .select{height:34px;border:1px solid #999;padding:0 10px;outline:0}.exam-manager-root .content-header .header-left .input-group-wrap .level{width:110px;margin-right:10px}.exam-manager-root .content-header .header-left .input-group-wrap .statu{width:120px;margin-right:10px}.exam-manager-root .content-header .header-left .icon{margin-bottom:10px;cursor:pointer;display:flex;align-items:center}.exam-manager-root .content-header .header-left .title{font-size:24px;font-weight:bolder;margin-bottom:10px}.exam-manager-root .content-header .header-left .exam-count{font-size:16px}.exam-manager-root .content-header .header-right{display:flex;flex-direction:column;align-items:flex-end}.exam-manager-root .content-header .header-right .create-btn{width:140px}.exam-manager-root .list-wrap{position:relative;height:500px;display:block;overflow:hidden;margin:0 20px}.exam-manager-root .list-wrap .scroll-wrap{display:block;width:100%;height:100%;padding-top:10px;padding-bottom:15px}.exam-manager-root .list-wrap .scroll-wrap .list-content{display:block}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid hsla(0,0%,100%,.3);padding:10px 20px 10px 10px;margin-bottom:10px}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item:hover{background-color:hsla(0,0%,100%,.15)}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .exam-info{flex:1}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .exam-info .exam-title{font-size:18px;font-weight:700;margin-bottom:10px}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .exam-info .exam-title .el-tag{margin-right:5px}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .exam-info .exam-meta{display:flex;flex-wrap:wrap}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .exam-info .exam-meta .meta-item{margin-right:20px;margin-bottom:5px;font-size:15px}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .btn-wrap{display:flex;flex-direction:column}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .btn-wrap .detail-btn{width:100px;font-size:14px;padding:8px 0;margin-bottom:8px}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .btn-wrap .edit-btn{background-color:#4a90e2}.exam-manager-root .list-wrap .scroll-wrap .list-content .exam-item .btn-wrap .edit-btn:hover{background-color:#357abd}.exam-manager-root .pagation-wrap{padding:10px 20px;flex:0 0 auto}.exam-manager-root .empty-box{margin:50px 20px}