﻿﻿
 *{margin: 0; padding: 0;}
 
 *{margin: 0; padding: 0;}
 body{font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif; min-width: 1100px;}
li{list-style: none;}
a{text-decoration: none; color: #000;}

header{display: flex; justify-content: space-between;}
header img{height: 70px;}
header ul{display: flex; justify-content: space-between;width:700px;}
header ul li{padding: 0 16px; line-height: 70px; font-size: 16px; position: relative;}
.wrap{width: 1050px; margin: 0 auto;}
header ul .cur a{ color: #0064ff;}
header ul .cur::after{content: "";width: 40px; height: 4px; background: #0064ff; border-radius: 5px; position: absolute; bottom: 0; left: 50%; margin-left: -20px;}
.banner{position: relative;}
.banner .banzi{position: absolute; width: 1000px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-left: 20px;}
.banner .banzi h1{font-size: 2.916667vw;margin-bottom: 1.25vw;}
.banner .banzi p{color: #666;font-size: 1.458333vw;margin-bottom: 4.6875vw;}
.banner .banzi a{background: #0064ff;border: none;border-radius: 5.208333vw;color: #fff;cursor: pointer;display: inline-block;font-size: 1.25vw;height: 3.4375vw;line-height: 3.4375vw;text-align: center;width: 13.958333vw;}
.cpyfw{padding: 5.208333vw 0;}
.titbox{ display: flex; justify-content: center; align-items: center;}
.titbox>img{width: 4.010417vw;}
.titbox>div{color: #333;font-size: 2.083333vw;font-weight: 600;padding: 0 2.083333vw;}

.cpyfw ul{border-radius: .416667vw;overflow: hidden;width: 100%; display: flex;margin-top: 2.708333vw; margin-bottom: 15px;}
.cpyfw ul li{width: 100%;background-color: #f5f6fa;border: 1px solid #f5f6fa;flex: 1;height: auto;padding: .9375vw 0; text-align: center;}

.cpyfw ul li img{width: 1.35vw;}
.cpyfw ul li div{font-size: 1.041667vw;margin-top: .2125vw;}
.cpyfw ul li:hover{cursor: pointer; background: #fff;border: 1px solid #0064ff;border-radius: .416667vw;box-shadow: 0 .416667vw 1.041667vw #0064ff1a;color: #333;
font-weight: 600;}
.cpyfw ul .cur{ background: #fff;border: 1px solid #0064ff;border-radius: .416667vw;box-shadow: 0 .416667vw 1.041667vw #0064ff1a;color: #333;font-weight: 600;}



.cpmain{display: none;}
.cpmain>div{ display: flex; justify-content: space-between;margin-top: 3.125vw;}
.cpmain .cpfw_l{flex: 1;}
.cpmain img{margin-left: 5.208333vw;width: 25vw;}
.cpfw_l h3{font-size: 1.25vw;font-weight: 600;padding: 0 0 .520833vw;}

.cpfw_l p{color: #333;font-size:1vw;font-weight: 700;margin-top: 1.25vw;}
.cpfw_l p b,.cpfw_l p span{display: block;}
.cpfw_l p span{color: #666;}
.cpfw_l a{background: #fff;border: 1px solid #0064ff;padding: .3125vw 1.2vw !important;color: #0064ff;margin-top: 1.25vw; display: inline-block; border-radius: 50px; margin-bottom: 20px;}
.cpfw_l a:hover{background: #0064ff; color: #fff;}


.fBtnBox{display: flex;flex-wrap: wrap;margin-top: .625vw; width:70%;}
.fBtnBox>div{border: 1px solid #0064ff;border-radius: 5.208333vw;color: #0064ff;
font-size: 1.041667vw;margin-bottom: .833333vw;margin-right: .833333vw;padding: .416667vw 1.25vw;}
.fBtnBox>div:hover{background: #0064ff; color: #fff;}
.bqdj,.zpjy{background: #f0f4fa;padding: 5.208333vw 0 4vw;}
.bqdj .wrap>img,.bqjcwh .wrap>img{border-radius: .625vw;box-shadow: 0 .208333vw 1.25vw #0064ff1f;display: block;height: auto;width: 100%;margin-top: 2.708333vw;}
.moreHref{background-color: #0064ff;border-radius: 5.208333vw;color: #fff;display: block;font-size: 1.041667vw;font-weight: 700;margin: 0 auto 1.5625vw;padding: .78125vw 0;text-align: center;width: 10.416667vw;margin-top: 2.5vw;}

.bqjcwh,.xwzx{padding: 5.208333vw 0;}

.wqfuwu{flex-wrap: wrap;padding-top: 1.25vw;width:100%;display: flex;justify-content: space-between;}
.wqfuwu p{align-items: center;background: #f8f8f8;border-radius: .208333vw;
    -webkit-box-sizing: border-box;box-sizing: border-box;color: #333;cursor: pointer;font-size: .833333vw;height: 3.541667vw;margin-bottom: .833333vw;margin-right: .625vw;margin-top: 0;padding: .625vw .833333vw;text-align: center;width: 7.916667vw;box-sizing: border-box; display: flex; justify-content: center;}
.wenti{margin-top: 30px; color: #666;}
.lvshi{display: flex; justify-content: space-between;flex-wrap: wrap;}

.lvshi div{width:27%; padding: 20px 0;}
.lvshi div img{height:34px;}

.trade-head{display: flex; justify-content: space-between; margin-top: 2vw;}

.trade-head-item{text-align: center; display: flex; flex-direction: column; align-items: center;}
.trade-head-item-img{ text-align: center;height: 3.75vw; width:3.75vw;align-items: center;background: #deebff;border-radius: 5.208333vw; margin-bottom: 18px;}

.trade-head-item img{width: 2.15vw;margin-top: 0.8vw;}
.fenlei,.zuopin{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2vw;}
.zpfl{width: 24%; overflow: hidden; position: relative; margin-bottom:1.5%; border-radius: 10px; }
.zpfl img{float: left; width: 100%;}
.zpfl p{position: absolute; width: 100%; line-height: 30px; bottom: 0; background: #00000029; color: #fff; padding-left: 20px; box-sizing: border-box;}


.zuopin li{width: 24%; overflow: hidden; position: relative; margin-bottom:1.5%; border-radius:6px;background: #fff; box-sizing: border-box; padding: 15px; box-shadow: 0 .416667vw 1.041667vw #0064ff1a;}
.zuopin li img{width: 100%; height: 160px;}
.zuopin li p{margin-top: 10px;}


.news{display: flex; justify-content: space-between;}


.n_l{width: 32%; border: 1px solid #dcdcdc; border-radius: 8px;padding:20px; box-sizing: border-box; margin-top: 2vw;}

.n_l img{width: 100%; height: 180px;}
.n_l ul{margin-top: 20px;}
.n_l ul li{margin-bottom: 20px;}
.n_l div a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 30px;}
.n_l ul li a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 30px;}
.n_l ul li span{font-size: 0.8em; color: #666;}
.n_l h3{margin-bottom: 20px;}
.n_l h3 a{float: right; color: #0064ff;}
.wqfuwu .active{background: #0064ff; color: #fff;}
.n_l ul li:last-child{margin-bottom: 10px;}
.footer{background: #212121; padding: 4vw 0;}
.foot{display: flex; justify-content: space-between; align-items: center;}
.foot img{width: auto; height: 90px;}
.foot *{color: #fff;}
.foot p{font-size: 0.8em;color: #ccc;}
.foot span{margin-bottom: 10px; display: block;}


.dengji-page {
    position: relative;
  }
  .dengji-page h1,
  .dengji-page h2,
  .dengji-page p {
    margin: 0;
  }
  .dengji-page:after {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#e3ebfc),
      to(rgba(229, 236, 252, 0))
    );
    background: linear-gradient(180deg, #e3ebfc, rgba(229, 236, 252, 0));
    content: "";
    height: 15.625vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 0;
  }
  .dengji-page-content {
    margin: 0 auto;
    padding-top: 2.125vw;
    position: relative;
    z-index: 1;
  }
  .dengji-page-content .ttl_icon {
    margin-bottom: 1.927083vw;
  }
  .dengji-page-content .ttl_icon h2 {
    color: #333;
    font-size: 1.666667vw;
    line-height: 1.979167vw;
    margin-bottom: 0.416667vw;
  }
  .dengji-page-content .ttl_icon p {
    color: #666;
    font-size: 0.9375vw;
    line-height: 1.09375vw;
  }
  .dengji-page-content .module-title {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700;
    height: 1.770833vw;
    line-height: 1.770833vw;
    margin-bottom: 2.083333vw;
    margin-top: 5.208333vw;
    padding-left: 0.364583vw;
    position: relative;
  }
  .dengji-page-content .module-title:before {
    background: #0064ff;
    content: "";
    height: 1.041667vw;
    left: -0.208333vw;
    position: absolute;
    top: 0.15625vw;
    width: 0.15625vw;
  }
  .dengji-page-content .minglu-image {
    height: 35.78125vw;
    overflow: hidden;
  }
  .dengji-page-content .minglu-image img {
    border-radius: 0.625vw 0.625vw 0.625vw 0.625vw;
    width: 100%;
  }
  .s1 {
    position: relative;
  }
  .s1 .right {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.625vw 0.625vw 0.625vw 0.625vw;
    height: 26.458333vw;
    opacity: 1;
    padding: 1.666667vw;
  }
  .s1 .right .title {
    color: #333;
    font-size: 0.9375vw;
    font-weight: 700;
  }
  .s1 .right .abs_cont {
    color: #9f9f9f;
    font-size: 0.729167vw;
  }
  .s1 .right .price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.34375vw;
    margin-bottom: 1.666667vw;
  }
  .s1 .right .price strong {
    color: #ef270c;
    font-size: 1.666667vw;
    margin: 0 0.625vw 0 0.208333vw;
  }
  .s1 .right .price span {
    color: #666;
    font-size: 0.833333vw;
    height: 1.145833vw;
    line-height: 1.145833vw;
  }
  .s1 .right .price .red-text {
    color: #ef270c;
    font-size: 0.9375vw;
  }
  .s1 .right .lead-recharge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #f6f4f1;
    border-radius: 0.208333vw 0.208333vw 0.208333vw 0.208333vw;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.5625vw;
    justify-content: center;
    margin-left: 0.833333vw;
  }
  .s1 .right .lead-recharge p {
    color: #ff8000;
    font-size: 0.833333vw;
  }
  .s1 .right .lead-recharge img {
    display: block;
    height: 0.833333vw;
    width: 0.833333vw;
  }
  .s1 .right .num_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.041667vw 0;
  }
  .s1 .right .num_list .li {
    background: #f5f6fa;
    border-radius: 0.208333vw 0.208333vw 0.208333vw 0.208333vw;
    color: #333;
    cursor: pointer;
    height: 2.1875vw;
    line-height: 2.1875vw;
    margin-right: 1.041667vw;
    padding: 0 0.78125vw;
    position: relative;
    text-align: center;
  }
  .s1 .right .num_list .li.active {
    background: #4367fb;
    color: #fff;
  }
  .s1 .right .num_list .li span {
    background: #f66;
    border-radius: 0.15625vw;
    color: #fff;
    font-size: 0.625vw;
    line-height: normal;
    padding: 0 0.3125vw;
    position: absolute;
    right: 0.364583vw;
    top: -0.520833vw;
  }
  .s1 .right .num_list .el-input-number {
    margin-right: 1.041667vw;
  }
  .s1 .right .btns {
    margin-top: 1.5625vw;
  }
  .s1 .right .btns .el-button {
    border-radius: 5.208333vw;
    font-size: 0.9375vw;
    height: 2.552083vw;
    width: 12.1875vw;
  }
  .s1 .right .btns .el-button--primary {
    background: #4367fb;
  }
  .s1 .right .btns .el-button + .el-button {
    margin-left: 1.25vw;
  }
  .center {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700;
    margin: 3.125vw 0 2.083333vw;
  }
  .list2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .list2,
  .list2 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .list2 .li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f7faff;
    border: 1px solid #e1e1e1;
    border-radius: 0.625vw;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.9375vw;
    height: 15.572917vw;
    margin-bottom:2%;
    padding: 0.833333vw;
    text-align: center;
    width:24%;
    box-sizing: border-box;
  }
  .list2 .li img {
    margin: 0 auto 1.041667vw;
    width: 4.166667vw;
  }
  .list2 .li .ttl {
    color: var(--text-ttl);
    font-size: 1.145833vw;
    line-height: 1.354167vw;
    margin: 0 0 1.041667vw;
  }
  .list2 .li .cont {
    color: #333;
    font-size: 0.833333vw;
    line-height: 1.25vw;
    margin-bottom: 2.5vw;
  }
  .list2 .li div:last-child {
    text-align: center;
  }
  .list2 .li .btn {
    border: 1px solid #4367fb;
    border-radius: 5.208333vw;
    bottom: 0.833333vw;
    color: #4367fb;
    cursor: pointer;
    font-size: 0.9375vw;
    height: 2.1875vw;
    left: 1.458333vw;
    line-height: 2.1875vw;
    position: absolute;
    width: 11.458333vw;
  }

  
  .btn_c {
    display: block;
    height: 2.083333vw;
    margin: 0 auto;
    width: 7.8125vw;
  }
  .s2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .s2,
  .s2 .li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .s2 .li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0.625vw 0.625vw 0.625vw 0.625vw;
    -webkit-box-shadow: 0 0.208333vw 0.416667vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.208333vw 0.416667vw 0 rgba(0, 0, 0, 0.1);
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.708333vw;
    opacity: 1;
    padding: 1.041667vw;
    width:24%;
    box-sizing: border-box;
  }
  .s2 .li .ttl {
    color: var(--text-ttl);
    font-size: 1.25vw;
    font-weight: 700;
  }
  .s2 .li .text {
    color: #666;
    font-size: 0.9375vw;
    margin: 0.833333vw 0 1.666667vw;
  }
  .s2 .li .price {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ef270c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.25vw;
    justify-content: space-between;
  }
  .s2 .li .price .el-button {
    background-color: #4367fb;
    border-color: #4367fb;
    border-radius: 5.208333vw;
    color: #fff;
    height: 2.135417vw;
    line-height: 2.135417vw;
    padding: 0 20px;
  }
  .search-box,
  .search-box .search-box-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-box .search-box-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(225deg, #0064ff, #00a3ff);
    border-radius: 0.625vw 0.625vw 0.625vw 0.625vw;
    height: 15.572917vw;
    justify-content: center;
    margin-right: 1.666667vw;
    opacity: 1;
    padding-top: 1.666667vw;
    width: 30.208333vw;
  }
  .search-box .search-box-left img {
    margin-right: 2.083333vw;
    width: 5.416667vw;
  }
  .search-box .search-box-left .title1 {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.458333vw;
    margin-bottom: 0.833333vw;
  }
  .search-box .search-box-left .cont1 {
    color: #fff;
    font-size: 1.041667vw;
    line-height: 1.197917vw;
    margin-bottom: 1.666667vw;
  }
  .search-box .search-box-left .el-input {
    border-radius: 0.416667vw;
    font-size: 0.9375vw;
    height: 2.708333vw;
    margin-bottom: 1.25vw;
    width: 21.25vw;
  }
  .search-box .search-box-left .el-button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5.208333vw 5.208333vw 5.208333vw 5.208333vw;
    color: #fff;
    height: 2.552083vw;
    opacity: 1;
    width: 21.25vw;
  }
  .search-box .search-box-right {
    width: 30.625vw;
  }
  .search-box .search-box-right img {
    display: block;
    width: 34.625vw;
  }
  .search-box .search-box-right .el-button {
    border: 1px solid #4367fb;
    border-radius: 5.208333vw 5.208333vw 5.208333vw 5.208333vw;
    color: #4367fb;
    float: right;
    height: 1.822917vw;
    line-height: 1.927083vw;
    opacity: 1;
    width: 6.666667vw;
  }
  .s3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5.208333vw;
    padding-top: 1.770833vw;
    position: relative;
  }
  .s3 .s3-tips {
    color: #666;
    font-size: 0.833333vw;
    left: 0;
    line-height: 0.989583vw;
    position: absolute;
    top: -1.458333vw;
  }
  .s3 .li {
    background: #f8f8f8;
    border-radius: 0.416667vw 0.416667vw 0.416667vw 0.416667vw;
    height: 9.21875vw;
    margin-bottom: 1.666667vw;
    padding: 1.041667vw;
    width:48%;
    box-sizing: border-box;
  }
  .s3 .li .ttl {
    color: var(--text-ttl);
    font-size: 0.9375vw;
    font-weight: 700;
    margin-bottom: 0.520833vw;
  }
  .s3 .li .text {
    font-size: 0.833333vw;
  }
</style>
<style>
  h1 {
    left: -520.78125vw;
    position: absolute;
  }
  #wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  #layout-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .headerBox {
    background: #fff;
    -webkit-box-shadow: 0 0.104167vw 0.208333vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.104167vw 0.208333vw 0 rgba(0, 0, 0, 0.1);
  }
  #header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    height: 4.583333vw;
    margin: 0 auto;
    max-width: 62.5vw;
    padding: 0 1.666667vw;
  }
  #header,
  #header .header_left {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  #header .header_left {
    -webkit-box-flex: 0;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex: none;
    flex: none;
  }
  #header_line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 0;
    -webkit-box-shadow: 0 1px 0.15625vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0.15625vw 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
  }
  #logo img {
    width: 7.291667vw;
  }
  #nav {
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.833333vw;
    justify-content: space-between;
    margin-left: 4.166667vw;
  }
  #nav a {
    color: #434343;
    font-size: 1.145833vw;
    margin-right: 1.25vw;
    text-decoration-line: none;
  }
  #nav a.active,
  #nav a:hover {
    color: #0064ff;
  }
  #nav .a {
    border-bottom: 0.104167vw solid transparent;
    color: #434343;
    cursor: pointer;
    margin-right: 1.25vw;
    padding-bottom: 0.260417vw;
    text-decoration-line: none;
  }
  #nav .a.active,
  #nav .a:hover {
    color: #0064ff;
  }
  .header_right {
    padding-bottom: 0.364583vw;
    width: 11.458333vw;
  }
  .header_right .el-input-group__append {
    --el-fill-color-light: #000;
    color: #fff;
    cursor: pointer;
  }
  footer {
    background: #212121;
  }
  footer .tipMsg {
    font-size: 0.729167vw;
    padding-bottom: 1.5625vw;
    text-align: center;
  }
  footer .main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6d6d6d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9375vw;
    height: 10.416667vw;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 62.5vw;
    padding: 0 1.041667vw;
  }
  footer .main .item div {
    line-height: 2.34375vw;
  }
  footer .main .phone {
    color: #fff;
  }
  footer .main i {
    font-size: 1.979167vw;
  }
  footer .main .address {
    text-align: right;
  }
  footer .main .line {
    border-left: 1px solid #646464;
    height: 3.125vw;
    width: 1px;
  }
  footer .main img {
    max-width: 4.427083vw;
  }
  .login_dialog {
    padding: 0 2.083333vw 0 1.041667vw;
  }
  .login_dialog .tabbar {
    margin: -2.083333vw 0 1.5625vw;
  }
  .login_dialog .tabbar div {
    cursor: pointer;
    display: inline-block;
    font-size: var(--text-ttl-size);
    margin-right: 2.083333vw;
  }
  .login_dialog .tabbar div.active {
    color: #4367fb;
    font-size: 1.354167vw;
  }
  .login_dialog .el-input-group__append {
    --el-fill-color-light: #fff;
    color: #4367fb;
    width: 5.729167vw;
  }
  .login_dialog .el-input-group__append .el-button {
    --el-button-font-weight: 0;
  }
  .login_dialog .el-input-group__append .is-disabled {
    color: var(--text-disabled);
  }
  .login_dialog .l_r {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .login_dialog .l_r div {
    cursor: pointer;
    margin: 0 1.041667vw;
  }
  .login_dialog .agreement {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.520833vw 0 0;
  }
  .login_dialog .agreement .el-radio {
    margin: 0 0.260417vw 0 1.041667vw;
  }
  .login_dialog .btn {
    background-color: #4367fb;
    display: block;
    font-size: 1.041667vw;
    height: 2.1875vw;
    margin: 1.5625vw auto;
    width: 10.416667vw;
  }
  .login_dialog .wxlogin {
    text-align: center;
  }
  .login_dialog .wxlogin div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  .login_dialog .wxlogin i {
    color: #08ba06;
    font-size: 1.25vw;
    margin-right: 0.520833vw;
  }
  .login_dialog .back {
    text-align: center;
  }
  .login_dialog .back span {
    cursor: pointer;
  }
  .wxqrcode {
    height: 20.833333vw;
    width: 100%;
  }





.itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2
}

.itemBox .item {

  margin-top: 2.125vw;
  overflow: hidden;
  padding: 1.5625vw;
  position: relative;
  width: 20%;
  box-sizing: border-box;
}

.itemBox .item .imgBox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.375vw;
  justify-content: center;
  margin: auto;
  width: 4.375vw
}

.itemBox .item .imgBox .img {
  height: 2.291667vw;
  width: 2.291667vw
}

.itemBox .item .text {
  color: #333;
  font-size: 1.041667vw;
  margin-top: 1.041667vw;
  text-align: center
}

.bqdj .item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bqdj .item .left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.bqdj .item .left .title {
  color: #333;
  font-size: 1.966667vw
}

.bqdj .item .left .msg {
  color: #666;
  font-size: 1.3vw;
  margin-top: 1.25vw
}

.bqdj .item .right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.bqdj .item .right .img {
  margin-left: auto;
  width: 25.677083vw;
  float: right;
}
.bai{background: #fff;}

.bai .item .right .img{float: left;}
.sqjy{padding: 2vw 0 4vw;}
.zxdt{padding-bottom: 4vw;}
.zxdt h1{margin-bottom: 2vw; border-bottom: 1px solid #dcdcdc; padding:20px;}
.zxdt h1 span{color: #666; font-size: 1vw;}
.zxdt li{padding: 20px;border-bottom: 1px solid #dcdcdc;}
.zxdt li a{display: flex;align-items: center; justify-content: space-between;}

.zxdt li a img{width:20%; height: 120px;}
.zxdt li a div{width: 76%;}
.zxdt li a div p{color: #666; margin: 10px 0;}
.zxdt li a div span{float: right; color: #999;}



.xinwentit{text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;}


.xwbox p{line-height: 30px; margin-bottom: 10px; font-weight: normal;}






