html {
    font-size: 1vw;
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 1vw; /* 默认字体大小 */
    }

    .TouBtn {
        margin-left: 3.8rem;
        width: 18.4rem;
        height: 2.1rem;
    }

    .TouBtn .btn_z, .TouBtn .btn_f {
        width: 7.4rem;
        height: 2.1rem;
        line-height: 2.1rem;
        font-size: 0.84rem;
    }

}
@media screen and (max-width: 1600px) {
    html {
        font-size: 1vw; /* 默认字体大小 */
    }

    .TouBtn {
        margin-left: 3.8rem;
        width: 18.4rem;
        height: 2.1rem;
    }

    .TouBtn .btn_z, .TouBtn .btn_f {
        width: 7.4rem;
        height: 2.1rem;
        line-height: 2.1rem;
        font-size: 0.84rem;
    }
    #backgroundPart1{
        width: 80%;
    }
}
@media screen and (max-width: 1366px) {
    html {
        font-size: 12px; /* 缩小字体大小以适应较小屏幕 */
    }

    #home {
        background: #2b241e url("../images/bg03.jpg") left center / cover no-repeat;
    }

    .TouBtn {
        margin-left: 3rem;
        width: 16rem;
        height: 2rem;
    }

    .TouBtn .btn_z, .TouBtn .btn_f {
        width: 6.8rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.75rem;
    }
    #Left
    {
        width: 24%;
    }
    #Right{
        width: 75%;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 10px; /* 进一步缩小字体大小 */
    }

    .TouBtn {
        margin-left: 2rem;
        width: 14rem;
        height: 1.8rem;
    }

    .TouBtn .btn_z, .TouBtn .btn_f {
        width: 6rem;
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {




    html {
        font-size: 8px; /* 更小的字体大小 */
    }

    .TouBtn {
        margin-left: 1rem;
        width: 12rem;
        height: 1.6rem;
    }

    .TouBtn .btn_z, .TouBtn .btn_f {
        width: 5.2rem;
        height: 1.6rem;
        line-height: 1.6rem;
        font-size: 0.6rem;
    }
}

.musicbox {
    width: 3.3684210526315788rem;
    height: 5.2631578947368425rem;
    position: absolute;
    z-index: 500;
    top: 0.2631578947368421rem;
    left: 50%;
    cursor: pointer;
    margin-left: 31.57894736842105rem;
}

.musicplay {
    background: url(../images/musicplay.png) center/cover no-repeat;
}

.musicstop {
    background: url(../images/musicstop.png) center/cover no-repeat;
}

.rightren {
    position: absolute;
    width: 15.789473684210526rem;
    height: 36.8421052631579rem;
    background: url(../images/ren_bg.png) center/cover no-repeat;
    z-index: 3500;
    right: 1.0526315789473684rem;
    bottom: 0rem;
}

#topheader {
    height: 4.526315789473684rem;
    position: relative;
    min-width: 84.21052631578948rem;
    margin: 0 auto;
    background: url(../images/header_bg.png) center/cover repeat-x;
    z-index: 3500;
    box-shadow: 0 0 0.7368421052631579rem rgba(0, 0, 0, 0.4);
}

#topheader .center {
    width: 84.21052631578948rem;
}

#top {
    width: 100%;
    line-height: 1.6842105263157894rem;
    margin: 0 auto;
    background: #c7c5c6 url(../images/line_x.jpg) repeat-x left top;
}

#welcome {
    float: left;
    width: 34.73684210526316rem;
    height: 1.6842105263157894rem;
    overflow: hidden;
}

#welcome strong {
    font-weight: normal;
    color: #ae311d;
}

#welcome time {
    color: #ae311d;
}

#quicklink {
    float: right;
    width: 22.526315789473685rem;
    height: 1.6842105263157894rem;
}

#quicklink ul {
    float: right;
    margin-right: -0.42105263157894735rem;
}

#quicklink ul li {
    float: left;
    color: #333333;
}

#quicklink ul li [class^='icon'] {
    margin-right: 0.15789473684210525rem;
}

#quicklink ul li a {
    color: #6f7f8e;
    padding-right: 0.631578947368421rem;
    padding-left: 0.3157894736842105rem;
    text-decoration: none;
    display: inline-block;
}

#quicklink ul li:hover a {
    color: #ae311d;
}

.icon_function {
    width: 1.3157894736842106rem;
    height: 1.3157894736842106rem;
    vertical-align: middle;
    background: url(../images/icon_function.png) center/cover no-repeat;
    display: inline-block;
}

.icon_function.icon_function1x1 {
    background-position: 0 0;
}

.icon_function.icon_function2x1 {
    background-position: -1.3157894736842106rem 0;
}

.icon_function.icon_function3x1 {
    background-position: -2.6315789473684212rem 0;
}

.icon_function.icon_function4x1 {
    background-position: -3.9473684210526314rem 0;
}

#quicklink li:hover .icon_function.icon_function1x1 {
    background-position: 0 -1.3157894736842106rem;
}

#quicklink li:hover .icon_function.icon_function2x1 {
    background-position: -1.3157894736842106rem -1.3157894736842106rem;
}

#quicklink li:hover .icon_function.icon_function3x1 {
    background-position: -2.6315789473684212rem -1.3157894736842106rem;
}

#quicklink li:hover .icon_function.icon_function4x1 {
    background-position: -3.9473684210526314rem -1.3157894736842106rem;
}

#logo {
    float: left;
    width: 11.894736842105264rem;
    height: 4.526315789473684rem;
    margin-top: 0.10526315789473684rem;
}

#logo img {
    width: 11.894736842105264rem;
    height: 4.526315789473684rem;
}

#menu {
    float: left;
    width: 71.05263157894737rem;
    margin-top: 0rem;
    left: 0rem;
}

#menu ul {
    float: left;
    margin-left: 1.5789473684210527rem;
}

#menu ul li {
    float: left;
    margin-left: 0.631578947368421rem;
}

