* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
}

body div {
    box-sizing: border-box;
}

a:hover {
    background: none;
}

.buy {
    width: 246px;
    height: 54px;
    border-radius: 10px;
    font-size: 24px;
    color: #ffffff;
    line-height: 54px;
    text-align: center;
    background: linear-gradient(to right, rgba(253, 74, 77, 1), rgba(247, 166, 109, 1));
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    display: flex;
    list-style-type: none;
    gap: 10px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    width: fit-content;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    /* border: 1px solid black; */
}

.navbar li {
    position: relative;
    /* padding: 15px 20px; */
    /* width: 128px; */
    height: 34px;
    line-height: 34px;
    font-weight: 300;
    /* text-align: center; */
    padding: 0 13px;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.3s;
    z-index: 1;
    /* 确保文字在indicator上 */
    display: flex;
    align-items: center;
    /* 垂直居中对齐 */
    gap: 4px;
    /* 设置图标和文字的间距 */
}

/* .navbar li svg {
    vertical-align: middle;
} */

.navbar li:hover {
    color: #F72A3E;
}

.navbar li.selected {
    color: white;
    /* 选中项的文字颜色 */
}

.navbar .big {
    font-weight: 500;
}

.indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 6px;
    /* background: linear-gradient(to left, rgba(247, 42, 62, 0.85), rgba(255, 94, 110, 0.68)); */
    transition: transform 0.3s, width 0.3s, background 0.3s;
    z-index: 0;
    /* 确保indicator在文字下方 */
}

.white {
    color: #ffffff !important;
}

.middle {
    width: 1200px;
    margin: 0 auto;
}

.bigIntroduce {
    display: flex;
    width: 1200px;
    height: 448px;
    margin: 0 auto;
    margin-top: 34px;
    border-radius: 14px;
    padding-top: 32px;
    padding-left: 32px;
    /* border: 1px solid black; */

}




.bgOne {
    background: url(../assetpolish/bgimgone.png) no-repeat;
}

.bgTwo {
    background: url(../assetpolish/bgimgTwo.png) no-repeat;
}

.bgThree {
    background: url(../assetpolish/bgimgThree.png) no-repeat;
}

.bgFour {
    background: url(../assetpolish/bgimgFour.png) no-repeat;
}

.bigIntroduce .left {
    width: 578px;
    height: 377px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    overflow: hidden;
}

.bigIntroduce .left .topic {
    height: 56px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.40);
    text-align: center;
    line-height: 56px;
    font-size: 18px;
}

.bigIntroduce .left .content {
    padding-left: 30px;
}

.bigIntroduce .left .content .detailTopic {
    font-size: 16px;
    margin-top: 20px;
    padding-right: 20px;
}

.bigIntroduce .left .content img {
    width: 16px;
    margin-right: 6px;
    vertical-align: top;
}

.bigIntroduce .left .content .detailContent {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-left: 22px;
}

.bigIntroduce .left .content .detailContent .checkText {
    width: 56px;
    height: 22px;
    background-color: rgba(255, 158, 166, 0.25);
    color: #FC3A4D;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    margin-right: 9px;
}

.bigIntroduce .left .content .detailContent .word {
    font-size: 13px;
    color: #666666;
    margin-right: 20px;

}

.bigIntroduce .left .content .detailContent .service {
    margin-bottom: 13px;
}

.bigIntroduce .right {
    width: 480px;
    height: 377px;
    margin-left: 32px;
    position: relative;
    /* border: 1px solid black; */
}

.bigIntroduce .right .topic {
    line-height: 28px;
    font-size: 20px;
    font-weight: 55f0;
}

.bigIntroduce .right .topic img {
    margin-right: 6px;
    vertical-align: bottom;
}

.bigIntroduce .right .notice {
    position: absolute;
    top: 72px;
    left: 273px;
}

.bigIntroduce .right .content {
    width: 350px;
    height: 256px;
    position: absolute;
    left: 66px;
    top: 88px;
    /* border: 1px solid black; */
}

.bigIntroduce .right .content .price {
    width: max-content;
    margin: 0 auto;
    margin-top: 6px;
    /* border: #F72A3E 1px solid; */
}

.bigIntroduce .right .content .price img {
    margin-right: 3px;
}

.bigIntroduce .right .content .word {
    font-size: 18px;
    line-height: 28px;
    overflow-wrap: break-word;
    text-align: center;
    margin-top: 25px;
}

.bigIntroduce .right .content .buy {
    margin: 0 auto;
    margin-top: 60px;
}

.ownRight {
    /* display: flex; */
    width: 1200px;
    margin: 0 auto;
    margin-top: 72px;
    /* border: 1px solid black; */
}

.bigTopic {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../assetpolish/bgtopic.png) no-repeat;
    background-position: center top;
    margin: 0 auto;
    color: #464646;
    font-size: 28px;
    height: 64px;
    text-align: center;
}

.bigTopic.bigger {
    color: #000000;
    font-weight: 600;
    margin-top: 60px;
}
.bigTopic.bigger.specialMarginTitle {
    margin-top: 60px;
}
.bigTopicGrey {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../assetpolish/bgTopicGrey.png) no-repeat;
    background-position: center top;
    margin: 0 auto;
    color: #464646;
    font-size: 28px;
    height: 64px;
    text-align: center;
    margin-top: 72px;
}

