.posResi {
   position: relative;
}

.header {
   display: flex;
   position: sticky;
   align-items: center;
   justify-content: space-between;
   height: 72px;
   color: #2D2F31;
   font-size: 16px;
   width: 100%;
   color: #fff;
   text-align: center;
   top: 0;
   z-index: 1000;
   background-color: #fff;
   padding: 10px 20px;
   height: 72px;
   min-width: 1248px;
}

.headPart.shadow-on-scroll {
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.nameEn {
   width: 165px;
   height: 21px;
}

.tabMenu {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   /* position: relative; */
   margin-right: 83px;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   color: #2D2F31;
   /* position: relative; */
   margin: 0 auto;
   height: 72px;
}

.menuTab>div:not(:last-child) {
   margin: 0px 24px 0px 24px;
   display: flex;
   align-items: center;
   cursor: pointer;
   height: 72px;
}

.menuTab>div:last-child {
   margin-left: 24px;
   margin-right: 0px;
   cursor: pointer;
   height: 72px;
   display: flex;
   align-items: center;
}

.menuFlex {
   line-height: 30px !important;
}

.icon-xiala {
   font-size: 12px;
   margin-left: 0px;
}

.searchPart {
   margin-right: 25px;
}

.searchBox {
   width: 210px;
   height: 36px;
   line-height: 36px;
   background: #FFFFFF;
   border-radius: 18px;
   border: 1px solid #6B6F73;
   padding: 0px 17px;
   display: flex;
   align-items: center;
   color: #6B6F73;
   box-sizing: border-box;
}

.searchBox i {
   color: #6B6F73;
}

.searchBox input {
   width: 100%;
   height: 90%;
   margin-left: 9px;
   border: 0px;
   color: #6B6F73;
   font-size: 14px;
}

.loginBtn {
   width: 80px;
   min-width: 80px;
   height: 36px;
   border-radius: 2px;
   color: #fff;
   background-color: #0F71BB;
   margin-left: 19px;
   border: 1px solid #0F71BB;
   cursor: pointer;
}

.languageSwitch {
   border: 0px;
   margin: 0px 8px 0px 7px;
}

.layui-form-select input {
   min-width: 90px;
}


.evidenceChain {
   position: relative;
   height: 32px;
   background-color: #fff;
   cursor: pointer;
   display: flex;
   align-items: center;
}

.selectTime {
   padding: 0px;
}

.zjSelected {
   height: 32px;
   margin: 0px 7px;
   line-height: 32px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.selectActive {
   background-color: #D5E5FC;
}

.evidenceOption {
   min-width: 120px;
   top: 31px;
   left: -21px;
   position: absolute;
   display: none;
   margin-top: 3px;
   background-color: #fff;
   padding: 0px 10px;
   box-shadow: 0px 5px 10px 0px rgba(0, 32, 150, 0.1);
}

.evidenceOption>div {
   cursor: pointer;
   padding: 0px 10px;
   margin: 7px 0px;
   height: 25px;
   font-size: 14px;
   line-height: 25px;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.evidenceOption>div:hover {
   background-color: #D5E5FC;
}

.reMenu {
   position: sticky;
   top: 0px;
   left: 0px;
   min-width: 1248px;
   z-index: 22222;
}


/* 下拉样式 */

.specialMenu {
   width: 1500px;
   height: 360px;
   display: none;
   position: absolute;
   top: 127px;
   left: 50%;
   transform: translateX(-50%);
   background-color: #fff;
   box-shadow: 0px 8px 10px -5px #ddd;
   z-index: 22222;
   max-height: 360px;
}

.menuParent>div {
   margin-bottom: 27px;
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   display: flex;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.menu-toggle {
   display: none;
}

.bgHover {
   color: #0F71BB !important;
   font-weight: bold !important;
}

.menuFlex {
   display: flex;
   justify-content: space-between;
   height: 360px;
   overflow-y: auto;
}

.menuParent {
   min-width: 30%;
   padding-top: 49px;
   background-color: #F2F4F8;
   padding: 25px 20px 25px;
   overflow: auto;
}


.menuParent::-webkit-scrollbar {
   width: 6px;
   height: 6px;
} 
.menuParent::-webkit-scrollbar-thumb {
  width: 6px;
   height: 6px;
   width: 0px;
   background: #ccc;
}

.menuFlex>div:nth-child(2) {
   flex: 1;
   padding: 15px 10px 25px;
}

.togCon {
   display: flex;
   flex-wrap: wrap;
   overflow-y: auto;
   /* height: 200px; */
   margin: 20px 10px;
   max-height: 500px;
   overflow-y: auto;
}

.togCon::-webkit-scrollbar {
   width: 6px;
   height: 6px;
}

.togCon::-webkit-scrollbar-thumb {
   width: 6px;
   height: 6px;
   width: 0px;
   background: #ccc;
}

.togCon>div {
   width: 320px;
   height: 40px;
   border-radius: 4px;
   line-height: 40px;
   max-width: 320px;
   text-align: left;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.togCon>div:not(:nth-child(3n)){
   margin-right: 25px;
}

.togCon>div {
   padding: 0px 8px;
}
.togCon div:hover {
   background-color: #F1F4F8;
   color: #0F71BB;
}
.category-title {
   margin-right: 40px;
}

.icon-fanye2 {
   font-size: 12px !important;
}


/* 尾部 */
.loginFooter .footer, .tail .footer, .courseFooter .footer, .trainDetailFooter .footer{
   height: 225px;
   min-height: 225px;
   min-width: 1248px;
   background-color: #2D2F31;
   padding: 44px 0px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #9598A3;
   box-sizing: border-box;
}
.footer-box{
   height:213px;
}

.borderDiv {
   width: 100%;
   height: 1px;
   background-color: #3F4245;
   margin: 0 auto;
   margin-top: 32px;
   margin-bottom: 20px;
}

.smallScreen {
   color: #2D2F31;
   margin-right: 25px;
   display: none;
}

.margAll{
   margin: 0px 12px !important;
}
.margBigAll{
   margin: 0px 25px !important;
}
@media screen and (max-width:1460px) {
   .menuTab>div:not(:last-child){
      margin: 0px 15px ;
   }
}
@media screen and (max-width:1500px) {
   .specialMenu {
      /* left: 0px !important;
      transform: translate(0px) !important; */
      width: 1200px !important;
   }
}

@media screen and (max-width:1440px) {
   .togCon>div {
      width: 260px;
      height: 40px;
      border-radius: 4px;
      line-height: 40px;
      max-width: 260px;
      text-align: left;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
   }
   
    .searchPart{
   margin-right: 10px !important;
    }

   .smallScreen {
      display: block;
   }

   .searchPart {
      display: none;
   }


   .tabMenu {
      width: 1200px !important;
      margin: 0 auto;
   }

   .header {
      padding: 0px !important;
   }

   .menuTab>div:not(:last-child) {
      margin: 0px 24px ;
   }

   .header {
      padding: 0px !important;
   }

   .menuTab>div:last-child {
      margin-right: 0px !important;
   }
   .borderDiv {
      width: 100% !important;
      max-width: 1200px !important;
      width: 1200px !important;
   }

   .footerMsg {
      max-width: 1200px !important;
      width: 1200px !important;
      padding: 0px !important;
   }

   .forRecord {
      padding: 0px !important;
      max-width: 1200px !important;
      width: 1248px !important;
   }

   .specialMenu {
      /* left: 0px !important; */
      /* transform: translate(0px) !important; */
      width: 1248px !important;
   }
}

.footerLogo {
   width: 104px;
   height: 70px;
}

.footerMsg {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 auto;
}

.footerMsg>div {
   height: 93px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.qrCode {
   width: 90px;
   height: 90px;
   background: #FFFFFF;
   border-radius: 2px;
}

.forRecord {
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.forRecord>div:nth-child(1) {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 14px;
   color: #9598A3;
}

.nationalEmblem {
   width: 12px;
   height: 14px;
}

/* 公共样式*/
* {
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
div {
   margin: 0;
   padding: 0;
   font-family: Arial;
}

body,
html {}

.conWidth {
   width: 1200px;
   min-width: 1200px;
   margin: 0 auto;
}


/* 课程相关公共样式 */
.courseText {
   padding: 23px 24px 24px 20px;
}

.courseTitle {
   display: flex;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-family: Arial;
   font-weight: bold;
   font-size: 18px;
   color: #2D2F31;
}

.trainMore {
   cursor: pointer;
}

.courseTitle>div:nth-child(2) {
   width: 134px;
   height: 36px;
   border: 1px solid #0F71BB;
   text-align: center;
   line-height: 36px;
   font-family: Arial;
   font-weight: 400;
   font-size: 12px;
   color: #0F71BB;
   cursor: pointer;
}

.courseTitle span:nth-child(1) {
   color: #2D2F31;
   font-size: 36px;
   margin-right: 10px;
}

.courseTitle span:nth-child(2) {
   color: #2D2F31;
   font-size: 36px;
   margin-right: 10px;
}

.courseTitle span:nth-child(3) {
   color: #0F71BB;
   font-size: 36px;
}

.courseImg {
   width: 281px;
   height: 160px;
}

.courseImg img {
   width: 100%;
   height: 100%;
   /*object-fit: cover;*/
}

.courseCon {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 27px;
   /* display: -webkit-box;
   -webkit-line-clamp: 2; */
   /* -webkit-box-orient: vertical; */
   height: 54px;
   width: 236px;
   overflow: hidden;
   margin-top: 9px;
   height: 54px;
}

.coursePeople>div {
   display: flex;
   align-items: center;
}

.coursePeople>div:nth-child(1) {
   margin-right: 17px;
}

.coursePeople i {
   margin-right: 4px;
}

.coursePeople>div span {
   margin-right: 5px;
}


.coursePeople {
   display: flex;
   align-items: center;
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #6B6F73;
   margin-top: 15px;
}

.vocationalTrainDetail {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 25px;
   cursor: pointer;
}

.courseViewMore {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 25px;
   cursor: pointer;
}


/* 推荐实习相同样式开始 */
.coursePort {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.coursePort .coursePage {
   width: 23.5%;
   min-height: 350px;
   background: #FFFFFF;
   border-radius: 4px;
   border: 1px solid #DEDEDE;
   margin-bottom: 24px;
   position: relative;
   box-shadow: 0px 0px 0px transparent;
}

.coursePageHover {
   box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.18);
}

.coursePort .coursePage:not(:nth-child(4n)) {
   margin-right: 24px;
}

.practiceText {
   padding: 23px 19px;
   height: 156px;

}


.practiceTitle {
   font-family: Arial;
   font-weight: bold;
   font-size: 18px;
   color: #2D2F31;
   margin: 0px 0px 5px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 27px;
}

.practiceCon {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 27px;
   overflow: hidden;
   height: 78px;
   /* display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; */
}

.practiceViewMore {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 18px;
   cursor: pointer;
}

.practiceImg {
   width: 281px;
   height: 160px;
}

.practiceImg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* 推荐实习相同样式结束 */

.userShou {
   width: 36px;
   height: 36px;
   background: #0F71BB;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   border-radius: 50%;
   margin-left: 19px;
   position: relative;
}

.userName {
   min-width: 180px;
   display: none;
   position: absolute;
   right: 0px;
   top: 37px;
   background-color: #fff;
}

.userMsg {
   display: flex;
   align-items: center;
   padding: 17px 19px;
   box-sizing: border-box;
   border-bottom: 1px solid #D2D7DB;
}

.nameSuo {
   width: 64px;
   height: 64px;
   background: #0F71BB;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
   color: #fff;
   margin-right: 10px;
}

.fullName>div:nth-child(1) {
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   color: #2D2F31;
   margin-bottom: 7px;
   text-align: left;
}

.fullName>div:nth-child(2) {
   font-family: Arial;
   font-weight: 400;
   font-size: 14px;
   color: #6B6F73;
   text-align: left;
}

.userMange {
   /*padding: 20px 22px 24px;*/
   box-sizing: border-box;
   color: #2D2F31;
   font-family: Arial;
   font-weight: 400;
   font-size: 14px;
   line-height: 36px;
   text-align: left;
   /*margin-top: 20px;*/
}

/* 课程列表样式开始 */
.bookCS {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.bookCS>div {
   width: 282px;
   height: 360px;
   background: #FFFFFF;
   border-radius: 4px;
   border: 1px solid #DEDEDE;
   position: relative;
}

.bookImg {
   width: 281px;
   height: 160px;
}

.bookImg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.bookCS>div {
   cursor: pointer;
   margin-bottom: 24px;
}

.bookCS>div:not(:nth-child(4n)) {
   margin-right: 24px;
}

.bookTitle {
   /* display: flex;
   align-items: center;
   justify-content: space-between; */
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-family: Arial;
   font-weight: bold;
   font-size: 18px;
   color: #2D2F31;
   line-height: 27px;
}

.bookCon {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 27px;
   height: 50px;
   overflow: hidden;
   margin-top: 9px;
}

.bookPeople>div {
   display: flex;
   align-items: center;
}

.bookPeople>div:nth-child(1) {
   margin-right: 17px;
}

.bookPeople i {
   margin-right: 4px;
}

.bookPeople>div span {
   margin-right: 5px;
}


.bookPeople {
   display: flex;
   align-items: center;
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #6B6F73;
   position: absolute;
   left: 20px;
   bottom: 50px;
}

.bookViewMore {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 18px;
   cursor: pointer;
   position: absolute;
   left: 20px;
   bottom: 15px;
}

.bookText {
   padding: 23px 19px 0px;
   box-sizing: border-box;
}

/* 课程列表样式结束 */

/* 实训列表页鼠标悬浮开始 */
.hoverViewMore {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   cursor: pointer;
   position: absolute;
   left: 19px;
   bottom: 22px;
   font-weight: 400;
}

/* 实训列表页鼠标悬浮结束 */


/* textbook公共样式开始 */

/* 第二个推荐实习开始 */
.recommendInternship {
   background-color: #F3F6F7;
   padding: 49px 0px 78px;
   min-width: 1248px;
}

.internship {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.internship .internshipCon {
   width: 32%;
   width: 380px;
   height: 350px;
   background: #FFFFFF;
   border-radius: 4px;
   border: 1px solid #DEDEDE;
   position: relative;
}

.interAuthor {
   height: 80px;
   background: #34466F;
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   display: flex;
   align-items: center;
   padding: 0px 19px;
   color: #fff;
}

.interAuthor div {
   width: 175px;
   max-height: 70px;
   display: flex;
   overflow: hidden;
}

.icon-zuozhe {
   color: #F6CD55 !important;
   font-size: 28px !important;
   margin-right: 7px;
}

.bookInfo {
   padding: 20px;
   box-sizing: border-box;
}

.bookInfo>div:nth-child(1) {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
}

.bookInfo>div:nth-child(2) {
   font-family: Arial;
   font-weight: bold;
   font-size: 20px;
   color: #2D2F31;
   line-height: 30px;
   margin: 14px 0px 9px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}


.bookInfo>div:nth-child(3) {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 24px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}

.bookInfo>div:nth-child(4) {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 14px;
   cursor: pointer;
}

.icon-jiantou_xiangyou {
   margin-left: 4.5px;
}

.courseBook {
   width: 113px;
   height: 154px;
   background-image: url('../img/teachBookBg.png');
   background-size: 165px 227px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   margin: 0 auto;
   margin-bottom: 20px;
   position: absolute;
   right: 32px;
   top: -21px;
   cursor: pointer;
}

.courseBook img {
   width: 107px;
   height: 148px;
}

.internTextBooks {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   padding-top: 16px;
}

.internTextBooks>div {
   width: 32%;
   position: relative;
   border: 1px solid #DEDEDE;
   margin-bottom: 51px;
}

.internTextBooks>div:not(:nth-child(3n)) {
   margin-right: 24px;
}

/* 第二个推荐实习结束 */
/* textbook公共样式结束 */


/* layui下拉框样式开始 */
.layui-select-title .layui-edge {
   /* background-color: #009688;
   color: #fff; */
}

.layui-select-title .layui-edge.alibaba-icon::after {
   content: '&#xe641' !important;
   font-family: 'iconfont' !important;

}

.layui-select-title .icon-xiala {
   position: absolute;
   right: 10px;
   top: 6px;
   /* margin-top: -5px !important; */
   cursor: pointer;
   border-width: 6px;
   border-top-color: transparent !important;
   border-top-style: solid;
   transition: all .3s;
   -webkit-transition: all .3s;
}

.layui-form-select dl {
   width: 180px;
   left: 5px;
}

.layui-input {
   text-align: left;
}

.layui-form-selected .layui-select-title .icon-xiala {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.layui-input-block {
   margin: 0px;
}

.layui-form-select .layui-input {
   border: 1px solid #6B6F73;
}

.layui-form-select dl dd.layui-this {
   background-color: #0F71BB !important;
}

/* layui下拉框样式结束 */




/* 分页样式开始 */
.sortPage {
   width: 100%;
   text-align: center;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 15px;
}

.layui-laypage a {
   border: 0px;
   font-weight: bold;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
   background-color: #fff !important;
   color: #1C79BF !important;
   border-bottom: 1px solid #1C79BF;
}

.layui-laypage-curr em {
   color: #1C79BF !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
   width: 16px !important;
   transform: translate(-50%, 0);
   left: 50%;
}

.layui-laypage span {
   border: 0px;
   margin: 0px 8px;
}

.layui-laypage-prev {
   width: 40px !important;
   height: 40px !important;
   border-radius: 50% !important;
   border: 1px solid #6B6F73 !important;
   padding: 0px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}

.layui-laypage-next {
   width: 40px !important;
   height: 40px !important;
   border-radius: 50% !important;
   border: 1px solid #6B6F73 !important;
   padding: 0px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}

.layui-disabled,
.layui-disabled:hover {
   border: 1px solid #eee !important;
}

.layui-laypage a:hover {
   color: #6B6F73;
}

.layui-laypage {
   display: flex;
   align-items: center;
}

.layui-laypage a,
.layui-laypage span {
   margin: 0px !important;
   font-size: 16px;
}

.layui-laypage .layui-laypage-curr em {
   font-weight: bold;
}

/* 分页样式结束 */

.userMange>div {
   padding: 0px 10px 0px 20px;
   cursor: pointer;

}

.userMange>div:hover {
   background-color: #D5E5FC;
}

.menuActive {
   color: #0F71BB;
   border-bottom: 3px solid #0F71BB;
   /*position: relative;*/
}
/*.menuActive:after {*/
/*   content: '';*/
/*   position: absolute;*/
/*   bottom: 0px;*/
/*   left: 50%;*/
/*   transform: translateX(-50%);*/
/*   width: 64px;*/
/*   height: 3px;*/
/*   background: #0F71BB;*/
/*   border-radius: 2px;*/
/*}*/

.menuTab {
   display: flex;
   align-items: center;
}

.tabRight {
   display: flex;
   align-items: center;
}




/* 修改后的specialtiesd的下拉 */
.classifyQualify {
   display: flex;
   align-items: center;
}

.classifyQualify>div {
   width: 100px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 30px;
   background-color: #fff;
   color: #000;
   margin-right: 10px;
}

.classifyActive {
   background-color: #0F71BB !important;
   color: #fff !important;
}

.layui-carousel-arrow{

}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add],
.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
   top: 54%;
   right: -48px !important;
   transform: translate(-50%, -50%);
   background-color: #fff;
   color: #0F71BB;
}

.layui-carousel:hover .layui-carousel-arrow[lay-type=sub],
.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub] {
   top: 54%;
   transform: translate(-50%, -50%);
   left: 0px !important;
   background-color: #fff;
   color: #0F71BB;
}
.layui-carousel-arrow {
   width: 48px !important;
   height: 48px !important;
   box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.18);
   background-color: #fff;
   color: #0F71BB;
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
   left: -24px;
   font-size: 24px;
   top: 48%;
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
   right: -24px;
}

.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover {
   background-color: #D5E5FC !important;
}

.layui-carousel>[carousel-item]>* {
   background-color: transparent !important;
}


.headerTwo {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 70px;
}

.topHead-left {
   display: flex;
   align-items: center;
}

.schoolLogo {
   width: 285px;
   height: 52px;
   margin-right: 21px;
}

.logoName {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 24px;
   color: #212121;
   margin:0px 21px 0px 0px;
}

.centerLogo {
   max-height: 22px;
}



.secondHead {
   /*flex:1;*/
   height: 56px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #221814;
   width: 68%;
}

.secondHead>div {
   line-height: 53px;
   cursor: pointer;
}

.headActive {
   color: #0F71BB !important;
   position: relative;
}

.headActive:after {
   content: '';
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   width: 64px;
   height: 3px;
   background: #0F71BB;
   border-radius: 2px;
}

.searchTwoPart {
   margin-left:25px;
}

.borderHead {
   width: 100%;
   border-top: 1px solid #E8E8E8;
}

.headPart{
   background:#fff;
}

.headTogFlex{
   display: flex;
   align-items: center;
   justify-content: space-between;
}



.hasLogin{
   position: relative;
}
.topHead-left .divider {
   width: 1px;
   height: 18px;
   background: #000000;
   border: 1px solid #B5B5B5;
   margin: 0 8px;
}
.topHead-left .projectName {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 20px;
   color: #595656;
}