.main {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}

.main_head {
    height: 380px;
    margin-top: 40px;
}

.main_head .guide_l {
    display: inline-block;
}

.main_bot .hot_m,
.main_head .hot_m {
    display: block; 
    margin-left: 40px;
    width: 500px;
	float:left
}

.main_bot .hot_m {
    width: 600px;
}

.main_head .guide_l .pb-carouselWarp {
    position: relative;
    width: 220px;
    height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

.main_head .guide_l .pb-carouselWarp .pb-arrow {
    width: 20px;
    height: 40px;
    border-radius: 0;
}

.main_head .guide_l .pb-carouselWarp .pb-arrow-prev {
    left: 0;
    opacity: 0.4;
    background: #000000 url(../images/arrow-left.png) no-repeat center;
}

.main_head .guide_l .pb-carouselWarp .pb-arrow-next {
    right: 0;
    opacity: 0.4;
    background: #000000 url(../images/arrow-right.png) no-repeat center;
}

.main_head .guide_l .guide_list {
    background-color: #F7F7F7;
    width: 220px;
    height: 286px;
}

.main_head .guide_l .guide_list li {
    float: left;
    width: 110px;
    height: 70px;
    text-align: center;
}

.main_head .guide_l .guide_list li i {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    color: #36393F;
}

.main_head .guide_l .guide_list li:hover i {
    color: #E83632;
}

.main_head .guide_l .guide_list li:hover span {
    color: #E83632;
}

.main_head .guide_l .guide_list li span {
    color: #333;
    font-size: 14px;
}

.main_head .guide_l .guide_list li a {
    display: inline-block;
    text-align: center;
    margin-top: 13px;
}

.main_bot .hot_m .hot_list.mar_top_15,
.main_head .hot_m .hot_list.mar_top_15 {
    margin-top: 15px;
}

.main_head .hot_m .hot_list .item.toutiao {
    margin-bottom: 0;
}

.main_head .hot_m .hot_list .item.toutiao i {
    vertical-align: middle;
    font-size: 38px;
    color: #E83632;
}

.main_bot .hot_m .hot_list .item i,
.main_head .hot_m .hot_list .item i {
    margin-right: 5px;
    color: #E83632;
    font-size: 15px;
}

.main_bot .hot_m .hot_list .item.toutiao .title,
.main_head .hot_m .hot_list .item.toutiao .title {
    display: inline-block;
    width: 400px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

.main_bot .hot_m .hot_list .item,
.main_head .hot_m .hot_list .item {
    line-height: 38px;
    list-style-type: disc !important;
    color: #CCC;
}

.main_bot .hot_m .hot_list .report,
.main_head .hot_m .hot_list .report {
    border-right: 1px solid #ccc;
    padding-right: 8px;
    margin-right: 5px;
}

.main_head .hot_m .hot_list .item a.report {
    color: #aaa;
    cursor: pointer;
}

.main_bot .hot_m .hot_list .item a,
.main_bot .hot_m .hot_list .item a,
.main_head .hot_m .hot_list .item a,
.main_head .hot_m .hot_list .item a {
    font-size: 16px;
    color: #333;
}

.main_bot .hot_m .hot_list .item .date,
.main_head .hot_m .hot_list .item .date {
    display: inline-block;
    float: right;
    margin-top: 6px;
    line-height: 28px;
    font-size: 14px;
    color: #999;
}

.main_bot .hot_m .hot_list .item .title,
.main_head .hot_m .hot_list .item .title {
    width: 410px;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    /*超出部分隐藏*/
    white-space: nowrap;
    /*不换行*/
    text-overflow: ellipsis;
    /*超出部分文字以...显示*/
}

.main_head .tool_r {
    float: right;
    width: 300px;
    padding: 26px 5px;
    border: 1px solid #E6E6E6;
}

.main_head .tool_r .item {
    margin-bottom: 28px;
    list-style-type: disc !important;
    color: #FA7A78;
}

.main_head .tool_r .item:last-child {
    margin-bottom: 0;
}

.main_head .tool_r .item .caption .title {
    width: 230px;
}

.main_head .tool_r .item .caption .status {
    font-size: 15px;
}

/* 专业大全 */
.container .profession_list {
    margin-top: 30px;
}

.container .profession_list li {
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
    width: 150px;
    height: 42px;
    line-height: 42px;
    background-color: #F7F7F7;
    text-align: center;
}

.container .profession_list li:nth-child(7n) {
    margin-right: 0;
}

.container .profession_list li:hover a {}

.container .profession_list li a {
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

/* 高职单招 */
.container .college_list {
    position: relative;
    display: inline-block;
    padding: 20px;
    margin-top: 25px;
    background-color: #F7F7F7;
}

.container .college_list li {
    position: relative;
    float: left;
    width: 228px;
    margin: 10px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #F7F7F7;
}
.container .college_list li p{ text-align:center;
margin-top:15px
}
.container .college_list li .badge_l {
    display: inline-block;
    width: 70px;
    height: 70px;
}

.container .college_list li .info_r {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.container .college_list li .info_r .title {
    width: 150px;
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
    overflow: hidden;
    /*超出部分隐藏*/
    white-space: nowrap;
    /*不换行*/
    text-overflow: ellipsis;
    /*超出部分文字以...显示*/
}

.container .college_list li .info_r .brief a {
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #999;
}

.container .college_list li .info_r .brief a:last-child {
    border: none;
}

/* 广告位 */
.ad_banner {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* 主体内容中间/底部*/
.main_bot,
.main_middle {
    position: relative;
}

.main_bot {
    margin-top: 40px;
    margin-bottom: 60px;
}

.main_bot .hot_qa,
.main_middle .hot_qa {
    display: inline-block;
    width: 218px;
    overflow-y: auto;
    border: 1px solid #E6E6E6;
    border-top: 2px solid #E83632;
}

.main_middle .hot_qa {
    height: 897px;
}

.main_bot .hot_qa {
    height: 440px;
}

.main_middle .hot_qa::-webkit-scrollbar,
.main_bot .hot_qa::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.main_middle .hot_qa::-webkit-scrollbar-track,
.main_bot .hot_qa::-webkit-scrollbar-track {
    background: #DDD;
    border-radius: 2px;
}

.main_middle .hot_qa::-webkit-scrollbar-thumb,
.main_bot .hot_qa::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 2px;
}

.main_middle .hot_qa::-webkit-scrollbar-thumb:hover,
.main_bot .hot_qa::-webkit-scrollbar-thumb:hover {
    background: #747474;
}

.main_middle .hot_qa::-webkit-scrollbar-corner,
.main_bot .hot_qa::-webkit-scrollbar-corner {
    background: #DDD;
}

.main_middle .hot_qa .qa_list {
    padding-bottom: 0;
}

.main_bot .hot_qa h3,
.main_middle .hot_qa h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: #444;
    font-size: 18px;
}

.main_bot .hot_m {
    position: absolute;
    display: inline-block;
    width: 600px;
    margin-left: 40px;
}

.main_bot .hot_m .hot_list li .cover_l {
    display: inline-block;
    position: relative;
    float: left;
    width: 200px;
    height: 80px;
    margin-right: 20px;
}

.main_bot .hot_m .hot_list li .cover_l img {
    position: absolute;
}

.main_bot .hot_m .hot_list li .info_r .title {
    height: 48px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main_bot .hot_m .hot_list li .info_r .title i {
    color: #E83632;
}

.main_bot .hot_m .hot_list li .info_r .bot {
    margin-top: 10px;
}

.main_bot .hot_m .hot_list li .info_r .bot a {
    background-color: #eee;
    padding: 4px 10px;
    margin-right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.main_bot .hot_m .hot_list li .info_r .bot a,
.main_bot .hot_m .hot_list li .info_r .bot span {
    color: #999;
    font-size: 12px;
}

.main_bot .content_r,
.main_middle .content_r {
    position: absolute;
    display: inline-block;
    right: 0;
    width: 300px;
}

.main_bot .content_r .hot_professional .ranking_list,
.main_middle .content_r .hot_professional .ranking_list {
    border: 1px solid #E6E6E6;
    padding: 20px;
}

.main_bot .hot_m .hot_list {
    margin-left: 20px;
}

.main_bot .hot_m .hot_list .item_cover {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: -15px;
}

.main_bot .hot_m .hot_list .item_cover .info_r {
    width: 375px;
    display: inline-block;
}