@import url(reset.css);
.bgf8f8 {
  background-color: #f8f8f8;
}

.indexHeader {
  position: relative;
}

.img {
  font-size: 0;
}

.brs10 {
  -webkit-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  border-radius: 0.1rem;
}

.header-inner {
  height: .6rem;
  padding: .24rem .2rem;
  line-height: .6rem;
}

.header-inner .logo {
  width: .56rem;
  height: .52rem;
}

.header-inner .logo img {
  display: block;
}

.header-inner .numeBtn {
  position: relative;
  z-index: 100;
  width: .6rem;
  height: .6rem;
}

.header-inner .numeBtn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: .48rem;
  height: .4rem;
  background: url(../images/sprites.png) no-repeat -1.65rem top/3rem 3rem;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header-inner .numeBtn.active::before {
  background-position-y: -.41rem;
}

.header-inner .searchWrap {
  position: relative;
  width: 5rem;
  height: .6rem;
  background-color: #f0f0f0;
  overflow: hidden;
  -webkit-border-radius: .32rem;
  -moz-border-radius: .32rem;
  -o-border-radius: .32rem;
  border-radius: .32rem;
   -webkit-user-select:text !important;
}

.header-inner .searchWrap input {
  background-color: transparent;
  border: none;
}

.header-inner .searchWrap .searchText {
  width: 100%;
  height: .6rem;
  padding: 0 .3rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -webkit-user-select:text !important;
}

.header-inner .searchBtn {
  position: absolute;
  top: 50%;
  right: .2rem;
  width: .5rem;
  height: .5rem;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-inner .searchBtn::before {
  content: '';
  position: absolute;
  width: .32rem;
  height: .32rem;
  top: 50%;
  left: 50%;
  background: url(../images/sprites.png) no-repeat -2.15rem -0.05rem/3rem 3rem;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header-inner .typeSearch {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}

.indexMenu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: right;
}

.indexMenu .nav {
  padding-top: 1.3rem;
  padding-bottom: .6rem;
}

.indexMenu li {
  position: relative;
  padding: .2rem 0;
}

.indexMenu li::after {
  content: '';
  position: absolute;
  top: 20%;
  right: .2rem;
  height: 60%;
  width: 4px;
  z-index: 0;
}

.indexMenu li a {
  display: block;
  height: .6rem;
  padding-right: 1rem;
  line-height: .6rem;
  color: #fff;
  font-size: .3rem;
}

.indexMenu li.active::after {
  background-color: #f16c00;
}

.indexMenu li.active a {
  color: #f16c00;
}

.tabbarItem {
  width: 25%;
}

.tabbarItem a {
  display: block;
  position: relative;
  height: .98rem;
  color: #999;
}

.tabbarItem a p {
  position: absolute;
  bottom: .1rem;
  left: 0;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  font-size: .2rem;
}

.tabbarItem a::before {
  content: '';
  position: absolute;
  left: 50%;
  top: .12rem;
  width: .4rem;
  height: .4rem;
  background: url(../images/sprites.png) no-repeat left top/3rem 3rem;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tabbarItem.active a {
  color: #bd0a04;
}

.tabbarItem.active a::before {
  background-position-y: -.41rem;
}

.tabbar {
  height: .98rem;
  border-top: 1px solid #eee;
}


.tabbarItem:nth-of-type(2) a::before {
  background-position-x: 0rem;
}
.tabbarItem:nth-of-type(3) a::before {
  background-position-x: -.41rem;
}

.tabbarItem:nth-of-type(4) a::before {
  background-position-x: -.82rem;
}
.tabbarItem:nth-of-type(5) a::before {
  background-position-x: -1.23rem;
}
.advantage {
  padding: 0 .2rem .2rem;
  background-color: #f8f8f8;
}

.indexTitle {
  height: 1.12rem;
  line-height: 1.12rem;
  color: #666;
  font-size: .36rem;
}

.indexTitle span {
  position: relative;
}

.indexTitle span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1.3rem;
  width: 1rem;
  height: 1px;
  background-color: #ccc;
}

.indexTitle span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -1.3rem;
  width: 1rem;
  height: 1px;
  background-color: #ccc;
}

.new-item {
  margin-bottom: .3rem;
  line-height: .36rem;
}

.new-item a {
  padding: .14rem 0;
  background-color: #d63330;
  color: #fff;
  font-size: .18rem;
}

.new-item .time {
  width: 1.4rem;
  border-right: 1px solid #fff;
}

.new-item .time span {
  font-size: .3rem;
}

.new-item .text {
  width: 5.2rem;
  padding-left: .2rem;
}

.new-item .text p {
  height: .72rem;
  overflow: hidden;
}

.advantageItem, .advantageItem:nth-of-type(5) .advantageItem-bot, .advantageItem:nth-of-type(5) .advantageItem-top {
  width: 50%;
}

.advantageItem-bot, .advantageItem-top, .advantageItem:nth-of-type(5) {
  width: 100%;
}

.advantageItem {
  background-color: #68ace5;
  margin-bottom: .2rem;
}

.advantageItem .advantageItem-bot {
  height: 1.9rem;
  padding: .14rem .2rem .24rem;
  background-color: #97c5eb;
  color: #68ace5;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.advantageItem .advantageItem-bot h3 {
  height: 0.4rem;
  line-height: .4rem;
  font-size: .3rem;
}

.advantageItem .advantageItem-bot h4 {
  height: .9rem;
  line-height: .3rem;
  font-size: .24rem;
  overflow: hidden;
}

.advantageItem .advantageItem-top {
  height: 1.6rem;
  padding-top: .3rem;
}

.advantageItem .advantageItem-top p {
  height: 0.6rem;
  line-height: 0.6rem;
  color: #fff;
  font-size: .24rem;
}

