html body {
    min-width: 1900px;
    background: #ffffff !important;
}

#app {
    background: #f5f5f5 !important;
    padding: 0 0 30px 0;
}

li {
    list-style: none;
}

/* 通用 */
.F_L {
    float: left;
}

.F_R {
    float: right;
}

.CLEAR {
    clear: both;
}

.I_B {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.T_HIDE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a:hover {
    -webkit-transition: all .4s;
    -mz-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.app_container {
    width: 1200px;
    margin: -84px auto 0;
    position: relative;
    font-family: Microsoft YaHei;
}

.company_header_menu {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.6);
}

/* 头部幻灯 */
.app_header_switch {
    height: 610px;
    position: relative;
}

.my_swiper {
    width: 1900px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -950px;
}

#swiper_container_1 {
    height: 688px;
    width: 1900px;
}

.my_swiper dt .swiper-slide {
    margin-top: 83px;
    height: 610px;
    display: block;
    position: relative;
}

.logg_ico,
.logg_txt {
    position: absolute;
    left: 50%;
    margin-left: -612px;
}

.logg_ico {
    height: 80px;
    top: 149px;
}

.logg_ico i img {
    height: 112px;
    width: 112px;
    float: left;
    overflow: hidden;
}

.logg_ico span {
    margin-left: 10px;
    width: 123px;
    height: 115px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC93ZWNoYXRfYmcucG5n') no-repeat;
    display: block;
    float: left;
}

.logg_ico span img {
    height: 110px;
    width: 110px;
    overflow: hidden;
    float: left;
    padding: 2px 0 0 11px;
}

.logg_txt {
    width: 560px;
    top: 293px;
}

.logg_txt h2,
.logg_txt h3 {
    float: left;
    width: 100%;
    color: #303030;
    font-size: 40px;
    line-height: 56px;
    font-weight: bold;
}

.logg_txt p {
    float: left;
    font-size: 14px;
    color: #595959;
    font-size: 20px;
    padding-top: 10px;
    line-height: 24px;
    margin: 4px 0px 13px;
    width: 460px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border-top: 1px solid #cc1e2e;
}

.logg_txt a {
    height: 54px;
    width: 152px;
    background: #ff970f;
    display: block;
    float: left;
    border-radius: 25px;
    color: #ffffff;
    font-size: 20px;
    line-height: 54px;
    position: relative;
    text-align: center;
    left: 5px;
    top: 10px;
    -webkit-transition: all .4s;
    -mz-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.logg_txt a:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    -o-filter: brightness(110%);
    -webkit-transition: all .4s;
    -mz-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.logg_bg img {
    width: 100%;
    height: 100%;
    display: block;
}

.my_swiper dd {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 450px;
    z-index: 3;
    text-align: center;
}

.my_swiper dd ul {
    height: 100%;
    display: inline-table;
    vertical-align: text-top;
    position: relative;
}

.my_swiper dd span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 32px;
    height: 4px;
    border-radius: 4px;
    background: #ffffff;
    margin: 0 4px;
    cursor: pointer;
}

.my_swiper dd span.swiper-pagination-bullet-active {
    background: #ff950d !important;
}

/* part */
.part_1 {
    position: relative;
    z-index: 9;
    margin-top: -125px;
}

.part_2 {
    position: relative;
    margin: 30px auto 0;
}

.part_3 {
    margin: 30px auto 0;
}

.part_4 {
    margin: 30px auto 0;
}

.part_5 {
    margin: 15px auto 0;
}

.part_6 {
    margin: 30px auto 0;
}

.part_7 {
    margin: 30px auto 0;
}

/*******  游戏社区   **********/
.index_bbs_area_title {
    height: 105px;
    padding: 20px 0 0;
}

.index_bbs_area_tit {
    width: 414px;
    height: 86px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2hvbWVfdGl0bGVzLnBuZw') no-repeat 0 -100px;
    margin: 0 auto;
    text-indent: -9999px;
}

#community {
    background-color: #fff;
    position: relative;
    width: 1418px;
    height: 198px;
    overflow: hidden;
    border: 1px solid #e4e3e3
}

#community .community-container {
    width: 1272px;
    margin: 0 74px;
    overflow: hidden;

}

#community .community-slide {
    float: left;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -ms-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
    width: 182px;
    height: 198px;
    background: #fff;
    position: relative;
}

#community .community-slide .slide-img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 25px;
    top: 33px;
    border-radius: 10px
}

#community .community-slide .slider_cur {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 138px;
    left: 20px
}

#community .community-slide a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    top: 30px;
    right: 10px;
    width: 14px;
    padding: 0 9px;
    height: 122px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    background: #c9314b;
    border-radius: 30px;
    text-align: center;
    word-break: break-all;
    z-index: -5;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

#community .community-ecode {
    position: absolute;
    top: 30px;
    right: -120px;
    width: 130px;
    height: 130px;
    z-index: 10;
    display: none;
}

#community .community-ecode img {
    max-width: 100%;
}

#community .community-slide a p {
    position: absolute;
    left: 50%;
    width: 14px;
    margin-left: -7px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

#community .community-slide:hover,
#community .community-slide.on {
    background: #f1f2f6
}

#community .community-slide.on2 img,
#community .community-slide.on img {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

#community .community-slide.on2 div,
#community .community-slide.on div {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

#community .community-slide:hover a,
#community .community-slide.on a {
    z-index: 5;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.left_prev {
    width: 73px;
    height: 198px;
    position: absolute;
    left: 0;
    top: 0;
}

.right_next {
    width: 73px;
    height: 198px;
    position: absolute;
    right: 0;
    top: 0;
}

.left_prev:hover {
    background: #f1f2f6;
}

#community .prev {
    display: block;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2xpdHRsZV9sZWZ0X2Fycm93LnBuZw') no-repeat top center;
    margin: 78px 0 0 10px;
    width: 24px;
    height: 47px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s
}


#community .prev::after {
    display: none
}

#community .prev:focus {
    outline: 0
}

#community .next {
    display: block;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2xpdHRsZV9yaWdodF9hcnJvdy5wbmc') no-repeat top center;
    margin: 78px 0 0 10px;
    width: 24px;
    height: 47px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s
}

#community .next::after {
    display: none
}

#community .next:focus {
    outline: 0
}

.index_center_banner {
    margin: 22px auto 0;
    width: 1420px;
    height: 236px;
}

/********   礼包中心  ********/

.index_welfare_area_title {
    height: 105px;
    padding: 20px 0 0;
}

.index_welfare_area_tit {
    width: 414px;
    height: 86px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2hvbWVfdGl0bGVzLnBuZw') no-repeat 0 -220px;
    margin: 0 auto;
    text-indent: -9999px;
}

