/*
  banner
 */

.banner {
    width: 100%;
    background: no-repeat center ;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/* 
 学历头条
*/
.hot_info {
    padding: 13px;
}

.hot_info img {
    width: 72px;
    height: 19px;
    padding-bottom: 13px;
}

.hot_info .info_list {
    background-color: #fff;
    margin-bottom: 20px;
}

.hot_info .info_list .title {
    margin-bottom: 6px;
    width: 100%;
    color: #4D4D4D;
    overflow: hidden;
    /*超出部分隐藏*/
    white-space: nowrap;
    /*不换行*/
    text-overflow: ellipsis;
    /*超出部分文字以...显示*/
    font-size: 16px;
}

.sec_xl,
.major,
.college {
    padding: 15px;
}

.top .caption {
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #333;
    font-weight: bold;
    padding-left: 6px;
}

.top .caption:before {
    display: inline-block;
    content: '';
    height: 13px;
    border: 1px solid #0088E6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.top .more {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #B3B3B3;
    text-decoration: none;
}

.top .type_list{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #c2c2c2;
}

.top .type_list li.look_type {
    margin-right: 5px !important;
}

.top .type_list i{
    position: relative;
    float: right;
    margin-left: 8px;
    width: 0.26rem;
    height: 0.26rem;
    font-size: 0.26rem;
}

.top .type_list li {
    float: left;
    list-style-type: none;
    margin-left: 18px;
    font-size: 14px;
    color: #A0AAB2;
}

.top .type_list li img {
    position: absolute;
    right: 0;
    top: 5px;
    width: .26rem;
    height: .16rem;
}

.sec_xl .sec_list {
    position: relative;
    margin-top: 14px;
    margin-bottom: 17px;
    min-height: 1rem;
}

.sec_xl .sec_list .left_cover{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sec_xl .sec_list .left_cover img{
    width: 2.40rem;
    height: 0.96rem;
    background-position: center;
    background-repeat: none;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sec_xl .sec_list .right_info{
    margin-left: 2.68rem;
}

.sec_xl .sec_list .right_info.marginleft_0{
    margin-left: 0;
}

.sec_xl .sec_list .right_info .title{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    margin-right: 13px;
    font-size: 16px;
    color: #4D4D4D;
}

.guide,
.hot_info,
.sec_xl,
.major,
.college {
    position: relative;
    background-color: #fff;
    margin-bottom: 8px;
}

.guide .top,
.hot_info .top,
.sec_xl .top,
.major .top,
.college .top {
    position: relative;
}

.hot_info .info_list span.tag,
.sec_xl .sec_list .right_info span.tag {
    padding: 1px 3px;
    border: 1px solid #CAD6E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hot_info .info_list span.tag a,
.sec_xl .sec_list .right_info span.tag a{
    color: #A0AAB2;
}

.hot_info .info_list span.date,
.sec_xl .sec_list .right_info span.date{
    margin-left: 10px;
}


.hot_info .info_list span,
.sec_xl .sec_list .right_info span{
    color: #A0AAB2;
    font-size: 12px;
}

.load_more {
    text-align: center;
    color: #0088E6;
    font-size: 12px;
    margin-top: 15px;
}

.load_more a {
    color: #0088E6;
}

.load_more i{
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.type_all_box {
    position: absolute;
    right: 0;
    background-color: rgb(255, 255, 255);
    width: 100%;
    display: none;
    z-index: 99;
    padding-bottom: 25px;
    box-shadow: 0 4px 6px 0 rgba(7, 17, 27, 0.1);
}

.type_all_box .type_all_wrap {
    display: flex;
}

.type_all_box .type_all_wrap li {
    flex: 0 0 33.33%;
    margin-top: 15px;
    text-align: center;
}

.type_all_box .type_all_wrap.area li {
    flex: 0 0 20%;
}

.type_all_box .type_all_wrap li span {
    color: #5C6166;
    font-size: 14px;
    padding-bottom: 5px;
}

.type_all_box .type_all_wrap li:first {
    text-align: center;
}

.type_all_box .type_all_wrap li.active span {
    position: relative;
    color: #0088E6;
}

.type_all_box .type_all_wrap li.active span:before {
    content: '';
    position: absolute;
    width: 13px;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 23px;
    border: 1.5px solid #0088E6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.notice_box {
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}
.notice_box .notice_wrap {
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-left: 13px;
    margin-right: 13px;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #FAFAFA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.notice_box .notice_wrap i {
    font-size: 14px;
}
.notice_box .notice_wrap span{
    padding-left: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #FF9E00;
    letter-spacing: 2px;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/** 院校专业 **/
.major .major_list,
.college .college_list {
    display: flex;
}
.major .major_list .major_wrap,
.college .college_list .college_wrap {
    /* flex: 1; */
    margin-top: 10px;
}
.major .major_list .major_wrap {
    width: 50%;
}

.major .major_list .major_wrap .left_name {
    display: inline-block;
    width: .92rem;
    height: .92rem;
    line-height: .92rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.major .major_list .major_wrap .right_info {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: 500;
    line-height: 21px;
}

.major .major_list .major_wrap .right_info .major_name,
.college .college_list .college_wrap .right_info .college_name {
    color: #333;
    font-size: 15px;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.major .major_list .major_wrap .right_info .major_college {
    color: #999;
    font-size: 12px;
}
/*
	院校查询
*/
.college .college_list .college_wrap {
    padding: 8px;
    margin-right: 10px;
    background-color: #E8F8FF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.college .college_list .college_wrap:last-child {
    margin-right: 0;
}
.college .college_list .college_wrap .left_icon {
    display: inline-block;
    width: .92rem;
    height: .92rem;
    vertical-align: middle;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.college .college_list .college_wrap .right_info {
    display: inline-block;
    vertical-align: middle;
    width: 1.80rem;
    margin-left: 6px;
    font-weight: 500;
    line-height: 21px;
}
.college .college_list .college_wrap .right_info .college_desc {
    color: #0088E6;
    font-size: 12px;
}

/** 城市选择 **/
.city_switch{
    right: 15%;
    background-color: rgb(255, 255, 255);
    height: 0.5rem;
    z-index: 99;
    color: #a9a9a9;
    font-size: 0.33rem;
}

.city_switch i{
    font-size: 0.4rem;
}

.city_switch span{
    color: #5C6166;
    font-size: 0.25rem;
}

.city_box {
    position: absolute;
    top: 55px;
    right: 0;
    background-color: rgb(255, 255, 255);
    width: 100%;
    display: none;
    z-index: 99;
    padding-bottom: 25px;
    box-shadow: 0 4px 6px 0 rgba(7, 17, 27, 0.1);
}

.city_box ul {
    display: flex;
}

.city_box ul li {
    flex: 0 0 33.33%;
    margin-top: 15px;
    text-align: center;
}

.city_box ul li a{
    width: 60%;
    display: inline-block;
}

.city_box ul li span {
    color: #5C6166;
    font-size: 14px;
    padding-bottom: 5px;
}

.city_box ul li:first {
    text-align: center;
}

.city_box ul li.active span {
    position: relative;
    color: #0088E6;
}

.city_box ul li.active span:before {
    content: '';
    position: absolute;
    width: 13px;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 23px;
    border: 1.5px solid #0088E6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}