.advantageItem .advantageItem-top span {
  position: relative;
  width: .86rem;
  height: .86rem;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.advantageItem .advantageItem-top span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: .38rem;
  height: .34rem;
  background: url(../images/sprites.png) no-repeat left -0.82rem/3rem 3rem;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.advantageItem:nth-of-type(2) {
  background-color: #8dc421;
}

.advantageItem:nth-of-type(2) .advantageItem-bot {
  background-color: #c1e770;
  color: #5e890a;
}

.advantageItem:nth-of-type(2) .advantageItem-top span::before {
  background-position-x: -.39rem;
}

.advantageItem:nth-of-type(3) {
  background-color: #fcd802;
}

.advantageItem:nth-of-type(3) .advantageItem-bot {
  background-color: #ffef91;
  color: #9a8610;
}

.advantageItem:nth-of-type(3) .advantageItem-top span::before {
  background-position-x: -.78rem;
}

.advantageItem:nth-of-type(4) {
  background-color: #fa8d7a;
}

.advantageItem:nth-of-type(4) .advantageItem-bot {
  background-color: #ffcbc2;
  color: #c25a48;
}

.advantageItem:nth-of-type(4) .advantageItem-top span::before {
  background-position-x: -1.17rem;
}

.advantageItem:nth-of-type(5) {
  background-color: #c2afe6;
}

.advantageItem:nth-of-type(5) .advantageItem-bot {
  background-color: #e1d4f9;
  color: #5d33ad;
  text-align: left;
}

.advantageItem:nth-of-type(5) .advantageItem-top span::before {
  background-position-x: -1.56rem;
}

.scroller-wrapper {
  overflow: hidden;
}

.scroller-wrapper li {
  float: left;
}

.dynamic-nav {
  padding-left: .2rem;
  border-bottom: 1px solid #e1e1e1;
}

#dynamic-nav li {
  height: .6rem;
  line-height: .6rem;
  padding-top: .2rem;
  padding-bottom: 2px;
}

#dynamic-nav li:not(:last-of-type) {
  padding-right: .5rem;
}

#dynamic-nav li a {
  padding: 0 .1rem;
  border-bottom: 3px solid transparent;
}

#dynamic-nav li.active a {
  border-bottom-color: #d63330;
}

.dynamic-content {
  padding: 0 .2rem;
}

.dynamic-content .dynamic-item {
  padding: .2rem 0;
}

.dynamic-content .dynamic-item:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}

.dynamic-content .img {
  width: 2.1rem;
  height: 1.58rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.dynamic-content .text {
  position: relative;
  width: 4.6rem;
  height: 1.58rem;
  padding-left: .3rem;
}

.dynamic-content .text h3 {
  height: .5rem;
  margin-top: -.14rem;
  line-height: .5rem;
  color: #666;
  font-size: .28rem;
  overflow: hidden;
}

.dynamic-content .text p {
  height: .6rem;
  line-height: .3rem;
  overflow: hidden;
  color: #999;
  font-size: .18rem;
}

.dynamic-content .text time {
  position: absolute;
  bottom: 0;
  left: .2rem;
  color: #bcbcbc;
  font-size: .18rem;
}

.original-swiper .swiper-container-original {
  width: 4.8rem;
  padding: .4rem 1.35rem;
}

.original-swiper .swiper-slide {
  padding: 0 .4rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.original-swiper .swiper-slide-active {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.studentStar-scroller {
  padding-left: .3rem;
  padding-bottom: .2rem;
}

#studentStar-nav li {
  width: 2.2rem;
}

#studentStar-nav li:not(:last-of-type) {
  padding-right: .3rem;
}

#studentStar-nav li .img {
  width: 2.2rem;
  height: 2.74rem;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
  overflow: hidden;
}

#studentStar-nav .text {
  padding: .1rem;
}

#studentStar-nav .text h3 {
  height: .38rem;
  line-height: .38rem;
  color: #666;
  font-size: .28rem;
}

#studentStar-nav .text p {
  height: .6rem;
  line-height: .3rem;
  color: #999;
  font-size: .18rem;
  overflow: hidden;
}

.original, .studentStar, .indexTeacher {
  border-top: .3rem solid #f8f8f8;
}

.indexTeacher .indexTitle {
  border-bottom: 1px solid #eee;
}

.indexTeacher-list {
  padding: 0 .2rem;
}

.indexTeacher-item {
  padding: .2rem 0;
}

.indexTeacher-item:not(:last-of-type) {
  border-bottom: 1px solid #eee;
}