.pd24 {
    padding-top: 24px;
}

.tit_txt_2021 {
    margin-bottom: 15px;
}

.tit_txt_2021 h2 {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.tit_txt_2021 i {
    height: 20px;
    width: 5px;
    background: #ff970f;
    border-radius: 1px;
    float: left;
}

.tit_txt_2021 a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.tit_txt_2021 a i {
    position: relative;
    top: 3px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
    float: right;
}

.tit_txt_2021 i {
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}

.kaifu {
    float: right;
    width: 340px;
}

.gift_list {
    position: relative;
}

.gift_list_content {
    position: relative;
    top: -15px;
    width: 1300px;
}

.gift_list_item {
    position: relative;
    margin: 15px 16px 0 0;
    border-radius: 6px;
    width: 136px;
    height: 176px;
    vertical-align: text-top;
    background: #ffffff;
    transition: transform .2s linear;
    cursor: pointer;
}

.gift_list_item:last-of-type {
    margin-right: 0;
}

.gift_list_item:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
}

.gift_ico_img {
    position: relative;
    margin: 8px auto 0;
    overflow: hidden;
    width: 104px;
    height: 104px;
}

.gift_ico_img .img1 {
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.gift_ico_img .img2 {
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.gist_ct {
    margin: 10px auto 0;
    width: 122px;
}

.gist_ct_tit {
    overflow: hidden;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #3c3c3c;
}

.gist_ct_desc {
    overflow: hidden;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #a8a8a8;
}

.gist_ct_get {
    display: none;
    position: absolute;
    left: 50%;
    top: 146px;
    margin-left: -26px;
    border-radius: 20px;
    width: 52px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    border-color: #ff950d;
    color: #ffffff;
    background: #ff950d;
}

.gift_list_item:hover .gist_ct_get {
    display: block;
}




/************ 游戏开服表 ************/
.pd42 {
    padding-top: 42px;
}

.kf_list {
    position: relative;
    background: #fff;
    padding-top: 3px;
    height: 740px;
    border-radius: 3px;
}

.kf_list_hd {
    position: absolute;
    right: 0;
    top: -44px;
    font-size: 12px;
    line-height: 17px;
    color: #2E2E2E;
}

.kf_list_hd span {
    float: left;
    padding-right: 6px;
}

.kf_list_hd a {
    float: left;
    width: 18px;
    height: 17px;
    margin-left: 8px;
    font: 0/0 a;
    overflow: hidden;
}

.prev {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC9rYWlmdV9hcnJvd19sZWZ0LnBuZw') 0 0 no-repeat;
}

.next {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC9rYWlmdV9hcnJvd19yaWdodC5wbmc') 0 0 no-repeat;
}

.kf_list_main {
    position: relative;
    height: 712px;
    overflow: hidden;
}

.kf_list_box {
    width: 256px;
    margin: 0 auto;
}

.kf_list_div {
    position: relative;
    height: 123px;
    border-top: 1px solid #d4d4d4;
}

.kf_list_hideline {
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 2;
}

.kf_list_img {
    position: absolute;
    width: 73px;
    height: 73px;
    overflow: hidden;
    top: 25px;
    left: 0;
}

.kf_list_img img {
    display: block;
    width: 100%;
}

.kf_list_info {
    font-size: 12px;
    line-height: 23px;
    color: #A8A8A8;
    padding-left: 85px;
}

.kf_list_h {
    padding-top: 31px;
    line-height: 20px;
    color: #2E2E2E;
}

.kf_list_date {
    padding-left: 19px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC90aW1lLmpwZw') left center no-repeat;
}

.kf_list_con {
    height: 336px;
}

.kf_list_con li {
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #2E2E2E;
    overflow: hidden;
    border-top: 1px solid #d4d4d4;
}

.kf_list_zone {
    float: left;
    width: 130px;
}

.kf_list_time {
    float: left;
    width: 126px;
}

.kf_list_btn {
    position: absolute;
    width: 26px;
    height: 14px;
    top: 51px;
    right: 0;
    overflow: hidden;
}

.kf_list_show {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC9hcnJvd19kb3duX2hvdmVyLmpwZw') left center no-repeat;
}

.kf_list_hide {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC9hcnJvd19kb3duLmpwZw') left center no-repeat;
}

/************ 游戏专题 ************/
.game_special {
    width: 1060px !important;
}

.game_special_tit {
    width: 100%;
    height: 185px;
    padding-bottom: 20px;
}

.game_special_tit a {
    height: 208px;
    width: 518px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    position: relative;
}

.game_special_tit a+a {
    margin-left: 20px;
}

.game_special_tit a img {
    height: 208px;
    width: 518px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.game_special_tit a p {
    height: 40px;
    width: 100%;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC96dF9iZy5wbmc');
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #f6f6f6
}

.game_special_tit a:hover img,
.zt_lt:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.game_special_list {
    margin-top: 24px;
    padding: 5px 20px;
    background: #fff;
    height: 595px;
    width: 1018px;
    border-radius: 5px;
}

.game_special_list ul {
    float: left;
    width: 100%;
}

.game_special_list li {
    float: left;
    width: 100%;
    height: 192px;
}

.game_special_list li+li {
    border-top: 1px solid #EAEAEA;
}

.zt_txt {
    height: 136px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 28px 0;
}

.zt_lt {
    height: 136px;
    width: 268px;
    overflow: hidden;
    border-radius: 5px;
}

.zt_lt img {
    height: 136px;
    width: 268px;
    float: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.zt_rt {
    height: 136px;
    width: 616px;
    padding-left: 24px;
    position: relative;
}

.zt_rt h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    padding-top: 5px;
    height: 33px;
    line-height: 33px;
    overflow: hidden
}

.zt_rt h3 a {
    color: #2e2e2e;
}

.zt_rt i {
    height: 2px;
    width: 20px;
    background: #ff970f;
    float: left;
    -webkit-transition: all .3s;
    -mz-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.zt_rt p {
    font-size: 14px;
    padding-top: 10px;
    color: #a8a8a8;
    height: 68px;
    line-height: 22px;
    float: left;
    overflow: hidden;
    width: 616px;
}

.zt_rt span {
    color: #c8c8c8;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 12px
}

.game_special_list li:hover .zt_rt i {
    width: 40px;
    -webkit-transition: all .3s;
    -mz-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.index_card_area {
    height: 152px;
    margin: 24px auto 0;
    border: 1px solid #e4e3e4;
    background: #fff;
}

.index_card_area li {
    float: left;
    width: 24.9%;
    height: 117px;
    padding-top: 35px;
    border-right: 1px solid #f4f4f4;
}

.index_card_area li:last-child {
    border-right: none;
}

.index_card_icon {
    float: left;
    width: 66px;
    height: 66px;
    margin: 0 10px 0 70px;
}

.index_card_txt {
    float: left;
    color: #b1b1b1;
    font-size: 16px;
}

.index_card_txt h5 {
    color: #383838;
    font-size: 22px;
}

.card_icon_user {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL3VzZXJfaWNvLnBuZw') 0 0 no-repeat;
}

.card_icon_kefu {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2N1c3RvbWVyX2ljby5wbmc') 0 0 no-repeat;
}

.card_icon_welfare {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2dpZnRfaWNvLnBuZw') 0 0 no-repeat;
}

.card_icon_wechat {
    width: 80px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL3dlY2hhdF9pY28ucG5n') 0 0 no-repeat;
}

/* S fwtd */
.index_2021_fwtd {
    width: 370px;
    height: 287px;
    margin: 0 auto;
}

.index_2021_fwtd i {
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvY3NzL3dlYi9wYWdlcy9pbmRleDIwMjEvJTdCJTdCJENPTkZJRy5yZXNvdXJjZSU3RCU3RC9pbWFnZXMvMjAyMS9pY29ucy5wbmc');
    background-repeat: no-repeat;
    background-size: auto;
}

.index_2021_fwtd_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_fwtd_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_fwtd_title a i {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
}

.index_2021_fwtd_content {
    width: 350px;
    height: 253px;
    padding: 0 10px;
    margin: 20px 0 0 0;
    background: #fff;
}

.index_2021_fwtd_content li {
    position: relative;
    width: 344px;
    height: 48px;
    padding-top: 7px;
    border-bottom: 1px dashed #a8a8a8;
}

.index_2021_fwtd_content li a {
    position: relative;
    float: left;
    width: 33.33%;
    text-indent: 44px;
    line-height: 37px;
    font-size: 14px;
    color: #999999;
}

.index_2021_fwtd_content li a:hover {
    color: #ff950d;
}

.index_2021_fwtd_content li i,
.index_2021_fwtd_content li i:hover {
    position: absolute;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2luZGV4L2luZGV4X2ljb24ucG5n') no-repeat;
}

.index_2021_fwtd_content li .icon_mod_password {
    left: 18px;
    top: 10px;
    width: 18px;
    height: 18px;
    background-position: -64px -11px;
}

.index_2021_fwtd_content li a:hover .icon_mod_password {
    background-position: -11px -64px;
}

.index_2021_fwtd_content li .icon_find_password {
    left: 14px;
    top: 11px;
    width: 16px;
    height: 16px;
    background-position: -49px -104px;
}

.index_2021_fwtd_content li a:hover .icon_find_password {
    background-position: -87px -104px;
}

.index_2021_fwtd_content li .icon_bind_phone {
    left: 16px;
    top: 9px;
    width: 18px;
    height: 19px;
    background-position: -144px -85px;
}

.index_2021_fwtd_content li a:hover .icon_bind_phone {
    background-position: -183px -11px;
}

.index_2021_fwtd_content li .icon_bind_email {
    left: 18px;
    top: 12px;
    width: 18px;
    height: 13px;
    background-position: -11px -144px;
}

.index_2021_fwtd_content li a:hover .icon_bind_email {
    background-position: -51px -144px;
}

.index_2021_fwtd_content li .icon_bind_email {
    left: 18px;
    top: 12px;
    width: 18px;
    height: 13px;
    background-position: -11px -144px;
}

.index_2021_fwtd_content li a:hover .icon_bind_email {
    background-position: -51px -144px;
}

.index_2021_fwtd_content li .icon_pass_question {
    left: 12px;
    top: 9px;
    width: 18px;
    height: 19px;
    background-position: -50px -172px;
}

.index_2021_fwtd_content li a:hover .icon_pass_question {
    background-position: -89px -172px;
}

.index_2021_fwtd_content li .icon_online_service {
    left: 13px;
    top: 10px;
    width: 18px;
    height: 17px;
    background-position: -51px -64px;
}

.index_2021_fwtd_content li a:hover .icon_online_service {
    background-position: -104px -11px;
}

.index_2021_fwtd_content li .icon_fcm {
    left: 18px;
    top: 19px;
    width: 17px;
    height: 15px;
    background-position: -144px -11px;
}

.index_2021_fwtd_content li a:hover .icon_fcm {
    background-position: -144px -48px;
}

.index_2021_fwtd_content li .icon_problem {
    left: 18px;
    top: 9px;
    width: 16px;
    height: 18px;
    background-position: -104px -50px;
}

.index_2021_fwtd_content li a:hover .icon_problem {
    background-position: -11px -104px;
}

.index_2021_fwtd_content li .icon_self_help {
    left: 18px;
    top: 11px;
    width: 16px;
    height: 16px;
    background-position: -164px -172px;
}

.index_2021_fwtd_content li a:hover .icon_self_help {
    background-position: -128px -172px;
}
.index_2021_fwtd_content li .icon_jzjh {
    left: 16px;
    top: 12px;
    width: 14px;
    height: 14px;
    background-position: -91px -144px;
}

.index_2021_fwtd_content li a:hover .icon_jzjh {
    background-position: -127px -144px;
}

.index_2021_fwtd_content .index_2021_fwtd_hotline {
    position: relative;
    width: 319px;
    height: 55px;
    margin: 15px auto;
    background: #eeeeee;
    border-radius: 5px;
    text-align: center;
    color: #999999;
    font-size: 14px;
}

.index_2021_fwtd_content .index_2021_fwtd_hotline i {
    position: absolute;
    left: 70px;
    top: 12px;
    width: 31px;
    height: 31px;
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2luZGV4L2luZGV4X2ljb24ucG5n') no-repeat;
    background-position: -11px -11px;
}

.index_2021_fwtd_content .index_2021_fwtd_hotline .index_2021_fwtd_hotline_info {
    padding-top: 12px;
    margin-left: 48px;
    line-height: 1;
}

.index_2021_fwtd_content .index_2021_fwtd_hotline .index_2021_fwtd_hotline_phone {
    margin-top: 2px;
    margin-right: 18px;
    color: #898888;
    font-size: 18px;
}

/* E fwtd */
/* S ryph */
.index_2021_ryph {
    width: 280px;
}

.index_2021_ryph_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_ryph_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_ryph_title a i {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
}
.index_2021_ryph_content {
    margin: 14px 0 0 0;
    background: #ffffff;
    border-radius: 8px;
}
.index_2021_ryph_content {
    padding: 5px 0;
}
.index_2021_ryph_rank {
    position: relative;
    height: 223px;
}
.index_2021_ryph_item {
    border-bottom: 2px solid #f7f7f7;
    height: 43px;
    font-size: 12px;
    color: #3c3c3c;
    cursor: auto;
}
.index_2021_ryph_item:last-of-type {
    border-bottom: none;
}
.index_2021_ryph_item .ryph_index,
.index_2021_ryph_item .ryph_timing,
.index_2021_ryph_item .ryph_label,
.index_2021_ryph_item .ryph_action {
    height: 43px;
    line-height: 43px;
    text-align: left;
}

.index_2021_ryph_item .ryph_index {
    width: 26px;
    text-align: right;
    color: #a8a8a8;
}
.index_2021_ryph_item .ryph_timing {
    padding-left: 20px;
    width: 56px;
}
.index_2021_ryph_item .ryph_label {
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    width: 76px;
}
.index_2021_ryph_item .ryph_action {
    padding-left: 10px;
}
.index_2021_ryph_item .ryph_action_gameenter {
    margin: 11px 0 0 0;
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    width: 68px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #333333;
    background: #ffffff;
    transition: all .4s;
    cursor: pointer;
}
.index_2021_ryph_item:hover .ryph_action_gameenter {
    border-color: #ff950d;
    color: #ff950d;
}
.index_2021_ryph_item:hover .ryph_timing,
.index_2021_ryph_item:hover .ryph_label {
    color: #ff950d;
}
.index_2021_ryph_item .ryph_action_gameenter:hover {
    border-color: #ff950d;
    color: #ffffff;
    background: #ff950d;
}
.index_2021_ryph_item:nth-of-type(1) .ryph_index {
    color: #ff1c0f;
}
.index_2021_ryph_item:nth-of-type(2) .ryph_index {
    color: #ff950d;
}
.index_2021_ryph_item:nth-of-type(3) .ryph_index {
    color: #ffbe0d;
}
/* E ryph */
/* S kflb */
.index_2021_kflb {
    margin-top: 20px;
    width: 280px;
}

.index_2021_kflb i {
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}

.index_2021_kflb_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_kflb_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_kflb_title a i {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
}

.index_2021_kflb_content {
    margin: 14px 0 0 0;
    background: #ffffff;
    border-radius: 8px;
}

.index_2021_kflb_content_inner_tabs {
    padding: 22px 18px 0;
}

.index_2021_kflb_content_inner_tabs li {
    width: 50%;
    height: 28px;
    border-bottom: 2px solid #f5f5f5;
    text-align: center;
    font-size: 16px;
    color: #3c3c3c;
    cursor: pointer;
}

.index_2021_kflb_content_inner_tabs li.active {
    border-color: #ff950d;
    color: #ff950d;
}

.index_2021_kflb_content_inner_swiper {
    overflow: hidden;
    height: 0;
}

.index_2021_kflb_content_inner_swiper.activeAuto {
    overflow: auto;
    height: auto;
}

#index_2021_kflb_swpier_xfyg {
    width: 100%;
}

#index_2021_kflb_swpier_xfyg .swiper {
    margin: 0 auto;
    width: 100%;
    height: 324px;
}

#index_2021_kflb_swpier_xfyg .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table {
    width: 280px;
    height: 324px;
    text-align: left;
    vertical-align: middle;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr {
    border-bottom: 2px solid #f7f7f7;
    transition: all .4s;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr:first-of-type,
#index_2021_kflb_swpier_xfyg .swiper-slide table tr:last-of-type {
    border-bottom: none;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr.hoverable {
    cursor: pointer;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr th {
    height: 32px;
    text-align: left;
    font-weight: normal;
    color: #a8a8a8;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr td {
    height: 40px;
    text-align: left;
    background: #ffffff;
    transition: all .4s;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr.hoverable:hover {
    border-bottom-color: #ff950d;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr.hoverable:hover td {
    background: #ff950d;
    color: #ffffff !important;
}

#index_2021_kflb_swpier_xfyg .swiper-slide table tr div {
    overflow: hidden;
    padding-left: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index_2021_kflb_swpier_xfyg .swiper-pagination {
    padding: 22px 0;
    text-align: center;
    font-size: 0;
    position: relative;
}

#index_2021_kflb_swpier_xfyg .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: gray;
    margin: 0 4px;
    cursor: pointer;
}

#index_2021_kflb_swpier_xfyg .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff950d !important;
    border: none !important;
    outline: none !important;
}

#index_2021_kflb_swpier_ykxf {
    width: 100%;
}

#index_2021_kflb_swpier_ykxf .swiper {
    margin: 0 auto;
    width: 100%;
    height: 324px;
}

#index_2021_kflb_swpier_ykxf .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table {
    width: 280px;
    height: 324px;
    text-align: left;
    vertical-align: middle;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr {
    border-bottom: 2px solid #f7f7f7;
    transition: all .4s;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr:first-of-type,
#index_2021_kflb_swpier_ykxf .swiper-slide table tr:last-of-type {
    border-bottom: none;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr.hoverable {
    cursor: pointer;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr th {
    height: 32px;
    text-align: left;
    font-weight: normal;
    color: #a8a8a8;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr td {
    height: 40px;
    text-align: left;
    background: #ffffff;
    transition: all .4s;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr.hoverable:hover {
    border-bottom-color: #ff950d;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr.hoverable:hover td {
    background: #ff950d;
    color: #ffffff !important;
}

#index_2021_kflb_swpier_ykxf .swiper-slide table tr div {
    overflow: hidden;
    padding-left: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index_2021_kflb_swpier_ykxf .swiper-pagination {
    padding: 22px 0;
    text-align: center;
    font-size: 0;
    position: relative;
}

#index_2021_kflb_swpier_ykxf .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: gray;
    margin: 0 4px;
    cursor: pointer;
}

#index_2021_kflb_swpier_ykxf .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff950d !important;
    border: none !important;
    outline: none !important;
}

/* E kflb */
/* S rmsy */
.index_2021_rmsy {
    width: 893px;
    height: 163px;
    margin: 0 auto;
    /* overflow: hidden; */
    margin-top: -8px;
    padding-bottom: 15px;
}

.index_2021_rmsy i {
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}

.index_2021_rmsy_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_rmsy_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_rmsy_title a i {
    position: relative;
    top: 0px;
    width: 11px;
    float: right;
    height: 11px;
    background-position: 0 -68px;
}

.index_2021_rmsy_content_list {
    /* overflow: hidden; */
    margin-right: -26px;
    padding-top: 15px;
}

.index_2021_rmsy_list_item {
    position: relative;
    top: 0;
    width: 280px;
    height: 129px;
    border-radius: 4px;
    margin-right: 26px;
    margin-bottom: 25px;
    padding: 22px 0 22px 25px;
    box-sizing: border-box;
    background-color: white;
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
}

.index_2021_rmsy_list_item:hover {
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    top: -4px;
    transform: translate3d(0, -4px, 0);
}

.index_2021_rmsy_list_item:hover .index_2021_rmsy_click_play {
    display: block;
}

.index_2021_rmsy_list_item .index_2021_rmsy_list_item_content {
    width: 280px;
    height: 90px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 6px;
}

.index_2021_rmsy_list_item .index_2021_rmsy_click_play {
    display: none;
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #ff950d;
    border-radius: 32px;
}

.index_2021_rmsy_list_item .index_2021_rmsy_click_play:hover {
    background: #ffbe0d;
}

.index_2021_rmsy_list_item_content img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.index_2021_rmsy_list_item_content button:hover {
    background: #ffbe0d;
}

.index_2021_rmsy_list_item_content button.hide {
    display: none !important;
}

.index_2021_rmsy_list_item_info {
    position: absolute;
    top: 25px;
    left: 136px;
    font-size: 13px;
}

.index_2021_rmsy_list_item_info .name,
.index_2021_rmsy_list_item_info .type {
    height: 24px;
    line-height: 24px;
}

.index_2021_rmsy_list_item_info .name {
    color: #3c3c3c;
    font-size: 15px;
    margin-bottom: 4px;
}

.index_2021_rmsy_list_item_info .type {
    color: #a8a8a8;
    font-size: 14px;
}

.index_2021_rmyx_item_hover_info_split {
    position: relative;
    top: 1px;
    width: 1px;
    height: 13px;
    background: white;
    margin: 0 3px;
}

.index_2021_rmsy_list_item_btns {
    position: absolute;
    top: 84px;
    left: 136px;
    font-size: 12px;
}

.index_2021_rmsy_list_item_btn {
    border: 1px solid #a1a2a2;
    border-radius: 10px;
    height: 18px;
    width: 50px;
    font-size: 12px;
    color: #3c3c3c;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.index_2021_rmsy_list_item_btns .index_2021_rmsy_list_item_btn:hover {
    border: 1px solid #ff950d;
    background: #ff950d;
    color: white;
}

.index_2021_rmsy_list_item_btns .index_2021_rmsy_list_item_btns_download .index_2021_rmsy_list_item_btns_popup {
    display: none;
    z-index: 9;
    width: 129px;
    height: 153px;
    /* bottom: -999px;
  right: -999px;
  position: fixed; */
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2luZGV4L2JnX3Jtc3lfcG9wdXAucG5n');
}

.index_2021_rmsy_list_item_btns_download:hover .index_2021_rmsy_list_item_btns_popup {
    z-index: 999;
    display: inline-block;
    position: absolute;
    right: -118px;
    top: -93px;
}

.index_2021_rmsy_list_item_btns .index_2021_rmsy_list_item_btns_download .index_2021_rmsy_list_item_btns_popup img {
    margin: 7px 0 0 11px;
    height: 100px !important;
    width: 100px !important;
}

/* E rmsy */
/* S rmyx */
.index_2021_rmyx {
    overflow: hidden;
    margin: -5px auto 0;
    width: 893px;
    height: 266px;
    padding: 5px 0 5px;
}

.index_2021_rmyx_item {
    display: inline-block;
    margin: 1px;
    width: 278px;
    height: 264px;
    border: none;
    border-radius: 5px 5px 0 0;
    background: #ffffff;
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear;
    overflow: hidden;
    position: relative;
}

.index_2021_rmyx_item+.index_2021_rmyx_item {
    margin-left: 23px !important;
    float: right;
}

.index_2021_rmyx_item:hover {
    margin: 0px;
    -webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

.index_2021_rmyx_item+.index_2021_rmyx_item:hover {
    margin-left: 22px !important;
}

.index_2021_rmyx_item_gameIcon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 70px;
    height: 70px;
}

.index_2021_rmyx_item:hover .index_2021_rmyx_item_enterGame button {
    display: block;
}

.index_2021_rmyx_item_pics img {
    height: 187px;
    width: 278px;
}

.index_2021_rmyx_item_pics:hover img {
    display: none;
}

.index_2021_rmyx_item_pics img.hover {
    display: none;
}

.index_2021_rmyx_item_pics:hover img.hover {
    display: inline-block;
}

.index_2021_rmyx_item_enterGame {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 278px;
    height: 187px;
    border-radius: 4px;
    font-size: 12px;
}

.index_2021_rmyx_item_enterGame button {
    display: none;
    position: absolute;
    top: 132px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #ff950d;
    border-radius: 38px;
}

.index_2021_rmyx_item_enterGame button:hover {
    background: #ffbe0d;
}

.index_2021_rmyx_item_enterGame button.hide {
    display: none !important;
}

.index_2021_rmyx_item_txt {
    height: 18px;
    margin: 12px;
    font-size: 18px;
    color: #3c3c3c;
}

.index_2021_rmyx_item_txt .index_2021_rmyx_item_btnEnterGame,
.index_2021_rmyx_item_txt .index_2021_rmyx_item_btnEnterOfficalWeb {
    width: 68px;
    height: 18px;
    margin-top: 1px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    background: #ff950d;
    border-radius: 16px;
    cursor: pointer;
}

.index_2021_rmyx_item_txt .index_2021_rmyx_item_btnEnterGame:hover,
.index_2021_rmyx_item_txt .index_2021_rmyx_item_btnEnterOfficalWeb:hover {
    background: #ffbe0d;
}

.index_2021_rmyx_item_txtLine {
    margin: 0 auto 0 14px;
    width: 40px;
    height: 1px;
    background: #ff950d;
}

.index_2021_rmyx_item_glink {
    margin: 6px auto 0 14px;
    width: 253px;
    font-size: 13px;
    color: #a8a8a8;
}

.index_2021_rmyx_item_glink i {
    background: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2luZGV4L2luZGV4X2ljb24ucG5n') no-repeat;
}

.index_2021_rmyx_item_glink .icon_computer {
    width: 14px;
    height: 12px;
    margin-top: 4px;
    margin-right: 2px;
    background-position: -11px -179px;
}

.index_2021_rmyx_item_glink .icon_mobile {
    width: 10px;
    height: 14px;
    margin-top: 3px;
    margin-right: 3px;
    background-position: -183px -52px;
}

.index_2021_rmyx_item_glink a {
    color: #a8a8a8;
}

.index_2021_rmyx_item_glink_split {
    position: relative;
    top: 1px;
    width: 1px;
    height: 13px;
    background: #a8a8a8;
    margin: 0 5px;
}

/* E rmyx */
/* S rmyy */
.index_2021_rmyy {
    margin: 0 auto;
    width: 893px;
}

.index_2021_rmyy i {
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}

.index_2021_rmyy_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_rmyy_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_rmyy_title a i {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
}

.index_2021_rmyy_content_list {
    margin: 14px 0 0 0;
    overflow: hidden;
    margin-right: -26px;
}

.index_2021_rmyy_list_item:hover .index_2021_rmyy_list_item_hover_info {
    display: block;
}

.index_2021_rmyy_list_item {
    position: relative;
    width: 280px;
    height: 160px;
    border-radius: 4px;
    margin-right: 26px;
    margin-bottom: 25px;
    overflow: hidden;
}

.index_2021_rmyy_list_item .index_2021_rmyy_list_item_content {
    width: 280px;
    height: 160px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

.index_2021_rmyy_list_item .index_2021_rmyy_click_play {
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #ff950d;
    border-radius: 12px;
    margin-left: 25px;
    cursor: pointer;
}

.index_2021_rmyy_list_item .index_2021_rmyy_click_play:hover {
    background: #ffbe0d;
}

.index_2021_rmyy_list_item .index_2021_rmyy_list_item_content img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear;
}

.index_2021_rmyy_list_item:hover .index_2021_rmyy_list_item_content img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.index_2021_rmyy_list_item_content button:hover {
    background: #ffbe0d;
}

.index_2021_rmyy_list_item_content button.hide {
    display: none !important;
}

.index_2021_rmyy_list_item_info,
.index_2021_rmyy_list_item_hover_info {
    position: absolute;
    top: 16px;
}

.index_2021_rmyy_list_item_hover_info {
    display: none;
    width: 100%;
    background: rgba(1, 1, 1, .5);
    bottom: 0;
    top: auto;
    height: 45px;
    padding-top: 12px;
    border-radius: 0 0 5px 5px;
}

.index_2021_rmyy_list_item_info .name,
.index_2021_rmyy_list_item_hover_info .server_name,
.index_2021_rmyy_list_item_hover_info .glink {
    height: 24px;
    line-height: 24px;
}

.index_2021_rmyy_list_item_info .name {
    margin-left: 25px;
    color: #3c3c3c;
    font-size: 15px;
}

.index_2021_rmyy_list_item_info .type {
    margin-left: 25px;
    color: #a8a8a8;
    font-size: 14px;
}

.index_2021_rmyy_list_item_info .descType {
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-left: 25px;
    color: white;
    padding: 0 3px;
    margin-top: 5px;
    font-size: 12px;
    vertical-align: text-top;
}

.index_2021_rmyy_list_item_info .descType .triangle {
    width: 0;
    height: 0;
    border: 9px solid;
    border-color: transparent;
    position: absolute;
    right: -18px;
    top: 0;
}

.index_2021_rmyy_list_item_hover_info .server_name {
    margin-left: 15px;
    color: #a8a8a8;
}

.index_2021_rmyy_list_item_hover_info .glink {
    font-size: 14px;
    margin-right: 12px;
    margin-top: 5px;
}

.index_2021_rmyy_list_item_hover_info .glink a {
    color: white;
}

.index_2021_rmyx_item_hover_info_split {
    position: relative;
    top: 1px;
    width: 1px;
    height: 13px;
    background: white;
    margin: 0 3px;
    display: inline-block;
}

/* E rmyy */
/* S xwgg */
.index_2021_xwgg {
    width: 806px;
}

.index_2021_xwgg i {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}

.index_2021_xwgg_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    color: #141414;
    font-size: 18px;
    line-height: 1;
}

.index_2021_xwgg_title .index_2021_xwgg_type_tabs {
    overflow: hidden;
    border-radius: 21px;
    border: 1px solid #bfbfbf;
    height: 21px;
    margin-left: 31px;
}

.index_2021_xwgg_type_tabs_tab {
    border-left: 1px solid #bfbfbf;
    width: 77px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
}

.index_2021_xwgg_type_tabs_tab:nth-of-type(1) {
    border-left: none;
}

.index_2021_xwgg_type_tabs_tab.active {
    background: #000;
    color: #fff;
}

.index_2021_xwgg_more {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_xwgg_more i {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
}

.index_2021_xwgg_content {
    height: 227px;
    margin: 15px 0 0 0;
    padding: 13px;
    background: #ffffff;
}

.index_2021_xwgg_swiper {
    position: relative;
    width: 385px;
    height: 220px;
}

.index_2021_xwgg_swiper .swiper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.index_2021_xwgg_swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.index_2021_xwgg_swiper .swiper-slide h1 {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding: 8px;
    width: 369px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0, 0, 0, .5);
    font-weight: normal;
}

.index_2021_xwgg_swiper .swiper-pagination {
    position: absolute;
    z-index: 21;
    top: 198px;
    left: 0;
    width: 100%;
    text-align: right;
    font-size: 0;
}

.index_2021_xwgg_swiper .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: white;
    opacity: 1;
    margin: 0 4px;
    cursor: pointer;
    border: none !important;
    outline: none !important;
}

.index_2021_xwgg_swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff950d !important;
}

