@charset "utf-8";
.clear {
    clear: both;
}

.hd-2a {
    float: left;
    width: 162px;
    display: inline;
    font-size: 25px;
    color: #141313;
    margin: 12px 26px 0px 16px;
}

.hd-2a a {
    color: #141313;
}

.hd-2r span {
    float: left;
    display: inline;
    width: auto;
    overflow: hidden;
    margin: 7px 0px 0px 22px;
}

.cont {
    width: 100%;
    position: relative;
}

.cont_left {
    float: left;
    width: 820px;
}

.cont_right {
    float: left;
    width: 360px;
    margin-left: 20px;
}

.forum {
    width: 1200px;
    position: relative;
    color: #777777;
    font-size: 14px;
    margin: 0 auto;
}


/*天天问头部开始*/

.forum .forum_title {
    width: 100%;
    height: 43px;
    line-height: 43px;
    background-color: #EA5E23;
    color: white;
    margin-top: 20px;
}

.forum .forum_title li {
    float: left;
    font-size: 16px;
    margin-right: 50px;
    margin-left: 50px;
    width: 200px;
}

.forum .forum_title li + li {
    width: 280px;
    margin-left: 0px;
}

.forum .forum_title li + li + li {
    width: 190px;
}

.forum .forum_title li + li + li + li {
    width: 300px;
    margin-right: 0px;
}

.forum .forum_title li span {
    color: #fefe00;
}


/*天天问头部结束*/

.hot_product,
.hot_article,
.hot_course,
.hot_news {
    width: 360px;
    color: #777777;
    position: relative;
    margin-bottom: 10px;
}

.hot_product .title,
.hot_article .title,
.hot_course .title,
.hot_news .title {
    margin-bottom: 15px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #777777;
    border-bottom: 1px #e5e5e5 solid;
}

.hot_product .title span,
.hot_article .title span,
.hot_course .title span,
.hot_news .title span {
    border-bottom: 2px #EA5E23 solid;
    padding-bottom: 4px;
}

.hot_product .title em,
.hot_article .title em,
.hot_course .title em,
.hot_news .title em {
    color: #b7b7b7;
    margin-left: 5px;
}

.hot_product .title a,
.hot_article .title a,
.hot_course .title a,
.hot_news .title a {
    float: right;
    font-size: 14px;
}

.hot_product .title a em,
.hot_article .title a em,
.hot_course .title a em,
.hot_news .title a em {
    margin-left: 5px;
    color: #b7b7b7;
}

.hot_product .p_info {
    display: block;
    width: 360px;
    margin-top: 5px;
    height: 80px;
}

.hot_article .article {
    width: 100%;
    height: 255px;
    border: 1px #e5e5e5 solid;
    padding: 5px;
}

.hot_article .article_item {
    font-size: 14px;
    color: #777777;
    height: 25px;
    line-height: 25px;
}

.hot_article .article_item .article_tag {
    float: left;
    width: 75px;
    color: #b7b7b7;
    margin-left: 3px;
}

.hot_article .article_item a {
    float: left;
    width: 282px;
    color: #777777;
}

.hot_article .article_item a:hover {
    color: #EA5E23;
}

.hot_course {}

.hot_course .course {}

.hot_course .course .course_item {
    height: 185px;
}

.hot_course .course .course_item a {
    display: block;
    width: 358px;
    height: 143px;
    overflow: hidden;
    cursor: pointer;
}

.hot_course .course .course_item img {
    width: 358px;
    /*height: 143px;*/
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.hot_course .course .course_item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.hot_course .course .course_item .course_info {
    width: 340px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
}

.hot_course .course .course_item .course_info a {
    display: block;
    width: 110px;
    height: 30px;
    float: left;
    color: #777777;
}

.hot_course .course .course_item .course_info a:hover {
    color: #EA5E23;
}

.hot_course .course .course_item .course_info span {
    display: block;
    float: left;
    width: 110px;
    text-align: center;
}

.hot_course .course .course_item .course_info span + span {
    background-image: url('../images/sx.jpg');
    background-repeat: no-repeat;
    background-position: 0px center;
}

.hot_news .news {
    border: 1px #e5e5e5 solid;
    padding: 5px;
}

.hot_news .news .news_item {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}

.hot_news .news .news_item .time {
    float: left;
    width: 70px;
    text-align: center;
    color: #b7b7b7;
}

.hot_news .news .news_item .news_details {
    display: block;
    float: right;
    width: 270px;
    color: #777777;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.hot_news .news .news_item:hover .time,
.hot_news .news .news_item:hover .news_details {
    color: #EA5E23;
}