@charset "utf-8";

.h1 {
    font-size: 4rem;
    line-height: 1.5;
    letter-spacing: 8px;
    /*font-weight: 600 !important;*/
    margin-bottom: 58px;
}
.h3.st {
    font-size: 3.5rem;
    color: #333333;
    text-align: left;
}
.h4.square.cus {
    font-size: 3rem;
    color: #46b3a3;
}

.h4.square.cus:before {
    top: 16px;
}


.swiper {
    width: 100%;
}
.bg-ibox-white {
    display: inline-block;
    background: #fff;
    padding: 5px 30px 5px 0;
}

.deco-item.gradian-circle {
    aspect-ratio: 1.1;
    position: absolute;
}
.deco-item.notify-circle-deco1 {
    width: 79.1%;
    top: 43%;
    left: 52%;
}
.deco-item.notify-circle-deco2 {
    width: 40.7%;
    top: 0;
    right: -24%;
    opacity: 0.8;
}
.deco-item.notify-circle-deco3 {
    width: 58.9%;
    top: -40%;
    right: -30%;
}
.deco-item.notify-circle-deco4 {
    width: 42.3%;
    top: -45%;
    left: -30%;
}
.deco-item.notify-circle-deco5 {
    width: 87%;
    top: 23%;
    left: -40%;
    opacity: 0.6;
}
.deco-item.notify-circle-deco6 {
    width: 133%;
    top: -30%;
    right: -36%;
    opacity: 0.7;
}
.deco-item.notify-circle-deco7 {
    width: 84.1%;
    top: 20%;
    right: -50%;
    opacity: 0.8;
}
.deco-item.notify-circle-deco8 {
    width: 124.6%;
    top: 5%;
    left: -20%;
    opacity: 0.7;
}
.deco-item.notify-circle-deco9 {
    width: 31.4%;
    top: -27%;
    left: 25%;
    opacity: 0.4;
}

.sec .container {
    max-width: 100%;
}

/** enotify-banner **/
.sec.enotify-banner-sec {
    position: relative;
    padding: 100px 15px 0;
}
.enotify-banner-box {
    display: flex;
    align-items: flex-end;
}
.enotify-banner-box .enotify-banner-cont {
    flex: 0 0 auto;
    width: 58%;
    margin-bottom: 125px;
    position: relative;
}
.enotify-banner-box .enotify-banner-pic-cont {
    flex: 0 0 auto;
    width: 48%;
    margin-left: -6%;
}
.ebcont-top-box {
    margin-bottom: 74px;
}
.ebcont-oth-box {
    padding-right: 10%;
    position: relative;
    z-index: 2;
}

/** enotify-services-sec **/
.sec.enotify-services-sec {
    padding-bottom: 120px;
    margin-top: -2%;
    z-index: 1;
    position: relative;
}
.pic-line-grid-list .pl-item .pic {
    width: 140px;
    max-width: 100%;
    margin: 0 auto;
}
.pic-line-grid-list {
    margin-top: 95px;
}
.pic-line-grid-list .pl-item {
    text-align: center;
    font-size: 2.25rem;
    color: #333;
    letter-spacing: 3px;
}
.pic-line-grid-list .pl-item .sub-txt {
    font-size: 2.1rem;
    color: #949ba1;
    margin-top: 7px;
}
.pic-line-grid-list .pl-item .no-box .no {
    font-size: 2rem;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #e87e24;
    line-height: 1.3;
    padding-left: 3px;
    font-weight: 400;
    margin: 0 auto;
    position: relative;
}
.pic-line-grid-list .pl-item .no-box {
    position: relative;
    margin: 45px 0 55px;
}
.pic-line-grid-list .pl-item .no-box:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #ddefe7;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.pic-line-grid-list .pl-wrapper:first-child .pl-item .no-box:before {
    border-radius: 10px  0 0 10px;
}
.pic-line-grid-list .pl-wrapper:last-child .pl-item .no-box:before {
    border-radius: 0 10px 10px 0;
}

/** enotify-servicesItem-sec **/
.sec.enotify-servicesItem-sec {
    padding: 105px 0;
    background: #f5f9fc;
}

.pic-line-grid-list.round-pic .pl-item .pic {
    aspect-ratio: 1 / 1;
    width: 250px;
    background: #fff;
    border-radius: 50%;
}

.pic-line-grid-list.round-pic .pl-item .pic img {
    width: 63.5%;
}

.pic-line-grid-list.round-pic .pl-item .info {
    margin-top: 35px;
}


/** enotify-acc **/
.sec.enotify-acc-sec {
    padding: 106px 15px 0;
}
.enotify-acc-swiperr-wrapper {
    display: flex;
}

.enotify-acc-swiperr-wrapper .ps-wrapper {
    width: 50%;
}
.enotify-acc-pic-cont {
    width: 86%;
    margin: 0 auto -3px;
    position: relative;
}