#menu ul a {
    float: left;
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    text-indent: -9999rem;
}

#menu ul a:nth-child(1) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_01.png) center/cover no-repeat;
}

#menu ul a:nth-child(1):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_01_hover.png) center/cover no-repeat;
}

#menu ul a:nth-child(1):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_01_active.png) center/cover no-repeat;
}

#menu ul a:nth-child(2) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E5%8E%86%E5%8F%B2%E6%B8%B8%E6%88%8F2.png) center/cover no-repeat;
}


#menu ul a:nth-child(2):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E5%8E%86%E5%8F%B2%E6%B8%B8%E6%88%8F.png) center/cover no-repeat;
}

#menu ul a:nth-child(2):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E5%8E%86%E5%8F%B2%E6%B8%B8%E6%88%8F3.png) center/cover no-repeat;
}

/*#menu ul a:nth-child(2) {*/
/*    width: 8.052631578947368rem;*/
/*    height: 4.368421052631579rem;*/
    /*background: url(https://wf100.oss-cn-beijing.aliyuncs.com/qiandao2.png) center/cover no-repeat;*/
/*    background: url(../images/btn/btn_08.png) center/cover no-repeat;*/
/*}*/


/*#menu ul a:nth-child(2):hover {*/
/*    width: 8.052631578947368rem;*/
/*    height: 4.368421052631579rem;*/
/*    background: url(../images/btn/btn_08.png) center/cover no-repeat;*/
/*}*/

/*#menu ul a:nth-child(2):active {*/
/*    width: 8.052631578947368rem;*/
/*    height: 4.368421052631579rem;*/
/*    background: url(../images/btn/btn_08.png) center/cover no-repeat;*/
/*}*/



#menu ul a:nth-child(3) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_02.png) center/cover no-repeat;
}

#menu ul a:nth-child(3):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_02_hover.png) center/cover no-repeat;
}

#menu ul a:nth-child(3):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_02_active.png) center/cover no-repeat;
}

#menu ul a:nth-child(4) {
    margin-left: 0.5263157894736842rem;
    margin-right: 0.5263157894736842rem;
    width: 9.31578947368421rem;
    height: 4.578947368421052rem;
    background: url(../images/btn/btn_04.png) center/cover no-repeat;
}

#menu ul a:nth-child(4):hover {
    width: 9.31578947368421rem;
    height: 4.578947368421052rem;
    background: url(../images/btn/btn_04_hover.png) center/cover no-repeat;
}

#menu ul a:nth-child(5) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_05.png) center/cover no-repeat;
}

#menu ul a:nth-child(5):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_05_hover.png) center/cover no-repeat;
}

#menu ul a:nth-child(5):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_05_active.png) center/cover no-repeat;
}

#menu ul a:nth-child(6) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_06.png) center/cover no-repeat;
}

#menu ul a:nth-child(6):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_06_hover.png) center/cover no-repeat;
}

#menu ul a:nth-child(6):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_06_active.png) center/cover no-repeat;
}

#menu ul a:nth-child(7) {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_07.png) center/cover no-repeat;
}

#menu ul a:nth-child(7):hover {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn_07.png) center/cover no-repeat;
}

#menu ul a:nth-child(7):active {
    width: 8.052631578947368rem;
    height: 4.368421052631579rem;
    background: url(../images/btn/btn_07.png) center/cover no-repeat;
}

#Version {
    width: 100%;
    height: 35rem;
    position: relative;
    overflow: hidden;
}

#Header {
    margin: 0rem auto -15.263157894736842rem -50.578947368421055rem;
    width: 101.05263157894737rem;
    height: 40rem;
    position: absolute;
    left: 50%;
}

.bg-v {
    position: relative;
    left: 0;
    width: 100%;
    height: 40rem;
    overflow: hidden;
    min-width: 63.1578947368421rem;
}

.bg-v .video {
    width: 101.05263157894737rem;
    height: 50.526315789473685rem;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.bg-v video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.clearfix {
    zoom: 1;
}

.content {
    width: 73.6842105263158rem;
    margin: 0 auto;
    position: relative;
}

.Download {
    width: 20rem;
    height: 23.210526315789473rem;
    position: absolute;
    z-index: 9999;
    top: 3rem;
    right: -12rem;
    text-indent: -9999rem;
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E7%BA%A2%E5%8C%85.png) center/cover no-repeat;
}

.Download:hover {
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/3.png) center/cover no-repeat;
}

.Leftlink01 {
    width: 15.263157894736842rem;
    height: 6.578947368421052rem;
    position: absolute;
    z-index: 9999;
    top: 3rem;
    left: 0rem;
    background: url(../images/btn/Left_01.png) center/cover no-repeat;
    text-indent: -9999rem;
}

.Leftlink01:hover {
    background: url(../images/btn/Left_01_hover.png) center/cover no-repeat;
}

.Leftlink02 {
    width: 15.263157894736842rem;
    height: 6.578947368421052rem;
    position: absolute;
    z-index: 9999;
    top: 10rem;
    left: 0rem;
    background: url(../images/btn/Left_02.png) center/cover no-repeat;
    text-indent: -9999rem;
}

.Leftlink02:hover {
    background: url(../images/btn/Left_02_hover.png) center/cover no-repeat;
}

.Leftlink03 {
    width: 15.263157894736842rem;
    height: 6.578947368421052rem;
    position: absolute;
    z-index: 9999;
    top: 17.5rem;
    left: 0rem;
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E4%B8%8B%E8%BD%BD1.png) center/cover no-repeat;
    text-indent: -9999rem;
}

