body{width: 100%;height: 100vh;display: flex;flex-direction: column;}

.part{width: 100%;background: #ffffff;flex-grow: 1;overflow-y:auto;position:relative;}
.part .w90{height: 100%;}
.pt-left{width: calc(65% - 0.15rem);position: relative;}
.pt-left ul li{width: 100%;}
.pt-left ul li a{display: block;width: 100%;height: 6.16rem;position: relative;overflow: hidden;}
.pt-left ul li .image{transition: 0.2s all;}
.pt-left ul li:hover .image{transform: scale(1.1,1.1);}
.pt-left .swiper-button{width: 0.4rem;height: 0.4rem;position: absolute;background-repeat: no-repeat;background-position: center center;background-size: auto 0.34rem;top: 50%;transform: translateY(-50%);outline: none;}
.pt-left .swiper-button-next{right: 0.2rem;background-image: url(../img/right.svg);}
.pt-left .swiper-button-prev{left: 0.2rem;background-image: url(../img/left.svg);}

.pt-right{width: calc(35% - 0.15rem);overflow: hidden;}
.pt-right ul{height: 100%;margin-left: -0.15rem;margin-right: -0.15rem;}
.pt-right ul li{width: 33.3333%;padding: 0 0.15rem;height: 100%;}
.pt-right ul li a{width: 100%;height: 100%;border-radius: 0.2rem;position: relative;overflow: hidden;display: block;}
.pt-right ul li .flex{padding: 0.5rem 0 0.4rem;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.pt-right ul li:first-of-type a{background: url(../img/box2_bg.jpg) no-repeat left bottom;background-size: cover;}
.pt-right ul li:nth-of-type(2) a{background: url(../img/box3_bg.jpg) no-repeat left bottom;background-size: cover;}
.pt-right ul li:nth-of-type(3) a{background: url(../img/box4_bg.jpg) no-repeat left bottom;background-size: cover;}
.pt-right ul li p{font-size: 0.26rem;color: #ffffff;width: 0.24rem;line-height: 0.3rem;}
.pt-right ul li i{width: 0.5rem;height: 0.5rem;display: block;background: rgba(0,0,0,0.1) url(../img/arrow_right.svg) no-repeat center center;border-radius: 100%;background-size: auto 0.2rem;transform: rotate(-45deg);transition: 0.2s;}
.pt-right ul li:hover i{transform: rotate(0);}

.fxl-nav{width: 100%;}
.fxl-nav ul{margin-left: -0.25rem;margin-right: -0.25rem;}
.fxl-nav ul li{width: 33.3333%;padding: 0 0.25rem;}
.fxl-nav ul li:nth-child(n+4){margin-top: 0.6rem;}
.fxl-nav ul li a{display: block;width: 100%;height: 0;padding-bottom: 33.33333%;position: relative;overflow: hidden;background: #ffffff;border-radius: 0.2rem;transition: 0.2s;}
.fxl-nav ul li .area{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-left: 0.5rem;z-index: 1;}
.fxl-nav ul li .area h3{font-size: 0.5rem;font-family: myfont;font-weight: normal;background-image: linear-gradient(90deg, #b90000, #0062c4);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #6510ad\0;background-image: none\0;line-height: 1;width:2.5rem;}
.fxl-nav ul li i{width: 2.2rem;height: 2.2rem;background: url(../img/money01.png) no-repeat center center;background-size: 100% 100%;position: absolute;right: -0.7rem;top: 50%;margin-top: -1.1rem;}
.fxl-nav ul li:hover i{animation: roted1 15s infinite linear;}
.fxl-nav ul li:hover a{box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.2);}