/* 头部开始 */
/* .reMenu {
   position: sticky;
   top: 0px;
   left: 0px;
   min-width: 1248px;
   z-index: 22222;
} */

#indexHead {
   position: sticky;
   top: 0px;
   left: 0px;
   min-width: 1248px;
   z-index: 22222;
   height: 72px;
}


/* 头部结束 */

/* banner图样式开始 */
.banner {
   min-width: 1248px;
   height: 500px;
   background-image: url('../img/banner.png');
   background-size: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}

.bannerWidth {
   width: 1200px;
   margin: 0 auto;
   padding-top: 135px;
}


.bannerWidth>div:nth-child(1) {
   font-family: Arial;
   font-weight: bold;
   font-size: 40px;
   color: #FFFFFF;
   line-height: 64px;
   margin: 0px 0px 35px;
}

.bannerWidth>div:nth-child(2) {
   font-family: Arial;
   font-weight: 400;
   font-size: 18px;
   color: #FEFEFE;
   line-height: 36px;
}

/* banner图样式结束 */

/* 热门专业样式开始 */
.specialTitle {
   margin: 0px 0px 15px;
   font-weight: bold;
}

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

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


#hotCarousel {
   width: 1200px !important;
   height: 408px !important;
}

.hotBar {
   width: 100%;
   min-width: 1248px;
   background-color: #F2F4F8;
   padding: 48px 0px 42px;
}

#hotCarousel>[carousel-item]>* {
   background-color: #F2F4F8 !important;
}



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

.flexCS>div {
   padding: 24px 12px;
   text-align: center;
   box-sizing: border-box;
   /* display: flex;
   flex-direction: column;
   justify-content: center; */
   align-items: center;
   width: 212px;
   height: 181px;
   background: #FFFFFF;
   border-radius: 18px;
   margin: 15px 0px;
}

.flexCS>div img{
   height: 34px;
}
.flexCS>div:not(:last-child) {
   margin-right: 35px;
}
.flexCS>div div:nth-child(2) {
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   color: #2D2F31;
   margin: 19px 0px 14px;
}

.flexCS>div div:nth-child(3) {
   font-family: Arial;
   font-weight: 400;
   font-size: 14px;
   color: #6B6F73;
}

.majorItem {
   padding: 0px 20px;
}

/* 热门专业样式结束 */


/*训练样式开始 */
.trainBar {
   height: 598px;
   width: 100%;
   min-width: 1248x;
   padding: 48px 0px;
   box-sizing: border-box;
   min-width: 1248px;
}

.trainTitle {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 36px;
   cursor: pointer;
}

.trainTitle>div:nth-child(1) {
   font-weight: bold;
}

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

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

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

#trainCarousel {
   width: 100% !important;
   height: 434px !important;
   background-color: transparent !important;
}

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

.trainCS>div {
   width: 380px;
   height: 432px;
   background: #FFFFFF;
   border-radius: 4px;
   border: 1px solid #DEDEDE;
   padding: 36px 30px 0px 25px;
   box-sizing: border-box;
   text-align: center;
}

.trainCS>div:not(:last-child) {
   margin-right: 30px;
}

.trainImg {
   width: 254px;
   height: 161px;
   margin: 0 auto;
   margin-bottom: 23px;
}

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

.trainCS>div>div:nth-child(2) {
   font-family: Arial;
   font-weight: bold;
   font-size: 18px;
   color: #2D2F31;
   height: 53px;
   margin-bottom: 20px;
   text-align: left;
   line-height: 28px;
   overflow: hidden;
}

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

.trainCS>div>div:nth-child(4) {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #0F71BB;
   margin-top: 21px;
   text-align: left;
}

#trainCarousel>[carousel-item]>* {
   background-color: #fff;
}

/*训练样式结束 */

/* course样式开始 */
.courseBar {
   background-color: #F3F4F6;
   width: 100%;
   min-width: 1248px;
   height: 950px;
   padding: 48px 0px;
   box-sizing: border-box;
}

.trainMore {
   cursor: pointer;
}

.courseTip {
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   color: #2D2F31;
   line-height: 30px;
   margin: 21px 0px 30px;
   width: 700px;
}



#operateCarousel {
   width: 100% !important;
   height: 314px !important;
}

.operateBg {
   width: 530px;
   height: 296px;
   background: #0F71BB;
   margin-top: 18px;
   position: relative;
}

.operateImg {
   width: 525px;
   height: 300px;
   position: absolute;
   left: 18px;
   top: -18px;
}

.operateText {
   width: 720px;
   height: 282px;
   background: #FFFFFF;
   box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.18);
   position: absolute;
   left: 480px;
   top: 0px;
   padding: 40px 40px 0px 38px;
   box-sizing: border-box;
}




/* operate的swiper样式开始 */
.swiper-button-prev,
.swiper-button-next {
   background-color: transparent;
   border: none;
   outline: none;
}

.swiper-button-prev i,
.swiper-button-next i {
   font-size: 24px;
}

.swiper-container {
   height: 314px;
}

