#myCustomVideo {
    height: 21.5rem;
    width: 100%;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flexCenter{
    display: flex;
    align-items: center;
    justify-content: center;
}
.customize-1{
    position: relative;
}


.customize-2{
    margin: 4.3rem 0rem;
    color: #333;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
}
.customize-2 .title{
    position: absolute;
    width: 100%;
    left: 0;
    top: 3.7rem;
    color: #264989;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
}
.customize-2 .p1{
    position: absolute;
    width: calc(100% - 8rem);
    left: 4rem;
    top: 12.5rem;
    font-size: 1.6rem;
    font-weight: 300;
    margin: 1.2rem 0 2.8rem;
}


.swiper-button-prev {
    left: 2rem!important;
    top: calc(35% - -0.6rem)!important;
}
.swiper-button-next{
    right: 2rem!important;
    top: calc(35% - -0.6rem)!important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    text-rendering: auto;
}
.next1:after, .prev1:after{
    text-rendering: auto;
}
.next3:after, .prev3:after{
    text-rendering: auto;
}
.swiper-button-next, .swiper-button-prev{
    color: #555 !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 2.2rem !important;
}
.customize-3{
    margin: 4.3rem 0rem 8.9rem;
    color: #333;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
}
.customize-3 .title{
    position: absolute;
    width: 100%;
    left: 0;
    top: 5.7rem;
    color: #264989;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
}
.customize-3 .p1{
    position: absolute;
    width: calc(100% - 8rem);
    left: 4rem;
    top: 22.5rem;
    font-size: 1.6rem;
    font-weight: 300;
    margin: 1.2rem 0 2.8rem;
    z-index: 10;
}

.customize-4{
    padding: 0rem  3.5rem 25rem;
    text-align: center;
}
.customize-4 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 4.3rem;
}

.customize-4 .p1{
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
    margin: 0rem 0 8.9rem;
}


.swiper-pagination-bullet{
    width: 1rem !important;
    height:  1rem !important;
    background: #d9d9d9 !important;
}
.swiper-pagination-bullet-active{
    width: 1.5rem !important;
    height:  1.5rem !important;
    background: #ffb067 !important;
}
.customize-5{
    padding: 8rem 0rem 0rem;
    margin: 0 3rem 6.5rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #bcbcbc;
}
.customize-5 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 5.5rem;
}
.customize-5 .p1{
    font-weight: 600;
    margin: 1.5rem 0;
}
.customize-5 .p2{
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
    margin-bottom: 8rem;
}
.customize-5 .el-image{
    width: 5.8rem;
    margin: 0 auto;
}

.customize-6{
    padding: 0rem 0rem 25rem;
    margin: 0 3rem 0rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
}
.customize-6 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 3.5rem;
}
.customize-6 .pic{
    width: 25.2rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 3.5rem;
}
.customize-6 ul{
   border-top: 1px solid #333;
   margin-bottom: 8rem;
}
.customize-6 li{
   border-bottom: 1px solid #333;
   padding: 1.5rem 0;
}
.customize-6 .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.customize-6 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 3.5rem;
}
.customize-6 .p1{
    font-weight: 400;
}
.customize-6 .left{
    width: 3rem;
    transition: transform 0.6s ease;
}
.customize-6 .left1{
    transform: rotate(180deg);
    transition: transform 0.6s ease;
}
.customize-6 .p2{
    margin-top: 1.5rem;
    margin-bottom: 8.5rem;
}
.customize-7{
    padding: 8rem 3.5rem 8rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
}
.customize-7 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 3.5rem;
}
.customize-7 .pic{
    width: 28.4rem;
    margin: 0 auto;
    display: block;
}
.customize-7 .p1{
    margin-top: 3.4rem;
}
.customize-8{
    padding: 0rem 0rem 4rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
}
.customize-8 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 2.5rem;
}
.customize-8 .pic{
    width: 28.4rem;
    margin: 0 auto;
    display: block;
}
.customize-8 .p11{
    margin-top: 6rem;
    text-align: center;
}
.customize-8 .p2{
    padding: 0 3.6rem;
    margin-top: 2rem;
}

