#index{color:#d3d6dd;background-color:#000;width:100%;height:100%}#index .bg{padding:.2rem .2rem 0 .2rem;background-image:url(../img/bg@2x.ffc9e9d3.jpg);background-size:cover;background-position:50%}#index .host-body{padding-top:.521vw}#index .host-body .title{position:relative;width:6.25rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{line-height:1.615vw;font-size:.4rem;bottom:0;left:50%;transform:translate(-50%)}#index .host-body .title .title-bototm{position:absolute;bottom:-.375rem;left:50%;transform:translate(-50%)}#index .host-body .react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;transform:skewX(-45deg)}#index .host-body .react-left .react-after{position:absolute;right:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#091f65;transform:skewX(45deg)}#index .host-body .react-left .text{display:inline-block;transform:skewX(45deg)}#index .host-body .react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;transform:skewX(45deg)}#index .host-body .react-right .react-before{position:absolute;left:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#091f65;transform:skewX(-45deg)}#index .host-body .react-right .text{display:inline-block;transform:skewX(-45deg)}#index .host-body .body-box{margin-top:.2rem;display:flex;flex-direction:column}#index .host-body .body-box .content-box{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}.d-flex{display:flex}.jc-center{justify-content:center}.jc-between{justify-content:space-between}.ml-4{margin-left:.3rem}.mr-4{margin-right:.3rem}