@import url(reset.css);
.mine-top {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d3d3d3;
  line-height: 34px;
}

.mine-top li {
  position: relative;
  float: left;
  padding: 0 15px;
}

.mine-top li:not(:last-of-type)::before {
  content: '|';
  position: absolute;
  top: 0;
  right: 0;
}

.header-inner {
  padding-top: 36px;
}

.header-inner .logo {
  width: 250px;
  height: 67px;
}

.header-inner .search-wrap {
  display: inline-block;
  padding-top: 10px;
}

.header-inner .search-nav li {
  float: left;
  height: 36px;
  padding-right: 25px;
  line-height: 36px;
  font-size: 12px;
  text-align: left;
}

.header-inner .search-nav li a {
  font-size: 12px;
}

.header-inner .header-top {
  padding-bottom: 20px;
}

.header-inner .header-tel {
  padding-top: 10px;
}

.header-inner .header-tel a {
  position: relative;
  height: 42px;
  line-height: 42px;
  padding-left: 40px;
  color: #cb1d21;
  font-size: 18px;
}

.header-inner .header-tel a::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 31px;
  height: 31px;
  background: url(../images/sprites.png) no-repeat left top/300px 300px;
}

.search-wrap .search-text {
  height: 38px;
  width: 560px;
  border: 2px solid #cb1d21;
  padding: 0 20px;
}

.search-wrap .header-submit-btn {
  width: 88px;
  height: 42px;
  line-height: 42px;
  background-color: #cb1d21;
  color: #fff;
  font-size: 18px;
}

.header-nav {
  background-color: #cb1d21;
  border-top: 1px solid #d4d4d4;
  line-height: 50px;
}

.header-nav a {
  color: #fff;
}

.header-nav .first-menu > li {
  float: left;
  position: relative;
  width: 10%;
}

.header-nav .first-menu > li a {
  font-size: 16px;
}

.header-nav .subMenu {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 100;
  width: 100%;
  background-color: #a81d26;
}

.header-nav .subMenu li {
  height: 40px;
  line-height: 40px;
}

.header-nav .subMenu li:not(:last-of-type) {
  border-bottom: 1px dashed #e58385;
}

.index-banner .swiper-button-prev, .index-banner .swiper-button-next {
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.5);
}

.index-banner .swiper-button-prev::before, .index-banner .swiper-button-next::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  height: 26px;
  width: 26px;
  background: url(../images/sprites.png) no-repeat -107px top/300px 300px;
}

.index-banner .swiper-button-next::before {
  background-position-x: -134px;
}

.index-banner .swiper-pagination-bullet-active {
  background-color: #cb1d21;
}

.index-nav {
  border-bottom: 1px solid #d9d9d9;
}

.index-nav-list .nav-item {
  width: 400px;
}

.index-nav-list .nav-item a {
  height: 60px;
  padding: 20px 0;
}

.index-nav-list .nav-item:nth-of-type(2) .text::before {
  background-color: #ffb824;
}

.index-nav-list .nav-item:nth-of-type(2) .text::after {
  background-position-x: 0px;/*-35px;*/
}

.index-nav-list .nav-item:nth-of-type(3) .text::before {
  background-color: #40d0ad;
}

.index-nav-list .nav-item:nth-of-type(3) .text::after {
  background-position-x: -35px;/*-70px;*/
}


.index-nav-list .nav-item:nth-of-type(4) .text::after {
  background-position-x: -70px;/*-70px;*/
}

.index-nav-list .text {
  position: relative;
  padding-left: 90px;
}

.index-nav-list .text::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  width: 60px;
  height: 60px;
  background-color: #48c0eb;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.index-nav-list .text::after {
  content: '';
  position: absolute;
  left: 22px;
  top: 12px;
  width: 34px;
  height: 34px;
  background: url(../images/sprites.png) no-repeat left -32px/300px 300px;
}
.index-nav-list .text h3 {
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  overflow: hidden;
}

.index-nav-list .text p {
  height: 20px;
  line-height: 20px;
  color: #999;
  overflow: hidden;
}

.footer {
  padding-top: 35px;
  padding-bottom: 100px;
  background-color: #232323;
  line-height: 24px;
  color: #8e8e8e;
}

.footer a {
  color: #8e8e8e;
}

.footer .footer-title {
  position: relative;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 18px;
  text-align: left;
}

.footer .footer-title::before {
  content: '';
  position: absolute;
  left: -32px;
  top: 7px;
  width: 24px;
  height: 24px;
  background: url(../images/sprites.png) no-repeat -32px top/300px 300px;
}

.footer .footer-right, .footer .footer-left, .footer .footer-center {
  padding-left: 32px;
  text-align: left;
}

.footer .footer-center {
  display: inline-block;
}

.footer .footer-center .footer-title::before {
  background-position-x: -57px;
}

.footer .footer-right {
  display: inline-block;
}

.footer .footer-right .footer-title::before {
  background-position-x: -82px;
}

.footer .footer-right .ewm {
  width: 98px;
  height: 98px;
  padding-top: 30px;
  overflow: hidden;
}

.footer .footer-right h3 {
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 24px;
  font-weight: bolder;
}

.index-title-wrap {
  padding-top: 50px;
  padding-bottom: 25px;
}

.index-title-wrap h3 {
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 24px;
}

.index-title-wrap h4 {
  line-height: 26px;
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
}

.index-top-list {
  padding-bottom: 45px;
}

.index-top-list .index-top-item {
  width: 20%;
}

.index-top-list .index-top-item .top {
  height: 160px;
  padding-top: 28px;
  background-color: #68ace5;
}

.index-top-list .index-top-item .top h3 {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 24px;
}

.index-top-list .index-top-item .bot {
  height: 130px;
  padding: 10px 20px;
  background-color: #97c5eb;
  color: #2a72ae;
  font-size: 20px;
  line-height: 24px;
}

.index-top-list .index-top-item .bot p {
  height: 72px;
  overflow: hidden;
}

.index-top-list .index-top-item .img {
  position: relative;
  width: 84px;
  height: 84px;
  border: 2px solid #fff;
  margin: 0 auto;
}

.index-top-list .index-top-item .img::before {
  content: '';
  height: 34px;
  width: 34px;
  position: absolute;
  top: 25px;
  left: 25px;
  background: url(../images/sprites.png) no-repeat left -67px/300px 300px;
}

.index-top-list .index-top-item:nth-of-type(2) .top {
  background-color: #8dc421;
}

.index-top-list .index-top-item:nth-of-type(2) .bot {
  background-color: #c1e770;
  color: #5e890a;
}

.index-top-list .index-top-item:nth-of-type(2) .img::before {
  background-position-x: -35px;
}

.index-top-list .index-top-item:nth-of-type(3) .top {
  background-color: #fcd802;
}

.index-top-list .index-top-item:nth-of-type(3) .bot {
  background-color: #fde76c;
  color: #9a8610;
}

.index-top-list .index-top-item:nth-of-type(3) .img::before {
  background-position-x: -70px;
}

.index-top-list .index-top-item:nth-of-type(4) .top {
  background-color: #fa8d7a;
}

.index-top-list .index-top-item:nth-of-type(4) .bot {
  background-color: #f7b1a5;
  color: #bd442f;
}

.index-top-list .index-top-item:nth-of-type(4) .img::before {
  background-position-x: -105px;
}

.index-top-list .index-top-item:nth-of-type(5) .top {
  background-color: #c2afe6;
}

.index-top-list .index-top-item:nth-of-type(5) .bot {
  background-color: #e1d4f9;
  color: #5d33ad;
}

.index-top-list .index-top-item:nth-of-type(5) .img::before {
  background-position-x: -140px;
}

.index-news {
  padding: 40px 0;
  background-color: #f9f9f9;
}

.index-news .index-news-left {
  width: 508px;
  padding-right: 82px;
}

.index-news-title h3 {
  height: 36px;
  line-height: 36px;
  color: #000;
  font-size: 24px;
  overflow: hidden;
}

.index-news-title h4 {
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
  overflow: hidden;
}

.index-news-title .news-more-btn {
  width: 28px;
  height: 28px;
  margin-top: 14px;
  margin-right: 10px;
  background: url(../images/sprites.png) no-repeat -160px top/300px 300px;
}

