/************************************就业天天练 start***************************************/
.practice_banner{
    width:100%;
    height:320px;
    background:url("../../images/jy/practice_banner.jpg") no-repeat center;
}

.pro_box{
    width:100%;
    margin:20px 0;
    overflow:hidden;
}
.pro_l{
    float:left;
    width:250px;
    background:#fff;
    padding-bottom:20px;
    overflow:hidden;
}
.pro_l h2{
    width:100%;
    height:50px;
    line-height:50px;
    background:#00c2d1;
    color:#fff;
    padding:0 30px;
    font-size:16px;
    font-weight:bold;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_l h2 i{
    font-size:18px;
    margin-right:10px;
}
.pro_nav{
    width:100%;
    overflow:hidden;
}
.pro_nav li{
    float:left;
    width:100%;
    overflow:hidden;
    cursor:pointer;
}
.pro_nav li p{
    width:100%;
    height:45px;
    line-height:45px;
    color:#000;
    font-size:15px;
    padding:0 30px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_nav li p i{
    font-size:14px;
    vertical-align:2px;
    margin-right:5px;
}
.pro_nav li:last-child p{
    border:0;
}
.pro_list{
    width:100%;
    padding:0 25px 0 45px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}
.pro_list span{
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    color:#777;
    font-size:13px;
    border-bottom:1px dashed #eee;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_list i{
    font-size:15px;
    color:#286893;
    vertical-align:-1px;
    margin-right:5px;
}

.pro_r{
    float:right;
    width:930px;
    background:#fff;
    padding-bottom:15px;
    overflow:hidden;
}
#jobExam{
    width:100%;
    float:inherit;
}
.pro_r>h3{
    width:100%;
    height:60px;
    line-height:50px;
    border-bottom:10px solid #f4f4f4;
    font-weight:bold;
    padding:0 25px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_r>h3 span{
    float:right;
    line-height:30px;
    font-size:15px;
    font-weight:normal;
    margin:10px 0;
    cursor: pointer;
}
/*.pro_r>h3 i{*/
    /*!*float:right;*!*/
    /*!*width:20px;*!*/
    /*!*height:20px;*!*/
    /*!*background:url("../../images/jy/sc_tb01.png") no-repeat center;*!*/
    /*!*background-size:cover;*!*/
    /*!*margin:5px 0 0 5px;*!*/
    /*margin-right:5px;*/

/*}*/
.pro_r>h3 i.collect1{
    background:url("../../images/jy/sc_tb02.png") no-repeat center;
    background-size:cover;
}
/************************************就业天天练 end***************************************/

/************************************视频列表页 start***************************************/
.list_banner{
    width:100%;
    height:320px;
    background:url("../../images/jy/list_banner.jpg") no-repeat center;
}
.list_nav{
    width:100%;
    margin:20px 0 0;
    overflow:hidden;
}
.list_nav li{
    float:left;
    width:207.5px;
    margin-left:20px;
    text-align: center;
    overflow:hidden;
}
.list_up{
    display:block;
    width:100%;
    height:140px;
    position:relative;
    overflow:hidden;
}
.list_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:140px;
    background:#000;
    opacity:0;
    z-index:9;
}
.list_up i.icon_play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-30px 0 0 -30px;
    width:60px;
    height:60px;
    background:url("../../images/jy/icon_play.png") no-repeat center;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all .3s ease-out;
    z-index:10;
    opacity:0;
}
.list_up:hover i.mask{
    opacity:.3;
}
.list_up:hover i.icon_play{
    transform:scale(1);
    opacity:1;
}
.list_up img{
    width:100%;
    height:140px;
    transition: all .5s;
}
.list_nav li:hover img{
    transform:scale(1.2,1.2);
}
.list_down{
    width:100%;
    overflow:hidden;
}
.list_down span{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 15px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/************************************视频列表页 end***************************************/