@charset "UTF-8";
/****************订阅推送 start************/
.subscribe_banner{
    position:relative;
    width:100%;
    min-width:1400px;
    height:300px;
    overflow:hidden;
}
.subscribe_center{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:300px;
    background:url(../images/subscribe_banner.jpg) no-repeat center;
}

#subscribe{
    position:relative;
    min-height:500px;
    margin:25px auto;
}
/*左 start*/
.sub_btn{
    position:absolute;
    left:0;
    width:250px;
    background:#fff;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.08);
    border-radius:10px;
    overflow:hidden;
}
.sub_btn dt{
    width:100%;
    line-height:60px;
    background:url(../images/push_bg.jpg) no-repeat center left;
    color:#fff;
    font-size:17px;
    font-weight:bold;
    padding:0 30px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sub_btn dt img{ 
    float:left;
    margin:15px 10px 0 0;
}
.sub_btn dd{ padding:0 0 35px;}
.sub_btn dd a{
    display:block;
    position:relative;
    width:100%;
    height:70px;
    line-height:70px;
    font-size:16px;
    padding:0 30px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sub_btn dd i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/sub_btn.png") no-repeat center;
    vertical-align:-6px;
    margin-right:12px;
    overflow:hidden;
}
.sub_btn dd i.btn_tb1{background-position:0 0;}
.sub_btn dd i.btn_tb2{background-position:-50px 0;}
.sub_btn a.sel i.btn_tb1{background-position:0 -25px;}
.sub_btn a.sel i.btn_tb2{background-position:-50px -25px;}
.sub_btn dd a.sel{
    color:#1d4ba0;
    background:#f4f7ff;
}
/*左 end*/
.sub_box{
    width:100%;
    padding-left:270px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sub_item{
    width:100%;
    border-radius:10px;
    background:#fff;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.08);
    overflow:hidden;
    display:none;
}
/*右上切换 start*/
.sel_btn{
    position:relative;
    width:100%;
    overflow:hidden;
}
.sel_btn dt{
    position:relative;
    width:100%;
    line-height:60px;
    background:url(../images/push_bg.jpg) no-repeat center right;
    padding:0 20px;
    color:#fff;
    font-size:17px;
    font-weight:bold;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sel_btn dd{
    width:100%;
    padding:10px 130px 10px 20px;
    line-height:35px;
    border-bottom:1px solid #eee;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sel_btn a{
    position:relative;
    float:left;
    color:#333;
    font-size:15px;
    margin:0 25px 5px 0;
    cursor:pointer;
}
.sel_btn a::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3px;
}
.sel_btn a.red{
    color:#1d4ba0;
}
.sel_btn a.red::after{
    background:#1d4ba0;
}
.cancel_care{
    display:flex;
    justify-content:center;
    position:absolute;
    right:20px;
    top:70px;
    width:100px;
    line-height:35px;
    background:#1d4ba0;
    border-radius:35px;
    color:#fff;
    font-size:14px;
    text-align: center;
    cursor: pointer;
}
.cancel_care:hover{opacity:0.9;}
.cancel_care i{
    font-size:20px;
    font-weight: bold;
}
/*取消关注弹窗 start*/
.notice_layer{
    text-align:center;
}
.notice_layer>p{
    margin-top:10px;
}
.layui-layer-btn{ padding:0 15px 20px!important;}
.layui-layer-btn .layui-layer-btn0 {
    border-color:#1d4ba0!important;
    background-color:#1d4ba0!important;
}
/*取消关注弹窗 end*/
/*右上切换 end*/
.sub_list{
    width:100%;
    padding:0 20px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.same_list{display:none;}
/*我关注的院校 start*/
.information_list{
    width:100%;
    margin:20px auto;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.information_list li{
    position:relative;
    width:100%;
    background:#f0f4fe;
    border-radius:8px;
    padding:10px 20px;
    margin-bottom:15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.information_list li:last-child{margin:0;}
.information_list li .information_title{
    position:relative;
    width:100%;
    line-height:40px;
    overflow:hidden;
}
.information_title img{
    position:absolute;
    left:0;
    top:0;
    width:40px;
}
.information_title h2{
    width:100%;
    line-height:40px;
    font-size:16px;
    padding:0 140px 0 50px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.information_btn{
    position:absolute;
    right:20px;
    top:50%;
    transform:translate(0,-50%);
    width:120px;
    line-height:40px;
    background:#1d4a9f;
    border-radius:5px;
    color:#fff;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
}
.information_btn:hover{
    color:#fff;
    opacity:0.8;
}
.information_message{
    width:100%;
    line-height:30px;
    padding:0 140px 0 50px;
    overflow:hidden;
    box-sizing: border-box;
}
.information_message span{
    float:left;
    color:#777;
    font-size:14px;
    line-height:35px;
    margin-right:35px 
}
.collect_btn{cursor:pointer;}
.collect_btn i{
    float:right;
    width:24px;
    height:24px;
    background:url(../images/icon_shoucang1.png) no-repeat center;
    background-size:cover;
    margin-top:5px;
}
.collect_btn i.sel{
    background:url(../images/icon_shoucang2.png) no-repeat center;
    background-size:cover;
}
/*我关注的院校 end*/

/*我关注的授课老师 start*/
.course_list{
    padding-bottom:5px;
    overflow:hidden;
}
.course_list li{
    width:calc((100% - 40px)/3);
    height:315px;
    background: #f4f7ff;
    box-shadow:none;
}
.course_list li:hover{box-shadow:none;}
.course_list li:nth-child(4n){margin-right:20px;}
.course_list li:nth-child(3n){margin-right:0;}
.course_list li .c_down{padding:7px 15px;}
.course_list li:hover .c_down:before{background:transparent;}
.course_list .c_down h4{margin:0;}
.course_list .c_down p{
    height:25px;
    line-height:25px;
    font-size:14px;
}
.course_list li:hover h4{color:#000;}
.course_list li:hover p{color:#888;}
@media screen and (max-width: 1399px){
    .course_list li {
        height:285px;
    }
}
/*我关注的授课老师 end*/
/****************订阅推送 end************/