/*
	雷锋网文章列表页面list.css
*/

.yp-secNav{display:block;}
.list-picShow{background: transparent;}
.list-picShow .list-slider{width: 510px;height: 322px;border-right: 0;}
.list-picShow .list-slider li{width: 510px;height: 322px;}
.list-picShow .list-slider li .txt{width: 450px;}

.list-topPush{overflow: hidden;padding-left: 10px;}
.list-topPush li{width: 260px;height: 156px;position: relative;overflow: hidden;margin-top: 10px;}
.list-topPush li.first{margin-top: 0;}
.list-topPush li img{display: block;}
.list-topPush li .shadow{position: absolute;
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.4) 100%);
}
.list-topPush li .pop{
	position: absolute;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff;
    width: 86%;
    padding: 4% 7% 6% 7%;
    height: 90%;
    line-height: 26px;
    left: 0px;
    top: 75%;
    font-size: 14px;
    z-index: 2;
    text-align: center;
    font-weight: bold;
}
.list-topPush li:hover .pop table{height: 100%}
.list-topPush li:hover .pop{top: 0;background: rgba(0,0,0,0.5);}

/*文章列表*/
.lph-pageList{padding-top:40px;}
.lph-pageList .tab-list a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 4px 18px;
    border:2px solid transparent;
    border-radius: 24px;
    font-size: 18px;
    font-weight: bold;
    -webkit-border-radius: 24px;
    color:#31424e;
    /* margin-right: 10px; */
}
.lph-pageList .tab-list a.cur{
    border-color:#396585;
    color:#396585
}
.lph-right .right-ads img,
.lph-right .right-item-sw img{vertical-align: top;}

.weekly-choice{margin-top: 10px;}



