button {
    border: none;
    outline: none !important; /* 移除焦点时的轮廓线 */
    cursor: pointer;
}
input{
    outline: none !important;
}
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
}

.navbar{
    padding: 16px 1rem;
}
.navbar-light .navbar-nav .nav-link{
    color: #333639;
    font-size: 14px;
}
.index-main-banner{
    margin-top: 10px;
}
#loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
 
#loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
 
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.image-preview{
    width: 100%;
    z-index: 1031;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.image-preview img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}


.topnav{
    background-color: #fff;
}
nav a.home-phone {
    width: 112px;
    height: 41px;
    border-radius: 41px;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
}

footer {
    background-color: #1C2229;
    color: #C3C3C3;
}

footer .technical-name {
    height: 55px;
    width: 1000px;
    border-top: 1px solid #404244;
    color: #CBCBCB;
}

footer .technical-info {
    height: 108px;
}

/* footer .technical-info a{
    text-decoration: none;
} */

.c-1AC157 {
    color: #1AC157;
}

.line {
    width: 60px;
}

.line::after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    border-right: 2px solid #979797;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
}

.banner {
    object-fit: cover;
    min-height: 700px;
    width: 100%;
    left: 0;
    padding-bottom: 15px;
}

.banner-img {
    object-fit: cover;
    min-height: 700px;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
}

.content {
    width: 802px;
    z-index: 1;
    padding: 40px 0;
}

.content .content-right {
    overflow: hidden;
    width: 244px;
    height: 494px;
    background-image: url(../img/mobile.png);
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.content .content-right>.abs,
.mobile > .mobile-top{
    width: 64px;
    height: 20px;
    border-radius: 30px;
    background: #000;
    z-index: 9;
    top: 16px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.content .content-right .swiper-wrapper{
    width: 220px;
    height: 474px;
}


.content .content-right .swiper{
    width: 220px;
    height: 474px;
    overflow: hidden;
    border-radius: 30px;
}
.content .content-right .swiper-slide{
    overflow: hidden;
    border-radius: 30px;
}

.content .content-right .content-right-img {
    width: 220px;
    height: 474px;
    object-fit: cover;
    border-radius: 30px;
}

.content .content-left {
    padding-top: 16px;
    flex: 1;
    padding-right: 50px;
}

.content .content-left-h1 {
    font-size: 70px;
    color: #0C0E16;
    font-weight: normal;
}

.content .content-left-title {
    font-size: 26px;
    color: #0C0E16;
    margin-top: 8px;
    margin-left: 6px;
}

.content .content-left-p {
    margin-left: 7px;
    color: #3A3E4D;
    padding-top: 50px;
}

.content .content-left button {
    width: 142px;
    height: 54px;
    border-radius: 54px;
    border: 3px solid transparent;
    cursor: pointer;
    margin-right: 14px;
    color: #fff;
}

.content .content-left button.active-btn{
    background-color: #fff;
}

.content .box-btn {
    margin-top: 50px;
    margin-bottom: 30px;
}

.content .download-tips {
    padding: 6px;
    border-radius: 3px;
    /* white-space: nowrap; */
    z-index: 999;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow:0 3px 10px rgba(21,13,13,0.05);
    display: none;
    width: 200px;
    margin-top: 20px;
}
.content .download-tips::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    top: -19px;
    left: 50%;
    transform: translate(-50%, 0);
}

.content div.download-tips-h5{
    margin-top: 0;
    top: -75px;
}

.content .download-tips-h5::after{
    bottom: -19px;
    top: auto;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
}

.content .wechat-qr{
    width: 100%;
    height: 100%;
}

.content #h5_img {
    width: 150px;
    height: 150px;
}

.content #wx_img {
    width: 150px;
    height: 150px;
}

.logo-box {
    margin-right: 80px;
    cursor: pointer;
}

.logo-box .icon {
    width: 111px;
    height: 32px;
    object-fit: cover;
}

.content-box {
    width: 802px;
}

.topnav .navbar-nav .nav-item {
    padding: 0 10px;
}

/*入驻*/

.settled-banner-img{
    object-fit: cover;
    height: 624px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.settled-main{
    padding-bottom: 100px;
}

.settled-main-h1 {
    color: #1F1F1F;
    font-size: 50px;
    font-style: normal;
    top: 42px;
}

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

.settled-main-p {
    text-align: center;
    color: #1AC157;
    line-height: 25px;
    font-style: normal;
    padding-top: 10px;
    font-weight: 400;
}

.settled-main-form {
    border-radius: 23px;
    background: #F8F8F8;
    padding: 60px;
}

#franchise_form{
    display: none;
}

.settled-main-title{
    height: 157px;
    padding-top: 90px;
    padding-left: 64px;
}

.settled-item-title{
    color: #666666;
    font-style: normal;
    font-size: 16px;
    margin-right: 88px;
    cursor: pointer;
    line-height: 16px;
}

.settled-item-title-checked::after{
    width: 57px;
    height: 1px;
    border: 2px solid #44A860;
    content: '';
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
}

.settled-form-title{
    font-weight: 600;
    color: #333;
    line-height: 18px;
    font-style: normal;
}

.settled-form-item{
    width: 304px;
    margin-right: 52px;
    padding-top: 49px;
}

input[type="number"]::-webkit-outer-spin-button,  
input[type="number"]::-webkit-inner-spin-button {  
  -webkit-appearance: none;  
  margin: 0;  
}  
  
/* Firefox */  
input[type="number"] {  
  -moz-appearance: textfield;  
}

.settled-form-item .flex-y-center{
    padding-bottom: 8px;
    line-height: 14px;
}

.settled-form-item .settled-form-item-sex{
    width: 304px;
}

.settled-form-item .settled-form-item-sex > div{
    height: 44px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    color: #999999;
    cursor: pointer;
}

