@charset "UTF-8";

.rows, .top_huo .rows_auto, .navs_content .rows_auto, .login_cont .rows_autos, .gungs_content .rows_auto, .youlxis_content .rows_auto, .footer_content .rows_auto, .copy .rows_auto, .tiku_contion .rows_auto {
  display: block;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
 }

.clearflex:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* 头部 start*/
.hide {
  display: none !important; }

.hover_opac:hover {
  opacity: .7 !important; }

/** 课中练习css strart **/
.breakjs.rows_auto{
    color: #333;
    font-size: 16px;
    line-height: 50px;
    background:none;
    margin-top: -16px;
}
.breakjs a{
    display: block;
    height: 50px;
    width: 60px;
    text-align:left;
  color: #333333;
}
.breakjs i{
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-right:10px;
    vertical-align: -2px;
    background: url("../imges/jiantou.png") center no-repeat;
}
.kstielx{
    width: 977px;
    color: #333;
    font-size: 16px;
    line-height:16px;
    padding-left:10px;
    border-left:4px solid #39a1f8;
    margin:38px auto 14px;
    font-weight: 600;
}
/** 课中练习css end **/


.top_huo {
  display: block;
  background: url("../imges/topimg.png") center no-repeat; }
  .top_huo .rows_auto {
    position: relative;
    height: 80px; }
  .top_huo a {
    display: block;
    position: absolute;
    right: 255px;
    bottom: 11px;
    color: #fff;
    font-size: 22px;
    line-height: 52px;
    padding: 0 26px;
    border-radius: 100px;
    background: #ae02ff;
    border: 1px solid #fff; }
    .top_huo a:hover {
      background: #9603dc;
      color: #fff; }

i.opaci {
  z-index: 999;
  width: 100%;
  height: 19px;
  display: block;
  position: absolute;
  right: 0px;
  bottom: -19px;
  display: block;
  background: url("../imges/tous.png") top left repeat-x; }

.navs_content {
  position: relative;
  background: #fff;
  text-align: center; }
  .navs_content .rows_auto {
    height: 82px; }
  .navs_content .navalistz {
    margin-top: 6px; }
    .navs_content .navalistz .rows_auto {
      background: #fff;
      height: 58px;
      border-radius: 4px;
      overflow: hidden; }
  .navs_content h1 {
    display: block;
    position: absolute;
    left: 0px;
    top: 12px; }
  .navs_content .logo {
    display: block;
    width: 538px; }
    .navs_content .logo img {
      width: 538px;
      height: 58px; }
  .navs_content .navlist {
    display: block;
    float: left;
    width: 806px;
    margin-right: 30px; }
    .navs_content .navlist li {
      float: left;
      text-align: center;
      margin-right: 0;
      border-bottom: 2px solid #fff; }
      .navs_content .navlist li a {
        display: block;
        color: #333;
        font-size: 16px;
        line-height: 56px;
        text-align: center;
        padding: 0 30px; }
      .navs_content .navlist li.active {
        border-bottom-color: #bd0008; }
        .navs_content .navlist li.active a {
          color: #bd0008; }
      .navs_content .navlist li:hover {
        border-bottom-color: #bd0008; }
        .navs_content .navlist li:hover a {
          color: #bd0008; }
  .navs_content form {
    position: relative;
    display: block;
    float: left;
    width: 352px;
    padding-right: 52px;
    margin-right: -500px;
    margin-top: 8px;
    border: 1px solid #e5eced;
    background: #e5eced;
    border-radius: 8px;
    height: 38px;
    box-shadow: 0px 0px 0px 1px #eaeaea inset; }
    .navs_content form:hover {
      border-color: #ddd; }
    .navs_content form .input {
      background: none;
      border: none;
      width: 298px;
      height: 37px;
      border-right: 1px solid #e6e6e6;
      padding-left: 20px;
      color: #333;
      font-size: 16px;
      line-height: 38px; }
    .navs_content form .sosbtn {
      width: 50px;
      height: 38px;
      display: block;
      position: absolute;
      right: 0px;
      bottom: 0px;
      border: none;
      display: block;
      background: url("../imges/soso.png") center no-repeat; }
      .navs_content form .sosbtn:hover {
        opacity: .7; }
      .navs_content form .sosbtn:active {
        opacity: .7; }
  .navs_content .downApp {
    display: block;
    position: absolute;
    right: 158px;
    bottom: 30px;
    margin: 18px 18px 0 0; }
    .navs_content .downApp > a {
      font-size: 16px; }
    .navs_content .downApp.active .appcontion {
      display: block; }
    .navs_content .downApp .appcontion {
      display: block;
      position: absolute;
      right: -250px;
      bottom: 0px;
      height: 160px;
      top: 100%;
      width: 304px;
      padding: 22px 24px;
      background-color: #fff;
      font-size: 12px;
      color: #4D555D;
      line-height: 16px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      z-index: 99999;
      box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
      box-sizing: border-box;
      display: none; }
      .navs_content .downApp .appcontion img {
        width: 108px;
        height: 108px; }
      .navs_content .downApp .appcontion .r {
        float: right; }
        .navs_content .downApp .appcontion .r p {
          margin-bottom: 12px; }
        .navs_content .downApp .appcontion .r a {
          display: block;
          font-size: 12px;
          color: #fff;
          width: 132px;
          height: 36px;
          margin-top: 8px;
          line-height: 36px;
          background: #4D555D;
          border-radius: 18px; }
          .navs_content .downApp .appcontion .r a i {
            font-size: 16px;
            margin: 0 8px;
            width: 16px;
            height: 16px;
            vertical-align: -2px;
            vertical-align: middle; }
            .navs_content .downApp .appcontion .r a i.icon-android {
              display: block;
              background: url("../imges/anzhuo.png") center no-repeat;
              background-color: initial;
              display: inline-block;
              background-size: contain; }
            .navs_content .downApp .appcontion .r a i.icon-apple {
              display: block;
              background: url("../imges/ios.png") center no-repeat;
              background-color: initial;
              display: inline-block;
              background-size: contain; }
  .navs_content .log_content {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 138px;
    margin-top: 18px;
    bottom: inherit; }
    .navs_content .log_content .start_log {
      background-color: #ff5f19;
      height: 40px;
      text-align: center;
      border-radius: 10px; }
      .navs_content .log_content .start_log a {
        color: #fff;
        font-size: 16px;
        line-height: 40px; }
        .navs_content .log_content .start_log a:hover {
          color: #f6f6f6; }
      .navs_content .log_content .start_log i {
        display: inline-block;
        margin: 0 10px;
        color: #fff;
        font-size: 16px;
        line-height: 40px; }
    .navs_content .log_content .log_con {
      position: relative;
      height: 42px; }
      .navs_content .log_content .log_con > a {
        display: block; }
        .navs_content .log_content .log_con > a img {
          display: inline-block;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          margin-right: 10px; }
        .navs_content .log_content .log_con > a em {
          color: #000;
          font-size: 16px;
          line-height: 40px;
          font-style: normal;
          display: block;
          max-width: 76px;
          text-align: left;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          display: inline-block;
          vertical-align: middle; }
        .navs_content .log_content .log_con > a:hover em {
          color: #ff5f19; }
      .navs_content .log_content .log_con.active .kuaijiebox {
        display: block; }
  .navs_content .kuaijiebox {
    overflow: hidden;
    z-index: 999;
    display: block;
    position: absolute;
    left: 0px;
    top: 64px;
    width: 286px;
    padding: 32px 20px 2px 20px;
    background: #fff;
    box-shadow: 0 0 6px #bdbdbd;
    border-radius: 10px;
    display: none; }
    .navs_content .kuaijiebox .user_txt {
      overflow: hidden; }
      .navs_content .kuaijiebox .user_txt a {
        float: left;
        margin-right: 10px; }
        .navs_content .kuaijiebox .user_txt a img {
          width: 70px;
          height: 70px; }
      .navs_content .kuaijiebox .user_txt .user_list {
        display: block;
        float: left;
        width: 140px; }
        .navs_content .kuaijiebox .user_txt .user_list a {
          display: block;
          overflow: hidden;
          width: 100%; }
        .navs_content .kuaijiebox .user_txt .user_list h6 {
          color: #333;
          font-size: 18px;
          line-height: 42px;
          text-align: left; }
        .navs_content .kuaijiebox .user_txt .user_list span {
          display: block;
          text-align: left;
          color: #808080;
          font-size: 14px;
          line-height: 20px;
          margin-right: 5px; }
          .navs_content .kuaijiebox .user_txt .user_list span b {
            max-width: 46px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
    .navs_content .kuaijiebox .loin {
      overflow: hidden;
      margin-right: -40px; }
      .navs_content .kuaijiebox .loin a {
        display: block;
        color: #000;
        font-size: 14px;
        line-height: 34px;
        display: block;
        float: left;
        width: 100px;
        width: 42%;
        height: 35px;
        background: #f8e5e6;
        text-align: center;
        border-radius: 5px;
        margin: 8px 8px 0 0; }
        .navs_content .kuaijiebox .loin a:hover {
          background: #f2d1d2;
          color: #fff; }
    .navs_content .kuaijiebox .activeCtion h6 {
      color: #81858a;
      font-size: 14px;
      line-height: 16px;
      font-weight: 600;
      padding-left: 30px;
      display: block;
      background: url("../imges/times.png") left center no-repeat;
      text-align: left;
      margin-top: 16px;
      background-size: contain; }
    .navs_content .kuaijiebox .activeCtion span {
      display: block; }
      .navs_content .kuaijiebox .activeCtion span p {
        color: #86909b;
        font-size: 14px;
        line-height: 38px;
        display: block;
        max-width: 174px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-align: left; }
      .navs_content .kuaijiebox .activeCtion span b {
        color: #09b044;
        font-size: 14px;
        line-height: 38px;
        font-weight: normal;
        margin-left: 30px;
        vertical-align: 14px; }
    .navs_content .kuaijiebox .retuLog {
      display: block;
      border-top: 1px solid #e6e6e6;
      color: #999;
      font-size: 14px;
      line-height: 54px;
      margin-top: 2px;
      text-align: center; }
      .navs_content .kuaijiebox .retuLog:hover {
        color: #333; }

.login_cont {
  position: relative;
  background: #fff;
  padding: 0 20px 0;
  width: 648px;
  border-radius: 10px;
  padding-bottom: 20px; }
  .login_cont .closelog {
    cursor: pointer;
    display: block;
    background: url("../imges/close.png") center no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 0px;
    bottom: inherit;
    top: 20px; }
    .login_cont .closelog:hover {
      opacity: .7; }
  .login_cont h3 {
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 70px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center; }
  .login_cont .rows_autos {
    width: 476px;
    margin-top: 39px; }
  .login_cont .texts {
    overflow: hidden;
    margin-bottom: 20px; }
    .login_cont .texts p {
      display: block;
      float: left;
      width: 80px;
      color: #1a1a1a;
      font-size: 16px;
      line-height: 54px;
      text-align: right;
      margin-right: 2px; }
    .login_cont .texts input {
      display: block;
      float: left;
      width: 394px;
      height: 50px;
      border: 1px solid #e5e5e5;
      background: #fff;
      color: #333;
      font-size: 16px;
      line-height: 50px;
      padding-left: 4px;
      border-radius: 8px; }
      .login_cont .texts input.ipone {
        width: 270px; }
    .login_cont .texts .hacwm {
      overflow: hidden;
      display: block;
      float: right;
      width: 114px;
      height: 54px;
      border: 1px solid #e5e5e5;
      border-radius: 10px; }
      .login_cont .texts .hacwm img {
        width: 114px;
        height: 54px; }
  .login_cont .up_login {
    width: 100%;
    height: 54px;
    background: #ff5f19;
    color: #fff;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    border: none;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px; }
    .login_cont .up_login:hover {
      background: #ff7419; }
  .login_cont .log_bt_content > a {
    display: block;
    color: #808080;
    font-size: 16px;
    line-height: 16px;
    float: left;
    text-align: left; }
    .login_cont .log_bt_content > a:hover {
      color: #ff5f19; }
  .login_cont .log_bt_content > p {
    display: block;
    color: #808080;
    font-size: 16px;
    line-height: 16px;
    float: right;
    text-align: right; }
    .login_cont .log_bt_content > p a {
      color: #808080;
      font-size: 16px;
      line-height: 16px; }
      .login_cont .log_bt_content > p a:hover {
        color: #ff5f19; }
  .login_cont .log_bt_content .disanf {
    margin-top: 72px;
    position: relative;
    border-top: 1px solid #e6e6e6;
    text-align: center; }
    .login_cont .log_bt_content .disanf h6 {
      color: #808080;
      font-size: 16px;
      line-height: 20px;
      display: block;
      position: absolute;
      left: 0px;
      top: -10px;
      left: 50%;
      width: 128px;
      height: 20px;
      background: #fff;
      margin-left: -64px;
      text-align: center; }
    .login_cont .log_bt_content .disanf a {
      display: inline-block !important;
      width: 53px;
      height: 53px;
      margin: 38px 30px 0; }
      .login_cont .log_bt_content .disanf a.wx {
        display: block;
        background: url("../imges/wx1.png") center no-repeat; }
        .login_cont .log_bt_content .disanf a.wx:hover {
          background-image: url("../imges/wx2.png"); }
      .login_cont .log_bt_content .disanf a.wb {
        display: block;
        background: url("../imges/wb1.png") center no-repeat; }
        .login_cont .log_bt_content .disanf a.wb:hover {
          background-image: url("../imges/wb2.png"); }
      .login_cont .log_bt_content .disanf a.qq {
        display: block;
        background: url("../imges/qq1.png") center no-repeat; }
        .login_cont .log_bt_content .disanf a.qq:hover {
          background-image: url("../imges/qq2.png"); }
      .login_cont .log_bt_content .disanf a.pyq {
        display: block;
        background: url("../imges/pyq1.png") center no-repeat; }
        .login_cont .log_bt_content .disanf a.pyq:hover {
          background-image: url("../imges/pyq2.png"); }

.find_cont .texts .hacwm {
  color: #fff;
  font-size: 16px;
  line-height: 52px;
  background: #ff5f19;
  text-align: center;
  border-color: #fff; }
  .find_cont .texts .hacwm:hover {
    background: #ec4d07; }
  .find_cont .texts .hacwm.active {
    color: #9e9e9e;
    background: #e8e7e7; }

.sign_cont .texts .hacwm {
  color: #fff;
  font-size: 16px;
  line-height: 52px;
  background: #ff5f19;
  text-align: center;
  border-color: #fff; }
  .sign_cont .texts .hacwm:hover {
    background: #ec4d07; }
  .sign_cont .texts .hacwm.active {
    color: #9e9e9e;
    background: #e8e7e7; }
.sign_cont .likex {
  display: block;
  text-align: center;
  color: #808080;
  font-size: 16px;
  line-height: 16px; }
  .sign_cont .likex a {
    color: #ff5f19;
    font-size: 16px;
    line-height: 16px;
    text-decoration: underline; }
    .sign_cont .likex a:hover {
      text-decoration: underline; }
.sign_cont .qiehx {
  width: 392px;
  margin: 30px auto 38px;
  height: 40px; }
  .sign_cont .qiehx a {
    display: block;
    float: right;
    width: 141px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    margin-right: 44px;
    border: 1px solid #ff5f19;
    color: #ff5f19;
    font-size: 16px;
    line-height: 40px;
    background: #fff; }
    .sign_cont .qiehx a.active {
      background: #ff5f19;
      color: #fff; }
    .sign_cont .qiehx a:hover {
      background: #ff5f19;
      color: #fff; }

/* 头部 end */
/* 低部 start */
.gungs_content {
  z-index: 3;
  height: 85px;
  overflow: hidden;
  background: #514c4d; }
  .gungs_content .rows_auto > a {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 24px;
    display: block;
    width: 118px;
    height: 40px;
    background: #ff5f19;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 40px; }
    .gungs_content .rows_auto > a:hover {
      background: #bd0008; }
  .gungs_content .guxlist {
    position: relative;
    padding-left: 136px;
    height: 86px;
    display: block;
    background: url("../imges/guankx.jpg") left 8px no-repeat; }
  .gungs_content .guxlist_ul {
    display: block;
    position: absolute;
    left: 136px;
    top: 0px; }
    .gungs_content .guxlist_ul a {
      display: block;
      color: #fff;
      font-size: 16px;
      line-height: 85px;
      letter-spacing: 1px;
      max-width: 910px;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .gungs_content .guxlist_ul a:hover {
        color: #ff5f19;
        text-decoration: underline; }

.youlxis_content {
  height: 160px;
  padding-top: 24px;
  background: #fff; }
  .youlxis_content h3 {
    color: #1a1a1a;
    font-size: 22px;
    line-height: 30px;
    border-left: 3px solid #ff5f19;
    padding-left: 22px;
    margin-bottom: 20px; }
  .youlxis_content .hrefs a {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 34px;
    margin-right: 58px; }
    .youlxis_content .hrefs a:hover {
      color: #ff5f19;
      text-decoration: underline; }

.footer_content {
  height: 300px;
  background: #2d3237;
  border-bottom: 1px solid #393f45;
  padding: 58px; }
  .footer_content .rows_auto {
    width: 1212px; }
  .footer_content .hresx {
    display: block;
    float: left;
    width: 170px;
    text-align: center;
    box-shadow: 0 0 5px #837979;
    height: 190px;
    margin-right: 32px;
    border-radius: 10px; }
    .footer_content .hresx p {
      color: #8c8c8c;
      font-size: 16px;
      line-height: 46px;
      margin-top: 4px; }
    .footer_content .hresx a {
      display: block;
      color: #8c8c8c;
      font-size: 14px;
      line-height: 28px; }
      .footer_content .hresx a:hover {
        color: #fff; }
  .footer_content .erwe span:hover p {
    color: #fff; }
  .footer_content .erwe span i {
    display: block;
    background: url("../imges/wx.png") center no-repeat;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin: 22px auto 0; }
  .footer_content .erwe span .wx {
    display: block;
    background: url("../imges/wx.png") center no-repeat;
    background-color: #8c8c8c; }
  .footer_content .erwe span .kf {
    display: block;
    background: url("../imges/em.png") center no-repeat;
    background-color: #8c8c8c; }
  .footer_content .erwe span p {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 30px; }
  .footer_content .erwe span:hover i {
    background-color: #fff; }
  .footer_content .erwe .wxiys {
    display: block;
    position: relative;
    height: 60px;
    cursor: pointer; }
    .footer_content .erwe .wxiys.active .wx_show {
      display: block; }
    .footer_content .erwe .wxiys .wx_show {
      display: block;
      position: absolute;
      left: 4px;
      top: -218px;
      width: 160px;
      height: 200px;
      background: #fff;
      box-shadow: 0 0 6px #bcbcbc;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: none; }
      .footer_content .erwe .wxiys .wx_show .triangle_border_up {
        width: 0;
        height: 0;
        border-width: 10px 10px 0;
        border-style: solid;
        border-color: #fff transparent transparent;
        margin: 8px auto;
        position: relative; }
      .footer_content .erwe .wxiys .wx_show img {
        width: 128px;
        height: 128px;
        margin: 18px auto 6px; }
      .footer_content .erwe .wxiys .wx_show p {
        color: #8c8c8c;
        font-size: 12px;
        line-height: 20px;
        margin-top: 0; }
  .footer_content .shangcx img {
    width: 116px;
    height: 116px; }

.copy {
  height: 56px;
  background: #2d3237; }
  .copy .rows_auto {
    width: 1212px; }
  .copy p {
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 56px; }
    .copy p a {
      color: #8c8c8c;
      font-size: 14px;
      line-height: 56px; }

.gungs_content {
  width: 100%;
  bottom: 0;
  left: 0; }

.gungs_content.active {
  position: fixed !important; }

/* 低部 end */
/* 页码 start*/
.yemas {
  text-align: center;
  display: block;
  padding: 30px 0; }
  .yemas .prev, .yemas .next {
    font-size: 16px; }
    .yemas .prev li, .yemas .next li {
      display: inline-block; }
    .yemas .prev:hover, .yemas .next:hover {
      opacity: .7;
      text-decoration: underline;
      color: #fcac8a; }
  .yemas .num, .yemas .current {
    color: #333;
    font-size: 16px;
    line-height: 40px;
    margin: 0 2px;
    padding: 4px 8px;
    border-radius: 2px; }
    .yemas .num:hover, .yemas .current:hover {
      background: #fcac8a;
      color: #fff; }
  .yemas .current {
    background: #fcac8a;
    color: #fff; }
  .yemas .rows, .yemas .top_huo .rows_auto, .top_huo .yemas .rows_auto, .yemas .navs_content .rows_auto, .navs_content .yemas .rows_auto, .yemas .login_cont .rows_autos, .login_cont .yemas .rows_autos, .yemas .gungs_content .rows_auto, .gungs_content .yemas .rows_auto, .yemas .youlxis_content .rows_auto, .youlxis_content .yemas .rows_auto, .yemas .footer_content .rows_auto, .footer_content .yemas .rows_auto, .yemas .copy .rows_auto, .copy .yemas .rows_auto, .yemas .tiku_contion .rows_auto, .tiku_contion .yemas .rows_auto {
    display: none; }


#Loading {
  position: fixed;
  top: 16px;
  left: 50%;
  width: 100px;
  height: 20px;
  margin-left: -50px; }

.am-pagination {
  text-align: center;
  padding-top: 20px; }
  .am-pagination a, .am-pagination .current {
    padding: 2px 10px;
    margin: 0 2px;
    border: 1px solid #F7F9FB; }
    .am-pagination a:hover, .am-pagination .current:hover {
      color: #da7d82;
      border-color: #da7d82; }
  .am-pagination .current {
    color: #da7d82;
    border-color: #da7d82; }

.qidai {
  width: 1200px;
  margin: 10px auto;
  background: #fff;
  text-align: center; }
  .qidai img {
    width: 1190px;
    height: 688px; }

@media screen and (max-width: 900px) {
  .init_msg_css {
    width: 550px !important; }

  .login_cont {
    width: 550px; }
    .login_cont .rows_autos {
      margin-top: 20px; }
    .login_cont .disanf {
      margin-top: 30px !important; } }
.ieShow {
  text-align: center;
  height: 40px;
  background: #fff6c0;
  color: #333;
  line-height: 40px;
  font-size: 16px;
  letter-spacing: 0em; }
  .ieShow a {
    width: 20px;
    height: 20px;
    display: block;
    background: url("../imges/tubx.png") center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px; }
    .ieShow a:hover {
      opacity: .7; }
  .ieShow .lxy1 {
    margin-left: 20px;
    background-position: 0 0; }
  .ieShow .lxy2 {
    background-position: 0 -20px; }

/* 公用弹框 */
.tiwensyx {
  width: 476px;
  margin: 39px auto 0; }
  .tiwensyx .texts {
    overflow: hidden;
    margin-bottom: 20px; }
    .tiwensyx .texts p {
      display: block;
      float: left;
      width: 80px;
      color: #1a1a1a;
      font-size: 16px;
      line-height: 54px;
      text-align: right;
      margin-right: 2px; }
    .tiwensyx .texts input, .tiwensyx .texts select, .tiwensyx .texts textarea {
      display: block;
      float: left;
      width: 394px;
      height: 50px;
      border: 1px solid #e5e5e5;
      background: #fff;
      color: #333;
      font-size: 16px;
      line-height: 50px;
      padding-left: 4px;
      border-radius: 8px; }
    .tiwensyx .texts textarea {
      height: 200px; }
  .tiwensyx .wentisubmit {
    display: block;
    width: 120px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    background-color: #ec726f;
    border-radius: 5px;
    margin: 0 auto 24px;
    border: none; }

.solution {
  z-index: 9999;
  position: fixed;
  top: 300px;
  right: 12px;
  bottom: inherit;
  width: 152px;
  display: none; }
  .solution .closeTexg {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0px;
    top: -22px;
    display: block;
    background: url("../imges/close.png") center no-repeat;
    background-color: #666;
    background-size: contain;
    right: 0;
    left: inherit;
    cursor: pointer;
    padding: 5px; }
  .solution a i {
    width: 100%;
    height: 383px;
    display: block;
    background: url("../imges/11.png") center no-repeat;
    background-size: contain;
    margin-right: -55px;
    margin-top: -5px; }
  .solution a p {
    display: none;
    width: 118px;
    height: 28px;
    margin: -6px auto 0;
    background-color: #005e15;
    border: 1px solid #64bdb2;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    border-radius: 2px;
    text-align: center; }
  .solution .href01 {
    position: absolute;
    top: 43px;
    left: 32px;
    width: 111px;
    height: 65px;
    opacity: 0; }
  .solution .href02 {
    position: absolute;
    bottom: 70px;
    left: 32px;
    width: 111px;
    height: 42px;
    opacity: 0; }
  .solution .href03 {
    position: absolute;
    bottom: 12px;
    left: 32px;
    width: 111px;
    height: 42px;
    opacity: 1; }

.deal {
  position: relative;
  width: 866px;
  background: #fff;
  border-radius: 5px; }
  .deal h3 {
    color: #333;
    font-size: 28px;
    line-height: 70px;
    text-align: center; }
  .deal .closeAll {
    cursor: pointer;
    display: block;
    background: url("../imges/close.png") center no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 0px;
    bottom: inherit;
    top: 20px; }
    .deal .closeAll:hover {
      opacity: .7; }
  .deal .txt_counum {
    height: 480px;
    overflow: auto;
    text-indent: 2em;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    padding: 0 46px;
    text-align: left; }
  .deal .yesx {
    display: block;
    width: 122px;
    height: 50px;
    background: #079000;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    margin: 10px auto 0; }

.kexin .kexi1 {
  padding: 25px 0 0;
  display: inline-block; }

body {
  background: #f5f7f9; }

  .retudivx{
    text-align:left;
    background:#f5f7f9 !important;
  }
  .retugo{
    color: #333;
    font-size: 16px;
    line-height: 44px;
  }
  .tiku_contion {
    padding:80px 0 30px;
  }
  .tiku_contion .qiehuans {
    position: relative;
    margin-left: 35px;
    padding-top: 30px; }
  .tiku_contion .qiehuans .goback{
    width: 82px;
    height: 42px;
    /* background: url("../../img/frontend/backbg.png") no-repeat; */
    background-size: 100%;
    line-height: 35px;
    text-align: center;
  }
  .tiku_contion .qiehuans .goback a{
    margin-left: -10px;
    color: #333333;
    font-size: 16px;
  }
  .tiku_contion .qiehuans .ceping-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0 40px;
    padding-right: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tiku_contion .qiehuans .ceping-name{
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
  }
  .tiku_contion .qiehuans .ceping-name span:first-child{
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #39a1f8;
    margin-right: 10px;
    vertical-align: middle;
  }
    .tiku_contion .qiehuans .qiehuas.active {
      color: #fff;
      background: #9ccaff; }
      .tiku_contion .qiehuans .qiehuas.active .items {
        display: block; }
    .tiku_contion .qiehuans > b {
      margin-bottom: -1px;
      color: #666;
      font-size: 16px;
      line-height: 80px;
      display: inline-block;
      font-weight: normal;
      padding: 0 4px;
      margin-right: 18px;
      font-weight:600;
      max-width: 565px;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: -21px; }
      .tiku_contion .qiehuans b i {
        display:inline-block;
        margin-right:10px;
        width:3px;
        height:14px;
        background-color: #39a1f8;
         }
    .tiku_contion .qiehuans > a, .tiku_contion .qiehuans .qiehuas {
      display: inline-block;
      color: #ff5f19;
      font-size: 14px;
      line-height: 52px; }
    .tiku_contion .qiehuans .qiehuas {
      position: relative;
      border-radius: 100%;
      line-height: 26px;
      padding: 4px;
      font-size: 14px; }
    .tiku_contion .qiehuans > i {
      display: inline-block;
      width: 2px;
      height: 18px;
      background: #ff5f19;
      margin: 0 12px;
      vertical-align: -5px; }
    .tiku_contion .qiehuans .items {
      z-index: 9;
      display: block;
      position: absolute;
      left: -32px;
      top: 42px;
      left: -31px;
      width: 122px;
      color: #333;
      font-size: 14px;
      line-height: 36px;
      background: #fff;
      text-align: center;
      box-shadow: 0 0 4px #33333336;
      padding: 10px 6px;
      display: none; }
      .tiku_contion .qiehuans .items i {
        width: 23px;
        height: 10px;
        display: block;
        position: absolute;
        left: 49.5px;
        top: -9px;
        display: block;
        background: url("../imges/sanjia.png") center no-repeat; }
      .tiku_contion .qiehuans .items a {
        display: block;
        max-width: 258px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px; }
        .tiku_contion .qiehuans .items a:hover {
          color: #ff5f19; }
  .tiku_contion .btn_lefts {
    display: block;
    float: left;
    width: 180px;
    background: #fff;
    margin-left:30px;
   }
  .tiku_contion .lf_icona li {
    border: 1px solid #e6e6e6;
    height: 110px;
    text-align: center;
  margin-bottom:20px; }
  .tiku_contion .lf_icona li:hover a{
  }
  .tiku_contion .lf_icona .btn_a {
    overflow: hidden;
    display: block;
    height: 100%;
    color: #39a1f8;
    font-size: 16px;
    line-height: 20px; }
.tiku_contion .lf_icona .btn_a:hover{

}
.tiku_contion .lf_icona .iconb1:hover,.tiku_contion .lf_icona .iconb5:hover{
  background-color: #39a1f8;
  color:#fff;
}
.tiku_contion .lf_icona .iconb1:hover i{
  background-image:url("../imges/dat002.png");
}
.tiku_contion .lf_icona .iconb5:hover i{
  background-image:url("../imges/dat004.png");
}
    .tiku_contion .lf_icona .btn_a:hover i {
      opacity: .9; }
    .tiku_contion .lf_icona .btn_a i {
      display: block;
      background: url("../imges/sanjia.png") left top no-repeat;

      margin: 28px auto 20px; }
  .tiku_contion .lf_icona .iconb1 i {
    width: 33px;
    height: 32px;
    background-image: url("../imges/dat02.png"); }
  .tiku_contion .lf_icona .iconb2 i {
    width: 33px;
    height: 32px;
    background-image: url("../imges/dat02.png"); }
  .tiku_contion .lf_icona .iconb4 i {
    width: 29px;
    height: 34px;
    background-image: url("../imges/dat03.png"); }
  .tiku_contion .lf_icona .iconb5 i {
    width: 29px;
    height: 30px;
    background-image: url("../imges/dat04.png"); }
.tiku_contion .lf_icona .iconb6 i {
      width: 28px;
      height: 34px;
      background-image: url("../imges/dat01.png"); }

  .tiku_contion .tiku_rights {
    display: block;
    float: right;
    width: 918px;
    margin-right:30px;
  }
  .tiku_contion .heover {
    overflow: hidden;
    margin-bottom: 10px; }
  .tiku_contion .dati_contions {
    position: relative;
    border: 1px solid #eee;
    text-align: left;
    padding: 50px 12px 6px;
    background: #fff;
    border-radius:10px;
    overflow: hidden;
  }
.introm{
  color: #666;
  font-size: 14px;
  line-height: 36px;
  text-align:right;
}
.introm .col1{
  color: #4fb4fa;
}
.introm .col2{
  color: #fb7073;
}
  .textrig{
    height: 1px;
    text-align:right;
  }
    .tiku_contion .dati_contions .titles {
      width: 99%;
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      background: #f3f5f7;
      color: #666;
      font-size: 14px;
      line-height: 40px;
      padding-left: 10px;
      border-bottom: 1px solid #e5e5e5;
      text-align: left; }
    .postlm{
      position:absolute;
      right:30px;
      top:0;
    }
    .postlm span{
      margin:0 2px;
    }
    .postlm>small{
      color: #666;
      font-size: 14px;
      line-height: 40px;
    }
.postlm span b{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 12px;
  vertical-align: -2px;
}
.postlm span.col1 b{
  background-color: #39A1F8;
}
.postlm span.col2 b{
  background-color: #fb7073;
}
.postlm span.col3 b{
  background-color: #f5f7f9;
  border:1px solid #ccc;
}
.postlm span.col4 b{
  background-color: #39a1f8;
}
.postlm span.col5 b{
  border:1px solid #ccc;
  background:url("../imges/jiaoys.png") no-repeat;
  background-position: right bottom;
}
.postlm span.col6 b{
  background-color: #fff;
}

      .tiku_contion .dati_contions .titles .bg1{
        position: absolute;
        top:6px;
        right:64px;
      }
      .tiku_contion .dati_contions .titles .bg2{
        position: absolute;
        top:6px;
        right:138px;
      }
      .tiku_contion .dati_contions .titles .bg3{
        position: absolute;
        top:6px;
        right:20px;
      }
      .tiku_contion .dati_contions span b {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 8px 0 12px;
        vertical-align: middle;
      }
    .tiku_contion .dati_contions .bg1 b {
      border: 1px solid #ccc;
      background: #fff; }
    .tiku_contion .dati_contions .bg2 b {
      border: 1px solid #ccc;
      background: #fff; }
    .tiku_contion .dati_contions .bg3 b {
      background: #8dc3a0; }
    .tiku_contion .dati_contions .bg4 {
      margin-right: 30px; }
      .tiku_contion .dati_contions .bg4 b {
        background: #fff; }
    .tiku_contion .dati_contions .shunx {
      display: inline-block;
      width: 40px;
      height: 30px;
      border-bottom: 2px solid #fff;
      color: #333;
      font-size: 14px;
      line-height: 26px;
      text-align: center;
      margin-right:5px;
      font-weight:600;
     }
      .tiku_contion .dati_contions .shunx.active {
        background: #fff;
        border-bottom: 2px solid #39a1f8;
        color: #39a1f8; }
    .tiku_contion .dati_contions .timuyuan {
      text-align: left;
      margin: 20px -10px 20px 0;
      max-height: 150px;
      overflow-y: scroll;
      -ms-overflow-style: none;
      overflow: -moz-scrollbars-none;
    }
    .tiku_contion .dati_contions .timuyuan::-webkit-scrollbar{width:0px}
      .tiku_contion .dati_contions .timuyuan b {
        display: inline-block;
        position: relative;
        width: 34px;
        height: 34px;
        margin: 4px;
        background: #fff;
        border-radius: 4px;
        color: #999;
        font-size: 14px;
        line-height: 34px;
        text-align: center;
        border: 1px solid #ddd;
        font-weight: normal;
        cursor: pointer; }
        .tiku_contion .dati_contions .timuyuan b:hover {
          opacity: .7; }
        .tiku_contion .dati_contions .timuyuan b i {
          display: block;
          display: block;
          position: absolute;
          right: -4px;
          bottom: 0px;
          width: 8px;
          height: 8px;
          border-radius: 100px;
          background: #91ccff;
          bottom: inherit;
          top: -3px; }
      .tiku_contion .dati_contions .timuyuan .your {
        background: #92bae8;
        color: #fff;
        border-color: #fff; }
      .tiku_contion .dati_contions .timuyuan .yes {
        background: #39A1F8;
        color: #fff;
        border-color: #fff; }
      .tiku_contion .dati_contions .timuyuan .no {
        background: #fa6d73;
        color: #fff;
        border-color: #fff; }
.tiku_contion .dati_contions .dangt {
          color: #fff;
          background: url("../imges/queyx.png") right bottom no-repeat !important;
          border: 1px solid #ccc;
           }

.layerbase {
  position: relative;
  width: 496px;
  border-radius: 10px;
  background: #fff;
  padding:0 28px;
  overflow: hidden;
}
  .layerbase .close_refefak {
    padding: 8px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 6px;
    display: block;
    background: url("../imges/close.png") center no-repeat;
    bottom: inherit;
    border-radius: 100%;
    top: 15px; }
    .layerbase .close_refefak:hover {
      opacity: .7; }
  .layerbase h5 {
    color: #333;
    font-size: 18px;
    line-height: 68px;
    border-bottom: 1px solid #e5e5e5;
    margin-top:8px;
    text-align: center;
    letter-spacing: 4px;
  }
  .layerbase .foot_refefak {
    text-align: center;
  }
    .layerbase .foot_refefak a {
      display:inline-block;
      width: 188px;
      height: 44px;
      color: #fff;
      font-size: 18px;
      line-height: 44px;
      background: #39a1f8;
      text-align: center;
      border-radius: 10px;
      margin:0 21px;
      border:1px solid #39a1f8;
    }
.layerbase .foot_refefak .jiucuo_btn.no{
  background-color: #808080;
  border-color:#e9f5ff;
}
.layerbase .foot_refefak p {
  color: #999999;
  font-size: 14px;
  line-height:64px;
  margin-bottom:12px;
}
.layerbase .foot_refefak .closems{
  background: #fff;
  color: #39a1f8;
  border:1px solid #39a1f8;

    }
      .layerbase .foot_refefak a:hover {
        opacity: .7; }
      .layerbase .foot_refefak a.active {
        background: #666; }

.kaoshi_refefak {
  display: none; }
  .kaoshi_refefak p {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    padding: 30px;
    height: 180px;
    overflow: auto; }

.timu_nojue .ue_conmon {

}
  .timu_nojue .ue_conmon > p {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    margin-top:10px;
  }
.timu_nojue .ue_conmon .cuwudiv{
  padding:22px 0 22px 18px;
    background: #f5f7f9;
  }
  .timu_nojue .ue_conmon label {
    display: inline-block;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin:10px 0;
    margin-right: 34px;
  }
    .timu_nojue .ue_conmon label input {
      margin-right: 4px;
      width:20px;
      height:20px;
      vertical-align: middle;
    }
  .timu_nojue .ue_conmon textarea {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    padding: 4px;
    width:98%;
    height: 94px;
    border-radius: 0px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    resize:none;
  }
.max_text{
  position:absolute;
  right: 14px;
  bottom: 34px;
  color: #999;
  font-size: 14px;
  line-height: 36px;
  background: #fff;
}
.max_text.red{
  color: #f00;
}
.timu_conmont{
    padding-bottom:20px;
}
.timu_conmont .titlex {
  position: relative;
  background: #f3f5f7;
  border: 1px solid #eee;
  border-bottom: none;
  text-align: right;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  overflow: hidden;
  height: 52px; }
  .timu_conmont .titlex>b{
    color: #333;
    font-size: 14px;
    line-height: 50px;
    padding-left:20px;
    float: left;
  }
  .timu_conmont .titlex .openTimu {
    display: block;
    position: absolute;
    right: 16px;
    bottom: 12px;
    width: 62px;
    height: 30px;
    border-radius: 4px;
    background: #9ccaff;
    width: auto;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    line-height: 30px; }
    .timu_conmont .titlex .openTimu:hover {
      background: #92bae8; }


.ti_ul .timubox {
  padding: 38px 40px 30px;
  background: #fff;
  border: 1px solid #e6e6e6; }
  .ti_ul .timubox h6 {
    position: relative;
    overflow: hidden; }
    .timu_conmont .titlex .user_btn {
      float: right;
      padding-left: 30px;
      margin-right: 30px;
      display: block;
      font-weight:normal;
      background: url("../imges/tiku__biji.png") 0 -1px no-repeat;
      color: #808080;
      font-size: 14px;
      line-height: 22px;
      margin-top: 14px;
    }
    .timu_conmont .titlex .iconli01 {
      background-image: url("../imges/icon_yc01.png");
    }

    .timu_conmont .titlex .iconli02 {
      background-image: url("../imges/icon_tw01.png");
    }

    .timu_conmont .titlex .iconli03 {
      background-image: url("../imges/icon_sc01.png");
    }

    .timu_conmont .titlex .iconli04 {
      background-image: url("../imges/icon_jj1.png");
    }


    .timu_conmont .titlex .iconli01.active{
      background-image: url("../imges/icon_yc1.png");
    }

    .timu_conmont .titlex .iconli02.active{
      background-image: url("../imges/icon_tw1.png");
    }

    .timu_conmont .titlex .iconli03.active{
      background-image: url("../imges/icon_sc1.png");
    }

    .timu_conmont .titlex .iconli04.active{
      background-image: url("../imges/icon_jj1.png");
    }


    .timu_conmont .titlex .iconli01:hover{
      background-image: url("../imges/icon_yc1.png");
    }

    .timu_conmont .titlex .iconli02:hover{
      background-image: url("../imges/icon_tw1.png");
    }

    .timu_conmont .titlex .iconli03:hover{
      background-image: url("../imges/icon_sc1.png");
      background-position:0 0;
    }

    .timu_conmont .titlex .iconli04:hover{
      background-image: url("../imges/icon_jj1.png");
    }



      .timu_conmont .titlex .tiuserj_btn {
      background-image: url("../imges/icon_jj1.png");
      }
      .ti_ul .timubox h6 .tiuserj_btn:hover {
        opacity: .7; }
    .ti_ul .timubox h6 .tiusers_btn {
      background-image: url("../imges/tiku__bcs.png"); }
      .ti_ul .timubox h6 .tiusers_btn:hover {
        background-image: url("../imges/tiku__bc.png"); }
      .ti_ul .timubox h6 .tiusers_btn.active {
        background-image: url("../imges/tiku__bc.png"); }
    .ti_ul .timubox h6 .tiuserb_btn {
      background-image: url("../imges/tiku__bjs.png"); }
      .ti_ul .timubox h6 .tiuserb_btn:hover {
        background-image: url("../imges/tiku__bj.png"); }
      .ti_ul .timubox h6 .tiuserb_btn.active {
        background-image: url("../imges/tiku__bj.png"); }
  .ti_ul .timubox .timutxt {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin: 14px auto 30px; }
  .ti_ul .timubox .datan {
    margin-bottom: 30px; }
.dan_key{
  display: flex;
  width:100%;
  margin:16px 0;
  padding:6px 0;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding-left: 5px;
  overflow: hidden;
}
.dan_key.active{
  background: #f3f3f3;
}
.dan_key.no{
  background: #f3f3f3;
}
.dan_key.no i{
  background: #fb7073;
  color:#fff;
  border-color:#fb7073;
}
.dan_key.no:hover i{
  color:#fff;
  border-color:#fb7073;
  background: #fb7073;
}
.dan_key:hover i{
  color: #fff;
  background: #39a1f8;
  border:1px solid #39a1f8;
}
.dan_key.active i{
  color: #fff;
  background: #39a1f8;
  border:1px solid #39a1f8;
}
.dan_key i{
  display:inline-block;
  width: 26px;
  height: 26px;
  color: #39a1f8;
  font-size: 16px;
  line-height: 28px;
  background: #fff;
  border:1px solid #39a1f8;
  text-align: center;
  border-radius:100%;
  float: left;
}
.dan_key p{
  display:inline-block;
  color: #333;
  font-size: 14px;
  line-height: 26px;
  margin-left:10px;
  width:790px;
  float: left;
}
    .ti_ul .timubox .datan label {
      display: block;
      margin-bottom: 10px;
      color: #333;
      font-size: 14px;
      line-height: 30px; }
      .ti_ul .timubox .datan label input {
        width: 16px;
        height: 16px;
        border-radius: 0px;
        background: #fff;
        margin-right: 8px; }
      .ti_ul .timubox .datan label:hover {
        color: #ff5f19; }
  .ti_ul .timubox .down_end {
    text-align: right; }
    .ti_ul .timubox .down_end a {
      display: inline-block;
      text-align: center;
      width: 90px;
      height: 30px;
      border-radius: 4px;
      background: #fff;
      color: #39a1f8;
      font-size: 14px;
      line-height: 30px;
      margin:0 15px;
      border:1px solid #39a1f8;
    }
.ti_ul .timubox .down_end a.no{
    background: #eee;
    color: #999;
    border-color: #ddd;
}
.ti_ul .timubox .down_end a.no:hover{
    background: #eee;
    color: #999;
    border-color: #ddd;
}
      .ti_ul .timubox .down_end a:hover {
        background-color: #ff5f19;
        background-image: linear-gradient(0deg, #64c7fb 0%, #4fb4fa 39%, #39a1f8 100%), linear-gradient(#39a1f8, #39a1f8);
        color: #fff; }
.ti_ul .daan_conmuts {
  background-color: #fff;
  border-top-left-radius:10px;
border-top-right-radius:10px;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid #e6e6e6; }
  .ti_ul .daan_conmuts .headmx {
    position:relative;
    height: 50px;
    background-color: #f3f5f7; }
.ti_ul .daan_conmuts .headmx .exerss{
  position:absolute;
  right: 20px;
  top: 11px;
  font-size: 14px;
  line-height: 24px;
  width: 90px;
  height: 24px;
  display: block;
  border:1px solid #4fb4fa;
  text-align:center;
  color: #4fb4fa;
  background-color: #f5f7f9;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
    .ti_ul .daan_conmuts .headmx b {
      color: #333;
      font-size: 14px;
      line-height: 50px;
      margin-right: 20px;
      font-weight: normal; }
      .ti_ul .daan_conmuts .headmx b i {
        margin-left: 10px; }
      .ti_ul .daan_conmuts .headmx b .color1 {
        color: #39A1F8;
        font-weight:  600;
        text-decoration:  underline;
        font-size: 20px; }
      .ti_ul .daan_conmuts .headmx b .color2 {
        color: #ff5f19;
        font-size: 20px;
      }
  .ti_ul .daan_conmuts .cuowus {
    width: 25px;
    height: 24px;
    display: block;
    /*background: url("../imges/tiku__cuo.png") center no-repeat;*/
    margin: 0 30px 0 20px;
    display: inline-block; }
  .ti_ul .daan_conmuts .yesus {
    display: block;
    width:25px;
    height:24px;
    /*background: url("../imges/yety1.png") center no-repeat;*/
    margin: 0 14px 0 20px;
    vertical-align: text-bottom;
    display: inline-block; }
  .ti_ul .daan_conmuts .jiexisg {
    padding: 12px 22px 18px; }

    /* 答案解析 */
.jiexisg span{
  display:block;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  line-height:24px;
}
.jiexisg span{
  display:block;
  overflow: hidden;
  margin:12px 0;
}
.jiexisg span i{
  display:inline-block;
  width:25px;
  height:24px;
  background: url("") center no-repeat;
  margin-right:8px;
  vertical-align:middle;
}
.jiexisg span>b{
  font-weight:600;
}
/*.jiexisg span>p{
  display:inline-block;
}*/
.jiexisg .textli1>i{
  background-image:url("../imges/yg01.png")
}
.jiexisg .textli2>i{
  background-image:url("../imges/yg02.png")
}
.jiexisg .textli2>p{
  color:#999;
  padding:4px 10px;
  border:1px solid #ddd;
  border-radius:5px;
}
/*.jiexisg .textli1>p{
  width:80%;
  vertical-align: top;
}*/
.jiexisg .textli2 .xing{
  background-image:url("../imges/xibg01.png");
  margin-right:0;
}
.jiexisg .textli2 .xing.active{
  background-image:url("../imges/xibg02.png");
}
.jiexisg .textli3>i{
  background-image:url("../imges/yg03.png")
}
.jiexisg .textli4>i{
  background-image:url("../imges/yg04.png")
}
.jiexisg .textli5>i{
  background-image:url("../imges/yg05.png")
}
.jiexisg .textli5 a{
  color: #39a1f8;
}
.jiexisg .textli5 a>i{
  background-image:url("../imges/yg06.png");
  margin-left:0;
  vertical-align:sub;
  margin-left:5px;
}

    /* 答案解析 */


  .ti_ul .daan_conmuts .tiwenbox {
    height: 48px;
    background-color: #f3f5f7;
    padding-left: 22px;
    font-size: 0; }
    .ti_ul .daan_conmuts .tiwenbox a {
      display: inline-block;
      width: 100px;
      height: 30px;
      border-radius: 4px;
      background: #f3f5f7;
      width: auto;
      padding: 4px 8px;
      border: 1px solid #ff5f19;
      color: #ff5f19;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      margin-top: 9px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
      .ti_ul .daan_conmuts .tiwenbox a:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .ti_ul .daan_conmuts .tiwenbox a.active {
        background: #ff5f19;
        color: #fff; }
      .userclot .userconmon.active{
        display: block;
      }
      .wen_title{
          width:934px;
          color: #333;
          font-size: 16px;
          line-height: 40px;
          margin-bottom:16px;
          border:none;
          border:1px solid #ccc;
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          border-radius:5px;
          padding-left:4px;
      }
.szimum {
    display: block;
    position: absolute;
    right:10px;
    bottom: 17px;
    color: #666;
    font-size: 14px;
    line-height: 40px;
    background-color: #fff;
}
.szimum.red{
    color: #f00;
}
  .ti_ul .daan_conmuts .list_userconmon {
    display: none;
    min-height: 400px; }
  .ti_ul .daan_conmuts .tiwenpage {
    text-align: center; }
  .ti_ul .daan_conmuts .wentixk, .ti_ul .daan_conmuts .tiwen_title {
    display: block;
    width: 894px;
    height: 130px;
    padding: 4px;
    border: 1px solid #f3f5f7;
    margin: 20px 22px 0 22px; }
  .ti_ul .daan_conmuts .tiwen_title {
    height: 40px; }
.ti_ul .anniu_tijiao {
  text-align: right; }
  .ti_ul .anniu_tijiao label {
    margin-right: 30px;
    color: #333;
    font-size: 14px;
    line-height: 68px; }
    .ti_ul .anniu_tijiao label input {
      width: 18px;
      height: 18px;
      margin-right: 8px; }
  .ti_ul .anniu_tijiao .tijiaobiyt {
    display: inline-block;
    width: 86px;
    height: 28px;
    border-radius: 4px;
    background: #da8482;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 10px 20px 0 0; }

.user_liuyans {
  padding-bottom: 20px; }
  .user_liuyans li {
    width: 892px;
    padding: 28px 0 40px;
    margin: 0 auto;
    border-bottom: 1px dashed #ddd;
    overflow: hidden; }
    .user_liuyans li:last-child {
      border-bottom: none; }
    .user_liuyans li img {
      width: 40px;
      display: block;
      float: left;
      width: 40px;
      margin-right: 20px; }
    .user_liuyans li .noet {
      display: block;
      float: right;
      width: 832px;
      position: relative; }
      .user_liuyans li .noet h6 {
        color: #999;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px; }
      .user_liuyans li .noet p {
        color: #333;
        font-size: 14px;
        line-height: 26px;
        word-break: break-all;
        word-wrap: break-word;
        max-height: 186px;
        overflow: hidden; }
    .user_liuyans li .zanst {
      display: block;
      position: absolute;
      right: 0px;
      bottom: -26px; }
      .user_liuyans li .zanst a {
        padding-left: 24px;
        margin-right: 30px;
        display: block;
        background: url("../imges/tiku__zan.png") left center no-repeat;
        color: #666;
        font-size: 14px;
        line-height: 22px;
        height: 20px;
        display: inline-block; }
      .user_liuyans li .zanst.zasnt_zan {
        background-image: url("../imges/tiku__zan.png"); }
      .user_liuyans li .zanst.zasnt_down {
        background-image: url("../imges/tiku__bishi.png"); }

#TimeLast b {
  font-weight: normal !important; }

.loadimgs {
  text-align: center;
  background: #fff;
  display: block; }

.loadimgs2 {
  text-align: center; }
  .loadimgs2 img {
    margin: 60px auto; }

.loadimgs3 {
  text-align: center; }
  .loadimgs3 img {
    margin: 60px auto; }

    .tigoom{
      position: relative;
      width:440px;
      height:245px;
      border-radius:4px;
      padding:5px 28px 50px;
      background-color: #fff;
      text-align: center;
      box-shadow:0 0 18px #000;
    }
    .tigoom .close{
      position: absolute;
      right:10px;
      top:10px;
      display:inline-block;
      width:32px;
      height:32px;
      background:url("../imges/close.png") no-repeat center;
      cursor: pointer;
    }
    .tigoom h5{
      color: #333;
      font-size: 18px;
      line-height:72px;
      border-bottom:1px solid #eaeaea;
      font-weight:normal;
    }
    .tigoom .csontent{
      color: #666666;
      font-size: 18px;
      line-height: 124px;
    }
    .tigoom .csontent .jingto{
      display:inline-block;
      margin-right:8px;
      width:30px;
      height:30px;
      background:url("../imges/jingt.png") no-repeat center;
      vertical-align: middle;
      margin-bottom:4px;
    }
    .contine,.veriuf{
      display:inline-block;
      margin:0 21px;
      width:168px;
      height:44px;
      text-align: center;
      color: #4fb4fa;
      font-size: 18px;
      line-height: 44px;
      border: 1px solid #4fb4fa;
      border-radius:10px;
    }
    .contine:hover,.veriuf:hover{
      border:1px solid #fff;
      background-image: linear-gradient(0deg, #64c7fb 0%, #4fb4fa 39%, #39a1f8 100%), linear-gradient(#39a1f8, #39a1f8);
      color: #fff;
    }

    .userclot{
      border: 1px solid #e6e6e6;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      overflow: hidden;
      margin-top:32px;
    }
    .userclot .headoyt{
      background-color: #f5f7f9;
      height:50px;
      padding:0 20px;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      overflow: hidden;
    }

    .headoyt a{
      display: inline-block;
      padding:0 20px;
      color: #333;
      font-size: 14px;
      line-height:48px;
      margin:0 4px;
      border-bottom:2px solid #f5f7f9;
    }
    .headoyt a:hover{
      color: #39a1f8;
      border-bottom:2px solid #39a1f8;
    }
    .headoyt a.active{
      color: #39a1f8;
      border-bottom:2px solid #39a1f8;
    }

/* 解析页面的css*/
.typeHtml .tiku_rights{
  width:1000px;
  margin:0 100px;
}
.typeHtml .qiehuans{
  padding:18px 0 0px;
}
.typeHtml .qiehuans .ymal{
  color: #666;
  font-size: 16px;
  line-height:40px;
  border-bottom:2px solid #fff;
  margin:0 8px;
  width: 83px;
  text-align: center;
}
.typeHtml .qiehuans .ymal.active{
  border-bottom-color:#4fb4fa;
  color: #4fb4fa;
}
.typeHtml .qiehuans i{
  width:1px;
  height:16px;
  background-color: #ccc;
}
.typeHtml .dati_contions .titles small{
  color: #999;
  font-size: 12px;
  line-height:38px;
  margin-left:10px;
}
.isuueul.cssfONT li {
  padding: 22px 28px 18px; }
.isuueul.cssfONT .screenmain .content_txt {
  margin: 6px 0 !important; }
.isuueul.cssfONT .screenmain .thattype {
  margin: 11px 0; }
.isuueul li {
  overflow: hidden;
  padding: 30px 28px 18px;
  border-bottom: 1px solid #eaeaea; }
.isuueul li > img {
  display: block;
  float: left;
  width: 46px;
  display: inline-block;
  width: 46px;
  height: 46px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #fff;
  overflow: hidden;
  margin-right: 16px; }
.isuueul li .screenmain {
  position: relative;
  display: block;
  float: left;
  width: 820px }
.isuueul li .screenmain.width1 {
  width: 1080px; }
.isuueul li .screenmain .close {
  display: block;
  display: block;
  position: absolute;
  left: 0px;
  top: -25px;
  left: inherit;
  right: -30px;
  display: block;
  background: url("/public/static/imges/closet.png") center no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer; }
.isuueul li .screenmain .close:hover {
  opacity: .7; }
.isuueul li .screenmain .thatname {
  display: block;
  position: relative;
  color: #666;
  font-size: 14px;
  line-height: 20px; }
.isuueul li .screenmain .thatname > i {
  display: block;
  background: url("/public/static/imges/wen.png") center no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px; }
.isuueul li .screenmain .thatname .mywcss {
  right: 130px;
  top: 0;
  bottom: inherit; }
.isuueul li .screenmain .thatname .myupda {
  display: block;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  left: inherit;
  right: 30px;
  color: #39a1f8;
  font-size: 16px;
  line-height: 20px; }
.isuueul li .screenmain .thatname .myupda i {
  width: 26px;
  height: 26px;
  display: block;
  background: url("/public/static/imges/xiy.png") center no-repeat;
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle; }
.isuueul li .screenmain .thatname .myupda:hover {
  opacity: .7; }
.isuueul li .screenmain .content_txt {
  margin: 4px 0 6px;
  color: #333;
  font-size: 16px;
  line-height: 28px; }
.isuueul li .screenmain .content_txt .seol {
  color: #406599; }
.isuueul li .screenmain .thattype {
  display: block;
  color: #999;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}
.isuueul li .screenmain .thattype.zandingtwei .zanpost {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px; }
.isuueul li .screenmain .thattype.zandingtwei .zanpost small {
  margin-right: 3px; }
.isuueul li .screenmain .thattype.zandingtwei .zanpost.active {
  color: #39a1f8; }
.isuueul li .screenmain .thattype.zandingtwei .zanpost i {
  width: 16px;
  height: 19px;
  display: block;
  background: url("../imges/zan01.png") center no-repeat;
  margin-right: 6px;
  display: inline-block;
  vertical-align: sub; }
.isuueul li .screenmain .thattype.zandingtwei .dahyus {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px; }
.isuueul li .screenmain .thattype b {
  float: right;
  color: #666; }
.collerta {
  z-index: 2;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  bottom: inherit;
  right: 0;
  color: #999;
}
  .collerta i{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/public/static/imges/tiku__bcs.png") no-repeat;
    vertical-align: middle;
    margin-right: 5px;
  }

  /*2019-07-18添加css*/
  .imgroom {
    /*overflow: hidden;*/
    /*margin: 0 0 0 63px;*/
  }
  .imgroom.conlistcss {
    margin-top: 8px; }
  .imgroom.conlistcss .parentCls {
    margin-bottom: 0; }
  .imgroom.conlistcss .wntimg {
    width: 100px;
    height: 60px; }
  .imgroom .parentCls {
    display: inline-block;
    overflow: inherit;
    margin-right: 8px;
    padding: 0;
    border: 1px solid #eee !important; }
  .imgroom .parentCls.parentCls {
    padding: 0;
    border: none;
    border-top: 1px solid #ccc; }
  .imgroom .tool {
    text-align: center;
    padding: 10px 0; }
  .imgroom .tool a {
    padding: 0 10px;
    color: #2d64b3; }
  .imgroom .tool a:hover {
    text-decoration: underline; }
  .imgroom .wntimg {
    display: block;
    width: 120px;
    height: 80px; }
  .imgroom .wntimg img {
    display: block;
    width: 100%;
    height: 100%; }

    /* 2019-07-22添加css */
    .condiv1 textarea{
      resize:none;
    }