.showbox{max-width: 930px;}



    .showbox .ismobile{
        width: 324px;
        height: 140px;
    }

    .showbox .ismobile .lcd{
        width: 102px;
        height: 51px;
        left: 86px;
        top: 29px;
    }

    .showbox .ismobile .b_ok {
        width: 21px;
        height: 21px;
        left: 225px;
        top: 45px;
    }
    .showbox .ismobile .b_back {
        width: 21px;
        height: 21px;
        left: 267px;
        top: 67px;
    }
    .showbox .ismobile .b_up {
        width: 19px;
        height: 19px;
        left: 226px;
        top: 24px;
    }
    .showbox .ismobile .b_down {
        width: 19px;
        height: 19px;
        left: 226px;
        top: 67px;
    }
    .showbox .ismobile .b_left {
        width: 19px;
        height: 19px;
        left: 205px;
        top: 45px;
    }
    .showbox .ismobile .b_right {
        width: 19px;
        height: 19px;
        left: 247px;
        top: 45px;
    }




    .device {
        width: 810px;
        height: 349px;
        background-image:url(img/f0.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center; /* 水平居中 */
        position: relative;
    }

    .lcd {
        background-image:url(img/anim/senpai.gif);
        background-size: cover;
        background-repeat: no-repeat;
        width: 256px;
        height: 128px;
        position: absolute;
        left: 215px;
        top: 72px;
    }

    .b_ok {
        width: 54px;
        height: 54px;
        position: absolute;
        left: 560px;
        top: 111px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_ok:hover {
        background-color: #fff;
        opacity:0.2;
    }

    .b_back {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 669px;
        top: 171px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_back:hover {
        background-color: #fff;
        opacity:0.2;
    }

    .b_up {
        width: 46px;
        height: 46px;
        position: absolute;
        left: 564px;
        top: 61px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_up:hover {
        background-color: #fff;
        opacity:0.2;
    }

    .b_down {
        width: 46px;
        height: 46px;
        position: absolute;
        left: 564px;
        top: 168px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_down:hover {
        background-color: #fff;
        opacity:0.2;
    }

    .b_left {
        width: 46px;
        height: 46px;
        position: absolute;
        left: 510px;
        top: 115px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_left:hover {
        background-color: #fff;
        opacity:0.2;
    }

    .b_right {
        width: 46px;
        height: 46px;
        position: absolute;
        left: 618px;
        top: 115px;
        cursor: pointer;
        border-radius:50px;
    }
    .b_right:hover {
        background-color: #fff;
        opacity:0.2;
    }