html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: \5FAE\8F6F\96C5\9ED1;
  color: #666;
}
@media (min-width: 360px) {
  html {
    font-size: 22.5px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 23.4375px;
  }
}
@media (min-width: 400px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 25.875px;
  }
}
@media (min-width: 540px) {
  html {
    font-size: 33.75px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 37.5px;
  }
}
@-webkit-keyframes screencg {
  0% {
    -webkit-transform: rotate(-90deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(-90deg);
  }
}
@-webkit-keyframes screencg2 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes signs {
  0% {
    -webkit-transform: rotate(-8deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
  }
  100% {
    -webkit-transform: rotate(-8deg);
  }
}
@-webkit-keyframes layer_sw {
  0% {
    -webkit-transform: translate(0, 120%);
  }
  10% {
    -webkit-transform: translate(0, 0);
  }
  90% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 120%);
  }
}
.forbidden-tit {
  position: fixed;
  width: 16rem;
  height: 2rem;
  line-height: 2rem;
  left: 0;
  top: 0;
  z-index: 99;
  color: #fff;
  text-align: center;
  font-size: .8rem;
}
a.forbidden-btm-lk {
  position: fixed;
  width: 16rem;
  height: 2rem;
  line-height: 2rem;
  left: 0;
  bottom: 0;
  z-index: 99;
  background: #011d2d;
  color: #fff;
  text-align: center;
  font-size: .7rem;
}
a.forbidden-btm-lk img {
  width: .6rem;
  height: .6rem;
  display: inline-block;
  margin-right: .2rem;
}
.forbidden-main {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 13rem;
  height: auto;
  padding: .5rem;
  margin-left: -7rem;
  border: 1px solid #fff;
  font-size: .6rem;
  color: #fff;
  border-radius: .1rem;
}
.forbidden-main .txts-tit {
  text-align: center;
  line-height: 1rem;
}
.forbidden-main .txt {
  line-height: 1.2rem;
}
.forbidden-main .txt span {
  display: inline-block;
  padding-right: 1rem;
}
.forbidden-main .txt span img {
  display: inline-block;
  margin-right: .1rem;
  width: .7rem;
  height: .7rem;
  vertical-align: -0.15rem;
}
.my-project-sg {
  width: 14.8rem;
  margin: 1rem auto;
  color: #000;
}
.my-project-sg .btns {
  width: 11rem;
  height: 1.8rem;
  margin: 1rem auto;
}
.my-project-sg .btns a {
  display: block;
  width: 5rem;
  height: 1.8rem;
  background-size: 100% 100%;
}
.my-project-sg .btns a.study {
  background-image: url("../img/my_pjt_btn1.png");
  float: left;
}
.my-project-sg .btns a.skip {
  background-image: url("../img/my_pjt-btn2.png");
  float: right;
}
.my-project-sg .my-pro-txt {
  font-size: .5rem;
  line-height: .9rem;
}
.my-project-sg .my-pro-txt p {
  margin: .2rem 0;
  padding: 0;
}
.my-project-sg .my-pro-txt .tit {
  font-size: .7rem;
  text-align: center;
  line-height: 1rem;
  margin: .5rem;
}
.my-project-sg .my-pro-txt img {
  display: block;
  margin: .3rem 0;
  max-width: 14.8rem;
}
.if-page-top {
  width: 100%;
  height: 1.5rem;
  background: #478ede;
  position: relative;
}
.if-page-top a.alrd-btn {
  display: none;
  position: absolute;
  width: 4rem;
  padding-right: 1rem;
  text-align: right;
  top: 0;
  right: .6rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  font-size: .6rem;
}
.if-page-top a.alrd-btn i {
  position: absolute;
  width: .8rem;
  height: 1rem;
  right: 0;
  top: .25rem;
  background-image: url("../img/alrd.png");
  background-size: 100% 100%;
}
.if-page-top a.back-btn {
  position: absolute;
  width: 4rem;
  padding-left: 1rem;
  top: 0;
  left: .6rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  font-size: .6rem;
}
.if-page-top a.back-btn i {
  position: absolute;
  width: .8rem;
  height: 1rem;
  left: 0;
  top: .25rem;
  background-image: url("../img/back.png");
  background-size: 100% 100%;
}
.if-page-top p {
  position: absolute;
  width: 10rem;
  right: .6rem;
  font-size: .6rem;
  line-height: 1.5rem;
  text-align: right;
  color: #fff;
}
.if-page-top p span {
  color: #fff100;
  padding: 0 .4rem;
}
.if-page-main {
  width: 100%;
}
.if-page-main .iframe {
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.top-ts-p {
  position: fixed;
  width: 100%;
  z-index: 9999999999999991;
  height: 1.4rem;
  background: #ffddda;
  color: #9e0d00;
  font-size: .6rem;
  text-align: center;
  overflow: hidden;
  top: 2rem;
  line-height: 1.4rem;
  opacity: 0;
  -webkit-transition: opacity .5s;
}
.top-ts-p.cur {
  opacity: 1;
}
.top-rank-nav {
  position: fixed;
  top: 2rem;
  left: 0;
  z-index: 999999999;
  background: #fff;
  width: 100%;
  height: 1.6rem;
  -webkit-transition: top .5s;
  border-bottom: .05rem solid #ccc;
}
.top-rank-nav.scd {
  top: 1.7rem;
}
.top-rank-nav a {
  display: inline-block;
  width: 5.3rem;
  float: left;
  margin: 0;
  padding: 0;
  height: 1.5rem;
  text-align: center;
  font-size: .6rem;
  color: #808080;
  line-height: 1.6rem;
}
.top-rank-nav a.cur {
  color: #478ede;
}
.top-rank-nav .btm-bds {
  width: 32%;
  position: absolute;
  bottom: -0.05rem;
  left: 0;
  height: .1rem;
  background: #478ede;
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
.main {
  margin: 0 auto;
  background: #efefef;
}
.main.bg-white {
  background: #fff;
}
.main.mtop {
  margin-top: 3.8rem;
}
.main.les-s-s {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.login-main {
  width: 16rem;
  margin: 0 auto;
  margin-top: 2.3rem;
}
.login-main .ipt {
  width: 100%;
  height: 2rem;
  margin-top: .1rem;
  background: #fff;
  position: relative;
}
.login-main .ipt.mt {
  height: 2.8rem;
  margin-top: 1.2rem;
  background: none;
}
.login-main .ipt.mt input {
  position: static;
  display: block;
  margin: 0 auto;
  background: #0f93ce;
  color: #fff;
  border-radius: .2rem;
  text-align: center;
}
.login-main .ipt.mt a {
  position: absolute;
  width: 14rem;
  height: .8rem;
  font-size: .5rem;
  line-height: .8rem;
  bottom: 0;
  left: .85rem;
  text-align: right;
  color: #727171;
}
.login-main .ipt input {
  position: absolute;
  width: 14rem;
  height: 2rem;
  background: transparent;
  border: none;
  resize: none;
  outline: none;
  padding: 0;
  margin: 0;
  left: .5rem;
  top: 0;
  line-height: 2rem;
  font-size: .6rem;
  color: #333;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.login-main .ipt a.ques {
  position: absolute;
  width: .9rem;
  height: .9rem;
  background-size: 100% 100%;
  background-image: url("../img/ques_icon.png");
  top: .55rem;
  right: .5rem;
}
.login-top {
  position: fixed;
  width: 100%;
  height: 2rem;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 999;
  color: #222;
  font-size: .7rem;
  line-height: 2rem;
  border-bottom: .05rem solid #929292;
}
.other-login-btn {
  position: fixed;
  height: 2rem;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 0;
  line-height: 2rem;
  font-size: .6rem;
}
.other-login {
  position: fixed;
  height: 6rem;
  width: 100%;
  left: 0;
  background: #fff;
  bottom: 0;
  -webkit-transform: translate3d(0, 7rem, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
.other-login.cur {
  -webkit-transform: translate3d(0, 0, 0);
}
.other-login .quit-other {
  background: #f1f1f1;
  height: 1.8rem;
  width: 100%;
  text-align: center;
  line-height: 1.8rem;
  font-size: .65rem;
}
.other-login .logins {
  width: 13rem;
  height: 3.5rem;
  margin: 0 auto;
  padding: .5rem 0 .2rem 0;
}
.other-login .logins a {
  display: inline-block;
  width: 3rem;
  height: 3.5rem;
  text-align: center;
  margin-right: 1.5rem;
}
.other-login .logins a img {
  width: 2.5rem;
  height: 2.5rem;
}
.other-login .logins a p {
  text-align: center;
  line-height: 1rem;
  height: 1rem;
  font-size: .5rem;
  color: #555;
}
.lesson-box {
  margin-top: 3.5rem;
}
.lesson-box.m15 {
  margin-top: 1.5rem;
}
.lesson-box .no-result {
  width: 100%;
  height: 7.5rem;
  position: relative;
  padding-top: 2rem;
}
.lesson-box .no-result img {
  position: absolute;
  width: 9.8rem;
  height: 6.75rem;
  top: 2rem;
  left: 50%;
  margin-left: -4.9rem;
}
.lesson-box .no-result p {
  position: absolute;
  font-size: .8rem;
  text-align: center;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #bbb;
}
.no-rlt {
  width: 100%;
  height: 14rem;
  line-height: 14rem;
  text-align: center;
  font-size: .9rem;
  color: #999;
}
.page-top {
  height: 2rem;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #478ede;
  z-index: 99;
}
.page-top .pct-cvs {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: .2rem;
  right: .6rem;
}
.page-top .pct-cvs canvas {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 0;
  left: 0;
  z-index: 2;
}
.page-top .pct-cvs span {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  font-size: .5rem;
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-transform: scale(0.8, 0.8);
}
.page-top a.last-page {
  width: .8rem;
  height: .7rem;
  background-image: url("../img/back_icon.png");
  background-size: 100% 100%;
  position: absolute;
  top: .6rem;
  left: .5rem;
}
.page-top p {
  width: 9rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -4.5rem;
  text-align: center;
  color: #fff;
  font-size: .7rem;
  overflow: hidden;
}
.page-top p.fl-p {
  width: 12rem;
  margin-left: 0;
  left: 1.8rem;
  text-align: left;
}
.page-top a.other-btn {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  top: 0;
  right: .5rem;
  text-align: right;
  color: #fff;
  font-size: .6rem;
  overflow: hidden;
}
.iframes {
  width: 100%;
  height: 100%;
  border: none;
}
.iframes iframe {
  display: block;
  width: 100%;
  height: auto;
}
.train-main {
  width: 100%;
  margin-top: 1rem;
  font-size: .6rem;
  line-height: .9rem;
  overflow: hidden;
}
.train-main h1,
.train-main h2,
.train-main h3,
.train-main h4,
.train-main h5,
.train-main h6 {
  width: 15rem;
  margin: .2rem auto;
  font-size: .7rem;
  line-height: 1rem;
}
.train-main div {
  width: 15rem;
  margin: .3rem auto;
}
.train-main p {
  width: 15rem;
  margin: .3rem auto;
}
.train-main img {
  max-width: 15rem;
  display: block;
  margin: 0 auto;
}
.train-main .train-img {
  margin: 0 auto;
  width: 14rem;
  height: 3.5rem;
  background-image: url("../img/no_txt_tit.png");
  background-size: 100% 100%;
}
.error-img {
  position: absolute;
  width: 11.65rem;
  height: 7.5rem;
  top: 2.5rem;
  left: 50%;
  margin-left: -5.825rem;
  background-image: url("../img/errorimg.png");
  background-size: 100% 100%;
}
.w-h-ct {
  color: #478ede;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  position: absolute;
  top: 11.5rem;
  font-size: .7rem;
}
.nav,
.mt-nav {
  width: 100%;
  height: 1.3rem;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: .1rem solid #a7a7a7;
  background: #fff;
  z-index: 99;
}
.nav .flt-bar,
.mt-nav .flt-bar {
  width: 7.8rem;
  height: 1.3rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.8rem;
  z-index: 8;
}
.nav .flt-bar .bar,
.mt-nav .flt-bar .bar {
  width: 3rem;
  height: .16rem;
  background: #2d84e6;
  position: absolute;
  bottom: -0.06rem;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  /* Opera */
  -moz-transform: translateX(0);
  transition: transform .4s;
  -moz-transition: -moz-transform 0.4s;
  /* Firefox 4 */
  -webkit-transition: -webkit-transform 0.4s;
  /* Safari 和 Chrome */
  -o-transition: -o-transform 0.4s;
}
.nav .flt-bar .bar.cur,
.mt-nav .flt-bar .bar.cur {
  transform: translateX(4.8rem);
  -webkit-transform: translateX(4.8rem);
  -o-transform: translateX(4.8rem);
  /* Opera */
  -moz-transform: translateX(4.8rem);
}
.nav .nav-a-2,
.mt-nav .nav-a-2 {
  width: 7.8rem;
  height: 1.3rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.8rem;
  z-index: 9;
}
.nav .nav-a-2 a,
.mt-nav .nav-a-2 a {
  display: block;
  width: 3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .6rem;
  color: #878787;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.mt-nav {
  position: absolute;
  top: 10.55rem;
}
.share-btm {
  width: 100%;
  height: .9rem;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: .55rem 0;
  background: #efefef;
}
.share-btm span {
  display: block;
  position: absolute;
  height: .9rem;
  text-align: center;
  padding-left: 1rem;
  font-size: .65rem;
  color: #888;
}
.share-btm span i {
  display: block;
  position: absolute;
  left: 0;
  top: .15rem;
  width: .7rem;
  height: .7rem;
  background-size: 100% 100%;
}
.share-btm span.shares {
  top: .55rem;
  left: 1rem;
}
.share-btm span.shares i {
  background-image: url("../img/linkicon.png");
}
.share-btm span.pl {
  width: 1.6rem;
  top: .55rem;
  left: 50%;
  margin-left: -2.8rem;
  padding: 0 1.5rem 0 2.5rem;
  text-align: left;
  border-left: .05rem solid #ccc;
  border-right: .05rem solid #ccc;
}
.share-btm span.pl i {
  left: 1.3rem;
  background-image: url("../img/pinlunicon.png");
}
.share-btm span.clk-z {
  top: .55rem;
  right: 1.5rem;
}
.share-btm span.clk-z i.zan {
  background-image: url("../img/zanicon.png");
}
.share-btm span.clk-z i.yzan {
  background-image: url("../img/yzanicom.png");
}
.page-main,
.mt-info-main {
  width: 100%;
  overflow: hidden;
  margin-top: 1.4rem;
}
.page-main .scroll-ajax,
.mt-info-main .scroll-ajax {
  width: 100%;
  background: #fff;
  height: 1rem;
  margin: 0 auto;
}
.page-main .scroll-ajax img,
.mt-info-main .scroll-ajax img {
  display: block;
  width: .7rem;
  height: 1rem;
  float: left;
  margin-left: .5rem;
}
.page-main .scroll-ajax img.cur,
.mt-info-main .scroll-ajax img.cur {
  -webkit-transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.4s;
}
.page-main .scroll-ajax p,
.mt-info-main .scroll-ajax p {
  width: 10rem;
  height: 1rem;
  float: left;
  margin-left: 1rem;
  line-height: 1rem;
  font-size: .6rem;
}
.page-main .page-tran,
.mt-info-main .page-tran,
.page-main .mt-info-tran,
.mt-info-main .mt-info-tran {
  width: 200%;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  /* Opera */
  -moz-transform: translateX(0);
  transition: transform .4s;
  -moz-transition: -moz-transform 0.4s;
  /* Firefox 4 */
  -webkit-transition: -webkit-transform 0.4s;
  /* Safari 和 Chrome */
  -o-transition: -o-transform 0.4s;
}
.page-main .page-tran.cur,
.mt-info-main .page-tran.cur,
.page-main .mt-info-tran.cur,
.mt-info-main .mt-info-tran.cur {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  /* Opera */
  -moz-transform: translateX(-50%);
}
.mt-info-main {
  background: #fff;
  padding-bottom: 2rem;
}
.mt-info-main .if-p {
  line-height: .9rem;
  font-size: .6rem;
  color: #9c9b9b;
}
.mt-info-main .icon-p {
  width: 14.5rem;
  padding: 0 .75rem;
  margin: 0 auto;
  height: 1rem;
  position: relative;
  background: #efefef;
}
.mt-info-main .icon-p span {
  display: block;
  position: absolute;
  height: 1rem;
  font-size: .6rem;
  line-height: 1rem;
  top: 0;
  padding-left: .9rem;
}
.mt-info-main .icon-p span i {
  position: absolute;
  width: .7rem;
  height: .7rem;
  top: .15rem;
  left: 0;
}
.mt-info-main .icon-p span.dt {
  left: .75rem;
  text-align: left;
}
.mt-info-main .icon-p span.dt i {
  background-image: url("../img/dtbicon.png");
  background-size: 100% 100%;
}
.mt-info-main .icon-p span.pl {
  left: 50%;
  width: 2rem;
  margin-left: -1rem;
  text-align: left;
}
.mt-info-main .icon-p span.pl i {
  background-image: url("../img/wt2icon.png");
  background-size: 100% 100%;
}
.mt-info-main .icon-p span.zan {
  right: .75rem;
  text-align: right;
}
.mt-info-main .icon-p span.zan i {
  background-image: url("../img/zanbicon.png");
  background-size: 100% 100%;
}
.mt-info-main .pl-list {
  margin-top: .5rem;
}
.mt-info-main .pl-list h4 {
  width: 14.5rem;
  margin: .3rem auto;
  height: 1.2rem;
  border-bottom: .05rem solid #ccc;
  position: relative;
}
.mt-info-main .pl-list h4 span {
  display: block;
  position: absolute;
  width: 4rem;
  font-size: .7rem;
  color: #777;
  top: .05rem;
  font-weight: normal;
  left: 0;
  height: 1.1rem;
  line-height: 1.1rem;
  border-bottom: .1rem solid #478ede;
}
.mt-info-main .pl-list .pl-cell {
  width: 14.5rem;
  padding: .4rem .75rem;
  margin: 0 auto;
  height: 2rem;
  position: relative;
  border-bottom: .05rem solid #efefef;
}
.mt-info-main .pl-list .pl-cell img {
  position: absolute;
  top: .4rem;
  left: .75rem;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
}
.mt-info-main .pl-list .pl-cell .txts {
  position: absolute;
  width: 12rem;
  height: 2rem;
  right: .75rem;
  top: .4rem;
}
.mt-info-main .pl-list .pl-cell .txts h5 {
  position: relative;
  font-size: .65rem;
  color: #221815;
  line-height: 1rem;
  font-weight: normal;
  border: none;
}
.mt-info-main .pl-list .pl-cell .txts h5 i {
  position: absolute;
  line-height: 1rem;
  right: 0;
  top: 0;
  text-align: right;
  font-size: .6rem;
  color: #777;
}
.mt-info-main .pl-list .pl-cell .txts .txt-p {
  font-size: .6rem;
  line-height: 1rem;
  height: 1rem;
  width: 100%;
  overflow: hidden;
  color: #221815;
}
.profile,
.mt-info-txt {
  width: 50%;
  float: left;
}
.profile .infos,
.mt-info-txt .infos {
  width: 14.5rem;
  margin: 0 auto;
  padding: .5rem .75rem;
  background: #fff;
  border-bottom: .05rem solid #d6d6d6;
  position: relative;
}
.profile .infos h3,
.mt-info-txt .infos h3 {
  color: #111;
  font-size: .8rem;
  width: 14.5rem;
  line-height: 1rem;
  margin-bottom: .3rem;
}
.profile .infos .in-p,
.mt-info-txt .infos .in-p {
  line-height: .9rem;
  font-size: .6rem;
  color: #9c9b9b;
}
.profile .infos .in-p p,
.mt-info-txt .infos .in-p p {
  line-height: .9rem;
  font-size: .6rem;
  color: #9c9b9b;
}
.profile .infos .icon-btns,
.mt-info-txt .infos .icon-btns {
  width: 14.5rem;
  text-align: right;
  margin-top: .6rem;
}
.profile .infos .icon-btns a,
.mt-info-txt .infos .icon-btns a {
  display: inline-block;
  width: auto;
  height: 1.2rem;
  margin: 0 .2rem;
  background-size: 100% 100%;
  position: relative;
  padding: 0 .3rem;
  font-size: .6rem;
  color: #fff;
  line-height: 1.2rem;
  text-align: center;
  border-radius: .1rem;
}
.profile .infos .icon-btns a i,
.mt-info-txt .infos .icon-btns a i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background-size: 100% 100%;
  vertical-align: -0.1rem;
  margin-right: .1rem;
}
.profile .infos .icon-btns a.filled-btn,
.mt-info-txt .infos .icon-btns a.filled-btn {
  background: #d35a67;
}
.profile .infos .icon-btns a.filled-btn i,
.mt-info-txt .infos .icon-btns a.filled-btn i {
  background-image: url("../img/btn_iocns/chaicon.png");
}
.profile .infos .icon-btns a.fld-btn,
.mt-info-txt .infos .icon-btns a.fld-btn {
  background: #d35a67;
}
.profile .infos .icon-btns a.fld-btn i,
.mt-info-txt .infos .icon-btns a.fld-btn i {
  background-image: url("../img/btn_iocns/chaicon.png");
}
.profile .infos .icon-btns a.beyond-btn,
.mt-info-txt .infos .icon-btns a.beyond-btn {
  background: #a8a8a8;
}
.profile .infos .icon-btns a.beyond-btn i,
.mt-info-txt .infos .icon-btns a.beyond-btn i {
  background-image: url("../img/btn_iocns/noicon.png");
}
.profile .infos .icon-btns a.stts-btn,
.mt-info-txt .infos .icon-btns a.stts-btn {
  background: #7bb729;
}
.profile .infos .icon-btns a.stts-btn i,
.mt-info-txt .infos .icon-btns a.stts-btn i {
  background-image: url("../img/btn_iocns/wticon.png");
}
.profile .infos .icon-btns a.aply-btn,
.mt-info-txt .infos .icon-btns a.aply-btn {
  background: #559cec;
}
.profile .infos .icon-btns a.aply-btn i,
.mt-info-txt .infos .icon-btns a.aply-btn i {
  background-image: url("../img/btn_iocns/wticon.png");
}
.profile .infos .icon-btns a.aplym-btn,
.mt-info-txt .infos .icon-btns a.aplym-btn {
  background: #d35a67;
}
.profile .infos .icon-btns a.aplym-btn i,
.mt-info-txt .infos .icon-btns a.aplym-btn i {
  left: .2rem;
  background-image: url("../img/btn_iocns/chaicon.png");
}
.profile .infos .icon-btns a.planaply-btn,
.mt-info-txt .infos .icon-btns a.planaply-btn {
  background: #559cec;
}
.profile .infos .icon-btns a.planaply-btn i,
.mt-info-txt .infos .icon-btns a.planaply-btn i {
  background-image: url("../img/btn_iocns/seticon.png");
}
.profile .infos .icon-btns a.qx-btn,
.mt-info-txt .infos .icon-btns a.qx-btn {
  background: #a8a8a8;
}
.profile .infos .icon-btns a.qx-btn i,
.mt-info-txt .infos .icon-btns a.qx-btn i {
  background-image: url("../img/btn_iocns/noicon.png");
}
.profile .infos .icon-btns a.shz-btn,
.mt-info-txt .infos .icon-btns a.shz-btn {
  background: #df9508;
}
.profile .infos .icon-btns a.shz-btn i,
.mt-info-txt .infos .icon-btns a.shz-btn i {
  background-image: url("../img/btn_iocns/seticon.png");
}
.profile .infos .icon-btns a.add-btn,
.mt-info-txt .infos .icon-btns a.add-btn {
  background: #559cec;
}
.profile .infos .icon-btns a.add-btn i,
.mt-info-txt .infos .icon-btns a.add-btn i {
  background-image: url("../img/btn_iocns/addicon.png");
}
.profile .infos .icon-btns a.tmov-btn,
.mt-info-txt .infos .icon-btns a.tmov-btn {
  background: #a8a8a8;
}
.profile .infos .icon-btns a.tmov-btn i,
.mt-info-txt .infos .icon-btns a.tmov-btn i {
  background-image: url("../img/btn_iocns/ovtmicon.png");
}
.profile .infos .icon-btns a.tmbf-btn,
.mt-info-txt .infos .icon-btns a.tmbf-btn {
  background: #a8a8a8;
}
.profile .infos .icon-btns a.tmbf-btn i,
.mt-info-txt .infos .icon-btns a.tmbf-btn i {
  background-image: url("../img/btn_iocns/wdtmicon.png");
}
.profile .comments,
.mt-info-txt .comments {
  width: 14.5rem;
  margin: 0 auto;
  padding: .5rem .75rem 0 .75rem;
  background: #fff;
  border-top: .05rem solid #d6d6d6;
  position: relative;
  margin-top: .5rem;
}
.profile .comments .tit,
.mt-info-txt .comments .tit {
  width: 100%;
  height: 1rem;
  position: relative;
  border-bottom: .1rem solid #dbdde0;
}
.profile .comments .tit h3,
.mt-info-txt .comments .tit h3 {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  top: 0;
  left: 0;
  padding-left: 1rem;
  border-bottom: .1rem solid #478ede;
  font-size: .6rem;
  color: #111;
}
.profile .comments .tit h3 i,
.mt-info-txt .comments .tit h3 i {
  display: block;
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/chaticon.png");
  background-size: 100% 100%;
}
.profile .comments .no-cmt,
.mt-info-txt .comments .no-cmt {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  position: relative;
}
.profile .comments .no-cmt p,
.mt-info-txt .comments .no-cmt p {
  font-size: .6rem;
}
.profile .comments .cmt-box,
.mt-info-txt .comments .cmt-box {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  border-bottom: .05rem solid #d6d6d6;
  position: relative;
}
.profile .comments .cmt-box .faces,
.mt-info-txt .comments .cmt-box .faces {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
.profile .comments .cmt-box .faces img,
.mt-info-txt .comments .cmt-box .faces img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
.profile .comments .cmt-box .cmt-txt,
.mt-info-txt .comments .cmt-box .cmt-txt {
  width: 11rem;
  float: right;
}
.profile .comments .cmt-box .cmt-txt h4,
.mt-info-txt .comments .cmt-box .cmt-txt h4 {
  color: #478ede;
  font-size: .6rem;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
}
.profile .comments .cmt-box .cmt-txt h4 span.ti,
.mt-info-txt .comments .cmt-box .cmt-txt h4 span.ti {
  color: #9c9b9b;
  padding: 0 .4rem;
  font-weight: normal;
}
.profile .comments .cmt-box .cmt-txt h4 span.te,
.mt-info-txt .comments .cmt-box .cmt-txt h4 span.te {
  color: #221815;
  padding: 0;
  font-weight: normal;
}
.profile .comments .cmt-box .cmt-txt .stars,
.mt-info-txt .comments .cmt-box .cmt-txt .stars {
  height: .5rem;
  width: 100%;
  margin-bottom: .4rem;
}
.profile .comments .cmt-box .cmt-txt .stars span,
.mt-info-txt .comments .cmt-box .cmt-txt .stars span {
  display: block;
  width: .5rem;
  height: .5rem;
  float: left;
  margin: 0 .1rem;
  background-image: url("../img/stars.png");
  background-size: 100% 100%;
}
.profile .comments .cmt-box .cmt-txt .cmt-p,
.mt-info-txt .comments .cmt-box .cmt-txt .cmt-p {
  font-size: .6rem;
  line-height: .8rem;
  color: #111;
}
.profile .comments .cmt-box .cmt-txt .cmt-p p,
.mt-info-txt .comments .cmt-box .cmt-txt .cmt-p p {
  font-size: .6rem;
  line-height: .8rem;
  height: .8rem;
  color: #111;
}
.profile .comments .cmt-box .cmt-txt i,
.mt-info-txt .comments .cmt-box .cmt-txt i {
  display: block;
  color: #727171;
  font-size: .5rem;
}
.directory,
.mt-info-ml {
  width: 50%;
  float: left;
  background: #fff;
}
.directory .dt-cell,
.mt-info-ml .dt-cell {
  width: 14rem;
  height: 1rem;
  border-bottom: .05rem solid #b7bcc2;
  border-left: .1rem solid #b7bcc2;
  padding: .5rem 0;
  margin-left: 2rem;
  position: relative;
}
.directory .dt-cell .circle,
.mt-info-ml .dt-cell .circle {
  width: .9rem;
  height: .9rem;
  border: .1rem solid #b7bcc2;
  border-radius: .9rem;
  position: absolute;
  top: .5rem;
  left: -0.6rem;
  background: #fff;
}
.directory .dt-cell .circle.cur,
.mt-info-ml .dt-cell .circle.cur {
  background: #478ede;
  border: .1rem solid #478ede;
}
.directory .dt-cell .txt,
.mt-info-ml .dt-cell .txt {
  width: 12.5rem;
  height: 1rem;
  position: absolute;
}
.directory .dt-cell .txt i,
.mt-info-ml .dt-cell .txt i {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 1.25rem;
  background-size: 100% 100%;
}
.directory .dt-cell .txt i.zy,
.mt-info-ml .dt-cell .txt i.zy {
  background-image: url("../img/zy_icon.png");
}
.directory .dt-cell .txt i.dcwj,
.mt-info-ml .dt-cell .txt i.dcwj {
  background-image: url("../img/dcwj_icon.png");
}
.directory .dt-cell .txt i.dlks,
.mt-info-ml .dt-cell .txt i.dlks {
  background-image: url("../img/dlks_icon.png");
}
.directory .dt-cell .txt i.ht,
.mt-info-ml .dt-cell .txt i.ht {
  background-image: url("../img/ht_icon.png");
}
.directory .dt-cell .txt i.kc,
.mt-info-ml .dt-cell .txt i.kc {
  background-image: url("../img/kc_icon.png");
}
.directory .dt-cell .txt i.msjc,
.mt-info-ml .dt-cell .txt i.msjc {
  background-image: url("../img/msjc_icon.png");
}
.directory .dt-cell .txt i.zl,
.mt-info-ml .dt-cell .txt i.zl {
  background-image: url("../img/zl_icon.png");
}
.directory .dt-cell .txt h4,
.mt-info-ml .dt-cell .txt h4,
.directory .dt-cell .txt a,
.mt-info-ml .dt-cell .txt a {
  display: block;
  color: #333;
  font-size: .65rem;
  line-height: 1rem;
  position: absolute;
  width: 10rem;
  height: 1rem;
  overflow: hidden;
  top: 0;
  left: 2.5rem;
  font-weight: normal;
}
.mt-info-ml .dt-cell .txt h4 {
  left: 1rem;
}
.search-slt {
  padding: .2rem 0;
  width: 100%;
  height: 1.3rem;
  margin-top: .1rem;
  border-bottom: .05rem solid #f0f0f0;
  border-top: .05rem solid #f0f0f0;
  background: #fff;
}
.search-slt.fxd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999999999999;
  margin-top: 0;
}
.search-slt .sch-ipt {
  width: 9.5rem;
  height: 1.3rem;
  background: #f2f2f2;
  position: absolute;
  top: .2rem;
  left: 1rem;
}
.search-slt .sch-ipt input {
  display: block;
  width: 7.5rem;
  height: 1.3rem;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  resize: none;
  position: absolute;
  top: 0;
  left: .5rem;
  font-size: .6rem;
  line-height: .9rem;
}
.search-slt .sch-ipt button {
  display: block;
  width: 1rem;
  height: 1rem;
  border: none;
  outline: none;
  resize: none;
  position: absolute;
  top: .15rem;
  right: .2rem;
  background-image: url("../img/sear_icon.png");
  background-size: 100% 100%;
  background-color: transparent;
}
.search-slt .slt-lt {
  position: absolute;
  top: 1.4rem;
  right: 1rem;
  width: 4rem;
  border: .05rem solid #a0a0a0;
  border-bottom: none;
  display: none;
  z-index: 99;
}
.search-slt .slt-lt a {
  display: block;
  width: 4rem;
  height: 1rem;
  border-bottom: .05rem solid #a0a0a0;
  line-height: 1rem;
  text-align: center;
  font-size: .6rem;
  color: #929292;
  background: #fff;
}
.search-slt .slt {
  width: 4rem;
  height: 1.2rem;
  position: absolute;
  top: .2rem;
  right: 1rem;
  border: .05rem solid #a0a0a0;
}
.search-slt .slt p {
  width: 2.8rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: left;
  color: #478ede;
  font-size: .6rem;
  padding-right: 1rem;
  padding-left: .2rem;
  z-index: 99;
  position: relative;
}
.search-slt .slt i {
  position: absolute;
  width: 1rem;
  height: .7rem;
  background-image: url("../img/slt_icon.png");
  background-size: 100% 100%;
  top: .25rem;
  right: .1rem;
  z-index: 2;
}
.class-show {
  width: 100%;
}
.class-show .class-lt {
  margin-bottom: .45rem;
  background: #fff;
  width: 14rem;
  padding: .8rem 1rem;
}
.class-show h4 {
  font-size: .6rem;
  color: #111;
  position: relative;
  padding-left: .4rem;
  height: .9rem;
  line-height: .9rem;
}
.class-show h4 a {
  font-size: .6rem;
  color: #111;
  position: relative;
  height: .9rem;
  line-height: .9rem;
}
.class-show h4 i {
  position: absolute;
  top: .2rem;
  left: 0;
  display: block;
  width: .15rem;
  height: .5rem;
  background: #478ede;
}
.class-show .class-box {
  width: 14rem;
}
.class-show .class-box a {
  display: block;
  width: 33%;
  height: 1.1rem;
  float: left;
  text-align: center;
  line-height: 1.1rem;
  font-size: .6rem;
  color: #727171;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}
.clear {
  width: 0;
  height: 0;
  clear: both;
}
.no-lesson {
  width: 14rem;
  padding: .3rem 1rem;
  background: #fff;
  height: 3.8rem;
  margin: 0 auto;
}
.no-lesson p {
  font-size: .6rem;
}
.lesson-show {
  width: 14rem;
  padding: .3rem 1rem;
  background: #fff;
  height: 3.8rem;
  margin: 0 auto;
  margin-bottom: .5rem;
}
.lesson-show .pic {
  width: 5.5rem;
  height: 3.8rem;
  float: left;
}
.lesson-show .pic img {
  width: 5.5rem;
  height: 3.8rem;
}
.lesson-show .lesson-info {
  width: 8rem;
  float: right;
  height: 3.8rem;
  position: relative;
}
.lesson-show .lesson-info h3,
.lesson-show .lesson-info a {
  display: block;
  width: 8rem;
  height: .8rem;
  overflow: hidden;
  font-size: .6rem;
  color: #111;
  line-height: .8rem;
  margin-bottom: .3rem;
}
.lesson-show .lesson-info p {
  font-size: .6rem;
  color: #222;
  line-height: .8rem;
}
.lesson-show .lesson-info .label {
  width: 100%;
  height: .7rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.lesson-show .lesson-info .label span.onl {
  display: block;
  height: .5rem;
  width: 1.1rem;
  background-image: url("../img/onlspan.png");
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  margin-top: .2rem;
}
.lesson-show .lesson-info .label span.ms {
  display: block;
  height: .5rem;
  width: 1.1rem;
  background-image: url("../img/msspan.png");
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  margin-top: .2rem;
}
.lesson-show .lesson-info .label span.ybm {
  display: block;
  width: 5rem;
  text-align: right;
  float: right;
  font-size: .6rem;
  line-height: .7rem;
}
.lesson-show .lesson-info .dt {
  height: .7rem;
  width: 1.2rem;
  background: #bf000a;
  color: #fff;
  font-size: .6rem;
  position: absolute;
  line-height: .7rem;
  right: -1rem;
  top: 1.4rem;
  padding-left: .45rem;
  text-align: center;
}
.lesson-show .lesson-info .dt i {
  display: block;
  width: .7rem;
  height: .7rem;
  background: #fff;
  border: 1px solid #bf000a;
  position: absolute;
  top: -0.05rem;
  left: -0.3rem;
  color: #bf000a;
  border-radius: .7rem;
  font-size: .6rem;
  text-align: center;
  line-height: .7rem;
}
.scroll-ajax {
  width: 100%;
  padding: .3rem 0;
  background: #fff;
  height: 1rem;
  margin: 0 auto;
}
.scroll-ajax img {
  display: block;
  width: .7rem;
  height: 1rem;
  float: left;
  margin-left: .5rem;
}
.scroll-ajax img.cur {
  -webkit-transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.4s;
}
.scroll-ajax p {
  width: 10rem;
  height: 1rem;
  float: left;
  margin-left: 1rem;
  line-height: 1rem;
  font-size: .6rem;
}
.loading {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 49%;
  left: 50%;
  margin-left: -0.5rem;
  background-image: url("../img/ajax.png");
  background-size: 100% 100%;
  -webkit-animation: ajaxss 1s linear  infinite;
}
@-webkit-keyframes ajaxss {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.blog-idx {
  width: 100%;
}
.blog-idx a {
  display: block;
  width: 33%;
  height: 4rem;
  text-align: center;
  float: left;
  margin-top: 1.2rem;
}
.blog-idx a img {
  width: 2.8rem;
  height: 2.8rem;
}
.blog-idx a p {
  width: 100%;
  font-size: .7rem;
  font-weight: bold;
  text-align: center;
  color: #478ede;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
}
.blog-sector .tit-h,
.blog-show .tit-h {
  width: 14.5rem;
  border-top: .05rem solid #dbdde0;
  border-bottom: .05rem solid #dbdde0;
  padding: 0 .75rem;
  line-height: 1.3rem;
  text-align: left;
  font-size: .7rem;
  background-color: #fff;
  margin-top: .1rem;
}
.blog-sector .tit-h p,
.blog-show .tit-h p {
  word-break: break-all;
}
.blog-sector .tit-h a,
.blog-show .tit-h a {
  color: #478ede;
}
.blog-sector .cmt-cell,
.blog-show .cmt-cell {
  width: 100%;
  padding: .4rem 0;
  border-bottom: .05rem solid #dbdde0;
}
.blog-sector .cmt-cell h4,
.blog-show .cmt-cell h4 {
  width: 13.2rem;
  padding-left: 1.3rem;
  line-height: 1.2rem;
  margin-top: .3rem;
  position: relative;
  font-weight: normal;
  word-break: break-all;
  font-size: .7rem;
  color: #333;
}
.blog-sector .cmt-cell h4 img.tp,
.blog-show .cmt-cell h4 img.tp {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1rem;
}
.blog-sector .cmt-cell h4 b,
.blog-show .cmt-cell h4 b {
  font-size: .6rem;
  color: #333;
  padding-left: .3rem;
  font-weight: normal;
}
.blog-sector .cmt-cell .dt,
.blog-show .cmt-cell .dt {
  width: 100%;
  text-align: right;
  height: .7rem;
  line-height: .7rem;
  position: relative;
}
.blog-sector .cmt-cell .dt span,
.blog-show .cmt-cell .dt span {
  display: block;
  position: absolute;
  padding-left: .8rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .5rem;
  color: #727171;
  margin-left: .6rem;
}
.blog-sector .cmt-cell .dt span b,
.blog-show .cmt-cell .dt span b {
  font-weight: normal;
}
.blog-sector .cmt-cell .dt span.pl,
.blog-show .cmt-cell .dt span.pl {
  right: 0;
  top: 0;
}
.blog-sector .cmt-cell .dt span.zan,
.blog-show .cmt-cell .dt span.zan {
  right: 1.6rem;
  top: 0;
}
.blog-sector .cmt-cell .dt span.yzan,
.blog-show .cmt-cell .dt span.yzan {
  right: 1rem;
  top: 0;
}
.blog-sector .cmt-cell .dt span.tm,
.blog-show .cmt-cell .dt span.tm {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: .1rem;
}
.blog-sector .cmt-cell .dt span i,
.blog-show .cmt-cell .dt span i {
  display: block;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}
.blog-sector .cmt-cell .dt span i.pl,
.blog-show .cmt-cell .dt span i.pl {
  background-image: url("../img/pinlunicon.png");
}
.blog-sector .cmt-cell .dt span i.zan,
.blog-show .cmt-cell .dt span i.zan {
  background-image: url("../img/zanicon.png");
}
.blog-sector .cmt-cell .dt span i.yzan,
.blog-show .cmt-cell .dt span i.yzan {
  background-image: url("../img/yzanicom.png");
}
.blog-sector .cmt-cell .cmt-lt,
.blog-show .cmt-cell .cmt-lt {
  width: 100%;
  padding: .3rem 0;
  background: #efefef;
  margin: .4rem 0;
  position: relative;
}
.blog-sector .cmt-cell .cmt-lt i,
.blog-show .cmt-cell .cmt-lt i {
  position: absolute;
  display: block;
  width: .6rem;
  height: .3rem;
  top: -0.27rem;
  right: .45rem;
  background-image: url("../img/rticom.png");
  background-size: 100% 100%;
}
.blog-sector .cmt-cell .cmt-lt ul li,
.blog-show .cmt-cell .cmt-lt ul li {
  width: 96%;
  margin: 0 auto;
  font-size: .6rem;
  line-height: .9rem;
  color: #333;
  word-break: break-all;
}
.blog-sector .cmt-cell .cmt-lt ul li b,
.blog-show .cmt-cell .cmt-lt ul li b {
  font-weight: bold;
}
.blog-sector .cmt-cell .cmt-lt ul li a,
.blog-show .cmt-cell .cmt-lt ul li a {
  color: #478ede;
}
.blog-sector .c-tit,
.blog-show .c-tit {
  width: 100%;
  height: 1rem;
  margin-top: .4rem;
  position: relative;
  border-bottom: .1rem solid #dbdde0;
}
.blog-sector .c-tit h3,
.blog-show .c-tit h3 {
  position: absolute;
  width: 3rem;
  height: 1rem;
  top: 0;
  left: 0;
  padding-left: 1rem;
  border-bottom: .1rem solid #478ede;
  font-size: .6rem;
  color: #111;
  font-weight: normal;
}
.blog-sector .c-tit h3 i,
.blog-show .c-tit h3 i {
  display: block;
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/chaticon.png");
  background-size: 100% 100%;
}
.blog-sector .tit,
.blog-show .tit {
  width: 14.5rem;
  border-top: .05rem solid #dbdde0;
  padding: 1rem .75rem 0 .75rem;
  background-color: #fff;
  margin-top: .1rem;
}
.blog-sector .tit .icon,
.blog-show .tit .icon {
  background-image: url("../img/blogicon.png");
  background-size: 100% 100%;
  width: 2.2rem;
  height: 2.2rem;
  float: left;
}
.blog-sector .tit .txt,
.blog-show .tit .txt {
  width: 12rem;
  height: 2.15rem;
  border-bottom: .05rem solid #dbdde0;
  float: right;
}
.blog-sector .tit .txt h3,
.blog-show .tit .txt h3 {
  font-size: .7rem;
  color: #111;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  font-weight: normal;
}
.blog-sector .tit .txt p,
.blog-show .tit .txt p {
  font-size: .6rem;
  color: #727171;
  line-height: .8rem;
}
.blog-sector .tit .txt p i,
.blog-show .tit .txt p i {
  padding: 0 .4rem 0 .1rem;
}
.blog-sector .tit .top-atc,
.blog-show .tit .top-atc {
  width: 100%;
  padding: .4rem 0;
  clear: both;
}
.blog-sector .tit .top-atc h3,
.blog-show .tit .top-atc h3 {
  font-size: .7rem;
  color: #111;
  line-height: 1.4rem;
  width: 13.3rem;
  padding-left: 1.1rem;
  height: 1.4rem;
  position: relative;
  font-weight: normal;
}
.blog-sector .tit .top-atc h3 i,
.blog-show .tit .top-atc h3 i {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .2rem;
  left: 0;
  background-image: url("../img/topicon.png");
  background-size: 100% 100%;
}
.blog-sector .tit .top-atc .links a,
.blog-show .tit .top-atc .links a {
  display: block;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .6rem;
  color: #333;
  overflow: hidden;
}
.blog-sector .blog-cell,
.blog-show .blog-cell {
  width: 14.5rem;
  border-top: .05rem solid #dbdde0;
  padding: .4rem .75rem 0 .75rem;
  background-color: #fff;
  margin-top: .4rem;
}
.blog-sector .blog-cell .tits,
.blog-show .blog-cell .tits {
  width: 100%;
  padding: .2rem 0;
}
.blog-sector .blog-cell .tits .face,
.blog-show .blog-cell .tits .face {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 3.5rem;
  float: left;
}
.blog-sector .blog-cell .tits .face img,
.blog-show .blog-cell .tits .face img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
}
.blog-sector .blog-cell .tits .txt,
.blog-show .blog-cell .tits .txt {
  width: 12.6rem;
  float: right;
  overflow: hidden;
}
.blog-sector .blog-cell .tits .txt h3,
.blog-show .blog-cell .tits .txt h3 {
  font-size: .7rem;
  color: #111;
  line-height: .8rem;
  font-weight: normal;
  word-break: break-all;
}
.blog-sector .blog-cell .tits .txt p,
.blog-show .blog-cell .tits .txt p {
  font-size: .6rem;
  color: #727171;
  line-height: .7rem;
}
.blog-sector .blog-cell .p-txt,
.blog-show .blog-cell .p-txt {
  clear: both;
  width: 100%;
  padding: .2rem 0;
}
.blog-sector .blog-cell .p-txt p,
.blog-show .blog-cell .p-txt p {
  line-height: .8rem;
  font-size: .6rem;
  color: #666;
  word-break: break-all;
}
.blog-sector .blog-cell .pic-box,
.blog-show .blog-cell .pic-box {
  width: 100%;
  padding: .2rem 0;
  overflow: hidden;
  position: relative;
}
.blog-sector .blog-cell .pic-box .pic-lt,
.blog-show .blog-cell .pic-box .pic-lt {
  width: 100%;
}
.blog-sector .blog-cell .pic-box .pic-lt a,
.blog-show .blog-cell .pic-box .pic-lt a {
  display: block;
  width: 24%;
  float: left;
  height: 3rem;
  text-align: center;
  overflow: hidden;
  margin-right: 1%;
  margin-top: 1%;
  line-height: 4rem;
}
.blog-sector .blog-cell .pic-box .pic-lt img,
.blog-show .blog-cell .pic-box .pic-lt img {
  display: block;
  width: auto;
  margin: 0 auto;
  height: 100%;
}
.blog-sector .blog-cell .comment,
.blog-show .blog-cell .comment {
  width: 100%;
  border-bottom: .05rem solid #dbdde0;
}
.blog-sector .blog-cell .comment p,
.blog-show .blog-cell .comment p {
  text-align: right;
  height: .7rem;
  line-height: .7rem;
  padding: .5rem 0;
}
.blog-sector .blog-cell .comment p span,
.blog-show .blog-cell .comment p span {
  display: inline-block;
  position: relative;
  padding-left: .8rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .5rem;
  color: #727171;
  margin-left: .6rem;
}
.blog-sector .blog-cell .comment p span b,
.blog-show .blog-cell .comment p span b {
  font-weight: normal;
}
.blog-sector .blog-cell .comment p span i,
.blog-show .blog-cell .comment p span i {
  display: block;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}
.blog-sector .blog-cell .comment p span i.pl,
.blog-show .blog-cell .comment p span i.pl {
  background-image: url("../img/pinlunicon.png");
}
.blog-sector .blog-cell .comment p span i.zan,
.blog-show .blog-cell .comment p span i.zan {
  background-image: url("../img/zanicon.png");
}
.blog-sector .blog-cell .comment p span i.yzan,
.blog-show .blog-cell .comment p span i.yzan {
  background-image: url("../img/yzanicom.png");
}
.blog-sector .blog-cell .more,
.blog-show .blog-cell .more {
  height: 1.4rem;
  width: 100%;
  text-align: center;
}
.blog-sector .blog-cell .more a,
.blog-show .blog-cell .more a {
  display: block;
  height: 1.4rem;
  color: #478ede;
  font-size: .6rem;
  line-height: 1.4rem;
}
.my-topic {
  width: 100%;
  border-top: .05rem solid #eee;
  height: 2rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #f9f9f9;
  z-index: 999;
}
.my-topic a {
  color: #478ede;
}
.my-topic p {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  height: 2rem;
  line-height: 2rem;
  font-size: .7rem;
}
.my-topic p.pc {
  color: #478ede;
}
.my-topic p i {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  vertical-align: -0.1rem;
  margin-right: .2rem;
  background-image: url("../img/wticon.png");
  background-size: 100% 100%;
}
.my-topic p i.i2 {
  background-image: url("../img/wt2icon.png");
}
.fx-to {
  width: 100%;
  height: 1.9rem;
  background: #fff;
}
.appears,
.appears-cmt,
.mst-appears {
  width: 100%;
  margin-top: .2rem;
  border-top: .05rem solid #dadada;
  border-bottom: .05rem solid #dadada;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.appears textarea,
.appears-cmt textarea,
.mst-appears textarea {
  display: block;
  width: 94%;
  height: 5rem;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  margin: 0 auto;
  line-height: 1rem;
  font-size: .6rem;
  color: #888;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.appears .txt-cz,
.appears-cmt .txt-cz,
.mst-appears .txt-cz {
  width: 100%;
  height: 1.7rem;
  background: #f8f8f8;
  border-top: .1rem solid #dadada;
  position: relative;
}
.appears .txt-cz a.picicon,
.appears-cmt .txt-cz a.picicon,
.mst-appears .txt-cz a.picicon {
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 1.5rem;
  top: .35rem;
  background-image: url("../img/picicon.png");
  background-size: 100% 100%;
}
.appears .txt-cz a.qx,
.appears-cmt .txt-cz a.qx,
.mst-appears .txt-cz a.qx {
  display: block;
  position: absolute;
  width: 2.5rem;
  height: .9rem;
  right: 4.5rem;
  top: .35rem;
  background: transparent;
  border: .05rem solid #ddd;
  text-align: center;
  line-height: .9rem;
  font-size: .6rem;
  color: #888;
  border-radius: .1rem;
}
.appears .txt-cz input,
.appears-cmt .txt-cz input,
.mst-appears .txt-cz input,
.appears .txt-cz button,
.appears-cmt .txt-cz button,
.mst-appears .txt-cz button {
  display: block;
  position: absolute;
  outline: none;
  resize: none;
  width: 2.5rem;
  height: .95rem;
  right: 1.5rem;
  top: .35rem;
  background: #396db5;
  text-align: center;
  line-height: .95rem;
  font-size: .6rem;
  border: none;
  color: #fff;
  font-family: \5FAE\8F6F\96C5\9ED1;
  border-radius: .1rem;
}
.appears .pic-sw,
.appears-cmt .pic-sw,
.mst-appears .pic-sw {
  margin: .4rem;
}
.appears .pic-sw p,
.appears-cmt .pic-sw p,
.mst-appears .pic-sw p {
  width: 100%;
  margin: 0 auto;
  line-height: .9rem;
  font-size: .6rem;
  color: #aaa;
}
.appears .pic-sw .cvs-cl,
.appears-cmt .pic-sw .cvs-cl,
.mst-appears .pic-sw .cvs-cl {
  display: block;
  width: 25%;
  height: 3rem;
  float: left;
  margin: .4rem 0;
  text-align: center;
  position: relative;
}
.appears .pic-sw .cvs-cl i,
.appears-cmt .pic-sw .cvs-cl i,
.mst-appears .pic-sw .cvs-cl i {
  position: absolute;
  display: block;
  width: .8rem;
  height: .8rem;
  background: #f00;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  line-height: .7rem;
  border-radius: .8rem;
  top: -0.4rem;
  right: .4rem;
}
.appears canvas,
.appears-cmt canvas,
.mst-appears canvas {
  display: inline-block;
  width: 2.5rem;
  height: 3rem;
}
.appears-cmt {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  margin-top: 0;
  -webkit-transform: translateY(-10rem);
  -webkit-transition: -webkit-transform 0.6s;
}
.appears-cmt.cur {
  -webkit-transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s;
}
.mst-appears {
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(15rem);
  -webkit-transition: -webkit-transform 0.5s;
}
.mst-appears.cur {
  z-index: 999999;
  -webkit-transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s;
}
.mst-appears textarea {
  height: 8rem;
}
.mst-appears .txt-cz {
  height: 2.7rem;
}
.mst-appears .txt-cz a.qx {
  background: #e3e4e8;
  right: 5rem;
}
.mst-appears .txt-cz a.qx,
.mst-appears .txt-cz input,
.mst-appears .txt-cz button {
  border: none;
  width: 3rem;
  height: 1.2rem;
  line-height: 1.2rem;
  top: .75rem;
}
.sign_file {
  position: absolute;
  left: -1000rem;
}
.img-shows {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 100%;
  overflow: hidden;
  z-index: 999999;
  display: none;
}
.img-shows p {
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 1rem;
  font-size: .7rem;
  line-height: 1rem;
  top: 2rem;
  font-weight: bold;
}
.img-shows .img-cells {
  width: 100%;
  height: 100%;
  text-align: center;
}
.img-shows .img-cells img {
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  max-height: 80%;
  display: none;
}
.img-shows .img-cells img.cur {
  display: inline-block;
}
.ful-scr {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000;
  opacity: .7;
  display: none;
}
.top-tit {
  width: 14.5rem;
  border-top: .05rem solid #dbdde0;
  border-bottom: .05rem solid #dbdde0;
  padding: 0 .75rem;
  line-height: 1.3rem;
  text-align: left;
  font-size: .6rem;
  background-color: #fff;
  margin-top: .1rem;
}
.top-tit input {
  display: block;
  padding: 0;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
  background: transparent;
  border: none;
  resize: none;
  font-size: .6rem;
  color: #888;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.my-study-pro .study-pro-lt {
  padding: .4rem 0 0 0;
}
.my-study-pro .study-pro-lt .pro-lt {
  width: 15.2rem;
  height: auto;
  background: #fff;
  margin: 0 auto;
  position: relative;
  margin-bottom: .4rem;
}
.my-study-pro .study-pro-lt .pro-lt .over-date {
  position: absolute;
  width: 3rem;
  height: 2.9rem;
  background-size: 100% 100%;
  background-image: url("../img/overdateicon.png");
  top: 0;
  right: 0;
}
.my-study-pro .study-pro-lt .pro-lt .tit-t {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  border-radius: 1.4rem;
  top: -0.3rem;
  left: -0.3rem;
}
.my-study-pro .study-pro-lt .pro-lt .tit-t i {
  display: block;
  width: .9rem;
  height: .9rem;
  background-image: url("../learn_path/new_manager/img/b_icon.png");
  background-size: 100% 100%;
  margin: .25rem auto;
}
.my-study-pro .study-pro-lt .pro-lt img {
  width: 15.2rem;
}
.my-study-pro .study-pro-lt .pro-lt .jd-bar {
  width: 14rem;
  height: .4rem;
  margin: .3rem auto;
  position: relative;
  background: #b1aeae;
}
.my-study-pro .study-pro-lt .pro-lt .jd-bar .bar {
  position: absolute;
  left: 0;
  height: .4rem;
  width: 40%;
  background: #2184c9;
}
.my-study-pro .study-pro-lt .pro-lt h3 {
  width: 12rem;
  margin-left: .5rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .7rem;
  color: #000;
}
.my-study-pro .study-pro-lt .pro-lt p {
  width: 12rem;
  margin-left: .5rem;
  height: .9rem;
  line-height: .7rem;
  font-size: .6rem;
  color: #000;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl {
  width: 3rem;
  height: 2rem;
  position: absolute;
  bottom: 0;
  right: .5rem;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl span {
  position: absolute;
  width: 1rem;
  height: 1.2rem;
  background-image: url("../learn_path/new_manager/img/ywc_icon.png");
  background-size: 100% 100%;
  top: 0;
  left: 1.5rem;
  display: none;
  cursor: pointer;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl i {
  position: absolute;
  bottom: .25rem;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl em {
  position: absolute;
  width: 2rem;
  right: -0.1rem;
  bottom: .1rem;
  font-size: .6rem;
  -webkit-transform: scale(0.8);
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.wc span {
  display: block;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.wc i {
  width: .6rem;
  height: .35rem;
  left: .6rem;
  background-size: 100% 100%;
  background-image: url("../learn_path/new_manager/img/c_icon.png");
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.wc em {
  color: #008842;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.wxx i {
  width: .5rem;
  height: .5rem;
  left: .6rem;
  background-size: 100% 100%;
  background-image: url("../learn_path/new_manager/img/w_icon.png");
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.wxx em {
  color: #c7000b;
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.xxz i {
  width: .4rem;
  height: .5rem;
  left: .7rem;
  background-size: 100% 100%;
  background-image: url("../learn_path/new_manager/img/p_icon.png");
}
.my-study-pro .study-pro-lt .pro-lt .jd-fl.xxz em {
  color: #faa707;
}
.my-study-pro .study-pro-lt .click-more {
  display: none;
}
@media (min-width: 600px) {
  .my-study-pro .study-pro-lt .click-more {
    display: block;
    width: 15.2rem;
    margin: 0 auto;
    height: 1rem;
    background: #ddd;
    font-size: 16px;
    text-align: center;
    line-height: 1rem;
  }
  .my-study-pro .study-pro-lt .click-more a {
    display: block;
    width: 100%;
    color: #888;
  }
}
@media (min-width: 600px) {
  .my-study-pro .study-pro-lt .scroll-ajax {
    display: none;
  }
}
.master-main .banners {
  width: 16rem;
  height: 5rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #444;
  -webkit-transform: translate3d(0, 0, 0);
}
.master-main .banners .a-link {
  height: 5rem;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(0);
}
.master-main .banners .a-link.anim {
  -webkit-transition: -webkit-transform 0.2s;
}
.master-main .banners .a-link.anim1 {
  -webkit-transition: -webkit-transform 0.1s;
}
.master-main .banners .a-link a {
  width: 16rem;
  height: 5rem;
  float: left;
}
.master-main .banners .a-link a img {
  width: 16rem;
  height: 5rem;
}
.master-main .banners .taps {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.2rem;
  text-align: center;
}
.master-main .banners .taps span {
  display: inline-block;
  width: .3rem;
  height: .3rem;
  background: #acacac;
  border-radius: .3rem;
  margin: 0 .05rem;
}
.master-main .banners .taps span.cur {
  background: #56a5ff;
}
.master-main .banners .a-tits {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/alkbg.png") repeat;
}
.master-main .banners .a-tits p {
  height: 1rem;
  padding: 0;
  font-size: .6rem;
  line-height: 1rem;
  width: 94%;
  margin: 0 auto;
  color: #fff;
  text-align: left;
  display: none;
  overflow: hidden;
}
.m-vd-lt {
  padding: .4rem 0 0 0;
}
.m-vd-lt .m-vd-cell {
  width: 14.2rem;
  height: 3.6rem;
  padding: .5rem .4rem;
  margin: .25rem auto;
  border: .05rem solid #cecece;
  background: #fff;
}
.m-vd-lt .m-vd-cell img {
  display: block;
  width: 5.5rem;
  height: 3.6rem;
  float: left;
}
.m-vd-lt .m-vd-cell .vd-infor {
  width: 8rem;
  height: 3.6rem;
  float: right;
  position: relative;
}
.m-vd-lt .m-vd-cell .vd-infor a {
  display: block;
  font-size: .7rem;
  color: #013757;
  font-weight: normal;
  line-height: .9rem;
  height: 2.7rem;
  overflow: hidden;
}
.m-vd-lt .m-vd-cell .vd-infor p {
  width: 100%;
  height: .8rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.m-vd-lt .m-vd-cell .vd-infor p span {
  position: absolute;
  display: block;
  width: 1.7rem;
  height: .8rem;
  line-height: .8rem;
  padding-left: .8rem;
  font-size: .5rem;
  float: left;
}
.m-vd-lt .m-vd-cell .vd-infor p span b {
  font-weight: normal;
}
.m-vd-lt .m-vd-cell .vd-infor p span.pls {
  left: 2.8rem;
}
.m-vd-lt .m-vd-cell .vd-infor p span.pls i {
  display: block;
  width: .7rem;
  height: .52rem;
  position: absolute;
  top: .2rem;
  left: 0;
  background-size: 100% 100%;
  background-image: url("../img/pinlunicon.png");
}
.m-vd-lt .m-vd-cell .vd-infor p span.clk-z {
  left: 0;
}
.m-vd-lt .m-vd-cell .vd-infor p span.clk-z i {
  display: block;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}
.m-vd-lt .m-vd-cell .vd-infor p span.clk-z i.zan {
  background-image: url("../img/zanicon.png");
}
.m-vd-lt .m-vd-cell .vd-infor p span.clk-z i.yzan {
  background-image: url("../img/yzanicom.png");
}
.m-vd-lt .m-vd-cell .vd-infor p span.gk {
  right: -0.2rem;
}
.m-vd-lt .m-vd-cell .vd-infor p span.gk i {
  display: block;
  width: .7rem;
  height: .42rem;
  position: absolute;
  top: .2rem;
  left: 0;
  background-size: 100% 100%;
  background-image: url("../img/gkicon.png");
}
.master-dt .video-box {
  width: 16rem;
  height: 10.5rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.master-dt .video-box canvas {
  position: absolute;
  width: 16rem;
  height: 10.5rem;
  -webkit-transform: translate3d(0, 0, 0);
}
.master-dt .video-box .vd-ful {
  position: absolute;
  z-index: 2222;
  width: 16rem;
  height: 10.5rem;
  top: 0;
  left: 0;
}
.master-dt .video-box .videos {
  z-index: 1;
  width: 16rem;
  height: 10.5rem;
  position: absolute;
  top: 0;
  left: -16rem;
}
.master-dt .video-box .videos video {
  width: 16rem;
  height: 10.5rem;
}
.master-dt .video-box a.vd-p {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem;
  top: 50%;
  left: 50%;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background-size: 100% 100%;
  background-image: url("../img/vdicon.png");
}
.share-btns {
  width: 15rem;
  position: fixed;
  left: 50%;
  margin-left: -7.5rem;
  bottom: 0;
  z-index: 999999;
  -webkit-transform: translateY(5rem);
  -webkit-transition: -webkit-transform 0.3s;
}
.share-btns.cur {
  -webkit-transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s;
}
.share-btns a.qx-sh {
  display: block;
  margin-top: .2rem;
  width: 100%;
  height: 1.4rem;
  font-size: .65rem;
  color: #478ede;
  font-weight: bold;
  text-align: center;
  line-height: 1.4rem;
  background: #fff;
  border-radius: .2rem;
}
.share-btns .btn {
  height: 2.8rem;
  padding: .4rem 0 .1rem 0;
  width: 100%;
  border-radius: .15rem;
  background: #fff;
}
.share-btns .btn a {
  display: block;
  width: 2rem;
  height: 2.8rem;
  float: left;
  margin-left: .5rem;
}
.share-btns .btn a img {
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-btns .btn a p {
  line-height: .8rem;
  font-size: .6rem;
  color: #478ede;
  text-align: center;
}
.share-btns p.jj {
  width: 100%;
  text-align: center;
  font-size: .7rem;
  color: #333;
  font-weight: bold;
  height: 2.8rem;
  line-height: 2.8rem;
}
.mt-art-txt {
  background-color: #fff;
  padding-bottom: 2rem;
}
.mt-art-txt table {
  margin: .4rem auto;
}
.mt-art-txt .art-img {
  width: 100%;
  text-align: center;
  margin: .3rem 0;
}
.mt-art-txt .art-img img {
  display: inline-block;
  max-width: 14.5rem;
  margin: 0 auto;
}
.mt-art-txt .infos {
  width: 14.5rem;
  margin: 0 auto;
  padding: .5rem .75rem;
  background: #fff;
  border-bottom: .05rem solid #d6d6d6;
  position: relative;
}
.mt-art-txt .infos h3 {
  color: #111;
  font-size: .8rem;
  width: 14.5rem;
  line-height: 1rem;
  margin-bottom: .3rem;
}
.mt-art-txt .infos .if-p {
  line-height: .9rem;
  font-size: .6rem;
  color: #9c9b9b;
}
.mt-art-txt .infos .if-p p {
  line-height: .9rem;
  font-size: .6rem;
  color: #9c9b9b;
}
.mt-art-txt .infos .if-p img {
  display: inline-block;
  max-width: 14.5rem;
  margin: 0 auto;
}
.mt-art-txt .infos a.bm {
  display: block;
  position: absolute;
  width: 3rem;
  height: 1rem;
  top: .5rem;
  right: .75rem;
  background: #478ede;
  text-align: center;
  line-height: 1rem;
  color: #fff;
  font-size: .6rem;
  border-radius: .15rem;
}
.mt-art-txt .comments {
  width: 14.5rem;
  margin: 0 auto;
  padding: .5rem .75rem;
  background: #fff;
  border-top: .05rem solid #d6d6d6;
  position: relative;
  margin-top: .5rem;
}
.mt-art-txt .comments .tit {
  width: 100%;
  height: 1rem;
  position: relative;
  border-bottom: .1rem solid #dbdde0;
}
.mt-art-txt .comments .tit h3 {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  top: 0;
  left: 0;
  padding-left: 1rem;
  border-bottom: .1rem solid #478ede;
  font-size: .6rem;
  color: #111;
}
.mt-art-txt .comments .tit h3 i {
  display: block;
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/chaticon.png");
  background-size: 100% 100%;
}
.mt-art-txt .comments .cmt-box {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  border-bottom: .05rem solid #d6d6d6;
  position: relative;
}
.mt-art-txt .comments .cmt-box .faces {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
.mt-art-txt .comments .cmt-box .faces img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
.mt-art-txt .comments .cmt-box .cmt-txt {
  width: 11rem;
  float: right;
}
.mt-art-txt .comments .cmt-box .cmt-txt h4 {
  color: #478ede;
  font-size: .6rem;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
}
.mt-art-txt .comments .cmt-box .cmt-txt .stars {
  height: .5rem;
  width: 100%;
  margin-bottom: .4rem;
}
.mt-art-txt .comments .cmt-box .cmt-txt .stars span {
  display: block;
  width: .5rem;
  height: .5rem;
  float: left;
  margin: 0 .1rem;
  background-image: url("../img/stars.png");
  background-size: 100% 100%;
}
.mt-art-txt .comments .cmt-box .cmt-txt .cmt-p {
  font-size: .6rem;
  line-height: .8rem;
  color: #111;
}
.mt-art-txt .comments .cmt-box .cmt-txt .cmt-p p {
  font-size: .6rem;
  line-height: .8rem;
  height: .8rem;
  color: #111;
}
.mt-art-txt .comments .cmt-box .cmt-txt i {
  display: block;
  color: #727171;
  font-size: .5rem;
}
.mt-art-txt .icon-p {
  width: 14.5rem;
  padding: 0 .75rem;
  margin: 0 auto;
  height: 1rem;
  position: relative;
  background: #efefef;
}
.mt-art-txt .icon-p span {
  display: block;
  position: absolute;
  height: 1rem;
  font-size: .6rem;
  line-height: 1rem;
  top: 0;
  padding-left: .85rem;
}
.mt-art-txt .icon-p span i {
  position: absolute;
  width: .7rem;
  height: .7rem;
  top: .15rem;
  left: 0;
}
.mt-art-txt .icon-p span.dt {
  left: .75rem;
  text-align: left;
}
.mt-art-txt .icon-p span.dt i {
  background-image: url("../img/dtbicon.png");
  background-size: 100% 100%;
}
.mt-art-txt .icon-p span.pl {
  left: 50%;
  width: 2rem;
  margin-left: -1rem;
  text-align: left;
}
.mt-art-txt .icon-p span.pl i {
  background-image: url("../img/wt2icon.png");
  background-size: 100% 100%;
}
.mt-art-txt .icon-p span.zan {
  right: .75rem;
  text-align: right;
}
.mt-art-txt .icon-p span.zan i {
  background-image: url("../img/zanbicon.png");
  background-size: 100% 100%;
}
.mt-art-txt .pl-list {
  margin-top: .5rem;
  background: #fff;
}
.mt-art-txt .pl-list h4 {
  width: 14.5rem;
  margin: .3rem auto;
  height: 1.2rem;
  border-bottom: .05rem solid #ccc;
  position: relative;
}
.mt-art-txt .pl-list h4 span {
  display: block;
  position: absolute;
  width: 4rem;
  font-size: .7rem;
  color: #777;
  top: .05rem;
  font-weight: normal;
  left: 0;
  height: 1.1rem;
  line-height: 1.1rem;
  border-bottom: .1rem solid #478ede;
}
.mt-art-txt .pl-list .pl-cell {
  width: 14.5rem;
  padding: .4rem .75rem;
  margin: 0 auto;
  height: 2rem;
  position: relative;
  border-bottom: .05rem solid #efefef;
}
.mt-art-txt .pl-list .pl-cell img {
  position: absolute;
  top: .4rem;
  left: .75rem;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
}
.mt-art-txt .pl-list .pl-cell .txts {
  position: absolute;
  width: 12rem;
  height: 2rem;
  right: .75rem;
  top: .4rem;
}
.mt-art-txt .pl-list .pl-cell .txts h5 {
  position: relative;
  font-size: .65rem;
  color: #221815;
  line-height: 1rem;
  font-weight: normal;
  border: none;
}
.mt-art-txt .pl-list .pl-cell .txts h5 i {
  position: absolute;
  line-height: 1rem;
  right: 0;
  top: 0;
  text-align: right;
  font-size: .6rem;
  color: #777;
}
.mt-art-txt .pl-list .pl-cell .txts .txt-p {
  font-size: .6rem;
  line-height: 1rem;
  height: 1rem;
  width: 100%;
  overflow: hidden;
  color: #221815;
}
.plan-search {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
  padding: 2.15rem 0 0 0;
  -webkit-transition: -webkit-transform 0.5s;
}
.plan-search.cur {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 3;
}
.plan-search .sch-box {
  width: 14.6rem;
  margin: 0 auto;
  height: 1.3rem;
  position: relative;
  background: #f0f0f0;
  border-radius: .1rem;
}
.plan-search input.txt {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  resize: none;
  outline: none;
  width: 12rem;
  padding-left: .4rem;
  top: 0;
  left: 0;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .6rem;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.plan-search input.btn {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url("../img/sear_icon.png");
  background-size: 100% 100%;
  background-color: transparent;
  resize: none;
  outline: none;
  width: 1rem;
  top: .15rem;
  right: .3rem;
  height: 1rem;
  line-height: .9rem;
  font-size: .6rem;
}
.plan-search .u-c-list {
  width: 100%;
  padding: .2rem 0 .5rem 0;
}
.plan-search .u-c-list .no-result {
  width: 100%;
  height: 7.5rem;
  position: relative;
  padding-top: 2rem;
}
.plan-search .u-c-list .no-result img {
  position: absolute;
  width: 9.8rem;
  height: 6.75rem;
  top: 2rem;
  left: 50%;
  margin-left: -4.9rem;
}
.plan-search .u-c-list .no-result p {
  position: absolute;
  font-size: .8rem;
  text-align: center;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #bbb;
}
.plan-search .u-c-list .u-c-cell {
  width: 14rem;
  margin: 0 auto;
  background-color: #fff;
  margin-bottom: .4rem;
  height: 3.6rem;
  padding: .7rem .5rem;
  outline: .05rem solid #ddd;
  box-shadow: .05rem .05rem .3rem .05rem #ccc;
  position: relative;
}
.plan-search .u-c-list .u-c-cell.dateup .ful-s {
  display: block;
}
.plan-search .u-c-list .u-c-cell.dateup .u-c-sy {
  display: none;
}
.plan-search .u-c-list .u-c-cell .ful-s {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.plan-search .u-c-list .u-c-cell .ful-s .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .5;
}
.plan-search .u-c-list .u-c-cell .ful-s .ts {
  position: absolute;
  top: .3rem;
  left: 0;
  width: 3rem;
  height: 1rem;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  background: #fff;
  text-align: center;
  line-height: 1rem;
  z-index: 2;
  font-size: .6rem;
  color: #555;
}
.plan-search .u-c-list .u-c-cell img {
  display: block;
  width: 4.7rem;
  height: 3.4rem;
  float: left;
  padding: .1rem;
  outline: .05rem solid #eee;
  box-shadow: .05rem .05rem .3rem .05rem #ccc;
}
.plan-search .u-c-list .u-c-cell .u-c-rt {
  width: 8.8rem;
  height: 3.6rem;
  float: right;
  position: relative;
}
.plan-search .u-c-list .u-c-cell .u-c-rt h4 {
  color: #555;
  font-size: .7rem;
  line-height: .8rem;
  width: 5.5rem;
  min-height: .8rem;
  max-height: 1.6rem;
  height: auto;
  overflow: hidden;
}
.plan-search .u-c-list .u-c-cell .u-c-rt h4.xl {
  width: 8.8rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt p {
  left: -0.5rem;
  color: #666;
  font-size: .6rem;
  line-height: .75rem;
  word-break: break-all;
  width: 9.5rem;
  -webkit-transform: scale(0.85, 0.85);
  margin-left: -0.3rem;
  margin-top: .1rem;
  position: relative;
  padding-left: .9rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt p span {
  position: absolute;
  width: .75rem;
  height: .75rem;
  text-align: center;
  line-height: .75rem;
  border-radius: .75rem;
  border: .05rem solid #63b15c;
  color: #63b15c;
  font-size: .6rem;
  top: -0.1rem;
  left: 0;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s {
  width: 100%;
  height: .7rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s span {
  display: block;
  float: left;
  font-size: .6rem;
  text-align: center;
  line-height: .7rem;
  height: .7rem;
  margin-right: .4rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s span.zx {
  color: #478ede;
  outline: .05rem solid #478ede;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s span.ms {
  color: #c7000b;
  outline: .05rem solid #c7000b;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s em {
  display: block;
  float: right;
  color: #777;
  font-size: .6rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-s em i {
  color: #2696c8;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .jd-bar {
  width: 100%;
  height: .4rem;
  background-color: #c2c2c2;
  position: relative;
  margin-top: .15rem;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .jd-bar .bar {
  position: absolute;
  height: 100%;
  background-color: #478ede;
  top: 0;
  left: 0;
}
.plan-search .u-c-list .u-c-cell .u-c-rt .u-c-sy {
  position: absolute;
  width: 3rem;
  height: .7rem;
  font-size: .5rem;
  line-height: .7rem;
  padding-left: .3rem;
  text-align: center;
  background-image: url("../img/u_c_syicon.png");
  background-size: 100% 100%;
  top: 0;
  right: 0;
  color: #fff;
}
.master-search,
.lesson-search {
  width: 100%;
  background: #fff;
  padding: .2rem 0;
}
.master-search .sch-box,
.lesson-search .sch-box {
  width: 14.6rem;
  margin: 0 auto;
  height: 1.3rem;
  position: relative;
  background: #f0f0f0;
  border-radius: .1rem;
}
.master-search input.txt,
.lesson-search input.txt {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  resize: none;
  outline: none;
  width: 12rem;
  padding-left: .4rem;
  top: 0;
  left: 0;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .6rem;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.master-search input.btn,
.lesson-search input.btn {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url("../img/sear_icon.png");
  background-size: 100% 100%;
  background-color: transparent;
  resize: none;
  outline: none;
  width: 1rem;
  top: .15rem;
  right: .3rem;
  height: 1rem;
  line-height: .9rem;
  font-size: .6rem;
}
.master-search .search-his,
.lesson-search .search-his {
  margin-top: .2rem;
  width: 100%;
}
.master-search .search-his p,
.lesson-search .search-his p {
  border-top: .05rem solid #ddd;
}
.master-search .search-his p,
.lesson-search .search-his p,
.master-search .search-his a,
.lesson-search .search-his a {
  display: block;
  border-bottom: .05rem solid #ddd;
  line-height: 1.8rem;
  font-size: .7rem;
  color: #444;
  text-indent: 2em;
  word-break: break-all;
}
.master-search .search-his a,
.lesson-search .search-his a {
  color: #999;
}
.master-search .search-rlt,
.lesson-search .search-rlt {
  margin-top: .2rem;
  width: 100%;
}
.master-search .search-rlt .no-rlt,
.lesson-search .search-rlt .no-rlt {
  width: 100%;
  height: 14rem;
  line-height: 14rem;
  text-align: center;
  font-size: .9rem;
  color: #999;
}
.master-search .search-rlt .rlt-box,
.lesson-search .search-rlt .rlt-box {
  border-bottom: .05rem solid #ddd;
  height: 2.4rem;
  overflow: hidden;
  -webkit-transition: height  .1s;
}
.master-search .search-rlt .rlt-box.cur,
.lesson-search .search-rlt .rlt-box.cur {
  height: 4.8rem;
  -webkit-transition: height  .2s;
}
.master-search .search-rlt .rlt-box.btop,
.lesson-search .search-rlt .rlt-box.btop {
  border-top: .05rem solid #ddd;
}
.master-search .search-rlt .rlt-box .rlt-tit,
.lesson-search .search-rlt .rlt-box .rlt-tit {
  width: 14rem;
  height: 2.4rem;
  padding: 0 1rem;
  position: relative;
  background: #fff;
  z-index: 2;
}
.master-search .search-rlt .rlt-box .rlt-tit .updates,
.lesson-search .search-rlt .rlt-box .rlt-tit .updates {
  display: none;
  position: absolute;
  width: 3.4rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  border-radius: .3rem;
  background: #9fa0a0;
  color: #fff;
  font-size: .6rem;
  top: .7rem;
  right: .5rem;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit {
  line-height: 2.4rem;
  font-size: .7rem;
  color: #444;
  width: 10.5rem;
  position: relative;
  float: left;
  padding-left: 1.5rem;
  overflow: hidden;
  word-break: break-all;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit p,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit p {
  width: 6.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit b,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit b {
  font-weight: normal;
  color: #50deff;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit:active,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit:active {
  background: none;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit i,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit i {
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: .7rem;
  left: 0;
  background-size: 100% 100%;
}
.master-search .search-rlt .rlt-box .rlt-tit .tit i.kc,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit i.kc {
  background-image: url("../img/kc_icon.png");
}
.master-search .search-rlt .rlt-box .rlt-tit .tit i.ks,
.lesson-search .search-rlt .rlt-box .rlt-tit .tit i.ks {
  background-image: url("../img/dlks_icon.png");
}
.master-search .search-rlt .rlt-box .rlt-tit a.more,
.lesson-search .search-rlt .rlt-box .rlt-tit a.more {
  display: block;
  float: right;
  width: 1.6rem;
  height: 2.4rem;
  font-size: .8rem;
  line-height: 2.2rem;
  text-align: right;
}
.master-search .search-rlt .rlt-box .rlt-tit a.more i,
.lesson-search .search-rlt .rlt-box .rlt-tit a.more i {
  display: block;
  width: .5rem;
  height: .9rem;
  margin: .75rem 0 .75rem .85rem;
  background-image: url("../img/moreicon.png");
  background-size: 100% 100%;
}
.master-search .search-rlt .rlt-box .rlt-info,
.lesson-search .search-rlt .rlt-box .rlt-info {
  width: 14rem;
  height: 1.6rem;
  padding: .4rem 1rem;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
}
.master-search .search-rlt .rlt-box .rlt-info i.tr-sj,
.lesson-search .search-rlt .rlt-box .rlt-info i.tr-sj {
  display: block;
  position: absolute;
  width: .6rem;
  height: .5rem;
  background-image: url("../img/sjicon.png");
  background-size: 100% 100%;
  top: 0;
  right: 3.5rem;
}
.master-search .search-rlt .rlt-box .rlt-info p,
.lesson-search .search-rlt .rlt-box .rlt-info p {
  width: 12rem;
  margin: 0 auto;
  font-size: .6rem;
  line-height: .8rem;
  height: .8rem;
  color: #444;
  padding-left: 2rem;
  position: relative;
  overflow: hidden;
}
.master-search .search-rlt .rlt-box .rlt-info p i,
.lesson-search .search-rlt .rlt-box .rlt-info p i {
  position: absolute;
  display: block;
  width: .7rem;
  height: .7rem;
  top: .05rem;
  left: 1.1rem;
  background-size: 100% 100%;
}
.master-search .search-rlt .rlt-box .rlt-info p i.bx,
.lesson-search .search-rlt .rlt-box .rlt-info p i.bx {
  background-image: url("../img/bxicon.png");
}
.master-search .search-rlt .rlt-box .rlt-info p i.tm,
.lesson-search .search-rlt .rlt-box .rlt-info p i.tm {
  background-image: url("../img/tm2icon.png");
}
.master-search .search-rlt .rlt-box .rlt-info p i.xx,
.lesson-search .search-rlt .rlt-box .rlt-info p i.xx {
  background-image: url("../img/xxicon.png");
}
.master-search .search-rlt .rlt-box.updt .updates,
.lesson-search .search-rlt .rlt-box.updt .updates {
  display: block;
}
.master-search .search-rlt .rlt-box.updt a.more,
.lesson-search .search-rlt .rlt-box.updt a.more {
  display: none;
}
.lesson-search.les-s-rt {
  padding-top: 2.15rem;
  -webkit-transition: -webkit-transform 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.lesson-search.les-s-rt.cur {
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
}
.master-key-links {
  width: 100%;
  background: #efefef;
}
.master-key-links .links {
  width: 15rem;
  margin: 0 auto;
  height: 11rem;
  position: relative;
}
.master-key-links .links a {
  display: block;
  position: absolute;
}
.master-key-links .links a.lk1 {
  width: 2.3rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .65rem;
  color: #dd2cc2;
  top: 2.3rem;
  left: 3rem;
  -webkit-animation: bounceIn 1s;
}
.master-key-links .links a.lk2 {
  width: 3.2rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .72rem;
  color: #24902c;
  top: 1.7rem;
  left: 5.6rem;
  -webkit-animation: bounceIn 1s .1s;
}
.master-key-links .links a.lk3 {
  width: 2.7rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .68rem;
  color: #4077b4;
  top: 2.3rem;
  left: 9rem;
  -webkit-animation: bounceIn 1s .15s;
}
.master-key-links .links a.lk4 {
  width: 3.3rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .74rem;
  color: #e0a64c;
  top: 3.5rem;
  left: 1.2rem;
  -webkit-animation: bounceIn 1s .1s;
}
.master-key-links .links a.lk5 {
  width: 5.4rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1.3rem;
  color: #c50f16;
  top: 3.2rem;
  left: 5rem;
  -webkit-animation: bounceIn 1s .2s;
}
.master-key-links .links a.lk6 {
  width: 2.1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .6rem;
  color: #24902c;
  top: 3.4rem;
  right: 1.5rem;
  -webkit-animation: bounceIn 1s .22s;
}
.master-key-links .links a.lk7 {
  width: 2.2rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .6rem;
  color: #4077b4;
  top: 5.2rem;
  left: 2.5rem;
  -webkit-animation: bounceIn 1s .27s;
}
.master-key-links .links a.lk8 {
  width: 3.3rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .76rem;
  color: #24902c;
  top: 5.6rem;
  left: 4.8rem;
  -webkit-animation: bounceIn 1s .37s;
}
.master-key-links .links a.lk9 {
  width: 2rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .6rem;
  color: #4077b4;
  top: 6rem;
  left: 8rem;
  -webkit-animation: bounceIn 1s .27s;
}
.master-key-links .links a.lk10 {
  width: 3.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .8rem;
  color: #cbc35f;
  top: 5.3rem;
  left: 10rem;
  -webkit-animation: bounceIn 1s .1s;
}
.master-key-links .links a.lk11 {
  width: 4.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: .9rem;
  color: #b3aa0e;
  top: 6.8rem;
  left: 1rem;
  -webkit-animation: bounceIn 1s .47s;
}
.master-key-links .links a.lk12 {
  width: 2rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .6rem;
  color: #e0a64c;
  top: 8rem;
  left: 4rem;
  -webkit-animation: bounceIn 1s .6s;
}
.master-key-links .links a.lk13 {
  width: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .68rem;
  color: #dd2cc2;
  top: 7.4rem;
  left: 6.8rem;
  -webkit-animation: bounceIn 1s .27s;
}
.master-key-links .links a.lk14 {
  width: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .6rem;
  color: #c50f16;
  top: 7rem;
  left: 10rem;
  -webkit-animation: bounceIn 1s .27s;
}
.master-key-links .links a.lk15 {
  width: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .66rem;
  color: #4077b4;
  top: 8.6rem;
  left: 8.6rem;
  -webkit-animation: bounceIn 1s .7s;
}
.master-key-links a.chg-lks {
  display: block;
  width: 5.5rem;
  height: 2rem;
  background: #478ede;
  color: #fff;
  text-align: center;
  line-height: 2rem;
  font-size: .7rem;
  margin: .5rem auto;
  border-radius: .2rem;
}
.layer-box {
  width: 100%;
  line-height: .8rem;
  font-size: .6rem;
  padding: .3rem 0;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999999999;
  background: url("../img/alkbg.png") repeat;
  -webkit-transform: translate(0, 120%);
  -webkit-animation: layer_sw 3s linear;
}
.mng-top {
  position: fixed;
  width: 16rem;
  height: 2rem;
  z-index: 10000000000000000;
  background: #478ede;
  top: 0;
  margin-left: -8rem;
  left: 50%;
  overflow: hidden;
}
.mng-top a.back {
  width: .8rem;
  height: .7rem;
  background-image: url("../img/back_icon.png");
  background-size: 100% 100%;
  position: absolute;
  top: .6rem;
  left: .5rem;
}
.mng-top .top-cg-nav {
  position: absolute;
  height: 30px;
  width: 150px;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -75px;
  border: 1px solid #fff;
  border-radius: 5px;
  overflow: hidden;
  background: #478ede;
  color: #fff;
}
.mng-top .top-cg-nav .top-cg-nav-cur {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 2;
  border-radius: 4px;
  -webkit-transition: -webkit-transform 0.5s;
}
.mng-top .top-cg-nav .top-cg-nav-cur.cur {
  -webkit-transform: translate(75px, 0);
}
.mng-top .top-cg-nav a {
  position: relative;
  z-index: 3;
  display: block;
  width: 75px;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  font-size: .6rem;
  margin: 0;
  color: #fff;
}
.mng-top .top-cg-nav a.cur {
  color: #478ede;
}
.mng-top a.mng-search {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../img/topsearch.png");
  background-size: 100% 100%;
  position: absolute;
  top: .4rem;
  right: .5rem;
}
.mng-top p {
  width: 9rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -4.5rem;
  text-align: center;
  color: #fff;
  font-size: .7rem;
  overflow: hidden;
}
.credit-main {
  width: 15.6rem;
  margin: 0 auto;
  color: #222;
}
.credit-main .credit-lt {
  background: #fff;
}
.credit-main .credit-lt .lt {
  width: 15rem;
  margin: 0 auto;
  position: relative;
  padding: .4rem 0;
  border-bottom: .05rem solid #9fa0a0;
}
.credit-main .credit-lt .lt p {
  width: 12rem;
  height: .9rem;
  font-size: .7rem;
  line-height: .9rem;
  overflow: hidden;
}
.credit-main .credit-lt .lt p.dt {
  font-size: .4rem;
  height: .7rem;
  line-height: .7rem;
}
.credit-main .credit-lt .lt b {
  position: absolute;
  width: 3rem;
  color: #478ede;
  font-size: .8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  top: 0;
  text-align: right;
  right: 0;
}
.credit-main .credit-info {
  width: 100%;
  height: 8.5rem;
  padding-top: 1.3rem;
  position: relative;
  color: #222;
  text-align: center;
}
.credit-main .credit-info img {
  width: 4rem;
  height: 4rem;
}
.credit-main .credit-info p {
  font-size: .6rem;
  margin-top: .2rem;
}
.credit-main .credit-info h4 {
  font-size: 1.2rem;
  color: #478ede;
}
.credit-main .credit-info .sum-c {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  bottom: 0;
  left: .5rem;
  width: 6.8rem;
  font-size: .6rem;
  text-align: left;
}
.credit-main .credit-info .sum-c i {
  color: #478ede;
  padding: 0 .1rem;
}
.credit-main .credit-info .cos-c {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  bottom: 0;
  right: .5rem;
  width: 6.8rem;
  font-size: .6rem;
  text-align: right;
}
.get-credit {
  width: 15.6rem;
  margin: 0 auto;
  padding-bottom: 2rem;
  background: #fff;
}
.get-credit p {
  width: 15rem;
  margin: 0 auto;
  line-height: 2rem;
  height: 2rem;
  font-size: .6rem;
  border-bottom: .05rem solid #bbb;
}
.get-credit p span {
  display: block;
  float: left;
  width: 6rem;
  height: 100%;
  padding-left: .9rem;
  overflow: hidden;
  line-height: 2rem;
  position: relative;
  color: #111;
}
.get-credit p span i {
  position: absolute;
  width: .4rem;
  height: .4rem;
  border: .1rem solid #306bae;
  border-radius: .4rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 0;
}
.get-credit p b {
  display: block;
  float: right;
  width: 6rem;
  height: 100%;
  padding-left: .7rem;
  overflow: hidden;
  position: relative;
  font-weight: normal;
  text-align: right;
  color: #9fa0a0;
}
.get-credit p b i {
  color: #306bae;
  padding: 0 .1rem;
}
.user-index {
  width: 100%;
  padding: 2.2rem 0 3.2rem 0;
}
.user-index.nopdd {
  padding: 2.2rem 0 0 0;
}
.user-index .mng-top {
  position: fixed;
  width: 16rem;
  height: 2rem;
  background: #478ede;
  top: 0;
  margin-left: -8rem;
  left: 50%;
}
.user-index .mng-top a.back {
  width: .8rem;
  height: .7rem;
  background-image: url("../img/back_icon.png");
  background-size: 100% 100%;
  position: absolute;
  top: .6rem;
  left: .5rem;
}
.user-index .mng-top p {
  width: 9rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -4.5rem;
  text-align: center;
  color: #fff;
  font-size: .7rem;
  overflow: hidden;
}
.user-index .user-info {
  width: 15rem;
  height: 4rem;
  padding: .5rem;
  background: #fff;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.user-index .user-info input {
  position: absolute;
  left: -100rem;
}
.user-index .user-info .face-pic {
  width: 2.5rem;
  height: 2.5rem;
  float: left;
  overflow: hidden;
  line-height: 2.5rem;
}
.user-index .user-info .face-pic img {
  width: 2.5rem;
  height: auto;
}
.user-index .user-info .name-p {
  width: 12rem;
  height: 2.5rem;
  float: right;
  position: relative;
}
.user-index .user-info .name-p a.more {
  position: absolute;
  width: 2rem;
  text-align: right;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: .8rem;
  top: 0;
  right: 0;
  font-family: \5B8B\4F53;
  color: #9fa0a0;
  z-index: 2;
  font-weight: bold;
}
.user-index .user-info .name-p a.more i {
  display: inline-block;
  width: .4rem;
  height: .75rem;
  background-size: 100% 100%;
  background-image: url("../img/amoreicon.png");
}
.user-index .user-info .name-p p {
  width: 9rem;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  word-break: break-all;
  font-size: .65rem;
  color: #444;
  font-weight: bold;
}
.user-index .user-info .name-p p.nm {
  margin-bottom: .5rem;
}
.user-index .user-info .name-p p span,
.user-index .user-info .name-p p a {
  display: block;
  float: left;
  height: 1rem;
  line-height: 1rem;
  color: #727171;
  font-size: .6rem;
  font-weight: normal;
  position: relative;
}
.user-index .user-info .name-p p span i,
.user-index .user-info .name-p p a i {
  position: absolute;
  width: .8rem;
  height: .8rem;
  top: .1rem;
  left: 0;
  background: url("../img/crediticon.png");
  background-size: 100% 100%;
}
.user-index .user-info .name-p p span {
  width: 2.7rem;
  padding-left: .9rem;
}
.user-index .user-info .name-p p a {
  width: 5rem;
  color: #478ede;
}
.user-index .user-info .credit-jd {
  clear: both;
  padding-top: .4rem;
}
.user-index .user-info .credit-jd .jd {
  width: 14.9rem;
  height: 9px;
  border: 1px solid #bbb;
  position: relative;
  overflow: hidden;
}
.user-index .user-info .credit-jd .jd i {
  position: absolute;
  top: 0;
  left: 0;
  height: 9px;
  background: #478ede;
}
.user-index .user-info .credit-jd p {
  font-size: .5rem;
  line-height: 1rem;
  color: #231815;
}
.user-index .user-info .credit-jd p b {
  font-weight: normal;
  color: #478ede;
}
.user-index .user-info .credit-jd p.lv {
  position: absolute;
  bottom: .3rem;
  height: 1rem;
  right: .5rem;
}
.user-index .quict-btn {
  position: fixed;
  width: 15rem;
  height: 1.9rem;
  text-align: center;
  bottom: 1rem;
  left: 50%;
  margin-left: -7.5rem;
  line-height: 1.9rem;
  font-size: .7rem;
  background: #ffffff;
}
.user-index .quict-btn a {
  display: block;
  width: 15rem;
  height: 1.9rem;
  color: #478ede;
}
.user-index .user-mes-lt {
  width: 15rem;
  padding: 0 .5rem;
  background: #fff;
  margin: .5rem auto;
}
.user-index .user-mes-lt a {
  display: block;
  line-height: 1.8rem;
  padding-left: 1.1rem;
  width: 13.7rem;
  position: relative;
  overflow: hidden;
  word-break: break-all;
  font-size: .65rem;
  color: #444;
}
.user-index .user-mes-lt a i {
  position: absolute;
  width: .8rem;
  height: .8rem;
  top: .5rem;
  left: 0;
  background-size: 100% 100%;
}
.user-index .user-mes-lt a i.tj {
  background-image: url("../img/tongjiicon.png");
}
.user-index .user-mes-lt a i.set {
  background-image: url("../img/setjiicon.png");
}
.user-index .user-mes-lt a i.yj {
  background-image: url("../img/yjjiicon.png");
}
.user-index .change-box {
  padding: .3rem .7rem;
  background: #fff;
  width: 14.6rem;
  margin: 0 auto;
  margin-bottom: .4rem;
  font-size: .6rem;
  height: 1rem;
  line-height: 1rem;
  position: relative;
  overflow: hidden;
}
.user-index .change-box a {
  display: block;
  width: 14.6rem;
  height: 1rem;
  color: #666;
}
.user-index .change-box.pics {
  height: 2.5rem;
  line-height: 2.5rem;
}
.user-index .change-box.pics a {
  height: 2.5rem;
}
.user-index .change-box.pics span {
  line-height: 2.5rem;
}
.user-index .change-box.pics #browseFile {
  position: absolute;
  left: -1000rem;
}
.user-index .change-box span {
  display: block;
  line-height: 1rem;
}
.user-index .change-box .imgbox {
  float: right;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
}
.user-index .change-box .imgbox img {
  width: 2.5rem;
  height: auto;
}
.user-index .change-box .fl {
  float: left;
}
.user-index .change-box .fr {
  display: block;
  float: right;
  text-align: right;
}
.user-index .change-psd {
  padding: .6rem 1rem;
  width: 14rem;
  background: #fff;
  margin: 0 auto;
}
.user-index .change-psd .ipt {
  margin-bottom: .8rem;
}
.user-index .change-psd .ipt.lmb {
  margin-top: 1rem;
}
.user-index .change-psd .ipt label {
  display: block;
  width: 3.3rem;
  height: 1.3rem;
  color: #000;
  float: left;
  font-size: .6rem;
  line-height: 1.3rem;
}
.user-index .change-psd .ipt input {
  display: block;
  width: 8.5rem;
  height: 1.2rem;
  border: .05rem solid #ccc;
  border-radius: .2rem;
  outline: none;
  resize: none;
  background: #fff;
  float: left;
  font-size: .6rem;
  padding-left: .3rem;
  margin: 0;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.user-index .change-psd .ipt input.sub-btn {
  width: 11.5rem;
  height: 1.5rem;
  float: none;
  border: none;
  color: #fff;
  font-size: .7rem;
  letter-spacing: .3rem;
  margin: 0 auto;
  background: #5595dd;
}
.user-statst {
  width: 100%;
  padding: 2.5rem 0 .5rem 0;
  background: #fff;
}
.user-statst .mng-top {
  position: fixed;
  width: 16rem;
  height: 2rem;
  background: #478ede;
  top: 0;
  margin-left: -8rem;
  left: 50%;
}
.user-statst .mng-top a.back {
  width: .8rem;
  height: .7rem;
  background-image: url("../img/back_icon.png");
  background-size: 100% 100%;
  position: absolute;
  top: .6rem;
  left: .5rem;
}
.user-statst .mng-top p {
  width: 9rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -4.5rem;
  text-align: center;
  color: #fff;
  font-size: .7rem;
  overflow: hidden;
}
.user-statst .u-stt-lt {
  width: 14.6rem;
  height: 3.6rem;
  margin: .2rem auto;
  position: relative;
  background-size: 100% 100%;
}
.user-statst .u-stt-lt .u-icon {
  width: 3rem;
  height: 3rem;
  background-size: 100% 100%;
  position: absolute;
  top: .3rem;
  left: .3rem;
  -webkit-animation: fanp .5s linear;
  z-index: 999;
}
.user-statst .u-stt-lt.thiswek {
  background-image: url("../img/u_wktm_titbg.png");
}
.user-statst .u-stt-lt.thiswek .u-icon {
  background-image: url("../img/u_wktm.png");
}
.user-statst .u-stt-lt.thiswek .u-icon .sz {
  width: .15rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  left: 1.35rem;
  -webkit-animation: time_sz 1s linear .5s 1;
}
.user-statst .u-stt-lt.thiswek .u-icon .sz i {
  display: block;
  width: .15rem;
  height: .5rem;
  background: #fff;
  border-radius: .1rem;
}
.user-statst .u-stt-lt.thiswek .u-icon .fz {
  width: .15rem;
  height: 1.4rem;
  position: absolute;
  top: .8rem;
  left: 1.35rem;
  -webkit-animation: time_fz .25s linear .5s  4;
  -webkit-transform: rotate(90deg);
}
.user-statst .u-stt-lt.thiswek .u-icon .fz i {
  display: block;
  width: .15rem;
  height: .7rem;
  background: #fff;
  border-radius: .1rem;
}
.user-statst .u-stt-lt.lened {
  background-image: url("../img/u_ywc_titbg.png");
}
.user-statst .u-stt-lt.lened .u-icon {
  background-image: url("../img/u_ywc.png");
}
.user-statst .u-stt-lt.bxct {
  background-image: url("../img/u_bxtm_titbg.png");
}
.user-statst .u-stt-lt.bxct .u-icon {
  background-image: url("../img/u_bxtm.png");
}
.user-statst .u-stt-lt.xxct {
  background-image: url("../img/u_yhdxx_titbg.png");
}
.user-statst .u-stt-lt.xxct .u-icon {
  background-image: url("../img/u_yhdxx.png");
}
.user-statst .u-stt-lt.htct {
  background-image: url("../img/u_yfht_titbg.png");
}
.user-statst .u-stt-lt.htct .u-icon {
  background-image: url("../img/u_yfht.png");
}
.user-statst .u-stt-lt.hfct {
  background-image: url("../img/u_yhf_titbg.png");
}
.user-statst .u-stt-lt.hfct .u-icon {
  background-image: url("../img/u_yhf.png");
}
.user-statst .u-stt-lt p {
  height: .9rem;
  width: 95%;
  padding-right: 5%;
  line-height: .9rem;
  text-align: right;
  position: absolute;
  top: .3rem;
  right: 0;
  color: #fff;
  font-size: .6rem;
}
.user-statst .u-stt-lt h3 {
  line-height: 1.5rem;
  height: 1.5rem;
  width: 95%;
  padding-right: 5%;
  font-size: .9rem;
  text-align: right;
  position: absolute;
  top: 1.3rem;
  right: 0;
  color: #fff;
  font-weight: normal;
}
.dt-tit {
  width: 15rem;
  margin: 0 auto;
}
.dt-tit h3 {
  font-size: .7rem;
  color: #034187;
  line-height: 1.4rem;
  word-break: break-all;
}
.dt-tit p {
  font-size: .6rem;
  color: #929496;
  line-height: .8rem;
}
.dt-img {
  width: 15rem;
  margin: .4rem auto;
}
.dt-img img {
  width: 15rem;
  height: auto;
}
.dt-txt {
  width: 15rem;
  margin: 0 auto;
  font-size: .6rem;
  color: #929496;
  line-height: .8rem;
}
.dt-txt img {
  max-width: 15rem;
  height: auto;
  display: block;
  margin: .2rem auto;
}
.dt-txt p {
  margin: .8rem auto;
  word-break: break-all;
}
.rg-step {
  width: 100%;
  height: 1.7rem;
  margin-top: 2.1rem;
  border-top: .05rem solid #ddd;
  border-bottom: .05rem solid #ddd;
}
.rg-step .steps {
  width: 14rem;
  margin: 0 auto;
  height: 1.7rem;
}
.rg-step .steps .step1 {
  width: 4.5rem;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: .6rem;
  color: #9fa0a0;
  float: left;
  position: relative;
  margin-right: .55rem;
}
.rg-step .steps .step1 span {
  display: block;
  position: absolute;
  width: .4rem;
  height: .8rem;
  top: .45rem;
  right: .4rem;
  background-image: url("../img/stepicon.png");
  background-size: 100% 100%;
}
.rg-step .steps .step1 i {
  padding-right: .15rem;
}
.rg-step .steps .step2 {
  width: 4.6rem;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: .6rem;
  color: #9fa0a0;
  float: left;
  position: relative;
}
.rg-step .steps .step2 span {
  display: block;
  position: absolute;
  width: .4rem;
  height: .8rem;
  top: .45rem;
  right: .65rem;
  background-image: url("../img/stepicon.png");
  background-size: 100% 100%;
}
.rg-step .steps .step2 i {
  padding-right: .15rem;
}
.rg-step .steps .step3 {
  width: 4.3rem;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: .6rem;
  color: #9fa0a0;
  float: left;
  position: relative;
}
.rg-step .steps .step3 span {
  display: block;
  position: absolute;
  width: .4rem;
  height: .8rem;
  top: .45rem;
  right: .4rem;
  background-image: url("../img/stepicon.png");
  background-size: 100% 100%;
}
.rg-step .steps .step3 i {
  padding-right: .15rem;
}
.rg-step .steps .step1.cur,
.rg-step .steps .step2.cur,
.rg-step .steps .step3.cur {
  color: #478ede;
}
.rg-step .steps .step1.cur span,
.rg-step .steps .step2.cur span,
.rg-step .steps .step3.cur span {
  background-image: url("../img/stepicons.png");
}
.rg-box {
  width: 11.5rem;
  margin: .8rem auto;
}
.rg-box p {
  font-size: .65rem;
  color: #221815;
  line-height: 1rem;
  word-break: break-all;
  margin: .4rem 0;
}
.rg-box p.yzm-p {
  margin: .1rem 0;
  color: #ce222c;
}
.rg-box p b {
  font-weight: normal;
  color: #ce222c;
}
.rg-box .rg-ipt {
  width: 11.5rem;
  height: 1.5rem;
  border: 1px solid #ddd;
  border-radius: .3rem;
  position: relative;
  margin: .15rem 0;
}
.rg-box .rg-ipt span {
  display: block;
  float: left;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  overflow: hidden;
  color: #bcbcbc;
  font-size: .6rem;
}
.rg-box .rg-ipt span.mc {
  width: 3.5rem;
  border-right: 1px dotted #ddd;
}
.rg-box .rg-ipt span.val {
  width: 7rem;
  padding-left: .5rem;
  color: #7f7f7f;
  text-align: left;
}
.rg-box .rg-ipt b {
  position: absolute;
  display: block;
  width: 1rem;
  height: 1.5rem;
  text-align: center;
  color: #ce222c;
  line-height: 1.5rem;
  right: 0;
  top: 0;
  font-weight: normal;
  font-size: .6rem;
}
.rg-box .rg-ipt input {
  outline: none;
  border: none;
  resize: none;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
  width: 11rem;
  padding-left: .5rem;
  line-height: 1.5rem;
  height: 1.5rem;
  border-radius: .3rem;
  top: 0;
  left: 0;
  font-size: .7rem;
  color: #ccc;
  font-family: \5FAE\8F6F\96C5\9ED1;
}
.rg-box .rg-ipt input.ipt-cd {
  width: 8rem;
}
.rg-box .rg-ipt input.getcode {
  width: 3rem;
  left: auto;
  right: 0;
  background-image: url("../img/getcodebtn.png");
  background-size: 100% 100%;
  z-index: 9;
}
.rg-box .rg-ipt .yzm-sc {
  display: block;
  z-index: 2;
  position: absolute;
  padding-left: .5rem;
  height: 1.5rem;
  border-radius: .3rem;
  top: 0;
  font-family: \5FAE\8F6F\96C5\9ED1;
  width: 3rem;
  right: 0;
  background: #efefef;
  color: #b0b0b0;
  font-size: .6rem;
  line-height: .75rem;
}
.rg-box .next-step {
  margin-top: 1.8rem;
  width: 11.5rem;
  height: 1.5rem;
}
.rg-box .next-step input {
  outline: none;
  border: none;
  resize: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 11.5rem;
  height: 1.5rem;
  background-image: url("../img/nextstepbtn.png");
  background-size: 100% 100%;
}
.downld {
  width: 11.5rem;
  margin: 0 auto;
  margin-top: 2.5rem;
}
.downld p {
  font-size: .65rem;
  color: #221815;
  line-height: 1rem;
  word-break: break-all;
  margin: .4rem 0;
}
.downld a.down-a {
  display: block;
  width: 4.4rem;
  height: 2.5rem;
  float: left;
  margin-right: 2.7rem;
}
.downld a.down-a.nomargin {
  margin-right: 0;
}
.downld a.down-a img {
  width: 4.4rem;
  height: 1.6rem;
}
.downld a.down-a p {
  font-size: .6rem;
  color: #9fa0a0;
  text-align: center;
  line-height: .9rem;
}
.rg-top {
  width: 100%;
  height: 2rem;
  position: fixed;
  top: 0;
  left: 0;
  background: #478ede;
  color: #fff;
  text-align: center;
  line-height: 2rem;
  font-size: .9rem;
  z-index: 9;
}
.andrd-tk {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 8rem;
  height: 4.5rem;
  background-size: 100% 100%;
  background-image: url("../img/tishi.png");
  z-index: 99999;
  -webkit-transform: translate(0, -6rem);
  -webkit-transition: -webkit-transform 0.21s;
}
.andrd-tk.cur {
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
.ios-tk {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 8rem;
  height: 4.5rem;
  background-size: 100% 100%;
  background-image: url("../img/ios_tishi.png");
  z-index: 99999;
  -webkit-transform: translate(0, -6rem);
  -webkit-transition: -webkit-transform 0.3s;
}
.ios-tk.cur {
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
.login-help {
  width: 14.5rem;
  height: 21rem;
  margin: 1rem auto;
  background-image: url("../img/helpimg.jpg");
  background-size: 100% 100%;
}
.login-help p {
  padding-top: 11rem;
  line-height: .8rem;
  font-size: .6rem;
  color: #c7000b;
  text-align: center;
}
.no-cmt {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  position: relative;
}
.no-cmt p {
  font-size: .6rem;
}
@-webkit-keyframes time_sz {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes time_fz {
  0% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
  }
}
@-webkit-keyframes fanp {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
  }
}
.step-main {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8rem;
  width: 16rem;
  height: auto;
  background: #e3e4e5;
  z-index: 9;
  -webkit-transform: scale(0) translate3d(10rem, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
.step-main.dip {
  background: #fff;
}
.step-main.cur {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
}
.step-main .mng-top {
  position: fixed;
  width: 16rem;
  height: 2rem;
  background: #478ede;
  top: 0;
  margin-left: -8rem;
  left: 50%;
}
.step-main .mng-top a.back {
  width: .8rem;
  height: .7rem;
  background-image: url("../img/back_icon.png");
  background-size: 100% 100%;
  position: absolute;
  top: .6rem;
  left: .5rem;
}
.step-main .mng-top p {
  width: 9rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -4.5rem;
  text-align: center;
  color: #fff;
  font-size: .7rem;
  overflow: hidden;
}
.step-main .dip-main {
  width: 13.5rem;
  height: 18rem;
  border: .1rem solid #765c33;
  margin: 0 auto;
  margin-top: 2.2rem;
  -webkit-transform: scale(0) translate3d(0, 0, 1rem);
  -webkit-transition: -webkit-transform 0.5s;
}
.step-main .dip-main.cur {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
}
.step-main .dip-main .box {
  width: 12.9rem;
  height: 17.4rem;
  border: .2rem solid #765c33;
  margin: .1rem auto;
  text-align: center;
  position: relative;
}
.step-main .dip-main .box a.logo {
  position: absolute;
  width: 5.8rem;
  height: 1.3rem;
  right: .5rem;
  top: .5rem;
  background-image: url("../img/onlinelogo.png");
  background-size: 100% 100%;
}
.step-main .dip-main .box img {
  display: inline-block;
  margin-top: 3.2rem;
  width: 4.7rem;
  height: auto;
  margin-bottom: .4rem;
}
.step-main .dip-main .box p {
  font-size: .6rem;
  line-height: .8rem;
  color: #000;
  margin-bottom: .1rem;
}
.step-main .dip-main .box h4 {
  display: inline-block;
  width: 7.2rem;
  height: 1.2rem;
  font-size: .9rem;
  line-height: 1.2rem;
  color: #826a45;
  border-bottom: .05rem solid #826a45;
  text-align: center;
  font-weight: normal;
  margin-bottom: .3rem;
}
.step-main .dip-main .box h5 {
  color: #000;
  margin-top: 2.5rem;
  font-size: .5rem;
  line-height: .8rem;
}
.step-main a.share-dip {
  display: block;
  width: 11.5rem;
  height: 1.5rem;
  margin: .6rem auto;
  border-radius: .2rem;
  text-align: center;
  line-height: 1.5rem;
  color: #fff;
  font-size: .7rem;
  background: #5595dd;
}
.train-syllabus {
  width: 16rem;
  height: auto;
  margin: 0 auto;
  margin-top: 2rem;
}
.train-syllabus .syllabus-lts {
  width: 15rem;
  padding-left: .95rem;
  height: auto;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.train-syllabus .syllabus-lts .syllabus-cell {
  width: 100%;
  padding: .6rem 0 .6rem 0;
  min-height: .8rem;
  height: auto;
  line-height: 1rem;
  border-bottom: .05rem solid #ddd;
  border-left: .05rem solid #b7bbc2;
  position: relative;
}
.train-syllabus .syllabus-lts .syllabus-cell:last-child {
  border-bottom: none;
}
.train-syllabus .syllabus-lts .syllabus-cell a {
  display: block;
  padding-left: 1.5rem;
  width: 10.5rem;
  line-height: .8rem;
  font-size: .6rem;
  color: #666;
  word-break: break-all;
  position: relative;
}
.train-syllabus .syllabus-lts .syllabus-cell a i {
  position: absolute;
  width: .65rem;
  height: .8rem;
  top: 0;
  left: .65rem;
  background-size: 100% 100%;
  background-image: url("../img/train_imgs/bkicon.png");
}
.train-syllabus .syllabus-lts .syllabus-cell a em {
  display: inline-block;
  width: 1.5rem;
  height: .8rem;
  border-radius: .1rem;
  color: #ef7f0c;
  text-align: center;
  line-height: .8rem;
  border: .05rem solid #ef7f0c;
  -webkit-transform: scale(0.8, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.train-syllabus .syllabus-lts .syllabus-cell span {
  position: absolute;
  width: 2.5rem;
  height: .8rem;
  line-height: .8rem;
  right: 0;
  top: 50%;
  color: #bc6363;
  font-size: .6rem;
  transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
}
.train-syllabus .syllabus-lts .syllabus-cell .arc {
  background-size: 100% 100%;
  background-color: #fff;
  width: .65rem;
  height: .65rem;
  box-shadow: 0 0 0 .05rem #fff, 0 0 0 .1rem #b7bbc2;
  border-radius: .65rem;
  position: absolute;
  top: 50%;
  left: -0.35rem;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.train-syllabus .syllabus-lts .syllabus-cell .arc.all {
  background-image: url("../img/train_imgs/arc.png");
}
.train-syllabus .syllabus-lts .syllabus-cell .arc.half {
  background-image: url("../img/train_imgs/barc.png");
}
.train-note {
  width: 16rem;
  height: auto;
  margin: 0 auto;
  margin-top: 2.5rem;
}
.train-note .train-note-cell {
  margin: .7rem 0 .5rem 0;
  width: 16rem;
  height: auto;
}
.train-note .train-note-cell .dt {
  width: 5.5rem;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  margin: 0 auto;
  margin-bottom: .5rem;
  background: #e5e5e5;
  border-radius: .2rem;
  color: #727171;
  font-size: .55rem;
}
.train-note .train-note-cell .train-note-txts {
  width: 15rem;
  padding: .5rem 0 0 0;
  margin: 0 auto;
  border: .05rem solid #bfbfbf;
  height: auto;
  background: #fff;
  position: relative;
}
.train-note .train-note-cell .train-note-txts h4 {
  width: 14rem;
  padding: 0 .5rem;
  font-size: .7rem;
  line-height: .9rem;
  color: #000;
  font-weight: normal;
}
.train-note .train-note-cell .train-note-txts .txt-p {
  width: 14rem;
  padding: 0 .5rem .5rem .5rem;
  height: auto;
  font-size: .5rem;
  text-indent: 2em;
  line-height: .8rem;
  margin-top: .2rem;
  color: #696969;
  border-bottom: .05rem solid #e5e5e5;
}
.train-note .train-note-cell .train-note-txts a.more {
  display: block;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: .5rem;
  color: #111;
  width: 14rem;
  padding: 0 .5rem;
}
.train-note .train-note-cell .train-note-txts i.m-icon {
  position: absolute;
  width: .2rem;
  height: .3rem;
  background-size: 100% 100%;
  background-image: url("../img/amoreicon.png");
  bottom: .6rem;
  right: .6rem;
}
.train-index {
  width: 16rem;
  height: auto;
  margin: 0 auto;
  margin-top: 2rem;
}
.train-index a.train-idx-ctn {
  display: block;
  width: 14.3rem;
  height: 1.6rem;
  margin: .3rem auto;
  background: #478ede;
  color: #fff;
  font-size: .65rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: .15rem;
}
.train-index a.train-idx-ctn i {
  display: inline-block;
  width: .6rem;
  height: .68rem;
  background-size: 100% 100%;
  background-image: url("../img/train_imgs/wt_icon.png");
  vertical-align: -0.1rem;
  margin-right: .2rem;
}
.train-index .t-idx-lks {
  width: 100%;
  height: 10rem;
  padding-top: 1.6rem;
  text-align: center;
}
.train-index .t-idx-lks a {
  display: inline-block;
  width: 3.5rem;
  height: 3.6rem;
  margin: 0 .5rem;
}
.train-index .t-idx-lks a.noclk i.cloud {
  background-image: url("../img/train_imgs/clod_icon_n.png");
}
.train-index .t-idx-lks a.noclk p {
  color: #d2d2d2;
}
.train-index .t-idx-lks a i {
  display: block;
  margin: 0 auto;
  width: 2.25rem;
  height: 2.1rem;
  background-size: 100% 100%;
}
.train-index .t-idx-lks a i.files {
  background-image: url("../img/train_imgs/file_icon.png");
}
.train-index .t-idx-lks a i.cls {
  background-image: url("../img/train_imgs/cls_icon.png");
}
.train-index .t-idx-lks a p {
  font-size: .6rem;
  margin-top: .3rem;
  line-height: .9rem;
  color: #666;
}
.train-index .t-idx-hd {
  width: 16rem;
  height: 11.25rem;
  background-size: 100% 100%;
  background-image: url("../img/train_imgs/train_hdbg.png");
  position: relative;
  text-align: center;
}
.train-index .t-idx-hd .rpt-btm {
  position: absolute;
  width: 16rem;
  height: 1.4rem;
  bottom: 0;
  left: 0;
  line-height: 1.4rem;
  font-size: .6rem;
  color: #666;
  background: url("../img/train_imgs/hed_btm_rpt.png") repeat;
}
.train-index .t-idx-hd .rpt-btm .rt {
  width: 5rem;
  padding-right: .75rem;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  text-align: right;
}
.train-index .t-idx-hd .rpt-btm .rt b {
  font-weight: normal;
  color: #c7000b;
}
.train-index .t-idx-hd .rpt-btm .lt {
  width: 6.3rem;
  padding-left: 1.7rem;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
}
.train-index .t-idx-hd .rpt-btm .lt i {
  position: absolute;
  width: .65rem;
  height: .8rem;
  background-size: 100% 100%;
  background-image: url("../img/train_imgs/bk_icon.png");
  left: .85rem;
  top: .3rem;
}
.train-index .t-idx-hd .lt-scores {
  position: absolute;
  width: 4rem;
  height: 2.5rem;
  top: 4.2rem;
  left: 1rem;
  font-size: .6rem;
  color: #fff;
}
.train-index .t-idx-hd .lt-scores h5 {
  line-height: .8rem;
}
.train-index .t-idx-hd .lt-scores p {
  line-height: 1rem;
}
.train-index .t-idx-hd #train_jd {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  margin-left: -2.45rem;
  width: 4.9rem;
  height: 4.9rem;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
}
.train-index .t-idx-hd .center-jd {
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  z-index: 1;
  top: 2.5rem;
  left: 50%;
  margin-left: -2.4rem;
  font-size: .6rem;
  color: #fff;
  border-radius: 4.9rem;
  background: url("../img/train_imgs/hed_btm_rpt.png") repeat;
}
.train-index .t-idx-hd .center-jd h5 {
  margin-top: 1.6rem;
  line-height: .8rem;
}
.train-index .t-idx-hd .center-jd p {
  font-size: .7rem;
  font-weight: bold;
  line-height: 1rem;
}
.train-index .t-idx-hd .rt-days {
  position: absolute;
  width: 4rem;
  height: 2.5rem;
  top: 4.2rem;
  right: 1rem;
  font-size: .6rem;
  color: #fff;
}
.train-index .t-idx-hd .rt-days h5 {
  line-height: .8rem;
}
.train-index .t-idx-hd .rt-days p {
  line-height: 1rem;
}
.train-syllabus-class {
  position: relative;
  width: 14.3rem;
  padding-right: 1.7rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #eee;
  font-size: .6rem;
  text-indent: 1.8em;
}
.train-syllabus-class i {
  position: absolute;
  top: .6rem;
  right: 1rem;
  width: .4rem;
  height: .25rem;
  background-size: 100% 100%;
  background-image: url("../img/updownicon.png");
  -webkit-transform: translate3d(0, 0, 0) rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
}
.train-syllabus-class i.cur {
  -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
}
.train-syllabus-class i.lk {
  width: .5rem;
  height: .8rem;
  top: .35rem;
  right: 0;
  left: .3rem;
  background-size: 100% 100%;
  background-image: url("../img/lockicon.png");
}
.train-syllabus-class i.lk.cur {
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
}
.train-syllabus-class i.ulk {
  width: .5rem;
  height: .8rem;
  top: .35rem;
  right: 0;
  left: .3rem;
  background-size: 100% 100%;
  background-image: url("../img/unlockicon.png");
}
.train-syllabus-class i.ulk.cur {
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
}
/*# sourceMappingURL=style.css.map */