@charset "utf-8";

/* 
*********************方案与产品模块样式*********************
*/
body {
    background-color: #fff;
}

/* banner */
.banner-box {
    width: 100%;
    padding: 9.99% 6.84% 0;
    /* aspect-ratio: 1920 / 600; */
    background: url(https://ahspy.cn/pzt/img/banner5.jpg) no-repeat center center / 100% 100%;
}

.banner-box .title {
    margin-bottom: 4.02%;
    font-size: 3.744vw;
    /* font-size: 72px; */
    color: rgb(48, 48, 48);
    font-weight: bold;
}

.banner-box .description {
    width: 40vw;
    /* width: 740px; */
    margin-bottom: 1.5%;
    font-size: 1.248vw;
    /* font-size: 24px; */
    color: rgb(85, 85, 85);
    line-height: 2.184vw;
    /* line-height: 42px; */
}

.banner-box .btn-apply {
    width: 8.32vw;
    /* width: 160px; */
    height: 2.288vw;
    /* height: 44px; */
    font-size: 0.936vw;
    /* font-size: 18px; */
}
/* /banner */

/* 模块标题 */
.box-title {
    display: flex;
    flex-direction: column;
    margin: 3.64vw 0 2.6vw;
    /* margin: 70px 0 50px; */
}

.box-title .big {
    font-size: 1.872vw;
    /* font-size: 36px; */
    color: rgb(51, 51, 51);
    font-weight: bold;
    text-align: center;
}

.box-title .small {
    margin: 1.56vw 0 0;
    text-align: center;
    font-size: 1.144vw;
    /* font-size: 22px; */
    color: rgb(153, 153, 153);
}
/* /模块标题 */

/* 零售企业经营管理现状模块 */
.current-situation-box {
    padding: 0 4.21%;
    /* padding: 0 80px; */
}

.current-situation-box .content ul {
    display: flex;
    gap: 1.872vw;
    /* gap: 36px; */
}

.current-situation-box .content ul li {
    width: 0;
    flex-grow: 1;
    padding: 2.86vw 1.248vw 0;
}
.current-situation-box .content ul li {
    background: #F4F5F9;
}
/*
.current-situation-box .content ul li:nth-child(1) {
    background: url(https://ahspy.cn/pzt/img/img-xz1.jpg) no-repeat center center / 100% 100%;
}

.current-situation-box .content ul li:nth-child(2) {
    background: url(https://ahspy.cn/pzt/img/img-xz2.jpg) no-repeat center center / 100% 100%;
}

.current-situation-box .content ul li:nth-child(3) {
    background: url(https://ahspy.cn/pzt/img/img-xz3.jpg) no-repeat center center / 100% 100%;
}

.current-situation-box .content ul li:nth-child(4) {
    background: url(https://ahspy.cn/pzt/img/img-xz4.jpg) no-repeat center center / 100% 100%;
}*/

.current-situation-box .content ul li p:nth-child(1) {
    margin-bottom: 2vw;
    /* margin-bottom: 22px; */
    font-size: 1.2vw;
    /* font-size: 30px; */
    color: rgb(85, 85, 85);
    font-weight: bold;
}

.current-situation-box .content ul li p:nth-child(2) {
    font-size: 0.9vw;
    /* font-size: 20px; */
    color: rgb(102, 102, 102);
    line-height: 1.2vw;
    /* line-height: 34px; */
}
/* /零售企业经营管理现状模块 */

/* 票证通-零售企业解决方案 */
.solution-box .content {
    display: flex;
    flex-direction: column;
    gap: 4.16vw;
    /* gap: 80px; */
    padding: 0 8.32vw;
    /* padding: 0 160px; */
}

.solution-box .content .item {
    display: flex;
    gap: 2.964vw;
    /* gap: 57px; */
    position: relative;
}

.solution-box .content .item:nth-child(2n) {
    justify-content: flex-end;
}

.solution-box .content .item .text {
    width: 46.8vw;
    /* width: 900px; */
    height: 17.68vw;
    /* height: 340px; */
    background-image: linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
    border-radius: 0.416vw;
    /* border-radius: 8px; */
    position: relative;
}

.solution-box .content .item .left.text {
    padding: 3.536vw 0 0 4.16vw;
    /* padding: 68px 0 0 80px; */
}

.solution-box .content .item .right.text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 3.536vw 4.16vw 0 0;
    /* padding: 68px 80px 0 0; */
    background-image: linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
}

