.class_info_box-root{display:block}.class_info_box-root .list-traing,.class_info_box-root .list-traing .left{display:-webkit-box;display:-ms-flexbox;display:flex}.class_info_box-root .list-traing .left{border:1px solid;margin-right:10px}.class_info_box-root .list-traing .left .period{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.class_info_box-root .list-traing .right{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid;padding:10px 10px 18px 10px}.class_info_box-root .list-traing .right .name{font-size:18px;margin-bottom:10px}.class_info_box-root .list-traing .right .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;font-size:16px;line-height:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;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}