.index-news-item {
  height: 44px;
  line-height: 22px;
  padding: 20px 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.index-news-item .time {
  padding: 0 15px;
  border-right: 1px solid transparent;
}

.index-news-item .time span {
  height: 12px;
  line-height: 12px;
  overflow: hidden;
}

.index-news-item .time .ady {
  height: 24px;
  padding-top: 8px;
  line-height: 24px;
  font-size: 24px;
}

.index-news-item .news-text p {
  width: 390px;
  padding-left: 20px;
  height: 44px;
  overflow: hidden;
}

.index-news-item:hover {
  background-color: #cc0001;
}

.index-news-item:hover a {
  color: #fff;
}

.index-news-item:hover .time {
  border-right-color: #f29c5f;
}

.index-news-list {
  padding: 35px 0;
}

.index-news-right {
  width: 610px;
}

.train-swipper {
  height: 282px;
  width: 218px;
}

.train-swipper .swiper-pagination-bullet {
  width: 26px;
  height: 4px;
  background-color: #fff;
  opacity: .5;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.train-swipper .swiper-pagination-bullet-active {
  opacity: .9;
}

.train-content {
  padding-top: 35px;
  padding-bottom: 80px;
}

.train-list {
  width: 360px;
  height: 288px;
  margin-top: -10px;
  padding-left: 30px;
  line-height: 36px;
  overflow: hidden;
}

.train-list a {
  position: relative;
}

.train-list li {
  position: relative;
  height: 36px;
  padding-left: 20px;
  overflow: hidden;
}

.train-list li:hover:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -0;
  height: 16px;
  width: 4px;
  background-color: #7edec6;
}

.index-news-top {
  border-bottom: 1px dashed #e5e5e5;
}

.index-news-cen {
  padding-top: 60px;
  padding-bottom: 30px;
}

.cen-left-nav li {
  float: left;
}

.cen-left-nav li a {
  height: 42px;
  border: 1px solid #dcdcdc;
  line-height: 42px;
  padding: 0 25px;
  color: #000;
  font-size: 16px;
}

.cen-left-nav li.active a {
  background-color: #cc0001;
  border-color: #cc0001;
  color: #fff;
}

.news-cen-left, .news-cen-center, .news-cen-right {
  text-align: left;
}

.no-padding.train-list {
  width: 360px;
  padding-left: 0;
}

.no-padding.train-list .train-list {
  width: 420px;
}

.news-cen-center {
  display: inline-block;
  width: 430px;
}

.news-cen-center .train-list {
  width: 430px;
}

.news-cen-center .train-list li::after {
  display: block;
  content: '\200b';
  clear: both;
}

.news-cen-center .train-list li a {
  float: left;
  width: 330px;
}

.news-cen-center .train-list li span {
  float: right;
  width: 60px;
  text-align: right;
}

.news-cen-right {
  width: 300px;
}

.news-cen-right .train-list {
  width: 290px;
}

.index-news-cen-title {
  height: 100px;
}

.index-news-bot-title {
  width: 172px;
}

.index-news-bot-title p {
  padding-top: 30px;
  line-height: 30px;
  color: #ccc;
  font-size: 24px;
  font-weight: bolder;
  text-transform: uppercase;
}

.index-news-bot-title h3 {
  position: relative;
  height: 56px;
  line-height: 56px;
  color: #000;
  font-size: 24px;
}

.index-news-bot-title h3::before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 30px;
  height: 8px;
  background-color: #ffd200;
}

.index-news-bot-list {
  width: 1028px;
  padding-top: 15px;
}

.index-news-bot-list .index-bot-item {
  width: 242px;
  height: 155px;
}

.index-news-bot-list .index-bot-item:not(:last-of-type) {
  padding-right: 20px;
}

.student-star-top {
  height: 430px;
  background: url(../images/studentbg_16.png) no-repeat center/cover;
  background-color: rgba(0, 0, 0, 0.3);
  background-attachment: fixed;
}

.student-title {
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
  color: #fff;
}

.student-title h3 {
  height: 44px;
  line-height: 44px;
  font-size: 24px;
}

.student-title h4 {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  text-transform: uppercase;
}

.student-title::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 9px;
  bottom: 15px;
  left: 50%;
  margin-left: -8px;
  background: url(../images/sprites.png) no-repeat -108px -32px/300px 300px;
}

.student-star-content {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 0;
}

.student-star {
  position: relative;
  height: 630px;
}

.student-swipper-ul {
  background-color: #fff;
  padding: 30px 0;
}

.student-swipper-ul li {
  float: left;
  width: 216px;
  padding: 0 12px;
}

.student-swipper-ul .img {
  width: 215px;
  height: 245px;
  overflow: hidden;
}

.student-swipper-ul .name {
  height: 66px;
  border-bottom: 1px dashed #dcdcdc;
  line-height: 66px;
  color: #000;
  font-size: 14px;
  overflow: hidden;
}

.student-swipper-ul .name span {
  float: left;
  font-size: 18px;
}

.student-swipper-ul .name tt {
  float: right;
}

.student-swipper-ul .student-msg {
  line-height: 24px;
}

.student-swipper-ul .student-msg .p-wrap {
  padding-top: 12px;
}

.swiper-container-index-star {
  -webkit-box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.3);
}

.swiper-container-index-star .swiper-button-next, .swiper-container-index-star .swiper-button-prev {
  left: 12px;
  height: 65px;
  width: 30px;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-container-index-star .swiper-button-next::before, .swiper-container-index-star .swiper-button-prev::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 20px;
  height: 26px;
  width: 26px;
  background: url(../images/sprites.png) no-repeat -107px top/300px 300px;
}

.swiper-container-index-star .swiper-button-prev {
  left: auto;
  right: 12px;
}

.swiper-container-index-star .swiper-button-prev::before {
  background-position-x: -134px;
}

.teacher-title {
  color: #000;
}

.teacher-title h4 {
  color: #999;
}

.teacher-title::before {
  background-position-y: -43px;
}

.teacher-ul-wrap {
  padding-top: 15px;
  padding-bottom: 50px;
}

.teacher-ul-wrap li {
  float: left;
  width: 280px;
  margin-bottom: 40px;
}

.teacher-ul-wrap li:not(:nth-of-type(4n)) {
  padding-right: 26px;
}

.teacher-ul-wrap .img {
  width: 280px;
  height: 348px;
  overflow: hidden;
}

.teacher-ul-wrap .teacher-text {
  height: 122px;
  padding: 10px 20px 30px;
  border: 1px solid #dcdcdc;
  border-top: none;
  line-height: 24px;
  overflow: hidden;
}

.teacher-ul-wrap .teacher-text h3 {
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 24px;
  overflow: hidden;
}

.online-apply {
  height: 329px;
  background: url(../images/online1bg_02.png) no-repeat center/cover;
  background-attachment: fixed;
}

.online-apply-form {
  position: relative;
  height: 100%;
  font-size: 0;
  vertical-align: middle;
}

.online-apply-form::before {
  display: inline-block;
  height: 100%;
  width: 0px;
  content: '';
  vertical-align: middle;
}

.online-apply-form form {
  display: inline-block;
  vertical-align: middle;
}

.online-apply-form .online-apply-input {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}

.online-apply-form .online-apply-input input {
  width: 140px;
  height: 50px;
  padding: 0 20px;
  border: none;
  background-color: #fff;
  line-height: 50px;
  color: #999;
  font-size: 16px;
  -webkit-border-radius: 26px;
  -o-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}

.online-apply-form .online-apply-input .apply-submit-btn {
  background-color: #ff0001;
  color: #fff;
  font-size: 24px;
}

.online-apply-form .online-apply-choose-lesson {
  position: relative;
  z-index: 1;
  background-color: #fff;
  -webkit-border-radius: 26px;
  -o-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  cursor: pointer;
}