.Leftlink03:hover {
    background: url(https://wf100.oss-cn-beijing.aliyuncs.com/%E4%B8%8B%E8%BD%BD2.png) center/cover no-repeat;
}

.topsolgon {
    width: 81.26315789473684rem;
    height: 12rem;
    position: absolute;
    z-index: 9999;
    top: 33.68421052631579rem;
    left: -5.2631578947368425rem;
    overflow: hidden;
    background: url(../images/topsolgon.png) center/cover no-repeat;
}

.topquicklink {
    width: 81.26315789473684rem;
    height: 12rem;
    position: absolute;
    z-index: 9999;
    top: 25.5rem;
    /*left: -5.2631578947368425rem;*/
    overflow: hidden;
    background: url(../images/topquicklink.png) center/cover no-repeat;
}

.microHei {
    font-family: "Microsoft YaHei";
}

.mt-content {
    height: 36.8421052631579rem;
    position: relative;
    border-radius: 0rem;
    margin: 0 auto;
    padding-top: 0rem;
}

.mt-content .myVideo {
    width: 101.05263157894737rem;
    height: 36.8421052631579rem;
    position: absolute;
    left: 50%;
    margin: 0rem auto -14.31578947368421rem -50.578947368421055rem;
    z-index: 1;
}

.mt-content .Game {
    width: 50.26315789473684rem;
    margin: 0 auto;
    padding-top: 7.7894736842105265rem;
}

.mt-content .Game img {
    position: absolute;
    float: left;
    width: 50.26315789473684rem;
    height: 22.105263157894736rem;
    margin-left: 7.105263157894737rem;
    margin-top: 4.105263157894737rem;
    z-index: 99;
    border: 0px solid #5a6367;
}

.md-content {
    min-height: 50vh;
    position: relative;
    padding-top: 0rem;
    padding-bottom: 2.5rem;
    border-radius: 0rem;
    margin: 0 auto;
    /*background: url(../images/bg.jpg) no-repeat center top;*/
    background-size: cover;
}

.md-content .GameVer {
    width: 73.6842105263158rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 15000;
    margin-top: 0rem;
}

.md-content .RecommendGame {
    width: 73.6842105263158rem;
    margin: 0 auto;
    padding-top: 0rem;
    padding-bottom: 3.1578947368421053rem;
}

.md-content .Game-title {
    height: 2.5rem;
    line-height: 2.5rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 15000;
    margin-bottom: 0.18rem;
}

.md-content .Game-title .Game-tab {
    float: left;
    width: 50rem;
    height: 2.3rem;
    margin-top: 0.6rem;
    overflow: hidden;
}

.md-content .Game-title .Game-search {
    float: left;
    width: 22rem;
    margin-top: 0.16rem;
    overflow: hidden;
}

#tabs {
    margin-right: 1.2631578947368425rem;
}

#tabs li {
    float: left;
    font-size: 0.6368421052631579rem;
    height: 1.5789473684210527rem;
    line-height: 1.5789473684210527rem;
    position: relative;
    margin-right: 0.146316rem;
}

#tabs li a {
    display: block;
    height: 1.5789473684210527rem;
    z-index: 2;
    padding: 0rem 0.56rem;
    color: #bbaa8c;
    width: 2.6315789473684212rem;
    font-weight: bold;
    border: 1px solid #53452d;
    border-radius: 0.2631578947368421rem;
    text-align: center;
    overflow: hidden;
}

#tabs li a:hover {
    background: #841b03;
}

#tabs li.cur>a {
    color: #00ad35;
}

#tabs li em {
    display: none;
}

#tabs li:last-child:after {
    display: none;
}

#tabs li.change {
    position: relative;
    background: #841b03;
    border-radius: 0.2631578947368421rem;
}

