@charset "utf-8";
/* CSS Document */
/**/

/*课程列表*/
.coursebox{ margin-top:24px;}
.coursebox .title{font-size:28px;line-height:60px; text-align:left;color:#333;font-weight:400;font-family:"微软雅黑"; display:block;width:550px;}
.coursebox .searchbox{float:right;width:250px;height:30px;margin-top:15px;}
.coursebox .searchbox .import{width:150px;height:30px;padding-left:5px;border:1px #ddd solid;outline:0;font-size:12px; background:#fff; float:right;}
.coursebox .searchbox .btn-search{width:70px;height:32px;color:#fff;background-color:#3BB3C3;border:0;float:right; margin-left:10px;border-radius:4px;}
.content-filter{width:1180px;border-top:1px #d5d5d5 solid;}
.content-filter .filter .item .item2 li a,.content-filter .filter .item span,.content-filter .sort .sort-r .item,.fl,.layL-3-item,.publish-step div{float:left}
.content-filter .filter .item .item2 li a,.content-filter .filter .item span,.content-filter .sort .sort-r .check,.content-filter .sort .sort-r .no-check{display:inline-block}
.content-filter .filter .item .all,.tc{text-align:center}
.content-filter .filter{margin-bottom:1px;padding:0 20px;background:#fff}
.content-filter .filter .item{padding:12px 0;border-bottom:1px solid #f6f6f6;}
.content-filter .filter .item span{height:24px;line-height:24px;color:#666;cursor:pointer;font-size:12px}
.content-filter .filter .item #item2-ct li{display:none}
.content-filter .filter .item .item2{padding-left:82px; }
.content-filter .filter .item .item2 li a{float:left;height:24px;line-height:24px;margin:0 20px 10px;color:#999;cursor:pointer;font-size:14px}
.content-filter .filter .item .item2 li .active2,.content-filter .filter .item .item2 li .active3,.content-filter .filter .item .item2 li .active4,.content-filter .filter .item .item2 li a:hover{color:#3BB3C3}
.content-filter .filter .item .classify{color:#666;font-size:14px}
.content-filter .filter .item .active{color:#3c6}
.content-filter .filter .item .all{padding:0;width:50px}
.content-filter .filter .item:last-child{min-height:24px;border:none}
.content-filter .sort{width:1180px;height:50px;font-size:12px;background:#fff;position:relative}
.content-filter .sort .sort-l{margin-right:10px;width:298px;height:48px;border:1px solid #e0e0e0;background:#fff;cursor:pointer}
.content-filter .sort .sort-l .bd{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.content-filter .sort .sort-l .item{width:98px;height:48px;text-align:center;line-height:48px}
.content-filter .sort .sort-r{height:48px;position:absolute;left:318px;top:0}
.content-filter .sort .sort-r .check{width:14px;height:14px;background-position:-104px 0;vertical-align:middle;margin-right:9px}
.content-filter .sort .sort-r .no-check{width:12px;height:12px;border:1px solid #e0e0e0;vertical-align:middle;cursor:pointer;margin-right:9px}
.content-filter .sort .sort-r .item{height:50px;line-height:50px;margin-right:20px}
.content-filter .sort .sort-r .item span{color:#999;font-size:12px}
.content-filter .sort .sort-r .region{width:150px;height:48px;text-align:center;line-height:48px}
.content-filter .sort .sort-r .region select{width:90px;height:30px;border:1px solid #e0e0e0}
.content-filter .sort .sort-r .describe{width:90px;height:48px;text-align:center;line-height:48px}
.content-filter .sort .sort-r .page-num{width:46px;height:48px;text-align:center;line-height:48px}
.content-filter .sort .active{color:#3c6}
.sort-acvtve,.sort-left li:hover{border-bottom:3px solid #3BB3C3}
.describe2,.design-ct,.design-tt,.play-task,.share-count,.sort-left{position:absolute}
.design-tt{height:40px;font-size:22px;top:0;left:0;color:#333}
.design-ct{height:14px;top:9px;left:110px;color:#999}
.play-task{height:24px;line-height:24px;right:12px;top:0;background:url(/images/task/icon_play.png) no-repeat;text-indent:34px}
.sort-left li{float:left;display:inline-block;height:33px;cursor:pointer}
.sort-acvtve a{color:#3c6}
.sort-left li a{display:inline-block;width:100px;text-align:center;font-size:14px;color:#666;border-right:1px solid #e0e0e0}
.task-count,.task-tt{width:250px;text-align:center}
.sort-left{left:0;top:15px}
.card-box,.card-media{width:280px}
.card-box .card-img a img{vertical-align:middle;border:none;width:280px;height:210px;-webkit-transition:.1s;transition:.1s;display:block; overflow:hidden;}
.card-box .card-img a img:hover{transform: scale(1.1);transition: all .6s ease 0s;}
.card-box{float:left;position:relative;background:#fff;margin:0 20px 20px 0;box-shadow: 0px 0px 10px #ddd;}
.card-img,.card-box .card-img{position:relative;}
.card-img .ifvod{position:absolute;left:0;top:0;color:#fff; width:100%;height:100%;z-index:999;display:block;}
.card-img .ifvod:hover em{background:url(../images/v_play_icon2.png) -35px 0 no-repeat;}
.card-img .ifvod em{position:absolute;right:10px;bottom:10px;color:#fff; width:35px;height:35px;margin:0;z-index:9999;background:url(../images/v_play_icon2.png) 0 0 no-repeat; display:block;}

.card-img .card-mark-bottom,.card-img .card-mark-gray-bottom,.card-box .card-img .card-mark-bottom,.card-box .card-img .card-mark-gray-bottom{position:absolute;bottom:0;width:100%;height:32px;line-height:32px;text-align:center;color:#fff;font-size:12px}
.card-img .card-mark-bottom,.card-box .card-img .card-mark-bottom{background:rgba(223,81,62,.8)}
.card-img .card-mark-gray-bottom,.card-box .card-img .card-mark-gray-bottom{background:rgba(0,0,0,.6)}
.card-img .collect-tag,.card-box .card-img .collect-tag{display:none;position:absolute;right:0;top:0;font-size:12px;color:#fff;height:22px;line-height:22px;padding:0 10px;border-radius:0 4px;background:rgba(0,0,0,.4);z-index:1;cursor:pointer}
.card-img .card-mark-tip,.card-box .card-img .card-mark-tip{display:inline-block;position:absolute;font-size:12px;color:#fff;height:24px;line-height:24px;padding:0 10px;border-radius:4px 0;background:rgba(0,0,0,.5);z-index:1}
.card-info,.card-box .card-info{border-bottom:1px solid #eee;padding:11px 16px 13px;height:75px;position:relative}
.card-info .card-info-title,.card-box .card-info .card-info-title{margin-bottom:1px;position:relative;height:20px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.card-info .card-info-title a,.card-box .card-info .card-info-title a{font-size:16px;color:#000}
.card-info .card-info-title a:hover,.card-box .card-info .card-info-title a:hover{color:#d36f16}
.card-info .card-info-title .title-content,.card-box .card-info .card-info-title .title-content{display:inline-block;float:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.card-info .card-info-title .album-card-authority,.card-info .card-info-title .album-card-public,.card-info .card-info-title .zcool-card-event,.card-info .card-info-title .zcool-card-fire1,.card-info .card-info-title .zcool-card-fire2,.card-info .card-info-title .zcool-card-fire3,.card-box .card-info .card-info-title .album-card-authority,.card-box .card-info .card-info-title .album-card-public,.card-box .card-info .card-info-title .zcool-card-event,.card-box .card-info .card-info-title .zcool-card-fire1,.card-box .card-info .card-info-title .zcool-card-fire2,.card-box .card-info .card-info-title .zcool-card-fire3{background-size:auto 14px;width:14px;height:14px;float:right;margin-top:3px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center top}
.card-info .card-info-title .album-card-authority,.card-box .card-info .card-info-title .album-card-authority{background-image:url(../images/svg/alubm-card-privacy.svg)}
.card-info .card-info-title .album-card-public,.card-box .card-info .card-info-title .album-card-public{background-image:url(../images/svg/album-card-public.svg)}
.card-info .card-info-title .title-icon,.card-box .card-info .card-info-title .title-icon{margin-left:6px}
.card-info .card-info-type,.card-box .card-info .card-info-type{font-size:12px;color:#bbb;margin-bottom:17px;height:18px}
.card-info .card-info-item,.card-box .card-info .card-info-item{font-size:12px;color:#bbb;position:absolute;bottom:14px}
.card-info .card-info-item span,.card-box .card-info .card-info-item span{margin-right:10px;cursor:default}
.card-info .card-info-item span:before,.card-box .card-info .card-info-item span:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:top;margin-right:5px}
.card-info .card-info-item span.statistics-view:before,.card-box .card-info .card-info-item span.statistics-view:before{background:url(../images/svg/card-liulan.svg?v=1) 0 4px no-repeat;background-size:15px auto}
.card-info .card-info-item span.statistics-comment:before,.card-box .card-info .card-info-item span.statistics-comment:before{background:url(../images/svg/card-pinglun.svg?v=1) 0 2px no-repeat;background-size:15px auto}
.card-info .card-info-item span.statistics-tuijian:before,.card-box .card-info .card-info-item span.statistics-tuijian:before{background:url(../images/svg/card-zan.svg?v=1) no-repeat;background-size:15px 15px}
.card-info .card-info-item span.statistics-collect:before,.card-box .card-info .card-info-item span.statistics-collect:before{background:url(../images/svg/shoucang.svg?v=1) no-repeat;background-size:15px 15px}
.card-info .card-info-item span.statistics-product:before,.card-box .card-info .card-info-item span.statistics-product:before{background:url(../images/product-icon.png) no-repeat;background-size:15px 15px}
.card-info .card-info-item span.statistics-content:before,.card-box .card-info .card-info-item span.statistics-content:before{background:url(../images/svg/card-contents.svg) 0 3px no-repeat;background-size:16px auto}
.card-info .card-info-item.card-info-item-recommend,.card-box .card-info .card-info-item.card-info-item-recommend{color:#999}
.card-info .card-info-item.card-info-item-recommend a:hover,.card-box .card-info .card-info-item.card-info-item-recommend a:hover{color:#d36f16}
.card-info .card-info-item.card-info-item-recommend i,.card-box .card-info .card-info-item.card-info-item-recommend i{color:#bbb}
.card-info .card-info-item-recommendhover,.card-box .card-info .card-info-item-recommendhover{cursor:pointer}
.card-info .card-recommend-hour,.card-box .card-info .card-recommend-hour{color:#bbb;font-size:12px;float:right}
.card-item,.card-box .card-item{height:50px;line-height:50px;padding:0 16px;font-size:12px;position:relative}
.card-item .user-avatar,.card-box .card-item .user-avatar{display:inline-block}
.card-item .user-avatar>a>img,.card-box .card-item .user-avatar>a>img{border-radius:50%;margin-right:10px}
.card-item a,.card-box .card-item a{color:#999}
.card-item a>img,.card-box .card-item a>img{width:24px;height:24px;border:none;vertical-align:middle}
.card-item a:hover,.card-box .card-item a:hover{color:#d36f16}
.card-item .album-create-time,.card-item .time,.card-box .card-item .album-create-time,.card-box .card-item .time{color:#bbb}
.card-item .time,.card-box .card-item .time{float:right}
.card-item .delete,.card-item .modify,.card-box .card-item .delete,.card-box .card-item .modify{display:inline-block;padding:0 4px;vertical-align:middle;color:#999}
.card-item .delete:hover,.card-item .modify:hover,.card-box .card-item .delete:hover,.card-box .card-item .modify:hover{color:#282828}
.card-item .delete-disabled:hover,.card-item .modify-disabled:hover,.card-box .card-item .delete-disabled:hover,.card-box .card-item .modify-disabled:hover{color:#bbb}
.card-item .delete-disabled,.card-item .modify-disabled,.card-box .card-item .delete-disabled,.card-box .card-item .modify-disabled{display:inline-block;color:#bbb;margin-right:20px;vertical-align:middle;cursor:default;height:22px;line-height:22px}
.card-item .modify,.card-box .card-item .modify{background-position:-17px 0;margin-right:20px}
.card-item .modify:hover,.card-box .card-item .modify:hover{background-position:0 0}
.card-item .delete,.card-box .card-item .delete{background-position:-17px -19px}
.card-item .delete:hover,.card-box .card-item .delete:hover{background-position:0 -19px}
.event-trigger-show,.card-box .event-trigger-show{position:absolute;width:34px;height:22px;top:10px;right:10px;z-index:1;cursor:pointer}
.event-trigger-show i,.card-box .event-trigger-show i{display:inline-block;background:url(../images/show-sprites.png) no-repeat;width:34px;height:22px}
.event-trigger-show i.event-unshow,.card-box .event-trigger-show i.event-unshow{background-position:0 -27px}
.btn-current-card,.card-box .btn-current-card{width:110px;height:36px}
.js-project-focus-btn,.card-box .js-project-focus-btn{height:36px}
.btn-current-card:not(:last-child),.card-box .btn-current-card:not(:last-child){margin-right:16px}
.album-card-box:hover .event-remove-btn,.card-box:hover .event-remove-btn{display:block}
.card-info .card-info-title .title-content{width:100%}
.card-remove-btn,.event-remove-btn{position:absolute;height:22px;line-height:22px;padding:0 10px 0 26px;color:#fff;font-size:12px;background-color:rgba(0,0,0,.4);top:10px;z-index:1;cursor:pointer;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;vertical-align:middle;zoom:1;display:none}
.card-remove-btn:before,.event-remove-btn:before{content:"";display:block;width:10px;height:10px;background:url(../images/teamremoveicon.png) no-repeat;position:absolute;left:10px;top:50%;margin-top:-5px}
.event-remove-btn{right:10px}
.card-remove-btn{right:30px}
.card-img{overflow:hidden;}
.card-img a{width:100%;height:100%;display:block}
.card-album-aspect,.card-album-placeholder{float:left}
.card-album-placeholder{background:#DDD;text-align:center;display:flex;align-items:center;justify-content:center}
.card-album-placeholder img,.edit-samllbtn{display:inline-block}
.card-edit-block{right:16px;top:16px}

/*news*/
.news_box{ margin-top:20px;}
.news_box .left{width:210px; float:left;}
.news_box .right{width:950px; float:right; background:#fff;}
.news_box .product-week{width:208px;min-height:455px;background:#fff;border-radius:4px;margin-bottom:10px}
.news_box .product-week .product-boss{width:208px;height:55px;line-height:55px;text-indent:30px;font-size:16px;border-bottom:1px solid #eee}
.news_box .product-week ul li{width:208px;cursor:pointer;list-style:none;text-indent:30px;box-sizing:content-box;font-size:14px;position:relative}
.news_box .product-week ul .color i{display:block}
.news_box .product-week ul li i{display:none;position:absolute;left:0;top:10px;width:3px;height:33px;background:#3BB3C3;vertical-align:middle}
.news_box .product-week ul .hide{display:none}
.news_box .product-week ul .class{text-align:center;text-indent:0;line-height:52px;border-top:1px solid #eee}
.news_box .product-week ul .class a{color:#d67b33}
.news_box .product-week ul .class:hover{text-align:center;text-indent:0;background:#fff}
.news_box .product-week ul li p:first-of-type{color:#000;font-size:14px;line-height:52px}
.news_box .product-week ul li p{color:#999;font-size:12px}
.news_box .product-week ul li:hover{background:#3BB3C3}
.news_box .product-week ul li:last-of-type:hover{border-radius:0 0 4px 4px}
.news_box .product-week ul li:hover p{color:#282828}
.news_box .right h2{font-size:18px;height:55px;line-height:55px;color:#333; text-indent:30px;font-weight:normal}
.news_box .news_list{border-top:1px #ddd solid;padding:20px;}
.news_box .news_list li{ padding:20px 0; background:#fff;height:150px;}
.news_box .news_list li .pic{ float:left;width:150px;height:150px; display:block; margin:0 20px;}
.news_box .news_list li .txt_right{ float:left;width:680px;}
.news_box .news_list li .txt_right .title{font-size:18px;font-weight:bold;color:#333;height:40px;line-height:40px;}
.news_box .news_list li .txt_right p{color:#666;font-size:14px;line-height:23px;height:80px; display:block;}
.news_box .news_list li .txt_right .item{height:50px;line-height:50px;padding:0 5px;font-size:12px;position:relative}
.news_box .news_list li .txt_right .item .user-avatar{display:inline-block;float:left}
.news_box .news_list li .txt_right .item .user-avatar>a>img{border-radius:50%;margin-right:10px}
.news_box .news_list li .txt_right .item a{color:#999}
.news_box .news_list li .txt_right .item a>img{width:24px;height:24px;border:none;vertical-align:middle}
.news_box .news_list li .txt_right .item a:hover{color:#d36f16}
.news_box .news_list li .txt_right .item .time{color:#bbb;float:left; margin-left:20px;}
.news_box .news_list li .txt_right .item .hits{float:right;color:#bbb;}