* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
}

.page {
    background-color: #FBFBFB;
    overflow: hidden;
}

.ml20 {
    margin-left: 0.5rem;
}
.mui-slider-item {
    position: relative;
    width: 100%;
    height: 25rem;
}
.slider-box {
    width: 100%;
    height: 100%;
    position: relative;
}
.slider-box .bg-img{ 
    width: 100%;
}
.slider-box .btn-box {
    display: flex;
}
.slider-box .btn-box.center{
    margin-top: 5%;
    justify-content: center;
}
.slider-box .slider-box-content {
    width: 100%;
    position: absolute;
    top: 20%;
    padding: 0 0.94rem;
}
.slider-box .slider-box-content.top25 {
    top: 25%;
}
.slider-box .slider-btn {
    width: 25%;
    height: auto;
    margin-top: 4%;
    display: block;
}

.logo {
    position: absolute;
    height: 1.3125rem;
    width: 20rem;
    top: 5%;
    margin-left: 0.94rem;
}

.logo img{
   width: 5rem;;
}

.logo span {
    position: absolute;
    font-size: .75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3125rem;
}

.productFeatures .product-title {
    background-image: url("../img/solution.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

    position: relative;
    height: 4.61rem;
    width: 16.88rem;
    margin: 2.5rem 3.25rem 0.31rem 3.31rem;
}

.productFeatures .product-title span {
    position: absolute;
    margin-top: 2rem;
    left: 50%;
    font-size: 1.06rem;
    font-weight: bold;
    transform: translate(-50%);
}

.product-body {
    /* height: 31.57rem; */
    width: 23rem;
}

.product-body .product-body-item {
    display: inline-block;
    height: auto;
    width: 10.13rem;
    /* box-shadow: 0rem 0.13rem 0.5rem 0.19rem rgba(237, 237, 237, 0.18);
    border-radius: 0.56rem;
    background: #FFFFFF; */
    margin-bottom: 1.31rem;
    margin-left: 0.94rem;
    background: linear-gradient(134deg, #FFF5F5 0%, #FFFFFD 49%, #FFF5F5 100%);
    box-shadow: 0px 0px 2px 0px rgba(246,220,220,0.37);
    border-radius: 4px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 240, 240, 1)) 1 1;
}

.cron {
    height: 6.5rem;
    width: 8.5rem;
    /* position: absolute;
    display: inline-block; */
    margin-left: 10px;
    margin-top: 5px;
}

.product-body-item img {
    width: 1.2rem;
    margin-top: 0.58rem;
}

/* .border-left {
    display: inline-block;
    z-index: 125;
    width: 4px;
    height: 21px;
    border-radius: 8px;
    background: #D51323;
    margin-top: 3.827rem;
} */

.product-body-item span {
    display: block;
    font-size: 0.77rem;
    font-weight: 400;
    /* background: #FFFFFF; */
    margin-top: 0.5rem;
    line-height: 1.3rem;
}
.module {
    padding: 0.5rem 0;
    background: #F9F7F7;
}

