@charset "utf-8";
/* CSS Document */

/*--------标题--------*/
.content-tit em {display: block;width: 70px;height: 24px;border-bottom: 2px #666 solid;float: left;}
.content-tit h2{font-size:28px;font-weight: normal;float:left;margin-left:10px;line-height: 50px;}
.content-tit i{float: left;font-size:20px;color: #999;margin-left:10px;line-height: 50px;}


.course-list{width: 100%;}
.like-course{width: 315px;margin-bottom: 20px;}
.like-course-con{ margin-left:30px; margin-top:10px; background:#fff; padding:20px;}
.like-course-con h3{font-weight:normal; font-size:16px;margin-bottom: 15px; color:#666;}
.like-course-con h3 span{color: #666;display: inline-block;width: 2px;height: 18px;background: #3c81f9;vertical-align: middle;margin-right: 10px;}
.like-course-con li{ margin-bottom:20px;}
.like-course-con li:last-child{ margin-bottom:0;}
.like-course-con li .course-top-box{ height:136px; overflow:hidden; position:relative;}
.like-course-con .course-top-box .m-img{ width:100%;height: 100%;object-fit: cover;}
.like-course-con .course-top-box .type-name{position: absolute;padding: 3px 12px;line-height: 18px;bottom: 8px;left: 8px;background: rgba(0, 0, 0, 0.5);color: #fff;border-radius: 20px;display:none;}
.like-course-con .course-bottom-box h3{margin-top: 15px;overflow: hidden; max-height:42px; line-height:21px;font-size: 16px;color: #333;}
.like-course-con .course-bottom-box .study-num{line-height: 25px;font-size: 14px;color: #777;}
.like-course-con .course-bottom-box .course-price {font-size: 16px;color: #f5891e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*点播课程列表*/
.hotCourseBox{ margin-right:-30px;}
.hotCourseBox li{float:left;width: 33.333%;}
.wWidth1200 .detail-content .hotCourseBox li{ width:33.33%;}
.hotCourseBox .ihotCourse{background:#fff;margin:10px 30px 10px 0;text-align: center;position:relative;z-index:50;border-radius: 5px;height: 400px;padding-bottom: 60px;}
.hotCourseBox .ihotCourse:hover{-webkit-box-shadow: 1px 5px 15px 3px rgba(186,186,186,0.2);-moz-box-shadow: 1px 5px 15px 3px rgba(186,186,186,0.2);box-shadow: 1px 5px 15px 3px rgba(186,186,186,0.2);}
.hotCourseBox .ihotCourse:hover .course-list-info{ height:auto;max-height:40px;margin: 10px 0 5px;}
.hotCourseBox .ihotCourse > .li01 >a img{width:100%;display:block;height: 100%;object-fit: cover;}
.hotCourseBox .ihotCourse .li01{position: relative;overflow: hidden;border-radius: 5px 5px 0 0;}
.wWidth1200 .hotCourseBox .ihotCourse .li01{height: 234px;}
.hotCourseBox .ihotCourse .li01{ height:200px;}
.li01 .type-name{position: absolute;padding: 3px 12px;line-height: 18px;bottom: 8px;left: 8px;background: rgba(0, 0, 0, 0.5);color: #fff;border-radius: 20px;}
.in01 .course-title {display: block;overflow:hidden; max-width:232px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color:#333;}
.in01 .deposit-name{display: inline-block;width: 18px;height: 18px;overflow: hidden;line-height: 18px;text-align: center;font-size: 14px;border: 1px solid #e91c35;color: #e91c35;vertical-align: middle;margin-left: 3px;border-radius: 2px;margin-top: 3px;}
.in02 {padding: 0 15px 5px 15px;background:#fff;line-height: 25px;font-size: 14px;color: #777;text-align: left;position: absolute;width: 100%;box-sizing: border-box;bottom:0;left: 0;}

.boxbtn01 a {height:35px;line-height:35px;text-align: center;color: #666;font-size: 14px; box-sizing:border-box;border-radius: 30px;overflow: hidden;}
.hotCourseBox li .boxbtn01{ margin:0px 20px 20px;}
.course-list-t{ line-height:30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotCourseBox li .boxbtn01 a.btn01 {float: left;color: #999;width:46%;border: 1px solid #ddd;}
.hotCourseBox li .boxbtn01 a.btn01:hover{ color:#3c81f9;}
.hotCourseBox li .boxbtn01 a.btn02 {float: right;background:#3c81f9;color: #fff;width:46%;border: 1px solid #3c81f9;}

.course-list-star{height:30px;line-height:30px;position: relative;}
.course-list-star .text{color:#6b6b6b; padding-left:5px;float:left;}
.course-list-star .text span{padding:0 5px;}
.course-list-star .star,
.course-list-star .star-on{height:14px;float:left;margin-top:9px;}
.course-list-star .star{width:70px;background: url(../images/star.png) repeat-x;}
.course-list-star .star-on{position: absolute;left:0;top:0;background: url(../images/star-ed.png) repeat-x;}

.course-list-price .course-price{font-size:16px;color:#f5891e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.course-list-price .free_cor{color:#3ab57f;}
.course-list-price .qgbg{width:40px;height:50px; position: absolute;left:20px;top:0px; text-indent: -999em; overflow:hidden;background:url(../images/sign.png) no-repeat;}
.course-list-price em{font-size:14px;color:#ababab;margin-left:20px; text-decoration: line-through;}
.course-list-price .qg-text{font-size:12px;}

.course-list-info{line-height:20px; overflow:hidden;height:0;-webkit-transition: .3s;transition: .3s;}

.course-list-time{line-height:30px; color:#9b9b9b;}
.course-list-time font{color:#ff4000;margin:0 3px;font-weight:bold;}

/*直播课程列表*/
.lcourse-list{margin-top:30px; float:left; width:78%;}
.lcourse-list li{ background: url(../images/icon-03.png) repeat-y 4px center;padding-bottom: 30px;}
.lcourse-list .liveState{background: url(../images/icon-02.png) no-repeat left center;}
.lcourse-list .liveState span{font-size: 14px;background-color: #3c81f9;color: #fff;max-width: 150px;text-align: center;border-radius: 2px;margin: 0px 0 12px 30px;position: relative;line-height:35px; display:block;}
.lcourse-list .liveState span:before {content: "";width: 0;height: 0;border-top: 8px solid transparent;border-right: 10px solid #3c81f9;border-bottom: 8px solid transparent;position: absolute;left: -8px;top:7px;}
.lcourse-list li .lcourse-Box{position: relative; padding:20px 200px 20px 310px;height:175px;border-top:1px solid #ebebeb; position: relative; transition: .3s;background: #fff; margin-left:30px;}
.lcourse-list li:first-child{border-top:0px;}
.lcourse-list .course-list-img{width:270px;height:175px; overflow:hidden;position: absolute;left:20px;top:20px;}
.lcourse-list .course-list-img img{width:100%; min-height:100%;}
.lcourse-list .course-list-img .live-state{width:100%;height:34px;font-size:14px;line-height:34px; position: absolute;bottom:0;left:0;text-align: center;color:#fff;background:url(../images/rgba0_60.png);}
.lcourse-list .course-list-img .live-state span{background:url(../images/live.gif) no-repeat 0 50%;padding-left:35px;}
.lcourse-list .course-list-title{font-size:20px;height:40px;line-height:40px; overflow: hidden;}
.lcourse-list .course-list-info{color:#9b9b9b;line-height:24px; font-size:14px;margin-top:5px;height:24px; overflow: hidden;}
.lcourse-list .course-list-info a{color:#9b9b9b;}
.lcourse-list .course-list-star{height:32px;line-height:32px;margin-top:10px; position: relative;}
.lcourse-list .course-list-star .text{color:#6b6b6b; padding-left:5px;float:left;}
.lcourse-list .course-list-star .text span{padding:0 5px;}
.lcourse-list .course-list-star .star,
.lcourse-list .course-list-star .star-on{height:14px;float:left;margin-top:9px;}
.lcourse-list .course-list-star .star{width:70px;background: url(../images/star.png) repeat-x;}
.lcourse-list .course-list-star .star-on{position: absolute;left:0;top:0;background: url(../images/star-ed.png) repeat-x;}
.lcourse-list .course-list-price{font-size:22px;line-height:38px;color:#e91c35;margin-top:10px;}
.lcourse-list .course-list-price .free_cor{color:#3ab57f;}
.lcourse-list .course-list-price .qgbg{width:40px;height:50px; position: absolute;left:20px;top:0px; text-indent: -999em; overflow:hidden;background:url(../images/sign.png) no-repeat;}
.lcourse-list .course-list-price em{font-size:14px;color:#ababab;margin-left:20px; text-decoration: line-through;}
.lcourse-list .course-list-price .qg-text{font-size:12px;}
.lcourse-list .course-list-btn{ position: absolute;right:40px;top:50%;height:36px;line-height: 36px;margin-top:-25px; }
.lcourse-list .course-list-btn a{ display: block;background:#3ab57f;color:#fff;border-radius:3px; font-size:16px; padding:0 40px; transition: .3s;}
.lcourse-list .course-list-btn a:hover{background:#2ea872;}
.lcourse-list .course-list-time{ position: absolute;right:40px;bottom:40px;line-height:24px; color:#9b9b9b;}
.lcourse-list .course-list-time font{font-size:24px;color:#f54444;margin:0 3px;font-weight:bold;}
.lcourse-list .course-list .course-col-ep{font-size:14px;}
.lcourse-list .course-list-button{position: absolute;right:40px;top:50%;margin-top:-18px;}
.lcourse-list .course-list-button a{width:120px;height:36px; color:#fff; line-height:40px; text-align: center;border-radius:3px;background:#3c81f9;font-size:16px; display: block;}
.lcourse-list .course-list-button a:hover{background:#ff9f37;}

.lcourse-list .course-list-state{ position: absolute;right: 30px;bottom: 30px;font-size:13px;}
.lcourse-list .course-list-state span{float:left;padding:0 10px;color:#b2b2b2; cursor: pointer;}
.lcourse-list .course-list-state i{font-size:15px;float:left;}
.lcourse-list .course-list-state b{font-weight: normal;margin-left:3px;}

.lcourse-list .course-list-state .zan-hover{color:#37ba82;}
.lcourse-list .course-list-state .collect-hover{color:#f26c60;}

/*热门课程*/
.school-list-right{width:20%;float:right; background: #fff;border:1px solid #ebebeb;margin-top: 30px; margin-bottom:30px;}
.school-list-right .title{height:40px;line-height:40px; overflow: hidden; padding:0 10px;border-bottom:1px solid #ebebeb; font-size:16px;}
.school-list-right li{padding:15px 0;margin:0 15px;border-top:1px solid #ebebeb;}
.school-list-right li:first-child{border-top:0px;}
.school-list-right .img{height:120px; overflow:hidden;}
.school-list-right img{width:100%;height:100%;object-fit: cover;}
.school-list-right .name{font-size:16px;height:34px;line-height:34px; overflow: hidden;}


/*面授课程列表*/
.special{ margin-right:-30px;}
.specialBox:hover{border-bottom: 5px #3c81f9 solid;}
.special dl {float: left;width:25%; margin-top:30px;}
.specialBox{ margin-right:30px;background-color: #fff;-webkit-box-shadow: 0 0 6px rgba(153,153, 153, .5);-moz-box-shadow: 0 0 6px rgba(153, 153, 153, .5);box-shadow: 0 0 6px rgba(153, 153, 153, .5);border-bottom: 5px #ccc solid;}
.special dl dt {text-align: center;padding: 5% 5% 2%;width: 90%; height:165px;overflow:hidden; position: relative;}
.special dl dt img{ width:100%; min-height:100%;}
.special dl dd {padding: 2% 7% 7%;}
.special dl dd a.left-tit {font-size: 16px;line-height: 40px;color: #000; height:40px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.special dl dd p {font-size: 14px;height: 48px; line-height:24px;color: #666;margin-bottom:10px;overflow: hidden;display: none;}
.special dl dd .courseRead {display: block;width:100%;border: 1px #dedede solid;border-radius: 30px;line-height: 32px;}
.special dl dd span a {display: block;text-align: center;font-size: 14px;color: #666;}
.special .course-list-price{margin: 10px 0;}

.w78{ width:78%;}
.labelIcon{ position:absolute; width:32px; height:40px; background:url(../images/common_icon_mark.png) no-repeat center; left:0; top:0; line-height:30px; font-size:14px;color:#fff; text-align:center;}

.lc3 {
    line-height: 1;display:inline-block;width:100%;
}
.lc3__item {
    padding: 22px 12px 10px 20px;
    width: 49%;
    float:left;
    margin-right:1%;
    /* font-size: 0; */
}
.lc3__con {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.lc3__con {
    width:72% !important;
}
.lc3__label {
    border: solid 1px #2d7bef;
    display: inline-block;
    color: #2d7bef;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 14px;
    text-align: center;
}
.lc3__name {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin: 12px auto 10px;
}
.lc3__feature span {
    color: #666;
    font-size: 12px;
    border: solid 1px #eee;
    background-color: #f6f6f6;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 6px;
    margin: 4px;
}
.lc3__tool {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
.lc3__tool {
    width: 26% !important;    text-align: center;
}
.lc3__tool {
   }
    .lc3__tool  .jrzb{background: #ef2d36;
    box-shadow: 0 0 12px 0 #f9a989;color:#fff;}

   .lc3__tool  .huifang {background: #3c81f9;border:#3c81f9;color:#fff;}
.lc3__price {
    display:block;
    font-size: 18px;
    color: #ef4545;
    float: right;width:100%;text-align:center
}
.lc3__price span {
    font-size: 20px !important;
}
.lc3__link {
    width: 78px;
    height: 38px;
    border-radius: 14px;
    border: solid 1px #ef4545;
    color: #ef4545;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    margin: 10px auto;
    padding:7px 20px;
    /* float: right; */
    width: 80%;
}
.lc3__person {
    line-height:28px;
    font-size: 12px;
    color: #666;
    float: right; width:100%;text-align:center;margin-top
}
.lc3__person span {
    color: #ef7545;
}
.lc3__tool:after {
    content: "";
    display: block;
    clear: both;
}
.lc3__item {
    border-bottom: 1px dashed #eee;
}
* {
  box-sizing: border-box;
}
:after,
:before {
  box-sizing: border-box;
}

.liveStatebox {
    /* border: 1px solid #ebebeb; */
    border-radius: 4px;
    background: #fff;
    padding: 15px 10px 20px;
    box-sizing: border-box;
}


.common-title{font-size: 24px;font-weight: normal;height: 24px;line-height: 24px;/* margin-bottom: 72px; */}
.common-title a{font-size: 14px;line-height: 30px;color: #777;}



/*直播*/
.con {
    width: 100%;
    /* float: left; */
}
.index_mk1{margin-top:20px;width:100%;background:#fff;padding: 12px 0px 20px;overflow:hidden;}
.index_mk1 .index_bt{width:100%;}
.index_mk1 .index_bt h2{font-size:18px; height:40px; line-height:40px; border-bottom:1px solid #eee; margin-bottom:12px; background:url(../images/icon_xian2.png) no-repeat left center; padding-left:12px; font-weight:normal;}
.index_mk1 .index_bt h2 a{ float:right; font-size:13px; color:#999;}
.index_mk1 .index_bt h2 a:hover{ color:#ef2d36;}
.hpcenter_r{width: calc(100% - 30px);}
.index_mk1 .nav{width: calc(100% - 455px);float:right;overflow:hidden;height:308px;overflow-y:auto;}
.index_mk1 .nav li{margin:0;padding:0;background:url(/tplay/images/zblb2_bg.png) no-repeat right;background-size:100%;width: calc(100% - 30px);height: 92px;padding: 0px 9px 0px 18px;cursor:pointer;}
.index_mk1 .nav li > div{width:100%;height:92px;overflow:hidden;}
.index_mk1 .nav li.active > div{width:100%;height:92px;overflow:hidden;background:#f5f5f5}
.index_mk1 .nav li > div:hover{ box-shadow:0 0 10px 0 #eee;}
.index_mk1 .nav .active{background:url(/tplay/images/zblb_bg.png) no-repeat right;background-size:100%;}
.index_mk1 .nav .active > div:hover{ box-shadow:none;}
.index_mk1 .nav::-webkit-scrollbar{ width: 4px; height: 16px; background-color:#ccc;}
.index_mk1 .nav::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(238,238,238,0); border-radius: 5px; background-color: #f2f2f2;}
.index_mk1 .nav::-webkit-scrollbar-thumb{ /*width: 10px;*/ height: 20px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(238,238,238,0); background-color: #ccc;}
.index_mk1 .nav .zblb_px1{width:28%;height:92px;float:left;background:url(/tplay/images/xian3.png) no-repeat center right;}
.index_mk1 .nav .zblb_px1 h3{height:auto;font-size:14px;color:#000;width:100%;font-weight:normal;padding:21px 14px 8px;width: 90%;line-height:20px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_mk1 .nav .zblb_px1 p{font-size:13px; color:#999; padding:0 14px; width:100%; letter-spacing:1px; }
.index_mk1 .nav .zblb_px2{width:28%; height:92px; float:left;  background:url(/tplay/images/xian3.png) no-repeat center right;}
.index_mk1 .nav .zblb_px2 p{font-size:14px;  padding:21px 14px 0 ; width:100%; }
.index_mk1 .nav .zblb_px3{width: 29%;height:92px;float:left;background:url(/tplay/images/xian3.png) no-repeat center right;}
.index_mk1 .nav .zblb_px3 h3{font-size:14px;color:#333;width:100%;font-weight:normal;padding: 21px 14px 0px 8px;width:100%;line-height:20px;height:auto;}
.index_mk1 .nav .zblb_px3 p{font-size:14px;padding:0 14px;width:100%;font-size:13px;}
.index_mk1 .nav .zblb_px3 p span{ color:#ef2d36;}
.index_mk1 .nav .zblb_px3 p span img{ margin-bottom:3px; margin-right:4px; margin-left:3px;}
.index_mk1 .nav .zblb_px3 p b{ font-weight:normal; color:#999;}
.index_mk1 .nav .zblb_px3 p b span{ font-weight:bold;}
.index_mk1 .nav .zblb_px4{width: 15%;float:right;height:92px;}
.index_mk1 .nav .zblb_px4 a{width:70px; height:28px;   background: #3c81f9;
    border: #3c81f9; display:block; border-radius:4px; text-align:center; line-height:28px; color:#fff; font-size:13px;;margin:32px auto;}
.index_mk1 .nav .zblb_px4 .jrzb{ background:#ef2d36; box-shadow:0 0 12px 0 #f9a989;}
.index_mk1 .nav .zblb_px4 .yuyue{ background:#ff8706; box-shadow:0 0 12px 0 #f8ca7b;}
.index_mk1 .tab-content{float:left;width:440px;/* overflow:hidden; */}
.index_mk1 .tab-content .tab-pane {width: 470px;height: 310px;float:left;overflow:hidden}
.index_mk1 .tab-content .tab-pane > img{width:100%;margin-top:6px;}
.index_mk1 .tab-content .tab-pane p{/* width:100%; */height:38px;background:#333333;padding:0 15px;line-height:38px;color:#fff;font-size:16px;}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}


.fullSlide {
    min-width: 1000px;
    border-top: 4px solid #3D9EE9;
    position: relative;
    height: 400px;
    overflow: hidden;
}

.fullSlide .bd {
    position: relative;
    z-index: 0;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 400px;
    cursor:pointer;
}

.fullSlide .bd li .siteWidth {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    height: 400px;
}

.fullSlide .bd li a {
    position: absolute;
    width: 100%;
    height: 400px;
    display: block;
    z-index: 1;;
}

.fullSlide .bd .txt {
    position: absolute;
    width: 415px;
    top: 100px;
    left: 22px;
    font: normal 18px/30px "Microsoft YaHei";
}

.fullSlide .bd .btn {
    display: block;
    zoom: 1;
    margin-top: 8px;
    width: 72px;
    padding-right: 10px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: url(images/banner-btn.png) 0 0 no-repeat;
    _background: url(images/banner-btn-ie6.png) 0 0 no-repeat;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 11px;
    height: 11px;
    margin: 4px;
    background: url(images/dot-black.png) 0 0;
    overflow: hidden;
    line-height: 9999px;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.fullSlide .hd ul .on {
    filter: alpha(opacity=100);
    opacity: 1;
}


.news__con {
  padding: 0px 0 0;
}
.news__con:after {
  display: block;
  clear: both;
  content: "";
}
.news__hot {
  padding: 20px;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(bottom, #3380f4 0, #005fef 100%);
  background-image: linear-gradient(0deg, #4d84f6 0, #005fef 100%);
  color: #fff;
}
.news__hotNav{min-height:190px;}
.news__hotTitle {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
  color: #fff;
  /* min-height: 220px; */
}
.news__hotTitle a {
  color: #fff;
}
.news__hotItem {
  margin: 13px auto;
}
.news__hotLink {
  color: #fff;
  line-height: 1.4;
  font-size: 14px;
  display: block;
  width: 20em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsItem {
  float: left;
  width: 50%;
  position: relative;
  padding: 0 0em 0 3em;
  line-height: 2.2;
}

.newsItem  .fl{    max-width: 390px;; 
   white-space: nowrap;
    text-overflow: ellipsis; 
    overflow: hidden;}

.newsItem:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #dcdcdc;
  position: absolute;
  top: 13px;
  left: 2em;
}
.newsItem:hover a {
  color: #3c81f9;
}
.newsItem__type {
  color: #666;
  font-size: 16px;
  /* float: left; */
  margin-right: 4px;
}
.newsItem__title {
    font-size: 16px;
    width: auto;
    /* max-width: 18em; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* float: left; */
}
.newsItem__title:hover a,
.newsItem__type:hover a {
  color: red;
}
.newsItem__time {
 font-size: 14px;
    color: #777;
  float: right;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}
* {
    box-sizing: border-box;
}
.course-title li {
    float: left;
    font-size: 14px;
    line-height: 15px;   
}
.course-title{margin-top:20px;margin-bottom:12px;}

/*最近直播*/
.recently-live{padding-bottom: 0px;}
.recently-live ul{margin-right: -28px;}
.recently-live li{float:left;margin-top: 10px;width: 409px;}
.recently-live .recently-live-box{margin-right: 28px;background:#fff;/* margin-bottom:20px; */padding: 12px;border-radius:5px;/* height: 80px; */overflow: hidden;}
.recently-img-box{ width:80px; height:80px; overflow:hidden; border-radius:80px;margin-right: 12px;}
.recently-img-box img{ width:100%;height: 100%;object-fit: cover;}
.recently-info{width: 260px;margin-top: 18px;}
.recently-info h2{font-size: 16px;font-weight: normal;line-height: 16px;height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recently-info p{margin-top: 12px;font-size: 14px;color: #777;}
.recently-info p .ckhf {
  padding: 3px 12px;
  margin-left: 180px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 20px;
}
.recently-price{color: #f5891e;font-size: 16px; line-height:18px;}
.green-font{color: #3ab57f;font-size: 16px;}
.recently-live-box:hover{box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);}