.online-apply-form .online-apply-choose-lesson::before {
  content: '';
  position: absolute;
  right: 18px;
  top: 20px;
  z-index: -1;
  width: 11px;
  height: 6px;
  background: url(../images/sprites.png) no-repeat -189px top/300px 300px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.online-apply-form .online-apply-choose-lesson input {
  background-color: transparent;
}

.online-apply-form .online-apply-choose-lesson.active::before {
  -webkit-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.online-apply-form .online-apply-choose-lesson ul {
  display: none;
  position: absolute;
  top: 52px;
  left: 2%;
  width: 96%;
  background-color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  text-align: left;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.online-apply-form .online-apply-choose-lesson ul li {
  padding-left: 20px;
  font-size: 14px;
}

.online-apply-form .online-apply-choose-lesson ul li:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.comment-banner {
  position: relative;
}

.comment-banner .text {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  margin-top: -50px;
  margin-left: -600px;
}

.comment-banner .text h3 {
  position: relative;
  line-height: 50px;
  color: #fff;
  font-size: 36px;
}

.comment-banner .text h3::before {
  position: absolute;
  content: '';
  height: 8px;
  width: 50px;
  bottom: -30px;
  background-color: #fff;
}

.comment-banner .text.text-black h3 {
  color: #000;
}

.comment-banner .text.text-black h3::before {
  background-color: #000;
}

.location-nav {
  border-bottom: 1px solid #bfbfbf;
  padding-top: 30px;
  line-height: 66px;
}

.location-nav li {
  float: left;
  position: relative;
  font-size: 16px;
}

.location-nav li a {
  font-size: 16px;
  position: relative;
  z-index: 1;
}

.location-nav li:nth-of-type(n+2) {
  margin-left: 20px;
}

.location-nav li:not(:last-of-type) {
  margin-right: 20px;
}

.location-nav li:not(:last-of-type)::before {
  position: absolute;
  right: -24px;
  top: 0;
  z-index: -1;
  content: '/';
  width: 8px;
}

.location-nav li::after {
  position: absolute;
  height: 100%;
  width: 0%;
  content: '';
  left: 100%;
  bottom: 0;
  border-bottom: 4px solid #cb1d21;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.location-nav li:hover a, .location-nav li.active a {
  color: #cb1d21;
}

.location-nav li:hover::after, .location-nav li.active::after {
  width: 100%;
  left: 0%;
}

.location-nav li:hover ~ li::after {
  left: 0%;
}

.student-star-title {
  position: relative;
  padding-top: 40px;
  padding-bottom: 70px;
  line-height: 30px;
  color: #000;
  font-size: 24px;
}

.student-star-title h3, .student-star-title h4 {
  font-size: 24px;
}

.student-star-title h4 {
  text-transform: uppercase;
}

.student-star-title::after {
  content: '';
  position: absolute;
  bottom: 50px;
  left: 50%;
  height: 2px;
  width: 90px;
  margin-left: -45px;
  background-color: #bfbfbf;
}

.student-list .student-swipper-ul li {
  margin-bottom: 40px;
}

.pages-wrapper {
  padding: 40px 0;
  font-size: 0;
}

.pages-wrapper a {
  width: auto;
  height: 30px;
  margin: 0 5px;
  line-height: 30px;
  border: 1px solid #bfbfbf;
  font-size: 16px;
  padding:0 10px;
}

.pages-wrapper a.current {
  color: #fff;
  background-color: #cb1d21;
  border-color: #cb1d21;
}

.pages-wrapper a.prev, .pages-wrapper a.next {
  width: auto;
  padding: 0 15px;
}

.pages-wrapper a.more {
  border-color: transparent;
}

.student-star-main {
  padding-bottom: 40px;
}

#studentMsgModal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

#studentMsgModal .studentMsg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 302px;
  width: 900px;
  padding: 60px 40px;
  background-color: #fff;
  margin-top: -211px\10;
  margin-left: -490px\10;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 58px 3px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 58px 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 58px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 58px 3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#studentMsgModal .img {
  width: 264px;
  height: 302px;
  overflow: hidden;
}

#studentMsgModal .text {
  width: 600px;
}

#studentMsgModal .student-msg-close {
  position: absolute;
  top: 20px;
  right: 25px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  border: 2px solid #8a8a8a;
  color: #8a8a8a;
  font-size: 24px;
  font-weight: lighter;
  font-family: consolas;
}

#studentMsgModal .name {
  height: 32px;
  padding-bottom: 28px;
  line-height: 32px;
  color: #000;
  font-size: 24px;
}

#studentMsgModal .pWrap {
  line-height: 24px;
}

.oneItem {
  padding: 30px 0;
}

.oneItem .img {
  width: 244px;
  height: 150px;
  padding-right: 30px;
}

.oneItem .text-wrap {
  width: 900px;
}

.oneItem .time {
  height: 30px;
  color: #999;
  font-size: 24px;
  line-height: 24px;
}

.oneItem .text {
  padding: 8px 0 16px 35px;
  border-left: 1px dashed #bfbfbf;
}

.oneItem .text h3 {
  height: 48px;
  line-height: 48px;
  color: #000;
  font-size: 18px;
  overflow: hidden;
}

.oneItem .text p {
  height: 48px;
  line-height: 24px;
  overflow: hidden;
}

.recruitStudentItem {
  padding: 30px 0;
}

.recruitStudentItem .date-time {
  height: 86px;
  width: 200px;
  padding: 15px 20px;
  background-color: #e5e5e5;
  line-height: 86px;
  color: #9a9a9a;
  font-size: 18px;
}

.recruitStudentItem .date-time span {
  float: left;
}

.recruitStudentItem .date-time i {
  float: right;
  height: 86px;
  width: 86px;
  background-color: #fff;
  color: #999;
  font-size: 48px;
  text-align: center;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.recruitStudentItem .text-wrap {
  width: 860px;
  height: 110px;
  padding-left: 35px;
  margin-left: 30px;
  border-left: 1px dashed #bfbfbf;
}

.recruitStudentItem .text-wrap h3 {
  height: 35px;
  line-height: 20px;
  color: #000;
  font-size: 18px;
}

.recruitStudentItem .text-wrap p {
  height: 72px;
  line-height: 24px;
  color: #999;
  overflow: hidden;
}

.about-wrap li {
  float: left;
  height: 240px;
  width: 390px;
  overflow: hidden;
}

.about-wrap li:not(:nth-of-type(3n)) {
  padding-right: 15px;
}

.about-wrap .pWrap {
  padding-top: 40px;
}

.about-wrap .pWrap p {
  line-height: 30px;
}

.teacherTrain li {
  float: left;
  width: 380px;
  padding-bottom: 50px;
}

.teacherTrain li:not(:nth-of-type(3n)) {
  padding-right: 30px;
}

.teacherTrain li .img {
  width: 380px;
  height: 236px;
  padding-bottom: 40px;
  overflow: hidden;
}

.teacherTrain .text {
  border-left: 1px dashed #bfbfbf;
  padding-left: 20px;
  padding-bottom: 10px;
}

.teacherTrain .text h3 {
  height: 18px;
  line-height: 18px;
  color: #000;
  font-size: 18px;
}

.teacherTrain .text time {
  height: 50px;
  line-height: 50px;
  color: #999;
}

.teacherTrain .text p {
  line-height: 30px;
}

.teacherTrain .text .pWrap {
  height: 120px;
  overflow: hidden;
}

.downLoad-list li {
  float: left;
  position: relative;
  width: 211px;
  height: 287px;
  margin-bottom: 70px;
  overflow: hidden;
}

.downLoad-list li:not(:nth-of-type(5n)) {
  margin-right: 36px;
}

.downLoad-list li:hover .download-btn {
  height: 100%;
}

.downLoad-list li:hover img {
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
}

.downLoad-list li img {
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.downLoad-list .img {
  width: 209px;
  height: 285px;
  border: 1px solid #eaeaea;
  overflow: hidden;
}

.downLoad-list .download-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.downLoad-list .download-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 68px;
  margin-left: -34px;
  margin-top: -34px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/sprites.png) no-repeat left -102px/300px 300px;
}

.swiper-container-index-lb .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lessonFirstNav {
  border-bottom: 1px solid #dcdcdc;
  font-size: 0;
}

.lessonFirstNav ul {
  display: inline-block;
}

.lessonFirstNav li {
  float: left;
  position: relative;
  height: 66px;
  line-height: 66px;
  padding: 0 5px;
  margin: 0 25px;
  border-bottom: 3px solid transparent;
}

.lessonFirstNav li a {
  font-size: 20px;
}

.lessonFirstNav li.active {
  border-bottom: 3px solid #cb1d21;
}

.lessonFirstNav li.active::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 6px;
  background: url(../images/sprites.png) no-repeat -189px -7px/300px 300px;
}

.lesson-tv-show {
  padding-top: 15px;
}

.lesson-tv-show .lesson-tv-show-top {
  padding-bottom: 40px;
}

.lesson-tv-show .tv-show-title {
  height: 112px;
  line-height: 112px;
  color: #000;
  font-size: 30px;
}

.lesson-tv-show .tv-show-left {
  position: relative;
  height: 368px;
  width: 620px;
  overflow: hidden;
}

.lesson-tv-show .tv-show-left .text {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  color: #fff;
  line-height: 150px;
}

.lesson-tv-show .tv-show-left .text h4 {
  font-size: 30px;
}

