educoder/public/react/src/modules/paths/ShixunPaths.css

.pathImg{
  background: #4CACFF
}
.pathIndexNav{
  box-shadow:0px 4px 8px 0px rgba(0,0,0,0.04);
}
.pathIndexNav ul li{
  float: left;
  margin-right: 10px;
}
.pathIndexNav ul li a{
  display: block;
  font-size: 15px;
  color: #333333;
  padding:0px 20px;
  border-radius:18px;
  height: 32px;
  line-height: 32px;
  margin:5px 0px;
}
.pathIndexNav ul li.active a,.pathIndexNav ul li:hover a{
  background: #DDECF9;
  color: #4CACFF
}
/*.pathImg{*/
  /*width: 100%;*/
  /*height: 300px;*/
  /*background-image: url(../../images/path/path.png);*/
  /*background-color: #000a4f;*/
  /*!* background-size: cover; *!*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
/*}*/

/* 首页-最新最热 */
.mainPageArray span{
  font-size: 14px;
  float: left;
  background: #EBEBEB;
  padding: 0px 16px;
  height: 30px;
  line-height: 30px;
  color: #666666;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 15px;
}
.mainPageArray span.active{
  background: #4CACFF;
  color: #fff;
}

/* path-card */
.squareCard{
  position: relative;
  width: 280px;
  margin-right: 26px;
  margin-bottom: 40px;
  float: left;
  border-radius: 6px;
}
.squareCard:nth-child(4n){
  margin-right: 0px;
}
.squareCard .squareImg{
  height: 175px;
  width: 280px;
  overflow: hidden;
  display: block;
  border-radius: 6px;
  position: relative;
}
.squareCard .squareImg img{
  transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  width: 100%;
  position: absolute;
  top: -17.5px;
}
.squareCard .squareImg img:hover{
  transform: scale(1.05);
}

/* card info */
.cardName{
  font-size: 16px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}

.squareLine:after{
  position: absolute;
  width: 1px;
  height: 10px;
  background: #adadad;
  content: '';
  right: -10px;
  top:4px;
}
.squareInfo{
  color: #777;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
}

/* tag-开放课程 */
.tag_open {
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 1;
}
.tag_open .tag_open_name {
  display: block;
  width: auto;
  background-color: #FF6800;
  background-size: 100% 100%;
  padding: 0px 8px;
  color: #fff;
  display: block;
  height: 28px;
  line-height: 28px;
  border-radius: 0px 15px 15px 0px;
}



.paragraph:hover .status_li a{
  display: block;
}

.newedu-filter-btn{
  display: block;
  float: left;
  padding: 0 9px;
  /*height: 28px;*/
  line-height: 28px;
  border-radius: 14px;
  background-color: #F5F5F5;
  color: #666;
  margin-right: 10px;
  margin-bottom: 9px;
}

.edu-filter-btn29BD8B{
  display: block;
  float: left;
  padding: 0 9px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background-color: #29BD8B;
  color: #FFF;
  margin-right: 10px;
  margin-bottom: 9px;
}

.lesson-saved-list-item{
  border-bottom: none!important;
  margin-bottom: 10px;
  background-color: #fff;
}

.click_add{
  border-top: none!important;
}
.white-panel li{border:1px solid #fafafa!important;}
.white-panel li.active{border:1px solid #4CACFF!important;}

/* 选择实训列表 */
.greybackHead{height: 40px;line-height: 40px;padding: 0px 20px;box-sizing: border-box;color: #676767;background-color: #eaeaea;}

.mtf3{
  margin-top:-3px;
}

.mtf5{
  margin-top: -5px;
}

.color204{
    color:rgba(204,204,204,1);
}

.lesson-saved-list-itemdrop{
    height: 93px;
    overflow: hidden;
}

.lesson-saved-list{
    position: relative;
}

.itempositionleft{
    position: absolute;
}

.itempositionright{
    position: absolute;
}

.ant-input{
  background-color: #fafafa!important;
}
.ant-input:focus{
  background-color:#ffffff!important; 
}

.pathNavLine{bottom: -11px;}

#shixun_operation:hover{
    color:#fff !important;
}

.cursor{
    cursor: pointer;
}
.paragraph_nameid:hover{
    color:#4cacff !important;
}
/* 学习统计 */
.statisticsNav{height: 100px;}
.statisticsNav ul{margin-top: 35px;}
.statisticsNav ul li{float: left;font-size: 18px;color: #4D4D4D;height: 64px;line-height: 64px;margin:0px 30px;cursor: pointer;}
.statisticsNav ul li a{color: #4D4D4D!important;}
.statisticsNav ul li.active{color: #05101A;border-bottom: 2px solid #05101A;}
.statisticsNav ul li.active a{color: #05101A!important; text-decoration: none !important;}


.next-loading{
     width:100%;
 }

.paddingleft22{
    text-align: left;
    padding-left: 22px;
}

.paddingl5{
    padding-left: 5px;
}

.paddingl10{
    padding-left: 10px;
}

.red{
    color:red;
}

.pl38{
    padding-left: 38px;
}
.ml37{
    margin-left: 37px;
}

.newmustlearn {
    padding: 34px 25px;
    text-align: center;
}

.color181818{
    color: #181818;
}

.colorD5D8D6{
  color:#D5D8D6;
}