



.disno{
    display: none;
}

.mmm-tabActive {
    background: #2c0b0e;
}
:root{
    --mmm-color01: #FCB913;

}
.mm-pr{
    position: relative;
}
.mm-pa{
    position: absolute;
}
.mm-br16{
    border-radius: 16px;
}
.mm-ofh{
    overflow: hidden;
}
.sge{
    border-radius:0 16px 16px 0;
}
.mm-t-l{
    color:var(--btn-hover)
}
.mm-c666{
    color: #666;
}
.mm-c333{
    color: #333;
}
.mm-lh60{
    line-height: 60px;
}
.mm-lh32{
    line-height: 32px;
}
.mm-tc{
    text-align: center;
}
.mm-pd-l-r20{
    padding:0 20px
}
.mm-pd-b-56{
    padding-bottom: 56px;
}
.mm-pd-b-24{
    padding-bottom: 24px;
}
.mm-pd-b-48{
    padding-bottom: 48px;
}
.mm-pd-b-16{
    padding-bottom: 16px;
}
.mm-mb-210{
    margin-bottom: 210px;
}
.mm-mt-120{
    margin-top: 120px;
}
.mm-mt-100{

    margin-top: 100px;
}
.mm-mb-100{
    margin-bottom: 100px;
}
.mm-mb-120{
    margin-bottom: 120px;
}
.mm-mr40{
    margin-right: 40px;
}
.mm-mt32{
    margin-top: 32px;
}
.mm-mb-60{
    margin-bottom: 60px;
}
.mm-mb-20{
    margin-bottom: 20px;
}
.mm-mb-16{
    margin-bottom: 16px;
}
.mm-mb-32{
    margin-bottom: 32px;
}
.mm-mb-24{
    margin-bottom: 24px;
}
.mm-mb-10{
    margin-bottom: 10px;
}
.mm-mb-40{
    margin-bottom: 40px;
}
.mm-ac {
    color: var(--mmm-color01);
}
.mm-fadeInLeft {
    -webkit-animation-name: mmfadeInLeft;
    animation-name: mmfadeInLeft;
}
.mm-mian-color{
    color: var(--primary-color);
}
.mm-f18{
    font-size: 18px;
}
.mm-f36{
    font-size: 36px;
}
.mm-f28{
    font-size: 28px;

}
.mm-f24{
    font-size: 24px;
}
.mm-f22{
    font-size: 22px;
}
.mm-f18{
    font-size: 18px;
}
.mm-f16{
    font-size: 16px;
}
.mm-lh30{
    line-height: 30px;
}
.mm-lh36{
    line-height: 36px;
}
.mm-lh26{
    line-height: 26px;
}
.mm-f20{
    font-size: 20px;
    line-height: 36px;
}