.eacc-txt-box {
    padding-right: 15%;
}

.enotify-acc-cont {
    padding-bottom: 26%;
    position: relative;
}
.enotify-acc-pic {
    position: relative;
    z-index: 1;
}
.deco-people-area {
    position: absolute;
    width: 36%;
    right: 0;
    bottom: -6px;
}

.deco-people-area .deco-people-money {
    position: absolute;
    top: -12%;
    width: 26%;
    left: 43%;
    transform-origin: left bottom;
    -webkit-animation-name: swing-ani;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: swing-ani;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/** enotify-acc-swip-sec **/
.enotify-acc-swiper {
    /*padding: 0 50px;*/
    
}
.sec.enotify-acc-swip-sec {
    padding: 118px 0;
    position: relative;
}
.pic-standard-list {
    padding-bottom: 20px;
    position: relative;
}
.pic-standard-list .ps-item .pic-ratio {
    aspect-ratio: 734 / 439;
}

.pic-standard-list .ps-item .pic-ratio img {
    border-radius: 80px 80px 0 0;
}

.pic-standard-list .ps-item .info {
    padding: 0 60px 103px;
}

.pic-standard-list .ps-item {
    box-shadow: 4px 4px 15px #e7e7e7;
    border-radius: 80px;
}
.pic-standard-list .ps-item .info {
    background: #fff;
    border-radius: 0 0 80px 80px;
}
.pic-standard-list .ps-item .info .title {
    font-size: 2.5rem;
    color: #46b3a3;
    margin-bottom: 13px;
}

.pic-standard-list .ps-item .info .desc {
    text-align: left;
    font-size: 2.1rem;
    color: #333333;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 151px;
}
.pic-standard-list .ps-item .info .no {
    font-size: 7.875rem;
    color: rgb(221 239 231 / 70%);
    font-style: italic;
    position: absolute;
    right: 72px;
    line-height: 1;
    bottom: -8px;
}

.sec.enotify-acc-swip-sec .container {
    padding: 0 70px;
    position: relative;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #c8c8c8;
    width: 42px;
    font-size: 4.2rem;
    transition: all .3s ease;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    color: #e87e24;
    font-size: 4.5rem;
}
.swiper-button-prev,
.swiper-button-next {
    width: auto;
    height: auto;
}
.swiper-button-prev {
    left: 8px;
}
.swiper-button-next {
    right: 8px;
}

/**  **/
.enotify-pay-box {
    padding-top: 80px;
    display: flex;
    align-items: flex-end;
}

.enotify-pay-pic-cont {
    flex: 0 0 auto;
    width: 45%;
    margin-bottom: -3px;
    position: relative;
}

.enotify-pay-pic-cont .pic {
    width: 58.2%;
    margin: 0 auto;
}
.enotify-pay-pic-cont-box {
    position: relative;
    z-index: 1;
}
.enotify-pay-cont {
    flex: 0 0 auto;
    width: 55%;
    padding-bottom: 13%;
    padding-left: 5%;
    padding-right: 10%;
    letter-spacing: 3px;
    position: relative;
}
.mail-people-area {
    width: 35.1%;
    position: absolute;
    bottom: -3px;
    right: 0;
}

.mail-people-area .mail-people-head {
    position: absolute;
    left: 30.5%;
    top: -52%;
    width: 43.6%;
    transform-origin: center bottom;
    -webkit-animation-name: swing-ani2;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: swing-ani2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/** enotify-activity **/
.sec.enotify-activity-sec {
    padding: 95px 15px 0;
    position: relative;
}
.enotify-activity-box {
    display: flex;
    align-items: flex-end;
}

.enotify-activity-cont {
    width: 55.7%;
    padding-right: 15%;
    padding-bottom: 13%;
    position: relative;
}

.enotify-activity-pic-cont {
    flex: 0 0 auto;
    width: 44.3%;
}

.enotify-activity-pic-cont-box {
    width: 64%;
    margin: 0 auto;
    position: relative;
}

.enotify-activity-pic-cont-box .pic-zoom {
    width: 136.7%;
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-people-area {
    width: 35%;
    position: absolute;
    right: 0;
    bottom: -3px;
}
.search-people-area .search-people-eye {
    position: absolute;
    width: 30.7%;
    right: 16%;
    top: 19%;
    transform-origin: center center;
    -webkit-animation-name: eye-ani;
    -webkit-animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-name: eye-ani;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes eye-ani {
    0%, 100% {
        transform: scaleY(1);
    }

    20% {
        transform: scaleY(0.01);
    }

    70% {
        transform: scaleY(1);
    }
    75% {
        transform: scaleY(0.01);
    }
}

@keyframes eye-ani {
    0%, 100% {
        transform: scaleY(1);
    }

    20% {
        transform: scaleY(0.01);
    }

    70% {
        transform: scaleY(1);
    }

    75% {
        transform: scaleY(0.01);
    }
}