.indexTeacher-item .img {
  width: 2.22rem;
  height: 2.74rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.indexTeacher-item .text {
  position: relative;
  height: 2.74rem;
  width: 4.5rem;
  padding-left: .3rem;
}

.indexTeacher-item .text h3 {
  height: .5rem;
  line-height: .5rem;
  color: #000;
  font-size: .3rem;
}

.indexTeacher-item .text p {
  height: 1.8rem;
  line-height: .3rem;
  color: #666;
  font-size: .18rem;
  overflow: hidden;
}

.indexTeacher-item .text .teacherMore {
  position: absolute;
  left: .3rem;
  bottom: 0;
  color: #ffb532;
  font-size: .18rem;
}

.indexTeacher-item .text .teacherMore i {
  padding-left: .1rem;
  font-size: .3rem;
  font-family: consolas;
}

.onlineForm {
  width: 6rem;
  margin: 0 auto;
  padding-bottom: .6rem;
}

.onlineForm .onlineSubmitBtn {
  display: block;
  width: 100%;
  height: .6rem;
  background-color: #bd0a04;
  line-height: .6rem;
  color: #fff;
  font-size: .3rem;
  -webkit-border-radius: .3rem;
  -o-border-radius: .3rem;
  -moz-border-radius: .3rem;
  border-radius: .3rem;
}

.onlineInput {
  position: relative;
  margin-bottom: .2rem;
}

.onlineInput input, .onlineInput select {
  height: .58rem;
  width: 100%;
  padding: 0 .4rem;
  border: 1px solid #e5e5e5;
  background-color: #f8f8f8;
  line-height: .58rem;
  color: #999;
  -webkit-border-radius: .3rem;
  -o-border-radius: .3rem;
  -moz-border-radius: .3rem;
  border-radius: .3rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

option, option:focus {
  border: none;
  background-color: #f8f8f8;
}

.orsay {
  padding: 0 .2rem;
}

.orsay-nav {
  padding-top: .2rem;
  border-bottom: 1px solid #e1e1e1;
}

.orsay-item {
  padding: .2rem 0;
}

.orsay-item .img {
  height: 1.58rem;
  width: 2.1rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.orsay-item .text {
  position: relative;
  width: 4.6rem;
  height: 1.58rem;
  padding-left: .3rem;
}

.orsay-item .text h3 {
  height: .5rem;
  margin-top: -.1rem;
  line-height: .5rem;
  color: #000;
  font-size: .24rem;
  overflow: hidden;
}

.orsay-item .text p {
  height: .9rem;
  line-height: .3rem;
  color: #666;
  font-size: .18rem;
  overflow: hidden;
}

.orsay-item .text time {
  position: absolute;
  left: .3rem;
  bottom: 0;
  height: .24rem;
  line-height: .24rem;
  color: #999;
  font-size: .18rem;
}

.orsay-item .time {
  width: 1.28rem;
  border-right: 1px dashed #bfbfbf;
  color: #999;
}

.orsay-item .time span {
  height: .5rem;
  padding-top: .14rem;
  line-height: .5rem;
  font-size: .48rem;
}

.orsay-item .time p {
  height: .3rem;
  line-height: .3rem;
  font-size: .18rem;
}

.college-list .orsay-item:nth-of-type(2n) {
  background-color: #f6f6f6;
}

.college-list .orsay-item .text {
  width: 5.4rem;
  height: 1.2rem;
}

.college-list .orsay-item .text h3 {
  margin-top: 0;
}

.college-list .orsay-item .text p {
  height: .6rem;
}

.about-content {
  padding-top: .2rem;
  padding-bottom: .6rem;
}

.about-content .pWrap {
  padding: 0 .3rem;
}

.about-content .pWrap p {
  padding-bottom: .4rem;
  line-height: .4rem;
  color: #999;
  font-size: .2rem;
}

.studentStar-item {
  padding: .4rem .3rem;
  border-bottom: 1px solid #e5e5e5;
}

.studentStar-item .img {
  width: 2.96rem;
  height: 3.8rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.studentStar-item .img a {
  display: block;
}

.studentStar-item .text {
  width: 3.2rem;
  padding-left: .3rem;
  line-height: .36rem;
  color: #999;
}

.studentStar-item .name {
  height: .3rem;
  line-height: .3rem;
  color: #666;
  font-size: .28rem;
}

.studentStar-item .name i {
  padding-left: .3rem;
  color: #999;
  font-size: .18rem;
}

.studentStar-item .msg {
  padding-top: .3rem;
  padding-bottom: .2rem;
  color: #666;
  font-size: .24rem;
}

.trainInner {
  background-color: #f8f8f8;
}

.trainItem {
  padding: .3rem 0;
  background-color: #fff;
  margin-top: .3rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.trainItem a {
  display: block;
}

.trainItem .img {
  width: 6.64rem;
  height: 3.6rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.trainItem .text {
  padding: .14rem .3rem 0;
  line-height: .3rem;
  font-size: .18rem;
}

.trainItem .text h3 {
  height: .5rem;
  line-height: .5rem;
  color: #000;
  font-size: .28rem;
  overflow: hidden;
}

.trainItem .text p {
  height: .6rem;
  overflow: hidden;
}

.trainItem .text time {
  display: inline-block;
  height: .6rem;
  line-height: .6rem;
  color: #999;
}

.downloadList {
  padding-bottom: .6rem;
}

.downloadItem {
  margin-top: .4rem;
  width: 2.1rem;
  height: 2.87rem;
  overflow: hidden;
}

.downloadItem:not(:nth-of-type(3n)) {
  margin-right: .4rem;
}

.lesson-banner {
  padding: 0 .2rem;
}

.lessonNav {
  padding-left: .2rem;
  padding-right: .4rem;
}

#lessonNav-nav li {
  height: .8rem;
  line-height: .8rem;
}

#lessonNav-nav li:not(:last-of-type) {
  padding-right: .1rem;
}

#lessonNav-nav li a {
  position: relative;
  padding: 0 .2rem;
  font-size: .28rem;
}

#lessonNav-nav li.active a {
  color: #cb1d21;
  font-size: .3rem;
}

#lessonNav-nav li.active a::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: -2px;
  left: 0;
  z-index: -1;
  border-bottom: 3px solid #cb1d21;
}

#lessonNav-nav li.active a::after {
  content: '';
  position: absolute;
  height: 0%;
  width: 0%;
  bottom: 0px;
  left: 50%;
  z-index: -1;
  border: 6px solid transparent;
  border-bottom-color: #cb1d21;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lessonOline .swiper-container-lessonOline {
  padding: .3rem .7rem;
}

