/*CSS Doument*/
html,body,h1,h2,h3,h4,h5,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;font-weight:normal;border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none; color:#fff;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; display:block;} 

body {
  font: 12px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  color: #333;
  background: #fff;
  width: 18.75rem;
  margin: 0 auto;
  overflow-x: hidden
}
/*按钮图*/
.button{width:100%; height:auto; text-align:center; margin:0px auto; line-height:35px; font-family:"微软雅黑"; font-size:14px; float:left;}

/*顶部LOGO 电话*/
.nav_top{width:100%; height:55px; line-height:55px; background:rgb(201,203,202); position:relative;}
.nav_top a{ color:#FFF
	}

  .nav_logo{ position:absolute; }
  .nav_phone{ text-align:center; font-weight:bold; font-size:15px; background:#484442; font-family:"微软雅黑";}
  .nav_home{position:absolute; top:0px; right:0px;}

/*焦点图*/
.step_jdt{width:100%; height:auto; overflow:hidden; margin:0px auto;}

.left_Div{
background:url(../images/bgm_03.jgp) repeat-x center top;/*内容颜色带*/
}
/*预约栏*/
.step_yuyue{ background:rgb(184,211,211); height: 231px;}
.step_yuyue1{ background:rgb(221,222,220); height: 231px;}

/*新闻*/
.step_xw{width:100%; height:auto; overflow:hidden; margin:0 asuto 5px auto;}
    .step_xw h2{width:100%; font-size:18px; font-family:"微软雅黑"; text-align:center; padding:10px 0; font-weight:bold;}
    .step_xw ul{width:100%; overflow:hidden;}
	.step_xw ul li{width:100%; overflow:hidden; float:left; margin:5px 5px;}
	.step_xw ul li a b{ margin-right:10px; font-weight:bold; color:#c00000; }
	.step_xw ul li a{width:auto; height:30px; line-height:30px; display:block; color:#000; font-size:14px;border-radius:3px; text-align:center;}

	
/*常见问题*/
.step_wt{width:100%; height:auto; overflow:hidden; margin:0px auto;}
    .step_wt h2{width:100%; font-size:18px; font-family:"微软雅黑"; text-align:center; padding:10px 0; font-weight:bold;}
    .step_wt ul{width:100%; overflow:hidden;}
	.step_wt ul li{width:25.333333%; overflow:hidden; float:left; margin:10px 4%; text-align:center;}
	.step_wt ul li a{width:100%; height:30px; line-height:30px; display:block; color:#fff; font-size:12px; float:left; border-radius:3px;}
    .step_wt ul li a.wt_1{background:#f82b52;}
	.step_wt ul li a.wt_2{background:#2ca5de;}
	.step_wt ul li a.wt_3{background:#f82b52;}
	.step_wt ul li a.wt_4{background:#2ca5de;}
	.step_wt ul li a.wt_5{background:#f82b52;}
	.step_wt ul li a.wt_6{background:#2ca5de;}
	.step_wt ul li a.wt_7{background:#f82b52;}
	.step_wt ul li a.wt_8{background:#2ca5de;}
	.step_wt ul li a.wt_9{background:#f82b52;}


#teacher_content {
  width: 18.75rem;
  height:27rem;

  position: relative;
  overflow: hidden;
}

.teacher_list {
  position: absolute;
  width: 180rem;
  height: 20.75rem;
}

.teacher_list li {
  float: left;
  width: 18.75rem;
}

.teacher_list img{
  display: block;
  margin: 0 auto;
   width: 18.75rem;
}
/* book */
.book {
  height: 14.575rem;
  max-width: 18.75rem;

  background-size: 100% 100%;
}


.book_tips {
  height: 4.575rem;
  max-width: 18.75rem;
  background: url(../images/04-02.png) top no-repeat;
  background-size: 100% 100%;
}

.book_content {
  height: 10rem;
  max-width: 17.5rem;
  margin: 0 auto
}

.book_btn {
  position: absolute;
  width: 100px;
  height: 40px;
  cursor: pointer;
  bottom: 0;
}

.book_btn_left {
  left: 0;
}

.book_btn_right {
  right: 0;
}

.book_box {
  height: 9.45rem;
  width: 8.5rem;
  position: relative;
  float: left;
}

.book_box_01 {
  background: url(../images/04-03.png) top no-repeat;
  background-size: 100% 100%;
  margin-right: .3rem;
}

.book_box_02 {
  background: url(../images/04-04.png) top no-repeat;
  background-size: 100% 100%;

}

.book_box_03 {
  background: url(../images/04-05.png) top no-repeat;
  background-size: 100% 100%;
  margin-right: .3rem;
}

.book_box_03 .book_btn {
  bottom: 1rem
}

.book_box_04 .book_btn {
  bottom: 1rem;
}

.book_box_04 {
  background: url(../images/04-06.png) top no-repeat;
  background-size: 100% 100%;
}

/* number */
#teacher_content .list-number-new {
  position: absolute;
	margin-top: 25px;
  right: 30%;
  bottom: 5px;
}
#teacher_content .list-number-new li {
  float: left;
  margin-right: 19px;
  width: 60px;
  height: 20px;
  font: 12px / 20px Arial;
  border-radius: 10px;
  background-color: #5d5f5e;
  text-align: center;
  color: #fff;
  filter: alpha(opacity = 70);
  cursor: pointer;
}
#teacher_content .list-number-new li.current {
  background: #f23738
}
.teacher_title {
  height: 3.325rem;
  max-width: 18.75rem;

  overflow: hidden;
  background: url(../images/02-04.png) top no-repeat;
  background-size: 100% 100%
}
/*底部信息*/
.step_dx{width:100%; height:auto; overflow:hidden; margin:10px auto 60px 0; }
  .step_dx p{font-size:14px; text-align:center; line-height:25px;  font-family:"微软雅黑"; color:#333; }
    .step_dx p a{ color:#333;}
   
/*底部咨询*/
.step_zx{width:100%; height:auto; overflow:hidden; margin:0px auto; right:0px; bottom:0px; position:fixed;  }
   .step_zx .zx_1,.step_zx .modalLink,.step_zx .zx_3{width:100%; height:50px; line-height:50px; font-size:14px; font-weight:bold; text-align:center;  display:block; float:left; overflow:hidden;}
.step_zx .zx_4{width:10%; height:50px; line-height:50px; font-size:14px; font-weight:bold; text-align:center;  display:block; float:left; overflow:hidden;}
   .zx_1{background:#f23338;}
   .modalLink{background:#1d2a3b;}
   .zx_3{background:#f23338;}
   .zx_4{background:#1d2a3b;}
     .actionsheet {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  max-width: 480px;
  display: none;
}

.actionsheet .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.action-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.75rem;
}

.action-list .list {
  margin: 5px;
  border-radius: 5px;
  background-color: #fff;
}

.action-list .list .item {
  display: block;
  padding: 10px;
  text-align: center;
}

.action-list .list .item:first-child {
  border-bottom: 1px solid #eee;
}

.action-list .dismiss {
  display: block;
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
}

.action-in {
  -webkit-animation: actionIn .3s forwards;
       -o-animation: actionIn .3s forwards;
          animation: actionIn .3s forwards;
}

.action-out {
  -webkit-animation: actionOut .3s forwards;
       -o-animation: actionOut .3s forwards;
          animation: actionOut .3s forwards;
}

.action-in .action-list {
  -webkit-animation: actionListIn .3s forwards;
       -o-animation: actionListIn .3s forwards;
          animation: actionListIn .3s forwards;
}

.action-out .action-list {
  -webkit-animation: actionListOut .3s forwards;
       -o-animation: actionListOut .3s forwards;
          animation: actionListOut .3s forwards;
}

@-webkit-keyframes actionIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes actionIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes actionIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes actionOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes actionOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes actionOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes actionListIn {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes actionListIn {
  from {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
  to {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}

@keyframes actionListIn {
  from {
    -webkit-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes actionListOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@-o-keyframes actionListOut {
  from {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  to {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
}

@keyframes actionListOut {
  from {
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
}
a {
    color: #333;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    outline: none;
}