.module .module-title {
    background-image: url("../img/productFeatures.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

    position: relative;
    height: 4.61rem;
    width: 16.88rem;
    margin: .5rem 3.25rem 0.31rem 3.31rem;
}

.module .module-title span {
    position: absolute;
    margin-top: 2rem;
    left: 50%;
    font-size: 1.06rem;
    font-weight: bold;
    transform: translate(-50%);
}

.modulePhoto {
    height: 8.99rem;
    margin-left: 0.94rem;
}

.modulePhoto img {
    position: absolute;
    width: 21.56rem;height: 8.99rem;
    z-index: 80;
}

.module .moduleDic {
    z-index: 50;
    display: inline-block;
    width: 12.19rem;
    height: 6.19rem;
    border: 0.13rem solid #FF4843;
    margin-left: 9.375rem;
    margin-top: 2.8125rem;
}

.module-body {
    margin: 0 0.94rem;
    padding: 0.5rem;
    padding-top: 1.2rem;
    background: #FFFFFF;
    border-radius: 4px;
    opacity: 0.9;
    margin-bottom: 2rem;
}

.module-body-item {
    display: flex;

}
.module-body-item .content {
    width: 80%;
    border-bottom: 1px dashed #E1E1E1;
    margin-bottom: 0.8rem;
}

.module-body-item .content.noBorder {
    border-bottom: 0;
    margin-bottom: 0;
}

.module-body-item .imgbox {
    width: 2rem;
}

.module-body-item img {
    display: block;
    width: 15px;
    margin: 0.2rem 0 0 0.8rem;
}
.module-body-item .number {
    font-size: 1rem;
    font-family: YS;
    color: #D51323;
    line-height: 23px;
}
.module-body-item .title {
    font-size: 1rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #D51323;
    line-height: 22px;
}
.module-body-item .title.black {
    color: #333;
}
.module-body-item .title.black .number {
    color: #333;
}

.module-body-item .text {
    margin-top: 10px;
} 
.vip {
    padding-top: 1rem;
}

.vip .vip-title {
    background-image: url("../img/vip.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

    position: relative;
    height: 4.61rem;
    width: 16.88rem;
    margin: .5rem 3.25rem 0.94rem 3.31rem;
}

.vip .vip-title span {
    position: absolute;
    margin-top: 2rem;
    left: 50%;
    font-size: 1.06rem;
    font-weight: bold;
    transform: translate(-50%);
}

.vip-body {
    height: 30rem;
}

.personal {
    z-index: 100;
    position: absolute;
    width: 12.38rem;
    height: 25rem;
    padding-bottom: 0.8rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.13rem 0.75rem 0rem rgba(232, 232, 232, 0.5);
    border-radius: 0.69rem;
    margin-left: 0.89rem;
    background-image: url('../img/personalVip1.svg') ;
    background-repeat: no-repeat;
    background-position: 0.94rem 0.81rem;
}

.standard {
    z-index: 100;
    position: absolute;
    width: 12.38rem;
    height: 25rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.13rem 0.75rem 0rem rgba(232, 232, 232, 0.5);
    border-radius: 0.69rem;
    margin-left: 0.89rem;
    background-image: url('../img/Standard1.svg');
    background-repeat: no-repeat;
    background-position: 0.94rem 0.81rem;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.personalVip {
    display: inline-block;
}

.standardVip {
    display: inline-block;
}
.swiper-wrapper .swiper-slide-active .personal {
    background-image: url('../img/personalVip.svg');
    background-repeat: no-repeat;
    background-position: 0.94rem 0.81rem;
}
.swiper-wrapper .swiper-slide-active .standard {
    background-image: url('../img/Standard2.svg');
    background-repeat: no-repeat;
    background-position: 0.94rem 0.81rem;
}

.swiper-slide-active .price {
    background: #FFFFFF;
    margin: 0.88rem 0 0 0.94rem;
}

.price {
    background: #FFFFFF;
    margin: 0.88rem 0 0 0.94rem;
}

.swiper-slide-active .word0 {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #D51323;
    background: #FFFFFF;
    margin-left: 0.94rem;

}

.word0 {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #333333;
    background: #FFFFFF;
    margin-left: 0.94rem;
    margin-top: 3.125rem;
}

.word1-1 {
    font-size: .875rem;
    font-weight: 800;
    color: #333;
    background: #FFFFFF;

}

.swiper-slide-active .word1-1 {
    font-size: .875rem;
    font-weight: 800;
    color: #D51323;
    background: #FFFFFF;

}

.swiper-slide-active .word2-1 {
    font-size: 1.25rem;
    font-weight: bolder;
    color: #D51323;
    background: #FFFFFF;
}

.word2-1 {
    font-size: 1.25rem;
    font-weight: bolder;
    color: #333;
    background: #FFFFFF;
}
.swiper-slide-active .word3 {
    font-size: 0.68rem;
    color: #FF9595;
}
.word3 {
    font-size: 0.68rem;
    color: #999999;
}

.group10 {
    z-index: 251;
    width: 2.5rem;
    height: 0.06rem;
    background: #D8D8D8;
    align-self: flex-start;
    margin: 1.25rem 0 1.25rem 0.94rem;
}

.swiper-slide-active .info1-1 {
    width: 10.5rem;
    height: auto;
    line-height: 1.5rem;
    font-size: 0.88rem;
    font-weight: 400;
    width: 10.5rem;
    color: #333333;
    background: #FFFFFF;
    margin-left: 0.94rem;
}

.info1-1 {
    width: 11rem;
    height: auto;
    line-height: 1.5rem;
    font-size: 0.88rem;
    font-weight: 400;
    color: #999999;
    background: #FFFFFF;
    margin-left: 0.94rem;
}

.swiper-slide-active .detail2 {
    position: absolute;
    z-index: 80;
    display: inline-block;
    width: 13.19rem;
    height: 20.25rem;
    background: #D51323;
    border-radius: 0.69rem;
    margin-left: 0.94rem;
    margin-top: 7.58rem;
}

.swiper-slide-active .detail2 a {
    position: absolute;
    direction: none;
    width: 5rem;
    height: 1.25rem;
    font-size: 0.88rem;
    color: #FFFFFF;
    background: #D51323;
    font-weight: 400;
    line-height: 1.25rem;
    margin-top: 18.375rem;
    margin-left: 1.69rem;
}

.detail2 {
    position: absolute;
    z-index: 80;
    display: inline-block;
    width: 13.19rem;
    height: 17.25rem;
    background: #F4F5F7;
    border-radius: 0.69rem;
    margin-left: 0.94rem;
    margin-top: 10.68rem;
}

.detail2 a {
    position: absolute;
    direction: none;
    width: 5rem;
    height: 1.25rem;
    font-size: 0.88rem;
    color: #333333;
    background: #F4F5F7;
    font-weight: 400;
    line-height: 1.25rem;
    margin-top: 15.375rem;
    margin-left: 1.69rem;
}

.about .about-title {
    background-image: url("../img/about.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 4.61rem;
    width: 16.88rem;
    margin: 0rem 3.25rem 0rem 3.31rem;
}

.about .about-title span {
    position: absolute;
    margin-top: 2rem;
    left: 50%;
    font-size: 1.06rem;
    font-weight: bold;
    transform: translate(-50%);
}

.about-paragraph {
    width: 21.63rem;
    height: 39.38rem;
    margin: 0 auto;
}

.name {
    font-size: 1.125rem;
    font-weight: bold;
    color: rgba(213, 19, 35, 1);
}

.about-paragraph .paragraph {
    font-size: .9375rem;
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2em;
}

.about img {
    margin: 1rem 0.94rem 2.5rem 0.94rem;
}

.page .foot {
    height: 28.53rem;
    width: 100%;
    background: #293445;

}

.footMsg {
    width: 19.25rem;
}

.msgTitle {
    position: absolute;
    height: 1.3125rem;
    width: 20rem;
    margin: 1.88rem 0 1.63rem 0.94rem;

}

.msgTitle span {
    position: absolute;
    font-size: .75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3125rem;
}

.msgBody {
    position: absolute;
    width: 20.15rem;
    height: 3rem;
    margin: 4.81rem 0 1.88rem 0.94rem;

}

.msgBody span {
    display: block;
    color: #FFFFFF;
    line-height: 1.25rem;
    font-size: 0.88rem;
    margin-bottom: 0.63rem;
}

.icpBox {
    position: absolute;
    margin-top: 24rem;
    text-align: center;
    width: 100%;
}

.icpBox p {
    font-size: 0.75rem;
    color: #79808a;
    margin-bottom: 0.63rem;
}

.icpBox a {
    color: #79808a;
}

.icpBox img {
    width: 1rem;
    height: 1rem;
    margin: 0 2px -3px;
}

.msgFoot {
    position: absolute;
    margin-top: 14.1rem;
}

.msgFoot span {
    font-size: 0.88rem;
    display: block;
    font-weight: 400;
    color: #FFFFFF;
}

.msgFoot div {
    display: inline-block;
    text-align: center;
}
.msgFoot img{
    height: 7.5rem;
    width: 7.5rem;
}
.partner{
    margin: 1rem 0.94rem 2.5rem 0.94rem;
}
.partner .title {
    background-image: url("../img/partner.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 4.61rem;
    width: 16.88rem;
    margin: 0 auto 1.25rem;
}

.partner .title span {
    position: absolute;
    margin-top: 2rem;
    left: 50%;
    font-size: 1.06rem;
    font-weight: bold;
    transform: translate(-50%);
}
.partner .num-box{
    padding: 2rem 0.625rem;
    background-image: url("../img/partner-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.partner .mb10{
    margin-bottom: 0.625rem;
}
@font-face {
    font-family: YS;
    src: url("../fonts/YouSheBiaoTiHei.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
.partner .fs25{
    font-size: 1.2rem;
    font-family: YS;
}
.partner .fs13{
    font-size: 13px;
}
.partner .num-box .line{
    display: block;
    width: 2px;
    height: 3.8rem;
    background: #fff;
}
.partner .content{
    padding: 1.25rem 0.75rem 0.625rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background-color: #F3F3F3;
}
.partner .content div{
    width: 31%;
    margin-bottom: 0.625rem;
}
.partner .content img{
    width: 100%;
}
/* 视频 */
.player-box {
    position: relative;
    width: 95%;
    height: 100%;
    margin: 0 auto;
    margin-bottom: 5rem;
}
.player-vedio {
    width: 100%;
    height: 100%;
}