body {
  color:#333;
}
.wrap {
  width:10rem;
  margin:0 auto;
  padding-bottom: 0.2rem;
}

.header {
  height:1.4267rem;
  background:url('../images/header-icon.jpg') no-repeat 0.2667rem 0.8rem;
  background-size:3.4rem 0.4133rem;
}


.banner img {

  width:100%;
}
.nav {
  display:flex;
  flex-direction: row;
  padding:0.3733rem 0.2667rem;
  justify-content: space-around;
}
.nav li {
  width:20%;
}
.nav li>a {
  display:flex;
  flex-direction: column;
  align-items: center;

}
.nav li img {
  height:0.5rem;
  width:0.5rem;
  margin-bottom:0.16rem;
}
.nav li + li {
  
  border-left:1px solid #333;
}

.new-life {
  margin-bottom:0.1rem;
}
.new-life img {
  height:5.28rem;
}

.ys img {
  height:6.6rem;
 
}
.yys img {
  height:6.6rem;
 
}
.crs img {
  height:6.8rem;

}
.chhfs img {
  height:6.6rem;

}
.ys ,.yys ,.crs ,.chhfs {
  position:relative;
}
.ys a,.yys a,.crs a,.chhfs a {
  position:absolute;
  height:6.0rem;
  width:10.0rem;
}
.ys a {
  top:0.3333rem;
  left:0.56rem;
}
.yys a {
  top:0.4rem;
  right:0.4rem;
}
.crs a {
  top:0.08rem;
  left:0.56rem;
}
.chhfs a {
  top:0.3rem;
  right:0.4rem;
}

.teacher {
	background:url(/m/images/bg.jpg);
	background-size:100% 100%;
}
.title-wrap .b-title {
  margin-bottom:0.12rem;
}
.title-wrap .b-tip {
  color:#616161;
  margin-top:0.0667rem;
}
.title-wrap .b-info {
  margin:0.2667rem 0;
}
.title-wrap .b-m-info {
  margin-top:0.3867rem ;
}
.teacher .teacher-list {
  padding:1.5rem 0.2rem 1.5rem 0;

}
.teacher .teacher-list li {
  box-sizing:border-box;
  padding:0.0933rem;
  width:100%;
}
.teacher .teacher-list li .img-wrap img {
  width:2.3rem;
  height:3.3rem;
}
.teacher .teacher-list li .content {
  padding-left:2.9333rem;
}
.teacher .teacher-list li .content .name {
  height:1.0667rem;
  line-height:1.0667rem;
}
.teacher .teacher-list li .content p {
  height:0.4rem;
  line-height:0.4267rem;
}

.vs-wrap {
  padding:0 0.2667rem;
}
.vs-wrap .bar-wrap {
  
}
.vs-wrap .bar-wrap span {
  width:49.7%;
  height:0.7733rem;
  line-height:0.7733rem;
}
.vs-wrap .bar-wrap span.our {
  background-color:#c8b8a8;
}
.vs-wrap .bar-wrap span.other {
  background-color:#cfcfcf;
}
.vs-wrap ul li {
  position:relative;
  
}
.vs-wrap ul li + li {
  border-top:1px solid #ccc;
}
.vs-wrap ul li>div {
  width:50%;
  box-sizing:border-box;
  padding-bottom:0.24rem;
  padding-top:0.24rem;
}
.vs-wrap ul li .vs-icon {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate3d(-50%,-50%,0);
  height:0.4667rem;
  width:0.6533rem;
  background:url('../images/vs.jpg') no-repeat;
  background-size:0.6533rem 0.4667rem;
}
.vs-wrap ul li>div.left {
  padding-right:0.2667rem;
  padding-left:0.4667rem;
}
.vs-wrap ul li>div.right {
  padding-left:0.88rem;
}
.vs-wrap ul li>div p.title {
  
}
.vs-wrap ul li>div p.cont {
  margin-top:0.1333rem;
}
.real {
  margin-top:0.3333rem;
  margin-bottom:0.5333rem;
}
.real img {
  height:19.6rem;
}
.story {
  padding-top:0.6rem;
  margin-bottom:0.76rem;
}
.story .img-wrapper .top .fir {
  height:2.4rem;
  width:4.9733rem;
}
.story .img-wrapper .top .sec {
  width:4.9333rem;
  height:2.4rem;
}
.story .img-wrapper .bottom {
  margin-top:0.1333rem;
}
.story .img-wrapper .bottom .fir {
  width:2.44rem;
  height:2.5067rem;
}
.story .img-wrapper .bottom .sec {
  width:2.4533rem;
  height:2.5067rem;
  margin-left:0.08rem;
}
.story .img-wrapper .bottom .thi {
  width:4.9333rem;
  height:2.5067rem;
}
.story .story-wrap {
  padding:0.8rem  0.64rem;
  background-color:#686868;
  display:flex;
  flex-direction: column;
  justify-content: center;
}
.story .story-wrap .title {
  margin-bottom:0.2rem;
}
.story .story-wrap .title-info {
  margin-bottom:0.1733rem;
}
.story .story-wrap .line-bar {
  width:1.4133rem;
  height:0.08rem;
  margin-bottom:0.5733rem;
}
.story .story-wrap .info {
  line-height:0.4267rem;
}

