#index .nav .cate-nav .cate-bot {
  display: block; }
  #index .nav .cate-nav .cate-bot .right {
    display: none; }

#index .banner {
  width: 100%;
  height: 400px;
  clear: both; }
  #index .banner .swiper-container {
    width: 100%;
    height: 400px; }
    #index .banner .swiper-container .swiper-slide {
      width: 100%;
      height: 400px;
      background-position: center center;
      background-size: cover; }

#index .img-nav {
  width: 100%;
  height: 100px;
  margin: 30px 0; }
  #index .img-nav a {
    display: inline-block;
    float: left;
    margin-left: 5px; }
    #index .img-nav a:first-child {
      margin-left: 0; }

#index .notice {
  width: 100%;
  height: 35px;
  overflow: hidden;
  margin-top: 15px; }
  #index .notice .container {
    border-bottom: 1px solid #f2f4f5;
    height: 35px;
    padding-bottom: 15px; }
  #index .notice .left {
    width: 100px;
    height: 20px;
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    padding-right: 30px;
    background-image: url(../images/img10.png);
    background-repeat: no-repeat;
    background-position: right center; }
  #index .notice .right {
    width: 1070px;
    display: inline-block;
    float: left;
    margin-left: 30px; }
    #index .notice .right .swiper-slide {
      width: 100%;
      height: 20px;
      clear: both; }
      #index .notice .right .swiper-slide a {
        width: 430px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        float: left;
        margin-left: 70px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #index .notice .right .swiper-slide a:first-child {
          margin-left: 0; }

#index .audition {
  padding: 40px 0 50px; }
  #index .audition .tops-tab {
    width: 100%;
    height: 32px;
    line-height: 32px; }
    #index .audition .tops-tab .title {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      font-size: 28px;
      float: left; }
    #index .audition .tops-tab .tab {
      width: auto;
      height: 32px;
      display: inline-block;
      float: left;
      margin-left: 110px; }
      #index .audition .tops-tab .tab a {
        display: inline-block;
        width: 140px;
        height: 32px;
        line-height: 32px;
        color: #333;
        border-radius: 16px;
        padding: 0;
        text-align: center;
        transition: all 0.3s; }
        #index .audition .tops-tab .tab a:hover, #index .audition .tops-tab .tab a.active {
          background-color: #13c496;
          color: #fff; }
  #index .audition .bots-list {
    width: 100%;
    height: auto; }
    #index .audition .bots-list .list {
      width: 100%;
      position: relative;
      display: none; }
      #index .audition .bots-list .list .item {
        width: 232px;
        display: inline-block;
        float: left;
        margin-left: 10px; }
        #index .audition .bots-list .list .item .img {
          width: 100%;
          height: 160px;
          overflow: hidden; }
          #index .audition .bots-list .list .item .img img {
            width: 100%;
            height: 100%;
            transition: all 0.3s; }
        #index .audition .bots-list .list .item .title {
          width: 100%;
          font-size: 16px;
          line-height: 24px;
          color: #333;
          margin-top: 12px; }
        #index .audition .bots-list .list .item .desc {
          width: 100%;
          height: 14px;
          margin-top: 16px;
          color: #666;
          line-height: 14px;
          font-size: 14px; }
        #index .audition .bots-list .list .item:hover .img img {
          transform: scale(1.1); }
        #index .audition .bots-list .list .item:first-child {
          margin-left: 0; }
      #index .audition .bots-list .list .read-more {
        position: absolute;
        top: -44px;
        right: 0; }
    #index .audition .bots-list .show {
      display: block !important; }

#index .floor {
  width: 100%;
  background-color: #f2f4f5;
  padding: 1px 0 80px; }
  #index .floor .floor-item {
    width: 100%; }
    #index .floor .floor-item .floor-top {
      width: 100%;
      height: 70px; }
      #index .floor .floor-item .floor-top .title {
        width: 220px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
        display: inline-block;
        float: left; }
      #index .floor .floor-item .floor-top .read-more {
        display: inline-block;
        float: right;
        margin-top: 27px; }
    #index .floor .floor-item .floor-bot {
      width: 100%;
      height: 510px; }
      #index .floor .floor-item .floor-bot .left {
        display: inline-block;
        float: left;
        width: 220px;
        height: 510px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 35px 0px 0px 20px; }
        #index .floor .floor-item .floor-bot .left span {
          width: 40px;
          height: 3px;
          background: #4d9cf8;
          display: inline-block;
          margin-bottom: 24px; }
        #index .floor .floor-item .floor-bot .left .lan {
          font-size: 20px;
          font-weight: bold;
          color: #4d9cf8;
          line-height: 20px; }
      #index .floor .floor-item .floor-bot .list {
        width: 756px;
        height: 510px;
        display: inline-block;
        float: left; }
        #index .floor .floor-item .floor-bot .list .item {
          width: 248px;
          height: 250px;
          background-color: #fff;
          margin-left: 4px;
          padding: 8px;
          display: inline-block;
          float: left;
          margin-top: 10px; }
          #index .floor .floor-item .floor-bot .list .item .img {
            width: 232px;
            height: 160px;
            overflow: hidden; }
            #index .floor .floor-item .floor-bot .list .item .img img {
              width: 100%;
              height: 100%;
              transition: all 0.3s; }
          #index .floor .floor-item .floor-bot .list .item .tit_smll {
            font-size: 14px;
            line-height: 28px;
            color: #888888; }
          #index .floor .floor-item .floor-bot .list .item .title {
            width: 100%;
            font-size: 16px;
            line-height: 34px;
            margin-top: 12px;
            color: #333; }
          #index .floor .floor-item .floor-bot .list .item:nth-child(1), #index .floor .floor-item .floor-bot .list .item:nth-child(2), #index .floor .floor-item .floor-bot .list .item:nth-child(3) {
            margin-top: 0; }
          #index .floor .floor-item .floor-bot .list .item:hover .img img {
            transform: scale(1.1); }
      #index .floor .floor-item .floor-bot .right {
        width: 220px;
        height: 510px;
        display: inline-block;
        float: right;
        background-color: #fff;
        padding: 12px 10px 0; }
        #index .floor .floor-item .floor-bot .right .top-title {
          width: 100%;
          height: 40px;
          line-height: 40px;
          border-bottom: 1px solid #f2f4f5;
          font-size: 16px;
          font-weight: bold; }
          #index .floor .floor-item .floor-bot .right .top-title .xian {
            width: 3px;
            height: 24px;
            background: #13c496;
            display: inline-block;
            margin-top: 8px;
            float: left;
            margin-right: 7px; }
        #index .floor .floor-item .floor-bot .right .news-list {
          width: 100%; }
          #index .floor .floor-item .floor-bot .right .news-list .line {
            width: 100%;
            height: 33px;
            border-bottom: 1px solid #f2f4f5; }
            #index .floor .floor-item .floor-bot .right .news-list .line span {
              display: inline-block;
              width: 15px;
              height: 15px;
              float: left;
              background-color: #13c496;
              line-height: 15px;
              text-align: center;
              font-size: 12px;
              color: #fff;
              margin: 9px 0; }
            #index .floor .floor-item .floor-bot .right .news-list .line a {
              display: inline-block;
              float: left;
              margin-left: 9px;
              font-size: 14px;
              width: 175px;
              height: 33px;
              line-height: 33px;
              transition: color 0.3s; }
              #index .floor .floor-item .floor-bot .right .news-list .line a:hover {
                color: #13c496; }
        #index .floor .floor-item .floor-bot .right .fours {
          width: 100%; }
          #index .floor .floor-item .floor-bot .right .fours a {
            display: inline-block;
            float: left;
            width: 50%;
            line-height: 50px;
            height: 50px;
            text-align: center;
            font-size: 14px;
            transition: color 0.3s; }
            #index .floor .floor-item .floor-bot .right .fours a:hover {
              color: #13c496; }

#index .ques-live {
  width: 100%;
  background-color: #fff;
  padding: 25px 0; }
  #index .ques-live .question {
    width: 560px;
    display: inline-block;
    float: left; }
    #index .ques-live .question .tops-tab {
      width: 100%;
      height: 50px;
      border-bottom: 1px solid #f2f4f5; }
      #index .ques-live .question .tops-tab a {
        display: inline-block;
        float: left;
        width: 120px;
        height: 50px;
        margin-right: 20px;
        line-height: 50px;
        text-align: center;
        font-size: 16px; }
        #index .ques-live .question .tops-tab a.active {
          border-bottom: 2px solid #13c496;
          color: #13c496; }
    #index .ques-live .question .bots-list {
      width: 100%; }
      #index .ques-live .question .bots-list .list {
        width: 100%;
        display: none;
        margin-top: 7px;
        padding-top: 1px; }
        #index .ques-live .question .bots-list .list .item {
          width: 100%;
          margin-top: 25px; }
          #index .ques-live .question .bots-list .list .item .left {
            width: 460px;
            height: 36px;
            display: inline-block;
            float: left; }
            #index .ques-live .question .bots-list .list .item .left .title {
              display: block;
              width: 100%;
              height: 16px;
              line-height: 16px;
              font-size: 16px;
              color: #333;
              transition: color 0.3s; }
            #index .ques-live .question .bots-list .list .item .left .desc {
              display: block;
              width: 100%;
              height: 12px;
              line-height: 12px;
              font-size: 12px;
              color: #999;
              margin-top: 7px;
              transition: color 0.3s; }
          #index .ques-live .question .bots-list .list .item a.right {
            width: 100px;
            height: 32px;
            border-radius: 16px;
            border: 1px solid #ddd;
            line-height: 30px;
            text-align: center;
            color: #333;
            font-size: 14px;
            transition: all 0.3s;
            display: inline-block;
            float: right;
            margin-top: 2px; }
            #index .ques-live .question .bots-list .list .item a.right:hover {
              background-color: #13c496;
              color: #fff;
              border: none; }
          #index .ques-live .question .bots-list .list .item:hover .left .title {
            color: #13c496; }
          #index .ques-live .question .bots-list .list .item:hover .left .desc {
            color: #333; }
  #index .ques-live .live {
    width: 560px;
    display: inline-block;
    float: right; }
    #index .ques-live .live .tops-tab {
      width: 100%;
      height: 50px;
      border-bottom: 1px solid #f2f4f5; }
      #index .ques-live .live .tops-tab a {
        display: inline-block;
        float: left;
        width: 120px;
        height: 50px;
        margin-right: 20px;
        line-height: 50px;
        text-align: center;
        font-size: 16px; }
        #index .ques-live .live .tops-tab a.active {
          border-bottom: 2px solid #13c496;
          color: #13c496; }
    #index .ques-live .live .bots-list {
      width: 100%; }
      #index .ques-live .live .bots-list .list {
        width: 100%;
        display: none;
        margin-top: 7px;
        padding-top: 1px; }
        #index .ques-live .live .bots-list .list .item {
          width: 100%;
          margin-top: 25px; }
          #index .ques-live .live .bots-list .list .item .left {
            width: 460px;
            height: 36px;
            display: inline-block;
            float: left; }
            #index .ques-live .live .bots-list .list .item .left .title {
              display: block;
              width: 100%;
              height: 16px;
              line-height: 16px;
              font-size: 16px;
              color: #333;
              transition: color 0.3s; }
            #index .ques-live .live .bots-list .list .item .left .desc {
              display: block;
              width: 100%;
              height: 12px;
              line-height: 12px;
              font-size: 12px;
              color: #999;
              margin-top: 7px;
              transition: color 0.3s; }
          #index .ques-live .live .bots-list .list .item a.right {
            width: 100px;
            height: 32px;
            border-radius: 16px;
            border: 1px solid #ddd;
            line-height: 30px;
            text-align: center;
            color: #333;
            font-size: 14px;
            transition: all 0.3s;
            display: inline-block;
            float: right;
            margin-top: 2px; }
            #index .ques-live .live .bots-list .list .item a.right:hover {
              background-color: #13c496;
              color: #fff;
              border: none; }
          #index .ques-live .live .bots-list .list .item:hover .left .title {
            color: #13c496; }
          #index .ques-live .live .bots-list .list .item:hover .left .desc {
            color: #333; }