.mm-f32{
    font-size: 32px;
    line-height: 48px;
}
.mm-f40{
    font-size: 40px;
}
.mm-w660{
    width: 660px;
}
.mm-h480{
    height: 480px;
}
.mm-w216{
    width: 216px;
}
.mm-f-blod{
    font-weight: bold;
}
.mm-f-lighter{
    font-weight: lighter;
}
.mm-xx{
    border:1px dashed #666
}
.mm-a a{
    color:#333
}
.mm-a a:hover{
    color:var(--secondary-color)
}
.mm-box-hui3{
    background: #F7F7F7;
    padding:20px 30px;
    border-radius: 16px;
    width:348px;
    height: 468px;
}
.mm-box-hui2{
    margin-bottom:40px;
    width:412px;
    height: 584px;
    overflow: hidden;
    background: linear-gradient( 180deg, #FFFFFF 0%, #F7F7F7 100%);
}
.mm-box-hui2:hover{
    background: #fff;
    box-shadow:
            0px 0px 2.9px rgba(0, 0, 0, 0.044),
            0px 0px 9.8px rgba(0, 0, 0, 0.066),
            0px 0px 44px rgba(0, 0, 0, 0.11);
}
.mm-op0{

    opacity: 0;
}
.mm-op1{

    opacity: 1;
}
.mm-cp{
    cursor: pointer;
}

.dfegon1{

    left:0;
    bottom:0;
    background: #FDC900;
    width: 284px;
    height: 178px;
    border-radius: 24px 24px 24px 24px;
}
.ckkimg{
    transition:all 0.5s ;
}
.dfegon{
    transition:all 0.5s ;
    padding:20px;
    left:0;
    bottom:22px;
    width: 284px;
    height: 178px;
    background: #F5F5F5;
    border-radius: 24px 24px 24px 24px;
}
.suox{
    height:158px
}
.sgegeg{
    width:1224px;
    height:706px;
}
.s1234{
    left:0;
    top:0
}
.sssw{
    margin:0 56px
}
.mm-r16{
    border-radius: 16px;
}
.sssw1{
    margin:0 48px
}
.sdggg{
    width:360px;height:408px;padding:50px;background: #fff
}
.sdggg1{
    width:320px;
    height:280px;
    background: #FEFCF1;
    padding:32px;
}
.sdggg2{
    padding:24px;
    width: 288px;

    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #FCB913;
}
.sdggg3{
    padding:24px;
    width: 400px;

    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #FCB913;
}
.gggg{
    position: absolute;
    left:0;top:0
}
.dh11{
    position: absolute;
    top:120px;
    left:-260px
}
.dh22{
    position: absolute;
    top:450px;
    left:-300px
}
.dh33{
    position: absolute;
    top:120px;
    left:620px
}
.dh44{
    position: absolute;
    top:450px;
    left:700px
}
.dh55{
    position: absolute;
    top:680px;
    left:180px
}
.dh1{
    position: absolute;
    top:0px;
    left:-160px
}
.dh2{
    position: absolute;
    top:270px;
    left:-300px
}
.dh3{
    position: absolute;
    top:560px;
    left:-160px
}
.dh4{
    width: 380px;
    position: absolute;
    top:720px;
    left:180px
}
.dh5{
    position: absolute;
    top:560px;
    left:670px
}
.dh6{
    position: absolute;
    top:270px;
    left:780px
}
.dh7{
    position: absolute;
    top:20px;
    left:670px
}
.jzbxx{
    height: 104px;
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #FFC121;
}
.nnqqq{
    transition: all 0.3s;
    position: absolute;
    left:0;
    top:0;
    width: 216px;
    height: 80px;
    background: linear-gradient( 90deg, #FFC300 0%, #FFAB00 100%), #FFFFFF;
    border-radius: 12px 12px 12px 12px;
}
.ckk15{
    z-index: 10;
    height:80px
}
.dfefgg{
    width: 68px;
    height: 12px;
    background: linear-gradient( 90deg, #835696 0%, #D9BD16 100%);
    border-radius: 0px 0px 0px 0px;
}

.mmep{
    padding-left: 0px;

}
.mmep .banner{
    /*margin-left:100px;*/
    /*margin-right:180px*/
}
.yababb{
    height: 456px;
    background: linear-gradient( 180deg, #FCFCFC 0%, #F5F5F5 100%), #F4F4F4;
}
.yababb1{
    height: 352px;
    background: linear-gradient( 180deg, #FCFCFC 0%, #F5F5F5 100%), #F4F4F4;
}
.yababb2{
    height: 300px;
    background: linear-gradient( 180deg, #FCFCFC 0%, #F5F5F5 100%), #F4F4F4;
}
.yababb3{
    height: 300px;
    background: linear-gradient( 180deg, #FCFCFC 0%, #F5F5F5 100%), #F4F4F4;
}
.hjm{
    transition: 1s all;
    width: 128px;
    height: 128px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 34px;
    border-bottom: 2px solid #ffffff;
}
.bbbb{
    border-bottom: 2px solid #FFC121;
}
.ppffdg{
    padding:38px
}
.nnnnnrr{
    height:610px;
    width:550px;
    background: #fff;

}
.blt-16{
    border-radius: 16px 0px 0px 16px;
}
.brt-16{
    border-radius: 0px 16px 16px 0px;
}
.ctteerr{
    height:700px;
    width:220px;
    background: #FCB913;
    border-radius: 16px;
}
.mb-tttt{
    border-bottom: 1px dashed #E6E6E6;
}
.teshu{
    padding:13.5px;color:#262626
}
.teshu1{
    padding:13.5px;color:#fff
}
/*每个页面公共css */
/*每个页面公共css */
/*盒子模型 布局规范 */
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}
.flex-justify-center {
    justify-content: center;
}
.flex-justify-between {
    justify-content: space-between;
}
.flex-item-center {
    align-items: center;
}
.flex-align-stretch{
    align-items:stretch;
}
.flex-item-end {
    align-items: flex-end;
}
.flex-item-start {
    align-items: flex-start;
}
.flex-nowarp {
    flex-wrap: nowrap;
}
.flex-warp {
    flex-wrap: wrap;
}
.flex-grow {
    flex-grow: 1;
}
.flex-no-shrink {
    flex-shrink: 0;
}
.flex-no-base {
    flex-basis: 0;
}


.sgetytyy{
    width: 572px;
    height: 381px;
    background: #F7F7F7;
    border-radius: 16px 16px 16px 16px;

}
.addddd{
    color:#fff;
    width: 492px;
    height: 80px;
    background: #FCB913;
    border-radius: 16px 16px 0px 0px;
}
.addddd1{
    color:#fff;
    width: 492px;
    height: 80px;
    background: #1294FF;
    border-radius: 16px 16px 0px 0px;
}

.asdfg:hover .ibjk{
    opacity:1
}
.asdfg:hover .asdfgt{
    transition: all 1s;
    opacity:0
}

.ibjk{
    transition: all 1s;
    width:400px;
    height:560px;
    background: linear-gradient( 180deg, rgba(255,228,162,0.6) 0%, #DF9F00 100%);
    border-radius: 4px 4px 4px 4px;
    left:0;
    top:0;
    color:#fff;
    opacity: 0;
}

.nbhjk{
    width: 712px;height: 500px;background: #f7f7f7;padding:40px 56px
}
.nliu{
    width: 712px;height: 400px;background: #fff;padding:40px 56px
}







.llg1{
    width: 42px;
    height: 42px;
    background: rgba(18,148,255,0.4);
    border-radius: 40px;
}
.llg2{
    left:24px;
    width: 42px;
    height: 42px;
    background: rgba(252,185,19,0.4);
    border-radius: 40px;
}


.mkb{
    width:360px;height:480px;position: relative;background: linear-gradient( 180deg, #FFFFFF 0%, #F2F2F2 100%);
}

.cccccgg{
    width: 512px;
    height: 784px;
    border-radius: 0px 0px 0px 0px;
}

.sanoge{
    width: 512px;
    height: 64px;
    background: linear-gradient( 90deg, #FFDE67 0%, #FFFDF5 100%);
    border-radius: 50px 50px 50px 50px;
    margin-bottom:38px
}
.sanoger{
    margin:4px;
    width: 56px;
    height: 56px;
    background: #FFC800;
    border-radius:50px;
}
.chgeh{
    height: 784px;
    width:120px;
    margin:0 56px;
}
.hgehehe{
    width: 120px;
    height: 120px;
    background: #FCB913;
    border-radius: 429px 429px 429px 429px;
    margin-top:100px;
    font-size: 48px;
    color:#fff
}
.bbbnm{
    width:60px;
    height: 601px;
    border-right: 2px dashed #C0C0C0;
}
.sanoge1{
    width: 512px;
    height: 64px;
    background: linear-gradient( 90deg, #D8D8D8 0%, #FCFCFC 100%);
    border-radius: 50px 50px 50px 50px;
    margin-bottom:38px;

}
.sanoger1{
    margin:4px;
    width: 56px;
    height: 56px;
    background: #9797;
    border-radius:50px;
}


