.solution-box .content .item .text::before {
    content: '';
    display: inline-block;
    width: 44.72vw;
    /* width: 860px; */
    height: 15.6vw;
    /* height: 300px; */
    background-color: #fff;
    border-radius: 0.416vw;
    /* border-radius: 8px; */
    position: absolute;
    left: 1.04vw;
    /* left: 20px; */
    top: 1.04vw;
    /* top: 20px; */
}

.solution-box .content .item .text p {
    position: relative;
    z-index: 10;
}

.solution-box .content .item .text p:nth-child(1) {
    margin-bottom: 1.976vw;
    /* margin-bottom: 38px; */
    font-size: 1.664vw;
    /* font-size: 32px; */
    color: rgb(85, 85, 85);
    font-weight: bold;
    line-height: 2.08vw;
    /* line-height: 40px; */
}

.solution-box .content .item .text p:nth-child(2) {
    width: 28.6vw;
    /* width: 550px; */
    font-size: 1.04vw;
    /* font-size: 20px; */
    color: rgb(102, 102, 102);
    line-height: 1.664vw;
    /* line-height: 32px; */
}

.solution-box .content .item .img {
    width: 41.08vw;
    /* width: 790px; */
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}

.solution-box .content .item .left.img {
    left: 0;
}

.solution-box .content .item .right.img {
    right: 0;
}