.ownRight .content {
    margin-top: 36px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ownRight .content .right {
    width: 272px;
    height: 268px;
    padding: 24px;
    position: relative;
    border: #DEDEE0 1px solid;
    box-shadow: 3px 3px 0px #dedee0;
    margin-bottom: 32px;
}

.ownRight .content .right.infinity {
    position: relative;
    right: 619px;
}

.ownRight .content .right .rightTopic {
    font-size: 16px;
    color: #464646;
    padding: 6px 0;
}

.ownRight .content .right .rightContent {
    font-size: 13px;
    line-height: 20px;
    color: #999999;
}

.ownRight .content .right a {
    font-size: 13px;
    color: #fd394b;
    text-decoration: none;
    position: absolute;
    bottom: 24PX;
    background-color: none;
}

.ownRight .content .right a::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 10px;
    margin-left: 5px;
    background-image: url('../assetpolish/arrow.png');
    background-repeat: no-repeat;
}

.exampleWord {
    width: 1200px;
    margin: 0 auto;
    margin-top: 100px; /* 原40px，增大与上方间距 */
    margin-bottom: -4px;
}

.exampleWord .content {
    position: relative;
    height: 402px;
}



.exampleWord .content .image {
    float: left;
    position: absolute;
    bottom: 0;
    z-index: 1;
}



.exampleWord .content .word {
    position: absolute;
    right: 0;
}

.exampleWord .content .word .wordTopic {
    display: flex;
    position: relative;
}

.exampleWord .content .word .wordTopic .area {
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 12px;
    color: #434343;
    z-index: 100;
    cursor: pointer;
}

.exampleWord .content .word .wordTopic .currentArea {
    border: 1px #e5e5e5 solid;
    border-bottom: #ffffff 1px solid;
}

.exampleWord .content .word .wordContent {
    border: 1px #e5e5e5 solid;
    margin-top: -1px;
}

.exampleWord .content .word .wordContent .case-img {
    padding: 10px;
    width: 929px;
    height: 315px;
    object-fit: cover;
}

.examplePic {
    position: relative;
    width: max(1200px, 100vw);
    height: 777px;
    background-image: url('../assetpolish/bgKeyboard.png');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 auto;
}

.examplePic .picContent {
    width: 1118px;
    height: 424px;
    margin: 0 auto;
    margin-top: 72px;
    background-color: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(8px);
    border-radius: 6px;
    position: relative;
    padding: 48px;
}

.examplePic .picContent .leftArrow {
    position: absolute;
    left: -92px;
    top: calc(50% - 27px);
}

.examplePic .picContent .rightArrow {
    position: absolute;
    right: -92px;
    top: calc(50% - 27px);
}

.examplePic .picContent .introduce {
    height: 336px;
    width: 650px;
}

.examplePic .picContent .introduce .introduceTopic {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #b0b0b0;
}

.examplePic .picContent .introduce .english {
    width: 630px;
}

.examplePic .picContent .introduce .introduceContent {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    /* width: 630px; */
    margin-bottom: 16px;
}

.examplePic .picContent .cover {
    width: 505px;
    height: 608px;
    background: url(../assetpolish/cover.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -48px;
    top: -80px;
}

.examplePic .picContent .cover .points {
    position: absolute;
    top: 80px;
    left: -68px;
}

.examplePic .picContent .cover .coverWord {
    width: 405px;
    height: 120px;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 53%);
    left: 50px;
    bottom: 60px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 32px;

}


.examplePic .picContent .cover .coverWord .text {
    transform: translateY(16px);
}


.examplePic .progress-container {
    width: 1118px;
    margin: 0 auto;
    display: flex;
    gap: 0;
    align-items: center;
    font-family: Arial, sans-serif;
    margin-top: 26px;
}

.examplePic .progress-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.2);
    margin-right: 10px;
    font-size: 18px;
}

.examplePic .progress-current {
    font-size: 20px;
    color: #ffffff;
}

.examplePic .progress-bar {
    display: flex;
    width: 180px;
    height: 4px;
}

