body{ margin:0; padding:0; text-align:center; font-size:12px; font-family:PingFangSC, sans-serif;} table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;} img{border:0;} /* ul,li{list-style:none;} */ a{text-decoration:none; color:#fff;} a:hover{text-decoration:none;} .clear{clear:both;} .clearfix{zoom:1;} .clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;} /*-返回定部-*/ #tbox{width:54px; float:right; position:fixed; right:20px; bottom:55px;} #gotop{ width:54px; height:54px; background:#c90013; display:block;} #gotop .retopic{display: inline-block; border-top: 2px solid; border-right: 2px solid; margin-top: 20px; width: 25px; height: 25px; border-color: #fff; transform: rotate(-45deg);} .pc-container{width: 100%; height: 100%; margin: 45px auto 0 auto; text-align: center; user-select: none;position: relative;z-index: 0;} .pc-container .main-m{width:1200px; height: 100%;position: relative; margin: 0 auto; text-align: center;box-sizing: border-box;} .pc-container .main-m img{width: 100%;height: 100%;display: block;} /* 公共title + 按钮 */ .pc-container .fontTitle{} .pc-container .fontTitle .fontBig{font-size: 26px;font-weight: bold;color: #424242;margin-bottom: 5px;} .pc-container .fontTitle .fontSmall{font-size: 18px;color: #8f8f8f;} .pc-container .yuanBox{display: flex;} .pc-container .yuanBox .yuanLeft{width: 30px;height: 30px;background-color: #d09166;border-radius: 50%;} .pc-container .yuanBox .yuanRight{width: 30px;height: 30px;background-color: #003d8a;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 16px;position: relative;left: -12px;} /* 顶部*/ .pc-container .top{width: 100%; height:458px;background: url("../images/bgOneTop.png") no-repeat center;} .pc-container .top .top-one{padding-top: 75px;display: flex;justify-content: center;} .pc-container .top .top-one .top-one-left{display: flex;flex-direction: column;align-items: center;justify-content: end;position: relative;left: -25px;} .pc-container .top .top-one .top-one-left .tol-one{background-image: linear-gradient(to right, #ffffff, 80%, #505d91);color: #fff;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;font-weight: bold;} .pc-container .top .top-one .top-one-left .tol-two{background-image: linear-gradient(to right, #dfa97a, 80%, #505d91);} .pc-container .top .top-one .top-one-right{color: #fff;text-align: left;font-size: 60px;font-weight: bold;line-height: 72px;} .pc-container .top .top-two{display: flex;flex-direction: column;align-items: center;margin-top: 40px;} .pc-container .top .top-two .top-two-item{width: 445px;height: 32px;margin: 0 auto;display: flex;align-items: center;margin-bottom: 15px;} .pc-container .top .top-two .top-two-item .tti-left{ height: 100%;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to right, #0d50b9, transparent);border-radius: 6px;padding: 0 10px;} .pc-container .top .top-two .top-two-item .tti-left .tti-img {width: 18px;height: 15px;margin-right: 5px;} .pc-container .top .top-two .top-two-item .tti-left .tti-des {font-size: 18px;color: #fff;font-weight: bold;} .pc-container .top .top-two .top-two-item .tti-right{height: 100%;display: flex;align-items: center;font-size: 18px;color: #fff;margin-left: 10px;} /* 预约领取 免费试听课 */ .pc-container .get{margin-top: 30px;} .pc-container .get .get-form{width: 900px;border: 3px solid;border-image: linear-gradient(309deg, #e6fcf9, #e6ecf8) 1;padding: 15px 25px;box-sizing: border-box;margin: 15px auto 0 auto;} .pc-container .get .get-form .get-form-top{display: flex;align-items: center;justify-content: space-between;} .pc-container .get .get-form .get-form-top .gft-item{position: relative;display: flex;align-items: center;justify-content: center;;} .pc-container .get .get-form .get-form-top .gft-item .gfi-img{margin-right: 5px;font-size: 16px;color: #666666;font-weight: bold;} .pc-container .get .get-form .get-form-top .gft-item .gfi-input{border: 2px solid #f2f2f2;box-shadow: 7px 3px 4px 1px #dbdbdb;} .pc-container .get .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 40px;width: 100px;padding-left: 10px;} .pc-container .get .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);} .pc-container .get .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;color: #767676;background-color: #fff;} .pc-container .get .get-form .get-form-top .gft-submit .gft-submitIn{transition: all 0.2s linear;height: 35px;padding: 0 25px;border-radius: 30px;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to right, #dea973, #bb7956);} .pc-container .get .get-form .get-form-top .gft-submit:hover .gft-submitIn{transform: translate(0, -10px);box-shadow:0 6px 30px 0 rgba(0,0,0,.2);} .pc-container .get .get-form .get-form-top .gft-submit .gft-submitIn .gfs-txt{color: #fffeff;font-size: 16px;font-weight: bold;} .pc-container .get .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 12px;font-size: 12px;} /* 梯级课程循序渐进，满足不同基础的学员 */ .pc-container .moreCeng{margin-top: 35px;position: relative;background: url("../images/bgTwo.png") no-repeat bottom;} .pc-container .moreCeng .moreCengBox{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;} .pc-container .moreCeng .moreCengBox .moreCengBox-item{width: 270px;margin-bottom: 20px;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-top{width: 100%;position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;padding: 10px 0;background-color: #2752d5;border-radius: 15px 15px 0 0;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .bgTwo{background-color: #d09166;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-top .moit-top-txt{height: 60px;font-size: 22px;color: #fffffd;font-weight: bold;display: flex;align-items: center;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-top .moit-top-imgOne{width: 131px;height: 131px;position: absolute;left: -27px;top: 0;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-top .moit-top-imgTwo{position: absolute;left: -27px;top: 0;width: 137px;height: 85px} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom{width: 100%;height: 175px;position: relative;box-shadow: 1px 1px 7px #e0e0e0;border-radius: 15px;padding: 25px 20px 15px 20px;box-sizing: border-box;position: relative;display: flex;flex-direction: column;text-align: left;justify-content: space-between;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-trangle{ width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 10px solid #2752d5;border-bottom: 0 solid transparent;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-trangleTwo{ width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 10px solid #d09166;border-bottom: 0 solid transparent;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-one{color: #828282;font-size: 16px;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-one .mbo-txtOne{margin-bottom: 5px;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn{height: auto;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn .mbb-in{transition: all 0.2s linear;width: 130px;display: flex;align-items: center;justify-content: center;border: 1px solid #2752d5;border-radius: 22px;padding: 2px 0;margin: 0 auto;margin-top: 10px;cursor: pointer;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn .mbb-inTwo{border: 1px solid #d09166;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn:hover .mbb-in{ transform: translate(0, -5px);box-shadow:0 6px 30px 0 rgba(0,0,0,.2);} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn .mbb-in .mbb-txt {margin-left: 5px;font-size: 16px;color: #2752d5;font-weight: bold;} .pc-container .moreCeng .moreCengBox .moreCengBox-item .moit-bottom .moit-bottom-btn .mbb-in .mbb-txtTwo{color: #d09166;} /* 图片 */ .pc-container .picture{width: 100%; height:246px;background: url("../images/bg02.png") no-repeat center;position: relative;display: flex;justify-content: center;align-items: center;} .pc-container .picture .pic-active{display: flex;align-items: center;justify-content: center;} .pc-container .picture .pic-active-item{position: relative;display: flex;align-items: center;justify-content: center;} .pc-container .picture .pic-active-item .pai-img{width: 325px;height: 116px;} .pc-container .picture .pic-active-item .pic-des{font-size: 18px;font-weight: bold;position: absolute;left: 50%;text-align: left;} /* .pc-container .picture .pic-active{animation: myfirst 3s linear infinite;} */ @keyframes myfirst { 0% {width:800px;height: 195px;} 25% {width: 850px;height: 195px;} 50% {width: 900px;height: 195px;} 75% {width:850px;height: 195px;} 100% {width: 800px;height: 195px;} } /* 新航道托福个性化课程 专治各种出分难题 */ .pc-container .problem{margin: 0 0 35px 0;position: relative;padding-bottom: 25px;background: url("../images/bgThree.png") no-repeat bottom;} .pc-container .problem .problemBox{margin-top: 20px;} .pc-container .problem .problemBox .problemBox-nav{display: flex;align-items: center;justify-content: space-between;padding: 0 40px} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item{width: 185px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;position: relative;} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-img{position: absolute;right: 15px;top: -15px;z-index: 0;} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item img{display: none;} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-one{margin: 4px 0;color: #333333;font-size: 18px;font-weight: bold;position: relative;z-index: 1;} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-two{color: #7f7f7f;font-size: 14px;} .pc-container .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-border{width: 110px;height: 6px;background-color: #2752d5;position: relative;top: 3px;border-radius: 5px 5px 0 0;display: none;} .pc-container .problem .problemBox .problemBox-line{ width: 100%;height: 2px;background-color: #d6def3;margin: 2px 0 0 0;} .pc-container .problem .problemBox .problemBox-content{} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item{box-shadow: 1px 1px 10px #dbdbdb; padding: 25px 35px;box-sizing: border-box;display: none;background-color: #fff;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtOne{display: flex;padding: 6px 0 6px 15px;background-image: linear-gradient(to right, #0d268a, 55%, transparent);border-radius: 22px;color: #feffff;font-size: 18px;font-weight: bold;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo{display: flex;margin: 20px 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem{width: 245px;display: flex;flex-direction: column;margin-right: 25px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem .one-ite-top{width: 100%;height: 34px;background-color: #2547b5;color: #fff;font-size: 18px;font-weight: bold;display: flex;align-items: center;justify-content: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem .one-ite-bottom{ width: 100%;height:60px;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to bottom, #dae2ed, 80%, transparent);color: #585858;font-size: 16px;text-align: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFour{display: flex;padding: 6px 0 6px 15px;background-image: linear-gradient(to right, #c68b6b, 55%, transparent);border-radius: 22px;color: #feffff;font-size: 18px;font-weight: bold;margin: 10px 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive{} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:first-child th{background-color: #163494;padding: 8px 0;font-size:16px;color: #fff;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:nth-child(even) td{background-color: #fafbff;font-size: 16px;padding: 10px 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:nth-child(odd) td{background-color: #ecf4ff;font-size: 16px;padding: 10px 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox{padding: 15px 0;display: flex;align-items: center;justify-content: space-between;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item{display: flex;flex-direction: column;width: 328px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top{position: relative;width: 100%;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top .tci-img{} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top .tci-img img{display: block;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top .tci-title{position: absolute;z-index: 1;top: 30px;left: 50%;transform: translate(-50%, 0);color: #ffffff;font-size: 26px;font-weight: bold;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom{width: 100%;height: 135px;background-color: #f3f3f3;text-align: center;padding: 15px;box-sizing: border-box;font-size: 16px;position: relative;display: flex;justify-content: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom .tci-trangle{width: 0;height: 0;border-top: 8px solid #e22a2d;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 0px solid transparent;position: absolute;top: 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom .tci-des{} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr th{width: 350px;font-size: 18px;background-color: #f6e9d9;padding: 8px 0;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr:nth-child(even) td{background-color: #f9f9fb;font-size: 16px;padding: 10px 20px;box-sizing: border-box;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr:nth-child(odd) td{background-color: #f0eff4;font-size: 16px;padding: 10px 20px;box-sizing: border-box;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top{height: 255px;display: flex;align-items: center;margin-bottom: 15px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top .three-top-left{width: 100%;height: 100%;display: flex;flex-direction: column;text-align: left;font-size: 20px;padding: 35px 0 0 70px;box-sizing: border-box;text-align: left;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul{display: flex;flex-wrap: wrap;text-align: left;padding-left: 15px;margin-top: 10px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item{width: 420px;display: flex;align-items: center;margin-bottom: 5px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item .ttu-item-cricle{width: 5px;height: 5px;border-radius: 50%;background-color: #7a7878;margin-right: 5px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item .ttu-des{font-size: 16px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center{display: flex;height: 315px;position: relative;background-color: #f9fbff;border-radius: 22px;padding: 0 20px;margin-top: 30px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-title{color: #2447b5;font-size: 22px;font-weight: bold;display: flex;align-items: center;width: 100px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fish{width: 100%;display: flex;align-items: center;margin: 0 15px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishHead .fishHead-img{width: 96px;height: 97px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishHead .ttc-fishHeadName{position: absolute;font-size: 60px;color: #ffffff;top: 7px;left: 12px;font-weight: bold;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishLast{width: 0;height: 0;border-top: 60px solid transparent;border-right: 60px solid #053783;border-left: 0 solid transparent;border-bottom: 60px solid transparent;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox{display: flex; position: absolute;left: 220px;top: 66px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item{position: relative;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-des{width: 150px;position: absolute;right: -155px;font-size: 16px;text-align: left;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one{display: flex;align-items: center;height: auto;border: 1px solid #ab3341;color: #ab3341;font-weight: bold;font-size: 18px;position: relative;left: 10px;background: #ffffff;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one .tfi-one-one{background-color: #ab3341;color: #ffffff;padding: 2px 5px;box-sizing: border-box;margin-right: 5px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom{display: flex;padding: 0 30px;box-sizing: border-box;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-bottom-txt{background-color: #053783;width: 200px;height: 35px;font-size: 18px;color: #ffffff;border-radius: 22px;display: flex;align-items: center;justify-content: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb{display: flex;flex-direction: column;align-items: center;position: relative;top: 15px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb .ttc-suLine{border: 1px dashed #053783;height: 24px;width: 0;position: relative;top: -6px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb .ttc-box{position: absolute;background-color: #dae8f4;border-radius: 10px;font-size: 14px;top: 30px;width: 110px;height: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-anthorbox{background-color: #dae8f4;border-radius: 10px;font-size: 14px;width: 110px;height: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;top: 6px;left: 8px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox{display: flex;flex-wrap: wrap;justify-content: space-between;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem{width: 340px;margin-bottom :20px;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top{width: 100%;background-color: #f7f7f7;padding: 15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top .fbt-one{ font-size: 22px;font-weight: bold;} .pc-container .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top .fbt-Two{font-size: 18px;} .pc-container .one-six{display: flex;align-items: center;justify-content: center;margin-top: 15px;} .pc-container .one-six .one-six-in .btn-red {transition: all 0.2s linear;width: 180px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin-right: 15px;} .pc-container .one-six .one-six-in:hover .btn-red{transform: translate(0, -10px);box-shadow:0 6px 30px 0 rgba(0,0,0,.2);} /* .pc-container .one-six .one-six-in .btn-red .btn-red-img{width: 27px;height: 26px;} */ .pc-container .one-six .one-six-in .btn-red .btn-red-txt{font-size: 16px;color: #ffffff;font-weight: bold;margin-left: 5px;} .pc-container .one-six .one-six-in .btn-white{border: 1px solid #2752d5;} /* 留学热门推荐-美本腾飞互补计划*/ .pc-container .recomand .recomandBox{height: 293px;display: flex;justify-content: space-around;margin-top: 30px;} .pc-container .recomand .recomandBox .recomandBox-left{width: 293px;height: 100%;} .pc-container .recomand .recomandBox .recomandBox-right{height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item{width: 800px;display: flex;align-items: center;background-color: #eef2fe;padding: 15px 0;border-radius: 10px;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-img{width: 53px;height: 52px;position: relative;left: -25px;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-txt{position: relative;left: -25px;font-size: 26px;font-weight: bold;color: #2850d5;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li{width: 100%; display: flex;flex-direction: column;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rri-li-one{display: flex;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item{width: 300px;display: flex;align-items: center;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-clcle{width: 5px;height: 5px;background-color: #484a49;border-radius: 50%;margin-right: 5px;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-wenzi{font-size: 16px;color: #5d5e5e;font-weight: bold;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-wenzi{font-size: 16px;color: #5d5e5e;font-weight: bold;} .pc-container .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-des{font-size: 16px;color: #5d5e5e;text-align: left;line-height: 25px;} /* 去美国不同学校标化要求 */ .pc-container .request{position: relative;} .pc-container .request .requestBox{margin-top: 35px;border: 2px solid #eef2fe;padding: 10px 35px;} .pc-container .request .requestBox .recomandBox-title{ color: #2552d3;font-weight: bold;font-size: 18px;margin-bottom: 10px;} .pc-container .request .requestBox .request-table tr:first-child th{background-color: #163494;padding: 8px 0;font-size:16px;color: #fff;} .pc-container .request .requestBox .request-table tr:nth-child(even) td{background-color: #fafbff;font-size: 16px;padding: 10px 0;} .pc-container .request .requestBox .request-table tr:nth-child(odd) td{background-color: #ecf4ff;font-size: 16px;padding: 10px 0;} .pc-container .request .requestBox .table-tip{font-size: 14px;color: #7e7e7e;margin-top: 10px;} .pc-container .request .maozi-img{width: 128px;height: 81px;position: absolute;left: -35px;top: -45px;} /* 新航道美本留学一站式腾飞计划 */ .pc-container .planeStrag{padding: 35px 0;position: relative;} .pc-container .planeStrag .planeStragBox{ margin-top: 20px;display: flex;justify-content: space-evenly;} .pc-container .planeStrag .planeStragBox .planeStragBox-item{ width: 310px} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-top{ width: 100%;background-image: linear-gradient(to bottom, #15328e, #07174a);padding: 15px 0;color: #fff;font-weight: bold;font-size: 18px;position: relative;z-index: 1;} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom{position: relative;background-color: #f2f6ff;height: 170px;display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding: 20px 0;box-sizing: border-box;} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-img{ position: absolute;left: 0;top: -50px;z-index: 0;} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-txt{font-size: 16px;color: #010103;line-height: 24px;} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-button .pib-buttonIn{transition: all 0.2s linear; width: 185px;height: 30px;color: #fff;font-size: 16px;font-weight: bold;background-image: linear-gradient(42deg, #e1ac76, #b77650);display: flex;align-items: center;justify-content: center;border-radius: 22px;border: 2px solid #e2eaff;} .pc-container .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-button:hover .pib-buttonIn{transform: translate(0, -10px);box-shadow:0 6px 30px 0 rgba(0,0,0,.2);cursor: pointer;} .pc-container .planeStrag .persombottom{position: absolute;right: 0;bottom: -35px;} /* 19年品牌积淀-新航道托福实力保障*/ .pc-container .offical{height: 575px;background-image: linear-gradient(to right,#041038,#0e2362,#041038);padding-top: 25px;} .pc-container .offical .offical-center{width: 608px;height: 408px;margin: 90px auto 0 auto;} .pc-container .offical .swiper-scroll{} .pc-container .offical .swiper-scroll .officai-swiperChange{width: 580px;display: flex;justify-content: space-between;margin: 0 auto;top: 35px;position: relative;z-index: 10;} .pc-container .offical .swiper-scroll .officai-swiperChange .officai-pre{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title{margin-bottom: 15px;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle{display: flex;align-items: center;justify-content: center;margin-bottom: 45px;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-line{width: 30px;height: 2px;background-image: linear-gradient(to right, transparent, #fff);} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-big{font-size: 20px;color: #fffffd;font-weight: bold;margin: 0 10px;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-lineTwo{width: 30px;height: 2px;background-image: linear-gradient(to left, transparent, #fff);} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content{width: 575px;height: 380px;margin: 0 auto;background-color: #fff;border-radius: 5px;padding: 45px 10px;box-sizing: border-box;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sst-content-top{display: flex;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt{ width: 230px;text-align: left;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt .sct-txt-big{ color: #01378f;font-weight: bold;font-size: 18px;} .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt .sct-txt-small{margin-top: 5px;font-size: 14px;} /* .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-big{font-size: 22px;background: linear-gradient(to right, #824106,#efddc8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;} */ .pc-container .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-small{color: #868586;font-size: 18px;} .pc-container .offical .offical-btn{height: auto; } .pc-container .offical .offical-btn {display: flex;align-items: center;justify-content: space-between;border: 1px solid #e42a2d;border-radius: 22px;width: 300px;padding: 3px 2px 3px 10px;margin: 0 auto;position: relative; top: -380px; } /* .pc-container .offical .offical-btn .offical-btn-in{transition: all 0.2s linear;} */ .pc-container .offical .offical-btn .offical-btn-in .offical-btn-left{transition: all 0.2s linear;display: flex;color: #e42a2d;font-size: 18px;font-weight: bold;} .pc-container .offical .offical-btn .offical-btn-in:hover .offical-btn-left{transform: translate(0, -10px);box-shadow:0px 20px 40px -15px #eb8787;} .pc-container .offical .offical-btn .offical-btn-in .offical-btn-right{transition: all 0.2s linear;background-color: #e42a2d;color: #ffffff;font-size: 18px;padding: 5px 20px;border-radius: 0 22px 22px 0;} .pc-container .offical .offical-btn .offical-btn-in:hover .offical-btn-right{transform: translate(0, -10px);box-shadow:0px 20px 40px -15px #eb8787;} .pc-container .offical .gallery-topOne .swiper-slide{height: 500px !important;} .pc-container .offical .gallery-topOne .trangleTxt{visibility: hidden;text-align: left;position: absolute;bottom: 0;right:-265px;display: flex;} .pc-container .offical .gallery-topOne .trangleTxt .trangleTxt-trang{width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid #ffffff;border-bottom: 10px solid transparent;border-left: 0px solid transparent;position: relative;top: 30px;} .pc-container .offical .gallery-topOne .trangleTxt .trangleTxt-txt{width: 360px;background-color: #ffffff;border-radius: 22px;display: flex;flex-direction: column;justify-content: center;padding: 15px;} .pc-container .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-name{font-size: 16px;color: #000000;font-weight: bold;margin-bottom: 6px;} .pc-container .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-grade{font-size: 14px;line-height: 22px;} .pc-container .offical .gallery-topOne .swiper-slide-active .trangleTxt{visibility: visible;opacity: 1;animation: fade-in-data 0.5s ease-in-out forwards;} @keyframes fade-in-data { 0% {transform: scale(2);} 100% {transform: scale(1);} } /* .pc-container .offical .gallery-topOne .swiper-slide{height: 400px !important;} */ /* .pc-container .offical .gallery-topOne .swiper-slide img{height: 315px !important;} */ /*严选师资 打造高水准北美师资团队 */ .pc-container .teacher{padding: 35px 0 20px 0;} .pc-container .teacher .teacher-swiper{position: relative;} .pc-container .teacher .teacher-swiper .teacherBox{width: 80%;display: flex;background-image: linear-gradient(to top, #ebf1fd, transparent);border-radius: 22px;margin: 10px auto;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right{width: 100%;padding: 40px 20px 30px 20px;box-sizing: border-box;text-align: left;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherName{font-size: 26px;font-weight: bold;color: #000000;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherGrade{ display: flex;margin-top: 10px;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherGrade .courceTitle{width: 95px;height: 24px;font-size: 14px;border: 1px solid #d19267;color: #d19267;border-radius: 22px;display: flex;align-items: center;justify-content: center;margin-right: 8px;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherGrade .courceTitleTwo{width: 95px;height: 24px;font-size: 14px;border: 1px solid #2651d4;color: #2651d4;border-radius: 22px;margin-right: 8px;display: flex;align-items: center;justify-content: center;} .pc-container .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherGrade .courceName{width: 600px;color: #484a49;font-size: 14px;} .pc-container .teacher .teacher-swiper .gallery-thumbs{margin-top: 25px;} .pc-container .teacher .teacher-swiper .gallery-thumbs .swiper-slide { opacity: 0.5;width: 60px !important;} .pc-container .teacher .teacher-swiper .gallery-thumbs .swiper-slide img{border: 2px solid #d4dffb;border-radius: 50%;} .pc-container .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;width: 60px !important;} .pc-container .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active img{border: 2px solid #ba7a56;border-radius: 50%;} /* .pc-container .teacher .teacher-swiper .teacher-swiperChange{width: 890px;display: flex;justify-content: space-between;margin: 0 auto;bottom: 55px;position: relative;} */ .pc-container .teacher .teacher-swiper .teacher-pre{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;top: 140px;position: absolute;z-index: 1; background-image: linear-gradient(78deg, #c89374, #e6bc92);border-radius: 50%;} .pc-container .teacher .teacher-swiper .teacher-pre .teacher-preTrangle{ width: 0;height: 0;border-left: 0 solid transparent;border-right: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: relative;left: -2px;} .pc-container .teacher .teacher-swiper .teacher-pre .teacher-nextTrangle{width: 0;height: 0;border-left: 10px solid #fff;border-right: 0 solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: relative;left: 2px;} /* 武汉核心地段 方便你的学习 */ .pc-container .location{position: relative;top: 35px;} .pc-container .location .locationBox .swiper-scroll{} .pc-container .location .locationBox .swiper-scroll .gallery-thumbsTwo {padding: 30px 150px 20px 150px;} .pc-container .location .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: center;} .pc-container .location .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide {width: 150px !important;border: 1px solid #a6a6a6; padding:5px 0; border-radius:20px 20px 20px 0;font-size: 18px;color: #575757; } .pc-container .location .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {width: 150px !important; opacity: 1;border: 1px solid #2850d3;color: #2850d3; border-radius:20px 20px 20px 0;} .pc-container .location .locationBox .swiper-scroll .gallery-topTwo .swiper-slide .imgList{width: 1000px;margin: 10px auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 10px 0 10px;border-radius: 22px;background-color: #fff;box-shadow: 1px 1px 2px 3px #e4e3e1;} .pc-container .location .locationBox .swiper-scroll .gallery-topTwo .swiper-slide .imgList img{width: 312px;height: 224px;display: block;box-shadow: 1px 1px 2px 3px #f8faf9;margin-bottom: 10px;} .pc-container .location .locationBox .swiper-scroll .gallery-top {height:auto; width: 100%;margin-top: 20px;} input[type="checkbox"]{ display: none; } label { display: inline-block; padding-left: 25px; position: relative; cursor: pointer; } /* 创建自定义复选框样式 */ label:before { content: ""; position: absolute; left: 0; top: 1px; width: 17px; height: 17px; background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; box-sizing: border-box; transition: border-color 0.3s ease-in-out; } /* 当复选框被选中时改变背景和边框颜色 */ input[type="checkbox"]:checked + label:before { content: "✔"; color:#fff; background: #767676; border-color: #fff; }