.mgl18 {
    margin-left: 18px;
}

.mgl80 {
    margin-left: 80px;
}

.mgl_2 {
    margin-left: 2%;
}

.mgt8 {
    margin-top: 8px;
}

.mgt48 {
    margin-top: 48px;
}

.mgt58 {
    margin-top: 58px;
}

.mgt65 {
    margin-top: 65px;
}

.mgt68 {
    margin-top: 68px;
}

.pdl42 {
    padding-left: 42px;
}

.pdl74 {
    padding-left: 74px;
}

.pdl358 {
    padding-left: 358px;
}

.pdl548 {
    padding-left: 548px;
}

.pdr94 {
    padding-right: 94px;
}

.pdt32 {
    padding-top: 32px;
}

.pdt34 {
    padding-top: 34px;
}

.pdt46 {
    padding-top: 46px;
}

.pdt68 {
    padding-top: 68px;
}

.pdt136 {
    padding-top: 136px;
}

.pdb38 {
    padding-bottom: 38px;
}

.pdb54 {
    padding-bottom: 54px;
}

.pdb120 {
    padding-bottom: 120px;
}

.pdtb340 {
    padding-top: 340px;
    padding-bottom: 340px;
}

.f60 {
    font-size: 60px;
}

.f96 {
    font-size: 96px;
}

.bg2D2D2D {
    background: #2D2D2D;
}

.bgF7F7F7 {
    background: #F7F7F7;
}

.bgFD9500 {
    background: #FD9500!important;
}


/* 头部 */

.particles-js-canvas-el {
    position: relative;
    z-index: 2;
}

.topWrap {
    height: 814px;
}

.headerWrap {
    position: fixed;
    width: 100%;
    height: 72px;
    background: rgba(0, 0, 0, .34);
    transition: all 1s;
    z-index: 3;
}

.logoWrap img {
    width: 151px;
    height: 63px;
}


/* 导航栏 */

.navWrap li {
    margin-left: 76px;
}

.navWrap li:first-child {
    margin-left: 0;
}

.navWrap li a {
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 4px solid transparent;
}

.navWrap li:hover a {
    color: #FFCD01;
}

.navWrap li.on a {
    border-bottom-color: #FFCD01;
}


/* banner */

.bannerWrap {
    height: 742px;
    background: url('../images/1641870623483c0001.png') center no-repeat;
    background-size: cover;
}

.bannerWrap .w1200 {
    height: 100%;
}

.bannerWrap h2 {
    position: absolute;
    left: 49%;
    bottom: 45%;
    transform: translateX(-50%);
    z-index: 10;
}

.codeBox {
    position: absolute;
    right: 0;
    bottom: 70px;
}

.codeBox img {
    display: block;
    width: 120px;
    height: 120px;
}


/* 机汤租机模块 */

.moduleItem {
    box-sizing: border-box;
    /* overflow: hidden; */
}

.moduleItem.jtzj {
    padding-bottom: 100px;
    background: url('../images/1641870623483c000201.png') center no-repeat;
    background-size: cover;
}

.moduleItem.jtzj .conBox {
    background-size: cover;
}


/* 简单用机 */

.moduleItem .simpleWrap {
    height: 56px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 22px;
}

.moduleItem .simple {
    display: block;
    opacity: 0;
    transform: translateY(20%);
    transition: all 1s;
}

.moduleItem .simple .imgStep {
    width: 100%;
    height: 56px;
}

.moduleItem.isv .conR,
.moduleItem.saas .conL,
.moduleItem.jtzj .conL {
    width: 296px;
    height: 600px;
    border-radius: 40px;
}

.moduleItem .coverBox,
.moduleItem .imgBox {
    height: 100%;
}

.moduleItem.isv .conR .bg,
.moduleItem.saas .conL .bg,
.moduleItem.jtzj .conL .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.moduleItem.isv .conR .innerPhoneBox,
.moduleItem.saas .conL .innerPhoneBox,
.moduleItem.jtzj .conL .innerPhoneBox {
    position: absolute;
    left: 16px;
    top: 16px;
    right: 16px;
    bottom: 16px;
    overflow: hidden;
}

.moduleItem.isv .conR .innerImg,
.moduleItem.saas .conL .innerImg,
.moduleItem.jtzj .conL .innerImg {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.moduleItem.saas .conL .innerImg {
    top: 24px;
}

.moduleItem.jtzj .conR li img {
    width: 56px;
    height: 56px;
}

.moduleItem.jtzj .conR li,
.moduleItem.isv .conL li,
.moduleItem.saas .conR li {
    transform: translateY(20%);
    opacity: 0;
    transition: all 1s;
}

.moduleItem.jtzj .conR li:nth-child(2),
.moduleItem.isv .conL li:nth-child(2),
.moduleItem.saas .conR li:nth-child(2) {
    transform: translateY(40%);
}

.moduleItem.jtzj .conR li:nth-child(3),
.moduleItem.isv .conL li:nth-child(3),
.moduleItem.saas .conR li:nth-child(3) {
    transform: translateY(60%);
}

.moduleItem.jtzj .conR li:nth-child(4),
.moduleItem.isv .conL li:nth-child(4),
.moduleItem.saas .conR li:nth-child(4) {
    transform: translateY(80%);
}

.btnWrap {
    opacity: 0;
}


/* 商家入驻 */

.moduleItem.isv {
    background: url('../images/1641870623483c0003.png') center no-repeat;
    background-size: cover;
}

.moduleItem .des {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
}

.moduleItem.isv .conL li img,
.moduleItem.saas .conR li img {
    width: 28px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 3px;
}

.applyBtn {
    height: 68px;
    line-height: 68px;
    border-radius: 34px;
}


/* 机汤租赁宝 */

.moduleItem.saas {
    background: url('../images/1641870623483c0004.png') center no-repeat;
    background-size: cover;
}

.cooperateWrap.fixed {
    padding-top: 800px;
}


/* 合作伙伴 */

.cooperateWrap img {
    width: 100%;
    /* height: 50px; */
}


/* 底部 */

.footerWrap img {
    display: block;
    width: 134px;
    height: 55px;
}