.zySearch {
    float: right;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.zySearch .search-img {
    background: url("../images/chicken.gif") center/cover no-repeat scroll transparent;
    display: block;
    height: 0;
    left: 39%;
    margin-left: -0.631578947368421rem;
    position: absolute;
    top: 0.42105263157894735rem;
    width: 1.263157894736842rem;
}

.zySearch .search-input {
    color: #999;
    border: 0px solid #D0D0D0;
    height: 1.894736842105263rem;
    line-height: 1.894736842105263rem;
    margin-right: 0.2631578947368421rem;
    padding: 0 0.5263157894736842rem;
    width: 11.578947368421053rem;
}

.zySearch .search-btn {
    top: 0rem;
    text-indent: -9999rem;
    cursor: pointer;
    height: 2.1052631578947367rem;
    width: 3.9473684210526314rem;
    display: inline-block;
    position: relative;
    background: url(../images/search.png) center/cover no-repeat;
}

.zySearch .search-btn:hover {
    background: url(../images/search_hover.png) center/cover no-repeat;
}

.games {
    float: left;
    width: 23.68421052631579rem;
    height: 23.68421052631579rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    position: relative;
    overflow: hidden;
    background: url(../images/games_bg.png) center/cover no-repeat;
    margin-left: 0rem;
    margin-right: 1.0526315789473684rem;
    margin-top: 1.0526315789473684rem;
    transition: all 0.2s linear;
}

.games:nth-of-type(3n+3) {
    margin-right: 0rem;
}

.games .border_top,
.games .border_right,
.games .border_bottom,
.games .border_left {
    background-color: #fff;
}

.games .border_top,
.games .border_bottom {
    height: 0.15789473684210525rem;
}

.games .border_right,
.games .border_left {
    width: 0.15789473684210525rem;
}

.games.hover_games {
    box-shadow: 0.42105263157894735rem 0.42105263157894735rem 0.8421052631578947rem rgba(0, 0, 0, 0.2);
}

.games .photo {
    float: left;
    width: 21.05263157894737rem;
    height: 10rem;
    position: relative;
    margin-top: 1.2105263157894737rem;
    margin-left: 1.3157894736842106rem;
    background: #000;
    margin-bottom: 0.5263157894736842rem;
}

.games .photo img {
    width: 21.05263157894737rem;
    height: 10rem;
}

.games .title {
    float: left;
    width: 18.94736842105263rem;
    /*height: 2.1052631578947367rem;*/
    overflow: hidden;
    margin-bottom: 0.631578947368421rem;
    padding-left: 2rem;
}

.games .title .list_title {
    float: left;
    height: 2.1052631578947367rem;
    line-height: 2.5rem; /* 2.1052631578947367 */
    font-size: 1.0rem; /* 1.6842105263157894 */
    font-weight: 800;
    margin-right: 1.0526315789473684rem;
    color: #fff;
    margin-left: 1.5789473684210527rem;
}

.games .title .list_title span {
    font-size: 0.8rem; /* 1.6842105263157894 */
}
/*.games .title .list_right {*/
/*    float: right;*/
/*    font-size: 0.8421052631578947rem;*/
/*    font-weight: bold;*/
/*    height: 2.1052631578947367rem;*/
/*    line-height: 1.4736842105263157rem;*/
/*    text-decoration: none;*/
/*    color: #fff;*/
/*}*/

.games .title .list_right {
    float: right;
    font-size: 0.8rem; /* You can keep the original precision or simplify 0.842 */
    font-weight: bold;
    height: auto; /* Adjust height to fit content */
    line-height: 1.2rem; /* 1.473 */
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.games .title .list_right p {
    margin: 0;
    padding: 0;
}

.games .title .list_right .technician {
    font-weight: bold;
    line-height: 1.05rem; /* Adjusted for better vertical spacing */
    margin-bottom: 0.5rem; /* Space between the technician and attributes */
}

.games .title .list_right .attributes {
    line-height: 1.05rem; /* Adjusted for consistent vertical spacing */
}

.games .list {
    width: 21.57894736842105rem;
    clear: both;
    overflow: hidden;
    padding-top: 0.2631578947368421rem;
    margin-top: 0.5263157894736842rem;
    margin-left: 1.0526315789473684rem;
    margin-bottom: 0.5263157894736842rem;
}

.games .list li {
    height: 1.6842105263157894rem;
    line-height: 1.6842105263157894rem;
    overflow: hidden;
    font-size: 0.7368421052631579rem;
    color: #ffffff;
    padding-left: 0.2631578947368421rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 0.05263157894736842rem dashed #d6d3d3;
}

.games .list li a {
    text-decoration: none;
    color: #ffffff;
}

.games .list li a:hover {
    color: #d8b23f;
}

.games .gamebtn {
    float: left;
    width: 21.57894736842105rem;
    height: 5.2631578947368425removerflow:hidden;
    margin-top: 0rem;
    margin-left: 1.8421052631578947rem;
}

.games ._btn_01 {
    float: left;
    width: 9.210526315789474rem;
    height: 2.6315789473684212rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    margin-top: 1.5rem;
    background: url(../images/_btn_01.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.games ._btn_01:hover {
    background: url(../images/_btn_01_hover.png) center/cover no-repeat;
}

.games ._btn_02 {
    float: left;
    width: 9.210526315789474rem;
    height: 2.6315789473684212rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/_btn_02.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.games ._btn_02:hover {
    background: url(../images/_btn_02_hover.png) center/cover no-repeat;
}

.games ._btn_03 {
    float: left;
    width: 9.210526315789474rem;
    height: 2.6315789473684212rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/_btn_03.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.games ._btn_03:hover {
    background: url(../images/_btn_03_hover.png) center/cover no-repeat;
}

.games ._btn_04 {
    float: left;
    width: 9.210526315789474rem;
    height: 2.6315789473684212rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    /*margin-top: 1.5rem;*/
    background: url(../images/_btn_04.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.games ._btn_04:hover {
    background: url(../images/_btn_04_hover.png) center/cover no-repeat;
}

.games ._btn_gamedown {
    float: left;
    width: 8.421052631578947rem;
    height: 2.6315789473684212rem;
    overflow: hidden;
    margin-right: 0.7894736842105263rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/_btn_gamedown.png) center/cover no-repeat;
    text-indent: -9999rem;
;
}

.games ._btn_gamedown:hover {
    background: url(../images/_btn_gamedown_hover.png) center/cover no-repeat;
}

.games ._btn_gameweb {
    float: left;
    width: 8.421052631578947rem;
    height: 2.6315789473684212rem;
    overflow: hidden;
    margin-right: 0rem;
    margin-left: 0rem;
    background: url(../images/_btn_gameweb.png) center/cover no-repeat;
    text-indent: -9999rem;
;
}

.games ._btn_gameweb:hover {
    background: url(../images/_btn_gameweb_hover.png) center/cover no-repeat;
}

#footer {
    min-width: 67.36842105263158rem;
    height: 6.315789473684211rem;
    margin: 0 auto;
    /*background: linear-gradient(to bottom, #1b1815, #13120f);*/
    border-top: 0.10526315789473684rem solid #4a3c2a;
    padding-top: 1.0526315789473684rem;
    padding-bottom: 1.0526315789473684rem;
}

#footer .center {
    padding-top: 0.7894736842105263rem;
}

.list_box {
    overflow: hidden;
    color: #426199;
    padding-bottom: 0rem;
}

.list_box h2 {
    font-size: 1.1578947368421053rem;
    padding: 0.7894736842105263rem 0 0.5263157894736842rem 0;
    text-align: center;
    color: #b89909;
}

.steward {
    width: 11.68421052631579rem;
    height: 11.578947368421053rem;
    background: linear-gradient(to bottom, #03060b, #021a3d);
    float: left;
    text-align: center;
    border: 1px solid #4a3c2a;
    margin-left: 1.5789473684210527rem;
}

.steward img {
    width: 6.315789473684211rem;
    height: 6.315789473684211rem;
    margin-bottom: 0.5263157894736842rem;
}

.steward p {
    padding-top: 0.42105263157894735rem;
    color: #9f8d76;
}

.steward p a {
    color: #9f8d76;
    text-decoration: underline;
}

.steward p i {
    color: #9f8d76;
}

.service_box {
    width: 11.263157894736842rem;
    height: 11.578947368421053rem;
    background: linear-gradient(to bottom, #03060b, #021a3d);
    float: left;
    text-align: center;
    margin: 0 1.5789473684210527rem;
    border: 1px solid #4a3c2a;
}

.service_box em {
    font-size: 1.263157894736842rem;
    color: #d9dcff;
    display: block;
    line-height: 1.6842105263157894rem;
}

.service_box p {
    font-size: 0.8421052631578947rem;
    color: #6c5d49;
    display: block;
    line-height: 1.6842105263157894rem;
}

.service_box span {
    width: 9.473684210526315rem;
    height: 1.5789473684210527rem;
    margin: 0.5263157894736842rem auto 1.0526315789473684rem;
    display: block;
    border: 1px solid #6c5d49;
    line-height: 1.5789473684210527rem;
    color: #9f8d76;
}

.service_box a {
    width: 4.842105263157895rem;
    height: 1.4736842105263157rem;
    display: block;
    margin: 0 auto;
    background: url(../images/button_public.png) center/cover no-repeat -16.94736842105263rem -4.7368421052631575rem;
}

.service_box a:hover {
    background-position: -16.94736842105263rem -6.2631578947368425rem;
}

.service_2 {
    width: 67.36842105263158rem;
    height: 7.368421052631579rem;
    float: left;
}

.service_2 .media_box {
    padding: 0 0 0 0.8947368421052632rem;
    height: 4.2105263157894735rem;
    overflow: hidden;
    margin-bottom: 1.0526315789473684rem;
}

.service_2 .media_box ul li {
    height: 1.8421052631578947rem;
    float: left;
    margin: 0 0 0.47368421052631576rem 0;
}

.service_2 .media_box ul li a {
    width: 4.315789473684211rem height:2.4210526315789473rem;
    display: block;
    float: left;
    margin: 0 0 0 0.5263157894736842rem;
}

.service_2 span {
    width: 67.36842105263158rem;
    height: 1.5789473684210527rem;
    line-height: 1.5789473684210527rem;
    font-size: 0.7368421052631579rem;
    margin: 0rem auto;
    display: block;
    margin-left: 1.0526315789473684rem;
    color: #594f44;
    text-align: center;
}

.service_2 h2 {
    color: #6b6055;
}

.phototitle {
    width: 8.421052631578947rem;
    height: 4.2105263157894735rem;
    line-height: 4.2105263157894735rem;
    color: #fefefe;
    font-size: 0.7368421052631579rem;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    top: 0.05263157894736842rem;
    left: 0rem;
    z-index: 99;
}

.ico01 {
    background: url(../images/icon_jiao/jiao_01.png) center/cover no-repeat;
}

.ico02 {
    background: url(../images/icon_jiao/jiao_02.png) center/cover no-repeat;
}

.ico03 {
    background: url(../images/icon_jiao/jiao_03.png) center/cover no-repeat;
}
.ico08 {
    background: url(../images/icon_jiao/jiao_07.png) center/cover no-repeat;
}
.Righttitle {
    width: 8.421052631578947rem;
    height: 4.2105263157894735rem;
    line-height: 4.2105263157894735rem;
    color: #fefefe;
    font-size: 0.7368421052631579rem;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    top: 0.7894736842105263rem;
    right: 1.0526315789473684rem;
    z-index: 99;
}

.ico04 {
    background: url(../images/icon_jiao/jiao_04.png) center/cover no-repeat;
}

.ico05 {
    background: url(../images/icon_jiao/jiao_05.png) center/cover no-repeat;
}

.ico06 {
    background: url(../images/icon_jiao/jiao_06.png) center/cover no-repeat;
}

#home {
    background: #2b241e url("../images/bg02.jpg") Left center/cover no-repeat;
    width: 100%;
    height: 56.4148371rem;
    position: relative;
    overflow: hidden;
}

#Left {
    float: left;
    position: relative;
    width: 26rem;
    height: 56.4148371rem;
    overflow: hidden;
}

#Left .GameLeft {
    float: left;
    width: 26rem;
    height: 26rem;
    background: url("/static/wf100/images/GameLeftbg.png") center/cover no-repeat;
    /*margin-top: 0.5263157894736842rem  https://wf100.oss-cn-beijing.aliyuncs.com/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png;*/
}

#Left .GameLeft .tou {
    position: absolute;
    z-index: 1;
    /*width: 5.2631578947368425rem;*/
    /*height: 5.2631578947368425rem;*/
    background: #fff;
    left: 1.8rem;
    top: 1.95rem;
    border-radius: 50%;
    overflow: hidden;
}

#Left .GameLeft .tou img {
    width: 5.2631578947368425rem;
    height: 5.2631578947368425rem;
    border-radius: 50%;
    overflow: hidden;
}

#Left .GameLeft .Exitbtn {
    position: absolute;
    z-index: 1;
    width: 9.61578947368421rem;
    height: 2.1052631578947367rem;
    background: url("../images/Exit.png") center/cover no-repeat;
    right: -0.7rem;
    top: 1.21rem;
}
#Left .GameLeft .Exitbtn:hover {
    background: url("../images/Exit-2.png") center/cover no-repeat;
}

