@charset "UTF-8";
/* BEM support Func
 -------------------------- */
/*
 一些比较通用的变量。根据项目配置
*/
/* BEM
 --------------------------
 */
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.top-btn-use.is-plain{
  --tw-border-opacity: 1;
  border-color: rgb(36 190 134 / var(--tw-border-opacity, 1));
  background-color: transparent;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#app .progress-container {
  position: absolute;
  bottom: -2.5rem;
  height: 0.25rem;
  display: flex;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}
#app .progress-bar {
  width: 3.75rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.125rem;
}
#app .progress {
  height: 100%;
  background: #24be86;
  width: 0;
}
#app .progress-bar.active .progress {
  background: #24be86;
}
#app .progress-bar:not(.active) .progress {
  background: #999;
}
#app .small-eyes span {
  display: block;
  width: 0.375rem;
  height: 0.75rem;
  transform-origin: center;
  margin: 0 0.2475rem;
  position: relative;
}
@keyframes eyes2 {
  0% {
    height: 1.002px;
    transform: translateX(3px);
  }
  5% {
    height: 6px;
  }
  7% {
    height: 1.002px;
  }
  10% {
    height: 6px;
  }
  12% {
    height: 6px;
    transform: translateX(3px);
  }
  13% {
    height: 6px;
    transform: translateX(0);
  }
  15% {
    height: 6px;
    transform: translateX(-3px);
  }
  17% {
    height: 1.002px;
    transform: translateX(-3px);
  }
  20% {
    height: 6px;
    transform: translateX(-3px);
  }
  22% {
    height: 1.002px;
    transform: translateX(-3px);
  }
  25%, 27%, 30% {
    height: 6px;
    transform: translateX(-3px);
  }
  35%, 40%, 45%, 47%, 48%, 50%, 97% {
    height: 6px;
    transform: translateX(0);
  }
  38%, 42% {
    height: 1.002px;
    transform: translateX(0);
  }
  100% {
    height: 6px;
    transform: translateX(3px);
  }
}
#app .small-eyes span::before {
  position: absolute;
  bottom: 0.375rem;
  left: 0;
  border-radius: 0.43875rem 0.43875rem 0 0;
  animation: eyes2 8s linear infinite;
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  background: #fff;
  box-shadow: 0px 0px 0.43875rem 0px #fff;
  transform: translateX(0.43875rem);
}
#app .small-eyes span::after {
  position: absolute;
  top: 0.375rem;
  left: 0;
  border-radius: 0 0 0.43875rem 0.43875rem;
  animation: eyes2 8s linear infinite;
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  background: #fff;
  box-shadow: 0px 0px 0.43875rem 0px #fff;
  transform: translateX(0.43875rem);
}
#app .eyes span {
  display: block;
  width: 1.125rem;
  height: 2.1875rem;
  transform-origin: center;
  margin: 0 0.9375rem;
  position: relative;
}
@keyframes eyes1 {
  0% {
    height: 1px;
    transform: translateX(10px);
  }
  5% {
    height: 17px;
  }
  7% {
    height: 1px;
  }
  10% {
    height: 17px;
  }
  12% {
    height: 17px;
    transform: translateX(10px);
  }
  13% {
    height: 17px;
    transform: translateX(0);
  }
  15% {
    height: 17px;
    transform: translateX(-10px);
  }
  17% {
    height: 1px;
    transform: translateX(-10px);
  }
  20% {
    height: 17px;
    transform: translateX(-10px);
  }
  22% {
    height: 1px;
    transform: translateX(-10px);
  }
  25% {
    height: 17px;
    transform: translateX(-10px);
  }
  27% {
    height: 17px;
    transform: translateX(-10px);
  }
  30% {
    height: 17px;
    transform: translateX(-10px);
  }
  35% {
    height: 17px;
    transform: translateX(0);
  }
  38% {
    height: 1px;
    transform: translateX(0);
  }
  40% {
    height: 17px;
    transform: translateX(0);
  }
  42% {
    height: 1px;
    transform: translateX(0);
  }
  45% {
    height: 17px;
    transform: translateX(0);
  }
  47% {
    height: 17px;
    transform: translateX(0);
  }
  48% {
    height: 17px;
    transform: translateX(0);
  }
  50% {
    height: 17px;
    transform: translateX(0);
  }
  97% {
    height: 17px;
    transform: translateX(0);
  }
  100% {
    height: 17px;
    transform: translateX(10px);
  }
}
#app .eyes span::before {
  position: absolute;
  bottom: 1.0625rem;
  left: 0;
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.0625rem;
  transform: translateX(1.25rem);
  background: #fff;
  box-shadow: 0px 0px 1.25rem 0px #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  animation: eyes1 8s linear infinite;
}
#app .eyes span::after {
  position: absolute;
  top: 1.0625rem;
  left: 0;
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.0625rem;
  transform: translateX(1.25rem);
  background: #fff;
  box-shadow: 0px 0px 1.25rem 0px #fff;
  border-radius: 0 0 1.25rem 1.25rem;
  animation: eyes1 8s linear infinite;
}
#app .home-wrapper {
  width: 75rem;
}
#app .banner-video {
  width: 75rem;
  height: 42.25rem;
}
#app .banner-down-mt {
  margin-top: 14.5rem;
}
@media (min-width: 1800px) {
  #app .home-wrapper {
    width: 1440px;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateX(25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.animation-bounce-right {
  animation: bounce 1s infinite;
}

body {
  background-color: #f8fcfa;
}

.cateyes-home {
  min-width: 75rem;
}
.cateyes-home .my-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.cateyes-home .shadow-1 {
  box-shadow: 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.05);
}
.cateyes-home .dot-item-1 {
  position: relative;
  margin-left: 0.75rem;
}
.cateyes-home .dot-item-1::before {
  color: #fff;
  background: #24be86;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #24be86;
  content: " ";
  position: absolute;
  top: 0.5rem;
  left: -0.75rem;
}

.cateyes-home img {
  display: block;
}
.cateyes-home__scroll {
  width: 1.875rem;
  height: 1.875rem;
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: 2.5rem;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.cateyes-home__scroll.is-hide {
  opacity: 0;
  z-index: -100;
}

.cateyes-home__banner {
  padding: 5.875rem 0 8.125rem;
  background: url("../../images/home/home-1.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.cateyes-home__banner .content {
  align-items: center;
  height: 46.125rem;
  background: url("../../images/home/home-2.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home__banner--title {
  margin-top: 13.1875rem;
  width: 52.1875rem;
}

.cateyes-home__banner--sub-title {
  text-align: center;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
}

.cateyes-home__banner--start {
  padding: 0 1.25rem 0 0.75rem;
  height: 3.5rem;
  background: linear-gradient(90deg, #4dd45b 0%, #2cc4d9 100%);
  border-radius: 4rem;
  border: 0.0625rem solid rgba(252, 248, 248, 0.2);
  line-height: 3.5rem;
  color: #fff;
  font-size: 1.25rem;
  text-shadow: 0px 0px 0.25rem rgba(49, 169, 177, 0.29);
  cursor: pointer;
  transition: all 0.3s;
}
.cateyes-home__banner--start:hover {
  box-shadow: 0px 0px 1.5rem 0px rgba(130, 241, 181, 0.5);
}

.cateyes-home__section1 {
  position: relative;
  background: #2a7260;
}
.cateyes-home__section1--show {
  background: #11493b;
  box-shadow: 0px 0.5rem 1.5rem 0px rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
  border: 0.0625rem solid #2c7e69;
  width: 75rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  height: 8.25rem;
}
.cateyes-home__section1--show .el-divider--vertical {
  margin: 0;
  height: 4rem;
  background: #20594a;
}
.cateyes-home__section1--show .item {
  width: calc((100% - 0.1875rem) / 4);
}
.cateyes-home__section1--show .item .top {
  color: #bfe6dc;
}
.cateyes-home__section1--show .item .top span:first-child {
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.cateyes-home__section1--show .item .top span:last-child {
  font-size: 1rem;
  line-height: 2rem;
  vertical-align: top;
}
.cateyes-home__section1--show .item .bottom {
  color: #a0c2b9;
  font-size: 0.875rem;
}

.cateyes-home__section1--content {
  padding: 1rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #539282;
}

.cateyes-home__section1--card {
  background: #1e6453;
  border-radius: 1rem;
  padding: 1.5rem;
}
.cateyes-home__section1--card:nth-child(2n) .card-container {
  flex-direction: row-reverse;
}

.cateyes-home__section1--card-title {
  font-size: 1.5rem;
  color: #8adf83;
}

.cateyes-home__section2--left {
  flex: 1;
}
.cateyes-home__section2--left .left-item {
  width: 100%;
  background: #fff;
  box-shadow: 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.05);
  border-radius: 2.5rem;
}
.cateyes-home__section2--left .left-item .left-item-title {
  font-size: 1.25rem;
  color: #161616;
  font-weight: 600;
}
.cateyes-home__section2--left .left-item .left-item-des {
  font-size: 0.875rem;
  color: #666666;
}
.cateyes-home__section2--left .left-item .el-divider--horizontal {
  background-color: #edeff1;
}
.cateyes-home__section2--left .left-item .left-item-list {
  font-size: 1rem;
  color: #161616;
}
.cateyes-home__section2--left .left-item .left-item-list .left-item-list-li {
  position: relative;
  margin-left: 0.75rem;
}
.cateyes-home__section2--left .left-item .left-item-list .left-item-list-li::before {
  color: #fff;
  background: #24be86;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #24be86;
  content: " ";
  position: absolute;
  top: 0.5rem;
  left: -0.75rem;
}

.cateyes-home__section2--left .left-top {
  height: 10.25rem;
}
.cateyes-home__section2--left .left-top .el-divider--vertical {
  margin: 0;
  height: 5rem;
  background: #edeff1;
}
.cateyes-home__section2--left .left-top .item {
  width: calc((100% - 0.0625rem) / 2);
}
.cateyes-home__section2--left .left-top .item .top {
  color: #24be86;
}
.cateyes-home__section2--left .left-top .item .top span:first-child {
  font-size: 2.5rem;
  line-height: 3rem;
}
.cateyes-home__section2--left .left-top .item .top span:last-child {
  font-size: 1rem;
  line-height: 2rem;
  vertical-align: top;
}
.cateyes-home__section2--left .left-top .item .bottom {
  color: #666666;
  font-size: 0.875rem;
}
.cateyes-home__section2--left .left-middle {
  padding: 2.5rem;
}
.cateyes-home__section2--left .left-bottom {
  padding: 2.5rem 2.5rem 3.125rem;
}

.cateyes-home__section2--right {
  width: 37rem;
  height: 40.9375rem;
  position: relative;
}
.cateyes-home__section2--right .section2-swiper {
  overflow: hidden;
  border-radius: 3.75rem;
}
.cateyes-home__section2--right .section2-swiper .swiper-slide img {
  width: 37rem;
  display: block;
}

.cateyes-home__section2--swiper-tab {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 0.0625rem 0.0625rem 0px #ffffff;
  border-radius: 6.25rem;
  padding: 0.5rem 0.75rem;
}
.cateyes-home__section2--swiper-tab .tab-item {
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s;
  border: 0.25rem solid transparent;
}
.cateyes-home__section2--swiper-tab .tab-item img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}
.cateyes-home__section2--swiper-tab .tab-item.is-active {
  border: 0.25rem solid #fff;
  box-shadow: 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.15);
}

.cateyes-home__section3 {
  padding: 7.5rem 0;
  background: url("../../images/home/home-22.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home__section3--funCard {
  width: 36.75rem;
  background: linear-gradient(270deg, #00bd9b 0%, #47ad3e 100%);
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.cateyes-home__section3--funCardTitle {
  font-size: 1.5rem;
  color: #ffffff;
}

.cateyes-home__section3--funCardContent {
  height: 28.6875rem;
  background: #fff;
  border-radius: 1rem;
  padding: 0 1.5rem 1.5rem;
}
.cateyes-home__section3--funCardContent .contentTop {
  height: 6.75rem;
  border-bottom: 0.0625rem solid #e7ecf0;
}
.cateyes-home__section3--funCardContent .contentTop .el-divider--vertical {
  margin: 0;
  height: 3rem;
  background: #edeff1;
}
.cateyes-home__section3--funCardContent .contentTop .item {
  width: calc((100% - 0.0625rem) / 2);
}
.cateyes-home__section3--funCardContent .contentTop .item .top {
  color: #24be86;
}
.cateyes-home__section3--funCardContent .contentTop .item .top span:first-child {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
.cateyes-home__section3--funCardContent .contentTop .item .top span:last-child {
  font-size: 1rem;
  line-height: 1.75rem;
  vertical-align: top;
}
.cateyes-home__section3--funCardContent .contentTop .item .bottom {
  color: #161616;
  font-size: 0.75rem;
}
.cateyes-home__section3--funCardContent .text {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.3125rem;
}
.cateyes-home__section3--funCardContent .example-img {
  width: 100%;
  height: 12.625rem;
}

.cateyes-home__section3 .content .common-title.is-white .sub-title {
  color: #939da7;
}

.cateyes-home__section4 {
  padding: 5rem 0 7.5rem;
  background: url("../../images/home/ktyj-bg.png") no-repeat;
  background-size: 100% 100%;
}
.cateyes-home__section4--card {
  background: #ffffff;
  height: 22.5rem;
  border-radius: 1.5rem;
  width: calc((100% - 3rem) / 4);
  padding-top: 4rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.cateyes-home__section4--card .line {
  width: 3.5rem;
  height: 0.125rem;
  background: linear-gradient(270deg, #3ada9a 0%, #8adf83 100%);
}
.cateyes-home__section4--card .title {
  font-size: 1rem;
  color: #161616;
}
.cateyes-home__section4--card .des {
  text-align: center;
  font-size: 0.75rem;
  color: #666666;
}
.cateyes-home__section4--card:hover {
  padding-top: 2.5rem;
  box-shadow: 0px 1rem 2rem 0px rgba(0, 0, 0, 0.08);
}

.cateyes-home__section5 {
  padding: 5rem 0 7.5rem;
  background: #fff;
}

.cateyes-home__section6 {
  padding: 3rem 0;
  background: url("../../images/home/home-50.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home__section6--title {
  font-size: 2rem;
  color: #ffffff;
}

.cateyes-home .content {
  width: 75rem;
  margin: 0 auto;
}
.cateyes-home .common-title .title {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.125rem;
  color: #161616;
}
.cateyes-home .common-title .sub-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}
.cateyes-home .common-title.is-white .title {
  color: #ffffff;
}
.cateyes-home .common-title.is-white .sub-title {
  color: #a0c2b9;
}

.cateyes-home .card-container .card-top {
  height: 5.75rem;
  background: #2a6b5b;
  border-radius: 0.5rem;
}
.cateyes-home .card-container .card-top .item {
  width: calc((100% - 0.125rem) / 3);
}
.cateyes-home .card-container .card-top .item .top {
  color: #ffffff;
  font-weight: 600;
}
.cateyes-home .card-container .card-top .item .top span:first-child {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
.cateyes-home .card-container .card-top .item .top span:last-child {
  font-size: 1rem;
  line-height: 1.75rem;
  vertical-align: top;
}
.cateyes-home .card-container .card-top .item .bottom {
  color: #a0c2b9;
  font-size: 0.75rem;
}
.cateyes-home .card-container .card-top .el-divider--vertical {
  margin: 0;
  height: 3rem;
  background: #458274;
}
.cateyes-home .card-container .card-list {
  background: #2a6b5b;
  border-radius: 0.5rem;
  padding: 0 1rem;
  color: #a0c2b9;
}
.cateyes-home .card-container .card-list .card-list-item {
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid #458274;
}
.cateyes-home .card-container .card-list .card-list-item:last-child {
  border-bottom: none;
}
.cateyes-home .card-container .card-list .card-list-item .card-title {
  cursor: pointer;
  line-height: 1.375rem;
}
.cateyes-home .card-container .card-list .card-list-item .card-content {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  position: relative;
}
.cateyes-home .card-container .card-list .card-list-item .card-content .card-text {
  font-size: 0.875rem;
  color: #f6fffd;
  line-height: 1.25rem;
}
.cateyes-home .card-container .card-list .card-list-item .card-content .card-btn {
  background: #bde2ab;
  color: #1e6453;
  border-color: #bde2ab;
}
.cateyes-home .card-container .card-list .card-list-item .card-content .card-bar {
  background: #a0c2b9;
  height: 0.125rem;
  position: absolute;
  bottom: -1.5625rem;
  transition: width 0.01s;
}
.cateyes-home .card-container .card-list .card-list-item .card-content a {
  display: block;
}
.cateyes-home .card-container .card-list .card-list-item .icon-0 {
  background: url("../../images/home/home-23-1.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item .icon-1 {
  background: url("../../images/home/home-24-1.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item .icon-2 {
  background: url("../../images/home/home-25-1.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item.is-expand, .cateyes-home .card-container .card-list .card-list-item:hover {
  color: #fff;
}
.cateyes-home .card-container .card-list .card-list-item.is-expand .icon-0, .cateyes-home .card-container .card-list .card-list-item:hover .icon-0 {
  background: url("../../images/home/home-23.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item.is-expand .icon-1, .cateyes-home .card-container .card-list .card-list-item:hover .icon-1 {
  background: url("../../images/home/home-24.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item.is-expand .icon-2, .cateyes-home .card-container .card-list .card-list-item:hover .icon-2 {
  background: url("../../images/home/home-25.png") no-repeat center center;
  background-size: cover;
}
.cateyes-home .card-container .card-list .card-list-item.is-expand .card-content {
  height: auto;
  overflow: visible;
}

.cateyes-home .card-container .card-img img {
  width: 34.25rem;
  display: block;
}
.cateyes-home .scroll-unit {
  padding: 1rem;
  background: #2a7260;
  border-radius: 0.5rem;
}
.cateyes-home .scroll-unit .unit-swiper-container {
  height: 2.5rem;
  margin: auto;
  overflow: hidden;
}
.cateyes-home .scroll-unit .unit-swiper-container img {
  height: 2.5rem;
}

.fundImages-box {
  box-shadow: 13.125rem 11.0625rem 4.8125rem 0 rgba(0, 0, 0, 0), 8.375rem 7.0625rem 4.375rem 0 rgba(0, 0, 0, 0), 4.6875rem 4rem 3.6875rem 0 rgba(0, 0, 0, 0.01), 2.125rem 1.75rem 2.75rem 0 rgba(0, 0, 0, 0.02), 0.5rem 0.4375rem 1.5rem 0 rgba(0, 0, 0, 0.06);
}

.safe-box .right-eye {
  position: relative;
}
.safe-box .right-eye .eyes {
  position: absolute;
  top: 9.0625rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.safe-box .right-eye .eyes span {
  display: block;
  width: 1.125rem;
  height: 2.1875rem;
  transform-origin: center;
  margin: 0 0.9375rem;
  position: relative;
}
@keyframes eyes1 {
  0% {
    height: 1px;
    transform: translateX(10px);
  }
  5% {
    height: 17px;
  }
  7% {
    height: 1px;
  }
  10% {
    height: 17px;
  }
  12% {
    height: 17px;
    transform: translateX(10px);
  }
  13% {
    height: 17px;
    transform: translateX(0);
  }
  15% {
    height: 17px;
    transform: translateX(-10px);
  }
  17% {
    height: 1px;
    transform: translateX(-10px);
  }
  20% {
    height: 17px;
    transform: translateX(-10px);
  }
  22% {
    height: 1px;
    transform: translateX(-10px);
  }
  25% {
    height: 17px;
    transform: translateX(-10px);
  }
  27% {
    height: 17px;
    transform: translateX(-10px);
  }
  30% {
    height: 17px;
    transform: translateX(-10px);
  }
  35% {
    height: 17px;
    transform: translateX(0);
  }
  38% {
    height: 1px;
    transform: translateX(0);
  }
  40% {
    height: 17px;
    transform: translateX(0);
  }
  42% {
    height: 1px;
    transform: translateX(0);
  }
  45% {
    height: 17px;
    transform: translateX(0);
  }
  47% {
    height: 17px;
    transform: translateX(0);
  }
  48% {
    height: 17px;
    transform: translateX(0);
  }
  50% {
    height: 17px;
    transform: translateX(0);
  }
  97% {
    height: 17px;
    transform: translateX(0);
  }
  100% {
    height: 17px;
    transform: translateX(10px);
  }
}
.safe-box .right-eye .eyes span::before {
  position: absolute;
  bottom: 1.0625rem;
  left: 0;
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.0625rem;
  transform: translateX(1.25rem);
  background: #fff;
  box-shadow: 0px 0px 1.25rem 0px #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  animation: eyes1 8s linear infinite;
}
.safe-box .right-eye .eyes span::after {
  position: absolute;
  top: 1.0625rem;
  left: 0;
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.0625rem;
  transform: translateX(1.25rem);
  background: #fff;
  box-shadow: 0px 0px 1.25rem 0px #fff;
  border-radius: 0 0 1.25rem 1.25rem;
  animation: eyes1 8s linear infinite;
}
.safe-box .container {
  width: 75rem;
  margin: 0 auto;
}
.safe-box .container .title {
  text-align: center;
  font-size: 2.5rem;
  color: #161616;
  font-weight: 550;
}
.safe-box .container .tab-1 {
  margin: 7.5rem 0;
}
.safe-box .container .tab-1 .sub-title {
  font-size: 1.25rem;
  color: #161616;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 550;
  text-align: center;
}
.safe-box .container .tab-1 .tag-box {
  justify-content: space-between;
}
.safe-box .container .tab-1 .tag-item {
  padding: 3rem 2rem;
  box-sizing: border-box;
  background: #282828;
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
  position: relative;
  width: 36.75rem;
}
.safe-box .container .tab-1 .tag-item::after {
  content: "";
  width: 9.875rem;
  height: 10.375rem;
  background: url("../../images/safe/iso.png") no-repeat 0 0/cover;
  position: absolute;
  right: 1rem;
  bottom: 0;
}
.safe-box .container .tab-1 .tag-item:nth-child(2)::after {
  background-image: url("../../images/safe/iso-1.png");
}
.safe-box .container .tab-1 .tag-item .f-t {
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.safe-box .container .tab-1 .cus-btn {
  display: flex;
  align-items: center;
  width: 7.9375rem;
  height: 2.625rem;
  background-size: 200%;
  border-radius: 4.125rem;
  justify-content: center;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 1.5rem;
  background: #373737;
  color: #B1B1B1;
}
.safe-box .container .tab-1 .cus-btn .b-a {
  width: 1rem;
  margin-left: 0.5rem;
}
.safe-box .container .tab-1 .cus-btn:hover {
  color: #fff;
  background: #19AF79;
}
.safe-box .container .tab-1 .cus-btn:active {
  color: #fff;
  background: #0E9B68;
}
.safe-box .container .tab-5 {
  margin-bottom: 7.5rem;
}
.safe-box .container .tab-5 .safe-msg-box {
  justify-content: space-between;
  margin-top: 2rem;
}
.safe-box .container .tab-5 .safe-msg-box .sm-item {
  background: #FFFFFF;
  box-shadow: 0px 0.5rem 1.5rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  border: 0.0625rem solid #EBEBEB;
  width: 18rem;
  height: 27.125rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 2rem 0;
}
.safe-box .container .tab-5 .safe-msg-box .sm-item .m-t {
  font-size: 1.5rem;
  color: #000000;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.safe-box .container .tab-5 .safe-msg-box .sm-item .m-d {
  color: #666;
}
.safe-box .container .tab-5 .safe-msg-box .sm-item img {
  width: 6.25rem;
  height: 6.25rem;
}
.safe-box .container .tab-2 {
  margin-bottom: 7.5rem;
}
.safe-box .container .tab-2 .team-box {
  margin-top: 2rem;
  width: 100%;
  height: 34.6875rem;
  background: url("../../images/safe/bg_2.png") no-repeat 0 0/cover;
  padding: 0 2rem;
  box-sizing: border-box;
  justify-content: space-between;
}
.safe-box .container .tab-2 .team-item {
  text-align: center;
  padding: 4rem 2rem;
  box-sizing: border-box;
  position: relative;
  width: 22.3125rem;
  background-color: #fff;
  background-size: 200%;
  background-position-x: 100%;
  border-radius: 1rem;
  height: 21.6875rem;
  margin-top: 4.5rem;
  transition: all 0.3s;
}
.safe-box .container .tab-2 .team-item:hover {
  background: linear-gradient(164deg, #43CD28 0%, #00CEEB 100%);
}
.safe-box .container .tab-2 .team-item:hover .name {
  color: #fff;
}
.safe-box .container .tab-2 .team-item:hover .pro {
  color: #fff;
}
.safe-box .container .tab-2 .team-item:hover .desc {
  color: #fff;
}
.safe-box .container .tab-2 .team-item:hover::after {
  background-image: url("../../images/safe/a_sym_b.png");
}
.safe-box .container .tab-2 .team-item .ava {
  width: 9rem;
  height: 9rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -4.5rem;
}
.safe-box .container .tab-2 .team-item::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url("../../images/safe/a_sym_a.png") no-repeat 0 0/cover;
  position: absolute;
  right: 2rem;
  bottom: 3rem;
}
.safe-box .container .tab-2 .team-item .name {
  font-size: 1rem;
  color: #161616;
  font-weight: 550;
  margin-bottom: 0.25rem;
}
.safe-box .container .tab-2 .team-item .pro {
  color: #666;
  margin-bottom: 1rem;
}
.safe-box .container .tab-2 .team-item .desc {
  font-size: 1rem;
  color: #161616;
  font-weight: 550;
  line-height: 1.625rem;
  text-align: left;
}
.safe-box .container .tab-3 {
  padding-bottom: 7.5rem;
}
.safe-box .container .tab-3 .sub-title {
  color: #666;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.safe-box .container .tab-3 .tab-box {
  text-align: center;
  justify-content: space-between;
}
.safe-box .container .tab-3 .tab-box .tag-item {
  padding: 3.5rem 0;
  box-sizing: border-box;
  box-shadow: 0px 0.5rem 1.5rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  border: 0.0625rem solid #EBEBEB;
  width: 24rem;
}
.safe-box .container .tab-3 .tab-box .tag-item .b-img {
  width: 5rem;
  margin: 0 auto;
}
.safe-box .container .tab-3 .tab-box .tag-item .text {
  font-size: 1rem;
  color: #161616;
  margin-top: 0.8125rem;
  font-weight: 550;
}
.safe-box .container .tab-4 {
  padding-bottom: 7.5rem;
}
.safe-box .container .tab-4 .notice-box {
  margin-top: 2rem;
}
.safe-box .container .tab-4 .notice-item {
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  border-radius: 1rem;
  margin-bottom: 0.8125rem;
  background: #F9F9F9;
}
.safe-box .container .tab-4 .notice-item:last-child {
  margin-bottom: 0;
}
.safe-box .container .tab-4 .notice-item .n-t {
  font-weight: 700;
  color: #161616;
  font-size: 1.125rem;
  justify-content: space-between;
}
.safe-box .container .tab-4 .notice-item .n-c {
  color: #666;
  font-size: 1rem;
  margin-top: 1rem;
}

.resource-box {
  border-radius: 1.25rem;
  border: 0.125rem solid #FFF;
  background: #FBFBFB;
}

.resource-box-shadow, .resource-box {
  box-shadow: 13.125rem 11.0625rem 4.8125rem 0 rgba(0, 0, 0, 0), 8.375rem 7.0625rem 4.375rem 0 rgba(0, 0, 0, 0), 4.6875rem 4rem 3.6875rem 0 rgba(0, 0, 0, 0.01), 2.125rem 1.75rem 2.75rem 0 rgba(0, 0, 0, 0.02), 0.5rem 0.4375rem 1.5rem 0 rgba(0, 0, 0, 0.06);
}