.container{
    background-color: #f4f5f6;padding-bottom: 76px;padding-top: 40px;box-sizing: border-box;
}
.layui-tab-title li{padding: 0 !important;margin-right: 40px;font-size: 16px;}
.position{width: 1280px;margin: auto;padding-top: 40px;margin-bottom: 20px;color:#999;}
.main_left{width: 918px;}
.main_left .resource ul li{width: 290px;margin-bottom: 32px;overflow: hidden;}
.main_left .resource ul li p2{margin: 16px 16px 0;line-height: 28px;color: #333333;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_left .resource ul li .subtitle{line-height: 22px;color: #999999;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_left .resource .bg-cover{border-top-left-radius: 4px;border-top-right-radius: 4px;}

/* 教育咨询 start */
.main_left{width: 918px;}
.main_left .resource ul li{width: 290px;}
.main_left .resource ul li p{margin: 16px 16px 0;font-size: 18px;line-height: 28px;color: #333333;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}
.main_left .resource ul li .subtitle{font-size: 14px;line-height: 22px;color: #999999;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 44px;}
.right_top,.right_bottom{padding: 20px;box-sizing: border-box;width: 320px;border-radius: 4px;background: #FFFFFF;/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);*/}
.main_right .right_top .tit h2{font-size: 16px;line-height: 24px;color: #333333;}
.main_right .right_top .tit p{font-size: 12px;line-height: 18px;color: #999999;}
.main_right .right_top > p{font-size: 16px;margin-top: 20px;line-height: 24px;color: #333333;}
.main_right .right_top > p:hover{color: #5F7CB9;}
.main_right .right_bottom .content{margin-top: 22px;}
.main_right .right_bottom .content:hover img {transform: scale(1.1);}
.main_right .right_bottom p{font-size: 14px;line-height: 22px;color: #333333;}
.icon_num{margin-right: 8px;display: inline-block;color: #fff;text-align: center;line-height: 20px;width: 20px;height: 20px;border-radius: 2px;}
/* 教育咨询 end */

/* 文章详情 start */
.detail{border-radius: 4px;padding: 20px 40px;box-sizing: border-box;background: #FFFFFF;/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);*/}
.detail .author{margin-top: 40px; margin-bottom: 40px;padding: 10px 20px;box-sizing: border-box;height: 80px;border-radius: 4px;background: #EFF1F4;font-size: 14px;line-height: 20px;color: #999999;}
.detail .content{/*width: 758px;*/margin: auto;}
.detail .content p{text-indent: 2em;font-size: 16px;line-height: 32px;color: #333333;}
.detail .content img{margin-top: 20px;max-width: 100%!important;}
.detail .content h2{font-size: 20px;margin-top: 40px;color: #333333;}
.main_left .page{margin-top: 20px;margin-bottom: 76px;}
.main_left .page .flex_between{width: 449px;box-sizing: border-box;padding: 28px 20px;border-radius: 4px;background: #FFFFFF;/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);color:#666666;*/}
.main_left .page .flex_between a{color:#333333;}
.main_left .page .flex_between_none{background: unset;box-shadow: unset;}
.main_left .page div p{width: 294px;}
/* 文章详情 end */

/* 教育资讯和教育资讯/资讯详情 公共的 start */
.main_right .right_top .hotspot {margin-top: 20px;line-height: 24px;color: #333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;}
.main_right .right_top .hotspot:hover{color: #5F7CB9;}
.main_right .right_top .hotspot .icon_num{margin-right: 8px;display: inline-block;color: #fff;text-align: center;line-height: 20px;width: 20px;height: 20px;border-radius: 2px;}
.main_right .right_top .tit h2{line-height: 24px;color: #333333;}
.main_right .right_top .tit p{line-height: 18px;color: #999999;}
.right_top,.right_bottom{box-sizing: border-box;width: 320px;border-radius: 4px;background: #FFFFFF;/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);*/}
.main_right .right_bottom .content{margin-top: 22px;}
.main_right .right_bottom .content:hover .bg-cover {transform: scale(1.1);}
.main_right .right_bottom .content:hover a {color:#333333;}
.main_right .right_bottom p{font-size: 14px;line-height: 22px;color: #333333;}
.main_right .right_bottom .content .ptime{font-size:12px;color:#A6A6A6;}
/* 教育资讯和教育资讯/资讯详情 公共的 end */

.detail-left{width: 920px;border-radius: 4px;padding: 0;}
.detail-left .detail-title{font-family: Microsoft YaHei;font-size: 28px;color: #333333;font-weight: bold;margin-bottom: 16px;}
.detail-left .detail-figure span{padding: 3px 8px;border: 1px solid #DDDDDD;border-radius: 4px;display: inline-block;margin-right: 8px;}
.detail-left .detail-intro{overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;color: #666666;margin-top: 16px;line-height: 24px;}
.detail-left .detail-author{display: flex;justify-content: space-between;height: 40px;line-height: 40px;margin-top: 16px;border-bottom: 1px dashed #E5E5E5;padding-bottom: 10px;}
.detail-left .detail-author .cgra span{margin-right: 16px;}
.detail-left .detail-author .cgra .detail-line{width: 1px;height: 12px;display: inline-block;background-color:#d8d8d8;vertical-align: middle;}
.detail-left .detail-author .report{margin-left: 27px;}
.detail-left .detail-author .report img{width: 16px;height: 16px;vertical-align: text-bottom;}
.detail-left .detail-author .report span{font-size: 14px;color: #333333;}
.detail-bot{background-color: #FFFFFF;margin-top: 12px;padding: 5px 32px 32px;border-radius: 4px;}
.layui-tab-title li{padding: 0;margin-right: 32px;color: #333333;font-size: 16px;}
.detail-left .detail-content{min-height: 300px;line-height: 300px;background-color: #EAE5E5;margin: 0 auto;}
.detail-left .detail-content img{width: 100%;}
.detail-left .pre{color: #333333;margin:16px auto 0;}
.residue{color: #999999;}
.residue img{vertical-align: bottom;width: 20px;height: 20px;}

.detail-bt{margin-top: 32px;}
.verticalLine{width: 2px;height: 16px;display: inline-block;background-color: #004281;vertical-align: middle;line-height: 20px;}
.other{color: #333333;margin-left: 8px;vertical-align: middle;line-height: 20px;}
.courseware ul{list-style: none;}
.courseware ul li{color: #333333;font-size: 14px;margin-top: 20px;}
.courseware ul li.md-title{display: flex;}
.courseware ul li .md-sign{text-align: center;
    padding: 0px 5px;
    background-color: #f59403;
    color: #FFFFFF;
    border-radius: 4px;
    width: 30px;height: 20px;line-height: 20px;font-size: 12px;margin-right: 8px;}
.courseware ul li .md-sign-image{background-color: #D158A1;}
.courseware ul li .md-sign-audio{background-color: #3680A4;}
.courseware ul li .md-sign-video{background-color: #025E9C;}
.courseware ul li .md-sign-other{background-color: #03B289;}
.courseware ul li .md-sign-doc{background-color: #8053B2;}
.courseware ul li .md-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    width: 270px;
}
.courseware ul li .md-text:hover{color: #004281;}

.layui-btn-primary:hover {
    color: #5F7CB9;
    border-color: #5F7CB9;
}

.detail-line{width: 1px;height: 12px;display: inline-block;background-color: #d8d8d8;vertical-align: middle;margin-left: 10px;margin-right: 10px;}

.detail-content1{text-align: center;}
.detail-content1 img{width: 80px;height: 80px;border-radius: 50%;}
.detail-content1 .detail-name{color: #333333;margin-top: 12px;margin-bottom: 8px;}
.ct{height: 72px;margin: 20px auto;display: flex;justify-content: space-between;background-color: #EFF1F4;border-radius: 4px;}
.ct .detail-num{width: 93px;}
.detail-number{margin-top: 16px;font-size: 16px;color: #333;}
.ct .file{    margin-top: 6px;
    border-right: 1px solid #dfe2e8;
    font-size: 12px;
    color: #999;}
.follow{width: 133px;height: 40px;line-height: 40px;border-radius: 4px;border: 1px solid #DDDDDD;color: #333333;}

.favd{color:#004281;}
.favd:hover{color:#004281;}

.detail-content-other{border: dashed 1px #c0c4cc;padding: 10px;margin-top: 40px;}
.detail-content-other p{padding: 10px;}