#Left .GameLeft .Name {
    position: absolute;
    z-index: 1;
    /*width: 10.526315789473685rem;*/
    height: 1.3157894736842106rem;
    line-height: 1.3157894736842106rem;
    left: 13rem;
    top: 3.91rem;
    overflow: hidden;
    font-size:1rem;
    font-weight: bold;
    color: #c49302;
}

/*#Left .GameLeft .ID {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    height: 1.3157894736842106rem;*/
/*    line-height: 1.3157894736842106rem;*/
/*    left: 10.6rem;*/
/*    top: 5.81rem;*/
/*    overflow: hidden;*/
/*    font-size: 0.8rem;*/
/*    font-weight: bold;*/
/*    color: #e7c180;*/
/*}*/

#Left .GameLeft .ID {
    position: absolute;
    z-index: 1;
    height: auto; /* Allow height to adjust based on content */
    line-height: 1.3157894736842106rem;
    left: 10.6rem;
    top: 5.69rem;
    overflow: hidden;
    font-size: 0.7rem;
    font-weight: bold;
    color: #e7c180;
    word-wrap: break-word; /* Allow text to break and wrap */
    word-break: break-word; /* Ensure long words break and wrap */
    max-width: 13.95rem; /* Set a max width to prevent overflow */
    white-space: normal; /* Allow text to wrap to the next line */
}

