/*-------------------------
    编辑：郭文洲
    此样式表主要用于列表页面
--------------------------*/
@charset "utf-8";

/*-------------------------
        课程列表页面
--------------------------*/
.list-video{}
.list-video .listcon{width:1200px;margin:20px auto 0;padding-bottom: 80px;}
.list-video .listcon .listconDiv{display: flex;flex-wrap: wrap;}
.list-video .listnone{display:none;}
.list-videocon .nonev{text-align:center;padding-top: 150px;color:#737373;font-size: 14px;}
.list-video .nonev{text-align:center;padding-top: 80px;color:#737373;font-size: 14px;}
.list-video .fllist{padding:20px 0;background:#f8f8f8;}
.list-video .fllist .exl{ position:relative; width:1200px; /*height:35px;*/ padding-left:70px; border-bottom:1px solid #e6e6e6; line-height:35px;margin:0 auto;font-size: 14px; box-sizing:border-box;}
.list-video .fllist .exl span{ position:absolute; left:0; top:0; color:#737373;}
.list-video .fllist .exl a{ margin-right:10px; padding:0 5px; color:#333;}
.list-video .fllist .exl a.ac, .list-video .fllist .exl a:hover{ color:#108cee;}
#kcLbDiv.exl{ padding-bottom:5px;}
#kcBqDiv.exl{ margin-top:10px; line-height:20px; border-bottom:0;}
#kcBqDiv.exl a{ display:inline-block; width:65px; margin:10px 10px 0 0; text-align:center; border-radius:2px; background:#e9e9e9;}
#kcBqDiv.exl a:hover, #kcBqDiv.exl a.ac{color:#108cee; background:#e1f2ff;}
.list-video .qtfl{position:relative;width:1230px;margin:0 auto;padding:25px 0;}
.list-video .qtfl .rt{position: absolute;top:20px;right:35px;}
.list-video .qtfl .rt>*{display:inline-block;}
.list-video .qtfl .rt>label{margin-right: 10px;color:#333;}
.list-video .qtfl .rt>.fx>*{display:inline-block;}
.list-video .qtfl .rt>.fx>p{width:20px;height:20px;line-height: 20px;color:#666;text-align: center;cursor: pointer;}
.list-video .qtfl .rt>.fx>span{color:#666;line-height: 20px;}
.list-video .qtfl ul li{float:left;border-right: 1px solid #cccccc;}
.list-video .qtfl ul li a{padding:0 15px;color:#333;font-size: 14px;}
.list-video .qtfl ul li a.ac{color:#108cee;}
/*课程内容模块*/
.user-xxzx .svideo>ul{display:flex;justify-content: left;flex-wrap: wrap;padding: 20px 0;}
.video-mk{  width:calc(25% - 25px); margin:0 20px 20px 0; box-shadow: 0 1px 6px 0 rgba(0,0,0,.08); transition: all .3s ease; cursor:pointer;overflow: hidden;text-align: left;position: relative;}
.video-mk:hover{
        -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
        transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)
}
.video-mk h4{ width:100%; line-height:30px; font-weight:normal; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;box-sizing: border-box;}
.video-mk .p{ border-radius:2px;}
.video-mk .p img{ width:100%; height:auto; border-radius:4px 4px 0 0;}
.video-mk h4, .video-mk .t1, .video-mk .t2, .video-mk .t3{ padding:0 10px;}
.video-mk .t1{}
.video-mk .t1 span{ display:inline-block; font-size:12px; color:#737373;}
.video-mk .t1 .t1l{ float:left;}
.video-mk .t1 .t1r{ float:right;}
.video-mk .t2{ padding:2px 10px 10px; font-size:14px;}
.video-mk .t3{ position:relative; margin-top:10px; padding-top:10px; border-top:1px solid #f2f2f2;}
.video-mk .t3 .mk-user{ padding-bottom:10px;}
.video-mk .t3 .mk-user i, .video-mk .t3 .mk-user span{ display:inline-block; vertical-align:middle;}
.video-mk .t3 .mk-user i{ width:24px; height:24px; border-radius:50%; background:url(../img/global/20X20.png)center center #f5f8fa no-repeat;}
.video-mk .t3 .mk-user i img{ width:24px; height:24px; border-radius:50%;}
.video-mk .t3 .mk-user span{ font-size:14px; color:#333;}
.video-mk .t3 .mk-rq{ position:absolute; top:13px; right:10px; font-size:14px; color:#999;}
.video-mk .t3 .mk-rq::before{ padding-right:5px; color:#999;}
.video-mk .state { padding: 2px 6px; position: absolute; top: 0; right: 0; font-size: 12px; color: #fff; border-radius: 0 0 0 4px; }
/*正在更新中*/
.video-mk .video-loading{ height:298px; background:url(../img/global/video-loading.png) center center #f5f8fa no-repeat;}

/*-------------------------
        法律法规
--------------------------*/
.list-flfg{margin:30px auto 0;min-height: 800px;}
.list-flfg .flfgul{}
.list-flfg .flfgul li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;overflow: hidden;}
.list-flfg .flfgul li .pic{float:left;width:200px;height: 130px;border-radius: 10px;}
.list-flfg .flfgul li .lde{float:right;width:980px;}
.list-flfg .flfgul li .lde dl{position: relative;height:130px}
.list-flfg .flfgul li .lde dl dt{color:#333333;font-size: 18px;font-weight: bold;}
.list-flfg .flfgul li .lde dl dd{width:100%;padding-top:10px;line-height: 25px;color:#737373;font-size:14px;}
.list-flfg .flfgul li .lde dl dd:last-child{position: absolute;bottom:0px;left:0px;}
.list-flfg .flfgul li .lde dl dd span{color:#999999;font-size: 12px;}
.list-flfg .flfgul li .lde dl dd span.yan{position: absolute;bottom:0px;right:0px;padding-left:25px;background:url(../img/content/flfg/yan.png) no-repeat left center;}

/*-------------------------
        名师专栏
--------------------------*/
.list-jsfc{background:#f7f7f7;}
.list-jsfc .tcon{margin:0 auto;min-height: 800px;}
.list-jsfc .tcon .tul{margin-bottom: 20px;overflow: hidden;}
.list-jsfc .tcon .tul li{float:left;width:50%;}
.list-jsfc .tcon .tul li>div{margin:10px;padding:20px;border-radius: 8px;background:#fff;overflow: hidden;}
.list-jsfc .tcon .tul li .pic{float:left; width:236px; height:280px; border-radius:4px; background:url(../img/global/mr-logo.png) center center #f5f8fa no-repeat;}
.list-jsfc .tcon .tul li .pic img{ width: 100%; height: 100%;}
.list-jsfc .tcon .tul li .detail{position: relative;;float:right;width:275px;height:280px;}
.list-jsfc .tcon .tul li .detail .name{font-size:22px; color:#333333; font-weight: bold;}
.list-jsfc .tcon .tul li .detail .tips{line-height: 30px;font-size: 14px;color:#737373;}
.list-jsfc .tcon .tul li .detail .sm{padding-top: 10px;color:#333333;font-size: 14px;line-height:22px;text-indent: 1em;}
.list-jsfc .tcon .tul li .detail .lian{position:absolute;bottom:0px;right:0px;padding-right:30px;line-height:30px;color:#108cee;font-size: 14px;background: url(../img/list/jsfc/wyou.png) no-repeat right center;}

.list-video.user-rightiframe{padding:0 20px;}
.list-video .urtitle{position: relative;height:60px;line-height: 60px;padding:0 0px;border-bottom: 1px solid #e6e6e6;display: flex;justify-content: space-between;}
.list-video .urtitle span{color:#000;font-size: 22px;font-weight: bold;}
.list-video .urtitle a{float: right;color:#666;font-size: 16px;}
.list-video .urtitle a.kbor{height:30px;line-height:30px;padding:0 5px;margin-top:12px;border-radius:4px;border:1px solid #ccc}