body {
    min-width: 1440px;
}

.flex {
    display: flex;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: start;
}

.w148 {
    width: 148px;
}

.w114 {
    width: 114px;
}

.gradient_text {
    background: linear-gradient(90deg, #1B5BFF, #262930);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/**
banner部分css
 */
.bannerDiv {
    width: 100%;
    height: 580px;
    background: url("../img/home/banner.png") no-repeat;
    background-size: 100% 100%;
}

.bannerDiv .content {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 78px;
    text-align: center;
}

.bannerDiv .content .title {
    display: flex;
    justify-content: center;
    color: #262930;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    line-height: 50px; /* 104% */
    letter-spacing: 3px;
}

.bannerDiv .content .smallText {
    margin-top: 17px;
    color: #262930;
    font-size: 18px;
    font-style: normal;
    line-height: 18px; /* 100% */
}


.bannerDiv .content .threeBox {
    position: relative;
    margin-top: 34px;
    display: flex;
}

.bannerDiv .content .threeBox .item_box {
    position: relative;
    width: 408px;
    margin-left: 28px;
}

.bannerDiv .content .threeBox .item_box:nth-child(1) {
    margin-left: 0;
}

.bannerDiv .content .threeBox .item_box .navDiv {
    position: absolute;
    width: 100%;
    height: 36px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(90deg, #70B2FF 0%, #ACD3FF 100%), #D9D9D9;
    display: flex;
    justify-content: start;
    /*opacity: 1;*/
    opacity: 0;
    top: 10px;
    transition: all 300ms ease-out;
}

.bannerDiv .content .threeBox .item_box .navDiv .svg {
    margin-left: 8px;
    margin-top: 6px;
}


.bannerDiv .content .threeBox .item_box .navDiv .text {
    color: #FFF;
    font-size: 12px;
    margin-left: 4px;
    margin-top: 5px;
    font-style: italic; /* 标准斜体 */
}

.bannerDiv .content .threeBox .item_box .contentDiv {
    position: absolute;
    top: 25px;
    z-index: 1;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    background: #FFF;
    transition: all 300ms ease-out;
    padding: 36px 34px 24px 34px;
}

.bannerDiv .content .threeBox .item_box .contentDiv:hover {
    box-shadow: 2px 11px 20px 0 rgba(67, 160, 248, 0.20);
}

.bannerDiv .content .threeBox .item_box .contentDiv .innerText ._twoText {
    width: 64px;
    position: relative;
    display: flex;
    align-items: center;
}

.bannerDiv .content .threeBox .item_box .contentDiv .textColor {
    position: absolute;
    transition: all 300ms ease-out;
}

.bannerDiv .content .threeBox .item_box .contentDiv .textColor.textOriginColor {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.bannerDiv .content .threeBox .item_box .contentDiv .textColor.hoverTitle {
    background: linear-gradient(90deg, #1B5BFF, #262930);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    z-index: 1;
    transition: all 300ms ease-out;
}

.bannerDiv .content .threeBox .item_box .contentDiv:hover .innerContent .textColor.textOriginColor{
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.bannerDiv .content .threeBox .item_box .contentDiv .innerContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    align-items: center;
}

.bannerDiv .content .threeBox .item_box .contentDiv .innerContent .innerText {
    display: flex;
    cursor: text;
    color: #262930;
    font-size: 32px;
}


.bannerDiv .content .threeBox .item_box .contentDiv .innerContent .btnDiv {
    display: flex;
    padding: 10px 14px;
    align-items: center;
    border-radius: 4px;
    background: linear-gradient(106deg, #26A7FF 0%, #06F 40%), #066FFF;
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    height: 40px;
    cursor: pointer;
    opacity: 1;
    transition: all 300ms ease-out;
}

.bannerDiv .content .threeBox .item_box .contentDiv .innerContent .btnDiv:hover {
    opacity: 0.9;
}

.bannerDiv .content .threeBox .item_box .contentDiv .keyPointDiv {
    margin-top: 22px;
    display: flex;
    flex-direction: column; /* 垂直排列（竖着排） */
    align-items: start;
    margin-left: 2px;
}

.bannerDiv .content .threeBox .item_box .contentDiv .keyPointDiv .keyItem {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.bannerDiv .content .threeBox .item_box .contentDiv .qbfxDiv .keyItem:hover {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #262930;
}

.bannerDiv .content .threeBox .item_box .contentDiv .qbfxDiv .keyItem:hover .text {
    cursor: pointer;
}

.bannerDiv .content .threeBox .item_box .contentDiv .keyPointDiv .keyItem:nth-child(1) {
    margin-top: 0;
}

.bannerDiv .content .threeBox .item_box .contentDiv .keyPointDiv .keyItem .text {
    cursor: text;
    color: #5B606D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
    margin-left: 4px;
}

.bannerDiv .content .threeBox .item_box .contentDiv .qbfxDiv .keyItem .text {
    margin-left: 0;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom {
    margin-top: 38px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom .bottomItem {
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: #0777F7;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    transition: all 300ms ease-out;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom .bottomItem:hover {
    background: #DCECFE;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom .bottomItem.active {
    background: #DCECFE;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom .bottomHr {
    margin: 0 10px;
}

.bannerDiv .content .threeBox .item_box .contentDiv .bannerBottom .bottomHr div {
    width: 1px;
    height: 16px;
    background: #C4D1DE;
}

/**
内容部分css
 */

.aboutBox {
    width: 100%;
    height: max-content;
    flex-shrink: 0;
    background: #fff;
    display: flex;
    justify-content: center;
}

.aboutBox .content {
    width: 1280px;
    padding: 82px 36px 44px 0;
}

.aboutBox .content .title {
    color: #262930;
    font-size: 32px;
    font-style: normal;
    line-height: 32px; /* 100% */
    letter-spacing: 1.28px;
}

.aboutBox .content .textInfo {
    width: 100%;
    margin-top: 22px;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.aboutBox .content .textInfo .left .text {
    width: 588px;
    line-height: 26px;
    text-align: justify;
}

.aboutBox .content .textInfo .right {
    display: flex;
    margin-left: 160px;
}

.aboutBox .content .bottomHr {
    width: 100%;
    height: 2px;
    margin: 44px 0 26px 0;
    background: #F2F6FA
}

.aboutBox .content ._headBox {
    display: flex;
    width: 100%;
    justify-content: center;
}

.aboutBox .content ._headBox ._everyBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 160px;
}

.aboutBox .content ._headBox ._everyBox:nth-child(1) {
    margin-left: 0;
    width: 120px;
}

.aboutBox .content ._headBox ._everyBox:nth-child(2) {
    width: 240px;
}

.aboutBox .content ._headBox ._everyBox:nth-child(3) {
    width: 174px;
}

.aboutBox .content ._headBox ._everyBox:nth-child(4) {
    width: 174px;
}

.aboutBox .content ._headBox ._everyBox ._title {
    color: #0777F7;
    font-size: 36px;
    line-height: 36px; /* 100% */
    font-weight: bold;
}

.aboutBox .content ._headBox ._everyBox .text {
    margin-top: 8px;
    color: #2A2B30;
    font-size: 16px;
    line-height: 16px; /* 100% */
}


/**
报告样例css
 */
.reportSample {
    width: 100%;
    background: #F2F6FA;
    display: flex;
    justify-content: center;
}

.reportSample .content {
    width: max-content;
    padding: 82px 36px 44px 0;
}

.reportSample .content .title {
    color: #262930;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 100% */
}

.reportSample .content .textInfo {
    margin-top: 36px;
    color: #262930;
    text-align: justify;
    font-size: 18px;
    line-height: 26px; /* 144.444% */
    display: flex;
    align-items: center;
}


/**
常见问题css
 */
.usualProblem {
    width: 100%;
    height: 560px;
    flex-shrink: 0;
    background: #E5F2FF;
    padding: 82px 36px 76px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.usualProblem .header {
    position: relative;
    width: 1280px;
    height: max-content;
}

.usualProblem .header .title {
    color: #262930;
    font-size: 32px;
    font-style: normal;
    line-height: 32px; /* 100% */
}

.usualProblem .header img {
    position: absolute;
    left: -150px;
    top: -80px;
    z-index: 0;
    object-fit: cover;
}

.usualProblem .problemList {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
}

.usualProblem .problemList .left {
    width: 1002px;
    height: 340px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
    padding: 52px 0 34px 36px;
    display: flex;
}

.usualProblem .problemList .left ._firstBox {
    /*width: 204px;*/
    margin-left: 20px;
}

.usualProblem .problemList .left ._firstBox:nth-child(1) {
    margin-left: 0;
}

.usualProblem .problemList .left ._firstBox .headBox {
    display: flex;
    align-items: center;
}

.usualProblem .problemList .left ._firstBox .headBox ._title {
    margin-left: 6px;
    color: #262930;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
}

.usualProblem .problemList .left ._content {
    width: 220px;
    margin-top: 32px;
}

.usualProblem .problemList .left ._content ._everyBox {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.usualProblem .problemList .left ._content ._everyBox img {
    margin-top: -2px;
}

.usualProblem .problemList .left ._content ._everyBox:nth-child(1) {
    margin-top: 0;
}

.usualProblem .problemList .left ._content ._everyBox .proText {
    margin-left: 6px;
    color: #595D66;
    font-size: 14px;
    font-style: normal;
    line-height: 15px; /* 107.143% */
    transition: all 300ms ease-out;
}

.usualProblem .problemList .left ._content ._svgBar path:nth-child(1) {
    fill: #D7E1EC;
    transition: all 300ms ease-out;
}

.usualProblem .problemList .left ._content ._everyBox:hover ._svgBar path:nth-child(1) {
    fill: #0777F7;
}

.usualProblem .problemList .left ._content ._everyBox:hover .proText {
    cursor: pointer;
    color: #0777F7;
}

.usualProblem .problemList .left ._firstBox ._bottomDiv {
    margin-top: 30px;
}

.usualProblem .problemList .left ._bottomDiv {
    display: flex;
    align-items: center;
    opacity: 1;
    transition: all 300ms ease-out;
}

.usualProblem .problemList .left ._bottomDiv:hover {
    opacity: 0.8;
}

.usualProblem .problemList .left ._bottomDiv span {
    color: #0777F7;
    font-size: 14px;
    font-style: normal;
    line-height: 26px; /* 185.714% */
}

.usualProblem .problemList .left ._bottomDiv img {
    margin-left: 4px;
}


.usualProblem .problemList .right {
    position: relative;
    width: 200px;
    height: 340px;
    margin-left: 18px;
    background: url("/static/front/newPage/img/home/qrcode.png") no-repeat;
    background-size: 100% 100%;
}

.usualProblem .problemList .right .title {
    font-weight: bold;
    width: 120px;
    position: absolute;
    top: 74px;
    left: 50%;
    transform: translateX(-50%);
    color: #262930;
    font-size: 18px;
    font-style: normal;
    line-height: 24px; /* 133.333% */
}

.usualProblem .problemList .right .text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 64px;
}

/**
国家一级查新机构，最快当天获取报告css
 */

.organList {
    width: 100%;
    height: 436px;
    background: url("../img/home/introBcg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.organList ._orgContent {
    margin-top: 62px;
    width: 1146px;
}

.organList ._orgContent ._mainTitle {
    display: flex;
    justify-content: center;
    margin-top: 68px;
    color: #262930;
    font-size: 46px;
    font-style: normal;
    line-height: 46px; /* 100% */
}

.organList ._orgContent ._mainTitle span:nth-child(2) {
    padding-left: 50px;
}

.organList ._orgContent ._threeBtn {
    display: flex;
    justify-content: center;
    margin-top: 68px;
    transition: all 300ms ease-out;
}


.organList ._orgContent ._threeBtn.show {
    width: 1080px;
}

.organList ._orgContent ._threeBtn ._flexButton.show ._primaryBtn{
    border: 1px solid transparent;
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn{
    display: flex;
    justify-content: center;
    position: relative;
    width: 114px;
    transform: translateX(0);
    transition: transfrom 300ms ease-out, opacity 300ms ease-out,background 300ms ease-out,width 300ms ease-out;
    /*background 300ms ease-out,*/
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn:nth-child(2).active{
    transform: translateX(-58px);
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn:nth-child(3).active{
    transform: translateX(0);
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn:nth-child(4).active{
    transform: translateX(58px);
}

._threeBtn ._flexButton.fullOpacity {
    opacity: 1!important;
    visibility: visible!important;
}

.organList ._orgContent ._threeBtn ._flexButton {
    display: flex;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 56px;
    align-items: center;
    background: linear-gradient(270deg, #06F 0%, #40A3FF 100%);
    opacity: 0;
    z-index: 1;
    transition: all 300ms ease-out;
}

.organList ._orgContent ._threeBtn ._flexButton.show {
    position: fixed;
    display: flex;
    justify-content: center;
    bottom: 20px;
    z-index: 99;
}

.organList ._orgContent ._threeBtn ._flexButton.opacityFull{
    opacity: 1;
}


.organList ._orgContent ._threeBtn ._flexButton ._btnBcg{
    position: absolute;
    height: 58px;
    border-radius: 56px;
    padding: 4px 8px;
    box-shadow: 2px 4px 8px 0 rgba(134, 195, 255, 0.60);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity 100ms ease-out,visibility 100ms ease-out,z-index 100ms ease-out,box-shadow 200ms ease-out;
}

.organList ._orgContent ._threeBtn ._flexButton ._btnBcg{
    width: 658px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    box-shadow: none;
}

.organList ._orgContent ._threeBtn ._flexButton.show ._btnBcg{
    width: 358px;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    box-shadow: 2px 4px 8px 0 rgba(134, 195, 255, 0.60);
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn span{
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: all 100ms ease-out;
}



.organList ._orgContent ._threeBtn ._flexButton.noActive{
    background:none;
    box-shadow: none;
}

.organList ._orgContent ._threeBtn ._primaryBtn:hover {
    cursor: pointer;
    backdrop-filter: blur(4px);
    background: #41a8ff;
    border: 1px solid rgba(255, 255, 255, 0.60) !important;
}


.organList ._orgContent ._threeBtn ._primaryBtn {
    display: flex;
    padding: 14px 24px;
    height: 50px;
    align-items: center;
    border-radius: 55px;
    background: transparent;
    outline: none;
    color: #FFF;
    font-size: 16px;
    line-height: 22px; /* 137.5% */
    transition: background 300ms ease-out;
    z-index: 1;
}

.organList ._orgContent ._threeBtn ._primaryBtn.active{
    width: 178px;
    border:1px solid #3a9eff;
    background: linear-gradient(270deg, #06F 0%, #40A3FF 100%)!important;
}

.organList ._orgContent ._threeBtn ._primaryBtn.active .activeText{
    opacity: 1!important;
    visibility: visible!important;
    z-index: 1!important;
}

.organList ._orgContent ._threeBtn ._primaryBtn.active .defaultText{
    opacity: 0!important;
    visibility: hidden!important;
    z-index: -1!important;
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn .defaultText{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.organList ._orgContent ._threeBtn ._flexButton ._primaryBtn .activeText{
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}


.organList ._orgContent ._threeBtn ._primaryBtn:nth-child(1) {
    margin-left: 0;
}

.organList ._orgContent ._threeBtn ._primaryBtn.active:hover {
    cursor: pointer;
    opacity: 0.9;
    border-color: #3a9eff;
}

.organList ._orgContent .bottomDiv {
    width: 100%;
    display: flex;
}

.organList ._orgContent .bottomDiv .pointDiv {
    display: flex;
    align-items: center;
    margin-left: 86px;
}

.organList ._orgContent .bottomDiv .pointDiv:nth-child(1) {
    margin-left: 0;
}

.organList ._orgContent .bottomDiv .pointDiv .left {
    width: 56px;
    height: 56px;
}

.organList ._orgContent .bottomDiv .pointDiv .right .title {
    color: #2A2B30;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
}

.organList ._orgContent .bottomDiv .pointDiv .right .text {
    color: #5B606D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 107.143% */
    margin-top: 8px;
}


.gradient_text_reserve {
    background: linear-gradient(90deg, #262930, #1B5BFF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* 向左滚动动画 */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* 向右滚动动画 */
@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}