body, ul, li {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  line-height: 1.5;}

ul, li {
  list-style: none;}

a {
  color: #333;
  text-decoration: none;}

a:hover {
  color: #402f73;}

a:visited {
  text-decoration: none;}
b {word-break: break-all;}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.floatad {
  position: fixed;
  right: 0;
  top: 162px;
  width: 200px;
  height: 220px;
  z-index: 999;}
  .floatad span {
    cursor: pointer;
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #333;
    color: #fff;
    top: -9px;
    left: -9px;}
    .floatad span i {
      font-size: 12px;}

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

.header {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 20px 0;
  font-size: 14px;}
  .header .logo {
    width: 360px;}
    .header .logo img {
      width: 100%;}
  .header .tbtn {
    padding-left: 16px;
    width: 156px;
    display: flex;}
    .header .tbtn .btn {
      display: block;
      height: 48px;
      width: 48px;
      background-image: url(../img/topbtn.jpg);
      cursor: pointer;
      margin-left: 4px;}
      .header .tbtn .btn:hover {
        background-position-x: right;}
    .header .tbtn .btn_0 {
      background-position: left bottom;}
    .header .tbtn .btn_1 {
      background-position: left top;}
    .header .tbtn .btn_2 {
      background-position: left center;}
  .header .search {
    padding: 0 20px;
    flex: 1;}
    .header .search .searchbox {
      display: flex;
      height: 36px;
      border: 6px solid #eee;
      border-radius: 4px;
      overflow: hidden;
 
}
    .header .search select {
      width: 80px;
      height: 36px;
      border: none;
      outline: none;
      padding-left: 6px;}
    .header .search input {
      flex: 1;
      padding: 0 6px;
      height: 36px;
      border: none;
      outline: none;}
    .header .search .btn {
      display: block;
      width: 80px;
      text-align: center;
      height: 100%;
      line-height: 36px;
      background: linear-gradient(to left, #18154e 0%, #402f73 100%);
      color: #fff;
      border: 0;}
  .header .qrcode {
    display: flex;
    padding-right: 10px;
    width: 72px;}
    .header .qrcode .it {
      flex: 1;
      position: relative;
      height: 36px;
      width: 36px;
      cursor: pointer;}
      .header .qrcode .it .icon {
        width: 100%;
        height: 100%;
        background-image: url(../img/qricon.jpg);}
      .header .qrcode .it .icon_android {
        background-position: top left;}
      .header .qrcode .it .icon_ios {
        background-position: bottom left;}
      .header .qrcode .it .img {
        display: none;
        position: absolute;
        top: 36px;
        left: -36px;
        z-index: 999;
        width: 160px;
        height: 160px;}
        .header .qrcode .it .img img {
          width: 100%;
          height: 100%;}
      .header .qrcode .it:hover .img {
        display: block;}
      .header .qrcode .it:hover .icon {
        background-position-x: right;}

.header .user {
  width: 180px;
  text-align: right;}
  .header .user .btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 4px;}
  .header .user .btn_reg {
    background: linear-gradient(to left, #18154e 0%, #402f73 100%);
    color: #fff;
    border-color: #402f73;}

.menu {
  height: 42px;
  min-width: 1200px;
  line-height: 42px;
  background: linear-gradient(to top, #18154e 0%, #402f73 100%);}
  .menu a {
    font-size: 16px;
    display: inline-block;
    padding: 0 34px;
    color: #fff;}

.banner {
  text-align: center;
  min-width: 1200px;
  background: #444;}
  .banner .swiper-container {
    width: 100%;
    height: 460px;}
    .banner .swiper-container .swiper-slide {
      overflow: hidden;}
      .banner .swiper-container .swiper-slide a {
        display: block;
        height: 460px;
        text-align: center;
        overflow: hidden;}
        .banner .swiper-container .swiper-slide a .img {
          height: 460px;
          width: 100%;
          position: relative;
          overflow: hidden;}
          .banner .swiper-container .swiper-slide a .img img {
            height: 460px;
            top: 0;
            left: 50%;
            position: absolute;
            margin-left: -960px;}

.main {
  padding-top: 30px;}
  .main .full-title {
    /* text-align: center; */
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding-top: 32px;
    padding-bottom: 10px;
    color: #333;
    /* border-bottom: 1px solid #ddd; */
    display: flex;}
    .main .full-title .t {
      flex: 1;}
      .main .full-title .t .iconfont {
        margin: 0 10px 0 20px;
        font-size: 24px;
        font-weight: normal;
        color: #e42d27;}
    .main .full-title .m {
      width: 100px;
      text-align: right;
      font-size: 13px;
      color: #999;
      font-weight: normal;}
  .main .box {
    display: flex;
    padding: 15px;
    /* background: #f5f5f5; */
    border-radius: 8px;
    border: 1px solid #eee;}
    .main .box.box-gray {
      background: #f9f9f9;}
    .main .box.box-h {
      flex-direction: column;}
    .main .box .swiper {
      text-align: center;
      background: #444;
      width: 320px;
      margin-right: 20px;
      overflow: hidden;
      border-radius: 4px;}
      .main .box .swiper .swiper-container {
        width: 100%;
        height: 230px;}
        .main .box .swiper .swiper-container .swiper-pagination {
          bottom: 32px;}
        .main .box .swiper .swiper-container .swiper-slide {
          overflow: hidden;}
          .main .box .swiper .swiper-container .swiper-slide a {
            display: block;
            height: 230px;
            text-align: center;
            overflow: hidden;
            position: relative;}
            .main .box .swiper .swiper-container .swiper-slide a .tit {
              position: absolute;
              bottom: 0px;
              height: 32px;
              line-height: 32px;
              text-align: center;
              color: #fff;
              z-index: 1;
              width: 100%;
              background: rgba(0, 0, 0, 0.6);}
            .main .box .swiper .swiper-container .swiper-slide a .img {
              height: 230px;
              width: 100%;
              position: relative;
              overflow: hidden;}
              .main .box .swiper .swiper-container .swiper-slide a .img img {
                height: 230px;
                top: 0;
                left: 50%;
                position: absolute;
                margin-left: -960px;}
    .main .box .swiper2 {
      margin-right: 0;
      margin-left: 20px;}
    .main .box .news .it {
      display: flex;
      margin-bottom: 10px;
      cursor: pointer;
      background: #f9f9f9;
      padding: 10px;
      border-radius: 4px;
      float: left;
      width: 356px;
      margin: 0 10px 10px;}
      .main .box .news .it:last-child {
        margin-bottom: 0;}
      .main .box .news .it .tumb {
        width: 120px;
        height: 90px;
        border-radius: 4px;
        overflow: hidden;}
        .main .box .news .it .tumb img {
          width: 100%;
          height: 100%;}
      .main .box .news .it .info {
        flex: 1;
        margin-left: 10px;}
        .main .box .news .it .info .tit {
          font-size: 14px;
          height: 32px;
          line-height: 32px;
          font-weight: bold;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;}
        .main .box .news .it .info .desc {
          font-size: 12px;
          color: #999;}
    .main .box .list {
      flex: 1;
      width: 0;}
      .main .box .list .title {
        text-align: left;
        padding: 0 12px;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        padding-bottom: 12px;
        display: flex;}
        .main .box .list .title .t {
          flex: 1;}
          .main .box .list .title .t .iconfont {
            margin-right: 10px;
            color: #e42d27;}
        .main .box .list .title .m {
          width: 100px;
          text-align: right;
          font-size: 13px;
          color: #999;
          font-weight: normal;}
      .main .box .list .it {
        height: 28px;
        line-height: 28px;
        display: flex;
        margin: 0 10px;
        border-bottom: 1px dashed #ddd;}
        .main .box .list .it:hover {
          background: #fff;}
        .main .box .list .it .tit {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding-left: 20px;
          background: url(../img/arr.jpg) no-repeat left center;}
        .main .box .list .it .date {
          width: 120px;
          text-align: right;
          color: #999;
          font-size: 12px;}
    .main .box .data {
      width: 100%;
      flex: 1;
      overflow: hidden;
      border-radius: 4px;}
      .main .box .data table {
        width: 100%;}
      .main .box .data td {
        text-align: center;
        height: 36px;
        line-height: 36px;
        background: #fff;
        border-bottom: 1px solid #f5f5f5;}
      .main .box .data tr:hover td {
        background: #f7f9fb;}
      .main .box .data th {
        text-align: center;
        height: 32px;
        line-height: 32px;
        background: #d6dde0;}
      .main .box .data .hot {
        color: #e4322b;}
      .main .box .data .btn {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #fff;
        color: #e4322b;
        border: 1px solid #e4322b;
        border-radius: 12px;
        padding: 0 10px;}
        .main .box .data .btn:hover {
          color: #fff;
          background: #e4322b;}
    .main .box .scrolltable {
      overflow: hidden;
      height: 195px;}
  .main .showcase {
    display: flex;
    justify-content: space-between;
    border: 1px solid #eee;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 8px;}
    .main .showcase .it {
      border: 1px solid #ddd;
      border-radius: 4px;
      overflow: hidden;
      width: 180px;
      background: #ffff;}
      .main .showcase .it .photo {
        width: 180px;
        height: 180px;}
        .main .showcase .it .photo img {
          width: 100%;
          height: 100%;}
      .main .showcase .it .info {
        padding: 8px;}
      .main .showcase .it .tit {
        text-align: center;
        height: 24px;
        line-height: 24px;}
        .main .showcase .it .tit span {
          color: #e4322b;
          margin-left: 10px;}
      .main .showcase .it .desc {
        text-align: center;
        color: #999;
        height: 24px;
        line-height: 24px;}
        .main .showcase .it .desc span {
          color: #e4322b;
          margin-left: 10px;}
  .main .imglist {
    display: flex;
    justify-content: space-between;}
    .main .imglist .it {
      flex: 1;
      position: relative;
      margin-right: 10px;
      border-radius: 4px;
      overflow: hidden;}
      .main .imglist .it:last-child {
        margin-right: 0;}
      .main .imglist .it img {
        width: 100%;
        line-height: 0px;
        vertical-align: middle;}
      .main .imglist .it span {
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: center;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 16px;
        bottom: 0px;
        width: 100%;}
  .main .cates {
    width: 280px;
    margin-right: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;}
    .main .cates .it {
      display: block;
      height: 70px;
      line-height: 70px;
      font-size: 14px;
      text-align: center;
      color: #fff;
      background: linear-gradient(to top, #18154e 0%, #402f73 100%);
      border-radius: 6px;
      margin: 0 10px 10px 0;
      width: 130px;}
      .main .cates .it .iconfont {
        font-size: 18px;
        margin-right: 10px;}
  .main .links {
    padding-top: 10px;
    padding-left: 10px;
    overflow: hidden;}
    .main .links a {
      color: #fff;
      display: block;
      height: 72px;
      width: 279px;
      margin-right: 10px;
      margin-bottom: 10px;
      float: left;}
      .main .links a img {
        width: 100%;
        height: 100%;
        margin: 0;}
  .main .side {
    width: 240px;
    float: left;}
    .main .side .sidebox {
      border-radius: 8px;
      border: 1px solid #eee;}
      .main .side .sidebox .hd {
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        padding-left: 15px;
        border-bottom: 1px solid #ddd;
        background: #f5f5f5;}
      .main .side .sidebox .bd {
        padding: 15px;}
        .main .side .sidebox .bd .nav a {
          display: block;
          font-size: 15px;
          height: 32px;
          line-height: 32px;
          padding-left: 20px;
          font-size: 15px;
          background: url(../img/arr.jpg) no-repeat left center;}
  .main .cont {
    margin-left: 260px;
    min-height: 700px;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #eee;}
    .main .cont.cont-full {
      margin-left: 0;}
    .main .cont .filter {
      font-size: 14px;
      padding: 0 0 10px 10px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px;}
      .main .cont .filter .select {
        display: flex;
        padding: 8px 0;}
        .main .cont .filter .select .tit {
          width: 80px;
          height: 24px;
          line-height: 24px;}
        .main .cont .filter .select .vals .it {
          display: inline-block;
          padding: 0 12px;
          height: 24px;
          line-height: 24px;}
          .main .cont .filter .select .vals .it.it-active {
            border: 1px solid #2e1965;
            background: #9e84e6;
            color: #fff;
            border-radius: 4px;}
      .main .cont .filter .dropdown .rtit {
        height: 48px;
        line-height: 48px;
        display: inline-block;}
      .main .cont .filter .dropdown .item {
        display: inline-block;
        position: relative;}
        .main .cont .filter .dropdown .item .tit {
          padding: 0 10px;
          height: 48px;
          line-height: 48px;
          cursor: pointer;}
          .main .cont .filter .dropdown .item .tit .iconfont {
            margin-left: 6px;}
        .main .cont .filter .dropdown .item .vals {
          display: none;
          position: absolute;
          z-index: 9;
          top: 36px;
          left: 0;
          width: 100%;
          padding: 10px 16px;
          box-shadow: 2px 2px 8px 2px #ddd;
          background: #fff;
          max-height: 240px;
          overflow-y: scroll;}
          .main .cont .filter .dropdown .item .vals .it {
            display: block;
            height: 32px;
            line-height: 32px;}
            .main .cont .filter .dropdown .item .vals .it.it-active {
              color: #2e1965;}
        .main .cont .filter .dropdown .item:hover .vals {
          display: block;}
    .main .cont .title {
      border-bottom: 1px solid #ddd;
      font-size: 18px;
      height: 36px;
      line-height: 36px;
      margin-bottom: 10px;
      padding-bottom: 10px;}
      .main .cont .title .iconfont {
        font-size: 20px;
        color: #e42d27;
        margin-right: 10px;}
    .main .cont .list-news .it {
      display: flex;
      height: 42px;
      line-height: 42px;
      border-bottom: 1px solid #e5e5e5;}
      .main .cont .list-news .it .tit {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 20px;
        font-size: 15px;
        background: url(../img/arr.jpg) no-repeat left center;}
      .main .cont .list-news .it .date {
        color: #999;
        width: 180px;
        text-align: right;}
    .main .cont .list-prod {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;}
      .main .cont .list-prod .item {
        border: 1px solid #ddd;
        margin: 0 8px 20px;
        border-radius: 4px;
        overflow: hidden;
        display: block;
        width: 370px;}
        .main .cont .list-prod .item .hd {
          background: #f5f5f5;
          height: 42px;
          line-height: 42px;
          padding: 0 15px;
          display: flex;}
          .main .cont .list-prod .item .hd .tit {
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            flex: 1;
            font-size: 14px;}
          .main .cont .list-prod .item .hd .action {
            width: 90px;
            text-align: right;}
            .main .cont .list-prod .item .hd .action .btn {
              display: inline-block;
              height: 24px;
              line-height: 24px;
              font-size: 12px;
              background: #fff;
              color: #e4322b;
              border: 1px solid #e4322b;
              border-radius: 12px;
              padding: 0 10px;}
        .main .cont .list-prod .item .info {
          display: flex;
          flex-wrap: wrap;
          padding: 15px;}
          .main .cont .list-prod .item .info .it {
            width: 50%;
            height: 32px;
            line-height: 32px;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
}
            .main .cont .list-prod .item .info .it .iconfont {
              margin-right: 6px;
              color: #e4322b;}
    .main .cont .pager {
      text-align: center;
      padding: 20px 0;}
      .main .cont .pager a, .main .cont .pager span {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
        text-align: center;
        border: 1px solid #ddd;
        color: #666;
        border-radius: 4px;}
      .main .cont .pager a:hover, .main .cont .pager a.active {
        color: #2e1965;
        border-color: #2e1965;}
      .main .cont .pager span {
        color: #ccc;
        border-color: #eee;}

.path {
  height: 56px;
  line-height: 56px;
  background: #f4f7fa;
  color: #666;}
  .path .wrap {
    position: relative;
    left: 20px;}
  .path a {
    color: #666;}

.container {
  min-height: 600px;}
  .container .error {
    text-align: center;
    padding-top: 120px;}
    .container .error .code {
      font-size: 96px;
      height: 128px;
      line-height: 128px;}
    .container .error .msg {
      height: 24px;
      font-size: 16px;
      line-height: 24px;}
  .container .title {
    font-size: 24px;
    text-align: center;
    height: 36px;
    line-height: 36px;}
  .container .desc {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #999;
    height: 24px;
    line-height: 24px;
    padding: 10px 0;}
  .container .content {
    padding: 20px;}

.prod .maininfo {
  display: flex;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 8px;}
  .prod .maininfo .tumbs {
    width: 360px;
    height: 280px;
    overflow: hidden;}
    .prod .maininfo .tumbs .swiper {
      text-align: center;
      background: #444;
      width: 360px;
      height: 280px;
      margin-right: 20px;
      overflow: hidden;
      border-radius: 4px;}
      .prod .maininfo .tumbs .swiper .swiper-container {
        width: 100%;
        height: 100%;}
        .prod .maininfo .tumbs .swiper .swiper-container .swiper-slide {
          overflow: hidden;
          width: 100%;
          height: 100%;}
          .prod .maininfo .tumbs .swiper .swiper-container .swiper-slide a {
            display: block;
            height: 100%;
            width: 100%;
            text-align: center;
            overflow: hidden;}
            .prod .maininfo .tumbs .swiper .swiper-container .swiper-slide a img {
              height: 100%;
              width: 100%;}
  .prod .maininfo .info {
    flex: 1;
    padding-left: 20px;
    flex-wrap: wrap;
    align-content: flex-start;}
    .prod .maininfo .info .hd {
      display: flex;
      height: 48px;
      line-height: 48px;
      width: 100%;
      margin-bottom: 10px;}
      .prod .maininfo .info .hd .tit {
        font-size: 24px;
        font-weight: bold;
        flex: 1;}
      .prod .maininfo .info .hd .action {
        width: 240px;}
        .prod .maininfo .info .hd .action .btn {
          display: inline-block;
          height: 24px;
          line-height: 24px;
          background: #fff;
          color: #e4322b;
          border: 1px solid #e4322b;
          border-radius: 12px;
          font-size: 12px;
          padding: 0 10px;}
          .prod .maininfo .info .hd .action .btn:hover {
            color: #fff;
            background: #e4322b;}
    .prod .maininfo .info table {
      width: 100%;
      border-top: 1px solid #ddd;
      border-left: 1px solid #ddd;}
      .prod .maininfo .info table tr td {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 8px 12px;} 
      .prod .maininfo .info table tr td p {margin: 0;  padding: 0;}
        .prod .maininfo .info table tr td:first-child {
          color: #999;
          width: 120px;
          background: #f3f3f3;} 
        .prod .maininfo .info table tr td:first-child+td {
          background: #fff;}
        .prod .maininfo .info table tr td:first-child+td p {  padding: 6px 0;}
        .prod .maininfo .info table tr td.k {
          color: #999;
          width: 120px;
          background: #f3f3f3;} 
        .prod .maininfo .info table tr td.v {
          background: #fff;}
    .prod .maininfo .info .it {
      font-size: 14px;
      width: 49%;
      display: flex;
      height: 36px;
      line-height: 36px;}
      .prod .maininfo .info .it .k {
        width: 120px;
        color: #999;}
      .prod .maininfo .info .it .v {
        flex: 1;}
    .prod .maininfo .info .contact {
      display: inline-block;
      border: 1px solid #2e1965;
      background: #e4e0f3;
      color: #2e1965;
      margin-top: 10px;
      border-radius: 4px;
      padding: 8px 16px;}
.prod .tab {
  margin-top: 20px;
  border: 1px solid #eee;
  border-radius: 8px;}
  .prod .tab .hd {
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #f9f9f9;
    border-bottom: 4px solid #402f73;}
    .prod .tab .hd .it {
      display: inline-block;
      padding: 0 20px;
      font-size: 16px;
      color: #666;}
      .prod .tab .hd .it.it-active {
        background: #402f73;
        color: #fff;}
  .prod .tab .bd .cmtlist .item {
    margin-bottom: 20px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;}
    .prod .tab .bd .cmtlist .item .cmthd {
      height: 48px;
      display: flex;}
      .prod .tab .bd .cmtlist .item .cmthd .tumb {
        height: 48px;
        width: 48px;
        overflow: hidden;
        border-radius: 4px;
        margin-right: 10px;}
        .prod .tab .bd .cmtlist .item .cmthd .tumb img {
          width: 100%;
          height: 100%;}
      .prod .tab .bd .cmtlist .item .cmthd .info {
        flex: 1;}
        .prod .tab .bd .cmtlist .item .cmthd .info .name {
          font-size: 16px;
          font-weight: bold;
          height: 24px;
          line-height: 24px;}
        .prod .tab .bd .cmtlist .item .cmthd .info .price {
          height: 24px;
          line-height: 24px;
          color: #e4322b;}
    .prod .tab .bd .cmtlist .item .cmtcontent {
      margin-top: 10px;
      margin-left: 58px;
      color: #666;}

.expert {
  display: flex;
  margin: 0 120px;
  padding: 20px;
  border: 1px solid #eee;
  background: #f9f9f9;
  border-radius: 8px;}
  .expert .tumb {
    width: 160px;
    margin-right: 60px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
    border: 1px solid #402f73;}
    .expert .tumb img {
      width: 100%;
      line-height: 0;}
  .expert .info {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;}
    .expert .info .name {
      height: 48px;
      line-height: 48px;
      padding-bottom: 20px;
      width: 100%;
      text-align: center;
      font-size: 24px;}
    .expert .info .r {
      width: 50%;
      display: flex;
      height: 36px;
      line-height: 36px;}
      .expert .info .r .k {
        width: 80px;
        color: #402f73;}
      .expert .info .r .v {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}

.uform {
  margin: 120px auto;
  width: 960px;
  background: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 8px 1px #999;}
  .uform .wp {
    display: flex;}
    .uform .wp .tumb {
      width: 480px;}
      .uform .wp .tumb img {
        width: 100%;
        height: 100%;}
    .uform .wp .cont {
      flex: 1;
      padding: 20px 40px 40px;}
      .uform .wp .cont .title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        padding: 20px 0 40px;}
      .uform .wp .cont .radio {
        display: flex;
        height: 36px;
        line-height: 36px;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 10px;}
        .uform .wp .cont .radio .it {
          flex: 1;
          text-align: center;
          border-right: 1px solid #ddd;
          background: #fff;}
          .uform .wp .cont .radio .it:last-child {
            border-right: 0;}
          .uform .wp .cont .radio .it.it-active {
            background: #2e1965;
            color: #fff;}
      .uform .wp .cont .fm .item {
        padding: 6px 0 20px;
        display: flex;
        position: relative;}
        .uform .wp .cont .fm .item .t {
          width: 90px;
          line-height: 50px;
          text-align: right;}
          .uform .wp .cont .fm .item .t .red {
            color: #f00;
            margin-right: 4px;}
        .uform .wp .cont .fm .item .ipt {
          flex: 1;
          position: relative;
          display: flex;}
          .uform .wp .cont .fm .item .ipt .iconfont {
            position: absolute;
            left: 8px;
            top: 6px;
            font-size: 24px;
            color: #999;}
          .uform .wp .cont .fm .item .ipt input {
            border: 1px solid #ddd;
            background: #fff;
            border-radius: 4px;
            height: 48px;
            line-height: 48px;
            padding: 0 10px;
            width: 136px;
            outline: none;}
            .uform .wp .cont .fm .item .ipt input.novalid {
              border-color: #c00;}
          .uform .wp .cont .fm .item .ipt select {
            border: 1px solid #ddd;
            background: #fff;
            border-radius: 4px;
            height: 48px;
            line-height: 48px;
            width: 156px;
            outline: none;}
            .uform .wp .cont .fm .item .ipt select.novalid {
              border-color: #c00;}
          .uform .wp .cont .fm .item .ipt input[type="file"] {
            width: 640px;}
          .uform .wp .cont .fm .item .ipt textarea {
            border: 1px solid #ddd;
            width: 650px;
            border-radius: 4px;
            height: 128px;
            line-height: 24px;
            padding: 0 6px;
            outline: none;}
          .uform .wp .cont .fm .item .ipt .checkbox .it {
            display: inline-block;
            height: 32px;
            line-height: 32px;
            padding: 0 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #fff;
            margin: 0 6px 6px 0;}
            .uform .wp .cont .fm .item .ipt .checkbox .it.it-checked {
              border-color: #2e1965;
              color: #fff;
              background: #9e84e6;}
        .uform .wp .cont .fm .item .btn {
          display: block;
          width: 100%;
          background: linear-gradient(to left, #18154e 0%, #402f73 100%);
          color: #fff;
          border-color: #402f73;
          height: 48px;
          line-height: 48px;
          text-align: center;
          border: 1px solid #ddd;
          border-radius: 4px;}
        .uform .wp .cont .fm .item .item-err {
          width: 100%;
          color: #f00;
          position: absolute;
          height: 16px;
          line-height: 16px;
          bottom: 0px;}
      .uform .wp .cont .fm .item-desc {
        padding-bottom: 10px;
        margin-left: 90px;
        color: #ff5722;}
      .uform .wp .cont .mr {
        text-align: center;
        padding-top: 20px;}
  .uform.uform-contract {
    width: 840px !important;}
    .uform.uform-contract .fm .row {
      display: flex;}
      .uform.uform-contract .fm .row .item {
        flex: 1;}
      .uform.uform-contract .fm .row .item-2 {
        flex: 2;}
        .uform.uform-contract .fm .row .item-2 .ipt input {
          width: 388px;}
  .uform.uform-reg .tumb, .uform.uform-contract .tumb {
    width: 420px !important;}
  .uform.uform-reg .fm .item, .uform.uform-contract .fm .item {
    padding: 6px 0  20px !important;}
    .uform.uform-reg .fm .item .t, .uform.uform-contract .fm .item .t {
      line-height: 34px !important;}
    .uform.uform-reg .fm .item .ipt input, .uform.uform-reg .fm .item .ipt select, .uform.uform-contract .fm .item .ipt input, .uform.uform-contract .fm .item .ipt select {
      padding-left: 10px !important;
      height: 32px !important;
      line-height: 32px !important;}
    .uform.uform-reg .fm .item .item-err, .uform.uform-contract .fm .item .item-err {
      left: 100px;}

#loginForm input {
  width: 350px;
  padding-left: 36px;}

.uform-reg input {
  width: 340px !important;}
.uform-reg textarea {
  width: 346px !important;}

.footer {
  margin-top: 20px;
  background: #444;
  text-align: center;
  line-height: 24px;
  padding: 20px 0;
  color: #fff;
  min-width: 1200px;
}


.pb_sys_style1 .p_no_d {
    border: 1px solid #221b57 !important;
    background-color: #251d5a !important;
}