.over_width{
  margin:0 calc(50% - 50vw);
	width:100vw;
}
:root {
  --main-green: #7ed9c4;
  --font-color: #3e3e3e;
}
.ast-container{
  display: block!important;
  padding-bottom:150px;
}
.novice{
  width:1000px;
  margin:0 auto;
}
.novice h1 {
  font-size:60px;
  padding-top:100px;
  padding-bottom:100px;
  text-align: center;
  background: url(../images/novice/novice_title_bg.jpg) center center no-repeat;
  background-size: cover;
  color:#fff;
}
.novice_detail{
  margin-top:60px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.novice_txt h2{
  font-size:48px;
  font-weight:bold;
  color:var(--main-green);
}
.novice_txt p{
  margin-top:2em;
  font-size:24px;
  color:var(--font-color);
  line-height: 1.7;
  padding-right:4em;
  box-sizing: border-box;
}
.novice_nav{
  margin-top:100px;
  list-style: none;
  display: flex;
  gap:30px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
ul.novice_nav li{
  width:calc((100% - 60px) / 3);
  background-color: var(--main-green);
  height:70px;
  line-height: 70px;;
  border-radius:35px;

}
ul.novice_nav li a{
  color:#fff;
  font-size:24px;
  font-weight: bold;
  text-align: center;
  display: block;
  position:relative;
}
ul.novice_nav li a::after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  top:20px;
  right:1em;
  transform: rotate(45deg);
}

.novice_section{
  margin-top:100px;
}
.novice_section h3{
  font-size:36px;
  color:var(--main-green);
  margin-bottom:1em;
  font-weight:700;
}
.novice_section h3 span{
  font-size:24px;
  padding-left:1em;
}
.novice_section iframe{
  width:100%;
  height:600px;
}
.novice_section p{
  font-size:16px;
  margin-top:1em;
  padding:0 1em;
}
@media screen and (max-width:765px){
  html{
    position:relative!important;
    overflow-x: hidden;
  }
  .ast-container{
    padding:0 0 100px;
  }
  .over_width{
    margin:0 auto;
    width:100%;
  }
  .novice{
  width:100%;
  margin:0 auto;
}
.novice h1 {
  font-size:42px;
  padding-top:60px;
  padding-bottom:60px;
  background: url(../images/novice/novice_title_bg.jpg) center center no-repeat;
  background-size: cover;
  color:#fff;
}
.novice_detail{
  margin-top:60px;
  display: block;
  padding:0 5%;
}
.novice_txt h2{
  font-size:32px;
  font-weight:bold;
  color:var(--main-green);
}
.novice_txt p{
  margin:1em auto;
  font-size:16px;
  padding-right:0;
}
.novice_nav{
  gap:16px;
}
ul.novice_nav li{
  width:calc((100% - 32px) / 2);
  height:60px;
  line-height: 60px;;
  border-radius:30px;

}
ul.novice_nav li a{
  color:#fff;
  font-size:16px;
}
ul.novice_nav li a::after{
  width:10px;
  height:10px;
  top:22px;
  right:0.8em;
}
.novice_section h3{
  font-size:30px;
}
.novice_section h3 span{
  font-size:16px;
  padding-left:0.6em;
}
.novice_section iframe{
  width:100%;
  height:100vw;
}
}