.index_2021_xwgg_list {
    position: relative;
    overflow: hidden;
    width: 370px;
    height: 220px;
    padding-left: 23px;
    padding-top: 15px;
}

.index_2021_xwgg_list_wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.index_2021_xwgg_list_item {
    display: block;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #a8a8a8;
    cursor: pointer;
    transition: all .4s;
}

.index_2021_xwgg_list_item .title {
    color: #5e5e5e;
    font-weight: normal;
    transition: all .4s;
}

.index_2021_xwgg_list_item .icon {
    position: relative;
    top: 4px;
    margin-right: 8px;
    width: 13px;
    height: 12px;
    background-position: 0 -55px;
    display: inline-block;
}

.index_2021_xwgg_list_item:hover,
.index_2021_xwgg_list_item:hover .title {
    color: #ff950d;
}

.index_2021_xwgg_list_item:hover .icon {
    background-position: 0 -80px;
}
/* E xwgg */

/* S yxgl */
.index_2021_yxgl {
    position: relative;
}

.index_2021_yxgl_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_yxgl_content {
    margin: 15px 0 0 0;
    padding: 24px 36px 0;
    border-radius: 8px;
    background: #ffffff;
}

.index_2021_yxgl_tags {
    position: relative;
    padding: 0 2px 8px;
    border-bottom: 1px solid #d2d2d2;
}
.index_2021_yxgl_tag {
    margin: 0 16px 8px 0;
    border-radius: 8px;
    border: 1px solid #d2d2d2;
    padding: 2px 4px;
    width: 88px;
    text-align: center;
    font-size: 14px;
    background: #ffffff;
    cursor: pointer;
    transition: all .4s;
}
.index_2021_yxgl_tag.rowLast {
    margin-right: 0;
}
.index_2021_yxgl_tag:hover,
.index_2021_yxgl_tag.active {
    border-color: #ff950d;
    color: #ffffff;
    background: #ff950d;
}

