@charset "UTF-8";
img {
  max-width: 100%;
  vertical-align: top; }

body {
  text-align: center;
  background: #fff;
}

.nav a:nth-child(1) .sprite{
  background: url("../images/bg01.png") no-repeat;
  background-size:100%;
}
.nav a:nth-child(2) .sprite{
  background: url("../images/bg02.png") no-repeat;
  background-size:100%;
}
.nav a:nth-child(3) .sprite{
  background: url("../images/bg03.png") no-repeat;
  background-size:100%;
}
.nav a:nth-child(4) .sprite{
  background: url("../images/bg04.png") no-repeat;
  background-size:100%;
}
.nav a:nth-child(5) .sprite{
  background: url("../images/bg05.png") no-repeat;
  background-size:100%;
}
.nav a:nth-child(6) .sprite{
  background: url("../images/bg06.png") no-repeat;
  background-size:100%;
}
.banner {
  width: 7.5rem;
  padding: .75rem 0 .7rem 0;
  margin: 0 auto;
  background-color:#de0b1c;
}

.banner-logo img {
  width: 2.35rem;
  margin-bottom: .3rem;
}

.banner h1 {
  position: relative;
  font-size: .45rem;
  font-weight: bold;
  color: #fff100;
  padding-bottom: .3rem;
  margin:  0 .5rem .5rem .5rem;
  border-bottom: 1px solid #bbb;
}

.banner h1::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 1rem;
  height: 3px;
  margin-left: -.5rem;
  background: #fff;
}

.nav {
  font-size: 0;
  line-height: 0;
}

.nav a {
  display: inline-block;
  width: 2.05rem;
  padding-bottom: .25rem;
  font-size: .26rem;
  color: #fff;
  line-height: 1.2;
}

.nav-ico {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0 auto .1rem auto;
}

a:first-child .nav-ico {
  background-position: 0 0;
}

a:nth-child(2) .nav-ico {
  background-position: -5.25rem 0;
}

a:nth-child(3) .nav-ico {
  background-position: -1.05rem 0;
}

a:nth-child(4) .nav-ico {
  background-position: -2.1rem 0;
}

a:nth-child(5) .nav-ico {
  background-position: -3.15rem 0;
}

a:nth-child(6) .nav-ico {
  background-position: -4.2rem 0;
}

.blueArrow,
.whiteArrow {
  position: relative;
}

.blueArrow::after,
.whiteArrow::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: .86rem;
  height: .43rem;
  background: url(../images/bg07.png) no-repeat;
  background-size: 100%;
}

.whiteArrow::after {
  background-position: -3.34rem -1.2rem;
}

section {
  width: 7.5rem;
  margin: 0 auto;
  padding: .7rem 0 .8rem 0;
}

.section-title {
  margin-bottom: .5rem;
}

.section-title h3 {
  position: relative;
  display: inline-block;
  padding: 0 .65rem;
  font-size: .35rem;
  color: #000;
}

.yellow-title h3 {
  color: #fff;
}

.section-title h3::before,
.section-title h3::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -.06rem;
  width: .41rem;
  height: .15rem;
  background: url(../images/hong_left.png) no-repeat;
  background-size: 100%;
}

.section-title h3::before {
  left: 0;
}

.section-title h3::after {
  right: 0;
  background-position: -4.33rem -1.2rem;
  background: url(../images/hong_right.png) no-repeat;
  background-size: 100%;
}

.yellow-title h3::before {
  background-position: -4.84rem -1.2rem;
  background: url(../images/huang_left.png) no-repeat;
  background-size: 100%;
}

.yellow-title h3::after {
  background-position: -5.37rem -1.2rem;
  background: url(../images/huang_right.png) no-repeat;
  background-size: 100%;
}

.form-input {
  margin-bottom: .2rem;
}

.form-input input {
  width: 4.8rem;
  height: .75rem;
  text-align: center;
  font-size: .26rem;
  border: none;
  border: 1px solid #c9caca;
  border-radius: .05rem;
  background: #fff;
}

.form-button {
  margin-top: .3rem;
}

.form-button button {
  width: 4.8rem;
  height: .75rem;
  font-size: .3rem;
  color: #000;
  border: none;
  border-radius: .05rem;
  background: #ffba00;
}

.form-button button:active {
  background: #e7aa05;
}

.form-title {
  margin-bottom: .3rem;
  font-size: .35rem;
}

.text-red {
  color: #e60012;
  margin: 0 .05rem;
}

.time-text {
  margin-bottom: .55rem;
  font-size: .26rem;
  color: #000;
  line-height: 1.9;
}

