@charset "UTF-8";

html * {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4f5464;
}

@font-face {
    font-family: ftui-iconfont;
    src: url("https://www.fteam.cc/fteam/font_2400945_7hmyuh4d6kj/iconfont.ttf") format("truetype");
}

.ft-icon {
    font-family: ftui-iconfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 1.3;
    color: #101f41
}

.small, small {
    font-size: 0.8em;
}

.h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-weight: 500
}

.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 500 !important
}

.h1, h1 {
    font-size: 2.6875rem
}

.h2, h2 {
    font-size: 2.125rem
}

.h3, h3 {
    font-size: 1.625rem
}

.h4, h4 {
    font-size: 1.125rem
}

.h5, h5 {
    font-size: 1rem
}

.h6, h6 {
    font-size: .875rem
}

::-webkit-input-placeholder {
    color: #a6a9c3 !important
}

::-moz-placeholder {
    color: #a6a9c3 !important
}

:-ms-input-placeholder {
    color: #a6a9c3 !important
}

::-ms-input-placeholder {
    color: #a6a9c3 !important
}

::placeholder {
    color: #a6a9c3 !important
}

label {
    color: #101f41;
}

.btn {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0.5rem 1.5rem;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

input[type="text"], input[type="email"] input[type="password"], input[type="number"], .form-control, .custom-select {
    border-width: 1px;
    border-color: #e3e5ee;
    border-style: solid;
    border-radius: 6px;
    background-color: #fff;
    font-size: 1.15rem;
    height: calc(3.00rem + 2px);
    padding: 0.75rem 1.375rem;
    width: 100%;
}

form > .row > .col-sm-12.mb-2 > .form-group {
    position: relative
}

input:focus, select:focus, textarea:focus, .multiselect:focus, .form-control:focus {
    border: 1px solid #1861ac;
    box-shadow: 0 0 15px 0 rgb(77, 91, 237, 0.2) !important;
}

.checkbox label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkbox input[type="checkbox"] {
    margin-right: 4px;
}

a {
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #0366d6;
    -webkit-transition: .25s;
    transition: .25s;
}

a:hover {
    color: #6470ef;
    text-decoration: none
}

.lead {
    font-weight: 400
}

.super-lead {
    font-size: 2.125rem;
    line-height: 1.3
}

.color--white {
    color: #fff;
}

strong {
    font-weight: bolder
}

hr {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.text-danger {
    color: #f53d55 !important;
}

.body-wrapper {
    height: 100vh;
}

.left {
    background-image: linear-gradient(to right top, #3b6ee1, #3f6fe2, #436fe3, #4770e4, #4b70e5, #4f71e6, #5271e6, #5672e7, #5a72e8, #5e73e9, #6173e9, #6573ea);
    /*background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);*/
}

.z-index-100 {
    z-index: 100
}

.z-index-101 {
    z-index: 101
}

.z-index-102 {
    z-index: 102
}

.z-index-103 {
    z-index: 103
}

.z-index-104 {
    z-index: 104
}

.z-index-105 {
    z-index: 105
}

.background--light, .bg-light {
    background-color: #f6f8fb !important
}

.pattern-svg {
    position: absolute;
    overflow: hidden;
    max-width: 100%
}

@media (min-width: 769px) {
    .pattern-svg {
        top: 25%;
        left: 5%
    }

    .vh-md-100 {
        height: 100vh !important;
    }
}

@media (min-width: 1025px) {
    .pattern-svg {
        left: 10%
    }
}

.swiper-container {
    margin-left: -15px;
    margin-right: -15px
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 1.5rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    background-image: none;
    background-color: #d8dbfb;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover, .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {
    background-color: #c1c6f9
}

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4d5bed;
    font-size: .875rem;
    position: absolute;
    left: calc(50% - 7px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.right {
    background-color: #F6F8FB;
}

.form-group {
    position: relative;
    margin-bottom: 1em;
}

.field-validation-error, .validation-summary-errors {
    font-size: 14px;
}

input.input-validation-error {
    border: 1px solid rgba(245, 61, 85, .47);
    box-shadow: 0 0 15px rgba(245, 61, 85, .2);
}

.field-validation-error {
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 0;
    line-height: 50px;
}

/*.login-btn{*/
/*    letter-spacing: 1em;*/
/*    text-align: center;*/
/*}*/

.no-select {
    user-select: none;
}

@media (min-width: 1025px) {
    input[type="text"], input[type="email"] input[type="password"], input[type="number"], .form-control, .custom-select {
        font-size: 1rem;
        /* height: calc(3.25rem - 2px); */
        height: calc(3rem - 2px);
    }
}

.dynamic ul li {
    position: absolute;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    list-style: none;
    opacity: 0;
    border-radius: 2px;
}

.square li {
    top: 40vh;
    left: 60vw;
    /* 执行动画：动画名 时长 线性的 无限次播放 */
    animation: square 10s linear infinite;
}

.square li:nth-child(2) {
    top: 80vh;
    left: 10vw;
    /* 设置动画延迟时间 */
    animation-delay: 2s;
}

.square li:nth-child(3) {
    top: 80vh;
    left: 85vw;
    /* 设置动画延迟时间 */
    animation-delay: 4s;
}

.square li:nth-child(4) {
    top: 10vh;
    left: 90vw;
    /* 设置动画延迟时间 */
    animation-delay: 6s;
}

.square li:nth-child(5) {
    top: 10vh;
    left: 10vw;
    /* 设置动画延迟时间 */
    animation-delay: 8s;
}

.circle li {
    bottom: 0;
    left: 15vw;
    /* 执行动画 */
    animation: circle 10s linear infinite;
}

.circle li:nth-child(2) {
    left: 35vw;
    /* 设置动画延迟时间 */
    animation-delay: 2s;
}

.circle li:nth-child(3) {
    left: 55vw;
    /* 设置动画延迟时间 */
    animation-delay: 6s;
}

.circle li:nth-child(4) {
    left: 75vw;
    /* 设置动画延迟时间 */
    animation-delay: 4s;
}

.circle li:nth-child(5) {
    left: 90vw;
    /* 设置动画延迟时间 */
    animation-delay: 8s;
}

/* 定义动画 */
@keyframes square {
    0% {
        transform: scale(0) rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: scale(5) rotateY(1000deg);
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        transform: scale(0) rotateY(0deg);
        opacity: 1;
        bottom: 0;
        border-radius: 0;
    }
    100% {
        transform: scale(5) rotateY(1000deg);
        opacity: 0;
        bottom: 90vh;
        border-radius: 50%;
    }
}

@media (min-width: 1024px) {
    .btn {
        font-size: 1rem
    }
}

.btn-group-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;;
}

.btn-group-verify-img {
    border-top-right-radius: 0.375em !important;
    border-bottom-right-radius: 0.375em !important;;
}

.captcha-image {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    width: 100px;
    object-fit: fill;
    border: 1px solid #e3e5ee;
    border-left: none;
    cursor: pointer;
}

.captcha-image-info {
    right: 110px;
}

/*文字输入效果*/
#slogan.typing::after {
    content: ""; /* 必须设置 content 属性，否则该元素不会显示 */
    position: absolute; /* 将该元素绝对定位 */
    top: 4px;
    right: -2px;
    width: 2px; /* 设置宽度和高度 */
    height: 1.2em;
    border-radius: 1px;
    background-color: #fff;
    animation: blink 1s infinite; /* 添加闪烁动画效果 */
}

@keyframes blink {
    0%, 50% {
        opacity: 0;
    }
    51%, 100% {
        opacity: 1;
    }
}

/*#register*/

.alert {
    border: none;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

a.social-login-link {
    cursor: pointer;
}