* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
}

a {
    text-decoration: none;
    color: #fff;
}

a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none; }/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/

a:active{text-decoration:none;}/* 指正在点的链接*/ 

:root {
    font-size: 6.25%;
    --container-max-width: 1660rem;
    --fz-text: 14rem;
}

 /* 版心 */
 /* @media screen and (max-width: 1200px) {
    :root {
        --container-max-width: 800rem;
    }
   } */

ul{
    list-style: none;
}

button, input { 
    outline: none;
    resize: none; 
    background: transparent;
    border: 0;
  } 


/* 弹性盒子 */
.flex {
    display: flex;
}

.flexDc {
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 2;
}

.flex4 {
    flex: 4;
}

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

.flex-wrap-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

.AI-flex-start {
    align-items: flex-start;
}

.AI-flex-end {
    align-items: flex-end;
}

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

.AI-wrap {
    flex-wrap: wrap;
}

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

.JC-flex-end {
    justify-content: flex-end;
}

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

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

.JC-space-around {
    justify-content: space-around;
}

/*-------文字溢出-------*/
.overT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overT1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.overT2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.overT3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.overT4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.overT5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.overT6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.overT7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.overT11 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11;
    overflow: hidden;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}


/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
.area {
  max-width: var(--container-max-width);
  margin: 0 auto;
  width:84%;
}

.customized-demand {
  padding: 70px 0;
  color: #164cc2;
  font-size: 26px;
  font-weight: 550;
  position: relative;
}

.customized-demand .bg-pic01 {
  position: absolute;
  width: 356px;
  height: 524px;
  top: 1481px;
  right: 0;
  display: block;
}

.customized-demand .bg-pic02 {
  position: absolute;
  width: 344px;
  height: 780px;
  bottom: -37px;
  left: 0;
  display: block;
  z-index: -1;
}

.customized-demand .tip {
  padding: 0 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  max-width: 40%;
}

.customized-demand .item {
  color: #666;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  /* width: calc((100% - 460px) / 4); */
  width: 295px;
  margin: 0 165px 40px 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .item:last-child {
  margin-right: 0;
}
.customized-demand .item .demand-pic {
  width: 99px;
  height: 123px;
  display: block;
  margin: 0 auto;
}

.customized-demand .item .title {
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 550;
  margin: 20px auto;
  max-width: 70%;
}

.customized-demand .title-box {
  margin-top: 40px;
  color: #d1d5dd;
  font-size: 24px;
  font-weight: 300;
  position: relative;
}

.customized-demand .title-bg {
  position: absolute;
  width: 242px;
  height: 30px;
  bottom: -10px;
  left: 0;
  display: block;
}

.customized-demand .txt-box {
  color: #2351af;
  font-size: 26px;
  font-weight: 300;
}

.customized-demand .txt-box .txt {
  font-size: 26px;
  font-weight: 550;
  margin: 0 18px 0 8px;
}

.customized-demand .txt-box .txt1 {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.customized-demand .course-pic {
  width: 100%;
  /* height: 408px; */
  display: block;
  margin: 60px 0;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .digit-box {
  /* margin-top: 72px; */
  background-color: #fff;
  /* width: calc((100% - 32px) / 2); */
  width: 812.12px;
  border-radius: 8px;
  padding: 24px 47px 20px 62px;
  color: #888;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;

  margin: 72px 37px 40px 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .digit-box:last-child {
  margin-right: 0;
}

.customized-demand .digit-box .title {
  font-size: 24px;
  color: #383838;
  line-height: 48px;
  font-weight: 550;
}

.customized-demand .digit-box .label {
  font-size: 16px;
  color: #3960b3;
}

.customized-demand .digit-box .title-line {
  width: 708px;
  height: 15px;
  display: block;
  margin: 10px 0 50px;
  object-position: left;
}

.customized-demand .digit-box .num {
  font-weight: 550;
  font-size: 100px;
  color: rgba(183, 192, 206, 0.15);
  position: absolute;
  left: 0;
  top: 4px;
}

.customized-demand .digit-box .item-box {
  margin-bottom: 45px;
  padding-left: 12px;
}

/* .customized-demand .digit-box1 .item-box :last-child {
         margin-bottom: 22px;
     } */

.customized-demand .digit-box .item-box .title {
  font-weight: 550;
  font-size: 16px;
  color: #383838;
  line-height: 34px;
}

.customized-demand .digit-box .digit-pic {
  width: 38px;
  height: 44px;
  display: block;
  margin: 10px 33px 0 0;
}

.customized-demand .digit-box .digit-pic1 {
  width: 44px;
  height: 44px;
  display: block;
  margin: 10px 30px 0 0;
}

.customized-demand .enable-box {
  /* margin-top:72px; */
  background-color: #fff;
  /* width: calc((100% - 96px) / 3); */
  width: 520px;
  height: 301px;
  border-radius: 8px;
  position: relative;
  /* overflow: hidden; */

  margin: 72px 52px 40px 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .enable-box:last-child {
  margin-right: 0;
}

.customized-demand .enable-box .enable-box-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 77px 47px 20px 62px;
  color: #888;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  padding-right: 240px;
}

.customized-demand .enable-box .num {
  font-weight: 550;
  font-size: 100px;
  color: rgba(183, 192, 206, 0.15);
  position: absolute;
  left: 0;
  top: 4px;
}

.customized-demand .enable-box .enable-line {
  width: 386px;
  height: 10px;
  display: block;
  margin-bottom: 32px;
  object-position: left;
}

.customized-demand .enable-box .title {
  font-weight: 550;
  font-size: 24px;
  color: #383838;
  margin-bottom: 17px;
}

.customized-demand .enable-box .enable-pic {
  width: 520px;
  height: 300px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .enable-box .website-line {
  width: 438px;
  height: 10px;
  display: block;
  margin-bottom: 32px;
  object-position: left;
}

.customized-demand .enable-box .website-box {
  margin: -50px 0 0 -78px;
  flex-shrink: 0;
}
.customized-demand .enable-box .website-box .website-pic {
  width: 337px;
  height: 199px;
  display: block;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .enable-box .commerce-pic {
  width: 333px;
  height: 599px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 40px;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .digital-box {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  font-size: 20px;
  color: #164cc2;
  margin-top: 50px;
  padding: 45px 0 44px;
}
.customized-demand .digital-box div:last-child {
  display: none;
}
.customized-demand .digital-box .digital-item div:last-child {
  display: block !important;
}

.customized-demand .digital-box .digital-item {
  padding: 0 40px;
  min-width: 275px;
}

.customized-demand .digital-box .title {
  font-size: 72px;
  color: #383838;
  font-weight: 400;
  position: relative;
}

.customized-demand .digital-box .title .digital-bg {
  width: 92px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-9%, 50%);
}

.customized-demand .digital-box .txt {
  font-size: 16px;
  color: #383838;
  font-weight: 400;
  line-height: 34px;
}

.customized-demand .digital-box .digital-line {
  width: 1px;
  height: 285px;
  background-color: #e7edf9;
  margin-top: 100px;
}