.container1 {
  padding: 147rem 0 103rem;
  background: url("/ebc-static/image/activityList/oxford/container1Bg.jpg?t=111")
    no-repeat center;
  background-size: 100% 100%;
  padding-bottom: 706rem;
}
 .contentBox {
  width: 1200rem;
  margin-inline: auto;
}
.btn:hover{
  background:#FFC84B!important;
}
.container4 .right .btn:hover{
  background: #1F376B!important;
  color: #fff!important;
}
.container1 .logo {
  margin: 0 0 48rem 40rem;
  height: 84rem;
  width: auto;
}
.container1 .centerPart {
  border-radius: 21rem;
  border: 1px solid rgba(255, 255, 255, 0.64);
  background: linear-gradient(
      242deg,
      rgba(0, 0, 0, 0) 2.36%,
      rgba(0, 0, 0, 0.2) 66.66%
    ),
    rgba(8, 8, 8, 0.17);
  backdrop-filter: blur(10px);
  padding: 32rem 36rem;
}
.container1 .centerPart .topWord .leftTitle {
  width: 290rem;
  height: 240rem;
}
.container1 .centerPart .topWord .leftTitleWord {
  width: 290rem;
  font-size: 53rem;
  line-height: 60rem;
  font-weight: 700;
  color: #FFB50E;
}
.container1 .centerPart .topWord .rightDesc .word1 {
  color: #fff;
  font-size: 24rem;
  font-weight: 700;
  line-height: 36rem;
  letter-spacing: -1.152rem;
  text-align: right;
}
/* .container1 .centerPart .topWord .rightDesc .word1 .firstLine {
  color: #fff;
  text-align: right;
  font-style: normal;
  font-weight: 500;
  line-height: 65rem; 
  letter-spacing: -1.44rem;
} */

.container1 .centerPart .topWord .rightDesc .word2 {
  color: #fff;
  text-align: right;
  margin-top: 28rem;
}

.container1 .centerPart .topWord .rightDesc .btn {
  border-radius: 10rem;
  background: #ffb50e;
  width: 312rem;
  height: 84rem;
  flex-shrink: 0;
  color: #0d1d41;
  float: right;
}
.container1 .centerPart article {
  color: #fff;
  text-align: center;
}
.container1 .centerPart article div {
  margin-top: 40rem;
}

.container1 .bottomPart {
  margin-top: 52rem;
  border-radius: 21rem;
  border: 1px solid var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
  padding: 36rem 40rem;
}

.container1 .bottomPart .partTitle {
  color: #fff;
}
.container1 .bottomPart .form {
  margin: 24rem 0 50rem;
}
.container1 .bottomPart .form input {
  width: 550rem;
  height: 54rem;
  margin-right: 16rem;
  border-radius: 9rem;
  border: 1px solid var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
  background: #eee;
  padding-left: 27rem;
}
.container1 .bottomPart .form input:nth-child(2){
  margin-right: 0;
}
.container1 .bottomPart .btn {
  width: 172rem;
  height: 56rem;
  flex-shrink: 0;
  border-radius: 10rem;
  border: 0;
  background: #ffb50e;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 700;
}