.swiper-button-next,
.swiper-button-prev {
   top: var(--swiper-navigation-top-offset, 18%);
}

.swiper-navigation-color {
   color: #6B6F73 !important;
}

.swiper-container {
   position: relative;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
   content: '' !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
   content: '' !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
   left: auto !important;
   right: 115px !important;
   top: 266px !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
   left: auto !important;
   right: 48px !important;
   top: 266px !important;
}

.textTitle {
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   color: #2D2F31;
   margin-bottom: 9.5px;
}

.textCon {
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 30px;
   height: 90px;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
}

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

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

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

.numberPeople i {
   margin-right: 4px;
   margin-bottom: 2px;
}

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

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

.swiper-button-lock {
   display: block !important;
}

/* operate的swiper样式结束 */


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



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

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



#courseCarousel {
   width: 100% !important;
   height: 360px !important;
   margin-top: 44px;
}



/* .courseText {
   padding: 23px 24px 24px 20px;
} */


/* course样式结束 */


/* practice样式开始 */
.practice {
   background-color: #fff;
   height: 590px;
   min-width: 1248px;
}

#practiceCarousel {
   width: 100% !important;
   height: 350px !important;
   background-color: transparent;
}

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

.practice {
   padding-top: 48px;
}

.practiceCS img {
   width: 281px;
   height: 160px;
}

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

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


.practiceCS>div {
   width: 282px;
   height: 350px;
   background: #FFFFFF;
   border-radius: 4px;
   border: 1px solid #DEDEDE;
}





#practiceCarousel .courseCS {
   background-color: #fff !important;
}



.practiceTip {
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   color: #2D2F31;
   line-height: 30px;
   margin: 22px 0px 28px;
   width: 790px;
}



/* practice样式结束*/


/* popular样式开始 */
.popular {
   min-width: 1248px;
   height: 500px;
   padding-top: 65px;
   background: linear-gradient(180deg, #A5E2D0 0%, #FFFFFF 100%);
}

.popularTitle>div:nth-child(1) {
   color: #2D2F31;
   font-size: 36px;
   font-weight: bold;
   font-family: Arial;
   margin-bottom: 17px;
}

.popularTitle>div:nth-child(2) {
   color: #0F71BB;
   font-size: 36px;
   font-weight: bold;
   font-family: Arial;
}

/*.popularTitle>div:nth-child(1) span {
   margin-right: 10px;
}*/

.intro {
   margin: 15px 0px 52px;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   color: #2D2F31;
   line-height: 30px;
}

.popularMore {
   width: 134px;
   height: 36px;
   text-align: center;
   line-height: 36px;
   border: 1px solid #0F71BB;
   color: #0F71BB;
   cursor: pointer;
}

.popularPort {
   display: flex;

}

.popularPort>div:nth-child(1) {
   width: 230px;
   margin-right: 68px;
}

.textbook {
   width: 165px;
   height: 227px;
   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;
}

.textbook img {
   width: 158px;
   height: 220px;
}

#popularCarousel {
   flex: 1;
   width: calc(100% - 220px) !important;
   height: 420px !important;
   background: transparent;
}

#popularCarousel>[carousel-item]>.layui-this {
   background: transparent;
}

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

.popularCS>div {
   width: 270px;

}

.popularCS>div:not(:last-child) {
   margin-right: 38px;
}

.popularTitle {
   font-family: Microsoft YaHei;
   font-weight: bold;
   font-size: 18px;
   color: #2D2F31;
}

.popularCon {
   font-family: Myriad Arabic;
   font-weight: 400;
   font-size: 15px;
   color: #2D2F31;
   line-height: 24px;
   margin-top: 11px;
   margin-bottom: 13px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   height: 48px;
}

.popularViewMore {
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   color: #0F71BB;
   cursor: pointer;
}

.layui-carousel>[carousel-item]:before {
   display: none !important;
}

/* popular样式结束 */

.shiliang {
   position: fixed;
   top: 50%;
   right: 20px;
   transform: translate(-50%, -50%);
   z-index: 100;
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #2D2F31;
   text-align: center;
}

.shiliangText {
   text-shadow: 1px 1px 3px #fff;
}

.shiliang img {
   margin-bottom: 13px;
}

.majorIcon {
   width: 37px;
}

.hotTitle{
   height: 37px;
   line-height: 20px;
   overflow: hidden;
   /*display: flex;
   align-content: center;*/
}

.cursor-pointer {
    cursor: pointer;
}

/* @media screen and (max-width: 1590px) {
  


   .searchBox {
      width: 125px;
   }

   .tabRight {
      right: -60px;
   }

   .nameEn {
      left: -8px;
   }
} */
/* 
@media screen and (min-width: 1592px) {
   .forRecord {
      max-width: 1200px;
      margin: 20px auto;
   }
  
}

@media screen and (min-width: 1600px) {
   .forRecord {
      max-width: 1200px;
      margin: 20px auto;
   }
 
   .specialMenu {
      width: 1500px;
   }
} */