@charset "utf-8";
.header {
  background: #fff;
  line-height: 90px;
  height: 90px;
}
.logo {
  background: url(../img/head/logo.png) no-repeat;
  width: 149px;
  height: 40px;
  margin-top: 23px;
  margin-right: 20px;
  float: left;
}
.logs {
  background: url("http://ksmooc-10053130.cos.myqcloud.com/h5/logos.png") no-repeat;
  width: 40px;
  height: 40px;
  margin-top: 23px;
  margin-left: 20px;
  margin-right: 10px;
  float: left;
}
.list {
  float: left;
}
.list li {
  float: left;
}
.list li a {
  color: #494949;
  font-size: 18px;
  height: 90px;
  line-height: 90px;
  padding: 0 20px;
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s;
}
.list li a:hover {
  color: #fff;
  background: #2eafb3;
}
.list li .active {
  color: #2eafb3;
}
.list li .active a {
  color: #2eafb3;
}
.mr50 {
  margin-left: 50px;
}
.right_logo {
  float: right;
  height: 90px;
  line-height: 90px;
  position: relative;
}
.right_logo i {
  cursor: pointer;
}
.right_logo .ico_look,
.right_logo .ico_notifi,
.right_logo .ico_appdown,
.right_logo .ico_look,
.right_logo .ico_searchBtn {
  background: url("../img/head/ico-search.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.right_logo .ico_look {
  width: 21px;
  height: 21px;
}
.right_logo .ico_appdown {
  width: 16px;
  height: 21px;
  background-position: -21px 0;
  *margin-top: 37px;
}
.right_logo .ico_notifi {
  width: 16px;
  height: 21px;
  background-position: -42px 0;
  *zoom: 1;
  *display: inline;
  *margin-top: 38px;
}
.list_login {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 200px;
}
.list_login li {
  float: left;
  width: 60px;
  text-align: center;
  position: relative;
}
.list_login li a {
  display: block;
  *display: table-cell;
}
.list_login li .nav_register,
.list_login li .nav_login {
  font-size: 16px;
}
.list_login li .nav_login:hover {
  background: #2eafb3;
  color: #fff;
}
.search_btn {
  position: absolute;
  right: 198px;
}
.search-input {
  float: right;
  position: relative;
  height: 38px;
  line-height: 38px;
  width: 150px;
  margin: 10px 0;
  padding-right: 30px;
  border-bottom: 1px solid #000;
  border: none;
  outline: none;
  padding-left: 100px;
  border-radius: 20px;
  zoom: 1;
  transition: width 0.3s;
  background: #f6f6f6;
}
.search_area {
  float: left;
  position: relative;
  left: -173px;
  top: 17px;
}
.f23 {
  font-size: 23px !important;
}
.kecheng {
  position: absolute;
  top: -15px;
  left: 28px;
  z-index: 9;
  color: #7c7b7b;
  cursor: pointer;
}
.sea {
  color: #70c6c9;
}
.kecheng_li {
  position: absolute;
  top: 40px;
  left: 5px;
  z-index: 9999;
  background: #f6f6f6;
  width: 100px;
  text-align: center;
  height: 92px;
  border-radius: 10px;
  cursor: pointer;
  display: none;
}
.kecheng_li .kecheng_lis {
  margin-top: -22px;
  display: inline-block;
}
.kecheng_li a {
  margin: 0;
  padding: 0;
  height: 25px;
  display: block;
  color: #7c7b7b;
}
.notices_on {
  width: 6px;
  height: 6px;
  background: #c81015;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  position: absolute;
  top: 34px;
  *zoom: 1;
}
.notice-number {
  position: absolute;
  top: -7px;
  color: #fff;
  z-index: 1;
  right: 11px;
  text-align: center;
  width: 13px;
}
.notices_on {
  width: 18px;
  height: 18px;
  top: 30px;
  right: 9px;
  border-radius: 50%;
}
.g-user-card {
  position: absolute;
  right: -36px;
  top: 88%;
  width: 293px;
  border-top: 1px solid #cdcccc;
  border-left: 1px solid #cdcccc;
  border-right: 1px solid #cdcccc;
  padding-top: 10px;
  visibility: hidden;
  z-index: 1000;
}
.g-user-card .card-top {
  background: #fff;
  height: 34px;
  border-bottom: 1px solid #ccc;
}
.g-user-card .card-top li {
  height: 30px;
  line-height: 24px;
  width: 97px;
  cursor: pointer;
  position: relative;
}
.g-user-card .card-top li .notice-number {
  position: absolute;
  top: -7px;
  color: #fff;
  z-index: 1;
  right: 14px;
}
.g-user-card .card-top li .notices_on {
  width: 18px;
  height: 18px;
  top: 30px;
  right: 9px;
  border-radius: 50%;
}
.g-user-card .card-top .selected {
  color: #2eafb3;
  border-bottom: 2px solid #2eafb3;
  padding-bottom: 2px;
  position: relative;
  padding: 0 15px 12px 15px;
  font-size: 13px;
}
.g-user-card .card-top .selected::before {
  content: '';
  position: absolute;
  top: 25px;
  left: 41%;
  border-bottom: 6px solid #2eafb3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.g-user-card .divfs {
  background: #fff;
  text-align: left;
  line-height: 19px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.g-user-card .divfs a {
  display: inline;
}
.g-user-card .divfs .rb p,
.g-user-card .divfs .ri p {
  padding: 4px 16px;
}
.g-user-card .divfs .rb .gray,
.g-user-card .divfs .ri .gray {
  color: #aaaaaa;
}
.g-user-card .divfs .rb .no,
.g-user-card .divfs .ri .no {
  text-align: center;
  color: #aaa;
  min-height: 90px;
}
.g-user-card .divfs .ri {
  padding: 5px 10px 35px 10px;
  min-height: 98px;
}
.g-user-card .divfs .rb {
  margin-top: 20px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
}
.g-user-card .divfs .normal {
  color: #2eafb3;
}
.g-user-card .card-arr {
  position: absolute;
  top: -11px;
  right: 74px;
}
.g-user-card .card-arr:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  border-bottom: 10px solid #cdcccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.g-user-card .card-arr:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 3px;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.user-card-box:hover .g-user-card {
  visibility: visible;
}
@media screen and (min-width: 1366px) {
  .search-input {
    width: 250px;
  }
}
.per-user .per-show {
  display: none;
  position: absolute;
  right: -36px;
  top: 88%;
  width: 146px;
  border: 1px solid #cdcccc;
  padding-top: 10px;
  z-index: 1000;
  background: #fff;
}
.per-user .per-show::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 74px;
  border-bottom: 10px solid #cdcccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.per-user .per-show::after {
  content: '';
  position: absolute;
  left: 76px;
  top: -8px;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.per-user .per-show dl {
  padding: 0;
  margin: 0;
  font-size: 16px;
  padding: 0 4px;
}
.per-user .per-show dl .per-top {
  border-top: 1px solid #cdcccc;
}
.per-user .per-show dl .per-13 {
  font-size: 13px;
}
.per-user .per-show dl .per-13 a {
  color: #807f86;
}
.per-user .per-show dl dt,
.per-user .per-show dl dd {
  margin: 0;
  padding: 0;
  text-align: left;
  padding-bottom: 5px;
}
.per-user .per-show dl dt:hover,
.per-user .per-show dl dd:hover {
  background: #f6f6f6;
}
.per-user .per-show dl dt a:hover {
  color: #2eafb3;
}
.per-user .per-show dl a {
  display: block;
  line-height: 31px;
  height: 30px;
  margin-left: 14px;
}
.per-code {
  position: relative;
  margin-left: 20px;
}
.per-code:hover .per-code-so {
  display: block;
}
.per-code-so {
  position: absolute;
  border: 1px solid #cdcccc;
  width: 147px;
  height: 160px;
  background: #fff;
  top: 79px;
  z-index: 9;
  left: -54px;
  display: none;
}
.per-code-so::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 74px;
  border-bottom: 10px solid #cdcccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.per-code-so::after {
  content: '';
  position: absolute;
  left: 76px;
  top: -8px;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.per-code-so .qr_code {
  margin-top: 13px;
  width: 135px;
  height: 135px;
  margin-left: 5px;
}
.label-a,
.label-b,
.label-c,
.label-d,
.label-e,
.label-f {
  width: 55px;
  display: inline-block;
  text-align: right;
}
.label-a {
  color: #ff8787 !important;
  font-size: 13px !important;
}
.label-b {
  color: #afc659 !important;
  font-size: 13px !important;
}
.label-c {
  color: #fb9c6c !important;
  font-size: 13px !important;
}
.label-d {
  color: #6ccbd6 !important;
  font-size: 13px !important;
}
.label-e {
  color: #977ce4 !important;
  font-size: 13px !important;
}
.label-f {
  color: #6e97e0 !important;
  font-size: 13px !important;
}
.hei {
  color: #000 !important;
}
.footer {
  height: 95px;
  border-top: 1px solid #d2d2d2;
}
.footer .friends {
  height: 106px;
  line-height: 106px;
  margin: 0 auto;
}
.copyright {
  background: #eee;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.about {
  overflow: hidden;
  line-height: 60px;
  padding: 0 300px;
}
.about li {
  float: left;
  width: 150px;
}
.right-fixed {
  position: fixed;
  right: 4%;
  top: 69%;
  display: none;
}
.right-fixed li {
  width: 50px;
  height: 50px;
  background: #2eafb3;
  margin-bottom: 10px;
  border-radius: 5px;
  text-align: center;
}
.right-fixed li i {
  color: #fff;
  padding-top: 6px;
  font-size: 24px;
  display: block;
  position: relative;
}
.right-fixed li .collects:hover::after {
  content: "返回顶部";
  display: block;
  border-radius: 5px;
  background: #2eafb3;
  position: absolute;
  top: 0;
  font-size: 14px;
  height: 42px;
  cursor: pointer;
  width: 40px;
  padding: 4px 5px;
}
.course-topic {
  padding: 14px;
  background: #f6f6f6;
  overflow: hidden;
  margin-top: 15px;
}
.course-topic .course-img {
  float: left;
  width: 388px;
  height: 218px;
}
.course-topic .course-img img {
  width: 100%;
}
.course-topic .course-topText {
  float: left;
  margin-left: 37px;
  overflow: hidden;
}
.course-topic .course-topText .course-first {
  font-size: 36px;
  height: 120px;
  line-height: 120px;
}
.course-topic .course-topText .course-second {
  font-size: 20px;
}
.course-topic .course-topText .course-second .course-study {
  float: left;
  width: 150px;
  padding-left: 15px;
}
.course-topic .course-topText .course-second .course-study span {
  display: block;
}
.course-topic .course-topText .course-second .course-notebook {
  float: left;
}
.course-topic .course-topText .course-second .course-notebook span {
  display: block;
}
.course-name {
  width: 169px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
}
.course-mi {
  border: 1px solid #ccc;
  height: 148px;
  margin-top: 46px;
}
.course-mi .course-end,
.course-mi .course-progress {
  float: left;
}
.course-mi .course-progress {
  width: 900px;
}
.course-mi .course-progress .course-progress-ui {
  height: 17px;
  background: #e9f8fe;
  margin-top: 52px;
  margin-left: 40px;
}
.course-mi .course-progress .course-progress-ui .progress-stage {
  background: #28b9fa;
  height: 17px;
  display: inline-block;
}
.course-mi .course-cheer {
  display: inline-block;
  margin-left: 40px;
  margin-top: 17px;
}
.course-mi .course-end {
  float: left;
  text-align: center;
  width: 298px;
}
.course-mi .course-end .Btn-left {
  width: 186px;
  height: 59px;
  line-height: 59px;
  color: #fff;
  background: #2eafb3;
  margin: 28px 0 19px 64px;
  font-size: 20px;
  font-family: "宋体";
}
.course-mi .course-end .Btn-left a {
  color: #fff;
  display: block;
}
.course-next {
  overflow: hidden;
  margin-top: 30px;
}
.course-next .course-right,
.course-next .course-left {
  float: left;
}
.course-next .course-right h2,
.course-next .course-left h2 {
  font-size: 20px;
  border-bottom: 1px solid #dcdcdc;
  height: 40px;
  padding-left: 5px;
}
.course-next .course-left {
  width: 853px;
}
.course-next .course-left .course-tree {
  margin: 10px 0 10px 0;
}
.course-next .course-left .course-tree li {
  padding: 0 15px;
  margin: 0 3px;
}
.course-next .course-left .course-tree li:hover {
  box-shadow: 2px 2px 5px #dcdcdc, 0 0 5px #dcdcdc;
}
.course-next .course-left .course-tree li a {
  display: block;
  width: 100%;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.course-next .course-left .course-tree li .learn {
  float: right;
  color: #2eafb3;
  margin-right: 10px;
}
.course-next .course-right {
  width: 293px;
  margin-left: 10px;
  float: right;
}
.course-next .course-right .course-common li {
  margin: 10px 10px;
}
.course-next .course-right .course-common li img {
  border-radius: 50%;
}
.course-next .course-right .course-common li .course-span {
  width: 130px;
  display: inline-block;
  font-size: 14px;
}
.course-next .course-right .course-common li .course-span strong {
  font-weight: normal;
  margin-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 84px;
  display: inline-block;
  vertical-align: -5px;
}
.course-next .course-right .course-common li .gray {
  color: #a8a8a8;
}
.video {
  position: relative;
}
.section-video {
  height: 670px;
  overflow: hidden;
}
.section-list .has-scrollbar {
  position: absolute;
  right: 0;
  display: none;
  width: 278px;
  top: 0;
  background: #121619;
  height: 100%;
  color: #fff;
  overflow: auto;
  z-index: 999;
}
.section-list .has-scrollbar .has-box h3 {
  font-size: 16px;
  margin-top: 18px;
  display: inline-block;
  margin-left: 19px;
  height: 30px;
}
.section-list .has-scrollbar .has-ul {
  margin-top: 10px;
}
.section-list .has-scrollbar .has-ul i {
  margin: 0 5px;
}
.section-list .has-scrollbar .has-ul .has-h1 {
  font-size: 14px;
  padding-left: 19px;
  background: #313131;
}
.section-list .has-scrollbar .has-ul li {
  height: 35px;
  line-height: 35px;
  padding-left: 19px;
  font-size: 12px;
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section-list .has-scrollbar .has-ul li em {
  float: right;
  margin-right: 20px;
  display: inline-block;
}
.section-list .has-scrollbar .has-ul li a {
  color: #fff;
  display: block;
}
.section-list .has-leftBar {
  position: absolute;
  right: 278px;
  top: 50%;
  margin-top: -62px;
  width: 31px;
  height: 66px;
  background: #121619;
  text-align: center;
  line-height: 66px;
  display: none;
  z-index: 9999;
}
.section-list .operator {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -92px;
  width: 50px;
  z-index: 9999;
  zoom: 1\9;
}
.section-list .operator .op {
  position: relative;
  height: 60px;
  line-height: 82px;
  font-size: 12px;
  text-align: center;
  color: #B5B9BC;
  background-color: #827f80;
  cursor: pointer;
  margin: 2px 0;
}
.section-list .operator .op:hover {
  background: #2eafb3;
}
.section-h2 {
  margin-top: 16px;
  font-size: 18px;
  margin-bottom: 15px;
}
.section-h2 span {
  color: #bbb;
  font-size: 12px;
  margin-left: 30px;
}
.res {
  margin-left: 15px;
  color: #2eafb3;
}
.course-chirdren {
  margin-top: 20px;
  font-size: 14px;
}
.course-hua i {
  margin: 0 10px;
  cursor: pointer;
}
.line-active:last-child:after {
  content: "以上为精选评论";
  color: #010100;
  background: #fff;
  width: 106px;
  height: 23px;
  top: 107px;
  position: relative;
  left: 44%;
  top: 33px;
  text-align: center;
  display: inline-block;
}
.pl-list {
  padding: 20px 0;
  border-bottom: 1px dashed #edf1f2;
  position: relative;
}
.pl-list-avator {
  float: left;
  width: 40px;
  height: 40px;
}
.pl-list-avator img {
  display: block;
  border-radius: 50%;
}
.pl-list-time {
  display: inline-block;
  margin-top: 5px;
  color: #afafaf;
}
.pl-list-main {
  margin-left: 60px;
  position: relative;
}
.pl-list-nick {
  line-height: 1.2;
}
.pl-list-content {
  margin-top: 3px;
  font-size: 14px;
  color: #14191e;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: auto;
}
.pl-icon a {
  color: #afafaf;
}
.pl-collection {
  margin-top: 5px;
}
.pl-collection span {
  width: 60px;
  display: inline-block;
}
.pl-collection span i {
  margin: 0 5px;
}
.note-pop {
  display: none;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.note-pop .pop-footer {
  margin: 0 10px;
}
.note-pop .pop-con {
  position: absolute;
  background-color: #fff;
  width: 610px;
  height: 280px;
  left: 50%;
  top: 50%;
  margin-left: -325px;
  margin-top: -140px;
  padding: 0 20px;
  border-radius: 10px;
}
.note-pop .pop-title {
  height: 47px;
}
.note-pop .pop-title h3 {
  padding-top: 26px;
}
.textarea-wrap {
  position: relative;
  margin-top: 16px;
  transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
}
.textarea-wrap textarea {
  color: #14191E;
  font-size: 14px;
  height: 129px;
  line-height: 18px;
  overflow: auto;
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  width: 603px;
}
.btn-put,
.Btn-none,
.Btn-pull,
.Btn,
.course-btn {
  background: #2eafb3;
  color: #fff;
  border: none;
  outline: none;
  margin: 18px 0;
  display: block;
}
.btn-put {
  width: 220px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
}
.Btn-none {
  background: #bfbfbf;
}
.Btn-none,
.Btn-pull {
  width: 66px;
  line-height: 25px;
  height: 25px;
  margin: 5px 5px;
  float: left;
}
.course-btn {
  width: 100px;
  height: 29px;
  line-height: 29px;
}
.pop-hide {
  margin-top: 20px;
}
.label-checked {
  font-size: 12px;
  margin-right: 22px;
  margin-top: 5px;
}
.red {
  color: red;
}
.video_lock {
  width: 100%;
  height: 100%;
  background: #000;
  text-align: center;
  position: absolute;
  z-index: 99999;
}
.lock_fasion {
  margin-top: 250px;
  color: #fff;
}
.gray {
  color: #b9b9b9;
}
.gray a {
  color: #b9b9b9;
}
.f14 {
  font-size: 14px;
}
.mr5 {
  margin-right: 5px;
  display: inline-block;
}
.exam-main {
  margin: 0 auto;
  width: 758px;
  margin-top: 36px;
  padding-left: 150px;
}
.exam-main .title {
  font-size: 16px;
}
.exam-main .section {
  font-size: 14px;
  margin-top: 28px;
  margin-left: 150px;
}
.exam-main .section p {
  margin-top: 16px;
  cursor: pointer;
}
.exam-main .section p .ras {
  width: 20px;
  height: 20px;
  border: 1px solid #b7b7b7;
  display: inline-block;
  text-align: center;
  color: #b7b7b7;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: -1px;
}
.exam-main .selected {
  color: #2eafb3;
}
.exam-main .selected .ras {
  background: #2eafb3;
  color: #fff!important;
  border: 1px solid #fff !important;
}
.ml48 {
  margin-left: 48px;
}
.next-title {
  margin-top: 58px;
  margin-left: 143px;
}
.next-title button {
  -webkit-appearance: none;
  font-size: 14px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #7f7f7f;
  border-radius: 20px;
  color: #7f7f7f;
  outline: none;
  background: #fff;
}
.next-title .selected {
  color: #2eafb3;
  border: 1px solid #2eafb3;
}
.not-allowed {
  cursor: not-allowed;
}
.On {
  margin-left: -80px;
}
.y-5 {
  margin-left: 50px;
}
.ml50 {
  margin-left: 50px;
}
.person_grad .grades_img {
  background: url("../img/person/grad.png") no-repeat;
  width: 100%;
  height: 190px;
  text-align: center;
  background-size: 100% 100%;
}
.person_grad .grades_img .f20 {
  font-size: 20px;
  color: #9da0a0;
  padding-top: 31px;
}
.person_grad .grades_img .f60 {
  font-size: 60px;
  color: #2eafb3;
}
.person_grad .grades_img .f90 {
  color: #697e9e;
}
.person_grad .right_content {
  padding-left: 30px;
}
.person_grad .course-tree {
  margin: 10px 170px;
}
.person_grad .course-tree li {
  padding: 15px 15px;
  margin: 0 3px;
  border-bottom: 1px dotted #ccc;
  display: block;
  width: 100%;
  font-size: 14px;
}
.person_grad .course-tree li:hover {
  background: #f4fbfb;
}
.person_grad .course-tree li .learn {
  float: right;
  color: #2eafb3;
  margin-right: 10px;
  width: 150px;
  text-align: right;
}
.person_grad .course-tree li .em {
  color: #9da4a4;
  margin-right: 40px;
  float: right;
  width: 120px;
  text-align: right;
  display: inline-block;
}
.person_grad .course-tree i {
  color: #2eafb3;
  margin: 0 10px;
}
.icon-good,
.icon-mistake {
  background: url('../img/mistake.png') no-repeat;
  display: inline-block;
  vertical-align: -2px;
}
.icon-mistake {
  width: 14px;
  height: 14px;
}
.icon-good {
  width: 17px;
  height: 11px;
  background-position: 0 -14px;
}
.text-block {
  text-align: center;
}
.ye-pas {
  text-align: center;
  width: 200px;
}
.ico-hua-on,
.ico-money,
.ico-video-lock,
.ico-video-circle,
.ico-video-half,
.ico-video,
.ico-hua {
  background: url(../img/06232016.png) no-repeat;
  display: inline-block;
}
.ico-hua-on {
  background-position: -28px 0;
  width: 28px;
  height: 34px;
}
.ico-hua {
  background-position: 0 0;
  width: 28px;
  height: 34px;
}
.ico-video {
  width: 14px;
  height: 14px;
  background-position: 0 -40px;
  vertical-align: -2px;
  margin: 0 5px;
}
.ico-video-half {
  width: 14px;
  height: 14px;
  background-position: 0 -54px;
  vertical-align: -2px;
  margin: 0 5px;
}
.ico-video-circle {
  width: 14px;
  height: 14px;
  background-position: 0 -68px;
  vertical-align: -2px;
  margin: 0 5px;
}
.ico-video-lock {
  width: 14px;
  height: 17px;
  background-position: -14px -40px;
  vertical-align: -3px;
  margin: 0 5px;
}
.ico-money {
  width: 11px;
  height: 13px;
  background-position: 0 -82px;
  vertical-align: -2px;
  margin: 0 5px;
}
.ico-zan-green,
.ico-collection-green,
.ico-radio,
.ico-select-down,
.ico-label,
.ico-close,
.ico-close-r,
.ico-lock-on,
.ico-unfinished,
.ico-is,
.ico-complete,
.ico-zan,
.ico-collection,
.ico-left,
.ico-down,
.ico-top,
.ico-note,
.ico-menu,
.ico-heart,
.ico-sx {
  background: url(../img/ico-sx.png);
  display: inline-block;
}
.ico-radio {
  background-position: -13px -65px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.ico-select-down {
  background-position: -15px -61px;
  width: 7px;
  height: 4px;
  vertical-align: middle;
}
.ico-label {
  background-position: 0 -92px;
  width: 10px;
  height: 10px;
}
.ico-collection {
  background-position: 0 -74px;
  width: 11px;
  height: 9px;
}
.ico-collection-green {
  background-position: -12px -83px;
  width: 11px;
  height: 9px;
}
.ico-zan-green {
  background-position: -24px -82px;
  width: 9px;
  height: 9px;
}
.ico-zan {
  background-position: 0 -83px;
  width: 9px;
  height: 9px;
}
.ico-close,
.ico-close-r {
  background-position: -13px -21px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.ico-left {
  background-position: 0 0;
  width: 17px;
  height: 18px;
}
.ico-down {
  background-position: -19px -10px;
  width: 8px;
  height: 9px;
}
.ico-top {
  background-position: -19px 0;
  width: 8px;
  height: 9px;
}
.ico-menu {
  background-position: -29px -91px;
  width: 24px;
  height: 22px;
  vertical-align: 6px;
}
.ico-note {
  background-position: -29px -113px;
  width: 22px;
  height: 23px;
  vertical-align: 6px;
}
.ico-heart {
  background-position: 0 -61px;
  width: 13px;
  height: 13px;
  vertical-align: -2px;
}
.ico-lock-on {
  background-position: 0 -49px;
  width: 9px;
  height: 11px;
  vertical-align: -1px;
}
.ico-unfinished {
  background-position: 0 -39px;
  width: 10px;
  height: 10px;
}
.ico-is {
  background-position: 0 -29px;
  width: 10px;
  height: 10px;
}
.ico-complete {
  background-position: 0 -19px;
  width: 10px;
  height: 10px;
}
.ico-notes,
.ico-zan,
.ico-chat,
.ico-star,
.ico-state {
  background: url(../img/state_01.png) no-repeat;
  display: inline-block;
  margin: 0 5px;
}
.ico-notes {
  width: 9px;
  height: 11px;
  background-position: 0 -14px;
  vertical-align: 0;
}
.ico-star {
  width: 8px;
  height: 11px;
}
.ico-chat {
  width: 11px;
  height: 11px;
  background-position: -16px 0;
}
.ico-zan {
  width: 11px;
  height: 11px;
  background-position: -35px 0;
  cursor: pointer;
}
.intelliGencess {
  overflow: hidden;
}
.intelliGencess li {
  height: 110px;
  border-bottom: 1px dotted #cec6c9;
  padding: 15px 25px 0 15px;
}
.intelliGencess li:last-child {
  margin-right: 0;
}
.intelliGencess .intell_img {
  width: 155px;
  height: 91px;
  position: relative;
  overflow: hidden;
  float: left;
}
.intelliGencess .intell_img img {
  width: 100%;
  height: 100%;
}
.intelliGencess .intell_right {
  float: left;
  margin-left: 10px;
}
.intelliGencess .intell_right_stage {
  float: right;
  line-height: 80px;
}
.intelliGencess .intell_right_stage .learn {
  color: #2eafb3;
  font-size: 14px;
}
.intelliGencess .intell_title {
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.intelliGencess .intell_state {
  line-height: 30px;
  padding: 0 8px;
  color: #b2b2b2;
}
.intelliGencess .intell_state span {
  width: 70px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.intelliGencess .intell_state span i {
  font-size: 12px;
  color: #b2b2b2;
}
.note-text-counter {
  position: absolute;
  right: 0;
  bottom: 11px;
  line-height: 1em;
  color: #ccc;
}
.info-error {
  border: 1px solid red !important;
}
.section-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 670px;
  background: #000;
  text-align: center;
  display: none;
}
.icon-video-right,
.icon-video-play,
.icon-video-left {
  background: url("../img/course/course-status.png") no-repeat;
  width: 39px;
  height: 28px;
  display: inline-block;
  cursor: pointer;
}
.rectangle {
  background: url("../img/course/rectangle.png") no-repeat;
  width: 471px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  text-align: left;
  padding-left: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.icon-video-right {
  background-position: -41px 0;
}
.icon-video-play {
  width: 34px;
  height: 34px;
  background-position: -83px 0;
}
.status-var {
  margin-top: 300px;
}
.status-var ul > li {
  display: inline-block;
  width: 130px;
}
.status-var .inspre {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-top: 8px;
}
@media (max-width: 1024px) {
  .course-mi .course-progress {
    width: 60%;
  }
  .course-next .course-right {
    float: left;
  }
}
@media (max-width: 768px) {
  .course-mi .course-progress {
    width: 665px;
  }
}
.search {
  background: #f5f5f5;
  height: 90px;
  line-height: 90px;
  margin-top: 30px;
}
.search .search-wenda {
  width: 852px;
  float: left;
}
.search .search-wenda .search-inputs {
  width: 688px;
  height: 47px;
  line-height: 47px;
  border: 1px solid #ccc;
  color: #000;
  padding-left: 15px;
  font-size: 14px;
  float: left;
  margin-left: 51px;
  margin-top: 20px;
  outline: none;
}
.search .search-wenda .search-submit {
  width: 92px;
  height: 51px;
  line-height: 48px;
  border: 1px solid #ccc;
  border-left: #fff;
  background: #fff;
  font-size: 20px;
  float: left;
  margin-top: 20px;
  color: #2eafb3;
  outline: none;
}
.search .search-wenda .search-submit a {
  color: #2eafb3;
}
.search .search-ask {
  float: right;
  margin-right: 30px;
}
.ask-along {
  border: 1px solid #ccc;
  width: 798px;
  padding: 20px;
  margin-top: 29px;
  overflow: hidden;
}
.chirdren-number {
  font-size: 14px;
  display: table;
  margin: 10px 0;
  width: 100%;
  line-height: 30px;
}
.chirdren-number .childStage {
  color: #9a9a9a;
  display: table-cell;
  vertical-align: top;
  width: 5em;
}
.chirdren-number .list-circles,
.chirdren-number .lists {
  display: table-cell;
  padding-right: 11px;
}
.chirdren-number .list-circles li,
.chirdren-number .lists li {
  float: left;
  padding: 0 10px;
}
.chirdren-number .list-circles li a,
.chirdren-number .lists li a {
  color: #000;
  display: block;
  text-align: center;
}
.chirdren-number .list-circles li .on,
.chirdren-number .lists li .on {
  color: #2eafb3;
}
.w839 {
  width: 839px;
}
.ask-left {
  float: left;
}
.ask-left .ask-purseAsk {
  margin-top: 20px;
  width: 100%;
  padding-bottom: 100px;
}
.ask-left .section-middle {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.67;
  font-size: 15px;
  max-height: 54px;
}
.five {
  color: #ff4b21;
  margin: 0 5px;
  display: inline-block;
}
.section-img {
  margin-top: 10px;
}
.section-img img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-bottom: 2px;
  margin-right: 10px;
}
.section-img em {
  margin: 0 15px;
}
.icon-top {
  background: #ffa5a5;
  padding: 2px 7px;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
}
.section-cool {
  color: #c3c4cc;
  font-size: 14px;
}
.ask-section {
  border-bottom: 1px dashed #d5d5d5;
  padding-bottom: 15px;
  padding-top: 15px;
}
.ask-section h3 {
  font-size: 18px;
}
.w840 {
  width: 840px;
}
.Number-width {
  margin: 0 5px;
}
.course-commons .ask-to-week {
  margin-top: 12px;
  font-size: 14px;
}
.course-commons .ask-to-week .course-span {
  display: inline-block;
}
.course-commons .ask-to-week strong {
  display: inline-block;
  width: 80px;
  font-size: 14px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  margin-right: 5px;
}
.course-commons .ask-to-week .quest-san {
  color: #afafaf;
  width: 65px;
  display: inline-block;
  vertical-align: 4px;
}
.course-commons .ask-to-week .quest-san i {
  color: #2eafb3;
}
.course-commons .ask-to-week .course-span img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  float: left;
}
.course-commons .ask-to-week .course-span strong {
  font-weight: normal;
}
.reduce-30 {
  margin-top: 0 !important;
}
.btn-normal {
  width: 100px;
  height: 30px;
  background: #2eafb3;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border: none;
  outline: none;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.btn-normal a {
  font-size: 14px;
}
.btn10 {
  margin: 10px 0;
}
.ask-wrapper {
  margin-top: 25px;
  width: 834px;
  margin: 0 auto;
  padding-bottom: 150px;
  padding-top: 50px;
}
.ask-wrapper .ask-main-box {
  height: 79px;
  font-size: 14px;
  margin-top: 10px;
}
.ask-wrapper .ask-question-title {
  width: 150px;
  text-align: right;
  float: left;
  margin-right: 15px;
  font-size: 16px;
  line-height: 38px;
}
.ask-wrapper .ask-question-title span {
  color: #ff665f;
}
.qd-ct {
  float: left;
}
.qd-ct textarea {
  width: 654px;
  height: 30px;
  border: 1px solid #d0cfcf;
  padding-left: 10px;
  padding-top: 10px;
  resize: none;
}
.qd-ct textarea:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 21, 0, 0.4);
  border: 1px solid #2eafb3;
}
.qd-ct .h122 {
  height: 123px;
}
.qd-ct .count {
  color: #a3a3a3;
}
.qd-ct .count b {
  font-weight: normal;
}
.ask-chidren-low {
  width: 668px;
  float: right;
}
.ask-chidren-low span {
  font-size: 13px;
}
.ask-chidren-low .ask-chiren-s {
  position: relative;
}
.ask-chidren-low .ask-100,
.ask-chidren-low .ask-select {
  border: 1px solid #b2b2b2;
  color: #a3a3a3;
  height: 29px;
  line-height: 29px;
  text-align: center;
  width: 76px;
  padding: 0 15px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ask-chidren-low .ask-100 i,
.ask-chidren-low .ask-select i {
  margin: 0 2px;
}
.ask-chidren-low .ask-option {
  position: absolute;
  top: 30px;
  left: 56px;
  width: 106px;
  border: 1px solid #b2b2b2;
  color: #a3a3a3;
  font-size: 13px;
  cursor: pointer;
  display: none;
}
.ask-chidren-low .ask-option li {
  border-bottom: 1px solid #b2b2b2;
  height: 29px;
  line-height: 29px;
  padding-left: 15px;
}
.ask-chidren-low .ask-option li:last-child {
  border-bottom: 1px solid #fff;
}
.ask-chidren-low .ask-option li:hover {
  background: #efefef;
}
.ask-chidren-low .ask-100 {
  width: 58px;
  padding: 0 5px;
  position: relative;
}
.ask-chidren-low .ask-options {
  left: 253px;
  width: 68px;
  position: absolute;
  top: 30px;
  border: 1px solid #b2b2b2;
  color: #a3a3a3;
  font-size: 13px;
  cursor: pointer;
  display: none;
}
.ask-chidren-low .ask-options li {
  padding-left: 1px;
}
.ask-coor {
  color: #b0b0b0;
}
.ask-number-zero {
  display: inline-block;
  margin-right: 2px;
}
.ml30 {
  margin-left: 30px;
  display: inline-block;
}
.ask-chiren-btn {
  float: right;
  margin-top: 15px;
}
.ask-chiren-btn a {
  color: #fff;
}
.icon-success {
  background: url(../img/question/success.png) no-repeat;
  width: 91px;
  height: 91px;
  display: inline-block;
  vertical-align: middle;
}
.success-question {
  width: 405px;
  padding: 50px 340px;
}
.yourSuccess {
  font-size: 30px;
  display: inline-block;
  margin: 0 19px;
}
.container-one {
  width: 1000px;
  margin: 0 auto;
  clear: both;
  min-height: 750px;
  overflow: hidden;
}
.detail-colleciton {
  margin-left: 30px;
  display: inline-block;
  color: #a3a3a3;
  float: right;
  margin-top: 5px;
}
.detail-colleciton a {
  color: #a3a3a3;
}
.w600 {
  width: 650px !important;
}
.border-block {
  border-bottom: 1px solid #fff !important;
}
.margin-20 {
  margin-top: -20px !important;
}
.detail-textarea {
  width: 635px;
  height: 71px;
  border: 1px solid #d2d2d2;
  resize: none;
  font-size: 14px;
  padding: 15px 0 0 15px;
  outline: none;
}
.margin-10 {
  margin: 10px !important;
}
.question-left {
  width: 650px;
}
.question-left h2 {
  font-size: 20px;
  border-bottom: 1px solid #dcdcdc;
  height: 40px;
  padding-left: 5px;
}
.pl-time {
  color: #a3a3a3;
  display: inline-block;
  margin-left: 15px;
}
.icon-answer {
  background: url(../img/question/ans.png) no-repeat;
  width: 79px;
  height: 34px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.mask {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 9999;
  display: none;
  top: 0;
  left: 0;
}
.mask .pop-alerts-parent {
  width: 752px;
  height: 711px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -376px;
  margin-top: -355.5px;
}
.mask .pop-alert {
  width: 476px;
  height: 274px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -237px;
  margin-top: -137px;
}
.mask .pop-report {
  font-size: 14px;
  width: 364px;
  margin: 0 auto;
  position: relative;
  padding-top: 25px;
  overflow: hidden;
}
.mask .pop-height {
  margin-top: 20px;
  display: block;
  color: #aaa;
  font-size: 12px;
}
.mask .pop-widths {
  width: 174px;
  float: left;
  text-align: center;
  margin-top: 10px;
}
.pop-radio {
  display: inline-block;
  width: 14px;
  height: 15px;
  overflow: hidden;
  background: url(../img/question/checked.png) 0 0 no-repeat;
  -webkit-appearance: none;
  border: 0 none;
  vertical-align: -3px;
  margin-right: 5px;
  outline: none;
}
.pop-radio:checked {
  background-position: -14px 0;
}
.ws {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.res-bs {
  position: absolute;
  right: 13px;
  top: 13px;
}
.normal {
  color: #2eafb3;
}
.page-normal {
  text-align: center;
  font-size: 0;
  line-height: 100px;
  height: 100px;
  color: #8b8b8b;
}
.page-normal a,
.page-normal .page-current,
.page-normal .page-prev {
  padding: 5px 7px;
  font-size: 14px;
  margin-left: 10px;
}
.page-normal a {
  color: #8b8b8b;
  text-decoration: none;
}
.page-normal a:hover {
  color: #8b8b8b;
}
.page-normal .page-current {
  color: #2eafb3;
  font-size: 20px;
}
.active-top {
  background: #f6f6f6;
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
.active-top .active-box {
  margin: 11px 18px;
}
.active-top .active-zhu {
  text-align: left !important;
}
.active-main {
  border: 1px solid #ccc;
  margin-top: 20px;
}
.active_center {
  position: absolute;
  right: 12px;
  top: 143px;
  font-size: 12px;
  width: 200px;
  text-align: center;
}
.active_center span {
  color: #2eafb3;
}
.active-show {
  height: 208px;
  border-bottom: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}
.active-show:last-child {
  border-bottom: 1px solid #fff;
}
.active-show:hover h4 {
  color: #2eafb3;
}
.active-show .active-margin {
  margin: 19px;
}
.active-show .active-img {
  width: 320px;
  height: 170px;
  background: #ccc;
  float: left;
  position: relative;
  overflow: hidden;
}
.active-show .active-img img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.active-show .active-img .active-span {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 31px;
  line-height: 31px;
  padding-left: 15px;
}
.active-show .active-img .active-span em {
  color: #fff;
  z-index: 99;
}
.active-show .active-right {
  float: left;
  width: 605px;
  margin-left: 31px;
}
.active-show .active-right .active-right-bottom {
  position: relative;
}
.active-show .active-right .active-right-bottom .looks-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #2eafb3;
  font-size: 16px;
}
.active-show .active-right .active-right-bottom .active-iconts {
  margin-top: 9px;
}
.active-show .active-right .active-right-bottom .active-iconts li {
  color: #adadad;
  height: 24px;
}
.active-show .active-right .active-right-bottom .active-iconts li span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: -1px;
}
.active-show .active-right h4 {
  font-size: 18px;
}
.active-show .active-right h5 {
  font-size: 13px;
  margin-top: 10px;
  height: 71px;
}
.active-show .active-corner-end,
.active-show .active-corner {
  height: 0;
  width: 0;
  border: 34px solid #ff8492;
  border-color: #ff8492 transparent transparent #ff8492;
  display: inline-block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.active-show .active-corner-end em,
.active-show .active-corner em {
  position: absolute;
  top: -26px;
  left: -27px;
  width: 100px;
  color: #fff;
}
.active-show .active-corner-end {
  border: 34px solid #acacac;
  border-color: #acacac transparent transparent #acacac;
}
.icon-active {
  color: #2eafb3;
  font-size: 13px !important;
  margin-left: 1px;
  margin-right: 1px;
}
.icon-15 {
  color: #2eafb3;
  font-size: 15px !important;
}
.activer-detail-left {
  width: 690px;
  float: left;
}
.font-16 {
  font-size: 16px;
}
.icons-op {
  vertical-align: 2px;
  margin-right: 5px;
}
.detail-colleciton {
  font-size: 12px;
  cursor: pointer;
}
.activity-release {
  width: 689px;
  min-height: 541px;
  font-size: 14px;
  margin-top: 10px;
}
.activity-release span {
  margin-left: 5px;
  display: inline-block;
}
.activity-release .imgA {
  width: 100%;
}
.activity-release .active-iconts {
  margin-top: 5px;
}
.activity-release .activity-bo {
  padding: 20px 23px;
  position: relative;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.activity-release .course-span img {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-right: 5px;
}
.activity-release .course-span strong {
  font-weight: normal;
}
.activity-release .looks-detail {
  position: absolute;
  right: 33px;
  bottom: 23px;
  background: #2eafb3;
  color: #fff;
  font-size: 20px;
  padding: 14px 37px;
}
.activity-release .btn-detail {
  background: #acacac;
}
.padding50 {
  padding-bottom: 50px;
}
.activity-prize {
  margin-top: 50px;
}
.pl-icon span {
  color: #afafaf;
  margin-top: 10px;
  display: inline-block;
  margin-right: 20px;
}
.pl-icon .pl-sai {
  vertical-align: -2px;
}
.pl-list .pl-leap {
  width: 572px;
  height: 58px;
}
.activer-detail-right {
  width: 450px;
  float: left;
  margin-left: 60px;
  margin-bottom: 50px;
}
.activer-padding {
  border: 1px solid #ccc;
  margin-top: 5px;
}
.activer-li {
  height: 138px;
  border-bottom: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}
.activer-li:last-child {
  border-bottom: 1px solid #fff;
}
.activer-li .active-corner-end,
.activer-li .active-corner {
  height: 0;
  width: 0;
  border: 28px solid #ff8492;
  border-color: #ff8492 transparent transparent #ff8492;
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.activer-li .active-corner-end em,
.activer-li .active-corner em {
  position: absolute;
  top: -21px;
  left: -26px;
  width: 100px;
  color: #fff;
  font-size: 12px;
}
.activer-li .active-corner-end {
  border: 28px solid #acacac;
  border-color: #acacac transparent transparent #acacac;
}
.activer-li .activer-img {
  width: 188px;
  height: 106px;
  background: #ccc;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 15px;
}
.activer-li .activer-hot-right {
  float: left;
  margin-top: 12px;
  font-size: 14px;
  width: 215px;
}
.activer-li .activer-hot-right .activer-type {
  font-size: 12px;
  color: #b3b3b3;
  margin-top: 14px;
}
.pl-list-main .pl-leap {
  width: 544px;
  margin-bottom: 40px;
}
button.btn-normal.btn10 {
  position: absolute;
  top: 148px;
  left: 456px;
}
.pop-look {
  width: 696px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -348px;
  margin-top: -305px;
  overflow-y: auto;
  height: 700px;
}
.pop-look .pop-looks {
  padding: 27px 20px;
}
.pop-look .pop-looks .pop-lookss {
  padding-left: 34px;
}
button.btn-normal.btn10.pop-button {
  left: 391px !important;
}
.pl-lists-mc {
  margin-left: 96px;
}
.pl-lists-mc .pl-list-avator {
  float: left;
}
.pl-lists-mc .pl-lists-av {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}
.pl-lists-mc .pl-leap {
  width: 478px;
  margin-bottom: 38px;
}
.pl-lists-mc .pl-list-right {
  float: left;
  margin-left: 10px;
  width: 500px;
  position: relative;
}
.pl-lists-mc .pl-list-right p {
  margin-top: 5px;
}
.pl-lists-mc .pl-list-right span {
  color: #4598ff;
}
.pl-lists-mc .pl-list-right em {
  color: #aaa;
}
.video_bottom {
  height: 51px;
  background: #f6f6f6;
  overflow: hidden;
}
.question-left {
  width: inherit;
}
.r.hide.textarea-js {
  position: relative;
}
button.btn-normal.btn10.J-send {
  position: absolute;
  left: -142px;
  top: 107px;
}
.act-video {
  width: 690px;
  position: relative;
  padding-bottom: 20px;
}
.is_send {
  width: 327px;
  height: 29px;
  border-radius: 5px;
  outline: none;
  border: none;
  margin-left: 17px;
  margin-top: 10px;
  padding-left: 15px;
}
.is_but {
  width: 80px;
  height: 31px;
  background: #2eafb3;
  outline: none;
  border: none;
  color: #fff;
  border-radius: 5px;
  margin-left: -5px;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d2d2d2;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d2d2d2;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d2d2d2;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d2d2d2;
}
.barragel {
  float: left;
  display: inline-block;
}
.barrage {
  display: inline-block;
  margin-left: 120px;
  margin-top: 10px;
}
.barrage span {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.countdown {
  width: 159px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  right: 7px;
  top: 6px;
  color: #fff;
  border-radius: 19px;
  text-align: center;
}
.icon-daojishi {
  background: url("../img/zhibo_daojishi_icon.png") no-repeat;
  width: 12px;
  height: 15px;
  display: inline-block;
  vertical-align: -3px;
  background-size: contain;
}
.icon-hots {
  background: url("../img/live/hot.png") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -1px;
  background-size: contain;
  margin-right: 8px;
}
.g-gray {
  background: #b9b9b9 !important;
}
.J-huifu {
  cursor: pointer;
}
.lcs_wrap {
  display: inline-block;
  direction: ltr;
  height: 28px;
  vertical-align: middle;
  float: left;
}
.lcs_wrap input {
  display: none;
}
.lcs_switch {
  display: inline-block;
  position: relative;
  width: 73px;
  height: 28px;
  border-radius: 30px;
  background: #ddd;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.lcs_cursor {
  display: inline-block;
  position: absolute;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  transition: all .2s linear;
}
.lcs_label {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  width: 33px;
  top: 5px;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease-in-out 0.1s;
}
.lcs_label.lcs_label_on {
  left: -70px;
  z-index: 6;
}
.lcs_label.lcs_label_off {
  right: -70px;
  z-index: 5;
}
/* on */
.lcs_switch.lcs_on {
  background: #43d3d7;
  box-shadow: 0 0 2px #43d3d7 inset;
}
.lcs_switch.lcs_on .lcs_cursor {
  left: 48px;
}
.lcs_switch.lcs_on .lcs_label_on {
  left: 10px;
  opacity: 1;
}
/* off */
.lcs_switch.lcs_off {
  background: #b2b2b2;
  box-shadow: 0px 0px 2px #a4a4a4 inset;
}
.lcs_switch.lcs_off .lcs_cursor {
  left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
  right: 10px;
  opacity: 1;
}
/* disabled */
.lcs_switch.lcs_disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}
.imgA {
  position: relative;
  height: 438px;
}
.live-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: 14px;
  font-size: 16px;
  color: #fff;
}
.live-center span {
  color: #2eafb3;
}
.live-img {
  position: absolute;
  top: 0;
  left: 0;
}
.live-img img {
  width: 100%;
  height: 345px;
}
.label-jing,
.label-blue,
.label-reds,
.label-red {
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 2px 5px;
  border-radius: 7px;
}
.label-red {
  background: #ff97af;
}
.label-reds {
  background: #ffad97;
}
.label-blue {
  background: #76b3ff;
}
.label-jing {
  background: #ffa44b;
  margin-right: 10px;
}
.label-expert {
  background: url("../img/geren_zhuanjia_icon.png") no-repeat;
  width: 43px;
  height: 21px;
  display: inline-block;
  vertical-align: -5px;
  margin-left: 5px;
}
.label-guest {
  background: url("../img/label/shouye_guanliyuan_icon@2x.png") no-repeat;
  width: 49px;
  height: 21px;
  display: inline-block;
  vertical-align: -5px;
  margin-left: 5px;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before {
  content: "\e615";
}
.icon-quxiao:before {
  content: "\e675";
}
.icon-biaoqian:before {
  content: "\e608";
}
.icon-nv:before {
  content: "\e60f";
}
.icon-fanhui:before {
  content: "\e7bb";
}
.icon-jikediancanicon28:before {
  content: "\e600";
}
.icon-leixing:before {
  content: "\e601";
}
.icon-iconshezhi01:before {
  content: "\e625";
}
.icon-liaotian:before {
  content: "\e628";
}
.icon-chengji:before {
  content: "\e61c";
}
.icon-bianji:before {
  content: "\e626";
}
.icon-shoucang:before {
  content: "\e609";
}
.icon-fabudehuodong:before {
  content: "\e602";
}
.icon-nan:before {
  content: "\e610";
}
.icon-iconfonticonfontclose:before {
  content: "\e60a";
}
.icon-shanchu:before {
  content: "\e61d";
}
.icon-zuoqianfang:before {
  content: "\e60b";
}
.icon-tiezit:before {
  content: "\e61e";
}
.icon-huijijiayuanshoucanganzhuicon01:before {
  content: "\e61f";
}
.icon-xuexiaogaikuang:before {
  content: "\e618";
}
.icon-ymqiconcaidanzhuanxiewenzhang:before {
  content: "\e60c";
}
.icon-biji:before {
  content: "\e614";
}
.icon-bofangzanting02:before {
  content: "\e619";
}
.icon-shipin:before {
  content: "\e620";
}
.icon-gengduo:before {
  content: "\e603";
}
.icon-comiisshijian:before {
  content: "\e604";
}
.icon-nofollow:before {
  content: "\e627";
}
.icon-idea:before {
  content: "\e61a";
}
.icon-geren:before {
  content: "\e605";
}
.icon-huifu-copy:before {
  content: "\e606";
}
.icon-dianzan:before {
  content: "\e60d";
}
.icon-shangchuantupian:before {
  content: "\e60e";
}
.icon-guanli01:before {
  content: "\e621";
}
.icon-sixins:before {
  content: "\e611";
}
.icon-wenda:before {
  content: "\e622";
}
.icon-huodong01-copy:before {
  content: "\e623";
}
.icon-xuexiaodizhi1:before {
  content: "\e61b";
}
.icon-view:before {
  content: "\e607";
}
.icon-qiandao:before {
  content: "\e66a";
}
.icon-touxiang:before {
  content: "\e624";
}
.icon-xiala-copy:before {
  content: "\e612";
}
.icon-xiala-copy-copy:before {
  content: "\e613";
}
.icon-xiala-copy-copy1:before {
  content: "\e616";
}
.icon-fanhui-copy:before {
  content: "\e617";
}
.icon-shouji1:before {
  content: "\e62a";
}
.icon-zaixiankefu1:before {
  content: "\e62b";
}
.icon-xiala-copy-copy-copy:before {
  content: "\e629";
}
.icon-yijianfankui:before {
  content: "\e6df";
}
@font-face {
  font-family: 'iconfont';
  /* project id 111321 */
  src: url('//at.alicdn.com/t/font_111321_3vziemtzoq7iudi.eot');
  src: url('//at.alicdn.com/t/font_111321_3vziemtzoq7iudi.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_111321_3vziemtzoq7iudi.woff') format('woff'), url('//at.alicdn.com/t/font_111321_3vziemtzoq7iudi.ttf') format('truetype'), url('//at.alicdn.com/t/font_111321_3vziemtzoq7iudi.svg#iconfont') format('svg');
}
.rl-modal {
  background: #fff;
  z-index: 100000;
  width: 440px;
  padding-bottom: 30px;
  left: 50%;
  top: 50%;
  display: none;
  margin: 0 auto;
  margin-top: 180px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.rl-modal .login_s {
  padding: 32px 65px 10px 65px;
}
.rl-modal #loading {
  position: relative;
}
.rl-modal .as {
  color: #2eafb3;
}
.rl-modal .login_head {
  font-size: 20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
}
.rl-modal .login_head em {
  display: inline-block;
  float: left;
}
.rl-modal .login_head span {
  font-size: 14px;
  display: inline-block;
  float: right;
  vertical-align: bottom;
}
.rl-modal .login_mas {
  position: relative;
  margin-bottom: 22px;
}
.rl-modal .login_mas .login_input {
  border: 1px solid #ccc;
  width: 259px;
  height: 36px;
  padding-left: 10px;
  outline: none;
  margin-left: 38px;
  font-size: 16px;
}
.rl-modal .login_mas .sai {
  position: absolute;
  top: 0;
  border: 1px solid #ccc;
  height: 38px;
}
.rl-modal .login_psf {
  line-height: 1em;
  margin-bottom: 20px;
}
.rl-modal .auto-cbx {
  margin-right: 10px;
  vertical-align: -2px;
}
.rl-modal .login_btn {
  background: #2eafb3;
  width: 310px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border: none;
  font-size: 18px;
}
.rl-modal .fsfa {
  margin-top: 10px;
  display: inline-block;
}
.icon-login {
  background: url("../img/login/login.gif") no-repeat;
  width: 38px;
  height: 38px;
  display: inline-block;
}
.icon-password {
  background: url("../img/login/password.png") no-repeat;
  width: 38px;
  height: 38px;
  display: inline-block;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  display: none;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.l {
  float: left;
}
.r {
  float: right;
}
.user_rigs {
  position: absolute;
  top: 40px;
  color: #f01400;
  display: none;
  margin-top: 7px;
}
.ipt-verify {
  margin-right: 10px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  padding-left: 9px;
  background-image: none;
  display: inline-block;
  outline: none;
  border: 1px solid #ccc;
}
.ipt-verify:focus {
  border: 1px solid #ddd;
}
.verify-img {
  width: 70px;
  height: 40px;
  vertical-align: top;
}
.verify-img-wrap {
  height: 40px;
  width: 70px;
}
.js-verify-refresh {
  color: #b1b0b0;
  vertical-align: bottom;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rl-modal .login_mas .login_input {
    border: 1px solid #ccc;
    width: 259px;
    height: 30px;
    padding-left: 10px;
    outline: none;
    margin-left: 38px;
    font-size: 16px;
  }
}
.u-close,
.u-icon {
  background: url("../../img/u/u-icon.png");
  display: inline-block;
}
.u-close {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.pop-green-shadow {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9999;
}
.pop-green-shadow .pop-alert {
  position: fixed;
  background: #fff;
  z-index: 100000;
  width: 477px;
  padding-bottom: 30px;
  left: 50%;
  top: 50%;
  margin: -218px 0 0 -180px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  font-size: 14px;
}
.pop-green-shadow .close_h2 {
  background: #2eafb3;
  height: 39px;
  line-height: 39px;
  color: #fff;
  padding: 0 20px;
}
.pop-green-shadow .close_box {
  padding: 20px;
}
.pop-green-shadow .close_box p {
  margin: 5px;
}
.pop-green-shadow .fix {
  padding: 5px 23px;
}
.pop-green-shadow .noqu {
  color: #737373;
  padding: 0 15px;
}
input::div#inner-editor {
  height: 30px;
}
.blue {
  color: #4a9bff;
}
.icon-lock {
  background: url("../img/lock.png") no-repeat;
  width: 9px;
  height: 11px;
  display: inline-block;
  margin-right: 3px;
}
.icon-wen {
  width: 20px;
  height: 20px;
  vertical-align: -5px;
}
.leftBuoy {
  position: fixed;
  left: 10px;
  top: 500px;
  z-index: 9999;
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #34c9cd;
  background: #fff;
  cursor: pointer;
  animation: moveLeftBuoy 1s linear infinite alternate;
  -webkit-animation: moveLeftBuoy 1s linear infinite alternate;
}
body {
  font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
}
.font-18 {
  font-size: 18px;
}
.iconfont {
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
}
.index_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.disabled {
  cursor: not-allowed;
}
.container {
  width: 1300px\9;
  width: 1300px\0;
  *width: 1300px;
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
#main {
  min-height: 770px;
}
.good-ml20 {
  width: 100%;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 200px;
  font-size: 24px;
}
.caurse-ul .on {
  background: #007e81;
}
.caurse-ul .on a {
  color: #fff;
}
.caurse-ul li {
  float: left;
  position: relative;
  background: #2eafb3;
}
.caurse-ul li:hover .qita {
  display: block;
}
.caurse-ul li a {
  color: #fff;
  padding: 0 13px;
  text-align: center;
  display: block;
  font-size: 14px;
}
.caurse-ul li a:hover {
  background: #007e81;
}
.qita {
  position: absolute;
  margin: 0;
  padding: 0;
  background: #2eafb3;
  color: #fff;
  z-index: 99;
  left: -24px;
  display: none;
}
.qita dd {
  margin: 0;
  padding: 0;
}
.qita dd a {
  padding: 0;
  width: 90px;
}
.padding150 {
  padding-bottom: 150px;
}
.intelliGence {
  overflow: hidden;
}
.intelliGence li {
  width: 258px;
  height: 210px;
  border: 1px solid #cec6c9;
  float: left;
  margin: 40px 30px 40px 21px;
}
.intelliGence li:last-child {
  margin-right: 0;
}
.intelliGence .intell_img {
  width: 258px;
  height: 139px;
  position: relative;
  overflow: hidden;
}
.intelliGence .intell_img img {
  width: 100%;
  height: 100%;
}
.intelliGence .intell_title {
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.intelliGence .intell_state {
  line-height: 30px;
  padding: 0 8px;
}
.intelliGence .intell_state span {
  display: inline-block;
  color: #b2b2b2;
}
.intelliGence .intell_state .caurse-pass {
  float: right;
  color: #2eafb3;
}
.intelliGence .caurse-poress {
  height: 3px;
  width: 100%;
  position: relative;
  bottom: 8px;
  display: inline-block;
  background: #dcdcdc;
  background-clip: content-box;
  overflow: hidden;
}
.intelliGence .caurse-poress i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 3px;
  background: #0068b7;
}
.row {
  margin: 0 -40px;
}
.caurse-ul {
  background: #2eafb3;
  width: 100%;
}
.course-wrapper {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background: #2eafb3;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt50 {
  margin-top: 50px;
}
.mt5 {
  margin-top: 5px;
}
.mt60 {
  margin-top: 60px;
}
.hide {
  display: none;
}
.l {
  float: left;
}
.r {
  float: right;
}
.hidden {
  overflow: hidden;
}
.am_height {
  min-height: 800px;
}
.course_height {
  min-height: 711px;
  margin: 0px -22px;
}
.elevator {
  position: fixed;
  padding: 0 15px;
  bottom: 120px;
  right: 0;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(7, 17, 27, 0.1);
}
.elevator a {
  display: block;
  width: 26px;
  padding: 12px 0;
  font-size: 12px;
  line-height: 20px;
  color: #787d82;
  text-align: center;
  border-bottom: 1px solid #edf1f2;
}
.elevator a i {
  font-size: 20px;
  color: #2dafb3;
}
.elevator .elevator-app:hover .elevator-app-box {
  display: block;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  max-width: none;
  transform: scale(1);
}
.elevator .elevator-app-box {
  position: absolute;
  width: 172px;
  height: 194px;
  bottom: -10px;
  right: 52px;
  transition: opacity .25s, transform .3s;
  opacity: 0;
  filter: alpha(opacity=0);
  max-width: 0;
  transform: scale(0.01);
  transform-origin: 100% 95%;
  background: url(../img/index/wechat_mooc_pintai.jpg) no-repeat;
}
.sign {
  z-index: 19891026;
  top: 0;
  left: 0;
  position: fixed;
  _position: absolute;
  pointer-events: auto;
  left: 50%;
  top: 50%;
  margin-top: -259px;
  margin-left: -259px;
}
.sign-bag {
  background: url("../img/index/zu.png") no-repeat;
  width: 518px;
  height: 378px;
  display: inline-block;
}
.sign-bag .head {
  font-size: 26px;
  font-family: "黑体";
  height: 70px;
  line-height: 70px;
  margin-top: 15px;
  color: #fff;
  position: relative;
  padding-left: 50px;
  text-align: center;
}
.sign-bag .close {
  background: url("../img/index/close.png") no-repeat;
  width: 21px;
  height: 21px;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 73px;
  cursor: pointer;
}
.sign-bag .content {
  color: #a3a3a3;
  font-size: 14px;
  font-family: "黑体";
  padding: 15px 17px;
  margin: 0 46px;
}
.sign-bag .sign-gray,
.sign-bag .sign-s {
  background: url("../img/index/sign-s.png") no-repeat;
  width: 123px;
  height: 106px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  padding-top: 30px;
  color: #fff;
  line-height: 1.1;
  font-size: 24px;
  margin-left: 137px;
  margin-top: 10px;
}
.sign-bag .sign-gray {
  background: url("../img/index/sign-gray.png") no-repeat;
  line-height: 60px;
}
.sign-bag .foos {
  text-align: center;
  font-size: 18px;
  position: absolute;
  bottom: 40px;
  left: 169px;
}
.sign-bag .foos .uity {
  color: #000;
}
.sign-bag .foos em {
  color: #fb5439;
}
.sign-bag .sign-gif {
  position: absolute;
  left: 200px;
  top: 151px;
  cursor: pointer;
}
.icons-sign {
  background: url("../img/index/tips.png") no-repeat;
  width: 62px;
  height: 126px;
  display: inline-block;
  position: absolute;
  left: -31px;
  top: -45px;
  display: none;
}
@media (max-width: 1024px) {
  .container {
    width: 1000px;
  }
  .about {
    padding: 0 193px;
  }
}
@media (max-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (max-width: 768px) {
  .container {
    width: 750px;
  }
  .about {
    padding: 0 73px;
  }
}
.table-ps {
  position: relative;
  text-decoration: underline;
  cursor: pointer;
}
#dowebok {
  position: fixed;
  z-index: 9;
  width: 75px;
  height: 27px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
#dowebok .score-yellow {
  color: #ffcb00;
  font-size: 24px;
  vertical-align: middle;
}
.kec-404 {
  background: url("../img/404-1.png") no-repeat;
  width: 189px;
  height: 172px;
  display: inline-block;
}
.modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.modal {
  z-index: 19891026;
  top: 0;
  left: 0;
  position: fixed;
  _position: absolute;
  pointer-events: auto;
  left: 50%;
  top: 50%;
  margin-top: -259px;
  margin-left: -259px;
}
.icon-studys {
  background: url("../img/person/daren_icon@2x.png") no-repeat;
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px;
  vertical-align: -14px;
}
.icon-daiyanrens {
  background: url("../img/person/daiyanren_icon@2x.png") no-repeat;
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px;
  vertical-align: -14px;
}
.icon-xings {
  background: url("../img/person/xing_icon@2x.png") no-repeat;
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px;
  vertical-align: -14px;
}