.left{
    float: left;
    height: auto;
    overflow: hidden;
    width: 280px;
}
.type-title{
    width: 240px;
    line-height: 60px;
    height: 60px;
    color: #666666;
    font-size: 16px;
    padding: 0 20px;
    border-bottom: 1px solid #cfcfcf;
}
/*热门资讯*/
.heatnews-div{
    width: 280px;
   /* height: 300px;*/
    background: #FFffFF;
    margin-top: 20px ;
    float: left;
}
.heatnews-title{
    width: 260px;
    height: 60px;
    line-height: 60px;
    color: #333333;
    font-size: 16px;
    float: left;
    padding-left: 20px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;

}
.heatnews-div-1{
    float: left;
    padding-left: 20px ;
}
.heatnews-div .news-title{
    float: left;
    height: 44px;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
}
.heatnews-div .news-title:hover{
    color: #1d6cef ;
}
.number{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin:10px 10px 0 0;
    float: left;
    color: #FFffFF;
}
.news-title a:hover{
    color: #1d6cef ;
}
.sz-1{
    background: #055ff5;
}
.sz-2{
    background: #246de6;
}
.sz-3{
    background: #4484ef;
}
.sz-4{
    background: #5791f3;
}
.sz-5{
    background: #679df9;
}
.sz-6{
    background: #7ca9f7;
}
.sz-7{
    background: #8eb4f7;
}
.sz-8{
    background: #a4c2f7;
}
.sz-9{
    background: #b7cef9;
}
.sz-10{
    background: #cad9f5;
}
/*热门资讯*/

.left .type {
    width: 240px;
    height: 50px;
    line-height: 50px;
    margin: 0 20px;
    border-bottom: 1px solid #cfcfcf;
    text-align: center;
    font-size: 16px;
    color: #333333;
}
.type:last-of-type{
    border:0px;
}
.left .type:hover{
    color: #1d6cef;
}
.left .active a{
    color:#1D6CEF;
}
.left .type-act{
    color: #1d6cef;
}
.right{
    float: left;
    width: 880px;
    height: auto;
    margin-left: 20px ;
}
.news{
    width: 878px;
    height: 250px;
    background: #FFffFF;
    margin-bottom: 20px;
    border: 1px solid #FFffFF;
    transition: all 0.6s;
}
.news:hover{
    border: 1px solid #cfcfcf;
    box-shadow:4px 4px 8px 2px rgba(0, 0, 0, 0.20);
}
.news-left{
    float: left;
    width: 558px;
    height: 250px;
}
.news-left-1{
   margin: 20px 10px 20px 20px;
}
.news-right{
    float: left;
    width: 300px;
    height: 250px;

}
.news-right img{
    width: 280px;
    height: 210px;
    margin: 20px;
}
.news-title{
    height: 50px;
    line-height: 50px;

}
.news-title a{
    font-size: 16px;
    color: #333333;
}
.news-content{
    height: 120px;
    color: #666666;
    line-height: 30px;
}
.news-content a{
    color: #1d6cef;
}
.news-content a:hover{
    color: #1d6cef;
}
.news-content span{
    color: #1d6cef;
}
.news-time{
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    color: #999999;
}
.news-time img{
    margin: -4px 5px 0 30px;
}
.news-time span{
    float: right;
}
/*详情*/
.details-title{
    padding: 0px 30px;

    background: #FFffFF;
}
.title-1{
    font-size: 24px;
    padding-top: 40px;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0px;
}
.title-2{
    height: 40px;
    line-height: 40px;
    color: #999999;
}
.title-2 span{
    float: right;
}
.details-content{
    overflow: hidden;
    margin: 20px 0 0 0;
    height: auto;
    background: #FFffFF;
    color: #666666;
    line-height: 30px;
    letter-spacing: 0.5px;
    padding: 40px 30px;
    font-size: 16px;
}
.details-code{
    height: 90px;
    background: #FFffFF;
    border-top:1px solid #cfcfcf ;
    padding: 40px 30px;
    overflow: hidden;
}
.code-img{
    width: 90px;
    height: 90px;
    float: left;
}
.details-code-1{
    margin-left: 30px ;
    width: 698px;
    height: 90px;
    float: left;

}
.collect{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666666;

}
.collect img{
    margin: -4px 0 0 0  ;
}
.shareimg{
    float: right;
    margin: 0px 5px;
    cursor: pointer;
}
.shareimg:hover > span{
    color: #1d6cef;
}
.news-up{
    height: 30px;
    line-height: 30px;
    color: #666666;
}
/**猜你喜欢开始**/
.details-may-like{
    margin-top: 10px;
    width: 100%;
    background: #FFffFF;
}
.album-title {
    min-height: 14px;
    line-height: 14px;
    font-size:14px;
    margin: 20px 0;
    color: #666;
    line-height: 14px;
    margin-bottom: 20px;
    font-weight:bold;
}
.card-box-little{
    float: left;
    margin-right: 20px;
}
.card-box-little img{
    width:205px;
    height:153px;
}
.card-box-little:first-child{
    margin-left:0;
}
.card-box-little:last-child{
    margin-right:0;
}
.card-box-item{
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    position: relative;
    width: 205px;
    background:#FFFFFF;
    border-top: 1px solid#EEEEEE;
    border-radius:0px 0px 5px 5px;
    text-align: center;
}
.card-box-item a{
   color: #666;
    text-decoration: none;
    font: 14px Arial,"微软雅黑";
    font-size: 14px;
}
.card-info-item {
    font-size: 12px;
    color: #bbb;
    position: absolute;
    bottom: 14px;
}
/**猜你喜欢结束**/

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 0px 19px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 3px;
    height: 35px;
    margin-left: 15px;

}

.button1 {
    background-color: white; 
    color: black; 
    border: 1px solid #cfcfcf;
    font-size: 14px;
    color: #999999;
}

.button1:hover {
    background-color: #1d6cef;
    color: white;
}
.courses-list li {
    height: 159px;
}
h3{
    margin: 0px;
    margin-top: -10px;
}
.soft_title{
    font-weight: 700;
    font-size: 16px;
    font-family: 微软雅黑;
    color: #999999;
}
.small_title{
   
    font-size: 14px;
    font-family: 微软雅黑;
    margin-top:-10px;
}
.samll_title a{
    color: #666666;

}