*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family:'微软雅黑';}
.main{
    width:1200px;
    margin:0 auto;
    margin-top:40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main ul{
    display: flex;
    margin-top:40px;
}
.main li{
    margin-bottom:30px;
    width:584px;
    height:238px;
    background: #fafafa;
    border-radius:8px;
    position: relative;
    transition: 1s;
    display: flex;
}
.main li:last-child{
    margin-right:0px;
}
.main li img{
    width:252px;
    height:200px;
    margin-left: 8px;
    margin-top: 20px;
}


.main li:hover{
    box-shadow: 0 0 16px 6px rgba(0,0,0,0.1);
}
/*
.main li:hover .btn-lql{ }
*/
.btn-lql{
    width:60px;
    height:60px;
    color: #fff;
    text-align: center;
    position: absolute;
    left:16%;
    top:28%;
}
.main li div:last-child{
    margin-left:10px;
}
.main li p{
    width:304px;
    margin:0 auto;
    margin-top:20px;
    font-size: 18px;
    color: #343434;
    /* line-height: 30px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.main li p a{
    font-weight: bold;
    color: #333333;
    line-height:40px;
}
.main li span{
    width:304px;
    margin:0 auto;
    margin-top:5px;
    font-size: 14px;
    display: block;
    font-weight: 400;
    color: #666666;
}
.details2{
    width: 82px;
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #ED5252;
    line-height: 42px;
    position: absolute;
    right:3%;
    bottom:25px;
    transition: 1s
}
.main li:hover .details2{
    opacity:1;
    transition: 1s
    }
.js-load-more{ 
text-align:center; 
font-size:18px;
margin-bottom:30px;
}

.js-load-more-end{ 
text-align:center; 
font-size:18px;
margin-bottom:30px;
}
.activities_video{
    position: fixed;
    left: 33%;
    top:40%;
    z-index: 99;
}
.activities_video img{
  position: absolute;
  right: -30px;
  top: -31px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.jzrq-input {
    position: absolute;
    left: 30px;
    background: transparent;
    top: 80px;
}

.yxk-main2 input[type="text"].jzrq-input::-webkit-input-placeholder {
    color: #333;
}

.index_box5{background:#fff;padding-top:1px;padding-bottom:70px;}
.expertlist{width:1200px;margin:0 auto;clear:both;}
.expertlist li:nth-child(3n+3){margin-right:0;}
.expertlist h2{clear:both;font-size:24px;margin:40px 0 20px;color:#000;}
.videolist{width: 373px;height:235px;display: inline-block;margin-right:40px;position:relative;margin-top:20px;margin-bottom:15px;}
.videolist:last-child{margin-right:0;}
.videolist:hover .teacher-intro p{display:block;}
.videolist:hover .teach-circle{z-index: 999;top:160px;opacity:0.9;transition:all 1s;width: 40px;height:40px;background-color: #F14545;border:none;}
.videolist:hover .cover-div{display:block;}
/* .videolist:hover .videolist-top_img{display: none;} */
.videolist-top_img{width: 85px;height:85px;position: absolute;top:0;left: 27px;}
.videolist img{width:100%;height:100%;margin:0 auto;}
.videolist-img{width:292px;height:190px;overflow:hidden;background-color:#b2b2b2;text-align:center}
/* .videolist:hover img{transform: scale(1.3);transition:all 2s;} */
.videolist:before{content: " ";}
.videolist h3,.videolist h4{text-align:center;line-height:26px;font-size:16px;font-weight:normal;}
.videolist:hover{ cursor: pointer; }
/* .videolist:hover .th-video img{transform: scale(1.2); } */
.teacher-intro{position:absolute;top:0;left:0;z-index:88;width:361px;height:190px;}
.teacher-intro p{display:none;text-indent:2em;line-height:22px;margin:20px 15px 0;font-size:14px;}
.teach-circle{border: solid 1px #ccc;border-radius:35px;height:55px;position:absolute;width:55px;background-color:#fff;opacity:0.8;left:55%;top:40%;margin-left:-43px;margin-top:-24px;}
.teach-circle-play{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 12px;border-color:transparent transparent transparent #353535;position:absolute;top:50%;left:50%;margin:-10px 0 0 -2px;opacity:0.8;}
.cover-div{padding-top:30px;display:none;position:absolute;top:3%;left:10%;z-index:50;width:287px;height:145px;background: url(/Public/Home/images/thank_img/jxbj.png) no-repeat;background-size: 100% 100%;}
.videotitle{width:640px;height:32px;background-color:#fafafa;line-height:32px;padding-left:20px;font-size:16px;}
.vclose{float:right;cursor: pointer;width:40px;height:32px;text-align: center;}
.vclose b{position:relative;width:3px;height:32px;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;}
.vclose b:after{content: ""; position: absolute; top: 0; left: 0; width:3px;height:32px; background: #333;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg); }

.videos{ display:none; border:1px solid #ccc; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:660px;height:420px;}
.video-more-div{width:400px;height:38px;margin:20px auto 70px;}
.video-more{font-size:15px;text-transform:uppercase;width:150px;height:38px;display:block;border-radius:20px;border:1px #333 solid;text-align:center;line-height:38px;}
.video-more:hover{border-color:red;color:red;}
video{cursor:pointer;background: black;}

.cover-div p span{
    display: inline-block;
    color: #F14545;
}
.cover-div div{
    width: 90%;
    margin:0 auto;
}
.cover-div div p{
    display: flex;
    margin-right:10px;
}
.cover-div div p:last-child{
    margin-right:0;
}

.cover-div div p{
    font-size: 14px;
    /* letter-spacing: 1px; */
    font-weight: 400;
    color: #161616;
    line-height: 26px;
}
.bottom{
    width: 361px;
    height:56px;
    position: absolute;
    bottom:0px;
    left:0px;
    background: url(/Public/Home/images/thank_img/jxk.png) no-repeat;
    display: flex;
}
.bottom p{
    font-size: 20px;
    color: #666666;
    line-height: 67px;
    margin-left: 32px;
    letter-spacing: 1px;
}
.bottom span,.bottom b{
    font-size: 15px;
    font-weight: 300;
    color: #666666;
    line-height:67px;
    margin-left:15px;
}
.bottom b{
    margin-left:10px;
}




.siftbox .label {
    float: left;
    font-size: 18px;
    /* font-weight: 800; */
    color: #333;
    line-height: 40px;
    margin-right: 10px;
}


#close_cx a {
    color: #333;
    display: inline-block;
    line-height: 40px;
}

#close_cx {
    float: right;
}
.siftbox {
    /* width: 100%; */
    background: #fff;
    margin-top: 10px;
    color: #333;
    /* height: 40px; */
    height: auto;
    min-height: 40px;
    box-sizing: border-box;
    padding: 0 20px 4px;
}
.inbtn span em {
    color: #d93c32;
    font-style: normal;
}
.siftbox .inbtn span {
    background-position: 100% 0;
    display: block;
    float: left;
    padding: 0 25px 0 0;
    box-sizing: border-box;
    background: url(/Public/Home/images/thank_img/closelabel.png) right 6px no-repeat;
}
.siftbox .inbtn span:hover {
    background: url(/Public/Home/images/thank_img/closelabel2.png) right 6px no-repeat;
}
.siftbox .inbtn {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    margin: 7px 8px 0px 0;
    float: left;
    background-position: 0 0;
    padding: 0 10px 0 10px;
    background: #ffefee;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #ffefee;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}
.more{
    width: 10%;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 35px;
    border-radius: 5px;
    line-height: 40px;
    background: #FF4848;
    text-align: center;
    letter-spacing: 2px;
    font-size: 18px;
}
.more a {
    color: #fff;
}