.mpad1{padding:36px 0 30px 0;}
    .topbar-box{display: flex;justify-content:space-between;flex-direction: row;padding-top: 30px;}
    .top_width{width: 32.8%;display: block;position: relative;}
    .top_width img{width: 100%;display: block;}
    .ff_fc{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left:0;z-index: 9999;
        transform:translate(0,0);transition: all 1s ease;display: none;}
    .ff_fc.act{transform:translate(-100%,0);}
    .f_img{width: 70.36%;display: block; position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
    .f_img img{width: 100%;display: block;}
    .banner_m li{background: #fff;}
    .circle_process{
        position: absolute;
        top: 20px;
        right: 20px;
        width: 47px;
        height : 47px;
        display: block;
    }
    .circle_process .wrapper{
        width: 23.5px;
        height: 55px;
        position: absolute;
        top:0;
        overflow: hidden;
    }
    .circle_process .right{
        right:0px;
    }
    .circle_process .left{
        left:0;
    }
    .circle_process .circle{
        width: 47px;
        height: 47px;
        border:4px solid transparent;
        border-radius: 50%;
        position: absolute;
        top:0;
        transform : rotate(-135deg);
    }
    .circle_process .rightcircle{
        border-top:4px solid #000;
        border-right:4px solid #000;
        right:0;
        animation: circle_right 10s linear forwards;
    }
    .circle_process .leftcircle{
        border-bottom:4px solid #000;
        border-left:4px solid #000;
        left:0;
        animation: circle_left 10s linear forwards;
    }
    @keyframes circle_right{
        0%{
            transform: rotate(-135deg);
        }
        50%,100%{
            transform: rotate(45deg);
        }
    }
    @keyframes circle_left{
        0%,50%{
            transform: rotate(-135deg);
        }
        100%{
            transform: rotate(45deg);
        }
    }
    .reds{ width:47px; height:47px; border-radius:50%; background:rgba(0,0,0,0.5); border:4px #d50000 solid; box-sizing:border-box;
        color: #fff;font-size: 14px;text-align: center;line-height: 39px;}
    .open_tishi{width: 24%;height: 150px;background: transparent;display: block;position: absolute;bottom: 0;right: 0;z-index: 9;cursor: pointer;display: block;}
    .zk_m{position: relative;}
    .closefff{width: 50px;height: 50px;background: url(../images/new/closefff.jpg) no-repeat;display: block;
        position: absolute;top: 70px;right: 10px;text-indent: -9999px;}
    .fmz_btn{width: 59px;height: 190px;display: block;background: url(../images/new/fmz_btn.png) no-repeat;text-indent: -9999px;
        position: fixed;top: 115px;left:0;margin-left: -785px;z-index: 99;transition:all 1s ease;}
    .fmz_btn.on{left:50%;}
    .yx_btn{width: 75%;height: 100%;position: absolute;top: 0;left: 0;display: block;background: transparent;}
    
    /*激励计划浮层*/
    /*.tsfc{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.75); display:none;}
    .tsfc_m{ width:1047px; height:801px; position:absolute; left:50%; top:68px; z-index:10000; margin-left:-524px; display:none;}*/
    .tsfc{ width:1100px; height:470px;  display:none;}
    .tsfc_m{ width: 100%;}
    .close_tishi{ display:block; width:80px; height:80px; background:url(../images/blank.gif) repeat; text-indent:-9999px; position:absolute; right:10px; top:10px;}

    @media screen and (max-width: 1600px){
        .fmz_btn{top: 101px;margin-left: -660px;}
    }
    .dong1{width: 33.47%;position: absolute;top:-28%;right: -2%;}
    .dong1 img{width: 100%;display: block;}
    @keyframes shakes{
        0%{ transform: rotate(0deg); }
        6%{ transform: rotate(5deg); }
        16%{ transform: rotate(-5deg); }
        22%{ transform: rotate(0deg); }
        100%{ transform: rotate(0deg); }
    }
    .shakes{ animation: shakes 2s infinite linear; }
    .fc_tougao{width: 200px;;height: 100px;position: absolute;top: 540px;left: 490px;z-index: 9;text-indent: -9999px;}
    .href_tougao{width: 24%;height: 150px;background: transparent;display: block;position: absolute;bottom: 0;right: 0;z-index: 9;cursor: pointer;}

    /*lecture*/
    .ff_fc_m{width: 100%;height: 100%;background: rgba(0,0,0,1);position: fixed;top: 0;left:0;z-index: 1000;transform:translate(0,0);
        -webkit-transform:translate(0,0);transition: all 1s ease;display: none;}
    .ff_fc_m.act{transform:translate(-100%,0);-webkit-transform:translate(-100%,0);}
    .f_img_m{width: 100%;height: 100%;position: absolute;top: 50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
    .showimg1{display: block;}
    .showimg2{display: none;}
    @media screen and (max-width: 800px){
        .tsfc_m{width: 92%;height: auto;
        position: absolute;top: 50%;left:50%; transform: translate(-50%,-50%);margin-left: 0;}
        .tsfc_m img{width: 100%;display: block;}
        .close_tishi{width: 50px;height: 50px;display: block;background: transparent;position: absolute;top:0;right: 0;text-indent: -9999px;}
        .showimg1{display: none;}
        .showimg2{display: block;}
        .circle_process{
            position: absolute;
            top:60%;
            right: 30px;
            width: 47px;
            height : 47px;
            display: block;
        }
    
        .open_tishi_m{width: 200px;height: 350px;display: block;background: transparent;position: absolute;bottom: 0;right:0;text-indent: -9999px;}
        
        .m_tougao{width: 100%;height: 100px;position: absolute;top: 78%;left:0;z-index: 5;text-indent: -9999px;}
        .href_tougao{width: 200px;height: 350px;display: block;background: transparent;position: absolute;bottom: 0;left:0;text-indent: -9999px;}
  }