#Left .GameLeft .Jingyan {
    position: absolute;
    z-index: 1;
    width: 10.526315789473685rem;
    height: 1.3157894736842106rem;
    line-height: 1.3157894736842106rem;
    left: 5rem;
    top: 8.8rem;
    overflow: hidden;
    font-size: 1.4rem;
    /*color: #a9965f;*/
    color:#e1c402;
}

#Left .GameLeft .Dengji {
    position: absolute;
    z-index: 1;
    /*width: 10.526315789473685rem;*/
    height: 1.3157894736842106rem;
    line-height: 1.3157894736842106rem;
    left: 18.8rem;
    top: 8.8rem;
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: bold;
    color: #b46331;
}

#Left .GameLeft .Bangding {
    position: absolute;
    width: 12.931578947368421rem;
    height: 3.15rem;
    top: 10.5rem;
    left: 0.3rem;
    background: url("/static/wf100/images/Bang.png") center/cover no-repeat;
}

#Left .GameLeft .Bangding:hover {
    background: url("/static/wf100/images/Bang_h.png") center/cover no-repeat;
}

#Left .GameLeft .Bangding img {

    height: 3.15rem;
    top: 8.9rem;
    left: 0.3rem;

}


#Left .GameLeft .Renzheng {
    position: absolute;
    height: 3.15rem;
    width: 12.931578947368421rem;
    top: 10.5rem;
    right: 0.3rem;
    background: url("/static/wf100/images/Reng.png") center/cover no-repeat;
}
#Left .GameLeft .Renzheng:hover {
    background: url("/static/wf100/images/Reng_h.png") center/cover no-repeat;
}

#Left .GameLeft .Renzheng img {

    height: 3.15rem;
    top: 8.9rem;
    right: 0.3rem;
}


#Left .GameLeft .Zhi {
    position: absolute;
    width: 26.842105263157894rem;
    height: 2.1052631578947367rem;
    top: 16.342105263157896rem;
    left: 0.1263157894736842rem;
}

#Left .GameLeft .Zhi .huobi {
    float: left;
    width: 5.894736842105263rem;
    height: 1.8421052631578947rem;
    margin-left: 1.3157894736842106rem;
    margin-right: 1.3157894736842106rem;
    line-height: 1.8421052631578947rem;
    text-align: center;
    font-size: 1.5789473684210527rem;
    font-wight: bold;
    color: #e1c402;
    text-shadow: 0 0.10526315789473684rem #190401, 0.10526315789473684rem 0 #190401, -0.10526315789473684rem 0 #190401, 0 -0.10526315789473684rem #190401;
}

#Left .GameLeft .btnlist {
    position: absolute;
    width: 25.526315789473685rem;
    height: 6.052631578947368rem;
    top: 19.06842105263158rem;
    left: 0.2263157894736842rem;
}

#Left .GameLeft .btnlist li a {
    float: left;
    width: 6.578947368421052rem;
    height: 1.8421052631578947rem;
    line-height: 1.8421052631578947rem;
    font-size: 0.8421052631578947rem;
    font-weight: bold;
    text-align: center;
    color: #dacfbc;
    text-shadow: 0 0.05263157894736842rem #190401, 0.05263157894736842rem 0 #190401, -0.05263157894736842rem 0 #190401, 0 -0.05263157894736842rem #190401;
    background: url("../images/btnlist_bg.png") center/cover no-repeat;
    margin-top: 0.10526315789473684rem;
    margin-right: 0.8421052631578947rem;
    margin-left: 1.0526315789473684rem;
}

#Left .GameLeft .btnlist li a:hover {
    background: url("../images/btnlist_bg_h.png") center/cover no-repeat;
    color: #fefefe;
    text-shadow: 0 0.05263157894736842rem #030101, 0.05263157894736842rem 0 #030101, -0.05263157894736842rem 0 #030101, 0 -0.05263157894736842rem #030101;
}

#Left .GameLeft .btnlist li.change a {
    background: url("../images/btnlist_bg_h.png") center/cover no-repeat;
    color: #d0b002;
    text-shadow: 0 0.05263157894736842rem #030101, 0.05263157894736842rem 0 #030101, -0.05263157894736842rem 0 #030101, 0 -0.05263157894736842rem #030101;
}

#Left .Gamecenter {
    float: left;
    width: 26rem;
    height: 16rem;
    margin-top: 0rem;
}

#Left .Gamecenter .Gamecenter_btn01 {
    float: left;
    width: 26rem;
    height: 3.9473684210526314rem;
    background: url("../images/Gamecenter_btn01.png") center/cover no-repeat;
    margin-top: 0.2631578947368421rem;
}

#Left .Gamecenter .Gamecenter_btn01:hover {
    background: url("../images/Gamecenter_btn01_hover.png") center/cover no-repeat;
}

#Left .Gamecenter .Gamecenter_btn02 {
    float: left;
    width: 26rem;
    height: 3.9473684210526314rem;
    background: url("../images/Gamecenter_btn02.png") center/cover no-repeat;
    margin-top: 0.2631578947368421rem;
}

#Left .Gamecenter .Gamecenter_btn02:hover {
    background: url("../images/Gamecenter_btn02_hover.png") center/cover no-repeat;
}

#Left .Gamecenter .Gamecenter_btn03 {
    float: left;
    width: 26rem;
    height: 3.9473684210526314rem;
    background: url("../images/Gamecenter_btn03.png") center/cover no-repeat;
    margin-top: 0.2631578947368421rem;
}

#Left .Gamecenter .Gamecenter_btn03:hover {
    background: url("../images/Gamecenter_btn03_hover.png") center/cover no-repeat;
}

