.about_company>li:nth-child(3)>a{
    border-bottom: 2px solid #FFF;
}
/*在PC端中的显示效果*/
@media screen and (min-width:1025px){
  .re_box{
    width: 1024px;
    margin: 0 auto;
  }
  .listClass{
    width: 100%;
    position: relative;
  }
  .re_box img{
    width: 940px;
    height:300px;
    margin-left:42px;
  }
  .skills_con>h1{
   /* width:200px;*/
    /* display:inline-block; */
    /* position:absolute; */
    /* width: 213px; */
  }
  .skills_box{
    width:541px;
   display: inline-block;
   margin-left:250px;
  }
  .class_title>li{
    margin-left:0px;
    width:160px;
  }
  .class_title>li>img{
    margin-left:0px;
  }
  .class_title>li:nth-child(2){
    font-size:20px;
    width:400px;
  }
  .skills>img{
    width:541px;
    height:37px;
  }
  .infor_list_out{
    padding-top:80px;
  }
  .p_margin{
    font-size:17.6px;
    color:rgba(0,0,0,1);
    line-height:30px;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:83px;
  }
  .class_title>li>ul{
    margin-left:23px;
      width: 226px;
  }
  .class_title{
    margin-bottom:-42px;
  }
  .class_title>li>img{
    width:140px;
    height:140px;
  }
  .class_title{
    border:none;
  }
  .fg{
    font-size:16px;
    margin-left:15px;
    font-family: 'PingFang-SC-Semibold';
  }
  .class_title>li>ul>li.last_word{
    width:541px;
    height:98px;
    font-size:16px;
    color:rgba(0,0,0,1);
    line-height:30px;
    font-weight:normal;
    margin-top:20px;
    /* text-align: justify; */
  }
    .class_card_con{
        position: relative;
    }
    .class_card{
        position: relative;
        float: right;
        /* position: absolute; */
        width: 460px;
        /* top:56px; */
        /* right: 0; */
        /* height: 805px; */
        background-color: #ffffff;
        /* z-index: 2; */
        padding-top: 19px;
        border-radius: 38px;
        box-shadow:4px 4px 13px 0px rgba(4,102,27,0.2);

    }
    .class_title{
        height:214px;
        padding-top: 10px;
        margin-top: 18px;
        /*border-top: 2px solid #fff;*/
    }
    .list_img{
        position: absolute;
        top: 46px;
        width: 557px;
        height: 718px;
        /* float: left; */
        margin-left: -5px;
        /* margin-top: 65px; */
        margin-bottom: 40px;
    }
    .list_img>img{
        width: 100%;
    }
    .class_num{
        width: 427px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 0px auto;
        border-radius: 38px;
        background: #05B9F6;
        font-size: 17px;
        color: #fff;
        border:none;
        font-family:'PingFang-SC-Semibold';
        margin-bottom: 20px;
    }
    .class_3{
        width: 73%;
        height: 32px;
        line-height: 20px;
        text-align: center;
        margin: 26px auto;
        font-size: 18px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li{
        width: 140px;
        float: left;
        margin-left: 30px;
    }
    .class_ico{
        /*padding-left: 38px;*/
        /*padding-top: 11px;*/
        margin-left: 30px;
        width: 140px;
        float: left;
    }
    /* new */
    .newStarSelection .n_pic{
        width: 84%;
        margin: 0 auto;
        margin-top: 139px;
    }
    .newStarSelection .n_pic img{
        width: 100%;
    }
    .newStarSelection .n_message{
        padding-left: 70px;
        padding-top: 20px;
    }
    .newStarSelection .n_tit{
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        color: #FF587C;
        font-family: PingFang-SC-Semibold;
        margin-bottom: 10px;
    }
    .newStarSelection .n_p{
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    .newStarSelection .n_sp{
        color: #000;
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    /* new */
    .class_list{
        width: 380px;
        /* height: 40px; */
        /* line-height: 66px; */
        text-align: center;
        margin: 30px auto;
        font-size: 17.6px;
        border-top: 2px solid #05B9F6;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
        padding-top: 20px;
    }
    .class_card2{
        /* height: 892px!important;
        top: 114px; */
    }
    .list_img2{
        /* margin-top: 158px; */
        /* margin-bottom: 129px; */
    }
    /* .list_img3{
        top: -6px;
    } */
    .list2{
        width: 380px;
        min-height: 40px;
        line-height: 30px;
        text-align: center;
        margin: 10px auto;
        padding-top: 12px;
        font-size: 17.6px;
        border-top: 2px solid #8DC63F;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .list2first{
        margin-top: 40px ;
    }

    .class_title>li>ul>li{
        color: #000;
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';

    }
    .class_title>li>ul{
        margin-top: 8px;
    }
    .class_title>li:nth-child(2){
        margin-left:20px;
        margin-top: 0;
        width: 170px;

    }
    .class_title>li:nth-child(2)>ul>li:first-child, .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size:21px;
    }
    .class_title>li>img{
        width: 100%;
        margin-left: 8px;
    }
    /*.class_title>li:nth-child(2)>ul>li:nth-child(3){*/
    /*margin-top: 8px;*/
    /*}*/
    #super_phonics>li:nth-child(2)>ul>li{
        margin-top: 0;
        color: #000;
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    #super_phonics>li:nth-child(2)>ul>li:nth-child(2){
        margin-top: 8px;
    }
    #more_class{
        margin-top: 35px;
    }



    .infor_list_out_kt{
        width:780px;
        border-bottom: 1px solid #9B9B9B;
    }
    .class_title3{
        width:250px;
        height:auto;
        float: left;
        margin-top: 45px;
        margin-left: 10px;

    }
    .class_title3>li>img{
        width: 160px;
        height: 160px;
        margin-left: 40px;
    }
    .class_title3>li:nth-child(2),  .class_title3>li:nth-child(3){
        font-size:20px;
        line-height:28px;
        font-family:'PingFang-SC-Semibold';
        font-weight: bold;
        color: #000;

    }
    .class_title3>li:nth-child(4){
        font-size: 17.6px;
        line-height: 30px;
        padding-right: 25px;
        padding-top: 20px;
        /* text-align: justify; */
        padding-left: 10px;
    }


    .ziranpindu{
        font-size:20px;
        color:rgba(255,255,255,1);
        width:781px;
        height:40px;
        background:rgba(5,185,246,1);
        border-radius:25px;
        text-align: center;
        line-height: 40px;
        margin: 0 auto;
        margin-bottom: 20px;
        font-family: 'PingFang-SC-Semibold';
    }
    .explanation img{
        width:941px;
        /* height: 368px; */
        /* background:#495FF8; */
        margin-left:-80px;
        margin-top:57px;
        margin-bottom:57px;
    }
    .ht2{
        margin-bottom: 0!important;
    }
    .pindulist{
        width: 100%;
        height: 108px;
        margin: 0 auto;
        /*background: darkred;*/
    }
    .pindulist_last{
        margin-bottom: 50px;
    }
    .pindulist>img{
        height: 60px;
        width: 60px;
        float: left;
        margin: 20px;
        margin-left: 80px;

    }
    .pindulist>p{
        width:478px;
        height:80px;
        font-size:17.6px;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:30px;
        float: left;
        margin-top: 20px;
        margin-left: 60px;
    }
    .super_phonics3{
        margin-top: 205px!important;
    }
    /* Star selection course */
    .ziranpindu.ziranpindu1{
        margin-bottom: 35px;
    }
    .ziranpindu.rita{
        margin-top: 53px;
    }
    .threeMode{
        margin-bottom: 90px;
    }
    .ritaOverview{
        width: 706px;
        margin: 0 auto;
        margin-top: 46px;
        margin-bottom: 80px;
    }
    .ritaOverview .ro_pic{
        width: 207px;
        height: 273px;
        background: url(https://static.psestatic.com/media.psestatic.com/website/hk/pc/teaching_research/ro_pic.png) no-repeat center;
        background-size: 100%;
        float: left;
    }
    .ritaOverview .ro_message{
        width: 388px;
        float: right;
    }
    .ritaOverview .ro_message p{
        font-size:18px;
        font-family:PingFang-HK-Regular;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:30px;
    }
    .ritaOverview .ro_message p:nth-child(1){
        margin-bottom: 40px;
    }
    .ritaOverview .ro_message p span{
        font-family:PingFang-SC-Semibold;
        font-weight: 500;
    }
    .starSelectionCourse li:nth-child(1){
        text-align: center;
        font-size:22px;
        font-family:PingFang-SC-Semibold;
        /* font-weight:600; */
        color:rgba(0,0,0,1);
        line-height:24px;
    }
    .starSelectionCourse li:nth-child(4) span{
        font-family:PingFang-SC-Semibold;
        font-weight:600;
    }
    .starSelectionCourse li:nth-child(5) a{
        width: 248px;
        height: 116px;
        margin-top: 7px;
        background: url(https://static.psestatic.com/media.psestatic.com/website/zh/pc/rita/rita_more.png) no-repeat center;
        background-size: 100%;
    }
    /* Star selection course */

    /* new */
    .skills_box{
        position: relative;
        width:541px;
        margin-left:250px;
        margin-top: 27px;
        float: right;
    }
    .p_margin{
        font-size:16px;
        color:rgba(0,0,0,1);
        line-height:22px;
        margin-top:9px;
        margin-bottom:9px;
        margin-left:83px;
    }
    .p_margin.seven{
        line-height: 43px;
    }
   .p_margin.two{
        line-height: 43px;
    }
    .n_eight{
        width: 918px;
        margin: 0 auto;
        position: relative;
    }
    .n_eight .n_line{
        width: 409px;
        height: 784px;
        position: absolute;
        top: 0;
    }
    .n_line img{
        width: 100%;
    }
    .ModularItem{
        padding-top: 42px;
    }
    .ModularItem.one{
        margin-bottom: 39px;
    }
    .ModularItem.two{
        margin-bottom: 126px;
    }
    .ModularItem.two .ModularItem_text{
        color:#8EC53F;
    }
    .ModularItem.three .ModularItem_text{
        color:#01BAF7;
    }

    .ModularItem.three .ModularItem_text .diffcolor{
        color: #ffc300;
        margin-top: 5px;
    }
    .n_line .Modular{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .ModularItem_text{
        padding-left: 188px;
        font-size: 18px;
        font-weight: 700;
        color: #A20FF5;
        line-height: 21px;
    }
    .ModularItem_button{
        width: 267px;
        height: 44px;
        background: linear-gradient(320deg, #D7DF23 0%, #BCD62D 41%, #8DC63F 100%, #429321 100%);
        border-radius: 22px;
        font-size: 18px;
        font-weight: 700;
        color: #FFFFFF;
        text-align: center;
        line-height: 44px;
        text-shadow: 3px 3px 3px rgba(86, 153, 16, 0.3);
        margin-top: 35px;
        margin-left: 49px;
    }
    /* new */
}
/*在pad端中的显示效果*/
@media screen and (min-width:768px)and (max-width:1024px){
    .re_box{
        width: 100vw;
        margin: 0 auto;
    }
    .listClass{
        width: 100%;
        position: relative;
    }
    .re_box img{
        width: 91.796875vw;
        height:29.296875vw;
        margin-left:4.1015625vw;
    }
    .skills_con>h1{
        /* width:19.53125vw;*/
        /* display:inline-block; */
        /* position:absolute; */
        /* width: 20.80078125vw; */
    }
    .skills_box{
        width:52.83203125vw;
        display: inline-block;
        margin-left:24.4140625vw;
    }
    .class_title>li{
        margin-left:0vw;
        width:15.625vw;
    }
    .class_title>li>img{
        margin-left:0vw;
    }
    .class_title>li:nth-child(2){
        font-size:1.953125vw;
        width:39.0625vw;
    }
    .skills>img{
        width:52.83203125vw;
        height:3.61328125vw;
    }
    .infor_list_out{
        padding-top:7.8125vw;
    }
    .p_margin{
        font-size:1.7187500000000002vw;
        color:rgba(0,0,0,1);
        line-height:2.9296875vw;
        margin-top:1.46484375vw;
        margin-bottom:1.46484375vw;
        margin-left:8.10546875vw;
    }
    .class_title>li>ul{
        margin-left:2.24609375vw;
        width: 22.0703125vw;
    }
    .class_title{
        margin-bottom:-4.1015625vw;
    }
    .class_title>li>img{
        width:13.671875vw;
        height:13.671875vw;
    }
    .class_title{
        border:none;
    }
    .fg{
        font-size:1.5625vw;
        margin-left:1.46484375vw;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li>ul>li.last_word{
        width:52.83203125vw;
        height:9.5703125vw;
        font-size:1.5625vw;
        color:rgba(0,0,0,1);
        line-height:2.9296875vw;
        font-weight:normal;
        margin-top:1.953125vw;
        /* text-align: justify; */
    }
    .class_card_con{
        position: relative;
    }
    .class_card{
        position: relative;
        /* position: absolute; */
        width: 44.921875vw;
        float: right;
        /* top:5.46875vw; */
        /* right: 0; */
        /* height: 78.61328125vw; */
        background-color: #ffffff;
        /* z-index: 2; */
        padding-top: 1.85546875vw;
        border-radius: 3.7109375vw;
        box-shadow:0.390625vw 0.390625vw 1.26953125vw 0vw rgba(4,102,27,0.2);

    }
    .class_title{
        height:20.8984375vw;
        padding-top: 0.9765625vw;
        margin-top: 1.7578125vw;
        /*border-top: 0.1953125vw solid #fff;*/
    }
    .list_img{
        position: absolute;
        top: 5vw;
        width: 54.39453125vw;
        height: 70.1171875vw;
        /* float: left; */
        margin-left: -0.48828125vw;
        /* margin-top: 6.34765625vw; */
        margin-bottom: 3.90625vw;
    }
    .list_img>img{
        width: 100%;
    }
    .class_num{
        width: 42.109375vw;
        height: 3.90625vw;
        line-height: 3.90625vw;
        text-align: center;
        margin: 0vw auto;
        border-radius: 3.7109375vw;
        background: #05B9F6;
        font-size: 1.5578125vw;
        color: #fff;
        border:none;
        font-family:'PingFang-SC-Semibold';
        margin-bottom: 2vw;
    }
    .class_3{
        width: 73%;
        height: 3.125vw;
        line-height: 1.953125vw;
        text-align: center;
        margin: 2.5390625vw auto;
        font-size: 1.7578125vw;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li{
        width: 13.671875vw;
        float: left;
        margin-left: 2.9296875vw;
    }
    .class_ico{
        /*padding-left: 3.7109375vw;*/
        /*padding-top: 1.07421875vw;*/
        margin-left: 2.9296875vw;
        width: 13.671875vw;
        float: left;
    }
    /* new */
    .newStarSelection .n_pic{
        width: 84%;
        margin: 0 auto;
        margin-top: 13.57421875vw;
    }
    .newStarSelection .n_pic img{
        width: 100%;
    }
    .newStarSelection .n_message{
        padding-left: 6.8359375vw;
        padding-top: 1.953125vw;
    }
    .newStarSelection .n_tit{
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        color: #FF587C;
        font-family: PingFang-SC-Semibold;
        margin-bottom: 0.9765625vw;
    }
    .newStarSelection .n_p{
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    .newStarSelection .n_sp{
        color: #000;
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    /* new */
    .class_list{
        width: 37.109375vw;
        /* height: 3.90625vw; */
        /* line-height: 6.4453125vw; */
        text-align: center;
        margin: 2.9296875vw auto;
        font-size: 1.7187500000000002vw;
        border-top: 0.1953125vw solid #05B9F6;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
        padding-top: 1.953125vw;
    }
    .class_card2{
        /* height: 87.109375vw!important;
        top:11.8125vw; */
    }
    .list_img2{
        /* margin-top: 15.4296875vw;
        margin-bottom: 12.59765625vw; */
    }
    .list2{
        width: 37.109375vw;
        min-height: 3.90625vw;
        line-height: 2.9296875vw;
        text-align: center;
        margin: 0.9765625vw auto;
        padding-top: 1.171875vw;
        font-size: 1.7187500000000002vw;
        border-top: 0.1953125vw solid #8DC63F;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .list2first{
        margin-top: 3.90625vw ;
    }

    .class_title>li>ul>li{
        color: #000;
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';

    }
    .class_title>li>ul{
        margin-top: 0.78125vw;
    }
    .class_title>li:nth-child(2){
        margin-left:1.953125vw;
        margin-top: 0;
        width: 16.6015625vw;

    }
    .class_title>li:nth-child(2)>ul>li:first-child, .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size:2.05078125vw;
    }
    .class_title>li>img{
        width: 100%;
        margin-left: 0.78125vw;
    }
    /*.class_title>li:nth-child(2)>ul>li:nth-child(3){*/
    /*margin-top: 0.78125vw;*/
    /*}*/
    #super_phonics>li:nth-child(2)>ul>li{
        margin-top: 0;
        color: #000;
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    #super_phonics>li:nth-child(2)>ul>li:nth-child(2){
        margin-top: 0.78125vw;
    }
    #more_class{
        margin-top: 3.41796875vw;
    }



    .infor_list_out_kt{
        width:76.171875vw;
        border-bottom: 0.09765625vw solid #9B9B9B;
    }
    .class_title3{
        width:24.4140625vw;
        height:auto;
        float: left;
        margin-top: 4.39453125vw;
        margin-left: 0.9765625vw;

    }
    .class_title3>li>img{
        width: 15.625vw;
        height: 15.625vw;
        margin-left: 3.90625vw;
    }
    .class_title3>li:nth-child(2),  .class_title3>li:nth-child(3){
        font-size:1.953125vw;
        line-height:2.734375vw;
        font-family:'PingFang-SC-Semibold';
        font-weight: bold;
        color: #000;

    }
    .class_title3>li:nth-child(4){
        font-size: 1.7187500000000002vw;
        line-height: 2.9296875vw;
        padding-right: 2.44140625vw;
        padding-top: 1.953125vw;
        /* text-align: justify; */
        padding-left: 0.9765625vw;
    }


    .ziranpindu{
        font-size:1.953125vw;
        color:rgba(255,255,255,1);
        width:76.26953125vw;
        height:3.90625vw;
        background:rgba(5,185,246,1);
        border-radius:2.44140625vw;
        text-align: center;
        line-height: 3.90625vw;
        margin: 3.90625vw auto;
        margin-bottom: 1.953125vw;
    }
    .explanation img{
        width:91.89453125vw;
        /* height: 35.9375vw; */
        margin-left:-7.8125vw;
        margin-top:5.56640625vw;
        margin-bottom:5.56640625vw;
    }
    .pindulist{
        width: 100%;
        height: 10.546875vw;
        margin: 0 auto;
        /*background: darkred;*/
    }
    .pindulist>img{
        height: 5.859375vw;
        width: 5.859375vw;
        float: left;
        margin: 1.953125vw;
        margin-left: 7.8125vw;

    }
    .pindulist>p{
        width:46.6796875vw;
        height:7.8125vw;
        font-size:1.7187500000000002vw;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:2.9296875vw;
        float: left;
        margin-top: 1.953125vw;
        margin-left: 5.859375vw;
    }
    .super_phonics3{
        margin-top: 20.01953125vw!important;
    }
    /* Star selection course */
    .ziranpindu.ziranpindu1{
        margin-bottom: 3.41796875vw;
    }
    .ziranpindu.rita{
        margin-top: 5.17578125vw;
    }
    .threeMode{
        margin-bottom: 8.7890625vw;
    }
    .ritaOverview{
        width: 68.9453125vw;
        margin: 0 auto;
        margin-top: 4.4921875vw;
        margin-bottom: 7.8125vw;
    }
    .ritaOverview .ro_pic{
        width: 20.21484375vw;
        height: 26.66015625vw;
        background: url(https://static.psestatic.com/media.psestatic.com/website/hk/pc/teaching_research/ro_pic.png) no-repeat center;
        background-size: 100%;
        float: left;
    }
    .ritaOverview .ro_message{
        width: 37.890625vw;
        float: right;
    }
    .ritaOverview .ro_message p{
        font-size:1.7578125vw;
        font-family:PingFang-HK-Regular;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:2.9296875vw;
    }
    .ritaOverview .ro_message p:nth-child(1){
        margin-bottom: 3.90625vw;
    }
    .ritaOverview .ro_message p span{
        font-family:PingFang-SC-Semibold;
        font-weight: 500;
    }
    .starSelectionCourse li:nth-child(1){
        text-align: center;
        font-size:2.1484375vw;
        font-family:PingFang-SC-Semibold;
        /* font-weight:600; */
        color:rgba(0,0,0,1);
        line-height:2.34375vw;
    }
    .starSelectionCourse li:nth-child(4) span{
        font-family:PingFang-SC-Semibold;
        font-weight:600;
    }
    .starSelectionCourse li:nth-child(5) a{
        width: 24.21875vw;
        height: 11.328125vw;
        margin-top: 0.68359375vw;
        background: url(https://static.psestatic.com/media.psestatic.com/website/zh/pc/rita/rita_more.png) no-repeat center;
        background-size: 100%;
    }
    /* Star selection course */
    /* new */
    .skills_box{
        width:45.83203125vw;
        float: right;
        margin-left:24.4140625vw;
        margin-top: 3vw;
        position: relative;
    }
    .p_margin{
        width: 45vw;
        font-size:1.5625vw;
        color:rgba(0,0,0,1);
        line-height: 2.6296875vw;
        margin-top:0.46484375vw;
        margin-bottom:0.46484375vw;
        margin-left:5.10546875vw;
    }
    .p_margin.seven{
        line-height: 4.59921875vw;
    }
    .p_margin.two{
        line-height: 4.59921875vw;
    }
    .n_eight {
        width: 78.648438vw;
        margin: 0 auto;
        position: relative;
    }
    .n_eight .n_line{
        width: 39.94140625vw;
        height: 76.5625vw;
        position: absolute;
        top: 0;
    }
    .n_line img{
        width: 100%;
    }
    .n_line .Modular{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .ModularItem{
        padding-top: 4.1015625vw;
    }
    .ModularItem.one{
        margin-bottom: 3.80859375vw;
    }
    .ModularItem.two{
        margin-bottom: 12.3046875vw;
    }
    .ModularItem.two .ModularItem_text{
        color:#8EC53F;
    }
    .ModularItem.three .ModularItem_text{
        color:#01BAF7;
    }

    .ModularItem.three .ModularItem_text .diffcolor{
        color: #ffc300;
        margin-top: 0.48828125vw;
    }
    .ModularItem_text{
        padding-left: 18.359375vw;
        font-size: 1.7578125vw;
        font-weight: 700;
        color: #A20FF5;
        line-height: 2.05078125vw;
    }
    .ModularItem_button{
        width: 26.07421875vw;
        height: 4.296875vw;
        background: linear-gradient(320deg, #D7DF23 0%, #BCD62D 41%, #8DC63F 100%, #429321 100%);
        border-radius: 2.1484375vw;
        font-size: 1.7578125vw;
        font-weight: 700;
        color: #FFFFFF;
        text-align: center;
        line-height: 4.296875vw;
        text-shadow: 3px 3px 3px rgba(86, 153, 16, 0.3);
        margin-top: 3.41796875vw;
        margin-left: 4.78515625vw;
    }
    /* new */
}


@media screen and (max-width:767px){
    .re_box{
        width: 768px;
        margin: 0 auto;
    }
    .listClass{
        width: 100%;
        position: relative;
    }
    .re_box img{
        width: 705px;
        height:225px;
        margin-left:32px;
    }
    .skills_con>h1{
        /* width:150px;*/
        /* display:inline-block; */
        /* position:absolute; */
        /* width: 160px; */
    }
    .skills_box{
        width:406px;
        display: inline-block;
        margin-left:188px;
    }
    .class_title>li{
        margin-left:0px;
        width:120px;
    }
    .class_title>li>img{
        margin-left:0px;
    }
    .class_title>li:nth-child(2){
        font-size:15px;
        width:300px;
    }
    .skills>img{
        width:406px;
        height:28px;
    }
    .infor_list_out{
        padding-top:60px;
    }
    .p_margin{
        font-size:13.2px;
        color:rgba(0,0,0,1);
        line-height:23px;
        margin-top:11px;
        margin-bottom:11px;
        margin-left:62px;
    }
    .class_title>li>ul{
        margin-left:17px;
        width: 170px;
    }
    .class_title{
        margin-bottom:-32px;
    }
    .class_title>li>img{
        width:105px;
        height:105px;
    }
    .class_title{
        border:none;
    }
    .fg{
        font-size:12px;
        margin-left:11px;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li>ul>li.last_word{
        width:406px;
        height:74px;
        font-size:12px;
        color:rgba(0,0,0,1);
        line-height:23px;
        font-weight:normal;
        margin-top:15px;
        /* text-align: justify; */
    }
    .class_card_con{
        position: relative;
    }
    .class_card{
        /* position: absolute; */
        float: right;
        position: relative;
        width: 345px;
        /* top:42px; */
        /* right: 0; */
        /* height: 604px; */
        background-color: #ffffff;
        /* z-index: 2; */
        padding-top: 14px;
        border-radius: 29px;
        box-shadow:3px 3px 10px 0px rgba(4,102,27,0.2);

    }
    .class_title{
        height:161px;
        padding-top: 8px;
        margin-top: 14px;
        /*border-top: 2px solid #fff;*/
    }
    .list_img{
        position: absolute;
        top: 50px;
        width: 418px;
        height: 539px;
        /* float: left; */
        margin-left: -4px;
        /* margin-top: 49px; */
        margin-bottom: 30px;
    }
    .list_img>img{
        width: 100%;
    }
    .class_num{
        width: 319px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 0px auto;
        border-radius: 29px;
        background: #05B9F6;
        font-size: 12.5px;
        color: #fff;
        border:none;
        font-family:'PingFang-SC-Semibold';
        margin-bottom: 9px;
    }
    .class_3{
        width: 73%;
        height: 24px;
        line-height: 15px;
        text-align: center;
        margin: 19px auto;
        font-size: 13.5px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li{
        width: 105px;
        float: left;
        margin-left: 23px;
    }
    .class_ico{
        /*padding-left: 29px;*/
        /*padding-top: 8px;*/
        margin-left: 23px;
        width: 105px;
        float: left;
    }
    /* new */
    .newStarSelection .n_pic{
        width: 84%;
        margin: 0 auto;
        margin-top: 104.25px;
    }
    .newStarSelection .n_pic img{
        width: 100%;
    }
    .newStarSelection .n_message{
        padding-left: 52.5px;
        padding-top: 15px;
    }
    .newStarSelection .n_tit{
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        color: #FF587C;
        font-family: PingFang-SC-Semibold;
        margin-bottom: 7.5px;
    }
    .newStarSelection .n_p{
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    .newStarSelection .n_sp{
        color: #000;
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        font-family: PingFang-SC-Semibold;
    }
    /* new */
    .class_list{
        width: 285px;
        /* height: 30px; */
        /* line-height: 50px; */
        text-align: center;
        margin: 23px auto;
        font-size: 13.2px;
        border-top: 2px solid #05B9F6;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
        padding-top: 15px;
    }
    .class_card2{
        /* height: 669px!important;
        top: 83px; */
    }
    .list_img2{
        /* margin-top: 119px; */
        /* margin-bottom: 97px; */
    }
    .list2{
        width: 285px;
        min-height: 30px;
        line-height: 23px;
        text-align: center;
        margin: 8px auto;
        padding-top: 9px;
        font-size: 13.2px;
        border-top: 2px solid #8DC63F;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .list2first{
        margin-top: 30px ;
    }

    .class_title>li>ul>li{
        color: #000;
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';

    }
    .class_title>li>ul{
        margin-top: 6px;
    }
    .class_title>li:nth-child(2){
        margin-left:15px;
        margin-top: 0;
        width: 128px;

    }
    .class_title>li:nth-child(2)>ul>li:first-child, .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    .class_title>li:nth-child(2)>ul>li:nth-child(2){
        font-size:15.75px;
    }
    .class_title>li>img{
        width: 100%;
        margin-left: 6px;
    }
    /*.class_title>li:nth-child(2)>ul>li:nth-child(3){*/
    /*margin-top: 6px;*/
    /*}*/
    #super_phonics>li:nth-child(2)>ul>li{
        margin-top: 0;
        color: #000;
        font-size: 15px;
        line-height: 21px;
        font-weight: bold;
        font-family: 'PingFang-SC-Semibold';
    }
    #super_phonics>li:nth-child(2)>ul>li:nth-child(2){
        margin-top: 6px;
    }
    #more_class{
        margin-top: 26px;
    }



    .infor_list_out_kt{
        width:585px;
        border-bottom: 1px solid #9B9B9B;
    }
    .class_title3{
        width:188px;
        height:auto;
        float: left;
        margin-top: 34px;
        margin-left: 5px;

    }
    .class_title3>li>img{
        width: 120px;
        height: 120px;
        margin-left: 30px;
    }
    .class_title3>li:nth-child(2),  .class_title3>li:nth-child(3){
        font-size:15px;
        line-height:21px;
        font-family:'PingFang-SC-Semibold';
        font-weight: bold;
        color: #000;

    }
    .class_title3>li:nth-child(4){
        font-size: 13.2px;
        line-height: 23px;
        padding-right: 19px;
        padding-top: 15px;
        /* text-align: justify; */
        padding-left: 8px;
    }
    .ziranpindu{
        font-size:15px;
        color:rgba(255,255,255,1);
        width:586px;
        height:30px;
        background:rgba(5,185,246,1);
        border-radius:19px;
        text-align: center;
        line-height: 30px;
        margin: 30px auto;
        margin-bottom: 15px;
    }
    .explanation img{
        width:705.75px;
        /* height: 276px; */
        margin-left:-60px;
        margin-top:42.75px;
        margin-bottom:42.75px;
    }
    .pindulist{
        width: 100%;
        height: 81px;
        margin: 0 auto;
        /*background: darkred;*/
    }
    .pindulist>img{
        height: 45px;
        width: 45px;
        float: left;
        margin: 15px;
        margin-left: 60px;

    }
    .pindulist>p{
        width:359px;
        height:60px;
        font-size:13.2px;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:23px;
        float: left;
        margin-top: 15px;
        margin-left: 45px;
    }
    .super_phonics3{
        margin-top: 154px!important;
    }
    /* Star selection course */
    .ziranpindu.ziranpindu1{
        margin-bottom: 26.25px;
    }
    .ziranpindu.rita{
        margin-top: 40px;
    }
    .threeMode{
        margin-bottom: 67.5px;
    }
    .ritaOverview{
        width: 529.5px;
        margin: 0 auto;
        margin-top: 34.5px;
        margin-bottom: 60px;
    }
    .ritaOverview .ro_pic{
        width: 155.25px;
        height: 204.75px;
        background: url(https://static.psestatic.com/media.psestatic.com/website/hk/pc/teaching_research/ro_pic.png) no-repeat center;
        background-size: 100%;
        float: left;
    }
    .ritaOverview .ro_message{
        width: 291px;
        float: right;
    }
    .ritaOverview .ro_message p{
        font-size:13.5px;
        font-family:PingFang-HK-Regular;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:22.5px;
    }
    .ritaOverview .ro_message p:nth-child(1){
        margin-bottom: 30px;
    }
    .ritaOverview .ro_message p span{
        font-family:PingFang-SC-Semibold;
        font-weight: 500;
    }
    .starSelectionCourse li:nth-child(1){
        text-align: center;
        font-size:16.5px;
        font-family:PingFang-SC-Semibold;
        /* font-weight:600; */
        color:rgba(0,0,0,1);
        line-height:18px;
    }
    .starSelectionCourse li:nth-child(4) span{
        font-family:PingFang-SC-Semibold;
        font-weight:600;
    }
    .starSelectionCourse li:nth-child(5) a{
        width: 186px;
        height: 87px;
        margin-top: 5.25px;
        background: url(https://static.psestatic.com/media.psestatic.com/website/zh/pc/rita/rita_more.png) no-repeat center;
        background-size: 100%;
    }
    /* Star selection course */

    /* new */
    .skills_box{
        position: relative;
        width:406px;
        margin-left:187px;
        margin-top: 20px;
        float: right;
    }
    .p_margin{
        font-size:12px;
        color:rgba(0,0,0,1);
        line-height:16px;
        margin-top:6.75px;
        margin-bottom:6.75px;
        margin-left:62px;
    }
    .p_margin.seven{
        line-height: 32px;
    }
    .p_margin.two{
        line-height: 32px;
    }
    .n_eight{
        width: 688px;
        margin: 0 auto;
        position: relative;
    }
    .n_eight .n_line{
        width: 306px;
        height: 588px;
        position: absolute;
        top: 0;
    }
    .n_line img{
        width: 100%;
    }
    .ModularItem{
        padding-top: 31.5px;
    }
    .ModularItem.one{
        margin-bottom: 29px;
    }
    .ModularItem.two{
        margin-bottom: 94px;
    }
    .ModularItem.two .ModularItem_text{
        color:#8EC53F;
    }
    .ModularItem.three .ModularItem_text{
        color:#01BAF7;
    }

    .ModularItem.three .ModularItem_text .diffcolor{
        color: #ffc300;
        margin-top: 3.75px;
    }
    .n_line .Modular{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .ModularItem_text{
        padding-left: 141px;
        font-size: 13.5px;
        font-weight: 700;
        color: #A20FF5;
        line-height: 15.75px;
    }
    .ModularItem_button{
        width: 200px;
        height: 33px;
        background: linear-gradient(320deg, #D7DF23 0%, #BCD62D 41%, #8DC63F 100%, #429321 100%);
        border-radius: 16.5px;
        font-size: 12.96px;
        font-weight: 700;
        color: #FFFFFF;
        text-align: center;
        line-height: 33px;
        text-shadow: 3px 3px 3px rgba(86, 153, 16, 0.3);
        margin-top: 26px;
        margin-left: 36.75px;
    }
    /* new */
}