.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}.class_info_box-root{display:block}.class_info_box-root .list-traing{display:flex}.class_info_box-root .list-traing .left{border:1px solid;margin-right:10px;display:flex}.class_info_box-root .list-traing .left .period{flex:1 1 auto;width:48px;display:flex;flex-direction:column;justify-content:center;align-items:center}.class_info_box-root .list-traing .right{flex:1;border:1px solid;padding:10px}.class_info_box-root .list-traing .right .name{font-size:18px;margin-bottom:10px}.class_info_box-root .list-traing .right .info{display:flex}.class_info_box-root .list-traing .right .info .cover{position:relative;width:138px;height:100px;margin-right:10px}.class_info_box-root .list-traing .right .info .cover .img{display:block;width:100%;height:100%}.class_info_box-root .list-traing .right .info .cover .status-flag{left:-2px}.class_info_box-root .list-traing .right .info .text-wrap{display:flex;flex:1;margin-right:10px;font-size:16px;line-height:1;flex-direction:column;justify-content:space-around}.class_info_box-root .list-traing .right .info .text-wrap>p{margin-bottom:.35em}.class_info_box-root .list-traing .right .info .btn-wrap .btn{margin-top:15px;padding:10px 16px}