.solution-box .content .item .img.solution1 {
    background: url(https://ahspy.cn/pzt/img/img-solution1.jpg) no-repeat center center / 29.172vw auto;
}

.solution-box .content .item .img.solution2 {
    background: url(https://ahspy.cn/pzt/img/img-solution2.jpg) no-repeat center center / 35.672vw auto;
}

.solution-box .content .item .img.solution3 {
    background: url(https://ahspy.cn/pzt/img/img-solution3.jpg) no-repeat 80% center / 34.112vw auto;
}

.solution-box .content .item .img.solution4 {
    background: url(https://ahspy.cn/pzt/img/img-solution4.jpg) no-repeat center center / 29.952vw auto;
}
/* /票证通-零售企业解决方案 */

/* 核心功能 */
.functions-box .content {
    position: relative;
}

.functions-box .content .tabs-btns {
    width: 84.4vw;
}

.functions-box .content .tabs-btns button {
    display: inline-block;
    width: 7.8vw;
    /* width: 150px; */
    height: 4.16vw;
    /* height: 80px; */
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.functions-box .content .tabs-btns button.btn-prev {
    left: 0;
    background: url(https://ahspy.cn/pzt/img/icon-jiantou.png) no-repeat 80% center / 0.988vw auto, rgb(229, 229, 229);
}

.functions-box .content .tabs-btns button.btn-next {
    right: 0;
    background: url(https://ahspy.cn/pzt/img/icon-jiantou.png) no-repeat 80% center / 0.988vw auto, rgb(229, 229, 229);
    transform: rotate(180deg);
}

.functions-box .content .tabs-btns button:hover {
    background: url(https://ahspy.cn/pzt/img/icon-jiantou2.png) no-repeat 80% center / 0.988vw auto, rgb(229, 229, 229);
}

.functions-box .content .tabs {
    width: 100%;
    height: 4.16vw;
    /* height: 80px; */
    padding: 0 7.8vw;
    /* padding: 0 150px; */
    background-color: rgb(229, 229, 229);
    overflow: hidden;
}

.functions-box .content .tabs ul {
    display: flex;
    width: 1000%;
    height: 100%;
}

.functions-box .content .tabs li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14.066vw;
    height: 100%;
    transition: background-color 0.3s ease;
    font-size: 1.144vw;
    /* font-size: 22px; */
    color: rgb(51, 51, 51);
    cursor: pointer;
}

.functions-box .content .tabs li:hover {
    color: rgb(0, 91, 172);
}

.functions-box .content .tabs li.active {
    background-color: rgb(0, 91, 172);
    color: #fff;
}

.functions-box .content .item {
    display: none;
    width: 100%;
    aspect-ratio: 1920 / 500;
    padding: 4.576vw 7.8vw 0;
    /* padding: 80px 150px 0; */
}

.functions-box .content .item.active {
    display: block;
}

.functions-box .content .item.bg-function1 {
    background: url(https://ahspy.cn/pzt/img/bg-functions1.png) no-repeat 83% center / 26.78vw auto, url(https://ahspy.cn/pzt/img/bg-functions.jpg) no-repeat center center / 100% 100%;
}

.functions-box .content .item.bg-function2 {
    background: url(https://ahspy.cn/pzt/img/bg-functions1.png) no-repeat 83% center / 26.78vw auto, url(https://ahspy.cn/pzt/img/bg-functions.jpg) no-repeat center center / 100% 100%;
}

.functions-box .content .item.bg-function3 {
    background: url(https://ahspy.cn/pzt/img/bg-functions1.png) no-repeat 83% center / 26.78vw auto, url(https://ahspy.cn/pzt/img/bg-functions.jpg) no-repeat center center / 100% 100%;
}

.functions-box .content .item.bg-function4 {
    background: url(https://ahspy.cn/pzt/img/bg-functions1.png) no-repeat 83% center / 26.78vw auto, url(https://ahspy.cn/pzt/img/bg-functions.jpg) no-repeat center center / 100% 100%;
}

.functions-box .content .item.bg-function5 {
    background: url(https://ahspy.cn/pzt/img/bg-functions1.png) no-repeat 83% center / 26.78vw auto, url(https://ahspy.cn/pzt/img/bg-functions.jpg) no-repeat center center / 100% 100%;
}

.functions-box .content .item p:nth-child(1) {
    width: 45%;
    margin-bottom: 2.184vw;
    margin-bottom: 42px;
    font-size: 1.664vw;
    /* font-size: 32px; */
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.functions-box .content .item p:nth-child(2) {
    width: 45%;
    font-size: 1.248vw;
    /* font-size: 24px; */
    color: rgb(85, 85, 85);
    line-height: 2.184vw;
    /* line-height: 42px; */
}
/* /核心功能 */
  
/* 产品版本介绍 */
.product-box .content {
    display: flex;
    gap: 2.08vw;
    padding: 0 4.21vw;
}

.product-box .content .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 0;
    flex-grow: 1;
    aspect-ratio: 410 / 580;
    padding: 4.836vw 2.86vw 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 20px;
    position: relative;
}

.product-box .content .item::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1.56vw;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
}
  
.product-box .content .item:nth-child(3):before {
    background-image: linear-gradient( 90deg, rgb(237,217,198) 0%, rgb(193,151,126) 100%);
}

.product-box .content .item:nth-child(2):before {
    background-image: linear-gradient( 90deg, rgb(137,186,230) 0%, rgb(0,91,172) 100%);
}

.product-box .content .item:nth-child(1):before {
    background-image: linear-gradient( 90deg, rgb(193,213,230) 0%, rgb(116,165,208) 100%);
}

.product-box .content .item:nth-child(4):before {
    background-image: linear-gradient( 90deg, rgb(72,62,63) 0%, rgb(60,52,52) 100%);
}

.product-box .content .item:last-child {
    background-image: linear-gradient( 45deg, rgb(67,57,53) 0%, rgb(104,98,94) 100%);
}

.product-box .content .item .title {
    margin-bottom: 1.04vw;
    /* margin-bottom: 20px; */
    font-size: 1.768vw;
    /* font-size: 34px; */
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.product-box .content .item .explain {
    margin-bottom: 3.12vw;
    /* margin-bottom: 60px; */
    font-size: 1.04vw;
    /* font-size: 20px; */
    color: rgb(136, 136, 136);
}

.product-box .content .item .price strong {
    font-size: 1.664vw;
    /* font-size: 32px; */
}

.product-box .content .item .price {
    margin-bottom: 1.04vw;
    /* margin-bottom: 20px; */
    font-size: 1.248vw;
    /* font-size: 24px; */
    color: rgb(51, 51, 51);
}

.product-box .content .item:last-child .title,
.product-box .content .item:last-child .price {
    color: rgb(248, 210, 175);
}

.product-box .content .item .day-price {
    margin-bottom: 3.12vw;
    /* margin-bottom: 60px; */
    font-size: 1.144vw;
    /* font-size: 22px; */
    color: rgb(68, 68, 68);
}

.product-box .content .item .toBuy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15.6vw;
    /* width: 300px; */
    height: 2.704vw;
    /* height: 52px; */
    margin-bottom: 3.744vw;
    /* margin-bottom: 72px; */
    border-radius: 8px;
    font-size: 1.352vw;
    /* font-size: 26px; */
}

.product-box .content .item:nth-child(1) .toBuy {
    background-image: linear-gradient( 90deg, rgb(237,217,198) 0%, rgb(193,151,126) 100%);
    color: rgb(85, 52, 28);
}

.product-box .content .item:nth-child(1) .toBuy:hover {
    background-image: linear-gradient( 90deg, rgb(238, 209, 183) 0%, rgb(194, 135, 100) 100%);
}

.product-box .content .item:nth-child(1) .toBuy:active {
    background-image: linear-gradient( 90deg, rgb(238, 201, 168) 0%, rgb(197, 124, 82) 100%);
}

.product-box .content .item:nth-child(2) .toBuy {
    background-image: linear-gradient( 90deg, rgb(137,186,230) 0%, rgb(0,91,172) 100%);
    color: #fff;
}

.product-box .content .item:nth-child(2) .toBuy:hover {
    background-image: linear-gradient( 90deg, rgb(121, 179, 230) 0%, rgb(0, 78, 146) 100%);
}

.product-box .content .item:nth-child(2) .toBuy:active {
    background-image: linear-gradient( 90deg, rgb(104, 171, 230) 0%, rgb(0, 63, 117) 100%);
}

.product-box .content .item:nth-child(3) .toBuy {
    background-image: linear-gradient( 90deg, rgb(193,213,230) 0%, rgb(116,165,208) 100%);
    color: rgb(0, 91, 172);
}

.product-box .content .item:nth-child(3) .toBuy:hover {
    background-image: linear-gradient( 90deg, rgb(177, 205, 230) 0%, rgb(100, 157, 207) 100%);
}

.product-box .content .item:nth-child(3) .toBuy:active {
    background-image: linear-gradient( 90deg, rgb(159, 196, 230) 0%, rgb(80, 147, 206) 100%);
}

.product-box .content .item:nth-child(4) .toBuy {
    background-image: linear-gradient( 90deg, rgb(228,182,146) 0%, rgb(191,153,102) 100%);
    color: rgb(102, 81, 73);
}

.product-box .content .item:nth-child(4) .toBuy:hover {
    background-image: linear-gradient( 90deg, rgb(228, 172, 129) 0%, rgb(189, 143, 83) 100%);
}

.product-box .content .item:nth-child(4) .toBuy:active {
    background-image: linear-gradient( 90deg, rgb(226, 167, 122) 0%, rgb(187, 139, 77) 100%);
}

.product-box .content .item .detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.144vw;
    /* font-size: 22px; */
    color: rgb(153, 153, 153);
}

.product-box .content .item .detail::before {
    content: '';
    display: inline-block;
    width: 1.456vw;
    /* width: 28px; */
    height: 1.352vw;
    /* height: 26px; */
    margin-bottom: 0.52vw;
    /* margin-bottom: 10px; */
    background: url(https://ahspy.cn/pzt/img/icon-jiantou3.png) no-repeat center center / 100% 100%;
}

.product-box .content .item:last-child .detail {
    margin-top: 1.352vw;
}

.product-box .content .item:last-child .detail::before {
    height: 0;
}

.product-box .content .item:last-child .explain,
.product-box .content .item:last-child .day-price,
.product-box .content .item:last-child .detail {
    color: rgb(186, 148, 114);
}
/* /产品版本介绍 */

/* 客户案例 */
.case-box {
    margin-bottom: 7.54vw;
}

.case-box .content {
    display: flex;
    flex-wrap: wrap;
    gap: 2.08vw;
    /* gap: 40px; */
    padding: 0 4.21vw;
    /* padding: 0 80px; */
}

.case-box .content a {
    width: calc((100% - 2.08vw * 7) / 8);
    /* aspect-ratio: 185 / 101; */
}

.case-box .content a img {
    width: 100%;
    height: 100%;
}
/* /客户案例 */