#Left .Gamecenter .Gamecenter_btn04 {
    float: left;
    width: 26rem;
    height: 3.9473684210526314rem;
    background: url("../images/Gamecenter_btn04.png") center/cover no-repeat;
    margin-top: 0.2631578947368421rem;
}

#Left .Gamecenter .Gamecenter_btn04:hover {
    background: url("../images/Gamecenter_btn04_hover.png") center/cover no-repeat;
}

#Left .GameBottom {
    float: left;
    width: 26rem;
    height: 14.210526315789474rem;
    background: url("../images/GameBottombg.png") center/cover no-repeat;
    margin-top: -3rem;
}

#Left .GameBottom .Toupiao {
    float: left;
    margin-left: 4.473684210526316rem;
    margin-top: 5rem;
    width: 18.42105263157895rem;
    height: 2.8947368421052633rem;
    overflow: hidden;
}

#Left .GameBottom .Toupiao h2 {
    float: left;
    width: 18.42105263157895rem;
    height: 1.5789473684210527rem;
    line-height: 1.5789473684210527rem;
    text-align: center;
    font-size: 1.368421052631579rem;
    font-weigth: bold;
}

#Left .GameBottom .Toupiao h3 {
    float: left;
    width: 18.42105263157895rem;
    height: 1.0526315789473684rem;
    line-height: 1.0526315789473684rem;
    text-align: center;
    font-size: 0.9473684210526315rem;
    font-weigth: bold;
    color: #1e1818;
}

#Left .GameBottom .TouBtn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 3.8rem;
    margin-top: 0.36rem;
    width: 18.4rem;
    height: 2.1rem;
    overflow: hidden;
}

#Left .GameBottom .TouBtn .btn_z,
#Left .GameBottom .TouBtn .btn_f {
    width: 7.4rem;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 0.84rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 0.05rem 0.05rem 0.05rem #333;
    border-radius: 0.26rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

#Left .GameBottom .TouBtn .btn_z {
    background-color: #28a745;
}

#Left .GameBottom .TouBtn .btn_f {
    background-color: #dc3545;
}

#Left .GameBottom .TouBtn .btn_z:hover {
    background-color: #218838;
}

#Left .GameBottom .TouBtn .btn_f:hover {
    background-color: #c82333;
}

.tousu1 {
    float: left;
    margin-left: 7.368421052631579rem;
    margin-top: 0rem;
    width: 13.105263157894736rem;
    height: 3.1578947368421053rem;
    overflow: hidden;
    background: url("../images/TouSu.png") center/cover no-repeat;
    text-indent: -9999rem;
}

.tousu1:hover {
    background: url("../images/TouSu_h.png") center/cover no-repeat;
}

#Right {
    float: right;
    width: position:relative;
    width: 71.824445rem;
    height: 56.4148371rem;
    overflow: hidden;
}

#Right .Game-title {
    width: 67.72787154rem;
    height: 3.1578947368421053rem;
    line-height: 3.1578947368421053rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 15000;
}

#Right .Game-title .Game-tab {
    float: left;
    width: 45.905263rem;
    height: 2.3684210526315788rem;
    margin-top: 0.7894736842105263rem;
    overflow: hidden;
}

#Right .Game-title .Game-search {
    float: left;
    width: 17.547368rem;
    height: 3.405263rem;
    margin-top: -0.2rem;
    overflow: hidden;
    margin-left: -1rem;
}

#Right #Gamecontent {
    float: left;
    width: 64.21052631578948rem;
    margin-left: 1rem;
}