.lessonOline .swiper-slide {
  padding: 0 .2rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.lessonOnlineApply {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lessonOnlineApply h3 {
  height: .66rem;
  padding-bottom: .3rem;
  line-height: .66rem;
  font-size: .3rem;
}

.lessonOnlineApply .lessonOnlineApply-btn {
  height: .5rem;
  padding: 0 .5rem;
  background: -webkit-linear-gradient(left, #ff9000, #ff4e00);
  background: -o-linear-gradient(right, #ff9000, #ff4e00);
  background: -moz-linear-gradient(right, #ff9000, #ff4e00);
  background: linear-gradient(to right, #ff9000, #ff4e00);
  line-height: .5rem;
  color: #fff;
  font-size: .24rem;
}

.lessonOline-title {
  height: .7rem;
  line-height: .7rem;
  font-size: .3rem;
}

.lessonBegin {
  padding: .2rem;
}

.lesson-choose-nav {
  position: relative;
  height: .9rem;
  line-height: .9rem;
  font-size: 0;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

.lesson-choose-nav input {
  width: 1.5rem;
  border: none;
  font-size: .28rem;
  text-align: center;
  vertical-align: top;
}

.lesson-choose-nav .chooseLesson {
  width: 2.5rem;
}

.lesson-choose-nav .chooseLesson.active {
  color: #cb1d21;
}

.lesson-choose-nav .chooseLesson.active span {
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.lesson-choose-nav .chooseLesson span {
  width: .6rem;
  height: .9rem;
  font-size: .56rem;
  vertical-align: top;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  transform-origin: center;
}

.lesson-choose-nav .chooseLesson span::before {
  height: .9rem;
  line-height: .9rem;
  text-align: center;
}

.selectUl {
  display: none;
  position: absolute;
  top: .92rem;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: .2rem 0;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  color: #666;
  font-size: .24rem;
  text-align: left;
}

.selectUl li {
  height: .6rem;
  padding-left: .6rem;
  line-height: .6rem;
}

.lessonIndexList {
  padding: .2rem;
}

.lessonIndexList .img {
  width: 3.3rem;
  height: 1.88rem;
  overflow: hidden;
  -webkit-border-radius: .1rem;
  -o-border-radius: .1rem;
  -moz-border-radius: .1rem;
  border-radius: .1rem;
}

.lessonIndexList .text {
  padding-top: .2rem;
}

.lessonIndexList .lessonIndexItem {
  float: left;
  width: 3.3rem;
  height: 3.78rem;
}

.lessonIndexList .lessonIndexItem:nth-of-type(2n) {
  float: right;
}

.lessonIndexList .lessonIndexItem h3 {
  height: .6rem;
  line-height: .3rem;
  font-size: .24rem;
  overflow: hidden;
}

.lessonIndexList .price {
  padding-top: .24rem;
  font-size: .18rem;
}

.lessonIndexList .free {
  height: .36rem;
  width: .8rem;
  border: 1px solid #72c200;
  line-height: .36rem;
  color: #72c200;
  font-size: .18rem;
  text-align: center;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.lessonIndexList .msg {
  height: .36rem;
  line-height: .36rem;
  color: #999;
}

.lessonList {
  padding: 0 .2rem;
}

.lessonItem {
  padding: .2rem 0;
}

.lessonItem .img {
  width: 2.2rem;
  height: 1.24rem;
  overflow: hidden;
}

.lessonItem .text {
  position: relative;
  height: 1.24rem;
  width: 4.5rem;
  padding-left: .3rem;
  line-height: .36rem;
}

.lessonItem .text h3 {
  height: .72rem;
  margin-top: -.06rem;
  font-size: .24rem;
  overflow: hidden;
}

.lessonItem .price {
  position: absolute;
  left: .3rem;
  bottom: 0;
  border: 1px solid transparent;
  color: #cb1d21;
  font-size: .36rem;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.lessonItem .price.free {
  padding: 0 .3rem;
  color: #72c200;
  border-color: #72c200;
  font-size: .18rem;
}

.lessonDeVideo {
  position: relative;
  height: 4rem;
  background-color: #2c2c2c;
}

.lessonDeVideo video {
  width: 100%;
  height: 4rem;
}

.lessonDeVideo .playNow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lessonDeVideo .playNow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: .82rem;
  height: .82rem;
  background: url(../images/playBg_03.png) no-repeat center/cover;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lessonContent {
  padding: 0 .2rem .3rem;
}

.lessonContent .buy-num {
  padding: .24rem 0;
  line-height: .36rem;
  font-size: .2rem;
}

.lessonContent .buyOnline {
  display: block;
  height: .7rem;
  margin-top: .1rem;
  background-color: #fea012;
  line-height: .7rem;
  color: #fff;
  font-size: .3rem;
}

.lessonTitle {
  height: 1rem;
  line-height: .5rem;
  padding: .2rem 0;
  border-bottom: 1px dashed #ccc;
  color: #363636;
  font-size: .3rem;
}

.lessonDetail-nav {
  padding: .3rem .2rem 0;
  border-bottom: 1px solid #ccc;
}

.lessonDetail-nav ul {
  margin-bottom: -2px;
}

.lessonDetail-nav a {
  height: .66rem;
  line-height: .66rem;
  padding: 0 .14rem;
  border-bottom: 3px solid transparent;
  color: #000;
  font-size: .24rem;
}

.lessonDetail-nav li.active a {
  border-bottom-color: #cb1d21;
  color: #cb1d21;
}

.courseMsg, .lessonMsgWrap, .teacherMsgWrap {
  padding: 0 .2rem;
}

.lessonMsgTitle {
  line-height: .3rem;
  padding: .24rem 0;
  color: #000;
  font-size: .24rem;
}

.lessonMsgTitle span {
  padding-left: .3rem;
  border-left: 3px solid #cb1d21;
}

.courseMsg {
  padding-bottom: .4rem;
  border-bottom: 1px solid #ccc;
  line-height: .36rem;
  font-size: .18rem;
}

.teacherItem {
  padding: .3rem .3rem .4rem;
}

.teacherItem .img {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
}

.teacherItem .text {
  width: 5.1rem;
  padding-left: .3rem;
  line-height: .36rem;
  color: #858585;
  font-size: .18rem;
}

.teacherItem .name {
  height: .76rem;
  line-height: .6rem;
  color: #000;
  font-size: .24rem;
}

.teacherItem .name i {
  padding-left: .4rem;
  color: #999;
}

.catalogList, .studentSayList {
  padding: .2rem;
}

.catalogItem {
  padding-top: .2rem;
}

.catalogItem a {
  display: block;
  padding: .1rem 0;
  background-color: #f9f9f9;
  line-height: .4rem;
  color: #363636;
  font-size: .18rem;
}

.xg-lesson {
  padding-top: .3rem;
  padding-bottom: .5rem;
}

.studentSayItem {
  padding: .4rem .2rem .3rem;
  border-bottom: 1px solid #ccc;
}

.studentSayItem .img {
  width: .48rem;
  height: .48rem;
  overflow: hidden;
}

.studentSayItem .text {
  width: 5.9rem;
  padding-left: .4rem;
  line-height: .36rem;
  font-size: .18rem;
}

.studentSayItem .text h3 {
  height: .36rem;
  line-height: .24rem;
  color: #000;
  font-size: .18rem;
}

.studentSayItem .text p {
  height: .72rem;
  overflow: hidden;
}

.studentSayItem .text time {
  display: inline-block;
  padding-top: .2rem;
  line-height: .3rem;
  color: #999;
}

.testModalInner {
  width: 4.1rem;
  padding: .1rem .5rem .6rem;
  background-color: #fff;
  -webkit-border-radius: .2rem;
  -o-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
}

.testModalInner .modalClose {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .3rem;
  height: .3rem;
  border: 1px solid #c2c2c2;
}

.testModalInner .modalClose::before {
  content: '\2715';
  position: absolute;
  top: 50%;
  left: 50%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  color: #c2c2c2;
  font-size: .24rem;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.testModalInner .textInput {
  padding-bottom: .3rem;
   -webkit-user-select:text !important;
}

.testModalInner .textInput input {
  height: .6rem;
  width: 100%;
  padding: 0 .3rem;
  border: 1px solid #ccc;
  line-height: .6rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -webkit-user-select:text !important;
}

.testModalInner .testNow {
  display: block;
  height: .6rem;
  background-color: #cb1d21;
  line-height: .6rem;
  color: #fff;
  font-size: .24rem;
}

.testModalInner h3 {
  height: .9rem;
  line-height: .9rem;
  color: #040404;
  font-size: .24rem;
  text-align: center;
}

.test {
  padding: 0 .2rem;
}

.testWrap {
  padding-top: .5rem;
}

.testWrap .testWrapInner {
  padding: .2rem .86rem .4rem;
  background-color: #f8f8f8;
  border: 1px solid #dcdcdc;
}

.testWrap .title {
  height: 1.1rem;
  line-height: 1.1rem;
  color: #000;
  font-size: .34rem;
}

.testWrap .title span {
  position: relative;
  padding-left: .7rem;
}

.testWrap .title span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: .42rem;
  height: .42rem;
  margin-top: -.21rem;
  background: url(../images/sprites.png) no-repeat left -1.17rem/3rem 3rem;
}

.testWrap .goToTest {
  display: block;
  height: .7rem;
  margin-top: .3rem;
  background-color: #cb1d21;
  line-height: .7rem;
  color: #fff;
  font-size: .3rem;
}

.testWrap .goToTest.yellow {
  background-color: #feba0e;
}

.answerItem {
  position: relative;
  height: .5rem;
  margin: .2rem 0;
  line-height: .5rem;
  width: 33.3333%;
}

.answerItem a {
  display: block;
  position: relative;
  padding-left: .5rem;
  color: #666;
  font-size: .28rem;
}

.answerItem a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: .26rem;
  height: .26rem;
  border: 1px solid #d6d6d6;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.answerItem a::after {
  content: '';
  position: absolute;
  left: .04rem;
  top: 50%;
  width: .2rem;
  height: .2rem;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.answerItem input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
}

.answerItem input:checked + a::after {
  background-color: #ffb700;
}

.testRank {
  padding: .3rem .2rem;
}

.rank-nav {
  border-bottom: 1px solid #ccc;
}

.rank-nav ul {
  margin-bottom: -2px;
}

.rank-nav li {
  width: 50%;
}

.rank-nav li a {
  display: block;
  height: .7rem;
  line-height: .7rem;
  color: #333;
  font-size: .3rem;
  border-bottom: 4px solid transparent;
}

.rank-nav li.active a {
  border-bottom-color: #feba0e;
  color: #feba0e;
}

.rankItem {
  position: relative;
  height: .9rem;
  padding: .2rem 0;
}

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

.rankItem .img {
  width: .56rem;
  height: .56rem;
  overflow: hidden;
}

.rankItem .text {
  width: 5rem;
  padding-left: .4rem;
  color: #666;
}

.rankItem .text h3 {
  height: .44rem;
  line-height: .44rem;
  font-size: .24rem;
}

.rankItem .score {
  line-height: .36rem;
}

.rankItem .score i {
  padding-left: .6rem;
}

.rankItem .num {
  position: absolute;
  bottom: .12rem;
  left: 0;
  width: .3rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #a2a2a2;
  color: #fff;
  font-size: 12px;
}

.rankItem a {
  position: relative;
  padding-left: .7rem;
}

.rank {
  padding: .3rem 0;
}

.testFoot {
  padding: .3rem .2rem .7rem;
  margin-bottom: -0.2rem;
  background-color: #2c2c2c;
  line-height: .36rem;
  font-size: .18rem;
  color: #8e8e8e;
}

.testFoot .title {
  position: relative;
  height: .4rem;
  line-height: .4rem;
  color: #fff;
  font-size: .28rem;
}

.testFoot .title::before {
  content: '';
  position: absolute;
  left: -.36rem;
  top: 50%;
  width: .24rem;
  height: .24rem;
  margin-top: -.12rem;
  background: url(../images/sprites.png) no-repeat -2.48rem top/3rem 3rem;
}

.testFoot .footer-left, .testFoot .footer-right {
  padding-left: .36rem;
}

.testFoot .footer-left {
  width: 3.3rem;
}

.testFoot .footer-right {
  width: 3rem;
}

.testFoot .footer-right .title::before {
  background-position-x: -2.73rem;
}

.testFoot .footer-right p {
  height: .4rem;
  color: #fff;
  font-size: .3rem;
}

.testFoot .footer-right time {
  font-size: .1rem;
}

.testFoot .footer-right .img {
  width: .98rem;
  height: .98rem;
  padding-top: .2rem;
  overflow: hidden;
}

.onlineTestTile {
  padding: .3rem 0;
  line-height: .3rem;
  color: #666;
  font-size: .18rem;
}

.onlineTestTile h3 {
  height: .4rem;
  line-height: .4rem;
  color: #000;
  font-size: .3rem;
}

.onlineTestTile p {
  height: .3rem;
}

.onlineTestNav {
  padding: .4rem .2rem;
  color: #fff6e4;
  font-size: .24rem;
  background: -webkit-linear-gradient(left, #ff9000, #ff4e00);
  background: -o-linear-gradient(right, #ff9000, #ff4e00);
  background: -moz-linear-gradient(right, #ff9000, #ff4e00);
  background: linear-gradient(to right, #ff9000, #ff4e00);
  -webkit-border-radius: .2rem;
  -o-border-radius: .2rem;
  -o-border-radius: .2rem;
  border-radius: .2rem;
}

.onlineTestNav a {
  position: relative;
  padding-left: .4rem;
  line-height: 1rem;
  color: #fff6e4;
  font-size: .24rem;
}

.onlineTestNav a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: .24rem;
  height: .24rem;
  margin-top: -.1rem;
  background: url(../images/sprites.png) no-repeat -2.15rem -0.42rem/3rem 3rem;
}

.onlineTestNav .left, .onlineTestNav .center1 {
  border-right: 1px solid #ffb83b;
}

.onlineTestNav .left, .onlineTestNav .center1, .onlineTestNav .right {
  width: 33%;
  height: 1rem;
}

.onlineTestNav p {
  height: .3rem;
  line-height: .3rem;
}

.onlineTestNav #time {
  height: .5rem;
  padding-top: .2rem;
  line-height: .5rem;
  font-size: .48rem;
}

.onlineTestNav .right a::before {
  background-position-x: -2.4rem;
}

.testBtnWrap {
  padding-top: .5rem;
}

.testBtnWrap a {
  display: block;
  width: 2.2rem;
  height: .7rem;
  background-color: #ff6600;
  line-height: .7rem;
  color: #fff;
  font-size: .3rem;
}

.testBtnWrap a.next {
  background-color: #ffb700;
}

.testBtnWrap a.handIn {
  background-color: #cb1d21;
}

.testBegin {
  padding-bottom: .8rem;
  padding-top: .3rem;
}

.testBegin .topic {
  position: relative;
  height: 1rem;
  padding-left: .6rem;
  line-height: .5rem;
  color: #050303;
  font-size: .24rem;
}

.testBegin .topic span {
  position: absolute;
  left: 0;
  top: 0;
  width: .6rem;
}

.optionList {
  padding-left: .6rem;
  padding-bottom: .3rem;
}

.optionList .option {
  position: relative;
  height: .5rem;
  margin: .1rem 0;
  line-height: .5rem;
}

.optionList a {
  display: block;
  position: relative;
  padding-left: .4rem;
  color: #666;
  font-size: .24rem;
}

.optionList a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: .24rem;
  height: .24rem;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.optionList a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: .06rem;
  width: .16rem;
  height: .16rem;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.optionList a.rightAnswer:after {
  background-color: #ffb700;
}

.optionList input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.optionList input:checked + a::after {
  background-color: #ffb700;
}

.testResultNav .center1, .testResultNav .right {
  width: 50%;
  line-height: 1rem;
}

.testResultNav .center1 h6 span {
  padding: 0 .1rem;
  font-size: .48rem;
}

.right-answer {
  padding-left: .6rem;
}

.right-answer .right-answer-inner {
  padding-top: .2rem;
  padding-bottom: .4rem;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.right-answer h3 {
  height: .38rem;
  line-height: .38rem;
  color: #000;
  font-size: .24rem;
}

.right-answer h3 span {
  padding-left: .2rem;
  font-size: .28rem;
  text-transform: uppercase;
}

.right-answer h4 {
  height: .38rem;
  padding-bottom: .2rem;
  line-height: .38rem;
  color: #000;
  font-size: .24rem;
}

.right-answer p {
  min-height: .9rem;
  line-height: .3rem;
  color: #666;
  font-size: .24rem;
}

.wrongTestTitle {
  height: 1rem;
  line-height: 1rem;
  color: #fea609;
  font-size: .3rem;
}

.wrongTest .testBegin {
  padding-top: 0;
}

.tsetRecord .listItem {
  padding-bottom: .24rem;
}

.tsetRecord .listItem a {
  padding: .24rem .4rem;
  background: -webkit-linear-gradient(left, #f9b42b, #f08404);
  background: -o-linear-gradient(right, #f9b42b, #f08404);
  background: -moz-linear-gradient(right, #f9b42b, #f08404);
  background: linear-gradient(to right, #f9b42b, #f08404);
  color: #fff;
}

.tsetRecord .listItem h3 {
  height: .5rem;
  line-height: .5rem;
  font-size: .3rem;
}

.tsetRecord .listItem h4 {
  height: .3rem;
  line-height: .3rem;
}

.tsetRecord .listItem .score {
  height: .8rem;
  line-height: .8rem;
}

.tsetRecord .listItem .score span {
  padding-right: .1rem;
  font-size: .58rem;
}

.storeMain {
  position: relative;
  z-index: 12;
  padding: 0 .1rem;
}

.storeMainInner {
  margin-top: -.3rem;
}

.storeTitle {
  height: 1rem;
  line-height: 1rem;
  color: #fb6900;
  font-size: .3rem;
}

.storeTitle i {
  padding-left: .2rem;
  color: #999;
  font-size: .2rem;
}

.storeTitle .storeTitleMore {
  color: #999;
  text-transform: uppercase;
  font-size: .24rem;
}

.storetop, .buyBook, .indexTicket {
  margin-bottom: .4rem;
  padding: 0 .2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.2);
}

.storeList li {
  float: left;
  width: 2.3rem;
  padding-bottom: .2rem;
}

.storeList li a {
  display: block;
  padding: 0 .15rem .1rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.storeList li .img {
  height: 1.34rem;
  overflow: hidden;
}

.storeList li:not(:nth-of-type(3n)) a {
  border-right: 1px solid #f9f9f9;
}

.storeList .text {
  padding: .2rem .1rem 0;
}

.storeList .text h3 {
  height: .6rem;
  line-height: .3rem;
  color: #545454;
  font-size: .24rem;
  overflow: hidden;
}

.storeList .text time {
  display: block;
  height: .6rem;
  line-height: .6rem;
  color: #fc8936;
  font-size: .18rem;
}

.storeList .price span, .storeList .price i {
  display: block;
  font-size: .18rem;
}

.storeList .price i {
  color: #fc8936;
}

.buyBooks {
  padding-bottom: .3rem;
}

.buyBooks dl {
  height: 4.32rem;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  overflow: hidden;
}

.buyBooks h3 {
  line-height: .3rem;
  color: #545454;
  font-size: .24rem;
  overflow: hidden;
}

.buyBooks .price {
  color: #fc8936;
  font-size: .28rem;
}

.buyBooks dt, .buyBooks dd {
  float: left;
  position: relative;
  padding-top: .3rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buyBooks dt > a, .buyBooks dd > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: .2rem;
  padding-top: .3rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buyBooks dt {
  width: 3.2rem;
  height: 4.32rem;
  border-right: 1px solid #eaeaea;
}

.buyBooks dt .img {
  height: 2.3rem;
  overflow: hidden;
}

.buyBooks dt .text {
  padding-top: .3rem;
}

.buyBooks dt h3 {
  height: .6rem;
}

.buyBooks dd {
  width: 3.65rem;
  height: 2.18rem;
  padding-left: .2rem;
  border-bottom: 1px solid #eaeaea;
}

.buyBooks dd img {
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
}

.buyBooks dd .text {
  width: 1.6rem;
  padding-left: .2rem;
}

.buyBooks dd h3 {
  height: .9rem;
}

.buyBooks dd .price {
  padding-top: .2rem;
}

.ticketList li {
  float: left;
  width: 50%;
  margin-bottom: .2rem;
}

.ticketList li a {
  display: block;
  width: 3.1rem;
  margin: 0 auto;
}

.ticketList li .img {
  width: 3.1rem;
  height: 1.8rem;
  background: url(../images/books_22.png) no-repeat center 0.1rem/2.9rem 1.3rem #ffb154;
  overflow: hidden;
}

.ticketList .text {
  padding: .2rem .1rem .3rem;
}

.ticketList .text h3 {
  height: .6rem;
  line-height: .3rem;
  color: #545454;
  font-size: .24rem;
}

.ticketList .price {
  height: .4rem;
  padding-top: .2rem;
  line-height: .4rem;
  color: #fc8936;
  font-size: .28rem;
}

.regularList li, .regularList span {
  float: left;
}

.regularList li.active a {
  background-color: #f70;
  color: #fff;
}

.regularList li {
  padding: .1rem;
}

.regularLessonNav {
  padding: .3rem;
  color: #666;
  font-size: .24rem;
}

.regularLessonNav span {
  width: .8rem;
  height: .6rem;
  line-height: .6rem;
}

.regularLessonNav a {
  display: block;
  position: relative;
  height: .4rem;
  padding: 0 .1rem;
  line-height: .4rem;
  color: #010101;
  font-size: .24rem;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.regularLessonNav a input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.regularLessonNav a span {
  display: block;
  width: auto;
  height: .4rem;
  line-height: .4rem;
}

.regularLessonNav ul {
  width: 5.8rem;
  padding-left: .2rem;
}

.regularLesson .storetop {
  background-color: transparent;
  box-shadow: 0 0 0 transparent;
}

.booksList li {
  float: left;
  width: 50%;
  height: 4.7rem;
  padding-top: .7rem;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.booksList li a {
  display: block;
  width: 2.8rem;
  margin: 0 auto;
}

.booksList .img {
  height: 2.3rem;
  overflow: hidden;
}

.booksList .text {
  padding: .3rem .1rem;
}

.booksList h3 {
  height: .72rem;
  line-height: .36rem;
  color: #545454;
  font-size: .24rem;
  overflow: hidden;
}

.booksList .price {
  height: .4rem;
  padding-top: .2rem;
  line-height: .4rem;
  color: #fc8936;
  font-size: .28rem;
}

.ticketsMain {
  padding: .2rem .1rem;
  background-color: #f3f3f3;
}

.buyNowInner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.7rem;
  padding: .4rem;
  background-color: #fff;
  -webkit-border-radius: .2rem .2rem 0 0;
  -o-border-radius: .2rem .2rem 0 0;
  -moz-border-radius: .2rem .2rem 0 0;
  border-radius: .2rem .2rem 0 0;
}

.buyNowInner .buyClose {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .3rem;
  height: .3rem;
  border: 1px solid #c2c2c2;
}

.buyNowInner .buyClose::before {
  content: '\2715';
  position: absolute;
  top: 50%;
  left: 50%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  color: #c2c2c2;
  font-size: .24rem;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.buyNowInner .img {
  width: 1.08rem;
  height: .7rem;
  overflow: hidden;
}

.buyNowInner .text {
  width: 5rem;
  padding-left: .3rem;
}

.buyNowInner .text h3 {
  height: .3rem;
  line-height: .3rem;
  color: #000;
  font-size: .28rem;
  overflow: hidden;
}

.buyNowInner .text p {
  height: .6rem;
  line-height: .3rem;
  color: #666;
  font-size: .24rem;
  overflow: hidden;
}

.buyNowInner .top {
  padding-bottom: .2rem;
  border-bottom: 1px solid #e5e5e5;
}

.buyNowInner time {
  display: block;
  height: .6rem;
  line-height: .6rem;
  font-size: .24rem;
}

.buyNowInner .price {
  height: .5rem;
  line-height: .5rem;
  color: #000;
  font-size: .24rem;
}

.buyNowInner .price span {
  padding-left: .2rem;
  color: #c50101;
}

.buyNowInner .payNow {
  display: block;
  height: .66rem;
  margin-top: .5rem;
  background-color: #fea012;
  line-height: .66rem;
  color: #fff;
  font-size: .3rem;
}

.appointment {
  background: url(../images/appointment_02.png) no-repeat left top/100% 100%;
  background-attachment: fixed;
}

.appointmentForm {
  width: 5.7rem;
  margin: 0 auto;
}

.appointmentForm .title {
  height: 1.5rem;
  line-height: 1.1rem;
  color: #fff;
  font-size: .3rem;
}

.appointmentForm .appointmentBtn {
  display: block;
  height: .6rem;
  margin-top: .4rem;
  line-height: .6rem;
  background-color: #fb6900;
  color: #fff;
  font-size: .28rem;
}

.appointmentInput {
  height: .6rem;
  margin-bottom: .3rem;
  line-height: .6rem;
  background-color: #cacaca;
  color: #3c3c3d;
  font-size: .24rem;
  overflow: hidden;
}

.appointmentInput select {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  padding: 0 .3rem;
  border: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
}

.appointmentTextarea {
  background-color: #cacaca;
  overflow: hidden;
   -webkit-user-select:text !important;
}

.appointmentTextarea textarea {
  display: block;
  border: none;
  width: 100%;
  color: #3c3c3d;
  padding: .2rem .3rem;
  line-height: .4rem;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -webkit-user-select:text !important;
}

.appointmentTextarea textarea::-moz-input-placeholder {
  color: #3c3c3d;
}

.appointmentTextarea textarea::-o-input-placeholder {
  color: #3c3c3d;
}

.appointmentTextarea textarea::-webkit-input-placeholder {
  color: #3c3c3d;
}

.appointmentTextarea textarea::input-placeholder {
  color: #3c3c3d;
}

.mineWrapper {
  min-height: 100%;
  padding: .2rem 0;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mineWrapper-inner {
  padding: 0 .2rem;
  background-color: #fff;
}

.mineUser {
  position: relative;
  margin-bottom: .3rem;
  border-bottom: 1px solid #eee;
  line-height: 1rem;
}

.mineUser a {
  position: relative;
  padding: .3rem 0;
}

.mineUser .img {
  position: relative;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
}

.mineUser p {
  width: 5.7rem;
  height: 1rem;
  padding-left: .3rem;
  color: #666;
  font-size: .3rem;
}

.mineUser i {
  display: block;
  color: #d5d5d5;
  font-size: .4rem;
}

.mineUser input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.mine {
  padding: 0 .2rem .3rem;
  background-color: #fff;
}

.mineItem {
  height: 1.1rem;
  line-height: 1.1rem;
  border-bottom: 1px solid #eee;
}

.mineItem span, .mineItem i {
  display: block;
  color: #666;
  font-size: .28rem;
}

.mineItem a {
  padding: 0 .2rem;
   -webkit-user-select:text !important;
}
.mineItem i {
  color: #d5d5d5;
  font-size: .4rem;
}

.mineItem input {
  display: block;
  border: none;
  color: #999;
  text-align: right;
   -webkit-user-select:text !important;
}

.mineItem em {
  display: block;
  line-height: 1rem;
  color: #ccc;
}

.mineSave {
  display: block;
  height: .66rem;
  margin-top: .5rem;
  background-color: #cf0f08;
  line-height: .66rem;
  color: #fff;
  font-size: .3rem;
}

.mineTitle {
  height: .7rem;
  padding: 0 .2rem;
  line-height: .7rem;
  color: #000;
  font-size: .3rem;
  border-bottom: 1px solid #e5e5e5;
}

.mineTitle.creditsTitle {
  padding: .2rem;
  border-bottom: none;
}

.mineTitle.creditsTitle span {
  display: block;
}

.mineTitle.creditsTitle .recharge {
  height: .5rem;
  padding: 0 .3rem;
  background-color: #fea012;
  line-height: .5rem;
  color: #fff;
  font-size: .24rem;
  -webkit-border-radius: .26rem;
  -o-border-radius: .26rem;
  -moz-border-radius: .26rem;
  border-radius: .26rem;
}

.mineTitle.submineTitle {
  padding-top: .5rem;
  border-bottom-color: #b5b5b5;
}

.mineTitle.payTitle {
  font-size: .24rem;
}

.mineTitle.payTitle1 {
  padding-top: .5rem;
}

.mineTitle.payWayTitle {
  height: auto;
  border-bottom: none;
}

.order {
  padding: 0;
}

.orderItem {
  padding: 0 .2rem;
  color: #545454;
  font-size: .24rem;
}

.orderItem:not(:last-of-type) {
  border-bottom: .2rem solid #f8f8f8;
}

.orderItem .orderTop {
  padding: .3rem 0;
  border-bottom: 1px solid #e5e5e5;
}

.orderItem .btnWrap {
  padding: .14rem 0;
}

.orderItem .btnWrap a {
  width: 1.2rem;
  height: .4rem;
  line-height: .4rem;
  border: 1px solid #fea012;
  margin-left: .1rem;
  color: #fea012;
  font-size: .18rem;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.orderItem .btnWrap a.payNow {
  background-color: #fea012;
  color: #fff;
}

.orderItem .btnWrap a.payNow.done {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
}

.orderItem .img {
  width: 1.08rem;
  height: .7rem;
  overflow: hidden;
}

.orderItem .text {
  position: relative;
  width: 5.6rem;
  height: .7rem;
  padding-left: .3rem;
}

.orderItem .text h3 {
  height: .4rem;
  margin-top: -.12rem;
  line-height: .4rem;
  color: #545454;
  font-size: .24rem;
  overflow: hidden;
}

.orderItem .text .price {
  position: absolute;
  bottom: 0;
  left: .3rem;
  height: .3rem;
  line-height: .3rem;
  color: #fc8936;
  font-size: .28rem;
}

.orderList {
  padding-bottom: .6rem;
}

.orderList .commentSubmit {
  display: block;
  margin-top: .2rem;
  height: .66rem;
  background-color: #fea012;
  color: #fff;
  font-size: .3rem;
}

.commentLesson {
  padding: .3rem 0;
}

.commentLesson textarea {
  display: block;
  width: 100%;
  padding: .2rem .3rem;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.creditsNav {
  height: 1.9rem;
  background: -webkit-linear-gradient(left, #fea012, #fe8112);
  background: -o-linear-gradient(right, #fea012, #fe8112);
  background: -moz-linear-gradient(right, #fea012, #fe8112);
  background: linear-gradient(to right, #fea012, #fe8112);
  line-height: .66rem;
  color: #fff;
  font-size: .48rem;
}

.creditsNav h3 {
  line-height: .6rem;
  font-size: .28rem;
}

.creditsNav .creditsNavItem {
  width: 50%;
}

.creditsList {
  padding: .2rem;
}

.creditsList .creditsItem {
  padding: .2rem 0;
  border-bottom: 1px solid #e5e5e5;
}

.creditsList .text {
  width: 6rem;
}

.creditsList h3 {
  height: .44rem;
  line-height: .44rem;
  color: #393939;
  font-size: .28rem;
}

.creditsList time {
  line-height: .36rem;
  color: #999;
  font-size: .24rem;
}

.creditsList .num {
  color: #fea012;
  font-size: .36rem;
}

.creditsList .num.pay {
  color: #6eb300;
}

.orderDetail {
  padding: .3rem .2rem;
}

.orderDetail li {
  line-height: .48rem;
  color: #666;
  font-size: .24rem;
}

.orderTotal {
  height: 1.2rem;
  padding: 0 .2rem;
  line-height: 1.2rem;
  color: #030202;
  font-size: .3rem;
  border-top: .2rem solid #f8f8f8;
  border-bottom: .2rem solid #f8f8f8;
}

.payWay {
  padding: 0 .2rem;
}

.payWay .payItem {
  position: relative;
  height: 1rem;
  line-height: 1rem;
}

.payWay .payItem input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
}

.payWay a {
  position: relative;
  padding-left: 1.4rem;
}

.payWay a span {
  position: absolute;
  left: .7rem;
  top: 50%;
  width: .48rem;
  height: .48rem;
  background: url(../images/sprites.png) no-repeat left -1.61rem/3rem 3rem;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.payWay a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: .3rem;
  height: .3rem;
  border: 1px solid #c9c9c9;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.payWay a::after {
  content: "";
  position: absolute;
  left: .06rem;
  top: 50%;
  width: .22rem;
  height: .22rem;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.payWay a.alipay span {
  background-position-x: -.49rem;
}

.payWay .payItem input:checked + a::after {
  background-color: #f70;
}

.payWayTitle .payNowBtn {
  display: block;
  height: .66rem;
  margin: .3rem 0;
  background-color: #fea012;
  line-height: .66rem;
  color: #fff;
  font-size: .3rem;
}

.outWrapperFlex .loginWrapper {
  min-height: 100%;
  padding: 0;
  background-color: #f8f8f8;
}

.loginInner {
  position: relative;
  z-index: 1;
  width: 4rem;
  padding: .1rem .7rem .4rem;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
}

.loginInner h3 {
  height: 1.1rem;
  line-height: 1.1rem;
  color: #0a0a0a;
  font-size: .3rem;
  text-align: center;
}

.loginInner a {
  display: block;
  line-height: .94rem;
  color: #cf0f08;
  font-size: .24rem;
}

.loginInner .loginBtn {
  height: .66rem;
  background-color: #cf0f08;
  line-height: .66rem;
  color: #fff;
  font-size: .32rem;
  -webkit-border-radius: .4rem;
  -o-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
}

.loginInner::before, .loginInner::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -.2rem;
  height: .2rem;
  width: 90%;
  z-index: -1;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 16px 30px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 16px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 16px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 16px 30px 0px rgba(0, 0, 0, 0.1);
}

.loginInner::after {
  bottom: -.4rem;
  width: 80%;
}

.login {
  padding-top: 1.8rem;
}

.loginLogo {
  width: 1.92rem;
  height: .52rem;
  padding-bottom: 1rem;
  margin: 0 auto;
  overflow: hidden;
}

.loginInput {
  position: relative;
  padding-bottom: .24rem;
  -webkit-user-select:text !important;
}

.loginInput input {
  height: .6rem;
  width: 100%;
  border: 1px solid #e5e5e5;
  padding-left: .7rem;
  line-height: .6rem;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -o-border-radius: .1rem;
  border-radius: .1rem;
  -webkit-user-select:text !important;
}

.userNmne::before, .userPassword:before {
  content: '\e651';
  position: absolute;
  top: 0%;
  left: .2rem;
  height: .66rem;
  line-height: .66rem;
  font-family: 'iconfont';
  color: #ccc;
  font-size: .3rem;
}

.userPassword:before {
  content: '\e654';
}

.forget .loginInput input {
  padding: 0 .3rem;
}

.forget .loginInput.getNumInput input {
  padding-right: 1.7rem;
}

.forget .getNum {
  position: absolute;
  top: .12rem;
  right: 0;
  width: 1.6rem;
  height: .4rem;
  line-height: .4rem;
  border-left: 1px solid #e5e5e5;
}

.goSignup .goSignup-btn {
  height: .7rem;
  line-height: .7rem;
  color: #999;
  font-size: .24rem;
}

.goSignup .goSignup-btn span {
  color: #cf0f08;
}

#buyNowModal {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}