@charset "utf-8";

/****************变量*******************/
/*html{background-color:#fff;}*/

/*菜单样式*/
.menuwrap{position:relative;width:1150px;height: 445px;overflow: hidden;margin:30px auto 30px;border-radius:8px;box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);background:#2b333b;}
.menuContent {position: relative;float: left;width: 260px;height: 445px;z-index: 2;padding-top:12px;background:#2b333b;border-bottom-left-radius: 4px;font-weight:400;}
.menuContent .item {position:relative;height: 54px;line-height:50px;font-size:14px;cursor:pointer;}
.menuContent .item>a {display: block;height: 47px;padding:0 16px 0px 36px;color: rgba(255, 255, 255, .6);border-top-left-radius: 4px;border-bottom-left-radius: 4px;transition: all .1s;}
.menuContent .item>a  img{position:absolute;top:14px;left:10px;width:20px;height:20px;}
.menuContent .item i {position: absolute;top: 0px;right: 16px;font-size: 16px;color: rgba(255, 255, 255, .5);}
.menuContent .js-menu-item-on a {color: #fff;background-color: rgba(255, 255, 255, .3)}

/*轮播样式*/
.g-banner-content {position:relative;float:left;width:890px;height:445px;overflow:hidden;}
.g-banner-content  .carousel-inner > .item > a > img {height:445px;}

/*菜单栏子菜单样式*/
.submenu {position:absolute;z-index:20;width:890px;height:445px;top:0px;left:260px;background:#F8FAFC;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);}
.submenu .innerBox {position:relative;min-height:150px;padding:12px 48px 32px;background-color:#fff;}
.submenu .banner-title {margin:23px 0 23px;font-size:18px;color:#07111B;}
.submenu .banner-title span {font-weight:bold;}
.submenu .tag-box .list{float:left;width:120px;text-align:center;}
.submenu .tag-box p {font-size:14px;color:#4D555D;line-height: 30px;}
.submenu .tag-box p span{color:#000;font-weight:bold;}
.submenu .download-btn,.submenu .use-btn{display:block;float:left;width:130px;height:40px;margin-top:12px;line-height:40px;text-align:center;font-size:14px;color:#fff;border:none;border-radius: 23px;}
.submenu .download-btn{background:#ff7611;margin-left:20px;margin-right:20px;}
.submenu .download-btn:hover{background:#d86613;}
.submenu .use-btn{background:#00b589;}
.submenu .use-btn:hover{background:#019672;}
.recomment-box {overflow:hidden;padding:20px 30px 0px;}
.recomment-box .list{float:left;width: 33.33%;}
.recomment-box .list a {display: block;padding: 10px;}
.recomment-box .list .img-box {font-size: 0;position: relative;overflow:hidden;}
.recomment-box .list .img-box img {width: 100%;height: auto;transition: all .5s ease;}
.recomment-box .list .img-box:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.recomment-box .list .img-box p{position: absolute;left: 0;right: 0;bottom: 0;height: 20px;padding: 0 10px;line-height: 20px;font-size: 12px;color: #fff;background-color: rgba(0, 0, 0, 0.6);text-align: right;z-index: 1;}
.recomment-box .list .title {margin-top: 10px;line-height: 22px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.recomment-box .list .data {margin-top: 10px;font-size: 12px;color: #999;}
.recomment-box .list .data .iconfont {font-size: 12px;margin-right: 5px;}

/*弹窗样式*/
.dialog_tanchu{display:none;position:fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 999;}
.dialog_tanchu_info{position:relative;z-index:1000;width: 500px;top: 50%;left: 50%;margin-top:-230px;margin-left:-250px;overflow:hidden;background:#fff;}
/*申请试用*/
.dialog_title{height:50px;line-height:50px;font-size:16px;color:#2a2a2a;text-align:center;background:#f1f1f1;border-bottom:1px solid #e6e6e6;}
.dialog_exit{position:absolute;top:10px;right:10px;cursor:pointer;}
.dialog_message{position:relative;width:60%;margin:20px auto;}
.dialog_message input{position:relative;width:100%;height:40px;line-height:40px;margin-bottom:10px;padding:0px 10px;font-size:16px;color:#000;border:1px solid #ccc;border-radius: 3px;}
#submit_address{display:block;margin:20px auto;width:200px;height:40px;background:#00b589;color:#fff;font-size:14px;outline:none;border:none;border-radius:20px;cursor:pointer;}
#submit_address:hover{background:#019672;}



/*BIM广场*/
.accordion {border-radius:3px;border:1px solid #EAEEF1;background-color:#fff;}
.accordion .tab-nav{width:100%;margin:22px auto 4px;text-align:left;overflow:hidden; padding:0 20px;}
.accordion .tab-nav li{display:inline-block;margin-right:23px;padding:10px 20px;font-size:16px;cursor:pointer;}
.accordion .tab-nav li:last-child{margin-right:0px;}
.accordion .tab-nav li:hover,.accordion .tab-nav li.active{color:#fff;background-color:#fabe00;}
/*热点推荐等*/
.accordion .square-list.active,.accordion .answers-list.active{display:block;}
.accordion .square-list{display:none;}
.accordion .square-list .list:nth-child(5) ~ .list{display:none;}
.accordion .square-list{padding:18px 20px;}
.accordion .square-list .list{position:relative;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #eee;overflow:hidden;}
.accordion .square-list .list:last-child{margin-bottom:0px;border:none;}
.accordion .square-list .list .img-box{float:left;width:200px;height:140px;margin-right:20px;border-radius:4px;overflow:hidden;}
.accordion .square-list .list .img-box img{width:100%;height:100%;}
.accordion .square-list .list .desc{position:relative;height:140px;overflow:hidden;}
.accordion .square-list .list .title{display:block;height:22px;line-height:22px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accordion .square-list .list .brief{margin:20px 0px 0px;height:48px;line-height:24px;font-size:14px;color:#666;
	word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.accordion .square-list .list .data{position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;font-size:12px;color:#b8b8b8;overflow:hidden;}
.accordion .square-list .list .data span img{width:24px;height:24px;border-radius:50%;}
.accordion .square-list .list .data span{display:inline-block;height:24px;vertical-align:top;margin-right:10px;}
.accordion .square-list .list .data span.category{margin-right:30px;padding:0px 8px;font-size:12px;color:#fff;border-radius:2px;background-color:#fabe00;}
.accordion .square-list .list .data span.time{height:14px;margin-top:5px;padding-left:10px;line-height:14px;border-left:1px solid #eee;}
.accordion .square-list .list .data .right-data{float:right;}
.accordion .square-list .list .data .right-data span{margin-right:20px}
.accordion .square-list .list .data .right-data span:last-child{margin-right:0;}
/*问答专区*/
.answers-list{display:none;padding:20px;border:0px solid red;}
.answers-list li{position:relative;padding:10px 120px 10px 0px;border:0px solid blue;border-top:1px solid #eee;}
.answers-list li:nth-child(14) ~ li{display:none;}
.answers-list li .title{margin-bottom:4px;line-height:1.7;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.answers-list li .title a{color:#333;}
.answers-list li .title a:hover{color:#fabe00;text-decoration:underline;}
.answers-list li .info a{margin-right:7px;font-size:13px;color:#999;}
.answers-list li .info a:hover{text-decoration:underline;}
.answers-list li .answer-btn{position:absolute;top:19px;right:0px;padding:5px 15px;font-size:13px;border:1px solid #999;}
.answers-list li .answer-btn:hover{color:#259;border:1px solid #259;}

/*右侧广告位*/
.news-banner{display:block;width:330px;height:152px;margin-bottom:20px;}
.news-banner img{display:block;width:100%;height:100%;}

/*最新新闻，热门活动*/
.fast-entrance,.news-list{margin-top:20px;border:1px solid #EAEEF1;border-radius:3px;background-color:#fff;}
.fast-entrance li,.news-list li{height:41px;padding:0 20px;line-height:40px;border-bottom:1px solid #EAEEF1;}
.fast-entrance li:last-child,.news-list li:last-child {border-bottom:0;}
.fast-entrance li a,.news-list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*BIM族库*/
.solution{padding:0px 5px;margin-top:30px;border-radius:3px;background:#fff; margin-bottom:10px;}
.solution .item{float:left;position:relative;width:25%;padding:10px 5px;overflow:hidden;}
.solution .item:last-child{border-right:0;}
.solution .item:after{position:absolute;content:"";z-index:1;top:10px;bottom:10px;left:5px;right:5px;border-radius:3px;background-color:rgba(0, 70, 113, 0.4);transition: all .5s ease;}
.solution .item:hover:after {background-color: rgba(0, 70, 113, 0.7);}
.solution .item img{display:block;width:100%;height:200px;border-radius:3px;}
.solution .item .iconfont{position:absolute;z-index:10;top:30%;left:50%;width:40px;height:40px;margin-left:-20px;font-size:40px;color:#fff;}
.solution .item p{position:absolute;z-index:10;top:55%;left:5px;right:5px;padding:5px 10px;line-height:24px;text-align:center;font-size:15px;color:#fff;font-weight:bold;word-break:break-all;}

/*底部广告*/
.ad-bbs{width:1200px;height:80px;position:fixed;left:50%;bottom:0px;margin-left:-600px;z-index:100;background:url(http://bbs.zhulong.com/img/ad_bbs/bg.png) top center no-repeat;}
.ad-bbs .building{position:absolute;left:0;bottom:0;}
.ad-bbs a{display:block;width:1150px;height:100%;}
.ad-bbs p{line-height:80px;text-align:center;font-size:30px;color:#fff;}
.ad-bbs p span{margin-left:40px;font-size:22px;}
.ad-bbs .offad{width:13px;height:13px;position:absolute;top:10px;right:10px;cursor:pointer;}
.ad-bbs .click-go{width:156px;height:40px;position:absolute;right:50px;top:20px;line-height:40px;text-align:center;font-size:18px;color:#fff;border-radius:20px;}	


	
	
/*精选课程*/
.saishiUl h3{ background:#fff;}
.lesson-wrap{position:relative;margin-bottom:30px; background:#fff;padding: 20px 20px 0 20px;}
.lesson-wrap .lesson-box{overflow:hidden;}		
	
.lesson-box li{float:left;width:235px;margin:0px 20px 20px 0px; background:#fff; padding-bottom:5px;border-radius: 4px;transition: all .2s ease;}
.lesson-box li:nth-child(3n){ margin-right:0;}

.lesson-box li .img-box{position:relative;border-radius:4px;transition: all .2s ease;}
.lesson-box li .img-box img{display:block;width:100%; height:155px; border-radius:4px;}
.lesson-box li .img-box .video-play{opacity:0;position:absolute;z-index:11;top:50%;left:50%;width:24px;height:24px;line-height:24px;margin-top:-12px;margin-left:-12px;font-size:24px;color:#fff;transition: all .2s ease;}
.lesson-box li .img-box .info{position:absolute;z-index:1;left:5px;bottom:5px;padding:2px 3px;font-size:12px;color:#fff;background-color:#DA5C51;border-radius:3px;}
.lesson-box li .img-box .info i{font-size:18px;margin-right:5px;}
.lesson-box li .img-box:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:"";border-radius:4px;z-index:10;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.lesson-box li:hover .img-box:after{background-color:rgba(0, 0, 0, 0.2);}
.lesson-box li:hover .img-box .video-play{opacity:1;}
.lesson-box li:hover .lesson-card-name{color:#fabe00;}
.lesson-box .lesson-card-name {
    height: 32px;
    margin-top: 8px;
    padding: 0px 5px;
    line-height: 32px;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease;
}
.lesson-box .lesson-card-content {
    margin-top: 4px;
    padding: 0px 10px 10px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}
.lesson-box .lesson-card-content i{ margin-right:5px;}
.lesson-box  li .info{line-height:20px;overflow:hidden;}
.lesson-box  li .info .des{float:left;font-size:14px;color:#28C346;}
.lesson-box  li .info .num{float:right;font-size:12px;color:#60656E;}



.lesson-wrap .notice-box{height:480px;overflow:hidden; background:#fff;}
.lesson-wrap .title{height:24px;margin-bottom:20px;line-height:24px;}
.lesson-wrap .title span{font-size:18px;font-weight:500;letter-spacing:2px;}


.lesson-wrap .notice-list{border-top:0px solid #e5e5e5;}
.lesson-wrap .notice-list li{display:table;padding:10px 0px;overflow:hidden;border-bottom:0px solid #e5e5e5;}
.lesson-wrap .notice-list li .soft-img{display:table-cell;vertical-align:middle;width:75px;margin-right:15px;}
.lesson-wrap .notice-list li .soft-img .img-box{position:relative;display:block;width:100%;height:75px;border-radius:50%;}
.lesson-wrap .notice-list li .soft-img .img-box img{display:block;width:100%;height:100%;border-radius:50%;}
.lesson-wrap .notice-list li .soft-img .img-box .city{position:absolute;top:0;left:0;width:100%;height:100%;line-height:75px;text-align:center;font-size:14px;color:#fff;}
.lesson-wrap .notice-list li .detail{display:table-cell;vertical-align:middle;width:215px;padding-left:15px;}
.lesson-wrap .notice-list li .detail .title{line-height:25px;font-size:14px; margin-bottom:0; height:auto;
	word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.lesson-wrap .notice-list li .detail .title span{margin-right:5px;padding:0px 5px;color:#FF9800;border:1px solid #FF9800;border-radius:5px; font-size:14px; letter-spacing:0;}
.lesson-wrap .notice-list li .detail .title a{font-size:14px;color:#333;transition:all 0.2s linear;}
.lesson-wrap .notice-list li .detail .info p{line-height:25px;font-size:14px;color:#000;}
.lesson-wrap .notice-list li .detail .info p span{color:#777;}
.lesson-wrap .notice-list li .detail .info .time{float:left;}
.lesson-wrap .notice-list li .detail .info .num{float:right;}
.lesson-wrap .notice-list li:hover .detail .title a{color:#fabe00;}

.advert_index{ margin-bottom:30px;}
.advert_index ul:after{ display:block; content:""; clear:both;}
.advert_index li{ float:left; margin-right:25px; width:210px; height:120px;}
.advert_index li:last-child{ margin-right:0;}