.text {
    background-image: linear-gradient(#FFCF02, #FF7352);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*需要文字透明*/
}

.text {
    margin: 0;
    font-family: 'HYLiLiangHeiJ Regular';
    -webkit-text-stroke: 1px #333;
    filter: drop-shadow(0 1px 0 #333);
}

.text::before {
    content: attr(data-title);
    position: absolute;
    background-image: linear-gradient(#FFCF02, #FF7352);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
    pointer-events: none;
}

.Rgames {
    float: left;
    width: 19.58848510rem;
    height: 20.894384rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    position: relative;
    overflow: hidden;
    background: url(../images/Rgames_bg.png) center/cover no-repeat;
    margin-left: 0rem;
    margin-right: 1.0526315789473684rem;
    margin-top: 1.0526315789473684rem;
    transition: all 0.2s linear;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

/*.Rgames {*/
/*    float: left;*/
/*width: 30%;*/
/*    height: 20.894384rem;*/
/*    padding: 0;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    background: url(../images/Rgames_bg.png) center/cover no-repeat;*/
/*    margin-bottom: 1rem;*/
/*    transition: all 0.2s linear;*/
/*    box-sizing: border-box;*/
/*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/

/*}*/
.Rgames:hover {
    transform: scale(1.05); /* 鼠标悬停时放大 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
}
/*.Rgames:nth-of-type(3n+3) {*/
/*    margin-right: 0rem;*/
/*}*/
/*.Rgames:nth-of-type(3n+3) {*/
/*    margin-right: 0;*/
/*}*/
.Rgames .border_top,
.Rgames .border_right,
.Rgames .border_bottom,
.Rgames .border_left {
    background-color: #fff;
}

.Rgames .border_top,
.Rgames .border_bottom {
    height: 0.15789473684210525rem;
}

.Rgames .border_right,
.Rgames .border_left {
    width: 0.15789473684210525rem;
}

.Rgames.hover_games {
    box-shadow: 0.42105263157894735rem 0.42105263157894735rem 0.8421052631578947rem rgba(0, 0, 0, 0.2);
}

.Rgames .photo {
    float: left;
    width: 18.282586rem;
    height: 8.88rem;
    position: relative;
    margin-top: 0.5223596rem;
    margin-left: 0.626831523rem;
    background: #000;
    margin-bottom: 0.5263157894736842rem;
}

.Rgames .photo img {
    width: 18.282586rem;
    height: 8.88rem;
}

.Rgames .title {
    float: left;
    width: 16.24736842105263rem;
    /*height: 2.1052631578947367rem;*/
    overflow: hidden;
    margin-bottom: 0.631578947368421rem;
    padding-left: 2.5rem;
}

.Rgames .title .list_title {
    float: left;
    height: 2.1052631578947367rem;
    line-height: 2.1052631578947367rem;
    font-size: 1.242105263157894rem;
    font-weight: 800;
    margin-right: 1.0526315789473684rem;
    color: #fff;
    margin-left: 1.5789473684210527rem;
}

.Rgames .title .list_right {
    float: right;
    font-size: 0.7421052631578947rem;
    font-weight: bold;
    /*height: 2.1052631578947367rem;*/
    line-height: 1.4736842105263157rem;
    text-decoration: none;
    color: #fff;
}

.Rgames .title .list_right p {
    margin: 0;
    padding: 0;
}

.Rgames .title .list_right .technician {
    font-weight: bold;
    line-height: 1.05rem; /* Adjusted for better vertical spacing */
    margin-bottom: 0.5rem; /* Space between the technician and attributes */
}

.Rgames .title .list_right .attributes {
    line-height: 1.05rem; /* Adjusted for consistent vertical spacing */
}

.Rgames .list {
    width: 17.582586rem;
    clear: both;
    overflow: hidden;
    padding-top: 0.2631578947368421rem;
    margin-top: 0.5263157894736842rem;
    margin-left: 1.0526315789473684rem;
    margin-bottom: 0.5263157894736842rem;
}

.Rgames .list li {
    height: 1.6842105263157894rem;
    line-height: 1.6842105263157894rem;
    overflow: hidden;
    font-size: 0.7368421052631579rem;
    color: #ffffff;
    padding-left: 0.2631578947368421rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 0.05263157894736842rem dashed #d6d3d3;
}

.Rgames .list li a {
    text-decoration: none;
    color: #ffffff;
}

.Rgames .list li a:hover {
    color: #d8b23f;
}

.Rgames .gamebtn {
    float: left;
    width: 18.282586rem;
    height: 5.2631578947368425removerflow:hidden;
    margin-top: 0rem;
    margin-left: 1.2421052631578947rem;
}

.Rgames ._btn_01 {
    float: left;
    width: 7.8353940rem;
    height: 2.3506182125rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/Rgames_btn01.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.Rgames ._btn_01:hover {
    background: url(../images/Rgames_btn01_hover.png) center/cover no-repeat;
}

.Rgames ._btn_02 {
    float: left;
    width: 7.8353940rem;
    height: 2.3506182125rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/Rgames_btn02.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.Rgames ._btn_02:hover {
    background: url(../images/Rgames_btn02_hover.png) center/cover no-repeat;
}

.Rgames ._btn_03 {
    float: left;
    width: 7.8353940rem;
    height: 2.3506182125rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/Rgames_btn03.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.Rgames ._btn_03:hover {
    background: url(../images/Rgames_btn03_hover.png) center/cover no-repeat;
}

.Rgames ._btn_04 {
    float: left;
    width: 7.8353940rem;
    height: 2.3506182125rem;
    margin-right: 0rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/Rgames_btn04.png) center/cover no-repeat;
    text-indent: -9999rem;
    margin-bottom: 0.2631578947368421rem;
}

.Rgames ._btn_04:hover {
    background: url(../images/Rgames_btn04_hover.png) center/cover no-repeat;
}

.Rgames ._btn_gamedown {
    float: left;
    width: 8.421052631578947rem;
    height: 2.6315789473684212rem;
    overflow: hidden;
    margin-right: 0.7894736842105263rem;
    margin-left: 0.5263157894736842rem;
    background: url(../images/_btn_gamedown.png) center/cover no-repeat;
    text-indent: -9999rem;
;
}

.Rgames ._btn_gamedown:hover {
    background: url(../images/_btn_gamedown_hover.png) center/cover no-repeat;
}

.Rgames ._btn_gameweb {
    float: left;
    width: 8.421052631578947rem;
    height: 2.6315789473684212rem;
    overflow: hidden;
    margin-right: 0rem;
    margin-left: 0rem;
    background: url(../images/_btn_gameweb.png) center/cover no-repeat;
    text-indent: -9999rem;
;
}

.Rgames ._btn_gameweb:hover {
    background: url(../images/_btn_gameweb_hover.png) center/cover no-repeat;
}

.Rgames .phototitle {
    width: 8.421052631578947rem;
    height: 4.2105263157894735rem;
    line-height: 4.2105263157894735rem;
    color: #fefefe;
    font-size: 0.7368421052631579rem;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    top: 0.05263157894736842rem;
    left: 0rem;
    z-index: 99;
}

.Rgames .ico01 {
    background: url(../images/icon_jiao/jiao_01.png) center/cover no-repeat;
}

.Rgames .ico02 {
    background: url(../images/icon_jiao/jiao_02.png) center/cover no-repeat;
}

.Rgames .ico03 {
    background: url(../images/icon_jiao/jiao_03.png) center/cover no-repeat;
}

.Rgames .Righttitle {
    width: 8.421052631578947rem;
    height: 4.2105263157894735rem;
    line-height: 4.2105263157894735rem;
    color: #fefefe;
    font-size: 0.7368421052631579rem;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    top: 0.3894736842105263rem;
    right: 0.5526315789473684rem;
    z-index: 99;
}

.Rgames .ico04 {
    background: url(../images/icon_jiao/jiao_04.png) center/cover no-repeat;
}

.Rgames .ico05 {
    background: url(../images/icon_jiao/jiao_05.png) center/cover no-repeat;
}

.Rgames .ico06 {
    background: url(../images/icon_jiao/jiao_06.png) center/cover no-repeat;
}

.Rgames .ico08 {
    background: url(../images/icon_jiao/jiao_07.png) center/cover no-repeat;
}