.banner-box {
  width: 100%;
  height: 9.075rem;
  background-color: #0a307f;
}
.banner-box .el-carousel {
  height: 100%;
}
.banner-box .el-carousel .el-carousel__container {
  height: 100%;
  position: relative;
}
.banner-box .el-carousel .el-carousel__container .el-carousel__indicator.is-active button {
  background-color: #005EFF;
}
.banner-box .el-carousel .el-carousel__container .banner-img {
  height: 100%;
}
.banner-box .el-carousel .el-carousel__container .bannerBtn1 {
  position: absolute;
  top: 60%;
  left: 4.8rem;
  width: 1.65rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.05rem;
  background-color: #005EFF;
  color: #fff;
  font-size: 0.2rem;
  cursor: pointer;
}
.banner-box .el-carousel .el-carousel__container .bannerBtnMp4 {
  position: absolute;
  top: 60%;
  width: 1.65rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.05rem;
  font-size: 0.2rem;
  cursor: pointer;
  left: 6.7rem;
  background: #fff;
  color: #005EFF;
  border: 1px solid #005EFF;
}
.banner-box .el-carousel .el-carousel__container .bannerBtn2 {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  width: 1.65rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.05rem;
  background-color: #EFF3FC;
  color: #005EFF;
  font-size: 0.2rem;
  font-weight: 700;
  cursor: pointer;
}
.banner-box .el-carousel .el-carousel__container .title-top {
  position: absolute;
  top: 3.275rem;
  left: 4.025rem;
  display: flex;
  align-items: center;
  text-align: center;
}
.banner-box .el-carousel .el-carousel__container .title-top .up {
  color: #005EFF;
  margin: 0 0.125rem;
  font-size: 0.225rem;
}
.banner-box .el-carousel .el-carousel__container .title-top .title-text {
  width: 1.075rem;
  height: 0.4375rem;
  font-size: 0.225rem;
  line-height: 0.4375rem;
  opacity: 1;
  background-color: rgba(18, 89, 231, 0.5);
  color: #fff;
  z-index: 10;
  font-weight: 500;
}
.banner-box .el-carousel .el-carousel__container .title-middle {
  position: absolute;
  top: 3.9375rem;
  left: 4.025rem;
  width: 6.2rem;
  height: 2.075rem;
  opacity: 1;
  font-size: 0.6875rem;
  color: #fff;
}
.banner-box .el-carousel .el-carousel__container .title-bottom {
  position: absolute;
  top: 6.2rem;
  left: 4.025rem;
  font-size: 0.225rem;
  opacity: 1;
  text-shadow: 0rem 0.05rem 0.125rem 0rem rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
}
.banner-box .el-carousel .el-carousel__container .btn-box:hover {
  opacity: 0.5;
}
.flowPath-box {
  width: 100%;
  height: 16.625rem;
  display: flex;
  flex-direction: column;
}
.flowPath-box .flowPath-top {
  flex: none;
}
.flowPath-box .flowPath-top .title-box-top {
  width: 16rem;
  height: 1.925rem;
  margin: 0.375rem auto;
}
.flowPath-box .flowPath-top .title-box-top .title-h1 {
  text-align: center;
  font-size: 0.45rem;
  font-weight: 700;
}
.flowPath-box .flowPath-top .title-box-top .title-h1 .h1-color {
  color: #1338f4;
}
.flowPath-box .flowPath-top .title-box-top .card-box-top {
  display: flex;
  justify-content: space-between;
  margin-top: 0.375rem;
}
.flowPath-box .flowPath-top .title-box-top .card-box-top .item-card {
  width: 3.625rem;
  height: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0.0375rem 0.15rem 0rem rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.flowPath-box .flowPath-top .title-box-top .card-box-top .item-card img {
  width: 0.375rem;
  height: 0.375rem;
}
.flowPath-box .flowPath-top .title-box-top .card-box-top .item-card span {
  margin-left: 0.25rem;
  font-size: 0.2rem;
  font-weight: 700;
}
.flowPath-box .flowPath-top .title-box-bottom {
  width: 16rem;
  margin: 0.625rem auto;
  display: flex;
  justify-content: space-between;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card {
  width: 3.5rem;
  height: 3.875rem;
  box-shadow: 0px 3px 12.33px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  cursor: pointer;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .text-img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.5s;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .text-img img {
  width: 100%;
  height: 100%;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .img-text {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -0.375rem;
  font-size: 0.175rem;
  line-height: 0.3rem;
  border-radius: 0.05rem;
  margin: 0rem 0.375rem 0 0.375rem;
  letter-spacing: 0.0125rem;
  text-align: justify;
  opacity: 0;
  transition: all 0.5s;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .img-text img {
  width: 3.625rem;
  height: 1.25rem;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .img-text div {
  padding: 0.25rem;
  font-size: 0.175rem;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card .h1-color {
  color: #1338f4;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card:hover {
  cursor: pointer;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card:hover .text-img {
  opacity: 0;
}
.flowPath-box .flowPath-top .title-box-bottom .item-card:hover .img-text {
  opacity: 1;
}
.flowPath-box .flowPath-main {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.flowPath-box .flowPath-main .title-desc {
  flex: none;
  width: 16rem;
  height: 1.125rem;
  margin: 0 auto;
  text-align: center;
}
.flowPath-box .flowPath-main .title-desc .title-h1 {
  font-size: 0.2rem;
  color: #798599;
}
.flowPath-box .flowPath-main .title-desc .title-h2 {
  margin-top: 0.25rem;
  font-size: 0.3rem;
  font-weight: 700;
}
.flowPath-box .flowPath-main .title-desc .title-h2 .h1-color {
  color: #1338f4;
}
.flowPath-box .flowPath-main .desc-main {
  flex: 1;
  overflow: hidden;
  margin: 0.5rem auto;
  width: 16rem;
}
.flowPath-box .flowPath-main .desc-main img {
  width: 100%;
  height: 100%;
}
.product-box {
  width: 100%;
  height: 12rem;
  overflow: hidden;
}
.product-box .title-box {
  width: 100%;
  text-align: center;
  position: relative;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
}
.product-box .title-box h1 {
  color: #3D3D3D;
  font-size: 0.425rem;
  font-weight: bold;
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.product-box .title-box h2 {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  color: rgba(218, 225, 255, 0.3);
  opacity: 1;
}
.product-box .product-content {
  width: 100%;
  position: relative;
  top: 3.35rem;
  left: 50%;
  transform: translateX(-50%);
}
.product-box .product-content .product-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 15.325rem;
  height: 7.6375rem;
}
.product-box .product-content .box-card {
  width: 5.075rem;
  height: 2.1375rem;
  border-radius: 6.17px;
  background: #FFFFFF;
  box-shadow: 0px 9.25px 12.33px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.product-box .product-content .box-card .title-top {
  position: absolute;
  top: 0.2875rem;
  left: 0.3875rem;
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0em;
  color: #2C2C2C;
}
.product-box .product-content .box-card .title-bottom {
  width: 2.5rem;
  position: absolute;
  top: 0.8rem;
  left: 0.3875rem;
  font-size: 0.2rem;
  font-weight: 700;
  /* Main_web */
  color: #055FFF;
}
.product-box .product-content .box-card .card-img {
  width: 1.25rem;
  height: 1.225rem;
  position: absolute;
  top: 0rem;
  left: 3.5375rem;
}
.product-box .product-content .box-card .card-all {
  position: absolute;
  bottom: 0.2875rem;
  right: 0.3875rem;
  font-size: 0.225rem;
  font-weight: normal;
  letter-spacing: 0em;
  color: #c2c2c2;
}
.product-box .product-content .box-card:hover {
  scale: 1.1;
  transition: 0.3s;
}
.product-box .product-content .box-card:nth-child(5) {
  position: absolute;
  top: 0.2625rem;
  left: 3.5375rem;
}
.product-box .product-content .box-card:nth-child(2) {
  position: absolute;
  top: 0.2625rem;
  right: 3.5375rem;
}
.product-box .product-content .box-card:nth-child(3) {
  position: absolute;
  top: 3.375rem;
  left: 3.5375rem;
}
.product-box .product-content .box-card:nth-child(4) {
  position: absolute;
  top: 3.375rem;
  right: 3.5375rem;
}
.product-box .product-content .product-btn {
  position: absolute;
  top: 5.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.1rem;
  height: 0.8375rem;
  line-height: 0.8375rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #005EFF;
  border-radius: 0.0625rem;
  font-size: 0.3rem;
  opacity: 1;
  box-shadow: 0rem 0.1156rem 0.1541rem 0rem rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.product-box .product-content .product-btn:hover {
  opacity: 0.5;
}
.custom-box {
  width: 100%;
  height: 10.45rem;
  overflow: hidden;
  background-image: url(../imgs/custom-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.custom-box .title-box {
  width: 100%;
  text-align: center;
  position: relative;
  top: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
}
.custom-box .title-box h1 {
  color: #3D3D3D;
  font-size: 0.425rem;
  font-weight: bold;
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.custom-box .title-box h2 {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  color: rgba(218, 225, 255, 0.3);
  opacity: 1;
}
.custom-box .custom-content {
  width: 16rem;
  height: 7.875rem;
  position: relative;
  top: 2.15rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.custom-box .custom-content .card-left {
  flex: 0 0 300px;
  background-color: #F3F7FF;
  display: flex;
  flex-direction: column;
}
.custom-box .custom-content .card-left .tabs-box {
  flex: 1;
  overflow: hidden;
  font-weight: 700;
  font-size: 0.25rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-box .custom-content .card-left .tabs-box .tabs-img {
  margin-left: 0.375rem;
  width: 0.375rem;
  height: 30px;
}
.custom-box .custom-content .card-left .tabs-box .tabs-name {
  width: 1.7625rem;
  margin-left: 0.375rem;
  color: #000;
}
.custom-box .custom-content .card-left .tabs-box .iconfont {
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.35rem;
}
.custom-box .custom-content .card-left .tabActive {
  background-image: url(../imgs/tabs-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.custom-box .custom-content .card-left .tabActive .tabs-name {
  margin-left: 0.7875rem !important;
  color: #fff;
}
.custom-box .custom-content .card-right {
  flex: 1;
  overflow: hidden;
  background-color: #fff;
  display: flex;
}
.custom-box .custom-content .card-right .card-main {
  flex: 1;
  overflow: hidden;
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
}
.custom-box .custom-content .card-right .card-main .top {
  margin-top: 0.375rem;
  width: 100%;
  height: 2.975rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}
.custom-box .custom-content .card-right .card-main .top .card-title {
  display: flex;
  align-items: center;
}
.custom-box .custom-content .card-right .card-main .top .card-title .card-titleImg {
  width: 0.5rem;
  height: 0.5rem;
}
.custom-box .custom-content .card-right .card-main .top .card-title .card-text {
  font-size: 0.35rem;
  font-weight: 700;
  margin-left: 0.1875rem;
}
.custom-box .custom-content .card-right .card-main .top .custom-msg {
  width: 100%;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding-top: 0.25rem;
  padding-left: 0.8125rem;
  padding-right: 0.5rem;
  font-size: 0.175rem;
  color: #798599;
  box-sizing: border-box;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box {
  width: 9.625rem;
  height: 0.675rem;
  display: flex;
  justify-content: space-between;
  padding-top: 0.25rem;
  padding-left: 0.8125rem;
  padding-right: 0.325rem;
  box-sizing: border-box;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box {
  height: 0.65rem;
  overflow: hidden;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box .title-top {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box .title-top .top-img {
  width: 0.375rem;
  height: 0.375rem;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box .title-top .top-text {
  font-size: 0.225rem;
  color: #005EFF;
  font-weight: 700;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box .bottom {
  width: 100%;
  font-size: 0.15rem;
  color: #A7AFBC;
  text-align: center;
  flex-wrap: wrap;
}
.custom-box .custom-content .card-right .card-main .top .subtitle-box .item-box:last-child {
  margin-right: 0px;
}
.custom-box .custom-content .card-right .card-main .botton {
  width: 100%;
  overflow: hidden;
}
.custom-box .custom-content .card-right .card-main .botton .bottom-h1 {
  padding-left: 0.6875rem;
  margin-top: 0.375rem;
  font-size: 0.225rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.custom-box .custom-content .card-right .card-main .botton .bottom-h1 .yuandian {
  vertical-align: middle;
  display: inline-block;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #005eff;
}
.custom-box .custom-content .card-right .card-main .botton .bottom-h1 .h1-name {
  margin-left: 0.125rem;
  vertical-align: middle;
  display: inline-block;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo {
  display: flex;
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.6875rem;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo .cover-logo4 {
  width: 2.15rem;
  height: 2.15rem;
  margin-right: 0.375rem;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo .cover-logo {
  width: 3.75rem;
  height: 2.15rem;
  margin-right: 0.375rem;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo .cover-text .cover-h1 {
  font-size: 0.225rem;
  font-weight: 700;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo .cover-text .cover-h1 .h1-color {
  color: #1338f4;
}
.custom-box .custom-content .card-right .card-main .botton .card-logo .cover-text .cover-h2 {
  padding-right: 0.5rem;
  color: #798599;
  margin-top: 0.25rem;
  font-size: 0.175rem;
  line-height: 0.3rem;
}
.custom-box .custom-content .card-right .card-main .botton .card-btn {
  display: flex;
  padding-top: 0.25rem;
  padding-left: 0.6875rem;
}
.custom-box .custom-content .card-right .card-main .botton .card-btn .btn-left {
  width: 1.65rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.05rem;
  background-color: #005EFF;
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.custom-box .custom-content .card-right .card-main .botton .card-btn .btn-right {
  margin-left: 0.6625rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-box .custom-content .card-right .card-main .botton .card-btn .btn-right .btn-text {
  font-size: 0.175rem;
  color: #005EFF;
}
.custom-box .custom-content .card-right .card-main .botton .card-btn .btn-right .btn-img {
  width: 0.2125rem;
  height: 0.2125rem;
  margin-left: 0.1375rem;
}
.connection-box {
  width: 100%;
}
.connection-box .title-box {
  margin-top: 0.6875rem;
  width: 100%;
  text-align: center;
  position: relative;
}
.connection-box .title-box h1 {
  color: #3D3D3D;
  font-size: 0.425rem;
  font-weight: bold;
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.connection-box .title-box h2 {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  color: rgba(218, 225, 255, 0.3);
  opacity: 1;
}
.connection-box .connection-content {
  display: inline-block;
  width: 100%;
  margin-top: 1.25rem;
}
.connection-box .connection-content .tabs-box {
  margin: 0 auto;
  width: 16rem;
  text-align: center;
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}
.connection-box .connection-content .tabs-box .item-tab {
  margin-right: 1.55rem;
  display: inline-block;
  font-size: 0.225rem;
  color: #798599;
  cursor: pointer;
  padding-bottom: 20px;
  position: relative;
}
.connection-box .connection-content .tabs-box .tabAfter {
  color: #005EFF;
  font-weight: 700;
}
.connection-box .connection-content .tabs-box .tabAfter::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.25rem;
  height: 0.025rem;
  background-color: #005EFF;
}
.connection-box .connection-content .tabs-box .item-tab:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0rem;
  height: 0.025rem;
  background-color: #005EFF;
  transition: 0.3s;
}
.connection-box .connection-content .tabs-box .item-tab:hover::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.25rem;
  height: 0.025rem;
  background-color: #005EFF;
}
.connection-box .connection-content .tabs-box .item-tab:last-child {
  margin-right: 0px;
}
.connection-box .connection-content .tabs-content {
  margin: 0.2125rem auto;
  width: 16.3625rem;
  height: 6.4375rem;
}
.connection-box .connection-content .tabs-content .el-carousel {
  width: 100%;
  height: 100%;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container {
  height: 100%;
  position: relative;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian {
  width: 16.3625rem;
  height: 6.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-left {
  height: 100%;
  width: 9.1375rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-left img {
  width: 100%;
  height: 100%;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right {
  box-sizing: border-box;
  padding-top: 1.1125rem;
  padding-left: 0.7125rem;
  width: 7.225rem;
  height: 100%;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-title {
  font-size: 0.375rem;
  font-weight: 700;
  line-height: 0.4rem;
  color: #3D3D3D;
  display: flex;
  align-items: center;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-title img {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.125rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-title span {
  font-size: 0.375rem;
  font-weight: 700;
  line-height: 0.4rem;
  color: #3D3D3D;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-tex {
  font-size: 0.175rem;
  line-height: 0.3rem;
  color: #798599;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-select .select-item .selecr-top {
  display: flex;
  align-items: center;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-select .select-item .selecr-top .sing {
  width: 0.05rem;
  height: 0.2125rem;
  background-color: #005EFF;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-select .select-item .selecr-top .name {
  color: #005EFF;
  margin-left: 0.1375rem;
  font-size: 0.225rem;
  font-weight: 700;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-select .select-item .selecr-bottom {
  margin-top: 0.1625rem;
  margin-left: 0.1875rem;
  color: #798599;
  font-size: 0.175rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-select .select-item:last-child {
  margin-top: 0.375rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-type {
  display: flex;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-type .type-item {
  margin-right: 0.25rem;
  color: #005EFF;
  font-size: 0.225rem;
  font-weight: 700;
  font-family: 'YouSheBiaoTiYuan';
  display: flex;
  align-items: center;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-type .type-item img {
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.0625rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-btn {
  margin-top: 0.375rem;
  text-align: left;
  cursor: pointer;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .right-btn .btn {
  width: 1.65rem;
  height: 0.6rem;
  background-color: #005EFF;
  text-align: center;
  line-height: 0.6rem;
  box-shadow: 0px 8px 20px rgba(0, 94, 255, 0.35);
  font-size: 0.175rem;
  color: #fff;
  border-radius: 0.05rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .type-btn {
  border-top: 1px solid #E5E7EC;
  padding-top: 0.5rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .volume-box {
  margin-top: 0.5rem;
  border-top: 1px solid #E5E7EC;
  display: flex;
  padding-top: 0.5rem;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .volume-box .item-box {
  width: 1.75rem;
  height: 0.875rem;
  text-align: center;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .volume-box .item-box .num {
  font-size: 0.3rem;
  font-weight: 700;
  color: #055FFF;
}
.connection-box .connection-content .tabs-content .el-carousel .el-carousel__container .arc-mian .main-right .volume-box .item-box .name {
  margin-top: 0.075rem;
  font-size: 0.225rem;
  font-weight: 400;
  color: #2E2F38;
}
.connection-box .arc-fottom {
  width: 16rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 50px;
}
.connection-box .arc-fottom .img-boc {
  margin: 0.125rem 0.325rem;
  display: inline-block;
  width: 2.5rem;
  height: 0.7rem;
  background: #D8D8D8;
  box-shadow: 0px 4px 30px rgba(187, 189, 191, 0.3);
  border-radius: 0.075rem;
  overflow: hidden;
}
.connection-box .arc-fottom .img-boc img {
  width: 100%;
  height: 100%;
}
.connection-box .arc-fottom .img-boc:hover {
  transition: 0.3s;
  scale: 1.05;
  box-shadow: 0px 4px 20px rgba(0, 94, 255, 0.3);
}
.desc-box {
  width: 100%;
  height: 13.25rem;
  background-color: rgba(218, 225, 255, 0.3);
}
.desc-box .title-box {
  width: 100%;
  text-align: center;
  position: relative;
  top: 0.9375rem;
  left: 50%;
  transform: translateX(-50%);
}
.desc-box .title-box h1 {
  color: #3D3D3D;
  font-size: 0.425rem;
  font-weight: bold;
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.desc-box .title-box h2 {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  color: rgba(218, 225, 255, 0.3);
  opacity: 1;
}
.desc-box .desc-content {
  position: relative;
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.desc-box .desc-content .desc-main {
  width: 16.05rem;
  margin: 0 auto;
  height: 8.95rem;
  box-sizing: border-box;
}
.desc-box .desc-content .desc-main .desr-left {
  box-sizing: border-box;
  display: inline-block;
  width: calc(7.725rem - 0.125rem);
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 4px 30px rgba(187, 189, 191, 0.3);
  border-radius: 0.05rem;
  overflow: hidden;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel {
  height: 100%;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container {
  height: 100%;
  position: relative;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber {
  width: 6.975rem;
  height: 7.5rem;
  margin: 0.375rem 0.375rem 1.05rem 0.375rem;
  cursor: pointer;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-img-top {
  width: 100%;
  height: 4.2875rem;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-img-top .swiber-img {
  width: 100%;
  height: 100%;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-bottom {
  width: 100%;
  height: 3.225rem;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-bottom h1 {
  font-size: 0.3rem;
  font-weight: 700;
  margin-top: 0.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-bottom h2 {
  font-size: 0.175rem;
  color: #A7AFBC;
  margin: 0.125rem 0;
}
.desc-box .desc-content .desc-main .desr-left .el-carousel .el-carousel__container .desc-swiber .desc-bottom h3 {
  line-height: 0.375rem;
  font-size: 0.2rem;
  color: #737780;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.desc-box .desc-content .desc-main .desr-right {
  box-sizing: border-box;
  display: inline-block;
  margin-left: 0.275rem;
  width: calc(8rem - 0.125rem);
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 4px 30px rgba(187, 189, 191, 0.3);
  border-radius: 0.05rem;
  overflow: hidden;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box {
  padding-left: 0.375rem;
  padding-top: 0.3625rem;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .item-tab {
  width: 1.525rem;
  height: 0.475rem;
  line-height: 0.475rem;
  text-align: center;
  display: inline-block;
  font-size: 0.225rem;
  color: #A7AFBC;
  cursor: pointer;
  padding-bottom: 0.0625rem;
  position: relative;
  margin-right: 0.1875rem;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .tabAfter {
  color: #005EFF;
  font-weight: 700;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .tabAfter::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.4rem;
  height: 0.025rem;
  background-color: #005EFF;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .item-tab:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0rem;
  height: 0.025rem;
  background-color: #005EFF;
  transition: 0.3s;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .item-tab:hover::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.4rem;
  height: 0.025rem;
  background-color: #005EFF;
}
.desc-box .desc-content .desc-main .desr-right .tabs-box .item-tab:last-child {
  margin-right: 0px;
}
.desc-box .desc-content .desc-main .desr-right .desr-content {
  width: 7.25rem;
  height: 6.625rem;
  margin: 0 auto;
  margin: 0.25rem 0.375rem 0 0.375rem;
  box-sizing: border-box;
  overflow: hidden;
}
.desc-box .desc-content .desc-main .desr-right .desr-content .item-box {
  width: 100%;
  height: 1.325rem;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 0.0125rem solid #ebebeb;
  cursor: pointer;
}
.desc-box .desc-content .desc-main .desr-right .desr-content .item-box .title {
  margin-top: 0.125rem;
  font-size: 0.225rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.desc-box .desc-content .desc-main .desr-right .desr-content .item-box .profile {
  margin-top: 0.125rem;
  font-size: 0.175rem;
  color: #A7AFBC;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.desc-box .desc-content .desc-main .desr-right .desr-content .item-box .timer {
  margin-top: 0.125rem;
  font-size: 0.175rem;
  color: #A7AFBC;
}
.desc-box .desc-content .desc-main .desr-right .desr-content .item-box:hover {
  color: #005EFF;
}
.desc-box .desc-content .desc-main .desr-right .fotter {
  margin-top: 0.4875rem;
  margin-left: 6.05rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.desc-box .desc-content .desc-main .desr-right .fotter span {
  color: #005EFF;
  font-size: 0.2rem;
}
.desc-box .desc-content .desc-main .desr-right .fotter img {
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.125rem;
}
.anchor-box {
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 99;
}
.anchor-box .anchor-name {
  color: #ccc;
  font-weight: 700;
}
.el-dialog__header {
  padding: 0 !important;
}
.el-dialog__body {
  padding: 0 !important;
}
.dialog-head {
  width: 100%;
  height: 2.1875rem;
  overflow: hidden;
  background-image: url(../imgs/dialog-head.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.dialog-head .colse-box {
  text-align: right;
  font-size: 0.25rem;
  cursor: pointer;
  margin-top: 0.3rem;
  margin-right: 0.375rem;
}
.dialog-head .colse-box:hover {
  color: #009eff;
}
.dialog-head h1,
.dialog-head h2,
.dialog-head h3 {
  text-align: center;
}
.dialog-head h1 {
  font-size: 0.375rem;
  font-weight: 700;
  color: #000;
}
.dialog-head h2 {
  margin-top: 0.2125rem;
}
.dialog-head h2 span {
  color: #005eff;
}
.dialog-head h2,
.dialog-head h3 {
  font-size: 0.2rem;
  color: #a7afbc;
}
.dialog-main {
  width: 7.0875rem;
  margin: 0 auto;
}
.dialog-main .fotter-btn {
  width: 100%;
  margin-bottom: 1.05rem;
}
.dialog-main .el-input__inner {
  border: none;
}
.dialog-main .item-name {
  position: relative;
  display: inline-block;
}
.dialog-main .item-name::after {
  content: '';
  position: absolute;
  top: 0.1875rem;
  right: -0.125rem;
  width: 0.0125rem;
  height: 0.125rem;
  background-color: #D8D8D8;
}
.dialog-main .el-form-item {
  border: 0.0125rem solid #D8D8D8;
  border-radius: 0.0625rem;
}
@keyframes heightAnimat {
  0% {
    height: 0;
  }
  100% {
    margin-top: 0.25rem;
    height: 2.5rem;
    opacity: 1;
  }
}