@import "ft.css";
@import "header.css";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Serif+SC:wght@200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
* {
    font-family:"Noto Sans SC","Inter", "Poppins", "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
    font-optical-sizing: auto;
}

/* ::-webkit-scrollbar{width:0;} */
body,
ul,
li,
p,
a,
* {
    margin: 0;
    padding: 0;
    list-style: none;
    color: inherit;
}

a {
    text-decoration: none;
    color: inherit;
}

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

/* 英文 */
.Noto-Serif-SC {
    font-family: "Noto Serif SC", serif;
    font-optical-sizing: auto;
}


/* 中文 */
.Noto-Sans-SC {
    font-family: "Noto Sans SC", sans-serif;
    font-optical-sizing: auto;
}

/* @media screen and (max-width: 768px) {

    .html,
    .html>* {
        font-size: 16px !important;
    }
} */


.banner .text .btns {
    display: flex;
    gap: 2.5vw;
    justify-content: center
}

.banner .text .btns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .83333vw;
    width: fit-content;
    height: fit-content;
    padding: .67708vw 2.55208vw .67708vw 2.23958vw;
    border-radius: 52.08333vw;
    background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%)
}

.banner .text .btns .btn img {
    display: block;
    width: .41667vw;
    transition: 0.6s
}

.banner .text .btns .btn p {
    color: #FFF;
    font-weight: 400
}

.banner .text .btns .btn:hover img {
    transform: rotate(-45deg)
}