#index .scene {
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 32px; }
  #index .scene .list {
    width: 100%;
    height: auto;
    zoom: 1;
    overflow: hidden; }
    #index .scene .list li {
      width: 390px;
      height: 170px;
      box-sizing: border-box;
      border-radius: 8px 8px 0px 0px;
      float: left;
      margin-right: 15px;
      margin-bottom: 20px; }
      #index .scene .list li .cro {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        border-radius: 8px 8px 0px 0px; }
      #index .scene .list li .content {
        padding: 15px 24px 0px 24px; }
        #index .scene .list li .content .nr {
          font-size: 14px;
          line-height: 24px; }
        #index .scene .list li .content .kh {
          width: 100%;
          height: 32px;
          margin-top: 19px; }
          #index .scene .list li .content .kh span {
            font-size: 16px;
            color: #888;
            line-height: 32px; }
          #index .scene .list li .content .kh a {
            width: 100px;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            color: #fff;
            border-radius: 16px; }
      #index .scene .list li:nth-child(odd) {
        border: 1px #13c496 solid; }
        #index .scene .list li:nth-child(odd) .cro,
        #index .scene .list li:nth-child(odd) .kh a {
          background-color: #13c496; }
      #index .scene .list li:nth-child(even) {
        border: 1px #4d9cf8 solid; }
        #index .scene .list li:nth-child(even) .cro,
        #index .scene .list li:nth-child(even) .kh a {
          background-color: #4d9cf8; }
      #index .scene .list li:nth-child(3n) {
        margin-right: 0px; }

#index .teach {
  width: 100%;
  background-color: #f2f4f5;
  padding-top: 30px; }
  #index .teach .swiper-slide {
    width: 285px;
    display: inline-block;
    transition: all 0.3s; }
    #index .teach .swiper-slide .img {
      width: 100%;
      height: 240px;
      overflow: hidden; }
      #index .teach .swiper-slide .img img {
        width: 100%;
        height: 100%;
        transition: all 0.3s; }
    #index .teach .swiper-slide .bots {
      width: 100%;
      padding: 30px;
      background-color: #fff;
      transition: all 0.3s;
      border-bottom: 2px solid #f2f4f5; }
      #index .teach .swiper-slide .bots .name {
        width: 100%;
        height: 18px;
        line-height: 18px;
        font-size: 18px;
        transition: all 0.3s; }
      #index .teach .swiper-slide .bots .desc {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        color: #666;
        height: 45px;
        margin-top: 12px;
        transition: all 0.3s; }
    #index .teach .swiper-slide:hover {
      box-shadow: 0 0 5px #f9fafb; }
      #index .teach .swiper-slide:hover .img img {
        transform: scale(1.1); }
      #index .teach .swiper-slide:hover .bots {
        border-bottom: 2px solid #13c496;
        background-color: #fff; }
        #index .teach .swiper-slide:hover .bots .name {
          color: #13c496; }
        #index .teach .swiper-slide:hover .bots .desc {
          color: #333; }
  #index .teach .swiper-button-next {
    background-image: url("../images/img23.png");
    width: 32px;
    height: 32px;
    cursor: pointer;
    outline: none;
    background-size: 100% 100%;
    right: -16px; }
    #index .teach .swiper-button-next.swiper-button-disabled {
      background-image: url("../images/img25.png");
      opacity: 1; }
  #index .teach .swiper-button-prev {
    background-image: url("../images/img26.png");
    width: 32px;
    height: 32px;
    cursor: pointer;
    outline: none;
    background-size: 100% 100%;
    left: -16px; }
    #index .teach .swiper-button-prev.swiper-button-disabled {
      background-image: url("../images/img24.png");
      opacity: 1; }

#index .about {
  width: 100%;
  padding: 30px 0 110px;
  background-color: #f2f4f5; }
  #index .about .floor-bot {
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    padding: 65px 50px 45px 50px; }
    #index .about .floor-bot > .left {
      width: 440px;
      display: inline-block;
      float: left; }
      #index .about .floor-bot > .left .img {
        width: 100%;
        height: 280px;
        overflow: hidden; }
        #index .about .floor-bot > .left .img img {
          width: 100%;
          height: 100%;
          transition: all 0.3s; }
          #index .about .floor-bot > .left .img img:hover {
            transform: scale(1.1); }
      #index .about .floor-bot > .left .desc {
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        color: #3e3a3a;
        margin-top: 25px; }
        #index .about .floor-bot > .left .desc .title {
          width: 100%;
          line-height: 16px;
          font-size: 16px;
          height: 16px;
          color: #333;
          font-weight: bold; }
        #index .about .floor-bot > .left .desc .descc {
          width: 100%;
          font-size: 14px;
          line-height: 24px;
          color: #666;
          margin-top: 18px; }
    #index .about .floor-bot > .right {
      width: 600px;
      display: inline-block;
      float: left;
      margin-left: 60px; }
      #index .about .floor-bot > .right .item {
        width: 100%;
        height: 130px;
        border-bottom: 1px solid #f2f4f5;
        padding: 24px 0; }
        #index .about .floor-bot > .right .item .lefts {
          width: 460px;
          display: inline-block;
          float: left; }
          #index .about .floor-bot > .right .item .lefts .title {
            width: 100%;
            line-height: 16px;
            font-size: 16px;
            height: 16px;
            color: #333;
            font-weight: bold; }
          #index .about .floor-bot > .right .item .lefts .desc {
            width: 100%;
            font-size: 14px;
            line-height: 24px;
            color: #666;
            margin-top: 18px; }
        #index .about .floor-bot > .right .item .rights {
          width: 130px;
          height: 72px;
          display: inline-block;
          float: right;
          padding-left: 32px;
          border-left: 1px solid #f2f4f5; }
          #index .about .floor-bot > .right .item .rights span {
            display: block;
            width: 100%;
            height: 32px;
            line-height: 32px;
            font-size: 32px;
            transition: all 0.3s; }
          #index .about .floor-bot > .right .item .rights i {
            display: block;
            width: 23px;
            height: 16px;
            background-image: url("../images/icons.png");
            background-position: -24px -60px;
            transition: all 0.3s;
            margin-top: 26px; }
        #index .about .floor-bot > .right .item:first-child {
          border-top: 1px solid #f2f4f5; }
        #index .about .floor-bot > .right .item:hover .rights span {
          color: #13c496; }
        #index .about .floor-bot > .right .item:hover .rights i {
          background-position: 0 -60px; }

#course {
  background-color: #f2f4f5; }
  #course .couse-tab {
    width: 100%;
    background-color: white; }
    #course .couse-tab .tab-top {
      width: 100%;
      height: 60px;
      border-bottom: 1px solid #f2f4f5;
      padding: 0 32px; }
      #course .couse-tab .tab-top a {
        font-size: 16px;
        color: #333333;
        display: inline-block;
        height: 60px;
        line-height: 60px;
        padding: 0 15px; }
        #course .couse-tab .tab-top a.active {
          color: #13c496;
          border-bottom: 2px solid #13c496; }
    #course .couse-tab .course-cate {
      padding: 30px 32px 12px 32px;
      width: 100%; }
      #course .couse-tab .course-cate .items .cate-left {
        font-size: 14px;
        color: #333;
        width: 60px;
        height: 32px;
        line-height: 32px; }
      #course .couse-tab .course-cate .items .cate-right {
        width: 1070px;
        padding-bottom: 8px; }
        #course .couse-tab .course-cate .items .cate-right a {
          font-size: 14px;
          color: #333;
          display: inline-block;
          height: 32px;
          line-height: 32px;
          padding: 0px 25px;
          background-color: #dddddd;
          border-radius: 16px;
          margin-right: 8px;
          transition: all 0.3s;
          margin-bottom: 10px; }
          #course .couse-tab .course-cate .items .cate-right a.active, #course .couse-tab .course-cate .items .cate-right a:hover {
            background-color: #13c496;
            color: white; }
  #course .listt {
    width: 100%;
    height: auto;
    zoom: 1;
    overflow: hidden; }
    #course .listt li {
      width: 390px;
      height: 170px;
      box-sizing: border-box;
      border-radius: 8px 8px 0px 0px;
      float: left;
      margin-right: 15px;
      margin-top: 20px;
      margin-bottom: 20px;
      border: 1px #ddd solid;
      background-color: #fff;
      transition: all 0.3s; }
      #course .listt li .cro {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #333;
        border-radius: 8px 8px 0px 0px;
        background-color: #ddd;
        transition: all 0.3s; }
      #course .listt li .content {
        padding: 15px 24px 0px 24px; }
        #course .listt li .content .nr {
          font-size: 14px;
          line-height: 24px; }
        #course .listt li .content .kh {
          width: 100%;
          height: 32px;
          margin-top: 19px; }
          #course .listt li .content .kh span {
            font-size: 16px;
            color: #888;
            line-height: 32px; }
          #course .listt li .content .kh a {
            width: 100px;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            color: #333;
            border-radius: 16px;
            background-color: #ddd;
            transition: all 0.3s; }
      #course .listt li:nth-child(3n) {
        margin-right: 0px; }
      #course .listt li:hover {
        border: 1px #13c496 solid; }
        #course .listt li:hover .cro {
          background-color: #13c496;
          color: #fff; }
        #course .listt li:hover .kh a {
          color: #fff !important;
          background-color: #13c496 !important; }
  #course .course-list .item {
    width: 288px;
    height: 300px;
    background-color: #ffffff;
    float: left;
    padding: 9px;
    margin-right: 16px;
    margin-bottom: 20px; }
    #course .course-list .item .img {
      width: 100%;
      height: 186px;
      overflow: hidden; }
      #course .course-list .item .img img {
        width: 100%;
        height: 100%;
        transition: all 0.3s; }
    #course .course-list .item .intro p:nth-of-type(1) {
      width: 100%;
      height: 48px;
      font-size: 16px;
      color: #333333;
      line-height: 24px;
      margin-top: 12px; }
    #course .course-list .item .intro p:nth-of-type(2) {
      font-size: 16px;
      color: #d60909;
      margin-top: 14px;
      float: right; }
    #course .course-list .item .intro p:nth-of-type(3) {
      font-size: 14px;
      color: #333333;
      margin-top: 14px;
      float: left; }
    #course .course-list .item:hover .img img {
      transform: scale(1.1); }
    #course .course-list .item:nth-of-type(4n) {
      margin-right: 0; }

#public_class .course-list .item .intro p:nth-of-type(2) {
  color: #888888;
  font-size: 14px; }

#qsbank .course-list .item .intro p:nth-of-type(2) {
  display: flex;
  justify-content: space-between; }
  #qsbank .course-list .item .intro p:nth-of-type(2) span {
    font-size: 14px;
    color: #888888; }

#live .course-list .item .intro p:nth-of-type(2) span {
  color: #888888;
  font-size: 14px; }
  #live .course-list .item .intro p:nth-of-type(2) span:nth-of-type(2) {
    margin-left: 5px; }

#detail {
  background-color: #f2f4f5; }