.lesson-tv-show .apply-now-btn {
  height: 54px;
  padding: 0 45px;
  line-height: 54px;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: -moz-linear-gradient(left, #000000 0%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ff9000 0%, #ff4e00 100%);
  background: -o-linear-gradient(left, #ff9000 0%, #ff4e00 100%);
  background: -ms-linear-gradient(left, #ff9000 0%, #ff4e00 100%);
  background: linear-gradient(to right, #ff9000 0%, #ff4e00 100%);
  background-color: #ff9000\9;
}

.lesson-tv-show .tv-show-right {
  width: 579px;
  border: 1px solid #dcdcdc;
  border-left: none;
  height: 366px;
}

.lesson-tv-show .tvShowItem {
  position: relative;
  width: 509px;
  height: 60px;
  padding-top: 13px;
  padding-left: 70px;
  background-color: #f6f6f6;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.lesson-tv-show .tvShowItem.active, .lesson-tv-show .tvShowItem:hover {
  background-color: #fff;
}

.lesson-tv-show .tvShowItem.active::after, .lesson-tv-show .tvShowItem:hover::after {
  top: 50%;
  left: 18px;
  margin-top: -12px;
  width: 25px;
  height: 25px;
  background: url(../images/sprites.png) no-repeat -126px -35px/300px 300px;
}

.lesson-tv-show .tvShowItem::before {
  content: '';
  height: 100%;
  width: 0;
  position: absolute;
  left: 30px;
  top: 0;
  border-left: 1px dashed #dcdcdc;
}

.lesson-tv-show .tvShowItem::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 26px;
  margin-top: -4px;
  width: 9px;
  height: 9px;
  background-color: #999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.lesson-tv-show .tvShowItem .time {
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 20px;
}

.lesson-tv-show .tvShowItem p {
  height: 20px;
  overflow: hidden;
}

.lesson-tv-show .lesson-tv-show-bot {
  height: 152px;
  background: url(../images/lesson_10.png) no-repeat center/1920px 152px;
}

.lesson-tv-show .lesson-tv-show-bot a {
  height: 100%;
  width: 100%;
}

.choose-lesson-nav {
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
  line-height: 28px;
}

.choose-lesson-nav a {
  padding: 0 12px;
  color: #010101;
}

.choose-lesson-nav .list-item {
  overflow: hidden;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.choose-lesson-nav .list-item:not(:last-of-type) {
  margin-right: 15px;
}

.choose-lesson-nav .list-item.active {
  background-color: #ff7700;
}

.choose-lesson-nav .list-item.active a {
  color: #fff;
}

.choose-lesson-nav .choose-item {
  padding-left: 15px;
}

.choose-lesson-nav .choose-item:not(:last-of-type) {
  padding-bottom: 10px;
}

.choose-lesson-nav .title {
  width: 60px;
}

.lessonList li {
  float: left;
  width: 240px;
  padding: 30px 10px 15px;
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow .5s;
  -o-transition: box-shadow .5s;
  -moz-transition: box-shadow .5s;
  transition: box-shadow .5s;
}

.lessonList li:not(:nth-of-type(5n)) {
  border-right: 1px solid #dcdcdc;
}

.lessonList li:last-of-type {
  border-right: none;
}

.lessonList li:hover {
  -webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.3);
}

.lessonList li a {
  display: block;
}

.lessonList .img {
  width: 220px;
  height: 124px;
  overflow: hidden;
}

.lessonList .text {
  padding-top: 15px;
}

.lessonList .text h5 {
  height: 48px;
  line-height: 24px;
  color: #000;
  font-size: 14px;
  overflow: hidden;
}

.lessonList .money-address {
  line-height: 50px;
  font-size: 12px;
}

.lessonList .money {
  color: #cb1d21;
  font-size: 18px;
}

.lessonList .money.free {
  color: #04990f;
}

.lessonList-left {
  width: 910px;
}

.lessonList-wrap li {
  padding: 24px 0;
  border-bottom: 1px solid #dcdcdc;
}

.lessonList-wrap .img {
  width: 220px;
  height: 124px;
  overflow: hidden;
}

.lessonList-wrap .text {
  position: relative;
  height: 124px;
  width: 660px;
  padding-left: 18px;
}

.lessonList-wrap .text h5 {
  height: 16px;
  padding-bottom: 20px;
  line-height: 16px;
  color: #000;
  font-size: 16px;
}

.lessonList-wrap .lesson-msg {
  line-height: 20px;
  color: #999;
}

.lessonList-wrap .lesson-msg span {
  padding-right: 30px;
}

.lessonList-wrap .money {
  position: absolute;
  bottom: 0;
  left: 20px;
  height: 22px;
  color: #cb1d21;
  font-size: 18px;
}

.lessonList-right {
  width: 252px;
  background-color: #f6f6f6;
  margin-top: 30px;
}

.lessonList-right .lessonList li {
  width: 252px;
  padding: 20px 16px 10px;
  border: none;
}

.lessonList-right .title {
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 50px;
  line-height: 60px;
  color: #000;
  font-size: 18px;
}

.lessonList-right .title::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 20px;
  width: 21px;
  height: 26px;
  background: url(../images/sprites.png) no-repeat -152px -35px/300px 300px;
}

.lesson-sub-nav {
  border-bottom: 1px solid #dcdcdc;
}

.lesson-sub-nav li {
  float: left;
  height: 54px;
  line-height: 54px;
  padding-top: 10px;
}

.lesson-sub-nav li span {
  padding: 0 10px;
  font-family: consolas;
}

.lesson-sub-nav li:last-of-type span {
  display: none;
}

.lessonListDetail {
  padding-bottom: 50px;
}

.lessonListDetail-top {
  padding-bottom: 40px;
  background-color: #f9f9f9;
}

.lessonListDetail-top .lesson-sub-nav {
  border: none;
}

.studyOnline-left {
  position: relative;
  width: 586px;
  height: 334px;
}

.studyOnline-left video {
  width: 100%;
  height: 100%;
}

.studyOnline-left .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.studyOnline-left .img::before {
  content: '';
  position: absolute;
  bottom: -82px;
  left: 50%;
  width: 82px;
  height: 82px;
  margin-left: -41px;
  background: url(../images/lde_03.png) no-repeat left top/82px 82px;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.studyOnline-left .img:hover::before {
  bottom: 50%;
  margin-bottom: -41px;
  left: 50%;
  opacity: 1;
}

.studyOnline-right {
  position: relative;
  width: 580px;
  height: 334px;
  line-height: 36px;
}

.studyOnline-right .title {
  padding-bottom: 15px;
  margin-top: -8px;
  border-bottom: 1px dashed #ccc;
}

.studyOnline-right .title h3 {
  height: 72px;
  color: #363636;
  font-size: 24px;
}

.studyOnline-right .lessonMsg {
  height: 72px;
  padding-top: 20px;
  overflow: hidden;
}

.studyOnline-right .money {
  height: 80px;
  line-height: 80px;
  color: #cb1d21;
  font-size: 36px;
}

.studyOnline-right .studyOnline {
  position: absolute;
  left: 0;
  bottom: 0;
}

.studyOnline-right .studyOnline-btn {
  height: 46px;
  padding: 0 35px;
  background-color: #fea012;
  line-height: 46px;
  color: #fff;
  font-size: 18px;
}

.lessonListDetail-c-left {
  width: 895px;
  padding-top: 20px;
}

.lessonListDetail-c-right {
  width: 250px;
  padding-top: 30px;
}

.lessonListDetail-c-right .title {
  height: 30px;
  padding-left: 15px;
  line-height: 30px;
  color: #000;
  font-size: 20px;
}

.lessonListDetail-c-right .lessonList li {
  width: 250px;
  padding: 10px 15px;
  border: none;
}

.lessonListDetail-c-nav {
  border-bottom: 1px solid #dcdcdc;
}

.lessonListDetail-c-nav li {
  float: left;
  position: relative;
  z-index: 1;
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
}

.lessonListDetail-c-nav li:not(:last-of-type) {
  margin-right: 80px;
}

.lessonListDetail-c-nav li::after {
  content: '';
  position: absolute;
  left: 0%\9;
  left: 100%;
  bottom: -1px;
  z-index: 0;
  width: 0%;
  width: 100%\9;
  height: 0%;
  border-bottom: 3px solid #cb1d21;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.lessonListDetail-c-nav li a {
  color: #000;
  font-size: 20px;
}

.lessonListDetail-c-nav li.active::after, .lessonListDetail-c-nav li:hover::after {
  left: 0;
  width: 100%;
}

.lessonListDetail-c-nav li.active a, .lessonListDetail-c-nav li:hover a {
  color: #cb1d21;
}

.lessonListDetail-c-nav li:hover + li::after {
  left: 0;
}

.lessonListDetail-msg-title {
  padding-top: 37px;
  padding-bottom: 27px;
}

.lessonListDetail-msg-title span {
  height: 20px;
  padding-left: 20px;
  border-left: 3px solid #cb1d21;
  line-height: 20px;
  color: #000;
}

.lessonListDetail-msg-item .text {
  line-height: 24px;
}

.lessonListDetail-msg-bot {
  border-top: 1px solid #dcdcdc;
}

.lessonListDetail-msg-top {
  padding-bottom: 40px;
}

.lessonListDetail-teacher .teacher-item {
  height: 190px;
  padding: 20px 30px;
  color: #858585;
  line-height: 24px;
}

.lessonListDetail-teacher .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.lessonListDetail-teacher .text {
  width: 650px;
  padding-left: 40px;
}

.lessonListDetail-teacher .name {
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
}

.lessonListDetail-teacher .name span, .lessonListDetail-teacher .name i {
  vertical-align: middle;
}

.lessonListDetail-teacher .name span {
  padding-right: 50px;
  color: #000;
  font-size: 18px;
}

.lessonListDetail-teacher .pWrap {
  height: 120px;
  padding-top: 15px;
  overflow: hidden;
}

.testIndex-title {
  padding-top: 60px;
  padding-bottom: 40px;
  color: #999;
  font-size: 18px;
  line-height: 36px;
}

.testIndex-title h3 {
  height: 52px;
  line-height: 52px;
  color: #454545;
  font-size: 36px;
  overflow: hidden;
}

.testIndex-title p {
  height: 36px;
  overflow: hidden;
}

.onlineTest-left {
  width: 370px;
  padding: 35px 95px;
  border: 1px solid #dcdcdc;
}

.onlineTest-left .title {
  padding-bottom: 25px;
}

.onlineTest-left .title span {
  position: relative;
  height: 33px;
  padding-left: 50px;
  line-height: 33px;
  color: #000;
  font-size: 24px;
}

.onlineTest-left .title span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 33px;
  background: url(../images/sprites.png) no-repeat -69px -102px/300px 300px;
}

.onlineTest-left .radio-wrap label {
  float: left;
  position: relative;
  width: 33.3333333%;
  height: 40px;
  line-height: 40px;
  margin: 13px 0;
  font-size: 16px;
}

.onlineTest-left .radio-wrap label input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.onlineTest-left .radio-wrap label i {
  position: relative;
  z-index: -1;
  padding-left: 40px;
}

.onlineTest-left .radio-wrap label i::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 6px;
  z-index: -1;
  width: 13px;
  height: 13px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.onlineTest-left .radio-wrap label input:checked + i:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  top: 16px;
  left: 9px;
  z-index: -1;
  background-color: #ffb906;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.onlineTest-left .my-test-btn {
  display: block;
  height: 60px;
  width: 100%;
  margin-top: 25px;
  line-height: 60px;
  background-color: #cb1d21;
  color: #fff;
  font-size: 24px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.testRank-left {
  width: 550px;
}

.testRank-left .title {
  height: 32px;
  padding: 15px 0;
  border-bottom: 1px solid #dcdcdc;
  line-height: 32px;
  color: #000;
  font-size: 24px;
}

.testRank-left .title span {
  position: relative;
  padding-left: 50px;
}

.testRank-left .title span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  width: 32px;
  height: 32px;
  background: url(../images/sprites.png) no-repeat -105px -102px/300px 300px;
}

.testRank-list li {
  padding-top: 30px;
  height: 56px;
}

.testRank-list li:nth-of-type(-n+3) .num {
  background-color: #ffb700;
}

.testRank-list li a {
  position: relative;
  padding-left: 50px;
}

.testRank-list .num {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  background-color: #a2a2a2;
  text-align: center;
}

.testRank-list .text {
  width: 270px;
  padding-left: 30px;
}

.testRank-list .text h4 {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
}

.testRank-list .score {
  line-height: 26px;
}

.testRank-list .score i {
  float: right;
}

.testIndexMain {
  padding-bottom: 60px;
}

#numModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#numModal .numModal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 410px;
  height: 230px;
  margin-left: -255px;
  margin-top: -150px;
  padding: 10px 50px 60px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

#numModal .text-input {
  width: 378px;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  border: 1px solid #ccc;
}

