header {
  height: 98px;
  background-color: #bfa475;
}
header .prefix-edu-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  overflow: hidden;
}
header .prefix-edu-avatar img {
  width: 100%;
  height: 100%;
}
header .prefix-edu-name {
  font-size: 18px;
  color: #fff;
  margin: 0 15px;
}
header .prefix-edu-btn {
  width: 32px;
  height: 32px;
  background: url("../images/icon6.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 40px;
}

.prefix-edu-sidebar {
  width: 267px;
  min-height: calc(100vh - 98px);
  background-color: #f5f6f6;
  padding-top: 22px;
  flex: 1;
}
.prefix-edu-sidebar .prefix-edu-row {
  color: #666;
  /*line-height: 56px;*/
  font-size: 16px;
  display: block; 
  padding: 18px 0px 18px 85px;
  text-decoration: none;
}
.prefix-edu-sidebar .prefix-edu-row  span{ color: #666; line-height:20px;}
.prefix-edu-sidebar .prefix-edu-row.mobile_houme_icon1 {
  background: url("../images/icon5.png") no-repeat 27px center; background-size: auto 21px;}
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_houme_icon1 {
  background: url("../images/icon5-1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;}
  
.prefix-edu-sidebar .prefix-edu-row.mobile_myCourses_icon2 {
  background: url("../images/icon16.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_myCourses_icon2 {
  background: url("../images/icon16_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
  
.prefix-edu-sidebar .prefix-edu-row.mobile_news_icon3 {
  background: url("../images/icon10.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_news_icon3 {
  background: url("../images/icon10-1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
.prefix-edu-sidebar .prefix-edu-row.mobile_personal_icon4 {
  background: url("../images/ic3.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_personal_icon4 {
  background: url("../images/ic3_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
.prefix-edu-sidebar .prefix-edu-row.mobile_teachers_icon5 {
  background: url("../images/ic2.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_teachers_icon5 {
  background: url("../images/ic2_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
.prefix-edu-sidebar .prefix-edu-row.mobile_teachers_icon6 {
  background: url("../images/icon17.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_teachers_icon6 {
  background: url("../images/icon17_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
.prefix-edu-sidebar .prefix-edu-row.mobile_buylog_icon7 {
  background: url("../images/icon18.png") no-repeat 27px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_buylog_icon7 {
  background: url("../images/icon18_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }
 .prefix-edu-sidebar .prefix-edu-row.mobile_canuse_icon8 {
  background: url("../images/icon19.png") no-repeat 27px center; background-size: auto 21px;  } 
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_canuse_icon8 {
  background: url("../images/icon19_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }  
.prefix-edu-sidebar .prefix-edu-row.mobile_logout_icon11 {
  background: url("../images/ic1.png") no-repeat 27px center; background-size: auto 21px;  }  
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_logout_icon11 {
  background: url("../images/ic1_1.png") no-repeat 27px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 21px, 100% 100%;  }  
.prefix-edu-sidebar .prefix-edu-row:hover{
  color: #fff;
}



.prefix-edu-wrap {
  width: calc(100vw - 267px);
  background-color: #f8f9fb;
}

.prefix-edu-public-input {
  width: 74px;
  height: 32px;
  box-shadow: rgb(220, 223, 230) 0px 0px 0px 1px inset;
  border-radius: 4px;
  padding: 0 10px;
}
.prefix-edu-public-select {
  width: 94px;
  height: 32px;
  box-shadow: rgb(220, 223, 230) 0px 0px 0px 1px inset;
  border-radius: 4px;
  padding: 0 10px;
}

.prefix-edu-public-textarea {
  width: 100%;
  box-shadow: rgb(220, 223, 230) 0px 0px 0px 1px inset;
  border-radius: 4px;
  padding: 10px;
}
.prefix-edu-footer{ text-align: center; background:none; line-height:28px;}
.prefix-edu-logo{ width:267px; background:#1c2854; overflow:hidden;}
.prefix-edu-logo img{ width:100%; position: relative; top: 50%; transform:translateY(-50%);}
.moublie_top_right{ width: calc(100% - 267px) !important;}
/*验证码登录页开始*/
.mobile_content_register{  display:block; width:100%;}
.mobile_form_cj{ width:100%;}
.mobile_form_bgcolor{background:#f8f9fb !important; width:100% !important;  padding: 20px 0px 130px 0px;}
.mobile_prefix-edu-confirm{ position:relative !important; min-height:none !important; width:60% !important;}
@media screen and (max-width: 750px) and (min-width: 0px){
/*验证码登录页开始*/    
main.prefix-edu-content{ width:100% !important; margin-top:0px;} 
.mobile_prefix-edu-confirm{width:80% !important;}
 .prefix-edu-wrap{width: 100%;}
/* top*/    
.prefix-edu-logo{ width:35%;}  
 .moublie_top_right{ width: 65% !important;}  
.mobile_content, .mobile_content_nr{ display:block !important;}
.mobile_wrap{width:100%; }
.prefix-edu-publicBox{ width:100% !important; margin-bottom:20px !important;}
.prefix-edu-topBox{width:97% !important;}
/*left开始*/
.mobile_sidebar{ width:100%;  flex: none; min-height:auto !important; display:block !important;  font-size:0px; padding:0px !important; text-align:left;}
.mobile_sidebar a{     display: inline-block !important; width: calc(100%/5); padding-left: 45px !important; line-height:20px !important; padding-top: 15px; padding-bottom: 15px;  vertical-align: middle; }
.prefix-edu-sidebar .prefix-edu-row.mobile_houme_icon1 {
  background: url("../images/icon5.png") no-repeat 17px center; background-size: auto 16px;}
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_houme_icon1 {
  background: url("../images/icon5-1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;}
.prefix-edu-sidebar .prefix-edu-row.mobile_myCourses_icon2 {
  background: url("../images/icon16.png") no-repeat 17px center; background-size: auto 16px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_myCourses_icon2 {
  background: url("../images/icon16_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  }
.prefix-edu-sidebar .prefix-edu-row.mobile_news_icon3 {
  background: url("../images/icon10.png") no-repeat 17px center; background-size: auto 21px;  }
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_news_icon3 {
  background: url("../images/icon10-1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  }
 .prefix-edu-sidebar .prefix-edu-row.mobile_personal_icon4 {
  background: url("../images/ic3.png") no-repeat 17px center; background-size: auto 21px;  } 
 .prefix-edu-sidebar .prefix-edu-row:hover.mobile_personal_icon4 {
  background: url("../images/ic3_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  } 
.prefix-edu-sidebar .prefix-edu-row.mobile_teachers_icon5 {
  background: url("../images/ic2.png") no-repeat 17px center; background-size: auto 21px;  }  
 .prefix-edu-sidebar .prefix-edu-row:hover.mobile_teachers_icon5 {
  background: url("../images/ic2_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  } 
 .prefix-edu-sidebar .prefix-edu-row.mobile_teachers_icon6 {
  background: url("../images/icon17.png") no-repeat 17px center; background-size: auto 21px;  } 
 .prefix-edu-sidebar .prefix-edu-row:hover.mobile_teachers_icon6 {
  background: url("../images/icon17_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  } 
.prefix-edu-sidebar .prefix-edu-row.mobile_buylog_icon7 {
  background: url("../images/icon18.png") no-repeat 17px center; background-size: auto 21px;  }  
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_buylog_icon7 {
  background: url("../images/icon18_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  }  
 .prefix-edu-sidebar .prefix-edu-row.mobile_canuse_icon8 {
  background: url("../images/icon19.png") no-repeat 17px center; background-size: auto 21px;  }   
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_canuse_icon8 {
  background: url("../images/icon19_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  }    
.prefix-edu-sidebar .prefix-edu-row.mobile_logout_icon11 {
  background: url("../images/ic1.png") no-repeat 17px center; background-size: auto 21px;  }   
.prefix-edu-sidebar .prefix-edu-row:hover.mobile_logout_icon11 {
  background: url("../images/ic1_1.png") no-repeat 17px center, linear-gradient(90deg, #024d9e, #040c23); background-size: auto 16px, 100% 100%;  } 
 /*left结束*/
}
@media screen and (max-width: 550px) and (min-width: 0px){
.mobile_sidebar{ padding:12px 0px !important;}
.mobile_sidebar a{ width: calc(100%/3) !important; line-height:32px;} 

}
@media screen and (max-width: 349px) and (min-width: 0px){
  .mobile_sidebar a{ width: calc(100%/2) !important;}  
}
@media screen and (max-width: 1250px) and (min-width: 751px){
.prefix-edu-logo, .prefix-edu-sidebar{width: 170px;}  
.prefix-edu-wrap{width: calc(100vw - 170px);}
 .prefix-edu-sidebar .prefix-edu-row{ padding-left: 65px;}
    
}