.teach .teach-cont {
  padding:0.48rem 0.1333rem;
}
.teach .teach-cont .teach-top {
  margin-bottom:0.6667rem;
}
.teach .teach-cont .teach-top,.teach .teach-cont .teach-bottom {
  display:flex;
  flex-direction: row;
  justify-content: space-around;
}
.teach .teach-cont .teach-top li,.teach .teach-cont .teach-bottom li {
  
  display:flex;
  flex-direction: column;
  align-items: center;
}
.teach .teach-cont .teach-top li .big {
  width:3.0267rem;
  height:1.9467rem;
}
.teach .teach-cont .teach-bottom li .big {
  width:4.6rem;
  height:1.9467rem;
}
.teach .teach-cont .teach-top li .small,.teach .teach-cont .teach-bottom li .small{
  width:0.8533rem;
  height:0.8533rem;
  margin:0.2267rem 0 0.4rem;
}
 
.teach .teach-cont .teach-top li span,.teach .teach-cont .teach-bottom li span {}



.member img {
  height: 3.7867rem;
}

.member-list {
  padding: 0.2667rem;
}

.member-list li {
  padding: 0.2667rem 0;
}
.member-list li + li {
  border-top:1px solid #ccc;
}

.member-list li .img-wrap img {
  width: 2.1067rem;
  height: 2.72rem;
}

.member-list li .content {
  padding-left: 2.2667rem;
}

.member-list li .content .title {
  height: 0.4533rem;
  line-height: 0.4533rem;
  font-weight: bold;
}
.member-list li .content .info span {
  color:#fe0000;
  font-weight:bold;
}

.member-list li .content p {
  line-height: 0.3467rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/*免费报名模块*/
.free-baoming {
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.free-baoming h1{
	color:red;	
}
.free-baoming ul{
	line-height:1rem;
	margin-top:0.5rem;
	font-size:0.4rem;
}
.free-baoming ul li{
	width:30%;
	float:left;
}
.ys-bm {
	margin-right:5%;
	background:#efd868;
}
.crs-bm{
	margin-right:5%;
	background:#57e557;
}
.cks-bm {
	background:#00d0ff;
}

.button {
    background-color: #999;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:    -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:     -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:      -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:         linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    border: none;
    border-radius: .5em;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,0.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                0 .25em .25em hsla(0,0%,0%,.05);
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;

    padding: .5em 1.5em .75em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25);
    vertical-align: middle;
}
.button:hover {
    outline: none;
}
.button:hover,
.button:focus {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                0 .25em .25em hsla(0,0%,0%,.05);
}
.button:active {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                inset 0 .25em .5em hsla(0,0%,0%,.05),
                0 -1px 1px hsla(0,0%,0%,.1),
                0 1px 1px hsla(0,0%,100%,.25);
    margin-top: .25em;
    outline: none;
    padding-bottom: .5em;
}                  
.lightText {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.25),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.05),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.5),
                0 .25em .25em hsla(0,0%,0%,.1);
    color: #fff;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.25);
}
.lightText:hover,
.lightText:focus {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.25),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.05),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.5),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                0 .25em .25em hsla(0,0%,0%,.1);
}
.lightText:active {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.25),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.05),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                inset 0 .25em .5em hsla(0,0%,0%,.05),
                0 -1px 1px hsla(0,0%,0%,.1),
                0 1px 1px hsla(0,0%,100%,.25);
}                  
/* Large */
.large {font-size: 1.0em;}
 
/* Medium */
.medium {font-size: 1em;}
 
/* Small */
.small {font-size: .75em;}
 
/* Regular */
.regular {border-radius: .5em;}
 
/* Square */
.square {border-radius: .25em;}
 
/* Round */
.round {border-radius: 1.25em;}
 
/* Red */
.red {background-color: #ff6c6f;}
 
/* Orange */
.orange {background-color: #f6cf6f;}
 
/* Yellow */
.yellow {background-color: #fff6c6;}
 
/* Green */
.green {background-color: #6fcf6f;}
 
/* Blue */
.blue {background-color: #6fc6ff;}
 
/* Purple */
.purple {background-color: #f6c6ff;}
 
/* White */
.white {background-color: #eee;}
 
/* Grey */
.grey {background-color: #999;}
 
/* Black */
.black {background-color: #444;}