.detail-ct {
  padding-bottom: 80px; }
  .detail-ct .dtop {
    width: 100%;
    background-color: white;
    padding: 20px;
    padding-bottom: 40px; }
    .detail-ct .dtop .img {
      width: 524px;
      height: 360px; }
      .detail-ct .dtop .img img {
        width: 524px;
        height: 360px; }
    .detail-ct .dtop .intro {
      width: 600px;
      padding: 0px 40px 0 0px; }
      .detail-ct .dtop .intro .title {
        font-size: 20px;
        color: #333333; }
      .detail-ct .dtop .intro .tit {
        font-size: 14px;
        color: #888888;
        margin-top: 8px; }
      .detail-ct .dtop .intro .valid {
        font-size: 14px;
        line-height: 24px;
        color: #d60909;
        margin-top: 8px; }
      .detail-ct .dtop .intro .scene-detail {
        margin-top: 10px;
        margin-bottom: 30px; }
        .detail-ct .dtop .intro .scene-detail p {
          font-size: 14px;
          line-height: 24px;
          color: #888888; }
          .detail-ct .dtop .intro .scene-detail p span {
            width: 50%;
            display: inline-block;
            padding-right: 20px; }
      .detail-ct .dtop .intro .price {
        width: 100%;
        height: auto;
        min-height: 60px;
        background-color: #f2f4f5;
        padding: 10px 0 0 18px;
        margin-top: 10px;
        margin-bottom: 60px; }
        .detail-ct .dtop .intro .price p span {
          font-size: 12px;
          color: #888888;
          font-size: 12px;
          margin-top: 10px;
          color: #888888;
          float: left; }
          .detail-ct .dtop .intro .price p span:nth-of-type(2) {
            position: absolute;
            margin-left: 10px;
            font-size: 20px;
            color: #d60909;
            float: left;
            position: absolute;
            margin-top: 0px;
            margin-left: 10px; }
      .detail-ct .dtop .intro .class {
        height: auto;
        zoom: 1;
        overflow: hidden;
        max-height: 120px; }
        .detail-ct .dtop .intro .class .tit {
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          color: #888888; }
        .detail-ct .dtop .intro .class li {
          width: calc((100% - 20px) / 2);
          height: 30px;
          float: left;
          margin-right: 20px;
          line-height: 30px;
          position: relative;
          border: 1px #dddddd solid;
          padding-left: 12px;
          margin-bottom: 6px; }
          .detail-ct .dtop .intro .class li:nth-of-type(2n) {
            margin-right: 0px; }
          .detail-ct .dtop .intro .class li img {
            width: 14px;
            height: 14px;
            position: absolute;
            right: 0px;
            display: none; }
          .detail-ct .dtop .intro .class li a {
            width: 100%;
            height: 30px;
            font-size: 12px; }
        .detail-ct .dtop .intro .class .showw {
          width: calc((100% - 20px) / 2);
          height: 30px;
          float: left;
          margin-right: 20px;
          line-height: 30px;
          position: relative;
          border: 1px #13c496 solid;
          padding-left: 12px;
          margin-bottom: 6px; }
          .detail-ct .dtop .intro .class .showw:nth-of-type(2n) {
            margin-right: 0px; }
          .detail-ct .dtop .intro .class .showw img {
            width: 14px;
            height: 14px;
            position: absolute;
            right: 0px;
            top: 0px;
            display: block; }
      .detail-ct .dtop .intro .look-more {
        width: calc((100% - 20px) / 2);
        height: 32px;
        border: 1px #ddd solid;
        font-size: 12px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 20px; }
      .detail-ct .dtop .intro .time {
        font-size: 14px;
        color: #d60909;
        font-family: PingFangSC-Regular; }
      .detail-ct .dtop .intro .paycoll a {
        display: inline-block;
        width: 200px;
        height: 40px;
        border-radius: 25px;
        line-height: 40px;
        text-align: center;
        transition: all 0.3s;
        border: solid 1px #13c496;
        color: #13c496; }
        .detail-ct .dtop .intro .paycoll a:nth-of-type(2) {
          margin-left: 20px; }
        .detail-ct .dtop .intro .paycoll a.active, .detail-ct .dtop .intro .paycoll a:hover {
          background-color: #13c496;
          color: white; }
  .detail-ct .dbottom {
    width: 100%; }
    .detail-ct .dbottom .left {
      width: 900px;
      background-color: white; }
      .detail-ct .dbottom .left .tab {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #f2f4f5;
        padding-left: 20px; }
        .detail-ct .dbottom .left .tab a {
          display: inline-block;
          width: 120px;
          height: 50px;
          line-height: 50px;
          font-size: 20px;
          color: #033333;
          text-align: center; }
          .detail-ct .dbottom .left .tab a.active {
            color: #13c496;
            border-bottom: 2px solid #13c496; }
      .detail-ct .dbottom .left .tab_1 {
        padding: 50px 40px;
        font-size: 16px;
        color: #333;
        line-height: 32px; }
        .detail-ct .dbottom .left .tab_1 p {
          margin-bottom: 30px; }
      .detail-ct .dbottom .left .tabct {
        width: 100%;
        background-color: white;
        display: none; }
        .detail-ct .dbottom .left .tabct .video-list {
          width: 100%;
          background-color: white;
          padding: 0 22px 80px 22px; }
          .detail-ct .dbottom .left .tabct .video-list .title {
            width: 100%;
            height: 60px;
            line-height: 60px;
            color: #333;
            font-size: 18px;
            padding: 0 20px; }
          .detail-ct .dbottom .left .tabct .video-list .list-item {
            border-top: 1px solid #f2f4f5;
            position: relative; }
            .detail-ct .dbottom .left .tabct .video-list .list-item .title {
              width: 100%;
              height: 62px;
              line-height: 62px; }
              .detail-ct .dbottom .left .tabct .video-list .list-item .title i {
                display: inline-block;
                background-image: url(../images/v02.png);
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                vertical-align: middle; }
              .detail-ct .dbottom .left .tabct .video-list .list-item .title span {
                font-size: 14px;
                color: #333;
                vertical-align: middle;
                margin-left: 20px; }
              .detail-ct .dbottom .left .tabct .video-list .list-item .title i.active {
                background-image: url(../images/v01.png) !important; }
            .detail-ct .dbottom .left .tabct .video-list .list-item .inner {
              display: none; }
              .detail-ct .dbottom .left .tabct .video-list .list-item .inner p {
                width: 100%;
                height: 50px;
                line-height: 50px;
                padding-left: 64px;
                position: relative; }
                .detail-ct .dbottom .left .tabct .video-list .list-item .inner p span:nth-of-type(1) {
                  font-size: 14px;
                  color: #888888; }
                .detail-ct .dbottom .left .tabct .video-list .list-item .inner p span:nth-of-type(2) {
                  font-size: 14px;
                  color: #13c496;
                  margin-left: 20px; }
                .detail-ct .dbottom .left .tabct .video-list .list-item .inner p::before {
                  content: '';
                  width: 12px;
                  height: 12px;
                  position: absolute;
                  background-color: #13c496;
                  border-radius: 50%;
                  top: 18px;
                  left: 24px; }
            .detail-ct .dbottom .left .tabct .video-list .list-item .line {
              width: 2px;
              height: calc(100% - 62px);
              position: absolute;
              background-color: #13c496;
              top: 41px;
              left: 29px;
              display: none; }
            .detail-ct .dbottom .left .tabct .video-list .list-item .block {
              display: block; }
        .detail-ct .dbottom .left .tabct .item {
          width: 100%;
          height: 80px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 40px 0 18px;
          border-bottom: 1px solid #f2f4f5; }
          .detail-ct .dbottom .left .tabct .item .left p:nth-of-type(1) {
            font-size: 16px;
            color: #333333;
            max-width: 730px; }
          .detail-ct .dbottom .left .tabct .item .left p:nth-of-type(2) {
            font-size: 14px;
            color: #888;
            margin-top: 2px; }
            .detail-ct .dbottom .left .tabct .item .left p:nth-of-type(2) span {
              font-size: 14px;
              color: #888888; }
              .detail-ct .dbottom .left .tabct .item .left p:nth-of-type(2) span:nth-of-type(2) {
                margin-left: 50px; }
          .detail-ct .dbottom .left .tabct .item a.lisnows {
            margin-right: 20px; }
          .detail-ct .dbottom .left .tabct .item a.lisnow {
            display: inline-block;
            width: 100px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 16px;
            border: solid 1px #ddd;
            color: #333;
            transition: all 0.3s; }
            .detail-ct .dbottom .left .tabct .item a.lisnow:hover {
              background-color: #13c496;
              color: white;
              border: solid 1px #13c496; }
          .detail-ct .dbottom .left .tabct .item a.active {
            background-color: #13c496;
            color: white;
            border: solid 1px #13c496; }
          .detail-ct .dbottom .left .tabct .item:last-of-type {
            border-bottom: none; }
        .detail-ct .dbottom .left .tabct .title {
          width: 100%;
          height: 80px;
          border-bottom: 1px #f2f4f5 solid;
          padding-top: 20px;
          padding-left: 30px; }
          .detail-ct .dbottom .left .tabct .title input {
            width: 680px;
            height: 40px;
            border: 1px #dddddd solid;
            background: #f7f7f7;
            float: left;
            padding: 0 10px; }
          .detail-ct .dbottom .left .tabct .title button {
            width: 120px;
            height: 32px;
            border-radius: 16px;
            border: none;
            background: #13c496;
            color: #fff;
            font-size: 14px;
            line-height: 32px;
            text-align: center;
            float: left;
            margin-left: 47px; }
        .detail-ct .dbottom .left .tabct .ques li {
          width: 100%;
          height: auto;
          zoom: 1;
          overflow: hidden;
          padding: 23px 20px 15px 30px;
          border-bottom: 1px #f2f4f5 solid; }
          .detail-ct .dbottom .left .tabct .ques li p:nth-of-type(1) {
            font-size: 14px;
            color: #888;
            margin-bottom: 15px; }
            .detail-ct .dbottom .left .tabct .ques li p:nth-of-type(1) span:nth-of-type(1) {
              margin-right: 30px; }
          .detail-ct .dbottom .left .tabct .ques li p:nth-of-type(2) {
            font-size: 16px;
            line-height: 16px;
            color: #333; }
          .detail-ct .dbottom .left .tabct .ques li p:nth-of-type(3) {
            width: 100%;
            height: auto;
            zoom: 1;
            overflow: hidden;
            padding: 13px 20px 5px 20px;
            border: 1px #ddd solid;
            background: #f7f7f7;
            color: #888888;
            font-size: 14px;
            line-height: 24px;
            margin-top: 30px;
            display: none; }
        .detail-ct .dbottom .left .tabct .video-list1 {
          width: 100%;
          background-color: white;
          padding: 0 22px 80px 22px; }
          .detail-ct .dbottom .left .tabct .video-list1 .title {
            width: 100%;
            height: 60px;
            line-height: 60px;
            color: #333;
            font-size: 18px;
            padding: 0 20px; }
          .detail-ct .dbottom .left .tabct .video-list1 .list-item {
            border-top: 1px solid #f2f4f5;
            position: relative; }
            .detail-ct .dbottom .left .tabct .video-list1 .list-item .title {
              width: 100%;
              height: 62px;
              line-height: 62px;
              border: none; }
              .detail-ct .dbottom .left .tabct .video-list1 .list-item .title i {
                display: inline-block;
                background-image: url(../images/v02.png);
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                vertical-align: middle; }
              .detail-ct .dbottom .left .tabct .video-list1 .list-item .title span {
                font-size: 14px;
                color: #333;
                vertical-align: middle;
                margin-left: 20px; }
              .detail-ct .dbottom .left .tabct .video-list1 .list-item .title i.active {
                background-image: url(../images/v01.png) !important; }
            .detail-ct .dbottom .left .tabct .video-list1 .list-item .inner {
              display: none; }
              .detail-ct .dbottom .left .tabct .video-list1 .list-item .inner p {
                width: 100%;
                height: 50px;
                line-height: 50px;
                padding-left: 64px;
                position: relative; }
                .detail-ct .dbottom .left .tabct .video-list1 .list-item .inner p span:nth-of-type(1) {
                  font-size: 14px;
                  color: #888888; }
                .detail-ct .dbottom .left .tabct .video-list1 .list-item .inner p span:nth-of-type(2) {
                  font-size: 14px;
                  color: #13c496;
                  margin-left: 20px; }
                .detail-ct .dbottom .left .tabct .video-list1 .list-item .inner p::before {
                  content: '';
                  width: 12px;
                  height: 12px;
                  position: absolute;
                  background-color: #13c496;
                  border-radius: 50%;
                  top: 18px;
                  left: 24px; }
            .detail-ct .dbottom .left .tabct .video-list1 .list-item .line {
              width: 2px;
              height: calc(100% - 62px);
              position: absolute;
              background-color: #13c496;
              top: 41px;
              left: 29px;
              display: none; }
            .detail-ct .dbottom .left .tabct .video-list1 .list-item .block {
              display: block; }
        .detail-ct .dbottom .left .tabct .s_m1 {
          width: 100%;
          background-color: white;
          padding: 0 22px 80px 22px; }
          .detail-ct .dbottom .left .tabct .s_m1 .title {
            width: 100%;
            height: 60px;
            line-height: 60px;
            color: #333;
            font-size: 18px;
            padding: 0 20px; }
            .detail-ct .dbottom .left .tabct .s_m1 .title span {
              font-size: 14px;
              color: #333;
              line-height: 60px;
              display: inline-block; }
              .detail-ct .dbottom .left .tabct .s_m1 .title span:nth-of-type(1) {
                width: 650px; }
              .detail-ct .dbottom .left .tabct .s_m1 .title span:nth-of-type(2) {
                width: 160px;
                text-align: center; }
          .detail-ct .dbottom .left .tabct .s_m1 .list-item {
            border-top: 1px solid #f2f4f5;
            position: relative; }
            .detail-ct .dbottom .left .tabct .s_m1 .list-item .title {
              width: 100%;
              height: 62px;
              line-height: 62px; }
              .detail-ct .dbottom .left .tabct .s_m1 .list-item .title i {
                display: inline-block;
                background-image: url(../images/v02.png);
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                vertical-align: middle; }
              .detail-ct .dbottom .left .tabct .s_m1 .list-item .title span {
                font-size: 14px;
                color: #333;
                vertical-align: middle;
                margin-left: 20px; }
                .detail-ct .dbottom .left .tabct .s_m1 .list-item .title span:nth-of-type(1) {
                  width: 635px; }
                .detail-ct .dbottom .left .tabct .s_m1 .list-item .title span:nth-of-type(2) {
                  width: 50px;
                  text-align: center;
                  margin-right: 220px; }
              .detail-ct .dbottom .left .tabct .s_m1 .list-item .title i.active {
                background-image: url(../images/v01.png) !important; }
              .detail-ct .dbottom .left .tabct .s_m1 .list-item .title a.active {
                width: 110px;
                height: 32px;
                line-height: 32px;
                font-size: 14px;
                color: #fff;
                background: #13c496;
                border-radius: 16px;
                border: none;
                text-align: center;
                display: inline-block; }
            .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner {
              display: none; }
              .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p {
                width: 100%;
                height: 50px;
                line-height: 50px;
                padding-left: 64px;
                position: relative; }
                .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p span {
                  display: inline-block; }
                  .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p span:nth-of-type(1) {
                    width: 635px; }
                  .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p span:nth-of-type(2) {
                    width: 50px;
                    text-align: center;
                    margin-right: 220px; }
                .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p a {
                  width: 110px;
                  height: 32px;
                  line-height: 32px;
                  font-size: 14px;
                  color: #333;
                  border-radius: 16px;
                  border: 1px #dedede solid;
                  text-align: center;
                  display: inline-block; }
                  .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p a:hover {
                    color: #fff;
                    background: #13c496;
                    border-radius: 16px;
                    border: none; }
                .detail-ct .dbottom .left .tabct .s_m1 .list-item .inner p::before {
                  content: '';
                  width: 12px;
                  height: 12px;
                  position: absolute;
                  background-color: #13c496;
                  border-radius: 50%;
                  top: 18px;
                  left: 24px; }
            .detail-ct .dbottom .left .tabct .s_m1 .list-item .line {
              width: 2px;
              height: calc(100% - 62px);
              position: absolute;
              background-color: #13c496;
              top: 41px;
              left: 29px;
              display: none; }
            .detail-ct .dbottom .left .tabct .s_m1 .list-item .block {
              display: block; }
          .detail-ct .dbottom .left .tabct .s_m1 .mor {
            width: 120px;
            height: 32px;
            display: block;
            line-height: 32px;
            color: #fff;
            text-align: center;
            border-radius: 16px;
            background: #4d9cf8;
            margin: 0 auto;
            margin-top: 30px; }
      .detail-ct .dbottom .left .block {
        display: block; }
    .detail-ct .dbottom .right {
      width: 288px;
      background-color: white; }
      .detail-ct .dbottom .right .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #333;
        font-size: 16px;
        padding-left: 15px;
        border-bottom: 1px solid #f2f4f5;
        font-weight: 700; }
        .detail-ct .dbottom .right .title .xian {
          width: 3px;
          height: 24px;
          background: #13c496;
          display: inline-block;
          margin-top: 14px;
          float: left;
          margin-right: 7px; }
      .detail-ct .dbottom .right .item {
        width: 288px;
        height: 300px;
        background-color: #ffffff;
        float: left;
        padding: 9px;
        margin-right: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #f2f4f5; }
        .detail-ct .dbottom .right .item .img {
          width: 100%;
          height: 186px;
          overflow: hidden; }
          .detail-ct .dbottom .right .item .img img {
            width: 100%;
            height: 100%;
            transition: all 0.3s; }
        .detail-ct .dbottom .right .item .intro p:nth-of-type(1) {
          width: 100%;
          font-size: 16px;
          color: #333333;
          line-height: 24px;
          margin-top: 12px; }
        .detail-ct .dbottom .right .item .intro p:nth-of-type(2) {
          font-size: 14px;
          color: #888;
          margin-top: 14px;
          float: left; }
        .detail-ct .dbottom .right .item .intro p:nth-of-type(3) {
          font-size: 16px;
          color: #d60909;
          margin-top: 14px;
          float: right; }
        .detail-ct .dbottom .right .item:hover .img img {
          transform: scale(1.1); }
        .detail-ct .dbottom .right .item:last-of-type {
          border-bottom: none; }

#status {
  background-color: #f2f4f5; }
  #status .status-ct {
    width: 100%; }
    #status .status-ct .status_top {
      width: 100%;
      height: 120px;
      background-color: white;
      padding: 30px 0 0 194px; }
      #status .status-ct .status_top .itemex {
        width: 810px;
        display: flex;
        justify-content: space-between; }
        #status .status-ct .status_top .itemex .item {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          #status .status-ct .status_top .itemex .item p {
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            display: inline-block;
            background-image: url(../images/bg2.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            position: relative; }
            #status .status-ct .status_top .itemex .item p span {
              font-size: 32px;
              color: #888; }
            #status .status-ct .status_top .itemex .item p i {
              display: inline-block;
              width: 24px;
              height: 19px;
              background-image: url(../images/al.png);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: cover;
              position: absolute;
              top: 20px;
              left: 20px;
              display: none; }
            #status .status-ct .status_top .itemex .item p.active {
              background-image: url(../images/bg1.png); }
              #status .status-ct .status_top .itemex .item p.active span {
                color: white; }
            #status .status-ct .status_top .itemex .item p.already span {
              display: none; }
            #status .status-ct .status_top .itemex .item p.already i {
              display: block; }
          #status .status-ct .status_top .itemex .item span.text {
            font-size: 16px;
            color: #333333;
            margin-left: 15px;
            vertical-align: middle; }
    #status .status-ct .status_bottom {
      width: 100%;
      background-color: white;
      padding: 50px 50px 60px 50px; }
      #status .status-ct .status_bottom .order_d {
        width: 100%; }
        #status .status-ct .status_bottom .order_d .left img {
          width: 130px;
          height: 90px;
          float: left; }
        #status .status-ct .status_bottom .order_d .left .intro {
          float: left;
          padding-left: 20px;
          padding-top: 8px;
          max-width: 800px; }
          #status .status-ct .status_bottom .order_d .left .intro p:nth-of-type(1) {
            font-size: 14px;
            color: #888888;
            font-weight: bold; }
          #status .status-ct .status_bottom .order_d .left .intro p:nth-of-type(2) {
            font-size: 16px;
            color: #333333;
            margin-top: 6px;
            margin-bottom: 6px;
            font-weight: bold; }
          #status .status-ct .status_bottom .order_d .left .intro p:nth-of-type(3) {
            font-size: 14px;
            color: #888888;
            font-weight: bold; }
        #status .status-ct .status_bottom .order_d .right {
          font-size: 24px;
          color: #d60909;
          padding-top: 40px;
          font-weight: bold; }
      #status .status-ct .status_bottom .msub {
        width: 100%;
        border-top: 1px solid #f2f4f5;
        text-align: right; }
        #status .status-ct .status_bottom .msub p:nth-of-type(1) {
          font-size: 18px;
          color: #333333;
          font-weight: bold;
          margin-top: 35px; }
        #status .status-ct .status_bottom .msub p:nth-of-type(2) {
          margin-top: 25px; }
          #status .status-ct .status_bottom .msub p:nth-of-type(2) a {
            display: inline-block;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: white;
            font-size: 14px;
            background-color: #13c496;
            border-radius: 20px; }
      #status .status-ct .status_bottom .msubt {
        width: 100%;
        border-top: 1px solid #f2f4f5; }
        #status .status-ct .status_bottom .msubt .payment {
          width: auto;
          clear: both;
          display: block;
          height: 60px;
          margin-top: 20px; }
          #status .status-ct .status_bottom .msubt .payment span {
            display: inline-block;
            height: 60px;
            line-height: 60px; }
          #status .status-ct .status_bottom .msubt .payment a {
            display: inline-block;
            border: 1px solid #ddd;
            position: relative;
            margin-right: 20px; }
            #status .status-ct .status_bottom .msubt .payment a .pay {
              width: 174px;
              height: 60px; }
            #status .status-ct .status_bottom .msubt .payment a .check {
              width: 14px;
              height: 14px;
              position: absolute;
              top: 0;
              right: 0;
              z-index: 9;
              display: none; }
            #status .status-ct .status_bottom .msubt .payment a.active {
              border: 1px solid #13c496; }
              #status .status-ct .status_bottom .msubt .payment a.active .check {
                display: block; }
        #status .status-ct .status_bottom .msubt .ble p:nth-of-type(1) {
          font-size: 14px;
          color: #333;
          font-weight: bold; }
        #status .status-ct .status_bottom .msubt .ble p:nth-of-type(2) {
          font-size: 14px;
          color: #333;
          margin-top: 12px;
          font-weight: bold; }
        #status .status-ct .status_bottom .msubt .bri p:nth-of-type(1) {
          font-size: 18px;
          color: #333;
          margin-top: 35px;
          font-weight: bold; }
        #status .status-ct .status_bottom .msubt .bri p:nth-of-type(2) {
          margin-top: 25px;
          text-align: right; }
          #status .status-ct .status_bottom .msubt .bri p:nth-of-type(2) a {
            display: inline-block;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: white;
            font-size: 14px;
            background-color: #13c496;
            border-radius: 20px; }
      #status .status-ct .status_bottom .complete .cmp {
        width: 100%;
        text-align: center; }
        #status .status-ct .status_bottom .complete .cmp img {
          width: 80px;
          height: 80px; }
        #status .status-ct .status_bottom .complete .cmp p {
          font-size: 20px;
          color: #333;
          font-weight: bold; }
      #status .status-ct .status_bottom .complete .odetail {
        margin-top: 35px; }
        #status .status-ct .status_bottom .complete .odetail .odinner {
          text-align: left;
          padding-left: 37%; }
          #status .status-ct .status_bottom .complete .odetail .odinner p {
            font-size: 14px;
            color: #333;
            font-weight: bold;
            line-height: 24px; }
      #status .status-ct .status_bottom .complete .see {
        margin-top: 40px;
        text-align: center; }
        #status .status-ct .status_bottom .complete .see a {
          display: inline-block;
          width: 120px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          color: white;
          background-color: #13c496;
          border-radius: 20px;
          font-size: 14px; }

