@font-face {
  font-family:iconfont;
}
.icon-footer-PC {
  display:inline-block;
}
@-webkit-keyframes magnifyImg {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes minifyImg {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
}
.header-PC {
  width:100%;
  height:68px;
  background-color:#0b8bff
}
.header-PC a,
.header-PC a:active,
.header-PC a:focus,
.header-PC a:hover {
  text-decoration:none;
  outline:0;
  star:expression(this.onFocus=this.blur())
}
.header-PC .header-cont {
  position:relative;
  width:1200px;
  height:68px;
  margin:0 auto
}
.header-PC .header-cont .icon-logo_text {
  position:absolute;
  top:-32px;
  left:0;
  font-size:90px;
  color:#fff;
  cursor:pointer
}
.header-PC .header-cont .icon-logo_text:hover {
  opacity:.9
}
.header-PC .header-cont .navbar {
  float:left;
  display:inline-block;
  height:68px;
  margin-left:135px
}
.header-PC .header-cont .navbar .navbar-item {
  display:inline-block;
  height:64px;
  line-height:64px;
  border-bottom:4px solid transparent;
  padding:0 20px;
  font-size:16px;
  color:#fff;
  cursor:pointer
}
.header-PC .header-cont .navbar .navbar-item.on {
  font-weight:700;
  color:#fff;
  border-bottom:4px solid #fff
}
.header-PC .header-cont .navbar .navbar-item:hover {
  background-color:#0082f8
}
.header-PC .header-cont .navbar .navbar-item.more {
  position:relative;
  padding-right:38px
}
.header-PC .header-cont .navbar .navbar-item.more .triangle {
  position:absolute;
  top:29px;
  right:12px;
  display:inline-block;
  border:7px solid transparent;
  border-top:7px solid #fff
}
.header-PC .header-cont .navbar .navbar-item.more:hover .sub-navbar {
  display:block
}
.header-PC .header-cont .navbar .navbar-item.more .sub-navbar {
  position:absolute;
  top:68px;
  right:-10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:110px;
  background:#FFF;
  border:1px solid #eaeaea;
  -webkit-box-shadow:0 2px 6px 0 rgba(102,102,102,.06);
  box-shadow:0 2px 6px 0 rgba(102,102,102,.06);
  z-index:10;
  display:none
}
.header-PC .header-cont .navbar .navbar-item.more .sub-navbar::before {
  content:'';
  position:absolute;
  top:-8px;
  left:44%;
  width:13px;
  height:13px;
  background:#fff;
  border:1px solid #eaeaea;
  border-right:none;
  border-bottom:none;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:-1
}
.header-PC .header-cont .navbar .navbar-item.more .sub-navbar .sub-navbar-item {
  height:36px;
  padding:0 20px;
  line-height:36px;
  font-size:16px;
  color:#999
}
.header-PC .header-cont .navbar .navbar-item.more .sub-navbar .sub-navbar-item:hover {
  background-color:#f3f4f5;
  color:#0b8bff
}
.header-PC .header-cont .login-bar {
  float:right;
  height:68px;
  line-height:68px;
  margin-left:20px;
  padding:0 7px;
  color:#fff;
  font-size:16px;
  cursor:pointer
}
.header-PC .header-cont .login-bar:hover {
  background-color:#077fec
}
.header-PC .header-cont .login-bar .txt {
  color:#fff
}
.header-PC .header-cont .user-center {
  float:right
}
.header-PC .header-cont .user-center .avatar,
.header-PC .header-cont .user-center .message,
.header-PC .header-cont .user-center .notice {
  position:relative;
  float:left;
  cursor:pointer
}
.header-PC .header-cont .user-center .avatar .label,
.header-PC .header-cont .user-center .message .label,
.header-PC .header-cont .user-center .notice .label {
  position:relative;
  display:inline-block;
  height:68px;
  padding:0 15px;
  line-height:68px;
  font-size:16px;
  color:#fff
}
.header-PC .header-cont .user-center .avatar .label .bullet,
.header-PC .header-cont .user-center .message .label .bullet,
.header-PC .header-cont .user-center .notice .label .bullet {
  position:absolute;
  top:18px;
  right:11px;
  display:inline-block;
  width:8px;
  height:8px;
  -webkit-border-radius:50%;
  border-radius:50%;
  background-color:#f55e6d
}
.header-PC .header-cont .user-center .avatar .show-list,
.header-PC .header-cont .user-center .message .show-list,
.header-PC .header-cont .user-center .notice .show-list {
  position:absolute;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #eaeaea;
  -webkit-box-shadow:0 2px 6px 0 rgba(102,102,102,.06);
  box-shadow:0 2px 6px 0 rgba(102,102,102,.06);
  z-index:10;
  display:none
}
.header-PC .header-cont .user-center .avatar .show-list .title,
.header-PC .header-cont .user-center .message .show-list .title,
.header-PC .header-cont .user-center .notice .show-list .title {
  height:40px;
  line-height:40px;
  font-size:16px;
  color:#999;
  padding:0 20px;
  border-bottom:1px solid #eaeaea;
  cursor:auto
}
.header-PC .header-cont .user-center .avatar .show-list .list-item,
.header-PC .header-cont .user-center .message .show-list .list-item,
.header-PC .header-cont .user-center .notice .show-list .list-item {
  height:36px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0 20px;
  font-size:16px;
  color:#999;
  line-height:36px
}
.header-PC .header-cont .user-center .avatar .show-list .list-item a,
.header-PC .header-cont .user-center .message .show-list .list-item a,
.header-PC .header-cont .user-center .notice .show-list .list-item a {
  color:#999
}
.header-PC .header-cont .user-center .avatar .show-list .list-item:hover,
.header-PC .header-cont .user-center .message .show-list .list-item:hover,
.header-PC .header-cont .user-center .notice .show-list .list-item:hover {
  background-color:#f3f4f5;
  color:#0b8bff
}
.header-PC .header-cont .user-center .avatar .show-list .list-item:hover a,
.header-PC .header-cont .user-center .message .show-list .list-item:hover a,
.header-PC .header-cont .user-center .notice .show-list .list-item:hover a {
  color:#0b8bff
}
.header-PC .header-cont .user-center .avatar .show-list .view-all,
.header-PC .header-cont .user-center .message .show-list .view-all,
.header-PC .header-cont .user-center .notice .show-list .view-all {
  height:40px;
  line-height:40px;
  font-size:14px;
  text-align:center;
  border-top:1px solid #eaeaea;
  color:#333
}
.header-PC .header-cont .user-center .avatar .show-list .view-all a,
.header-PC .header-cont .user-center .message .show-list .view-all a,
.header-PC .header-cont .user-center .notice .show-list .view-all a {
  color:#333
}
.header-PC .header-cont .user-center .avatar .show-list .view-all:hover a,
.header-PC .header-cont .user-center .message .show-list .view-all:hover a,
.header-PC .header-cont .user-center .notice .show-list .view-all:hover a {
  color:#0b8bff
}
.header-PC .header-cont .user-center .notice {
  margin-left:10px
}
.header-PC .header-cont .user-center .notice:hover .label {
  background-color:#077fec
}
.header-PC .header-cont .user-center .notice:hover .show-list {
  display:block
}
.header-PC .header-cont .user-center .notice .show-list {
  left:-103px;
  width:270px
}
.header-PC .header-cont .user-center .notice .show-list::before {
  content:'';
  position:absolute;
  top:-8px;
  left:47%;
  width:13px;
  height:13px;
  background:#fff;
  border:1px solid #eaeaea;
  border-right:none;
  border-bottom:none;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:-1
}
.header-PC .header-cont .user-center .avatar .avatar-container:hover,
.header-PC .header-cont .user-center .message:hover .label {
  background-color:#077fec
}
.header-PC .header-cont .user-center .message .tit {
  color:#fff;
  display:inline-block;
  width:100%;
  height:100%
}
.header-PC .header-cont .user-center .avatar:hover .show-list {
  display:block
}
.header-PC .header-cont .user-center .avatar .avatar-container {
  height:68px;
  padding:0 15px
}
.header-PC .header-cont .user-center .avatar .avatar-container .avatar-img {
  margin-top:18px;
  width:30px;
  height:30px;
  -webkit-border-radius:50%;
  border-radius:50%
}
.header-PC .header-cont .user-center .avatar .show-list {
  left:-22px
}
.header-PC .header-cont .user-center .avatar .show-list::before {
  content:'';
  position:absolute;
  top:-8px;
  left:44%;
  width:13px;
  height:13px;
  background:#fff;
  border:1px solid #eaeaea;
  border-right:none;
  border-bottom:none;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:-1
}
.header-PC .header-cont .user-center .avatar .show-list .list-item {
  padding:0
}
.header-PC .header-cont .user-center .avatar .show-list .list-item a {
  display:inline-block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:0 20px
}
.header-PC .header-cont .search {
  float:right;
  position:relative;
  width:130px;
  height:32px;
  margin-top:16px;
  border-bottom:1px solid #fff
}
.header-PC .header-cont .search .search-input {
  width:107px;
  color:#fff;
  background-color:transparent;
  height:32px;
  line-height:32px;
  font-size:16px
}
.header-PC .header-cont .search .search-input::-webkit-input-placeholder {
  color:#fff!important
}
.header-PC .header-cont .search .search-input::-webkit-input-placeholder {
  color:#fff!important
}
.header-PC .header-cont .search .search-input::-moz-placeholder {
  color:#fff!important
}
.header-PC .header-cont .search .search-input::-moz-placeholder {
  color:#fff!important
}
.header-PC .header-cont .search .icon-search_yi {
  position:absolute;
  top:5px;
  right:2px;
  font-size:16px;
  color:#fff
}
.header-PC.second {
  background-color:#fff
}
.header-PC.second .header-cont .login-bar:hover,
.header-PC.second .header-cont .user-center .avatar .avatar-container:hover,
.header-PC.second .header-cont .user-center .message:hover .label,
.header-PC.second .header-cont .user-center .notice:hover .label {
  background-color:#f3f4f5
}
.header-PC.second .header-cont .icon-logo_text {
  color:#0b8bff
}
.header-PC.second .header-cont .navbar .navbar-item {
  color:#333
}
.header-PC.second .header-cont .navbar .navbar-item.on {
  color:#0b8bff;
  border-bottom:4px solid #0b8bff
}
.header-PC.second .header-cont .navbar .navbar-item:hover {
  color:#0b8bff;
  background-color:#f3f4f5
}
.header-PC.second .header-cont .navbar .navbar-item.more .triangle {
  border-top:7px solid #333
}
.header-PC.second .header-cont .navbar .navbar-item.more:hover {
  color:#333
}
.header-PC.second .header-cont .login-bar,
.header-PC.second .header-cont .login-bar .txt {
  color:#0b8bff
}
.header-PC.second .header-cont .user-center .avatar .label,
.header-PC.second .header-cont .user-center .message .label,
.header-PC.second .header-cont .user-center .notice .label {
  color:#333
}
.header-PC.second .header-cont .user-center .message .tit {
  color:#404040
}
.header-PC.second .header-cont .search {
  border-bottom:1px solid #eaeaea
}
.header-PC.second .header-cont .search .search-input {
  color:#333
}
.header-PC.second .header-cont .search .search-input::-webkit-input-placeholder {
  color:#999!important
}
.header-PC.second .header-cont .search .search-input::-webkit-input-placeholder {
  color:#999!important
}
.header-PC.second .header-cont .search .search-input::-moz-placeholder {
  color:#999!important
}
.header-PC.second .header-cont .search .search-input::-moz-placeholder {
  color:#999!important
}
.header-PC.second .header-cont .search .icon-search_yi {
  color:#333
}
.footer-PC {
  position:relative;
  width:100%;
  margin-top:16px
}
.footer-PC a,
.footer-PC a:active,
.footer-PC a:focus,
.footer-PC a:hover {
  color:#404040;
  text-decoration:none;
  outline:0;
  star:expression(this.onFocus=this.blur())
}
.footer-PC .footer-bg {
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  -webkit-background-size:cover;
  background-size:cover
}
body.osx,
body.windows {
  background-color:#fff
}
.footer-PC .footer-cont {
  width:1200px;
  margin:0 auto;
  padding-top:20px
}
.footer-PC .footer-cont .medias {
  height:72px;
  padding-top:40px;
  padding-bottom:60px;
  border-bottom:1px solid #393e42
}
.footer-PC .footer-cont .medias .media.wechat {
  float:left
}
.footer-PC .footer-cont .medias .media.app {
  float:right
}
.footer-PC .footer-cont .medias .media .ic-mobile,
.footer-PC .footer-cont .medias .media .ic-qrcode {
  width:35px;
  height:35px;
  margin-right:10px
}
.footer-PC .footer-cont .medias .media .ic-qrcode {
  position:relative;
  top:-13px;
  background-position:-24px -179px
}
.footer-PC .footer-cont .medias .media .ic-mobile {
  position:relative;
  top:-15px;
  background-position:-97px -179px
}
.footer-PC .footer-cont .medias .media .label {
  position:relative;
  top:-24px;
  font-size:20px;
  color:#fff
}
.footer-PC .footer-cont .medias .media .account {
  position:relative;
  margin-left:20px;
  display:inline-block;
  text-align:center;
  cursor:pointer
}
.footer-PC .footer-cont .medias .media .account:hover .qr-code-container {
  -webkit-animation:magnifyImg .2s ease-out forwards;
  animation:magnifyImg .2s ease-out forwards;
  display:block;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.footer-PC .footer-cont .medias .media .account .icon-account {
  width:47px;
  height:47px;
  margin-bottom:3px;
  -webkit-border-radius:47px;
  border-radius:47px
}
.footer-PC .footer-cont .medias .media .account .ic-yixinli {
  background-position:-18px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-lesson {
  background-position:-79px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-fm {
  background-position:-143px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-xintanshe {
  background-position:-207px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-test {
  background-position:-267px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-zixun {
  background-position:-332px -26px
}
.footer-PC .footer-cont .medias .media .account .ic-yixinli-app {
  background-position:-18px -101px
}
.footer-PC .footer-cont .medias .media .account .ic-test-app {
  background-position:-269px -103px
}
.footer-PC .footer-cont .medias .media .account .ic-fm-app {
  background-position:-143px -101px
}
.footer-PC .footer-cont .medias .media .account .ic-zxs-app {
  background-position:-207px -103px
}
.footer-PC .footer-cont .medias .media .account .txt {
  font-size:12px;
  color:#b5bcc3
}
.footer-PC .footer-cont .medias .media .account .qr-code-container {
  position:absolute;
  top:-125px;
  left:50%;
  margin-left:-59px;
  width:100px;
  height:100px;
  border:5px solid #fff;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:center bottom;
  -ms-transform-origin:center bottom;
  transform-origin:center bottom;
  display:none;
  z-index:10
}
.footer-PC .footer-cont .medias .media .account .qr-code-container .qr-code-img {
  width:100%;
  height:100%
}
.footer-PC .footer-cont .medias .media .account .qr-code-container .triangle {
  position:absolute;
  bottom:-18px;
  left:50%;
  margin-left:-5px;
  border:7px solid transparent;
  border-top:7px solid #fff
}
.footer-PC .footer-cont .about-us {
  margin-bottom:30px;
  padding:20px 0;
  border-bottom:1px solid #393e42;
  clear:both;
  overflow:hidden
}
.footer-PC .footer-cont .about-us .about-us-item {
  float:left;
  display:inline-block;
  height:14px;
  line-height:14px;
  padding:0 50px;
  border-left:1px solid #616161;
  border-right:1px solid #616161;
  font-size:14px;
  color:#b5bcc3
}
.footer-PC .footer-cont .about-us .about-us-item:hover {
  color:#fff
}
.footer-PC .footer-cont .about-us .about-us-item.first {
  border-left:none;
  padding-left:18px
}
.footer-PC .footer-cont .about-us .about-us-item.last {
  border-right:none;
  padding-right:18px
}
.footer-PC .footer-cont .friend-site {
  margin-bottom:40px;
  padding-bottom:30px;
  border-bottom:1px solid #393e42
}
.footer-PC .footer-cont .friend-site .title {
  font-size:18px;
  color:#fff;
  font-weight:700;
  margin-bottom:20px
}
.footer-PC .footer-cont .friend-site .site-list {
  font-size:14px;
  clear:both;
  overflow:hidden
}
.footer-PC .footer-cont .friend-site .site-list .site {
  float:left;
  display:inline-block;
  margin-right:10px;
  color:#b5bcc3
}
.footer-PC .footer-cont .friend-site .site-list .site:hover {
  color:#fff
}
.footer-PC .footer-cont .icp-info {
  padding-bottom:35px;
  font-size:12px;
  color:#6c7377
}
.footer-PC .footer-cont .icp-info .info-list {
  position:relative;
  margin-bottom:9px;
  text-align:center
}
.footer-PC .footer-cont .icp-info .info-list .info-item {
  display:inline-block;
  padding:0 20px;
  border-right:1px solid #616161
}
.footer-PC .footer-cont .icp-info .info-list .info-item.last {
  border-right:none
}
.footer-PC .footer-cont .icp-info .info-list .info-item .ic-star {
  width:8px;
  height:10px;
  margin-left:1px;
  background-position:-80px -180px
}
.footer-PC .footer-cont .icp-info .info-list .info-item a {
  color:#6c7377
}
.footer-PC .footer-cont .icp-info .rights {
  text-align:center
}
@-webkit-keyframes newMagnifyImg {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes newMagnifyImg {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
.new-media-wx .new-account {
  margin-right:25px;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  cursor:pointer;
  position:relative
}
.new-media-wx .new-account:last-child {
  margin-right:0
}
.new-media-wx .new-account-icon {
  width:47px;
  height:47px;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-border-radius:50%;
  border-radius:50%
}
.new-media-wx .new-accout-label {
  font-size:12px;
  color:#b5bcc3;
  white-space:nowrap;
  margin-top:10px
}
.new-media-wx .label {
  top:0!important;
  margin-right:20px
}
.new-media-wx .icon-footer-PC {
  top:10px!important
}
.new-media-wx .qr-code-container {
  position:absolute;
  top:-125px;
  left:50%;
  margin-left:-55px;
  width:100px;
  height:100px;
  border:5px solid #fff;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:center bottom;
  -ms-transform-origin:center bottom;
  transform-origin:center bottom;
  display:none;
  z-index:10
}
.new-media-wx .triangle {
  position:absolute;
  bottom:-18px;
  left:50%;
  margin-left:-5px;
  border:7px solid transparent;
  border-top:7px solid #fff
}
.new-account:hover .qr-code-container {
  -webkit-animation:newMagnifyImg .2s ease-out forwards;
  animation:newMagnifyImg .2s ease-out forwards;
  display:block;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
html {
  margin:0 auto
}
ul li {
  list-style:none
}
button,
input,
select,
textarea {
  border:none
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline:0
}
button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:#999!important
}
button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:#999!important
}
button:-moz-placeholder,
input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color:#999!important
}
button::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color:#999!important
}
input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 1000px #fff inset
}
button {
  cursor:pointer;
  padding:0
}
@font-face {
  font-family:iconfont;
}
body.windows {
  font-family:"Microsoft Yahei"
}
body.osx {
  font-family:"PingFang SC"
}
.iconfont {
  font-family:iconfont!important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:.2px;
  -moz-osx-font-smoothing:grayscale
}
.icon-teacherpage-new-PC {
  display:inline-block;
}
@keyframes magnifyImg {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes minifyImg {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
}
.teacher-homepage-PC {
  position:relative;
  padding-left: 15px;
  width:100%
}
.teacher-homepage-PC .bdshare-button-style0-16 a {
  background-image:none!important;
  line-height:42px!important
}
.teacher-homepage-PC .teacher-homepage-navbar {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:68px;
  border-bottom:1px solid #dbdbdb;
  background-color:#fff;
  z-index:10;
  display:none
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar {
  width:1200px;
  height:68px;
  margin:0 auto
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar .navbar-item {
  display:inline-block;
  height:64px;
  line-height:68px;
  padding:0 20px;
  font-size:16px;
  color:#2a3033
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar .navbar-item.on {
  border-bottom:4px solid #559aff;
  color:#498ff5;
  font-weight:700
}
.teacher-homepage-PC .bg-banner {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:232px;
}
.teacher-homepage-PC .main-container {
  width:1200px;
  margin:0 auto;
  padding-top:142px
}
.teacher-homepage-PC .main-container .header {
  height:186px;
  background-color:transparent
}
.teacher-homepage-PC .main-container .header .teacher-photo {
  float:left;
  width:180px;
  height:180px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:3px solid rgba(255,255,255,.3)
}
.teacher-homepage-PC .main-container .header .info-container {
  padding-left:180px
}
.teacher-homepage-PC .main-container .header .info-container .top {
  height:90px;
  padding-left:20px;
  color:#fff
}
.teacher-homepage-PC .main-container .header .info-container .top .info {
  float:left
}
.teacher-homepage-PC .main-container .header .info-container .top .info .name {
  height:38px;
  line-height:36px;
  font-size:38px;
  margin-bottom:12px
}
.teacher-homepage-PC .main-container .header .info-container .top .info .name .tag {
  position:relative;
  top:-7px;
  display:inline-block;
  height:24px;
  line-height:24px;
  margin-left:10px;
  padding:0 8px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:#f55e6d;
  font-size:14px;
  color:#fff
}
.teacher-homepage-PC .main-container .header .info-container .top .info .prof-title {
  font-size:16px
}
.teacher-homepage-PC .main-container .header .info-container .top .share-bar {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:20px;
  float:right;
  height:90px;
  line-height:48px;
  padding-right:20px
}
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .label {
  float:left;
  font-size:16px
}
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .share-bar-btn {
  display:inline-block;
  width:44px;
  height:44px;
  line-height:44px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-left:9px!important;
  -webkit-border-radius:50%;
  border-radius:50%;
  margin-left:18px
}
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .share-bar-btn:hover {
  background-color:rgba(0,0,0,.2)
}
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .share-bar-btn.icon-douban,
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .share-bar-btn.icon-sina_weibo,
.teacher-homepage-PC .main-container .header .info-container .top .share-bar .share-bar-btn.icon-wechat {
  margin-top:1px;
  color:#fff;
  font-size:28px
}
.teacher-homepage-PC .main-container .header .info-container .bottom {
  height:90px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info {
  float:left;
  margin-top:30px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item {
  display:inline-block;
  margin-left:50px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .label {
  font-size:14px;
  color:#999
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .cont {
  height:45px;
  line-height:54px;
  font-size:16px;
  color:#666
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .cont .bold {
  font-size:34px;
  color:#0b8bff;
  margin-right:3px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .location {
  height:45px;
  font-size:34px;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group {
  float:right;
  position:relative;
  top:47%
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn {
  display:inline-block;
  width:140px;
  height:50px;
  line-height:50px;
  margin-left:20px;
  margin-right:20px;
  font-size:20px;
  color:#333;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:1px solid #666;
  text-align:center
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn:hover {
  border:1px solid #559aff;
  background-color:#f4f9ff;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn.grey-btn {
  border:1px solid #eaeaea;
  background-color:#eaeaea;
  color:#999
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-add_slight,
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-envelope,
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-tick {
  position:relative;
  margin-right:2px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-add_slight {
  top:-3px;
  font-size:16px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-envelope {
  top:-1px;
  font-size:20px
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-tick {
  font-size:20px
}
.teacher-homepage-PC .main-container .content-container {
  clear:both;
  overflow:hidden
}
.teacher-homepage-PC .main-container .content-container .thanks-note {
  padding:40px 0;
  border-bottom:1px solid #eaeaea
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info {
  height:44px
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .avatar {
  float:left;
  margin-right:10px;
  width:44px;
  height:44px;
  -webkit-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:0 4px 9px 0 rgba(0,0,0,.17);
  box-shadow:0 4px 9px 0 rgba(0,0,0,.17)
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .name {
  float:left;
  height:44px;
  line-height:44px;
  font-size:18px;
  color:#333;
  font-weight:700
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .time {
  float:right;
  line-height:44px;
  font-size:14px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .thanks-note .txt {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:716px;
  padding:14px;
  margin-left:54px;
  margin-top:-3px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background-color:#f8f8f8;
  font-size:16px;
  line-height:24px;
  color:#666
}
.teacher-homepage-PC .main-container .content-container .view-more-thanks {
  position:relative;
  left:50%;
  margin-left:-60px;
  display:inline-block;
  width:120px;
  height:40px;
  line-height:40px;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:1px solid #0b8bff;
  font-size:16px;
  color:#0b8bff;
  text-align:center
}
.teacher-homepage-PC .main-container .content-container .view-more-thanks:hover {
  background-color:#f4f9ff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content {
  float:left;
  width:770px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .thanks-note:last-of-type {
  border-bottom:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block {
  position:relative;
  padding-top:120px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block:first-of-type {
  margin-top:-50px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .block-title {
  font-size:22px;
  color:#000;
  font-weight:700;
  padding-bottom:40px;
  border-bottom:2px solid #0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .block-title .triangle {
  display:inline-block;
  position:relative;
  top:-3px;
  width:10px;
  height:10px;
  margin-right:10px;
  background-color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .thanks-note-tips {
  position:absolute;
  top:125px;
  left:115px;
  font-size:16px;
  color:#666
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item {
  padding:40px 0 0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item:last-child .detail {
  padding-bottom:0;
  border-bottom:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-bookmark,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-ppl,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-vip {
  float:left;
  width:66px;
  height:66px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-vip {
  background-position:-227px -290px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-bookmark {
  background-position:-339px -290px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-ppl {
  background-position:-450px -290px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail {
  margin-left:115px;
  padding-bottom:40px;
  border-bottom:1px solid #eaeaea
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .title {
  font-size:20px;
  color:#2a3033;
  font-weight:700;
  margin-bottom:20px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .title .year {
  display:inline-block;
  margin-left:10px;
  font-size:16px;
  color:#333;
  font-weight:400
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .txt {
  font-size:16px;
  color:#666;
  line-height:24px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags {
  height:32px;
  line-height:32px;
  margin-bottom:10px;
  font-size:16px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags .tag {
  float:left;
  color:#333;
  padding:0 10px;
  border:1px solid #ccc
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags .sub-tag {
  float:left;
  color:#666;
  padding:0 16px;
  border:1px solid #ccc;
  border-left:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer {
  position:relative;
  margin-top:40px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .avatar {
  position:absolute;
  top:50%;
  margin-top:-35px;
  width:70px;
  height:70px;
  -webkit-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:0 8px 27px 0 rgba(18,74,157,.1);
  box-shadow:0 8px 27px 0 rgba(18,74,157,.1)
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:20px;
  padding-left:77px;
  padding-right:30px;
  margin-left:38px;
  width:734px;
  height:140px;
  -webkit-box-shadow:0 8px 27px 0 rgba(18,74,157,.1);
  box-shadow:0 8px 27px 0 rgba(18,74,157,.1);
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .name {
  margin-bottom:5px;
  font-size:22px;
  color:#0b8bff;
  font-weight:700
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .txt {
  width:100%;
  font-size:16px;
  line-height:24px;
  color:#666
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .icon-close_quote,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .icon-open_quote {
  position:absolute;
  width:44px;
  height:32px;
  font-size:44px;
  color:#dce3ed;
  opacity:.3;
  filter:Alpha(opacity=30);
  z-index:-1;
  overflow:hidden
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .icon-open_quote {
  line-height:45px;
  top:0;
  left:92px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .icon-close_quote {
  line-height:22px;
  bottom:0;
  right:-2px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item {
  padding-top:40px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .label {
  float:left;
  width:115px;
  font-size:16px;
  color:#666
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .label .num {
  position:relative;
  top:-1px;
  font-size:12px;
  color:#7f8f99
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition {
  height:113px;
  margin-left:115px;
  padding-bottom:40px;
  border-bottom:1px solid #e1e1e1
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition.blank {
  height:24px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content {
  width:586px;
  float:left;
  padding-right:70px;
  height:113px;
  overflow:hidden
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .title {
  margin-bottom:14px;
  font-size:18px;
  color:#333;
  line-height:24px;
  font-weight:700
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .title:hover {
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .txt {
  font-size:16px;
  color:#999;
  line-height:24px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap {
  position:relative;
  float:right;
  width:170px;
  height:113px;
  margin-left:30px;
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap .pic-wrap-mask {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,.2);
  display:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap .pic {
  width:170px;
  height:113px;
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content.answer .title {
  max-width:583px;
  height:24px;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content.answer .title:hover {
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content.answer .txt {
  display:-webkit-box!important;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more {
  position:absolute;
  right:0;
  display:inline-block;
  width:30px;
  height:112px;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:1px solid #0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more:hover {
  background-color:#f4f9ff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more .triangle {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-4px;
  margin-left:-2px;
  display:inline-block;
  border:5px solid transparent;
  border-left:5px solid #0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .questions {
  display:inline-block;
  margin-right:10px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .questions .question {
  margin-bottom:20px;
  font-size:16px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .questions .question:last-of-type {
  margin-bottom:0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .answers {
  display:inline-block
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .answers .answer {
  margin-bottom:16px;
  font-size:18px;
  color:#333;
  font-weight:700
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .answers .answer:last-of-type {
  margin-bottom:0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .blank-tips {
  font-size:16px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card {
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:329px;
  padding:10px;
  margin-top:40px;
  -webkit-box-shadow:0 9px 24px 0 rgba(138,152,173,.24);
  box-shadow:0 9px 24px 0 rgba(138,152,173,.24);
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .teacher-photo {
  width:550px;
  height:310px;
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .signature-container {
  position:relative;
  display:inline-block;
  width:193px;
  /*height:310px*/
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .signature-container .signature {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-140px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  font-family:FangSong;
  height:280px;
  font-size:24px;
  letter-spacing:3px;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item {
  padding-top:40px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item:last-of-type .txt {
  border-bottom:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .label {
  float:left;
  width:115px;
  font-size:16px;
  color:#666
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt {
  margin-left:115px;
  padding-bottom:40px;
  border-bottom:1px solid #eaeaea;
  font-size:16px;
  line-height:24px;
  color:#333
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .edu-item {
  margin-bottom:20px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .edu-item:last-of-type {
  margin-bottom:0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .edu-item .time {
  color:#999
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication {
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:1px solid #eaeaea
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication:last-of-type {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .title {
  margin-bottom:24px;
  color:#333;
  font-weight:700
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .book {
  margin-bottom:20px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .book:last-of-type {
  margin-bottom:0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .book .time {
  margin-bottom:5px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .articlename {
  margin-bottom:20px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .articlename:last-of-type {
  margin-bottom:0
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .declaration {
  padding:20px 30px;
  font-size:16px;
  line-height:24px;
  color:#999;
  -webkit-border-radius:4px;
  border-radius:4px;
  background-color:#f3f4f5
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart {
  width:100%;
  margin-top:40px;
  margin-left:-24px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step {
  float:left;
  width:160px;
  text-align:center
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step.step5 {
  width:117px;
  text-align:right
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step.step5 .label {
  position:relative;
  left:23px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 {
  position:relative;
  width:73px;
  height:75px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .before-line {
  position:absolute;
  top:50%;
  margin-top:-1px;
  display:inline-block;
  width:46px;
  height:1px;
  background-color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line {
  background-color:transparent
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .before-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .before-line {
  left:-45px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .after-line,
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line {
  right:-45px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 {
  background-position:-42px -412px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 {
  background-position:-157px -412px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 {
  background-position:-280px -412px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 {
  background-position:-397px -412px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 {
  background-position:-512px -412px
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .label {
  margin-top:20px;
  font-size:16px;
  color:#333
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content {
  float:left;
  width:770px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .view-more-thanks {
  margin-top:40px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container {
  position:relative;
  height:60px;
  border-bottom:1px solid #ccc;
  margin-top:70px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .tabbar {
  height:60px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .tabbar .tab-item {
  float:left;
  height:56px;
  line-height:54px;
  margin-right:60px;
  font-size:22px;
  color:#333;
  border-bottom:4px solid transparent;
  cursor:pointer
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .tabbar .tab-item.on {
  color:#0b8bff;
  font-weight:700;
  border-bottom:4px solid #0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .back-container {
  position:absolute;
  top:13px;
  right:0;
  width:144px;
  height:32px;
  line-height:32px;
  text-align:center;
  -webkit-border-radius:2px;
  border-radius:2px;
  font-size:16px;
  color:#333
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .back-container:hover {
  background-color:#f4f9ff;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tabbar-container .back-container .icon-go_back {
  position:relative;
  top:-2px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content {
  display:none
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content.on {
  display:block
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .all-displayed-tips {
  padding-top:40px;
  font-size:16px;
  color:#999;
  text-align:center
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container {
  position:relative;
  width:100%;
  height:406px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-answer-empty,
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-article-empty,
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-thanks-empty {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:250px;
  height:150px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-thanks-empty {
  background-position:-689px -605px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-article-empty {
  background-position:-709px -805px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .ic-answer-empty {
  background-position:-699px -408px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .empty-container .empty-txt {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  margin-top:80px;
  font-size:14px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .list-banner {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:82px;
  -webkit-border-radius:4px;
  border-radius:4px;
  margin-top:30px;
  padding-top:16px;
  font-size:18px;
  color:#124160;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .list-banner .banner-txt {
  padding-left:127px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item {
  width:100%;
  padding:40px 0;
  border-bottom:1px solid #dbdbdb
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content {
  display:block;
  height:90px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .title {
  height:30px;
  margin-bottom:15px;
  font-size:22px;
  color:#333;
  font-weight:700;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .title:hover {
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .txt {
  height:44px;
  font-size:16px;
  color:#999;
  line-height:24px;
  display:-webkit-box!important;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .pic-wrap {
  position:relative;
  float:right;
  width:135px;
  height:90px;
  margin-left:30px;
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .pic-wrap .pic-wrap-mask {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,.2);
  display:none
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-content .pic-wrap .pic {
  width:135px;
  height:90px;
  -webkit-border-radius:4px;
  border-radius:4px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-info {
  height:24px;
  line-height:24px;
  margin-top:20px;
  font-size:16px;
  color:#666;
  overflow:hidden;
  clear:both
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .article-item .article-info .info {
  float:left;
  margin-right:30px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item {
  padding:40px 0;
  border-bottom:1px solid #eaeaea
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .title {
  display:inline-block;
  margin-bottom:15px;
  font-size:22px;
  color:#333;
  font-weight:700;
  cursor:pointer
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .title:hover {
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-info {
  font-size:16px;
  color:#999;
  margin-bottom:15px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-info .item {
  margin-right:30px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content {
  position:relative;
  padding-left:54px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .label {
  position:absolute;
  top:0;
  left:0;
  width:26px;
  height:26px;
  line-height:26px;
  text-align:center;
  -webkit-border-radius:4px;
  border-radius:4px;
  background-color:#0b8bff;
  font-size:14px;
  color:#fff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .fold-container {
  padding-right:9px;
  display:none;
  overflow:hidden;
  clear:both
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .fold-container .fold {
  float:right;
  display:inline-block;
  font-size:16px;
  color:#0b8bff;
  -webkit-border-radius:2px;
  border-radius:2px;
  cursor:pointer;
  padding:0 5px
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .fold-container .fold:hover {
  background-color:#f4f9ff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .view-all-btn {
  position:absolute;
  right:2px;
  bottom:4px;
  padding-left:7px;
  padding-right:7px;
  background-color:#fff;
  z-index:10;
  cursor:pointer;
  display:none
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .view-all-btn span {
  display:inline-block;
  padding:0 5px;
  -webkit-border-radius:2px;
  border-radius:2px;
  font-size:16px;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .view-all-btn span:hover {
  background-color:#f4f9ff
}
.teacher-homepage-PC .main-container .content-container .teacher-column-content .tab-content .answer-item .answer-content .txt {
  position:relative;
  top:-4px;
  font-size:16px;
  line-height:24px;
  color:#333
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block {
  float:right;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:360px;
  margin-top:70px;
  padding:8px 30px 0;
  background:#fff;
  -webkit-box-shadow:0 8px 27px 0 rgba(18,74,157,.1);
  box-shadow:0 8px 27px 0 rgba(18,74,157,.1);
  -webkit-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block.fixed {
  position:fixed;
  top:30px;
  left:50%;
  bottom:auto;
  margin-left:240px;
  z-index:10
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way {
  margin-top:30px
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way.disabled .iconfont,
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way.disabled .price,
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way.disabled .txt {
  color:#ccc
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .icon-camera,
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .icon-chat,
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .icon-wifi_phone {
  margin-right:10px;
  font-size:32px;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .txt {
  position:relative;
  top:-4px;
  display:inline-block;
  font-size:16px;
  color:#333
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .price {
  float:right;
  line-height:45px;
  font-size:16px;
  color:#0b8bff
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-btn {
  display:inline-block;
  width:300px;
  height:50px;
  line-height:50px;
  margin-top:38px;
  -webkit-border-radius:100px;
  border-radius:100px;
  background-color:#0b8bff;
  font-size:20px;
  color:#fff;
  text-align:center
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-btn:hover {
  opacity:.8;
  filter:Alpha(opacity=80)
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-btn.off {
  background-color:#eaeaea;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance {
  padding-top:30px;
  padding-bottom:30px;
  clear:both;
  overflow:hidden
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item {
  float:left;
  width:134px;
  margin-left:7px;
  margin-right:7px
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item .icon-tick_circle_b {
  margin-top:-1px;
  font-size:12px;
  color:#ccc
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item .txt {
  font-size:12px;
  color:#999
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item:nth-child(2n) {
  text-align:right
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .notice-btn {
  font-size:16px;
  line-height:55px;
  color:#333;
  text-align:center;
  border-top:1px solid #eaeaea;
  cursor:pointer
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .notice-btn:hover {
  color:#0b8bff
}
.teacher-homepage-PC .teacher-homepage-footer {
  width:100%;
  height:265px;
  margin-top:120px;
  background-color:#3d434e;
  margin-bottom:-30px
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:55px;
  width:1200px;
  height:265px;
  margin:0 auto;
  color:#fff
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .title {
  font-size:22px;
  margin-bottom:30px
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .online-time {
  font-size:16px;
  margin-bottom:10px
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact {
  font-size:16px
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt {
  position:relative;
  margin-right:40px
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .ic-qrcode {
  position:relative;
  top:5px;
  width:24px;
  height:24px;
  margin-left:5px;
  background-position:-41px -340px;
  cursor:pointer
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container {
  position:absolute;
  top:-115px;
  left:97px;
  width:100px;
  height:100px;
  border:5px solid #fff;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:center bottom;
  -ms-transform-origin:center bottom;
  transform-origin:center bottom;
  display:none
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container.magnify {
  -webkit-animation:magnifyImg .2s ease-out forwards;
  animation:magnifyImg .2s ease-out forwards;
  display:block;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container.minify {
  -webkit-animation:minifyImg .2s ease-out forwards;
  animation:minifyImg .2s ease-out forwards;
  display:none;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0)
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container .qr-code-img {
  width:100%;
  height:100%
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container .triangle {
  position:absolute;
  bottom:-18px;
  left:50%;
  margin-left:-5px;
  border:7px solid transparent;
  border-top:7px solid #fff
}
.notice-pop-up {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  display:none
}
.notice-pop-up .notice-mask {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  filter:Alpha(opacity=40);
  opacity:.4
}
.notice-pop-up .notice-content {
  position:fixed;
  top:50%;
  left:50%;
  margin-left:-320px;
  margin-top:-172px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:640px;
  padding:40px 30px 40px 48px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background:#fff;
  -webkit-box-shadow:0 6px 20px 0 rgba(71,80,95,.4);
  box-shadow:0 6px 20px 0 rgba(71,80,95,.4)
}
.notice-pop-up .notice-content .ic-notice {
  position:absolute;
  left:50%;
  top:-60px;
  margin-left:-80px;
  width:160px;
  height:160px;
  background-position:-5px -538px
}
.notice-pop-up .notice-content .icon-add {
  position:absolute;
  top:10px;
  right:10px;
  color:#999;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  cursor:pointer
}
.notice-pop-up .notice-content .notice-item {
  margin-top:20px
}
.notice-pop-up .notice-content .notice-item .title {
  position:relative;
  margin-bottom:12px;
  font-size:18px;
  color:#333;
  font-weight:700
}
.notice-pop-up .notice-content .notice-item .title::before {
  content:'';
  position:absolute;
  top:50%;
  left:-20px;
  margin-top:-4px;
  display:inline-block;
  width:8px;
  height:8px;
  background-color:#0b8bff
}
.notice-pop-up .notice-content .notice-item .txt {
  font-size:16px;
  line-height:24px;
  color:#666
}
.letter-modal-box {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  display:none
}
.letter-modal-box .letter-mask {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.4)
}
.letter-modal-box .letter-modal {
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:600px;
  background-color:#fff;
  -webkit-border-radius:4px;
  border-radius:4px
}
.letter-modal-box .letter-modal .letter-header {
  position:relative;
  height:70px;
  line-height:70px;
  border-bottom:1px solid #ccc
}
.letter-modal-box .letter-modal .letter-header .header-txt {
  font-size:22px;
  color:#333;
  font-weight:700;
  padding-left:30px
}
.letter-modal-box .letter-modal .letter-header .icon-add {
  position:absolute;
  top:0;
  right:30px;
  color:#999;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  cursor:pointer
}
.letter-modal-box .letter-modal .box-cont {
  padding:40px 30px
}
.letter-modal-box .letter-modal .box-cont .label {
  margin-bottom:20px;
  font-size:18px;
  color:#999;
  font-weight:700
}
.letter-modal-box .letter-modal .box-cont .label .name {
  display:inline-block;
  margin-left:10px;
  margin-right:10px;
  color:#0b8bff
}
.letter-modal-box .letter-modal .box-cont .letter-content {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:540px;
  height:170px;
  padding:16px;
  background-color:#f8f8f8;
  -webkit-border-radius:4px;
  border-radius:4px;
  resize:none;
  border:1px solid #ccc;
  font-size:16px;
  color:#333
}
.letter-modal-box .letter-modal .box-cont .opt-btns {
  margin-top:20px;
  clear:both;
  overflow:hidden
}
.letter-modal-box .letter-modal .box-cont .opt-btns .cancel-btn {
  float:right;
  font-size:16px;
  color:#666;
  line-height:40px;
  cursor:pointer
}
.letter-modal-box .letter-modal .box-cont .opt-btns .cancel-btn:hover {
  color:#0b8bff
}
.letter-modal-box .letter-modal .box-cont .opt-btns .send-btn {
  float:right;
  width:120px;
  height:40px;
  margin-left:44px;
  -webkit-border-radius:100px;
  border-radius:100px;
  background-color:#0b8bff;
  font-size:16px;
  color:#fff
}
.letter-modal-box .letter-modal .box-cont .opt-btns .send-btn:hover {
  opacity:.8;
  filter:Alpha(opacity=80)
}