@charset "gb2312";
/* CSS Document */

.java-banner,
.java-min1200 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	max-width:1920px;
	text-align: center;
	overflow: hidden;
}

.java-banner img {
	width: 100%;
	display: block;
}
.train-f5f6f9{
	width: 100%;
	height: auto;
	background-color: #f5f6f9;
	text-align: center;
	padding-bottom: 68px;
}

.artificial-title {
	width: 100%;
	height: auto;
	padding-top: 78px;
	margin-bottom: 45px;
}

.artificial-title span {
	font-size: 38px;
	color: #333;
	display: block;
	font-weight: 600;
}

.artificial-title p {
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}



  .STM32Box {
    margin-top: 45px;
  }
  
   .STM32Box .SQLTab {
      cursor: default;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      width: 1100px;
      height: 45px;
      font-size: 16px;
      border-radius: 30px;
      background: #eae8fa;
    }
  .STM32Box .SQLTab li {
        padding: 10px 70px;
        width: 275px;
        height: 45px;
        color: #333;
        text-align: center;
        box-sizing: border-box;
      }

   .STM32Box .SQLTab .active {
        font-weight: bolder;
        color: #fff;
        border-radius: 30px;
        background: linear-gradient(to right, #7263ff, #562fff);
        box-shadow: 4px 4px 6px 3px rgba(0, 17, 241, 0.25);
      }

   .STM32Box .detailsBox {
      margin: 0 auto;
      width: 1200px;
    }
    
   .STM32Box .detailsBox .courseDirection {
        display: flex;
        align-items: center;
        margin-top: 50px;
        margin-left: 66px;
      }
      
    .STM32Box .detailsBox .courseDirection .orientation {
        margin-right: 10px;
        font-weight: bolder;
        font-size: 22px;
        color: #3c55d6;
     }

     .STM32Box .detailsBox .courseDirection img {
        height: 20px;
     }
      
      

     .STM32Box .detailsBox .basic-theoryBox {
        padding: 0 10px;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 10px;
        width: 1200px;
      }


      .STM32Box .detailsBox .basic-theoryBox .bt_ul {
          margin: 0 auto;
          position: relative;
          width: 1160px;
          height: 410px;
        }
        
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1 {
            position: absolute;
            top: 70px;
            z-index: 2;
            width: 302px;
            height: 268px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T01%3A19%3A42Z/-1/host/f321fd08c2696131c73aff12f774bf66ef191f1e007de5eb7fab7206bfcb5f5b') center no-repeat;
            background-size: 100% 100%; 
          }
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1  .serialNumber {
              position: absolute;
              top: 101px;
              left: 15px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1  .bt_content {
              position: absolute;
              top: 14px;
              left: 24px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 252px;
              height: 225px;
              text-align: left;
              border-radius: 6px;
            }
            
            .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1  .bt_content .bt_title {
              margin-bottom: 10px;
              font-size: 14px;
              font-weight: bolder;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1  .bt_content .bt_totality {
              display: flex;
              justify-content: space-between;
              line-height: 23px;
              font-size: 12px;
              color: #8b8b8b;
            }
            
            
            
            
            
            

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }
          

          .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory1:hover  .serialNumber {
            font-weight: bolder;
            color: #3c55d6;
          }

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory2 {
            position: absolute;
            top: 140px;
            left: 252px;
            width: 135px;
            height: 40px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T01%3A20%3A45Z/-1/host/cb90afe4b99473203d139e195ce9406f24c50d5e648b91c4fa27d6b57249b98e') center no-repeat;
            background-size: 100% 100%;
          }

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3 {
            position: absolute;
            top: 6px;
            left: 315px;
            z-index: 2;
            width: 226px;
            height: 324px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T01%3A21%3A12Z/-1/host/57c8fcb09241100c1df7968714579e590c2029c08cc1693702548ad1d59ecb75') center no-repeat;
            background-size: 100% 100%;
          }
          
          .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3 .serialNumber {
            position: absolute;
            top: 14px;
            left: 40px;
            font-size: 16px;
            font-style: italic;
            color: #515151;
          }

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3 .bt_content {
            position: absolute;
            top: 24px;
            left: 17px;
            padding: 26px 30px;
            box-sizing: border-box;
            width: 183px;
            height: 270px;
            text-align: left;
            border-radius: 6px;
          }
            
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3 .bt_content .bt_title {
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: bolder;
            color: #515151;
         }

        .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3 .bt_content .bt_details {
           line-height: 25px;
           font-size: 12px;
           color: #8b8b8b;
         }
            
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory3:hover  .serialNumber {
            font-weight: bolder;
            color: #3c55d6;
          }
          
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory4 {
            position: absolute;
            top: 55px;
            left: 500px;
            width: 264px;
            height: 96px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T01%3A21%3A42Z/-1/host/af1dc0a335b02936b7dba88623e183356bdcb8a870c9035df2d380344b3c1ca3') center no-repeat;
            background-size: 100% 100%;
          }
          
          
          

         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5 {
            position: absolute;
            top: 29px;
            left: 589px;
            z-index: 2;
            width: 560px;
            height: 360px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T01%3A22%3A13Z/-1/host/6df4527f18a9b0c9f074c47e35762e4278e4a4c7261e31968daddfd009108a2e') center no-repeat;
            background-size: 100% 100%;
          }
          
          

           .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5 .serialNumber {
              position: absolute;
              top: 13px;
              right: 87px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

           .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5 .bt_content {
              position: absolute;
              top: 22px;
              left: 18px;
              padding: 26px 55px;
              box-sizing: border-box;
              width: 517px;
              height: 308px;
              text-align: left;
              border-radius: 6px;
            }
            
           .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5 .bt_content .bt_title {
              margin-bottom: 10px;
              font-size: 14px;
              font-weight: bolder;
              color: #515151;
           }

          .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5 .bt_content .bt_totality {
            display: flex;
            justify-content: space-between;
            line-height: 23px;
            font-size: 12px;
            color: #8b8b8b;
         }
         
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }
          
         .STM32Box .detailsBox .basic-theoryBox .bt_ul  .basicTheory5:hover .serialNumber {
            font-weight: bolder;
            color: #3c55d6;
          }
        
        
        
        

       .STM32Box .detailsBox .basic-theoryBox .cc_ul {
          margin: 0 auto;
          position: relative;
          width: 1160px;
          height: 486px;
        }
        

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1 {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 2;
            width: 312px;
            height: 151px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T02%3A38%3A11Z/-1/host/cf4c7b4f83f0b4e5c90887b0f4d7e540a73871d8aa2f0c69f7a923adba4fa163') center no-repeat;
            background-size: 100% 100%;
          }
          

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1 .serialNumber {
              position: absolute;
              top: 13px;
              right: 60px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content {
              position: absolute;
              top: 22px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 268px;
              height: 99px;
              text-align: left;
              border-radius: 6px;
            }

             .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

             .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_details {
                line-height: 25px;
                font-size: 12px;
                color: #8b8b8b;
              }
          
          
          
          
          

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum1:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }
            
            

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum2 {
            position: absolute;
            top: 80px;
            left: 249px;
            width: 152px;
            height: 132px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T02%3A39%3A30Z/-1/host/4bb148edd24067015a7037ddee6e63df714574db1063aa3ff875a8c6c249caa7') center no-repeat;
            background-size: 100% 100%;
          }
          
          

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 {
            position: absolute;
            top: 135px;
            left: 125px;
            z-index: 2;
            width: 459px;
            height: 330px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T02%3A40%3A23Z/-1/host/38d936e2a342fff3fa54e428c73e1210aad09af4cbc6df5d01799df1115aa752') center no-repeat;
            background-size: 100% 100%;
          }
          

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .serialNumber {
              position: absolute;
              top: 14px;
              right: 61px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content {
              position: absolute;
              top: 23px;
              left: 18px;
              padding: 26px 30px;
              padding-right: 10px;
              box-sizing: border-box;
              width: 415px;
              height: 277px;
              text-align: left;
              border-radius: 6px;
            }
            

              .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }
              

                .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_totality .have-children {
                  position: relative;
                  left: -10px;
                  margin-bottom: 6px;
                  padding: 2px 10px;
                  padding-left: 25px;
                  box-sizing: border-box;
                  width: 230px;
                  border-radius: 5px;
                  border: 1px dashed #a8a8a8;
                }

                  .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_totality .have-children .eve-children {
                    position: relative;
                    line-height: 20px;
                  }

                  .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_totality .have-children .eve-children::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: -8px;
                    transform: translate(0%, -50%);
                    display: block;
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background-color: #8b8b8b;
                  }
          
          
          
          
          
          

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum3:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum4 {
            position: absolute;
            top: 205px;
            left: 505px;
            width: 152px;
            height: 132px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T02%3A41%3A42Z/-1/host/90fead428ed2fe4cb2172f231ea4c0b193f1cb903990935a1c41f2ccd0a1122f') center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 {
            position: absolute;
            top: 148px;
            right: 30px;
            z-index: 2;
            width: 522px;
            height: 281px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T02%3A42%3A44Z/-1/host/df798d5ee8f74d4fcfabcdcd488a7990ccaeda113865a38464404f6cca503f10') center no-repeat;
            background-size: 100% 100%;
          }
          

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .serialNumber {
              position: absolute;
              top: 14px;
              right: 49px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content {
              position: absolute;
              top: 23px;
              left: 18px;
              padding: 26px 40px;
              box-sizing: border-box;
              width: 478px;
              height: 228px;
              text-align: left;
              border-radius: 6px;
            }
             .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }
              

                .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_totality .have-children {
                  position: relative;
                  left: -10px;
                  margin-bottom: 6px;
                  padding: 2px 10px;
                  padding-left: 25px;
                  box-sizing: border-box;
                  width: 230px;
                  border-radius: 5px;
                  border: 1px dashed #a8a8a8;
                }
                

                  .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_totality .have-children .eve-children {
                    position: relative;
                    line-height: 20px;
                  }

                  .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_totality .have-children .eve-children::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: -8px;
                    transform: translate(0%, -50%);
                    display: block;
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background-color: #8b8b8b;
                  }
                  
          .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

             .STM32Box .detailsBox .basic-theoryBox .cc_ul .curriculum5:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

       .STM32Box .detailsBox .basic-theoryBox .idc_ul {
          margin: 0 auto;
          position: relative;
          width: 1160px;
          height: 590px;
        }
        

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1 {
            position: absolute;
            top: 25px;
            z-index: 2;
            width: 465px;
            height: 339px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T03%3A23%3A56Z/-1/host/da2df3197f7e6eb77f2a72aeeb774c953ff4df09711195b547fe220f5e5c47c2') center no-repeat;
            background-size: 100% 100%;
          }
           .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1 .serialNumber {
              position: absolute;
              top: 32px;
              left: 15px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content {
              position: absolute;
              top: 13px;
              left: 25px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 414px;
              height: 296px;
              text-align: left;
              border-radius: 6px;
            }
            
              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              } 
              
          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

           .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth1:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth2 {
            position: absolute;
            top: 225px;
            left: 415px;
            width: 153px;
            height: 96px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T03%3A25%3A33Z/-1/host/d6a3c1585606901e13137bf1ee24400e6574401e4ce1c65653208f6c38e3f5bd') center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3 {
            position: absolute;
            top: -5px;
            right: 80px;
            z-index: 2;
            width: 554px;
            height: 381px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T03%3A26%3A33Z/-1/host/39005bd8731fbc7fdd6a47bf4e494bfec204f4bdfc63092635257cc21a3d2d28') center no-repeat;
            background-size: 100% 100%;
          }
          

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3 .serialNumber {
              position: absolute;
              top: 14px;
              right: 58px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content {
              position: absolute;
              top: 23px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 510px;
              height: 328px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }
          
          
          
          
          
          
          

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth3:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth4 {
            position: absolute;
            top: 339px;
            right: 530px;
            width: 40px;
            height: 84px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T03%3A27%3A45Z/-1/host/aed195bb001e461952842a4b28072eb1aafb852d738e9657d1c2e646e12b3280') center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 {
            position: absolute;
            top: 370px;
            right: 305px;
            z-index: 2;
            width: 341px;
            height: 196px;
            background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T03%3A28%3A49Z/-1/host/8f5c10a40627718e29caa52e9233b0b0c7730ffdc308e805415eeff413ef4867') center no-repeat;
            background-size: 100% 100%;
          }
          

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .serialNumber {
              position: absolute;
              top: 14px;
              left: 34px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content {
              position: absolute;
              top: 22px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 297px;
              height: 144px;
              text-align: left;
              border-radius: 6px;
            }
            

              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }
              

               .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content .bt_totality .have-children {
                  position: relative;
                  left: -10px;
                  margin-bottom: 6px;
                  padding: 2px 10px;
                  padding-left: 25px;
                  box-sizing: border-box;
                  width: 160px;
                  border-radius: 5px;
                  border: 1px dashed #a8a8a8;
                }
                

                  .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content .bt_totality .have-children .eve-children {
                    position: relative;
                    line-height: 20px;
                  }

                  .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5 .bt_content .bt_totality .have-children .eve-children::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: -8px;
                    transform: translate(0%, -50%);
                    display: block;
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background-color: #8b8b8b;
                  }
          

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

          .STM32Box .detailsBox .basic-theoryBox .idc_ul .indepth5:hover .serialNumber {
            font-weight: bolder;
            color: #3c55d6;
          }

       .STM32Box .detailsBox .basic-theoryBox .adc_ul {
          margin: 0 auto;
          position: relative;
          width: 1160px;
          // height: 820px;
          height: 530px;
        }
        
          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1 {
            position: absolute;
            top: 50px;
            left: 10px;
            z-index: 2;
            width: 443px;
            height: 253px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T05%3A44%3A11Z/-1/host/6280375e55b4a9f03704ba2af6fbd06cff432d798426cf3b4e377317dd4bde52")
              center no-repeat;
            background-size: 100% 100%;
          }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1 .serialNumber {
              position: absolute;
              top: 14px;
              left: 34px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content {
              position: absolute;
              top: 22px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 399px;
              height: 201px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced1:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced2 {
            position: absolute;
            top: 182px;
            left: 410px;
            width: 221px;
            height: 96px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T05%3A44%3A41Z/-1/host/f625c060bf0c6ea4e497e88533a5ef69dab3af3139c26729342ac7ea8292a811")
              center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3 {
            position: absolute;
            top: 80px;
            left: 460px;
            z-index: 2;
            width: 273px;
            height: 250px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T08%3A45%3A48Z/-1/host/8b62b963f1ca5d79cdc06b288c3a9716485ba609e75a31c3ef4292dc60c40068")
              center no-repeat;
            background-size: 100% 100%;
          }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3 .serialNumber {
              position: absolute;
              top: 6px;
              right: 45px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content {
              position: absolute;
              top: 17px;
              left: 15px;
              padding: 25px 30px;
              box-sizing: border-box;
              width: 243px;
              height: 210px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

           .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced3:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced4 {
            position: absolute;
            top: 296px;
            right: 270px;
            width: 40px;
            height: 79px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T05%3A46%3A06Z/-1/host/18836849aa0947595e32a0309d36512b46cb5311561e20e72f961f92e4effad5")
              center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5 {
            position: absolute;
            top: 115px;
            right: 30px;
            z-index: 2;
            width: 389px;
            height: 223px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T08%3A47%3A16Z/-1/host/bba4fe72e7281ecaa862fc58bd829eb85f5230da27a42d4d2a47d37148bdb593")
              center no-repeat;
            background-size: 100% 100%;
          }
          
            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5 .serialNumber {
              position: absolute;
              top: 14px;
              left: 34px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content {
              position: absolute;
              top: 21px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 345px;
              height: 172px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

           .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced5:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced6 {
            position: absolute;
            top: 200px;
            right: 335px;
            width: 142px;
            height: 69px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/03.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T05%3A47%3A07Z/-1/host/402922a65d75468b1fb08a55d936a6c21a5ef0deb8b206a7415be53d35b233b2")
              center no-repeat;
            background-size: 100% 100%;
          }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7 {
            position: absolute;
            top: 325px;
            right: 180px;
            z-index: 2;
            width: 246px;
            height: 152px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T08%3A48%3A29Z/-1/host/c92df33ab614afd17cbbd84b46766038f9756aec1c117a483716dd6a75d7e854")
              center no-repeat;
            background-size: 100% 100%;
          }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7 .serialNumber {
              position: absolute;
              top: 14px;
              left: 38px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content {
              position: absolute;
              top: 21px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 203px;
              height: 101px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }
              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content .bt_details {
                line-height: 25px;
                font-size: 12px;
                color: #8b8b8b;
              }

         .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced7:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }
           .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced8 {
            position: absolute;
            top: 356px;
            right: 380px;
            width: 142px;
            height: 69px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/03.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-19T05%3A47%3A07Z/-1/host/402922a65d75468b1fb08a55d936a6c21a5ef0deb8b206a7415be53d35b233b2")
              center no-repeat;
            background-size: 100% 100%;
          }

           .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9 {
            position: absolute;
            top: 310px;
            left: 220px;
            z-index: 2;
            width: 461px;
            height: 199px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/4.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T08%3A50%3A27Z/-1/host/8138d77d61d752ac774a4fe04be0e98d3292b8cbcfac997269f283415ffd2ec1")
              center no-repeat;
            background-size: 100% 100%;
          }
          
            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9 .serialNumber {
              position: absolute;
              top: 14px;
              left: 38px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9 .bt_content {
              position: absolute;
              top: 21px;
              left: 18px;
              padding: 26px 30px;
              box-sizing: border-box;
              width: 418px;
              height: 148px;
              text-align: left;
              border-radius: 6px;
            }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9 .bt_content .bt_title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }

              .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9 .bt_content .bt_totality {
                display: flex;
                justify-content: space-between;
                line-height: 24px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

           .STM32Box .detailsBox .basic-theoryBox .adc_ul .advanced9:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

/* 转换后的标准 CSS 代码 */
.linuxBox {
  margin-top: 45px;
}

.linuxBox .SQLTab {
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 1100px;
  height: 45px;
  font-size: 16px;
  text-align: center;
  border-radius: 30px;
  background: #eae8fa;
}

.linuxBox .SQLTab li {
  padding: 10px 50px;
  width: 275px;
  height: 45px;
  color: #333;
  text-align: center;
  box-sizing: border-box;
}

.linuxBox .SQLTab .active {
  font-weight: bolder;
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(to right, #7263ff, #562fff);
  box-shadow: 4px 4px 6px 3px rgba(0, 17, 241, 0.25);
}

.linuxBox .detailsBox {
  margin: 0 auto;
  width: 1200px;
}

.linuxBox .detailsBox .courseDirection {
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-left: 66px;
}

.linuxBox .detailsBox .courseDirection .orientation {
  margin-right: 10px;
  font-weight: bolder;
  font-size: 22px;
  color: #3c55d6;
}

.linuxBox .detailsBox .courseDirection img {
  height: 20px;
}

.linuxBox .detailsBox .basic-theoryBox {
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 10px;
  width: 1200px;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul {
  margin: 0 auto;
  position: relative;
  width: 1160px;
  height: 445px;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1 {
  position: absolute;
  top: 100px;
  left: 95px;
  z-index: 2;
  width: 302px;
  height: 268px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/new1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T08%3A20%3A37Z/-1/host/aea975a6d37beaabf11bd93babd2d862a7db1a175437dcf1aff66417340d761f') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1 .serialNumber {
  position: absolute;
  top: 101px;
  left: 15px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1 .bt_content {
  position: absolute;
  top: 14px;
  left: 24px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 252px;
  height: 224px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 23px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory1:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory2 {
  position: absolute;
  top: 105px;
  left: 360px;
  width: 159px;
  height: 95px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T08%3A42%3A55Z/-1/host/8236373ac4855087dfb18a91361dfb015c75c892ce778d3b2d0006f76bb0acd4') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3 {
  position: absolute;
  top: 60px;
  left: 447px;
  z-index: 2;
  width: 226px;
  height: 324px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/new2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T08%3A32%3A34Z/-1/host/6f0ca461cc5a1ddfbb166343c062a4ed5494cb0dd916da79aed122bf7d8b0668') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3 .serialNumber {
  position: absolute;
  top: 14px;
  left: 39px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3 .bt_content {
  position: absolute;
  top: 24px;
  left: 17px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 183px;
  height: 270px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory3:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory4 {
  position: absolute;
  top: 96px;
  left: 635px;
  width: 264px;
  height: 96px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/new02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T08%3A41%3A21Z/-1/host/5be6a9c874ef91bfa2f9b57b53ad9c191768dac7da07ba447913d4ac5fc13d18') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5 {
  position: absolute;
  top: 90px;
  left: 755px;
  z-index: 2;
  width: 300px;
  height: 333px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicTheoryImg/new3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T08%3A37%3A19Z/-1/host/fe9c0a20cdfb4a4d1988d4ab5ef05845b2ccb227d2724295e0dd657cddc95881') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5 .serialNumber {
  position: absolute;
  top: 14px;
  right: 60px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5 .bt_content {
  position: absolute;
  top: 27px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 257px;
  height: 276px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .bt_ul .basicTheory5:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

/* cc_ul 区块 */
.linuxBox .detailsBox .basic-theoryBox .cc_ul {
  margin: 0 auto;
  position: relative;
  width: 1160px;
  height: 665px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 2;
  width: 390px;
  height: 253px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A18%3A22Z/-1/host/96b2da68d1e01787b6fc8db46324f0379c4eb23628c2d1694efe02ebd1ad8aa7') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .serialNumber {
  position: absolute;
  top: 13px;
  right: 61px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content {
  position: absolute;
  top: 22px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 346px;
  height: 201px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_totality .have-children {
  position: relative;
  left: -10px;
  margin-bottom: 6px;
  padding: 2px 10px;
  padding-left: 25px;
  box-sizing: border-box;
  width: 195px;
  border-radius: 5px;
  border: 1px dashed #a8a8a8;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_totality .have-children .eve-children {
  position: relative;
  line-height: 20px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1 .bt_content .bt_totality .have-children .eve-children::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translate(0%, -50%);
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum1:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum2 {
  position: absolute;
  top: 295px;
  left: 275px;
  width: 40px;
  height: 91px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A21%3A42Z/-1/host/26a381cf36e688b081a8860692d9664a0a265df311400932b819058cb8aacbcd') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3 {
  position: absolute;
  top: 333px;
  left: 200px;
  z-index: 2;
  width: 267px;
  height: 309px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A23%3A48Z/-1/host/cf3fcb9a60aecbaa81838a71d9f53ff7b5bb1b63d50543d8ccc5116332fcce40') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3 .serialNumber {
  position: absolute;
  top: 14px;
  right: 60px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content {
  position: absolute;
  top: 27px;
  left: 18px;
  padding: 26px 30px;
  padding-right: 10px;
  box-sizing: border-box;
  width: 223px;
  height: 252px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum3:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum4 {
  position: absolute;
  top: 375px;
  left: 418px;
  width: 128px;
  height: 132px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A31%3A18Z/-1/host/6181a4409e98cb5afbcf8c9fd2f62440f407e1b6d6c87229f28f76eeb4e19c2a') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5 {
  position: absolute;
  top: 190px;
  left: 505px;
  z-index: 2;
  width: 339px;
  height: 273px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A37%3A27Z/-1/host/f5ad6e59688f1c202505109077fefcaa96597628910d0236afa7e92d31570b09') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5 .serialNumber {
  position: absolute;
  top: 14px;
  right: 60px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content {
  position: absolute;
  top: 24px;
  left: 18px;
  padding: 26px 30px;
  padding-right: 10px;
  box-sizing: border-box;
  width: 295px;
  height: 223px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum5:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum6 {
  position: absolute;
  top: 370px;
  right: 310px;
  width: 40px;
  height: 91px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A21%3A42Z/-1/host/26a381cf36e688b081a8860692d9664a0a265df311400932b819058cb8aacbcd') center no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg);
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7 {
  position: absolute;
  top: 225px;
  right: 55px;
  z-index: 2;
  width: 253px;
  height: 251px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/coreCurriculumImg/new4.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-10T09%3A45%3A25Z/-1/host/69d378f2b37a08933ca93c4b0093b402bf6c42c762829a2598582f8082a35a15') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7 .serialNumber {
  position: absolute;
  top: 14px;
  right: 60px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7 .bt_content {
  position: absolute;
  top: 24px;
  left: 18px;
  padding: 26px 30px;
  padding-right: 10px;
  box-sizing: border-box;
  width: 209px;
  height: 197px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .cc_ul .curriculum7:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

/* idc_ul 区块 */
.linuxBox .detailsBox .basic-theoryBox .idc_ul {
  margin: 0 auto;
  position: relative;
  width: 1160px;
  height: 565px;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1 {
  position: absolute;
  top: 25px;
  left: 65px;
  z-index: 2;
  width: 501px;
  height: 451px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/new1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T00%3A51%3A59Z/-1/host/069aad90775ad27f29f7a5eaac47a56d4a45ed52d232488e85f71d16a0d7427d') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1 .serialNumber {
  position: absolute;
  top: 31px;
  left: 15px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content {
  position: absolute;
  top: 13px;
  left: 25px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 450px;
  height: 408px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth1:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth2 {
  position: absolute;
  top: 105px;
  left: 530px;
  width: 115px;
  height: 95px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T00%3A55%3A33Z/-1/host/bd722a7ac5f99c9f6afc402dfb1086083697595a93e9867a73e601dd91753c8b') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3 {
  position: absolute;
  top: 96px;
  right: 59px;
  z-index: 2;
  width: 502px;
  height: 450px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/InDepthCourseImg/new2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T00%3A54%3A05Z/-1/host/a26f2cf02771d4bf2d6bc91f2cda54e95874626e6f44048e78ab194bf5bc2471') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3 .serialNumber {
  position: absolute;
  top: 15px;
  left: 55px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content {
  position: absolute;
  top: 24px;
  left: 18px;
  padding: 29px 30px;
  box-sizing: border-box;
  width: 458px;
  height: 396px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .idc_ul .indepth3:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

/* gFloor_ul 区块 */
.linuxBox .detailsBox .basic-theoryBox .gFloor_ul {
  margin: 0 auto;
  position: relative;
  width: 1160px;
  height: 705px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1 {
  position: absolute;
  top: 30px;
  left: 38px;
  z-index: 2;
  width: 279px;
  height: 146px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/1.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T01%3A57%3A12Z/-1/host/d26954ee2c0b5535dee931965573ad05fb7ddf76369fb528111f0004fb73fd03') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1 .serialNumber {
  position: absolute;
  top: 14px;
  left: 33px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1 .bt_content {
  position: absolute;
  top: 22px;
  left: 18px;
  padding: 27px 30px;
  box-sizing: border-box;
  width: 236px;
  height: 94px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1 .bt_content .bt_title {
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced1:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced2 {
  position: absolute;
  top: 59px;
  left: 270px;
  width: 90px;
  height: 40px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A09%3A43Z/-1/host/3e2f704cd14c8345fee729cbb64dbe907886f0dbb99c2a40f8a82abcbd99ef41') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3 {
  position: absolute;
  top: 12px;
  left: 320px;
  z-index: 2;
  width: 435px;
  height: 347px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/2.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A17%3A10Z/-1/host/e58b6ba7b4348b5c1c6cda3e3d32a878f920068abc3ba9d2a7d2e3a6198b65e1') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3 .serialNumber {
  position: absolute;
  top: 14px;
  left: 33px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3 .bt_content {
  position: absolute;
  top: 21px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 391px;
  height: 296px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced3:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced4 {
  position: absolute;
  top: 45px;
  right: 325px;
  width: 125px;
  height: 110px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/02.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A20%3A52Z/-1/host/e25e549c01b7273a967e55423397335022f679ab772dd3e75002fbea0bd81c72') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5 {
  position: absolute;
  top: 83px;
  right: 121px;
  z-index: 2;
  width: 246px;
  height: 220px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/3.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A22%3A52Z/-1/host/c53cb2e18db92d80d9b5db1a81e80292059cc830922f9fead2eabe88917e5ade') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5 .serialNumber {
  position: absolute;
  top: 14px;
  right: 49px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5 .bt_content {
  position: absolute;
  top: 21px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 391px;
  height: 296px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced5:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced6 {
  position: absolute;
  top: 265px;
  right: 300px;
  width: 110px;
  height: 142px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/03.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A25%3A02Z/-1/host/3c3da9aa489df1de92a32bfa0b4b6d41a251b61c1a2819e26eaf61dfb7b00b3f') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7 {
  position: absolute;
  top: 360px;
  right: 170px;
  z-index: 2;
  width: 461px;
  height: 328px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/4.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A25%3A50Z/-1/host/f20d73a4df5879d6cfe31026c8f6dc5faeb15d8a06485b574604393a1d714f8a') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7 .serialNumber {
  position: absolute;
  top: 14px;
  left: 33px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7 .bt_content {
  position: absolute;
  top: 21px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 391px;
  height: 296px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7 .bt_content .bt_totality {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced7:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced8 {
  position: absolute;
  top: 539px;
  left: 438px;
  width: 134px;
  height: 110px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/04.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A28%3A03Z/-1/host/082b1f0b8e78fe1e5f644317c37ccd786c569cd339245b08e46bd81679e7da71') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9 {
  position: absolute;
  top: 370px;
  left: 235px;
  z-index: 2;
  width: 246px;
  height: 245px;
  background: url('https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/basicCourses/5.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-11T02%3A28%3A37Z/-1/host/c1b1c78039663cece3cb63c58e3f80ee9aab2dd98ea5412da034224248ae67b1') center no-repeat;
  background-size: 100% 100%;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9 .serialNumber {
  position: absolute;
  top: 14px;
  left: 33px;
  font-size: 16px;
  font-style: italic;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9 .bt_content {
  position: absolute;
  top: 21px;
  left: 18px;
  padding: 26px 30px;
  box-sizing: border-box;
  width: 391px;
  height: 296px;
  text-align: left;
  border-radius: 6px;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9 .bt_content .bt_title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bolder;
  color: #515151;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9 .bt_content .bt_details {
  line-height: 25px;
  font-size: 12px;
  color: #8b8b8b;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9:hover {
  cursor: default;
  transform: scale(1.06);
  transition: all 0.3s;
}

.linuxBox .detailsBox .basic-theoryBox .gFloor_ul .gfvanced9:hover .serialNumber {
  font-weight: bolder;
  color: #3c55d6;
}

/* adc_ul 区块 */
.linuxBox .detailsBox .basic-theoryBox .adc_ul {
  margin: 0 auto;
  position: relative;
  width: 1160px;
  height: 160px;
}

.linuxBox .detailsBox .basic-theoryBox .adc_ul {
	margin: 0 auto;
	position: relative;
	width: 1160px;
	height: 230px;
}

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1 {
            position: absolute;
            top: 10px;
            left: 15px;
            z-index: 2;
            width: 305px;
            height: 253px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new111.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-17T03%3A47%3A38Z/-1/host/0786b29bb3982464d877838e9c1993e36dd9a91f653d12992134827f607dc2c3")
              center no-repeat;
            background-size: 100% 100%;
          }
          
            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1 .serialNumber {
              position: absolute;
              top: 13px;
              right: 73px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content {
              position: absolute;
              top: 23px;
              left: 20px;
              padding: 21px 30px;
              box-sizing: border-box;
              width: 265px;
              height: 197px;
              text-align: left;
              border-radius: 6px;
            }

              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content .bt_title {
                margin-bottom: 6px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }
              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1 .bt_content .bt_details {
                line-height: 22px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }
          
            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced1:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced2 {
            position: absolute;
            top: 103px;
            left: 285px;
            width: 82px;
            height: 40px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-20T06%3A02%3A05Z/-1/host/d0e8193bbe26931483cf67769210c36c5ab8f20d41cf6548a969835ee07ec109")
              center no-repeat;
            background-size: 100% 100%;
          }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3 {
            position: absolute;
            top: 17px;
            left: 320px;
            z-index: 2;
            width: 273px;
            height: 202px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new11.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T09%3A25%3A14Z/-1/host/0290a6f852a1a2015d5ce9b3e57219cc7761477ed3183042b666b11d0c1a83e7")
              center no-repeat;
            background-size: 100% 100%;
          }
          
            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3 .serialNumber {
              position: absolute;
              top: 6px;
              right: 45px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content {
              position: absolute;
              top: 15px;
              left: 14px;
              padding: 21px 30px;
              box-sizing: border-box;
              width: 246px;
              height: 165px;
              text-align: left;
              border-radius: 6px;
            }

              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content .bt_title {
                margin-bottom: 6px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }
              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3 .bt_content .bt_details {
                line-height: 22px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced3:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced4 {
            position: absolute;
            top: 103px;
            left: 565px;
            width: 82px;
            height: 40px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-20T06%3A02%3A05Z/-1/host/d0e8193bbe26931483cf67769210c36c5ab8f20d41cf6548a969835ee07ec109")
              center no-repeat;
            background-size: 100% 100%;
          }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5 {
            position: absolute;
            top: 17px;
            right: 285px;
            z-index: 2;
            width: 273px;
            height: 202px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new11.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T09%3A25%3A14Z/-1/host/0290a6f852a1a2015d5ce9b3e57219cc7761477ed3183042b666b11d0c1a83e7")
              center no-repeat;
            background-size: 100% 100%;
          }
          
            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5 .serialNumber {
              position: absolute;
              top: 6px;
              right: 45px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content {
              position: absolute;
              top: 15px;
              left: 14px;
              padding: 21px 30px;
              box-sizing: border-box;
              width: 246px;
              height: 165px;
              text-align: left;
              border-radius: 6px;
            }
            
              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content .bt_title {
                margin-bottom: 6px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }
              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5 .bt_content .bt_details {
                line-height: 22px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced5:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced6 {
            position: absolute;
            top: 103px;
            right: 245px;
            width: 82px;
            height: 40px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new01.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-03-20T06%3A02%3A05Z/-1/host/d0e8193bbe26931483cf67769210c36c5ab8f20d41cf6548a969835ee07ec109")
              center no-repeat;
            background-size: 100% 100%;
          }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7 {
            position: absolute;
            top: 17px;
            right:8px;
            z-index: 2;
            width: 273px;
            height: 202px;
            background: url("https://yyzlab-static.bj.bcebos.com/topicPages/SQLPages/theoreticalCourses/advancedCombatImg/new11.png?authorization=bce-auth-v1/ALTAKo7FcOsyVoMaUhaDL6s82C/2026-07-16T09%3A25%3A14Z/-1/host/0290a6f852a1a2015d5ce9b3e57219cc7761477ed3183042b666b11d0c1a83e7")
              center no-repeat;
            background-size: 100% 100%;
          }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7 .serialNumber {
              position: absolute;
              top: 6px;
              right: 45px;
              font-size: 16px;
              font-style: italic;
              color: #515151;
            }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content {
              position: absolute;
              top: 15px;
              left: 14px;
              padding: 21px 30px;
              box-sizing: border-box;
              width: 246px;
              height: 165px;
              text-align: left;
              border-radius: 6px;
            }

              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content .bt_title {
                margin-bottom: 6px;
                font-size: 14px;
                font-weight: bolder;
                color: #515151;
              }
              .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7 .bt_content .bt_details {
                line-height: 22px;
                font-size: 12px;
                color: #8b8b8b;
              }

          .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7:hover {
            cursor: default;
            transform: scale(1.06);
            transition: all 0.3s;
          }

            .linuxBox .detailsBox .basic-theoryBox .adc_ul .advanced7:hover .serialNumber {
              font-weight: bolder;
              color: #3c55d6;
            }



.switchoverTab{
	cursor: default;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 50px;
    width: 1200px;

}
.switchoverTab li{
		width: 200px;
		height: 42px;
		line-height: 42px;
		border: 1px solid #444fd5;
		font-size: 16px;
		text-align: center;
		color: #444fd5;
	}
	
.switchoverTab .sqlSwitcActive{
		color: #fff;
		background: #444fd5;
	}

.twoDModule-main {
        position: relative;
        margin: 0 auto;
        margin-top: 41px;
        padding: 0 105px;
        box-sizing: border-box;
        width: 1200px;
    }
    
        .twoDModule-main .twoDModuleMain-left {
            position: relative;
            top: -41px;
            display: flex;
            align-items: center;
        }
        .twoDModule-main .twoDModuleMain-left  .twoDModuleMain-identification {
                margin-right: 40px;
                width: 1px;
                height: 449px;
                background: url('../../images/aiEliteJobClass/flushbonadingProductBriefIntroduction/twoDModule/twoDModuleMainIdentification.png') center no-repeat;
                background-size: 100% 100%;
            }

          .twoDModule-main .twoDModuleMain-left   .twoDModuleMain-list {
                line-height: 37px;
            }
            
              .twoDModule-main .twoDModuleMain-left   .twoDModuleMain-list   li {
                    cursor: default;
                    position: relative;
                    font-size: 19px;
                    text-align: left;
                    color: #585858;
                }
                
                  .twoDModule-main .twoDModuleMain-left   .twoDModuleMain-list   li   .is-active {
                        position: absolute;
                        left: -62px;
                        width: 234px;
                        height: 33px;
                        background: url('../../images/aiEliteJobClass/flushbonadingProductBriefIntroduction/twoDModule/isTwoDModule.png') center no-repeat;
                        background-size: 100% 100%;
                    }

              .twoDModule-main .twoDModuleMain-left   .twoDModuleMain-list   .is-textActive {
                    color: #2c45ff !important;
                    font-weight: bold !important;
                }
        
        
        
        
        
        
        

       .twoDModule-main  .twoDModuleMain-right {
            position: absolute;
            top: -62px;
            right: 39px;
        }
        
           .twoDModule-main  .twoDModuleMain-right  .cut-left {
                position: absolute;
                top: 215px;
                left: 42px;
                z-index: 20;
                width: 53px;
                height: 53px;
                border-radius: 50%;
                background: url('../../images/aiEliteJobClass/flushbonadingProductBriefIntroduction/twoDModule/twoDModuleLeft.png') center no-repeat;
                background-size: 100% 100%;
            }

           .twoDModule-main .twoDModuleMain-right .cut-right {
                position: absolute;
                top: 215px;
                right: 44px;
                z-index: 20;
                width: 53px;
                height: 53px;
                border-radius: 50%;
                background: url('../../images/aiEliteJobClass/flushbonadingProductBriefIntroduction/twoDModule/twoDModuleRight.png') center no-repeat;
                background-size: 100% 100%;
            }

          .twoDModule-main  .twoDModuleMain-right   .twoDModuleMainImg-bg {
                position: relative;
                width: 777px;
                height: 485px;
                background: url('../../images/aiEliteJobClass/flushbonadingProductBriefIntroduction/twoDModule/twoBg.png') center no-repeat;
                background-size: 100% 100%;

            }
            
               .twoDModule-main  .twoDModuleMain-right   .twoDModuleMainImg-bg  .twoImg {
                    position: absolute;
                    top: 80px;
                    left: 80px;
                    width: 618px;
                    height: 326px;
                    border-radius: 6px;
                }
        
        
        


.laboratory{
	width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px 10px 10px 20px;
	box-shadow: 0 5px 59px rgba(0,0,0,0.1);
	height: 470px;
	margin-bottom: 50px;
}
.train-post{
	float: left;
	width: 258px;
	height: 500px;
	background: url(../../images/bage01.png) top no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	box-shadow: 0 5px 10px rgba(8,97,228,0.32);
	border-radius: 20px 0 0 20px;
	margin-top: -16px;
}
.train-post li{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
}
.train-post li span{
	font-size: 26px;
	color: #fff;
}
.laboratory-right{
	float: left;
	padding: 28px;
	width: 886px;
}
.laboratory-right li{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.laboratory-right li:nth-child(2){
	border-top: 1px #e2e2e2 dashed;
	border-bottom: 1px #e2e2e2 dashed;
}

.laboratory-self{
	width: 50%;
	padding: 15px 0;
	-webkit-transition: .4s;
}
.laboratory-self:nth-child(1){
	border-right: 1px #e2e2e2 dashed;
}
.laboratory-self span{
	font-size: 18px;
	color: #666;
	border: 1px #dedede solid;
	border-radius: 4px;
	margin: 6px 5px;
	line-height: 50px;
	padding: 0 16px;
	background-color: #fff;
	display: inline-block;
}
.laboratory-self p{
	font-size: 20px;
	color: #666;
	margin-bottom: 6px;
	-webkit-transition: .4s;
}
.laboratory-self:hover{
	background-color: #3077ff;
	-webkit-transition: .4s;
}
.laboratory-self:hover p{
	color: #fff;
	-webkit-transition: .4s;
}
.laboratory-right li:nth-child(2) .laboratory-self span,.laboratory-right li:nth-child(3) .laboratory-self span{
	width: 40%;
	padding: 0;
}
.laboratory-right li:nth-child(2) .laboratory-self:nth-child(2) span{
	width: 40%;
	padding: 0;
}
.in-link{
	color: #fff;
	font-size: 24px;
	background-color: #ff983d;
	border-radius: 60px;
	width: 466px;
	line-height: 78px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.train-white{
	width: 100%;
	height: auto;
	background-color: #fff;
	text-align: center;
	padding-bottom: 76px;
}
.art-flex{
	float: left;
	margin-left: 56px;
	width: 72px;
	margin-top:84px;
}
.art-flex span{
	color: #fff;
	font-size: 18px;
	display: block;
	font-weight: bold;
	background: #5791ff;
	padding: 20px 20px;
	line-height: 20px;
	margin-bottom: 46px;
}
.art-flex span:nth-child(2){
	background-color: #3077ff;
}
.lab-seand{
	float: right;
	width: 1013px;
	height: 490px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 5px 59px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 60px;
}
.lab-seand li{
	width: 25%;
	height: auto;
}
.lab-top{
	background-color: #3077ff;
	line-height: 89px;
	font-size: 18px;
	color: #fff;
	line-height: 89px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.lab-top img{
	margin-right: 6px;
}
.lab-down{
	width: 100%;
	height: auto;
}
.lab-right{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 200px;
}
.lab-right p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
	padding: 0 9px;
	-webkit-transition: .4s;
}
.border-r{
	border-right: 1px #e8e8e8 solid;
}
.border-b{
	border-bottom: 1px #e8e8e8 solid;
}
.lab-right p:hover{
	background-color: #3077ff;
	border-radius: 60px;
	color: #fff;
	-webkit-transition: .4s;
}
.lab-blue{
	width: 100%;
	height: auto;
	background: url(../../images/bage02.jpg) top no-repeat #f5f6f9;
	overflow: hidden;
}
.blue-title02 span,.blue-title02 p{
	color: #fff;
}
.lab-three{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 68px;
}
.lab-t-top{
   width: 100%;
   margin: 0 auto;
   text-align: center;
   position: relative;
   overflow: hidden;
}
.mySwiper{
	width: 1190px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.mySwiper .swiper-slide{
	font-size: 18px;
	color: #fff;
	line-height: 48px;
	cursor: pointer;
	-webkit-transition: .4s;
}
.mySwiper .swiper-slide-thumb-active{
	color: #3077ff;
	background-color: #fff;
	border-radius: 10px;
	-webkit-transition: .4s;
}
.lab-t-down{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 70px;
}
.mySwiper2{
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 5px 59px rgba(0,0,0,0.1);
	height: 390px;
	position: relative;
	overflow: hidden;
}
.mySwiper01,.lab-add-list{
	width: 1136px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.lab-add-list{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}
.mySwiper01 .swiper-slide,.lab-add-list li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 28px;
	position: relative;
}
.lab-add-list li{
	margin-right: 32px;
}
.mySwiper01 .swiper-slide em,.lab-add-list li em{
	font-style: normal;
	font-size: 16px;
	color: #010414;
	line-height: 24px;
	position: absolute;
	bottom: 14px;
	display: block;
	width: 100%;
	left: 0;
	z-index: 2;
}
.lab-t-right{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background-color: #3077ff;
	padding: 0 22px;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: .4s;
}
.lab-t-right span{
	display: block;
	font-size: 16px;
	color: #fff;
	padding-bottom: 14px;
	border-bottom: 1px #fff solid;
	padding-top: 20px;
}
.lab-t-right p{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: left;
	margin-top: 14px;
}
.mySwiper01 .swiper-slide:hover .lab-t-right,.lab-add-list li:hover .lab-t-right{
	opacity: 1;
	-webkit-transition: .4s;
}
.mySwiper01 .swiper-button-next:after, .mySwiper01 .swiper-button-prev:after{
	content: none;
}

.mySwiper01 .swiper-button-next{
	background: url(../../images/right01.png) center no-repeat #3077ff;
	width: 40px;
	height: 40px;
	right: 0;
	top: 174px;
	margin-top: 0;
	padding: 10px 16px;
	border-radius: 100%;
}
.mySwiper01 .swiper-button-prev{
	background: url(../../images/left.png) center no-repeat #3077ff;
	width: 40px;
	height: 40px;
	left:0;
	top: 174px;
	margin-top: 0;
	padding: 10px 16px;
	border-radius: 100%;
}
.histray{
	width: 1200px;
	height: 470px;
	margin: 0 auto;
	background-color: #f3f4ff;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 66px;
}
.histray-post{
	width: 365px;
	height: 80px;
	margin-left: 30px;
	line-height: 80px;
	margin-top: 26px;
}
.histray-post li{
	font-size: 22px;
	color: #666;
	border-left: 5px #f3f4ff solid;
	text-align: left;
	padding-left: 38px;
	cursor: pointer;
}
.histray-post li img{
	float: right;
	margin-right: 33px;
	margin-top: 32px;
	opacity: 0;
}
.histray-post li.hover{
	border-left: 5px #3077ff solid;
	color: #3077ff;
	font-weight: bold;
	background-color: #dae2ff;
}
.histray-post li.hover img{
	opacity: 1;
}
.post-right{
	background-color: #fff;
	border-radius: 0 10px 10px 10px;
	box-shadow: 0 0 54px rgba(46,60,204,0.12);
	width: 802px;
	height: 445px;
}
.post-right li img{
	display: block;
	margin: 0 auto;
	margin-top: 22px;
}
.appreciate{
	width: 1218px;
	margin: 0 auto;
	height: auto;
	// margin-top: 154px;
	margin-bottom: 35px;
}
.appreciate_thumbnail{
	width: 1218px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}
.bage-img{
	position: absolute;
	top:-79px;
	left: -8px;
	z-index: 0;
}
.mySwiper06{
	height: 298px;
	box-sizing: border-box;
	cursor: pointer;
}
.mySwiper06 .swiper-slide {
    height: 100%;
    margin-left: 0;
	width: 201px;
}
.app{
	 // height: 219px !important;
	height: 228px !important;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: end;
	position: relative;
	// width:239px !important;
	width:301px !important;
}
.img13{
	display: none;
	position: absolute;
	bottom: -67px;
	left: 0;
	z-index: 2;
	width: 100%;
}
.mySwiper06 .swiper-slide-thumb-active .img13{
    display: block;
}
.ppreciate_choose{
	width: 1218px;
	height: 551px;
	margin: 0 auto;
	text-align: left;
}
.mySwiper7 {
    height: 100%;
    width: 100%;
}

.appre-left{
	float: left;
	margin-top: 35px;
}
.appre-left b{
	font-weight: bold;
	color: #fff;
	width: 226px;
	line-height: 57px;
	border-radius: 10px;
	background: #4b3ccc;
	float: left;
	text-align: center;
	margin-right: 15px;
	font-size: 18px;
}
.appre-left img{
	margin-top: 18px;
}
.appre-right{
	float: left;
	width: 936px;
	margin-top: 35px;
}
.appre-right span{
	// margin-left: 14px;
	// font-size: 18px;
	// color: #333;
	// border: 1px #b8b8b8 solid;
	// border-radius: 10px;
	// line-height: 56px;
	// padding: 0 26px;
	// min-width: 218px;
	// float: left;
	// position: relative;
	// margin-bottom: 24px;
	
    margin-left: 14px;
    font-size: 18px;
    color: #333;
    border-radius: 10px;
    line-height: 43px;
    padding: 0 15px;
    min-width: 160px;
    float: left;
    position: relative;
    margin-bottom: 24px;
    background-color: #f5f7f9;
    box-shadow: 0 3px 12px #b7d4ee;
    border: 6px white solid;
}
.shizhan{
	border: 1px #4b3ccc solid !important;
	background-color: #f8f7fd;
}
.appre-right span img{
	position: absolute;
	top: -20px;
	right: -15px;
	z-index: 2;
}
.art_case_main {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 55px;
}

.art_case_main li {
    float: left;
    width: 290px;
    height: 260px;
    background: #fff;
    border-radius: 4px 4px 2px 2px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    margin: 20px 5px;
    position: relative;
    top: 0px;
    transition: .4s;
    -webkit-transition: .4s;
}

.art_case_main li img {
    width: 100%;
    height: 200px;
}

.art_case_main li p {
    font-size: 16px;
    color: #010414;
    line-height: 60px;
}

.art_case_main li:hover {
    top: -10px;
    transition: .4s;
    -webkit-transition: .4s;
}
.lab-last{
	width: 100%;
	height: 470px;
	background: url(../../images/bage03.jpg) top no-repeat;
	text-align: center;
}
.last-list{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
}
.last-list li{
	margin-bottom: 12px;
	display: table;
	width: 100%;
}
.last-list li span{
	font-size: 20px;
	color: #666;
	line-height: 67px;
	background-color: #f5f6f9;
	border-radius: 10px;
	width:190px;
	float: left;
	margin-right: 12px;
}
.last-list li span:nth-child(6),.last-list li span:nth-child(12){
	margin-right: 0;
}

.art_title {
    width: 100%;
    height: auto;
    padding-top: 80px;
    margin: 0 auto;
}

.art_title h2 {
    font-size: 36px;
    color: #010414;
}

.art_title p {
    font-size: 16px;
    color: #313134;
    margin-top: 10px;
}
.art_honor {
    width: 100%;
    height: auto;
    background: #fafafa;
    min-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 80px;
}

/* --- 实验室建设专业认证与荣誉模块样式调整 --- */

/* 1. 确保轮播容器在页面居中且不剪裁超出部分的箭头 */
.art_honor .carouselBox {
    width: 100%;
    margin: 50px auto;
}

.art_honor .carouselBox .el-carousel {
    width: 1200px;
    margin: 0 auto;
}

/* 2. 统一轮播页内部布局：内容垂直居中 */
.art_honor .carouselBox .el-carousel__item {
    background: #ffffff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. 左右切换按钮样式自定义 */
.art_honor .carouselBox .el-carousel__arrow {
    background-color: rgba(0, 82, 217, 0.1); /* 浅蓝色背景 */
    color: #0052d9; /* 蓝色箭头 */
    width: 50px;
    height: 50px;
    font-size: 24px;
}

.art_honor .carouselBox .el-carousel__arrow:hover {
    background-color: #0052d9;
    color: #fff;
}

/* 4. 将箭头定位到两侧（超出 1200px 容器） */
.art_honor .carouselBox .el-carousel__arrow--left {
    left: -70px;  /* 向左移动到容器外 */
}

.art_honor .carouselBox .el-carousel__arrow--right {
    right: -70px; /* 向右移动到容器外 */
}





.art_honor_main {
    width: 1200px;
    height: 452px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
}

.art_honor_con {
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
}

.art_honor_con li {
    float: left;
    width: 25%;
    height: auto;
}

.art_honor_con li img {
    margin: 0 auto;
}

.art_honor_con li p {
    font-size: 13px;
    color: #313134;
    line-height: 20px;
    margin-top: 10px;
}