#numModal .testNowBtn {
  display: block;
  width: 100%;
  height: 56px;
  margin-top: 25px;
  background-color: #cc1d21;
  line-height: 56px;
  color: #fff;
  font-size: 18px;
}

#numModal h3 {
  height: 90px;
  line-height: 90px;
  color: #000;
  font-size: 24px;
}

#numModal .testNumClose {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
  font-size: 24px;
  font-family: consolas;
  font-weight: lighter;
  cursor: pointer;
}



#addlists {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#addlists .numModal {
  position: absolute;
  left: 50%;
  top: 35%;
  width: 410px;
  height: 450px;
  margin-left: -255px;
  margin-top: -150px;
  padding: 50px 50px 60px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

#addlists .text-input {
  width: 378px;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  border: 1px solid #ccc;
}

#addlists .testNowBtn {
  display: block;
  width: 100%;
  height: 56px;
  margin-top: 25px;
  background-color: #cc1d21;
  line-height: 56px;
  color: #fff;
  font-size: 18px;
}

#addlists h3 {
  height: 90px;
  line-height: 90px;
  color: #000;
  font-size: 24px;
}

#addlists .testNumClose {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
  font-size: 24px;
  font-family: consolas;
  font-weight: lighter;
  cursor: pointer;
}




.testRecord {
  padding-top: 30px;
  padding-bottom: 40px;
}

.testRecord-list .listItem {
  padding-bottom: 15px;
}

.testRecord-list .listItem-msg {
  width: 930px;
  padding: 12px 0 12px 40px;
  line-height: 20px;
  background-color: #f6f6f6;
}

.testRecord-list .listItem-msg h3 {
  height: 28px;
  line-height: 28px;
  color: #000;
  font-size: 18px;
}

.testRecord-list .listItem-scord {
  width: 230px;
  background-color: #eaeaea;
  line-height: 72px;
  color: #000;
  font-size: 20px;
}

.testNow-title h3 {
  font-size: 24px;
}

.testNow-title p {
  font-size: 16px;
}

.testNow-wrap {
  border: 1px solid #efefef;
  margin-bottom: 80px;
}

.testNow-left {
  width: 276px;
  height: 460px;
  border-right: 1px solid #efefef;
  background-color: #f9f9f9;
}

.testNow-left .time {
  padding-top: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}

.testNow-left .time span {
  height: 38px;
  line-height: 38px;
  font-size: 18px;
}

.testNow-left .aWrap a {
  display: block;
  position: relative;
  height: 24px;
  line-height: 24px;
  padding-left: 60px;
  margin-top: 30px;
  color: #000;
  font-size: 16px;
}

.testNow-left .aWrap a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 24px;
  height: 24px;
  background: url(../images/sprites.png) no-repeat left -171px/300px 300px;
}

.testNow-left .aWrap a.myRecord::before {
  background-position-x: -25px;
}

#deadTime {
  height: 46px;
  line-height: 46px;
  color: #cb1d21;
  font-size: 36px;
}

.testNow-right {
  position: relative;
  height: 460px;
  width: 921px;
}

.testNow-right .title {
  height: 58px;
  line-height: 24px;
  padding-top: 10px;
  overflow: hidden;
  color: #050303;
  font-size: 18px;
}

.testNow-right form {
  padding-left: 45px;
  padding-top: 25px;
}

.testNow-right .submit-btn-wrap {
  position: absolute;
  bottom: 75px;
  left: 40px;
  padding-left: 35px;
}

.testNow-right .submit-btn-wrap a {
  float: left;
  height: 46px;
  width: 116px;
  background-color: #ff6600;
  line-height: 46px;
  color: #fff;
  font-size: 18px;
}

.testNow-right .submit-btn-wrap a:not(:last-of-type) {
  margin-right: 15px;
}

.testNow-right .submit-btn-wrap a.next {
  background-color: #ffb700;
}

.testNow-right .submit-btn-wrap a.submitBtn {
  background-color: #cb1d21;
}

.testNow-right .test-item {
  padding: 10px 0 10px 35px;
}

.testNow-right .test-item label {
  display: inline-block;
  position: relative;
  line-height: 32px;
  padding-right: 20px;
  cursor: pointer;
}

.testNow-right .test-item label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.testNow-right .test-item label i {
  position: relative;
  padding-left: 40px;
}

.testNow-right .test-item label i::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  width: 16px;
  height: 16px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}

.testNow-right .test-item label input:checked + i:after {
  content: '';
  position: absolute;
  top: 11px;
  left: 9px;
  width: 10px;
  height: 10px;
  background-color: #ffb700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.testNow-right .test-item label.active i:after {
  content: '';
  position: absolute;
  top: 11px;
  left: 9px;
  width: 10px;
  height: 10px;
  background-color: #ffb700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.wrongTest {
  padding-bottom: 60px;
}

.wrongTest .title-wrap {
  height: 100px;
  padding-top: 40px;
}

.wrongTest .title {
  height: 100px;
  line-height: 100px;
  color: #000;
  font-size: 24px;
}

.wrongTest .testScore {
  height: 100px;
  line-height: 100px;
  color: #000;
  font-size: 24px;
}

.wrongTest .testScore span {
  color: #cb1d21;
  font-size: 36px;
  padding-left: 15px;
}

.wrongTest .testRecordBtn {
  position: relative;
  height: 50px;
  line-height: 50px;
  margin: 25px 0;
  color: #000;
  font-size: 16px;
  padding-left: 50px;
}

.wrongTest .testRecordBtn::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 17px;
  height: 24px;
  width: 24px;
  background: url(../images/sprites.png) no-repeat -25px -171px/300px 300px;
}

.wrongTestItem {
  background-color: #fcfcfc;
  border: 1px solid #efefef;
  margin-bottom: 15px;
}

.wrongTestItem-left {
  width: 580px;
  height: 284px;
  border-right: 1px solid #efefef;
}

.wrongTestItem-left .testNow-right {
  width: 100%;
  height: auto;
}

.wrongTestItem-left .testNow-right .title {
  height: 58px;
  line-height: 24px;
  font-size: 18px;
}

.wrongTestItem-right {
  position: relative;
  width: 617px;
  height: 284px;
  padding: 46px 0 0 40px;
}