.index_2021_yxgl .swiper {
    padding: 0 2px 16px;
}
.index_2021_yxgl_list {
    min-height: 156px;
}
.index_2021_yxgl_item {
    margin: 8px 0 8px;
    width: 338px;
    border-bottom: 1px dashed #d2d2d2;
    padding: 8px 0;
    font-size: 13px;
    cursor: pointer;
}
.index_2021_yxgl_item.rowMid {
    margin-left: 54px;
    margin-right: 54px;
}
.index_2021_yxgl_item label {
    overflow: hidden;
    width: 274px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.index_2021_yxgl_item:hover {
    border-color: #ff950d;
    color: #ff950d;
}
.index_2021_yxgl_item.more {
    text-align: center;
}
/* S yxgl */

/* S yxtj */
.index_2021_yxtj {
    position: relative;
}

.index_2021_yxtj_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_yxtj_content {
    margin: 15px 0 0 0;
}

.index_2021_yxtj_wrap {
    position: relative;
    width: 1300px;
}

.index_2021_yxtj_wrap p {
    margin-top: 15px;
    overflow: hidden;
    padding: 0;
}

.index_2021_yxtj_wrap a {
    font-size: 14px;
    color: #363636;
}
.index_2021_yxtj_wrap a:hover {
    color: #ff950d;
    text-decoration: underline;
}
/* E yxtj */

/* S yqlj */
.index_2021_yqlj {
    position: relative;
}

.index_2021_yqlj_title {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_yqlj_content {
    margin: 15px 0 0 0;
}

.index_2021_yqlj_wrap {
    position: relative;
    width: 1300px;
}

.index_2021_yqlj_wrap p {
    margin-top: 15px;
    overflow: hidden;
    padding: 0;
}

.index_2021_yqlj_wrap a {
    font-size: 14px;
    color: #363636;
}
.index_2021_yqlj_wrap a:hover {
    color: #ff950d;
    text-decoration: underline;
}
/* E yqlj */

.van-toast--html,
.van-toast--text {
    width: auto;
}

/* S 广告弹框 */
.mask {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    z-index: 95;
}

.ad-dialog {
    display: flex;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
    transition: width 2s;
}

.ad-dialog-main {
    position: fixed;
    z-index: 97;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ad-dialog-close {
    position: absolute;
    top: 4px;
    right: -31px;
    width: 57px;
    height: 57px;
    font: 0/0 a;
    overflow: hidden;
    background: #000000 url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC9wb3BfY2xvc2UucG5n') no-repeat;
    background-size: 100% 100%;
}

.left_fixed_ad {
    position: fixed;
    right: 50%;
    margin-right: 553px;
    top: 199px;
    z-index: 1;
}

.right_fixed_ad {
    position: fixed;
    left: 50%;
    margin-left: 553px;
    top: 199px;
    z-index: 1;
}

.left_fixed_ad_game_center {
    margin-right: 611px !important;
}

.right_fixed_ad_game_center {
    margin-left: 611px !important;
}

.left_float_ad {
    position: absolute;
    left: -357px;
    z-index: 2;
    top: 0px;
}

.right_float_ad {
    position: absolute;
    right: -357px;
    z-index: 2;
    top: 0px;
}

.right_float_gift_ad {
    position: absolute;
    right: -8px;
    z-index: 2;
    top: 470px;
}

.left_float_gift_ad {
    position: absolute;
    left: -8px;
    z-index: 2;
    top: 470px;
}

.right_float_game_ad {
    position: absolute;
    right: -126px;
    z-index: 2;
    top: 450px;
}

.left_float_game_ad {
    position: absolute;
    left: -126px;
    z-index: 2;
    top: 450px;
}

.float-menu-right-ad {
    position: fixed;
    left: 50%;
    margin-left: 569px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
    bottom: 35px;
    _bottom: "auto";
    z-index: 20;
    cursor: pointer;
}

/* E 广告弹框 */


/* S 新游推荐 & 更多游戏 */
.part_2_1,
.part_4_1 {
  width: 1200px;
  margin: 30px auto 0;
}

/* S 新游推荐 */
.index_2021_xyts {
  /* background: #fff; */
  /* border-radius: 4px; */
  /* padding: 20px; */
}

.index_2021_xyts_title {
    height: 24px;
    line-height: 24px;
    margin-bottom: 14px;
}

.index_2021_xyts_title span {
    border-left: 3px solid #ff950d;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #141414;
    line-height: 1;
}

.index_2021_xyts_wrap {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* margin: 0 -10px; */
}

.index_2021_xyts_item {
    width: 183px;
    height: 235px;
    /* margin: 0 10px 20px; */
    /* background: #f7f7f7; */
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.index_2021_xyts_item_link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.index_2021_xyts_item_link .game_icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_2021_xyts_item_link .game_tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
}

.index_2021_xyts_item_info {
  padding: 15px;
}

.index_2021_xyts_item_info .name {
  font-size: 16px;
  color: #141414;
  font-weight: bold;
  margin-bottom: 8px;
}

.index_2021_xyts_item_info .type {
  font-size: 12px;
  color: #999;
  margin-bottom: 8px;
}

.index_2021_xyts_item_info .descType {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
}

.index_2021_xyts_item_btns {
  padding: 0 15px 15px;
  display: flex;
  justify-content: space-between;
}

.index_2021_xyts_item_btns a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
  font-size: 14px;
}

.index_2021_xyts_item_btns .btn_play {
  background: #ff950d;
  color: #fff;
}

.index_2021_xyts_item_btns .btn_download {
  background: #f0f0f0;
  color: #666;
}

.index_2021_xyts_item_hover_info {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    padding: 15px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
  }
  
  .index_2021_xyts_item:hover .index_2021_xyts_item_hover_info {
    display: flex;
  }
  
  .index_2021_xyts_click_play {
    display: inline-block;
    padding: 5px 26px;
    background: #ff6c00;
    color: #fff;
    margin-top: 34px;
    margin-bottom: 28px;
    border-radius: 15px;
    cursor: pointer;
  }
  
  .index_2021_xyts_item_hover_info .glink {
    margin-top: 10px;
  }
  
  .index_2021_xyts_item_hover_info .glink a {
    color: #fff;
    cursor: pointer;
  }

  .index_2021_xyts_item_hover_info_split {
    position: relative;
    top: 1px;
    width: 1px;
    height: 13px;
    background: white;
    margin: 0 12px;
}
.index_2021_xyts_content {
    position: relative;
}
.index_2021_xyts .swiper-button-prev,
.index_2021_xyts .swiper-button-next {
    width: 40px;
    height: 88px;
    background-color: #d8d8d8;
    border-radius: 5px;
    margin: 0 -60px;
    /* background-color: rgba(0,0,0,0.3); */
    background-color: #d8d8d8;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    filter: opacity(0.5);
}
.index_2021_xyts .swiper-button-prev{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAYAAACTz/ouAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk1NjA5QkE5MDhFMTFFRkEzQTdDQzlCODRCQTRCN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk1NjA5QkI5MDhFMTFFRkEzQTdDQzlCODRCQTRCN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTU2MDlCODkwOEUxMUVGQTNBN0NDOUI4NEJBNEI3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTU2MDlCOTkwOEUxMUVGQTNBN0NDOUI4NEJBNEI3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUmW5MAAAHZSURBVHjarJdNKERRFMffYIhEvlIslIUUCwsWzEL52FmwkJ2NHXaWStlbSEm2SilqFlaEiBQlC1PEgoWSKZpIGl/P/9a543admXnz3jn1q3n33ff/v/fu3HPOC7mu6whGMegCu6kRZSBEBTgEr6BRj0uJ14EL9y/2QUjKoAncuv+jX8KgA8Qt4R8wJfGKeul9m/EJRs15fsVHQNISfwMD9lw/4pPg2xJ/Ap3c/FzFZ5nFvAct6a7xKpwPlhnxS9CQ6Vov4kVggxE/AVXZrs8mXgb2GPEtUOrl6TOdrAXnjPgqKPS6bulOqFxyw4gv6BQQxKANPDC7c9rPnrEHukHCEv8CY353vHlQDj4s8XcwFCRfFRjFogeEjeMEGAQHgUoQOVWDR+vu5yVqhf4RoWRlx1yu/5pMa6CS1TNjsgLCEgaKVkpedmyCEgkDh5LXFWNyDColDBQ14JQxUYW9XsLAoWS2w5jcgWYJA4eS2hpjEqeCH9hAF5tFxkQV/D4JA80MY5KkBkDEQDFOyc8M1QBMSBkohpmWxaWGQMRAN10vjMkSrZkj0dm1M22jinVqFES663SN77aekxfwg+MaREDMGj+T/gBRHx9HdPcxyVdkorJtlNYmNf4rwABA5vQZ7tPRMQAAAABJRU5ErkJggg==);
    background-size: 12px 18px;
}

.index_2021_xyts .swiper-button-next{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAYAAACTz/ouAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEZCNjE5ODE5MDhDMTFFRkEzQTdDQzlCODRCQTRCN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEZCNjE5ODI5MDhDMTFFRkEzQTdDQzlCODRCQTRCN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RkI2MTk3RjkwOEMxMUVGQTNBN0NDOUI4NEJBNEI3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RkI2MTk4MDkwOEMxMUVGQTNBN0NDOUI4NEJBNEI3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhxLtCMAAAGzSURBVHjarJc9KIVhFMddQslHvkrdQQxSDIo7+CjKtVkY3MlmIpPRIHYDRVmVQYrBpCQltxgY3BIpBiUKcUM+X/9Tz83bcYp6/qd+dXuH83vf5z7POeeJBEGQFYo4SILnLFaIwFED0mAHlIaee5H5EQHbwU8cgShT0BP8jgtQxxIIY+BLSW5AjCUQBsG7kqTdF1IEQi94UpJXkGAJhFZwqySfYJQlEBrApfHnT7EEQjU4NiQLIIchEMrBniFZBfkMgVAINgzJFihmCIQ8sGRIDkEVQ5ApKbOG5AzUMgQZxo1TfwWaWAJhCHwoyQPoYgmEPvCiJG+ghCUQOsG9kvQzBcKMElyDCoZAdtW0saukWLb7CnLBopH8DrT5LlEBWDeSS3Fs9N1FZSBpJD9xxdHrHETdQKBjH1T6nuR6Nwjo2ARFvrUo5gYAHcuuCHpV07hr/Drm/tN0/kqecA1fxwSjZY64Rh8OKW7DjJ48aby1fMmA71QhazpvJH8E3b5zkTTwFSO57J4WxmRnNfVz3wE4O3RVOFBXhxToAKesC4gsUcq9+S7rEqIfNIM1Vy0pzehbgAEA2tI/JPxohU0AAAAASUVORK5CYII=);
    background-size: 12px 18px;
}