.ques-search {
  width: 100%;
  padding: 20px 32px; }
  .ques-search input[type='text'] {
    width: 800px;
    height: 40px;
    background-color: #f2f4f5;
    border: solid 1px #dddddd;
    padding-left: 10px;
    font-size: 14px;
    color: #333; }
  .ques-search a {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: white;
    font-size: 14px;
    background-color: #13c496;
    border-radius: 16px; }
    .ques-search a:nth-of-type(1) {
      margin-left: 74px; }
    .ques-search a:nth-of-type(2) {
      margin-left: 15px; }

.quest-list {
  width: 100%;
  background-color: white; }
  .quest-list .item {
    padding: 20px 32px 20px 32px;
    width: 100%;
    border-bottom: 1px solid #f2f4f5; }
    .quest-list .item .left {
      max-width: 1000px; }
      .quest-list .item .left p:nth-of-type(1) {
        font-size: 16px;
        color: #333; }
      .quest-list .item .left p:nth-of-type(2) {
        font-size: 14px;
        color: #888; }
    .quest-list .item .time {
      font-size: 14px;
      color: #888888; }

#test {
  background-color: #f2f4f5; }
  #test .text-ct {
    padding-bottom: 150px; }
    #test .text-ct .text-name {
      width: 100%;
      background-color: white;
      height: 100px;
      padding: 0 24px 0 32px; }
      #test .text-ct .text-name .name {
        font-size: 18px;
        color: #333333;
        margin-top: 26px; }
      #test .text-ct .text-name .progress .ale {
        width: 100%;
        margin-top: 28px; }
        #test .text-ct .text-name .progress .ale span:nth-of-type(1) {
          color: #13c496; }
        #test .text-ct .text-name .progress .ale span:nth-of-type(2), #test .text-ct .text-name .progress .ale span:nth-of-type(3) {
          color: #000000;
          font-size: 14px; }
      #test .text-ct .text-name .progress .line {
        position: relative;
        width: 221px;
        height: 8px;
        background-color: #f2f4f5;
        border-radius: 4px;
        margin-top: 8px; }
        #test .text-ct .text-name .progress .line .inner {
          position: absolute;
          height: 8px;
          top: 0;
          left: 0;
          background-color: #13c496;
          border-radius: 4px; }
    #test .text-ct .textq .left {
      width: 900px; }
      #test .text-ct .textq .left .que-name {
        width: 100%;
        background-color: #e8e8e8;
        padding: 24px 33px 28px 33px; }
        #test .text-ct .textq .left .que-name p:nth-of-type(1), #test .text-ct .textq .left .que-name p:nth-of-type(2) {
          font-size: 16px;
          color: #000000; }
      #test .text-ct .textq .left .option {
        width: 100%;
        background-color: white;
        padding: 40px 33px 60px 33px; }
        #test .text-ct .textq .left .option .item input[type='radio'] {
          display: none; }
          #test .text-ct .textq .left .option .item input[type='radio'] + label:before {
            display: inline-block;
            content: '';
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-right: 15px;
            background-color: #fff;
            background-image: url(../images/x01.png);
            background-size: 100% 100%;
            vertical-align: middle; }
          #test .text-ct .textq .left .option .item input[type='radio']:checked + label:before {
            display: inline-block;
            content: '';
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-right: 15px;
            background-color: #fff;
            background-image: url(../images/x02.png);
            background-size: 100% 100%;
            vertical-align: middle; }
        #test .text-ct .textq .left .option .item input[type='checkBox'] {
          display: none; }
          #test .text-ct .textq .left .option .item input[type='checkBox'] + label:before {
            display: inline-block;
            content: '';
            width: 20px;
            height: 20px;
            margin-right: 15px;
            background-color: #fff;
            background-image: url(../images/x03.png);
            background-size: 100% 100%;
            vertical-align: middle; }
          #test .text-ct .textq .left .option .item input[type='checkBox']:checked + label:before {
            display: inline-block;
            content: '';
            width: 20px;
            height: 20px;
            margin-right: 15px;
            background-color: #fff;
            background-image: url(../images/x04.png);
            background-size: 100% 100%;
            vertical-align: middle; }
      #test .text-ct .textq .left .right-answer .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #e8e8e8;
        font-size: 16px;
        color: #13c496;
        padding-left: 33px; }
      #test .text-ct .textq .left .right-answer .intro {
        width: 100%;
        background-color: white;
        font-size: 16px;
        color: #000000;
        padding: 25px 33px 0 33px;
        min-height: 190px; }
    #test .text-ct .textq .right {
      width: 290px; }
      #test .text-ct .textq .right .countdown {
        width: 100%;
        height: 50px;
        background-color: white;
        padding: 13px 16px; }
        #test .text-ct .textq .right .countdown img {
          width: 24px;
          height: 24px;
          vertical-align: middle;
          color: #000000; }
        #test .text-ct .textq .right .countdown .timespan {
          margin-left: 40px;
          margin-top: 3px; }
      #test .text-ct .textq .right .prenex {
        position: relative; }
        #test .text-ct .textq .right .prenex a {
          display: inline-block;
          background-color: white;
          width: 142px;
          height: 50px;
          text-align: center;
          padding: 16px 0; }
          #test .text-ct .textq .right .prenex a img {
            width: 15px;
            height: 18px; }
          #test .text-ct .textq .right .prenex a span {
            font-size: 16px;
            color: #000000;
            margin-left: 8px;
            vertical-align: middle; }
          #test .text-ct .textq .right .prenex a:nth-of-type(2) {
            position: absolute;
            top: 0;
            right: 0; }
      #test .text-ct .textq .right .sheet {
        width: 100%;
        background-color: white; }
        #test .text-ct .textq .right .sheet .title {
          width: 100%;
          height: 50px;
          line-height: 50px;
          padding: 0 15px;
          position: relative; }
          #test .text-ct .textq .right .sheet .title p:nth-of-type(1) {
            font-size: 18px;
            color: #000; }
          #test .text-ct .textq .right .sheet .title p:nth-of-type(2) {
            position: absolute;
            right: 15px;
            top: 0; }
            #test .text-ct .textq .right .sheet .title p:nth-of-type(2) span:nth-of-type(1) {
              font-size: 20px;
              color: #000; }
            #test .text-ct .textq .right .sheet .title p:nth-of-type(2) span:nth-of-type(2) {
              font-size: 24px;
              color: #888; }
            #test .text-ct .textq .right .sheet .title p:nth-of-type(2) span:nth-of-type(3) {
              font-size: 16px;
              color: #888; }
      #test .text-ct .textq .right .qid {
        width: 100%;
        height: 300px;
        background-color: #ffffff;
        padding-right: 18px; }
        #test .text-ct .textq .right .qid .inner {
          padding: 17px 20px;
          border-top: 1px solid #f2f4f5;
          border-bottom: 1px solid #f2f4f5;
          width: 100%;
          height: 256px;
          overflow-y: scroll;
          position: relative; }
          #test .text-ct .textq .right .qid .inner li {
            float: left; }
            #test .text-ct .textq .right .qid .inner li a {
              display: inline-block;
              width: 24px;
              height: 24px;
              border-radius: 4px;
              border: solid 1px #dddddd;
              color: #888888;
              text-align: center;
              line-height: 24px;
              font-size: 14px;
              margin-right: 8px;
              margin-bottom: 10px; }
              #test .text-ct .textq .right .qid .inner li a.error {
                background-color: #e60c0c;
                border: 1px solid #e60c0c;
                color: white; }
              #test .text-ct .textq .right .qid .inner li a.right {
                background-color: #13c496;
                border: 1px solid #13c496;
                color: white; }
              #test .text-ct .textq .right .qid .inner li a.notdone {
                border: solid 1px #dddddd;
                background-color: white;
                color: white; }
          #test .text-ct .textq .right .qid .inner::-webkit-scrollbar {
            width: 6px;
            border-radius: 5px; }
          #test .text-ct .textq .right .qid .inner::-webkit-scrollbar-thumb {
            background-color: #ddd; }
        #test .text-ct .textq .right .qid ::-webkit-scrollbar-track {
          /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
          border-radius: 5px;
          background-color: #f2f4f5; }
        #test .text-ct .textq .right .qid .allc {
          padding: 10px 16px; }
          #test .text-ct .textq .right .qid .allc span {
            font-size: 14px;
            color: #000;
            vertical-align: middle; }
            #test .text-ct .textq .right .qid .allc span.right {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-color: #13c496;
              border-radius: 4px;
              margin-left: 5px;
              margin-right: 20px; }
            #test .text-ct .textq .right .qid .allc span.error {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-color: #e60c0c;
              border-radius: 4px;
              margin-left: 5px;
              margin-right: 20px; }
            #test .text-ct .textq .right .qid .allc span.notdone {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-color: #ffffff;
              border-radius: 4px;
              border: solid 1px #dddddd;
              margin-left: 5px; }
      #test .text-ct .textq .right .sub-btn {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background-color: #13c496;
        font-size: 16px;
        display: block; }