.customize-9{
    padding: 8rem 3rem 0rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
}
.customize-9 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 2.5rem;
}
.customize-9 .p1{
    text-align: center;
    font-weight: 600;
    margin-bottom: 3.9rem;
}
.customize-9 .p2{
    margin-bottom: 3.9rem;
}
.customize-9 .pic{
    width: 28.4rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 3.9rem;

}

.customize-10{
    padding: 0rem 3rem 25rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
}
.customize-10 .title{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #264989;
    margin-bottom: 3.9rem;
}
.customize-10 li{
    background-color: #F5F6FA;
    border-radius: 1rem;
    padding: 3rem 3.2rem;
}
.customize-10 .p1{
    text-align: center;
    font-weight: 600;
    margin: 2rem 0;
}
.customize-10 .p2{
    /* margin-bottom: 3.9rem; */
}
.customize-10 .pic{
    width: 100%;

}

.customize-11{
    padding: 0rem 0rem 25rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #333;
    position: relative;
}
.customize-11 .title{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
    color: #264989;
    position: absolute;
    width: 100%;
    left: 0;
    top: 8rem;
}
.scroll-box {
  width: 100% ;
  overflow-x: scroll;
  padding-bottom: 2.6rem;
  scrollbar-width: auto;
  position: relative;
}

.scroll-box .item{
  position: absolute;
  z-index: 11;
  width: 5.4rem;
  height: 2.9rem;
  background-color: #FF8A1F;
  border-radius: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
}
.scroll-box .item0{
  bottom: 19.3rem;
  left: 4.4rem;
}
.scroll-box .item1{
  bottom: 48.3rem;
  left: 11.4rem;
}
.scroll-box .item2{
  bottom: 33.3rem;
  left: 34.4rem;
}
.scroll-box .item3{
  bottom: 44.3rem;
  left: 47.4rem;
}
.scroll-box .item4{
  bottom: 24.3rem;
  left: 21.4rem;
}
.scroll-box .item5{
  bottom: 47.3rem;
  left: 35.4rem;
}
.scroll-box .item6{
  bottom: 31.3rem;
  left: 42.4rem;
}
.scroll-box .item .plus{
  width: 2rem;
  height: 2rem;
  display: inline-block;
  margin-top: 0.45rem;
}


.scroll-box::-webkit-scrollbar {
  height: 1rem !important;
  width: 1rem !important;
  display: block !important;
}

.scroll-box::-webkit-scrollbar-track {
  background: #d9d9d9;
  border-radius: 6px;
}

.scroll-box::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #FF8A1F, #FF8A1F); 
  border-radius: 6px;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, #FF8A1F, #FF8A1F);
}


.el-dialog{
    background: rgba(255, 138, 31, 0.9) !important;
    border-radius: 1.5rem !important;
    height: 45.5rem;
}
.el-dialog__headerbtn .el-dialog__close{
    color: #fff !important;
}
.el-dialog__body{
    padding: 0 4rem !important;
}
.el-dialog .p1{
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #fff;
    margin-top: 4rem;
}

.el-dialog .p2{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8rem;
}
.el-dialog .item{
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300;
    color: #fff;
}
.el-dialog .tt{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    margin-top: -8rem;
    margin-bottom: 5.6rem;
}
.el-dialog  .swiper-pagination-bullet{
    width: 1.5rem !important;
    height:  1.5rem !important;
    background: #FFB067 !important;
}
.el-dialog  .swiper-pagination-bullet-active{
    width: 1.5rem !important;
    height:  1.5rem !important;
    background: #fff !important;
}

.el-table--border th.el-table__cell, .el-table__fixed-right-patch{
    background-color: #d9d9d9 !important;
}
.swiper{
    overflow: initial !important;
}
.swiper-wrapper{
    /* padding-bottom: 5rem !important; */
}

.customize-footer{
    background-color: #264989;
    color: #fff;
    text-align: center;
    padding: 6rem 2.5rem;
}
.customize-footer img{
    width: 9.5rem;
    height: 9.5rem;
    display: inline-block;
}
.customize-footer .p1{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3rem;
}
.customize-footer .box{
    border-bottom: 1px solid #f5f6fa;
    padding: 3.5rem 0 12rem;
}
.customize-footer .box:last-child{
    /* border-bottom: none; */
}
.customize-footer li{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 3rem;
    padding: 1.5rem 0.65rem 1.5rem 0;
    border-bottom: 1px solid #fff;
}