.grades-detail{background:#f8f8f9}.grades-detail .content{width:1316px;height:100%;background:#fff;margin:0 auto;border-radius:10px;position:relative}.grades-detail .content-view{height:calc(100% - 80px);padding:32px 80px 0;overflow:auto}.grades-detail .title{font-size:24px;font-weight:700;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px}.grades-detail .item{position:relative;margin-bottom:24px}.grades-detail .item .name{font-size:16px;font-weight:700;color:#333;margin-left:12px;line-height:1;margin-bottom:16px}.grades-detail .item .name:before{content:" ";width:3px;height:16px;position:absolute;top:0;left:0;background:var(--primary)}.grades-detail .item:last-child{margin-bottom:0}.grades-detail .btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:24px}