.window-question .feedback-form {
  width: 800px;
  height: 370px;
  background-color: #fff;
  padding: 30px 40px; }
  .window-question .feedback-form .top-titles {
    width: 100%;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    clear: both; }
  .window-question .feedback-form .line {
    width: 100%;
    height: 40px;
    clear: both; }
    .window-question .feedback-form .line .select {
      width: 220px;
      height: 38px;
      display: inline-block;
      float: left; }
    .window-question .feedback-form .line .input {
      width: 490px;
      height: 38px;
      display: inline-block;
      float: left; }
      .window-question .feedback-form .line .input input {
        width: 100%;
        height: 100%;
        border: 1px solid #f2f4f5;
        padding: 0 10px; }
    .window-question .feedback-form .line .code {
      width: 120px;
      height: 38px;
      border: 1px solid #f2f4f5;
      border-radius: 4px;
      display: inline-block;
      float: left; }
      .window-question .feedback-form .line .code img {
        width: 100%;
        height: 100%; }
    .window-question .feedback-form .line .code-input {
      width: 120px;
      height: 38px;
      display: inline-block;
      float: left; }
      .window-question .feedback-form .line .code-input input {
        width: 100%;
        height: 100%;
        border: 1px solid #f2f4f5;
        padding: 0 10px;
        border-radius: 4px; }
    .window-question .feedback-form .line .sub-btn {
      display: inline-block;
      float: right;
      height: 38px; }
      .window-question .feedback-form .line .sub-btn button {
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: white;
        width: 120px;
        height: 40px;
        background-color: #13c496;
        font-size: 14px;
        border-radius: 4px;
        border: none; }
    .window-question .feedback-form .line.textarea {
      width: 100%;
      height: 120px; }
      .window-question .feedback-form .line.textarea textarea {
        width: 100%;
        height: 100%;
        padding: 10px;
        border: 1px solid #f2f4f5;
        resize: none; }

#video {
  background-color: #f2f4f5; }
  #video .video-ct .vdtop {
    width: 100%;
    height: 100px;
    background-color: white;
    padding: 26px 42px 0px 42px; }
    #video .video-ct .vdtop .left {
      max-width: 850px; }
      #video .video-ct .vdtop .left p:nth-of-type(1) {
        font-size: 20px;
        color: #333333; }
      #video .video-ct .vdtop .left p:nth-of-type(2) {
        font-size: 14px;
        color: #888;
        margin-top: 8px; }
    #video .video-ct .vdtop .right a {
      display: inline-block;
      width: 120px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      color: #333333;
      font-size: 14px;
      background-color: #ffffff;
      border-radius: 16px;
      border: solid 1px #dddddd;
      transition: all 0.3s; }
      #video .video-ct .vdtop .right a.active, #video .video-ct .vdtop .right a:hover {
        color: white;
        background-color: #13c496;
        border: 1px solid #13c496; }
      #video .video-ct .vdtop .right a:nth-of-type(2) {
        margin-left: 20px; }
  #video .video-ct .vdcenter .left {
    width: 900px; }
    #video .video-ct .vdcenter .left .service_video {
      width: 100%;
      height: 675px;
      background: #c9ced0; }
      #video .video-ct .vdcenter .left .service_video video {
        width: 100%;
        height: 675px;
        background-color: black; }
    #video .video-ct .vdcenter .left .video-list {
      width: 100%;
      background-color: white;
      padding: 0 22px 80px 22px; }
      #video .video-ct .vdcenter .left .video-list .title {
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #333;
        font-size: 18px;
        padding: 0 20px; }
      #video .video-ct .vdcenter .left .video-list .list-item {
        border-top: 1px solid #f2f4f5;
        position: relative; }
        #video .video-ct .vdcenter .left .video-list .list-item .title {
          width: 100%;
          height: 62px;
          line-height: 62px; }
          #video .video-ct .vdcenter .left .video-list .list-item .title i {
            display: inline-block;
            background-image: url(../images/v02.png);
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            vertical-align: middle; }
          #video .video-ct .vdcenter .left .video-list .list-item .title span {
            font-size: 14px;
            color: #333;
            vertical-align: middle;
            margin-left: 20px; }
          #video .video-ct .vdcenter .left .video-list .list-item .title i.active {
            background-image: url(../images/v01.png) !important; }
        #video .video-ct .vdcenter .left .video-list .list-item .inner {
          display: none; }
          #video .video-ct .vdcenter .left .video-list .list-item .inner p {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding-left: 64px;
            position: relative; }
            #video .video-ct .vdcenter .left .video-list .list-item .inner p span:nth-of-type(1) {
              font-size: 14px;
              color: #888888; }
            #video .video-ct .vdcenter .left .video-list .list-item .inner p span:nth-of-type(2) {
              font-size: 14px;
              color: #13c496;
              margin-left: 20px; }
            #video .video-ct .vdcenter .left .video-list .list-item .inner p::before {
              content: '';
              width: 12px;
              height: 12px;
              position: absolute;
              background-color: #13c496;
              border-radius: 50%;
              top: 18px;
              left: 24px; }
        #video .video-ct .vdcenter .left .video-list .list-item .line {
          width: 2px;
          height: calc(100% - 62px);
          position: absolute;
          background-color: #13c496;
          top: 41px;
          left: 29px;
          display: none; }
        #video .video-ct .vdcenter .left .video-list .list-item .block {
          display: block; }
  #video .video-ct .vdcenter .right {
    width: 288px;
    background-color: white; }
    #video .video-ct .vdcenter .right .title {
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #333;
      font-size: 16px;
      padding-left: 15px;
      border-bottom: 1px solid #f2f4f5;
      font-weight: 700; }
      #video .video-ct .vdcenter .right .title .xian {
        width: 3px;
        height: 24px;
        background: #13c496;
        display: inline-block;
        margin-top: 13px;
        float: left;
        margin-right: 7px; }
    #video .video-ct .vdcenter .right .item {
      width: 288px;
      height: 300px;
      background-color: #ffffff;
      float: left;
      padding: 9px;
      margin-right: 16px;
      margin-bottom: 20px;
      border-bottom: 1px solid #f2f4f5; }
      #video .video-ct .vdcenter .right .item .img {
        width: 100%;
        height: 186px;
        overflow: hidden; }
        #video .video-ct .vdcenter .right .item .img img {
          width: 100%;
          height: 100%;
          transition: all 0.3s; }
      #video .video-ct .vdcenter .right .item .intro p:nth-of-type(1) {
        width: 100%;
        font-size: 16px;
        color: #333333;
        line-height: 24px;
        margin-top: 12px; }
      #video .video-ct .vdcenter .right .item .intro p:nth-of-type(2) {
        font-size: 14px;
        color: #888;
        margin-top: 14px;
        float: left; }
      #video .video-ct .vdcenter .right .item .intro p:nth-of-type(3) {
        font-size: 16px;
        color: #d60909;
        margin-top: 14px;
        float: right; }
      #video .video-ct .vdcenter .right .item:hover .img img {
        transform: scale(1.1); }
      #video .video-ct .vdcenter .right .item:last-of-type {
        border-bottom: none; }

