.page-container {
    margin-top: 64px
}

.top-banner {
    height: 480px;
    background: url("https://cowork-storage-public-cdn.lx.netease.com/common/2024/01/22/0c1a5a808a2641aaa7ed19055c98eac0.png") center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.top-banner .top-banner-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px
}

.top-banner .top-banner-box .top-banner-title {
    color: #272E47;
    font-size: 44px;
    font-weight: 600;
    line-height: 120%
}

.top-banner .top-banner-box .top-banner-title-intro {
    color: #545A6E;
    width: 400px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 24px
}

.top-banner .top-banner-box .top-banner-btns {
    margin-top: 32px
}

.top-banner .top-banner-box .top-banner-btns .top-banner-try {
    background-color: #4C6AFF;
    border: none;
    padding: 12px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    margin-right: 16px;
    cursor: pointer;
    font-size: 16px
}

.top-banner .top-banner-box .top-banner-btns .top-banner-more {
    border: 1px solid #4C6AFF;
    background-color: #fff;
    padding: 12px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #4C6AFF;
    cursor: pointer
}

.module-title {
    color: #272E47;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 120px;
    margin-bottom: 60px
}

.write-letter-pannel {
    width: 385px;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #F2F5FF;
    display: inline-block;
    margin-right: 18px
}

.write-letter-pannel:nth-of-type(3) {
    margin-right: 0px
}

.write-letter-pannel .serial-number {
    float: left;
    color: #4C6AFF;
    font-size: 66px;
    line-height: 72px;
    font-weight: 400
}

.write-letter-pannel .pannel-content {
    margin-left: 55px;
    font-size: 16px
}

.write-letter-pannel .pannel-content .pannel-content-title {
    color: #080B19;
    font-weight: 500;
    line-height: 24px
}

.write-letter-pannel .pannel-content .pannel-content-art {
    color: #545A6E;
    font-weight: 400;
    line-height: 24px
}

.write-letter-box {
    margin-bottom: 172px
}

.write-letter-box .write-box-img {
    display: inline-block;
    vertical-align: middle
}

.write-letter-box .write-box-content {
    display: inline-block;
    vertical-align: middle
}

.write-letter-box .write-box-content .write-box-title {
    color: #272E47;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.write-letter-box .write-box-content .write-box-ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgBfVA7DoJAEJ1dTNTChFsgHRZ2JqAWFh5CPQlwEvUONiYmQmJlI1bIKSRWqwX4hrCGwvCS2d2ZefvmI6hGmqaeEMKXUjplWZqwCLa3bXvHecFHlmU+roD+I7AsKxRQWkNlSy0oimLaQbmVDtySBx2OF+r3ujR3xzRyhlXcMAxfguhp4im+klJveuav6oMGenWYmOuAUp9fklUbMCWORHvLxYRMc0A9kGYo3VCMeRgPw5ypfZiNxJ4ivMMWXsi7FNrjNaFfNpf7hsodJYNaiL6csFD7cPoCrgAAAABJRU5ErkJggg==);
    padding-left: 20px;
    color: #545A6E;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    width: 410px;
    margin: 20px 0 40px
}

.write-letter-box .write-box-content .write-box-btn {
    color: #fff;
    background-color: #4C6AFF;
    padding: 12px 48px;
    font-size: 16px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.write-letter-box .write-box-content .write-box-in {
    margin-left: 10px
}

.ai-fun-why {
    background-color: #F2F5FF;
    padding: 120px 0
}

.ai-fun-why .ai-fun-why-container {
    width: 1200px;
    margin: 0 auto
}

.ai-fun-why .ai-fun-why-container .ai-fun-why-title {
    color: #000;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 24px
}

.ai-fun-why .ai-fun-why-container .ai-fun-why-sub-title {
    color: #545A6E;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 60px
}

.ai-fun-why .ai-fun-why-container .ai-why-box {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 40px 20px 20px;
    width: 180px;
    height: 252px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.ai-fun-why .ai-fun-why-container .ai-why-box:nth-of-type(3),.ai-fun-why .ai-fun-why-container .ai-why-box:nth-of-type(4) {
    padding: 40px 18px 18px
}

.ai-fun-why .ai-fun-why-container .ai-why-box:nth-of-type(6) {
    margin-right: 0px
}

.ai-fun-why .ai-fun-why-container .ai-why-box .ai-why-box-content {
    color: #545A6E;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 32px;
    text-align: left
}