@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  list-style: none;
 }

html {
  }

body {
  overflow-x: hidden; }

.wrapWid {
  width: 1200px;
  margin: 0 auto; }

.select {
  width: 200px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd; }
  .select option {
    padding: 5px 0;
    border-bottom: 1px solid #ddd; }

.hidden {
  display: none; }

.addBtn {
  display: inline-block;
  background: orange;
  color: white;
  padding: 0 20px; }

.txt_dlt {
  text-decoration: line-through; }

.file_box {
  position: relative; }
  .file_box input[type='file'] {
    opacity: 0;
    z-index: 2;
    position: relative;
    cursor: pointer; }
  .file_box .uploadFace {
    font-size: 1.4rem;
    border: 1px solid gray;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1; }

.txt_over {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.divNull {
  font-size: 4rem;
  color: #bbb;
  text-align: center;
  line-height: 400px; }

.liSpan {
  width: 300px;
  border: 1px solid #ddd;
  font-size: 1.2rem;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  cursor: pointer; }
  .liSpan i {
    float: right;
    line-height: 25px;
    font-size: 1.4rem;
    margin-right: 10px; }

.liOption {
  display: none;
  border: 1px solid #ddd;
  width: 300px;
  padding-left: 10px;
  border-top: none;
  font-size: 1.1rem; }
  .liOption li {
    line-height: 25px;
    height: 25px; }
    .liOption li span {
      margin-left: 10px; }
    .liOption li a {
      margin-left: 5px;
      color: #328ED9; }

.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: Bounce 0.2s ease-in-out; }

.headroom--unpinned {
  top: -100px; }

.headroom--pinned {
  top: 0; }

header {
  font-size: 1.2rem;
  background: white;
  z-index: 999; }

.top-wrap .top-txt {
  height: 40px;
  line-height: 40px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd; }
  .top-wrap .top-txt:after, .top-wrap .top-txt:before {
    display: table;
    line-height: 0;
    content: ""; }
  .top-wrap .top-txt:after {
    clear: both; }
.top-wrap .top-logo {
  height: 90px;
  font-size: 0; }
  .top-wrap .top-logo > div {
    display: inline-block;
    vertical-align: top; }
  .top-wrap .top-logo .logo_left {
    width: 30%; }
    .top-wrap .top-logo .logo_left img {
      vertical-align: middle; }
    .top-wrap .top-logo .logo_left span {
      font-size: 1.6rem;
      color: red;
      display: inline-block;
      height: 60px;
      border-left: 1px solid #ddd;
      line-height: 60px;
      padding-left: 10px; }
  .top-wrap .top-logo .logo_search {
    width: 50%; }
    .top-wrap .top-logo .logo_search .logo_swrap {
      margin: 0 auto;
      width: 80%;
      height: 70px;
      padding-top: 10px; }
    .top-wrap .top-logo .logo_search input[type="text"] {
      width: 80%;
      height: 40px;
      border: 1px solid #ddd;
      padding: 0 15px;
      vertical-align: bottom;
      font-size: 1.2rem; }
    .top-wrap .top-logo .logo_search .p_search a {
      display: inline-block;
      border: 1px solid #339999;
      height: 40px;
      width: 60px;
      text-align: center;
      background: #339999; }
    .top-wrap .top-logo .logo_search .p_search i {
      line-height: 40px;
      color: white;
      font-size: 2.4rem; }
    .top-wrap .top-logo .logo_search ul {
      display: inline-block; }
      .top-wrap .top-logo .logo_search ul li {
        display: inline-block; }
        .top-wrap .top-logo .logo_search ul li a {
          color: gray;
          font-size: 1.2rem;
          width: 30px;
          display: inline-block;
          text-align: center; }
          .top-wrap .top-logo .logo_search ul li a:hover {
            color: #339999; }
  .top-wrap .top-logo .logo_tel {
    padding-top: 25px;
    width: 20%;
    text-align: right; }
    .top-wrap .top-logo .logo_tel i {
      vertical-align: middle;
      font-size: 3.5rem;
      margin-right: 10px; }
    .top-wrap .top-logo .logo_tel .tel_info {
      vertical-align: middle;
      display: inline-block; }

.sn-hover:hover .siteNav {
  display: block; }

.siteNav {
  display: none;
  background: white;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 0 5px 1px #ddd;
  -webkit-box-shadow: 0 0 5px 1px #ddd;
  box-shadow: 0 0 5px 1px #ddd;
  padding: 10px 0px;
  position: absolute;
  right: 0px;
  width: 950px; }
  .siteNav .sn-triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    left: calc((100% - 30px)/2);
    -webkit-filter: drop-shadow(0px -2px 0px #ddd);
    -ms-filter: drop-shadow(0px -2px 0px #ddd);
    filter: drop-shadow(0px -2px 0px #ddd);
    top: -8px;
    left: 850px; }
  .siteNav > ul {
    text-align: center; }
    .siteNav > ul p {
      color: red;
      font-weight: 600;
      font-size: 1.5rem;
      border-bottom: 1px dashed #ddd; }
    .siteNav > ul > li {
      display: inline-block;
      vertical-align: top;
      margin: 0 20px; }
      .siteNav > ul > li ul {
        min-width: 150px; }
    .siteNav > ul .sn-case {
      width: 310px; }
      .siteNav > ul .sn-case li {
        display: inline-block;
        vertical-align: top;
        width: 150px; }

.navFixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

.nav {
  background: #339999;
  height: 50px;
  line-height: 50px; }
  .nav ul {
    font-size: 0;
    text-align: justify; }
    .nav ul li {
      display: inline-block;
      width: 12.5%;
      text-align: center;
      position: relative;
      height: 50px; }
      .nav ul li ul {
        display: none;
        z-index: 1000;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%; }
        .nav ul li ul li {
          height: 40px;
          line-height: 40px;
          display: block;
          width: 100%;
          background: #267373; }
          .nav ul li ul li a {
            font-size: 1.4rem; }
          .nav ul li ul li:hover {
            background: #40bfbf; }
      .nav ul li:hover {
        background: #2d8686; }
        .nav ul li:hover ul {
          display: block; }
      .nav ul li a {
        font-size: 1.6rem;
        color: white; }
      .nav ul li i {
        color: white;
        margin: 0 5px; }
      .nav ul li .logo_btn,
      .nav ul li .reg_btn {
        border: 1px solid white;
        padding: 2px 10px;
        font-size: 1.5rem; }
      .nav ul li .reg_btn {
        background: white;
        color: orangered; }

.nav_smaill {
  position: absolute;
  top: 50px;
  z-index: 999;
  width: 100%;
  height: 25px;
  background: rgba(0, 0, 0, 0.5); }
  .nav_smaill ul {
    font-size: 0; }
    .nav_smaill ul li {
      display: inline-block;
      line-height: 25px; }
      .nav_smaill ul li a {
        color: white;
        font-size: 1.2rem;
        padding: 0 10px;
        border-right: 1px solid white; }
    .nav_smaill ul li:last-child a {
      border: none; }

.sidebar-right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999; }
  .sidebar-right:after, .sidebar-right:before {
    display: table;
    line-height: 0;
    content: ""; }
  .sidebar-right:after {
    clear: both; }
  .sidebar-right .sr-nav {
    float: left;
    width: 40px;
    height: 100%;
    background: #3f3f3f;
    z-index: 999; }
    .sidebar-right .sr-nav .sr-n_middle {
      top: 25%;
      position: absolute;
      width: 40px; }
      .sidebar-right .sr-nav .sr-n_middle > li {
        position: relative;
        padding: 5px 0;
        text-align: center;
        cursor: pointer; }
        .sidebar-right .sr-nav .sr-n_middle > li .arrow {
          border-left: 8px solid white; }
        .sidebar-right .sr-nav .sr-n_middle > li p i {
          font-size: 2.2rem;
          color: white; }
        .sidebar-right .sr-nav .sr-n_middle > li p span {
          font-size: 1.4rem;
          color: #f5f5f5;
          display: inline-block;
          text-align: center;
          line-height: 18px;
          padding: 5px 10px 20px; }
        .sidebar-right .sr-nav .sr-n_middle > li:hover {
          background: rgba(108, 171, 249, 0.5); }
        .sidebar-right .sr-nav .sr-n_middle > li .sup {
          display: none;
          position: absolute;
          top: 0;
          right: 40px;
          background: white;
          border-bottom-left-radius: 5px;
          border-top-left-radius: 5px;
          box-shadow: -2px 0 5px 0 #ddd; }
      .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top {
        min-height: 365px;
        width: 400px; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-title li {
          width: 44%; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .txt_center img {
          width: 80px;
          height: 80px;
          border-radius: 50%; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .txt_center p {
          margin: 20px 0; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .user-money {
          line-height: 50px; }
          .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .user-money:after, .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .user-money:before {
            display: table;
            line-height: 0;
            content: ""; }
          .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .user-money:after {
            clear: both; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .layui-wrap input {
          margin: 30px 10px; }
        .sidebar-right .sr-nav .sr-n_middle .sr-user .sup-top .layui-tab-content .layui-wrap button {
          width: 40%;
          margin: 10px; }
      .sidebar-right .sr-nav .sr-n_middle .sr-custom .sup-top {
        height: 100px;
        width: 200px; }
        .sidebar-right .sr-nav .sr-n_middle .sr-custom .sup-top i {
          vertical-align: middle;
          font-size: 3.5rem;
          margin-right: 10px; }
        .sidebar-right .sr-nav .sr-n_middle .sr-custom .sup-top .tel_info {
          vertical-align: middle;
          display: inline-block; }
      .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top {
        padding: 20px;
        min-width: 250px; }
        .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap .sr-h {
          color: #339999;
          line-height: 40px;
          font-size: 1.4rem; }
        .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > p {
          color: gray;
          text-align: left;
          font-size: 1.4rem; }
        .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul {
          white-space: nowrap;
          width: 100%; }
          .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li {
            margin: 0 10px;
            display: inline-block; }
            .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li p {
              color: #339999; }
            .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center {
              position: relative;
              background: #dcdcdc;
              height: 140px;
              border-radius: 5px; }
              .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center .pos_a {
                width: 100%; }
              .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center p {
                font-size: 1.2rem;
                color: #999999;
                line-height: 30px; }
                .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center p img {
                  width: 70px;
                  height: 70px; }
              .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center .img-code {
                display: none;
                position: absolute;
                background: #dcdcdc;
                bottom: 0;
                top: 0;
                width: 100%; }
                .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center .img-code img {
                  width: 100px;
                  height: 100px;
                  text-align: center;
                  margin-top: 10px; }
            .sidebar-right .sr-nav .sr-n_middle .sr-counselor .sup-top .wrap > ul li .txt_center:hover .img-code {
              display: block; }
    .sidebar-right .sr-nav .arrow {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-left: 8px solid #4b4b4b;
      border-bottom: 10px solid transparent;
      position: absolute;
      right: -7px;
      top: 10px; }
    .sidebar-right .sr-nav .sr-n_down {
      position: absolute;
      bottom: 0;
      width: 40px; }
      .sidebar-right .sr-nav .sr-n_down li {
        position: relative;
        text-align: center; }
        .sidebar-right .sr-nav .sr-n_down li p {
          height: 40px;
          cursor: pointer; }
          .sidebar-right .sr-nav .sr-n_down li p i {
            line-height: 40px;
            font-size: 2.4rem;
            color: white; }
          .sidebar-right .sr-nav .sr-n_down li p:hover {
            background: rgba(108, 171, 249, 0.5); }
        .sidebar-right .sr-nav .sr-n_down li .sup {
          position: absolute;
          right: 40px;
          top: 0;
          border-bottom-left-radius: 5px;
          border-top-left-radius: 5px;
          background: #4b4b4b;
          display: none; }
        .sidebar-right .sr-nav .sr-n_down li .sup-fold,
        .sidebar-right .sr-nav .sr-n_down li .sup-top {
          width: 80px;
          height: 40px;
          color: white;
          line-height: 40px;
          font-size: 1.4rem; }
        .sidebar-right .sr-nav .sr-n_down li .sup-qrcode {
          padding: 10px;
          background: #4b4b4b; }
          .sidebar-right .sr-nav .sr-n_down li .sup-qrcode img {
            width: 60px;
            height: 60px; }
  .sidebar-right .sr-buyCar {
    display: none;
    z-index: 999;
    float: right;
    background: white;
    width: 300px;
    height: 100%;
    box-sizing: border-box; }
    .sidebar-right .sr-buyCar .sr-bc_title {
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      border-bottom: 1px solid #ddd; }
    .sidebar-right .sr-buyCar .sr-bc_list {
      overflow: auto; }
      .sidebar-right .sr-buyCar .sr-bc_list ul li {
        padding: 10px 20px;
        position: relative;
        border-bottom: 1px solid #ddd; }
        .sidebar-right .sr-buyCar .sr-bc_list ul li > div {
          display: inline-block;
          vertical-align: top; }
        .sidebar-right .sr-buyCar .sr-bc_list ul li .good_pic img {
          width: 50px;
          height: 50px;
          border-radius: 50%; }
        .sidebar-right .sr-buyCar .sr-bc_list ul li .good_del {
          position: absolute;
          top: 10px;
          right: 25px; }
          .sidebar-right .sr-buyCar .sr-bc_list ul li .good_del i {
            display: none;
            color: orangered;
            cursor: pointer; }
        .sidebar-right .sr-buyCar .sr-bc_list ul li:hover i {
          display: block; }
        .sidebar-right .sr-buyCar .sr-bc_list ul li:last-child {
          border-bottom: 0; }
    .sidebar-right .sr-buyCar .sr-bc_bottom {
      border-top: 1px solid #ddd;
      position: absolute;
      bottom: 0;
      width: 300px;
      background: white;
      height: 120px; }
      .sidebar-right .sr-buyCar .sr-bc_bottom .sr-bc_where {
        box-sizing: border-box;
        padding: 5px 10px;
        border-bottom: 1px solid #ddd; }
        .sidebar-right .sr-buyCar .sr-bc_bottom .sr-bc_where select {
          height: 25px;
          line-height: 25px;
          width: 110px; }
      .sidebar-right .sr-buyCar .sr-bc_bottom .sr-bc_btn {
        box-sizing: border-box;
        padding: 5px 10px;
        line-height: 30px; }
        .sidebar-right .sr-buyCar .sr-bc_bottom .sr-bc_btn .layui-btn {
          width: 100%; }

.teal {
  border-bottom: 1px solid #ddd; }
  .teal .mod_info {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px; }
    .teal .mod_info ul {
      font-size: 0; }
      .teal .mod_info ul li {
        display: inline-block;
        width: calc(100% / 3); }
        .teal .mod_info ul li p {
          color: #666666;
          font-size: 2.4rem; }
        .teal .mod_info ul li b {
          font-size: 3.5rem;
          color: #666666; }
        .teal .mod_info ul li span {
          font-size: 1.2rem; }

.join-list .join_lunbo > ul > li {
  width: 1200px; }
.join-list .join_lunbo .join-wrap {
  width: 1100px;
  margin: 0 auto; }
.join-list .join_lunbo .join-partner {
  width: 1100px; }
  .join-list .join_lunbo .join-partner li {
    margin-right: 50px;
    margin-bottom: 20px;
    cursor: pointer; }
    .join-list .join_lunbo .join-partner li img {
      width: 180px;
      height: 114px;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
      .join-list .join_lunbo .join-partner li img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0); }
  .join-list .join_lunbo .join-partner li:nth-of-type(5n+5) {
    margin-right: 0; }

footer {
  padding-top: 20px;
  background: #f2f2f2; }
  footer .copy_right .copy-top {
    height: 150px;
    padding: 30px 0;
    background: #222222; }
    footer .copy_right .copy-top .wrapWid > div {
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    footer .copy_right .copy-top .wrapWid .code {
      width: 10%; }
      footer .copy_right .copy-top .wrapWid .code p {
        color: #999999;
        font-size: 1.2rem;
        line-height: 30px; }
    footer .copy_right .copy-top .wrapWid .copy-li {
      width: 15%;
      text-align: left; }
      footer .copy_right .copy-top .wrapWid .copy-li p {
        color: #999999;
        font-size: 1.4rem;
        line-height: 30px; }
      footer .copy_right .copy-top .wrapWid .copy-li p,
      footer .copy_right .copy-top .wrapWid .copy-li ul {
        margin-left: 50px; }
      footer .copy_right .copy-top .wrapWid .copy-li ul li a {
        color: #999999;
        line-height: 20px;
        font-size: 1.2rem; }
    footer .copy_right .copy-top .wrapWid .copy-tel {
      border-left: 1px solid #ddd;
      width: 17%; }
      footer .copy_right .copy-top .wrapWid .copy-tel h3 {
        color: #d62f40;
        font-size: 2rem;
        line-height: 30px; }
      footer .copy_right .copy-top .wrapWid .copy-tel p {
        font-size: 1.2rem;
        color: #999999; }
      footer .copy_right .copy-top .wrapWid .copy-tel .copy-qq {
        border: 1px solid white;
        display: inline-block;
        border-radius: 5px;
        margin: 10px 0;
        padding: 5px 15px;
        color: #999999; }
        footer .copy_right .copy-top .wrapWid .copy-tel .copy-qq i {
          color: #999999;
          margin: 0 5px; }
      footer .copy_right .copy-top .wrapWid .copy-tel .copy-email {
        background: white;
        border-radius: 5px;
        color: #d62f40;
        margin: 5px 0;
        padding: 5px; }
        footer .copy_right .copy-top .wrapWid .copy-tel .copy-email i {
          color: #d62f40;
          margin: 0 5px; }
  footer .copy_right .copy-botoom {
    height: 100px;
    background: #000000; }
    footer .copy_right .copy-botoom p {
      font-size: 1.2rem;
      text-align: center;
      color: #999; }

.login_bg {
  background: #1c94e0 url("/Images/login_a.jpg") no-repeat center;
  height: 700px;
  min-width: 1200px;
  background-size: 100% 100%; }
  .login_bg .wrapWid {
    position: relative; }
    .login_bg .wrapWid .login_tab {
      width: 420px;
      position: absolute;
      right: 0;
      top: 100px; }
      .login_bg .wrapWid .login_tab .layui-tab-card {
        border-radius: 10px; }
      .login_bg .wrapWid .login_tab .layui-tab-title {
        background: transparent; }
        .login_bg .wrapWid .login_tab .layui-tab-title li {
          background: white;
          width: calc(50% - 18px);
          font-weight: bolder;
          font-size: 2rem; }
        .login_bg .wrapWid .login_tab .layui-tab-title .layui-this {
          background: rgba(255, 255, 255, 0.5);
          color: orangered; }
      .login_bg .wrapWid .login_tab .layui-tab-content {
        background: rgba(255, 255, 255, 0.5); }
        .login_bg .wrapWid .login_tab .layui-tab-content form {
          width: 80%;
          margin: 20px auto; }
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-input,
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-textarea {
          width: 99%; }
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-form-pane .layui-form-label {
          width: 40px; }
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-form-pane .layui-input-block {
          margin-left: 72px; }
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-form-pane .layui-form-radio,
        .login_bg .wrapWid .login_tab .layui-tab-content .layui-form-pane .layui-form-switch {
          margin-top: 0; }
        .login_bg .wrapWid .login_tab .layui-tab-content .full {
          width: 100%; }
    .login_bg .wrapWid .layui-form-danger + .layui-form-select .layui-input,
    .login_bg .wrapWid .layui-form-danger:focus {
      border: 1px solid #FF5722 !important; }

/*评星*/
.starDiv {
  display: inline; }

.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block; }

.star:before {
  content: "\f005";
  padding-right: 3px;
  color: #fbae03; }

.float_L {
  float: left; }

.float_R {
  float: right; }

.txt_L {
  text-align: left; }

.txt_R {
  text-align: right; }

.inline_block {
  display: inline-block; }

.input {
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd; }

.input:focus {
  border-color: #007AFF; }

.textarea {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 10px;
  resize: none;
  vertical-align: top; }

.pos_r {
  position: relative; }

.pos_a {
  position: absolute; }

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em; }

.label-default {
  background-color: #777; }

.label-primary {
  background-color: #428bca; }

.label-success {
  background-color: #5cb85c; }

.label-info {
  background-color: #5bc0de; }

.label-warning {
  background-color: #f0ad4e; }

.label-danger {
  background-color: #d9534f; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb li {
    display: inline-block;
    color: #777; }
    .breadcrumb li a {
      color: #328ED9; }
    .breadcrumb li em {
      color: #CCCCCC; }

.swiper-slide img {
  width: 100%; }

.f11 {
  font-size: 1.1rem; }

.f12 {
  font-size: 1.2rem; }

.f13 {
  font-size: 1.3rem; }

.f14 {
  font-size: 1.4rem; }

.f15 {
  font-size: 1.5rem; }

.f16 {
  font-size: 1.6rem; }

.f17 {
  font-size: 1.7rem; }

.f18 {
  font-size: 1.8rem; }

.f19 {
  font-size: 1.9rem; }

.f20 {
  font-size: 2rem; }

.f21 {
  font-size: 2.1rem; }

.f22 {
  font-size: 2.2rem; }

.f23 {
  font-size: 2.3rem; }

.f24 {
  font-size: 2.4rem; }

.f25 {
  font-size: 2.5rem; }

.f26 {
  font-size: 2.6rem; }

.f27 {
  font-size: 2.7rem; }

.f28 {
  font-size: 2.8rem; }

.f29 {
  font-size: 2.9rem; }

.f30 {
  font-size: 3rem; }

.txt_center {
  text-align: center; }

.dis_block {
  display: inline-block; }

.v_alignT {
  vertical-align: top; }

.v_alignM {
  vertical-align: middle; }

.v_alignB {
  vertical-align: bottom; }

.red {
  color: red; }

.green {
  color: green; }

.yellow {
  color: yellow; }

.blue {
  color: blue; }

.white {
  color: white; }

.black {
  color: black; }

.gray {
  color: gray; }

.orange {
  color: orange; }

.C328ed9 {
  color: #328ed9; }

.C666 {
  color: #666666; }

.C999 {
  color: #999999; }

.C32668b {
  color: #32668b; }

.Cf0a532 {
  color: #f0a532; }

.C5f94e8 {
  color: #5f94e8; }

.bigYellow {
  color: #fffc00; }

.bc_bbb {
  background: #bbb; }

.bc_ccc {
  background: #ccc; }

.bc_gray {
  background: gray; }

.bc_orangeRed {
  background: #FF5722; }

.bc_007e87 {
  background: #007e87; }

.bc_0097a2 {
  background: #0097a2; }

.bc_666 {
  background: #666; }

.bc_black {
  background: black; }

.bc_red {
  background: red; }

.bc_BC0000 {
  background: #BC0000; }

.bc_orange {
  background: orange; }

.bc_green {
  background: green; }

.bc_yellowGreen {
  background: yellowgreen; }

.bc_mauve {
  background: #bc00bc; }

.bc_purple {
  background: purple; }

.bc_0093ff {
  background: #0093ff; }

.bc_48affb {
  background: #48affb; }

.bc_5f94e8 {
  background: #5f94e8; }

.bc_f0a532 {
  background: #f0a532; }

a,
a:hover {
  text-decoration: none;
  cursor: pointer; }

.mar_5 {
  margin: 5px; }

.mar_Y5 {
  margin: 5px 0; }

.mar_X5 {
  margin: 0 5px; }

.mar_L5 {
  margin-left: 5px; }

.mar_R5 {
  margin-right: 5px; }

.mar_T5 {
  margin-top: 5px; }

.mar_B5 {
  margin-bottom: 5px; }

.mar_10 {
  margin: 10px; }

.mar_Y10 {
  margin: 10px 0; }

.mar_X10 {
  margin: 0 10px; }

.mar_L10 {
  margin-left: 10px; }

.mar_R10 {
  margin-right: 10px; }

.mar_T10 {
  margin-top: 10px; }

.mar_B10 {
  margin-bottom: 10px; }

.mar_15 {
  margin: 15px; }

.mar_Y15 {
  margin: 15px 0; }

.mar_X15 {
  margin: 0 15px; }

.mar_L15 {
  margin-left: 15px; }

.mar_R15 {
  margin-right: 15px; }

.mar_T15 {
  margin-top: 15px; }

.mar_B15 {
  margin-bottom: 15px; }

.mar_20 {
  margin: 20px; }

.mar_Y20 {
  margin: 20px 0; }

.mar_X20 {
  margin: 0 20px; }

.mar_L20 {
  margin-left: 20px; }

.mar_R20 {
  margin-right: 20px; }

.mar_T20 {
  margin-top: 20px; }

.mar_B20 {
  margin-bottom: 20px; }

.mar_25 {
  margin: 25px; }

.mar_Y25 {
  margin: 25px 0; }

.mar_X25 {
  margin: 0 25px; }

.mar_L25 {
  margin-left: 25px; }

.mar_R25 {
  margin-right: 25px; }

.mar_T25 {
  margin-top: 25px; }

.mar_B25 {
  margin-bottom: 25px; }

.mar_30 {
  margin: 30px; }

.mar_Y30 {
  margin: 30px 0; }

.mar_X30 {
  margin: 0 30px; }

.mar_L30 {
  margin-left: 30px; }

.mar_R30 {
  margin-right: 30px; }

.mar_T30 {
  margin-top: 30px; }

.mar_B30 {
  margin-bottom: 30px; }

.mar_35 {
  margin: 35px; }

.mar_Y35 {
  margin: 35px 0; }

.mar_X35 {
  margin: 0 35px; }

.mar_L35 {
  margin-left: 35px; }

.mar_R35 {
  margin-right: 35px; }

.mar_T35 {
  margin-top: 35px; }

.mar_B35 {
  margin-bottom: 35px; }

.mar_40 {
  margin: 40px; }

.mar_Y40 {
  margin: 40px 0; }

.mar_X40 {
  margin: 0 40px; }

.mar_L40 {
  margin-left: 40px; }

.mar_R40 {
  margin-right: 40px; }

.mar_T40 {
  margin-top: 40px; }

.mar_B40 {
  margin-bottom: 40px; }

.mar_45 {
  margin: 45px; }

.mar_Y45 {
  margin: 45px 0; }

.mar_X45 {
  margin: 0 45px; }

.mar_L45 {
  margin-left: 45px; }

.mar_R45 {
  margin-right: 45px; }

.mar_T45 {
  margin-top: 45px; }

.mar_B45 {
  margin-bottom: 45px; }

.mar_50 {
  margin: 50px; }

.mar_Y50 {
  margin: 50px 0; }

.mar_X50 {
  margin: 0 50px; }

.mar_L50 {
  margin-left: 50px; }

.mar_R50 {
  margin-right: 50px; }

.mar_T50 {
  margin-top: 50px; }

.mar_B50 {
  margin-bottom: 50px; }

.mar_55 {
  margin: 55px; }

.mar_Y55 {
  margin: 55px 0; }

.mar_X55 {
  margin: 0 55px; }

.mar_L55 {
  margin-left: 55px; }

.mar_R55 {
  margin-right: 55px; }

.mar_T55 {
  margin-top: 55px; }

.mar_B55 {
  margin-bottom: 55px; }

.mar_60 {
  margin: 60px; }

.mar_Y60 {
  margin: 60px 0; }

.mar_X60 {
  margin: 0 60px; }

.mar_L60 {
  margin-left: 60px; }

.mar_R60 {
  margin-right: 60px; }

.mar_T60 {
  margin-top: 60px; }

.mar_B60 {
  margin-bottom: 60px; }

.mar_65 {
  margin: 65px; }

.mar_Y65 {
  margin: 65px 0; }

.mar_X65 {
  margin: 0 65px; }

.mar_L65 {
  margin-left: 65px; }

.mar_R65 {
  margin-right: 65px; }

.mar_T65 {
  margin-top: 65px; }

.mar_B65 {
  margin-bottom: 65px; }

.mar_70 {
  margin: 70px; }

.mar_Y70 {
  margin: 70px 0; }

.mar_X70 {
  margin: 0 70px; }

.mar_L70 {
  margin-left: 70px; }

.mar_R70 {
  margin-right: 70px; }

.mar_T70 {
  margin-top: 70px; }

.mar_B70 {
  margin-bottom: 70px; }

.mar_75 {
  margin: 75px; }

.mar_Y75 {
  margin: 75px 0; }

.mar_X75 {
  margin: 0 75px; }

.mar_L75 {
  margin-left: 75px; }

.mar_R75 {
  margin-right: 75px; }

.mar_T75 {
  margin-top: 75px; }

.mar_B75 {
  margin-bottom: 75px; }

.mar_80 {
  margin: 80px; }

.mar_Y80 {
  margin: 80px 0; }

.mar_X80 {
  margin: 0 80px; }

.mar_L80 {
  margin-left: 80px; }

.mar_R80 {
  margin-right: 80px; }

.mar_T80 {
  margin-top: 80px; }

.mar_B80 {
  margin-bottom: 80px; }

.mar_85 {
  margin: 85px; }

.mar_Y85 {
  margin: 85px 0; }

.mar_X85 {
  margin: 0 85px; }

.mar_L85 {
  margin-left: 85px; }

.mar_R85 {
  margin-right: 85px; }

.mar_T85 {
  margin-top: 85px; }

.mar_B85 {
  margin-bottom: 85px; }

.mar_90 {
  margin: 90px; }

.mar_Y90 {
  margin: 90px 0; }

.mar_X90 {
  margin: 0 90px; }

.mar_L90 {
  margin-left: 90px; }

.mar_R90 {
  margin-right: 90px; }

.mar_T90 {
  margin-top: 90px; }

.mar_B90 {
  margin-bottom: 90px; }

.mar_95 {
  margin: 95px; }

.mar_Y95 {
  margin: 95px 0; }

.mar_X95 {
  margin: 0 95px; }

.mar_L95 {
  margin-left: 95px; }

.mar_R95 {
  margin-right: 95px; }

.mar_T95 {
  margin-top: 95px; }

.mar_B95 {
  margin-bottom: 95px; }

.mar_100 {
  margin: 100px; }

.mar_Y100 {
  margin: 100px 0; }

.mar_X100 {
  margin: 0 100px; }

.mar_L100 {
  margin-left: 100px; }

.mar_R100 {
  margin-right: 100px; }

.mar_T100 {
  margin-top: 100px; }

.mar_B100 {
  margin-bottom: 100px; }

.pad_5 {
  padding: 5px; }

.pad_Y5 {
  padding: 5px 0; }

.pad_X5 {
  padding: 0 5px; }

.pad_L5 {
  padding-left: 5px; }

.pad_R5 {
  padding-right: 5px; }

.pad_T5 {
  padding-top: 5px; }

.pad_B5 {
  padding-bottom: 5px; }

.pad_10 {
  padding: 10px; }

.pad_Y10 {
  padding: 10px 0; }

.pad_X10 {
  padding: 0 10px; }

.pad_L10 {
  padding-left: 10px; }

.pad_R10 {
  padding-right: 10px; }

.pad_T10 {
  padding-top: 10px; }

.pad_B10 {
  padding-bottom: 10px; }

.pad_15 {
  padding: 15px; }

.pad_Y15 {
  padding: 15px 0; }

.pad_X15 {
  padding: 0 15px; }

.pad_L15 {
  padding-left: 15px; }

.pad_R15 {
  padding-right: 15px; }

.pad_T15 {
  padding-top: 15px; }

.pad_B15 {
  padding-bottom: 15px; }

.pad_20 {
  padding: 20px; }

.pad_Y20 {
  padding: 20px 0; }

.pad_X20 {
  padding: 0 20px; }

.pad_L20 {
  padding-left: 20px; }

.pad_R20 {
  padding-right: 20px; }

.pad_T20 {
  padding-top: 20px; }

.pad_B20 {
  padding-bottom: 20px; }

.pad_25 {
  padding: 25px; }

.pad_Y25 {
  padding: 25px 0; }

.pad_X25 {
  padding: 0 25px; }

.pad_L25 {
  padding-left: 25px; }

.pad_R25 {
  padding-right: 25px; }

.pad_T25 {
  padding-top: 25px; }

.pad_B25 {
  padding-bottom: 25px; }

.pad_30 {
  padding: 30px; }

.pad_Y30 {
  padding: 30px 0; }

.pad_X30 {
  padding: 0 30px; }

.pad_L30 {
  padding-left: 30px; }

.pad_R30 {
  padding-right: 30px; }

.pad_T30 {
  padding-top: 30px; }

.pad_B30 {
  padding-bottom: 30px; }

.pad_35 {
  padding: 35px; }

.pad_Y35 {
  padding: 35px 0; }

.pad_X35 {
  padding: 0 35px; }

.pad_L35 {
  padding-left: 35px; }

.pad_R35 {
  padding-right: 35px; }

.pad_T35 {
  padding-top: 35px; }

.pad_B35 {
  padding-bottom: 35px; }

.pad_40 {
  padding: 40px; }

.pad_Y40 {
  padding: 40px 0; }

.pad_X40 {
  padding: 0 40px; }

.pad_L40 {
  padding-left: 40px; }

.pad_R40 {
  padding-right: 40px; }

.pad_T40 {
  padding-top: 40px; }

.pad_B40 {
  padding-bottom: 40px; }

.pad_45 {
  padding: 45px; }

.pad_Y45 {
  padding: 45px 0; }

.pad_X45 {
  padding: 0 45px; }

.pad_L45 {
  padding-left: 45px; }

.pad_R45 {
  padding-right: 45px; }

.pad_T45 {
  padding-top: 45px; }

.pad_B45 {
  padding-bottom: 45px; }

.pad_50 {
  padding: 50px; }

.pad_Y50 {
  padding: 50px 0; }

.pad_X50 {
  padding: 0 50px; }

.pad_L50 {
  padding-left: 50px; }

.pad_R50 {
  padding-right: 50px; }

.pad_T50 {
  padding-top: 50px; }

.pad_B50 {
  padding-bottom: 50px; }

.border_1 {
  border: 1px solid #ddd; }

.borderT_1 {
  border-top: 1px solid #ddd; }

.borderB_1 {
  border-bottom: 1px solid #ddd; }

.borderL_1 {
  border-left: 1px solid #ddd; }

.borderR_1 {
  border-right: 1px solid #ddd; }

.border_2 {
  border: 2px solid #ddd; }

.borderT_2 {
  border-top: 2px solid #ddd; }

.borderB_2 {
  border-bottom: 2px solid #ddd; }

.borderL_2 {
  border-left: 2px solid #ddd; }

.borderR_2 {
  border-right: 2px solid #ddd; }

.h_5 {
  height: 5px; }

.h_10 {
  height: 10px; }

.h_15 {
  height: 15px; }

.h_20 {
  height: 20px; }

.h_25 {
  height: 25px; }

.h_30 {
  height: 30px; }

.h_35 {
  height: 35px; }

.h_40 {
  height: 40px; }

.h_45 {
  height: 45px; }

.h_50 {
  height: 50px; }

.h_55 {
  height: 55px; }

.h_60 {
  height: 60px; }

.h_65 {
  height: 65px; }

.h_70 {
  height: 70px; }

.h_75 {
  height: 75px; }

.h_80 {
  height: 80px; }

.h_85 {
  height: 85px; }

.h_90 {
  height: 90px; }

.h_95 {
  height: 95px; }

.h_100 {
  height: 100px; }

.h_105 {
  height: 105px; }

.h_110 {
  height: 110px; }

.h_115 {
  height: 115px; }

.h_120 {
  height: 120px; }

.h_125 {
  height: 125px; }

.lh_5 {
  line-height: 5px; }

.lh_10 {
  line-height: 10px; }

.lh_15 {
  line-height: 15px; }

.lh_20 {
  line-height: 20px; }

.lh_25 {
  line-height: 25px; }

.lh_30 {
  line-height: 30px; }

.lh_35 {
  line-height: 35px; }

.lh_40 {
  line-height: 40px; }

.lh_45 {
  line-height: 45px; }

.lh_50 {
  line-height: 50px; }

.lh_55 {
  line-height: 55px; }

.lh_60 {
  line-height: 60px; }

.lh_65 {
  line-height: 65px; }

.lh_70 {
  line-height: 70px; }

.lh_75 {
  line-height: 75px; }

.lh_80 {
  line-height: 80px; }

.lh_85 {
  line-height: 85px; }

.lh_90 {
  line-height: 90px; }

.lh_95 {
  line-height: 95px; }

.lh_100 {
  line-height: 100px; }

.lh_105 {
  line-height: 105px; }

.lh_110 {
  line-height: 110px; }

.lh_115 {
  line-height: 115px; }

.lh_120 {
  line-height: 120px; }

.lh_125 {
  line-height: 125px; }

.w_5 {
  width: 5px; }

.w_10 {
  width: 10px; }

.w_15 {
  width: 15px; }

.w_20 {
  width: 20px; }

.w_25 {
  width: 25px; }

.w_30 {
  width: 30px; }

.w_35 {
  width: 35px; }

.w_40 {
  width: 40px; }

.w_45 {
  width: 45px; }

.w_50 {
  width: 50px; }

.w_55 {
  width: 55px; }

.w_60 {
  width: 60px; }

.w_65 {
  width: 65px; }

.w_70 {
  width: 70px; }

.w_75 {
  width: 75px; }

.w_80 {
  width: 80px; }

.w_85 {
  width: 85px; }

.w_90 {
  width: 90px; }

.w_95 {
  width: 95px; }

.w_100 {
  width: 100px; }

.w_105 {
  width: 105px; }

.w_110 {
  width: 110px; }

.w_115 {
  width: 115px; }

.w_120 {
  width: 120px; }

.w_125 {
  width: 125px; }

.w_130 {
  width: 130px; }

.w_135 {
  width: 135px; }

.w_140 {
  width: 140px; }

.w_145 {
  width: 145px; }

.w_150 {
  width: 150px; }

.min_h50 {
  min-height: 50px; }

.min_h100 {
  min-height: 100px; }

.min_h150 {
  min-height: 150px; }

.min_h200 {
  min-height: 200px; }

.min_h250 {
  min-height: 250px; }

.min_h300 {
  min-height: 300px; }

.min_h350 {
  min-height: 350px; }

.min_h400 {
  min-height: 400px; }

.min_h450 {
  min-height: 450px; }

.min_h500 {
  min-height: 500px; }

.max_h10 {
  max-height: 10px; }

.max_h20 {
  max-height: 20px; }

.max_h30 {
  max-height: 30px; }

.max_h40 {
  max-height: 40px; }

.max_h50 {
  max-height: 50px; }

.max_h60 {
  max-height: 60px; }

.max_h70 {
  max-height: 70px; }

.max_h80 {
  max-height: 80px; }

.max_h90 {
  max-height: 90px; }

.max_h100 {
  max-height: 100px; }

.max_h110 {
  max-height: 110px; }

.max_h120 {
  max-height: 120px; }

.max_h130 {
  max-height: 130px; }

.max_h140 {
  max-height: 140px; }

.max_h150 {
  max-height: 150px; }

.max_h160 {
  max-height: 160px; }

.max_h170 {
  max-height: 170px; }

.max_h180 {
  max-height: 180px; }

.max_h190 {
  max-height: 190px; }

.max_h200 {
  max-height: 200px; }

.max_h210 {
  max-height: 210px; }

.max_h220 {
  max-height: 220px; }

.max_h230 {
  max-height: 230px; }

.max_h240 {
  max-height: 240px; }

.max_h250 {
  max-height: 250px; }

.max_h260 {
  max-height: 260px; }

.max_h270 {
  max-height: 270px; }

.max_h280 {
  max-height: 280px; }

.max_h290 {
  max-height: 290px; }

.max_h300 {
  max-height: 300px; }

.max_h310 {
  max-height: 310px; }

.max_h320 {
  max-height: 320px; }

.max_h330 {
  max-height: 330px; }

.max_h340 {
  max-height: 340px; }

.max_h350 {
  max-height: 350px; }

.max_h360 {
  max-height: 360px; }

.max_h370 {
  max-height: 370px; }

.max_h380 {
  max-height: 380px; }

.max_h390 {
  max-height: 390px; }

.max_h400 {
  max-height: 400px; }

.max_h410 {
  max-height: 410px; }

.max_h420 {
  max-height: 420px; }

.max_h430 {
  max-height: 430px; }

.max_h440 {
  max-height: 440px; }

.max_h450 {
  max-height: 450px; }

.max_h460 {
  max-height: 460px; }

.max_h470 {
  max-height: 470px; }

.max_h480 {
  max-height: 480px; }

.max_h490 {
  max-height: 490px; }

.max_h500 {
  max-height: 500px; }

.btn_blue {
  display: inline-block;
  background: #328ED9;
  font-size: 1.2rem;
  color: white;
  padding: 10px 20px; }

.table {
  margin: 10px 0;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

.table-wsmall {
  width: 60%; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered tr td,
  .table-bordered tr th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: table-cell; }

.layui-table tr td:last-child {
  color: #007AFF; }
  .layui-table tr td:last-child a,
  .layui-table tr td:last-child i,
  .layui-table tr td:last-child p,
  .layui-table tr td:last-child span {
    color: #007AFF; }

.btn_rw {
  display: inline-block;
  background: #339999;
  font-size: 1.6rem;
  color: white;
  padding: 10px 20px;
  border-radius: 5px; }

.btn {
  display: inline-block;
  padding: 8px 10px; }

.btn-radius {
  border-radius: 5px; }

.btn-style-border {
  border: 1px solid; }

.btn-default {
  border-color: #ddd; }

.btn-primary {
  background: #339999;
  border-color: #339999; }

.xie-fang-left {
  transform: skew(45deg);
  -moz-transform: skew(45deg);
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
  height: 18px;
  background: -webkit-linear-gradient(white, #ddd);
  background: -moz-linear-gradient(white, #ddd);
  background: -o-linear-gradient(white, #ddd);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#ddd));
  background: linear-gradient(white, #ddd);
  border: 1px solid #d8d8d8; }

.xie-fang-right {
  transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  height: 18px;
  background: -webkit-linear-gradient(#ddd, white);
  background: -moz-linear-gradient(#ddd, white);
  background: -o-linear-gradient(#ddd, white);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(white));
  background: linear-gradient(#ddd, white);
  border: 1px solid #ddd; }

.top-bar {
  background: #339999;
  top: 0;
  position: fixed;
  width: 100%; }

.layui-form .upload-path {
  width: 300px;
  display: inline-block; }

/*上传样式*/
.upload-box {
  position: relative;
  display: inline-block;
  height: 32px;
  zoom: 1;
  *display: inline; }

.upload-box .upload-btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 8px;
  border: 1px solid #ddd;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.upload-box .upload-progress {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 5px;
  width: 115px;
  height: 26px;
  border: 1px solid #d7d7d7;
  background: #fff;
  overflow: hidden; }

.upload-box .upload-progress .txt {
  display: block;
  padding-right: 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  line-height: 18px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden; }

.upload-box .upload-progress .bar {
  position: relative;
  display: block;
  width: 112px;
  height: 4px;
  border: 1px solid #1da76b; }

.upload-box .upload-progress .bar b {
  display: block;
  width: 0;
  height: 4px;
  font-weight: normal;
  text-indent: -99em;
  background: #28B779;
  overflow: hidden; }

.upload-box .upload-progress .close {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  width: 14px;
  height: 14px;
  text-indent: -99em;
  background: url("skin_icons.png") -56px -196px no-repeat;
  cursor: pointer;
  overflow: hidden; }

.upload-box input {
  opacity: 0;
  cursor: pointer; }

.mn_tm_tab_1:after, .mn_tm_tab_1:before {
  display: table;
  line-height: 0;
  content: ""; }
.mn_tm_tab_1:after {
  clear: both; }
.mn_tm_tab_1 .mt_left {
  width: 200px;
  overflow: hidden;
  height: 650px;
  padding: 20px 0 20px 0;
  position: relative;
  float: left; }
  .mn_tm_tab_1 .mt_left .index_title {
    height: 100px;
    padding: 30px 30px 0px 30px;
    font-size: 20px;
    color: #fff; }
  .mn_tm_tab_1 .mt_left .list_ul li {
    height: 40px;
    width: 200px;
    color: white;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 40px;
    cursor: pointer; }
    .mn_tm_tab_1 .mt_left .list_ul li p {
      margin-right: 40px;
      color: white;
      width: 180px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .mn_tm_tab_1 .mt_left .list_ul li i {
      margin-left: 45px;
      font-size: 2rem;
      color: white; }
    .mn_tm_tab_1 .mt_left .list_ul li:nth-of-type(2n+2) p {
      margin-left: 40px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-bottom-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      .mn_tm_tab_1 .mt_left .list_ul li:nth-of-type(2n+2) p i {
        margin-left: 5px; }
    .mn_tm_tab_1 .mt_left .list_ul li:hover p, .mn_tm_tab_1 .mt_left .list_ul li:hover i {
      color: #339999; }
    .mn_tm_tab_1 .mt_left .list_ul li:hover p {
      background: white; }
  .mn_tm_tab_1 .mt_left .list_ul .on p, .mn_tm_tab_1 .mt_left .list_ul .on i {
    color: #339999; }
  .mn_tm_tab_1 .mt_left .list_ul .on p {
    background: white; }
.mn_tm_tab_1 .mt_right {
  width: 1000px;
  overflow: hidden;
  height: 650px;
  float: left;
  position: relative; }
  .mn_tm_tab_1 .mt_right .tab_ul {
    font-size: 0px;
    width: 100%;
    border-bottom: 1px solid #ddd; }
    .mn_tm_tab_1 .mt_right .tab_ul li {
      padding: 10px 0;
      display: inline-block;
      font-size: 1.6rem;
      width: 150px;
      text-align: center;
      line-height: 24px;
      cursor: pointer;
      position: relative; }
      .mn_tm_tab_1 .mt_right .tab_ul li .arrow {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #339999;
        left: calc((100% - 30px)/2);
        display: none;
        top: 66px; }
      .mn_tm_tab_1 .mt_right .tab_ul li:hover {
        background: #339999; }
        .mn_tm_tab_1 .mt_right .tab_ul li:hover p {
          color: white; }
        .mn_tm_tab_1 .mt_right .tab_ul li:hover .arrow {
          display: block; }
    .mn_tm_tab_1 .mt_right .tab_ul .on {
      background: #339999; }
      .mn_tm_tab_1 .mt_right .tab_ul .on p {
        color: white; }
      .mn_tm_tab_1 .mt_right .tab_ul .on .arrow {
        display: block; }
  .mn_tm_tab_1 .mt_right .tab_content > li {
    display: none; }
    .mn_tm_tab_1 .mt_right .tab_content > li:first-child {
      display: block; }
  .mn_tm_tab_1 .mt_right .tab_content .red_news {
    width: 90%;
    margin: 20px auto; }
    .mn_tm_tab_1 .mt_right .tab_content .red_news li {
      display: inline-block;
      padding: 15px 0;
      margin: 15px 0px;
      margin-right: 18px;
      border: 1px solid #ddd; }
      .mn_tm_tab_1 .mt_right .tab_content .red_news li:nth-of-type(5n+5) {
        margin-right: 0px; }
      .mn_tm_tab_1 .mt_right .tab_content .red_news li img {
        max-width: 100%;
        height: auto;
        border: 0; }
  .mn_tm_tab_1 .mt_right .tab_content .other {
    margin-top: 18px;
    border-top: 1px solid #ddd;
    position: absolute;
    width: 100%;
    bottom: 0px; }
    .mn_tm_tab_1 .mt_right .tab_content .other ul {
      font-size: 0px; }
    .mn_tm_tab_1 .mt_right .tab_content .other li {
      display: inline-block;
      vertical-align: top;
      height: 100px;
      border-right: 1px solid #ddd;
      padding: 0 30px; }
      .mn_tm_tab_1 .mt_right .tab_content .other li .img {
        width: 100px; }
      .mn_tm_tab_1 .mt_right .tab_content .other li img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        margin: 10px; }
      .mn_tm_tab_1 .mt_right .tab_content .other li > div {
        display: inline-block;
        vertical-align: top; }
      .mn_tm_tab_1 .mt_right .tab_content .other li:last-child {
        border-right: none; }
  .mn_tm_tab_1 .mt_right .tab_content .mc-info {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 10px;
    width: 150px;
    position: absolute;
    z-index: 100000; }
    .mn_tm_tab_1 .mt_right .tab_content .mc-info p {
      line-height: 30px;
      color: white;
      font-size: 1.6rem; }

.combo_ul {
  font-size: 0px;
  margin: 10px 0; }
  .combo_ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    margin-top: 10px;
    margin-right: 30px; }
    .combo_ul li a {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      width: 120px;
      text-align: center;
      border: 1px solid #ddd;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    .combo_ul li:nth-of-type(6n+6) {
      margin-right: 0px; }

@-webkit-keyframes bounce-down {
  25% {
    -webkit-transform: translateY(-10px); }
  50%, 100% {
    -webkit-transform: translateY(0); }
  75% {
    -webkit-transform: translateY(10px); } }
@keyframes bounce-down {
  25% {
    transform: translateY(-10px); }
  50%, 100% {
    transform: translateY(0); }
  75% {
    transform: translateY(10px); } }
.animate-bounce-down {
  background: #333;
  width: 100px;
  height: 100px;
  margin: 100px auto;
  -webkit-animation: bounce-down 1.5s linear infinite;
  animation: bounce-down 1.5s linear infinite; }

@-webkit-keyframes bounce-up {
  25% {
    -webkit-transform: translateY(2px); }
  50%, 100% {
    -webkit-transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-2px); } }
@keyframes bounce-up {
  25% {
    transform: translateY(2px); }
  50%, 100% {
    transform: translateY(0); }
  75% {
    transform: translateY(-2px); } }
.animate-bounce-up {
  -webkit-animation: bounce-up 1.4s linear infinite;
  animation: bounce-up 1.4s linear infinite; }

/*# sourceMappingURL=common.css.map */