@import url("common.css");
.list_bt { position: relative; padding-left: 30px; }
.list_bt em { position: absolute; left: 0; font-size: 20px; top: 3px; color: #2191f0; }
.ms_rwap p { line-height: 30px; }
.list_hot .pic_lb3 { margin-bottom: 30px; }
/*左侧*/
.con_l { width: 1142px; padding:0 30px 30px 30px; background: #fff; border-radius: 10px; }
.con_l .pic_lb1 { *width: 34%; *margin-right: 3% }
.con_l .lb_4 { float: left; width: 260px; margin-bottom: 10px; padding-right: 80px; }
.con_l .lb_4 time { position: absolute; right: 0; font-size: 12px; color:#999; }
.con_l .lb_4:nth-child(2n+1) { float: right; }
.con_l .lb_5 { float: left; width: 365px; margin-bottom: 15px; }
.con_l .lb_5:nth-child(2n+1) { float: right; } 
.list_itme2 {position: relative;line-height: 40px; min-height:40px;margin-bottom: 10px;padding: 0 100px 0 20px;}
.list_itme2:after{ content:"";display: block;position: absolute;border-bottom: 1px dashed #cbd9d9;width: 86%;top: 20px;z-index: 0;}
.list_itme2:before {/* content:""; */display: block;position: absolute;left: 0;width: 6px;height: 6px;background-color: #cbd9d9;border-radius: 10px;z-index: 2;top: 18px;}
.list_itme2 .itme_bt { font-size: 16px; background-color: #fff; padding-right: 20px; position: absolute; z-index: 1; }
.list_itme2 .itme_bt:hover { padding-left: 5px;  }
.list_itme2 time { position: absolute; right: 0; background-color: #fff; color: #999; padding-left: 10px; }
.list_itme2:nth-child(5n) { margin-bottom: 50px; }
/*图片流改*/
.ar_pic {padding: 0;background: #fff;border-radius: 10px;margin-top: 40px;}
.ar_bj_mt26{display:inline-block;*display:inline;}
.ar_pic .pic_lb2 { padding-left: 5px;padding-right: 5px; width: 275px; text-align: center;position:relative;overflow:hidden;box-shadow:0 3px 9px rgba(0,0,0,.1)}
.ar_pic .pic_lb2:nth-child(1) { margin-left: 0px; }
.ar_pic .pic_lb2 .lb_img { width: 100%;height: 300px; overflow: hidden; border-radius: 10px;    }
.ar_pic .pic_lb2 img {width: 100%; height: 300px; object-fit: cover}

.ar_bj_mt26 .pic_lb2 .mark{position:absolute;width:275px;height:300px;background:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;top:0;display:none}
.ar_bj_mt26 .pic_lb2:hover .mark{filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.5;-webkit-transition:all 150ms;-moz-transition:all 150ms;-ms-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms;display:block}
.ar_bj_mt26 .pic_lb2 .b-down{width:142px;height:55px;line-height:55px;position:absolute;left:50%;top:130px;margin-left:-88px;color:#fff;font-size:20px;border-radius:2px;z-index:2;background:url(../images/common.png) 23px -444px no-repeat #d7000f;padding-left:36px;cursor:pointer;filter:alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;font-size:17px}
.ar_bj_mt26 .pic_lb2 .b-down:hover{background:url(../images/common.png) 23px -444px no-repeat #fc2130}
.ar_bj_mt26 .pic_lb2:hover .b-down{filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.ar_bj_mt26 .pic_lb2 .b-collect{width:148px;height:50px;line-height:50px;position:absolute;left:50%;top:197px;margin-left:-90px;color:#333;font-size:20px;border-radius:2px;z-index:2;background:url(../images/common.png) 29px -31px no-repeat #fff;padding-left:31px;cursor:pointer;filter:alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;font-size:17px;letter-spacing:7px}
.ar_bj_mt26 .pic_lb2:hover .b-collect{filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.ar_bj_mt26 .pic_lb2 .chose{background:url(../images/common.png) 29px -633px no-repeat #fff}
.ar_bj_mt26 .pic_lb2:hover .chose{background:url(../images/common.png) 29px -633px no-repeat #fff}
/*素材*/
.pm-item-cover{position:relative;padding:.5rem .3rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background-image:url(../images/pic_back.png);background-size:.75rem;background-repeat:repeat}
.pm-item-cover,.pm-item-cover a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pm-item-cover a{width:100%;height:16.5rem}
.pm-item-img{width:auto;max-width:70%;max-height:70%;border-radius:.05rem;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
.pm-item-img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
/*在线视频列表图片流改*/
.ar_pic_on {padding: 0;background: #fff;border-radius: 10px;margin-top: 40px;}
.ar_pic_on .pic_lb2 { padding-left: 5px;padding-right: 5px; width: 275px; text-align: center;}
.ar_pic_on .pic_lb2:nth-child(1) { margin-left: 0px; }
.ar_pic_on .pic_lb2 .lb_img { width: 100%;height: 200px; overflow: hidden; border-radius: 10px;    }
.ar_pic_on .pic_lb2 img {width: 100%; height: 200px; object-fit: cover}
/*标签*/
.list_tag { border: 1px solid #dee6e6; position: relative; border-radius: 10px; overflow: hidden; }
.tag_bt { position: absolute; top: 0; bottom: 0; background-color: #36ad9e; width: 20px; color: #fff; border-radius: 10px; padding: 10px 15px; text-align: center; font-size: 16px; }
.tag_rwap { padding: 15px 15px 5px 65px; }
.tag_a { border: 1px solid #dee6e6; line-height: 28px; border-radius: 10px; display: block; float: left; padding: 0 10px; margin: 0 10px 10px 0; }
.tag_a:hover { background-color: #36ad9e; color: #fff; border-color: #36ad9e; }
.logo img {
    margin-top: 0px;
    width: 254px;
}
/*课件列表*/
.bookslist {
  clear: both;
  overflow: hidden;
  border: #498949 2px solid;
  margin-bottom: 8px;
  margin-top: 8px;
  background-color: #f5fcee;
}
.bookslist:hover {
  background-color: #f5fcee;
}
.bookslist h3 {
  width: 20%;
  float: left;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  line-height: 36px;
  text-indent: 8px;
  background-color: #498949;
}
.bookslist ul {
  display: block;
  float: left;
  width: 80%;
}
.bookslist ul li {
  overflow: hidden;
  float: left;
  padding: 0 8px;
}
.bookslist ul li:hover {
  background-color: #fff;
}
.bookslist ul li a {
  font-size: 14px;
  line-height: 36px;
}
.bookslist2 {
  border: #5bab1e 2px solid;
}
.bookslist2 h3 {
  background-color: #5bab1e;
}
@media screen and (min-width: 320px) and (max-width: 767px){
.con_l {/*width: 814px;*/width:100%;padding: 0 30px 30px 0;background: #fff;border-radius: 10px;}
.list_itme2:after{ content:"";display: block;position: absolute;border-bottom: 1px dashed #cbd9d9;width: 70%;top: 20px;z-index: 0;}
.vip-int{display: none; }
.ar_pic {padding: 1rem 1rem 0 1rem;background: #fff;border-radius: 10px;width: auto;margin: 0;}
.ar_pic .pic_lb2{width:46%;padding-left: 5px;padding-right: 5px; text-align: center;}
.ar_pic .pic_lb2:nth-child(3){margin-left:0px;}
.ar_pic .pic_lb2 .lb_img { width: 100%;max-height: 220px; overflow: hidden; border-radius: 10px;}
.ar_pic .pic_lb2 img {width: 100%; max-height: 220px; object-fit: cover}

.ar_pic_on {padding: 1rem 1rem 0 1rem;background: #fff;border-radius: 10px;width: auto;margin: 0;}
.ar_pic_on .pic_lb2{width:46%;padding-left: 5px;padding-right: 5px; text-align: center;}
.ar_pic_on .pic_lb2:nth-child(3){margin-left:0px;}
.ar_pic_on .pic_lb2 .lb_img { width: 100%;max-height: 150px; overflow: hidden; border-radius: 10px;}
.ar_pic_on .pic_lb2 img {width: 100%; max-height: 150px; object-fit: cover}
}