#news {
  background-color: #f2f4f5; }
  #news .news-main {
    width: 100%; }
    #news .news-main .cate-navi {
      width: 100%;
      background-color: #fff;
      padding: 5px 0 0px 10px; }
      #news .news-main .cate-navi a {
        display: inline-block;
        height: 62px;
        padding: 0 0px;
        margin: 0 22px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        line-height: 62px;
        text-align: center;
        color: #333;
        transition: all 0.3s; }
        #news .news-main .cate-navi a:hover, #news .news-main .cate-navi a.active {
          border-bottom: 3px #13c496 solid;
          color: #333; }
    #news .news-main .main-bot {
      width: 100%; }
      #news .news-main .main-bot .mb-left {
        width: 800px;
        display: inline-block;
        float: left; }
        #news .news-main .main-bot .mb-left .img-news {
          width: 100%;
          height: 400px;
          clear: both; }
          #news .news-main .main-bot .mb-left .img-news .swiper-slide {
            width: 800px;
            height: 400px; }
            #news .news-main .main-bot .mb-left .img-news .swiper-slide a {
              display: block;
              width: 100%;
              height: 100%;
              position: relative; }
            #news .news-main .main-bot .mb-left .img-news .swiper-slide .img {
              width: 800px;
              height: 400px; }
              #news .news-main .main-bot .mb-left .img-news .swiper-slide .img img {
                width: 100%;
                height: 100%; }
            #news .news-main .main-bot .mb-left .img-news .swiper-slide .text {
              width: 100%;
              height: 50px;
              background-color: rgba(0, 0, 0, 0.5);
              position: absolute;
              bottom: 0;
              left: 0;
              z-index: 2; }
              #news .news-main .main-bot .mb-left .img-news .swiper-slide .text span {
                display: block;
                width: 580px;
                height: 50px;
                line-height: 50px;
                color: #fff;
                font-size: 18px;
                padding-left: 40px; }
          #news .news-main .main-bot .mb-left .img-news .swiper-container-horizontal > .swiper-pagination-bullets,
          #news .news-main .main-bot .mb-left .img-news .swiper-pagination-custom,
          #news .news-main .main-bot .mb-left .img-news .swiper-pagination-fraction {
            bottom: 15px;
            left: auto;
            width: 120px;
            right: 20px; }
          #news .news-main .main-bot .mb-left .img-news .swiper-pagination-bullet {
            background-color: #fff;
            opacity: 0.5; }
            #news .news-main .main-bot .mb-left .img-news .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background-color: #fff;
              opacity: 1; }
        #news .news-main .main-bot .mb-left .news-list {
          width: 100%;
          background-color: #fff; }
          #news .news-main .main-bot .mb-left .news-list .item {
            width: 100%;
            height: auto;
            border-bottom: 1px solid #f2f4f5;
            padding: 20px 20px; }
            #news .news-main .main-bot .mb-left .news-list .item .new-flimg {
              width: 120px;
              height: 90px;
              margin-right: 15px;
              overflow: hidden; }
              #news .news-main .main-bot .mb-left .news-list .item .new-flimg img {
                width: 100%; }
            #news .news-main .main-bot .mb-left .news-list .item .new-flbox {
              width: calc(100% - 135px);
              margin-top: 8px; }
              #news .news-main .main-bot .mb-left .news-list .item .new-flbox .lefts {
                width: 480px;
                display: inline-block;
                float: left; }
                #news .news-main .main-bot .mb-left .news-list .item .new-flbox .lefts .title {
                  width: 100%;
                  line-height: 16px;
                  font-size: 16px;
                  font-weight: bold;
                  height: 16px;
                  color: #333; }
                #news .news-main .main-bot .mb-left .news-list .item .new-flbox .lefts .desc {
                  width: 100%;
                  font-size: 14px;
                  line-height: 24px;
                  color: #666;
                  margin-top: 18px; }
              #news .news-main .main-bot .mb-left .news-list .item .new-flbox .rights {
                width: 130px;
                height: 72px;
                display: inline-block;
                float: right;
                padding-left: 32px;
                border-left: 1px solid #f2f4f5; }
                #news .news-main .main-bot .mb-left .news-list .item .new-flbox .rights span {
                  display: block;
                  width: 100%;
                  height: 32px;
                  line-height: 32px;
                  font-size: 32px;
                  transition: all 0.3s;
                  color: #13c496;
                  font-weight: bold; }
                #news .news-main .main-bot .mb-left .news-list .item .new-flbox .rights i {
                  display: block;
                  width: 23px;
                  height: 16px;
                  background-image: url("../images/icons.png");
                  background-position: 0px -60px;
                  transition: all 0.3s;
                  margin-top: 26px; }
            #news .news-main .main-bot .mb-left .news-list .item:first-child {
              border-top: 1px solid #f2f4f5; }
            #news .news-main .main-bot .mb-left .news-list .item:hover .rights span {
              color: #13c496; }
            #news .news-main .main-bot .mb-left .news-list .item:hover .rights i {
              background-position: 0 -60px; }
        #news .news-main .main-bot .mb-left .page {
          text-align: right; }
      #news .news-main .main-bot .mb-right {
        width: 390px;
        display: inline-block;
        float: left;
        margin-left: 10px; }
        #news .news-main .main-bot .mb-right .item {
          width: 100%;
          background-color: #fff;
          padding: 18px 24px 30px; }
          #news .news-main .main-bot .mb-right .item .block-title {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            font-weight: bold;
            color: #333;
            border-bottom: 1px solid #f2f4f5; }
          #news .news-main .main-bot .mb-right .item .block-bot {
            width: 100%; }
            #news .news-main .main-bot .mb-right .item .block-bot .news-list {
              width: 100%; }
              #news .news-main .main-bot .mb-right .item .block-bot .news-list li {
                width: 100%;
                height: 14px;
                line-height: 14px;
                font-size: 14px;
                margin-top: 20px; }
                #news .news-main .main-bot .mb-right .item .block-bot .news-list li a {
                  color: #888;
                  transition: color 0.3s; }
                  #news .news-main .main-bot .mb-right .item .block-bot .news-list li a:hover {
                    color: #13c496; }
            #news .news-main .main-bot .mb-right .item .block-bot .test-list {
              width: 100%;
              padding-top: 15px; }
              #news .news-main .main-bot .mb-right .item .block-bot .test-list li {
                width: 25%;
                height: 14px;
                line-height: 14px;
                font-size: 14px;
                display: inline-block;
                float: left;
                margin-top: 15px; }
                #news .news-main .main-bot .mb-right .item .block-bot .test-list li a {
                  color: #888;
                  transition: color 0.3s; }
                  #news .news-main .main-bot .mb-right .item .block-bot .test-list li a:hover {
                    color: #13c496; }
  #news .news-detail {
    width: 100%; }
    #news .news-detail .container {
      background-color: #fff;
      padding: 50px 100px; }
    #news .news-detail .top-title {
      width: 100%;
      border-bottom: 1px solid #f2f4f5;
      text-align: center;
      padding-bottom: 20px; }
      #news .news-detail .top-title .title {
        width: 100%;
        font-size: 24px;
        color: #333; }
      #news .news-detail .top-title .date {
        width: 100%;
        font-size: 14px;
        color: #999;
        margin-top: 10px; }
        #news .news-detail .top-title .date span {
          display: inline-block;
          margin: 0 10px; }
    #news .news-detail .art-content {
      width: 100%;
      padding: 50px 0;
      line-height: 32px; }
      #news .news-detail .art-content img {
        max-width: 100%; }
    #news .news-detail .next-prev {
      width: 100%;
      padding: 8px 0;
      border-top: 1px solid #ddd; }
      #news .news-detail .next-prev .left {
        width: 900px;
        display: inline-block;
        float: left; }
        #news .news-detail .next-prev .left a {
          display: block;
          width: 100%;
          font-size: 14px;
          height: 14px;
          line-height: 14px;
          color: #888;
          transition: color 0.3s;
          margin-top: 16px; }
          #news .news-detail .next-prev .left a.active, #news .news-detail .next-prev .left a:hover {
            color: #333;
            font-weight: bold; }
    #news .news-detail .right {
      display: inline-block;
      float: right;
      margin-top: 16px; }
      #news .news-detail .right a {
        color: #666;
        transition: color 0.3s; }
        #news .news-detail .right a:hover {
          color: #333; }

#user #information {
  width: 100%; }
  #user #information .line {
    width: 100%;
    height: 40px;
    clear: both; }
    #user #information .line .label {
      width: 72px;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      color: #333;
      text-align: right;
      display: inline-block;
      float: left; }
    #user #information .line .right {
      width: 320px;
      height: 40px;
      display: inline-block;
      float: left;
      margin-left: 20px; }
      #user #information .line .right .input {
        width: 100%;
        height: 40px; }
        #user #information .line .right .input input {
          width: 100%;
          height: 40px;
          border: 1px solid #ddd;
          padding: 0 10px; }
          #user #information .line .right .input input[readonly] {
            color: #888888; }
    #user #information .line .link {
      display: inline-block;
      height: 40px;
      margin-left: 20px;
      line-height: 40px;
      color: #13c496; }
      #user #information .line .link a {
        color: #13c496; }
    #user #information .line.user-head {
      height: 100px;
      margin: 30px 0; }
      #user #information .line.user-head .label {
        height: 100px;
        line-height: 100px; }
      #user #information .line.user-head .right .head-img {
        width: 100px;
        height: 100px;
        display: inline-block;
        float: left;
        border-radius: 50px;
        overflow: hidden; }
        #user #information .line.user-head .right .head-img img {
          width: 100%;
          height: 100%; }
      #user #information .line.user-head .right .upload-btn {
        display: inline-block;
        height: 40px;
        width: 120px;
        border-radius: 20px;
        background-color: #13c496;
        color: #fff;
        position: relative;
        margin-left: 30px;
        margin-top: 30px; }
        #user #information .line.user-head .right .upload-btn span {
          display: block;
          height: 40px;
          width: 120px;
          text-align: center;
          line-height: 40px; }
        #user #information .line.user-head .right .upload-btn input {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 99;
          opacity: 0;
          cursor: pointer; }
  #user #information .sub-btn {
    margin-left: 92px; }