.settled-form-item .settled-form-item-sex .sex-bg{
    width: 100%;
    height: 100%;
    height: 44px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    color: #999999;
    cursor: pointer;
    opacity: 0.1;
}

.settled-form-item input,
.settled-form-item .verification-code{
    width: 304px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    padding: 0 14px;
}

.settled-form-item .select select{
    width: 100%;
    height: 100%;
    border: none;
}

.settled-form-item .verification-code{
    padding: 0;
}

.settled-form-item .verification-code input{
    border: none;
    height: 100%;
    padding-right: 98px;
}

.settled-form-item .verification-code span{
    z-index: 99;
    height: 44px;
    width: 98px;
    right: 0;
    top: 0;
    cursor: pointer;
}

.settled-form-item .upload{
    height: 164px;
    width: 304px;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    background-size: cover;/* 背景铺满元素 */
    background-position: center;/* 兼容ie8及以下 */
    background-repeat: no-repeat;
}

.settled-form-item .upload>input{
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 99;
   left: 0;
   top: 0;
   cursor: pointer;
   background: transparent;
}

.settled-form-item .upload-icon{
    z-index: 2;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 60px;
}

.settled-form-item .upload-icon i{
    font-size: 60px;
    background-image: -webkit-linear-gradient(180deg, #69D598, #44A860);

}
.settled-form-item .upload-icon img{
    width: 28px;
    height: 28px;
}

.settled-form-item .submit-btn{
    width: 304px;
    height: 44px;
    border-radius: 6px;
    border: none;
}


/*人员列表*/
.breadcrumb-item + .breadcrumb-item::before{
    content: '';
}
.staff-banner-img{
    object-fit: cover;
    min-height: 169px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.staff-img{
    width: 114px;
    height: 153px;
    margin-top: 16px;
}

.staff-main-h1{
    font-size: 30px;
    font-style: normal;
    color: #1F1F1F;
    padding-left: 6px;
    margin-top: 20px;
}
.staff-main-p{
    color: #074040;
    padding-left: 6px;
}

.staff-main{
    padding-top: 110px;
    background-color: #F7F7F7;
    padding-bottom: 110px;
}

.staff-main .staff-item{
    width: 489px;
    background-color: #fff;
    border-radius: 22px;
    margin-bottom: 20px;
    padding: 18px 15px 18px 19px;
    cursor: pointer;
    border: 2px solid #F7F7F7;
    overflow: hidden;
}
.staff-item .staff-item-bg{
    right: -2px;
    top: -2px;
    width: 113px;
    height: 74px;
    background: linear-gradient(215deg, rgba(5, 194, 95), #fff, #fff);
    z-index: 1;
    opacity: 0.12;
}
.zindex-2{
    z-index: 2;
}
.staff-main .staff-item .staff-cover{
    width: 137px;
    height: 137px;
    border-radius: 18px;
    object-fit: cover;
}
.staff-main .staff-item .staff-name{
    color: #232527;
    font-size: 20px;
    padding-right: 8px;
    line-height: 22px;
    max-width: 200px;
}
.staff-main .staff-item .iconpingfen1{
    font-size: 13px;
    margin-right: 4px;
    color: #FD584C;
}
.staff-main .staff-item .staff-reservation{
    position: relative;
    border-radius: 6px;
    height: 23px;
    background: #e5f7f0;
    z-index: 2;
    line-height: 23px;
    color: #54AF6E;
    padding-left: 8px;
}

.staff-main .staff-item .staff-reservation::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px; /* 根据需要调整 */
    width: 30px; /* 梯形的顶部宽度，两边的一半 */
    height: 23px; /* 与容器相同的高度 */
    background-color: #e5f7f0;
    transform: skewX(-30deg); /* 倾斜角度，根据需要调整 */
    border-radius: 6px;
    z-index: -1;
}

.staff-main .staff-item .staff-repeat-customer{
    position: relative;
    border-radius: 6px;
    height: 23px;
    background: #F6EDE9;
    z-index: 2;
    line-height: 23px;
    color: #FD584C;
    padding-right: 8px;
    margin-left: 32px;
}
.staff-main .staff-item .staff-repeat-customer::after {
    content: "";
    position: absolute;
    top: 0;
    left: -12px; /* 根据需要调整 */
    width: 30px; /* 梯形的顶部宽度，两边的一半 */
    height: 23px; /* 与容器相同的高度 */
    background-color: #F6EDE9;
    transform: skewX(-30deg); /* 倾斜角度，根据需要调整 */
    border-radius: 6px;
    z-index: -1;
}
.staff-main .staff-item .staff-line{
    width: 28px;
}
.staff-main .staff-item .staff-line::after{
    content: "";
    width: 1px;
    height: 9px;
    border: 1px solid #666666;
    opacity: 0.3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.staff-main .staff-item .staff-see-btn{
    width: 104px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #44A860;
    color: #44A860;
    margin-top: 16px;
}

.mobile-body .no-data{
    width: 150px;
}

.mobile-body {
    width: 220px;
    background-color: #F6F7FBff;
    height: 470px;
    margin-bottom: 2px;
    border-radius: 30px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mobile-body::-webkit-scrollbar {
    width: 0;
    /* 对于垂直滚动 */
    height: 0;
    /* 对于水平滚动 */
}

.mobile-body .staff-banner {
    width: 220px;
    height: 220px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow-x: hidden;
}

.mobile-body .swiper-wrapper , .mobile-body .swiper-slide,
.mobile-body .staff-banner-img ,.mobile-body .swiper-container-horizontal{
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.mobile-body .staff-banner .staff-banner-img {
    width: 100%;
    height: 220px;
    object-fit: contain;
}

.banner-switch {
    z-index: 9;
    height: 16px;
    background-color: #000;
    left: 10px;
    top: 28px;
    color: #fff;
    border-radius: 16px;
    padding: 0 1px;
    position: absolute;
}

.banner-switch>div {
    line-height: 14px;
    font-size: 10px;
    padding: 0 4px;
}

.banner-switch>div>span{
   font-size: 6px;
}

.banner-switch-checked {
    min-width: 23px;
    height: 14px;
    background-color: #fff;
    color: #302D2B;
    border-radius: 14px;
}

.mobile-body .banner-icon{
    right: 10px;
    top: 20px;
    z-index: 9;
}

.mobile-body .banner-icon .iconfont{
    font-size: 10px;
}

.mobile-body .ti-box {
    border-radius: 7px 7px 0px 0px;
    margin-top: -10px;
    z-index: 2;
    background-color: #fff;
}

.mobile-body .ti-box .ti-box-bg {
    width: 168px;
    height: 99px;
    left: 0;
    top: 0;
}

.mobile-body .ti-box .ti-box-head {
    z-index: 3;
    padding-top: 8px;
}

.mobile-body .ti-box .ti-box-head-info {
    padding: 0 9px;

}

.mobile-body .ti-box .ti-name {
    padding-right: 6px;
    max-width: 140px;
}

.mobile-body .ti-box .ti-sex {
    width: 28px;
    height: 12px;
    border-radius: 12px;

}

.mobile-body .ti-box .ti-sex-nan {
    color: #319AFF;
    background: rgba(49, 154, 255, 0.1);
}

.mobile-body .ti-box .ti-sex-nv {
    color: #F72370;
    background: #FFE5F4;
}

.mobile-body .ti-box .ti-label-status {
    padding: 1px 4px;
    border-radius: 20px;
    margin-right: 5px;
}

.mobile-body .ti-box .ti-label-time {
    padding: 1px 4px;
    border-radius: 20px;
}

.mobile-body .ti-label-time-bg {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    left: 0;
    top: 0;
    opacity: 0.2;
}

.mobile-body .ti-box .ti-cover {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    border: 2px solid #fff;
    margin-right: 6px;
    object-fit: cover;
}

.mobile-body .count-list {
    padding: 0 21px;
    height: 37px;
    z-index: 3;
}

.mobile-body .count-list .f-11 {
    font-weight: 500;
    line-height: 11px;
    padding-bottom: 3px;
}

.mobile-body .count-list .f-6 {
    color: #636363;
}

.mobile-body .ti-basic {
    margin: 0 6px;
    padding: 7px 3px;
    border-top: 1px solid #EFEFEF;
    z-index: 3;
}

.mobile-body .ti-basic span {
    font-size: 7px;
    padding-right: 7px;
    color: #222;
}

.mobile-body .ti-basic-info .flex-center {
    min-width: 28px;
    height: 12px;
    border-radius: 12px;
    padding: 0 4px;
}

.mobile-body .ti-basic-info .height {
    background: rgba(126, 80, 233, 0.1);
    color: #7E50E9;
}

.mobile-body .ti-basic-info .weight {
    background: rgba(255, 97, 33, 0.1);
    color: #FF6121;
}

.mobile-body .ti-basic-certificate {
    padding-top: 8px;
}

.mobile-body .certificate-item {
    color: #8B3A02;
    padding: 3px 3px 3px 10px;
    border-radius: 1px;
    font-size: 10px;
    line-height: 7px;
    background-color: #FDEDD6;
    margin-right: 10px;
}
.mobile-body .certificate-item>span{
    zoom: 0.9;
    padding: 0;
}
.mobile-body .certificate-item:last-child{
    margin-right: 0;
}

.mobile-body .certificate-item-store {
    margin-left: 2px;
    background-color: transparent;
    color: #2E2E2E;
}

.mobile-body .certificate-item img {
    width: 10px;
    height: 12px;
    left: -2px;
    top: -1px;
}

.mobile-body .ti-introduction {
    margin-top: 6px;
    padding: 0 9px 9px 9px;
}

.mobile-body .ti-introduction .ti-introduction-title {
    color: #222222;
    font-size: 9px;
    height: 26px;
    line-height: 26px;
    font-weight: 500;
}

.mobile-body .ti-introduction .ti-introduction-main {
    background: #F7F8FA;
    padding: 9px;
    border-radius: 4px;
    font-size: 8px;
}

.mobile-body .ti-project,
.mobile-body .ti-evaluate-title {
    padding: 0 6px;
}

.mobile-body .ti-project .ti-project-title,
.mobile-body .ti-evaluate .ti-evaluate-title {
    font-size: 9px;
    height: 32px;
    line-height: 32px;
    color: #777;
    font-weight: 500;
}

.mobile-body .ti-project .ti-project-cover {
    width: 61px;
    height: 61px;
    object-fit: cover;
    border-radius: 10px;
}

.mobile-body .ti-project .ti-project-item {
    border-radius: 10px;
    padding: 8px 8px 8px 8px;
}

.mobile-body .ti-project .ti-project-cont {
    padding-left: 8px;
}

.mobile-body .ti-project .ti-project-cont-name {
    max-width: 90px;
}

.mobile-body .ti-project .ti-project-btn {
    width: 49px;
    height: 20px;
    border-radius: 5px;
    font-size: 8px;
}

.mobile-body .ti-project .memberdiscount-price {
    width: 24px;
    height: 9px;
    border-radius: 0 15px 15px 15px;
    font-size: 5px;
    background: linear-gradient(270deg, #4c545a, #282b34);
    color: #ffeeb9;
    margin-left: 3px;
}

.mobile-body .ti-evaluate .ti-evaluate-more {
    font-size: 7px;
    color: #999;
    height: 25px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mobile-body .ti-evaluate-cont {
    padding: 0 9px 10px 9px;
}

.mobile-body .ti-evaluate-item{
    margin-top: 26px;
}

.mobile-body .iconyduixingxingshixin{
    font-size: 7px;
    margin-top: 2px;
}

.mobile-body .ti-evaluate-cont .ti-evaluate-cover {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    object-fit: cover;
    margin-right: 6px;
}

.mobile-body .ti-evaluate-cont .ti-evaluate-text {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 8px;
    color: #222222;
    line-height: 13px;
    text-align: justify;
    font-style: normal;
    margin-top: 8px;
}

.mobile-body .ti-evaluate-label {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 6px;
    line-height: 6px;
    font-style: normal;
    padding: 2px 4px;
}

/*人员详情*/
.staff-detail-img{
    object-fit: cover;
    min-height: 631px;
    width: 100%;
    left: 0;
    height: 100%;
    bottom: 0;
} 

.mobile{
    width: 244px;
    height: 494px;
    background-image: url(../img/mobile.png);
    background-position-y: bottom;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.mobile-container{
    padding: 69px 0 38px 0;
    max-width: 680px;
}
.mobile-code-box {
    padding: 30px 0;
}
.mobile-code-title{
    color: #232527;
    line-height: 36px;
    padding-bottom: 16px;
}
.mobile-code-box .f-36{
    line-height: 36px;
}
.mobile-code-qr{
    width: 216px;
    height: 216px;
    border-radius: 13px;
    border: 1px solid transparent;
    margin-top: 30px;
}
.mobile-code-qr img{
    width: 168px;
    height: 168px;
}

.mobile > .mobile-tips{
    width: 15px;
    height: 135px;
    right: -21px;
    top: 40px;
    background-image: url(../img/mobile-tips.png);
    position: absolute;
}

.btn-box .flex-center{
    width: 30px;
    height: 30px;
}

.btn-box{
    text-decoration: none;
    cursor: pointer;
}

.technician-container{
    padding: 90px 19px 70px 19px;
}

.technician-main{
    padding: 0px;
}
.staff-main-new, .staff-main-popular{
    margin: 0 19px;
}

.technician-container .cn{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 26px;
    color: #404040;
    line-height: 32px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
}
.technician-container .en{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #A6A6A6;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    padding-bottom: 24px;
    padding-top: 4px;
}

/*动态*/

/* .pagination-box .xl-prevPage{
    background: url("data:image/png;base64,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")no-repeat center center / 16px 16px;
}
.pagination-box .xl-nextPage{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAOwklEQVR4AeydC3BcVRnH092l8QU4BbWC+MYHU4eKCE4t1gERBwdhMJsBkQKzTbJpaBSQMkXEVLFIrVZSkt0kjYUqwmSDg6AMWmVs0Wq102lHBtvxgY8ORUUp4KPpbDb8zzSZaV537+Occ8/jz5zL3ew95/u+8//21+/ce7ZppoH/UQEqMKsCBGRWaXiBCjQ0EBB+CqhAgAIEJEAcXqICBISfASoQoIBCQAK88hIVsEQBAmJJohhmOgoQkHR0p1dLFCAgliSKYaajAAFJR3d6tUQBOwGxRFyGab8CBMT+HHIGChXwApCBgYH39fX1tfb392/C+SlxjL9uFdcU6kvTlivgNCDlcnkpQNhRq9V2Ik99Y2NjV+P8ZnGMv+4T1wDMVvQ9H++zUYFJCjgLCD70P5kzZ849AOGsSTOe+YcPoe+PMWZtd3f3cTN34bs+KuAcIKVS6WR80MeQzPNwRG03NjY2boWNBVEHsr+bCjgHSCaT+UHCVC2EjQqWXKcntMPhDijgFCCoHHcgJwtxJG3vwpKrAntnJDXE8XYr4Awg+BP/NKTiOhyy2qkwNAS7Z+LM5qkCzgCCP/GvQg6PwSGzvQ12RSU5W6ZR2rJHAScAwVJIgLFUkezisXAFj4sXJbTP4RYq4AQg0P1EHPNxqGqn4HFxpbe39xxVDmjXTAWcAASbfSdokPekbDY7hEqyRIMvujBEAScAgZaiguCkvIkqVRkYGDhXuSc6MEIBVwDRJiaWWq9BxRL7JPxqijbV03NEQOJpP0883cJy64J4w2WPoj1VChCQ+Moej2oillsXxjfBkaYrQECSZejY8eXWRcnMcLSpChCQ5Jl5hVhuYS/mkuSmaME0BQiInIw0iuVWuVy+VI45WjFFAQIiKROoIjkc4mspeUkmzTDjeRQERO4HQOgpNhMvk2uW1tJSQCQ0Ld/O+sVy675SqXSFsxP0aGIERFGyM5nMd7BPcqUi8zSrSQEColBoVJLNgET8ogiFXmhapQIERKW6sA1INuHpVgEv2aYoYMOPBERDlvB0ayP2SVo1uKILyQoQEMmCBpjrw3KrGHCdlwxUgIBoTAqWWyVUkg6NLukqoQIEJKGAMYbfBUg6Y4zjkBQUICApiA6XdwISmb+BBSbZjlJA2ksCIk3KyIa+AUhuiDyKA7QqQEC0yj3N2TpAsnLau3zDGAUISPqpuAP7JKvSD4MRzKQAAZlJFc3vYZ9kDSC5RbNbuguhAAEJIZKOLoDky9gnuVWHL/oIr8B0QMKPZU/JCmCfZDUqyWrJZmkugQIEJIF4KoaiktyKG/fbVNimzegKEJDomukY8Xkst9bocEQfwQoQkGB9UruK5dYqVBLx752kFgMdNzQQELM/BSsByTqzQ3Q7Oq2AuC2lstndAEjWK7NOw4EKEJBAeYy5+FlAcqcx0XgUCAGxJ9mdgOQue8J1I1ICYlceO/B0q2RXyHZHS0Asyx+ebhWxmdhvWdjWhusKINYmIE7g2ExsQSXZGGcsx0RTgIBE08uY3qgkBVSSTcYE5GggBMTixKKSXI0b980WT8H40AmI8SmqG+CVgOTeur3YIZYCBCSWbMYN+hQguc+4qBwIiIDUTaI1HS4DJEO4N5ljTcQWBEpALEhShBDzeLo13NXVlYswhl0DFCAgAeJYeunS+fPnD3d3dzdaGr9RYRMQo9IhJxg83bq4sbGxMjQ09HI5Fv21QkDczf1FBw8eHO7p6XmVu1NUPzMCol7j2T0ovoIb9guz2ewwbt6PV+zKWfMExNnUHpkYllsX4NXwxo0b5+HMFlEBAhJRMEu7f6RWq1VQSU60NP7UwiYgqUmv1zGWW+fC4/DAwMDrcGYLqQABCSmUI92WoJIMb9iw4SRH5qN8GgREucTpOAjwunju3LkVVJI3BPThpXEFCMi4EJ6dFolKghv3N3k278jTJSCRJXNmwNmjo6PDvb29b3VmRgomQkAUiGqRyTMzmcxwuVw+1aKYtYZKQLTKbZ4z7JO8F0dlcHDwneZFl35EBCT9HJgQwenValVUktNCBONVFwLiVboDJ7sAlUR8LeU9gb08u0hAPEt4nem+G9eH+/v7F+LMBgUICERgm6TAO/CT+FrKGTh73wiI9x+B6QKMjY29He+KSvJ+nL1uBMTr9AdO/i0AReyTfCCwl9SL5hkjIOblxKSI3ij+PkmpVPqgSUHpjIWA6FTbTl8nYzNRfHfrHDvDTxY1AUmmny+jXy++u4VK8mFfJjwxTwIyoQTP9RR4rdgnKZfL59Xr6NJ1AuJSNhXPBYCcgEP8pavzFbuSbz6mRQISUziPh71aLLdQST7mgwYExIcsy5/jcaKS9PX1fVy+abMsEhCz8mFTNK9EsGIz8RM4O9sIiLOp1TKxl4nNRFSSS7R4S8EJAUlBdMdcHoP5iErySZyda2EAcW7SnJB0BbKikuDG3blHwARE+mfFX4PYcV8zODh4rEsKEBCXspnyXFBFzqpWq7enHIZU9wREqpw0BgU6sNRairMTjYA4kUazJoE9EvFrTs0KKmY0KQMSM2oOM12BBaYHGDY+AhJWKfaLogABiaIW+3qnQCPuQ5z4FUKsIN59dvVMGPchNT2e1HohIGr19dX6oba2tr0uTN5dQFzIjqVzQPXYbWno08ImINMk4RtJFcCG4ZNJbZgynoCYkgmH4gAgW12ZDgFxJZPmzKOnWCxuNiecZJEQkGT6cfRRCuDe49e5XG7VUW9Z/5KAxEghh8ysQK1Wu7lQKLw481U73yUgdubNtKhHUT2asLT6qWmBJY2HgCRV0PPxAOMwJGhqbW19AGfnGgFxLqVaJ3QI3vLYFHwQZycbAXEyrVom9V94EZXjIZydbQTErNTaEs0L2OtoQuX4oS0Bx42TgMRVzt9xz2UyGXFD/qgPEhAQH7IsaY6oGv/CkW9padkiyaTxZgiI8SkyJsB/AA5ROZx7lBukMAEJUofXJhQ4IJZV7e3tP5t4w5czAfEl0w2xJ7ofex1NWFY9HtuCxQMJiMXJ0xD6X0dHR/PYBNyuwZeRLgiIkWkxIqinROVYvnz5r4yIJqUgCEhKwpvsFmD8AfGJTcDf4Ox1IyBep3/Gye+r1WpiE3DXjFc9e5OAeJbwOtP9Ha7ni8XiHpzDN4d7EhCHkxtxak+IfY62trbfRhzndHcC4nR6Q09uTy6XE5uAzvyyhdAzr9ORgNQRyIPLu7LZbFOhUNjnwVwjT5GARJbMqQE7xT7HsmXLxFMrpyYmazIERJaS9tnZISoH9jn+ZHLoacdGQNLOQDr+t4vvVqFy/CUd9/Z4JSD25EpKpNgEfPzw4cPiK+v7pRh03AgBcTzBU6a3FYDkV6xY8fSU9/njLAoQkFmEce1t7HE8hjmJb+X+HWe2kAoQkJBC2dwNVWPL+NdHnrV5HpJjD2WOgISSyepOj6J65PG06jmrZ5FS8AQkJeF1uAUYj1SrVfF7q57X4c9FHwTExawemdPD8+bNa+ro6PjPkR/5/zgKEJA4qpk/5sGRkZF8c3Pz/80P1ewICYjZ+YkT3QMHDhzId3Z2jsQZzDGTFYgHyGQb/MkcBSqtra35rq6uqjkh2R0JAbE7f0dHf39bW1szHumOHf0mXydTgIAk08+I0XhadS/guNyIYBwLgoBYnlBUjM3FYvHTlk/D2PAJiLGpqR8YKsfduOe4qn5P9oirgHGAxJ2Ib+NQOQZROa7xbd6650tAdCsux18/KscyOaZoJUgBAhKkjpnXSrghbzMzNPeiIiB25bQHcCy3K2S7oyUg9uSvG3Bca0+4bkTqEyA2Z2w94PiMzROwNXYCYnjm8LRqHeC43vAwnQ2PgJid2rV4WnWj2SG6HR0BMTS/2AS8HZXjJkPD8yYsAmJgqrGsug2bgDcbGJp3IREQKSmXamQ1llVfkGqRxmIrQEBiSyd/IJZVX8Syqku+ZVqMqwABiauc/HG3YFn1JflmaTGJAgQkiXryxq5C5fiKPHO0JEsBAiJLyfh2bgIcX40/nCNVKkBAVKpb3/bnAMfawG68mKoCBCQ9+a8DHF9Pzz09h1GAgIRRSXIf7HN0Ao5vSjZLcwoUICAKRK1j8lrsc2yo04eXDVGAgGhMBPY52lE5ejS6pKuEChCQhAKGHY5lVSv2Ocph++voRx/1FSAg9TVK3AOVYxmWVQOJDdGAdgUIiGLJa7XaNagcg4rd0LwiBQiIImGFWSyrlra3t98tXvOwUwECoi5vV2BZ9W115mlZhwIERIHKqByX42nVdxWYtsWkM3ESELmprMFcMyrH/TizOaAAAZGURDypquIQ/x5gRZJJmjFAAQIiJwkj2Wy2CU+rvifHHK2YogABSZ6J/4nK0dLS8v3kpmjBNAUISLKMvCjgQOV4OJkZjg6vgN6eBCS+3s/jaVUecDwS3wRHmq4AAYmXoX+LyoGnVT+KN5yjbFGAgETP1D8zmYyoHFuiD+UI2xRwAhB8YJ/RJPwzYlmFG/LHNPmjm5QVcAIQ7FrvhY6HcKhsT8N4HsuqrTizuajADHNyAhAxL/zJvlucFR1/g32xCfhzRfZp1lAFnAEEN81PKtL4z7ArKsd2nNk8U8AZQJC3bThktz8CPFE5dsg2THt2KOAMILgPuQeS9+OQ1X4PQ83Y59iJM5unCjgDiMjfyMhIJ85P4Eja9o5Xjl1JDXG83QrIAsQIFTo7O0fwwe5AMM/iiNt212o1sc+xJ64BjnNHAacAEWnBkmhbLpdbjNffwhG1fQ1VaEl7e7uMKhTVN/sbqIBzgAiNC4XCPtyTFPBo9mIcvxDv1Tm2ofJ8FGNWogq9UKcvL3ukgJOATOQPm3oP4ViMD/8ivCf+pVjxl5n247U4xOvrxTWAsQSVh18dgTBskxVwGpCJqeLD/0tAIP6t8WacTxk/xOv14tpEP56pwFQFLABkasj8mQroU4CA6NOanixUgIBYmDSGrE8BAqJPa3qyUAECYmHSGLI+BfwGRJ/O9GSpAgTE0sQxbD0KEBA9OtOLpQoQEEsTx7D1KEBA9OhML5YqQEAUJY5m3VDgJQAAAP//rQsVxQAAAAZJREFUAwA+9yK+nXZZAgAAAABJRU5ErkJggg==") no-repeat center center / 16px 16px;
}
.pagination-box ul{
    display: flex;
    justify-content: end;
    margin-top: 40px;
} */
p{
    margin: 0;
}
.pagination-box {
    display: flex;
    justify-content: end;
    padding: 40px 14px 0 0; 
}

.dy-banner-img {
    object-fit: cover;
    min-height: 322px;
    width: 100%;
    left: 0;
    bottom: 0;
}
.dy-main-title{
    width: 221px;
    height: 102px;
    margin-top: 69px;
    margin-bottom: 150px;
}
.dy-main-title img{
    width: 221px;
    height: 102px;
}
.dy-main-h1, .about-main-h1{
    font-weight: 600;
    font-size: 45px;
    color: #1F1F1F;
    line-height: 45px;
    text-align: left;
    font-style: normal;
    z-index: 2;
}
.dy-main{
    z-index: 2;
    margin-top: -116px;
    padding-bottom: 110px;
}
.dy-main .dy-container{
    background-color: #fff;
    padding: 27px 71px 80px 71px;
    
}

.dy-main .dy-item{
    margin: 54px 14px 0 14px;
    box-shadow: 0px 6px 27px 0px rgba(220,220,220,0.52);
    width: 348px;
    height: 348px;
    border-radius: 8px;
    background: #FFFFFF;
}

.dy-main .dy-item .dy-item-jiantou{
    width: 14px;
    height: 14px;
    background: url('data:image/png;base64,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')no-repeat center center / 100%;
}

.dy-main .dy-item .dy-item-img{
    width: 348px;
    height: 184px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    object-fit: cover;
}
.dy-main .dy-item .dy-item-name{
    font-size: 16px;
    color: #14151A;
    font-style: normal;
    padding: 20px 0 14px 0;
    line-height: 16px;
}
.dy-main .dy-item .dy-item-text{
    color: #727375;
    height: 17px;
    line-height: 19px;
    overflow: hidden;
}
.dy-main .dy-item .dy-item-time{
    font-size: 22px;
    font-weight: bold;
    color: #14151A;
    line-height: 22px;
    font-style: normal;
}

/*动态详情*/
.dy-detail{
    padding-top: 80px;
    padding-bottom: 110px;
    min-height: 75.5vh;
}
.dy-detail .dy-container{
    background-color: #fff ;
    padding: 60px;
}
.breadcrumb-nav{
    position: sticky;
    z-index: 99 !important;
    background-color: #fff;
}
.breadcrumb-nav .breadcrumb{
    background-color: #fff;
}
.breadcrumb-nav .breadcrumb-item{
    font-size: 14px;
    color: #333639;
}
/*关于我们*/
.about-main-h1{
    text-align: center;
}
.about-main-title{
    margin-top: 69px;
    margin-bottom: 150px;
    text-align: center;
    z-index: 2;
}
.about-banner-img {
    object-fit: cover;
    min-height: 322px;
    width: 100%;
    left: 0;
    bottom: 0;
}
.about-main-p{
    font-size: 22px;
    line-height: 22px;
    color: #44A860;
    margin-bottom: 154px;
    text-align: center;
}
.about-main{
    margin-top: -80px;
    z-index: 9;
    margin-bottom: 110px;
}
.about-container{
    background-color: #fff;
    padding: 68px 60px 70px 63px;
    border-radius: 8px;

}
.about-main-name{
    font-weight: 800;
    font-size: 46px;
    color: #4D4D4D;
    line-height: 46px;
    text-align: justify;
    font-style: normal;
    padding-bottom: 39px;
}
.about-main .about-main-name::after{
    width: 16px;
    height: 1px;
    border: 3px solid #777777;
    content: '';
    position: absolute;
    left: 0;
    bottom: 14px;
}
.about-main .about-main-h6{
    font-weight: 400;
    font-size: 22px;
    color: #3A3E4D;
    line-height: 22px;
    text-align: justify;
    font-style: normal;
    padding-bottom: 70px;
}
.about-main .about-main-img{
    width: 579px;
    height: 320px;
    object-fit: cover;
    margin-bottom: 30px;
}

.about-main .about-main-img img{
    width: 579px;
    height: 320px;
    object-fit: cover;
}

.about-main .about-main-info{
    padding-left: 48px;
}
.about-main  .about-main-info-title{
    font-weight: 500;
    font-size: 36px;
    color: #0C0E16;
    line-height: 36px;
    font-style: normal;
}
.about-main  .about-main-info-text{
    font-weight: 400;
    font-size: 14px;
    color: #3A3E4D;
    line-height: 28px;
    text-align: justify;
    font-style: normal;
    padding-top: 32px;
    white-space: pre-line;
}
.about-develop{
    background-color: #fff;
    padding: 60px 0 60px 0;
}
/* .develop-container{
    padding-left: 63px;
} */

.about-develop .develop-container-item{
    margin-bottom: 50px;
}
.about-develop .develop-container-item span{
    color: #4D4D4D;
    line-height: 28px;
    font-weight: 800;
}
.about-develop .develop-container-img{
    height: 100px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.about-develop .develop-container-title{
    font-weight: 800;
    font-size: 28px;
    color: #5C5C5C;
    line-height: 38px;
    text-align: justify;
    font-style: normal;
    margin-top: 39px;
    height: 38px;
}
.about-develop .develop-container-box{
    padding-bottom: 42px;
}
/***联系我们***/

.contact-main .contact-main-h6{
    padding: 0;
    margin: 0;
}
.contact-banner-img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.contact-container{
    background-color: #fff;
    padding: 68px 60px 106px 63px;
    border-radius: 8px;
}
.contact-main{
    margin-top: -210px;
}
.contact-box{
    margin-top: 120px;
    width: 100%;
    padding-bottom: 10px;
}
.contact-box .contact-box-item{
    color: #A8A8A8;
    line-height: 25px;
    height: 50px;
}
.contact-box img{
    width: 182px;
    height: 182px;
}
.contact-box-text{
    margin-top: 16px;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    font-style: normal;
    bottom: -20px;
}
.contact-info{
    padding-right: 60px;
}



@media (min-width: 768px) {
    .settled-container {
        max-width: 900px;
    }

    .about-main .about-main-info{
        padding-left: 0px;
        /* margin-top: 30px; */
    }

}

@media (min-width: 1300px) {
    .dy-container{
        max-width: 1270px;
    }
    .about-container, .contact-container{
        max-width: 1230px;
    }
    .settled-container {
        max-width: 1220px;
    }
    .about-main .about-main-info{
        padding-left: 48px;
        /* margin-top: 30px; */
    }

}


@media (min-width: 1200px) {
    .staff-container{
        max-width: 1036px;
    }

    .technician-container{
        max-width: 1100px;
    }

    .develop-container{
        max-width: 1140px;
    }

    .about-main .about-main-info{
        /* margin-top: 30px; */
        min-width: 500px;
    }

}



@media screen and (max-width: 992px) {
    .content-box {
        width: auto;
    }

    .content .content-left-h1 {
        font-size: 60px;
    }

    .content .content-left-title {
        font-size: 24px;
    }

    .topnav .navbar-nav .nav-item {
        padding: 0 10px;
    }

    .staff-main-h1{
        font-size: 28px;
    }

     /* .about-main .about-main-info{
        margin-top: 30px;
    } */

    .about-main-h1, .about-main-name{
        font-size: 42px;
    }
    .about-main-p, .about-main .about-main-h6{
        font-size: 18px;
    }

    .settled-main-h1{
        top: 36px;
        font-size: 46px;
    }

    .mobile-code-box .f-36{
        font-size: 32px;
    }

    .pagination-box{
        display: none !important;
    }

    .about-develop .develop-container-img{
        margin-bottom: 50px;
    }
    .about-develop .develop-container-title{
        margin-top: 0;
        font-size: 26px
    }
    .about-develop .develop-container-box{
        padding-bottom: 0;
    }
    .about-main  .about-main-info-title{
        font-size: 34px;
    }
    .dy-detail .dy-container h1{
        font-size: 36px;
    }
}


@media screen and (max-width: 768px) {

    .content-right {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .content-box {
        width: auto;
    }

    .index-mobile{
        margin: 0 auto;
    }

    .phone-hide {
        display: none;
    }

    .content .content-left-h1 {
        font-size: 50px;
    }

    .content .content-left-title {
        font-size: 22px;
    }

    .content .content-left button{
        margin: 0 auto;
    }

    .content .content-left{
        margin: 0 auto;
    }

    .staff-main-h1{
        font-size: 26px;
    }

    .about-main-h1,.about-main-name{
        font-size: 40px;
    }
    .about-main-p, .about-main .about-main-h6{
        font-size: 16px;
    }

    .settled-main-h1{
        top: 30px;
        font-size: 40px;
    }

     .about-main .about-main-info{
        padding-left: 0px;
        /* margin-top: 30px; */
    }

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

    .mobile-code-box .f-36{
        font-size: 28px;
    }

    .develop-container{
        display: block;
    }

    .about-develop .develop-container-box{
        padding-bottom: 30px;
    }

    .about-main{
        margin-bottom: 60px;
    }

    .about-develop .develop-container-img{
        height: 80px;
        margin-bottom: 40px;
    }
    .about-develop .develop-container-title{
        margin-top: 0;
        font-size: 26px
    }
    .about-develop .develop-container-box{
        padding-bottom: 0;
    }
    .about-main  .about-main-info-title{
        font-size: 30px;
    }

    .dy-detail .dy-container h1{
        font-size: 32px;
    }
}

@media screen and (max-width: 576px) {

    .index-main-banner{
        margin-top: 0px;
    }

    .content .content-left {
        padding: 0 20px;
    }

    .content .content-left-h1 {
        font-size: 40px !important;
    }

    .content .content-left-title {
        font-size: 20px;
    }

    .line {
        width: 40px;
    }

    .staff-main{
        padding: 20px 0 0 0;
    }

    .staff-main-h1{
        font-size: 24px;
    }

    .staff-main .staff-item .staff-cover{
        width: 110px;
        height: 110px;
    }
    .staff-main .staff-item .staff-name{
        font-size: 16px;
        max-width: 130px;
    }
    .staff-main .staff-item .staff-see-btn{
        width: 80px;
        height: 30px;
        margin-top: 10px;
    }
    .staff-main .staff-item{
        align-items: center;
        width: 93vw;
    }
    
    .staff-main .staff-item .staff-repeat-customer,
    .staff-main .staff-item .staff-reservation{
        font-size: 10px;
    }
    .technician-container{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .staff-main .pt-md{
        padding-top: 5px;
    }
    .staff-main .pl-xl{
        padding-left: 10px;
    }
    .dy-main-title{
        margin-top: 30px;
    }
    .about-main-title{
        padding: 0px;
        margin: 0;
    }
    .about-main-banner-box{
        height: 282px;
        padding-bottom: 80px;
    }
    .dy-main .dy-container{
        padding: 0;
        padding-bottom: 60px;
    }
    .dy-container > .flex-wrap{
        justify-content: center;
    }
    .dy-container .dy-content video{
        max-width: 100%;
    }
    .about-main-name{
        font-size: 32px;
        padding-bottom: 30px;
    }
    .about-main-h1{
        font-size: 32px;
        padding: 0;
        margin: 0;
    }
    .about-container{
        padding: 38px 30px 40px 33px;
    }
    .contact-container{
        padding: 30px;
    }
    .about-main{
        margin-bottom: 50px;
    }
    .contact-info{
        padding-right: 0;
    }
    .contact-box {
        margin-top: 40px;
    }
    .contact-box .f-18{
        font-size: 14px;
    }
    .contact-box-text{
        font-size: 14px;
    }
    .contact-box img{
        width: 150px;
        height: 150px;
    }

    .settled-main-h1{
        top: 46px;
        font-size: 20px;
    }

    .settled-main-form{
        padding: 40px;
    }

    .about-main .about-main-info{
        padding-left: 0px;
        /* margin-top: 30px; */
    }

    .about-develop{
        padding-top: 60px;
    }

    .develop-container{
        padding-left: 33px;
        padding-right: 33px;
    }
    .about-develop .develop-container-box{
        padding-bottom: 30px;
    }

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

    .mobile-code-box .f-36{
        font-size: 24px;
    }

    /* .mobile{
        transform: scale(1.3)
    } */

    .dy-detail{
        padding: 60px 0;
    }

    .settled-form-item{
        margin-right: 0px;
        padding-top: 30px;
    }

    .settled-form-item input, 
    .settled-form-item .verification-code, 
    .settled-form-item .upload, 
    .settled-form-item .submit-btn, 
    .settled-form-item .settled-form-item-sex,
    .settled-form-item .select ,
    .settled-form-item .select select,
    .settled-form-item .pick-area,
    .settled-form-item .pick-area .pick-list{
        width: 100% !important;
    }

    .staff-main .staff-item .staff-line{
        width: 25px;
    }

    .staff-main .staff-total{
        font-size: 16px;
        zoom: 0.7;
        padding-top: 14px;
    }

    .staff-main .staff-item .staff-see-btn{
        font-size: 12px;
        width: 76px;
        height: 26px;
        margin-top: 20px;
    }

    .staff-main .staff-item .staff-name{
        max-width: 100px;
    }

    .settled-main-form{
        padding: 25px 20px;
    }

    .settled-banner-img{
        height: 350px;
    }
    .settled-main-title{
        height: 87px;
        padding-top: 40px;
    }
    .settled-main{
        padding-bottom: 40px;
    }

    .settled-main-form .settled-form-list{
        justify-content: center;
    }

    .dy-main{
        padding-bottom: 0px;
    }

    .about-develop .develop-container-img{
        height: 60px;
        margin-bottom: 30px;
    }
    .about-develop .develop-container-title{
        margin-top: 0;
        font-size: 24px
    }
    .about-develop .develop-container-box{
        padding-bottom: 0;
    }
    .about-main  .about-main-info-title{
        font-size: 28px;
    }

    .dy-detail .dy-container h1{
        font-size: 28px;
    }

    .dy-detail .dy-container{
        padding: 30px;
    }

    .about-main .about-main-h6{
        padding-bottom: 0px;
    }
}



@media (min-width: 768px) {
    .index-container {
        max-width: 920px;
    }
}