* {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "微软雅黑", "Microsoft YaHei";
    color: #1c1d28;
    box-sizing: border-box;
}
body {
    min-width: 1200px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
li {
    list-style-type: none;
    list-style: none;
}
a {
    text-decoration: none;
    display: inline-block;
}
img {
    max-width: 100%;
}
.flexbox {
    display: flex;
}
.flexbox-space {
    display: flex;
    justify-content: space-between;
}
.win_icon {
    width: 35px;
    height: 36px;
    margin-right: 20px;
    /* background-position: 0 0; */
    display: inline-block;
    vertical-align: -17px;
    /* background-image: url(./images/icon-win.png); */
}
.top {
    width: 100%;
    height: 62px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(202 206 237 / 35%);
    position: sticky;
    top: 0;
    z-index: 99;
}
.top-con {
    height: 62px;
    align-items: center;
}
.down-list li {
    float: left;
    line-height: 62px;
    margin-right: 40px;
    position: relative;
}
.down-list li.down-txt:hover::after {
    content: "";
    width: 100px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to left,#5a84f6, #5266f6, #8b61f6);
}
.down-list li .topbtn {
    margin-top: 13px;
    width: 132px;
    height: 36px;
    color: #582be4;
    text-align: center;
    line-height: 34px;
    border:2px solid #8061f6 ;
    border-radius: 36px;
    display: inline-block;
}
.down-list li .topbtn:hover{
    background:#ece7fe;
}
.header-banner {
    width: 100%;
    height: 487px;
    background: url(./images/banner.png) no-repeat center top;
    background-size: cover;
}
.banner-con {
    height: 487px;
    padding-top: 40px;
    justify-content: space-between;
}
.soft-info {
    width: 370px;
    padding-right: 20px;
}
.soft-info .soft-logo {
    margin-top: 56px;
}
.soft-info h2 {
    font-size: 40px;
    margin: 20px 0;
}
.soft-tip {
    flex-wrap: wrap;
}
.soft-tip li {
    width: 150px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    background: -webkit-linear-gradient(to right, #4474ff, 20% #9d67ff); /* Chrome, Safari */
    background: linear-gradient(to right, #4474ff 20%, #9d67ff); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
}
.btn {
    margin-top: 30px;
    width: 250px;
    height: 70px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    background-image: linear-gradient(to right, #6088f7, #8a62f6);
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn:hover {
    background-image: linear-gradient(to right, #769af8, #687bf8, #9c77f7);
}
/* AI内容创作 */
.wps-box {
    padding: 60px 0;
}
.ai-left {
    width: 455px;
}
.ai-left h1 {
    font-size: 44px;
    line-height: 1.5;
}
.ai-tag {
    padding: 15px 0 5px;
}

.ai-tag li {
    display: inline-block;
    width: 130px;
    height: 44px;
    text-align: center;
    line-height: 40px;
    border-radius: 22px;
    position: relative;
    border: 2px solid transparent;
    background: #fff;
    background-clip: padding-box;
    color: #4474ff;
    margin-right: 12px;
}

.ai-tag li::after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    content: "";
    z-index: -1;
    background: linear-gradient(0, #729dff, #c39bff);
    border-radius: 22px;
}

.ai-tag li span {
    background: linear-gradient(to right, #4474ff, #9d67ff);
    -webkit-background-clip: text; /* 背景剪辑到文字 */
    -webkit-text-fill-color: transparent; /* 文字颜色设为透明 */
    font-size: 20px;
}
.ai-list li {
    cursor: pointer;
    background: #edf6fe;
    padding: 10px 18px;
    border-radius: 20px;
    margin-top: 28px;
}
.ai-list li h3 {
    line-height: 32px;
    color: #1d1d1d;
}
.ai-list li p {
    line-height: 24px;
    color: #323232;
}
.ai-list li.active,
.ai-list li:hover {
    box-shadow: 0px 2px 0 0 #ffffff inset,5px 2px 15px rgba(131, 168, 205, 0.5);
    background: linear-gradient(to bottom, #f2f9fe, #ffffff);
}
.ai-right {
    width: 695px;
}
.ai-img-box {
    position: relative;
    text-align: center;
    height: 536px;
}
.ai-img-box::after {
    content: "";
    width: 100%;
    height: 346px;
    
    bottom: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}
.wps-box1 .ai-img-box::after {
    background: linear-gradient(to bottom, #fbfaff, #f6f3ff);
}
.wps-box2 .ai-img-box::after {
    background: linear-gradient(to bottom, #f9fafe, #e0f0ff);
}
.wps-box3 .ai-img-box::after {
    background: linear-gradient(to bottom, #fbf9ff, #f6f3ff);
}
.wps-box4 .ai-img-box::after {
    background: linear-gradient(to bottom, #f6fafe, #e0f1ff);
}
.content-btn {
    margin: 30px auto 0;
}
.wps-foot {
    text-align: center;
    background-color: #e9f3fe;
    padding: 50px 0;
}
.wps-table-box {
    background-image: url(./images/table_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 755px;
}
.wps-table-box .ai-box {
    position: relative;
    z-index: 2;
}
.wps-table-box .ai-list li {
    background: #efe9fc;
}
.wps-table-box .ai-list li.active,
.wps-table-box .ai-list li:hover {
    box-shadow: 0px 2px 0 0 #ffffff inset, 5px 2px 15px rgba(183, 172, 204, 0.5);
    background: linear-gradient(to bottom, #f3ecff, #ffffff);
}
.wps-box3 .ai-tag,
.wps-box4 .ai-tag {
    padding: 15px 0 0;
}
.ai-list.ppt li,
.ai-list.summary li {
    margin-top: 38px;
}

.footer {
    padding: 30px 0 30px;
    width: 100%;
    text-align: center;
    background: #e6e6e6;
}
.footer p {
    font-size: 14px;
    line-height: 24px;
    color: #1d1d1d;
}