@media screen and (min-width: 768px) {
    * {
        padding: 0;
        margin: 0;
        /*font-size: 0;*/
        text-decoration: none;
        font-family: "微软雅黑", "Arial Narrow";
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobile-icon {
        display: none;
    }

    .leo-pagenew {
        width: 100%;
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .leo-center {
        width: 1200px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        height: auto;
    }

    .leo-top {
        width: 1200px;
        height: 96px;
        margin: 0 auto;
    }

    .leo-top div {
        float: left;
        height: 100%;
    }

    .heizhan-text {
        display: none;
    }

    .leo-logo {
        width: 280px;
        position: relative;
    }

    .leo-logo img {
        display: block;
        width: 56px;
        height: 62px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .leo-nav {
        width: 920px;
        font-size: 0;
    }

    .leo-nav a {
        display: inline-block;
        width: 14.2%;
        height: auto;
        text-align: center;
    }

    .leo-nav span {
        display: inline-block;
        height: 100%;
        /*width: 100%;*/
    }

    .leo-nav span i {
        font-style: normal;
        display: inline-block;
        font-size: 24px;
        color: #999999;
        cursor: pointer;
        line-height: 96px;
        position: relative;
    }

    .leo-nav span:hover i {
        color: #333333;
    }

    .leo-nav a.active span i {
        color: #333333;
    }

    .leo-nav a.active span i:before {
        content: '';
        display: block;
        height: 4px;
        width: 100%;
        background: #5f99f0;
        position: absolute;
        bottom: 0;
    }

    /*动态新闻中*/
    .leo-pagenew-top {
        width: 100%;
        height: 96px;
        background: #ffffff;
    }

    .leo-pagenew-center {
        width: 100%;
        height: auto;
        background: #474747;
    }

    .leo-new-nav {
        width: 1200px;
        height: 1230px;
        padding-top: 20px;
        margin: 0 auto;
    }

    .leo-new-video {
        width: 100%;
        height: 530px;
        margin: 0 0 70px;
        padding-top: 10px;
        padding-left: 25px;
        background: #393939;
    }

    .new-video-left {
        height: 510px;
        width: 900px;
        float: left;
    }

    .new-video-left div {
        width: 100%;
        height: 100%;
        font-size: 30px;
        position: relative;
        color: #000;
        /*background: #fff;*/
    }

    .new-video-left div span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        background: url("http://vrgame01.weiavr.com/blackshield/play1.png") center center no-repeat;
        cursor: pointer;
    }

    .new-video-right {
        width: 270px;
        height: 100%;
        float: right;
    }

    .new-video-right ul {
        display: block;
        width: 100%;
        height: 100%;
    }

    .new-video-right ul li {
        display: block;
        width: 198px;
        height: 112px;
        cursor: pointer;
        margin: 0 auto 20px;
        background: #fff;
    }

    .new-video-right ul li.active {
        /*border: 1px solid #000;*/
    }

    .new-video-right ul li img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .leo-new-detail {
        width: 100%;
        height: 540px;
        padding: 30px 30px 0;
        background: #393939;
    }

    .new-detail-list {
        width: 1144px;
        height: 148px;
        display: flex;
        margin-bottom: 20px;
        background: #313033;
    }

    .new-detail-pic {
        width: 230px;
        height: 100%;
        /*background: #000;*/
    }

    .new-detail-pic img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .new-detail-text {
        flex: 1;
        padding-left: 30px;
        padding-right: 140px;
    }

    .new-detail-text h3 {
        font-size: 24px;
        width: 100%;
        color: #fff;
        height: 60px;
        line-height: 60px;
    }

    .new-detail-text span {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #b4b4b5;
        line-height: 24px;
        height: 72px;
    }

    .our-center-top {
        width: 100%;
        height: 700px;
        position: relative;
        background-image: url("http://vrgame01.weiavr.com/blackshield/leo-new-pic.png");
    }

    .our-center-center {
        width: 100%;
        height: 765px;
        background: #fff;
    }

    .our-center-bottom {
        width: 100%;
        height: 476px;
        background: #f4f4f4;
    }

    .leo-our-bottom {
        width: 100%;
        height: 377px;
        background: #333333;
    }

    .page-our {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .leo-our-center {
        width: 100%;
        height: auto;
        background: #fff;
    }

    .page-our-nav {
        width: 100%;
        height: auto;
    }

    .page-our-pic {
        width: 1200px;
        height: 700px;
        margin: 0 auto;
        padding-top: 70px;
    }

    .page-our-pic h1 {
        width: 100%;
        font-size: 60px;
        text-align: center;
        color: #000;
    }

    .page-our-pic p {
        font-size: 18px;
        text-align: center;
        color: #999999;
        line-height: 40px;
    }

    .page-our-title {
        width: 1200px;
        height: 765px;
        margin: 0 auto;
    }

    .our-title-logo {
        width: 100%;
        height: 370px;
        position: relative;
    }

    .our-title-detail {
        position: absolute;
        bottom: 0;
        left: -170px;
        width: 1530px;
        height: 250px;
        padding-left: 440px;
        padding-top: 56px;
        background: #f6f6f6;
    }

    .our-title-detail img {
        display: block;
        position: absolute;
        left: 70px;
        top: -150px;
        width: 296px;
        height: 296px;
    }

    .our-title-detail p {
        display: block;
        width: 950px;
        font-size: 16px;
        color: #999999;
        height: 80px;
    }

    .our-title-detail span {
        display: block;
        width: 950px;
        color: #333333;
        font-size: 16px;
    }

    .our-title-logo h2 {
        font-size: 30px;
        color: #333333;
        position: absolute;
        top: 0;
        left: 230px;
    }

    .our-title-top {
        width: 100%;
        height: 264px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .our-title-top h2 {
        font-size: 36px;
        display: block;
        color: #333333;
    }

    .our-title-top p {
        font-size: 14px;
        display: block;
        color: #999999;
    }

    .call-our {
        width: 1200px;
        height: 475px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .call-our-title {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 135px;
    }

    .call-our-title p {
        font-size: 36px;
        color: #333333;
        line-height: 58px;
    }

    .call-our-title span {
        font-size: 18px;
        color: #999999;
    }

    .call-our-list {
        display: flex;
        width: 100%;
        height: 280px;

    }

    .call-our-list div {
        flex: 1;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .call-our-list div h3 {
        font-size: 30px;
        color: #333333;
        line-height: 90px;
    }

    .call-our-list div p {
        font-size: 18px;
        color: #9e9e9e;
        line-height: 34px;
    }

    /*底部tabbar*/
    .tabbar {
        width: 1200px;
        height: 377px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .tabbar-top {
        width: 100%;
        height: 62px;
        font-size: 24px;
        color: #fff;
        line-height: 62px;
        text-align: left;
    }

    .tabbar-center {
        width: 100%;
        height: 144px;
        /*display: flex;*/
        margin-bottom: 40px;
    }

    .new-detail-list {
        cursor: pointer;
    }

    .new-detail-text span {
        display: block;
        width: 774px;
        font-size: 16px;
        color: #b4b4b5;
        line-height: 24px;
        height: 72px;
        /*text-overflow: -o-ellipsis-lastline;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .tabbar-center > a {
        width: 120px;
        height: 22px;
        float: left;
        line-height: 22px;
        text-align: left;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
    }

    .tabbar-center > a:hover {
        color: orange;
    }

    .tabbar-bottom {
        width: 100%;
        height: auto;
    }

    .tabbar-bottom p {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #dddddd;
        line-height: 20px;
    }

    .tabbar-bottom a {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #ddd;
        line-height: 20px;
        text-decoration: none;
    }

    /*首页样式*/
    .page-home {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .page-home-center {
        width: 100%;
        height: auto;
    }

    .page-home-pic01 {
        width: 100%;
        height: 700px;
        background: url("http://vrgame01.weiavr.com/blackshield/page-home-pic01.png") center no-repeat;
    }

    .page-home-pic02 {
        width: 100%;
        height: 1000px;
        background: url("http://vrgame01.weiavr.com/blackshield/page-home-pic02.png") center no-repeat;
    }

    .page-home-pic03 {
        width: 100%;
        height: 1000px;
        background: url("http://vrgame01.weiavr.com/blackshield/page-home-pic03.png") center no-repeat;
    }

    .page-home-pic04 {
        width: 100%;
        height: 900px;
        background: url("http://vrgame01.weiavr.com/blackshield/page-home-pic04.png") center no-repeat;
    }

    .page-home-pic05 {
        width: 100%;
        height: 800px;
        background: url("http://vrgame01.weiavr.com/blackshield/page-home-pic05.png") center no-repeat;
    }

    .home-pic01 {
        width: 1200px;
        height: 700px;
        margin: 0 auto;
        padding-top: 90px;
    }

    .pic-hi-station {
        position: relative;
    }

    .pic-hi-station, .pic-hi-station > div {
        width: 100%;
        height: 510px;

    }

    .pic-mini-hi {
        width: 780px;
        height: 470px;
        float: left;
        background: url("http://vrgame01.weiavr.com/blackshield/mini-hi.png") center no-repeat;
    }

    .pic-big-hi {
        width: 780px;
        height: 470px;
        float: left;
        background: url("http://vrgame01.weiavr.com/blackshield/big-hi.png") center no-repeat;
    }

    .pic-mini-title {
        width: 350px;
        height: 100%;
        padding-top: 70px;
        float: right;
    }

    .pic-mini-title div {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .select-hi-station {
        width: 220px;
        height: 40px;
        cursor: pointer;
        font-size: 0;
        float: left;
        margin-left: 267px;
        border: 1px solid #009cff;
        border-radius: 5px;
    }

    .leo-top-nav {
        width: 1200px;
        height: 96px;
        margin: 0 auto;
    }

    .select-hi-station span {
        display: block;
        float: left;
        width: 109px;
        text-align: center;
        line-height: 38px;
        height: 38px;

        font-size: 18px;
        color: #666666;
    }

    .select-hi-station span.active {
        color: #fff;
        border: none;
        background: #009cff;
    }

    .home-pic02 {
        width: 1200px;
        margin: 0 auto;
        height: 1000px;
        position: relative;
    }

    .home-pic02 img.img-right {
        display: block;
        width: 516px;
        height: 226px;
        position: absolute;
        z-index: 10;
        top: 550px;
        left: 714px;
    }

    .home-pic02 img.img-left {
        display: block;
        width: 516px;
        height: 226px;
        position: absolute;
        z-index: 10;
        top: 297px;
        left: -35px;
    }

    .home-pic02 img.img-robot {
        display: block;
        width: 696px;
        height: 1000px;
        position: absolute;
        top: 0;
        left: 290px;
    }

    .leave .self-help-title {
        width: 400px;
        height: 187px;
        position: absolute;
        top: 130px;
        left: -1000px;
        animation-fill-mode: forwards;
        -webkit-animation: leave 1s;
        -o-animation: leave 1s;
        animation: leave 1s;
    }

    @keyframes leave {
        0% {
            left: -50px;
        }
        100% {
            left: -1000px;
        }
    }

    @-webkit-keyframes leave {
        0% {
            left: -50px;
        }
        100% {
            left: -1000px;
        }
    }

    .active .self-help-title {
        width: 400px;
        height: 187px;
        position: absolute;
        top: 130px;
        left: -50px;
        animation-fill-mode: forwards;
        -webkit-animation: active 1s;
        -o-animation: active 1s;
        animation: active 1s;
    }

    @keyframes active {
        0% {
            left: -1000px;
        }
        100% {
            left: -50px;
        }
    }

    @-webkit-keyframes active {
        0% {
            left: -1000px;
        }
        100% {
            left: -50px;
        }
    }

    .self-help-title h1 {
        font-size: 60px;
        display: block;
        width: 100%;
        text-align: left;
        color: #ffffff;
    }

    /*.self-help-title i {*/
    /*font-size: 18px;*/
    /*display: block;*/
    /*font-style: normal;*/
    /*width: 100%;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
    /*}*/
    .self-help-content {
        position: absolute;
        width: 500px;
        height: 217px;
        top: 340px;
        left: -120px;
    }

    .leave .self-help-content {
        left: -850px;
        animation-delay: 0.5s;
        animation-fill-mode: forwards;
        -webkit-animation: leave1 1s;
        -o-animation: leave1 1s;
        animation: leave1 1s;
    }

    @keyframes leave1 {
        0% {
            left: -120px;
        }
        100% {
            left: -1000px;
        }
    }

    @-webkit-keyframes leave1 {
        0% {
            left: -120px;
        }
        100% {
            left: -1000px;
        }
    }

    .active .self-help-content {
        animation-fill-mode: forwards;
        -webkit-animation: active1 1s;
        -o-animation: active1 1s;
        animation: active1 1s;
    }

    @keyframes active1 {
        0% {
            left: -1000px;
        }
        100% {
            left: -120px;
        }
    }

    @-webkit-keyframes active1 {
        0% {
            left: -1000px;
        }
        100% {
            left: -120px;
        }
    }

    .self-help-exp {
        position: absolute;
        width: 500px;
        height: 217px;
        bottom: 200px;
        right: -100px;
    }

    .leave .self-help-exp {
        right: -1000px;
        animation-delay: 0.5s;
        animation-fill-mode: forwards;
        -webkit-animation: leave2 1s;
        -o-animation: leave2 1s;
        animation: leave2 1s;
    }

    @keyframes leave2 {
        0% {
            right: -850px;
        }
        100% {
            right: -1000px;
        }
    }

    @-webkit-keyframes leave2 {
        0% {
            right: -850px;
        }
        100% {
            right: -1000px;
        }
    }

    .active .self-help-exp {
        animation-fill-mode: forwards;
        -webkit-animation: active2 1s;
        -o-animation: active2 1s;
        animation: active2 1s;
    }

    @keyframes active2 {
        0% {
            right: -1000px;
        }
        100% {
            right: -100px;
        }
    }

    @-webkit-keyframes active2 {
        0% {
            right: -1000px;
        }
        100% {
            right: -100px;
        }
    }

    .self-help-content p {
        display: block;
        width: 100%;
        text-align: right;
        font-size: 36px;
        color: #ffffff;
        height: 60px;
    }

    .self-help-exp p {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 36px;
        color: #ffffff;
        height: 60px;
    }

    .self-help-content p i, .self-help-exp p i {
        display: inline-block;
        width: 20px;
        height: 4px;
        vertical-align: middle;
        background: #b9adb4;
    }

    .self-help-content span, .self-help-exp span {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
    }

    .home-pic03 {
        width: 1200px;
        height: 1000px;
        margin: 0 auto;
        padding-top: 130px;
        position: relative;
    }

    .home-pic03 .home-jtl {
        width: 687px;
        height: 777px;
        float: left;
        background: url("http://vrgame01.weiavr.com/blackshield/newpage-jtl.png") center no-repeat;
        /*background: url("../img/page-jtl.png") center no-repeat;*/
    }

    .home-jtl-title {
        position: relative;
        float: right;
        width: 470px;
        height: 600px;
    }

    .jtl-title-top p {
        font-size: 56px;
        color: #fff;
        display: block;
        width: 100%;
    }

    /*.jtl-title-top i {*/
    /*display: block;*/
    /*font-style: normal;*/
    /*font-size: 24px;*/
    /*color: #fff;*/
    /*width: 100%;*/
    /*}*/
    .leave .jtl-title-top {
        width: 100%;
        position: absolute;
        top: 50px;
        right: -850px;
        animation-delay: 0.4s; /* W3C 和 Opera */
        -moz-animation-delay: 0.4s; /* Firefox */
        -webkit-animation-delay: 0.4s; /* Safari 和 Chrome */
        animation-fill-mode: forwards;
        -webkit-animation: leave03 1s;
        -o-animation: leave03 1s;
        animation: leave03 1s;
    }

    .leave .jtl-title-center {
        width: 100%;
        position: absolute;
        top: 180px;
        right: -850px;
        animation-delay: 0.2s; /* W3C 和 Opera */
        -moz-animation-delay: 0.2s; /* Firefox */
        -webkit-animation-delay: 0.2s; /* Safari 和 Chrome */
        animation-fill-mode: forwards;
        -webkit-animation: leave03 1s;
        -o-animation: leave03 1s;
        animation: leave03 1s;
    }

    .leave .jtl-title-bottom {
        width: 100%;
        position: absolute;
        top: 320px;
        right: -850px;
        animation-fill-mode: forwards;
        -webkit-animation: leave03 1s;
        -o-animation: leave03 1s;
        animation: leave03 1s;
    }

    @keyframes leave03 {
        0% {
            right: 0px;
        }
        100% {
            right: -850px;
        }
    }

    @-webkit-keyframes leave03 {
        0% {
            right: 0px;
        }
        100% {
            right: -850px;
        }
    }

    .active .jtl-title-top {
        width: 100%;
        position: absolute;
        top: 50px;
        right: 0px;
        animation-fill-mode: forwards;
        -webkit-animation: active03 1s;
        -o-animation: active03 1s;
        animation: active03 1s;
    }

    .active .jtl-title-center {
        width: 100%;
        position: absolute;
        top: 180px;
        right: 0px;
        animation-delay: 0.2s; /* W3C 和 Opera */
        -moz-animation-delay: 0.2s; /* Firefox */
        -webkit-animation-delay: 0.2s; /* Safari 和 Chrome */
        animation-fill-mode: forwards;
        -webkit-animation: active03 1s;
        -o-animation: active03 1s;
        animation: active03 1s;
    }

    .active .jtl-title-bottom {
        width: 100%;
        position: absolute;
        top: 320px;
        right: 0px;
        animation-delay: 0.4s; /* W3C 和 Opera */
        -moz-animation-delay: 0.4s; /* Firefox */
        -webkit-animation-delay: 0.4s; /* Safari 和 Chrome */
        animation-fill-mode: forwards;
        -webkit-animation: active03 1s;
        -o-animation: active03 1s;
        animation: active03 1s;
    }

    @keyframes active03 {
        0% {
            right: -850px;
        }
        100% {
            right: 0px;
        }
    }

    @-webkit-keyframes active03 {
        0% {
            right: -850px;
        }
        100% {
            right: 0px;
        }
    }

    .jtl-title-center p, .jtl-title-bottom p {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 36px;
        color: #ffffff;
        height: 60px;
    }

    .jtl-title-center p i, .jtl-title-bottom p i {
        display: inline-block;
        width: 20px;
        margin-right: 10px;
        height: 4px;
        vertical-align: middle;
        background: #b9adb4;
    }

    .jtl-title-center span, .jtl-title-bottom span {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
    }

    .home-pic04 {
        width: 1200px;
        margin: 0 auto;
        height: 900px;
    }

    .home-wawa-left, .home-wawa-gift-left {
        width: 600px;
        height: 100%;
        float: left;
        position: relative;
    }

    .home-wawa-right, .home-wawa-gift-right {
        width: 600px;
        height: 100%;
        float: left;
        position: relative;
    }

    .home-wawa-left img {
        display: block;
        width: 608px;
        height: 732px;
        position: absolute;
        left: -10px;
        bottom: 60px;
    }

    .wawa-title-top p, .gift-title-top p {
        font-size: 56px;
        color: #000;
        display: block;
        width: 100%;
    }

    /*.wawa-title-top i, .gift-title-top i {*/
    /*display: block;*/
    /*font-style: normal;*/
    /*font-size: 24px;*/
    /*color: #cccccc;*/
    /*width: 100%;*/
    /*}*/
    .active .gift-title-top {
        width: 100%;
        position: absolute;
        top: 150px;
        left: 60px;
        animation-fill-mode: forwards;
        -webkit-animation: active05 1s;
        -o-animation: active05 1s;
        animation: active05 1s;
    }

    .active .gift-title-center {
        width: 100%;
        position: absolute;
        left: 60px;
        top: 290px;
        animation-fill-mode: forwards;
        -webkit-animation: active05 1s;
        -o-animation: active05 1s;
        animation: active05 1s;
    }

    .active .gift-title-bottom {
        width: 100%;
        position: absolute;
        left: 60px;
        top: 430px;
        animation-fill-mode: forwards;
        -webkit-animation: active05 1s;
        -o-animation: active05 1s;
        animation: active05 1s;
    }

    @keyframes active05 {
        0% {
            left: -800px;
        }
        100% {
            left: 60px;
        }
    }

    @-webkit-keyframes active05 {
        0% {
            left: -800px;
        }
        100% {
            left: 60px;
        }
    }

    .leave .gift-title-top {
        width: 100%;
        position: absolute;
        top: 150px;
        left: -1000px;
        animation-fill-mode: forwards;
        -webkit-animation: leave05 1s;
        -o-animation: leave05 1s;
        animation: leave05 1s;
    }

    .leave .gift-title-center {
        width: 100%;
        position: absolute;
        left: -1000px;
        top: 290px;
        animation-fill-mode: forwards;
        -webkit-animation: leave05 1s;
        -o-animation: leave05 1s;
        animation: leave05 1s;
    }

    .leave .gift-title-bottom {
        width: 100%;
        position: absolute;
        left: -1000px;
        top: 430px;
        animation-fill-mode: forwards;
        -webkit-animation: leave05 1s;
        -o-animation: leave05 1s;
        animation: leave05 1s;
    }

    @keyframes leave05 {
        0% {
            left: 60px;
        }
        100% {
            left: -1000px;
        }
    }

    @-webkit-keyframes leave05 {
        0% {
            left: 60px;
        }
        100% {
            left: -1000px;
        }
    }

    .active .wawa-title-top {
        width: 100%;
        position: absolute;
        top: 300px;
        right: -50px;
        animation-fill-mode: forwards;
        -webkit-animation: active04 1s;
        -o-animation: active04 1s;
        animation: active04 1s;
    }

    .active .wawa-title-center {
        width: 100%;
        position: absolute;
        right: -50px;
        top: 440px;
        animation-fill-mode: forwards;
        -webkit-animation: active04 1s;
        -o-animation: active04 1s;
        animation: active04 1s;
    }

    .active .wawa-title-bottom {
        width: 100%;
        position: absolute;
        right: -50px;
        top: 580px;
        animation-fill-mode: forwards;
        -webkit-animation: active04 1s;
        -o-animation: active04 1s;
        animation: active04 1s;

    }

    @keyframes active04 {
        0% {
            right: -950px;
        }
        100% {
            right: -50px;
        }
    }

    @-webkit-keyframes active04 {
        0% {
            right: -950px;
        }
        100% {
            right: -50px;
        }
    }

    .leave .wawa-title-top {
        width: 100%;
        position: absolute;
        top: 300px;
        right: -950px;
        animation-fill-mode: forwards;
        -webkit-animation: leave04 1s;
        -o-animation: leave04 1s;
        animation: leave04 1s;
    }

    .leave .wawa-title-center {
        width: 100%;
        position: absolute;
        right: -950px;
        top: 440px;
        animation-fill-mode: forwards;
        -webkit-animation: leave04 1s;
        -o-animation: leave04 1s;
        animation: leave04 1s;
    }

    .leave .wawa-title-bottom {
        width: 100%;
        position: absolute;
        right: -950px;
        top: 580px;
        animation-fill-mode: forwards;
        -webkit-animation: leave04 1s;
        -o-animation: leave04 1s;
        animation: leave04 1s;
    }

    @keyframes leave04 {
        0% {
            right: -50px;
        }
        100% {
            right: -950px;
        }
    }

    @-webkit-keyframes leave04 {
        0% {
            right: -50px;
        }
        100% {
            right: -950px;
        }
    }

    .wawa-title-center p, .wawa-title-bottom p, .gift-title-center p, .gift-title-bottom p {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 36px;
        color: #009cff;
        height: 60px;
    }

    .wawa-title-center p i, .wawa-title-bottom p i, .gift-title-center p i, .gift-title-bottom p i {
        display: inline-block;
        width: 20px;
        margin-right: 10px;
        height: 4px;
        vertical-align: middle;
        background: #b9adb4;
    }

    .wawa-title-center span, .wawa-title-bottom span, .gift-title-center span, .gift-title-bottom span {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #999999;
    }

    .home-pic05 {
        width: 1200px;
        margin: 0 auto;
        height: 800px;
    }

    .home-wawa-gift-right img {
        display: block;
        width: 465px;
        height: 683px;
        position: absolute;
        left: 100px;
        top: 30px;
    }

    /*加入我们*/
    .page-join {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .page-join-center {
        width: 100%;
        height: auto;
    }

    .page-join-hei {
        width: 100%;
        height: 400px;
        background: url("http://vrgame01.weiavr.com/blackshield/join-hei.png") center no-repeat;
    }

    .page-join-pc {
        width: 100%;
        height: 1360px;
    }

    .page-join-join {
        width: 100%;
        height: 600px;
        background: url("http://vrgame01.weiavr.com/blackshield/join-join.png") center no-repeat;
    }

    .center-join-hei {
        width: 1200px;
        position: relative;
        height: 400px;
        margin: 0 auto;
    }

    .center-join-hei span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 190px;
    }

    .center-join-hei p {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #fff;
        position: absolute;
        bottom: 120px;
    }

    .center-join-pc {
        width: 100%;
        height: 1360px;
    }

    .center-join-pc-top {
        width: 1200px;
        height: 580px;
        margin: 0 auto;
    }

    .for-pc-top {
        width: 100%;
        height: 242px;
        font-size: 36px;
        color: #000;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
    }

    .repuire-cp-top i, .for-pc-top i {
        display: block;
        width: 120px;
        height: 2px;
        background: #e4e4e4;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
    }

    .for-pc-top i.for-cp-left, .repuire-cp-top i.for-cp-left {
        left: 260px;
    }

    .for-pc-top i.for-cp-right, .repuire-cp-top i.for-cp-right {
        right: 260px;
    }

    .pc-server-list {
        width: 100%;
        height: 339px;
        display: flex;
    }

    .pc-server-list div {
        flex: 1;
        padding: 0 20px;
    }

    .pc-server-list div img {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .pc-server-list div h3 {
        display: block;
        width: 100%;
        height: 68px;
        line-height: 68px;
        text-align: center;
        font-size: 24px;
        color: #333333;
    }

    .pc-server-list div p {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666666;
        line-height: 25px;
        text-align: center;
    }

    .center-join-pc-bottom {
        width: 1200px;
        height: 780px;
        margin: 0 auto;
    }

    .page-join-pc-top {
        width: 100%;
        height: 580px;
        background: #f8f8f8;
    }

    .page-join-pc-bottom {
        width: 100%;
        height: 780px;
        background: #ffffff;
    }

    .repuire-cp-top {
        width: 100%;
        height: 232px;
        font-size: 36px;
        color: #000;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
    }

    .repuire-list {
        width: 100%;
        height: 286px;
        padding: 0 68px;
        display: flex;
    }

    .repuire-list i {
        display: block;
        width: 80px;
        height: 80px;
        background: url("http://vrgame01.weiavr.com/blackshield/cp-nav.png") center no-repeat;
    }

    .repuire-list div {
        flex: 1;
    }

    .repuire-list div img {
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    .repuire-list div h3 {
        display: block;
        width: 100%;
        height: 68px;
        line-height: 68px;
        text-align: center;
        font-size: 24px;
        color: #333333;
    }

    .repuire-list div p {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666666;
        line-height: 25px;
        text-align: center;
    }

    .object-person {
        width: 455px;
        height: 143px;
        position: relative;
        padding-top: 45px;
        margin: 0 auto;
    }

    .object-person:before {
        display: block;
        content: '';
        position: absolute;
        top: 0px;
        left: 20px;
        height: 2px;
        width: 400px;
        background: #dddddd;
    }

    .center-join-join {
        width: 1200px;
        height: 600px;
        padding-top: 128px;
        padding-left: 68px;
        margin: 0 auto;
    }

    .center-join-join p {
        font-size: 46px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 30px;
    }

    .center-join-join h1 {
        font-size: 66px;
        display: block;
        text-align: left;
        color: #fffefe;
        text-shadow: 1px 1px rgba(181, 181, 181, 0.8),
        2px 2px rgba(181, 181, 181, 0.8),
        3px 3px rgba(181, 181, 181, 0.8),
        4px 4px rgba(181, 181, 181, 0.8),
        5px 5px rgba(181, 181, 181, 0.8),
        6px 6px rgba(181, 181, 181, 0.8);
    }

    .center-join-join h1:nth-child(3) {
        margin-bottom: 60px;
    }

    .center-join-join span {
        display: block;
        text-align: center;
        line-height: 68px;
        width: 354px;
        cursor: pointer;
        background: url("http://vrgame01.weiavr.com/blackshield/apply-for-city.png") center no-repeat;
        font-size: 30px;
        color: #fffefe;
        text-shadow: 1px 1px rgba(32, 118, 193, 0.8),
        2px 2px rgba(32, 118, 193, 0.8),
        3px 3px rgba(32, 118, 193, 0.8),
        4px 4px rgba(32, 118, 193, 0.8);

    }

    .center-join-join span:hover {
        color: #000;
    }

    .apply-for-join {
        width: 448px;
        height: 96px;
        cursor: pointer;
        font-size: 36px;
        line-height: 96px;
        text-align: center;
        color: #fff;
        background: url("http://vrgame01.weiavr.com/blackshield/apply-for-cp.png") center no-repeat;
    }

    .apply-for-join:hover {
        color: #000;
    }

    .applyForCP {
        position: fixed;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
    }

    .apply-content {
        width: 800px;
        height: 940px;
        background: #ffffff;
        position: absolute;
        border-radius: 20px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .applyForCity {
        position: fixed;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
    }

    .apply-city-content {
        width: 800px;
        height: 677px;
        background: #ffffff;
        position: absolute;
        border-radius: 20px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .apply-city-content-title {
        width: 100%;
        height: 160px;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }

    .apply-city-content-title span {
        display: inline-block;
        font-size: 30px;
        color: #000;
        text-align: center;
        line-height: 160px;
    }

    .apply-city-content-title i {
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 20px;
        right: 25px;
        cursor: pointer;
        z-index: 10;
        background: url("http://vrgame01.weiavr.com/blackshield/close.png") center no-repeat;
    }

    .apply-city-name, .apply-city-sex, .apply-city-phone, .apply-city-want {
        position: relative;
        width: 500px;
        height: 70px;
        margin: 0 auto;
    }

    .apply-city-name span, .apply-city-sex span, .apply-city-address span, .apply-city-phone span, .apply-city-want span {
        display: block;
        width: 100px;
        float: left;
        font-size: 18px;
        line-height: 42px;

        color: #333333;
        text-align: left;
        height: 42px;
    }

    .apply-city-name input {
        display: block;
        width: 400px;
        float: left;
        height: 40px;
        font-size: 18px;
        outline: none;
        border-radius: 5px;
        padding-left: 20px;
        line-height: 42px;
        color: #000;
        border: 1px solid #eeeeee;
        background: #fff;
    }

    input:-moz-placeholder {
        font-size: 18px;
        color: #cccccc;
    }

    input::-moz-placeholder {
        font-size: 18px;
        color: #cccccc;
    }

    input:-ms-input-placeholder {
        font-size: 18px;
        color: #cccccc;
    }

    .sex-box {
        width: 300px;
        height: 42px;
        font-size: 18px;
        float: left;
    }

    .sex-box input {
        display: inline-block;
        vertical-align: middle;
        height: 42px;
        width: 20px;
    }

    .sex-box i {
        display: inline-block;
        width: 50px;
        height: 100%;
        vertical-align: middle;
    }

    .apply-city-phone input {
        display: block;
        width: 400px;
        float: left;
        height: 40px;
        font-size: 18px;
        outline: none;
        border-radius: 5px;
        padding-left: 20px;
        line-height: 42px;
        color: #000;
        border: 1px solid #eeeeee;
        background: #fff;
    }

    .robot-num-list {
        display: block;
        width: 300px;
        float: left;
        height: 40px;
        border-radius: 5px;
        /*overflow: hidden;*/
        border: 1px solid #eeeeee;
        background: #f4f4f4;
    }

    .robot-num-list select {
        display: block;
        width: 400px;
        height: 40px;
        cursor: pointer;
        padding-left: 20px;
        font-size: 18px;
    }

    .apply-city-bottom, .cp-bottom {
        width: 300px;
        height: 80px;
        margin: 40px auto 0;
    }

    .apply-city-bottom span, .cp-bottom span {
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        color: #666666;
    }

    .apply-city-bottom p, .cp-bottom p {
        display: block;
        height: 50px;
        background: #75c9ff;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        border-radius: 10px;
        width: 100%;
    }

    .apply-city-bottom p:hover, .cp-bottom p:hover {
        color: #000;
    }

    .apply-city-address {
        width: 500px;
        height: 70px;
        margin: 0 auto;
    }

    .apply-city-address-detail {
        width: 400px;
        height: 40px;
        font-size: 14px;
        float: left;
        color: #000;
    }

    .apply-city-address-detail select {
        display: inline-block;
        width: 125px;
        height: 40px;
        cursor: pointer;
        font-size: 14px;
        color: #000;
    }

    /*//cp接入*/
    .cp-title {
        width: 100%;
        height: 160px;
        text-align: center;
        position: relative;
    }

    .cp-title span {
        display: inline-block;
        font-size: 30px;
        color: #000;
        line-height: 160px;
    }

    .cp-title i {
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 20px;
        right: 25px;
        cursor: pointer;
        z-index: 10;
        background: url("http://vrgame01.weiavr.com/blackshield/close.png") center no-repeat;
    }

    .cp-firm-name, .cp-firm-website, .cp-linkman, .cp-email, .cp-wechat,
    .cp-game-name, .cp-game-type, .cp-game-video, .cp-game-updata {
        width: 500px;
        position: relative;
        height: 70px;
        margin: 0 auto;
    }

    .cp-firm-name span, .cp-firm-website span, .cp-linkman span, .cp-email span, .cp-wechat span,
    .cp-game-name span, .cp-game-type span, .cp-game-video span, .cp-game-updata span {
        display: block;
        float: left;
        width: 100px;
        text-align: left;
        font-size: 18px;
        color: #333333;
    }

    .cp-firm-name input, .cp-firm-website input, .cp-linkman input, .cp-email input,
    .cp-wechat input, .cp-game-name input, .cp-game-type input, .cp-game-video input {
        display: block;
        width: 400px;
        float: left;
        height: 40px;
        font-size: 18px;
        outline: none;
        border-radius: 5px;
        padding-left: 20px;
        line-height: 42px;
        color: #000;
        border: 1px solid #eeeeee;
        background: #f4f4f4;
    }

    .cp-updata-detail {
        width: 400px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        float: left;
        border-radius: 5px;
        background: #f4f4f4;
    }

    .cp-updata-detail i {
        font-style: normal;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }

    .cp-updata-detail p {
        width: 20px;
        height: 20px;
        cursor: pointer;
        background: url("http://vrgame01.weiavr.com/blackshield/add-updata.png") center no-repeat;
    }

    .warn-text {
        position: absolute;
        color: red;
        font-size: 14px;
        right: -50px;
        font-style: normal;
        top: 10px;
    }

    .remind-text {
        position: absolute;
        color: red;
        font-size: 12px;
        left: 0px;
        font-style: normal;
        bottom: 28px;
    }

    .remind-game-pic {
        position: absolute;
        width: 100px;
        color: red;
        font-size: 12px;
        left: 0px;
        font-style: normal;
        bottom: -8px;
    }

    /*提示文字*/
    .alert-text {
        position: absolute;
        color: red;
        display: block;
        font-size: 14px;
        font-style: normal;
        bottom: 8px;
        left: 100px;
    }

    .notice-text {
        position: absolute;
        color: red;
        display: block;
        font-size: 14px;
        font-style: normal;
        bottom: 8px;
        left: 100px;
    }

    /*新闻详情页*/
    .new-detail {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .new-detail-center {
        width: 100%;
        height: 2370px;
        border-top: 2px solid #f0f0f0;
        background: #ffffff;
    }

    .new-detail-essay {
        /*height: 2270px;*/
        width: 1200px;
        margin: 0 auto 50px;
    }

    .new-top-nav {
        width: 100%;
        height: 100px;
        position: relative;
    }

    .new-top-nav div {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .new-top-nav div span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }

    .new-top-nav div p {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
        color: #666666;
    }

    .new-top-nav div p a {
        display: inline-block;
        color: #666666;
        vertical-align: middle;
    }

    .new-top-nav div p i {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        vertical-align: middle;
        background: url("http://vrgame01.weiavr.com/blackshield/home.png") center no-repeat;
    }

    .new-detail-essay-top {
        width: 100%;
        height: 120px;
        padding-top: 45px;
    }

    .new-detail-essay-top h1 {
        font-size: 36px;
        color: #333333;
    }

    .new-detail-essay-top i {
        font-style: normal;
        font-size: 14px;
        color: #999999;
    }

    .detail-essay-one {
        display: block;
        width: 100%;
        line-height: 30px;
        font-size: 18px;
        color: #333333;
        margin: 30px 0 10px;
    }

    .detail-essay-t {
        width: 100%;
        font-size: 24px;
        color: #333333;
        height: 62px;
        line-height: 62px;
    }

    .hei-a1 {
        display: block;
        width: 800px;
        height: 458px;
    }

    .detail-essay-s {
        width: 100%;
        display: block;
        font-size: 18px;
        color: #333333;
        line-height: 30px;
        /*margin-bottom: 35px;*/
    }

    .new-detail02-center {
        width: 100%;
        height: auto;
        padding-top: 80px;
        border-top: 2px solid #f0f0f0;
        background: #ffffff;
    }

    .new-detail02 {
        width: 1200px;
        margin: 0 auto 50px;
    }

    .detail-essay-hei {
        display: block;
        width: 100%;
        font-size: 18px;
        color: #333333;
    }

    .new-detail {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .new-detail-center {
        width: 100%;
        height: auto;
        padding-top: 80px;
        background: #ffffff;
    }

    .detail-essay03-more {
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #000;
    }

    /*新加的code*/
    .leo-top-nav {
        width: 1200px;
        height: 96px;
        margin: 0 auto;
    }

    .game-index-center {
        width: 100%;
        height: auto;
    }

    .game-view {
        width: 100%;
        height: 675px;
        position: relative;
        margin-bottom: 20px;
    }

    .game-top {
        background: url("http://vrgame01.weiavr.com/blackshield/gdindex.jpg") center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .game-center {
        background: url("http://vrgame01.weiavr.com/blackshield/hdindex.jpg") center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .game-bottom {
        background: url("http://vrgame01.weiavr.com/blackshield/hxindex.jpg") center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .game-shadow {
        width: 100%;
        height: 130px;
        background: rgba(0, 0, 0, 0.4);
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .game-shadow:hover .game-shadow-content {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .game-shadow-content {
        width: 1200px;
        margin: 0 auto;
        height: 100%;
    }

    .game-shadow-name {
        width: 390px;
        display: flex;
        float: left;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .game-shadow-name p {
        display: flex;
        justify-content: center;
        font-size: 30px;
        color: #fff;
    }

    .game-shadow-name span {
        display: flex;
        justify-content: center;
        font-size: 16px;
        color: #fff;
    }

    .game-shadow-title {
        float: left;
        width: 640px;
        height: 100%;
        text-align: center;
        /*padding-top: 50px;*/
    }

    .game-shadow-title span {
        display: block;
        font-size: 16px;
        line-height: 130px;
        color: #ced1d3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .game-shadow-go {
        width: 150px;
        height: 100%;
        float: right;
        display: flex;
        /*flex-direction: ;*/
        justify-content: center;
        align-items: center;
    }

    .game-shadow-go i {
        width: 2px;
        height: 20px;
        background: #fff;
        display: flex;
        margin-right: 30px;
        justify-content: center;
    }

    .game-shadow-go span {
        width: 29px;
        height: 22px;
        display: flex;
        justify-content: center;
        background: url("http://vrgame01.weiavr.com/blackshield/small-go.png") center no-repeat;
    }

    .allgamebox {
        position: fixed;
        width: 140px;
        height: auto;
        right: 50px;
        top: 740px;
        z-index: 10;
    }

    .allgamebox a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .allgamebox span {
        display: block;
        width: 105px;
        height: 109px;
        margin: 0 auto 15px;
        background: url("http://vrgame01.weiavr.com/blackshield/gameicon.png") center no-repeat;
    }

    .allgamebox p {
        display: block;
        width: 140px;
        height: 40px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        background: url("http://vrgame01.weiavr.com/blackshield/gamebox.png") center no-repeat;
    }

    .gamedetail-center {
        width: 100%;
        height: auto;
        /*background: #000;*/
        padding-bottom: 140px;
    }

    .gamedetail-content {
        width: 1200px;
        height: auto;
        margin: 0 auto;
    }

    .gamedetail-name {
        width: 100%;
        height: auto;
        /*height: 120px;*/
        /*font-size: 40px;*/
        /*color: #fff;*/
        /*font-weight: 600;*/
        /*line-height: 120px;*/
        padding-left: 150px;
    }

    .gamedetail-video {
        width: 900px;
        height: 500px;
        border: 1px solid #fff;
        margin: 0 auto;
    }

    .gamedetail-video video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .gamedetail-slogan {
        width: 100%;
        height: auto;
        font-size: 110px;
        font-weight: 600;
        color: #fff;
        line-height: 160px;
        text-align: center;
    }

    .gamedetail-slogan-list {
        width: 100%;
        height: auto;
    }

    .gamedetail-slogan-list span {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 48px;
        color: #fff;
        font-weight: 600;
        line-height: 66px;
    }

    .gamedetail-pic-list {
        width: 100%;
        height: 1548px;
        /*margin-top: 65px;*/
    }

    .gamedetail-pic-list .icon {
        width: 100%;
        height: 30px;
        padding-left: 40px;
        text-align: left;
    }

    .gamedetail-pic-list .icon p {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
    }

    .gamedetail-pic-list .icon p i {
        display: inline-block;
        width: 29px;
        height: 23px;
        background: url("http://vrgame01.weiavr.com/blackshield/video.png") center no-repeat;
        vertical-align: middle;
        margin-right: 10px;
    }

    .gamedetail-top-pic {
        width: 1142px;
        height: 673px;
        margin: 0 auto 20px;
        position: relative;
        overflow: hidden;
    }

    .gamedetail-top-pic span {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("http://vrgame01.weiavr.com/blackshield/photo-box.png") center no-repeat;
        z-index: 1;
    }

    .gamedetail-top-pic img {
        display: block;
        width: 100%;
        height: 100%;
        padding: 32px 12px 12px 12px;
    }

    .gamedetail-pic-bottom {
        width: 1142px;
        height: 830px;
        margin: 0 auto;
    }

    .gamedetail-pic-bottom-left {
        width: 458px;
        height: 100%;
        border: 1px solid #fff;
        float: left;
        margin: 0 17px 0 0;
    }

    .gamedetail-pic-bottom-right {
        width: 667px;
        height: 100%;
        float: right;
    }

    .gamedetail-pic-bottom-right > div {
        width: 633px;
        height: 50%;
        float: right;
        margin-top: 10px;
    }

    .bottom-right-top {
        width: 633px;
        height: 360px;
        border: 1px solid #fff;
    }

    .bottom-right-top img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .gamedetail-pic-bottom-right > div p {
        display: block;
        width: 100%;
        padding-top: 15px;
        font-size: 16px;
        color: #fff;
    }

    .allgame-center {
        width: 100%;
        height: auto;
    }

    .allgame-hei {
        width: 100%;
        height: 300px;
        background: url("http://vrgame01.weiavr.com/blackshield/all-game-top.png") center no-repeat;
    }

    .allgame-content {
        width: 100%;
        height: auto;
    }

    .allgame-detail {
        width: 1200px;
        height: auto;
        margin: 0 auto;
    }

    .allgame-title {
        width: 1200px;
        height: 110px;
        text-align: center;
        line-height: 110px;
        font-size: 30px;
        color: #333333;
    }

    .allgame-list {
        width: 1200px;
        height: auto;
    }

    .allgame-list ul {
        display: block;
        width: 1200px;
        height: auto;
    }

    .allgame-list ul:after {
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
        content: "";
    }

    .allgame-list ul li {
        display: block;
        width: 370px;
        height: 430px;
        float: left;
        cursor: pointer;
        margin: 0 15px 40px;
    }

    .allgame-list ul li span.pic {
        display: block;
        width: 370px;
        height: 370px;
    }

    .allgame-list ul li span.title {
        display: flex;
        width: 370px;
        height: 60px;
        padding-left: 15px;
        box-shadow: #ececec 5px 5px 15px 5px;
    }

    .allgame-list ul li span.title p {
        flex: 4;
        display: flex;
        /*align-items: center;*/
        justify-content: center;
        flex-direction: column;
    }

    .allgame-list ul li span.title p span.gamename {
        display: flex;
        /*justify-content:center;*/
        font-size: 16px;
        color: #000;
    }

    .allgame-list ul li span.title p span.gamedetail {
        display: none;
        width: 240px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        color: #ccc;
    }

    .allgame-list ul li span.title i {
        flex: 1;
        background: url("http://vrgame01.weiavr.com/blackshield/allgameicon.png") center no-repeat;
    }

    /*伪类*/
    .allgame-list ul li:hover span.title {
        height: 70px;
        box-shadow: #ececec 5px 5px 15px 5px;
    }

    .allgame-list ul li:hover span.pic {
        height: 360px;
    }

    .allgame-list ul li:hover span.title p span.gamedetail {
        display: block;
    }

    .allgame-list ul li:hover span.title p span.gamename {
        font-size: 18px;
    }

    .hiInfo {
        position: absolute;
        font-size: 18px;
        color: #333333;
        bottom: 15px;
        left: 200px;
    }

    .pic-mini-title div h1 {
        font-size: 54px;
        color: #0b83ee;
        display: block;
        width: 100%;
        line-height: 64px;
    }

    .pic-mini-title div h1 i {
        display: inline-block;
        vertical-align: bottom;
        width: 14px;
        height: 14px;
        margin-right: 10px;
        background: url("http://vrgame01.weiavr.com/blackshield/circle.png") center center no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;

    }

    .pic-mini-title div span {
        display: block;
        width: 100%;
        font-size: 30px;
        color: #333333;
        padding-top: 10px;
    }

    .indexFlow {
        position: fixed;
        right: 0;
        bottom: 10%;
        width: 50px;
    }

    .indexFlow ul {
        display: block;
        height: 100%;
    }

    .indexFlow ul li {
        /*display: block*/
        width: 50px;
        height: 50px;
        /*float: left;*/
        display: flex;
        margin-bottom: 2px;
        align-items: center;
        justify-content: center;
        background: #b4b4b5;
        cursor: pointer;
        /*transition: width 2s;*/
        /*-webkit-transition: width 2s;*/
    }

    .indexFlow ul li span {
        display: none;
        position: absolute;
        right: 50px;
        width: 0;
        height: 50px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        background: #42acef;
    }

    .indexFlow ul li p {
        display: none;
        position: absolute;
        right: 50px;
        width: 0;
        height: 50px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 50px;
        background: #42acef;
    }

    .indexFlow ul li p i {
        display: inline-block;
        width: 30px;
        height: 28px;
        background: url("http://vrgame01.weiavr.com/blackshield/homejoin.png") center no-repeat;
        vertical-align: middle;
    }

    .indexFlow ul li:hover span {
        display: block;
        width: 200px;
    }

    .indexFlow ul li:hover p {
        display: block;
        width: 200px;
    }

    .indexFlow ul li:hover {
        background: #42acef;
    }

    .indexFlow ul li img.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        /*vertical-align: middle;*/
    }

    .indexFlow ul li img.gotop {
        width: 18px;
        height: 8px;
        display: inline-block;
    }

    .noopen {
        position: absolute;
        font-size: 30px;
        color: red;
        top: -25px;
        left: 230px;
    }

    .page-join-partner {
        width: 100%;
        height: 1160px;
    }

    .center-join-partner {
        width: 100%;
        height: 1160px;
    }

    .join-partner-top {
        width: 100%;
        height: 580px;
        background: #f8f8f8;
    }

    .join-partner-bottom {
        width: 100%;
        height: 580px;

    }

    .join-for-partner {
        width: 1200px;
        margin: 0 auto;
        height: 580px;
    }

    .join-for-partner-flow {
        width: 1200px;
        margin: 0 auto;
        height: 580px;
    }

    .phone {
        display: none;
    }

    .gamedetail-pic-bottom-left img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .gamedetail-name img {
        display: block;
        padding: 10px 0;
        height: auto;
    }

    .game_text {
        width: 100%;
        height: auto;
    }

    .game_text img {
        display: block;
        height: auto;
    }

    /******oem厂商加盟******/
    .aio-banner-wrap {
        width: 100%;
        height: 600px;
        min-width: 1200px;
        background: url("http://vrgame01.weiavr.com/blackshield/banner-bg.png") center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .aio-banner {
        width: 1200px;
        height: 600px;
        margin: 0 auto;
        position: relative;
    }

    .aio-hz-name {
        width: 405px;
        height: 154px;
        position: absolute;
        left: 77px;
        top: 118px;
    }

    .aio-hz-name span {
        display: block;
        width: 405px;
        height: 115px;
        margin-bottom: 15px;
        background: url("http://vrgame01.weiavr.com/blackshield/banner-haizhan.png") left top no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .aio-hz-name p {
        height: 24px;
        font-size: 20px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 600;
    }

    .oem-btn-wrap {
        width: 489px;
        height: 86px;
        position: absolute;
        left: 77px;
        bottom: 80px;
        line-height: 76px;
        text-align: center;
        color: #ffffff;
        font-size: 30px;
        background: url("http://vrgame01.weiavr.com/blackshield/banner-butten.png") left top no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .ome-yj-wrap {
        width: 1200px;
        height: 579px;
        margin: 0 auto;
    }

    .ome-yj-img {
        width: 600px;
        height: 579px;
        float: left;
        padding-top: 43px;
        margin-right: 66px;
    }

    .ome-yj-img > img {
        display: block;
        width: 100%;
    }

    .ome-yj-container {
        width: 100%;
        height: 579px;
        background: #262626;
        min-width: 1200px;
    }

    .oem-yj-itr {
        float: left;
        width: 430px;
        height: 579px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 175px;
    }

    .oem-yj-itr .title {
        width: 100%;
        height: 48px;
        line-height: 48px;
        font-weight: 600;
        font-size: 36px;
        margin-bottom: 31px;
    }

    .oem-yj-itr p {
        font-size: 24px;
        line-height: 36px;
        color: #ffffff;
    }

    .ome-item-container {
        width: 100%;
        height: 1209px;
        min-width: 1200px;
        background: #27303d;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 44px;
    }

    .ome-item-content {
        width: 1200px;
        height: 1165px;
        margin: 0 auto;
    }

    .ome-item-content .item-title {
        width: 534px;
        height: 48px;
        margin: 0 auto 80px;
    }

    .ome-item-content .item-title span {
        width: 118px;
        float: left;
        height: 24px;
        border-bottom: 1px solid #fff;
    }

    .ome-item-content .item-title p {
        width: 298px;
        height: 48px;
        float: left;
        text-align: center;
        line-height: 48px;
        font-size: 36px;
        font-weight: 600;
        color: #ffffff;;
    }

    .ome-yj-item {
        width: 100%;
        height: 591px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 52px;
        margin-bottom: 70px;
    }

    .ome-yj-list {
        float: left;
        width: 547px;
        height: 314px;
        margin-bottom: 15px;
    }

    .ome-yj-list:nth-child(2n-1) {
        width: 547px;
    }

    .ome-jy-img {
        width: 310px;
        height: 314px;
        float: left;
        margin-right: 40px;
        position: relative;
    }

    .ome-jy-img img {
        margin: 0 auto;
        display: block;
    }

    .ome-jy-img p {
        width: 100%;
        font-size: 24px;
        text-align: center;
        color: #ffffff;
        position: absolute;
        bottom: 58px;
        left: 0;
    }

    .ome-yj-list .ome-yj-text {
        width: 184px;
        line-height: 30px;
        font-size: 16px;
        color: #ffffff;
        float: left;
    }

    .ome-shb-item {
        width: 1200px;
        height: 378px;
        margin: 0 auto;
        padding: 0 80px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ome-shb-list {
        width: 456px;
        height: 157px;
        float: left;
    }

    .ome-shb-list:nth-child(1) {
        margin-right: 126px;
    }

    .ome-shb-list img {
        display: block;
        margin: 0 auto;
    }

    .ome-shb-img {
        width: 100%;
        height: 157px;
        position: relative;
    }

    .ome-shb-list .title {
        font-size: 24px;
        width: 100%;
        text-align: center;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .ome-shb-list p {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }

    .computer-set-wrap {
        width: 100%;
        min-width: 1200px;
        height: 620px;
        background: #eee;
    }

    .computer-container {
        width: 1200px;
        height: 620px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 52px;
    }

    .computer-container .item-title, .example-container .item-title {
        width: 534px;
        height: 50px;
        font-size: 36px;
        margin: 0 auto 84px;
        color: #000;
    }

    .example-container .item-title {
        margin-bottom: 42px;
    }

    .computer-container .item-title span, .example-container .item-title span {
        width: 118px;
        float: left;
        height: 25px;
        border-bottom: 1px solid #E4E4E4;
    }

    .computer-container .item-title p, .example-container .item-title p {
        width: 298px;
        float: left;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .computer-set {
        width: 1200px;
        height: 338px;
        margin: 0 auto;
        padding: 0 67px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .computer-set-img {
        float: left;
        width: 503px;
        height: 338px;
        padding: 5px;
        margin-right: 127px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .computer-set-img img {
        display: block;
    }

    .computer-set-text {
        width: 418px;
        height: 338px;
        float: left;
    }

    .computer-set-text p {
        font-size: 24px;
        color: #333;
        line-height: 36px;
    }

    .computer-set-text .title {
        font-size: 30px;
        font-weight: 600;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .example-container {
        width: 1200px;
        height: 503px;
        margin: 0 auto;
        padding-top: 61px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .example-item {
        width: 1200px;
        height: 260px;
        padding: 0 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .example-item .example-list {
        width: 350px;
        height: 260px;
        margin: 0 24px;
        float: left;
    }

    .example-item .example-list img {
        width: 350px;
        height: 200px;
        margin-bottom: 8px;
    }

    .example-item .example-list p {
        font-size: 28px;
        line-height: 45px;
        text-align: center;
        color: #000;
    }

}