.examplePic .segment {
    flex: 1;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.examplePic .segment.active {
    background-color: rgba(255, 255, 255, 0.5);
}

.promise {
    width: 100%;
    height: 611px;
    background-image: url('../assetpolish/bottom.png');
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    padding-top: 72px;
}



.promise .promiseContent {
    width: 1106px;
    height: 150px;
    margin: 0 auto;
    margin-top: 28px;
    display: flex;
}

.promise .promiseContent .promiseWord {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 36px;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
}

.promise .buyBottom {
    margin: 0 auto;
    margin-top: 54px;
}

.promise .bottomWord {
    width: 1000px;
    position: absolute;
    bottom: 0;
    padding-bottom: 50px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.overViewBG {
    /* display: flex; */
    width: 1200px;
    height: 448px;
    overflow: hidden;
    margin: 0 auto;
    /* margin-top: 34px; */
    border-radius: 14px;
    /* padding-top: 32px;
    padding-left: 32px; */
    background: url(../assetpolish/bgimgFive.png) no-repeat;
}

.overViewBG .topic {
    width: 1200px;
    margin-top: 60px;
    font-size: 34px;
    text-align: center;
    font-weight: 600;
}

.overViewBG .cards {
    margin-top: 32px;
    margin-left: 32px;
    display: flex;
    gap: 24px;
    height: 188px;
}

.overViewBG .cards .cardOne {
    width: 298px;
    background-image: url('../assetpolish/cardOne.png');
    background-size: auto;
}

.overViewBG .cards .cardTwo {
    width: 252px;
    background-image: url('../assetpolish/cardTwo.png');
    background-size: auto;
}

.cardTopic {
    margin-top: 36px;
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.cardContent {
    /* width: 256px; */
    margin: 0 20px;
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #8c8f93;
    text-align: left;
}

.longBuy {
    width: 400px;
    margin: 0 auto;
    margin-top: 32px;
}


.overViewCompare {
    margin-top: 66px;
}

.compareCard {
    position: relative;
    margin-top: 52px;
    overflow: visible;
}

.compare1 {
    transform: translateX(-74px);
}

.compare2 {
    transform: translateX(-140px);
}

.compare3 {
    position: absolute;
    z-index: 0;
    right: -60px;
}

.compareCardText {
    width: 240px;
    height: 235px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.compareCardText .topic {
    width: 100%;
    text-align: center;
    margin-top: 28px;
    font-size: 26px;
}

.compareCardText .content {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.compareCardText .price {
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-size: 48px;
    font-weight: 600;
}

.compareCardText .begin {
    width: 100%;
    text-align: center;
    /* margin-top: 3px; */
    font-size: 16px;
    color: #6f7276;


}

.compareCardText1 {
    left: 60px;
}

.compareCardText2 {
    left: 368px;
}

.compareCardText3 {
    left: 680px;
}

.compareCardText4 {
    left: 974px;
}

.compareLabel {
    position: absolute;
    top: -10px;
}

.compareLabel1 {
    left: -62px;
}

.compareLabel2 {
    left: -82px;
}

.compareLabel3 {
    left: -84px;
}

.compareLabel4 {
    left: -68px;
}

.compareTextBox {
    margin-top: -10px;
    display: flex;
    justify-content: space-between;
}

.compareTextBox .compareText {
    position: relative;
    width: 292px;
    height: 1120px;
    background-color: rgba(249, 226, 226, 0.5);
}

.compareTextBox .compareText .blueLabel {
    margin-top: 32px;
    width: 90px;
    height: 32px;
    color: #3E4EDF;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    background: url(../assetpolish/blueLabelTwo.png) no-repeat;
}

.compareTextBox .compareText .blueLabel.blueLabelLong {
    margin-top: 20px;
    width: 112px;
    background: url(../assetpolish/blueLabelOne.png) no-repeat;
}

.compareTextBox .compareText .text {
    padding-top: 10px;
    width: 230px;
    font-size: 16px;
    color: #000000;
    margin-left: 32px;
}

.compareTextBox .compareText .text::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url('../assetpolish/right.png');
    background-repeat: no-repeat;

}

.compareTextBox .compareText .buy {
    width: 228px;
    position: absolute;
    bottom: 40px;
    left: 32px;
}

.include {
    margin-top: 66px;
}

.smallTopic {
    padding-top: 12px;
    color: #666666;
    font-size: 16px;
    text-align: center;
    padding-bottom: 32px;
}

.include .ring {
    position: relative;
    width: 1200px;
    height: 743px; /* 1341->1200, 831->743 等比缩小 */
    margin: 0 auto;
}
.include .ring .mainRing {
    position: absolute;
    z-index: 1;
    transition: transform 0.3s ease;
}
.include .ring .mainRing:hover {
    transform: scale(1.3);
}
/* 位置等比缩小，比例=1200/1341=0.894, 743/831=0.894 */
.include .ring .mainRing.ringOne {
    bottom: 179px; /* 200*0.894 */
    left: 130px;   /* 145*0.894 */
}
.include .ring .mainRing.ringTwo {
    left: 492px;   /* 550*0.894 */
    top: 233px;    /* 261*0.894 */
}
.include .ring .mainRing.ringThree {
    bottom: 79px;  /* 88*0.894 */
    left: 590px;   /* 660*0.894 */
}
.include .ring .mainRing.ringFour {
    top: 63px;     /* 70*0.894 */
    left: 729px;   /* 816*0.894 */
}
.include .ring .mainRing.ringFive {
    top: 303px;    /* 339*0.894 */
    left: 956px;   /* 1069*0.894 */
}
.include .ring .mainRing.ringSix {
    top: 107px;    /* 120*0.894 */
    left: 224px;   /* 251*0.894 */
}
.include .ring > img {
    width: 1200px;
    height: 743px;
    display: block;
    margin: 0 auto;
}

.mostCheck {
    margin-top: 60px;
}

.mostCheck .checkCardBox {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mostCheck .checkCardBox .checkCard {
    padding-top: 24px;
    padding-left: 20px;
    margin-top: 20px;
    width: 288px;
    height: 130px;
    background-color: #FFEBEB;
    position: relative;
    border-radius: 6px;
}

.mostCheck .checkCardBox .checkCard.highCard {
    height: 156px;
}

.mostCheck .checkCardBox .checkCard img {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
}

.mostCheck .checkCardBox .checkCard .checkTextTopic {
    font-size: 20px;
    color: #000000;
    margin-bottom: 16px;
    font-weight: 600;
}

.mostCheck .checkCardBox .checkCard .checkTextContent {
    width: 248px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 100;
}

.superTeam {
    width: 100%;
    height: 807px;
    background-color: #f9ecec;
    position: relative;
}

.superTeam .earth {
    position: absolute;
    right: 0;
    z-index: 0;
}

.teamTitle {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../assetpolish/bgtopic.png) no-repeat;
    background-position: center top;
    margin: 0 auto;
    color: #464646;
    font-size: 28px;
    width: 665px;
    height: 95px;
    position: relative;
    top: 60px;
}
.empty {
    width: 100%;
    height: 300px;
}

.teamCardFlex {
    position: relative;
    z-index: 1;
    top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    gap: 20px;
    padding: 0;
}

.teamCardBox {
    width: 380px;
    height: 260px;
    background-image: url('../assetpolish/bgPink.png');
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(255, 74, 77, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 24px 20px;
}

.teamCardIcon {
    width: 76px;
    height: 76px;
    background: #ffe6e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.teamCardIcon img {
    width: 40px;
    height: 40px;
}

.teamCardTitle {
    font-family: FZLanTingHeiS-B-GB, "PingFang SC", Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #222;
    margin-bottom: 12px;
}

.teamCardDesc {
    font-family: "PingFang SC", Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #444;
    line-height: 24px;
    max-width: 320px;
}
.totalPapers{
    width: 1200px;
    margin: 0 auto;
}
.papersTitle {
    width: 629px;
    height: 95px;
    margin: 0 auto;
    margin-top: 30px;
}
/*
下面是润色服务模块的样式
*/
.papersModule {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}

.tabContainer {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    padding: 4px;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
    border-bottom: 1px solid #e9ecef;
}

.tabItem {
    padding: 12px 24px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: transparent;
    border: none;
    margin: 0 2px;
    white-space: nowrap;
}

.tabItem:hover {
    color: #333;
    background: rgba(247, 42, 62, 0.1);
}

.tabItem.active {
    color: #333;
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-weight: 500;
}

.tabContent {
    position: relative;
}

.contentPanel {
    display: none;
}

.contentPanel.active {
    display: block;
}

.tableContainer {
height: 600px;
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
padding-bottom: 20px; /* 增加底部内边距确保最后一行可见 */
}

.papersTable {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 0;
overflow: hidden;
box-shadow: none;
table-layout: fixed;
height: 100%;
margin: 0 auto;
}

.papersTable thead {
position: sticky;
top: 0;
z-index: 1;
background: linear-gradient(to right, rgba(247, 42, 62, 0.1), rgba(255, 94, 110, 0.1));
}

.papersTable tbody {
display: block;
overflow-y: overlay; /* 改为 overlay 使滚动条不占用空间 */
height: calc(600px - 60px - 10px);
}

/* 自定义滚动条样式 */
.papersTable tbody::-webkit-scrollbar {
width: 6px; /* 滚动条宽度 */
}

.papersTable tbody::-webkit-scrollbar-track {
background: transparent; /* 轨道透明 */
}

.papersTable tbody::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2); /* 滑块颜色 */
border-radius: 3px; /* 滑块圆角 */
}

.papersTable tbody::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.3); /* 悬停时的颜色 */
}

.papersTable thead tr,
.papersTable tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}

