/** 清除内外边距 **/
body,html, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/*reset*/
*{font-family:'Microsoft YaHei'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0}
input,button,select,textarea{outline:none;background:none;}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;text-align:center}
a{color:#666;outline:none;text-decoration:none;}
html{min-width:1200px;}
.fix{clear:both;}

.wrap{
  min-width: 1200px;
}
.header{
  position: relative;
  /* height: 476px; */
}

.header img{
  width: 100%;
}
.title-time{
  position: absolute;
  top: 18%;
  width: 100%;
  height: 60px;
  line-height: 60px;
}
.header h2{
  /* position: absolute;
  top: 18%; */
  font-size: 2.5em;
  font-weight: 500;
  color: #FFFFFF;
  display: block;
  text-align: center;
  width: 100%;
}
.sign-up{
  position: absolute;
  bottom: 18%;
  width: 100%;
}
.sign-up a{
  height: 35px;
  line-height: 35px;
  border: 1px solid #FFFFFF;
  border-radius: 17px;
  text-align: center;
  color: #fff;
  padding: 5px 30px;
}
/* .header a{
  display: block;
  position: absolute;
  bottom: 18%;
  left: 44%;
  height: 35px;
  line-height: 35px;
  border: 1px solid #FFFFFF;
  border-radius: 17px;
  width: 170px;
  text-align: center;
  color: #fff;
} */

/* list1 */
/* 公共 */
.exam-top-write{
  padding-top: 80px;
}
.exam-top-write h2{
  color: #090D29;
  line-height: 26px;
  font-size: 50px;
}
.exam-top-write p{
  font-weight: bold;
  color: #4D64DC;
  line-height: 27px;
  font-size: 39px;
  opacity: 0.14;
}
.exam-top-write h4{
  font-weight: 400;
  color: #000002;
  font-size: 26px;
  line-height: 16px;
}
.exam-top-write h6{
  width: 425px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #666666;
  border-radius: 19px;
  margin:auto;
  margin-top:20px;
}
.primary-change{
  border: 1px solid #fff;
  color: #fff;
}


/* list2 */
.list2{
  height: 700px;
  background-size: 100%;
}
.list2-h6{
  height: 740px;
}
.tax-banner{
  background: url(../image/4.png);
}
.mediate-banner{
  background: url(../image/intermediate/4.png);
}
.primary-banner{
  height: 800px;
  background: url(../image/primary/4.png);
}
.teacher-set-color h2{
  height: 40px;
  line-height: 40px;
  color: #090D29;
  background: linear-gradient(180deg, #E3EAF8 0%, #A6B5EC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.teacher-set-color p{
  color: #E9F0FC;
  opacity: 0.04;
}
.teacher-set-color h4{
  font-size: 26px;
  font-weight: 400;
  color: #FFFFFF;
}


.teacher-cert-color h2{
  height: 40px;
  line-height: 40px;
  color: #1A3489;
}
.teacher-cert-color p{
  color: #E3E2EF;
  opacity: 0.38;
}
.teacher-cert-color h4{
  font-size: 26px;
  font-weight: 400;
  color: #1A3489;
}



.banner{
  padding: 40px 0;
}
.carousel-indicators-inter li{
  width: 12px;
  height: 12px;
  padding: 0;
  /* background: #78CDFA; */
  border-radius: 50%;
}
.carousel-indicators-cert li{
  width: 12px;
  height: 12px;
  padding: 0;
  color: #000;
  background: #E64158;
  border: 0;
  border-radius: 50%;
}
.guide-progress{
  width: 1200px;
  margin: 50px auto;
  position: relative;
}
.guide-solid {
  position: absolute;
  top: 35%;
  left: 20px;
  width: 1160px;
}
.index-solid{
  top: 40%;
}
.guide-solid img{
  width: 100%;
}
.guide-progress ul{
  display: flex;
  justify-content: space-between;
}
.guide-progress ul li{
  width: 80px;

}
.guide-progress ol{
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.guide-progress ol li{
  width: 82px;
  height: 82px;
}
ol li:nth-child(1),ol li:last-child{
  position: relative;
}
ol li:nth-child(1) span,ol li:last-child span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
}
.guide-progress ol span{
  display: block;
  font-size: 16px;
}
.carousel-indicators{
  bottom: -50px;
}

/*  */
.list3{
  width: 1200px;
  margin: auto;
  text-align: left;
}
.list3 img{
  margin: 50px;
}

/* list2-1 */
.list-back{
  height: 1200px;
  background: url(../image/intermediate/listen.png);
  /* background-size: contain; */
}
.list-primary{
  height: 796px;
  background: url(../image/primary/listen.png);
}
.list-background{
  background: #F7F8FB;
}
.list2-1{
  width: 1200px;
  margin: auto;
  text-align: left;
}

.course-listen{
}
.course-listen .listen-title{
  height: 17px;
  font-size: 16px;
  font-weight: 400;
  
  line-height: 16px;
  padding: 30px 0 50px 0;
}
.listen-write{
  color: #FFFFFF;
}
.listen-black{
  color: #000;
}

/* listen */
.audition-content{
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.single-content{
  
  width: 360px;
  height: 207px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.intermediate-img{
  background: url(../image/intermediate/enjoy-listen.png) no-repeat;
}
.primary-img{
  background: url(../image/primary/enjoy-listen.png) no-repeat;
}
.certified-img{
  background: url(../image/certified/enjoy-listen.png) no-repeat;
}
.single-content h4{
  font-size: 22px;
  /* height: 60px; */
  font-weight: 400;
  color: #FFFFFF;
  line-height: 38px;
  padding-top: 16%;
}
.center-content{
  padding: 0!important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.subtitle{
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF ;
  line-height: 38px;
}
.first-listen{
  color: #4DA775 ;
}
.font-blue{
  color:#6684C8;
}
.describe-content{
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  /* padding-top: 10%; */
  position: absolute;
  bottom: 15px;
  left: 0;
  margin: auto;
  right: 0;
}

/* list-enjoy */

.list-enjoy{
  height: 240px;
  background: url(../image/certified/listen.png);
}

/* modal */
.fixed-close{
  position: absolute;
  right: 10px;
  z-index: 10;
  color: #fff;
}
.modal-content{
  background: none;
}
.modal-dialog{
  max-width: 100%;
}