html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  font-family: Helvetica;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ecdfbf;
  -webkit-overflow-scrolling: touch;
}
body* {
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
}
@font-face {
  font-family: "方正清刻本悦宋简体";
  src: url(../font/方正清刻本悦宋简体.TTF);
  font-family: "方正宋刻本秀楷简体";
  src: url(../font/方正宋刻本秀楷简体.TTF);
  font-family: "方正大黑简体";
  src: url(../font/FZZDHJW.TTF);
}
* {
  margin: 0;
  padding: 0;
}
.ts {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  display: none;
}
.ts img {
  width: 13.9375rem;
  height: 8.375rem;
  position: absolute;
  top: 35%;
  left: 4%;
}
.box {
  width: 100%;
  height: 102.08333333rem;
  background: url(../img/app/sce_bg.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}
.box header {
  width: 100%;
  height: 7.25rem;
  background: url(../img/app/5q_header_bg.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}
.box section {
  width: 100%;
  height: 93.33333333rem;
  padding-top: 1.45833333rem;
}
.box section .app_zjr {
  width: 100%;
  height: 14.58333333rem;
  background: url(../img/app/zjr_bg.jpg) no-repeat 0 bottom;
  background-size: 100% auto;
}
.box section .app_zjr img {
  width: 4.64583333rem;
  height: 6.39583333rem;
  float: left;
  margin-top: 0.52083333rem;
}
.box section .app_zjr .zjr_txt {
  width: 9.375rem;
  height: 12.70833333rem;
  float: left;
  margin-top: 0.72916667rem;
  margin-left: 0.52083333rem;
}
.box section .app_zjr .zjr_txt h2 {
  font-family: "方正大黑简体";
  font-size: 0.83333333rem;
  color: #d12533;
  font-weight: normal;
  margin-bottom: 0.3125rem;
}
.box section .app_zjr .zjr_txt p {
  font-family: "方正清刻本悦宋简体";
  font-size: 0.375rem;
  color: #696969;
  line-height: 0.625rem;
}
.box section .app_zjr .zjr_txt h4 {
  font-family: "方正清刻本悦宋简体";
  font-size: 0.45833333rem;
  color: #d12533;
  margin-top: 0.20833333rem;
  margin-bottom: 0.20833333rem;
}
.box section .app_zjr .zjr_txt .zjr {
  font-family: "方正清刻本悦宋简体";
  font-size: 0.83333333rem;
  color: #2c2f3e;
  display: -webkit-flex;
  /*新版本语法：chrome 21+*/
  display: flex;
  /*新版本语法:opera 12.1,Firefox 22+*/
  display: -ms-flexbox;
  /*混合版本语法：IE 10*/
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.box section .app_zjr .zjr_txt .zjr .zjr_b {
  line-height: 1.125rem;
  text-align: center;
  font-size: 0.41666667rem;
  padding-right: 0.20833333rem;
  margin-right: 0.3125rem;
  color: #fff;
  display: inline-block;
  width: 2.08333333rem;
  height: 1.125rem;
  background: url(../img/app/zjr_h.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.box section .app_zjr .zjr_txt h3 {
  font-family: "方正清刻本悦宋简体";
  font-size: 0.41666667rem;
  color: #2c2f3e;
  margin-top: 0.20833333rem;
  margin-bottom: 0.3125rem;
}
.box section .kcap {
  width: 100%;
  height: 1.95833333rem;
  text-align: center;
}
.box section .kcap img {
  width: 5.41666667rem;
  height: 1.95833333rem;
}
.box section .class_list {
  width: 14.41666667rem;
  height: 75.20833333rem;
  margin: 0 auto;
  padding-top: 0.60416667rem;
}
.box section .class_list .class {
  width: 13.33333333rem;
  height: 12.5rem;
  margin: 0 auto;
}
.box section .class_list .class .class_tp {
  width: 100%;
  height: 1.5rem;
  display: -webkit-flex;
  /*新版本语法：chrome 21+*/
  display: flex;
  /*新版本语法:opera 12.1,Firefox 22+*/
  display: -ms-flexbox;
  /*混合版本语法：IE 10*/
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.box section .class_list .class .class_tp span {
  width: 1.66666667rem;
  height: 0.625rem;
  display: inline-block;
  font-family: "宋体";
  font-size: 0.35416667rem;
  color: #fff;
  border-radius: 0.10416667rem;
  background: #767676;
  line-height: 0.625rem;
  text-align: center;
}
.box section .class_list .class .class_tp .how {
  background: #c53027;
}
.box section .class_list .class .class_tp p {
  width: 2.4375rem;
  height: 1.20833333rem;
  background: url(../img/app/date.png) no-repeat 0 0;
  background-size: 100% 100%;
  font-family: "微软雅黑";
  font-size: 0.35416667rem;
  color: #FFFFFF;
  text-align: center;
}
.box section .class_list .class .class_tp p .fd {
  font-family: "微软雅黑";
  font-size: 0.625rem;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0);
  line-height: normal;
}
.box section .class_list .class .class_link {
  width: 100%;
  height: 7.5rem;
}
.box section .class_list .class .class_link .a_link {
  width: 100%;
  height: 100%;
  display: block;
}
.box section .class_list .class .class_link .a_link img {
  width: 100%;
  height: 100%;
}
.box section .class_list .class .class_nav {
  width: 100%;
  margin-top: 0.16666667rem;
  height: 2.54166667rem;
  display: -webkit-flex;
  /*新版本语法：chrome 21+*/
  display: flex;
  /*新版本语法:opera 12.1,Firefox 22+*/
  display: -ms-flexbox;
  /*混合版本语法：IE 10*/
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.box section .class_list .class .class_nav .nav {
  width: 6.45833333rem;
  height: 2.54166667rem;
  background: #eed0b3;
}
.box section .class_list .class .class_nav .nav h5 {
  font-family: "微软雅黑";
  font-size: 0.5rem;
  padding-bottom: 0.20833333rem;
  padding-left: 0.3125rem;
  padding-top: 0.20833333rem;
}
.box section .class_list .class .class_nav .nav p {
  font-family: "宋体";
  font-size: 0.5rem;
  text-align: center;
  line-height: 0.58333333rem;
  color: #292929;
}
.box section .class_list .class .class_nav .nav.active {
  background: #ff5500;
}
.box section .wqhg {
  width: 100%;
  height: 1.1875rem;
  margin-bottom: 0.41666667rem;
  text-align: center;
  margin-top: 0.83333333rem;
}
.box section .wqhg img {
  width: 5.20833333rem;
  height: 1.1875rem;
}
.box section .public_class {
  width: 100%;
  height: 8.52083333rem;
  margin-bottom: 0.41666667rem;
}
.box section .public_class a {
  display: block;
  width: 100%;
  height: 100%;
}
.box section .public_class a img {
  width: 100%;
  height: 100%;
}
.box section .two_class {
  width: 100%;
  height: 7.95833333rem;
  margin-bottom: 0.41666667rem;
}
.box section .two_class a {
  display: block;
  width: 100%;
  height: 100%;
}
.box section .two_class a img {
  width: 100%;
  height: 100%;
}
.box section .three_class {
  width: 100%;
  height: 7.95833333rem;
  margin-bottom: 0.41666667rem;
}
.box section .three_class a {
  display: block;
  width: 100%;
  height: 100%;
}
.box section .three_class a img {
  width: 100%;
  height: 100%;
}
.box section .four_class {
  width: 100%;
  height: 6.41666667rem;
  text-align: center;
}
.box section .four_class a {
  display: block;
  width: 100%;
  height: 100%;
}
.box section .four_class a img {
  width: 13.33333333rem;
  height: 100%;
}
.box section .jjtc {
  width: 100%;
  height: 1.1875rem;
  margin-top: 0.83333333rem;
  margin-bottom: 0.41666667rem;
  text-align: center;
}
.box section .jjtc img {
  width: 5.20833333rem;
  height: 1.1875rem;
}
.box section .dmkz {
  width: 100%;
  height: 4.22916667rem;
  margin-bottom: 0.41666667rem;
}
.box section .assf {
  width: 100%;
  height: 4.0625rem;
  margin-bottom: 0.41666667rem;
}
.box section .swjz {
  width: 100%;
  height: 4rem;
}