.learning_file{height:100%;font-size:14px;display:flex;flex-direction:column}.learning_file .header{display:flex;padding:10px 10px 10px 10px;align-items:center}.learning_file .header .van-icon-arrow-left{font-weight:700}.learning_file .header .title{flex:1;text-align:center;font-weight:700}.learning_file .header .edit{font-size:13px}.learning_file .content{flex:1;overflow:auto;position:relative}.learning_file .content .top_msg{background-color:#1794f0;height:12.5rem;position:relative;margin-bottom:3.2rem}@media (max-width:380px){.learning_file .content .top_msg{margin-bottom:4.5rem}}.learning_file .content .top_msg .text{padding:10px 10%;color:#95e1ff;line-height:1.3em}.learning_file .content .top_msg .card{width:calc(100% - 20px);height:180px;position:absolute;left:50%;transform:translateX(-50%);right:0;overflow:auto;border-radius:10px;z-index:1;box-shadow:0 1px 2px 0 #ccc;background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.9),#fff);padding:20px}.learning_file .content .top_msg .card .name{font-size:20px;font-weight:700;color:#333;margin-bottom:5px}.learning_file .content .top_msg .card .unit{font-size:14px;color:#7c8594}.learning_file .content .top_msg .card .msg{display:flex;justify-content:space-between;position:absolute;align-items:center;left:0;bottom:20px;width:100%;padding:0 20px}.learning_file .content .top_msg .card .msg .line{width:0;border-right:1px solid #ccc;height:20px}.learning_file .content .top_msg .card .msg .msg_item{text-align:center}.learning_file .content .top_msg .card .msg .msg_item .m_i_p_1{font-size:18px;font-weight:700;margin-bottom:10px}.learning_file .content .top_msg .card .msg .msg_item .m_i_p_2{color:#7c8594}.learning_file .content .card{margin-bottom:10px}.learning_file .content .examination{width:calc(100% - 20px);margin:auto;box-shadow:0 0 2px 0 #ccc;padding:10px 10px 0 10px;background:linear-gradient(180deg,#fbf7eb,#fff 20%);border-radius:10px}.learning_file .content .examination .title{font-size:18px;font-weight:700;color:#333;margin:5px 0}.learning_file .content .examination .title a{color:#f7ae1f}.learning_file .content .examination .exam_item{display:flex;justify-content:space-between;align-items:center;margin:5px 0;border-bottom:1px solid #f3f3f3;padding:10px 0}.learning_file .content .examination .exam_item .name{color:#333;font-weight:700;margin-bottom:10px}.learning_file .content .examination .exam_item .per{color:#bdbdbd;font-size:13px}.learning_file .content .examination .exam_item .btn{color:#ff9929;border:1px solid #ff9929;padding:5px 8px;border-radius:5px}.learning_file .content .examination .status{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.learning_file .content .examination .status .btn{color:#ff9929;border:1px solid #ff9929;padding:5px 8px;border-radius:5px}.learning_file .content .examination .status_text{padding:10px 0;font-weight:700}.learning_file .content .examination .status_text.status_text1{color:green}.learning_file .content .examination .status_text.status_text2{color:#ff9b00}.learning_file .content .examination .status_text.status_text3{color:red}