#user #course {
  background-color: #fff; }
  #user #course ul {
    width: 100%; }
    #user #course ul li {
      width: 100%;
      height: 120px;
      padding: 15px 0;
      border-bottom: 1px solid #f2f4f5; }
      #user #course ul li .img {
        width: 130px;
        height: 90px;
        display: inline-block;
        float: left;
        overflow: hidden; }
        #user #course ul li .img img {
          width: 100%;
          height: 100%;
          transition: all 0.3s; }
      #user #course ul li .text {
        width: 520px;
        display: inline-block;
        float: left;
        margin-left: 20px;
        margin-top: 15px; }
        #user #course ul li .text span {
          display: block;
          width: 100%;
          clear: both; }
        #user #course ul li .text .cate {
          font-size: 14px;
          color: #888;
          line-height: 14px;
          height: 14px;
          margin-top: 12px; }
        #user #course ul li .text .title {
          font-size: 16px;
          color: #333;
          line-height: 16px;
          height: 16px;
          margin-top: 12px; }
        #user #course ul li .text .date {
          font-size: 14px;
          color: #888;
          line-height: 14px;
          height: 14px;
          margin-top: 12px; }
      #user #course ul li .right {
        width: 170px;
        height: 90px;
        display: inline-block;
        float: right;
        text-align: center; }
        #user #course ul li .right a {
          display: block;
          width: 100px;
          height: 32px;
          border: 1px solid #dddddd;
          line-height: 30px;
          border-radius: 16px;
          text-align: center;
          font-size: 14px;
          color: #333333;
          margin: 29px auto;
          transition: all 0.3s; }
          #user #course ul li .right a:hover {
            background-color: #13c496;
            color: #fff; }
        #user #course ul li .right.two-btn {
          height: auto; }
          #user #course ul li .right.two-btn a {
            margin: 9px auto; }
      #user #course ul li:hover .img img {
        transform: scale(1.1); }
      #user #course ul li.flex {
        display: flex;
        align-items: center; }
        #user #course ul li.flex .text {
          margin-top: 0;
          width: 580px;
          padding-right: 60px; }
          #user #course ul li.flex .text .cate {
            margin-top: 0; }

#user #exercises {
  background-color: #fff; }
  #user #exercises ul {
    width: 100%; }
    #user #exercises ul li {
      width: 100%;
      height: 100px;
      border-bottom: 1px solid #f2f4f5;
      padding-left: 8px; }
      #user #exercises ul li .left {
        width: 640px;
        height: 100px;
        display: inline-block;
        float: left; }
        #user #exercises ul li .left .title {
          display: block;
          width: 100%;
          height: 16px;
          line-height: 16px;
          font-size: 16px;
          margin-top: 25px; }
        #user #exercises ul li .left .desc {
          display: block;
          width: 100%;
          height: 14px;
          line-height: 14px;
          font-size: 14px;
          color: #888;
          margin-top: 16px; }
          #user #exercises ul li .left .desc span {
            display: inline-block;
            min-width: 120px;
            margin-right: 10px;
            white-space: nowrap; }
      #user #exercises ul li .right {
        width: 170px;
        height: 100px;
        display: inline-block;
        float: right; }
        #user #exercises ul li .right a {
          display: block;
          width: 100px;
          height: 32px;
          border: 1px solid #ddd;
          line-height: 30px;
          border-radius: 16px;
          text-align: center;
          font-size: 14px;
          color: #333;
          margin: 29px auto;
          transition: all 0.3s; }
          #user #exercises ul li .right a:hover {
            background-color: #13c496;
            color: #fff;
            border-color: #13c496; }

#user #order {
  width: 100%;
  background-color: #fff; }
  #user #order ul {
    width: 100%; }
    #user #order ul li {
      width: 100%;
      height: 100px;
      border-bottom: 1px solid #f2f4f5;
      padding-left: 8px; }
      #user #order ul li .left {
        width: 520px;
        height: 100%;
        display: inline-block;
        float: left; }
        #user #order ul li .left span {
          display: block;
          width: 100%;
          clear: both; }
        #user #order ul li .left .num {
          height: 14px;
          line-height: 14px;
          font-size: 14px;
          color: #999;
          margin-top: 30px; }
        #user #order ul li .left .title {
          height: 16px;
          line-height: 16px;
          font-size: 16px;
          color: #333;
          margin-top: 10px; }
      #user #order ul li .price {
        display: inline-block;
        float: left;
        width: 80px;
        line-height: 100px;
        color: #d60909;
        font-size: 14px;
        margin-left: 20px; }
      #user #order ul li .order-btn {
        width: auto;
        white-space: nowrap;
        font-size: 14px;
        color: #999;
        display: inline-block;
        float: left;
        line-height: 100px;
        margin-left: 50px; }
        #user #order ul li .order-btn a {
          color: #999; }
      #user #order ul li .right {
        width: 100px;
        height: 100px;
        display: inline-block;
        float: right; }
        #user #order ul li .right a {
          display: block;
          clear: both;
          width: 100px;
          height: 32px;
          text-align: center;
          line-height: 30px;
          font-size: 14px;
          border-radius: 16px;
          color: #13c496;
          border: 1px solid #13c496;
          transition: all 0.3s;
          margin-top: 34px; }
          #user #order ul li .right a.gray {
            color: #333;
            border: 1px solid #e0e0e0; }
          #user #order ul li .right a:hover {
            border: 1px solid #13c496;
            color: #fff;
            background-color: #13c496; }
        #user #order ul li .right.two-btn a {
          margin-top: 12px; }

#user .open-window.window-order {
  width: 640px;
  margin-left: -320px; }
  #user .open-window.window-order .forms {
    padding: 30px 20px; }
    #user .open-window.window-order .forms .line {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #f2f4f5; }
      #user .open-window.window-order .forms .line .label {
        height: 50px;
        line-height: 50px; }
      #user .open-window.window-order .forms .line .right {
        width: 350px;
        height: 50px;
        line-height: 50px; }

#user #help {
  background-color: #fff; }
  #user #help .faq-list {
    width: 100%;
    margin-top: 30px; }
    #user #help .faq-list li {
      width: 100%;
      margin-bottom: 10px;
      background-color: #fff; }
  #user #help .faq-top {
    width: 100%;
    padding: 10px 20px;
    height: 40px;
    line-height: 20px;
    border: 1px solid #f2f4f5;
    cursor: pointer; }
    #user #help .faq-top span {
      display: inline-block;
      height: 20px;
      line-height: 20px;
      float: left; }
    #user #help .faq-top i {
      display: inline-block;
      width: 13px;
      height: 7px;
      float: right;
      background-image: url("../images/icons.png");
      background-position: 0px -323px;
      margin-top: 6px; }
      #user #help .faq-top i.opened {
        background-position: 0px -300px; }
  #user #help .faq-bot {
    width: 100%;
    padding: 20px;
    line-height: 1.8em;
    display: none;
    border: 1px solid #f2f4f5;
    border-top: none; }
  #user #help .feedback-form {
    width: 800px;
    height: 370px;
    background-color: #fff;
    padding: 30px 40px; }
    #user #help .feedback-form .top-titles {
      width: 100%;
      height: 18px;
      font-size: 18px;
      line-height: 18px;
      color: #333;
      clear: both; }
    #user #help .feedback-form .line {
      width: 100%;
      height: 40px;
      clear: both; }
      #user #help .feedback-form .line .select {
        width: 220px;
        height: 38px;
        display: inline-block;
        float: left; }
      #user #help .feedback-form .line .input {
        width: 490px;
        height: 38px;
        display: inline-block;
        float: left; }
        #user #help .feedback-form .line .input input {
          width: 100%;
          height: 100%;
          border: 1px solid #f2f4f5;
          padding: 0 10px; }
      #user #help .feedback-form .line .code {
        width: 120px;
        height: 38px;
        border: 1px solid #f2f4f5;
        border-radius: 4px;
        display: inline-block;
        float: left; }
        #user #help .feedback-form .line .code img {
          width: 100%;
          height: 100%; }
      #user #help .feedback-form .line .code-input {
        width: 120px;
        height: 38px;
        display: inline-block;
        float: left; }
        #user #help .feedback-form .line .code-input input {
          width: 100%;
          height: 100%;
          border: 1px solid #f2f4f5;
          padding: 0 10px;
          border-radius: 4px; }
      #user #help .feedback-form .line .sub-btn {
        display: inline-block;
        float: right;
        height: 38px; }
        #user #help .feedback-form .line .sub-btn button {
          height: 38px; }
      #user #help .feedback-form .line.textarea {
        width: 100%;
        height: 120px; }
        #user #help .feedback-form .line.textarea textarea {
          width: 100%;
          height: 100%;
          padding: 10px;
          border: 1px solid #f2f4f5;
          resize: none; }
  #user #help .feedback-list {
    width: 100%;
    padding: 0 25px; }
    #user #help .feedback-list .item {
      width: 100%;
      height: auto;
      border-top: 1px solid #f2f4f5;
      padding: 15px 0; }
      #user #help .feedback-list .item .clearfix-top {
        width: 100%;
        height: auto;
        zoom: 1;
        overflow: hidden; }
        #user #help .feedback-list .item .clearfix-top .left {
          width: 740px;
          display: inline-block;
          float: left; }
          #user #help .feedback-list .item .clearfix-top .left .title {
            width: 100%;
            font-size: 16px;
            display: block;
            color: #333; }
          #user #help .feedback-list .item .clearfix-top .left .content {
            width: 100%;
            height: auto;
            color: 14px;
            color: #888;
            margin-top: 8px; }
        #user #help .feedback-list .item .clearfix-top .right {
          display: inline-block;
          float: right;
          color: #888;
          font-size: 14px; }
      #user #help .feedback-list .item .answers {
        width: 100%;
        height: auto;
        zoom: 1;
        overflow: hidden;
        padding: 13px 20px 5px 20px;
        border: 1px #ddd solid;
        background: #f7f7f7;
        color: #888888;
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px; }
      #user #help .feedback-list .item:last-of-type {
        border-bottom: 1px solid #f2f4f5; }

#user #question .qa-list {
  width: 100%; }
  #user #question .qa-list .qa-item {
    padding: 24px 35px;
    border-top: 1px solid #f2f4f5; }
    #user #question .qa-list .qa-item:last-child {
      border-bottom: 1px solid #f2f4f5; }
    #user #question .qa-list .qa-item .user {
      width: 100%;
      height: 14px;
      line-height: 14px;
      color: #666; }
      #user #question .qa-list .qa-item .user p {
        display: inline-block;
        height: 14px;
        line-height: 14px;
        margin-right: 27px; }
    #user #question .qa-list .qa-item .title {
      width: 100%;
      font-size: 16px;
      font-weight: 600;
      margin-top: 8px; }
    #user #question .qa-list .qa-item .desc {
      width: 100%;
      padding: 15px 20px;
      border: 1px solid #ddd;
      background-color: #f7f7f7;
      margin-top: 18px; }

#user .open-window.window-invoice {
  width: 640px;
  margin-left: -320px; }
  #user .open-window.window-invoice .forms {
    padding: 30px 20px; }
    #user .open-window.window-invoice .forms .line {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #f2f4f5; }
      #user .open-window.window-invoice .forms .line .label {
        height: 50px;
        line-height: 50px; }
      #user .open-window.window-invoice .forms .line .right {
        width: 350px;
        height: 50px;
        line-height: 50px; }