.wrongTestItem-right .del-test-btn {
  position: absolute;
  bottom: 25px;
  right: 25px;
  height: 36px;
  padding: 0 10px;
  background-color: #cb1d21;
  line-height: 36px;
  color: #fff;
  border-radius: 4px;
}

.wrongTestItem-right .answer-fx {
  width: 530px;
  height: 138px;
  line-height: 30px;
  font-size: 16px;
  overflow: hidden;
}

.wrongTestItem-right .answer-fx h4 {
  height: 48px;
  line-height: 48px;
  color: #000;
  font-size: 18px;
}

.wrongTestItem-right .right-answer {
  height: 28px;
  line-height: 28px;
  color: #000;
  font-size: 18px;
}

.head-inner {
  position: relative;
  height: 130px;
}

.head-inner .logo {
  position: absolute;
  top: 26px;
  left: 0;
  width: 250px;
  height: 67px;
  overflow: hidden;
}

.head-inner .head-nav {
  font-size: 0;
}

.head-inner .head-nav ul {
  display: inline-block;
  padding-top: 6px;
}

.head-inner .head-nav li {
  float: left;
  position: relative;
  height: 124px;
  line-height: 124px;
  margin: 0 10px;
}

.head-inner .head-nav li::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 100%;
  left: 0%\9;
  z-index: -1;
  width: 0%;
  width: 100%\9;
  height: 100%;
  border-bottom: 3px solid #fb6900;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.head-inner .head-nav li.active::before, .head-inner .head-nav li:hover::before {
  width: 100%;
  left: 0;
}

.head-inner .head-nav a {
  padding: 0 8px;
  color: #000;
}

.head-inner .head-nav li:hover ~ li::before {
  left: 0;
}

.headSearch {
  position: absolute;
  top: 56px;
  right: 8px;
}

.headSearch .textInput {
  height: 36px;
  width: 120px;
  line-height: 36px;
  padding-left: 25px;
  padding-right: 50px;
  border: 2px solid #fb6900;
  color: #666;
  font-size: 12px;
  -webkit-border-radius: 21px;
  -o-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}

.headSearch .searchBtn {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 36px;
  height: 36px;
  background: url(../images/sprites.png) no-repeat -105px -135px/300px 300px;
}

.headSearch .searchSubmitBtn {
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
}

.lessonCritical-item {
  padding: 35px 10px 10px;
  border-bottom: 1px solid #dcdcdc;
}

.lessonCritical-item .img {
  width: 48px;
  height: 48px;
  margin-top: 10px;
  overflow: hidden;
}

.lessonCritical-item .text {
  width: 730px;
  padding-left: 40px;
}

.lessonCritical-item .text h3 {
  height: 34px;
  line-height: 34px;
  color: #000;
  font-size: 18px;
  overflow: hidden;
}

.lessonCritical-item .text p {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

.lessonCritical-item .text time {
  height: 40px;
  line-height: 40px;
  color: #999;
}

.lessonCatalog {
  padding-top: 15px;
}

.lessonCatalog-item {
  padding: 6px 0;
}

.lessonCatalog-item a {
  display: block;
  height: 66px;
  line-height: 66px;
  padding: 0 20px;
  background-color: #f9f9f9;
  color: #363636;
  font-size: 18px;
}

.store-banner .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 50px;
}

.storeMain {
  position: relative;
  z-index: 10;
  padding-bottom: 50px;
  background-color: #f9f9f9;
}

.storeMain .storeMain-inner {
  position: relative;
  top: -35px;
}

.storeMain-top {
  padding: 20px 25px 30px;
  margin-bottom: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.3);
}

.storeMain-first-title {
  position: relative;
  line-height: 80px;
  color: #fb6900;
  font-size: 24px;
}

.storeMain-first-title i {
  padding-left: 30px;
  color: #999;
  font-size: 14px;
}

.storeMain-first-title .storeMoreBtn {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  text-transform: uppercase;
}

.storeIndex-list li {
  float: left;
  width: 205px;
  padding: 0 12px 10px;
  margin-bottom: 30px;
}

.storeIndex-list li:not(:nth-of-type(5n)) {
  border-right: 1px solid #f4f4f4;
}

.storeIndex-list .img {
  width: 205px;
  height: 135px;
  overflow: hidden;
}

.storeIndex-list .text-wrap {
  padding: 20px 10px 10px;
}

.storeIndex-list .text-wrap h3 {
  height: 36px;
  line-height: 18px;
  color: #545454;
  font-size: 14px;
  overflow: hidden;
}

.storeIndex-list .text-wrap time {
  height: 38px;
  line-height: 38px;
  color: #fc8936;
  font-size: 12px;
}

.storeIndex-list .text-wrap .text {
  font-size: 12px;
  line-height: 22px;
}

.storeIndex-list .text-wrap .money {
  color: #fc8936;
  font-size: 24px;
}

.storeIndex-buy-list {
  height: 443px;
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
}

.storeIndex-buy-list a {
  display: block;
  height: 100%;
}

.storeIndex-buy-list .left {
  width: 339px;
  height: 443px;
  border-right: 1px solid #dcdcdc;
}

.storeIndex-buy-list .left .img {
  width: 270px;
  height: 230px;
  margin: 35px auto 0;
  overflow: hidden;
}

.storeIndex-buy-list .left .text {
  padding: 30px 35px 0;
}

.storeIndex-buy-list .left h3 {
  height: 48px;
  line-height: 24px;
  color: #545454;
  font-size: 16px;
  overflow: hidden;
}

.storeIndex-buy-list .left p {
  padding-top: 24px;
  height: 30px;
  line-height: 30px;
  color: #fc8936;
  font-size: 24px;
}

.storeIndex-buy-list .right {
  height: 443px;
  width: 808px;
  overflow: hidden;
}

.storeIndex-buy-list .right li {
  float: left;
  position: relative;
  width: 50%;
  height: 222px;
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.storeIndex-buy-list .right li:nth-of-type(2n+1) {
  border-right: 1px solid #dcdcdc;
}

.storeIndex-buy-list .right .img {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 130px;
  height: 150px;
  overflow: hidden;
}

.storeIndex-buy-list .right .text {
  width: 190px;
  padding-left: 200px;
  padding-top: 50px;
}

.storeIndex-buy-list .right .text h3 {
  height: 48px;
  line-height: 24px;
  color: #545454;
  font-size: 16px;
}

.storeIndex-buy-list .right .text p {
  height: 30px;
  padding-top: 45px;
  line-height: 30px;
  color: #fc8936;
  font-size: 24px;
}

.discountCoupon li {
  float: left;
  width: 272px;
  padding: 0 7px;
  margin-bottom: 30px;
}

.discountCoupon li:not(:nth-of-type(4n)) {
  border-right: 1px solid #dcdcdc;
}

.discountCoupon .bgImg {
  height: 155px;
  width: 272px;
  background: url(../images/bgImg_36.png) no-repeat center/272px 155px;
}

.discountCoupon .bgImg h3 {
  padding-top: 25px;
  padding-bottom: 14px;
}

.discountCoupon .bgImg span {
  position: relative;
  height: 41px;
  padding-left: 50px;
  line-height: 41px;
  color: #ed4157;
  font-size: 22px;
}

.discountCoupon .bgImg span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 41px;
  height: 41px;
  background: url(../images/sprites.png) no-repeat -141px -102px/300px 300px;
}

.discountCoupon .bgImg p {
  height: 24px;
  line-height: 28px;
  color: #8d8d8d;
}

.discountCoupon .text {
  padding: 20px 10px 0;
}

.discountCoupon .text h3 {
  height: 36px;
  line-height: 18px;
  color: #545454;
  font-size: 14px;
  overflow: hidden;
}

.discountCoupon .text p {
  height: 40px;
  padding-top: 12px;
  line-height: 40px;
  color: #fc8936;
  font-size: 24px;
  overflow: hidden;
}

.storeCommonMain {
  background-color: #f9f9f9;
}

.storeCommonMain-nav {
  padding-top: 10px;
}

.storeCommonMain-nav li {
  float: left;
  height: 28px;
  padding: 15px 0;
  line-height: 28px;
  font-size: 0;
}

.storeCommonMain-nav li span {
  padding: 0 10px;
  font-size: 18px;
  font-family: consolas;
}

.storeCommonMain-nav li:last-of-type span {
  display: none;
  visibility: hidden;
}

.storeLesson-list {
  background-color: #fff;
}

.storeLesson-list .storeIndex-list {
  padding-top: 20px;
}

.lessonTicketMain {
  padding-top: 30px;
}

.lessonTicketMain .storeMain-inner {
  top: 0;
}

.bookBuyMain-list {
  padding-top: 50px;
}

.bookBuyMain-list li {
  float: left;
  width: 260px;
  height: 400px;
  overflow: hidden;
}

.bookBuyMain-list li:not(:nth-of-type(4n)) {
  padding-right: 53px;
}