.papersTable th,
.papersTable td {
width: 25%;
white-space: normal;
word-wrap: break-word;
padding: 10px;
border: none;
}

.papersTable th {
text-align: center;
font-family: FZLanTingHeiS-DB-GB;
color: #FF4C4C;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
width: 240px;
height: 60px;
}

.papersTable td {
font-family: FZLanTingHeiS-R-GB;
font-weight: 400;
font-size: 16px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}

.papersTable .paper-title {
font-family: FZLanTingHeiS-R-GB;
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
}

.papersTable tbody tr:hover {
background-color: #fafafa;
}

.papersTable tbody tr:last-child td {
border-bottom: none;
}
/*
下面是质量报告的样式
*/
.quality{
    width: 1200px;
    margin: 0 auto;
}
.qualityTitle {
    width: 932px;
    height: 95px;
    margin: 0 auto;
}
.qualityImg {
   margin: 0 auto;
}

/* 质量流程图样式 - 箭头精确调整版 */
.qualityProcess {
    width: 1000px;
    margin: 40px auto;
    padding: 30px;
}

.processRow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    gap: 20px;
}

.processRow .reverse {
    flex-direction: row-reverse;
    transform: rotate(90deg);
}

.processItem {
    /* 移除所有动画效果 */
}

.processItem img {
    width: 238px;
    height: 100px;
    object-fit: contain;
    display: block;
}

/* 向右箭头样式 */
.pathArrow {
    width: 55px;
    height: 21px;
    object-fit: contain;
    opacity: 0.5;
    margin: 0 10px;
}

/* 向左箭头样式（反向行使用） */
.pathArrow.reverse {
    width: 55px;
    height: 21px;
    transform: rotate(0deg);
    opacity: 0.5;
}



.downArrow1 {
    transform: rotate(0deg);
    position: relative;
    top: -10px;
    left: 1250px;
    opacity: 0.8;
}
.downArrow2 {
    transform: rotate(0deg);
    position: relative;
    top: -10px;
    left: 170px;
    opacity: 0.8;
}

/*
下面是严格保密机制所在的位置
*/
.Imgbox{
    width: 720px;
    height: 95px;
    margin: 0 auto;
}
.secretImg{
    margin: 0 auto;
}

.certificateContainer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    margin: 50px auto;
    max-width: 800px;
    padding: 0 20px;
}

.certificateItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 260px;
}

.certificateImage {
    width: 260px;
    height: 210px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    margin-bottom: 15px;
    overflow: hidden;
}

.certificateImage img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.certificateText {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
}

/*服务与价格*/
.pricePlayground{
    width: 1560px;
    height: 600px;
    background-image: url('../assetpolish/pricePlayground.png');
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
}

.priceTitle {
    font-family: FZLanTingHeiS-B-GB;
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 20px;
}

.priceSubtitle {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #666;
}

/*以下都是slide组件的内容*/
* {
    margin: 0;
    border: 0;
}
.center-section {
    width: 1500px;
    margin: 0 auto;
}

.pricePlayground{
    width: 100%;
    height: auto;
    min-height: 400px; /* 可根据需要设置最小高度 */
    background-image: url('../assetpolish/pricePlayground.png');
    /*background-size: cover;  或 contain，cover 会铺满整个容器 */
    background-position:top center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
}