@media (max-width: 996px) {
  .mobileBox .leftTitleWord {
  width: 500rem;
  font-size: 95rem;
  line-height: 107rem;
  font-weight: 700;
  min-height: 400rem;
  color: #FFB50E;
  display: flex;
  align-items: center;
}
.ru  .mobileBox .leftTitleWord ,
.ug  .mobileBox .leftTitleWord {
  word-break: break-all;
}
  .container1 {
    background: #0d1d41;
    padding: 0;
  }
  .container1 .mobileBox {
    position: relative;
    background: url("/ebc-static/image/activityList/oxford/container1BgM.png")
      no-repeat;
    background-size: 100% 1360rem;
    padding: 90rem 32rem 0rem;
  }
  .container1 .mobileBox .leftTitle {
    width: 483rem;
  }
  .container1 .mobileBox .logo {
    width: 88rem;
    height: 282rem;
    position: absolute;
    right: 32rem;
    top: 127rem;
  }
  .container1 .mobileBox .desc {
    margin: 55rem 0 24rem;
    color: #fff;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
  }
  .container1 .mobileBox .time {
    color: #fff;
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem; /* 150% */
  }
  .container2 .btn {
    height: 96rem;
    border-radius: 8rem;
    background: #ffb50e;
    color: #0d1d41;
    text-align: center;
    font-size: 32rem;
    font-style: normal;
    font-weight: 700;
    line-height: 56rem;
    margin: 80rem 0 0;
  }
  .container2 .articleBox {
    border-radius: 32px;
    border: 1px solid var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    padding: 32rem;
    color: #fff;
    text-overflow: ellipsis;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
    margin-top: 80rem;
  }
  .container2 .articleBox .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10; /* number of lines to show */
    overflow: hidden;
  }
  .container2 .articleBox .content.showAll {
    -webkit-line-clamp: 111; /* number of lines to show */
  }
  .container2 .viewMore {
    text-align: center;
    font-size: 32rem;
    margin-top: 32rem;
  }
  .container2 .articleBox .content.showAll + .viewMore span {
    transform: rotate(270deg);
  }
  .container2 .viewMore span {
    margin-left: 16rem;
    transform: rotate(90deg);
    display: inline-block;
  }
  .container1 .mobileBox .formBox {
    padding: 48rem 32rem;
    border-radius: 32rem;
    border: 1px solid var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
    background: var(--Neutral-Stroke, rgba(0, 0, 0, 0.12));
    backdrop-filter: blur(10.899999618530273px);
    margin-top: 64rem;
  }
  .container1 .mobileBox .formBox .formTitle {
    color: var(--Text-Primary_White, #fff);
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem; /* 150% */
    margin-bottom: 48rem;
  }
  .container1 .mobileBox .formBox input {
    margin-bottom: 32rem;
    width: 100%;
    border-radius: 16rem;
    height: 88rem;
    background: var(--input-fill, #f7f7f7);
    font-size: 28rem;
    font-weight: 400;
    color: var(--Text-Quaternary, rgba(0, 0, 0, 0.24));
    padding-left: 32rem;
  }
  .container1 .mobileBox .formBox .btn {
    width: 100%;
    margin-top: 16rem;
    margin-bottom: 0;
    height: 97rem;
    color: #0d1d41;
    text-align: center;
    font-size: 32rem;
    font-style: normal;
    font-weight: 700;
    line-height: 56rem; /* 175% */
    border: 0;
  }
  .container1 .mobileBox .footerImg {
    height: 22rem;
    width: 100%;
    margin-top: 64rem;
  }
}

.container2 {
  position: relative;
  /* padding: 134rem 396rem 0rem 404rem; */
  color: #fff;
  /* background: #0D1D41; */
  margin-top: -462rem;
  padding-bottom: 120rem;
}
.container2 h2 {
  margin-bottom: 28rem;
}
.container2 .left {
  flex: 0 0 516rem;
}
.container2 .right {
  flex: 0 0 460rem;
  text-align: right;
}
.container2 .job {
  margin: 12rem 0 20rem;
}

@media (min-width: 996px) {
  .ar .container3 .formBox .form input{
    padding-left: 0;
    padding-right: 22rem;
  }
  .ar .container3 .formBox .form input:nth-child(1){
    margin-right: 0;
    margin-left: 16rem;
  }
  .ar .container4 .right {
    align-items: flex-start;
  }
  .ar .container1 .bottomPart .form input{
    padding-left: 0;
    padding-right: 27rem;
    margin-left: 16rem;
    margin-right: 0;
  }
  .ar .container1 .bottomPart .form input:nth-child(2){
    margin-left: 0;
  }
  .ar .formBox .title{
    padding-right: 53rem;
  }
  .ar .formBox .registryTip{
    padding-right: 53rem;
  }
  .ar .formBox .btn{
    margin-right: 53rem;
  }
  .ar .conditionList .iconfont{
    right: unset;
    left:28rem
  }
  .ar .container3 h2,
  .ar .container3 article{
    padding-right: 53rem;
  }
  .container2 {

  background: linear-gradient(
    to bottom,
    transparent 0rem,      /* 起点 */
    transparent 460rem,    /* 950 rem 处仍是透明 */
    #0d1d41 460rem,        /* 立即变成实色 */
    #0d1d41 100%
  );
  }
.ru .container1 .centerPart .topWord .leftTitleWord ,
.ug .container1 .centerPart .topWord .leftTitleWord {
  font-size: 85rem;
}
  .personCard{
    align-items: flex-end;
  }

}

.container2 .personBox {
  max-width: 1200rem;
  margin-inline: auto;
  position: relative;
  z-index: 10;
}

.container2 .leftModel {
  position: absolute;
  left: calc(50vw - 600rem);
  bottom: 0rem;
  width: 516rem;
  transform: translateX(-100%);
}
.container2 .rightModel {
  position: absolute;
  right: calc(50vw - 600rem);
  bottom: 0rem;
  width: 516rem;
  transform: translateX(calc(100% - 100rem));

}

.extraArticle {
  background: #0d1d41;
  padding: 120rem calc(50vw - 600rem);
}
.extraArticle article {
  color: #fff;
}
.extraArticle article div {
  margin-bottom: 30rem;
}
.extraArticle .btn {
  width: 172rem;
  height: 56rem;
  flex-shrink: 0;
  border-radius: 10rem;
  background: #ffb50e;
  margin-top: 40rem;
  font-size: 16rem;
  font-weight: 700;
  line-height: 24rem;
}
.registryTip{
  color:#fff;
  margin: -22rem 0 32rem;
}

.registryTip .tipClick{
  color:#FFB50E;
  cursor:pointer;
  text-decoration: underline;
}
.conditionList{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background-color: #232222;
  padding:28rem 42rem;
  border-radius: 16rem;
  color:#fff;
  width: 500px;
  z-index: 99;
  display: none;
}
.conditionList .iconfont {
  position: absolute;
  font-size: 25rem;
  right:28rem;
  top:28rem;
  cursor: pointer;
}
.conditionList .title{
  max-width: 90%;
}
.conditionList .desc{
  margin: 16rem 0;
}
.conditionList .list{
  margin-bottom: 14rem;
}
.conditionList .conditionContainer{
  max-height: 70vh;
  overflow:auto;
}
@media (max-width: 1440px) {
  .container2{
    overflow: hidden;
  }
  .container2 .rightModel {
    width: 350rem;
  }
}
@media screen and (max-width: 996px) {
  .ar .container3 .formBox .form input{
    padding-right: 22rem;padding-left: 0;
    margin-right: 0;
    margin-left: 53rem;
  }
  .ar .container2 .personCard .right .rightModel{
    right: unset;
  }
  .ar .conditionList .iconfont{
    right: unset;
    left: 28rem;
  }
  .ar .container1 .mobileBox .logo{
    right: unset;
    left: 32rem;
  }
  .ar .container1 .mobileBox .formBox input{
    padding-left: 0;
    padding-right: 32rem;
  }
.registryTip{
  font-size: 24rem!important;
  line-height: 32rem!important;
  margin-top: 6rem;
}
.registryTip .tipClick{
  text-decoration: underline;
}
.conditionList{
  width: 100vw;
  top: unset;
  left: unset;
  transform: translate(0);
  bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.conditionList .conditionContainer{
  max-height: 75vh;
}
.container2 .left ,
.container2 .right {
  flex: 1 1 0;
}
  .container2 {
    padding: 80rem 32rem;
    margin-top: 0;
    background: #0d1d41;
  }
  .container2 h2 {
    color: var(--Text-Primary_White, #fff);
    font-size: 48rem;
    font-style: normal;
    font-weight: 500;
    line-height: 72rem; /* 150% */
    margin-bottom: 96rem;
  }
  .container2 .personCard {
    flex-direction: column;
    gap: 172rem;
  }
  .container2 .personCard .name {
    font-size: 40rem;
    line-height: 56rem;
  }
  .container2 .personCard .job {
    font-size: 28rem;
    line-height: 44rem;
    font-weight: 500;
    margin: 16rem 0 56rem;
  }
  .container2 .personCard .desc {
    font-size: 28rem!important;
    font-weight: 400;
    line-height: 44rem!important;
  }
  .container2 .personCard .left,
  .container2 .personCard .right {
    position: relative;
    text-align: left;
  }
  .container2 .personCard .right .name,
  .container2 .personCard .right .job {
    padding-left: 306rem;
  }
  .container2 .personCard .left .leftModel {
    position: absolute;
    right: 0;
    left: unset;
    top: -56rem;
    height: 260rem;
    width: auto;
    transform: unset;
  }
  .container2 .personCard .right .rightModel {
    position: absolute;
    left: 0;
    top: -108rem;
    height: 260rem;
    width: auto;
    transform: unset;
  }
}
.container3 {
  position: relative;
  padding: 120rem calc(50vw - 600rem) 632rem ;
}
.container3 h2 {
  margin-bottom: 28rem;
}
.container3 article div {
  margin-bottom: 30rem;
  max-width: 790rem;
}

.container3 .formBox {
  border-radius: 21rem;
  border: 1rem solid rgba(255, 255, 255, 0.64);
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  position: absolute;
  width: 1200rem;
  left: 50%;
  transform: translate(-50%, 90rem);
  padding: 32rem 40rem;
  color: #fff;
  z-index: 10;
}

.container3 .formBox .form {
  margin: 25rem 0 41rem 0;
}
.container3 .formBox .form input {
  width: 550rem;
  height: 54rem;
  flex-shrink: 0;
  border-radius: 9rem;
  background: #eee;
  padding-left: 22rem;
  color: #b9b6b6;
  margin-right: 16rem;
}
.container3 .formBox .form input:nth-child(2) {
  margin-right: 0;
}
@media screen and (min-width:996px) and (max-width:1440px){
.container2 .leftModel{
  width: 340rem;
  left:-40rem ;
  transform: unset;
}
.container2 .rightModel {
  right: -40rem;
  width: 340rem;
  transform: unset;
}
}
.container3 .formBox .btn {
  width: 172rem;
  height: 56rem;
  flex-shrink: 0;
  border-radius: 10rem;
  background: #ffb50e;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 700;
}
.container3 .bottomModel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 996px) {
  .container3 {
    padding: 80rem 32rem 1046rem;
  }
  .container3 h2 {
    color: #0d1d41;
    font-size: 48rem;
    font-style: normal;
    font-weight: 500;
    line-height: 72rem; /* 150% */
  }
  .container3 article {
    font-size: 28rem;
    line-height: 44rem;
    margin: 48rem 0;
  }
  .container3 .formBox {
    padding: 48rem 32rem;
    width: calc(100% - 64rem);
  }
  .container3 .formBox .title {
    color: var(--Text-Primary_White, #fff);
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem; /* 150% */
    margin-bottom: 48rem;
  }
  .container3 .formBox .form input {
    width: 100%;
    height: 88rem;
    margin-bottom: 32rem;
    padding-left: 32rem;
    color: var(--Text-Quaternary, rgba(0, 0, 0, 0.24));
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
  }
  .container3 .formBox .btn {
    width: 100%;
    margin-top: 48rem;
    height: 96rem;
    color: #0d1d41;
    text-align: center;
    font-size: 32rem;
    font-style: normal;
    font-weight: 700;
    line-height: 56rem; /* 175% */
  }
}
.container4 {
  gap: 31rem;
  background: #ffb50e;
  padding: 84rem calc(50vw - 606rem);
}
.container4 .left {
  width: 571rem;
}
.container4 .right {
  flex: 0 0 535rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin:auto 0;
}
.container4 .right .desc {
  padding-left: 70rem;
}
.container4 .right h2 {
  color: #0d1d41;
}
.container4 .right .desc {
  margin: 18rem 0 36rem;
  color: #0d1d41;
  width: 470rem;
}

.container4 .right .btn {
  height: 56rem;
  min-width: 175rem;
  width: fit-content;
  display: inline-block;
  border-radius: 10rem;
  color: #fff;
  background: #0d1d41;
  padding: 0;
  line-height: 56rem;
  font-size: 16rem;
  font-weight: 700;
}
@media (min-width: 996px) {
  .container4 .right a{
  width: fit-content;
  display: block;
}
.id .container4 .right .btn {
  min-width: 250rem;
}
  
}
@media (max-width: 996px) {
  .container4 {
    padding: 80rem 32rem 144rem;
    flex-direction: column;
  }
  .container4 .left {
    order: 2;
    width: 100%;
    border-radius: 16rem;
  }
  .container4 h2 {
    color: #0d1d41;
    font-size: 48rem;
    font-style: normal;
    font-weight: 500;
    line-height: 72rem; /* 150% */
  }
  .container4 .right{
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }
  .container4 .right h2{
    text-align-last: left;
  }
  .container4 .right .desc {
    color: #0d1d41;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
    margin: 50rem 0 80rem;
    padding-left: 0;
    text-align-last: left;
    width: 100%;

  }
  .container4 .right a{
    width: 100%;
  }
  .container4 .right .btn {
    width: 100%;
    color: var(--Text-Primary_White, #fff);
    text-align: center;
    font-size: 32rem;
    font-style: normal;
    font-weight: 700;
    line-height: 96rem; /* 175% */
    border-radius: 8rem;
    height: 96rem;
  }
}

.container5 {
  padding: 120rem calc(50vw - 600rem);
  background: #5d2333;
}
.container5 .contentBox {
  width: 1200rem;
  margin-inline: auto;
  color: #fff;
}
.container5 .contentBox h2 {
  margin-bottom: 28rem;
}

@media (max-width: 996px) {
  .container5 {
    padding: 80rem 32rem;
  }
  .container5 .contentBox {
    max-width: 100%;
  }
  .container5 h2 {
    color: var(--Text-Primary_White, #fff);
    font-size: 48rem;
    font-style: normal;
    font-weight: 500;
    line-height: 72rem; /* 150% */
    margin-bottom: 48rem;
  }
  .container5 article {
    color: var(--Text-Primary_White, #fff);
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
    max-width: 100%;
  }
}