.condition {
  color: #fff;
  background: #de0b1c;
}
.condition-box {
	display: inline-block;
  width: 100%;
  padding-bottom: 0.5rem;
}
.box1{    display: inline-block;
    float: left;
    width: 50%;
} 
.box1 img{    padding-left: 0.2rem;}  
.box2{
	    display: inline-block;
    width: 48%;
    float: right;
} 
.box2 h4{
	padding: 0.2rem;
  background: url(../images/bg11.png) no-repeat;
  background-position: 0.8rem 0.1rem;
  color: #000;
  background-size: 55%;
}
.box2 p{
	padding-right: 0.2rem;
	padding-left: 0.2rem;
  text-align: left;
}
.condition .form-input {
  margin-bottom: .18rem;
}

.condition .form-input input {
  height: .6rem;
}

.condition .form-input label {
  display: block;
  width: 4.8rem;
  margin: 0 auto .1rem auto;
  text-align: left;
  font-size: .26rem;
  color: #fff;
}


.condition-list h5 {
  font-size: .28rem;
  color: #000;
  font-weight: bold;
  margin-bottom: .18rem;
}

.trend-list {
  width: 6.5rem;
  overflow: hidden;
  margin: 0 auto .5rem auto;
}
.bookdet{
	padding: 0rem 0.2rem 0.2rem 0.2rem;
}
.bookimg{
	padding: 0.2rem 0.2rem 0.2rem 0.5rem;
}
.bookimg img{width:100%;}
.help {
  color: #fff;
  background: #006400;
}
.coursedet{
	    padding: 0px .2rem .2rem .2rem;
    text-align: left;
}
.courseimg{
	padding: 0px .2rem .2rem .2rem;
}
.help .section-title {
  margin-bottom: .3rem;
}

.help-list {
  width: 6.5rem;
  margin: 0 auto .5rem auto;
  font-size: .22rem;
  color: #fff;
  line-height: 1.5;
}

.help-list li {
  position: relative;
  border: 1px solid #fff;
  border-radius: .05rem;
  padding: .2rem .3rem .18rem 1.2rem;
  margin-bottom: .1rem;
  background: #de0b1c;
}
.help-list li p{
	text-align: left;
}

.help-list li:nth-child(2n) {
  padding: .2rem 1.15rem .18rem .15rem;
}

.help-list h5 {
  margin-bottom: .12rem;
  font-size: .3rem;
  color: #fff100;
  font-weight: 400;
}

.help-ico {
  position: absolute;
  top: 50%;
  width: .72rem;
  height: .72rem;
  margin-top: -.36rem;
}

li:nth-child(2n+1) .help-ico {
  left: .2rem;
}

li:nth-child(2n) .help-ico {
  right: .2rem;
}

li:nth-child(1) .help-ico {
  background-position: -1.44rem -1.05rem;
  background: url(../images/bg17.png) no-repeat;
  background-size: 100%;
}

li:nth-child(2) .help-ico {
  background-position: 0 -1.05rem;
  background: url(../images/bg18.png) no-repeat;
  background-size: 100%;
}

li:nth-child(3) .help-ico {
  background-position: -.72rem -1.05rem;
  background: url(../images/bg19.png) no-repeat;
  background-size: 100%;
}

.help-tips {
  margin-bottom: .52rem;
  font-size: .35rem;
  color: #000;
  line-height: .55rem;
  background: url("../images/yd-170401-img08.png") no-repeat center center;
  background-size: 6.23rem .55rem;
}

.help-list2 {
  width: 6.5rem;
  margin: 0 auto .1rem auto;
  overflow: hidden;
  font-size: .22rem;
  color: #000;
  line-height: 1.4;
}

.help-list2 li {
  float: left;
  width: 2rem;
  box-sizing: border-box;
  padding: .15rem .12rem .25rem .12rem;
  margin-right: .25rem;
  margin-bottom: .3rem;
  text-align: justify;
  background: url("../images/yd-170401-img06.png") no-repeat left .75rem,
              url("../images/yd-170401-img07.png") no-repeat right .75rem;
  background-size: .13rem .24rem,
                   .13rem .24rem;
  background-color: rgba(255,255,255,.9);
}

.help-list2 li:nth-child(3n) {
  margin-right: 0;
}

.help-list2 h5 {
  margin: 0 .2rem .2rem .2rem;
  padding-bottom: .15rem;
  text-align: center;
  font-size: .28rem;
  color: darkgreen;
  line-height: 1.2;
  border-bottom: 1px dashed #00479d;
}

.help-list2 p {
  min-height: 1.2rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}