.priceTitle {
    font-family: FZLanTingHeiS-B-GB;
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 20px;
}

.priceSubtitle {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #666;
    margin-bottom: 40px;
}

.slider-container {
    width: 800px;
    margin: 50px 0;
    position: relative;
    right: 50px;
}

.price-display {
    background: #fff;
    border: 2px solid #4A90E2;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-family: PingFang SC;
    font-size: 16px;
    color: #4A90E2;
    font-weight: 600;
    position: absolute;
    top: -80px;
    left: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
}

.price-display::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4A90E2;
}

.max-words-tip {
    position: absolute;
    top: -30px;
    right: 0;
    transform: translateX(100%);
    background: #A9BAFF66;
    color: #4A90E2;
    padding: 8px 12px;
    border-radius: 8px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #E0E0E0;
    z-index: 15;
    line-height: 1.4;
    transition:  0.2s, color 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.max-words-tip.active {
    background: #4677FE;
    color: #fff;
}


.slider-track {
    width: 100%;
    height: 16px;
    background: #A9BAFF66;
    border-radius: 4px;
    position: relative;
}

.slider-dots {
    position: absolute;
    top: -1px;
    width: 100%;
    height: 16px;
}

.slider-dot {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #A9BAFF;
    border-radius: 50%;
    top: -3px;
    transform: translateX(-50%);
    z-index: 100;
}

.slider-dot.start-dot {
    width: 50px;
    height: 50px;
    top: -15px;
    background: #A9BAFF;
}

.slider-thumb {
    width: 24px;
    height: 24px;
    background: #4677FE;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: 0;
    transform: translateX(-50%);
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: transform 0.2s;
    z-index: 200;
}

.slider-thumb:hover {
    transform: translateX(-50%) scale(1.1);
}

.slider-labels {
    position: relative;
    margin-top: 30px;
    font-family: PingFang SC;
    font-size: 14px;
    color: #999;
    height: 20px;
}

.slider-label {
    position: absolute;
    transform: translateX(-50%);
    text-align: center;
}

.word-count {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.input-section {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.word-input {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    width: 100px;
}

.input-label {
    font-family: PingFang SC;
    font-size: 14px;
    color: #666;
}
/* 移除原有的 price-display 和 word-count-tip 样式 */
/* .price-display { ... } */
/* .word-count-tip { ... } */

/* 新的提示框样式 */
.new-tooltip {
    position: absolute;
    top: -80px;
    left: 0;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 8px 12px;
    border-radius: 8px;
    font-family: PingFang SC;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #E0E0E0;
    z-index: 15;
    white-space: nowrap;
}

.new-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFFFFF;
}

.new-tooltip .tooltip-label {
    font-family: 思源黑体斜体;
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: left;
}
.new-tooltip .tooltip-label2 {
    font-family: 思源黑体斜体;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: bottom;
    color: black;
}

.new-tooltip .tooltip-value {
    font-family: Calibri;
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color:  #4677FE;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.slider-gradient {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, #A8B9FF 0%, #4677FE 100%);
    width: 0%;
    /* transition: width 0.2s;  // 删除这一行 */
    opacity: 0.7;
}
.slider-label.last-label {
    position: absolute;
    top: 0px; /* 根据实际情况微调 */
    transform: translateX(10%);
    text-align: center; /* 确保文本居中 */
    width: 100px;
}

/* 新增表格模块样式 */
.calculation-table-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.calculation-table {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.table-row {
    display: flex;
    gap: 0;
}

.table-cell {
    width: 238px;
    height: 50px;
    background-image: url('../assetpolish/CalculationBg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: center;
    border: 1px solid #E0E0E0;
}

.header-cell {
    font-weight: 600;
    background-color: #F5F5F5;
    color: #666;
}
.discount-icon {
    position: absolute;
    left: 0px;
    top: -10px;
    width: 71px;
    height: 32px;
    z-index: 2;
}
.header-cell {
    position: relative;
}
.price-cell {
    color: #E74C3C;
    font-weight: 500;
}
.original-price {
    text-decoration: line-through;
    margin-right: 5px;
    color: #999;
}
.current-price {
    color: #FC3A4D;
}
.button-cell {
    width: 238px;
    height: 80px;
    background-image: url('../assetpolish/CalculationBg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    padding: 0;
}

.select-plan-btn {
    width: 212px;
    height: 54px;
    background: url('../assetpolish/btnDiscount.png') no-repeat center center;
background-size: cover;
    border: none;
    border-radius: 8px;
    color: white;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.select-plan-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

.select-plan-btn:active {
    transform: translateY(0);
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .calculation-table-container {
        width: 100%;
        overflow-x: auto;
    }
    
    .table-cell {
        min-width: 200px;
    }
    
    .service-compare-container.sticky {
        width: 95vw;
        max-width: 95vw;
        padding: 0 16px;
    }
    
    .service-compare-wrapper {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .service-compare-container.sticky {
        width: 98vw;
        max-width: 98vw;
        padding: 0 8px;
    }
    
    .service-compare-title {
        font-size: 20px;
        line-height: 100px;
        height: 100px;
    }
    
    .service-compare-col-title {
        font-size: 20px;
        margin-top: 24px;
    }
    
    .service-compare-col {
        width: auto;
        flex: 1;
        min-width: 0;
    }
}
.calculation-table .table-row:not(:first-child) .table-cell:not(:first-child) {
    background-image: url('../assetpolish/Pinkbg.png');
}
.pink-cell {
    background-image: url('../assetpolish/Pinkbg.png');
}
.cell-content {
    position: relative;
    display: inline-block;
}
.icon-discount {
    position: absolute;
    top: -20px;
    right: -70px;
    width: 77px;
    height: 24px;
    z-index: 2;
}
.quality-service-title {
    text-align: center;
    margin-top: 60px;
}
.quality-service-title img {
    max-width: 100%;
    height: auto;
}

.service-compare-wrapper {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.06);
    padding: 0 0 0 0;
    margin: 40px 0 0 0;
    width: 1200px;
    height: 164px;
    box-sizing: border-box;
    position: relative;
}

.service-compare-wrapper.has-sticky {
    padding-top: 164px; /* 保持原始高度 */
}

.service-compare-container {
    display: flex;
    align-items: flex-start;
    min-height: 120px;
}

.service-compare-container.sticky {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 18px 18px;
    width: 1200px;
    max-width: 90vw;
    margin: 0;
    min-height: 164px; /* 保持原始高度 */
}



.service-compare-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 120px;
    height: 120px;
    flex-shrink: 0;
}

.service-compare-container.sticky .service-compare-title {
    line-height: 164px; /* 保持原始高度 */
    height: 164px; /* 保持原始高度 */
    font-size: 24px; /* 保持原始字体大小 */
    padding-top: 0; /* 移除额外的内边距 */
}

.service-compare-columns {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
}

.service-compare-col {
    width: 240px;
    height: 164px;
    text-align: center;
    position: relative;
    border-right: 1px solid #f0f0f0;
    min-height: 120px;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.service-compare-container.sticky .service-compare-col {
    height: 164px; /* 保持原始高度 */
    min-height: 164px; /* 保持原始高度 */
    justify-content: flex-start; /* 保持原始对齐方式 */
    padding-top: 0; /* 移除额外的内边距 */
}
.service-compare-col:last-child {
    border-right: none;
}

.service-compare-label {
    position: absolute;
    left: 50%;
    top: -28px;
    transform: translateX(-50%);
    background: #FFE6A0;
    color: #B88A00;
    font-size: 14px;
    padding: 2px 16px;
    border-radius: 8px 8px 0 0;
    white-space: nowrap;
    font-weight: 500;
    box-shadow: 0 2px 8px 0 rgba(255, 230, 160, 0.2);
}

.service-compare-container.sticky .service-compare-label {
    top: -28px; /* 保持原始位置 */
    font-size: 14px; /* 保持原始字体大小 */
    padding: 2px 16px; /* 保持原始内边距 */
    border-radius: 8px 8px 0 0; /* 保持原始圆角 */
}

.service-compare-col-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 0;
    margin-top: 32px;
}

.service-compare-container.sticky .service-compare-col-title {
    font-size: 24px; /* 保持原始字体大小 */
    margin-top: 32px; /* 保持原始边距 */
    margin-bottom: 12px; /* 保持原始边距 */
}

.service-compare-col .select-plan-btn {
    margin-top: 12px;
}
.select-plan-btn2 {
background: none;
border: none;
outline: none;
box-shadow: none;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
}

.service-compare-container.sticky .select-plan-btn2 {
    transform: scale(1); /* 保持原始大小 */
    margin-top: 12px; /* 保持原始边距 */
}
/*项目检查*/
.check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    position: relative;
    left: -540px;
}

.check-icon {
    width: 32px;
    height: 32px;
}

.check-title {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
}
.empty {
    width: 100%;
    height: 300px;
}
.check-table {
    margin-top: 50px;
}
.check-table table {
    width: 1200px;
    border-collapse: collapse;
    font-family: PingFang SC;
    table-layout: fixed;
}
.check-table th, .check-table td {
    border: 1px solid #f0f0f0;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    width: 20%;
}
.check-table th {
    font-weight: normal;
    color: #333;
}
.check-table th:first-child,
.check-table td:first-child {
    border-left: none;
}

.check-table th:last-child,
.check-table td:last-child {
    border-right: none;
}
.check-table th:not(:first-child) {
    color: #ff4d4f;
}
.check-mark {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.minus {
    color: #00DC04 !important;
}
/*编辑团队*/
.editing-team {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    position: relative;
    left: -550px;
}

.editing-team-icon {
    width: 32px;
    height: 32px;
}

.editing-team-title {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.editing-team-table {
    margin-top: 50px;
}

.editing-team-table table {
    width: 1200px;
    border-collapse: collapse;
    font-family: PingFang SC;
}

.editing-team-table th, .editing-team-table td {
    border: 1px solid #f0f0f0;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    width: 20%;
}

.editing-team-table th {
    font-weight: normal;
    color: #333;
}

.editing-team-table th:first-child {
    text-align: center;
    border-left: none;
}
.editing-team-table th:last-child,
.editing-team-table td:last-child
{
    text-align: center;
    border-right: none;
}
.editing-team-table td:first-child {
    text-align: center;
    color: #333;
    border-left: none;
}

.editing-team-table th:not(:first-child) {
    color: #ff4d4f;
}
.editing-team-table td:not(:first-child) {
    color: #ff4d4f;
}



/* 投稿支持表格样式 */
.submission-support {
display: flex;
align-items: center;
gap: 8px;
margin-top: 30px;
position: relative;
left: -550px;
}

.submission-icon {
width: 32px;
height: 32px;
}

.submission-title {
font-family: PingFang SC;
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
vertical-align: middle;
}

.submission-table {
margin-top: 50px;
}

.submission-table table {
width: 1200px;
border-collapse: collapse;
font-family: PingFang SC;
}

.submission-table th, .submission-table td {
border: 1px solid #f0f0f0;
padding: 16px;
text-align: center;
font-size: 14px;
width: 20%;
}

.submission-table th {
font-weight: normal;
color: #333;
text-align: center;
}

.submission-table td {
color: #ff4d4f;
}

.submission-table th:first-child,
.submission-table td:first-child {
border-left: none;
}

.submission-table th:last-child,
.submission-table td:last-child {
border-right: none;
}
/*排版查重*/
.typesetting-weight {
display: flex;
align-items: center;
gap: 8px;
margin-top: 30px;
position: relative;
left: -550px;
}

.typesetting-icon {
width: 32px;
height: 32px;
}

.typesetting-title {
font-family: PingFang SC;
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
vertical-align: middle;
}

.typesetting-table {
margin-top: 50px;
}

.typesetting-table table {
width: 1200px;
border-collapse: collapse;
font-family: PingFang SC;
table-layout: fixed;
}

.typesetting-table th, .typesetting-table td {
border: 1px solid #f0f0f0;
padding: 16px;
text-align: center;
font-size: 14px;
width: 20%;
}

.typesetting-table td:first-child {
text-align: center;
color: #333;
border-left: none;
}

.typesetting-table td:last-child {
border-right: none;
}

.typesetting-table td:empty::before {
content: "-";
color: #52c41a;
}

.typesetting-table td:not(:first-child) {
color: #ff4d4f;
}

.typesetting-table .check-icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
/*售后服务*/
.after-sales {
display: flex;
align-items: center;
gap: 8px;
margin-top: 30px;
position: relative;
left: -550px;
}

.serve-icon {
width: 32px;
height: 32px;
}

.after-sales-title {
font-family: PingFang SC;
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
vertical-align: middle;
}

.after-sales-table {
margin-top: 50px;
}

.after-sales-table table {
width: 1200px;
border-collapse: collapse;
font-family: PingFang SC;
table-layout: fixed;
}

.after-sales-table th, .after-sales-table td {
border: 1px solid #f0f0f0;
padding: 16px;
text-align: center;
font-size: 14px;
width: 20%;
}

.after-sales-table td:first-child {
text-align: center;
color: #333;
border-left: none;
}

.after-sales-table td:last-child {
border-right: none;
}

.after-sales-table td:empty::before {
content: "-";
color: #52c41a;
}

.after-sales-table td:not(:first-child) {
color: #ff4d4f;
}

.after-sales-table .check-icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
/* 实例*/
.exampleWord {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: -4px;
}

.exampleWord .content {
    position: relative;
    margin-top: 100px;
    height: 402px;
}



.exampleWord .content .image {
    float: left;
    position: absolute;
    bottom: 0;
    z-index: 1;
}



.exampleWord .content .word {
    position: absolute;
    right: 0;
}

.exampleWord .content .word .wordTopic {
    display: flex;
    position: relative;
}

.exampleWord .content .word .wordTopic .area {
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 12px;
    color: #434343;
}

.exampleWord .content .word .wordTopic .currentArea {
    border: 1px #e5e5e5 solid;
    border-bottom: #ffffff 1px solid;
}

.exampleWord .content .word .wordContent {
    border: 1px #e5e5e5 solid;
    margin-top: -1px;
}

.examplePic {
    position: relative;
    width: max(1200px, 100vw);
    height: 777px;
    background-image: url('../assetpolish/bgKeyboard.png');
    background-repeat: no-repeat;
    overflow: hidden;
}

.examplePic .picContent {
    width: 1118px;
    height: 424px;
    margin: 0 auto;
    margin-top: 72px;
    background-color: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(8px);
    border-radius: 6px;
    position: relative;
    padding: 48px;
}

.examplePic .picContent .leftArrow {
    position: absolute;
    left: -92px;
    top: calc(50% - 27px);
}

.examplePic .picContent .rightArrow {
    position: absolute;
    right: -92px;
    top: calc(50% - 27px);
}

.examplePic .picContent .introduce {
    height: 336px;
    width: 650px;
}

.examplePic .picContent .introduce .introduceTopic {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #b0b0b0;
}

.examplePic .picContent .introduce .english {
    width: 630px;
}

.examplePic .picContent .introduce .introduceContent {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    /* width: 630px; */
    margin-bottom: 16px;
}

.examplePic .picContent .cover {
    width: 505px;
    height: 608px;
    background: url(../assetpolish/cover.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -48px;
    top: -80px;
}

.examplePic .picContent .cover .points {
    position: absolute;
    top: 80px;
    left: -68px;
}

.examplePic .picContent .cover .coverWord {
    width: 405px;
    height: 120px;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 53%);
    left: 50px;
    bottom: 60px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 32px;

}


.examplePic .picContent .cover .coverWord .text {
    transform: translateY(16px);
}


.examplePic .progress-container {
    width: 1118px;
    margin: 0 auto;
    display: flex;
    gap: 0;
    align-items: center;
    font-family: Arial, sans-serif;
    margin-top: 26px;
}

.examplePic .progress-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.2);
    margin-right: 10px;
    font-size: 18px;
}

.examplePic .progress-current {
    font-size: 20px;
    color: #ffffff;
}

.examplePic .progress-bar {
    display: flex;
    width: 180px;
    height: 4px;
}

.examplePic .segment {
    flex: 1;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.examplePic .segment.active {
    background-color: rgba(255, 255, 255, 0.5);
}
/*promise*/
.promise {
    width: 100%;
    height: 611px;
    background-image: url('../assetpolish/bottom.png');
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    padding-top: 72px;
}



.promise .promiseContent {
    width: 1106px;
    height: 150px;
    margin: 0 auto;
    margin-top: 28px;
    display: flex;
}

.promise .promiseContent .promiseWord {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 36px;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
}

.promise .buyBottom {
    margin: 0 auto;
    margin-top: 54px;
}

.promise .bottomWord {
    width: 1000px;
    position: absolute;
    bottom: 0;
    padding-bottom: 50px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.bigTopic {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../assetpolish/bgtopic.png) no-repeat;
    background-position: center top;
    margin: 0 auto;
    color: #464646;
    font-size: 28px;
    height: 64px;
    text-align: center;
}
.buy {
    cursor: pointer;
    width: 246px;
    height: 54px;
    border-radius: 10px;
    font-size: 24px;
    color: #ffffff;
    line-height: 54px;
    text-align: center;
    background: linear-gradient(to right, rgba(253, 74, 77, 1), rgba(247, 166, 109, 1));
}
/*联系我们*/
.contact-section {
    background-image: url('../assetpolish/connectIcon.png');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    text-align: center;
}

.contact-title {
    margin-bottom: 40px;
}

.contact-title h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.contact-title p {
    font-size: 16px;
    color: #666;
}

.contact-methods {
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-item {
    height: 180px;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: content-box;
}

.contact-item:nth-child(1),
.contact-item:nth-child(2) {
    width: 270px;
}

.contact-item:nth-child(3) {
    font-size: 21px;
    width: 270px;
}

.contact-item:last-child {
    width: 500px;
}

.contact-item:nth-child(-n+3) {
    background-image: url('../assetpolish/LightBackground1.png');
}

.contact-item:last-child {
    background-image: url('../assetpolish/LightBackground2.png');
}

.contact-title-tag {
    width: 132px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(253, 74, 77, 0.76);
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.contact-info {
    color: #FF6B84;
    font-weight: bold;
    margin-top: 60px;
    text-align: center;
    font-size: 18px;
}
.phoneNumber{
    width: 183px;
    font-size: 26px;
    color: #FC3A4D;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    font-weight: 600;
}
.contact-desc {
    color: #666;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
}

.online-btn {
    margin-top: 55px;
    border: none;
    padding: 8px 25px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    background: transparent;
}

.online-btn-img {
    width: 160px;
    height: 48px;
}

.qr-code {
    width: 100px;
    height: 100px;
    margin-top: 35px;
}



    /* 轮播图css */
    .examplePic {
        position: relative;
        width: max(1200px, 100vw);
        height: 777px;
        background-image: url('../assetpolish/bgKeyboard.png');
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .examplePic .picContent {
        width: 1118px;
        height: 424px;
        margin: 0 auto;
        margin-top: 72px;
        background-color: rgba(255, 255, 255, 0.11);
        backdrop-filter: blur(8px);
        border-radius: 6px;
        position: relative;
        padding: 48px;
    }

    .examplePic .picContent .leftArrow {
        position: absolute;
        left: -92px;
        top: calc(50% - 27px);
    }

    .examplePic .picContent .rightArrow {
        position: absolute;
        right: -92px;
        top: calc(50% - 27px);
    }

    .examplePic .picContent .introduce {
        height: 336px;
        width: 650px;
    }

    .examplePic .picContent .introduce .introduceTopic {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #b0b0b0;
    }

    .examplePic .picContent .introduce .english {
        width: 630px;
    }

    .examplePic .picContent .introduce .introduceContent {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        /* width: 630px; */
        margin-bottom: 16px;
    }

    .examplePic .picContent .cover {
        width: 450px;
        height: 608px;
        background: url(../assetpolish/BioresourceTechnology.webp);
        background-repeat: no-repeat;
        position: absolute;
        right: -48px;
        top: -80px;
        background-size: 405px 508px; /* 使图片严格符合 505×608px */
        background-position: center center; /* 让背景图在容器中水平垂直居中 */
    }

    .examplePic .picContent .cover .points {
        position: absolute;
        top: 80px;
        left: -68px;
    }

    .examplePic .picContent .cover .coverWord {
        width: 405px;
        height: 120px;
        position: absolute;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 53%);
        left:22px;
        bottom: 50px;
       /*  border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px; */       
        text-align: center;
        font-size: 20px;
        color: #ffffff;
        line-height: 32px;

    }


    .examplePic .picContent .cover .coverWord .text {
        transform: translateY(16px);
    }


    .examplePic .progress-container {
        width: 1118px;
        margin: 0 auto;
        display: flex;
        gap: 0;
        align-items: center;
        font-family: Arial, sans-serif;
        margin-top: 26px;
    }

    .examplePic .progress-text {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.2);
        margin-right: 10px;
        font-size: 18px;
    }

    .examplePic .progress-current {
        font-size: 20px;
        color: #ffffff;
    }

    .examplePic .progress-bar {
        display: flex;
        width: 180px;
        height: 4px;
    }

    .examplePic .segment {
        flex: 1;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .examplePic .segment.active {
        background-color: rgba(255, 255, 255, 0.5);
    }
    /* 轮播图css end */


.include .ring .mainRing img {
    width: 153px;
    height: 153px;
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.include .ring .mainRing.ringTwo img {
    width: 224px;
    height: 224px;
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.new-tooltip input[type="text"] {
    border: none;
    outline: none;
    background: transparent;
    font-family: '思源黑体斜体', 'Source Han Sans CN', sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #4677FE;
    text-align: left;
    min-width: 2em;
    width: auto;
    margin: 0 2px;
    display: inline-block;
    box-shadow: none;
    padding: 0;
    caret-color: #2A7BFF;
    line-height: 25px;   /* 让光标高度为25px */
    height: 32px;        /* 让输入框高度和字体一致 */
}