#user .open-window.window-apply-invoice {
  width: 620px;
  margin-left: -310px; }
  #user .open-window.window-apply-invoice .forms {
    padding: 30px 20px; }
    #user .open-window.window-apply-invoice .forms .line {
      height: 40px;
      line-height: 40px; }
      #user .open-window.window-apply-invoice .forms .line .label {
        height: 40px;
        line-height: 40px; }
      #user .open-window.window-apply-invoice .forms .line .right {
        width: 450px;
        height: 40px;
        line-height: 40px; }
        #user .open-window.window-apply-invoice .forms .line .right > input {
          width: 100%;
          height: 100%;
          border: 1px solid #ddd;
          padding: 0 10px; }
      #user .open-window.window-apply-invoice .forms .line.half {
        display: flex; }
        #user .open-window.window-apply-invoice .forms .line.half .right {
          width: 160px;
          height: 40px; }
    #user .open-window.window-apply-invoice .forms .sub-btn {
      width: 200px;
      height: 40px;
      background-color: #13c496;
      font-size: 14px;
      color: #fff;
      border: none;
      border-radius: 20px;
      margin: 20px auto 0;
      display: block; }

.ylx_a {
  width: 140px;
  height: 32px;
  border-radius: 16px;
  background: #f2f4f5;
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  margin-left: 20px;
  transition: all ease 0.5s; }

.ylx_active {
  color: #ffffff;
  background: #13c496; }

.ylx_a:hover {
  color: #ffffff;
  background: #13c496;
  transition: all ease 0.5s; }

.right-main .scene {
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 32px; }
  .right-main .scene .list {
    width: 100%;
    height: auto;
    zoom: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .right-main .scene .list li {
      width: 390px;
      height: 170px;
      box-sizing: border-box;
      border-radius: 8px 8px 0px 0px;
      margin-right: 20px;
      margin-left: 20px;
      margin-bottom: 20px; }

.s_m {
  width: 100%;
  background-color: white;
  padding: 0 22px 80px 22px; }
  .s_m .title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    padding: 0 20px; }
    .s_m .title span {
      font-size: 14px;
      color: #333;
      line-height: 60px;
      display: inline-block; }
      .s_m .title span:nth-of-type(1) {
        width: 710px; }
      .s_m .title span:nth-of-type(2) {
        width: 50px;
        text-align: center;
        margin-right: 220px; }
      .s_m .title span:nth-of-type(3) {
        width: 110px;
        text-align: center; }
  .s_m .list-item {
    border-top: 1px solid #f2f4f5;
    position: relative; }
    .s_m .list-item .title {
      width: 100%;
      height: 62px;
      line-height: 62px; }
      .s_m .list-item .title i {
        display: inline-block;
        background-image: url(../images/v02.png);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        vertical-align: middle; }
      .s_m .list-item .title span {
        font-size: 14px;
        color: #333;
        vertical-align: middle;
        margin-left: 20px; }
        .s_m .list-item .title span:nth-of-type(1) {
          width: 649px; }
        .s_m .list-item .title span:nth-of-type(2) {
          width: 50px;
          text-align: center;
          margin-right: 220px; }
      .s_m .list-item .title i.active {
        background-image: url(../images/v01.png) !important; }
      .s_m .list-item .title a.active {
        width: 110px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color: #fff;
        background: #13c496;
        border-radius: 16px;
        border: none;
        text-align: center;
        display: inline-block; }
    .s_m .list-item .inner {
      display: none; }
      .s_m .list-item .inner p {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-left: 64px;
        position: relative; }
        .s_m .list-item .inner p span {
          display: inline-block; }
          .s_m .list-item .inner p span:nth-of-type(1) {
            width: 670px; }
          .s_m .list-item .inner p span:nth-of-type(2) {
            width: 50px;
            text-align: center;
            margin-right: 220px; }
        .s_m .list-item .inner p a {
          width: 110px;
          height: 32px;
          line-height: 32px;
          font-size: 14px;
          color: #333;
          border-radius: 16px;
          border: 1px #dedede solid;
          text-align: center;
          display: inline-block; }
          .s_m .list-item .inner p a:hover {
            color: #fff;
            background: #13c496;
            border-radius: 16px;
            border: none; }
        .s_m .list-item .inner p::before {
          content: '';
          width: 12px;
          height: 12px;
          position: absolute;
          background-color: #13c496;
          border-radius: 50%;
          top: 18px;
          left: 24px; }
    .s_m .list-item .line {
      width: 2px;
      height: calc(100% - 62px);
      position: absolute;
      background-color: #13c496;
      top: 41px;
      left: 29px;
      display: none; }
    .s_m .list-item .block {
      display: block; }
  .s_m .mor {
    width: 120px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #fff;
    text-align: center;
    border-radius: 16px;
    background: #4d9cf8;
    margin: 0 auto;
    margin-top: 30px; }

.course-list1 {
  margin-top: 0px;
  background: #fff; }
  .course-list1 .intro p:nth-of-type(2) {
    width: 100%;
    height: 24px;
    line-height: 24px; }
    .course-list1 .intro p:nth-of-type(2) span:nth-of-type(1) {
      color: #888;
      font-size: 14px;
      float: left; }
    .course-list1 .intro p:nth-of-type(2) span:nth-of-type(2) {
      color: #d60909;
      float: right;
      font-size: 16px; }

.right-main.scene .list li .cro {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 8px 8px 0px 0px; }

.right-main .scene .list li {
  border: 1px solid #dddddd;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transition: all ease 1s; }
  .right-main .scene .list li .content {
    padding: 15px 24px 0px 24px; }
    .right-main .scene .list li .content .nr {
      font-size: 14px;
      line-height: 24px; }
    .right-main .scene .list li .content .kh {
      width: 100%;
      height: 32px;
      margin-top: 19px; }
      .right-main .scene .list li .content .kh span {
        font-size: 16px;
        color: #888;
        line-height: 32px; }
      .right-main .scene .list li .content .kh a {
        width: 100px;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        color: #fff;
        border-radius: 16px; }
  .right-main .scene .list li .ac {
    width: 389px;
    height: 40px;
    line-height: 40px;
    background: #dddddd;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: all ease 1s; }
  .right-main .scene .list li:hover {
    border: 1px solid #13c496;
    transition: all ease 1s; }
    .right-main .scene .list li:hover .ac {
      background: #13c496;
      transition: all ease 1s;
      color: #fff; }

.swi-new {
  width: 100%;
  height: 48px;
  padding: 0 20px;
  background: #fff;
  border-bottom: 1px #ddd solid; }
  .swi-new .swiper-slide {
    width: auto !important;
    line-height: 48px; }
    .swi-new .swiper-slide .current {
      color: #13c496; }
  .swi-new .swi-pre {
    background-image: url(../images/left.png);
    left: 0px; }
  .swi-new .swi-next {
    background-image: url(../images/right.png);
    right: 0px; }
  .swi-new .swiper-button-next,
  .swi-new .swiper-button-prev {
    width: 20px !important;
    height: 48px !important; }
  .swi-new .swiper-button-next.swiper-button-disabled,
  .swi-new .swiper-button-prev.swiper-button-disabled {
    opacity: 1; }

#content5 .show {
  display: block; }

#content5 .hid {
  display: none; }

#course-a span {
  width: 100%; }

#course-a a {
  width: auto;
  border: none; }
  #course-a a:hover {
    background: none;
    color: #333; }

#course-a .listen-test {
  color: #13c496;
  margin-left: 20px; }
  #course-a .listen-test:hover {
    color: #13c496; }

.result {
  width: 100%;
  padding: 20px 0 100px;
  background-color: #f2f4f5; }
  .result .tops {
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 2px solid #f2f4f5;
    background-color: #fff;
    font-size: 18px;
    padding: 0 30px; }
  .result .bots {
    width: 100%;
    background-color: #fff;
    padding: 30px 30px 55px;
    text-align: center; }
    .result .bots .block {
      width: auto;
      margin: 90px auto 0;
      text-align: center;
      display: inline-block; }
      .result .bots .block .top {
        width: auto;
        white-space: nowrap;
        padding-bottom: 26px;
        border-bottom: 1px solid #ddd; }
        .result .bots .block .top .item {
          display: inline-block;
          font-size: 14px;
          color: #333; }
          .result .bots .block .top .item .big {
            font-size: 32px;
            color: #db0c0c;
            margin-left: 16px; }
      .result .bots .block .bot {
        width: auto;
        white-space: nowrap;
        padding-top: 25px; }
        .result .bots .block .bot p {
          display: inline-block;
          font-size: 14px;
          color: #333; }
    .result .bots .btns {
      width: 100%;
      height: 40px;
      text-align: center;
      margin: 100px auto 0; }
      .result .bots .btns .btn {
        display: inline-block;
        width: 160px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        font-size: 14px;
        background-color: #13c496;
        border-radius: 20px;
        margin: 0 20px; }

.btn-gray {
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333 !important;
  border-radius: 16px;
  border: 1px #dedede solid !important;
  text-align: center;
  display: inline-block; }

.btn-green-fill,
.btn-gray:hover {
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 16px;
  border: 1px #13c496 solid;
  text-align: center;
  display: inline-block;
  background: #13c496; }

.btn-green {
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 16px;
  text-align: center;
  display: inline-block;
  border: solid 1px #13c496 !important;
  color: #13c496 !important; }
  .btn-green:hover {
    width: 110px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff !important;
    border-radius: 16px;
    border: 1px #13c496 solid;
    text-align: center;
    display: inline-block;
    background: #13c496; }

#pr_ev {
  width: 740px;
  background-color: transparent; }
  #pr_ev .block {
    width: 740px;
    height: auto;
    padding: 35px 30px 60px;
    background-color: #fff;
    border-radius: 4px; }
    #pr_ev .block .mod {
      width: 100%;
      text-align: center;
      font-size: 24px;
      line-height: 24px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e6e6e6;
      position: relative; }
      #pr_ev .block .mod::after {
        content: '';
        display: block;
        width: 18px;
        height: 2px;
        background-color: #999;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -9px; }
    #pr_ev .block .steps {
      width: 611px;
      margin: 65px auto 0; }
      #pr_ev .block .steps .title {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        #pr_ev .block .steps .title .item {
          width: 120px;
          text-align: center; }
          #pr_ev .block .steps .title .item .en {
            font-size: 16px;
            line-height: 16px;
            color: #666; }
          #pr_ev .block .steps .title .item .cn {
            font-size: 18px;
            line-height: 18px;
            color: #333;
            margin-top: 5px; }
      #pr_ev .block .steps .icon {
        width: 100%;
        height: 98px;
        margin-top: 18px;
        background-image: url(../images/100.png);
        background-repeat: no-repeat; }
      #pr_ev .block .steps .desc {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        #pr_ev .block .steps .desc .item {
          width: 120px;
          text-align: center;
          font-size: 14px;
          color: #666;
          margin-top: 14px;
          white-space: nowrap; }
      #pr_ev .block .steps .btns {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 20px; }
        #pr_ev .block .steps .btns .item {
          width: 120px; }
          #pr_ev .block .steps .btns .item a {
            display: block;
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 2px; }
            #pr_ev .block .steps .btns .item a.blue {
              background-color: #0072ff;
              color: #fff; }
            #pr_ev .block .steps .btns .item a.orange {
              background-color: #13c496;
              color: #fff; }
            #pr_ev .block .steps .btns .item a.gray {
              background-color: #ccc;
              color: #666; }
      #pr_ev .block .steps.step1 .title .item:nth-child(1) .en {
        color: #13c496; }
      #pr_ev .block .steps.step1 .icon {
        background-position: 0 0; }
      #pr_ev .block .steps.step2 .title .item:nth-child(1) .en,
      #pr_ev .block .steps.step2 .title .item:nth-child(2) .en {
        color: #13c496; }
      #pr_ev .block .steps.step2 .icon {
        background-position: 0 -98px; }
      #pr_ev .block .steps.step3 .title .item:nth-child(1) .en,
      #pr_ev .block .steps.step3 .title .item:nth-child(2) .en,
      #pr_ev .block .steps.step3 .title .item:nth-child(3) .en {
        color: #13c496; }
      #pr_ev .block .steps.step3 .icon {
        background-position: 0 -196px; }
  #pr_ev a.close {
    width: 34px;
    display: block;
    margin: 10px auto; }
    #pr_ev a.close img {
      width: 34px; }
    #pr_ev a.close i {
      font-size: 34px;
      line-height: 34px;
      color: #fff; }

.trans-layer {
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important; }