/*右侧硬创公开课*/
.ycLesson-item {margin-top: 40px;}
.ycLesson-item .title{font-size: 16px;color: #31424e;font-weight: bold;padding-bottom: 12px;}
.ycLesson-item .main{background: #fff;padding-bottom: 20px;overflow: hidden;}
.ycLesson-item .main .slider{width: 312px;height: 244px;position: relative;}
.ycLesson-item .main .slider ul{position: absolute;height: 204px;overflow: hidden;}
.ycLesson-item .main .slider li{float: left;width: 312px;height: 204px;position: relative;}
.ycLesson-item .main .slider li a{display: block;}
.ycLesson-item .main .slider li a .pic{width: 312px;height: 204px;overflow: hidden;background:#EAEDF2;}
.ycLesson-item .main .slider li a .name{
    position: absolute;
    width: 272px;
  /*  height: 52px;*/
    line-height: 20px;
    padding: 6px 20px;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.6) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.6) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.6) 100%);
    display: none;
}
.ycLesson-item .main .slider li a .pic img{
    width: 538px;
    margin-left: -98px;
    margin-top: 1px;
}
.ycLesson-item .main .slider li .time{position: absolute;z-index: 2;width: 160px;height: 60px;padding: 15px 0;left: 76px;top:32px;background: #c8461b;border-radius: 3px;-webkit-border-radius:3px;}
.ycLesson-item .main .slider li .time .ycLogo{width: 79px;text-align: center; float: left;}
.ycLesson-item .main .slider li .time .lesson-time{font-size: 15px;font-weight: bold;color: #fff;border-left:1px solid #fca284;text-align: center;overflow: hidden;height: 54px;padding-top: 6px; }
.ycLesson-item .main .slider li .time .lesson-time .p1{font-size: 20px;}
.ycLesson-item .main .slider .btns{text-align: center;height: 11px;position: absolute;bottom: 16px;width: 100%;left: 0;font-size: 0;}
.ycLesson-item .main .slider .btns a{display: inline-block;width: 11px;height: 11px;border-radius: 50%;-webkit-border-radius: 50%;margin: 0 5px;background: #7474a6;}
.ycLesson-item .main .slider .btns a.cur{background: #db876b;}
.ycLesson-item .main .past-ycLesson{padding: 0 25px;}
.ycLesson-item .main .past-ycLesson .tit{font-size: 14px;color: #2a2a77;font-weight: bold;border-bottom:1px solid #E6E6E6;padding-bottom: 10px;text-align: center;}
.ycLesson-item .main .past-ycLesson .list {padding-top: 3px;}
.ycLesson-item .main .past-ycLesson .list p{padding-top: 8px;line-height: 20px;}
.ycLesson-item .main .past-ycLesson .list a{font-size: 14px;color: #31424e;}
.ycLesson-item .main .past-ycLesson .list p:hover a{color: #ee5b2e;}
.ycLesson-item .main .past-ycLesson .more {text-align: center;padding-top: 10px;}
.ycLesson-item .main .past-ycLesson .more a{display: inline-block;padding: 0 32px;font-size: 14px;color: #a8bbc9;height: 32px;line-height: 32px;border-radius: 17px;-webkit-border-radius: 17px;border:1px solid #97B4CA;}
.ycLesson-item .main .past-ycLesson .more a:hover{background: rgba(151,180,202,0.6); color: #fff;}

/****业界资讯****/
.traUni-news{width: 304px;position: relative;left:0;top:4px;padding-bottom: 40px;}
.traUni-news .box,
.traUni-news .box2,
.traUni-news .box3{position: relative;width: 304px;border:1px solid #e6e6e6;background: #fff;}
.traUni-news .box{top:4px;right: 0px;z-index: 1}
.traUni-news .box2{right: 4px;top:-4px;z-index: 2}
.traUni-news .box3{right: 4px;top:-4px;z-index: 3}

.traUni-news .title{margin-top: 14px;}
.traUni-news .title span{height: 34px;line-height: 34px;padding: 0 15px 0 12px;background: #3e93d2;font-size: 15px;font-weight: bold;color: #fff;display: inline-block;border-bottom-right-radius: 17px;border-top-right-radius: 17px;-webkit-border-bottom-right-radius: 17px;-webkit-border-top-right-radius: 17px;}
.traUni-news .box3 .list{padding: 15px 10px 0 20px;position: relative;overflow: hidden;height: 306px;}
.traUni-news .box3 .list:before{
	content: '';
    position: absolute;
    left: 22px;
    top: 15px;
    width: 5px;
    height: 3px;
    background: #fff;
    z-index: 2;
}
.traUni-news .box3 .list #scroll2{float: left; width: 260px;height: 306px;overflow: hidden;}
.traUni-news .box3 .list .scroll-bar{width: 8px;float: left;height: 100%;position: relative;}
.traUni-news .box3 .list .scroll-bar b{position: absolute;background: transparent;width: 8px;height: 35px;border-radius: 3px;cursor: pointer;}
.traUni-news .box3 .list ul{
	padding-left: 15px;
	border-left:1px solid #CFE4F3;
	margin-left: 3px;
}
.traUni-news .box3 .list ul.trans{
	transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
}
.traUni-news .box3 .list li{position: relative;padding-bottom: 9px;}
.traUni-news .box3 .list li:before{
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #4193D2;
	left: -18px;
	position: absolute;
	top:3px;
}
.traUni-news .box3 .list li .time{color: #b7c7d2;font-size: 12px;line-height: 1;padding-bottom:2px;}
.traUni-news .box3 .list li .headTit a{font-size: 14px;color: #31424e;font-weight: bold;}
.traUni-news .box3 .list li:hover .headTit a{color: #ee5b2e;}
.traUni-news .box3 .list .cover{
	position: absolute;
	width: 100%;
	height: 32px;
	left: 0;
	bottom:0;
	background-image: -webkit-linear-gradient(180deg, rgba(255,255,255,0.1) 5%, rgba(255,255,255,1) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0.3) 5%, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 5%, rgba(255,255,255,1) 100%);
}
.traUni-news .box3 .refresh{position: absolute;right: 24px;top: 0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.traUni-news .box3 .refresh .line{height:46px;width: 1px;background: #9AC5E4;position: relative;}
.traUni-news .box3 .refresh .line .circle{position: absolute;z-index: 2;cursor: pointer;bottom:-12px;left:-18px;background: url(../../images/common/yp_spirit.png) no-repeat -402px -6px;width: 37px;height: 37px;}
.traUni-news .box3 .refresh .line .circle em{position: absolute;left: 12px;top: 5px;background: url(../../images/common/yp_spirit.png) no-repeat -388px -12px;width: 13px;height: 15px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.traUni-news .box3 .refresh.push .line .circle em{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
.traUni-news .box3 .refresh.push .line{height: 60px;}
/*智能驾驶右侧边栏*/
.aidrive_list{box-sizing: border-box;padding: 26px 30px 22px 30px;background: #fff;margin-bottom: 38px;border: 1px solid #e6e6e6;}
.aidrive-title{font-weight: bold;font-size: 16px;text-align: center;padding-bottom: 17px;color:#000;}
.aidrive-message p{padding-top: 10px;}
.aidrive-message{font-size: 13px;color: #99bcd7;line-height: 1.6;padding-bottom: 18px;border-bottom: 1px solid #e6e6e6;}
.aidrive-ul{padding-top: 12px;}
.aidrive-ul li{position: relative;margin-bottom: 20px;}
.aidrive-ul li h3 {
    font-size: 14px;
    color:#333;
    font-weight: bold;
    padding-bottom: 5px;
}
.aidrive-ul li p{
    line-height: 1.6;
    color: #727272;
    font-size: 13px;
}
.aidrive-ul li h3 em{width: 28px;height: 28px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.aidrive-ul li h3 em.icon1{
    background: url(../../images/common/xin_08.png);
}
.aidrive-ul li h3 em.icon2{
    background: url(../../images/common/xin_09.png);
}
.aidrive-ul li h3 em.icon3{
    background: url(../../images/common/xin_10.png);
}
.aidrive-more{display:block;font-size: 14px;color: #49a0e1;height: 34px;line-height: 32px;border-radius: 17px;-webkit-border-radius: 17px;border:1px solid #49a0e1;width: 130px;text-align: center;box-sizing: border-box;margin: 0 auto;margin-top: 20px;}
.aidrive-more:hover{color:#fff;background: #49a0e1;}
.aidrive-scroll-title{color: #31424e;font-size: 16px;margin-bottom: 10px;}
.aidrive-scroll-box{width: 100%;box-sizing: border-box;padding: 24px 28px;background: #fff;border: 1px solid #e6e6e6;}
#aidrive_scroll{width: 100%;}
#aidrive_scroll .swiper-slide{width: 100%;}
#aidrive_scroll .swiper-slide>a{width: 100%;}
#aidrive_scroll .swiper-slide img{width: 100%;height: 154px;}
#aidrive_scroll .swiper-slide p{color: #31424e;font-size: 14px;margin-top: 20px;text-align: center;}
#aidrive_scroll_pagination{position: absolute;bottom: 70px!important;}
#aidrive_scroll_pagination .swiper-pagination-bullet-active{width: 20px!important;height: 8px!important;background: #7c87a6!important;border-radius: 5px!important;}
#aidrive_scroll_pagination .swiper-pagination-bullet{background: #7c87a6!important;}