.bookBuyMain-list .img {
  height: 225px;
  width: 260px;
  overflow: hidden;
}

.bookBuyMain-list .text {
  padding-top: 25px;
}

.bookBuyMain-list .text h3 {
  height: 48px;
  line-height: 24px;
  color: #545454;
  font-size: 14px;
  overflow: hidden;
}

.bookBuyMain-list .text p {
  height: 30px;
  padding-top: 20px;
  line-height: 30px;
  color: #fc8936;
  font-size: 24px;
}

#buyNowModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#buyNowModal .buyNowModal {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -170px;
  margin-left: -292px;
  width: 525px;
  height: 260px;
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 20px;
}

#buyNowModal .img {
  width: 70px;
  height: 40px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
}

#buyNowModal .top {
  padding-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}

#buyNowModal .text {
  width: 420px;
  height: 42px;
  padding-left: 15px;
}

#buyNowModal .text h3 {
  height: 22px;
  line-height: 22px;
  color: #000;
  font-size: 18px;
}

#buyNowModal .text p {
  height: 14px;
  padding-top: 5px;
  line-height: 14px;
  font-size: 1px;
}

#buyNowModal .lessonTime {
  padding-top: 18px;
  line-height: 28px;
  font-size: 12px;
}

#buyNowModal .buyNowBtn-wrap {
  position: absolute;
  left: 30px;
  bottom: 40px;
  width: 525px;
}

#buyNowModal .money {
  line-height: 38px;
  color: #030101;
  font-size: 16px;
}

#buyNowModal .money i {
  padding-left: 10px;
  color: #c50101;
  font-size: 24px;
}

#buyNowModal .btnWrap {
  font-size: 0;
}

#buyNowModal .btnWrap a {
  height: 36px;
  width: 100px;
  line-height: 36px;
  border: 1px solid #a0a0a0;
  margin: 0 10px;
}

#buyNowModal .btnWrap a.buyNowBtn {
  color: #fff;
  background-color: #fea012;
  border-color: #fea012;
}

.mine-wrapper {
  padding: 40px 0;
  background-color: #f9f9f9;
}

