/*--------------------------首页*/
/*头部导航条样式---2018-03-19--by-cs*/
.newHeader{background: #fff;width:100%; height: 60px; min-width: 1200px;position: fixed;top: 0px;left: 0px;z-index:99998;-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1); /* 老的 Firefox */box-shadow: 0px 0px 12px rgba(0,0,0,0.1);}
.newHeader .logoimg{margin-top:15px;float: left;width: 120px}
.head-nav{float: left;text-align: center;height: 60px;box-sizing: border-box;flex:1;}
.head-nav ul#header-nav{position: absolute;top: 0px;z-index: 3;height: 60px;box-sizing: border-box;padding-left: 30px;}
.head-nav ul#header-nav li{float: left;height: 60px;line-height: 60px;margin-right: 30px;cursor: pointer;position: relative;font-size: 16px}
.head-nav ul#header-nav li a{display: block;height: 100%;width: 100%;color: #4C4C4C}
.head-nav ul#header-nav li a:hover{color: #21B351!important;}
.head-nav ul#header-nav li:last-child{margin-right: 0px}
.head-nav ul#header-nav li.active a{color:#21B351!important;}
.nav-img{position: absolute;top:2px;right: -8px;display: none}

.headIcon{height: 100%;box-sizing: border-box;margin: 0px!important;}
.head-right{box-sizing: border-box;height: 60px;}
.headIcon i{margin-top:17px;float: right;margin-right: 15px;margin-left: 15px;height: 25px;line-height: 25px;}

/*----------------------------------首页查询输入框*/
.search-all{padding:0px 30px 0px 10px;box-sizing: border-box;width: 300px;margin: 0px auto;position: relative;background-color: #fff;height: 28px;border: 1px solid #CBCBCB;border-radius: 14px;}
.search-all .search-input{margin-left: 10px;  width:185px; outline: none;border: none;height: 26px;background: none;box-sizing: border-box;color: #05101a}
.search-icon{color: #ccc!important;position: absolute;right: 10px;top: -5px;}
.searchCondition{display: block;padding: 0px 10px;position: relative;color: #666!important;}
.searchCondition i:hover{color: #666!important;}
.searchCondition:hover i{color: #666!important;}
.searchCondition:after{position: absolute;height:10px;width: 1px;background-color: #EBEBEB;right: 0px;top: 9px;content: ''}

/* tpm*/
.educontent .icon { padding-left: 0px !important;    padding-top: 0px !important;   padding-bottom: 0px !important;}
em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
.newslight{position: absolute;display: block;background: #FF6800;border-radius:30px;left: 25px;top: 13px;padding:0px 2px;color: #fff;font-size: 11px;
    height: 16px;line-height: 15px;min-width: 12px;text-align: center;}
/*底部*/


.newFooter{ position: absolute; bottom: 0; width: 100%; height: 117px;background: #F5F5F5; clear:both; min-width: 1200px;
    z-index:10;
    left: 0px;}

.footerbottom{width: 100%;height: 100%;background-color:#323232 ;color: #ccc;padding-top: 35px;}
.footerUpper{height: 262px;width: 100%;padding: 40px 0px;box-sizing: border-box}
.footerUl{color: #4D4D4D;font-size: 16px;margin-right: 208px;}
.footerUl .ulMain{font-weight: bold;margin-bottom: 20px}
.footerUl li{line-height: 25px;}

/*banner图*/
.banner{width:100%;height:345px;position: relative;overflow: hidden;border-radius: 10px;}
.banner .img{position: absolute;left:0px;top:0px;}
.banner .img li{float:left;width:1200px;height: 345px;}
.banner .img li a{display: block;width: 100%;height: 100%}
.banner .img li img{width: 100%;height: 345px;}
.banner .num{position:absolute;width:100%;bottom:30px;left:0px;text-align: center;font-size: 0px;}
.banner .num li{width: 7px;height: 7px;background:rgba(225,225,225,0.3);border-radius: 50%;display: inline-block;margin:0 5px;cursor: pointer;}
.banner .num li.on{width: 12px;border-radius: 8px;}
.banner-l{position: absolute;left: -76px;top:0px;width: 76px;text-align: left;height: 100%;width: 76px;display: none;cursor: pointer}
.banner-r{position: absolute;right: -76px;top:0px;width: 76px;text-align: right;height: 100%;width: 76px;display: none;cursor: pointer}
.banner-r img,.banner-l img{padding-top: 148px;}

/*更多*/
.moreitem{position: absolute;right: 5px;top:35px;height: 15px;color:#656565}
/*块状列表*/
.square-list{width: 100%;box-sizing: border-box;margin-top:20px}
.square-Item{position: relative;width:22.75%;margin-right: 3%;margin-bottom: 3%;float: left;border-radius: 6px;background-color:#fff;box-shadow: 0px 0px 12px rgba(0,0,0,0.1); }
.square-Item:hover{bottom: 3px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3);cursor: pointer;}
.square-Item:hover .closeSquare{display: block}
.square-Item:nth-child(4n+0){margin-right: 0px;}
.square-Item .square-img{display: block;width: 100%}
.square-Item .square-img img{width: 100%;border-radius: 6px 6px 0px 0px;vertical-align: bottom;min-height: 205px;}
.square-main{padding:15px 20px;box-sizing: border-box;}
.course-bottom{height: 48px;padding: 10px 0px;box-sizing: border-box}
.squareIconSpan{line-height: 25px}
/*块状列表（小）---列如实训路径详情选择实训*/
.square-Item.smallSquare{width: 32%;margin-right: 1.33%;margin-bottom: 10px;min-height: 210px; border: none;}
.square-Item.smallSquare:hover{bottom: 0px; box-shadow: 0px 0px 12px rgba(0,0,0,0.1); }
.smallSquare:nth-child(3n+0){margin-right: 0px;}
.partimg{height: 180px;width: 100%;border-radius: 6px 6px 0px 0px;}
/*块状列表上面的绿色标签*/
.tag-green{position: absolute;left: 0px;top:20px;}
.tag-green .tag-name{display: block;width: auto;background-image: url("/images/educoder/tag1.png");background-size: 100% 100%;padding: 0px 8px;color: #fff;float: left;}

/*门户左侧导航栏*/
.user_navlist{position: absolute;left: 0px;width: 160px;top:0px;height: 100%;}
.user_navlist_black{position: relative;width: 100%;height: 100%;border-radius: 8px 0px 0px 8px;background: rgba(0,0,0,0.8);}
.user_navlist_white{position: absolute;left: 160px;background: #FFFFff;width: 622px;min-height: 350px;top: 0px;z-index: 1;display: none;padding:0px 30px;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.user_navlist_white a{color: #989898;margin-right: 15px;font-size: 14px;display: block;float: left;height: 30px;line-height: 30px;}
.user_navlist_white a:hover{color: #4cacff}
.black_nav_list{padding: 4px 0px;box-sizing: border-box;height: 100%;}
.black_nav_list li{line-height: 42px;height: 42px;color: #fff;cursor: pointer;}
.black_nav_span{display: block;margin:0px 20px;border-bottom: 1px solid #4B4B4B;padding-left: 8px;color: #FAFAFA}
.welcome_shixun_index:last-child .black_nav_span{border-bottom: none}
.black_nav_list li:hover{background: #fff;}
.black_nav_list li:hover .black_nav_span{color: #05101A!important;}
.black_nav_list li:hover > a{color:#4cacff!important;}
.black_nav_list li:hover .user_navlist_white{display: block}
.navlistpanel-line{border-bottom: 1px solid #EBEBEB;}
.navlistpanel-line:last-child{border-bottom: none;}
.little-title{width: 100%;height: 20px;line-height: 20px;color: #05101a;font-size:15px;margin-bottom: 8px; }
/*排行榜*/
.ranking{text-align: center;margin-top:40px}
.grade{width: auto;display: inline-block;}
.grade li{float: left;margin:0px 10px;width: 60px;}
.ranking a img{width: 60px;height: 60px;border-radius: 50%;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.mentor-ranking{background-color: #EFEFEF;background-size:100% 100%;}
.huangguan{position: absolute;top: -30px;left: 13px;}
/*消息盒子*/
.news-list{max-height: 150px;overflow-y: auto}

/*
    colorbox
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background:#fff url(/images/colorbox/loading.gif) no-repeat 5px 5px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*-----------------------------登录-------------------------------*/
.login_register{height: 100%; width: 100%;background-size: 100% 100%;background-image:url("/images/educoder/logo-bg.jpg");position: fixed;bottom: 0px;right: 0px}
.login_reg{width: 414px;height: 615px;margin:0px auto;background-size: 100% 100%;}
#log_reg_content{border-radius: 5px;background: #FFFFff;width: 100%;text-align: center;position: absolute;top: 165px;
    left: 0px;padding: 40px 30px;box-sizing: border-box}
.log_nav{border-bottom:1px solid #eaeaea;}
.log_nav li{float: left;text-align: center;font-size: 16px;padding-bottom:15px;margin: 0px 20px;cursor: pointer;}
.log_nav li.active{border-bottom: 2px solid #459be5;}
.log-botton{width: 100%;text-align: center;color: #FFFFff!important;display: block;background: #cbcbcb;height: 45px;line-height: 45px;border-radius: 4px;letter-spacing: 2px;cursor: pointer}
.log-botton:hover{color: #FFFFff!important;}
.log-botton.active{background: #4cacff;}
.gain-code{width: 48%;display: block;float: right;height: 45px;line-height: 45px;text-align: center;background: #CBCBCB;color: #FFFFff!important;border-radius: 4px;cursor: pointer}
.gain-code:hover{color: #FFFFff!important;}
.logo-redirect{width: 105px;margin: 0px auto;display: block}
.logo-redirect img{width: 105px;}

/*-----------------------------注册、找回密码、绑定邮箱----------------------------*/
div.title_detail{width: 660px;margin:0px auto;}
div.title_detail img{width:180px}
p.copyright_info{text-align: center; margin-top: 60px;}
.reg_pass{min-height: 100%;width: 100%;background-image: url('/images/educoder/account_bg.png');background-size: 100% 100%;min-height: 100%;height: 100%;position: relative;}
.account_main{width: 660px;margin:0px auto;box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);border-radius: 8px;}
.account_main.ihub_account_main{
  box-shadow: 0 0px;
}
.account_title.ihub_Account_title{
  background-color: #fff;
  color: #333;
  font-size: 20px;
  border-bottom: 1px solid #F4F4F4;
}
.account_title{height: 85px;line-height: 85px;text-align: center;background-color: #459be5;color: #FFFFff;border-radius: 8px 8px 0px 0px;font-size: 20px}
.account_safe{background: #fff;color:#05101a;border-bottom: 1px solid #eaeaea}
#account_input,#bind_email{width: 400px;margin: 0px auto;padding: 40px 0px;box-sizing: border-box}
.realheight{padding-top:140px;}
@media screen and (max-height: 1000px) {
    .realheight{padding-top:50px;}
}
@media screen and (max-height: 800px) {
    .realheight{padding-top:10px;}
}
.ihub_Account_sign{padding: 20px 0px;height: 20px;line-height: 20px;background: #fff;}
.ihub_Account_sign>a{position: relative;color: #888;margin:0px 40px;font-size: 16px;cursor: pointer;}
.ihub_Account_sign>a.active{color: #ff6800;}
.ihub_Account_sign>a:nth-child(2):before,.ihub_Account_sign>a:nth-child(2):after{
  position: absolute;
  content: '>';
  color:#888;
  left: -48px;
  top:0px;
  font-size: 14px;
}
.ihub_Account_sign>a:nth-child(2):after{
  left:unset;
  right:-48px;
}
.ihub_quick_login{margin:40px auto 10px;border-bottom:1px solid #f4f4f4;line-height: 1px;width: 280px;}
.ihub_quick_login > span{background: #fff;padding:0px 20px;color: #888888}
/* .ihub_EWM{background: #fff;position: absolute;top:0px;left: 0px;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.ihub_EWM > img{width: 80%;} */

/* ------------------填写企业资料--------------------- */
.ihub_second_title{font-size: 18px;height: 50px;line-height: 50px;color: #333;border-bottom: 1px solid #f4f4f4;}
.ihub_second_ul{padding-bottom:40px;}
.ihub_second_li{display: flex;padding-top:24px;}
.ihub_second_span{display: block;width: 120px;text-align: right;color: #333;height: 40px;line-height: 40px;}
.ihub_notice{position: absolute;bottom: -23px;left: 1px;color: #FF5555;display: none;}
.uploadFile_btn{display: block;background: #F4F4F4;width: 88px;height: 40px;line-height: 40px;text-align: center;color: #888!important;border-radius: 4px;}
.file_list > li{margin-bottom: 8px;height: 25px;line-height: 25px;}
.file_list{margin-bottom: 20px}
.logoSrc{width: 100px;height: 100px;background: #FAFAFA;border-radius: 8px;margin-top: 20px;}
.ihub_account_phone{width: 420px;display: flex;height: 40px;}
.ihub_account_phone > input{flex:1;background: #FAFAFA;border:none;outline: none}
.ihub_account_phone > a{width: 110px;text-align: center;line-height: 40px;background: #F4F4F4;}
/**------------------------提交审核----------------------------------**/
.commitCheck{min-height: 500px;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #fff;}
/**------------------------选择注册类型----------------------------------**/
.registerType{display: flex;flex-direction: row;justify-content: center;background: #fff;min-height: 500px;align-items: center;}
.registerType_ul li{color: #666;cursor: pointer;}
 .registerType_ul:hover li, .registerType_ul:hover li.typeIcon > i{color: #459BE5}
.typeIcon{margin:0px 50px;}
.typeIcon > i{ border-radius: 50%;background: #FAFAFA;width: 200px;height: 200px;display: block;margin-bottom: 20px;color: #999;}
.registerType_ul{display: flex;align-items: center;flex-direction: column;}
/*----------------------------用户资料完善、认证等页面-----------------*/
.all_submit_btn{width: 340px;height: 48px;line-height: 48px;text-align: center;color: #FFFFff!important;background: #4cacff;border-radius: 4px;display: block;margin: 20px auto 40px;}/*提交、保存*/
.choosefile{width: 120px;height: 70px;border-radius: 4px;text-align: center;line-height: 70px;display: block;color: #FFFFff!important;background: #cccccc}/*选择文件*/
#upload_img_file{width: 120px;height: 70px;border-radius: 4px;}/*更换照片*/
.changephotos{display: block;position:absolute;width: 100%;height: 100%;left: 0px;top: 0px;background-color:rgba(0,0,0,0.2);color: #FFFFff!important;line-height: 70px;text-align: center;display: none }
#upload_img_file:hover .changephotos{ display: block}
.apply_link{position: absolute;right: -95px;top: 9px;}
/*账号安全*/
.account_left{float: left;width: 15%;text-align: center;}
.account_middle{float: left;width: 65%;}
.account_right{float: right}

/*----------------------------试用申请弹框--------------------------*/
.reUploadDetail{border:1px solid #dddddd; padding: 0 5px; float:left; resize:none; width:418px; height:80px; overflow-y:auto;outline: none;}

/*-----------------------------个人主页页面-begin-------------------------*/
.user-main-half{width: 100%;height: 390px;background: #fff;margin-bottom: 20px;position: relative}
.user-headImg{width: 100%;height: 160px;background-image: url("/images/educoder/userhead.jpg");position: absolute;width: 100%;left: 0px;top:0px}
.user-headCon{position: absolute;width: 100%;left: 0px;top:0px;min-height: 356px;}
.inline{width: auto;display: inline-block;}
.headtab{width: 188px;height: 60px;text-align: center}
.headtab span,.headtab a{display: block;width: 100%;text-align: center;}
.headtab span{color: #989898;font-size: 14px;}
.headtab a{color: #fff;font-size: 24px;}
.headphoto{text-align: center;background: #FFFFff;width: 115px;height: 115px;padding: 3px;border-radius: 50%;position: relative;float: left;margin-top: 19px;box-sizing: border-box}
.headphoto img{width: 109px;border-radius: 50%;height: 109px;}
.headphoto-black{display: none;cursor: pointer;position: absolute;top: 3px;left: 3px;width: 109px;height: 109px;text-align: center;line-height: 112px;border-radius: 50%;background-color: rgba(0,0,0,0.3);color: #fff;}
.myName{display: block;width: auto;color: #05101A;font-size: 24px;height: 28px;line-height: 28px;margin-top: 5px}
.mypost{color: #686868;font-size: 14px;display: block;width: auto;height: 20px;line-height: 20px;}
.mysign-span{margin: 0 auto;color: #05101A;font-size: 14px;display: block;width: 280px;cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mysign-input{margin: 0 auto;color: #05101A;font-size: 14px;width: 280px;height: 28px;border: none;outline: none;text-align: center}
.v-h-line{display: block;width: 1px;height: 40px;background-color: #999;margin-top: 12px;}
.navPositon{position: absolute;bottom: 0px;width: 100%;height: 38px;}
.user-nav-item li{float:left;margin:0px 40px;padding-bottom: 7px}
.user-nav-item li a{color: #666;font-size: 16px;}
.user-nav-item li.active{color: #05101A;border-bottom: 2px solid #05101A;padding-bottom: 5px}
.user-nav-item li.active a{color: #05101A;}


/*我的实训、进度条*/
.user-bar{position: relative;width: 100%;height:8px;background-color: #CDCDCD;border-radius: 4px;}
.user-bar p{position: absolute;left: 0px;top: 0px;height: 100%;background-color: #4CACFF;border-radius: 4px;}
/*我的课堂和我的项目，公开梯形*/
.publicpart{position: absolute;left: 0px;top:0px;width: 0;height: 0;border-left: 80px solid #21B351;border-bottom: 80px solid transparent;z-index: 1;}
.publicpart.orangeBlack{border-left: 80px solid #FF6800;}
.smalltrangle{display: block;position: absolute;left: 0px;top:0px;border-left: 25px solid #fff;border-bottom: 25px solid transparent;z-index: 2;}
.publicword{transform:rotate(-45deg);text-align: center;color:#FFF;font-size: 14px;display: block;position: absolute;width: 50px;left: 0px;z-index: 3;top: 15px;}

.closeSquare{position: absolute;width: 100%;left: 0px;top: 0px;text-align: center;background-color: rgba(0,0,0,.5);height: 100%;z-index: 5;display: none;}
.substance{padding: 40px 40px 0px 40px;box-sizing: border-box;text-align: center;border-bottom: 1px solid #EAEAEA;min-height: 241px;}
.subName{line-height: 20px;height: 40px;text-align: center;color: #1A0B00;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*题库以及资料*/
.secondNav li{color: #676767;margin: 0px 20px;float: left}
.secondNav li a:hover{color: #21B351}
.secondNav li.active a{color: #21B351}
/*题库*/
.dataBank_Item{margin-bottom: 3px;width: 100%;border-bottom: 1px solid #EEEEEE;padding: 17px 37px 17px 20px;box-sizing: border-box;background: #fff;display: flex;cursor: pointer}
.dataBank_Item:hover{box-shadow:0px 0px 15px rgba(76,76,76,0.2)}
.dataBank_Item:last-child{border:none; }
.dataItemLeft{margin-right: 20px;width: 20px;}
.dataItemRight{flex: 1;}
.edit-del-data{width: 325px;}
.dataTitle{color: #05101A;display: block;float: left;max-width: 400px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.itembottom span.bottomspan{display: block;width: 200px;text-align: left}
.authForBank{min-height: 400px;padding-top: 154px;box-sizing: border-box}
.search_course_list{height: 150px;overflow-y: auto}
.search_course_list li{height: 30px;}
/*资料*/
.userdata{width: 622px;margin: 0px auto;background: #fff;margin-bottom: 80px;padding: 40px;box-sizing: border-box;border-radius: 4px}
label.infolabel{display: block;float: left;width: 56px;text-align: right;margin-right: 30px;color: #989898;}
.infosign{display: block;flex: 1;float: left;word-wrap: break-word;word-break: break-all;}
.empiric-value{padding:10px 40px;box-sizing: border-box;background-color: #fff;}
.empiric{border-bottom: 1px solid #EBEBEB;}
.empiric li{float: left;padding: 10px 0px;}
.empiric:last-child{border-bottom: none;}
.em-name{width: 13%;text-align: left;}
.em-val{width: 10%;text-align: center;}
.em-time{width: 25%;text-align: center;color: #9A9A9A}
.em-con{width: 52%;text-align: left;color: #666;}

/*发送题库的筛选*/
.edu-btn-search{ position: absolute; top:0px; right:15px;}



/*-------------------------------精选实训-------------------------------*/
.shaiTitle{display: block;padding-right: 20px;}
.shaiContent li.shaiItem.active{background-color: #4CACFF!important;color:#fff!important;}
.shaiContent li.shaiItem{padding:3px 15px;float: left;border-radius: 4px;color: #4C4C4C;cursor: pointer;margin-right: 15px;display: block}
.shaiContent li.shaiItem:hover{background-color: #F5F5F5}
.shaiAllItem{max-width: 1138px;}
.subshaicontent{display: none;box-sizing: border-box;position: absolute;width: 100%;top: 33px;left: 0px;background-color: #fff;box-shadow:0px 1px 4px rgba(76,76,76,0.2);padding:0px 20px;z-index: 99999;border-radius: 4px;max-height: 800px;overflow-y: auto}
.subshaicontent-part{border-bottom: 1px solid #eee;}
.subshaicontent-part:last-child{border-bottom: none;}
.subshaicontent a:hover,.subshaicontent a.active{color: #4CACFF}
.subshaicontent a{float: left;margin-right: 20px;color: #999;cursor: pointer}


.search-new{width: 248px;height:32px;position: relative}
.search-span{display: block;position: absolute;width: 100%;height: 100%;left:0px;top:0px;background-color: #F4F4F4;border: 1px solid #EAEAEA; border-radius: 4px;z-index: 1}
.search-new-input{height: 32px;padding-left: 5px;width: 225px;border: none;box-sizing: border-box;background: none;outline: none;position: absolute;left:0px;top:1px;z-index: 2}
.search-new img{cursor: pointer;position: absolute;right:2px;top:2px;z-index: 2}
.search-new-input:focus + .search-span{background-color: #fff;}

.controlbtn{width: 36px;height: 15px;background-color: #CCCCCC;border-radius: 7px;cursor: pointer}
.controlblue{width: 0px;height: 15px;background-color: #4CACFF;border-radius: 7px;position: absolute;left: 0px;top:0px;z-index: 1}
.controlring{width: 13px;height: 13px;border-radius: 50%;background-color: #fff;position: absolute;left: 1px;top:1px;z-index: 2}
/*庞门用于实训，站酷黑用于路径*/
@font-face{
    font-family: 'panmen-webfont';
    src : url('../fonts/panmen-webfont.ttf');
}
.shixunDes{font-family: 'panmen-webfont';display: block;position: absolute;height: 100%;width: 100%;text-align: center;line-height: 220px;color: #fff;top: 0px;font-size: 24px;background-color: rgba(5,16,26,0.4);border-radius: 6px 6px 0px 0px;}
/*TPM*/
.shixunDetail_top{width: 100%;background-image: url("/images/educoder/shixun-detail.jpg");background-size: 100% 100%;height: 240px;
    justify-content: center;align-items: center;display: -webkit-flex;}
.task-item{margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee}
.task-item:last-child{border-bottom: none;}
.challengeNav a.active{color: #4CACFF;}
.recomments{margin-bottom: 30px;padding-bottom:30px;margin-top: 30px;border-bottom: 1px solid #eee}
.recomments:first-child{margin-top: 0px;}
.url-input{border: none;padding: 0px;font-size: 12px;color:#999;outline: none}
.forkNum{display: block;float: left;width: 36px;text-align: center;border-left: 1px solid #4CACFF;background-color:rgba(76,172,255,0.2);color: #4CACFF!important; }
.TPMtaskName{max-width: 500px}
/*任务*/
.recomment-name{max-width: 222px;display: block}
.task-colspan{min-width:25%;text-align: left;display: block;float: left;color: #999; }
.colspan-grey{border-radius: 12px;background-color: #E6E6E6;padding: 3px 10px;color: #747A7F}
/*新建任务*/
.challenge_nav{padding: 40px 20px 0px 20px;border-bottom: 1px solid #eee;}
.challenge_nav li{width: auto;float: left;margin-right: 40px;position: relative}
.challenge_nav li.active:after{position: absolute;content: '';width: 50%;background-color: #4CACFF;height: 3px;border-radius: 2px;left: 25%;bottom: 0px;}
.challenge_nav li a{display: block;width: 100%;padding-bottom: 20px;}
.add_choose_type{width: 60px;height: 20px;line-height: 19px;border-radius: 2px;background-color: #eaeaea;color: #999!important;display: block;float: left;text-align: center;margin-top: 4px;}

.btn-star{padding: 3px 10px;font-size: 14px;line-height: 23px;}
.bg-star{background-color: #eff3f6;}
.bg-white-star{background-color: #fff}
.border-1{border: 1px solid #ccc;}
.border-right-1{border-right: 1px solid #ccc;}
.btn-star:hover{background: #ddd;}
.margin10-20{margin:10px 20px;}
.border-radius-3{border-radius:3px;}



.task_tag_span{float: left;padding:0px 10px;background-color: #eee;color: #999;border-radius: 2px;margin-right: 10px;}
.task_tag_span span{float: left;}
.task_tag_span a{font-size: 18px;margin-left: 5px;float: left;line-height: 28px;height: 28px;cursor: pointer}
.task_tag_span a:hover{color: #666!important;}

.show_content_label{line-height: 48px}
.show_content_grey{padding: 10px 15px;background-color: #F4F4F4;color: #05101A;text-align: justify;word-break: break-all;border-radius: 4px;width: 100%;box-sizing: border-box}
.del_array{position: absolute;right: -35px;}
.del_array i{margin-left: 4.5px;}
.del_array:hover i{color: #4cacff!important;}
.empty{background: #494A4C;display: inline; margin: 0 2px; padding: 0 3px;}
.tab-key{background: #494A4C;display: inline; margin: 0 2px; padding: 0 6px;}
.show-span{display: block;text-align: right;min-width: 75px;}
/*选择题*/
.option-item{border:1px solid #e2e2e2;}
.option-item,.add-option-item{display: block;width: 38px;height: 38px;text-align: center;line-height: 38px;border-radius: 4px;cursor: pointer}
.check-option-bg{background: #FF7500;color: #ffffff!important;border: 1px solid #FF7500}
.add-option-input{padding: 5px;width: 90%;height: 40px;min-width: 700px;}
.add-option-input a{display: block;width: 100%;height: 100%;cursor: pointer}
.position-delete{position: absolute;right: -22px;top: 12px;cursor: pointer}
.position-delete:hover i{color: #4cacff!important;}
/*排行榜*/
.rankings li{line-height: 40px;height: 40px;}
.rankingindex{width: 24px;text-align: center;}
/*合作者*/
.collaborators-item{border-bottom: 1px solid #eee;cursor: default;padding-top: 30px;padding-left: 20px}
.collaborators-item:last-child{border-bottom: none;}
.collaborators-item-middle{max-width: 300px;padding:0px 0px 20px 20px;}
.upload_select_box{ width: 100%;box-sizing: border-box; height:240px; overflow-y:auto; padding: 10px; background:#f7f9fd; color: #333; }
/*配置*/
#evaluate_script_show + .CodeMirror{height: 300px;}
.lesson{line-height:40px;}
.lesson_img{position: absolute;right: 10px;top:10px;}
.lesson_checkbox{display: none;position: absolute;top:40px;left: -1px;width: 100%;border:1px solid #eeeeee;background: #FFFFFF;padding-bottom: 5px;height: 150px;z-index: 10}
.lesson_checkbox li{height:20px;padding:5px 10px;clear:both;line-height:28px;margin-bottom: 0;}
.lesson_checkbox li input{float: left;margin: 3px 5px 0px 0px;}
.lesson_content{width:95%;padding:5px; border: none!important;}
/*版本库*/
.recordnav{background-color:#F0F8FF;  vertical-align:middle;}
.pullreques_pullbox{border-bottom: 1px solid #eee;padding: 40px 20px;box-sizing: border-box}
.pullreques_pullbox:last-child{border-bottom: none;}
.pullreques_name{width: 120px;text-align: left;margin-right: 10px}
.pullreques_pull_txt{display: block; margin-left: 10px;max-width:640px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.versionFileList li{border-bottom: 1px solid #eee;}
.versionFileList li:last-child{border-bottom: none;}

/*项目版本库--旧版*/
.new_roadmap_conbox .pullreques_pullbox{padding:0px!important;}

/* 提交记录详情------文本变更样式 */
.autoscroll {overflow-x: auto; margin-bottom: 0.2em;}
table.filecontent { border: 1px solid #e2e2e2; border-collapse: collapse; width: 100%;background-color: #fafafa;}
table.text-file{}
.old_line,.new_line,.diff_line {margin: 0px; padding: 0px;border: none; background: #f7f8fa;color: rgba(0,0,0,0.3); padding: 0px 5px; border-right: 1px solid #dce0e6;text-align: right; min-width: 35px; max-width: 50px; width: 35px; -webkit-user-select: none;}
.old_line a,.new_line a,.diff_line a { float: left;width: 35px; font-weight: normal; color: rgba(0,0,0,0.3);}
.line_content{padding: 0px 5px;}
.old{ background:#ffecec; }
.old:hover{ background:#fffaf1; }
.new{ background: #eaffea;}
.new:hover{ background:#fffaf1; }
.commit_id_value{color: white !important;}
.fwb{font-weight: 500;}

/*-------------------------------实训路径-------------------------------*/
.path-head{width: 100%;height: 300px;background-image: url("/images/educoder/path.jpg");background-color: #081C4B;background-size: 100% 100%;}
.pathNavLine{position: absolute;bottom: -8px;width: 100%;}
.path-nav li{float: left;padding: 0px 30px;height: 42px;}
.path-nav li a{color:#fff;font-size: 16px;display: block;    height: 40px;}
.path-nav li.active a{border-bottom: 3px solid #4CACFF;color:#4CACFF;}
/*---实训路径详情----*/
.subhead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/path-detail.jpg");height: 240px;
    justify-content: center;align-items: center;display: -webkit-flex;}
.subhead_content{width: 1200px;margin: 0px auto;}
.pathInfo li{text-align: center;float: left;margin-right: 38px;}
.pathInfo li span{display: block;}
.produce-content{padding: 40px 20px;background-color: #fff;box-sizing: border-box}

.subject-produce{outline: none;line-height: 1.5;width: 100%;border: none;background: none;height: 30px;}
.stage-info-line:hover{background-color:rgba(142,212,254,0.3)}
.lesson-saved-list-item{border-bottom: 1px solid #EBEBEB;padding: 37px 0px}
.title-line{padding: 0px 20px;}
.paragraph{height: 50px;padding: 10px 20px 10px 47px;box-sizing: border-box}
.paragraph:hover{background-color:#F0F8FF;}
.lesson-saved-list-item:last-child{border:none;}
.click_add{text-align: center;height: 90px;line-height: 90px;background-color: #fff;border-top: 1px solid #EBEBEB;cursor: pointer}
.mustlearn{padding: 40px 25px;}
.teacherTeam{padding: 40px 25px 0px 25px;}
.teacherTeamItem{border-bottom: 1px solid #EAEAEA;padding: 40px 0px;}
.teacherTeamItem:first-child{padding-top: 0px!important;}
.teacherTeamItem:last-child{border: none;}
.addTeamMember{height: 70px;text-align: center;line-height: 70px;}
.adding-stage-item{padding: 0px 20px 20px 50px;position: relative}
.colseThispart{position: absolute;right: -6px;top:-6px;z-index: 2;line-height: 15px;}
.progressRing{display: block;width: 16px;height: 16px;float: left;position: relative;z-index: 1; }
.progressRing-over{color:#459BE6;position: absolute;top: -11px;left: -1px;}
.progressRing-part{color: #B3DCFF;position: absolute;top: -11px;left: -1px;}

.upline{content: '';position: absolute;left: 7px;bottom: 15px;right: auto;height: 18px;width: 1px;background-color: #B4DCFF;}
.downline{content: '';position: absolute;left: 7px;top: 15px;right: auto;height: 18px;width: 1px;background-color: #B4DCFF;}

.myProgressNav{width: 100%;position: relative;height: 10px;border-radius: 5px;background-color: #EAEAEA;}
.myProgressGreen{position: absolute;top: 0px;left: 0px;border-radius: 5px;height: 100%;background-color: #29BD8B}

.lesson-saved-list-item .title-line .edit:hover,.lesson-saved-list-item .title-line .delete:hover{color:#ff7500!important;}
li.li-width63{width: 63%;text-align: left}
li.li-width20{width: 20%;text-align: left}
li.li-width15{width: 15%;text-align: left}
li.li-width7{width: 7%;text-align: left}

/*-----------------------------在线课堂动态----------------------------------*/
.courseHead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/course-detail.jpg");height: 240px;
    justify-content: center;align-items: center;display: -webkit-flex;}
.invite-tip{position: absolute;top: -5px;right: 140px;color: #fff; box-sizing: border-box;width: 170px;text-align: center;border-radius: 2px;background-color: rgba(5,16,26,0.6)}
.inviteTipbtn a{font-size:14px;width: 100%;height: 30px;line-height: 30px;display: block;color: #747A7F;background-color: rgba(5,16,26,0.4)}
.inviteTipbtn a:hover{color: #4cacff!important;}
.top-black-trangle{display: block;border-width: 8px;position: absolute;top: -16px;right: 4px;border-style: dashed solid dashed dashed;border-color: transparent transparent rgba(5,16,26,0.6) transparent;font-size: 0;line-height: 0;}
.right-black-trangle{display: block;border-width: 8px;position: absolute;top: 10px;right: -16px;border-style: dashed solid dashed dashed;border-color: transparent transparent transparent rgba(5,16,26,0.6);font-size: 0;line-height: 0;}
.activity-nav.active{color: #4CACFF!important;}


.courseNewNum{display: block;background: #FF6800;border-radius:30px;padding:0px 2px;color: #fff!important;font-size: 11px;
    height: 16px;line-height: 15px;min-width: 12px;text-align: center;margin-top: 17px;}
.devide_class{max-width: 112px;}
.edu-class-leftnav{ background:#fff;}
.edu-class-leftnav li{ height: 50px;line-height: 50px;font-size:16px;cursor: pointer;position: relative;}
.edu-class-leftnav li a{padding-left: 42px;width: 100%;box-sizing: border-box;}
.edu-class-leftnav li:hover{background-color: #4CACFF}
.edu-class-leftnav li:hover a,.edu-class-leftnav li:hover i{color: #fff!important;}
.edu-class-leftnav li:hover span{color: #fff!important;}
.edu-class-leftnav li.active:before{content: '';position: absolute;left: 0px;top: 14px;bottom: 0;right: auto;height: 24px;width: 2px;background-color: #459be5;}
.edu-class-leftnav li.active:hover{background-color: #fff;}
.edu-class-leftnav li.active:hover a,.edu-class-leftnav li.active:hover i{color: #05101a!important;}
.edu-class-leftnav li.active:hover .courseNewNum{color:#fff!important;}
.edu-class-leftnav li.active:hover .activity-left-name{color: #05101a!important;}

/*动态*/
.activity-i{height: 32px;line-height: 32px;}
.activity-list{padding-left: 20px;}
.activity-item{padding: 30px 0px;display: flex;border-bottom: 1px solid #eee;}
.activity-title{max-width: 530px;}
.activity-tag{display: block;float: left;line-height: 48px;color: #999;font-size: 16px;width: 32px}
.loadMore{width:100%;background-color: #fff;color:#4cacff!important; text-align:center; display:block;letter-spacing: 1px;box-sizing: border-box;height: 110px;line-height: 110px;}
/*课堂设置*/
.upperLeft{min-width: 350px;}
.activity-left-name{display: block;max-width: 126px;float: left; }
/*---------------------------------我的粉丝和我的关注-------------------*/
.focus_fan_list{border-bottom: 1px solid #EBEBEB;padding: 20px 0px;display: flex}
.focus_fan_list:last-child{border-bottom: none;}
.double_f_middle{width: 56%;}

/*如何获得金币弹框*/
.knowThis{width: 100%;height: 45px;line-height: 45px;text-align: center;border-top: 1px solid #eee}



/*---------------------------------消息页----------------------------------*/
.new-info{height: 18px;min-width: 18px;line-height:18px;padding:0px 2px;box-sizing: border-box;text-align: center;background-color: #ff6800;color: #fff;border-radius: 30px;display: block;position: absolute;right: 40px;top:13px;font-size: 12px; }
.ridingNav li{float: left;margin:0px 20px;color:#999;font-size: 16px;height: 60px;line-height: 60px;position: relative;}
.ridingNav li a{display: block;width: 100%;height: 100%;color: #999999;}
.ridingNav li.active a{color: #05101A;}
.ridingNav li.active:after{content: '';position: absolute;bottom: 0px;width: 100%;height: 2px;border-radius: 1px;background-color: #05101A;}

.new-point{display: block;width:4px;height: 4px;border-radius: 50%;background-color: #ff6800;}
.ridinglist:hover{background-color: #F5F5F5;}
.ridinglist .ridinglist-sub{border-bottom: 1px solid #F5F5F5;padding: 25px 0px;cursor: pointer;}
.ridinglist:last-child .ridinglist-sub{border-bottom: none;}
/*私信*/
.private-item{padding: 30px 30px 30px 25px;border-bottom: 1px solid #F5F5F5;cursor: pointer}
.private-item:hover{background-color: #f5f5f5;}
.private-item:last-child{border-bottom: none;}
.writeLetter_Info{position: relative;width: 100%;height: 260px;background-color: #F6F6F6;cursor: default;border-radius: 3px;}
.writeLetter_text{width: 100%;border:none;background-color:#F6F6F6;outline: none;height: 100%;padding: 5px 5px 30px 5px;border: 1px solid #EAEAEA; box-sizing: border-box; resize: none;}
.longchar{position: absolute;background-color:#F6F6F6;bottom: 1px;color: #999999;right: 10px;}
.writeLetter_text:focus + .longchar{background-color: #fff;}
.recently_person{position: absolute;width: 100%;top: 35px;max-height: 300px;overflow-y: auto;border-radius: 4px;box-shadow: 0px 1px 6px rgba(76,76,76,0.2);left: 0px;z-index: 1;background-color: #fff;cursor: pointer;display: none}
.recently_item{padding: 10px 20px;}
.recently_name{float: left;line-height: 48px;display: block}
.recently_item:hover{background-color: #F9F9F9;}
/*私信对话框*/
.private-list{min-height: 660px;max-height: 810px;overflow-y: auto}
.private-list .private-part{padding-left:20px;cursor: pointer}
.private-part:hover{background-color: #F5F5F5;}
.private-part.active{background-color: #F5F5F5;}
.privatePartName{max-width: 70px;float: left}
.newLetter{display: block;width: 4px;height: 4px;background-color: #FF6800;border-radius: 50%;float: right}
.part-line{padding: 30px 20px 30px 0px;border-bottom: 1px solid #f5f5f5;}
.private-part:last-child .part-line{border: none;}

.dialogPanel{padding: 0px 20px;height: 545px;overflow-y: auto}
.letter-time{width: auto;padding: 0px 10px;background-color: #999;color: #fff;border-radius: 10px;height: 20px;line-height: 20px;}
.OtherSide,.ThisSide{margin-top: 30px;}
.OtherSide-info .trangle{position: absolute;left: -5px;top: 10px;width: 0;height: 0px;border-top: 6px solid transparent;border-right: 5px solid #f5f5f5;border-bottom: 6px solid transparent}
.OtherSide-info .sms{max-width: 300px;padding:10px 15px;box-sizing: border-box;background-color: #F5F5F5;color: #666;border-radius: 6px;text-align: justify}
.OtherSide-info .sms img{max-width: 80px;cursor: pointer}
.ThisSide-info .sms p{line-height: 20px;}
.sms{min-height: 48px;}
.ThisSide .trangle{position: absolute;right: -5px;top: 10px;width: 0;height: 0px;border-top: 6px solid transparent;border-left: 5px solid #4CACFF;border-bottom: 6px solid transparent}
.ThisSide-info .sms{max-width: 300px;padding:10px 15px;box-sizing: border-box;background-color: #4CACFF;color: #fff;border-radius: 6px;text-align: justify}
.ThisSide-info .sms p{line-height: 20px;}
.ThisSide-info .sms img{max-width: 80px;cursor: pointer}
/*-------------------绿盟杯----------------------*/
#contenter{min-width: 1200px;}
#competition-content,#competition-db-content{background-color: #EFEFEF}
#competition-content img,#competition-db-content img,#ccfPage img{vertical-align: bottom;}
#hnpage1{background: url('/images/educoder/competition/logo_1.jpg') no-repeat top center;min-height: 820px;}

#competition-header{background: linear-gradient(to right, #29bd8b , #13dc98);height: 60px;width: 100%;padding-right: 40px;box-sizing: border-box;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 1000;}
.nav-game{position: relative;}
.nav-game li{position: relative;float: left;width: 110px;height: 60px;line-height: 60px;text-align: center;box-sizing: border-box}
.nav-game li a{color:#fff;font-size: 16px;}
.nav-border{position: absolute;bottom: 0px;width: 100%;height: 3px;}
#nav-white{height: 3px;background-color: #fff;position: relative;width: 42px;left: 34px;}

.intoGame{background-color: #efefef;width:100%;position: relative;min-height: 2200px;background: url('/images/educoder/competition/page-title.jpg') no-repeat top center;}
.top-com{position: relative;width: 100%;top: 260px;margin: 0px auto;}
.partGame{width:900px;margin:50px auto;background-color: #fff;padding:50px 70px;box-sizing: border-box }
.partGame:first-child{margin-top:0px;}
.partborder{position: relative;width: 100%;border:1px solid #eee;border-radius: 3px;padding: 50px;box-sizing: border-box;text-align: center}
.gemeName{position: absolute;font-weight: bold;font-size: 24px;top: -24px;background-color: #fff;display: block;width: 90px;left: 50%;margin-left: -45px;text-align: center}
.enterTo a{float: left;width: 180px;color: #fff!important;background-color:#cdcdcd;font-weight: bold;font-size: 22px;text-align: center;margin-right:25px;cursor: default;height: 60px;line-height: 60px;border-radius: 35px;}
.enterTo a:last-child{margin-right: 0px;}
.partTime .pro,.partTime .time{color: #9D9D9D;font-size: 17px;}
.action{color: rgb(5, 16, 26);}
.partTime.active .pro,.partTime.active .time{color: rgb(5, 16, 26);}
/*.partTime.active .time{color:#ff3232; }*/
.partTime.active .enterTo a{cursor: pointer;background-color: #29bd8b;box-shadow: 0px 10px 10px rgba(41,189,139,0.2)}
.timered{color:#ff3232!important; }
.wordblack{color:rgb(5, 16, 26)!important;}

.Enroll-competition1,.Enroll-competition2,.Enroll-competition3{width: 140px;color: #cdcdcd!important;font-weight: bold;font-size: 18px;text-align: center;margin:0px 20px;cursor: default}
.Enroll-competition1.active,.Enroll-competition2.active,.Enroll-competition3.active{color: #13dc98!important;cursor: pointer}

.position-shixun{position: absolute;z-index: 2;bottom: 40px;text-align: center;width: 100%}
.ccf-position-shixun .shixun-btn,.position-shixun .shixun-btn,.ccf-position-shixun-2 .shixun-btn{display: block;float: left;width: 160px;text-align:center;letter-spacing: 1px;height: 40px;line-height: 40px;color:#fff!important;margin:0px 20px;background: linear-gradient(to right, #ff8634 , #ff9d5b);box-shadow: 6px 4px 11px #f7ece4;}

@media screen and (max-width: 1600px) {

    .position-shixun{bottom: 30px;}
    .ccf-position-shixun .shixun-btn,.position-shixun .shixun-btn,.ccf-position-shixun-2 .shixun-btn{width: 150px;letter-spacing: 0px;height:40px;line-height: 40px;}
    .ccf-position-shixun{top:242px!important;}
    .ccf-position-shixun-2{bottom: 240px!important;}
}
@media screen and (max-width: 1400px) {

    .position-shixun{bottom: 25px;}
    .ccf-position-shixun .shixun-btn,.position-shixun .shixun-btn,.ccf-position-shixun-2 .shixun-btn{width: 130px;letter-spacing: 0px;height:30px;line-height: 30px;}
    .ccf-position-shixun{top:200px!important;}
    .ccf-position-shixun-2{bottom: 200px!important;}
}
.announcement-list{padding: 10px 80px 40px;}
.announcement{padding:20px 0px;border-bottom: 1px solid #eee;}
.announcement:last-child{border-bottom: none;}



/*东北赛区*/
#dbpage1{background: url('/images/educoder/competition/db/db1.jpg') no-repeat top center;min-height: 820px;}
/*主页*/
.competitionHome{background: url('/images/educoder/competition/home/homepage.jpg') no-repeat top center;min-width: 1200px;}
.homePageBtn{position: absolute;width: 100%;top: 510px;}
.homeBtn{display: block;float: left;border-radius: 30px;width: 168px;height: 60px;line-height: 60px;background-color: #21B351;font-size: 30px;color: #fff!important;text-align: center}
/*ccf*/
.ccf-position-shixun{position: absolute;z-index: 2;top:300px;text-align: center;width: 100%}
.ccf-position-shixun .shixun-btn{margin: 0px 38px;}
.ccf-position-shixun-2{position: absolute;z-index: 2;bottom:300px;text-align: center;width: 100%}
.headerImg{background: url('/images/educoder/competition/ccf/CCF1.jpg') no-repeat top center;min-height: 820px;}



/*排行榜*/
.competion-ranking{background-color: #fff;box-shadow:0px 4px 15px rgba(0,0,0,0.1);position: relative;width: 860px;margin:70px auto 80px;padding: 50px;}
.ranking-nav{height: 48px;width: 480px;margin:0px auto;background-color: #fff;text-align: center;position: absolute;top:-48px;left: 50%;margin-left: -240px;}
.ranking-nav li{cursor: pointer;float:left;font-size: 18px;margin:0px 15px;line-height: 48px;height: 48px;position: relative}
.ranking-nav li.active{color: #29BD8B!important;}
.ranking-nav li.active:after{content: '';position: absolute;height: 2px;width: 60px;left: 50%;margin-left: -30px;bottom: 0px;background-color: #29BD8B;}
.person-ranking{background-color:#f6f6f6;border-radius: 20px;margin:0px auto; }
.person-ranking li{cursor: default;float: left;margin:0px 25px;height: 40px;line-height: 40px;}
.ranking-img{width: 25px;height: 30px;margin-top: 12px}
.ranking-number{width: 25px;text-align: center;font-size: 16px;}

.rankingList-line{padding: 15px 0px;border-top: 1px solid #eee;}
.rankingList-line li{float: left;height: 50px;line-height: 50px;}
.ranking-name{display: block;max-width: 80px;}

.no-com{padding: 70px 0px;}

#new_private_message_form .ke-toolbar-icon-url {
    background-image: url('/images/educoder/upload-image.png');
    background-position: 0px 0px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
.mtlanguage{
    display: block;
    margin-top: -5px;
}
.mrlanguage{
    margin-left: 20px;
}
.settingslanguage{
    display: inline-block;
    /*margin-top: 8px;*/
    margin-left: 5px;
}
.settingslanguagefl{
    margin: -4px 0px 0px 5px;
}
.mr2{
    margin: -4px 0px 0px 5px;
}
.projectName{
    width: 845px;
}
img{vertical-align: bottom}
/*-------------------------------------------------------trustieForge-----------------------------------------------------------*/
/*门户首页*/
.gatewayNav{width: 120px;margin-right: 30px;position: fixed}
.gatewayNav li{height: 35px;line-height: 35px;width: 100%;text-align: center;color: #4C4C4C;font-size: 16px;margin-bottom: 8px;}
.gatewayNav li a{display: block;width: 100%;height: 100%;}
.gatewayNav li.active a{background-color: #21B351;color: #fff!important;}

.gatewayBannerTitle{position: absolute;bottom: 0px;left: 0px;background:rgba(5,16,26,0.6);height: 48px;line-height: 48px;width: 100%;color: #fff;text-align: left;font-size: 16px;padding: 0px 10px;box-sizing: border-box}
.BannerTitle{max-width: 100%;color: #fff!important;float: left}

.gatewayBanner{width: 100%;height: 300px;position: relative;overflow: hidden;}
.gatewayBanner .BannerImg{position: absolute;left: 0px;top: 0px;}
.gatewayBanner .BannerImg li{float: left;width: 675px;height: 300px;}
.gatewayBanner .BannerImg li a{display: block;height: 100%;}
.gatewayBanner .num {position: absolute;right: 10px;text-align: center;font-size: 0px;bottom: 20px;z-index: 2}
.gatewayBanner .num li{width: 7px;height: 7px;background: rgba(225,225,225,0.3);border-radius: 50%;display: inline-block;margin: 0 5px;cursor: pointer;}
.gatewayBanner .num li.on{background: rgba(225,225,225,0.6);}
.newInfosAction{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff!important;background-color: #99C7FF;margin: 10px 0px;}

.gatewayNewsItem{padding: 10px 0px;border-bottom: 1px solid #EAEAEA;}
.ItemNewsName{color: #1A1A1A;margin-bottom: 20px;font-size: 18px;font-weight: bold;line-height: 24px;}
.ItemNewsName:hover{color: #406599}

.news_tag{display: block;padding: 0px 7px;height: 24px;line-height: 24px;border-radius: 4px;}
.tag-color-green{border:1px solid #059A17;color: #059A17;}
.tag-color-blue{border:1px solid #5699D4;color: #5699D4;}
.tag-color-orange{border:1px solid #ff7500;color: #ff7500;}

.greyPanel{padding:24px 20px;background-color: #F6F6F6;border-radius: 2px;border-top:2px solid #059A17;}

.IndexLeftPart{width: 440px;float: left;margin-right: 30px;box-sizing: border-box;}
.IndexRightPart{width: 420px;float: left;}
/*行业新闻*/
.IndustryNewsImg li img{width: 100%}
.NewsGeneral{position: absolute;width: 100%;bottom: 0px;background:rgba(0,0,0,0.3);height: 50px;line-height: 50px;color: #fff;padding: 0px 20px;font-size: 16px;box-sizing: border-box;left: 0px }
.newsBar li{float: left;height: 10px;width:10px;margin-left: 5px;border-radius: 2px;background-color: #EAEAEA;cursor: pointer}
.newsBar li.active{background-color: #03C317;}
.pointList li,.TrendsList li{margin-bottom: 6px;}
.pointList li a{width: 100%;display: block;}
/*动态*/
.TrendsimgLine{padding: 20px 0px;}
.TrendsName{float: left;height: 90px;line-height: 30px;max-width: 290px;color: #4C4C4C!important;}
.TrendsName:hover{color: #21B351!important;}
.trendsGeneral{max-width: 335px;}
/*技术问答*/
.forgeTag{margin:10px 0px 20px;}
.forgeTag span{display: inline-block;font-size: 12px;background-color: #ebebeb;color: #666;height: 22px;line-height: 22px;padding:0px 10px;text-align: center;border-radius: 11px;margin-right: 20px;}
.forgeTag span:hover{color: #333;}
.forgeTag span:last-child{margin-right: 0px;}
.skillList .trendsGeneral{max-width: 260px;}
.skillList li{margin-bottom: 6px}
.skillList li.active .TopTopic,.skillList li.active .trendsGeneral{color:#5195CF!important; }
.InterlocutionList li{margin-bottom: 10px}
.InterlocutionList li a {color: #5195CF;font-size: 16px;line-height: 23px;height: 46px;}
.InterlocutionList li span {color: #999;display: block}
.advName{max-width: 175px;line-height: 30px;height: 90px;float: left;margin-left: 10px;text-align: justify;}
/*数据社区*/
.datalist li{line-height: 24px;}
/*出版刊物*/
.publishItem{padding: 15px 10px;}
.publishName{font-size: 16px;color: #4B4B4B;width: 146px;height: 42px;line-height: 21px;margin-top: 10px;}
/*最新招聘*/
.recruitList li a{color:#5195CF!important;display: block }

.discList li{position: relative}
.discList li a{color: #666!important;}
.discList li:before{content: '';position: absolute;left: -16px;width: 4px;height: 4px;border-radius: 50%;background-color: #CDCDCD;top: 12px;}
.discList li:hover:before{background-color: #5195CF;}
.discList li:hover a{color: #5195CF!important;}




/*————————————————————————————————*/
/*在线课堂新版*/
.newwhite-panelbox{
    padding-right: 20px;box-sizing: border-box;
}
.newwhite-panel{
    width: 260px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EBEBEB;

}
.newsquare-list{
    width: 75%;
    box-sizing: border-box;
    margin-top: 40px;
}

.newwhite-panel li.active a {
    color: rgb(33, 179, 81);
}
.newwhite-panel li{
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.newwhite-panel li a{
   font-size:18px;
    color: #333333;
}
.newwhite-panel li span{
    font-size:18px;
    color: #979797;
}
.newwhite-panel li.active {
    border-left: 2px solid rgb(33, 179, 81);
}

.computer_language{
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
}
.newpaneli{
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    padding-left: 10px !important;
}
.computer_language li{
    height: 35px;
    line-height: 35px;
}
.computer_language li:nth-child(1){
   color:#282828;
    font-size:18px !important;
    font-weight: bold;
    margin-bottom: 0px !important;
    margin-top:0px !important;
    padding-left: 10px !important;
}
.computer_language li.active{
    border-left: 0px solid transparent !important;
    background: rgb(33, 179, 81);

}
.computer_language li.active a{
    color: #FFF !important;
    font-weight: 400 !important;
}
.computer_language li.active span{
    color: #FFF !important;
}
.forgexiajiantou{
    color: #999999;
    position: absolute;
    top: 1px;
    left: 28px;
    font-size: 10px !important;
}
.Project_resultsbox{
    width: 89%;
}
.Project_results{
   color:#343434;
    font-size:24px !important;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    display: inline-block;
}
.newsquare-listTop{
    width:100%;
    height: 60px;
}
.time-sequence{
  font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999;
    font-size: 12px;
}

.edu-menu-panel:hover .time-sequence{
    color: #21B351;
}
.timeSequencebox{
    position: relative;
    width: 64px;
    margin-top: 12px;
}
.square-Itembox{
    position: relative;
    width: 100%;
    height: 162px;
    float: left;
    background-color: #fff;
    border-top:1px solid #EBEBEB;
    overflow: hidden;
}
.square-Itembox-higher{
    position: relative;
    width: 100%;
    height: 202px;
    float: left;
    background-color: #fff;
    border-top:1px solid #EBEBEB;
    overflow: hidden;
}
.substancelistbox{
    width: 78%;
    padding: 30px 0px 0px 0px;
    box-sizing: border-box;
    text-align: center;
}
.substancelistboxright{
    width: 20%;
    padding: 25px 24px 0px 0px;
    box-sizing: border-box;
    text-align: center;
}
.Technical_origin{
    width: 10px;
    height: 10px;
    border: 1px solid #21B351;
    border-radius: 50%;
    display: inline-block;
    background: #21B351;
    margin-top: 6px;
    float: right;
    margin-right: 3px;
}
.Technical_name{
    width: 138px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid transparent;
    font-size: 16px;
    color: #4C4C4C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    text-align: left;
}
.substancelistbox p{
    text-align: left;
}

.substancelistbox p:nth-child(1)  a{
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 18px !important;
    width:256px;
    height:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.substancelistbox p:nth-child(1)  a:hover{
    color: #5195CF !important;
}


.substancelistbox p:nth-child(3)  {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #CDCDCD;
    font-size: 14px !important;
}
.newpagemargin{
    margin-left:300px;
}

.defalutCancelbtn-btn{
    display: block;
    border: 1px solid #21B351;
    color: #21B351 !important;
    width: 120px;
    text-align: center;
    height: 28px;
    line-height: 30px;
    border-radius: 2px;
}
#course_filter_order li{
    text-align: center;
}
#course_filter_order{
    right: -5px;
    font-size: 12px !important;
}

.ant-select-selection__placeholder{
    padding-left: 15px !important;
}
.newforgeattachment{
    margin-left: 18px !important;
}

/*门户*/
.AdvertisingHeadBox{
    margin-top:20px;
}

.AdvertisingHead{
    width: 100%;
    height: 50px;
}

.AdvertisingHead a{
    width: 60px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}
.AdvertisingCont{
    width: 100%;
    height: 500px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}
.head-nav ul#header-nav li :active a{
    color: #21B351!important;
}

.newItembox{
    padding-bottom: 30px;
}
.newItembox45{
    padding-bottom: 45px;
}

.newItemboxlistbox{
    height: 160px;
    overflow: hidden;
}
.newItemboxlistbox_higher{
    height: 200px;
}

.newItemboxlisttitle a{
    color:#5195CF;
    font-size:18px;
}
.MsoNormal{
    color:#666666;
    font-size:14px;
}

.newItemboxlistcontent{
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #666;
    font-size: 14px !important;
    width: 100%;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newItemboxlistTime{
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px !important;
    color:#666666;
}
.newItemboxlistTimeAbsolute{
    position: absolute;
    bottom: 0px;
    width: inherit;
    height: 30px;
}

.attachment{
margin-left: 10px;
}
.colorFFF{
    color:#FFF;
}

.colorblock{
    color:#000;
}
/* 列表页 */
/*联盟介绍*/
.about_part_first{background:url("/images/trustieForge/about/produce_1.jpg") no-repeat top center;height: 480px;width: 100%;padding-top: 160px;box-sizing: border-box;}
.about_produce{width: 100%;background:rgba(0,7,38,0.6);height: 258px;color: #fff;}
.about_produce_word{width: 462px;margin: 0px auto;}
.about_part_second{background:url("/images/trustieForge/about/produce_2.jpg") no-repeat top center;height: 636px;width: 100%;}
.about_part_workTeam{background:url("/images/trustieForge/about/produce_workTeam.jpg") no-repeat top center;height: 657px;width: 100%;padding-top: 176px;box-sizing: border-box}
.about_part_third{background:url("/images/trustieForge/about/produce_3.jpg") no-repeat top center;height: 588px;width: 100%;}
.about_part_add{background:url("/images/trustieForge/about/produce_6.jpg") no-repeat top center;height: 1121px;width: 100%;}
.about_part_fourth{background:url("/images/trustieForge/about/produce_4.jpg") no-repeat top center;height: 619px;width: 100%;}
.about_part_fifth{background:url("/images/trustieForge/about/produce_5.jpg") no-repeat top center;height: 923px;width: 100%;}
.workTeam_ul{float: left;width: 280px;position: relative;background-color: #2D8B56;height: 420px;margin:0 5px;}
.words_div,.img_div{position:absolute;width: 100%;height: 50%;z-index: 1;}
.words_div{background-color: #fff;padding: 20px;box-sizing: border-box;text-align: left;cursor: default;z-index: 2;overflow-y: hidden}
.upper_part{top: 0px;}
.under_part{bottom: 0px;}
.hyItemDiv {width: 185px;height: 510px;float: left;margin: 0px 10px;}
.hyItemImgDiv1 {background-image: url('/images/trustieForge/about/rights1.png');}
.hyItemImgDiv2 {background-image: url('/images/trustieForge/about/sy1.png');}
.hyItemImgDiv3 {background-image: url('/images/trustieForge/about/rights3.png');}
.hyItemImgDiv4 {background-image: url('/images/trustieForge/about/rights4.png');}
.hyItemImgDiv {height: 185px;background-color: #168f47;background-repeat: no-repeat;background-position: center 15px;padding-top: 100px;box-sizing: border-box;}
.hyItemImgDiv:hover {background-color: #0ab95e;}
.hyqyInfo {height: 300px;background: rgb(98, 98, 98);color: #ffffff;padding: 10px;}
.hyqyInfo > div { margin-bottom: 20px;height: 115px;}
.hyqyInfoTitle {display: inline-block;margin: 10px auto;font-weight: 700;width: 110px;border-bottom: 1px solid #ffffff;padding-bottom: 2px;}
.hyqyInfoDetail {letter-spacing: 1px;line-height: 20px;font-size: 11px;text-align: left;padding-left: 5px;}
.moreLink:hover{opacity: 0.6;}
.goTop{position:fixed;right: 50px;bottom:100px;display: none;}
.goTop i{color: rgba(165, 165, 165, 0.4)!important;}
/*加入联盟*/
.join_1{background:url("/images/trustieForge/about/join_1.jpg") no-repeat top center;height: 478px;width: 100%;box-sizing: border-box;}
.join_2{background:url("/images/trustieForge/about/join_2.jpg") no-repeat top center;height: 1933px;width: 100%;box-sizing: border-box;}
.downloadTable{display: block;background-color: #21B351;height: 46px;line-height: 46px;color: #fff!important;font-size: 16px;width: 190px;text-align: center;border-radius: 2px;}
.downloadTable:hover{background-color: #0ab95e}
/*联盟服务*/
.service_1{background:url("/images/trustieForge/about/service_1.jpg") no-repeat top center;height: 466px;width: 100%;box-sizing: border-box;}
.service_2{background:url("/images/trustieForge/about/service_2.jpg") no-repeat top center;height: 560px;width: 100%;box-sizing: border-box;}
.service_3{background:url("/images/trustieForge/about/service_3.jpg") no-repeat top center;height: 468px;width: 100%;box-sizing: border-box;}
.reasult_ul{width: 936px;margin: 0 auto;}
.reasult_ul li{float: left;width: 458px;height: 90px;background-color: #fff;margin-bottom: 20px;border-radius: 2px;}
.reasult_ul li a{display: block;height: 90px;line-height: 90px;color: #059A17!important;text-align: center}
.reasult_ul li:nth-child(odd){margin-right: 20px;}
.ywgk_main{width: 900px;height: 300px;margin: 20px auto;}
.bussinessWrap{display: inline-block;width: 280px;height: 300px;vertical-align: top;}
.bussinessDiv{position: relative;height: 140px;border: 1px solid #0E8D4E;margin: 10px auto;overflow: hidden;cursor: pointer;transition: all 0.3s;}
.bussinessImg {position: absolute;height: 115px;width: 115px;left: 20px;top: 20px;transition: all 0.3s;}
.bussinessImg img {width: 100px;}
.ywgkImgTitle {margin-top: 15px;font-size: 18px;text-align: center;position: absolute;top: 47px;left: 150px;transition: all 0.3s;color: rgb(14, 141, 78);}
.ywgkInfomation {left: 30px;position: absolute;width: 100%;height: 130px;color: #ffffff;top: 150px;color: #ffffff;text-align: left;margin-top: -20px;}
.ywgkInfomation div{line-height: 20px;}
.unitContenter{width: 924px;text-align: center;margin: 0px auto;}
.unitlevel{position: relative;margin:20px 0px;}
.unitlevel:after{position: absolute;content: '';height: 2px;background-color: #CBCBCB;width: 20px;left: 50%;bottom: -10px;margin-left: -10px;}
.unitLogo li{width: 199px;float: left;min-height: 64px;margin:0px 15px 20px 15px;}
.unitLogo li a{display: block;width: 100%;height: 64px;border:1px solid #ddd;}
.unitLogo li a:hover{box-shadow: 1px 1px 13px #cccccc; }
.unitLogo li span{font-size: 12px;line-height: 17px;display: block;min-height: 51px;margin-top: 5px;}


/*项目新版*/
.projectListsFrom{
    background-color: #fff;border: 1px solid #d1d5da;border-radius: 3px;
}
.projectStatus_nav{
    background: #f6f8fa;
}
.orderStatus_nav{
    border:1px solid #e1e4e8;border-radius: 3px;margin:2px 0px 0px 0px!important;
}
.orderStatus_nav li{
    padding:0px 12px;height: 30px;line-height:30px;float: left;
}
.orderStatus_nav li:first-child{
    border-radius: 3px 0px 0px 3px;
}
.orderStatus_nav li:last-child{
    border-radius: 0px 3px 3px 0px;
}
.orderStatus_nav li.active{
    background: #21B351;
}
.orderStatus_nav li.active a{
    color: #fff!important;
}
.orderStatus_nav li a{
    color: #586069!important;
}
.projectListItem{
    padding:20px 30px;border-bottom:1px solid #e1e4e8;
}
.projectListItem:last-child{
    border:none;
}
.projectTag{
    border:1px solid #d1d5da;border-radius: 4px;background: #d0d9ef60;padding:4px 10px;float: right;font-size: 14px;cursor: default;
}
.projectListName{max-width: 600px}
.projectListName:hover{color:#21B351!important;}

.categoryList>li>.category_li,.subMenu li > a {
    padding:0px 15px;height:40px;line-height: 40px ;font-size: 16px;display: block;color: #666;border:1px solid #fff;cursor: pointer;
}
.subMenu li > a{
    padding:0px 15px 0px 30px
}
.categoryList>li>a.category_li:hover{
    border:1px solid #e1e4e8;border-radius: 4px;background-color: #e6ebf760;cursor: pointer;
}
.categoryList>li>a.category_li.active{
    border:1px solid #e1e4e8;border-radius: 4px;background-color: #e6ebf760;cursor: pointer;
}
.subMenu li.active > a,.subMenu li:hover > a{
    color: #21B351!important
}
.categoryList>li>.category_li span:first-child,.subMenu li > a span:first-child{
    float: left;
}
.categoryList>li>.category_li span:last-child,.subMenu li > a span:last-child{
    float: right;
}
.categoryList .subMenu{
    display: none;
    min-width: 200px;
    box-sizing: border-box;
}

.searchPanel input{
    border:1px solid #eee;border-radius: 4px;width: 100%;padding:5px 26px 5px 5px;height: 35px;line-height: 35px;outline:none;
    box-sizing: border-box;
}
.searchPanel i{
    position: absolute;right: 7px;top:7px;
}
.top3{top: 3px !important;}


/* ------------------------企业项目列表--------------------------- */
.companyProjects_info{display: flex;justify-content: space-between;padding:20px;align-items: center;}
.company_logo{width: 180px;height: 100px;display: flex;justify-content: center;text-align: center;border:1px solid #f4f4f4;margin-right: 30px}
.company_setting_btn{display: block;color: #459BE5!important;border:1px solid #459BE5;border-radius: 4px;height: 35px;line-height: 35px;padding:0px 18px;}
.company_setting_btn_blue{background:#459BE5;color: #fff!important}
.companyList_nav{display: flex;justify-content: center;background: #fff;margin-bottom: 10px;}
.companyList_nav> li{margin:0px 30px;height: 56px;line-height: 56px;position: relative;font-size: 16px;}
.companyList_nav> li > a{color: #666!important;}
.companyList_nav > li.active::after{position: absolute;width: 100%;content: '';left: 0px;bottom: 0px;height: 2px;background: #459BE5;}
.companyList_nav > li.active > a{color: #459BE5!important;}
.nav_num{position: absolute;display: block;padding:0px 4px;height: 20px;line-height: 20px;border-radius: 5px 5px 5px 0px;left: 100%;top:6px;background: #f4f4f4;color: #888;font-size: 12px;}
.company_left_menu{padding:0px 0px 10px 0px;}
.company_left_menu .menu_li_item{display: flex;justify-content: space-between;color: #333;height: 40px;line-height: 40px;font-size: 16px;position: relative;cursor: pointer;padding:0px 20px;}
.company_left_menu .menu_li_item span:nth-child(2){color: #888;}
.company_left_menu .menu_li_item.active{background:rgba(236,245,253,1);}
.company_left_menu > li > .menu_li_item,.company_left_menu > .menu_li_item{padding-left: 45px}
.pre_li{position: relative;}
.pre_li.active>.menu_li_item{background: #ECF5FD;}
.pre_li.active::before{transform:rotate(90deg);top:17px;left: 22px;}
.pre_li.active .sub_li{display: block; }
.pre_li::before{display: block;border-width: 7px;z-index: 1;position: absolute;top: 12px;left:25px;border-style: dashed solid dashed dashed;border-color: transparent transparent transparent #AAAAAA;content: '';}
.sub_li{display: none;}
.sub_li a.menu_li_item{padding-left:65px; }
.sub_li a.menu_li_item:hover,.sub_li a.menu_li_item.active,.sub_li a.menu_li_item.active span:nth-child(2)
,.sub_li a.menu_li_item:hover span:nth-child(2)  {color: #459BE5!important;background: #fff;}
.company_search_form{position: relative;background: #fafafa;border-radius: 4px;height: 36px;line-height: 36px;width:380px;float: left;display: flex;}
.company_search_form input{border: none;outline: none;padding:5px 30px 5px 10px;flex: 1;height: 36px;line-height: 36px;box-sizing: border-box;background: #fafafa;position: relative;}
.company_search_form:after{position: absolute;right: 35px;height: 15px;top:9px;width: 1px;background: #f4f4f4;content: ''}
.company_search_form i, .company_search_form a{position: absolute;right: 20px;top:0px;right: 10px;cursor: pointer;}
.hot_company{display: flex;align-content: flex-start;justify-content: space-between;margin-bottom: 20px;}
.hot_company_logo{height: 38px;overflow:hidden;flex:1;}
.hot_company_logo.active{height: auto;}
.hot_company_logo img{max-height: 30px;margin-right: 20px;margin-bottom: 4px;margin-top: 4px;}
.company_info_item{padding:25px 0px;border-top: 1px solid #f4f4f4;}
.tagContent{display: block;height: 28px;line-height: 28px;background: #ECF5FD;color: #459BE5;padding:0px 8px 0px 4px;border-radius: 0px 4px 4px 0px;position: absolute;left: 19px;top:0px;white-space: nowrap;}
.project_infos{display: flex;}
.project_infos span{margin-left: 20px;display: block;background: #fafafa;border-radius: 4px;display: flex;height: 28px;line-height: 28px;justify-content: center;}
.project_infos .info_num{position:relative;padding:0px 7px;color: #666;}
.project_infos .info_num::before{position: absolute;left: 0px;content: '';height: 8px;top:10px;background: #eee;width:1px;}
/* 成员 */
.team_flex{display: flex;flex-wrap: wrap;align-content: flex-start;min-height: 500px}
.team_flex > li{width: 292px;background: #fff;height: 84px;margin-bottom: 10px;display: flex;padding:10px;margin-right: 10px; box-sizing: border-box;
  position: relative;border-radius:8px;}
.team_flex > li:nth-child(4n+0){margin-right: 0px;}
.team_flex > li:hover{box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1);}
.team_flex > li:hover .actionBtn{opacity: 1;z-index: 1}
.deleteBtn{position: absolute;right: 10px;top:3px;z-index: -1;opacity: 0;}
.pass_btn{height: 20px;line-height: 20px;padding:0px 7px;background: #459BE5;color: #fff!important;border-radius: 3px;}
.refuse_btn{height: 20px;line-height: 20px;padding:0px 7px;background: #BBBBBB;color: #fff!important;border-radius: 3px;}
.refuse_panel{position: absolute;left: 0px;top:0px;background: rgba(0,0,0,0.6);height: 160px;width: 100%;border-radius: 3px;padding:10px;opacity: 0;
  box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content:flex-end;align-content: flex-end;z-index: -1;transition: 0.2s;}
  .refuse_panel.active{opacity: 1;z-index: 1;}
.leave_btn{
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid rgba(255,85,85,1);
  color: #FF5555!important;
  text-align: center;
  float: right;
  cursor: pointer;
  padding: 0px 8px;
  box-sizing: border-box;
}
.myself{
  width: 40px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: rgba(51,189,140,1);
  border-radius: 8px;
  position: absolute;
  z-index: 99;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: rgba(255,255,255,1);
  bottom: 0px;
  left: 50%;
  margin-left: -20px;
}
  /* 企业设置 */
  .setting_company_list > li{padding:20px 0px;border-top:1px solid #eaeaea;background: #fff;cursor: move;}
  /* 隐藏项目-开关 */
  .switch_display{display: flex;align-items: center;}
  .switch_display .switch_name{color:#888;margin-right: 5px;}
  .switch_display .switch_btn{position: relative;width: 20px;background: #F4F4F4;border-radius: 8px;height: 10px;cursor: pointer;transition: 0.4s;}
  .switch_display .switch_btn::before{position: absolute;background: #fff;width: 12px;height: 12px;border-radius: 50%;box-shadow:0px 0px 2px 0px rgba(4,13,42,0.24);
    left: 0px;top:-1px;content: ''}
  .switch_display.active .switch_btn{background: #4099E8;}
  .switch_display.active .switch_btn::before{left: 9px;}