html,
body{min-width: 1280px !important;}
.limit-width{max-width: 1280px; margin: 0 auto;}
.a-link{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.trans-scale{transition: all 0.3s;}
.trans-scale:hover{transform: scale(1.1);}
.trans-opacity{transition: all 0.3s;}
.trans-opacity:hover{opacity: 0.8;}
.anima-opacity{animation: aniNameOpacity 1s;}
@keyframes aniNameOpacity{0%{opacity: 0;} 100%{opacity: 1;}}
.overflow-hidden{overflow: hidden;}
[class^='bg-']{display: block;}
.pl-center{padding-left: calc(50vw - 640px);}
/* banner start */
.banner{position: relative;}
.banner-cooperation{position: absolute; left: 49%; top: 51%; width: 216px; height: 50px; transform: translate(-50%, -50%);}
.banner-wrap{height: 780px;}
.banner-wrap .swiper-container{height: 100%;}
.banner-wrap .swiper-slide{text-align: center;}
.banner-wrap .swiper-slide a{display: block;height: 100%;}
.banner-wrap img{height: 100%;}
.banner-page{width: 1280px;height: 0;margin: 0 auto;position: absolute;left: 0;right: 0;top: 500px;z-index: 2;}
.banner-page .swiper-pagination-bullet{width: 20px;height: 20px;border: 2px solid transparent;background: none;border-radius: 100%;-webkit-border-radius:100%;position: relative;margin-right: 5px;cursor: pointer;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);opacity: 1;}
.banner-page .swiper-pagination-bullet::after{content: "";display: block;width: 5px;height: 5px;background: #fff;border-radius: 100%;-webkit-border-radius:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid rgba(255, 255, 255, 0.5);}
.banner-page svg{width: 20px;height: 20px;background: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.swiper-pagination-bullet circle{fill:transparent;stroke: #fff; stroke-width: 2px;stroke-dasharray: 50;stroke-dashoffset: 50;}
.swiper-pagination-bullet.swiper-pagination-bullet-active circle{animation: bannerPage 5s linear;}
@keyframes bannerPage {0%{stroke-dashoffset: 50;} 100%{stroke-dashoffset: 0;}}
.banner-d11_text{width: 100%; position: absolute;top: 500px;left: 0;right: 0;padding-left: 80px;font-size: 18px;line-height: 20px;color: white;text-align: left;}
.banner-bottom{position: absolute; left: 0; right: 0; top: 541px; border-top: 1px solid rgba(242, 244, 247, 0.1); z-index: 1;}
.banner-list{display: flex; justify-content: space-between;}
.banner-item{display: flex; padding-top: 34px;}
.banner-item-icon{width: 50px; height: 50px; transition: all 0.3s;}
.banner-item:hover .banner-item-icon{transform: translateY(-10px);}
.banner-info{margin-left: 15px;}
.banner-num{margin-bottom: 10px; display: flex; align-items: flex-end;}
.banner-num-text{font-size: 42px; font-family: DINPro; font-weight: 400; color: #ffffff; line-height: 34px;}
.banner-unit{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; margin-left: 5px;}
.banner-intro{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff;}
/* banner end */
/* 汉聪-电商时代的顶级管家 start */
.man{position: relative; min-height: 1230px; margin-top:-100px;}
.man-bg{position: absolute; top: 0; left: 0; width: 100%; background: url(../image/man_bg.png); height: 1230px; z-index: -1;}
.man-bg.man-bg-fixed{position: fixed;}
.merit{margin: -110px auto 0; position: absolute; top: 0; left: 0; right: 0; width: 1280px;}
.merit-item{height: 220px; background: url(../image/merit_item_bg.png) no-repeat center; position: relative; display: flex; padding: 0 21px 0 26px; justify-content: space-between;}
.merit-item::after{content: ''; display: block; position: absolute; left: 27px; bottom: 52px; width: 15px; height: 3px; background: #e41921;}
.merit-info{margin-top: 49px;}
.merit-time{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #676c78; line-height: 17px;}
.merit-name{font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; color: #140b21; line-height: 28px; margin-top: 13px;}
.merit-icon{margin-left: 10px; width: 100px; flex-shrink: 0; height: 100%; display: flex; align-items: center;}
.merit-icon img{width: 100%; height: auto;}
.merit-page{display: flex; align-items: center; justify-content: space-between; margin-top: 19px;}
.merit-page-left{display: flex; align-items: center;}
.merit-page-text{font-size: 16px; font-family: DINPro; font-weight: bold; color: #140b21;}
.merit-page-box{width: 180px; margin: 0 21px; position: relative; display: flex;}
.merit-page-item{width: 0; flex: 1; height: 40px; display: flex; align-items: center; cursor: pointer;}
.merit-page-item::after{content: ''; display: block; width: 100%; height: 2px; background: #e0e2ee; transition: background 0.3s;}
.merit-page-item:hover::after{background: #aaaebd;}
.merit-page-box .merit-page-cur{content: ''; display: block; position: absolute; left: 0; top: 50%; width: 30px; height: 2px; background: #aaaebd; transform: translateY(-50%); transition: all 0.3s;}
.merit-page-right{display: flex;}
.merit-page-prev,
.merit-page-next{width: 40px; height: 40px; cursor: pointer;}
.bg-banner_prev_hover,
.bg-banner_next_hover{display: none;}
.merit-page-prev:hover .bg-banner_prev,
.merit-page-next:hover .bg-banner_next{display: none;}
.merit-page-prev:hover .bg-banner_prev_hover,
.merit-page-next:hover .bg-banner_next_hover{display: block;}
.merit-page-next{margin-left: 10px;}
.man-wrap{padding-top: 220px;}
.man-title{text-align: center; font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 58px;}
.man-line{width: 50px; height: 5px; background: #e41921; margin: 17px auto 0;}
.man-box{display: flex; padding-bottom: 67px;}
.man-menu{width: 329px; min-height: 1px; flex-shrink: 0; position: relative;}
.man-menu-wrap{padding: 54px 0 27px;}
.man-menu-wrap.menu-sticky{position: sticky;}
.man-menu-wrap.man-menu-fixed{position: fixed;}
.man-menu-line{position: absolute; top: 54px; left: -20px; width: 4px; height: 58px; background: #140c22; transition: all 0.3s;}
.man-menu-item:first-child.active ~ .man-menu-line{top: 54px;}
.man-menu-item:nth-child(2).active ~ .man-menu-line{top: 130px;}
.man-menu-item:nth-child(3).active ~ .man-menu-line{top: 206px;}
.man-menu-item:nth-child(4).active ~ .man-menu-line{top: 282px;}
.man-menu-item{margin-bottom: 30px; cursor: pointer;}
.man-menu-item-en{line-height: 19px; font-size: 24px; font-family: Euclid Circular A; font-weight: bold; color: #bcbcc5; transition: all 0.3s;}
.man-menu-item-zh{line-height: 17px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #bcbcc5; margin-top: 10px; transition: all 0.3s;}
.man-menu-item.active{margin-bottom: 34px;}
.man-menu-item.active .man-menu-item-en,
.man-menu-item:hover .man-menu-item-en{font-size: 30px; font-weight: bold; color: #140c22;}
.man-menu-item.active .man-menu-item-en{line-height: 24px;}
.man-menu-item.active .man-menu-item-zh,
.man-menu-item:hover .man-menu-item-zh{font-size: 24px; font-weight: 400; color: #140c22;}
.man-menu-item.active .man-menu-item-zh{line-height: 25px;}
.man-right{flex: 1;}
.man-right-title{font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #676c78; line-height: 20px;}
.box-online,
.box-tiktok,
.box-live,
.box-custom{padding-top: 58px; padding-bottom: 27px;}
.man-list{margin-top: 45px; display: flex; flex-wrap: wrap; overflow: hidden;}
.man-item{width: calc(33% - 12px); height: 340px; background-color: white; padding: 31px 37px 43px 31px; margin-bottom: 17px; display: flex; flex-direction: column; transition: all 0.3s; position: relative; opacity: 0;}
.man-list.man-show .man-item{animation: manItemShow 600ms; animation-fill-mode: forwards;}
.man-list.man-show .man-item:nth-child(2){animation-delay: 150ms;}
.man-list.man-show .man-item:nth-child(3){animation-delay: 300ms;}
.man-list.man-show .man-item:nth-child(4){animation-delay: 450ms;}
.man-list.man-show .man-item:nth-child(5){animation-delay: 600ms;}
@keyframes manItemShow{0%{opacity: 0; transform: translateX(950px);} 50%{opacity: 0.2;} 100%{opacity: 1; transform: translateX(0);}}
.man-item:nth-child(3n + 1),
.man-item:nth-child(3n + 2){margin-right: 18px;}
.man-item-icon{transition: all 0.3s;}
.man-item:not(:hover) .man-item-icon:nth-child(2),
.man-item:hover .man-item-icon:first-child{height: 0;}
.man-item-title{line-height: 23px; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; margin-top: 18px; transition: all 0.3s;}
.man-item-des{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; line-height: 24px; margin-top: 23px; flex: 1; transition: all 0.3s; text-align: justify;}
.man-item-bottom{margin-top: 9px; display: flex; align-items: center; justify-content: space-between;}
.man-more{line-height: 14px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; transition: all 0.3s;}
.man-item-bottom .bg-arrow,
.man-item:hover .man-item-bottom .bg-arrow_gray{display: none;}
.man-item:hover{background: #e41921;}
.man-item:hover .man-item-bottom .bg-arrow{display: block;}
.man-item:hover .man-item-title,
.man-item:hover .man-item-des,
.man-item:hover .man-more{color: white;}
/* 汉聪-电商时代的顶级管家 end */
/* 汉聪代运营合作商家 已全类目覆盖 start */
.business{background: url(../image/business_bg.png); height: 840px;}
.business-wrap{padding-top: 100px;}
.business-title{display: flex; justify-content: space-between; align-items: flex-end;}
.business-title-text{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 66px;}
.business-des{font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #5e5e75; line-height: 20px; margin-bottom: 4px;}
.business-box{margin-top: 80px; position: relative;}
.business-list{background-color: #191b2d; display: flex; flex-wrap: wrap;}
.business-item{width: 181px; height: 263px; background: rgba(0, 0, 0, 0.5); margin: 1px 0 0 1px; position: relative;}
.business-item:nth-child(7),
.business-item:last-child{width: 186px;}
.business-item-wrap{width: 100%; height: 100%; padding: 33px 0 29px 20px; display: flex; flex-direction: column; position: absolute; top: 0; left: 0; transition: padding 0.3s, width 0.3s, background 0.3s; z-index: 1;}
.business-item:nth-child(6) .business-item-wrap,
.business-item:nth-child(7) .business-item-wrap,
.business-item:nth-child(13) .business-item-wrap,
.business-item:nth-child(14) .business-item-wrap{left: auto; right: 0;}
.business-item.active .business-item-wrap{padding: 33px 48px 29px 48px; width: 548px; background: #e4270d; z-index: 2;}
.business-item:nth-child(5).active .business-item-wrap,
.business-item:nth-child(7).active .business-item-wrap,
.business-item:nth-child(12).active .business-item-wrap,
.business-item:last-child.active .business-item-wrap{width: 554px;}
.business-fashion-icon{display: none; position: absolute; left: 20px; top: 37px;}
.business-item.active .business-fashion-icon{display: block;}
.business-item-name{padding-left: 8px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #d3d3d3; line-height: 18px;}
.business-item.active .business-item-name{color: #ffffff;}
.business-item-value{padding-left: 8px; margin-top: 35px; flex: 1; transition: all 0.3s;}
.business-item-value span:first-child,
.business-unit{font-size: 14px; font-family: DINPro; font-weight: 500; color: #4a4857; line-height: 14px; transition: all 0.3s;}
.business-item.active .business-item-value{display: flex; align-items: flex-end; margin-top: 25px;}
.business-item.active .business-item-value span:first-child{font-size: 68px; font-family: DINPro; font-weight: 500; color: #ffffff; line-height: 58px;}
.business-item.active .business-unit{color: #ffffff; font-size: 24px; line-height: 24px;}
.business-item.active .business-item-icon{display: none;}
.business-fashion-list{display: none; align-items: center; justify-content: space-between; margin-top: 50px;}
.business-item.active .business-fashion-list{display: flex;}
.business-num{font-size: 18px; font-family: DINPro; font-weight: 500; color: #ffffff; line-height: 18px; text-align: center;}
.business-fashion-item-name{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #ffbba9; line-height: 14px; margin-top: 9px; text-align: center;}
.business-fashion::after{content: ''; display: block; position: absolute; width: 210px; height: 239px; background: url(https://style-hancong.sudoyu.com/public/version2/index/images/fashion_cover.png); right: 0; top: -29px;}
.business-cover{position: absolute; right: 0; top: -13px; display: none;}
.business-item.active .business-cover{display: block;}
/* 汉聪代运营合作商家 已全类目覆盖 end */
/* 成功案例 共赢才是硬道理 start */
.case{background: #f1f2f7; min-height: 745px; overflow-x: hidden;}
.case-wrap{padding-top: 56px;}
.case-top{display: flex; position: relative;}
.case-top::after{content: ''; display: block; position: absolute; width: 830px; height: 1px; background: #dcdee9; right: 142px; bottom: 43px;}
.case-left{margin-top: 83px;}
.case-title{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 66px;}
.case-left-list{margin-top: 34px; display: flex;}
.case-left-list-item{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; text-align: center; line-height: 45px; cursor: pointer;}
.case-left-list-item:not(.active):not(:hover){width: 130px; height: 45px; background: #dfe2ed; color: #323232;}
.case-left-list-item.active,
.case-left-list-item:hover{color: #ffffff;}
.case-left-list-item + .case-left-list-item{margin-left: 10px;}
.case-fill{flex: 1;}
.case-right{width: 841px; height: 316px; background: url(../image/case_bg.png); margin-right: -41px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; padding: 0 43px 17px;}
.case-des{font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #6c6c6c; line-height: 20px;}
.case-page{display: flex; margin-top: 32px;}
.case-page-prev,
.case-page-next{cursor: pointer;}
.case-page-next{margin-left: 10px;}
.bg-case_prev_hover,
.bg-case_next_hover,
.case-page-prev:hover .bg-case_prev,
.case-page-next:hover .bg-case_next{display: none;}
.case-page-prev:hover .bg-case_prev_hover,
.case-page-next:hover .bg-case_next_hover{display: block;}
.case-list{margin-top: 33px;}
.case-list .swiper-container .swiper-slide-active .swiper-container{overflow: visible;}
.case-list .case-item{width: 559px; background: #ffffff;}
.case-cover{width: 100%; height: auto;}
.case-item-info{padding: 38px 48px 48px; display: flex; flex-direction: column; height: 310px;}
.case-item-title{line-height: 25px; font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; transition: color 0.3s;}
.case-item:hover .case-item-title{color: #de0f19;}
.case-tags{display: flex; margin-top: 19px;}
.case-tag{padding: 0 11px; background: #ffebec; line-height: 21px; text-align: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #e41921;}
.case-tag-black{color: black; background: #060606; color: #f2c5a4;}
.case-tag + .case-tag{margin-left: 5px;}
.case-item-des{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; line-height: 22px; margin-top: 20px; flex: 1;}
.case-item-bottom{margin-top: 5px; display: flex; justify-content: space-between; opacity: 1; transition: all 0.3s;}
/*.case-item:hover .case-item-bottom{opacity: 0;}*/
.case-btn{position: absolute; bottom: 48px; left: 42px; display: flex; justify-content: center; align-items: center; width: 232px; height: 51px; background: #e41921; transition: opacity 0.3s; opacity: 0;}
.case-item:hover .case-btn{opacity: 1;}
.case-btn span{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; margin-right: 68px;}
.case-data-name{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; line-height: 15px;}
.case-data-num{display: flex; align-items: flex-end; font-size: 24px; font-family: DINPro; font-weight: 500; color: #140c22; line-height: 19px; margin-top: 5px;}
.case-data-unit{font-size: 14px; line-height: 11px;}
.bg-case_item_icon{margin-left: 7px;}
.case-data-per{line-height: 12px; font-size: 14px; font-family: DINPro; font-weight: 500; color: #989aa6; margin-top: 12px;}
/* 成功案例 共赢才是硬道理 end */
/* 关于汉聪 团队阵容 运营优势 start */
.about{height: 1290px; background: #bf1316; margin-top: -310px; position: relative; overflow-x: hidden;}
.about::after{content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 115px; height: 1px; background: #d51215;}
.about-wrap{padding-top: 429px; height: 1175px;}
.about-box{display: flex;}
.about-box-left{width: 722px;}
.about-title{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 66px;}
.about-name{margin-top: 89px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 36px; display: flex; align-items: center; margin-bottom: 37px;}
.about-name::after{content: ''; display: block; width: 28px; height: 4px; margin-left: 28px; background-color: #ea1e21;}
.about-des{font-size: 14px; line-height: 24px; font-weight: 400; color: #ffffff;}
.about-des + .about-des{font-size: 20px; margin-top: 10px;}
.about-data{display: flex; margin-top: 62px;}
.about-data-item{font-size: 50px; font-family: DINPro; font-weight: 400; color: #ffffff; line-height: 1;}
.about-data-item + .about-data-item{margin-left: 126px;}
.about-data-item-num{display: flex; align-items: flex-end;}
.about-data-unit{font-size: 24px;}
.about-data-item-des{font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 1; margin-top: 14px;}
.about-box-fill{width: 132px;}
.about-box-right{flex-shrink: 0;}
.team-box{position: relative;}
.team-title{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 66px;}
.team-r-t{position: absolute; top: 0; right: 0; width: 330px; height: 264px; background: url(../image/team_top_bg.png); display: flex; justify-content: flex-end;}
.team-page{margin-top: 67px; margin-left: -16px; display: flex;}
.team-prev,
.team-next{cursor: pointer;}
.team-prev:not(:hover) .bg-about_prev,
.team-prev:hover .bg-about_prev_hover,
.team-next:not(:hover) .bg-about_next,
.team-next:hover .bg-about_next_hover{display: block;}
.team-prev:hover .bg-about_prev,
.team-prev:not(:hover) .bg-about_prev_hover,
.team-next:hover .bg-about_next,
.team-next:not(:hover) .bg-about_next_hover{display: none;}
.team-next{margin-left: 10px;}
.team-list{margin-top: 80px;}
.team-list .swiper-container{overflow: visible;}
.team-list .swiper-slide{width: 680px;}
.team-item{display: flex; padding: 40px 34px 49px; background-color: white; height: 410px;}
.team-cover{flex-shrink: 0; width: 113px; height: 113px;}
.team-cover img{width: 100%; height: 100%; object-fit: cover;}
.team-info{margin-left: 36px; width: 0; flex: 1; display: flex; flex-direction: column;}
.team-name{display: flex; align-items: flex-end; margin-top: 16px;}
.team-name span{font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 1;}
.team-des{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; line-height: 17px; margin-left: 15px;}
.team-tags{display: flex; margin-top: 22px; flex-wrap: wrap;}
.team-tag{padding: 0 17px; line-height: 35px; background: #fff5ea; border-radius: 4px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #ff7108;}
.team-tag + .team-tag{margin-left: 5px;}
.team-intro{font-size: 16px; font-family: Microsoft YaHei; line-height: 26px; color: #696c76; margin-top: 25px; flex: 1;}
.team-intro span{color: #140c22; font-weight: bold;}
.team-btn{width: 230px; height: 50px; background: #e41921; display: flex; justify-content: center; align-items: center; margin-top: 5px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; transition: all 0.3s;}
.team-btn:hover{background-color: #bf1316;}
.team-btn span{margin-right: 10px;}
.about-menu{display: flex; height: 115px;}
.operate-box{position: relative;}
.operate-title{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 66px;}
.operate-r-t{position: absolute; top: 0; right: 0; width: 330px; height: 264px; background: url(../image/team_top_bg.png);}
.operate-list{display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 79px; position: relative;}
.operate-item{display: flex; padding: 36px 43px; width: 420px; height: 215px; background: #ffffff; margin-bottom: 10px;}
.operate-item i{flex-shrink: 0;}
.operate-info{margin-left: 40px;}
.operate-item-title{font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 1;}
.operate-item-des{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #696c76; height: 48px; line-height: 24px; margin-top: 16px;}
.operate-line{width: 15px; height: 2px; background-color: #d1d1d1; margin-top: 30px;}
.about-menu-item{flex: 1; display: flex; align-items: center; padding-left: 73px; border-right: 1px solid #d51215; cursor: pointer;}
.about-menu-item:first-child{border-left: 1px solid #d51215;}
.about-menu-item.active,
.about-menu-item:hover{background: #ea1e21;}
.about-menu-item:not(.active):not(:hover) .about-menu-item-icon-hover,
.about-menu-item:hover .about-menu-item-icon,
.about-menu-item.active .about-menu-item-icon{display: none;}
.about-menu-item:not(.active):not(:hover) .about-menu-item-icon,
.about-menu-item:hover .about-menu-item-icon-hover,
.about-menu-item.active .about-menu-item-icon-hover{display: block;}
.about-menu-name{margin-left: 60px; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff;}
/* 关于汉聪 团队阵容 运营优势 end */
/* 汉聪电商研究院 start */
.ques{background: url(../image/ques_bg.png) no-repeat; padding-bottom: 46px;}
.ques-wrap{padding-top: 120px;}
.ques-top{display: flex; align-items: flex-end; justify-content: space-between;}
.ques-title{font-size: 58px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 1;}
.ques-des{font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #6c6c6c; line-height: 1;}
.ques-box{margin-top: 52px; display: flex;}
.ques-left{width: 0; flex: 1; margin-right: 10px; padding: 17px 45px 0; background-color: white;}
.ques-info-tabs{display: flex;}
.ques-info-tab{font-size: 18px; line-height: 42px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; cursor: pointer; position: relative; transition: all 0.3s;}
.ques-info-tab + .ques-info-tab{margin-left: 60px;}
.ques-info-tab:hover,
.ques-info-tab.active{color: #de0f19; font-weight: bold;}
.ques-info-tab::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 0; height: 4px; background-color: #de0f19; transition: all 0.3s;}
.ques-info-tab:hover::after,
.ques-info-tab.active::after{width: 20px;}
.ques-info-first{padding: 32px 0 17px; display: flex; border-bottom: 1px solid #f1f2f7; position: relative;}
.ques-info-cover{margin-right: 37px; height: 100px;}
.ques-info-cover img{height: 100px;}
.ques-info-right{padding-top: 7px; flex: 1; width: 0;}
.ques-info-title{font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #140c22; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s;}
.ques-info-first:hover .ques-info-title{color: #de0f19;}
.ques-info-des{font-size: 13px; font-family: Microsoft YaHei; font-weight: 400; color: #818189; line-height: 20px; margin-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.ques-info-list{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #f1f2f7; margin-top: 10px; height: 241px; overflow: hidden;}
.ques-info-item{width: calc(50% - 27px); height: 60px; border-top: 1px solid #f1f2f7; display: flex; align-items: center;}
.ques-info-item span{width: 0; flex: 1; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #41414a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s;}
.ques-info-item:hover span{color: #de0f19;}
.ques-info-item::before,
.ques-item:not(.active):before{content: ''; display: block; width: 4px; height: 4px; background-color: #de0f19; margin-right: 14px;}
.ques-info-item:first-child,
.ques-info-item:nth-child(2){border-top: none;}
.ques-info-more{margin: 43px 0 49px 18px; display: flex; align-items: center; cursor: pointer; position: relative;}
.ques-info-more span{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #e41921; margin-right: 12px; line-height: 1;}
.ques-right{width: 386px; padding: 24px 19px; flex-shrink: 0; background-color: white; border-top: 3px solid #e41921;}
.ques-right-title{display: flex; align-items: center;}
.ques-right-title span{margin-left: 17px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #140c22; line-height: 18px;}
.ques-list{margin-top: 10px; overflow: hidden;}
.ques-item{height: 60px; display: flex; align-items: center; border-bottom: 1px solid #f1f2f7; overflow: hidden; transition: height 0.3s;}
.ques-item .ques-item-title{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #41414a; line-height: 18px; transition: color 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ques-item:not(.active) .ques-item-title{width: 0; flex: 1;}
.ques-item .ques-item-des{font-size: 13px; font-family: Microsoft YaHei; font-weight: 400; color: #818189; line-height: 20px; margin-top: 13.5px; max-height: 0; transition: all 0.3s; display: none;}
.ques-item.active{height: 146px; padding: 38px 25px 0; flex-direction: column; background: #f8f9fc; align-items: stretch; margin-bottom: 10px;}
.ques-item.active .ques-item-title{color: #140c22; font-size: 18px; font-weight: 400; line-height: 18px;}
.ques-item.active .ques-item-des{max-height: 40px; display: inline; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ques-item:hover .ques-item-title{color: #de0f19;}
.ques-btns{display: flex; margin-top: 29px;}
.ques-btn + .ques-btn{margin-left: 10px;}
.ques-btn{width: 168px; height: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; position: relative;}
.ques-btn:first-child{background: #ffebec;}
.ques-btn:first-child:hover{background: #e41921;}
.ques-btn:first-child span{margin-right: 13px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #e41921; line-height: 18px; transition: all 0.3s;}
.ques-btn:first-child:hover span{color: white;}
.ques-btn .bg-q_more2_white,
.ques-btn:hover .bg-q_more2{display: none;}
.ques-btn:hover .bg-q_more2_white{display: block;}
.ques-btn:last-child{background-color: #e41921;}
.ques-btn:last-child span{margin-right: 9px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 18px;}
.ques-btn:last-child:hover{background-color: #bf1316;}
/* 汉聪电商研究院 end */
/* 马上免费诊断 start*/
.diagnosis{height: 75px;}
.diagnosis-wrap{display: flex; justify-content: center; align-items: flex-start; height: 75px; background-color: rgba(0, 0, 0, 0.75); cursor: pointer;}
.diagnosis-wrap.diagnosis-fixed{position: fixed; bottom: 0; left: 0; right: 0; z-index: 99;}
.diagnosis-wrap > img{margin-top: -46px;}
.diagnosis-wrap > span{font-size: 26px; font-family: Microsoft YaHei; font-weight: bold; color: #f9ecdf; line-height: 75px; margin-left: 37px;}
.bg-footer_up{margin: 24px 0 0 16px;}
.bg-footer_up2{margin: 24px 0 0 27px;}
.dp-pop{position: fixed; top: 0; bottom: 0; right: 0; left: 0; justify-content: center; align-items: center; z-index: 99999; background-color: rgba(0, 0, 0, 0.5); display: flex; transition: all 0.3s;}
.dp-pop:not(.dp-show){opacity: 0; pointer-events: none;}
.dp-wrap{width: 447px; background-color: white; padding: 36px 46px 39px; display: flex; flex-direction: column; align-items: center; position: relative; transition: all 0.3s;}
.dp-pop:not(.dp-show) .dp-wrap{transform: scale(0);}
.dp-title{line-height: 24px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #191928;}
.dp-des{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #ff630a; line-height: 1; margin: 11px 0 15px;}
.dp-platform,
.dp-phone,
.dp-code{width: 355px; height: 45px; background: rgba(242, 246, 248, 0.5); border: 1px solid #e6e6e6; display: flex; align-items: center; padding-left: 14px; margin-top: 10px;}
.dp-platform{padding-right: 17px; position: relative;}
.dp-text{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #191928; margin-left: 18px; flex: 1;}
.dp-platform.dp-error .dp-text{color: red;}
.dp-phone.dp-error input::-webkit-input-placeholder,
.dp-phone.dp-error input:-moz-placeholder,
.dp-phone.dp-error input:-ms-input-placeholder{color: red;}
.dp-code.dp-error input::-webkit-input-placeholder,
.dp-code.dp-error input:-moz-placeholder,
.dp-code.dp-error input:-ms-input-placeholder{color: red;}
.dp-error-msg{width: 100%; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: red; text-align: left; line-height: 25px; height: 25px; overflow: hidden;}
.dp-platform-list{position: absolute; left: -1px; right: -1px; top: calc(100% + 1px); max-height: 0; opacity: 0; z-index: 1; background-color: white; box-shadow: -2px 6px 20px 4px rgb(0 0 0 / 10%); transition: all 0.3s; overflow: hidden;}
.dp-platform.active .dp-platform-list{max-height: 192px; opacity: 1;}
.bg-dp_arrow_b{transition: all 0.3s;}
.dp-platform.active .bg-dp_arrow_b{transform: rotate(-90deg);}
.dp-platform-item{color: #191928; font-size: 14px; line-height: 32px; padding: 0 10px;}
.dp-platform-item:hover{color: #e41921;}
.dp-platform-item.active{background-color: #e41921; color: white;}
.dp-phone{padding-right: 10px;}
.dp-phone input{width: 0; height: 100%; flex: 1; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #191928; padding: 0 18px;}
.dp-code{padding-right: 23px;}
.dp-code input{width: 0; height: 100%; flex: 1; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #191928; padding: 0 18px;}
.dp-send{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #191928; cursor: pointer;}
.dp-btn{width: 355px; height: 45px; background: #e41921; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #ffffff; position: relative; cursor: pointer;}
.dp-btn + .dp-btn{background: white; border: 1px solid #e41921; color: #e41921; margin-top: 10px; transition: all 0.3s;}
.dp-btn:hover{background: #bf1316;}
.dp-btn + .dp-btn:hover{color: white;}
.dp-bottom{width: 100%; display: flex; justify-content: space-between; margin-top: 23px;}
.dp-bottom li{display: flex; align-items: center;}
.dp-bottom li span{font-size: 13px; font-family: DINPro; font-weight: 500; color: #7b7b7b; line-height: 1; margin-right: 10px;}
.dp-close{position: absolute; right: -40px; top: 0; cursor: pointer;}
.dp-close div{transition: all 0.3s;}
.dp-close:hover .bg-dp_close,
.dp-close:not(:hover) .bg-dp_close_hover{height: 0;}
/* 马上免费诊断 end*/
/* 汉聪电商 start */
.fixed-proxy{position: fixed; left: 0; top: 0; bottom: 0; display: flex; align-items: center; z-index: 99999;}
.fixed-proxy-wrap{width: 0; height: 550px; padding: 89px 15px 15px; background: url(../image/fixed_bg.png); text-align: center; position: relative; overflow: hidden; opacity: 0; transition: opacity 0.3s;}
.fixed-proxy.fixed-show .fixed-proxy-wrap{width: 211px; opacity: 1; overflow: visible;}
.fixed-proxy-title{font-size: 22px; font-family: SJxinhei; font-weight: 400; color: #ffd1b2; line-height: 26px; margin-bottom: 9px;}
.bg-fixed_tb,
.bg-fixed_tm,
.bg-fixed_jd,
.bg-fixed_dy,
.bg-fixed_pdd{margin: 8px auto 0; position: relative;}
.bg-fixed_tel{margin: 16px auto 13px; position: relative; visibility: hidden;}
.fixed-proxy-des{font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #ffffff; line-height: 1; margin-top: 12px;}
.bg-fixed_sc{margin: 16px auto 0;}
.fixed-proxy-close{position: absolute; right: -40px; top: 0; cursor: pointer;}
.fixed-proxy-close div{transition: all 0.3s;}
.fixed-proxy-close:hover .bg-dp_close,
.fixed-proxy-close:not(:hover) .bg-dp_close_hover{height: 0;}
/* 汉聪电商 end */