.mine-wrapper .mine-comment {
  width: 725px;
  min-height: 540px;
  padding: 0 25px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

.mineNav {
  width: 190px;
  min-height: 540px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.mineNav ul {
  padding-top: 15px;
}

.mineNav li {
  position: relative;
  z-index: 1;
  height: 20px;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 30px;
}

.mineNav li a {
  display: block;
  color: #a6a6a6;
}

.mineNav li::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 0%;
  width: 100%;
  z-index: -1;
  border-left: 3px solid #fb6900;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.mineNav li.active a, .mineNav li:hover a {
  color: #fb7616;
}

.mineNav li.active::before, .mineNav li:hover::before {
  top: 0;
  height: 100%;
}

.mineNav li:hover ~ li::before {
  top: 0%;
}

.order-table-wrapper tr {
  border-bottom: 1px solid #e5e5e5;
}

.order-table-wrapper tr th {
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 14px;
  overflow: hidden;
}

.order-table-wrapper tr td {
  padding: 20px 0;
  line-height: 72px;
}

.order-table-wrapper tr th:nth-of-type(1), .order-table-wrapper tr td:nth-of-type(1) {
  width: 450px;
}

.order-table-wrapper tr th:nth-of-type(1) {
  width: 420px;
  padding-left: 30px;
  text-align: left;
}

.order-table-wrapper tr th:nth-of-type(2), .order-table-wrapper tr td:nth-of-type(2) {
  width: 125px;
}

.order-table-wrapper tr th:nth-of-type(3), .order-table-wrapper tr td:nth-of-type(3) {
  width: 150px;
}

.order-table-wrapper .img {
  width: 108px;
  height: 71px;
  margin-left: 8px;
  overflow: hidden;
}

.order-table-wrapper .text {
  width: 190px;
  padding-left: 25px;
  text-align: left;
}

.order-table-wrapper .text h3 {
  height: 36px;
  line-height: 18px;
  color: #545454;
  font-size: 14px;
  overflow: hidden;
}

.order-table-wrapper .text p {
  height: 18px;
  padding-top: 18px;
  line-height: 18px;
  color: #fc8936;
  font-size: 18px;
}

.order-table-wrapper .notPay {
  color: #fb6f0a;
}

.order-table-wrapper .handleWrap a {
  display: block;
  width: 70px;
  height: 26px;
  margin: 0px auto;
  line-height: 26px;
  color: #999;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.order-table-wrapper .handleWrap a.paynow-btn {
  background-color: #fea012;
  color: #fff;
}

.mine-comment-title {
  height: 50px;
  padding-left: 15px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 50px;
  padding-top: 10px;
  color: #000;
}

.order-critical-wrap {
  padding-left: 10px;
}

.order-critical-wrap form {
  width: 100%;
}

.order-critical-wrap .order-msg {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

.order-critical-wrap .img {
  width: 108px;
  height: 71px;
  overflow: hidden;
}

.order-critical-wrap .text {
  width: 550px;
  padding-left: 20px;
}

.order-critical-wrap .text h3 {
  height: 32px;
  line-height: 16px;
  color: #545454;
  font-size: 14px;
  overflow: hidden;
}

.order-critical-wrap .text p {
  height: 18px;
  padding-top: 18px;
  line-height: 18px;
  color: #fc8936;
  font-size: 18px;
}

.order-critical-wrap .order-critical-textarea {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding: 10px 20px;
  text-indent: 2em;
  line-height: 24px;
  color: #999;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.order-critical-wrap .order-critical-submit-btn {
  width: 70px;
  height: 26px;
  line-height: 26px;
  background-color: #fea012;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ticketWrapper li {
  float: left;
  position: relative;
  width: 228px;
  height: 305px;
  background-color: #f6f6f6;
  margin-bottom: 20px;
}

.ticketWrapper li:not(:nth-of-type(3n)) {
  margin-right: 20px;
}

.ticketWrapper li .img {
  width: 228px;
  height: 124px;
  background: url(../images/ticketbg_03.png) no-repeat center/228px 124px;
  overflow: hidden;
}

.ticketWrapper li h3 {
  height: 35px;
  padding-top: 20px;
  line-height: 35px;
  color: #f95a00;
  font-size: 18px;
}

.ticketWrapper li h3 span {
  position: relative;
  padding-left: 40px;
}

.ticketWrapper li h3 span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  background: url(../images/sprites.png) no-repeat -70px -136px/300px 300px;
}

.ticketWrapper li p {
  height: 24px;
  padding-top: 11px;
  line-height: 24px;
  color: #8d8d8d;
  font-size: 12px;
}

.ticketWrapper li.used {
  cursor: not-allowed;
}

.ticketWrapper li.used::before {
  content: '';
  position: absolute;
  right: 35px;
  bottom: 30px;
  width: 58px;
  height: 58px;
  background: url(../images/sprites.png) no-repeat left -197px/300px 300px;
}

.ticketWrapper li.used .img {
  background-image: url(../images/ticketbg_05.png);
}

.ticketWrapper li.used h3 {
  color: #dcdcdc;
}

.ticketWrapper li.used h3 span::before {
  background-position: -141px -145px;
}

.ticketWrapper li.used .useNowBtn {
  display: none;
  visibility: hidden;
}

.ticketWrapper li .useNowBtn {
  position: absolute;
  left: 50%;
  bottom: 50px;
  height: 34px;
  width: 110px;
  margin-left: -57px;
  border: 2px solid #fea012;
  line-height: 34px;
  color: #fb7413;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.mine-wrapper .mycredits-right {
  width: 775px;
  padding: 0;
}

.mycredits-right .mycredits-top {
  padding: 36px 36px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.mycredits-top {
  line-height: 38px;
}

.mycredits-top .left {
  height: 38px;
  font-size: 18px;
}

.mycredits-top .left span {
  position: relative;
  height: 38px;
  padding-left: 60px;
  vertical-align: middle;
}

.mycredits-top .left span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  background: url(../images/sprites.png) no-repeat left -258px/300px 300px;
}

.mycredits-top .left i {
  padding-left: 10px;
  color: #fc9042;
  font-size: 30px;
  vertical-align: middle;
}

.mycredits-top .left font {
  display: inline-block;
}

.mycredits-top .right {
  height: 38px;
  width: 380px;
}

.mycredits-top .recharge-btn {
  height: 30px;
  padding: 0 20px;
  margin-top: 4px;
  background-color: #fea012;
  line-height: 30px;
  color: #fff;
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mycredits-title {
  padding: 20px 0;
}

.mycredits-title span {
  padding-left: 15px;
  height: 26px;
  border-left: 2px solid #fea012;
  line-height: 26px;
  color: #000;
  font-size: 16px;
}

.mycredits-wrap {
  padding: 0 25px;
}

.mycredits-table table {
  width: 100%;
}

.mycredits-table tr:first-of-type {
  background-color: #f8f6f6;
}

.mycredits-table tr:nth-of-type(n+2) {
  border-bottom: 1px solid #f5f5f5;
}

.mycredits-table tr th:first-of-type, .mycredits-table tr td:first-of-type {
  width: 200px;
  padding-left: 25px;
  text-align: left;
}

.mycredits-table tr th:nth-of-type(2), .mycredits-table tr td:nth-of-type(2) {
  width: 150px;
  text-align: center;
}

.mycredits-table tr th:nth-of-type(3), .mycredits-table tr td:nth-of-type(3) {
  width: 350px;
}

.mycredits-table th {
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}

.mycredits-table td {
  line-height: 40px;
  font-size: 12px;
  font-weight: bolder;
}

.mycredits-table td.money {
  color: #e47a39;
}

.education-wrapper {
  position: relative;
  min-height: 660px;
  background: url(../images/educationbg.png) no-repeat left top/cover;
}

.education-inner {
  width: 570px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 90px;
}

.education-input {
  position: relative;
  margin-top: 20px;
  line-height: 60px;
  color: #3c3c3d;
  font-size: 0px;
  vertical-align: middle;
  background-color: #ccc;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.education-input.education-select::before {
  content: '';
  position: absolute;
  top: 25px;
  right: 15px;
  width: 16px;
  height: 9px;
  z-index: 0;
  background: url(../images/sprites.png) no-repeat -108px -52px/300px 300px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.education-input .select-ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 15px 0;
  background-color: #f6f6f6;
  line-height: 30px;
  font-size: 14px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.education-input li {
  padding-left: 30px;
}

.education-input li:hover {
  background-color: #ccc;
}

.education-input span {
  float: left;
  padding: 0 30px;
  font-size: 16px;
}

.education-input input {
  float: right;
  width: 406px;
  padding: 0 20px;
  border: none;
  color: #3c3c3d;
  font-size: 16px;
  background-color: transparent;
}

.education-input textarea {
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 20px;
  line-height: 30px;
  color: #3c3c3d;
  font-size: 14px;
}

.education-select.active::before {
  -webkit-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.education-submit-btn {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  line-height: 60px;
  color: #fff;
  font-size: 24px;
  background-color: #fb6900;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.education-title {
  height: 130px;
  line-height: 130px;
  color: #fff;
  font-size: 30px;
}

.orderPayWrapper {
  background-color: #f9f9f9;
}

.orderPay-head {
  height: 67px;
  padding: 16px;
  background-color: #fff;
}

.orderPay-head .logo {
  width: 250px;
  height: 67px;
  overflow: hidden;
}

.orderPay-head .title {
  height: 30px;
  padding-top: 30px;
  padding-left: 20px;
  line-height: 30px;
  font-size: 18px;
}

.orderPay-head .user-name {
  position: relative;
  height: 18px;
  padding-left: 28px;
  line-height: 18px;
  color: #a6a6a6;
}

.orderPay-head .user-name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/sprites.png) no-repeat -56px -171px/300px 300px;
}

.orderPay-head .right {
  position: relative;
  padding: 10px 0;
  margin-top: 15px;
}

.orderPay-head .right:hover .user-quit {
  height: auto;
  padding: 15px 0;
}

.user-quit {
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f6f6f6;
  overflow: hidden;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.user-quit li {
  padding-left: 20px;
  line-height: 24px;
}

.user-quit li:hover {
  background-color: #ccc;
}

.orderPay-foot {
  padding-top: 26px;
  padding-bottom: 62px;
  line-height: 24px;
  color: #999;
  font-size: 12px;
}

.orderPay-main {
  margin-top: 50px;
  background-color: #fff;
}

.orderPay-msg-form {
  width: 400px;
  margin: 0 auto;
  padding: 35px 0;
  line-height: 24px;
}

.orderPay-msg-form .order-num {
  height: 70px;
  border-bottom: 1px solid #eee;
  line-height: 70px;
  font-size: 16px;
}

.orderPay-msg-form .order-msg {
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.orderPay-msg-form .order-msg dt {
  height: 66px;
  line-height: 66px;
  color: #000;
  font-size: 16px;
  font-weight: bolder;
  overflow: hidden;
}

.orderPay-msg-form .money {
  padding: 25px 0;
  line-height: 36px;
  color: #000;
  font-size: 0;
  border-bottom: 1px solid #eee;
}

.orderPay-msg-form .money span {
  font-size: 16px;
  font-weight: bolder;
}

.orderPay-msg-form .money i {
  padding-left: 20px;
  color: #d3180e;
  font-size: 30px;
}

.orderPay-msg-form .payMode span {
  height: 100px;
  line-height: 100px;
  color: #000;
  font-size: 16px;
  font-weight: bolder;
}

.orderPay-msg-form .goTopay {
  padding-top: 80px;
}

.orderPay-msg-form .gotopaybtn {
  height: 48px;
  padding: 0 40px;
  background-color: #ff9600;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
}

.payMode-list {
  font-size: 0;
}

.payMode-list label {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 40px;
  line-height: 40px;
}

.payMode-list label input:checked + a:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 7px;
  width: 12px;
  height: 12px;
  background-color: #ffb700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.payMode-list a {
  position: relative;
  padding-left: 40px;
  vertical-align: middle;
}

.payMode-list a::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.payMode-list a i {
  width: 40px;
  height: 40px;
  background: url(../images/sprites.png) no-repeat -39px -258px/300px 300px;
  vertical-align: middle;
}

.payMode-list a font {
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
}

.payMode-list a.wechat i {
  background-position-x: -81px;
}

.payMode-list a.yechat i {
  background-position-x: 1px;
}

.payMode-list input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.loginWrapper {
  position: relative;
  min-height: 100vh;
  padding-bottom: 136px;
  font-size: 0;
  background-color: #f9f9f9;
  vertical-align: middle;
}

.loginWrapper .orderPay-foot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.loginWrapper::before {
  display: inline-block;
  content: '';
  height: 80vh;
  width: 0px;
  vertical-align: middle;
}

.login-inner {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.login-inner .logo {
  width: 250px;
  height: 67px;
  padding-bottom: 120px;
  margin: 0 auto;
}

.login-inner .firstBg {
  position: absolute;
  bottom: -15px;
  left: 5%;
  width: 90%;
  height: 20px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
}

.login-inner .secBg {
  width: 80%;
  left: 10%;
  bottom: -30px;
}

.login-form-wrap {
  position: relative;
  z-index: 2;
  width: 290px;
  padding: 0 50px 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
}

.login-form-wrap h3 {
  height: 50px;
  padding-top: 30px;
  line-height: 50px;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 550;
}

.login-form-wrap .loginBtn {
  display: block;
  height: 48px;
  margin-top: 30px;
  line-height: 48px;
  background-color: #cc0f08;
  color: #fff;
  font-size: 24px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.login-form-wrap .goLogin span {
  color: #cf0f08;
}

.loginInput {
  height: 40px;
  margin-top: 12px;
  border: 1px solid #ececec;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.loginInput span {
  float: left;
  width: 22px;
  height: 22px;
  padding-right: 7px;
  margin-top: 10px;
  margin-left: 10px;
  border-right: 1px solid #eaeaea;
  background: url(../images/sprites.png) no-repeat -82px -171px/300px 300px;
}

.loginInput input {
  width: 208px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border: none;
  color: #999;
  font-size: 14px;
}

.loginInput .userNme {
  background-position-x: -111px;
}

.loginInput input {
  float: right;
}

.forgetPassword {
  line-height: 70px;
}

.forgetNumInput {
  overflow: hidden;
}

.forgetNumInput input {
  float: left;
  width: 248px;
}

.forgetNumInput .telNum {
  width: 120px;
}

.forgetNumInput .getTelNum {
  height: 24px;
  padding: 0 26px;
  margin-top: 8px;
  border-left: 1px solid #bfbfbf;
  line-height: 24px;
  color: #cf0f08;
}


/*收货地址*/
.addressWrap .address{
	display: none;
	font-size: .14rem;
	width: 7.64rem;
	height: 3.61rem;
	border: .01rem solid #ccc;
	border-radius: .06rem;
	padding-top: .35rem;
}
.addressWrap .address span{
	width: 1.2rem;
	height: .32rem;
	line-height: .32rem;
	text-align: right;
}
.addressWrap .address .icon{
	margin-bottom: .15rem;
	display: flex;justify-content: flex-start;
}
.addressWrap .address input[type=text]{
	width: 2.23rem;
	height: .3rem;
	line-height: .3rem;
	padding-left: .15rem;
	border: solid 1px #cfcfcf;
	border-radius: .04rem;
}
.addressWrap .address textarea{
	width: 6.08rem;
	height: .78rem;
	padding-left: .15rem;
	line-height: .3rem;
	border: solid 1px #cfcfcf;
	border-radius: .04rem;
}
.addressWrap .address .saveBtn{
	display: flex;
	justify-content: flex-start;
	padding-left: 1.2rem;
}