body{
          margin: auto 0;
          padding: 0px;
          overflow: hidden;
      }
      .maxBox{
          /* width: 1920px; */
          width: 100%;
      }
      /*********************磁力架**************/
      .box{
          width: 100%;
          height: 100%;
          /*border: 1px solid #fff;*/
          background-image: url('/healthcodon/img/Rack/2--首屏背景.png');
      }
      /**box-1**/
      /* .box-1{
          width: 1920px;
          height: 950px;
          position: relative;
          border: 1px solid violet;
          background-image: url('/healthcodon/img/Rack/2--首屏背景.png');
      } */

      .box-map{
          width: 1200px;
          height: 948px;
          margin: auto;
          margin-top:60px;
          /* margin-left:253px; */
          /* border: 1px solid red; */

          /* background-color: fuchsia; */
      }
      .box-map-img{
          width: 1224px;
          height: 741px;
          margin: auto;
          margin-left: -83px;
          /* position: absolute;;  */
          /* right:83px; */
          /* margin-right: 83px; */
          background-image: url('/healthcodon/img/Rack/1--首屏大图.png');
          /* border: 1px solid rebeccapurple; */
      }
      /* .holo{
          font-size: 18px;
          color: #111111;
          margin-top: -43px;
      }
      .holo>p{
          padding: 0px;
      } */
      .holo{
          width: 1200px;
          height: 741px;
          /* border: 1px solid red; */
          margin-left: 82px;
      }
      .holo>div:nth-child(1){
          margin-top: -22px;
          padding-top: 44px;
      }
      .style-{
          width: 32px;
          height: 4px;
          background-color: #111111;
          margin-top: 35px;
      }
      .holo>div:nth-child(4){
          font-size: 72px;
          text-align: right;
          margin-top: 236px;
      }
      .holo>div:nth-child(5){
          font-size: 50px;
          text-align: right;
          margin-top: 29px;
      }
      .holo>div:nth-child(6){
          width: 60px;
          height: 4px;
          background-color: #111111;
          margin-top: 88px;
          margin-left: 1140px;
      }
      .holo>div:nth-child(7){
          font-size: 32px;
          text-align: right;
          margin-top: 112px;
      }
      .holo>div>span{
          margin-left: 37px;
      }
      .rack{
          /* width: 800px; */
          font-size: 26px;
          color: #111111;
          text-align: right;
          margin-top: 40px;
      }
      .product{
          width: 100%;
          height: 600px;
          border: 1px solid #fff;
          /* margin-top: 149px; */
          /* background-color: khaki; */
          background-image: url('/healthcodon/img/Rack/3--背景.png');
      }
      .product-describe{
          width: 1200px;
          height: 600px;
          margin: auto;
          /* border: 1px solid ; */
      }
      .product-describe-third{
          text-align: center;
          /* border: 1px solid red; */
          margin-top: 90px;
          font-size: 38px;
          color: #111111;
          position: relative;


      }
      .span1{
          margin-right: 24px;
          display: inline-block;
          width: 68px;
          height: 2px;
          background: #000;
          /* margin-top: 27px; */
          position: absolute;
          left: 36%;
          top: 48%;
      }
      .span2{
          margin-left: 24px;
          display: inline-block;
          width: 68px;
          height: 2px;
          background: #000;
          /* margin-top: 27px; */
          position: absolute;
          left: 56%;
          top: 48%;
      }
      .Descriptior{
          /* border: 1px solid aquamarine; */
          text-align: center;
          margin-top: 18px;
          color: #111111;
      }
      .magnetic{
          width: 800px;
          height: 230px;
          margin: auto;
          margin-top: 93px;
          background-color: rgba(240, 251, 255, 0.5);
          border: 1px solid rgba(240, 251, 255, 0.5);
      }
      .magnetic-character{
          width: 686px;
          height: 40px;
          /* border: 1px solid red; */
          margin-top: 54px;
          margin-left: 57px;
          font-size: 16px;
          letter-spacing:1px;
          /* text-align: center; */
      }
      .magnetic-character-English{
          width: 686px;
          height: 57px;
          margin-top: 25px;
          margin-left: 57px;
          text-align: justify;
          /* border: 1px solid violet; */
      }
      .feature-box{
          /* border: 1px solid red; */
          width: 1200px;
          height: 8725px;
          margin: auto;
          text-align: center;
      }
      .feature-box-content{
          margin-top: 90px;
          font-size: 38px;
          color: #111111;
          position: relative;
      }
      .feature-box-content-text{
          margin-top: 18px;
          font-size: 20px;
      }
      .flexs{
          width: 653px;
          height: 416px;
          margin: auto;
          margin-left: -83px;
          margin-top: 68px;
          /* position: absolute;;  */
          /* right:83px; */
          /* margin-right: 83px; */
          background-image: url('/healthcodon/img/Rack/4--特色图.png');
          /* border: 1px solid rebeccapurple; */
      }
      .flexs-box{
          width: 1200px;
          height: 498px;
          margin-left:83px;
          /* border: 1px solid coral; */
      }
      .flexs-box-text{
          width: 626px;
          height: 493px;
          /* border: 1px solid aquamarine; */
          margin-left:570px;
      }
      .check{
          width: 626px;
          height: 82px;
          /* border: 1px solid blue; */
      }
      .check-button{
          /* text-align: right; */
          width: 30px;
          height: 23px;
      }
      .check-button-character{
          /* border: 1px solid fuchsia; */
          width: 576px;
          height: 82px;
          margin-top: -24px;
          margin-left: 48px;
      }
      .specimen{
          text-align: left;
          font-size: 20px;
          color: #666666;
          letter-spacing:1px;
      }
      .font{
          text-align: justify;
      }
      .float{
          margin-top: 44px;
      }
      .live{
          /* margin-left: 80px; */
          width: 1920px;
          height: 1550px;
          /* border: 1px solid yellow; */
          margin-left: -269px;
          /* display: flex; */
          /* flex-wrap:wrap; */
          /* position: relative; */
          /* margin-top: 61px; */
          /* margin-left: 80px; */
      }
      .live>*{
          /* border: 1px solid red; */
      }
      .live-box{
          position: relative;
          margin-top: 90px;
          font-size: 38px;
          color: #111111;
          position: relative;
          /* z-index: 999; */
      }
      .feature{
          position: relative;
          margin-top: 18px;
          font-size: 20px;
      }
     
      .live-shooting{
          width: 1920px;
          height: 648px;
          /* margin: auto; */
          display: flex;
          margin-top: -145px;
           z-index:-1;
      }
      .live-shooting-img{
          /* height: 100px; */
          /* border: 1px solid rebeccapurple; */
          flex: 1;
          width: 960px;
          height: 540px;
      }
      .img1{
          background-image: url('/healthcodon/img/Rack/1.png');
      }
      .img2{
          background-image: url('/healthcodon/img/Rack/2.png');
      }
      .img3{
          background-image: url('/healthcodon/img/Rack/3.png');
      }
      .img4{
          background-image: url('/healthcodon/img/Rack/4.png');
      }
      .img5{
          background-image: url('/healthcodon/img/Rack/5.png');
      }
      .img6{
          background-image: url('/healthcodon/img/Rack/6.png');
      }
      .multiple{
          /*height: 3080px;*/
          /* border: 1px solid olivedrab; */
          margin-left: 80px;
      }
      .multiple-color{
          margin: auto;
          width: 1200px;
          /*height: 3080px;*/
          /* border: 1px solid aqua; */
      }
      .Marlon{


          /* margin: auto; */
        text-align: center;
          left: 84px;

      }
      .hole{
          width: 1200px;
          /*height: 3080px;*/
          /* border: 1px solid aqua; */
          margin: auto;
          margin-top: 117px;
      }
      .hole-imag{
          width: 1200px;
          height: 270px;
          /* border: 1px solid yellowgreen; */
      }
      .hole-imag-yellow{
          width: 1200px;
          height: 270px;
          /* border: 1px solid red; */
          margin-top: 110px;
      }
      .hole-imag-character{
          margin-top: 60px;
          font-size: 20px;
          color: #111111;
      }
      /**操作方式***/
      .mode{
          width: 1920px;
          height: 750px;
          /* border: 1px solid wheat; */
          margin-left: -269px;
          background-image: url('/healthcodon/img/Rack/19--背景.png');
          position: relative;
      }
      .line1{
          width: 1px;
          height: 48px;
          background-color: #111111;
          position: absolute;
          left: 37%;
          top: 39.8%;
      }
    .line2{
        width: 1px;
        height: 48px;
        background-color: #111111;
        position: absolute;
        left: 37%;
        top: 56%;
    }
    .line3{
        width: 1px;
        height: 48px;
        background-color: #111111;
        position: absolute;
        left: 37%;
        top: 71.8%;
    }
    .line4{
        width: 1px;
        height: 48px;
        background-color: #111111;
        position: absolute;
        left: 68%;
        top: 71.6%;
    }
    .line5{
        width: 1px;
        height: 48px;
        transform: rotate(90deg);
        background-color: #111111;
        position: absolute;
        left: 50.9%;
        top: 63.8%;
    }
      .operation{
          height: 750px;
          border: 1px solid #ffffff;
          margin-left: -19px;
      }
      .operation-method{
          margin: auto;
          width: 1200px;
          height: 750px;
          /* border: 1px solid red; */
      }
      .textbox{
          width: 320px;
          height: 68px;
          font-size: 14px;
          color: #326778;
          margin-top: 40px;
          border-radius:4px;
          margin-left: 197px;
          border: 1px solid #6496b5;
          background-color: #ebf1f4;
          /* border-style:#6496b5 solid 1px; */
          /* padding: 5px; */
          /* text-align: justify; */
      }
      .textbox-box{
          width: 100%;
          height: 70px;
          /* border: 1px solid red; */
          /* margin: auto; */
          padding: 0 0 0 10px;
          text-align: left;
      }
      .textbox-first{
          margin-top: 5px;
          width: 300px;
      }
      .textbox-first-english{
          width: 293px;
          text-align: justify;
      }     
      .textbox-minute{
          border: 1px solid #6496b5;
          border-radius:4px;
          width: 380px;
          height: 73px;
          margin-left: 178px;
          margin-top: 48px;
          font-size: 14px;
          color: #326778;
          background-color: #ebf1f4;
          text-align: left;
      }
      .textbox-box-to{
          width: 100%;
          height: 62px;
          /* border: 1px solid red; */
          padding: 10px 0 0 10px;
      }
      .textbox-to-english{
          text-align: justify;
      }
      /* *** 3*/
      .textbox-three{
          border: 1px solid #6496b5;
          border-radius:4px;
          width: 570px;
          height: 70px;
          margin-left: 32px;
          margin-top: 48px;
          font-size: 14px;
          color: #326778;
          background-color: #ebf1f4;
          text-align: left;
      }
      .textbox-box-three{

          height: 60px;
          /* border: 1px solid red; */
          padding: 10px 0 0 10px;
          width:100%;
      }
      .textbox-three-english{
          text-align: justify;
      }
      /**5*/
      .textbox-five {
          border: 1px solid #6496b5;
          border-radius:4px;
          width: 516px;
          height: 70px;
          margin-left: 652px;
          margin-top: -70px;
          font-size: 14px;
          color: #326778;
          background-color: #ebf1f4;
          text-align: left;
      }
      .textbox-box-five {
          width:100%;
          height: 60px;
          /* border: 1px solid red; */
          padding: 10px 0 0 10px;
      }
      .textbox-five-english{
          text-align: justify;
      }
      /* 6 */
      .textbox-six {
          border: 1px solid #6496b5;
          border-radius:4px;
          width: 667px;
          height: 92px;
          margin: left;
          margin-top: 48px;
          font-size: 14px;
          color: #326778;
          background-color: #ebf1f4;
          text-align: left;
      }
      .textbox-box-six {
          width:100%;
          height: 81px;
          /* border: 1px solid red; */
          padding: 10px 0 0 10px;
      }
      .textbox-six-english{
          text-align: justify;
      }
      /**7**/
      .textbox-seven {
          border: 1px solid #6496b5;
          border-radius:4px;
          width: 430px;
          height: 92px;
          margin-left: 768px;
          margin-top: -94px;
          font-size: 14px;
          color: #326778;
          background-color: #ebf1f4;
          text-align: left;
      }
      .textbox-box-seven {
          width:100%;
          height: 81px;
          /* border: 1px solid red; */
          padding: 10px 0 0 10px;
      }
      .textbox-seven-english{
          text-align: justify;
      }
      /*********注意事项********/
      .attention{
          width: 1920px;
          height: 750px;
          border: 0.1px solid #ffffff;
          margin-left: -269px;
          background-image: url(/healthcodon/img/Rack/20--背景.png);
      }
      .cup{
          width: 766px;
          height: 196px;
          border: 1px solid rgba(240, 251, 255, 0.5);
          margin-top: 154px;
          margin-left: 217px;
          background-color: rgba(240, 251, 255, 0.5);
          color: #326778;
      }
      .cup-box{
          width: 686px;
          height: 39px;
          /* border: 1px solid violet; */
          margin-top: 27px;
          margin-left: 40px;
          text-align: left;
          letter-spacing:2px;
          font-size: 16px;
      }
      .cup-box-english{
          width: 686px;
          height: 96px;
          /* border: 1px solid red; */
          margin-top: 47px;
          margin-left: 40px;
          font-size: 14px;
          text-align: justify;
      }
      .attention-matter{
          width: 1200px;
          height: 750px;
          margin: auto;
          /* border: 1px solid thistle; */
      }
      .save{
          /* height: 750px;
          border: 1px solid gray;
          margin-left: 80px; */

          width: 1920px;
          height: 750px;
          border: 1px solid #ffffff;
          margin-left: -269px;
          background-image: url(/healthcodon/img/Rack/21--背景.png);
      }
      .save-clean{
          width: 1200px;
          height: 750px;
          margin: auto;
          /* border: 1px solid gold; */
      }
      .save-box{
          width: 1200px;
          height: 244px;
          margin-top: 126px;
          /* border: 1px solid red; */
      }
      /**left*/
      .save-box-left{
          width: 548px;
          height: 224px;
          /* border: thistle;  */
          background-color: rgba(255, 255, 255, 0.5);
      }
      .save-box-left-Chinese{
          width: 494px;
          height: 61px;
          /* border: 1px solid peru; */
          margin-left: 27px;
          margin-top: 19px;
          font-size: 16px;
          color: #326778;
          text-align: left;
          position: relative;
          top: 19px;
          /* left: 10px; */
         
      }
      .save-box-left-english{
          width: 493px;
          height: 95px;
          /* border: 1px solid peru; */
          margin-left: 27px;
          margin-top: 23px;
          font-size: 14px;
          color: #326778;
          text-align: justify;
          position: relative;
          top: 23px;
      }
      /**right*/
      .save-box-right{
          margin-top: -243px;
          margin-left: 648px;
          width: 548px;
          height: 224px;
          /* border: thistle;  */
          background-color: rgba(255, 255, 255, 0.5);
      }
      .save-box-right-Chinese{
          width: 493px;
          height: 40px;
          /* border: 1px solid peru; */
          margin-left: 27px;
          margin-top: 19px;
          font-size: 16px;
          color: #326778;
          text-align: left;
          position: relative;
          top: 19px;
      }
      .save-box-right-english{
          width: 493px;
          height: 95px;
          /* border: 1px solid peru; */
          margin-left: 27px;
          margin-top: 23px;
          font-size: 14px;
          color: #326778;
          text-align: justify;
          position: relative;
          top: 23px;
      }
      .productto{
          width: 1200px;
          height: 750px;
          /* border: 1px solid hotpink; */
          margin-left: 89px;
      }
      .productto-size{
          width: 1200px;
          height: 750px;
          margin: auto;
          /* border: 1px solid aqua; */
      }
      .imag-1{
          width: 535px;
          height: 301px;
          margin-top: 112px;
          /* margin-left: -111px; */
          /* border: 1px solid chocolate; */
      }
      .imag-2{
          width: 508px;
          height: 254px;
          /* border: 1px solid violet; */
          margin-top: -279px;
          margin-left: 663px;
      }
      .short{
          width: 383px;
          height: 29px;
          /* border: 1px solid teal; */
          margin-top: 43px;
          margin:left;
          margin-left: 86px;
          text-align: left;
          font-size: 18px;
          color: #111111;
      }
      .short2{
          width: 383px;
          height: 29px;
          /* border: 1px solid teal; */
          margin-top: -35px;
          margin:left;
          margin-left: 714px;
          text-align: right;
          font-size: 18px;
          color: #111111;
      }