@font-face {
  font-family: "sans-regular-woff";
  src: url("../css/fonts/SOURCEHANSANSCN-REGULAR.woff") format("woff");
}

@font-face {
  font-family: "sans-regular";
  src: url("../css/fonts/SOURCEHANSANSCN-REGULAR.OTF") format("opentype");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background: #7C65FE;
}
body::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
  background: #DEDEDE;
}
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* .swiper-container{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
} */

:root {
  --font-family: 'sans-regular-woff', 'sans-regular';
}
.hamburger {
  display: none;
}
.center-1200 {
  width: 1200px;
}
.center-1400 {
  width: 1400px;
}
.center-1600 {
  width: 1600px;
}
.app{
  display: none;
}
.diaolog-pb{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1999;
  display: none;
}
.diaolog-pb video,
.diaolog-pb img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 75%;
  max-width: 75%;
}
.diaolog-pb i{
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}
.diaolog.active{
  display: block;
}
.diaolog iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 75%;
  height: 75%;
}
.message-alert {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
}
.message-alert.success {
  background-color: #55BB8A;
}
.message-alert.error {
  background-color: #F56C6C;
}
.message-alert.warning {
  background-color: #E6A23C;
}
.el-select-dropdown__item,
.el-checkbox__label,
.el-form-item__error{
  font-family: var(--font-family);
}
.el-message{
  font-family: var(--font-family);
  z-index: 9999 !important;
}
/* seadershow */
.seadershow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
.seaderbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.seader {
  position: relative;
}
.seader form {
  width: 1000px;
  height: 80px;
  border: 5px solid #8c8c8c;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
}
.seader form input {
  display: block;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  font-family: var(--font-family);
}
.seader form button {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
  border: none;
  outline: none;
  background-color: #C32228;
  font-size: 18px;
  color: #ffffff;
  font-family: var(--font-family);
  cursor: pointer;
}
.seader form button img {
  display: block;
  width: auto;
  filter: brightness(11);
  margin-right: 20px;
}
.seader .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -80px;
}
.seader .close img {
  display: block;
}
.header-box.active{
  background-color: #FFFFFF;
}
.header-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  transition: 0.3s;
}
.headerct{
  margin: 0 auto;
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.headerct .flow-cart{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 20px);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(124,101,254, 1);
}
.headerct .flow-cart .sz{
  position: absolute;
  top: -12px;
  left: 28px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 1);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.headerct .left{
  display: flex;
  align-items: center;
  height: 100%;
}
.headerct .nav{
  display: flex;
  height: 100%;
  margin-left: 80px;
}
.headerct .nav li{
  height: 100%;
  position: relative;
}
.headerct .nav li:not(:first-of-type){
  margin-left: 44px;
}
.headerct .nav li>a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
}
.headerct .nav li>a:hover,
.headerct .nav li>a.active{
  color: #7C65FE;
}
.headerct .nav li .twob{
  width: max-content;
  position: absolute;
  top: 100%;
  left: -35px;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.5s;
}
.headerct .nav li:hover .twob{
  transform: scaleY(1);
  opacity: 1;
}
.headerct .nav li .twob::before{
  display: block;
  content: '';
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-bottom: 8px solid #F0ECFC;
  border-top: 8px solid transparent;
  position: absolute;
  top: -16px;
  left: 45px;
}
.headerct .nav li .twob .two{
  width: 340px;
  background: #F0ECFC;
  border-radius: 30px;
  padding: 10px 0;
}
.headerct .nav li .twob .two .two-rw{
  padding: 0 10px;
}
.headerct .nav li .twob .two .two-rw>a{
  border-radius: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
}
.headerct .nav li .twob .two .two-rw>a p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
  width: calc(100% - 30px);
}
.headerct .nav li .twob .two .two-rw>a i{
  font-size: 17px;
  color: #FFFFFF;
  transition: 0.3s;
  opacity: 0;
  transform: translateX(-20px);
}
.headerct .nav li .twob .two .two-rw>a:hover i{
  opacity: 1;
  transform: translateX(0);
}
.headerct .nav li .twob .two .two-rw>a:hover{
  background-color: #7C65FE;
}
.headerct .nav li .twob .two .two-rw>a:hover p{
  color: #FFFFFF;
}
.headerct .nav li .twob .two .two-rw:hover .three{
  transform: scaleX(1);
  opacity: 1;
}
.headerct .nav li .three{
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 10px;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: 0.5s;
  height: 100%;
}
.headerct .nav li .three>.rq{
  width: 340px;
  background: #F0ECFC;
  border-radius: 30px;
  padding: 10px 0;
  height: max-content;
  max-height: 500px;
  overflow-y: auto;
}
.headerct .nav li .three>.rq::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.headerct .nav li .three>.rq::-webkit-scrollbar-thumb {
  background: #7C65FE;
}
.headerct .nav li .three>.rq::-webkit-scrollbar-track {
  background: #F0ECFC;
}
.headerct .nav li .three .three-rw{
  padding: 0 10px;
}
.headerct .nav li .three .three-rw>a{
  border-radius: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
}
.headerct .nav li .three .three-rw>a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
  width: calc(100% - 30px);
}
.headerct .nav li .three .three-rw>a i{
  font-size: 17px;
  color: #FFFFFF;
  transition: 0.3s;
  opacity: 0;
  transform: translateX(-20px);
}
.headerct .nav li .three .three-rw>a:hover i{
  opacity: 1;
  transform: translateX(0);
}
.headerct .nav li .three .three-rw>a:hover{
  background-color: #7C65FE;
}
.headerct .nav li .three .three-rw>a:hover p{
  color: #FFFFFF;
}
.headerct .nav li .three .three-rw:hover .four{
  transform: scaleX(1);
  opacity: 1;
}
.headerct .nav li .four{
  position: absolute;
  top: 0;
  left: 100%;
  padding-left: 10px;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: 0.5s;
  height: 100%;
}
.headerct .nav li .four>.rq{
  width: 340px;
  background: #F0ECFC;
  border-radius: 30px;
  padding: 10px;
  height: max-content;
}
.headerct .nav li .four a{
  border-radius: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
}
.headerct .nav li .four a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
  width: calc(100% - 30px);
}
.headerct .nav li .four a i{
  font-size: 17px;
  color: #FFFFFF;
  transition: 0.3s;
  opacity: 0;
  transform: translateX(-20px);
}
.headerct .nav li .four a:hover i{
  opacity: 1;
  transform: translateX(0);
}
.headerct .nav li .four a:hover{
  background-color: #7C65FE;
}
.headerct .nav li .four a:hover p{
  color: #FFFFFF;
}
.headerct .right{
  display: flex;
  align-items: center;
}
.headerct .lang{
  position: relative;
  margin-left: 34px;
}
.headerct .lang .zs{
  width: 130px;
  height: 40px;
  background: #7C65FE;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.headerct .lang .zs p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  margin-left: 8px;
}
.headerct .lang .flow{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 10px;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.3s;
}
.headerct .lang:hover .flow{
  transform: scaleY(1);
  opacity: 1;
}
.headerct .lang .flow .rq{
  background-color: #F0ECFC;
  border-radius: 6px;
  overflow: hidden;
}
.headerct .lang .flow .rq a{
  display: block;
  padding: 8px 18px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  text-align: center;
  transition: 0.3s;
}
.headerct .lang .flow .rq a:hover{
  background-color: #7C65FE;
  color: #ffffff;
}
.headerct .quick{
  /*margin-left: 34px;*/
  position: relative;
  cursor: pointer;
}
.headerct .quick .zs{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
}
.headerct .quick:hover .zs{
  color: #7C65FE;
}
.headerct .quick .flow{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.5s;
  padding-top: 18px;
}
.headerct .quick:hover .flow{
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.headerct .quick .flow .rq{
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 15px 10px;
  position: relative;
  width: 220px;
  box-shadow: 0px 3px 29px 0px rgba(4,22,37,0.1);
}
.headerct .quick .flow .rq::before{
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-top: 7px solid transparent;
}
.headerct .quick .flow .rq input{
  width: 100%;
  height: 50px;
  background-color: rgba(124,101,254, 0.1);
  border: none;
  border-radius: 8px;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  padding: 0 15px;
}
.headerct .quick .flow .rq input::placeholder{
  color: #AAAAAA;
}
.headerct .quick .flow .rq .btn{
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background-color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 10px;
}
.headerct .user{
  margin-left: 40px;
}
.headerct .user .mr{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
}
.headerct .user .mr:hover{
  color: #7C65FE;
}
.headerct .avatar{
  position: relative;
}
.headerct .avatar .zs{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.headerct .avatar .zs .rund{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #7C65FE;
}
.headerct .avatar .zs .rund img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.headerct .avatar .zs .txt{
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.headerct .avatar .zs .txt p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  max-width: 95px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow-wrap: break-word;
}
.headerct .avatar .zs .txt i{
  font-size: 18px;
  color: #222222;
  margin-left: 8px;
}
.headerct .avatar .flow{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  padding-top: 10px;
  width: max-content;
  transition: 0.5s;
}
.headerct .avatar:hover .flow{
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.headerct .avatar .flow .rq{
  width: 220px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 3px 29px 0px rgba(4,22,37,0.1);
  padding: 10px;
  position: relative;
}
.headerct .avatar .flow .rq::before{
  display: block;
  content: '';
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-top: 7px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px; 
}
.headerct .avatar .flow .rq .row{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: 0.3s;
  padding: 10px 18px;
}
.headerct .avatar .flow .rq .row .ib{
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
}
.headerct .avatar .flow .rq .row .ib img{
  width: 100%;
}
.headerct .avatar .flow .rq .row .ib img:last-of-type{
  display: none;
}
.headerct .avatar .flow .rq .row p{
  width: calc(100% - 14px - 11px);
  transition: 0.3;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}
.headerct .avatar .flow .rq .row:hover{
  background-color: #7C65FE;
}
.headerct .avatar .flow .rq .row:hover p{
  color: #ffffff;
}
.headerct .avatar .flow .rq .row:hover .ib img:last-of-type{
  display: block;
}
.headerct .avatar .flow .rq .row:hover .ib img:first-of-type{
  display: none;
}
.i1-box{
  margin-top: 90px;
}
.i1ct{
  margin: 0 auto;
  position: relative;
}
.i1ct .bg{
  width: 1280px;
}
.i1ct .flow{
  position: absolute;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
}
.i1ct .wz{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 78px;
  width: 566px;
}
.i1ct .wz h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 68px;
  color: #FFFFFF;
  line-height: 76px;
}
.i1ct .wz h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 25px;
}
.i1ct form{
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 30px;
  width: 540px;
  padding: 0 5px 0 0;
  height: 60px;
  margin-top: 46px;
}
.i1ct form button{
  border: none;
  outline: none;
  background-color: #7C65FE;
  cursor: pointer;
  height: 100%;
  width: 68px;
  height: 51px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i1ct form button i{
  font-size: 18px;
  color: #ffffff;
}
.i1ct form .sint{
  height: 100%;
  width: calc(100% - 68px);
  padding: 0 25px 0 25px;
  position: relative;
}
.i1ct form .sint .close{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #7C65FE;
  cursor: pointer;
  z-index: 9;
  display: none; 
}
.i1ct form input{
  border: none;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.i1ct form input::placeholder{
  color: #AAAAAA;
}
.searchFlow{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 80;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #F5F5F5;
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.searchFlow.active{
  opacity: 1;
  transform: scaleY(1);
}
.searchFlow.dm .one .ab a{
  width: 100%;
  margin-right: 0;
  margin-bottom: 7px;
}
.searchFlow.dm .one .ab:hover{
  background-color: transparent !important;
}
.searchFlow::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
.searchFlow::-webkit-scrollbar-thumb{
  background: #7C65FE;
}
.searchFlow::-webkit-scrollbar-track {
  background: #ffffff;
}
.searchFlow .lab{
  background-color: #EEEFEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 6px 10px;
}
.searchFlow .lab p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #737D7D;
  line-height: initial;
}
.searchFlow .lab span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  cursor: pointer;
  line-height: initial;
}
.searchFlow .one i{
  font-size: 16px;
  color: #333333;
  margin-right: 5px;
  line-height: initial;
}
.searchFlow .one .ab{
  display: flex;
  flex-wrap: wrap;
  width: calc(100%);
  padding: 7px 14px 4px 14px;
  transition: 0.3s;
}
.searchFlow .one .ab a{
  display: flex;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 3px;
  line-height: initial;
}
.searchFlow .one .ab a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  text-decoration: underline;
  transition: 0.3s;
  line-height: initial;
}
.searchFlow .one .ab a:hover span{
  color: #7c7c7c;
}
.searchFlow .one .ab:hover{
  background-color: rgba(21,119,186, 0.1);
}
.searchFlow .two .ab{
  width: calc(100%);
  padding: 0 7px;
}
.searchFlow .two .ab a{
  width: calc(100%);
  padding: 7px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  line-height: initial;
}
.searchFlow .two .ab a:hover{
  background-color: rgba(21,119,186, 0.1);
}
.searchFlow .two .ab a:not(:first-of-type){
  border-top: 1px solid #F5F5F5;
}
.searchFlow .two .ab a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  max-width: calc(100% - 16px - 5px);
  text-decoration: underline;
  line-height: initial;
}
.searchFlow .db{
  width: calc(100%);
  padding: 0 7px;
}
.searchFlow .db a{
  width: calc(100%);
  padding: 7px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  line-height: initial;
}
.searchFlow .db a:hover{
  background-color: rgba(21,119,186, 0.1);
}
.searchFlow .db a:first-of-type{
  border-top: 2px solid #F5F5F5;
}
.searchFlow .db a:not(:first-of-type){
  border-top: 1px solid #F5F5F5;
}
.searchFlow .db a span{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  text-decoration: underline;
  line-height: initial;
}
.i2-box{
  background: url(../images/i2-bg.jpg) no-repeat center / cover;
}
.i2ct{
  margin: 0 auto;
  padding: 170px 0 139px 0;
}
.pb-big-h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 96px;
  color: #0F0821;
  text-align: center;
}
.pb-big-h3.w{
  color: #FFFFFF;
}
.pb-h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #0F0821;
  text-align: center;
  margin-top: 45px;
}
.i2ct .mide{
  display: flex;
  margin-top: 90px;
}
.i2ct .mide .item{
  width: calc((100% - 81px) / 4);
  margin-right: 27px;
  background-color: #ffffff;
  border-radius: 50px;
  padding: 45px 43px 60px 43px;
  transition: 0.3s;
}
.i2ct .mide .item:hover{
  box-shadow: 0px 0px 29px 0px rgba(124,101,254,0.39);
}
.i2ct .mide .item:nth-of-type(4n){
  margin-right: 0;
}
.i2ct .mide .item .rund{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 0.1);
}
.i2ct .mide .item h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  line-height: 29px;
  height: 58px;
  margin-top: 36px;
}
.i2ct .mide .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  margin-top: 8px;
}
.i3-box{
  position: relative;
  overflow: hidden;
  padding: 100px 0 0 0;
}
.i3-box .dbbg{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16%;
  object-fit: cover;
}
.i3-box::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 16%);
  background-color: #7C65FE;
  z-index: -1;
}
.i3ct{
  margin: 0 auto;
}
.i3ct .more{
  margin: 40px auto 0;
  width: 210px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.i3ct .more::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition: 0.3s;
  background-color: #412297;
}
.i3ct .more:hover{
  color: #FFFFFF;
}
.i3ct .more:hover::before{
  width: 100%;
}
.i3-swiper{
  margin-top: 100px;
}
.i3-swiper .swiper-wrapper{
  transition-timing-function: linear !important;
}
.i3-swiper a{
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.i3-swiper a .flow{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: 0.3s;
}
.i3-swiper a .flow p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 0 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
}
.i3-swiper a:hover .flow{
  opacity: 1;
}
.i3-swiper a img{
  width: 100%;
}
.i4-box{
  background: url(../images/i4-12.jpg) no-repeat center / cover;
}
.i4ct{
  padding: 194px 0 62px 0;
  margin: 0 auto;
}
.i-itemb{
  padding: 65px 65px 60px 65px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50px;
}
.i-itemb:not(:first-of-type){
  margin-top: 53px;
}
.i-itemb .top{
  display: flex;
  justify-content: space-between;
}
.i-itemb .top .left{
  width: 515px;
}
.i-bs{
  display: flex;
  align-items: center;
}
.i-bs.jz{
  justify-content: center;
}
.i-bs .rund{
  width: 40px;
  height: 40px;
  background: rgba(124,101,254, 0.2);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 21px;
}
.i-bs p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #4B3AAD;
  max-width: calc(100% - 40px - 21px);
}
.i-itemb .top .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 56px;
  color: #4B3AAD;
  margin-top: 40px;
}
.i-itemb .top .left h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  margin-top: 50px;
}
.i-itemb .top .left .more{
  width: 298px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 65px;
}
.i-itemb .top .left .more::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.i-itemb .top .left .more:hover::before{
  width: 100%;
}
.i-itemb .top .right{
  width: 600px;
  padding-top: 15px;
}
.i-itemb.tt1 .top .right img{
  transform: translateX(45px);
}
.i-itemb .top .right img{
  width: 100%;
}
.i4-swiper{
  margin-top: 30px;
}
.i4-swiper a{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.i4-swiper a .wz{
  width: 293px;
}
.i4-swiper a .rd{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i4-swiper a h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  margin: 27px 0 20px 0;
}
.i4-swiper a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.i4-swiper a .rr{
  height: auto;
  margin-top: 87px;
}
.i4-swiper{
  padding-bottom: 50px;
}
.i4-swiper .swiper-pagination{
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i4-swiper .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  background: #7C65FE;
  border-radius: 50%;
  opacity: 0.5;
  transition: 0.3s;
}
.i4-swiper .swiper-pagination-bullet-active{
  width: 20px;
  height: 20px;
  opacity: 1;
}
.i-itemb.fz .top{
  flex-direction: row-reverse;
}
.i-itemb.tt2 .top .left h6{
  margin-top: 40px;
}
.i-itemb.tt2 .top .left .more{
  margin-top: 35px;
}
.i-itemb .t2zs{
  width: 307px;
  height: 80px;
  background: #7C65FE;
  box-shadow: 0px 1px 21px 0px rgba(124,101,254,0.26);
  border-radius: 30px 30px 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #FFFFFF;
  margin-top: 60px;
}
.i-itemb .t2mide{
  display: flex;
  margin-top: 65px;
}
.i-itemb .t2mide .t2it{
  width: calc((100% - 230px) / 3);
  margin-right: 115px;
}
.i-itemb .t2mide .t2it:nth-of-type(3n){
  margin-right: 0;
}
.i-itemb .t2mide .t2it img{
  height: 30px;
}
.i-itemb .t2mide .t2it h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  margin: 28px 0 20px 0;
}
.i-itemb .t2mide .t2it p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 24px;
}
.i5-box{
  background: url(../images/i5-6.jpg) no-repeat center / cover;
}
.i5ct{
  margin: 0 auto;
  padding: 125px 0 119px 0;
}
.i-itemb.tt3{
  background-color: transparent;
  padding: 0 65px;
}
.i-itemb.tt3 .top .left{
  width: 585px;
}
.i-itemb .t3mide{
  display: flex;
  margin-top: 90px;
}
.i-itemb .t3mide .t3it{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 58px 50px 170px 50px;
  position: relative;
  transition: 0.3s;
}
.i-itemb .t3mide .t3it:hover{
  box-shadow: 0px 0px 29px 0px rgba(124,101,254,0.39);
}
.i-itemb .t3mide .t3it:nth-of-type(3n){
  margin-right: 0;
}
.i-itemb .t3mide .t3it img{
  height: 58px;
  margin: 0 auto;
}
.i-itemb .t3mide .t3it h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  text-align: center;
  line-height: 31px;
  height: 62px;
  margin: 47px 0 5px 0;
}
.i-itemb .t3mide .t3it p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  text-align: center;
}
.i-itemb .t3mide .t3it a{
  width: 260px;
  height: 60px;
  background: rgba(124,101,254, 0.2);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
  margin: 0 auto;
}
.i-itemb .t3mide .t3it a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  z-index: -1;
  transition: 0.3s;
}
.i-itemb .t3mide .t3it a:hover{
  color: #FFFFFF;
}
.i-itemb .t3mide .t3it a:hover::before{
  width: 100%;
}
.i6-box{
  background: url(../images/i6-3.jpg) no-repeat center / cover;
}
.i-itemb.tt4 .top .left{
  width: 481px;
}
.i-itemb.tt4 .top .left h6{
  margin-top: 43px;
}
.i-itemb.tt4 .top .left .more{
  margin-top: 50px;
}
.i6ct{
  margin: 0 auto;
  padding: 53px 0 66px 0;
}
.i-itemb .t4mide{
  margin-top: 56px;
  display: flex;
}
.i-itemb .t4mide .t4it{
  width: calc((100% - 180px) / 4);
  margin-right: 60px;
}
.i-itemb .t4mide .t4it:nth-of-type(4n){
  margin-right: 0;
}
.i-itemb .t4mide .t4it .sz{
  width: 30px;
  height: 30px;
  background: #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.i-itemb .t4mide .t4it h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 23px;
  color: #222222;
  line-height: 30px;
  height: 60px;
  margin: 14px 0 26px 0;
}
.i-itemb .t4mide .t4it p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.i7-box{
  background-color: #B1E5FC;
}
.i7ct{
  margin: 0 auto;
  padding: 120px 0 150px 0;
}
.i7ct .brq{
  margin-top: 26px;
}
.i7ct .mide{
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}
.i7ct .mide .left{
  width: 680px;
}
.i7ct .mide .left img{
  width: 100%;
}
.i7ct .mide .right{
  width: 637px;
  padding-top: 40px;
}
.i7ct .mide .right h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #0F0821;
}
.i7ct .mide .right .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #423D4E;
  line-height: 26px;
  margin-top: 30px;
}
.i7ct .mide .right .desc p:not(:first-of-type){
  margin-top: 40px;
}
.i7ct .mide .right a{
  width: 298px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 130px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.i7ct .mide .right a::before{
  display: block;
  content: '';
  width: 0;
  height: 100%;
  background-color: #412297;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.3s;
}
.i7ct .mide .right a:hover::before{
  width: 100%;
}
.i8-box{
  background-color: #F4F4FC;
}
.i8ct{
  margin: 0 auto;
  padding: 80px 0 155px 0;
}
.i8ct .brq{
  margin-top: 15px;
}
.i8ct .mide{
  margin-top: 60px;
}
.i8ct .mide .item{
  display: flex;
}
.i8ct .mide .item:not(:first-of-type){
  margin-top: 15px;
}
.i8ct .mide .item .it{
  width: calc((100% - 690px - 30px) / 2);
  margin-right: 15px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: 340px;
}
.i8ct .mide .item .it:nth-of-type(3n){
  margin-right: 0;
}
.i8ct .mide .item .it.active{
  width: 690px;
}
.i8ct .mide .item .it img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i8ct .mide .item .it .tag{
  position: absolute;
  left: 0;
  bottom: 33px;
  border-radius: 0 26px 26px 0;
  background-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  padding: 16px 24px;
  max-width: 95%;
  transition: 0.3s;
}
.i8ct .mide .item .it .flow{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(15, 8, 33, 0.7);
  transition: 0.3s;
  opacity: 0;
}
.i8ct .mide .item .it .flow .txt{
  transform: translateY(30%);
  opacity: 0;
  transition: 0.3s;
}
.i8ct .mide .item .it:hover .flow{
  opacity: 1;
}
.i8ct .mide .item .it:hover .flow .txt{
  transition-delay: 0.3s;
  transform: translateY(0);
  opacity: 1;
}
.i8ct .mide .item .it:hover .tag{
  opacity: 0;
}
.i8ct .mide .item .it .flow p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  padding: 0 15px;
}
.i8ct .mide .item .it .flow a{
  width: 180px;
  height: 50px;
  background: #7C65FE;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 52px auto 0;
}
.i8ct .mide .item .it .flow a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.i8ct .mide .item .it .flow a:hover::before{
  width: 100%;
}
.login-box{
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5FF;
  padding: 30px 0;
}
.login-box .login .logo img{
  width: 107px;
}
.login-box .login .type{
  position: absolute;
  top: 27px;
  right: 28px;
  cursor: pointer;
}
.login-box .login .title{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  margin-top: 30px;
}
.login-box .login .qr-item{
  background-color: #ffffff;
  border-radius: 30px;
  width: 480px;
  padding: 65px 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.login-box .login .qr-item .qr{
  padding: 4px;
  border: 1px solid #CCCCCC;
  margin: 60px auto 50px;
}
.login-box .login .qr-item .qr img{
  width: 140px;
}
.login-box .login .qr-item .qr-desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.login-box .login .qr-item .qr-db{
  margin-top: 65px;
}
.login-box .login .qr-item .qr-db .el-checkbox{
  max-width: 100%;
  display: flex;
  align-items: flex-start;
}
.login-box .login .qr-item .qr-db .el-checkbox .el-checkbox__input{
  margin-top: 3px;
}
.el-checkbox__inner{
  border-color: #7C65FE !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #7C65FE;
}
.login-box .login .qr-item .qr-db .el-checkbox__label{
  width: calc(100% - 14px);
  white-space: normal;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 18px;
}
.login-box .login .qr-item .qr-db .el-checkbox__label a{
  color: #7C65FE;
  text-decoration: underline;
}
.login-box .login .bd-item{
  border-radius: 30px;
  background-color: #FFFFFF;
  padding: 49px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 480px;
}
.login-box .login .bd-item .bd-type{
  margin-top: 57px;
  width: 100%;
}
.login-box .login .bd-item .bd-type .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-bottom: 28px;
}
.login-box .login .bd-item .dh-row{
  display: flex;
  border: 1px solid #7C65FE;
  border-radius: 6px;
  overflow: hidden;
}
.login-box .login .bd-item .dh-row .el-select{
  width: 53px;
}
.login-box .login .bd-item .dh-row .el-select .el-input__inner{
  background-color: rgba(124,101,254, 0.2);
  border-radius: 0;
}
.login-box .login .bd-item .dh-row .el-input--suffix .el-input__inner{
  padding: 0;
  text-align: center;
}
.login-box .login .bd-item .el-input__suffix{
  display: none;
}
.el-select-dropdown__item.selected{
  color: #7C65FE;
}
.login-box .login .bd-item .el-input__inner{
  height: 50px;
  line-height: 50px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
}
.login-box .login .bd-item .bt1 .el-input__inner{
  height: 48px;
  line-height: 48px;
}
.login-box .login .bd-item .el-input__inner::placeholder{
  color: #AAAAAA;
}
.login-box .login .bd-item .bt1 .el-input__inner{
  border: none;
}
.login-box .login .bd-item .dh-row .sr{
  width: calc(100% - 53px);
}
.login-box .login .bd-item .yzm-row{
  display: flex;
  border: 1px solid #7C65FE;
  border-radius: 6px;
  overflow: hidden;
}
.login-box .login .bd-item .yzm-row .yzm{
  padding: 0;
  border-radius: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  background-color: rgba(124,101,254, 0.2);
  width: 60px;
  height: 48px;
}
.login-box .login .bd-item .yzm-row .el-input{
  width: calc(100% - 60px);
}
.login-box .login .bd-item .gybt{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  padding: 0;
  background-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.login-box .login .bd-item .bdgybt{
  margin-top: 25px;
}
.login-box .login .bd-item .or{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}
.login-box .login .bd-item .or p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.login-box .login .bd-item .or .line{
  width: calc((100% - 50px) / 2);
  height: 1px;
  background-color: #E5E5E5;
}
.login-box .login .bd-item .bd-db{
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
.login-box .login .bd-item .bd-db p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.login-box .login .bd-item .bd-db p a{
  color: #7C65FE;
}
.login-box .login .bd-item .bt2 .bd-db{
  justify-content: space-between;
}
.login-box .login .bd-item .bt2 .el-input__inner{
  height: 50px;
  line-height: 50px;
  border: 1px solid #7C65FE;
  border-radius: 6px;
}
.login-box .login .bd-item .bt2 .show{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: #555555;
  font-size: 18px;
  cursor: pointer;
  z-index: 5;
}
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
  color: #C0C4CC !important;
  background-color: #EBEEF5 !important;
  border-color: #EBEEF5 !important;
}
.reg-box{
  background-color: #F5F5FF;
  width: 100%;
  min-height: 100vh;
}
.regct{
  margin: 0 auto;
  padding: 80px 0;
}
.regct .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.regct .el-form-item__label::before{
  color: #FB0303 !important;
}
.regct .el-input__inner{
  height: 50px;
  line-height: 50px;
  border: 1px solid #7C65FE !important;
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
}
.regct .el-input__inner::placeholder{
  color: #AAAAAA;
}
.regct h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.regct .mide{
  margin: 30px auto 0;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 55px 80px;
  width: 780px;
}
.regct .el-select{
  width: 100%;
}
.regct .row{
  display: flex;
  justify-content: space-between;
}
.regct .row .el-input{
  width: calc(100% - 280px - 10px);
}
.regct .tldb{
  margin-bottom: 10px;
}
.regct .row .yzm{
  width: 280px;
  height: 50px;
  border: none;
  border-radius: 6px;
  padding: 0;
  background-color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.regct .gybt{
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 6px;
  padding: 0;
  background-color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 23px;
}
.regct .el-form-item{
  margin-bottom: 17px;
}
.regct .gx{
  margin: 55px 0 0 0;
}
.regct .gx .el-checkbox{
  display: flex;
  align-items: center;
}
.regct .gx .el-checkbox__label{
  display: flex;
  justify-content: space-between;
  width: calc(100% - 14px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.regct .gx .el-checkbox__label span{
  color: #7C65FE;
}
.user1-box{
  position: relative;
  overflow: hidden;
}
.user1ct{
  margin: 0 auto;
  padding: 180px 0 180px 0;
  position: relative;
  z-index: 1;
}
.user1ct .title{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 72px;
  color: #0F0821;
}
.user1ct .mide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 55px;
}
.user1ct .mide .left{
  width: 560px;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 79px 80px 46px 80px;
}
.user1ct .mide .left .ave .rund{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.user1ct .mide .left .ave .rund img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user1ct .mide .left .ave p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  text-align: center;
  margin-top: 30px;
}
.user1ct .mide .left .line{
  width: 100%;
  height: 1px;
  background-color: #7C65FE;
  opacity: 0.2;
  margin: 48px 0;
}
.user1ct .mide .left .lx .row{
  display: flex;
  align-items: center;
}
.user1ct .mide .left .lx .row .ib{
  width: 19px;
  display: flex;
  justify-content: center;
}
.user1ct .mide .left .lx .row .ib img{
    max-width: 100%;
}
.user1ct .mide .left .lx .row p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-left: 12px;
}
.user1ct .mide .left .lx .row span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  margin-left: 20px;
  position: relative;
}
.user1ct .mide .left .lx .row:not(:first-of-type){
  margin-top: 20px;
}
.user1ct .mide .left .lx .row #bindingwechat{
  cursor: pointer;
}
.user1ct .mide .left .lx .row .flow-content{
  position: absolute;
  left: calc(100% + 15px);
  top: 50%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgb(6 15 26 / 19%);
  width: calc(200px);
  padding: 10px;
  transform: scaleX(0) translateY(-50%);
  transform-origin: left;
  opacity: 0;
  transition: 0.5s;
}
.user1ct .mide .left .lx .row .flow-content.active{
  transform: scaleX(1) translateY(-50%);
  opacity: 1;
}
.user1ct .mide .left .lx .row .flow-content::before{
  display: block;
  content: '';
  border-right: 7px solid #FFFFFF;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -14px;
}
.user1ct .mide .left .lx .row .flow-content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user1ct .mide .left .lx .row .flow-content .top h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: initial;
}
.user1ct .mide .left .lx .row .flow-content .top i{
  font-size: 18px;
  color: #555555;
  cursor: pointer;
  transition: 0.3s;
}
.user1ct .mide .left .lx .row .flow-content .top i:hover{
  color: #1577BA;
}
.user1ct .mide .left .lx .row .flow-content img{
  width: 100%;
  margin: 5px 0;
}
.user1ct .mide .left .lx .row .flow-content p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: initial;
}
.user1ct .mide .left .dbl{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 170px;
}
.user1ct .mide .left .dbl a .nm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #7C65FE;
  text-align: center;
}
.user1ct .mide .left .dbl a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  text-align: center;
  margin-top: 7px;
}
.user1ct .mide .left .dbl .dbline{
  width: 1px;
  height: 46px;
  background-color: #EEEEEE;
  margin: 0 53px;
}
.user1ct .mide .right{
  width: calc(100% - 560px - 21px);
  display: flex;
  justify-content: space-between;
}
.user1ct .mide .right .lb{
  width: calc((100% - 21px) / 2);
}
.user1ct .mide .right .lb a{
  background-color: #ffffff;
  border-radius: 30px;
  padding: 26px 50px 60px 36px;
  display: flex;
  justify-content: space-between;
  transition: 0.3s;
}
.user1ct .mide .right .lb a .rund{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 0.1);
}
.user1ct .mide .right .lb a .txt{
  width: calc(100% - 50px - 20px);
  padding-top: 10px;
}
.user1ct .mide .right .lb a .txt h4{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  line-height: 26px;
}
.user1ct .mide .right .lb a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 24px;
  margin-top: 7px;
}
.user1ct .mide .right .lb a:not(:first-of-type){
  margin-top: 20px;
}
.user1ct .mide .right .lb a:hover{
  box-shadow: 0px 0px 29px 0px rgba(124,101,254,0.39);
}
.cart1-box{
  position: relative;
  overflow: hidden;
}
.gyxcbg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.cart1ct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 170px 0 250px 0;
}
.per-title{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 48px;
  color: #222222;
}
.cartTop{
  margin-top: 38px;
}
.cartTop .ksdy{
  display: flex;
  align-items: center;
}
.cartTop .ksdy p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.cartTop .ksdy .dy{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 153px;
  height: 40px;
  background: #7C65FE;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 15px;
}
.cartTop .ksdy .dy .dyrq{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cartTop .ksdy .dy .hh{
  position: absolute;
  top: 50%;
  transform: scaleX(0) translateY(-50%);
  left: 100%;
  padding-left: 15px;
  width: max-content;
  transform-origin: left;
  opacity: 0;
  transition: 0.3s;
}
.cartTop .ksdy .dy.active .hh{
  transform: scaleX(1) translateY(-50%);
  opacity: 1;
}
.cartTop .ksdy .dy .hh .rq{
  background-color: #ffffff;
  display: flex;
  border-radius: 4px;
  box-shadow: 0px 3px 29px 0px rgba(4,22,37,0.1);
  padding: 11px 11px 11px 15px;
  position: relative;
}
.cartTop .ksdy .dy .hh .rq::before{
  display: block;
  content: '';
  border-right: 10px solid #ffffff;
  border-left: 6px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}
.cartTop .ksdy .dy .hh .rq .el-input{
  width: max-content;
}
.cartTop .ksdy .dy .hh .rq .el-input__inner{
  width: 150px;
  border-radius: 6px;
  border: none;
  background-color: #EEEEEE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.cartTop .ksdy .dy .hh .rq .btn{
  width: 120px;
  height: 40px;
  background: #7C65FE;
  border-radius: 6px;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  margin-left: 15px;
}
.cartTop .ksdy .dy i{
  font-size: 16px;
  color: #ffffff;
}
.cartTop .ksdy .dy p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 5px;
}
.cart-list{
  margin-top: 45px;
  width: calc(100%);
  padding: 30px 25px;
  background-color: #ffffff;
  border-radius: 30px;
}
.cart-list .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid rgba(124,101,254, 0.2);
  padding-bottom: 15px;
}
.cart1Inner .el-checkbox__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.cart-list .top .lab{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.el-checkbox.yuan .el-checkbox__inner{
  border-radius: 50%;
  width: 18px;
  height: 18px;
  border-color: #7D7D7D !important;
  background-color: transparent;
}
.el-checkbox.yuan .el-checkbox__inner::after{
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #7C65FE;
  border: none;
  opacity: 0;
  transition: 0.3s;
}
.el-checkbox.yuan .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox.yuan .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: transparent;
  border-color: #7C65FE !important;
}
.el-checkbox.yuan .el-checkbox__input.is-checked .el-checkbox__inner::after{
  opacity: 1;
}
.cart-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid #E5E5E5;
}
.cart-list li .checkBox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-list li .checkBox .ibImg{
  width: 174px;
  height: 109px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E5E5;
}
.cart-list li .checkBox img{
  max-width: 90%;
  max-height: 90%;
}
.cart-list li .js{
  line-height: 20px;
}
.cart-list li .js .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cart-list li .js .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.cart-list li .js .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.cart-list li .gg .el-select{
  width: 100%;
}
.cart-list .el-input__inner{
  font-family: var(--font-family);
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  height: 35px;
  line-height: 35px;
}
.cart-list .el-input__icon{
  line-height: 35px;
}
.cart-list li .dj{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.cart-list li .xj{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #E02D04;
}
.cart-list li .el-input-number__decrease, 
.cart-list li .el-input-number__increase{
  height: 33px;
  line-height: 33px;
  width: 30px;
  top: 2px;
}
.cart-list li .el-input-number{
  line-height: 35px;
  width: 120px;
}
.cart-list li .num{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-list li .num .de{
  font-size: 16px;
  cursor: pointer;
  color: #7C65FE;
}
.cart-list .pb1{
  width: 205px;
}
.cart-list .pb2{
  width: 250px;
}
.cart-list .pb3{
  width: 120px;
}
.cart-list .pb4{
  width: 120px;
}
.cart-list .pb5{
  width: 150px;
}
.cart-list .pb6{
  width: 120px;
}
.cart1ct .bottom{
  margin-top: 24px;
  width: calc(100%);
  padding: 0 24px;
}
.cart1ct .bottom .dbt{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart1ct .bottom .dbt .left{
  display: flex;
  align-items: center;
}
.cart1ct .bottom .dbt .left .btnBox{
  display: flex;
  margin-left: 50px;
}
.cart1ct .bottom .dbt .left .btnBox .btn{
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #7D7D7D;
  padding: 10px 18px;
  cursor: pointer;
}
.cart1ct .bottom .dbt .left .btnBox .btn:hover{
  border-color: #7C65FE;
  background-color: #7C65FE;
  color: #ffffff;
}
.cart1ct .bottom .dbt .left .btnBox .btn:not(:first-of-type){
  margin-left: 20px;
}
.cart1ct .bottom .dbt .right .jj{
  display: flex;
  align-items: flex-end;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 1;
}
.cart1ct .bottom .dbt .right .jj p{
  color: #7C65FE;
  margin: 0 5px;
}
.cart1ct .bottom .dbt .right .jj span{
  color: #7C65FE;
  font-size: 24px;
}
.cart1ct .bottom .jz{
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.cart1ct .bottom .jz .btn{
  cursor: pointer;
  width: 150px;
  height: 42px;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  text-align: center;
  line-height: 42px;
  font-family: var(--font-family);
  font-size: 14px;
  color: #7C65FE;
  font-weight: 400;
}
.cart1ct .bottom .jz .btn:last-of-type{
  background-color: #7C65FE;
  color: #ffffff;
  margin-left: 10px;
}
.el-range-editor.is-active, 
.el-range-editor.is-active:hover, 
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus{
  border-color: #7C65FE;
}
.cart1ct .el-checkbox__input.is-checked+.el-checkbox__label{
  color: #7C65FE;
}
.cart2-box{
  position: relative;
  overflow: hidden;
}
.cart2ct{
  margin: 0 auto;
  padding: 170px 0 180px 0;
  position: relative;
  z-index: 1;
}
.cart2ct .box{
  width: calc(100%);
  padding: 50px 60px;
  border-radius: 30px;
  background-color: #ffffff;
  margin-top: 55px;
}
.cart2ct .pt{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart2ct .gyTm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
}
.cart2ct .gyBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: 40px;
  background: #7C65FE;
  border-radius: 6px;
  cursor: pointer;
  padding: 0 20px;
}
.cart2ct .gyBtn i{
  font-size: 14px;
  color: #ffffff;
}
.cart2ct .gyBtn p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.cart2ct .ib{
  padding-bottom: 35px;
  border-bottom: 1px solid #DCDCDC;
  margin-top: 30px;
}
.cart2ct .ib .item{
  width: calc(100%);
  padding: 0 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 22px;
}
.cart2ct .ib .item:not(:first-of-type){
  margin-top: 12px;
}
.cart2ct .ib .item .name{
  display: flex;
  align-items: center;
}
.cart2ct .ib .item .name .rund{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #7D7D7D;
  transition: 0.3s;
  position: relative;
  margin-right: 14px;
}
.cart2ct .ib .item .name .rund::before{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  background: #7C65FE;
  border-radius: 50%;
  background-color: #7C65FE;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #7C65FE;
  opacity: 0;
}
.cart2ct .ib .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-right: 20px;
}
.cart2ct .ib .item.active .rund{
  border-color: #7C65FE;
}
.cart2ct .ib .item.active .rund::before{
  opacity: 1;
}
.cart2ct .ib .item .mr{
  line-height: 1;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  background-color: #EEEEEE;
  padding: 3px 6px;
  border-radius: 2px;
}
.cart2ct .shdz:not(:first-of-type){
  margin-top: 70px;
}
.cart2ct .psfs{
  margin-top: 67px;
}
.cart2ct .psfs .js{
  margin-top: 22px;
  padding-bottom: 28px;
  border-bottom: 1px solid #DCDCDC;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 22px;
}
.cart2ct .spxx{
  margin-top: 60px;
}
.cart2ct .spxx-list{
  margin-top: 20px;
}
.cart2ct .spxx-list li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 19px 35px;
  background-color: rgba(124,101,254, 0.06);
  border-radius: 10px;
}
.cart2ct .spxx-list li a .js{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart2ct .spxx-list li a .js .spib{
  width: 174px;
  height: 109px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E5E5;
}
.cart2ct .spxx-list li a .js .spib img{
  max-width: 90%;
  max-height: 90%;
}
.cart2ct .spxx-list li a .js .txt{
  width: calc(100% - 174px - 70px);
  line-height: 20px;
}
.cart2ct .spxx-list li a .js .txt .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 22px;
  line-height: 22px;
}
.cart2ct .spxx-list li a .js .txt .code{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #555555;
}
.cart2ct .spxx-list li a .js .p-b p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #555555; 
}
.cart2ct .spxx-list li a .gy{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 22px;
  width: 160px;
}
.cart2ct .spxx-list li a .gy p{
  color: #888888;
}
.cart2ct .spxx-list li a .js{
  width: 500px;
}
.cart2ct .spxx-list li:not(:first-of-type){
  margin-top: 10px;
}
.cart2ct .jw{
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
}
.cart2ct .jw .left .bz{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-right: 20px;
}
.cart2ct .jw .left .el-textarea{
  width: 850px;
  height: 120px;
  margin-top: 18px;
}
.cart2ct .jw .left .el-textarea__inner{
  background: #FFFFFF;
  border-radius: 10px;
  resize: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border: 1px solid #EEEEEE;
  height: 100%;
}
.cart2ct .jw .right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cart2ct .jw .right .txt p span{
  color: #7C65FE;
}
.cart2ct .jw .right .total{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  margin-top: 25px;
}
.cart2ct .jw .right .total p{
  color: #7C65FE;
  margin-right: 5px;
}
.cart2ct .jw .right .total span{
  font-size: 24px;
  color: #7C65FE;
  margin-left: 7px;
}
.cart2ct .jw .right .btnBox{
  display: flex;
  margin-top: 35px;
}
.cart2ct .jw .right .btnBox .btn:first-of-type{
  width: 190px;
}
.cart2ct .jw .right .btnBox .btn{
  width: 150px;
  height: 42px;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  cursor: pointer;
}
.cart2ct .jw .right .btnBox .btn:last-of-type{
  margin-left: 10px;
  background-color: #7C65FE;
  border-color: #7C65FE;
  color: #ffffff;
}
.addDz-diaolog{
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.addDz-diaolog::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.addDz-diaolog::-webkit-scrollbar-thumb {
  background: #7C65FE;
}
.addDz-diaolog::-webkit-scrollbar-track {
  background: #DEDEDE;
}
.addDz-diaolog .content{
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  background-color: #ffffff;
  border-radius: 30px;
  overflow: hidden;
}
.addDz-diaolog .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 20px 38px;
  background-color: #F5F5F5;
}
.addDz-diaolog .content .top p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.addDz-diaolog .content .top i{
  font-size: 22px;
  color: #222222;
  cursor: pointer;
}
.addDz-diaolog .content .zw{
  width: calc(100%);
  padding: 25px 75px 75px 75px;
}
.addDz-diaolog .content .zw .el-form--label-top .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 1;
}
.addDz-diaolog .content .zw .el-input__inner{
  border-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  height: 50px;
  line-height: 50px;
}
.addDz-diaolog .content .zw .xs .el-form-item__label::before{
  opacity: 0;
}
.addDz-diaolog .content .zw .el-cascader{
  width: 100%;
}
.addDz-diaolog .content .zw .el-textarea__inner{
  border-color: #7C65FE;
  resize: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  height: 100px;
}
.addDz-diaolog .content .zw .row{
  /*display: flex;*/
  /*justify-content: space-between;*/
}
.addDz-diaolog .content .zw .row .el-form-item{
  /*width: calc((100% - 10px) / 2);*/
}
.addDz-diaolog .el-button{
  margin-left: auto;
  padding: 0;
  width: 100%;
  height: 50px;
  background: #7C65FE;
  border-radius: 4px;
  background-color: #7C65FE !important;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF !important;
  border: none;
  display: block;
  margin-top: 20px;
}
.addDz-diaolog.active{
  display: none;
}
.zfCg-diaolog{
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
}
.zfcontent .top{
  display: flex;
  justify-content: flex-end;
  padding: 24px 36px 0 0;
}
.zfcontent .top i{
  font-size: 26px;
  color: #222222;
  cursor: pointer;
}
.zfcontent{
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 30px;
  overflow: hidden;
}
.zfcontent .zw{
  width: calc(100%);
  padding: 69px 20px 140px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zfcontent .zw p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin: 50px 0 75px 0;
}
.zfcontent .zw .btnBox{
  display: flex;
}
.zfcontent .zw .btnBox .btn{
  width: 300px;
  height: 57px;
  border-radius: 30px;
  border: 1px solid #7C65FE;
  text-align: center;
  line-height: 57px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #7C65FE;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.zfcontent .zw .btnBox .btn::before{
  display: block;
  content: '';
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  transition: 0.3s;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.zfcontent .zw .btnBox .btn:first-of-type{
  margin-right: 20px;
  background-color: #7C65FE;
  border-color: #7C65FE;
  color: #ffffff;
}
.zfcontent .zw .btnBox .btn:hover::before{
  width: 100%;
}
.zfcontent .zw .btnBox .btn:hover{
  color: #FFFFFF;
}
.zfCg-diaolog.active{
  display: block;
}
.per1-box{
  overflow: hidden;
  position: relative;
}
.per1ct{
  margin: 0 auto;
  padding: 170px 0;
  position: relative;
  z-index: 1;
}
.per1ct .box{
  width: calc(100%);
  padding: 90px 60px 90px 60px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 59px;
}
.per1ct .box .left{
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.per1ct .box .left img{
  width: 100%;
}
.per1ct .box .left .el-button{
  width: 230px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-top: 20px;
}
.per1ct .box .right{
  width: auto;
  max-width: 100%;
  margin-top: 70px;
}
.per1ct .box .right .zs .row{
  display: flex;
  align-items: center;
}
.per1ct .box .right .zs .row .lab{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  width: 290px;
  text-align: right;
}
.per1ct .box .right .zs .row p{
  width: calc(100% - 290px - 60px);
  margin-left: 60px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.per1ct .box .right .zs .row p span{
  color: #1BA11E;
}
.per1ct .box .right .zs .row:not(:first-of-type){
  margin-top: 30px;
}
.per1ct .box .right .zs .btn{
  margin: 62px auto 0;
  width: 130px;
  height: 35px;
  background: #7C65FE;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.per1ct .box .right .zs .btn i{
  font-size: 16px;
  color: #ffffff;
}
.per1ct .box .right .zs .btn p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 5px;
}
.per1ct .box .right .up{
  width: 660px;
}
.per1ct .box .right .up .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.per1ct .box .right .up .el-input__inner{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  height: 50px;
  line-height: 50px;
}
.per1ct .box .right .up .el-cascader .el-input .el-input__inner:focus,
.per1ct .box .right .up .el-cascader .el-input.is-focus .el-input__inner,
.per1ct .box .right .up .el-input__inner:focus{
  border-color: #7C65FE;
}
.per1ct .box .right .up .el-cascader{
  width: 100%;
}
.per1ct .box .right .up .el-select-dropdown__item{
  font-family: var(--font-family);
}
.el-cascader-node{
  font-family: var(--font-family);
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
  color: #7C65FE;
}
.per1ct .box .right .up .el-select{
  width: 100%;
}
.per1ct .box .right .up .el-button{
  width: 100%;
  height: 50px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #7C65FE !important;
}
.per1ct .box .right .zs.active{
  display: none;
}
.per1ct .box .right .up.active{
  display: none;
}
.cect-box{
  overflow: hidden;
  position: relative;
}
.cectct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 170px 0 140px 0;
}
.i4-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.i4-list li{
  width: calc((100% - 42px) / 4);
  margin-right: 14px;
  margin-bottom: 14px;
  position: relative;
}
.i4-list li:nth-of-type(4n){
  margin-right: 0px;
}
.i4-list li a{
  display: block;
  width: calc(100%);
  padding: 20px 20px 0 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.i4-list li a .tp{
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.i4-list li a .txt{
  width: 100%;
  padding-top: 20px;
  height: 260px;
  position: relative;
}
.i4-list li a .txt h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i4-list li a .txt .name{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
}
.i4-list li a .txt .zs .row{
  display: flex;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
}
.i4-list li a .txt .zs .row span{
  width: 95px;
}
.i4-list li a .txt .zs .row p{
  width: calc(100% - 95px);
  word-break: break-word;
}
.i4-list li .bt{
  display: flex;
  justify-content: space-between;
  width: calc(100% - 40px);
  height: 38px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 35px;
}
.i4-list li .bt .sc{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  transition: 0.3s;
  cursor: pointer;
}
.i4-list li .bt .sc img:last-of-type{
  display: none;
}
.i4-list li .bt .addCart{
  width: calc(100% - 70px - 15px);
  height: 100%;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  transition: 0.3s;
  cursor: pointer;
}
.i4-list li .bt .addCart:hover{
  background-color: #7C65FE;
  border-color: #7C65FE;
  color: #FFFFFF;
}
.i4-list li .bt .sc:hover{
  background-color: #7C65FE;
  border-color: #7C65FE;
}
.i4-list li .bt .sc.active{
  background-color: #7C65FE;
  border-color: #7C65FE;
}
.i4-list li .bt .sc.active img:last-of-type{
  display: block;
}
.i4-list li .bt .sc.active img:first-of-type{
  display: none;
}
.i4-list li .bt .sc:hover>img:last-of-type{
  display: block;
}
.i4-list li .bt .sc:hover>img:first-of-type{
  display: none;
}
.or-box{
  overflow: hidden;
  position: relative;
}
.orct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 170px 0 160px 0;
}
.order-box{
  width: calc(100%);
  padding: 49px 25px 65px 25px;
  background-color: #ffffff;
  border-radius: 30px;
  margin-top: 45px;
}
.order-box .type{
  display: flex;
}
.order-box .type a{
  background: #EEEEEE;
  border-radius: 4px;
  line-height: 1;
  padding: 8px 22px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  transition: 0.3s;
}
.order-box .type a.active{
  background-color: #7C65FE;
  color: #ffffff;
}
.order-box .type a:not(:first-of-type){
  margin-left: 10px;
}
.order-box .filter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 29px;
}
.order-box .filter .search{
  display: flex;
}
.order-box .filter .search .el-input__inner{
  width: 310px;
  background-color: transparent;
  border-color: #BFBFBF;
  border-radius: 4px;
  height: 39px;
  line-height: 39px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.order-box .filter .search .el-input{
  width: max-content;
}
.order-box .filter .search .btn{
  width: 146px;
  height: 39px;
  background: #7C65FE;
  border-radius: 4px;
  text-align: center;
  line-height: 39px;
  margin-left: 10px;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  border: none;
  outline: none;
}
.order-box .filter .time{
  display: flex;
  align-items: center;
}
.order-box .filter .time .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-right: 9px;
}
.order-box .filter .time .js span{
  color: #7C65FE;
}
.order-box .filter .time .el-input__inner{
  background-color: transparent;
  border-color: #BFBFBF;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.order-box .filter .el-date-editor.el-input,
.order-box .filter .el-date-editor.el-input__inner{
  width: 202px;
}
.order-box .filter .el-input__icon{
  line-height: 30px;
}
.order-box .filter .drdc{
  display: flex;
}
.order-box .filter .drdc .el-button{
  padding: 0;
  border: none;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  width: 90px;
  height: 30px;
  margin-left: 10px;
  border: 1px solid #7C65FE;
}
.order-box .filter .drdc .dr{
  background-color: #7C65FE;
}
.order-box .filter .drdc .dc{
  color: #7C65FE;
}
.order-list{
  margin-top: 55px;
}
.order-list .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
}
.order-list .top .hd{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #666666;
}
.order-list .top .hd:last-of-type{
  text-align: right;
}
.order-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid #F5F5F5;
}
.order-list li .code{
  word-break: break-all;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.order-list li .pb2 p,
.order-list li .pb3 p,
.order-list li .pb4 p,
.order-list li .pb5 p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.order-list li .pb2 p:not(:first-of-type),
.order-list li .pb3 p:not(:first-of-type),
.order-list li .pb4 p:not(:first-of-type),
.order-list li .pb5 p:not(:first-of-type){
  margin-top: 7px;
}
.order-list li .zwf{
  height: 26px;
  margin-top: 10px;
}
.order-list li .proName a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  width: 100px;
  height: 26px;
  margin-top: 10px;
}
.order-list li .proName p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.order-list li .proName a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.order-list li .proName a i{
  font-size: 16px;
  cursor: pointer;
  color: #333333;
}
.order-list li .zffs{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.order-list li .type p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
}
.order-list li .type .ywc{
  color: #7C65FE;
}
.order-list li .type .yfh{
  color: #3FBE3F;
}
.order-list li .type .dfh{
  color: #F4A63F;
}
.order-list li .type .th{
  color: #F43F59;
}
.order-list li i{
  font-size: 18px;
  color: #888888;
  cursor: pointer;
}
.order-list .pb1{
  width: 150px;
}
.order-list .pb2{
  width: 220px;
}
.order-list .pb3{
  width: 70px;
}
.order-list .pb4{
  width: 100px;
}
.order-list .pb5{
  width: 120px;
}
.order-list .pb6{
  width: 65px;
}
.order-list .pb7{
  width: 115px;
}
.order-list .pb8,
.order-list .pb9{
  width: 80px;
  display: flex;
  justify-content: center;
}
.ord-box{
  position: relative;
  overflow: hidden;
}
.ordct{
  padding: 170px 0 160px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.ordct .box{
  width: calc(100%);
  padding: 60px;
  background-color: #ffffff;
  border-radius: 30px;
  margin-top: 49px;
}
.ordct .box>.top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ordct .box>.top .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.ordct .box>.top .money{
  display: flex;
  align-items: flex-end;
}
.ordct .box>.top .money p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 1;
}
.ordct .box>.top .money .num{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #7C65FE;
  line-height: 1;
}
.ordct .box .xqBox{
  width: calc(100%);
  padding: 25px 20px 20px 20px;
  background-color: rgba(124,101,254, 0.06);
  border-radius: 10px;
  margin-top: 39px;
}
.ordct .box .xqlist .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 7px;
}
.ordct .box .xqlist .top .pb1{
  width: calc(500px);
  padding-left: 80px;
}
.ordct .box .xqlist .top .hd{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.ordct .box .xqlist li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
}
.ordct .box .xqlist li .cp{
  display: flex;
  align-items: center;
}
.ordct .box .xqlist li .cp .ibox{
  width: 53px;
  height: 35px;
  border: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ordct .box .xqlist li .cp img{
  max-width: 90%;
  max-height: 90%;
}
.ordct .box .xqlist li .cp p{
  width: calc(100% - 53px - 30px);
  margin-left: 30px;
  word-break: break-all;
}
.ordct .box .xqlist li p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.ordct .box .xqlist li .pb4 p{
  color: #E72D02;
}
.ordct .box .xqlist .pb1{
  width: 500px;
}
.ordct .box .xqlist .pb2,
.ordct .box .xqlist .pb3,
.ordct .box .xqlist .pb4{
  width: 120px;
}
.ordct .box .mesBox{
  margin-top: 70px;
}
.ordct .box .mesBox .item{
  border-bottom: 1px solid rgba(124,101,254, 0.2);
  padding-bottom: 45px;
}
.ordct .box .mesBox .item .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  margin-bottom: 16px;
}
.ordct .box .mesBox .item .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 28px;
}
.ordct .box .mesBox .item:not(:first-of-type){
  margin-top: 70px;
}
.ordct .box .mesBox .item a{
  color: #7C65FE;
}
.ordct .box .btnBox{
  display: flex;
  justify-content: center;
  margin-top: 90px;
}
.ordct .box .btnBox .btn:last-of-type{
  margin-left: 30px;
}
.ordct .box .btnBox .btn{
  width: 130px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #7C65FE;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.ordct .box .btnBox .btn i{
  font-size: 16px;
  color: #7C65FE;
  transition: 0.3s;
}
.ordct .box .btnBox .btn p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  margin-left: 10px;
  transition: 0.3s;
}
.ordct .box .btnBox .btn:hover{
  border-color: #7C65FE;
  background-color: #7C65FE;
}
.ordct .box .btnBox .btn:hover>p,
.ordct .box .btnBox .btn:hover>i{
  color: #ffffff;
}
.add-box{
  overflow: hidden;
  position: relative;
}
.addct{
  padding: 170px 0 160px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.addct .box{
  margin-top: 49px;
  width: calc(100%);
  padding: 65px 60px 100px 60px;
  background-color: #ffffff;
  border-radius: 30px;
}
.addct .box .dz-list li:first-of-type{
  padding-top: 0;
}
.addct .box .dz-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 33px 0;
  border-bottom: 1px solid #EEEEEE;
}
.addct .box .dz-list li .js{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 120px - 50px);
  line-height: 22px;
}
.addct .box .dz-list li .js .pb{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-right: 20px;
}
.addct .box .dz-list li .js .mr{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 2px;
  background-color: #EEEEEE;
}
.addct .box .dz-list li .swmr{
  padding: 6px 12px;
  background-color: #7C65FE;
  border-radius: 5px;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.addct .box .dz-list li i{
  font-size: 18px;
  cursor: pointer;
  color: #333333;
}
.addct .box .dz-list li i:hover{
  color: #7C65FE;
  transition: color 0.3s;
}
.addct .box .btn{
  margin: 70px auto 0;
  width: 280px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #7C65FE;
  cursor: pointer;
}
.addct .box .btn i{
  font-size: 18px;
  color: #FFFFFF;
}
.addct .box .btn p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-left: 7px;
}
.act-box{
  overflow: hidden;
  position: relative;
}
.actct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 170px 0 160px 0;
}
.actct .mide{
  border-radius: 6px;
  padding: 80px 0 120px 0;
  background-color: #FFFFFF;
  margin-top: 49px;
}
.actct .mide .demo-ruleForm{
  width: 620px;
  margin: 0 auto;
}
.actct .el-form-item{
  margin-bottom: 17px;
}
.actct .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.actct .el-form-item__label::before{
  color: #FB0303 !important;
}
.actct .el-input__inner{
  height: 50px;
  line-height: 50px;
  border: 1px solid #7C65FE !important;
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
}
.actct .el-input__inner::placeholder{
  color: #AAAAAA;
}
.actct .el-select{
  width: 100%;
}
.actct .row{
  display: flex;
  justify-content: space-between;
}
.actct .row .el-input{
  width: calc(100% - 280px - 10px);
}
.actct .row .yzm{
  width: 280px;
  height: 50px;
  border: none;
  border-radius: 6px;
  padding: 0;
  background-color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.actct .gybt{
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 6px;
  padding: 0;
  background-color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 23px;
}
.pur-box{
  overflow: hidden;
  position: relative;
}
.purct{
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 170px 0 160px 0;
}
.purct .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.purct .top .allSelect{
  display: flex;
  align-items: center;
}
.purct .top .allSelect .btn{
  width: 140px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  text-align: center;
  line-height: 40px;
  margin-left: 30px;
  cursor: pointer;
}
.purct .top .allSelect .el-checkbox__input.is-checked+.el-checkbox__label{
  color: #7C65FE;
}
.purct .cg-list{
  margin-top: 40px;
}
.purct .cg-list li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid transparent;
  padding-right: 31px;
  transition: 0.3s;
}
.purct .cg-list li:not(:first-of-type){
  margin-top: 20px;
}
.purct .cg-list li .wz{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 135px);
  padding: 20px 18px 20px 20px;
}
.purct .cg-list li .zc{
  width: 135px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.purct .cg-list li.active{
  border-color: #7C65FE;
  box-shadow: 0px 0px 40px 0px rgba(124,101,254,0.3);
}
.purct .cg-list li.active .zc{
  background-color: #7C65FE;
  color: #ffffff;
}
.purct .cg-list li .wz .js{
  display: flex;
  align-items: center;
  width: 500px;
}
.purct .cg-list li .wz .js .ibox{
  width: 174px;
  height: 99px;
  border: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purct .cg-list li .wz .js img{
  max-width: 90%;
  max-height: 90%;
}
.purct .cg-list li .wz .js .txt{
  width: calc(100% - 174px - 34px);
  margin-left: 34px;
  line-height: 20px;
}
.purct .cg-list li .wz .js .txt .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #555555;
}
.purct .cg-list li .wz .js .txt .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.purct .cg-list li .wz .js .txt .wp p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.purct .cg-list li .wz .gg{
  width: 250px;
}
.purct .cg-list li .wz .gg .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.purct .cg-list li .wz .gg .txt{
  margin-top: 8px;
}
.purct .cg-list li .wz .gg .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.purct .cg-list li .wz .num{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
}
.purct .cg-list li .wz .num span{
  color: #222222;
}
.purct .cg-list li .wz .num span:first-of-type{
  color: #7C65FE;
  margin-right: 5px;
}
.fee-box{
  overflow: hidden;
  position: relative;
}
.feect{
  margin: 0 auto;
  padding: 170px 0 160px 0;
  position: relative;
  z-index: 1;
}
.feect .mide{
  border-radius: 30px;
  background-color: #ffffff;
  margin-top: 59px;
  padding: 39px 25px 70px 25px;
}
.feect .mide .search{
  display: flex;
}
.feect .mide .search .el-input__inner{
  width: 310px;
  background-color: transparent;
  border-color: #BFBFBF;
  border-radius: 4px;
  height: 39px;
  line-height: 39px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.feect .mide .search .el-input{
  width: max-content;
}
.feect .mide .search .btn{
  width: 146px;
  height: 39px;
  background: #7C65FE;
  border-radius: 4px;
  text-align: center;
  line-height: 39px;
  margin-left: 10px;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.fee-list{
  margin-top: 55px;
}
.fee-list .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid rgba(124,101,254, 0.4);
  padding-bottom: 10px;
}
.fee-list .top .hd{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #666666;
}
.fee-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 39px 0;
  border-bottom: 1px solid #F5F5F5;
}
.fee-list li .code{
  word-break: break-all;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.fee-list li .pb2 p,
.fee-list li .pb3 p,
.fee-list li .pb4 p,
.fee-list li .pb5 p,
.fee-list li .pb6 p,
.fee-list li .pb7 p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.fee-list li .pb7 p{
  color: #7C65FE;
  cursor: pointer;
}
.fee-list li .pb2 p:not(:first-of-type),
.fee-list li .pb3 p:not(:first-of-type),
.fee-list li .pb4 p:not(:first-of-type),
.fee-list li .pb5 p:not(:first-of-type){
  margin-top: 7px;
}
.fee-list li .zwf{
  height: 26px;
  margin-top: 10px;
}
.fee-list li .proName a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  width: 100px;
  height: 26px;
  margin-top: 10px;
}
.fee-list li .proName p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.fee-list li .proName a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.fee-list li .proName a i{
  font-size: 16px;
  cursor: pointer;
  color: #333333;
}
.fee-list li i{
  font-size: 18px;
  color: #888888;
  cursor: pointer;
}
.fee-list .pb1{
  width: 150px;
}
.fee-list .pb2{
  width: 220px;
}
.fee-list .pb3{
  width: 70px;
}
.fee-list .pb4{
  width: 60px;
}
.fee-list .pb5{
  width: 120px;
}
.fee-list .pb6{
  width: 100px;
}
.fee-list .pb7{
  width: 80px;
}
.fee-list .pb8,
.fee-list .pb9{
  width: 80px;
  display: flex;
  justify-content: center;
}
.fee-diaolog{
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.fee-diaolog.active{
  display: none;
}
.fee-diaolog::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.fee-diaolog::-webkit-scrollbar-thumb {
  background: #7C65FE;
}
.fee-diaolog::-webkit-scrollbar-track {
  background: #DEDEDE;
}
.fee-diaolog .content{
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 850px;
  background-color: #ffffff;
  border-radius: 30px;
  overflow: hidden;
}
.fee-diaolog .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 20px 38px;
  background-color: #F5F5F5;
}
.fee-diaolog .content .top p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.fee-diaolog .content .top i{
  font-size: 22px;
  color: #222222;
  cursor: pointer;
}
.fee-diaolog .content .zw{
  width: calc(100%);
  padding: 28px 60px 80px 60px;
}
.fee-diaolog .content .zw .nm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.fee-diaolog .content .zw .nm span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
}
.fee-diaolog .content .zw .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 20px;
  margin: 11px 0 40px 0;
}
.fee-diaolog .content .zw .myfk .mf{
  display: flex;
  align-items: center;
}
.fee-diaolog .content .zw .myfk .mf p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-right: 10px;
}
.fee-diaolog .content .zw .myfk .mf span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
}
.fee-diaolog .content .zw .myfk .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 19px 20px;
  margin-top: 10px;
}
.fee-diaolog .content .zw .hf{
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}
.fee-diaolog .content .zw .hf .line{
  width: 1px;
  height: 0;
  transition: 0.3s;
  background-color: #E5E5E5;
  margin-left: 7px;
}
.fee-diaolog .content .zw .hf .wz{
  width: calc(100% - 36px);
}
.fee-diaolog .content .zw .hf .wz .mr{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
  line-height: 18px;
  position: relative;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 32px;
  margin-bottom: 27px;
}
.fee-diaolog .content .zw .hf .wz .mr::before{
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #B5B5B5;
  position: absolute;
  top: 0;
  left: -36px;
}
.fee-diaolog .content .zw .hf .wz .dealt .time{
  display: flex;
  align-items: center;
  position: relative;
}
.fee-diaolog .content .zw .hf .wz .dealt .time::before{
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #7C65FE;
  position: absolute;
  top: 0;
  left: -36px;
}
.fee-diaolog .content .zw .hf .wz .dealt .time h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  margin-right: 10px;
}
.fee-diaolog .content .zw .hf .wz .dealt .time p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7E67FE;
}
.fee-diaolog .content .zw .hf .wz .dealt .dealt-desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
  line-height: 18px;
  margin-top: 10px;
}
.fee-diaolog .content .zw .hf .wz .dealt .d-c{
  margin-top: 18px;
}
.fee-diaolog .content .zw .hf .wz .dealt .d-c h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #555555;
}
.fee-diaolog .content .zw .hf .wz .dealt .d-c .d-c-desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  margin-top: 18px;
}
.fee-diaolog .content .zw .hf .wz .dealt .d-c a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  background-color: #7C65FE;
  border-radius: 20px;
  padding: 8px 18px;
  margin-top: 10px;
  display: block;
  width: max-content;
}
.fee-diaolog .content .zw .re{
  margin-top: 70px;
}
.fee-diaolog .content .zw .re h4{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.fee-diaolog .content .zw .re .el-textarea__inner{
  height: 140px;
  border-radius: 30px;
  border: none;
  border-radius: 10px;
  background-color: #F8F8F8;
  margin-top: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
  line-height: 24px;
  resize: none;
}
.fee-diaolog .content .zw .re .btn{
  width: 209px;
  height: 50px;
  background: #7C65FE;
  border-radius: 25px;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin: 37px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.probig-box{
  position: relative;
  padding-top: 174px;
}
.pro-search{
  border-radius: 30px;
  position: relative;
  background: url('../images/proSearch.jpg') no-repeat center / cover;
  display: flex;
  justify-content: center;
}
.pro-search .content{
  width: calc(900px);
  padding: 0 5px 0 17px;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px 0px rgba(124,101,254,0.2);
  border-radius: 35px;
}
.pro-search .content .el-form{
  display: flex;
  align-items: center;
  height: 100%;
}
.pro-search .el-form-item{
  margin-bottom: 0;
}
.pro-search .el-input__inner{
  height: 70px;
  line-height: 70px;
  border-radius: 0;
  border: none;
}
.pro-search .el-select{
  width: 150px;
}
.pro-search .el-select .el-input .el-input__inner{
  border-radius: 35px 0 0 35px;
}
.pro-search .el-select-dropdown__item{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
}
.pro-search .el-button{
  padding: 0;
  width: 110px;
  height: 60px;
  background-color: #7C65FE;
  border: none;
  transition: 0.3s;
  border-radius: 35px;
}
.pro-search .el-button:hover{
  background-color: #7C65FE;
}
.pro-search .el-button i{
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
}
.pro-search .ss{
  width: calc(100% - 150px - 110px - 1px);
  position: relative;
}
.pro-search .ss .close{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #7C65FE;
  cursor: pointer;
  z-index: 9;
}
.pro-search .el-input .el-input__inner{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.pro-search .line{
  width: 1px;
  height: 60%;
  background-color: #D2D2D2;
}
.pro-search .qt-form{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.pro-search .qt-form select,
.pro-search .qt-form .ts{
  width: 150px;
  height: 100%;
  border: none;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  cursor: pointer;
  padding: 0 10px 0 15px;
  border-radius: 35px 0 0 35px;
}
.pro-search .qt-form button{
    padding: 0;
    width: 110px;
    height: 60px;
    background-color: #7C65FE;
    border: none;
    transition: 0.3s;
    border-radius: 35px;
    border: none;
    outline: none;
}
.pro-search .qt-form button i{
    font-size: 18px;
    color: #ffffff;
    transition: 0.3s;
}
.pro-search .qt-form .line{
  margin-left: 10px;
}
.pro-search .qt-form input{
  /*width: calc(100% - 200px - 18px - 30px - 16px);*/
  /*padding: 0 15px;*/
  width: 100%;
  height: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  height: 100%;
  border: none;
  outline: none;
}
.pro-search .qt-form input::placeholder,
.pro-search .qt-form input::-webkit-placeholder{
  color: #C0C4CC;
}
.pro-search .qt-form .sint{
  width: calc(100% - 150px - 110px - 11px);
  padding: 0 35px 0 15px;
  height: 100%;
  position: relative;
}
.pro-search .qt-form .sint .close{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #7C65FE;
  cursor: pointer;
  z-index: 9;
  display: none;
}
.pro-box{
  position: relative;
  z-index: 1;
}
.pro-ct{
  margin: 0 auto;
  padding: 70px 0 135px 0;
}
.pro-table{
  display: flex;
  border-bottom: 1px solid #BFBFBF;
}
.pro-table a{
  width: calc(50%);
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #666666;
  text-align: center;
  transition: 0.3s;
  padding-bottom: 16px;
  position: relative;
}
.pro-table a::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 3px;
  background-color: #7C65FE;
  transition: 0.5s;
}
.pro-table a.active,
.pro-table a:hover{
  color: #7C65FE;
}
.pro-table a.active::after,
.pro-table a:hover:after{
  width: 100%;
}
.pro-result{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  margin-top: 60px;
}
.pro-result .txt{
  margin-top: 10px;
}
.pro-result .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.pro-result .txt p span{
  font-weight: bold;
}
.pro-ct .container{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  overflow: hidden;
}
.pro-slide{
  width: 350px;
}
.pro-slide .sxq{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro-slide .sxq p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  display: flex;
  align-items: center;
}
.pro-slide .sxq p img{
  margin-right: 10px;
}
.pro-slide .sxq .qc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  background-color: rgba(124,101,254, 0.1);
  border-radius: 4px;
  padding: 5px 12px;
  cursor: pointer;
}
.pro-slide .sxq i{
  font-size: 22px;
  color: #7C65FE;
  margin-left: auto;
  display: none;
}
.pro-slide .box{
  margin-top: 27px;
}
.pro-slide .box .item{
  border-radius: 10px;
  border: 1px solid #7C65FE;
  overflow: hidden;
  margin-bottom: 10px;
}
.pro-slide .box .item .tp{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(124,101,254,0.2);
  padding: 16px 15px;
  width: calc(100%);
}
.pro-slide .box .item .tp .tl{
  display: flex;
  align-items: center;
  cursor: pointer;
  max-width: calc(100% - 50px);
}
.pro-slide .box .item .tp .icon i:last-of-type{
  display: none;
}
.pro-slide .box .item.active .tp .icon i:last-of-type{
  display: block;
}
.pro-slide .box .item.active .tp .icon i:first-of-type{
  display: none;
}
.pro-slide .box .item .tp .icon i{
  font-size: 18px;
  color: #7C65FE;
}
.pro-slide .box .item .tp .tl p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 17px;
  color: #7C65FE;
  margin-left: 5px;
  max-width: calc(100% - 18px - 5px);
}
.pro-slide .box .item .tp .cz{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  line-height: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #7C65FE;
  cursor: pointer;
}
.pro-slide .box .item .nr{
  width: 100%;
  padding: 7px 0 30px 0;
  background-color: #ffffff;
  max-height: 335px;
  overflow-y: auto;
}
.pro-slide .box .item .nr::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
.pro-slide .box .item .nr::-webkit-scrollbar-thumb{
  background: #7C65FE;
}
.pro-slide .box .item .nr::-webkit-scrollbar-track {
  background: #E7F1F8;
}
.pro-slide .el-tree-node__content{
  width: calc(100%);
  padding: 7px 15px !important;
  height: auto;
}
.pro-slide .el-tree-node__expand-icon.is-leaf{
  display: none;
}
.pro-slide .el-tree-node__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  transition: 0.3s;
  display: flex;
  width: calc(100% - 14px - 8px);
  word-break: break-word;
}
.pro-slide .el-checkbox__input.is-checked .el-checkbox__inner, 
.pro-slide .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #7C65FE;
  border-color: #7C65FE;
}
.pro-slide .el-tree-node.is-checked{
  background: rgba(21,119,186,0.1);
}
.pro-slide .el-tree-node.is-checked .el-tree-node__label{
  color: #7C65FE;
}
.pro-slide .el-tree-node{
  white-space: normal;
  border-bottom: 1px solid #ffffff;
}
.pro-slide .el-tree-node__label .label-container {
  transition: 0.3s;
  width: calc(100% - 14px - 5px);
}
.pro-slide .el-tree-node__label .cancel-icon{
    margin-left: auto;
    cursor: pointer;
    transition: 0.3s;
}
.proCt{
  width: calc(100% - 350px - 50px);
}
.proCt .px{
  display: flex;
  align-items: center;
}
.proCt .px p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
}
.proCt .px .el-select{
  margin-left: 15px;
  width: 150px;
}
.proCt .el-input__icon{
  line-height: 35px;
}
.proCt .el-input__inner{
  background-color: transparent;
  border: 1px solid #7D7D7D;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  height: 35px;
  line-height: 35px;
}
.proCt .el-select .el-input .el-select__caret{
  font-size: 16px;
  color: #7D7D7D;
}
.proCt .el-range-editor.is-active, 
.proCt .el-range-editor.is-active:hover, 
.proCt .el-select .el-input.is-focus .el-input__inner{
  border-color: #7C65FE;
}
.proCt .el-select .el-input__inner:focus{
  border-color: #7C65FE;
}
.proCt .el-select-dropdown__item.selected{
  color: #7C65FE;
}
.proCt .el-select-dropdown__item{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.proCt .cxflex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.proCt .appXX{
  display: none;
}
.proCt .sxtj{
  margin-top: 16px;
  display: flex;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.proCt .sxtj.active{
  display: none;
}
.proCt .sxtj .left{
  width: 112px;
  background-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.proCt .sxtj .left::after{
  display: block;
  content: '';
  border-left: 15px solid #7C65FE;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
}
.proCt .sxtj .right{
  width: calc(100% - 112px);
  padding: 10px 56px 0 36px;
  display: flex;
  flex-wrap: wrap;
}
.proCt .sxtj .right .item{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #555555;
  padding: 8px 33px 8px 11px;
  position: relative;
  border-radius: 4px;
  background-color: rgba(124,101,254, 0.1);
  margin-bottom: 10px;
  margin-right: 10px;
}
.proCt .sxtj .right .item i{
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  transition: 0.3s;
}
.proCt .sxtj .right .item i:hover{
  color: #7C65FE;
}
.proCt .sxtj .close{
  position: absolute;
  top: 13px;
  right: 12px;
  color: #7C65FE;
  cursor: pointer;
  font-size: 22px;
}
.pct-list{
  margin-top: 20px;
}
.pct-list li:not(:first-of-type){
  margin-top: 20px;
}
.pct-list li .mla{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
  width: calc(100%);
  padding: 20px 20px 28px 20px;
  border-radius: 10px;
  position: relative;
  transition: 0.3s;
}
.pct-list li .mla:hover{
  box-shadow: 0px 0px 8px 0px rgba(124,101,254,0.4);
}
.pct-list li .mla .left{
  width: calc(100% - 281px - 80px);
}
.pct-list li .mla .left .dbIm{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pct-list li .mla .left .dbIm img{
  margin-right: 10px;
  margin-top: 5px;
  max-height: 18px;
}
.pct-list li .mla .left .tm{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pct-list li .mla .left .tm a{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-top: 6px;
  max-width: 100%;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; */
  margin-right: 18px;
}
.pct-list li .mla:hover .left .tm a{
  text-decoration: underline;
}
.pct-list li .mla .left .tm .ib{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pct-list li .mla .left .tm .ib img{
  margin-right: 10px;
  margin-top: 5px;
  max-height: 20px;
}
/* .pct-list li .mla .left .tm .ib img:not(:first-of-type){
  margin-left: 10px;
} */
.pct-list li .mla .left .wx{
  margin: 5px 0 9px 0;
  display: flex;
  flex-wrap: wrap;
}
.pct-list li .mla .left .wx a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-right: 20px;
}
.pct-list li .mla .left .txt .row{
  display: flex;
  flex-wrap: wrap;
}
.pct-list li .mla .left .txt .row:not(:first-of-type){
  margin-top: 3px;
}
.pct-list li .mla .left .txt .row .lab{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.pct-list li .mla .left .txt .row .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  word-break: break-all;
}
.pct-list li .mla .left .txt .row .fl{
  display: flex;
  flex-wrap: wrap;
}
.pct-list li .mla .left .txt .row .fl p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  border-radius: 2px;
  border: 1px solid #BFBFBF;
  padding: 2px 5px;
  line-height: 1;
  height: max-content;
  margin-right: 3px;
  margin-bottom: 2px;
}
.pct-list li .mla .right{
  width: calc(281px);
  padding: 24px 16px 16px 16px;
  border: 1px solid #E5E5E5;
  height: max-content;
  border-radius: 10px;
}
.pct-list li .mla .right .swBox{
  position: relative;
}
.pct-list li .mla .right .swBox .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 35px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
  cursor: pointer;
}
.pct-list li .mla .right .swBox .pb i{
  font-size: 16px;
  color: #ffffff;
}
.pct-list li .mla .right .swBox .prev{
  left: 0;
}
.pct-list li .mla .right .swBox .next{
  right: 0;
}
.pct-list li .mla .right .swBox .swIb{
  width: 100%;
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pct-list li .mla .right .swBox .row-swiper{
  width: 100%;
  height: 185px;
}
.pct-list li .mla .right .swBox .row-swiper.active{
  padding-bottom: 0;
}
.pct-list li .mla .right .swBox .row-swiper .swiper-button-next,
.pct-list li .mla .right .swBox .row-swiper .swiper-button-prev{
  background-image: unset;
  width: 16px;
  height: 35px;
  margin-top: 0;
  background-color: rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  top: 34%;
}
.pct-list li .mla .right .swBox .row-swiper .swiper-button-next i,
.pct-list li .mla .right .swBox .row-swiper .swiper-button-prev i{
  font-size: 16px;
  color: #ffffff;
}
.pct-list li .mla .right .swBox .row-swiper .swiper-button-next:hover,
.pct-list li .mla .right .swBox .row-swiper .swiper-button-prev:hover{
  background-color: #7C65FE;
}
.pct-list li .mla .right .swBox .img-box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pct-list li .mla .right .swBox .view{
  position: relative;
}
.pct-list li .mla .right .swBox .view i{
  font-size: 18px;
  color: #1577BA;
  position: absolute;
  right: 18%;
  bottom: 2%;
  z-index: 1;
}
.pct-list li .mla .right .swBox img{
  /* width: 100%;
  height: 145px;
  object-fit: cover; */
  max-width: 100%;
  max-height: 100%;
}
.pct-list li .mla .right .swBox .row-swiper{
  padding-bottom: 25px;
}
.pb-xjl{
  /* position: absolute;
  left: 0;
  bottom: 0; */
  margin-top: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.pb-xjl:hover{
  text-decoration: underline;
}
.pro4ct .left .cpzs .swBox .pb-xjl:hover{
  text-decoration: unset;
  background-color: #7C65FE;
}
.pro4ct .left .cpzs .swBox .wsjBj{
  max-width: 100%;
  margin: 0 auto;
}
.pb-xjl i{
  font-size: 18px;
  color: #292B2C;
  margin-right: 6px;
}
.pb-xjl p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 1;
}
.pb-xjl .swiper-pagination{
  position: unset;
  width: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 1;
}
.pct-list li .mla .dbl{
  /* position: absolute;
  bottom: 20px;
  left: 20px; */
  display: flex;
  margin-top: 20px;
}
.pct-list li .mla .dbl .an{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  padding: 7px 16px;
  transition: 0.3s;
  cursor: pointer;
}
.pct-list li .mla .dbl .an.active{
  border-color: #7C65FE;
  background-color: #7C65FE;
}
.pct-list li .mla .dbl .an.active p{
  color: #ffffff;
}
.pct-list li .mla .dbl .an.active i{
  color: #ffffff;
}
.pct-list li .mla .dbl .an .anib img:last-of-type{
  display: none;
}
.pct-list li .mla .dbl .an.active .anib img:last-of-type{
  display: block;
}
.pct-list li .mla .dbl .an.active .anib img:first-of-type{
  display: none;
}
.pct-list li .mla .dbl .an:not(:first-of-type){
  margin-left: 18px;
}
.pct-list li .mla .dbl .an p{
  margin-left: 5px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  transition: 0.3s;
}
.pct-list li .mla .dbl .an i{
  font-size: 16px;
  color: #7C65FE;
  transition: 0.3s;
}
.pct-list li .mla .dbl .an .gxk{
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #7C65FE;
  position: relative;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pct-list li .mla .dbl .an.active .gxk{
  border-color: #7C65FE;
  background-color: #ffffff;
}
.pct-list li .mla .dbl .an .gxk i{
  font-size: 12px;
  color: #1577BA;
  opacity: 0;
}
.pct-list li .mla .dbl .an.active .gxk i{
  opacity: 1;
}
.pct-list li .mla .dbl .an:hover .gxk{
  border-color: #7C65FE;
  background-color: #ffffff;
}
/*.pct-list li .mla .dbl .an .gxk::before{*/
/*  display: block;*/
/*  content: '√';*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%,-50%);*/
/*  color: #7C65FE;*/
/*  opacity: 0;*/
/*  font-size: 12px;*/
/*  font-weight: bold;*/
/*  transition: 0.3s;*/
/*}*/
/*.pct-list li .mla .dbl .an.active .gxk::before{*/
/*  opacity: 1;*/
/*}*/
.proBj{
  width: 100%;
  position: fixed;
  left: 0;
  bottom: -100%;
  z-index: 99;
  transition: 0.6s;
  z-index: 110;
}
.proBj.cl{
  bottom: 0;
}
.proBj .top{
  background-color: #E5E0FF;
}
.proBj .top .ct{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 12px 0;
}
.proBj .top .ct .left{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.proBj.active .top .ct .left .rund{
  transform: rotate(180deg);
}
.proBj .top .ct .left .rund{
  width: 20px;
  height: 20px;
  background: #7D7D7D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.proBj .top .ct .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.proBj .top .ct .right{
  display: flex;
  align-items: center;
}
.proBj .top .ct .right .play{
  width: 110px;
  height: 36px;
  background: #7C65FE;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.3s;
}
.proBj .top .ct .right .play.active{
  background-color: #E6E8E8;
  color: #888888;
  cursor: not-allowed;
}
.proBj .top .ct .right .clear{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #7C65FE;
  margin-left: 26px;
  border-bottom: 1px solid #7C65FE;
  cursor: pointer;
}
.proBj .bottom{
  background-color: #7C65FE;
  display: none;
}
.proBj .bottom .ct{
  margin: 0 auto;
  display: flex;
  padding: 34px 0 66px 0;
}
.proBj .bottom .ct .item{
  width: calc((100% - 81px) / 4 - 38px);
  padding: 19px 19px 40px 19px;
  margin-right: 27px;
  background-color: #ffffff;
  border-radius: 10px;
  position: relative;
}
.proBj .bottom .ct .item:nth-of-type(4n){
  margin-right: 0;
}
.proBj .bottom .ct .item i{
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 18px;
  color: #7D7D7D;
  cursor: pointer;
}
.proBj .bottom .ct .item .code{
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #666666;
}
.proBj .bottom .ct .item .zs{
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #222222;
  margin-top: 5px;
}
/* .pro2-box{
  margin-top: 30px;
}
.pro2Inner{
  margin: 0 auto;
} */
.pro2-list{
  margin-top: 30px;
}
.pro2-list li{
  background-color: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
}
.pro2-list li:hover{
  box-shadow: 0px 0px 15px 0px rgb(21,119,186,0.3);
}
.pro2-list li a{
  display: block;
  width: calc(100% - 90px);
  padding: 25px 45px 40px 45px;
}
.pro2-list li a .type{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  line-height: 1;
  padding: 7px 11px;
  border-radius: 2px;
  background-color: rgba(21,119,186, 0.2);
  width: max-content;
}
.pro2-list li a .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  margin: 15px 0 17px 0;
}
.pro2-list li:not(:first-of-type){
  margin-top: 20px;
}
.pro2-list li a h6{
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.pro-diaolog{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 1);
  /*transition: opacity 0.3s,background-color 0.3s;*/
  overflow-y: auto;
  display: none;
}
.pro-diaolog .pb-xjl i{
  color: #FFFFFF;
}
.pro-diaolog .pb-xjl .swiper-pagination{
  color: #FFFFFF;
}
.pro-diaolog.active .pb-xjl i,
.pro-diaolog.active .pb-xjl .swiper-pagination{
  color: #333333;
}
.pro-diaolog.sh{
  /*left: -100%;*/
  /*opacity: 0;*/
  display: block;
}
.pro-diaolog.active{
  background-color: rgba(255,255,255,1);
}
.pro-diaolog.active .top i{
  color: #333333;
}
.pro-diaolog.active .top .ms p{
  color: #333333;
}
.pro-diaolog.active .btCode h3{
  color: #333333;
}
.pro-diaolog.active .btCode .code{
  color: #333333;
}
.pro-diaolog.active .content .filter span{
  color: #333333;
}
.pro-diaolog.active .content .filter p{
  border-color: #333333;
  color: #333333;
}
.pro-diaolog.active .content .swBox .mide .top-swiper .wz p{
  color: #333333;
}
.pro-diaolog.active .content .swBox .pb i{
  color: #333333;
}
.pro-diaolog.active .top .ms .qh{
  background-color: #333333;
}
.pro-diaolog.active .btCode,
.pro-diaolog.active .top{
  border-bottom-color: rgba(0,0,0, 0.1);
}
.pro-diaolog.active .content .swBox .mide .top-swiper .img-box{
  border-color: rgba(0,0,0,0.2);
}
.pro-diaolog .rq{
  width: 100%;
  height: 100%;
}
.pro-diaolog .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 28px 40px;
  border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.pro-diaolog .top .ms{
  display: flex;
  align-items: center;
}
/*.pro-diaolog .top .ms .qh{*/
/*  width: 70px;*/
/*  height: 30px;*/
/*  background: #FFFFFF;*/
/*  border-radius: 15px;*/
/*  border: 1px solid #1577BA;*/
/*  position: relative;*/
/*  margin-right: 18px;*/
/*  cursor: pointer;*/
/*}*/
/*.pro-diaolog .top .ms .qh .rund{*/
/*  width: 25px;*/
/*  height: 24px;*/
/*  background: #1577BA;*/
/*  border-radius: 50%;*/
/*  position: absolute;*/
/*  left: 5px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  transition: 0.5s;*/
/*}*/
/*.pro-diaolog .top .ms .qh.active .rund{*/
/*  left: unset;*/
/*  right: 5px;*/
/*}*/
.pro-diaolog .top input {
	/* 隐藏复选框 */
	display: none;
}
.pro-diaolog .top label {
	position: relative;
	width: 66px;
	height: 26px;
	border-radius: 100px;
	border: 2px solid #72cce3;
	background-color: #96dcee;
	transition: all 0.35s ease-in;
	margin-right: 18px;
	cursor: pointer;
}
.pro-diaolog .top label::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid #f5eb71;
	background-color: #fffaa8;
	transition: all 0.35s ease-in;
	animation: switch-reverse 0.35s forwards;
	/* 鼠标移入变小手 */
	cursor: pointer;
}
.pro-diaolog .top label::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 30px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	box-shadow: -13px 0 0 2px #e8e8ea, -24px 14px 0 -2px #e8e8ea;
	transition: all 0.25s ease-in;
	/* 不透明度 为0 就是隐藏了 */
	opacity: 0;
}
.pro-diaolog .top label span {
	position: relative;
	top: 12px;
	left: 42px;
	/* span是行内元素 需要将其转为块级元素才能设置宽度和高度 */
	display: block;
	width: 7px;
	height: 3px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 0.15s ease-in;
}
.pro-diaolog .top label span::before,
.pro-diaolog .top label span::after {
	/* 将两个伪元素相同的代码写一块 */
	content: "";
	position: absolute;
	width: 17px;
	height: 3px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 0.15s ease-in;
}
.pro-diaolog .top label span::before {
	top: -3px;
	left: -7px;
}
.pro-diaolog .top label span::after {
	top: 3px;
	left: -3px;
}
.pro-diaolog .top input:checked + label {
	border-color: #5d6baa;
	background-color: #6b7abb;
}
.pro-diaolog .top input:checked + label::before {
	border-color: #e8e8ea;
	background-color: #fff;
	/* 这里面需要动画我们先把动画定义好 */
	/* 动画 名称 时长 forwards就是动画完成后定制100%是的状态 */
	animation: switch 0.35s forwards;
}
.pro-diaolog .top input:checked + label::after {
	opacity: 1;
	/* 过渡延迟时间 */
	transition-delay: 0.25s;
}
.pro-diaolog .top input:checked + label span {
	/*width: 5px;*/
	/*left: 60px;*/
	opacity: 0;
}
.pro-diaolog .top input:checked + label span::before {
	/*width: 5px;*/
	/*height: 5px;*/
	/*top: -25px;*/
	opacity: 0;
}
.pro-diaolog .top input:checked + label span::after {
	/*width: 5px;*/
	/*height: 5px;*/
	/*top: 20px;*/
	/*left: -30px;*/
	opacity: 0;
}

@keyframes switch {
	0% {
		left: 3px;
	}
	60% {
		left: 3px;
		width: 50px;
	}
	100% {
		left: 41px;
	}
}
/* 顺便定义取消复选框选中状态的动画 */
@keyframes switch-reverse {
	0% {
		left: 41px;
	}
	60% {
		left: 3px;
		width: 50px;
	}
	100% {
		left: 3px;
	}
}
.pro-diaolog .top .ms p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.pro-diaolog .top i{
  font-size: 32px;
  color: #ffffff;
  cursor: pointer;
}
.pro-diaolog .btCode{
  border-bottom: 1px solid rgba(255,255,255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 20px 0;
}
.pro-diaolog .btCode h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #FFFFFF;
  text-align: center;
  max-width: 80%;
}
.pro-diaolog .btCode .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
}
.pro-diaolog .content{
  margin-top: 35px;
}
.pro-diaolog .content .filter{
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}
.pro-diaolog .content .filter span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.pro-diaolog .content .filter .pbox{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pro-diaolog .content .filter p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  line-height: 1;
  padding: 5px 13px;
  cursor: pointer;
  transition: 0.3s;
}
.pro-diaolog .content .filter p.active{
  background-color: #7C65FE;
  border-color: #7C65FE;
  color: #ffffff;
}
.pro-diaolog .content .swBox{
  margin-top: 70px;
  width: 90%;
  position: relative;
  margin: 50px auto 0;
}
.pro-diaolog .content .swBox .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: 0.3s;
  padding: 3px;
}
.pro-diaolog .content .swBox .pb i{
  font-size: 26px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.pro-diaolog .content .swBox .pb:hover{
  background-color: #1577BA;
}
.pro-diaolog .content .swBox .pb:hover i{
  color: #ffffff;
}
.pro-diaolog .content .swBox .prev{
  left: 0;
}
.pro-diaolog .content .swBox .next{
  right: 0;
}
.pro-diaolog .content .swBox .mide{
  width: calc(100% - 160px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*.pro-diaolog .content .swBox .mide{*/
/*  width: 700px;*/
/*}*/
.pro-diaolog .content .swBox .mide .top-swiper-box{
  width: 100%;
  /*height: 430px;*/
  /*border: 1px solid rgba(255,255,255,0.3);*/
}
.pro-diaolog .content .swBox .mide .top-swiper{
  width: 100%;
  /*height: 100%;*/
}
.pro-diaolog .content .swBox .mide .top-swiper .fl{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro-diaolog .content .swBox .mide .top-swiper .img-box{
  width: 700px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.3);
}
.pro-diaolog .content .swBox .mide .top-swiper .img-box img{
  max-width: 90%;
  max-height: 90%;
  /*object-fit: cover;*/
}
.pro-diaolog .content .swBox .mide .top-swiper .view{
  position: relative;
}
.pro-diaolog .content .swBox .mide .top-swiper .view i{
  position: absolute;
  right: 30%;
  bottom: 10%;
  font-size: 18px;
  color: #1577BA;
  z-index: 1;
}
.pro-diaolog .content .bottom-swiper-box{
  width: calc(90% - 160px);
  margin: 10px auto 0;
}
.pro-diaolog .content .bottom-swiper-box .drq{
  width: 700px;
  height: 75px;
}
.pro-diaolog .content .bottom-swiper{
  width: 100%;
  height: 100%;
}
.pro-diaolog .content .bottom-swiper .img-box{
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pro-diaolog .content .bottom-swiper .img-box img{
  max-width: 100%;
  max-height: 100%;
  /*object-fit: cover;*/
}
.pro-diaolog .content .bottom-swiper .swiper-slide-thumb-active .img-box{
  border-color: #7C65FE;
}
.pro-diaolog .content .swBox .mide .top-swiper .wz{
  width: calc(100% - 700px - 60px);
}
.pro-diaolog .content .swBox .mide .top-swiper .wz p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
}
.proImg-diaolog{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  display: none;
}
.proImg-diaolog.active{
  display: block;
}
.proImg-diaolog .content{
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
}
.proImg-diaolog .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 30px;
  background-color: rgba(124,101,254, 0.1);
  width: calc(100%);
}
.proImg-diaolog .content .top p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  width: calc(100% - 200px);
}
.proImg-diaolog .content .top .rt{
  display: flex;
  align-items: center;
}
.proImg-diaolog .content .top .rt .gl{
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.proImg-diaolog .content .top .rt .gl i{
  font-size: 18px;
  color: #7C65FE;
  margin-right: 3px;
}
.proImg-diaolog .content .top .rt span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 1;
}
.proImg-diaolog .content .top .close{
  font-size: 28px;
  color: #7C65FE;
  cursor: pointer;
}
.proImg-diaolog .content .img-box{
  width: calc(100% - 60px);
  /* height: 450px; */
  max-height: 450px;
  margin: 35px auto 30px;
  overflow: auto;
  position: relative;


  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* transition: justify-content 0.3s ease; 添加过渡效果 */
}
.proImg-diaolog .content .img-box img{
  /* max-width: 100%;
  max-height: 100%; */
  /* transform-origin: center center;
  position: absolute; */

  /* width: max-content;
  height: max-content; */
  /* max-width: 100%; */
  cursor: grab;
  margin: 0 auto;
}
.proImg-diaolog .content .bottom{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  padding: 0 30px 35px 30px;
  width: calc(100% - 60px);
}
.pbdb-box{
  position: relative;
}
.pbdbct{
  padding: 227px 0 160px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.pbdbct .mide{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 50px;
  background: #7C65FE;
  padding: 97px 66px 110px 99px;
}
.pbdbct .left{
  width: 478px;
}
.pbdbct .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #FFFFFF;
}
.pbdbct .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  margin: 35px 0 85px 0;
}
.pbdbct .left a{
  width: 298px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pbdbct .left a:hover{
  color: #ffffff;
}
.pbdbct .left a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.pbdbct .left a:hover::before{
  width: 100%;
}
.pbdbct .right{
  width: 600px;
  height: 453px;
  border-radius: 30px;
  overflow: hidden;
}
.pbdbct .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro2-box{
  position: relative;
  z-index: 1;
}
.pro2ct{
  margin: 0 auto;
  padding: 120px 0 140px 0;
}
.pro2ct .pro-result{
  margin-top: 0;
}
.bj-box{
  border-radius: 50px;
  background-color: #ffffff;
  margin-top: 45px;
  padding: 20px 0 100px 0;
}
.bj-box .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 100px);
  margin: 0 auto;
  border-bottom: 1px solid #E5E5E5;
  height: 60px;
}
.bj-box .top .fh{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bj-box .top .fh .rund{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #7C65FE;
  border-radius: 50%;
}
.bj-box .top .fh .rund i{
  font-size: 14px;
  color: #FFFFFF;
}
.bj-box .top .fh p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  margin-left: 8px;
}
.bj-box .top .cz-b{
  display: flex;
  align-items: center;
  height: 100%;
}
.bj-box .top .cz-b .cz{
  display: flex;
  height: 100%;
}
.bj-box .top .cz-b .cz a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.3s;
}
.bj-box .top .cz-b .cz a.active{
  color: #7C65FE;
  font-weight: bold;
}
.bj-box .top .cz-b .cz a.active::after{
  opacity: 1;
}
.bj-box .top .cz-b .cz a::after{
  display: block;
  content: '';
  border-bottom: 7px solid #7C65FE;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  opacity: 0;
  transition: 0.3s;
}
.bj-box .top .cz-b .cz a:not(:first-of-type){
  margin-left: 30px;
}
.bj-box .top .cz-b .ix{
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin-left: 30px;
  position: relative;
}
.bj-box .top .cz-b .ix .lx{
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  /* padding: 5px 0; */
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
  transition: 0.3s;
  z-index: 88;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.bj-box .top .cz-b .ix .lx a{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  padding: 7px 35px;
  transition: 0.3s;
}
.bj-box .top .cz-b .ix .lx a:not(:first-of-type){
  border-top: 1px solid #7C65FE;
}
.bj-box .top .cz-b .ix p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.bj-box .top .cz-b .ix i{
  font-size: 16px;
  color: #222222;
}
.bj-box .top .cz-b .ix:hover>.lx{
  transform: scaleY(1);
  opacity: 1;
}
.bj-box .top .cz-b .yc{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  border-bottom: 1px solid #222222;
  cursor: pointer;
  margin-left: 65px;
}
.bj-box .content{
  width: 100%;
  display: flex;
  padding-top: 10px;
}
.bj-box .content .la{
  width: 201px;
}
.bj-box .content .la .lab{
  width: calc(100%);
  padding-left: 50px;
  padding-top: 25px;
  min-height: calc(79px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.bj-box .content .la .lab.hidden{
  display: none;
}
.bj-box .content .la .lab:first-of-type{
  min-height: calc(390px);
}
.bj-box .content .la .lab:not(:first-of-type){
  border-top: 1px solid #EEEEEE;
}
.bj-box .content .list{
  width: calc(100% - 201px);
}
.bj-box .content .list .box{
  display: flex;
  width: 100%;
}
.bj-box .content .list .item{
  width: calc(100% / 4);
}
.bj-box .content .list .item.i3{
  width: calc(100% / 3);
}
.bj-box .content .list .item.i3 .zs img{
  max-width: 40%;
}
.bj-box .content .list .item.i3 .swBox .swIb{
  height: 180px;
}
.bj-box .content .list .item.i3 .izs-box{
  height: calc(410px); 
}
.bj-box .content .la .lab.i3:first-of-type{
  min-height: calc(410px); 
}
.bj-box .content .list .item.i2{
  width: calc(100% / 2);
}
.bj-box .content .list .item.i2 .zs img{
  max-width: 25%;
}
.bj-box .content .list .item.i2 .swBox .swIb{
  height: 230px;
}
.bj-box .content .list .item.i2 .izs-box{
  height: calc(440px); 
}
.bj-box .content .la .lab.i2:first-of-type{
  min-height: calc(440px); 
}
.bj-box .content .list .item:nth-of-type(odd){
  background-color: #FAFAFA;
}
.bj-box .content .list .item .izs-box{
  width: calc(100%);
  height: calc(390px);
  padding: 43px 40px 0 40px;
}
.bj-box .content .list .item .izs-box .yc{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bj-box .content .list .item .izs-box .yc i{
  font-size: 22px;
  color: #7D7D7D;
}
.bj-box .content .list .item .izs-box .yc p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-left: 9px;
}
.bj-box .content .swBox{
  position: relative;
  width: calc(100%);
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  margin-top: 13px;
  border-radius: 10px;
}
.bj-box .content .swBox .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
  cursor: pointer;
}
.bj-box .content .swBox .pb i{
  font-size: 16px;
  color: #ffffff;
}
.bj-box .content .swBox .prev{
  left: 10px;
}
.bj-box .content .swBox .next{
  right: 10px;
}
.bj-box .content .swBox .swIb{
  width: 100%;
  height: 121px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bj-box .content .swBox img{
  /* width: 100%;
  height: 121px;
  object-fit: cover; */
  max-width: 100%;
  max-height: 100%;
}
.bj-box .content .swBox .pb-swiper{
  padding-bottom: 30px;
  width: 100%;
}
.bj-box .content .zs .tm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.bj-box .content .zs .gy{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  margin-top: 7px;
}
.bj-box .content .zs{
  padding-top: 10px;
}
.bj-box .content .zs .dbIm{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
}
.bj-box .content .zs img{
  height: 18px;
  object-fit: contain;
  max-width: 60%;
  margin-right: 5px;
  margin-bottom: 5px;
}
.bj-box .content .wz.highlight{
  color: #FFFFFF;
  background-color: #7C65FE;
}
.bj-box .content .wz.hidden{
  display: none;
}
.bj-box .content .wz{
  width: calc(100%);
  min-height: calc(79px);
  padding: 25px 19px 0 19px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.bj-box .content .btn{
  width: 122px;
  height: 37px;
  background: #7C65FE;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.bj-box .content .pb:not(:first-of-type){
  border-top: 1px solid #EEEEEE;
}
.bj-box .content .row1{
  min-height: calc(110px) !important;
}
.bj-box .content .row2{
  min-height: calc(150px) !important;
  padding-bottom: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.bj-box .content .row2::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.bj-box .content .row2::-webkit-scrollbar-thumb {
  background: #543DD5;
}
.bj-box .content .row2::-webkit-scrollbar-track {
  background: #DEDEDE;
}
.bj-box .content .row3{
  min-height: calc(100px) !important;
}
.pro3-box{
  position: relative;
  z-index: 1;
}
.pro3ct{
  margin: 0 auto;
  padding: 110px 0 75px 0;
}
.pro2-list{
  margin-top: 50px;
}
.pro2-list li{
  background-color: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
}
.pro2-list li:hover{
  box-shadow: 0px 0px 15px 0px rgba(124,101,254, 0.3);
}
.pro2-list li a{
  display: block;
  width: calc(100%);
  padding: 25px 45px 40px 45px;
}
.pro2-list li a .type{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  line-height: 1;
  padding: 7px 11px;
  border-radius: 2px;
  background-color: rgba(124,101,254, 0.2);
  width: max-content;
}
.pro2-list li a .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  margin: 15px 0 17px 0;
}
.pro2-list li:not(:first-of-type){
  margin-top: 20px;
}
.pro2-list li a h6{
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.pro4-box{
  position: relative;
  padding-top: 140px;
}
.pro4ct{
  margin: 0 auto;
  padding: 50px 0 149px 0;
  position: relative;
  z-index: 1;
}
.pro4ct .back{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  cursor: pointer;
}
.pro4ct .back p{
  margin-left: 7px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
}
.pro4ct .pro4mide{
  margin-top: 37px;
}
.pro4ct .left{
  width: calc(100%);
}
.pro4ct .left .cpzsrq{
  display: flex;
  justify-content: space-between;
}
.pro4ct .left .cpzs{
  width: calc(1050px);
  padding: 45px 70px 43px 70px;
  background-color: #ffffff;
  border-radius: 50px;
}
.pro4ct .left .cpzs .dbIb{
  display: flex;
  flex-wrap: wrap;
}
.pro4ct .left .cpzs .dbIb img{
  margin-right: 10px;
  height: 20px;
  margin-bottom: 5px;
}
.pro4ct .left .cpzs .js{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px 0 17px 0;
}
.pro4ct .left .cpzs .js h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  margin-right: 22px;
}
.pro4ct .left .cpzs .js .zqzb{
  display: flex;
  align-items: center;
}
.pro4ct .left .cpzs .js .code{
  display: flex;
  align-items: center;
  margin-right: 17px;
}
.pro4ct .left .cpzs .js .code p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  margin-left: 9px;
}
.pro4ct .left .cpzs .js .code .copy{
  width: 29px;
  height: 29px;
  background: rgba(124,101,254, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pro4ct .left .cpzs .js .code .copy i{
  font-size: 16px;
  color: #7C65FE;
}
.pro4ct .left .cpzs .js .ib{
  display: flex;
  align-items: center;
}
.pro4ct .left .cpzs .js .ib img{
  margin-right: 10px;
}
.pro4ct .left .cpzs .icon{
  display: flex;
}
.pro4ct .left .cpzs .icon a{
  display: flex;
  align-items: center;
}
.pro4ct .left .cpzs .icon a p{
  margin-left: 7px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 1;
}
.pro4ct .left .cpzs .icon a:not(:first-of-type){
  margin-left: 20px;
}
.pro4ct .left .cpzs .line{
  margin: 40px 0 10px 0;
  width: 100%;
  height: 1px;
  background-color: #EEEEEE;
}
.pro4ct .left .cpzs .swBox{
  width: 100%;
  position: relative;
}
.pro4ct .left .cpzs .swBox .pb{
  position: absolute;
  top: 40%;
  cursor: pointer;
}
.pro4ct .left .cpzs .swBox .prev{
  left: 0;
}
.pro4ct .left .cpzs .swBox .next{
  right: 0;
}
.pro4ct .left .cpzs .swBox .pb i{
  font-size: 36px;
  color: #333333;
}
.pro4ct .left .cpzs .swBox .rq-sb{
  width: calc(100% - 200px);
  margin: 0 auto;
}
.pro4ct .left .cpzs .swBox .dt-swiper{
  width: 100%;
  height: 470px;
  /* padding-bottom: 50px; */
}
.pro4ct .left .cpzs .swBox .dt-swiper .img-box{
  width: calc(100%);
  height: calc(100%);
  /* border: 1px solid rgba(0,0,0,0.2); */
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro4ct .left .cpzs .swBox .dt-swiper img{
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  cursor: pointer;
}
.pro4ct .left .cpzs .swBox .pb-xjl{
  width: max-content;
  /* position: absolute;
  right: 0px;
  bottom: 0; */
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px 9px;
  margin: 0;
}
.pro4ct .left .cpzs .swBox .pb-xjl .swiper-pagination{
  color: #ffffff;
}
.pro4ct .left .cpzs .swBox .pb-xjl i{
  color: #ffffff;
}
.pro4ct .left .cpzs .swBox .flow-type{
  /* position: absolute;
  left: 20%;
  bottom: 0;
  display: flex;
  z-index: 11; */
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pro4ct .left .cpzs .swBox .flow-type a{
  border-radius: 2px;
  border: 1px solid #BFBFBF;
  padding: 4px 9px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 1;
  transition: 0.3s;
}
.pro4ct .left .cpzs .swBox .flow-type a:not(:first-of-type){
  margin-left: 10px;
}
.pro4ct .left .cpzs .swBox .flow-type a.active{
  border-color: #7C65FE;
  background-color: #7C65FE;
  color: #ffffff;
}
.pro4ct .left .cpzs .swBox .dbflex{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.pro4ct .left .cpzs .swBox .tbottom-swiper{
  width: calc(100% - 100px);
  height: 75px;
  margin: 0;
}
.pro4ct .left .cpzs .swBox .tbottom-swiper .img-box{
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pro4ct .left .cpzs .swBox .tbottom-swiper .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.pro4ct .left .cpzs .swBox .tbottom-swiper .swiper-slide-thumb-active .img-box{
  border-color: #7C65FE;
}
.pro4ct .inter{
  margin-top: 100px;
}
.pro4ct .inter h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 48px;
  color: #0F0821;
  text-align: center;
}
.pro4ct .left .zyxx{
  margin-top: 110px;
}
.pro4ct .left .zyxx .min-nav{
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.pro4ct .left .zyxx .min-nav.active{
  position: fixed;
  top: 110px;
  left: calc((100% - 1400px) / 2);
  z-index: 90;
  margin-top: 0;
  width: 1400px;
}
.pro4ct .left .zyxx .min-nav.active a{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  background-color: #E7E5FB;
}
.pro4ct .pbLeftTm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 48px;
  color: #222222;
}
.pro4ct .left .zyxx .min-nav a{
  width: calc((100% - 20px) / 6);
  background: rgba(124,101,254, 0.1);
  border-radius: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  height: 50px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}
.pro4ct .left .zyxx .min-nav a.active{
  background-color: #7C65FE;
  color: #ffffff;
}
.pro4ct .left .xxxx{
  width: calc(100%);
  padding: 90px 100px 100px 100px;
  background-color: #ffffff;
  border-radius: 50px;
  margin-top: 29px;
}
.pro4ct .left .xxxx .box{
  margin-top: 40px;
}
.pro4ct .left .xxxx .box .row{
  display: flex;
  width: calc(100%);
  padding: 0 15px;
}
.pro4ct .left .xxxx .box .row:nth-of-type(even){
  background-color: #F1F6F8;
}
.pro4ct .left .xxxx .box .row:nth-of-type(even) .lab{
  border-right-color: #F1F6F8;
}
.pro4ct .left .xxxx .box .row .lab{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  width: 260px;
  border-right: 1px solid #FFFFFF;
  padding: 13px 0;
}
.pro4ct .left .xxxx .box .row .txt{
  width: calc(100% - 260px);
  padding-left: 25px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  padding: 13px 0 13px 25px;
}
.pro4ct .left .xxxx .box .row .txt span{
  color: #7C65FE;
}
.pro4ct .left .xxxx .box .row .txt a{
    color: #555555;
    transition: 0.3s;
}
.pro4ct .left .xxxx .box .row .txt a:hover{
    color: #7C65FE;
}
.pro4ct .left .xgcp{
  margin-top: 26px;
  border-radius: 50px;
  background-color: #ffffff;
  width: calc(100%);
  padding: 90px 100px 100px 100px;
}
.pro4ct .left .xgcp .swBox .swiper-button-prev,
.pro4ct .left .xgcp .swBox .swiper-button-next{
  background: none;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* width: max-content;
  height: max-content; */
  z-index: 9;
  /* border-radius: 50%;
  transition: 0.3s;
  padding: 3px; */
}
.pro4ct .left .xgcp .swBox .swiper-button-prev i,
.pro4ct .left .xgcp .swBox .swiper-button-next i{
  font-size: 36px;
  color: #222222;
  transition: 0.3s;
  cursor: pointer;
}
/* .pro4ct .left .xgcp .swBox .swiper-button-prev:hover,
.pro4ct .left .xgcp .swBox .swiper-button-next:hover{
  background-color: #1577BA;
}
.pro4ct .left .xgcp .swBox .swiper-button-prev:hover i,
.pro4ct .left .xgcp .swBox .swiper-button-next:hover i{
  color: #ffffff;
} */
.pro4ct .left .xgcp .swBox .swiper-button-prev:hover i,
.pro4ct .left .xgcp .swBox .swiper-button-next:hover i{
  color: #7C65FE;
}
.pro4ct .left .xgcp .swBox .swiper-button-prev{
  left: -40px;
}
.pro4ct .left .xgcp .swBox .swiper-button-next{
  right: -40px;
}
.pro4ct .left .xgcp .swBox .swiper-button-next.swiper-button-disabled,
.pro4ct .left .xgcp .swBox .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
}
.pro4ct .left .xgcp .swBox{
  margin-top: 55px;
  position: relative;
}
.pro4ct .left .xgcp .swBox .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.pro4ct .left .xgcp .swBox .pb i{
  font-size: 36px;
  color: #888888;
}
.pro4ct .left .xgcp .swBox .prev{
  left: -50px;
}
.pro4ct .left .xgcp .swBox .next{
  right: -50px;
}
.pro4ct .left .xgcp .swBox .cp-swiper{
  margin: 0 auto;
  width: calc(100%);
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk{
  width: 100%;
  border-radius: 30px;
  border: 1px solid #EEEEEE;
  overflow: hidden;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .img-box{
  width: 100%;
  height: 170px;
  position: relative;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .flow{
  /*position: absolute;*/
  /*top: 4px;*/
  /*right: 4px;*/
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  padding: 4px 10px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .txt{
  padding: 15px 20px 25px 20px;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .txt .tm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .txt .btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .txt .btn .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pro4ct .left .xgcp .swBox .cp-swiper .bk .txt .btn p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  cursor: pointer;
}
.pro4ct .left .kybd{
  border-radius: 50px;
  margin-top: 30px;
  background-color: #ffffff;
  width: calc(100%);
  padding: 90px 100px 100px 100px;
}
.pro4ct .left .kybd .box{
  margin-top: 45px;
}
.pro4ct .left .kybd .box .row{
  display: flex;
}
.pro4ct .left .kybd .box .row .lab{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  width: calc(150px);
  padding: 23px 15px 23px 0;
}
.pro4ct .left .kybd .box .row .kyrq{
  width: calc(100% - 150px);
  border-bottom: 1px solid #F5F5F5;
  padding: 23px 0;
}
.pro4ct .left .kybd .box .row:last-of-type .kyrq{
  border-bottom: unset;
}
.pro4ct .left .kybd .box .row .kyrq .txt{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
}
.pro4ct .left .kybd .box .row .kyrq table{
  border-collapse: collapse;
  width: 70%;
}
.pro4ct .left .kybd .box .row .kyrq table thead th{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  text-align: left;
  padding: 8px 10px;
}
.pro4ct .left .kybd .box .row .kyrq table tr td{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  padding: 8px 10px;
}
.pro4ct .left .kybd .box .row .kyrq table tr td:not(:first-of-type){
  color: #7C65FE;
}
.pro4ct .left .kybd .box .row .kyrq table tbody tr:nth-of-type(odd){
  background-color: #F1F6F8;
}
.pro4ct .left .kybd .box .row .kyrq .zd{
  width: 100%;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  background-color: #F5F5F5;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
  cursor: pointer;
  display: none;
}
.pro4ct .left .xhtl{
  border-radius: 50px;
  background-color: #ffffff;
  width: calc(100%);
  padding: 90px 100px 100px 100px;
  margin-top: 30px;
}
.pro4ct .left .xhtl .box{
  margin-top: 40px;
}
.pro4ct .left .xhtl .box a{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 24px;
}
.pro4ct .left .xhtl .box a span{
  color: #7C65FE;
}
.pro4ct .left .wxyy{
  margin-top: 30px;
  width: calc(100%);
  padding: 90px 100px 100px 100px;
  background-color: #ffffff;
  border-radius: 50px;
}
.pro4ct .left .wxyy .filter{
  margin-top: 40px;
}
.pro4ct .left .wxyy .filter .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.pro4ct .left .wxyy .filter .item{
  margin-top: 24px;
}
.pro4ct .left .wxyy .filter .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.pro4ct .left .wxyy .filter .item .ab{
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.pro4ct .left .wxyy .filter .item .ab a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  padding: 5px 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
}
.pro4ct .left .wxyy .filter .item .ab a.active{
  color: #ffffff;
  border-color: #7C65FE;
  background-color: #7C65FE;
}
.pro4ct .left .wxyy .filter .sort{
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.pro4ct .left .wxyy .filter .sort p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.pro4ct .left .wxyy .filter .sort .el-select{
  margin-left: 24px;
  width: 180px;
}
.pro4ct .left .wxyy .filter .el-input__inner{
  height: 30px;
  line-height: 30px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  background-color: #E5E5E5;
}
.pro4ct .left .wxyy .filter .el-input__icon{
  line-height: 30px;
}
.pro4ct .left .wxyy .filter .el-select-dropdown__item{
  font-family: var(--font-family);
}
.pro4ct .left .wxyy .box{
  margin-top: 40px;
}
.pro4ct .left .wxyy .box a{
  padding: 35px 0;
  border-bottom: 1px solid #F5F5F5;
  display: block;
}
.pro4ct .left .wxyy .box a:first-of-type{
  border-top: 1px solid #F5F5F5;
}
.pro4ct .left .wxyy .box a .tm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
}
.pro4ct .left .wxyy .box a .tm span{
  color: #EC0808;
}
.pro4ct .left .wxyy .box a .zw{
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}
.pro4ct .left .wxyy .box a .zw .txt{
  width: calc(100% - 200px);
}
.pro4ct .left .wxyy .box a .zw .txt .row{
  display: flex;
  align-items: center;
}
.pro4ct .left .wxyy .box a .zw .txt .row .lab{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #222222;
}
.pro4ct .left .wxyy .box a .zw .txt .row p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pro4ct .left .wxyy .box a .zw img{
  max-width: 100px;
}
.pro4ct .left .khpj{
  margin-top: 30px;
  border-radius: 50px;
  background-color: #FFFFFF;
  padding: 90px 100px 100px 100px;
}
.pro4ct .left .khpj .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .pro4ct .left .khpj .top .qh{
  display: flex;
}
.pro4ct .left .khpj .top .qh i{
  font-size: 18px;
  color: #333333;
  cursor: pointer;
}
.pro4ct .left .khpj .top .qh i:last-of-type{
  margin-left: 15px;
} */
.pro4ct .left .khpj .pj-swiper{
  margin-top: 45px;
}
.pro4ct .left .khpj .pj-swiper .rq{
  width: calc(100%);
  padding: 25px 20px;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
}
.pro4ct .left .khpj .pj-swiper .rq .tm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.pro4ct .left .khpj .pj-swiper .rq .dj{
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.pro4ct .left .khpj .pj-swiper .rq .dj p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-right: 10px;
}
.pro4ct .left .khpj .pj-swiper .rq .line{
  width: 100%;
  height: 1px;
  background-color: #F5F5F5;
  margin: 20px 0;
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box{
  position: relative;
  width: 44%;
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box .pb{
  font-size: 18px;
  cursor: pointer;
  color: #333333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box .prev{
  left: 0;
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box .next{
  right: 0;
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box .pjChi-swiper{
  width: calc(100% - 32px - 100px);
  margin: 0 auto;
}
.pro4ct .left .khpj .pj-swiper .rq .pjChi-box .pjChi-swiper img{
  width: 100%;
}
.pro4ct .left .khpj .pj-swiper .rq .bigTm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  margin-top: 30px;
}
.pro4ct .left .khpj .pj-swiper .rq .xh{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  margin-top: 20px;
}
.pro4ct .left .khpj .pj-swiper .rq .xl{
  display: flex;
  align-items: center;
  border: 1px solid #434343;
  border-radius: 4px;
  width: max-content;
  padding: 7px 15px;
  cursor: pointer;
}
.pro4ct .left .khpj .pj-swiper .rq .xl span{
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-right: 7px;
}
.pro4ct .left .khpj .pj-swiper .rq .xl i{
  font-size: 16px;
  color: #222222;
  cursor: pointer;
  transition: 0.3s;
}
.pro4ct .left .khpj .pj-swiper .rq .xl.active i{
  transform: rotate(90deg);
}
.pro4ct .left .khpj .pj-swiper .rq .xlzs{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 20px;
  background-color: #F8F8F8;
  border-radius: 4px;
  margin-top: 10px;
  width: calc(100% - 30px);
  padding: 10px 15px;
  display: none;
}
.pro4ct .right{
  width: 330px;
  height: max-content;
}
.pro4ct .right .rightmain{
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 15px 25px 15px;
  margin-top: 12px;
}
.pro4ct .right .rightmain h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #0F0821;
  text-align: center;
}
.pro4ct .right .rightmain .mb{
  margin-top: 15px;
}
.pro4ct .right .rightmain .mb .row{
  display: flex;
  padding: 13px 0;
}
.pro4ct .right .rightmain .mb .row:nth-of-type(odd){
  background-color: rgba(124,101,254, 0.06);
}
.pro4ct .right .rightmain .mb .row p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #222222;
  padding: 0 10px;
  width: 50%;
  word-break: break-all;
}
.pro4ct .right .rightmain .mb .row p:first-of-type{
  color: #666666;
}
.pro4ct .right .rightCart{
  border-radius: 20px;
  overflow: hidden;
  background-color: #ffffff;
}
.pro4ct .right .code{
  background-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  padding: 11px 0;
}
.pro4ct .right .cp .top{
  display: flex;
  justify-content: space-between;
  width: calc(100%);
  padding: 10px 15px;
}
.pro4ct .right .cp .top .lab{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.pro4ct .right .cp .top .lab:not(:first-of-type):not(:last-of-type){
  text-align: center;
}
.pro4ct .right .cp .mide .row{
  display: flex;
  justify-content: space-between;
  width: calc(100%);
  padding: 10px 15px;
  cursor: pointer;
  transition: 0.3s;
}
.pro4ct .right .cp .mide .row.active{
  background-color: #7C65FE !important;
}
.pro4ct .right .cp .mide .row.active .zs,
.pro4ct .right .cp .mide .row.active .num i{
  color: #FFFFFF;
}
.pro4ct .right .cp .mide .row:nth-of-type(odd){
  background-color: rgba(124,101,254, 0.06);
}
.pro4ct .right .cp .mide .row .zs{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
}
.pro4ct .right .cp .mide .row .zs:not(:first-of-type):not(:last-of-type){
  text-align: center;
}
.pro4ct .right .cp .mide .row .num{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pro4ct .right .cp .mide .row .num i{
  font-size: 14px;
  cursor: pointer;
  color: #444444;
}
.pro4ct .right .cp .mide .row .num p{
  margin: 0 5px;
}
.pro4ct .right .cp .pb1{
  width: 25%;
}
.pro4ct .right .cp .pb2{
  width: 20%;
}
.pro4ct .right .cp .pb3{
  width: 25%;
}
.pro4ct .right .cp .pb4{
  width: 20%;
}
.pro4ct .right .cp .top .lab.pb4{
  text-align: right;
}
.pro4ct .right .db{
  width: calc(100% - 38px);
  margin: 22px auto 20px;
}
.pro4ct .right .btn{
  display: flex;
  justify-content: space-between;
}
.pro4ct .right .btn .bt{
  border-radius: 4px;
  border: 1px solid #7C65FE;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  height: 36px;
  width: calc((100% - 10px) / 2);
}
.pro4ct .right .btn .bt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  margin-left: 5px;
  transition: 0.3s;
}
.pro4ct .right .btn .bt i{
  font-size: 16px;
  color: #7C65FE;
}
/* .pro4ct .right .btn .addCart{
  width: 179px;
}
.pro4ct .right .btn .sc{
  width: 78px;
} */
.pro4ct .right .btn .sc .ib img:last-of-type{
  display: none;
}
.pro4ct .right .btn .sc.active{
    background-color: #7C65FE;
}
.pro4ct .right .btn .sc.active p{
  color: #ffffff;
}
.pro4ct .right .btn .sc.active .ib img:last-of-type{
  display: block;
}
.pro4ct .right .btn .sc.active .ib img:first-of-type{
  display: none;
}
.pro4ct .right .dz{
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background-color: #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 30px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.pro4ct .right .jj{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-top: 10px;
  text-align: center;
}
.proView-diaolog{
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 101;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  display: none;
}
.proView-diaolog.active{
  display: block;
}
.proView-diaolog .content{
  background-color: #ffffff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
}
.proView-diaolog .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100%);
  padding: 25px 33px;
}
.proView-diaolog .content .top .le{
  display: flex;
  align-items: center;
  width: 70%;
}
.proView-diaolog .content .top .le .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #333333;
  max-width: calc(100% - 100px - 20px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.proView-diaolog .content .top .le .code{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-left: 20px;
}
.proView-diaolog .content .top i{
  font-size: 28px;
  cursor: pointer;
  color: #E5E5E5;
}
.proView-diaolog .content .mide{
  display: flex;
  justify-content: space-between;
  width: calc(100%);
  padding: 0 33px;
  color: #1577BA;
}
.proView-diaolog .content .mide .left{
  width: 860px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
.proView-diaolog .content .mide .left .filter{
  display: flex;
  align-items: center;
}
.proView-diaolog .content .mide .left .filter p{
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 16px;
  color: #222222;
}
.proView-diaolog .content .mide .left .filter .ab{
  display: flex;
}
.proView-diaolog .content .mide .left .filter .ab a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  border-radius: 2px;
  padding: 3px 7px;
  border: 1px solid #BFBFBF;
  line-height: 1;
  margin-right: 10px;
  transition: 0.3s;
}
.proView-diaolog .content .mide .left .filter .ab a.active{
  border-color: #7C65FE;
  background-color: #7C65FE;
  color: #ffffff;
}
.proView-diaolog .content .mide .left .swBox{
  margin: 40px 0;
  width: 100%;
  position: relative;
}
.proView-diaolog .content .mide .left .swBox>i{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 36px;
  color: #333333;
  cursor: pointer;
}
.proView-diaolog .content .mide .left .swBox .prev{
  left: 0;
}
.proView-diaolog .content .mide .left .swBox .next{
  right: 0;
}
.proView-diaolog .content .mide .left .swBox .proView-swiper{
  margin: 0 auto;
  width: calc(100% - 76px - 60px);
  border: 1px solid rgba(0,0,0,0.2);
  height: 410px;
}
.proView-diaolog .content .mide .left .swBox .proView-swiper .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
}
.proView-diaolog .content .mide .left .swBox .proView-swiper img{
  max-width: 90%;
  max-height: 90%;
}
.proView-diaolog .content .mide .left .ts{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  line-height: 16px;
}
.proView-diaolog .content .mide .right{
  width: calc(100% - 860px - 40px);
  padding-top: 20px;
}
.proView-diaolog .content .mide .right .tm{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 18px;
  color: #7C65FE;
}
.proView-diaolog .content .mide .right .bg{
  margin: 20px 0 30px 0;
}
.proView-diaolog .content .mide .right .bg .row{
  display: flex;
}
.proView-diaolog .content .mide .right .bg .row:nth-of-type(odd){
  background-color: #F6F9FA;
}
.proView-diaolog .content .mide .right .bg .row .lab{
  width: calc(40% - 1px - 29px);
  padding: 10px 10px 10px 19px;
  border-right: 1px solid #ffffff;
  height: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #888888;
  word-break: break-all;
}
.proView-diaolog .content .mide .right .bg .row .zs{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #222222;
  padding: 10px;
  width: calc(60% - 20px);
  word-break: break-all;
}
.proView-diaolog .content .mide .right a{
  width: 275px;
  height: 30px;
  background: #7C65FE;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  margin: 0 auto;
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.proView-diaolog .content .db{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(27,27,27, 0.1);
  width: calc(100%);
  padding: 22px 33px;
  margin-top: 35px;
}
.proView-diaolog .content .db .proNum{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
}
.proView-diaolog .content .db .sxqh{
  display: flex;
}
.proView-diaolog .content .db .sxqh .btn{
  width: 140px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #7C65FE;
  text-align: center;
  line-height: 34px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7C65FE;
  transition: 0.3s;
  cursor: pointer;
}
.proView-diaolog .content .db .sxqh .btn:last-of-type{
  border-color: #7C65FE;
  background-color: #7C65FE;
  color: #ffffff;
  margin-left: 20px;
}
.pzs1-box{
  overflow: hidden;
  position: relative;
}
.pzs1ct{
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 180px 0 67px 0;
}
.pzstop{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pzstop .left{
  width: 550px;
}
.pzstop .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 56px;
  color: #4B3AAD;
  margin-top: 40px;
}
.pzstop .left h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  line-height: 30px;
  margin-top: 40px;
}
.pzstop .left .ah{
  display: flex;
}
.pzstop .left .more{
  width: 200px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 59px;
}
.pzstop .left .more:not(:first-of-type){
  margin-left: 15px;
}
.pzstop .left .more::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.pzstop .left .more:hover::before{
  width: 100%;
}
.pzstop .right{
  width: 665px;
}
.pzstop .right img{
  width: 100%;
}
.pzs1ct .mide{
  margin-top: 50px;
}
.pzs-swiper{
  padding-bottom: 60px;
}
.pzs-swiper .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pzs-swiper .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #7C65FE;
  opacity: 0.5;
  transition: 0.3s;
}
.pzs-swiper .swiper-pagination-bullet-active{
  width: 20px;
  height: 20px;
  opacity: 1;
}
.pzs-swiper a{
  border-radius: 50px;
  background-color: #ffffff;
  display: block;
  padding: 45px 43px 50px 43px;
}
.pzs-swiper a .rund{
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(124,101,254, 0.1);
}
.pzs-swiper a h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  min-height: 64px;
  margin-top: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
}
.pzs-swiper a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  height: 156px;
  margin-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  word-break: break-word;
  overflow-wrap: break-word;
}
.pzs1ct .mide .db{
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.pzs1ct .mide .db a{
  width: 299px;
  height: 61px;
  border-radius: 15px;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.pzs1ct .mide .db a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: 0.3s;
  z-index: -1;
  background-color: #7C65FE;
}
.pzs1ct .mide .db a:last-of-type{
  margin-left: 22px;
}
.pzs1ct .mide .db a:hover{
  color: #ffffff;
}
.pzs1ct .mide .db a:hover::before{
  width: 100%;
}
.pzs1ct .mide .db a:first-of-type{
  background-color: #7C65FE;
  color: #ffffff;
}
.pzs1ct .mide .db a:first-of-type::before{
  background-color: #412297;
}
.pzs2-box{
  background-color: #FFFFFF;
}
.pzs2ct{
  padding: 280px 0 145px 0;
  margin: 0 auto;
  position: relative;
}
.pzs2ct h3,
.pzs2ct h6{
  position: relative;
  z-index: 1;
}
.pzs2ct .pbr{
  border-radius: 50%;
  position: absolute;
  font-family: var(--font-family);
  font-weight: 400;
  color: #0F0821;
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pzs2ct .pbr1{
  top: 6%;
  left: 13%;
  width: 88px;
  height: 88px;
  background-color: #A7DEFC;
  font-size: 14px;
}
.pzs2ct .pbr2{
  top: 12%;
  left: 38%;
  width: 139px;
  height: 139px;
  background-color: #7C65FE;
  color: #ffffff;
  font-size: 16px;
}
.pzs2ct .pbr3{
  top: 23%;
  right: 19%;
  width: 73px;
  height: 73px;
  font-size: 13px;
  background-color: #D2BAF8;
}
.pzs2ct .pbr4{
  bottom: 34%;
  right: 2%;
  font-size: 12px;
  width: 94px;
  height: 94px;
  background-color: #E4FEA3;
}
.pzs2ct .pbr5{
  width: 76px;
  height: 76px;
  background: #A7DEFC;
  bottom: 0;
  right: 30%;
  font-size: 12px;
}
.pzs2ct .pbr6{
  width: 101px;
  height: 101px;
  background: #F3B39C;
  left: 19%;
  bottom: 9%;
  font-size: 12px;
}
.pzs2ct .pbr7{
  width: 74px;
  height: 74px;
  background: #FDF5A3;
  bottom: 36%;
  left: 2%;
  font-size: 12px;
}
.pzs2ct .pbr8{
  top: 28%;
  left: 24%;
  background-color: #A7DEFC;
  width: 20px;
  height: 20px;
}
.pzs2ct .pbr9{
  bottom: 15%;
  right: 16%;
  background-color: #543DD5;
  width: 20px;
  height: 20px;
}
.pzs2ct .pbr10{
  bottom: 13%;
  left: 0;
  background-color: #543DD5;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.pzs3-box{
  position: relative;
}
.pzs4ct{
  margin: 0 auto;
  padding: 150px 0 66px 0;
  position: relative;
  z-index: 1;
}
.pzs4ct .row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 79px 66px 94px 66px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
}
.pzs4ct .row .left{
  width: 600px;
  height: 477px;
  border-radius: 30px;
  overflow: hidden;
}
.pzs4ct .row .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pzs4ct .row .right{
  width: 540px;
}
.pb44-title{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 44px;
  color: #222222;
}
.pzs4ct .row .right .desc{
  margin: 36px 0 95px 0;
}
.pzs4ct .row .right .desc .h{
  display: flex;
  justify-content: space-between;
}
.pzs4ct .row .right .desc .h:not(:first-of-type){
  margin-top: 12px;
}
.pzs4ct .row .right .desc .h i{
  font-size: 18px;
  color: #7C65FE;
}
.pzs4ct .row .right .desc .h p{
  width: calc(100% - 18px - 19px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
}
.pzs4ct .row .right .ah{
  display: flex;
}
.pzs4ct .row .right a{
  width: 200px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pzs4ct .row .right a:not(:first-of-type){
  margin-left: 15px;
}
.pzs4ct .row .right a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition: 0.3s;
  background-color: #412297;
}
.pzs4ct .row .right a:hover::before{
  width: 100%;
}
.pzs4ct .row:not(:first-of-type){
  margin-top: 50px;
}
.pzs4ct .row:nth-of-type(even){
  flex-direction: row-reverse;
}
.pzs4ct .row:nth-of-type(2) .desc{
  margin: 30px 0 50px 0;
}
.pzs5-box{
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 1;
}
.pzs5ct{
  padding: 110px 0 140px 0;
  margin: 0 auto;
}
.pzs5ct .mide{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 65px;
}
.pzs5ct .mide .left{
  width: 680px;
  height: 540px;
  border-radius: 30px;
  overflow: hidden;
}
.pzs5ct .mide .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pzs5ct .mide .right{
  width: 630px;
}
.pzs5ct .mide .right .desc{
  margin: 20px 0 115px 0;
}
.pzs5ct .mide .right .desc .h{
  display: flex;
  justify-content: space-between;
}
.pzs5ct .mide .right .desc .h:not(:first-of-type){
  margin-top: 12px;
}
.pzs5ct .mide .right .desc .h i{
  font-size: 18px;
  color: #7C65FE;
}
.pzs5ct .mide .right .desc .h p{
  width: calc(100% - 18px - 19px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
}
.pb-two-db-a{
  display: flex;
}
.pb-two-db-a a{
  width: 250px;
  height: 60px;
  border-radius: 15px;
  border: 1px solid #7C65FE;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pb-two-db-a a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  transition: 0.3s;
  z-index: -1;
}
.pb-two-db-a a:hover{
  color: #ffffff;
}
.pb-two-db-a a:hover::before{
  width: 100%;
}
.pb-two-db-a a:first-of-type{
  background-color: #7C65FE;
  color: #FFFFFF;
  margin-right: 20px;
}
.pb-two-db-a a:first-of-type::before{
  background-color: #412297;
}
.pzs6-box{
  position: relative;
}
.pzs7-box{
  position: relative;
  z-index: 1;
  background: linear-gradient(0deg, rgba(249,254,254,0.7) 0%, rgba(237,251,250,0.7) 100%);
}
.pzs7ct{
  margin: 0 auto;
  padding: 105px 0 150px 0;
}
.pzs7ct .mide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 70px;
}
.pzs7ct .mide .left{
  width: 630px;
}
.pzs7ct .mide .left .desc{
  display: flex;
  flex-wrap: wrap;
  margin: 45px 0 65px 0;
}
.pzs7ct .mide .left .desc .item{
  width: calc((100% - 50px) / 2);
  margin-right: 50px;
}
.pzs7ct .mide .left .desc .item:nth-of-type(1),
.pzs7ct .mide .left .desc .item:nth-of-type(2){
  margin-bottom: 47px;
}
.pzs7ct .mide .left .desc .item:nth-of-type(2n){
  margin-right: 0;
}
.pzs7ct .mide .left .desc .item h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  min-height: 58px;
}
.pzs7ct .mide .left .desc .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #6B657B;
  line-height: 24px;
  margin-top: 15px;
}
.pzs7ct .mide .right{
  width: 680px;
  height: 540px;
  overflow: hidden;
  border-radius: 30px;
}
.pzs7ct .mide .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pzs8-box{
  padding: 91px 0 105px 0;
  position: relative;
  z-index: 1;
}
.pzs8ct{
  margin: 0 auto;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 99px 80px 87px 80px;
}
.pb72-h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 72px;
  color: #0F0821;
  text-align: center;
}
.pb72-h3.lt{
  text-align: left;
}
.pb22-h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #0F0821;
  text-align: center;
  margin-top: 40px;
}
.pzs8ct .mide{
  display: flex;
  flex-wrap: wrap;
  margin-top: 79px;
}
.pzs8ct .mide .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-top: 40px;
  border-radius: 50px;
  padding: 165px 42px 175px 42px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
}
.pzs8ct .mide .item .flow{
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.pzs8ct .mide .item:nth-of-type(1),
.pzs8ct .mide .item:nth-of-type(2){
  margin-top: 0;
}
.pzs8ct .mide .item:nth-of-type(2n){
  margin-right: 0;
}
.pzs8ct .mide .item .rund{
  width: 80px;
  height: 80px;
  background: rgba(124,101,254, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pzs8ct .mide .item h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  margin: 32px 0 35px 0;
}
.pzs8ct .mide .item .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
}
.pzs8ct .mide .item a{
  width: 230px;
  height: 50px;
  background: #7C65FE;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  bottom: 76px;
  left: 42px;
  z-index: 1;
  transition: 0.3s;
}
.pzs8ct .mide .item a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.pzs8ct .mide .item a:hover::before{
  width: 100%;
}
.pzs9-box{
  position: relative;
}
.pzs9-box::before{
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.pzs9ct{
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 150px 0 140px 0;
}
.pzs9-gy-mide{
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}
.pzs9-gy-mide .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 54px 54px 170px 54px;
  position: relative;
}
.pzs9-gy-mide .item:nth-of-type(2n){
  margin-right: 0;
}
.pzs9-gy-mide .item img{
  margin: 0 auto;
  height: 65px;
}
.pzs9-gy-mide .item h4{
  text-align: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  margin: 35px 0 25px 0;
}
.pzs9-gy-mide .item .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  text-align: center;
}
.pzs9-gy-mide .item a{
  width: 260px;
  height: 60px;
  background: rgba(124,101,254, 0.2);
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 62px;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.pzs9-gy-mide .item a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #7C65FE;
  transition: 0.3s;
}
.pzs9-gy-mide .item a:hover{
  color: #FFFFFF;
}
.pzs9-gy-mide .item a:hover::before{
  width: 100%;
}
.path-box{
  position: relative;
}
.pathct{
  margin: 0 auto;
  padding: 180px 0 129px 0;
  position: relative;
  z-index: 1;
}
.map1-box{
  margin-top: 100px;
}
.map1-box .item{
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  width: calc(100%);
  padding: 60px 85px 60px 85px;
}
.map1-box .item:not(:first-of-type){
  margin-top: 30px;
}
.map1-box .pbLeftTm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  line-height: 24px;
  padding-left: 24px;
  position: relative;
}
.map1-box .pbLeftTm::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 24px;
  background-color: #7C65FE;
  border-radius: 4px;
}
.map1-box .item .mp-list{
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.map1-box .item .mp-list a{
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.map1-box .item .mp-list a:hover{
  text-decoration: underline;
}
.map1-box .item .mp-list a:hover>p{
  color: #7C65FE;
}
.map1-box .item .mp-list a:nth-of-type(2n){
  margin-right: 0;
}
.map1-box .item .mp-list a .d{
  width: 6px;
  height: 6px;
  background: #7C65FE;
  border-radius: 50%;
}
.map1-box .item .mp-list a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  width: calc(100% - 6px - 10px);
  margin-left: 10px;
  transition: 0.3s;
}
.map1-box .item.active .nrTop i{
  transform: rotate(-90deg);
}
.path2-box{
  position: relative;
}
.path2ct{
  margin: 0 auto;
  padding: 140px 0 160px 0;
  position: relative;
  z-index: 1;
}
.path2ct .top{
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 100px 100px 95px 100px;
}
.path2ct .top .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
  text-align: center;
  margin: 35px 0 67px 0;
}
.path2ct .mapHover{
  width: 100%;
  overflow-x: auto;
}
.path2ct .mapHover img{
  width: max-content;
  margin-top: 28px;
  cursor: grab;
}
.path2ct .bottom{
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 100px 50px;
  margin-top: 45px;
}
.pro-list{
  border-radius: 20px;
  border: 1px solid #7C65FE;
  overflow: hidden;
  margin-top: 50px;
}
.pro-list .dbl{
  display: flex;
  justify-content: space-between;
  width: calc(100%);
  padding: 23px 35px 15px 35px;
}
.pro-list .dbl div{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
}
.pro-list .wd1{
  width: 130px;
}
/* .pro-list .wd2,
.pro-list .wd3,
.pro-list .wd4{
  width: calc((100% - 130px - 130px) / 3);
} */
.pro-list .wd2{
  width: 40%;
}
.pro-list .wd3,
.pro-list .wd4{
  width: calc((100% - 130px - 40% - 70px) / 2);
}
.pro-list li{
  display: flex;
  justify-content: space-between;
  padding: 15px 35px;
  width: calc(100%);
  background-color: #ffffff;
}
.pro-list li .proCode a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  text-decoration-line: underline;
}
.pro-list li .proName{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pro-list li:nth-of-type(odd){
  background-color: rgba(124,101,254, 0.04);
}
.sp1-box{
  position: relative;
}
.sp1ct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 200px 0 220px 0;
}
.sp-top .pb-big-h3{
  text-align: left;
}
.sp-top .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  width: 80%;
  line-height: 30px;
  margin-top: 45px;
}
.sp1ct .mide{
  margin-top: 120px;
}
.sp-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  padding: 70px 66px;
}
.sp-row:not(:first-of-type){
  margin-top: 50px;
}
.sp-row:nth-of-type(even){
  flex-direction: row-reverse;
}
.sp-row .left{
  width: 600px;
  height: 400px;
  border-radius: 30px;
  overflow: hidden;
}
.sp-row .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sp-row .right{
  width: 548px;
}
.sp-row .right h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  line-height: 30px;
  margin: 38px 0 60px 0;
}
.sp-more{
  width: 298px;
  height: 60px;
  background: #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.sp-more.w250{
  width: 250px;
}
.sp-more::before{
  display: block;
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
  background-color: #412297;
  z-index: -1;
}
.sp-more:hover::before{
  width: 100%;
}
.sp2-1box{
  position: relative;
}
.sp2-2box{
  position: relative;
  z-index: 1;
}
.sp2-2ct{
  margin: 0 auto;
  padding: 200px 0 130px 0;
}
.sp-mide{
  margin-top: 110px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 100px 80px 85px 80px;
}
.sp-mide .irq{
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
}
.sp-mide .irq .ir{
  background-color: #ffffff;
  border-radius: 50px;
  padding: 50px 38px 0 38px;
  width: calc((100% - 78px) / 4);
  height: 400px;
  margin-right: 26px;
  margin-top: 22px;
  position: relative;
}
.sp-mide .irq .ir:nth-of-type(4n){
  margin-right: 0;
}
.sp-mide .irq .ir .rund{
  width: 50px;
  height: 50px;
  background: rgba(124,101,254, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-mide .irq .ir h5{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 19px;
  color: #222222;
  margin: 25px 0 17px 0;
}
.sp-mide .irq .ir p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 22px;
}
.sp-mide .irq .ir a{
  width: calc(100% - 38px - 38px);
  height: 50px;
  background: #7C65FE;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 55px;
  z-index: 1;
  overflow: hidden;
}
.sp-mide .irq .ir a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #412297;
  transition: 0.3s;
  z-index: -1;
}
.sp-mide .irq .ir a:hover::before{
  width: 100%;
}
.sp2-3box{
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}
.sp2-3box.qf{
  background-color: rgba(255, 255, 255, 0.8);
}
.sp2-3box.qf .sp2-3ct{
  flex-direction: row-reverse;
}
.sp2-3ct{
  margin: 0 auto;
  padding: 120px 0 160px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sp2-3ct .left{
  width: 680px;
  height: 540px;
  overflow: hidden;
  border-radius: 30px;
}
.sp2-3ct .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sp2-3ct .right{
  width: 620px;
}
.sp2-3ct .right h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 56px;
  color: #222222;
}
.sp2-3ct .right p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
  margin: 40px 0 100px 0;
}
.sp2-4box{
  position: relative;
  z-index: 1;
}
.sp2-4ct{
  padding: 97px 0 130px 0;
  margin: 0 auto;
}
.sp2-4ct .sp-mide{
  margin-top: 0;
}
.sp2-5box{
  position: relative;
  z-index: 1;
}
.sp2-6box{
  position: relative;
  z-index: 1;
}
.sp2-6ct{
  margin: 0 auto;
  padding: 53px 0 170px 0;
}
.sp2-6ct .row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  padding: 80px 66px 90px 66px;
}
.sp2-6ct .row:not(:first-of-type){
  margin-top: 50px;
}
.sp2-6ct .row:nth-of-type(even){
  flex-direction: row-reverse;
}
.sp2-6ct .row .left{
  width: 600px;
  height: 477px;
  border-radius: 30px;
  overflow: hidden;
}
.sp2-6ct .row .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sp2-6ct .row .right{
  width: 550px;
}
.sp2-6ct .row .right h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #6B657B;
  line-height: 30px;
  margin: 38px 0 60px 0;
}
.sp3-box{
  position: relative;
}
.sp3ct{
  padding: 250px 0 170px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.sp3ct .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
}
.sp3ct .mide{
  margin-top: 80px;
}
.sp-search{
  width: 900px;
  height: 70px;
  border-radius: 35px;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px 0px rgba(124,101,254,0.2);
  display: flex;
  align-items: center;
  padding: 0 5px 0 0;
  overflow: hidden;
  margin: 0 auto;
}
.sp-search.tl{
    width: 550px;
    height: 54px;
    margin: 35px auto 0;
}
.sp-search .el-input{
  width: calc(100% - 110px);
  height: 100%;
}
.sp-search .el-input__inner{
  height: 100%;
  line-height: 70px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  border: none;
  padding-left: 34px;
}
.sp-search .el-input__inner::placeholder{
  color: #AAAAAA;
}
.sp-search .btn{
  width: 110px;
  height: calc(100% - 10px);
  background: #7C65FE;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sp-search .btn i{
  font-size: 20px;
  color: #ffffff;
}
.news-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}
.news-list li{
  width: calc((100% - 50px) / 3);
  margin-right: 25px;
  margin-bottom: 30px;
  background-color: #ffffff;
  border-radius: 50px;
  padding: 10px 10px 45px 10px;
  overflow: hidden;
  transition: 0.3s;
}
.news-list li:nth-of-type(3n){
  margin-right: 0;
}
.news-list li:hover{
  box-shadow: 0px 0px 40px 0px rgba(124,101,254,0.3);
}
.news-list li a{
  display: block;
}
.news-list li a img{
  width: 100%;
  height: 280px;
  border-radius: 50px;
  object-fit: cover;
}
.news-list li a .txt{
  padding: 35px 26px 0 26px;
}
.news-list li a .txt h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 34px;
  color: #222222;
  line-height: 41px;
  height: 123px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  transition: 0.3s;
}
.news-list li:hover a .txt h3{
  color: #7C65FE;
}
.news-list li a .txt .db{
  display: flex;
  margin-top: 90px;
}
.news-list li a .txt .db p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #888888;
}
.news-list li a .txt .db p:first-of-type{
  color: #7C65FE;
  margin-right: 25px;
}
.sp4-box{
  position: relative;
}
.sp4ct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 230px 0 150px 0;
}
.sp4ct .pb72-h3{
  text-align: left;
}
.sp4ct .mide{
  background-color: #FFFFFF;
  margin-top: 90px;
  border-radius: 50px;
  padding: 80px 100px;
}
.sp4ct .sjk .db{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #7C65FE;
  height: 70px;
  border-radius: 20px;
}
.sp4ct .sjk .db .pb{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  padding: 0 40px;
}
.sp4ct .sjk li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sp4ct .sjk li .pb,
.sp4ct .sjk li .pb a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #0F0821;
  line-height: 24px;
}
.sp4ct .sjk li:nth-of-type(even){
  background-color: rgba(124,101,254, 0.06);
}
.sp4ct .sjk li .pb{
  padding: 36px 40px;
}
.sp4ct .sjk .pb1{
  width: 22%;
}
.sp4ct .sjk .pb2{
  width: 43%;
  border-right: 1px solid rgba(124,101,254, 0.1);
  border-left: 1px solid rgba(124,101,254, 0.1);
}
.sp4ct .sjk .pb3{
  width: 30%;
}
.ab1-box{
  position: relative;
}
.ab1ct{
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 250px 0 149px 0;
}
.ab1ct .top .ct{
  margin: 0 auto;
}
.ab1ct .com{
  padding: 0 calc((100% - 1400px) / 2) 0 60px;
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  margin-top: 120px;
}
.ab1ct .com .left{
  width: calc(100% - 620px - 88px);
}
.ab1ct .com .left img{
  width: 100%;
  border-radius: 30px;
}
.ab1ct .com .right{
  width: 620px;
}
.ab1ct .com .right p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  line-height: 30px;
  margin-top: 40px;
}
.ab1ct .bottom{
  margin-top: 190px;
}
.ab1ct .bottom .ct{
  margin: 0 auto;
}
.ab1ct .bottom .ct .rq{
  margin-top: 80px;
  display: flex;
}
.ab1ct .bottom .ct .rq .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 55px 60px 170px 60px;
  position: relative;
}
.ab1ct .bottom .ct .rq .item:nth-of-type(2n){
  margin-right: 0;
}
.ab1ct .bottom .ct .rq .item img{
  margin: 0 auto;
  height: 66px;
}
.ab1ct .bottom .ct .rq .item h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  margin: 40px 0 29px 0;
  text-align: center;
}
.ab1ct .bottom .ct .rq .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  text-align: center;
}
.ab1ct .bottom .ct .rq .item a{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 62px;
  width: 260px;
  height: 60px;
  background: rgba(124,101,254, 0.2);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  transition: 0.3s;
  overflow: hidden;
}
.ab1ct .bottom .ct .rq .item a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  z-index: -1;
  transition: 0.3s;
}
.ab1ct .bottom .ct .rq .item a:hover::before{
  width: 100%;
}
.ab1ct .bottom .ct .rq .item a:hover{
  color: #ffffff;
}
.ab2-box{
  position: relative;
}
.ab2ct{
  margin: 0 auto;
  padding: 240px 0 139px 0;
  position: relative;
  z-index: 1;
}
.ab2ct .news{
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  border-radius: 50px;
  padding: 90px 0 100px 65px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 120px;
}
.ab2ct .news .left{
  width: 520px;
}
.ab2ct .news .left .bq{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #7C65FE;
  background-color: rgba(124,101,254, 0.2);
  border-radius: 6px;
  width: max-content;
  padding: 12px 16px;
}
.ab2ct .news .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #222222;
  line-height: 70px;
  margin-top: 17px;
}
.ab2ct .news .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  line-height: 30px;
  margin: 27px 0 54px 0;
}
.ab2ct .news .left .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #888888;
}
.ab2ct .news .right{
  width: 750px;
}
.ab2ct .news .right img{
  width: 100%;
  transform: translateX(5%);
}
.ab-mide{
  margin-top: 94px;
}
.news-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 79px;
}
.news-tag{
  display: flex;
}
.news-tag a{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #7C65FE;
  transition: 0.3;
  padding: 12px 18px;
  border-radius: 6px;
  transition: 0.3s;
}
.news-tag a.active{
  background-color: rgba(124,101,254, 0.2);
}
.news-tag a:not(:last-of-type){
  margin-right: 10px;
}
.ab-mide .news-list{
  margin-top: 60px;
}
.ab3-box{
  position: relative;
}
.ab3ct{
  margin: 0 auto;
  padding: 110px 0;
  position: relative;
  z-index: 1;
}
.ab3ct .mide{
  margin-top: 0;
  border-radius: 50px;
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.5));
  padding: 65px 98px;
}
.ab3ct .mide .bq{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #7C65FE;
  background-color: rgba(124,101,254, 0.2);
  border-radius: 6px;
  padding: 12px 18px;
  margin: 0 auto;
  width: max-content;
}
.ab3ct .mide .title{
  margin-top: 31px;
}
.ab3ct .mide .js{
  margin-top: 55px;
}
.ab3ct .mide .js img{
  width: 100%;
}
.ab3ct .mide .js h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 36px;
  color: #222222;
  line-height: 45px;
  margin-top: 80px;
}
.ab3ct .mide .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #888888;
  margin-top: 31px;
}
.ab3ct .mide .content{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  line-height: 36px;
  margin-top: 40px;
}
.ab3ct .mide .content p,
.ab3ct .mide .content span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  line-height: 36px;
}
.ab3ct .mide .content p:not(:first-of-type){
  margin-top: 25px;
}
.ab3ct .mide .content table{
  max-width: 100%;
  border-collapse: collapse;
}
.ab3ct .mide .content table,
.ab3ct .mide .content table th,
.ab3ct .mide .content table td{
  border: 1px solid #DDDDDD !important;
}
.ab3ct .mide .content table td{
  padding: 10px !important;
}
.social-share{
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.social-share .social-share-icon{
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 25px !important;
  border: none !important;
  background-color: #7C65FE;
  color: #FFFFFF !important;
}
.social-share .icon-wechat .wechat-qrcode{
  left: -74px !important;
  top: -175px !important;
  height: 162px !important;
}
.social-share .icon-wechat .help{
  display: none;
}
.amin-nav{
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.amin-nav a,
.amin-nav span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #7c7c7c;
}
.amin-nav span{
  margin: 0 7px;
}
.amin-nav a:last-of-type{
  color: #666666;
}
.dem1-box{
  position: relative;
}
.dem1ct{
  padding: 220px 0 210px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.dem-mide{
  width: 1000px;
  border-radius: 50px;
  background-color: #FFFFFF;
  margin: 110px auto 0;
  padding: 90px 125px 110px 125px;
}
.dem-mide .title{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  margin-bottom: 30px;
}
.dem-mide .el-input__inner{
  height: 60px;
  line-height: 60px;
  border: none;
  background-color: #F5F5F5;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.dem-mide .el-input__inner::placeholder{
  color: #AAAAAA;
}
.dem-mide .xy .el-input__inner{
  border: 1px solid #7C65FE !important;
  background-color: transparent;
}
.dem-mide .el-upload{
  width: 100%;
}
.dem-mide .uploadButton{
  height: 60px;
  background-color: #F5F5F5;
  border-radius: 15px;
  border: none;
  width: 100%;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #AAAAAA;
}
.dem-mide .tj{
  border: none;
  padding: 0;
  width: 570px;
  height: 60px;
  background: #7C65FE;
  border-radius: 30px;
  margin: 0 auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  display: block;
  margin-top: 50px;
}
.dem-mide .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  float: unset;
  vertical-align: unset;
  line-height: 24px;
  margin-bottom: 10px;
  display: block;
  text-align: left;
}
.dem-mide .el-cascader{
  width: 100%;
}
.dem-mide .el-date-editor.el-input,
.dem-mide .el-date-editor.el-input__inner{
  width: 100%;
}
.dem-mide .el-picker-panel{
  font-family: var(--font-family);
}
.dem-mide .el-month-table td .cell:hover,
.dem-mide .el-month-table td.today .cell{
  color: #7C65FE;
}
.dem-mide .el-picker-panel__icon-btn:hover{
  color: #7C65FE;
}
.dem-mide .ts{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 24px;
  margin-bottom: 14px;
}
.dem-mide .el-form-item{
  margin-bottom: 35px;
}
.dem-mide .z-item:not(:first-of-type){
  margin-top: 70px;
}
.dem-mide .el-select{
  width: 100%;
}
.dem-mide .el-radio{
  display: block;
  margin-right: 0;
}
.dem-mide .el-radio:not(:first-of-type){
  margin-top: 15px;
}
.dem-mide .el-radio-group{
  margin-top: 15px;
}
.dem-mide .el-radio__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.dem-mide .el-radio__inner:hover{
  border-color: #7C65FE;
}
.dem-mide .el-radio__input.is-checked .el-radio__inner{
  border-color: #7C65FE;
  background: #7C65FE;
}
.dem-mide .el-radio__input.is-checked+.el-radio__label{
  color: #222222;
}
.c1-big-box{
  position: relative;
}
.c1-1box{
  position: relative;
  z-index: 1;
}
.c1-1ct{
  margin: 0 auto;
  padding: 230px 0 150px 0;
}
.c1-1ct .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c1-1ct .top .left{
  width: 615px;
}
.c1-1ct .top .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  line-height: 30px;
  margin-top: 40px;
}
.c1-1ct .top .right{
  width: 673px;
  height: 512px;
  border-radius: 50px;
  overflow: hidden;
}
.c1-1ct .top .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c1-1ct .mide{
  margin-top: 190px;
}
.c1-1ct .mide .content{
  margin-top: 90px;
  position: relative;
}
.c1-1ct .mide .content .bg{
  width: 100%;
}
.c1-1ct .mide .content .print{
  position: absolute;
  cursor: pointer;
}
.c1-1ct .mide .content .print .rund{
  position: relative;
}
.c1-1ct .mide .content .print .rund .pulse{
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  background-color: #7C65FE;
  border-radius: 50%;
}
.c1-1ct .mide .content .print .rund .pulse1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background-color: rgba(124,101,254, 0.3);
  animation: bigpulse 3s ease-out infinite;
  transition: 0.3s;
}
@keyframes bigpulse {
  0% {
    width: 12px;
    height: 12px;
  }
  100% {
    width: 34px;
    height: 34px;
  }
}
.c1-1ct .mide .content .pt1 .rund .pulse1,
.c1-1ct .mide .content .pt1 .rund .pulse2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  transition: 0.3s;
}
.c1-1ct .mide .content .pt1 .rund .pulse1{
  background-color: rgba(124,101,254, 0.3);
  animation: bigpulse2 3s ease-out infinite;
}
.c1-1ct .mide .content .pt1 .rund .pulse2{
  background-color: rgba(124,101,254, 0.15);
  animation: bigpulse3 3s ease-out infinite;
}
@keyframes bigpulse2 {
  0% {
    width: 16px;
    height: 16px;
  }
  100% {
    width: 64px;
    height: 64px;
  }
}
@keyframes bigpulse3 {
  0% {
    width: 64px;
    height: 64px;
  }
  100% {
    width: 115px;
    height: 115px;
  }
}
.c1-1ct .mide .content .pt1{
  right: 21%;
  top: 48%;
}
.c1-1ct .mide .content .pt2{
  right: 13%;
  top: 42%;
}
.c1-1ct .mide .content .pt3{
  right: 16%;
  top: 40%;
}
.c1-1ct .mide .content .pt4{
  left: 52%;
  top: 20%;
}
.c1-1ct .mide .content .pt5{
  left: 50.5%;
  top: 27%;
}
.c1-1ct .mide .content .pt6{
  left: 48.2%;
  top: 30%;
}
.c1-1ct .mide .content .pt7{
  left: 51%;
  top: 33%;
}
.c1-1ct .mide .content .pt8{
  left: 53%;
  top: 36%;
}
.c1-1ct .mide .content .pt9{
  left: 45%;
  top: 29%;
}
.c1-1ct .mide .content .pt10{
  left: 47%;
  top: 33.5%;
}
.c1-1ct .mide .content .pt11{
  left: 49.5%;
  top: 36%;
}
.c1-1ct .mide .content .pt12{
  left: 13.8%;
  top: 26.5%;
}
.c1-1ct .mide .content .pt13{
  left: 18%;
  top: 41%;
}
.c1-1ct .wz{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  right: 100%;
  opacity: 0;
  transform-origin: right;
  transition: 0.5s;
  padding-right: 28px;
  z-index: 3;
}
.c1-1ct .mide .content .pt1 .wz{
  padding-right: 68px;
}
.c1-1ct .mide .content .print:hover .wz{
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
}
.c1-1ct .mide .content .wzrt .wz{
  right: unset;
  left: 100%;
  padding-right: 0;
  padding-left: 28px;
  transform-origin: left;
}
.c1-1ct .wz .rq{
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(124,101,254,0.3);
  width: 480px;
  padding: 55px 40px;
}
.c1-1ct .wz .rq h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.c1-1ct .wz .rq .rowb{
  margin-top: 35px;
}
.c1-1ct .wz .rq .rowb .row{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c1-1ct .wz .rq .rowb .row:not(:first-of-type){
  margin-top: 10px;
}
.c1-1ct .wz .rq .rowb .row .rd{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(124,101,254, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.c1-1ct .wz .rq .rowb .row a{
  width: calc(100% - 40px - 15px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.c1-2box{
  position: relative;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.6);
}
.c1-2ct{
  margin: 0 auto;
  padding: 150px 0 190px 0;
}
.c1-2ct .mide{
  display: flex;
  margin-top: 90px;
}
.c1-2ct .mide .item{
  width: calc((100% - 81px) / 4);
  margin-right: 27px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  padding: 52px 20px 190px 20px;
  position: relative;
}
.c1-2ct .mide .item:nth-of-type(4n){
  margin-right: 0;
}
.c1-2ct .mide .item .rund{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 0.1);
  margin: 0 auto;
}
.c1-2ct .mide .item h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #222222;
  text-align: center;
  line-height: 24px;
  min-height: 48px;
  margin: 44px 0 27px 0;
}
.c1-2ct .mide .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.c1-2ct .mide .item .db{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 69px;
}
.c1-2ct .mide .item .db .ma{
  width: 200px;
  height: 50px;
  border-radius: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  background-color: rgba(124,101,254, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.c1-2ct .mide .item .db .ma::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #7C65FE;
  z-index: -1;
  width: 0;
  height: 100%;
  transition: 0.3s;
}
.c1-2ct .mide .item .db .ma:hover{
  color: #ffffff;
}
.c1-2ct .mide .item .db .ma:hover::before{
  width: 100%;
}
.c1-2ct .mide .item:first-of-type .db{
  bottom: 38px;
}
.c1-2ct .mide .item:first-of-type .db .ma:last-of-type{
  margin-top: 11px;
  color: #ffffff;
}
.c1-2ct .mide .item:first-of-type .db .ma:last-of-type::before{
  width: 100%;
}
.c1-3box{
  position: relative;
  z-index: 1;
}
.c1-3ct{
  padding: 130px 0 160px 0;
  margin: 0 auto;
}
.c1-3ct .top .row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 90px 90px 100px 90px;
}
.c1-3ct .top .row:not(:first-of-type){
  margin-top: 50px;
}
.c1-3ct .top .row .left{
  width: 600px;
  height: 360px;
  border-radius: 30px;
  overflow: hidden;
}
.c1-3ct .top .row .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c1-3ct .top .row .right{
  width: 530px;
}
.c1-3ct .top .row .right p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  color: #6B657B;
  line-height: 29px;
  margin: 27px 0 85px 0;
}
.c1-3ct .top .row:nth-of-type(even){
  flex-direction: row-reverse;
}
.c1-3ct .mide{
  margin-top: 120px;
}
.c1-3ct .mide .rq{
  display: flex;
  margin-top: 65px;
}
.c1-3ct .mide .item{
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  padding: 49px 38px 68px 38px;
}
.c1-3ct .mide .item:nth-of-type(3n){
  margin-right: 0;
}
.c1-3ct .mide .item .rund{
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 0.1);
  border-radius: 50%;
}
.c1-3ct .mide .item h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  margin-top: 30px;
}
.c1-3ct .mide .item .wz{
  margin-top: 30px;
}
.c1-3ct .mide .item .wz .row{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c1-3ct .mide .item .wz .row:not(:first-of-type){
  margin-top: 10px;
}
.c1-3ct .mide .item .wz .row .rd{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124,101,254, 0.1);
}
.c1-3ct .mide .item .wz .row a{
  width: calc(100% - 40px - 15px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  word-break: break-all;
}
.c1-4box{
  position: relative;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.5);
}
.c1-4ct{
  padding: 110px 0 200px 0;
  margin: 0 auto;
}
.c1-4ct .icon{
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.c1-4ct .icon .rund{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #04C15F;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c1-4ct .icon .rund .flow{
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  bottom: calc(100% + 5px);
  border-radius: 4px;
  background-color: #7C65FE;
  padding: 4px;
  transform-origin: bottom;
  opacity: 0;
  transition: 0.3s;
}
.c1-4ct .icon .rund .flow img{
  width: 110px;
}
.c1-4ct .icon .rund:hover .flow{
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.c1-4ct .icon a:not(:first-of-type){
  margin-left: 60px;
}
.c1-4ct .icon a:nth-of-type(2){
  background-color: #FF2442;
}
.c1-4ct .icon a:nth-of-type(3){
  background-color: #FF930D;
}
.c1-4ct .icon a:nth-of-type(4){
  background-color: #000000;
}
.c2-box{
  position: relative;
}
.c2ct{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 230px 0 125px 0;
}
.c2ct h6{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #6B657B;
  line-height: 30px;
  width: 80%;
  margin: 27px auto 0;
}
.c2-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}
.c2-list li{
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
  margin-top: 30px;
}
.c2-list li:nth-of-type(1),
.c2-list li:nth-of-type(2),
.c2-list li:nth-of-type(3){
  margin-top: 0;
}
.c2-list li:nth-of-type(3n){
  margin-right: 0;
}
.c2-list li a{
  display: block;
  background-color: #FFFFFF;
  border-radius: 50px;
  overflow: hidden;
  padding: 10px 10px 72px 10px;
  transition: 0.3s;
}
.c2-list li a:hover{
  box-shadow: 0px 0px 40px 0px rgba(124,101,254,0.3);
}
.c2-list li a img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 50px;
}
.c2-list li a .txt{
  padding: 30px 24px 0 24px;
}
.c2-list li a .txt h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.c2-list li a:hover .txt h4{
  color: #7C65FE;
}
.c2-list li a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 30px;
}
.op-box{
  position: relative;
}
.opct{
  margin: 0 auto;
  padding: 230px 0 135px 0;
  position: relative;
  z-index: 1;
}
.opct h6{
  width: 80%;
  margin: 40px auto 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #0F0821;
  line-height: 30px;
  text-align: center;
}
.opct .mide{
  border-radius: 50px;
  background-color: #ffffff;
  padding: 55px 120px 120px 120px;
  width: 1000px;
  margin: 85px auto 0;
}
.opct .mide form .bt{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}
.opct .mide form .bt span{
  color: #F00101;
}
.opct .mide form textarea{
  width: 100%;
  height: 340px;
  background-color: #F5F5F5;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  border: none;
  outline: none;
  margin-top: 22px;
  resize: none;
  padding: 15px;
}
.opct .mide form .wz{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  margin-top: 40px;
}
.opct .mide form .wz p:not(:first-of-type){
  margin-top: 15px;
}
.opct .mide form button{
  width: 570px;
  height: 60px;
  background: #7C65FE;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
  border: none;
  outline: none;
  margin: 115px auto 0;
}
.query-box{
  position: relative;
}
.queryct{
  padding: 210px 0 150px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.queryct .bg{
  margin: 0 auto;
}
.queryct .cg{
  margin-top: 40px;
}
.queryct .cg h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #0F0821;
  text-align: center;
}
.queryct .cg p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #0F0821;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
}
.queryct .code{
  margin: 85px 0 55px 0;
}
.queryct .code p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #0F0821;
  text-align: center;
}
.queryct .code h4{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 60px;
  color: #7C65FE;
  text-align: center;
}
.queryct .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.queryct .js a{
  color: #7C65FE;
  text-decoration: underline;
}
.queryct .query{
  width: 271px;
  height: 61px;
  border-radius: 30px;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #7C65FE;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;
  margin: 50px auto 0;
}
.queryct .query::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  z-index: -1;
  transition: 0.3s;
}
.queryct .query:hover{
  color: #ffffff;
}
.queryct .query:hover::before{
  width: 100%;
}
.query-diaolog{
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
}
.query-diaolog .content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 30px;
  padding: 20px 30px 130px 30px;
}
.query-diaolog .content .pb44-title{
  text-align: center;
  margin-top: 38px;
}
.query-diaolog .content .db{
  display: flex;
  justify-content: flex-end;
}
.query-diaolog .content .db i{
  font-size: 28px;
  color: #333333;
  transition: 0.3s;
  cursor: pointer;
}
.query-diaolog .content .db i:hover{
  color: #7C65FE;
}
.query-diaolog .content .form{
  width: 760px;
  margin: 65px auto 0;
}
.query-diaolog .content .form input{
  width: 100%;
  height: 60px;
  border-radius: 30px;
  border: 1px solid #7C65FE;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  padding: 0 35px;
}
.query-diaolog .content .form input::placeholder{
  color: #CCCCCC;
}
.query-diaolog .content .form p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  margin-top: 28px;
}
.query-diaolog .content .form button{
  outline: none;
  border: none;
  margin: 60px auto 0;
  width: 399px;
  height: 59px;
  background: #7C65FE;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.noLogin-diaolog{
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
}
.noLogin-diaolog .content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  border-radius: 30px;
  padding: 20px 30px 0 30px;
  height: 550px;
}
.noLogin-diaolog .content .db{
  display: flex;
  justify-content: flex-end;
}
.noLogin-diaolog .content .db i{
  font-size: 28px;
  color: #333333;
  transition: 0.3s;
  cursor: pointer;
}
.noLogin-diaolog .content .db i:hover{
  color: #7C65FE;
}
.noLogin-diaolog .content .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  text-align: center;
  margin-top: 140px;
}
.noLogin-diaolog .content .xm{
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.noLogin-diaolog .content .xm a{
  width: 301px;
  height: 60px;
  border-radius: 30px;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #7C65FE;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.noLogin-diaolog .content .xm a:last-of-type{
  margin-left: 20px;
}
.noLogin-diaolog .content .xm a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  z-index: -1;
  transition: 0.3s;
}
.noLogin-diaolog .content .xm a:hover,
.noLogin-diaolog .content .xm a:first-of-type{
  color: #ffffff;
}
.noLogin-diaolog .content .xm a:hover::before,
.noLogin-diaolog .content .xm a:first-of-type::before{
  width: 100%;
}
.res-big-box{
  position: relative;
}
.res1-box{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 220px calc((100% - 1400px) / 2) 130px 60px;
}
.res1-box .right{
  width: 660px;
}
.res1-box .right .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  color: #333333;
  line-height: 29px;
  margin: 25px 0 40px 0;
}
.res1-box .right .desc p:not(:first-of-type){
  margin-top: 15px;
}
.res1-box .right .db{
  display: flex;
}
.res1-box .right .db .re{
  width: 260px;
  height: 61px;
  border-radius: 15px;
  border: 1px solid #7C65FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #7C65FE;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.res1-box .right .db .re::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #7C65FE;
  z-index: -1;
  transition: 0.3s;
}
.res1-box .right .db .re:hover{
  color: #FFFFFF;
}
.res1-box .right .db .re:hover::before{
  width: 100%;
}
.res1-box .right .db .bro{
  width: 340px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  margin-right: 10px;
}
.res1-box .left{
  width: calc(100% - 660px - 75px);
}
.res1-box .left img{
  width: 100%;
  border-radius: 30px;
}
.res2-box{
  position: relative;
  z-index: 1;
}
.res2ct{
  margin: 0 auto;
  padding: 0 0 200px 0;
}
.res2ct.prodefault{
  padding-top: 200px;
}
.res2ct.prodefault.hyxz{
    padding-top: 0;
}
.res2ct.prodefault .precisely{
  margin-top: 100px;
}
.res2ct.prodefault.hyxz .precisely{
    margin-top: 0;
}
.res2ct.prodefault .precisely .mide{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  margin-top: 0;
}
.res2ct.prodefault .precisely .mide p,
.res2ct.prodefault .precisely .mide span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
}
.res2ct.prodefault .precisely .mide img{
  margin: 10px auto;
  max-width: 100%;
}
.res2ct.prodefault .precisely .mide a{
  /*background-color: #7C65FE;*/
  /*font-family: var(--font-family);*/
  /*font-weight: 400;*/
  /*font-size: 16px;*/
  /*color: #FFFFFF;*/
  /*border-radius: 20px;*/
  /*padding: 5px 15px;*/
  /*margin: 20px auto 0;*/
  /*display: block;*/
  /*width: max-content;*/
  /*max-width: 100%;*/
  color: #7C65FE;
}
.res2ct.prodefault .precisely .mide h3{
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 18px;
}
.res2ct.prodefault .precisely .mide table{
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
.res2ct.prodefault .precisely .mide table tr,
.res2ct.prodefault .precisely .mide table td{
  border: 1px solid #AAAAAA !important;
  padding: 4px 8px !important;
}
.res2ct.prodefault .db{
  margin: 70px 0 0 0;
}
.res2ct.prodefault .db .bro{
  width: 340px;
  height: 60px;
  background: #7C65FE;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  margin: 0 auto;
}
.res2ct .pb44-title{
  text-align: center;
}
.res2ct .precisely{
  background-color: rgba(255, 255, 255, 0.7);
  padding: 100px;
  border-radius: 50px;
}
.res2ct .precisely .mide{
  margin-top: 100px;
}
.res2ct .precisely .mide .item .bt{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  position: relative;
  padding-left: 37px;
}
.res2ct .precisely .mide .item .bt::before{
  display: block;
  content: '';
  width: 13px;
  height: 31px;
  border-radius: 7px;
  background-color: #7C65FE;
  position: absolute;
  left: 0;
  top: 3px;
}
.res2ct .precisely .mide .item .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  margin-top: 35px;
}
.res2ct .precisely .mide .item:not(:first-of-type){
  margin-top: 80px;
}
.res2ct .common{
  margin-top: 70px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 90px 80px 100px 80px;
}
.res2ct .common h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #0F0821;
  text-align: center;
  width: 80%;
  margin: 25px auto 40px;
}
.res2ct .common .tag{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.res2ct .common .tag a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  border-radius: 30px;
  background-color: rgba(124,101,254, 0.2);
  margin-right: 10px;
  transition: 0.3s;
  padding: 17px 20px;
  margin-bottom: 20px;
}
.res2ct .common .tag a:hover{
  color: #ffffff;
}
.res2ct .common .tag a.active{
  background-color: #7C65FE;
  color: #FFFFFF;
}
.res2ct .common .mide{
  background: linear-gradient(45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
  border-radius: 50px;
  margin-top: 30px;
  padding: 40px 70px 55px 70px;
}
.res2ct .common .mide .rq{
  display: flex;
  flex-wrap: wrap;
}
.res2ct .common .mide .qh:not(:first-of-type){
  display: none;
}
.res2ct .common .mide p{
  display: flex;
  flex-wrap: wrap;
}
.res2ct .common .mide a{
  width: calc((100% - 15px) / 2);
  margin-right: 15px;
  margin-bottom: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.res2ct .common .mide a span{
  transition: 0.3s;
}
.res2ct .common .mide a:nth-of-type(2n){
  margin-right: 0;
}
.res2ct .common .mide a:hover{
  color: #7C65FE;
}
.res2ct .related{
  margin-top: 160px;
}
.res2ct .related .news-list{
  margin-top: 80px;
}
.me-big-box{
  position: relative;
}
.me1-box{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 230px 60px 160px calc((100% - 1400px) / 2);
}
.me1-box .left{
  width: 630px;
}
.me1-box .left h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #4B3AAD;
  margin: 19px 0 40px 0;
}
.me1-box .left .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  color: #6B657B;
  line-height: 24px;
}
.me1-box .left .desc p:not(:first-of-type){
  margin-top: 18px;
}
.me1-box .right{
  width: calc(100% - 630px - 100px);
}
.me1-box .right img{
  width: 100%;
  border-radius: 50px;
}
.me3-box{
  position: relative;
  z-index: 1;
  padding: 80px 0 140px 0;
}
.me3-box .js{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #0F0821;
  width: 80%;
  margin: 40px auto 0;
}
.me3-swiper{
  padding-bottom: 100px;
  margin-top: 85px;
  width: 100%;
  max-width: 1920px;
}
.me3-swiper .rq{
  background-color: #ffffff;
  border-radius: 50px;
  padding: 20px 20px 80px 20px;
}
.me3-swiper .rq .txt{
  padding: 44px 23px 0 23px;
}
.me3-swiper .rq .txt h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
}
.me3-swiper .rq .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 24px;
  min-height: 120px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  margin-top: 25px;
}
.me3-swiper .rq .ib{
  border-radius: 50px;
  overflow: hidden;
  height: 270px;
  width: 100%;
  position: relative;
}
.me3-swiper .rq .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.me3-swiper .rq .ib .flow{
  background-color: rgba(124,101,254, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.3s;
}
.me3-swiper .rq .ib .flow i{
  font-size: 28px;
  color: #FFFFFF;
}
.me3-swiper .rq .ib .flow:hover{
  transform: translate(-50%,-50%) scale(1.1);
}
/* .me3-swiper .rq .ib .min-swiper{
  width: 100%;
  height: 270px;
}
.me3-swiper .rq .ib .min-swiper .qh{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.me3-swiper .rq .ib .min-swiper .qh:hover{
  background-color: rgba(124,101,254, 0.6);
}
.me3-swiper .rq .ib .min-swiper .qh i{
  font-size: 18px;
  color: #FFFFFF;
}
.me3-swiper .rq .ib .min-swiper .prev{
  left: 9px;
}
.me3-swiper .rq .ib .min-swiper .next{
  right: 9px;
}
.me3-swiper .rq .ib .min-swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.me3-swiper .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}
.me3-swiper .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  background-color: #7C65FE;
  opacity: 0.5;
  transition: 0.3s;
}
.me3-swiper .swiper-pagination-bullet-active{
  width: 20px;
  height: 20px;
  opacity: 1;
}
.me2-box{
  position: relative;
  z-index: 1;
}
.me2ct{
  margin: 0 auto;
  padding: 90px 320px 110px 320px;
  background-color: #ffffff;
  border-radius: 15px;
}
.me2ct h6{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  margin: 20px auto 80px;
  width: 85%;
}
.me2ct .el-input__inner{
  height: 60px;
  line-height: 60px;
  border: none;
  border-radius: 15px;
  background-color: #F5F5F5;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.me2ct .el-input__inner::placeholder,
.me2ct .el-textarea__inner::placeholder{
  color: #AAAAAA;
}
.me2ct .el-textarea__inner{
  height: 230px;
  border: none;
  border-radius: 15px;
  background-color: #F5F5F5;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  resize: none;
}
.me2ct .el-form-item__label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  float: unset;
  vertical-align: unset;
}
.me2ct .el-button{
  width: 100%;
  height: 60px;
  cursor: pointer;
  background-color: #7C65FE;
  padding: 0;
  border: none;
  border-radius: 30px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 40px;
}
.me2ct .el-select{
  width: 100%;
}
.me2ct .el-form-item{
  margin-bottom: 30px;
}
.me2ct .jg{
  margin-top: 100px;
}
.me2ct .sck{
  width: 230px;
  height: 140px;
  background: #F5F5F5;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.me2ct .sck i{
  font-size: 28px;
  color: #C9C9C9;
}
.me2ct .scms{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
  line-height: 18px;
  text-align: left;
  margin-top: 15px;
}
.rl1-box{
  position: relative;
}
.rl1ct{
  margin: 0 auto;
  padding: 188px 0 170px 0;
  position: relative;
  z-index: 1;
}
.rl1ct .top{
  display: flex;
  justify-content: space-between;
}
.rl1ct .top .left{
  width: 620px;
  padding-top: 20px;
}
.rl1ct .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #4B3AAD;
}
.rl1ct .left .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #6B657B;
  line-height: 30px;
  margin-top: 20px;
}
.rl1ct .right{
  width: 680px;
  height: 440px;
  border-radius: 30px;
  overflow: hidden;
}
.rl1ct .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rl1ct .mide{
  margin-top: 140px;
}
.rl-list{
  display: flex;
  flex-wrap: wrap;
}
.rl-list li{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 39px;
}
.rl-list li:nth-of-type(3n){
  margin-right: 0;
}
.rl-list li a{
  display: block;
  width: 100%;
  background-color: #ffffff;
  border-radius: 50px;
  padding: 20px 20px 0 20px;
  transition: 0.3s;
}
.rl-list li a:hover{
  box-shadow: 0px 0px 29px 0px rgba(124,101,254,0.39);
}
.rl-list li a img{
  width: 100%;
  height: 250px;
  border-radius: 30px;
  object-fit: cover;
}
.rl-list li a .txt{
  padding: 40px 30px 60px 30px;
}
.rl-list li a .txt h4{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow-wrap: break-word;
}
.rl-list li a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  text-align: center;
  height: 78px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 39px 0 40px 0;
}
.rl-list li a .txt .ml-more{
  width: 260px;
  height: 60px;
  background: rgba(124,101,254, 0.2);
  border-radius: 15px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #7C65FE;
  transition: 0.3s;
}
.rl-list li a .txt .ml-more::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: rgba(124,101,254, 1);
  transition: 0.3s;
  z-index: -1;
}
.rl-list li a .txt .ml-more:hover{
  color: #ffffff;
}
.rl-list li a .txt .ml-more:hover::before{
  width: 100%;
}
.page {
  width: 100%;
  margin-top: 30px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.page .el-pagination button:disabled{
  background-color: rgba(124,101,254, 0.5);
  color: #ffffff;
}
.page .el-pagination .btn-prev {
  width: 95px;
  height: 35px;
  margin-right: 5px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.page .el-pagination .btn-next {
  padding: 0;
  width: 95px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  height: 35px;
  border-radius: 4px;
}
.page .el-pagination .btn-prev .el-icon-arrow-left:before {
  font-size: 14px;
  content: 'Previous';
  color: #222222;
  font-weight: var(--font-family);
  font-weight: 400;
}
.page .el-pagination .btn-next .el-icon-arrow-right:before {
  font-size: 14px;
  content: 'Next';
  color: #222222;
  font-weight: var(--font-family);
  font-weight: 400;
}
.page .el-pager li {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #ffffff;
  border: 1px solid #DDDDDD !important;
  margin-right: 5px;
  padding: 0px;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.page .el-pager li.active {
  background-color: #7C65FE;
  color: #ffffff;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #7C65FE;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #7C65FE;
}
.ft-box{
  background-color: #7C65FE;
}
.ftct{
  margin: 0 auto;
  padding: 112px 0 98px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ftct .left{
  width: 271px;
}
.ftct .left .desc{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 30px;
}
.ftct .ftnav{
  display: flex;
}
.ftct .ftnav .item{
  max-width: 231px;
}
.ftct .ftnav .item:not(:first-of-type){
  margin-left: 58px;
}
.ftct .ftnav .item h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}
.ftct .ftnav .item .txt{
  margin-top: 27px;
}
.ftct .ftnav .item .txt a{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  opacity: 0.7;
  transition: 0.3s;
}
.ftct .ftnav .item .txt a:hover{
  opacity: 1;
  text-decoration: underline;
}
.ftct .right{
  width: 390px;
  background: #FFFFFF;
  border-radius: 40px;
  padding: 38px 22px 48px 42px;
}
.ftct .right h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #222222;
}
.ftct .right .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 18px;
  margin: 19px 0 27px 0;
}
.ftct .right .ph{
  display: flex;
  align-items: center;
}
.ftct .right .ph p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #7C65FE;
  margin-left: 16px;
}
.ftct .right .dc{
  margin: 26px 0 27px 0;
}
.ftct .right .dc a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.ftct .right .db{
  display: flex;
  align-items: center;
}
.ftct .right .db .ll{
  display: flex;
  align-items: center;
}
.ftct .right .db .ll i{
  font-size: 18px;
  color: #7C65FE;
}
.ftct .right .db .ll p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #7C65FE;
  margin-left: 6px;
}
.ftct .right .db .icon{
  display: flex;
  margin-left: 20px;
}
.ftct .right .db .icon .rund{
  width: 30px;
  height: 30px;
  background: #7C65FE;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ftct .right .db .icon .rund:not(:first-of-type){
  margin-left: 13px;
}
.ftct .right .db .icon .rund>img{
  max-width: 50%;
  max-height: 50%;
}
.ftct .right .db .icon .rund .flow{
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  bottom: calc(100% + 5px);
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 4px;
  transform-origin: bottom;
  opacity: 0;
  transition: 0.3s;
  box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
}
.ftct .right .db .icon .rund .flow img{
  width: 90px;
}
.ftct .right .db .icon .rund:hover .flow{
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.ft-box .bot{
  background-color: #FFFFFF;
}
.ft-box .bot .ct{
  margin: 0 auto;
  display: flex;
  padding: 44px 0;
}
.ft-box .bot .ct a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.tips{
  position: fixed;
  z-index: 99;
  bottom: 10%;
  right: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tips .back{
  margin: 30px auto 0;
  display: none;
}
.tips .back .rq{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #7C65FE;
  cursor: pointer;
  width: 49px;
  height: 49px;
}
.tips .back i{
  font-size: 20px;
  color: #ffffff;
}
.tips .dbl{
  position: absolute;
  bottom: calc(100% + 19px);
  right: -54px;
}
.tips .dbl i{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  color: #7C65FE;
  cursor: pointer;
}
.tips ul li{
  position: relative;
}
.tips ul li:not(:first-of-type){
  margin-top: 3px;
}
.tips ul li a{
  width: 60px;
  height: 60px;
  background: #7C65FE;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tips ul li a img{
  /*max-width: 50%;*/
  /*max-height: 60%;*/
}
.tips ul li .flow-wz{
  position: absolute;
  right: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  transform-origin: right;
  opacity: 0;
  transition: 0.3s;
}
 .tips ul li:hover .flow-wz{
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
} 
/*.tips ul li.active .flow-wz{*/
/*  transform: translateY(-50%) scaleX(1);*/
/*  opacity: 1;*/
/*}*/
.tips ul li .flow-wz .rq{
  background-color: #FFFFFF;
  width: max-content;
  box-shadow: 0px 0px 29px 0px rgba(124,101,254,0.39);
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #0F0821;
  padding: 20px 30px;
  position: relative;
}
.tips ul li .flow-wz .rq::after{
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -18px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid transparent;
}
.tips ul li .flow-wz img{
  margin-right: 12px;
}
@media only screen and (max-width:1560px) {
  .center-1400{
    width: 1100px;
  }
  .headerct .nav li:not(:first-of-type){
    margin-left: 20px;
  }
  .headerct .nav{
    margin-left: 40px;
  }
  .headerct .lang{
    margin-left: 15px;
  }
  /* .headerct .quick{
    margin-left: 15px;
  } */
  .headerct .user{
    margin-left: 20px;
  }
  .headerct .nav li .twob .two{
    width: 280px;
    border-radius: 22px;
  }
  .headerct .nav li .three>.rq{
    width: 280px;
    border-radius: 22px;
  }
  .headerct .nav li .four>.rq{
    width: 280px;
    border-radius: 22px;
  }
  .i1ct .bg{
    width: 1020px;
  }
  .i1ct .flow{
    width: 550px;
  }
  .i1ct .wz{
    width: 440px;
  }
  .i1ct form{
    width: 420px;
    margin-top: 40px;
  }
  .i1ct .wz h3{
    font-size: 48px;
    line-height: 56px;
  }
  .i1ct .wz h6{
    font-size: 16px;
    margin-top: 18px;
  }
  .pb-big-h3{
    font-size: 76px;
  }
  .i2ct{
    padding: 120px 0 99px 0;
  }
  .pb-h6{
    font-size: 20px;
    margin-top: 25px;
  }
  .i2ct .mide{
    margin-top: 70px;
  }
  .i2ct .mide .item{
    border-radius: 40px;
    padding: 30px 30px 45px 30px;
  }
  .i2ct .mide .item .rund{
    width: 50px;
    height: 50px;
  }
  .i2ct .mide .item .rund img{
    width: 45%;
  }
  .i2ct .mide .item h6{
    font-size: 20px;
    line-height: 25px;
    height: 50px;
    margin-top: 26px;
  }
  .i2ct .mide .item p{
    font-size: 16px;
    line-height: 24px;
  }
  .i3-box{
    padding: 80px 0 0 0;
  }
  .i3ct .more{
    font-size: 16px;
    width: 180px;
    height: 54px;
    border-radius: 11px;
  }
  .i3-swiper{
    margin-top: 80px;
  }
  .i4ct{
    padding: 100px 0 60px 0;
  }
  .i-bs p{
    font-size: 20px;
  }
  .i-bs .rund{
    width: 36px;
    height: 36px;
    margin-right: 15px;
    border-radius: 50%;
  }
  .i-bs .rund img{
    max-width: 50%;
  }
  .i-itemb{
    padding: 50px 50px 45px 50px;
  }
  .i-itemb .top .left h3{
    font-size: 40px;
  }
  .i-itemb .top .left{
    width: 435px;
  }
  .i-itemb .top .right{
    width: 500px;
    padding-top: 7px;
  }
  .i-itemb.tt1 .top .right img{
    transform: translateX(25px);
  }
  .i-itemb .top .left h6{
    font-size: 18px;
  }
  .i4-swiper a .wz{
    width: 240px;
  }
  .i4-swiper a .rr{
    width: 46px;
  }
  .i4-swiper a p{
    font-size: 14px;
    line-height: 22px;
  }
  .i4-swiper a h6{
    font-size: 20px;
    margin: 22px 0 15px 0;
  }
  .i4-swiper a .rd{
    width: 50px;
    height: 50px; 
  }
  .i4-swiper a .rd img{
    max-width: 50%;
  }
  .i4-swiper .swiper-pagination-bullet-active{
    width: 16px;
    height: 16px;
  }
  .i-itemb{
    border-radius: 40px;
  }
  .i-itemb .t2zs{
    font-size: 26px;
    width: 280px;
    height: 70px;
    border-radius: 26px 26px 0 26px;
    margin-top: 50px;
  }
  .i-itemb .t2mide{
    margin-top: 55px;
  }
  .i-itemb .t2mide .t2it{
    width: calc((100% - 160px) / 3);
    margin-right: 80px;
  }
  .i-itemb .t2mide .t2it h6{
    font-size: 20px;
    margin: 23px 0 16px 0;
  }
  .i-itemb .t2mide .t2it p{
    font-size: 16px;
    line-height: 22px;
  }
  .i-itemb .t2mide .t2it img{
    height: 26px;
  }
  .i-itemb .top .left .more{
    width: 260px;
    height: 52px;
    font-size: 16px;
    border-radius: 11px;
  }
  .i-itemb.tt3 .top .left{
    width: 435px;
  }
  .i-itemb.tt3{
    padding: 0 50px;
  }
  .i-itemb .t3mide{
    margin-top: 70px;
  }
  .i-itemb .t3mide .t3it{
    padding: 48px 40px 140px 40px;
    border-radius: 40px;
  }
  .i-itemb .t3mide .t3it img{
    height: 48px;
  }
  .i-itemb .t3mide .t3it h6{
    font-size: 22px;
    line-height: 27px;
    height: 54px;
    margin: 35px 0 5px 0;
  }
  .i-itemb .t3mide .t3it p{
    font-size: 16px;
    line-height: 24px;
  }
  .i-itemb .t3mide .t3it a{
    width: 220px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
    bottom: 40px;
  }
  .i5ct{
    padding: 100px 0 100px 0;
  }
  .i-itemb.tt4 .top .left{
    width: 435px;
  }
  .i-itemb .t4mide .t4it{
    width: calc((100% - 105px) / 4);
    margin-right: 35px;
  }
  .i-itemb .t4mide .t4it h6{
    font-size: 19px;
    line-height: 26px;
    height: 52px;
    margin: 12px 0 20px 0;
  }
  .i-itemb .t4mide .t4it p{
    font-size: 14px;
    line-height: 22px;
  }
  .i7ct{
    padding: 100px 0 120px 0;
  }
  .i7ct .brq{
    margin-top: 20px;
  }
  .i7ct .mide .left{
    width: 550px;
  }
  .i7ct .mide .right{
    width: 500px;
    padding-top: 20px;
  }
  .i7ct .mide .right h3{
    font-size: 24px;
  }
  .i7ct .mide .right .desc{
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
  }
  .i7ct .mide .right .desc p:not(:first-of-type){
    margin-top: 30px;
  }
  .i7ct .mide .right a{
    width: 260px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
    margin-top: 100px;
  }
  .i8ct{
    padding: 70px 0 120px 0;
  }
  .i8ct .mide .item .it.active{
    width: 540px;
  }
  .i8ct .mide .item .it{
    width: calc((100% - 540px - 30px) / 2);
    height: 260px;
    border-radius: 16px;
  }
  .i8ct .mide .item .it .tag{
    font-size: 16px;
    padding: 11px 18px;
    bottom: 23px;
  }
  .i8ct .mide .item .it .flow p{
    font-size: 16px;
  }
  .i8ct .mide .item .it .flow a{
    width: 150px;
    height: 44px;
    border-radius: 11px;
    font-size: 16px;
    margin: 32px auto 0;
  }
  .per-title{
    font-size: 42px;
  }
  .feect{
    padding: 150px 0 140px 0;
  }
  .feect .mide{
    margin-top: 45px;
  }
  .dem1ct{
    padding: 190px 0 150px 0;
  }
  .dem-mide{
    margin: 80px auto 0;
    padding: 70px 100px 90px 100px;
    border-radius: 40px;
    width: 800px;
  }
  .dem-mide .el-input__inner{
    height: 52px;
    line-height: 52px;
  }
  .dem-mide .tj,
  .dem-mide .uploadButton{
    height: 52px;
  }
  .dem-mide .title{
    font-size: 24px;
  }
  .c2ct{
    padding: 200px 0 100px 0;
  }
  .c2-list{
    margin-top: 70px;
  }
  .c2ct h6{
    font-size: 18px;
    line-height: 28px;
    margin: 22px auto 0;
  }
  .c2-list li a img{
    height: 220px;
    border-radius: 40px;
  }
  .c2-list li a{
    border-radius: 40px;
    padding: 10px 10px 60px 10px;
  }
  .c2-list li a .txt h4{
    font-size: 26px;
  }
  .c2-list li a .txt{
    padding: 25px 20px 0 20px;
  }
  .c2-list li a .txt p{
    margin-top: 25px;
  }
  .c1-1ct .top .left{
    width: 500px;
  }
  .pb72-h3{
    font-size: 52px;
  }
  .c1-1ct .top .right{
    width: 520px;
    height: 400px;
    border-radius: 40px;
  }
  .c1-1ct .top .left p{
    font-size: 18px;
    line-height: 28px;
  }
  .c1-1ct{
    padding: 190px 0 120px 0;
  }
  .c1-1ct .mide{
    margin-top: 130px;
  }
  .c1-1ct .wz .rq{
    padding: 40px 30px;
    border-radius: 40px;
    width: 440px;
  }
  .c1-1ct .wz .rq h4{
    font-size: 30px;
  }
  .c1-1ct .wz .rq .rowb{
    margin-top: 25px;
  }
  .c1-1ct .wz .rq .rowb .row a{
    font-size: 17px;
    width: calc(100% - 34px - 15px);
  }
  .c1-1ct .wz .rq .rowb .row .rd{
    width: 34px;
    height: 34px;
  }
  .c1-2ct{
    padding: 80px 0 140px 0;
  }
  .c1-2ct .mide{
    margin-top: 70px;
  }
  .c1-2ct .mide .item{
    width: calc((100% - 66px) / 4);
    margin-right: 22px;
    padding: 40px 15px 150px 15px;
    border-radius: 40px;
  }
  .c1-2ct .mide .item .rund{
    width: 60px;
    height: 60px;
  }
  .c1-2ct .mide .item .rund img{
    max-width: 45%;
  }
  .c1-2ct .mide .item h4{
    font-size: 18px;
    line-height: 22px;
    height: 44px;
    margin: 30px 0 20px 0;
  }
  .c1-2ct .mide .item .db .ma{
    width: 180px;
    height: 42px;
    font-size: 15px;
    border-radius: 8px;
  }
  .c1-3ct{
    padding: 100px 0 130px 0;
  }
  .c1-3ct .top .row{
    padding: 60px 60px 70px 60px;
    border-radius: 40px;
  }
  .c1-3ct .top .row .left{
    width: 500px;
    height: 300px;
    border-radius: 20px;
  }
  .c1-3ct .top .row .right{
    width: 450px;
  }
  .pb44-title{
    font-size: 32px;
  }
  .c1-3ct .top .row .right p{
    font-size: 17px;
    line-height: 27px;
    margin: 20px 0 50px 0;
  }
  .sp-more{
    width: 250px;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
  }
  .c1-3ct .top .row:not(:first-of-type){
    margin-top: 40px;
  }
  .c1-3ct .mide{
    margin-top: 100px;
  }
  .c1-3ct .mide .item{
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    padding: 39px 28px 58px 28px;
    border-radius: 40px;
  }
  .c1-3ct .mide .item h4{
    font-size: 19px;
    margin-top: 22px;
  }
  .c1-3ct .mide .item .rund{
    width: 60px;
    height: 60px;
  }
  .c1-3ct .mide .item .rund img{
    width: 40%;
  }
  .c1-3ct .mide .item .wz{
    margin-top: 22px;
  }
  .c1-3ct .mide .item .wz .row .rd{
    width: 34px;
    height: 34px;
  }
  .c1-4ct{
    padding: 90px 0 170px 0;
  }
  .c1-4ct .icon{
    margin-top: 80px;
  }
  .pbdbct{
    padding: 160px 0 120px 0;
  }
  .pbdbct .mide{
    padding: 77px 46px 90px 79px;
    border-radius: 40px;
  }
  .pbdbct .right{
    width: 470px;
    height: 350px;
    border-radius: 22px;
  }
  .pbdbct .left{
    width: 420px;
  }
  .pbdbct .left h3{
    font-size: 40px;
  }
  .pbdbct .left p{
    font-size: 18px;
    margin: 25px 0 55px 0;
  }
  .pbdbct .left a{
    width: 250px;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
  }
  .cectct{
    padding: 150px 0 120px 0;
  }
  .i4-list{
    margin-top: 40px;
  }
  .i4-list li a{
    padding: 15px 15px 0 15px;
    border-radius: 14px;
  }
  .i4-list li a .tp{
    height: 130px;
  }
  .i4-list li a .txt{
    padding-top: 10px;
    height: 250px;
  }
  .i4-list li .bt{
    bottom: 30px;
    width: calc(100% - 30px);
  }
  .center-1200{
    width: 900px;
  }
  .noLogin-diaolog .content{
    border-radius: 22px;
    height: 450px;
  }
  .noLogin-diaolog .content .js{
    margin: 70px auto 0;
    width: 80%;
  }
  .noLogin-diaolog .content .xm a{
    width: 250px;
    height: 50px;
    font-size: 16px;
  }
  .query-diaolog .content{
    padding: 20px 30px 70px 30px;
    border-radius: 22px;
  }
  .query-diaolog .content .pb44-title{
    margin-top: 22px;
  }
  .query-diaolog .content .form{
    width: 600px;
    margin: 45px auto 0;
  }
  .query-diaolog .content .form input{
    height: 50px;
  }
  .query-diaolog .content .form button{
    width: 300px;
    height: 50px;
    font-size: 16px;
    margin: 50px auto 0;
  }
  .fee-diaolog .content{
    border-radius: 22px;
  }
  .cart2ct{
    padding: 150px 0 150px 0;
  }
  .cart2ct .box{
    margin-top: 45px;
    border-radius: 22px;
    padding: 40px 50px;
  }
  .cart2ct .spxx-list li a .js{
    width: 400px;
  }
  .cart2ct .spxx-list li a .js .txt{
    width: calc(100% - 174px - 25px);
  }
  .cart2ct .spxx-list li a .gy{
    width: 150px;
  }
  .cart2ct .jw .left .el-textarea{
    width: 650px;
  }
  .cart-list{
    border-radius: 22px;
  }
  .cart1ct{
    padding: 150px 0 150px 0;
  }
  .cartTop{
    margin-top: 30px;
  }
  .cart1ct .bottom .dbt .left .btnBox{
    margin-left: 30px;
  }
  .cart1ct .bottom .dbt .left .btnBox .btn:not(:first-of-type){
    margin-left: 15px;
  }
  .cart1ct .bottom .dbt .left .btnBox .btn{
    padding: 10px 14px;
  }
  .addct{
    padding: 150px 0 130px 0;
  }
  .addct .box{
    margin-top: 40px;
    border-radius: 22px;
    padding: 55px 50px 90px 50px;
  }
  .addct .box .btn{
    margin: 60px auto 0;
  }
  .actct{
    padding: 150px 0 130px 0;
  }
  .actct .mide{
    margin-top: 40px;
    padding: 70px 0 100px 0;
  }
  .actct .mide .demo-ruleForm{
    width: 570px;
  }
  .addDz-diaolog .content{
    border-radius: 22px;
  }
  .ab3ct .mide{
    padding: 50px 78px;
    border-radius: 40px;
  }
  .ab3ct .mide .js h6{
    font-size: 30px;
    line-height: 39px;
    margin-top: 60px;
  }
  .ab3ct .mide .time{
    font-size: 18px;
    margin-top: 25px;
  }
  .ab3ct .mide .content{
    font-size: 18px;
    line-height: 34px;
    margin-top: 35px;
  }
  .ab3ct .mide .content p,
  .ab3ct .mide .content span{
    font-size: 18px;
    line-height: 34px;
  }
  .ab3ct .mide .content p:not(:first-of-type){
    margin-top: 15px;
  }
  .social-share{
    margin-top: 70px;
  }
  .ab-mide .news-list{
    margin-top: 50px;
  }
  .news-list li a img {
    height: 220px;
    border-radius: 40px;
  }
  .news-list li{
    border-radius: 40px;
    padding: 10px 10px 35px 10px;
  }
  .news-list li a .txt{
    padding: 25px 17px 0 17px;
  }
  .news-list li a .txt h3{
    font-size: 26px;
    line-height: 33px;
    height: 99px;
  }
  .news-list li a .txt .db{
    margin-top: 60px;
  }
  .news-list li a .txt .db p{
    font-size: 18px;
  }
  .news-list li a .txt .db p:first-of-type{
    margin-right: 15px;
  }
  .ab2ct{
    padding: 190px 0 110px 0;
  }
  .sp-top .desc{
    font-size: 18px;
    line-height: 28px;
    margin-top: 35px;
  }
  .ab2ct .news{
    margin-top: 90px;
    padding: 70px 0 80px 45px;
    border-radius: 40px;
  }
  .ab2ct .news .left{
    width: 450px;
  }
  .ab2ct .news .right{
    width: 550px;
  }
  .ab2ct .news .right img{
    transform: translateX(2%);
  }
  .ab2ct .news .left .bq{
    padding: 10px 14px;
  }
  .ab2ct .news .left h3{
    font-size: 42px;
    line-height: 52px;
    margin-top: 12px;
  }
  .ab2ct .news .left p{
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0 34px 0;
  }
  .ab2ct .news .left .time{
    font-size: 18px;
  }
  .sp-search{
    width: 750px;
    height: 62px;
  }
  .ab1ct{
    padding: 200px 0 120px 0;
  }
  .ab1ct .com{
    margin-top: 90px;
    padding: 0px calc((100% - 1100px) / 2) 0px 40px;
  }
  .ab1ct .com .right{
    width: 520px;
  }
  .ab1ct .com .left{
    width: calc((100% - 520px) - 70px);
  }
  .ab1ct .com .right p{
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
  }
  .ab1ct .bottom{
    margin-top: 130px;
  }
  .ab1ct .bottom .ct .rq{
    margin-top: 70px;
  }
  .ab1ct .bottom .ct .rq .item{
    border-radius: 40px;
    padding: 45px 50px 150px 50px;
  }
  .ab1ct .bottom .ct .rq .item img{
    height: 58px;
  }
  .ab1ct .bottom .ct .rq .item h4{
    font-size: 22px;
    margin: 30px 0 24px 0;
  }
  .ab1ct .bottom .ct .rq .item p{
    font-size: 16px;
    line-height: 24px;
  }
  .ab1ct .bottom .ct .rq .item a{
    width: 220px;
    height: 52px;
    border-radius: 11px;
    font-size: 16px;
    bottom: 52px;
  }
  .me1-box{
    padding: 190px 40px 120px calc((100% - 1100px) / 2);
  }
  .me1-box .left{
    width: 500px;
  }
  .me1-box .right{
    width: calc(100% - 500px - 80px);
  }
  .me1-box .right img{
    border-radius: 40px;
  }
  .me1-box .left h6{
    font-size: 24px;
    margin: 15px 0 25px 0;
  }
  .me1-box .left .desc{
    font-size: 16px;
    line-height: 22px;
  }
  .me1-box .left .desc p:not(:first-of-type){
    margin-top: 14px;
  }
  .me2ct{
    padding: 70px 220px 90px 220px;
  }
  .me2ct h6{
    margin: 20px auto 60px;
  }
  .me2ct .el-input__inner{
    height: 50px;
    line-height: 50px;
  }
  .me2ct .jg{
    margin-top: 80px;
  }
  .me2ct .el-textarea__inner{
    height: 190px;
  }
  .me3-box .js{
    margin: 30px auto 0;
  }
  .me3-swiper{
    margin-top: 70px;
    padding-bottom: 70px;
  }
  .me3-swiper .rq .ib{
    height: 210px;
    border-radius: 40px;
  }
  .me3-swiper .rq{
    padding: 20px 20px 60px 20px;
    border-radius: 40px;
  }
  .me3-swiper .rq .txt{
    padding: 30px 17px 0 17px;
  }
  .me3-swiper .rq .txt h6{
    font-size: 20px;
  }
  .me3-swiper .rq .txt p{
    font-size: 15px;
    line-height: 23px;
    height: 115px;
    margin-top: 15px;
  }
  .me3-box{
    padding: 80px 0 110px 0;
  }
  .me3-swiper .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
  }
  .opct{
    padding: 180px 0 110px 0;
  }
  .opct h6{
    font-size: 18px;
    line-height: 28px;
    margin: 30px auto 0;
  }
  .opct .mide{
    width: 800px;
    margin: 70px auto 0;
    padding: 45px 100px 100px 100px;
    border-radius: 40px;
  }
  .opct .mide form textarea{
    height: 280px;
  }
  .opct .mide form button{
    width: 470px;
    height: 52px;
    margin: 90px auto 0;
  }
  .ordct{
    padding: 150px 0 130px 0;
  }
  .ordct .box{
    margin-top: 40px;
    padding: 50px;
    border-radius: 22px;
  }
  .orct{
    padding: 150px 0 130px 0;
  }
  .order-box{
    margin-top: 40px;
    border-radius: 22px;
  }
  .order-box .filter .search .el-input__inner{
    width: 250px;
  }
  .order-box .filter .time .js{
    width: 200px;
  }
  .pathct{
    padding: 160px 0 110px 0;
  }
  .pzstop .left{
    width: 450px;
  }
  .pzstop .right{
    width: 550px;
  }
  .pzstop .left h3{
    font-size: 40px;
    margin-top: 30px;
  }
  .pzstop .left h6{
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
  }
  .pzstop .left .more{
    width: 180px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
    margin-top: 39px;
  }
  .map1-box{
    margin-top: 80px;
  }
  .map1-box .item{
    padding: 50px 65px 50px 65px;
    border-radius: 40px;
  }
  .map1-box .pbLeftTm{
    font-size: 22px;
  }
  .map1-box .pbLeftTm::before{
    height: 22px;
  }
  .map1-box .item .mp-list{
    margin-top: 30px;
  }
  .path2ct{
    padding: 140px 0;
  }
  .path2ct .top{
    border-radius: 40px;
    padding: 80px 80px 75px 80px;
  }
  .path2ct .top .js{
    font-size: 16px;
    line-height: 16px;
    line-height: 28px;
    margin: 30px 0 50px 0;
  }
  .path2ct .bottom{
    border-radius: 40px;
    padding: 80px 40px;
  }
  .pro-list{
    margin-top: 45px;
  }
  .per1ct .box{
    padding: 70px 60px 70px 60px;
    margin-top: 49px;
  }
  .per1ct{
    padding: 150px 0 120px 0;
  }
  .pzs-swiper a{
    padding: 35px 33px 40px 33px;
    border-radius: 40px;
  }
  .pzs-swiper a .rund{
    width: 60px;
    height: 60px;
  }
  .pzs-swiper a .rund img{
    max-width: 45%;
  }
  .pzs-swiper a h3{
    font-size: 20px;
    min-height: 48px;
    margin-top: 25px;
  }
  .pzs-swiper a p{
    font-size: 16px;
    line-height: 24px;
    height: 144px;
  }
  .pzs1ct .mide .db a{
    width: 250px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
  }
  .pzs4ct{
    padding: 120px 0 66px 0;
  }
  .pzs4ct .row{
    padding: 59px 56px 74px 56px;
    border-radius: 40px;
  }
  .pzs4ct .row .left{
    width: 500px;
    height: 400px;
    border-radius: 22px;
  }
  .pzs4ct .row .right{
    width: 440px;
  }
  .pzs4ct .row .right .desc .h p{
    font-size: 18px;
  }
  .pzs4ct .row .right .desc{
    margin: 30px 0 75px 0;
  }
  .pzs4ct .row:nth-of-type(2) .desc{
    margin: 25px 0 35px 0;
  }
  .pzs4ct .row .right a{
    width: 180px;
    height: 50px;
    font-size: 16px;
    border-radius: 11px;
  }
  .pzs5ct{
    padding: 100px 0 120px 0;
  }
  .pzs5ct .mide .left{
    width: 540px;
    height: 420px;
    border-radius: 22px;
  }
  .pzs5ct .mide .right .desc .h p{
    font-size: 18px;
  }
  .pb-two-db-a a{
    width: 220px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
  }
  .pzs5ct .mide .right{
    width: 510px;
  }
  .pzs5ct .mide .right .desc{
    margin: 20px 0 85px 0;
  }
  .pzs7ct{
    padding: 95px 0 95px 0;
  }
  .pzs7ct .mide .right{
    width: 550px;
    height: 430px;
    border-radius: 22px;
  }
  .pzs7ct .mide .left{
    width: 500px;
  }
  .pzs7ct .mide .left .desc .item{
    width: calc((100% - 28px) / 2);
    margin-right: 28px;
  }
  .pzs7ct .mide .left .desc .item h4{
    font-size: 20px;
    min-height: 48px;
  }
  .pzs7ct .mide .left .desc .item p{
    font-size: 15px;
    line-height: 23px;
    margin-top: 8px;
  }
  .pzs7ct .mide .left .desc .item:nth-of-type(1), .pzs7ct .mide .left .desc .item:nth-of-type(2){
    margin-bottom: 35px;
  }
  .pzs7ct .mide .left .desc{
    margin: 30px 0 50px 0;
  }
  .pzs8ct{
    padding: 89px 70px 77px 70px;
    border-radius: 40px;
  }
  .pb22-h6{
    font-size: 20px;
    margin-top: 30px;
  }
  .pzs8ct .mide{
    margin-top: 69px;
  }
  .pzs8ct .mide .item{
    border-radius: 40px;
    padding: 130px 32px 145px 32px;
  }
  .pzs8ct .mide .item .rund{
    width: 60px;
    height: 60px;
  }
  .pzs8ct .mide .item .rund img{
    max-width: 45%;
  }
  .pzs8ct .mide .item .flow{
    width: 189px;
  }
  .pzs8ct .mide .item h4{
    font-size: 22px;
    margin: 22px 0 25px 0;
  }
  .pzs8ct .mide .item .desc{
    font-size: 16px;
    line-height: 24px;
  }
  .pzs8ct .mide .item a{
    width: 200px;
    height: 46px;
    font-size: 16px;
    border-radius: 11px;
    left: 32px;
    bottom: 60px;
  }
  .pzs9ct{
    padding: 120px 0;
  }
  .pzs9-gy-mide{
    margin-top: 70px;
  }
  .pzs9-gy-mide .item{
    padding: 44px 44px 140px 44px;
    border-radius: 40px;
  }
  .pzs9-gy-mide .item img{
    height: 55px;
  }
  .pzs9-gy-mide .item h4{
    font-size: 22px;
    margin: 28px 0 20px 0;
  }
  .pzs9-gy-mide .item .desc{
    font-size: 16px;
    line-height: 24px;
  }
  .pzs9-gy-mide .item a{
    width: 210px;
    height: 50px;
    border-radius: 11px;
    font-size: 16px;
    bottom: 50px;
  }
  .pro-search .content{
    width: 800px;
  }
  .pro-slide{
    width: 250px;
  }
  .pro-slide .box .item .tp .tl p{
    font-size: 15px;
  }
  .pro-slide .box .item .tp .tl{
    width: calc(100% - 30px);
  }
  .pro-slide .box .item .tp{
    padding: 16px 12px;
  }
  .proCt{
    width: calc(100% - 250px - 50px);
  }
  .pct-list li .mla .left{
    width: calc(100% - 220px - 20px);
  }
  .pct-list li .mla .right{
    width: 220px;
    padding: 20px 12px 12px 12px;
  }
  .pct-list li .mla .left .tm a{
    font-size: 18px;
    margin-right: 10px;
  }
  .pct-list li .mla .dbl{
    margin-top: 17px;
  }
  .pct-list li .mla .dbl .an:not(:first-of-type){
    margin-left: 7px;
    padding: 5px 12px;
  }
  .probig-box{
    padding-top: 140px;
  }
  .pro-ct{
    padding: 50px 0 120px 0;
  }
  .proBj .bottom .ct{
    padding: 25px 0 30px 0;
  }
  .proImg-diaolog .content .img-box{
    /*max-height: 420px;*/
  }
  .proImg-diaolog .content .bottom{
    padding: 0 30px 15px 30px;
  }
  .pro-diaolog .top{
    padding: 18px 40px;
  }
  .pro-diaolog .btCode{
    padding: 15px 0 10px 0;
  }
  .pro-diaolog .btCode h3{
    font-size: 26px;
  }
  .pro-diaolog .btCode .code{
    font-size: 16px;
  }
  .pro-diaolog .content{
    margin-top: 20px;
  }
  .pro-diaolog .content .swBox{
    margin: 40px auto 0;
  }
  .pro-diaolog .content .filter p{
    font-size: 16px;
    padding: 3px 9px;
  }
  .pro-diaolog .content .swBox .mide .top-swiper .img-box{
    width: 600px;
    height: 300px;
  }
  .pro-diaolog .content .bottom-swiper-box .drq{
    width: 600px;
  }
  /*.pro-diaolog .content .swBox .mide .top-swiper-box{*/
  /*  height: 300px;*/
  /*}*/
  .pro2ct{
    padding: 100px 0 120px 0;
  }
  .pro-result{
    font-size: 22px;
  }
  .bj-box{
    border-radius: 40px;
    padding: 20px 0 80px 0;
  }
  .bj-box .top .cz-b .yc{
    margin-left: 35px;
  }
  .pro-diaolog .content .swBox .mide .top-swiper .wz{
    width: calc(100% - 600px - 50px);
  }
  .bj-box .content .swBox .swIb{
    height: 85px;
  }
  .bj-box .content .list .item .izs-box{
    height: calc(360px);
    padding: 43px 20px 0 20px;
  }
  .bj-box .content .la .lab:first-of-type{
    min-height: 360px;
  }
  .bj-box .content .zs .tm{
    font-size: 14px;
  }
  .bj-box .content .swBox{
    border-radius: 6px;
  }
  .bj-box .content .wz{
    min-height: 89px;
  }
  .bj-box .content .la .lab{
    min-height: 89px;
    padding-left: 25px;
  }
  .bj-box .content .row4{
    min-height: 150px !important;
  }
  .bj-box .content .row1{
    min-height: 180px !important;
  }
  .bj-box .content .row2{
    min-height: 210px !important;
    max-height: 210px;
  }
  .pro3ct{
    padding: 90px 0 75px 0;
  }
  .pro4ct .left .cpzs{
    width: 750px;
    padding: 35px 40px 40px 40px;
    border-radius: 40px;
  }
  .pro4ct .left .cpzs .swBox .dt-swiper{
    /* height: 350px; */
  }
  .pro4ct .left .zyxx{
    margin-top: 90px;
  }
  .pro4ct .left .zyxx .min-nav.active{
    width: 1100px;
    left: calc((100% - 1100px) / 2);
  }
  .pro4ct .left .xxxx,
  .pro4ct .left .xgcp,
  .pro4ct .left .kybd,
  .pro4ct .left .xhtl,
  .pro4ct .left .khpj,
  .pro4ct .left .wxyy{
    border-radius: 40px;
    padding: 80px 90px 90px 90px;
  }
  .pro4ct .pbLeftTm{
    font-size: 40px;
  }
  .pro4ct .left .xgcp .swBox .cp-swiper .bk .img-box{
    height: 130px;
  }
  .pro4ct .left .xgcp .swBox .cp-swiper .bk .txt{
    padding: 11px 15px 20px 15px;
  }
  .pro4ct .left .xgcp .swBox .cp-swiper .bk{
    border-radius: 20px;
  }
  .proView-diaolog .content .mide .left{
    width: 620px;
  }
  .proView-diaolog .content .mide .right{
    width: calc(100% - 620px - 40px);
  }
  .proView-diaolog .content .mide .left .swBox .proView-swiper{
    height: 250px;
  }
  .proView-diaolog .content .mide .left .swBox{
    margin: 20px 0;
  }
  .proView-diaolog .content .top{
    padding: 20px 33px 15px 33px;
  }
  .proView-diaolog .content .mide .right{
    padding-top: 10px;
  }
  .proView-diaolog .content .db{
    padding: 18px 33px;
  }
  .proView-diaolog .content .mide .left .swBox .prev,
  .proView-diaolog .content .mide .left .swBox .next{
    font-size: 28px;
  }
  .purct{
    padding: 150px 0 120px 0;
  }
  .purct .cg-list li .wz .js{
    width: 450px;
  }
  .purct .cg-list li .wz .js .txt{
    width: calc(100% - 174px - 24px);
    margin-left: 24px;
  }
  .purct .cg-list li .zc{
    width: 125px;
    height: 44px;
  }
  .purct .cg-list li .wz{
    width: calc(100% - 125px);
  }
  .queryct{
    padding: 160px 0 120px 0;
  }
  .queryct .bg{
    width: 184px;
  }
  .queryct .code h4{
    font-size: 50px;
  }
  .queryct .code{
    margin: 65px 0 45px 0;
  }
  .regct .mide{
    border-radius: 22px;
  }
  .res1-box{
    padding: 170px calc((100% - 1100px) / 2) 100px 40px;
  }
  .res1-box .left{
    width: calc(100% - 520px - 55px);
  }
  .res1-box .left img{
    border-radius: 22px;
    min-height: 520px;
  }
  .res1-box .right{
    width: 520px;
  }
  .res1-box .right .desc{
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 30px 0;
  }
  .res1-box .right .desc p:not(:first-of-type){
    margin-top: 12px;
  }
  .res1-box .right .db .bro{
    width: 260px;
    height: 54px;
    text-align: center;
    border-radius: 11px;
    padding: 0 15px;
  }
  .res1-box .right .db .re{
    width: 230px;
    height: 54px;
    border-radius: 11px;
  }
  .res2ct .precisely{
    padding: 80px;
    border-radius: 40px;
  }
  .res2ct .precisely .mide{
    margin-top: 80px;
  }
  .res2ct .precisely .mide .item .bt{
    font-size: 24px;
    padding-left: 30px;
  }
  .res2ct .precisely .mide .item .bt::before{
    height: 26px;
  }
  .res2ct .precisely .mide .item .desc{
    margin-top: 30px;
  }
  .res2ct .precisely .mide .item:not(:first-of-type){
    margin-top: 65px;
  }
  .res2ct .common{
    border-radius: 40px;
    padding: 70px 60px 80px 60px;
  }
  .res2ct .common h6{
    font-size: 17px;
  }
  .res2ct .common .mide{
    padding: 35px 60px 45px 60px;
    border-radius: 40px;
  }
  .res2ct .related{
    margin-top: 120px;
  }
  .res2ct .related .news-list{
    margin-top: 70px;
  }
  .sp-mide{
    margin-top: 100px;
    border-radius: 40px;
    padding: 80px 60px 65px 60px;
  }
  .sp-mide .irq{
    margin-top: 45px;
  }
  .sp-mide .irq .ir{
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    border-radius: 36px;
    padding: 35px 20px 0 20px;
    height: 350px;
  }
  .sp-mide .irq .ir .rund{
    width: 40px;
    height: 40px;
  }
  .sp-mide .irq .ir .rund img{
    width: 18px;
  }
  .sp-mide .irq .ir h5{
    font-size: 16px;
    margin: 20px 0 14px 0;
  }
  .sp-mide .irq .ir a{
    width: calc(100% - 20px - 20px);
    border-radius: 11px;
    font-size: 15px;
    bottom: 45px;
  }
  .res2ct{
    padding: 0 0 140px 0;
  }
  .res2ct.prodefault{
    padding-top: 170px;
  }
  .res2ct.prodefault .precisely{
    margin-top: 70px;
  }
  .res2ct.prodefault .db{
    margin: 60px 0 0 0;
  }
  .sp1ct{
    padding: 170px 0 130px 0;
  }
  .sp1ct .mide{
    margin-top: 100px;
  }
  .sp-row{
    padding: 60px 56px;
    border-radius: 40px;
  }
  .sp-row .left{
    width: 500px;
    height: 340px;
  }
  .sp-row .right{
    width: 448px;
  }
  .sp-row .right h6{
    font-size: 18px;
    line-height: 28px;
    margin: 28px 0 40px 0;
  }
  .sp2-3ct{
    padding: 100px 0 120px 0;
  }
  .sp2-3ct .left{
    width: 550px;
    height: 440px;
    border-radius: 22px;
  }
  .sp2-3ct .right{
    width: 500px;
  }
  .sp2-3ct .right h3{
    font-size: 40px;
  }
  .sp2-3ct .right p{
    font-size: 16px;
    line-height: 28px;
    margin: 25px 0 60px 0;
  }
  .sp2-6ct .row{
    padding: 60px 55px 70px 55px;
    border-radius: 40px;
  }
  .sp2-6ct .row .left{
    width: 490px;
    height: 400px;
    border-radius: 22px;
  }
  .sp2-6ct .row .right{
    width: 440px;
  }
  .sp2-6ct .row .right h6{
    font-size: 16px;
    line-height: 28px;
    margin: 28px 0 40px 0;
  }
  .sp2-6ct{
    padding: 53px 0 130px 0;
  }
  .sp3ct{
    padding: 200px 0 130px 0;
  }
  .sp3ct .js{
    font-size: 18px;
    line-height: 28px;
  }
  .sp3ct .mide{
    margin-top: 70px;
  }
  .news-list{
    margin-top: 80px;
  }
  .sp4ct{
    padding: 180px 0 130px 0;
  }
  .sp4ct .mide{
    margin-top: 70px;
    border-radius: 40px;
    padding: 60px 80px;
  }
  .sp4ct .sjk .db .pb{
    padding: 0 30px;
  }
  .sp4ct .sjk li .pb{
    padding: 32px 30px;
  }
  .user1ct{
    padding: 160px 0 120px 0;
  }
  .user1ct .title{
    font-size: 60px;
  }
  .user1ct .mide .left{
    width: 400px;
    border-radius: 20px;
    padding: 50px 40px 38px 40px;
  }
  .user1ct .mide .left .ave .rund{
    width: 110px;
    height: 110px;
  }
  .user1ct .mide .left .ave p{
    font-size: 20px;
    margin-top: 20px;
  }
  .user1ct .mide .left .line{
    margin: 32px 0;
  }
  .user1ct .mide .left .dbl{
    margin-top: 130px;
  }
  .user1ct .mide .left .dbl .dbline{
    margin: 0 40px;
  }
  .user1ct .mide .right{
    width: calc(100% - 400px - 21px);
  }
  .user1ct .mide .right .lb a{
    border-radius: 20px;
    padding: 18px 30px 40px 28px;
  }
  .user1ct .mide .right .lb a .rund{
    width: 42px;
    height: 42px;
  }
  .user1ct .mide .right .lb a .rund img{
    max-width: 50%;
  }
  .user1ct .mide .right .lb a .txt{
    padding-top: 5px;
    width: calc(100% - 42px - 15px);
  }
  .user1ct .mide .right .lb a .txt h4{
    font-size: 20px;
    line-height: 22px;
  }
  .zfcontent .zw{
    padding: 49px 20px 100px 40px;
  }
  .zfcontent{
    border-radius: 22px;
  }
  .zfcontent .zw p{
    margin: 40px 0 65px 0;
  }
  .rl1ct .top .left{
    width: 500px;
    padding-top: 10px;
  }
  .rl1ct .right{
    width: 550px;
    height: 380px;
    border-radius: 22px;
  }
  .rl1ct .left h3{
    font-size: 50px;
  }
  .rl1ct .left .desc{
    font-size: 17px;
    line-height: 29px;
    margin-top: 10px;
  }
  .rl1ct{
    padding: 168px 0 130px 0;
  }
  .rl1ct .mide{
    margin-top: 110px;
  }
  .rl-list li a{
    border-radius: 40px;
    padding: 15px 15px 0 15px;
  }
  .rl-list li a img{
    border-radius: 20px;
    height: 200px;
  }
  .rl-list li a .txt{
    padding: 30px 20px 50px 20px;
  }
  .rl-list li a .txt h4{
    font-size: 22px;
  }
  .rl-list li a .txt p{
    font-size: 17px;
    line-height: 25px;
    height: 75px;
    margin: 29px 0 30px 0;
  }
  .rl-list li a .txt .ml-more{
    width: 230px;
    height: 52px;
    font-size: 17px;
  }
  .ftct{
    padding: 90px 0 80px 0;
  }
  .ft-box .bot .ct{
    padding: 30px 0;
  }
  .ftct .ftnav .item:not(:first-of-type){
    margin-left: 30px;
  }
  .ftct .left{
    width: 220px;
  }
  .ftct .ftnav .item{
    max-width: 180px;
  }
  .ftct .right{
    width: 290px;
    padding: 25px 20px 30px 20px;
    border-radius: 30px;
  }
  .ftct .right h6{
    font-size: 18px;
  }
  .ftct .right .ph p{
    font-size: 20px;
  }
  .ftct .right .ph img{
    height: 21px;
  }
  .ftct .right .js{
    margin: 14px 0 22px 0;
  }
  .ftct .right .dc{
    margin: 21px 0 22px 0;
  }
  .ftct .right .db{
    flex-direction: column;
  }
  .ftct .right .db .ll i{
    display: none;
  }
  .ftct .right .db .ll p{
    margin-left: 0;
  }
  .ftct .right .db .icon{
    margin-left: 0;
    margin-top: 6px;
  }
  .tips{
    right: 30px;
  }
  .tips ul li a{
    width: 50px;
    height: 50px;
  }
  .tips ul li a img{
    max-width: 50%;
  }
  .tips .dbl{
    right: -20px;
  }
  .tips .back .rq{
    width: 39px;
    height: 39px;
  }
  .tips .back{
    margin: 20px auto 0;
  }
}
@media only screen and (max-width:1360px) {
  .pro-diaolog .content .swBox .mide .top-swiper .img-box{
    width: 500px;
    height: 280px;
  }
  .pro-diaolog .content .bottom-swiper-box .drq{
    width: 500px;
  }
  /*.pro-diaolog .content .swBox .mide .top-swiper-box{*/
  /*  height: 280px;*/
  /*}*/
  .pro-diaolog .content .swBox .mide .top-swiper .wz{
    width: calc(100% - 500px - 60px);
  }
}