@charset "utf-8";
/* 课程资料 */
button{border:0;outline:0;background-color:transparent;}
.video-box{display:none;position:relative;width:100%;overflow:hidden}
.video{width:100%}
.video-popup{width:50%;max-height:90%;}
.layui-layer.video-popup{background-color:transparent;box-shadow:none;}
.video-popup .layui-layer-title{font-size:.18rem;color:#0a1636;background-color:#fff;border-bottom:0;border-radius:0.08rem .08rem 0 0;}
.video-popup .layui-layer-content{padding:1em;color:#5c626d;background-color:#fff;box-shadow:1px .1rem.1rem rgb(0 0 0 / 30%);border-radius:0 0 0.08rem .08rem;}
/* 描述 */
.video-popup .video-describing-item{display:flex;justify-content: space-between;gap:2%;margin-bottom:1.3em}
.video-popup .video-describing-item.row-reverse{flex-direction: row-reverse;}
/* 描述的文字 */
.video-popup .video-describing-text-box{flex:1}
.video-popup .video-describing-text-box>p{text-indent: 2em;padding-bottom:.5em;}
.video-popup .video-describing-text-box>p>b{color:#397de4;}
/* 描述的图片 */
.video-popup .video-describing-img-box{width:4.94rem;max-width:40%;overflow:hidden;border:1px solid #b9b9b9;border-radius:.08rem;}
.video-popup .video-describing-img-box>img{max-width:100%}
.item-btn-box{text-align:center;}
.item-btn{padding:.05rem .24rem;color:#3970e4;background-color:#e3edfb;border:0;outline:0;cursor:pointer;}
.item-btn:hover{color:#ffffff;background-color:#3970e4}
.item-btn.active{color:#ffffff;background-color:#3970e4}
.item-btn+.item-btn{margin-left:.2rem}
.item-body-btn-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.item-piece-box{display:none;flex-wrap:wrap;justify-content:space-between;}
.item-piece-box.active{display:flex}
.item-piece,.item-body-btn{display:flex;width:3.3rem;padding:.2rem;min-height:1.05rem;margin-bottom:.28rem;font-size:.18rem;background:linear-gradient(#e2effe,#f1f6fd);border:1px solid;border-image:linear-gradient(#e6ecf9,#ffffff);box-shadow:.03rem .03rem .27rem rgba(57,112, 228,.08);border-radius:.06rem;}
/* 内容标题 */
.item-body-title{margin-bottom:1em;font-size:.18rem;color:#5c626d;font-weight: bold;}
.item-body-subtitle{margin-bottom:1em;font-size:.16rem;color:#5c626d}
.item-body-btn{position:relative;align-items:center;transition:transfrom .2s ease-out;cursor:pointer;}
.item-body-btn:hover{transform:scale(1.05);box-shadow:0.03rem 0.03rem 0.17rem rgba(57,112, 228,.18)}
.item-piece{align-items:flex-start}
.item-piece>img{max-width:1.09rem;margin-right:.14rem}
.item-piece-head{font-weight:bold;margin-bottom:.6em;}
.item-body-btn>img{max-width:.55rem;margin-right:.14rem}
.item-body-btn:hover>img{animation:flipInY 1.4s linear}
.item-body-btn .item-file-btn,
.item-body-btn .item-video-btn{position:absolute;left:0;right:0;width:100%;height:100%}
@media screen and (max-width:640px) {
  .item-piece,.item-body-btn{width:100%}
  .item-piece:empty,.item-body-btn:empty{display:none}
  .item-piece:last-child,.item-body-btn:last-child{margin-bottom:0}
  .item-btn-box{display:none}
  .item-piece-box{display:flex}
}