.index_2021_xyts .swiper-button-prev:after,
.index_2021_xyts .swiper-button-next:after {
  font-size: 16px;
  color: #fff;
}

.index_2021_xyts .swiper-button-prev:hover,
.index_2021_xyts .swiper-button-next:hover {
    filter: opacity(1);
}

/* S 更多游戏 */
.index_2021_gdyx {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
}

.index_2021_gdyx_title {
  height: 24px;
  line-height: 24px;
  margin-bottom: 14px;
}

.index_2021_gdyx_title span {
  /* font-size: 20px;
  color: #141414;
  font-weight: bold;
  border-left: 4px solid #ff950d;
  padding-left: 10px; */
  border-left: 3px solid #ff950d;
  padding: 0 0 0 10px;
  font-size: 18px;
  color: #141414;
  line-height: 1;
}

.index_2021_gdyx_title a {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #999999;
}

.index_2021_gdyx_title a i {
    position: relative;
    top: 6px;
    width: 11px;
    height: 11px;
    background-position: 0 -68px;
    float: right;
    background-color: transparent;
    background-image: url('/proxy/aHR0cHM6Ly9zdGF0aWNzLXB0LjQzNjYuY29tL3N0YXRpY3MvaW1nL3dlYi9pbmRleC8yMDIxL2ljb25zLnBuZw');
    background-repeat: no-repeat;
    background-size: auto;
}


.index_2021_gdyx_wrap {
  /* display: flex; */
  /* flex-wrap: wrap; */
  margin: 0 -14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}

.index_2021_gdyx_item {
    /* width: 234px; */
    height: 80px;
    margin: 0 5px 5px;
    padding: 0 5px;
    /* background: #f7f7f7; */
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
}


.index_2021_gdyx_item:hover {
  background: #fff5e6;
}

.index_2021_gdyx_item .game_ico {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.index_2021_gdyx_item .game_ico img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.index_2021_gdyx_item .game_info {
  flex: 1;
  position: relative;
}

.index_2021_gdyx_item .game_info .name {
  font-size: 16px;
  color: #141414;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.index_2021_gdyx_item .game_info .type {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index_2021_gdyx_item .game_info .tag {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px 8px;
  background: #ff950d;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}

.float-menu-left-bottom-ad {
    position: fixed;
    left: 0;
    _position: absolute;
    _left: expression(eval(document.documentElement.scrollLeft));
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
    bottom: 0;
    _bottom: "auto";
    z-index: 20;
    cursor: pointer;
}