/*   */
.row {
    margin-left: 0;
    margin-right: 0;
}

.row>[class*='col-'],
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

/*bootstrap轮播效果切换方式：淡入淡出*/
.carousel-fade .carousel-inner .item {
    opacity: 1;
    /*设置为1 或 删除此行 就会直接切换图片无特效*/
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.demo {
    border: 1px solid #e2b709;
    word-wrap: break-word;
}

/*头部*/
.home_box1 {
    padding-left: 0rem;
    padding-right: 0rem;
    margin: 0 auto;
    border: 0px red solid;
}

.yd_top1_f {
    width: 100%;
    height: 70px;
    background: #000000;
    text-align: center;
}

.yd_top1_f img {
    width: auto;
    height: 80%;
    margin-top: 7px;
}

/*复制跳转-官方微信*/
.wxtz_box1_m_f {
    overflow: hidden;
    background: url(../images/wx_bj2_f.jpg) no-repeat;
}

.wx1_f {
    width: 87%;
    color: white;
    text-align: left !important;
    background: url(../images/wx_bj_f.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
    height: 86px;
    line-height: 32px;
    border: 0px #000 solid;
    display: block;
    margin: 0 auto;
    margin-top: 1.5rem;
    padding: 3px !important;
    padding-left: 3.2rem !important;
    border: 0px #fff solid;
}

.wx1_f a {
    font-size: 4.5vw;
    color: #FFE0A4;
    width: 100%;
    display: block;
    border: 0px red solid;
}

.yd_top_txt1_f {
    float: left;
    line-height: 3.7rem;
    height: 4rem;
    width: 70%;
    color: #FFFBA5;
    font-size: 4vw;
    text-align: right;
    border: 0px red solid;
}

.yd_top_txt1_f li {
    border: 0px red solid;
}

/*分享*/
#dianji {
    float: right;
    width: 30%;
    text-align: left;
    margin-bottom: 0px;
    font-size: 4vw;
    font-weight: bold;
    color: #FFFBA5;
    display: block;
    line-height: 3.7rem;
    height: 4rem;
    border: 0px red solid;
}

#disappare {
    border: 2px solid #ccc;
    border-radius: 8px;
    background: #000;
    color: #fff;
    opacity: 70%;
    font-size: 5vw;
    text-align: center;
    width: 95%;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -22% 0 0 -48%;
    padding: 5px 3px 5px 3px;
    z-index: 9999 !important;
}

/*flash 3大职业 分男女6人*/
.slide_f {
    margin-top: 0;
}

.carousel-control_home {
    padding-top: 35rem;
    font-size: 5rem;
}

.zy1_box_f {
    width: 100%;
    height: 823px;
    overflow: hidden;
}

.zy1_box_f ul {
    margin: 0 auto;
    margin-top: 51rem;
    width: 80%;
}

.zy1_box_f ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
    border: 0px red solid;
}

.zy1_box_f ul li img {
    width: 18%;
    float: left;
    margin-top: 0.4rem;
}

.zy1_box_f ul li h3 {
    width: 82%;
    float: left;
    color: #FFCB47;
    font-size: 1.9rem;
    padding-left: 1.5rem;
    font-weight: normal;
}

.zy1_box_f ul li p {
    width: 82%;
    float: left;
    color: #fff;
    padding-left: 1.5rem;
    margin-top: 0.2rem;
    font-size: 1.5rem;
}

/*flash1 装备套装*/
.index_zbtz1_f {
    width: 100%;
}

.index_imgBox1_f {
    width: 100%;
    height: 353px;
    overflow: auto;
}

.index_imgBox1_f img {
    width: 100%;
    height: 100%;
}

.index_img1_f {
    display: block;
}

.index_img2_f {
    display: none;
}

.index_img3_f {
    display: none;
}

/*精彩展示*/
.index_game_zs_m_f {
    width: 100%;
    height: 295px;
    background: url(../images/jlsbg_top1_f.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.carousel_zs {
    margin: 0 auto;
    margin-top: 5rem;
    width: 90%;
    height: 218px !important;
    overflow: hidden;
}

.carousel_zs .item {
    width: 100%;
    height: 218px !important;
}

.carousel_zs .item img {
    width: 100%;
    height: 100% !important;
}

.carousel-control_zs {
    font-size: 6rem;
    padding-top: 20%;
}

.carousel-indicators_zs {
    margin-bottom: -0.5rem !important;
}

/*footer*/
/*.yd_bottom_txt1_f {
    height: 17rem;
    line-height: 11rem;
    text-align: center;
    width: 100%;
    color: #E5CC66;
    background: url(../images/footer_bg_m_f.jpg) no-repeat #050100;
    background-size: 100% auto;
    border: 0px red solid;
}*/

.yd_bottom_txt1_f {height: 17rem; line-height: 2.5rem; text-align: center; width: 100%; color: #cabd89; background: url(../images/footer_bg_m_f.jpg) no-repeat #050100; background-size: 100% auto; padding-top: 2.5rem; border: 0px red solid; }

.yd_bottom_txt1_f a{color: #cabd89;}

/*尾部浮动固定导航 第一版 暂停备份*/
.mobile_footer_gd1_f {
    background-color: #000;
    padding: 0.5rem;
}

.mobile_footer_gd1_f ul {
    overflow: hidden;
    width: 100%;
    border: 0px red solid;
}

.mobile_footer_gd1_f li {}

.mobile_footer_gd1_f li:nth-of-type(1) {
    float: left;
    width: 15%;
    border: 0px red solid;
}

.mobile_footer_gd1_f li:nth-of-type(1) img {
    width: 100%;
}

.mobile_footer_gd1_f li:nth-of-type(2) {
    float: left;
    width: 27%;
    color: #fff;
    font-size: 5vw;
    margin-left: 1.7%;
    margin-top: 4vw;
    text-align: center;
    border: 0px red solid;
    border: 0px red solid;
}

.mobile_footer_gd1_f li:nth-of-type(3) {
    float: right;
    width: 25.5%;
    text-align: center;
    font-size: 4vw;
    margin-left: 2.5%;
    margin-right: 1.2%;
    margin-top: 3vw;
}

.mobile_footer_gd1_f li:nth-of-type(3) a {
    color: #fff;
    width: 100%;
    line-height: 9vw;
    background-color: red;
    border-radius: 5px;
    display: block;
}

.mobile_footer_gd1_f li:nth-of-type(4) {
    float: right;
    width: 25.5%;
    text-align: center;
    font-size: 4vw;
    margin-top: 3vw;
}

.mobile_footer_gd1_f li:nth-of-type(4) a {
    color: #fff;
    width: 100%;
    line-height: 9vw;
    background-color: red;
    border-radius: 5px;
    display: block;
}

/*尾部浮动固定导航 第二版 改版确定版*/
.ks_top2_f {
    width: 100%;
    height: 70px;
    padding: 0% 3% 0 3%;
    background: url(../images/bottom_bg1_f.png) no-repeat;
    background-size: 100% 100%;
    border: 0px red solid;
}

.ks_top2_f h1 {
    float: left;
    width: 15%;
    line-height: 70px;
    border: 0px red solid;
}

.ks_top2_f h1 img {
    width: 100%;
}

.ks_top2_f ul {
    float: right;
    overflow: auto;
    width: 80%;
    border: 0px red solid;
}

.ks_top2_f ul li {
    width: 49.5%;
    float: left;
    line-height: 70px;
    border: 0px #000 solid;
}

.ks_top2_f ul li img {
    width: 100%;
}

.ks_top2_f ul li:nth-of-type(1) {
    float: left;
}

.ks_top2_f ul li:nth-of-type(2) {
    float: right;
}

/*登录器公告*/
.body_bj_f {
    background: url(../images/notice_bg_f.jpg);
    background-size: 100% 100%;
    overflow: hidden;
    width: 100%;
    border: 0px red solid;
}

.notice_box1_f {
    padding-left: 0rem;
    padding-right: 0rem;
    margin: 0 auto;
    border: 0px red solid;
}

.notice_f {
    width: 461px;
    height: 311px;
    background-color: #fff;
    overflow: hidden;
    padding: 0.5% 0.7% 0.7% 0.7%;
    z-index: 99999 !important;
    background: #ffffda;
    position: relative;
    border: 0px red solid;
    overflow: scroll;
    overflow-x: hidden;
}

.logo_notice1_f {
    overflow: hidden;
    padding-bottom: 1rem;
    border-bottom: 2px #BEBDA3 solid;
}

.logo_notice1_f li:nth-of-type(1) {
    float: left;
    width: 30%;
    margin-top: 0.5rem;
    border: 0px red solid;
}

.logo_notice1_f li:nth-of-type(2) {
    float: right;
    padding-left: 15%;
    width: 70%;
    font-weight: bold;
    font-size: 3rem;
    color: red;
    border: 0px red solid;
}

/*登录器公告-无缝滚动公告*/
.notice2_f {
    background: url(../images/gg_bj_f.png) 0 center no-repeat;
    background-size: 100% 100%;
}

#demo_ff {
    overflow: hidden;
    width: 88%;
    margin-left: 35px;
    line-height: 28px;
    margin-top: 5px;
    border: 0px red solid;
}

#indemo_ff {
    float: left;
    width: 800%;
    border: 0px red solid;
}

#indemo_ff a {
    color: #fff;
    margin: 0 5px;
}

#indemo_ff a:hover {
    color: #fff;
}

#demo1_ff {
    float: left;
}

#demo2_ff {
    float: left;
}

.notice_content_f {
    padding: 1rem 0 0 0;
    font-size: 1.3rem;
    line-height: 2.1rem;
    border: 0px red solid;
}

.notice_login_f {
    width: 1272px;
    height: 1518px;
    margin: 0 auto;
    position: relative;
    margin-top: -8%;
    z-index: 99 !important;
    border: 0px #fff solid;
}

/*.notice_login_f{width:1272px; height:618px; margin:0 auto; background:url(../images/login_notice_f.png) no-repeat; position: relative; margin-top: -8%; z-index:99!important; border:0px #fff solid;}*/
.notice_login_f .a_href_f {
    width: 100%;
    height: 100%;
}

.notice_login_f a {
    width: 100%;
    height: 100%;
    display: block;
    border: 0px red solid;
}

/*移动-新闻频道页*/
/*导航*/
.yd_dh1_f {
    padding: 0rem 1rem 1rem 1rem;
    overflow: hidden;
    background-color: #0F0503;
    background: url(../images/top_cd_m_f.jpg) no-repeat 0 -0.3rem;
    background-size: 100% 100%;
}

.yd_dh1_f ul {}

.yd_dh1_f li {
    float: left;
    font-size: 1.8rem;
    width: 33.3%;
    margin-top: 1rem;
    line-height: 3rem;
    text-align: center;
    border: 0px red solid;
}

.yd_dh1_f li a {
    color: #FFFBB8;
    display: block;
}

.yd_dh1_f li.hover_f {
    background-color: #fff;
}

.yd_dh1_f .yd_index_nav_hover_f a {
    color: #FFCC33
}

/*移动-头部背景图*/
.yd_top_bj1_f {
    width: 100%;
    height: 485px;
    margin-top: 0rem;
    background: url(../images/banner1_m_f.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    border: 0px red solid;
}

.yd_top_xzax1_f {
    width: auto;
    margin-top: 80%;
    text-align: center;
    border: 0px red solid;
}

.yd_top_xzax1_f img {
    width: 62%;
    height: 100%;
    border: 1x red solid;
}

/*移动-幻灯片*/
.carousel_wzy {
    width: 100%;
    height: 200px !important;
    overflow: hidden;
}

.carousel_wzy .item {
    width: 100%;
    height: 200px !important;
}

.carousel_wzy .item img {
    width: 100%;
    height: 100% !important;
}

.carousel-control_wzy {
    font-size: 6rem;
    padding-top: 13%;
}

.carousel-indicators_wzy {
    margin-bottom: -0.5rem !important;
}

/*移动-文章页*/
.news_wzy_box1_f {
    overflow: hidden;
    padding: 1rem 2.2rem;
    background: #DDD9B4
}

.news_wzy_box1_f h1 {
    font-size: 2.2rem;
    text-align: center;
    padding: 1.5rem 0 1rem 0;
    border-bottom: 1px #6C6B59 solid;
}

.news_wzy_box1_f p {
    text-align: left;
    line-height: 4rem;
    font-size: 1.7rem;
}

.news_zz1_f {
    overflow: hidden;
    text-align: center;
    font-size: 1.6rem;
    margin: 1rem 0;
}

.news_zz1_f span {}

.news_zz1_f span:nth-of-type(1) {
    margin-right: 3%;
    border: 0px red solid;
}

.news_wzy_content1_f {
    width: 100%;
    text-align: left !important;
    font-size: 1.8rem;
    line-height: 3.2rem;
    border: 0px red solid;
}

.news_wzy_content1_f img {
    width: 100%;
    text-align: center !important;
}

/*移动--fang 怪物出现地图-爆出物品 一篇文章}*/
.shop_table {
    margin-bottom: 20px;
    border-width: 1px;
    border-color: #C88A01;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
}

.shop_table th {
    font-size: 18px;
    padding: 8px;
    text-align: center;
    border: solid 1px #C88A01;
}

.shop_table td {
    padding: 8px;
    border: solid 1px #C88A01;
    text-align: center;
}

/*移动-文章内容-分页*/
.show_page1_f {
    margin: 0 auto;
    overflow: hidden;
    border: 0px red solid;
}

.show_page1_f span {
    float: left;
    text-align: center;
    width: 20px;
    line-height: 20px;
    margin: 0 0.5%;
    display: block;
    background-color: #B91F0F;
    color: #fff;
    border: 1px #B91F0F solid;
    font-weight: bold;
}

.show_page1_f a {
    float: left;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 0.5%;
    color: #B91F0F;
    display: block;
    border: 1px #B91F0F solid;
}

.show_page1_f a:hover {
    background-color: #B91F0F;
    color: #fff;
}

/*移动-文章页 尾部 上一篇 下一篇-----------------*/
.wzy_sx1_f {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    padding-top: 3rem;
    padding: 1rem 2.2rem;
    background: #DDD9B4;
}

.wzy_sx1_f a {
    color: #792614;
    font-size: 16px;
}

.wzy_sx1_f .prevLink {
    float: left;
    width: 100%;
    border: 0px red solid;
}

.wzy_sx1_f .prevLink p:nth-of-type(1) {
    float: left;
    width: 100%;
    font-weight: bold;
    border: 0px red solid
}

.wzy_sx1_f .prevLink p:nth-of-type(2) {
    float: left;
    width: 100%;
    border: 0px red solid
}

.wzy_sx1_f .nextLink {
    float: right;
    width: 100%;
    margin-top: 1rem;
    border: 0px red solid;
}

.wzy_sx1_f .nextLink p:nth-of-type(1) {
    float: left;
    width: 100%;
    font-weight: bold;
    border: 0px red solid
}

.wzy_sx1_f .nextLink p:nth-of-type(2) {
    float: left;
    width: 100%;
    border: 0px red solid
}

/*移动-列表页*/
.mobile_list_box1_f {
    background: #DDD9B4;
    padding: 1rem 2.2rem;
    border: 0px red solid;
}

.mobile_l_name1_f {
    padding: 1.5rem 0 1rem 0;
    border-bottom: 1px #6C6B59 solid;
    overflow: hidden;
}

.mobile_l_name1_f h2 {
    margin: 0 auto;
    width: 50%;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    float: left;
    font-weight: bold;
    border: 0px red solid;
}

.mobile_l_name1_f span {
    display: block;
    margin-top: 0.25rem;
}

.mobile_l_name1_f span:nth-of-type(1) {
    width: 25%;
    height: 21px;
    float: left;
    background: url(../images/list_biao_m_f.png) right center no-repeat;
    background-size: 22% 60%;
    border: 0px red solid;
}

.mobile_l_name1_f span:nth-of-type(2) {
    width: 25%;
    height: 21px;
    float: left;
    background: url(../images/list_biao_m_f.png) left center no-repeat;
    background-size: 22% 60%;
    border: 0px red solid;
}

.mobile_list1_f ul {
    margin-top: 1rem;
}

.mobile_list1_f ul,
.mobile_list1_f ul li {
    margin-left: 0.8rem;
}

.mobile_list1_f ul li {
    list-style-type: disc;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 3rem;
    font-size: 1.5rem;
}

.mobile_list1_f ul li:nth-of-type(1) a,
.mobile_list1_f ul li:nth-of-type(2) a,
.mobile_list1_f ul li:nth-of-type(3) a {
    color: #862C09;
    font-size: 1.6rem;
    font-weight: bold;
}

/*fang分页 方写 手机版*/
/*.pagination{overflow:auto; border:0px red solid; text-align:center;} .pagination li{line-height:0.4rem; background-color:#fff;} .pagination .active a{color:#fff; width:auto; background-color:#B29741; text-align:center; border:1px #B29741 solid;} .pagination li a{display:block; padding:0 1rem; text-align:left; color:#217BB7;} .pagination li a:hover{display:block; width:100%; color:#fff; background:#4D95C5;} .pagination>li>a{position: relative; float: left; padding: 6px 12px; margin-left: 0.5rem; line-height: 1.42857143; color: #B29741; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }*/
/*fang分页 方俊写 手机版*/
.pagination {
    width: 100%;
    overflow: auto;
    border: 0px red solid;
    text-align: center;
}

.pagination li {
    float: left;
    line-height: 0.4rem;
    height: 34px !important;
    border: 0px #98C9EA solid;
    margin-left: 1%;
    width: auto;
}

.pagination .active a {
    color: #fff;
    width: auto;
    background-color: #B29741;
    text-align: center;
    height: 34px !important;
    border: 1px #B29741 solid;
}

.pagination li a {
    display: block;
    width: 100%;
    height: 34px !important;
    text-align: center;
    color: #217BB7;
}

.pagination li a:hover {
    display: block;
    width: 100%;
    height: 34px !important;
    color: #fff;
    background: #B29741
}

.pagination>li>a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 0.5rem;
    line-height: 1.42857143;
    color: #B29741;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*手机版-导航第二版*/
.yd_index_nav1_f {
    overflow: hidden;
    border: 0px red solid
}

.yd_index_nav1_f .navbar {
    margin-bottom: 0px;
}

.yd_index_nav1_f .navbar-default {
    background-color: #463720;
    border-color: #000;
    border-bottom: 2px #d4af37 solid;
}

.yd_index_nav1_f .navbar-default .navbar-collapse {
    border-top: 2px #d4af37 solid;
}

.yd_index_nav1_f .navbar-brand {
    color: #cabd89 !important;
    font-weight: bold
}

.yd_index_nav1_f .navbar-default .navbar-toggle:hover {
    background-color: #463720;
}

.yd_index_nav1_f .navbar-default .navbar-toggle .icon-bar {
    background-color: #d4af37;
}

.yd_index_nav1_f .navbar-toggle {
    border: 1px #d4af37 solid
}

.yd_index_nav1_f .navbar-default .navbar-nav>.active>a {
    color: #d4af37;
    background-color: rgba(212, 175, 55, 0.1);
    border-left: 3px solid #d4af37;
    font-weight: bold;
}

.yd_index_nav1_f .nav>li {
    position: relative;
    display: block;
    border-bottom: 1px rgba(139, 115, 85, 0.2) solid;
}

.yd_index_nav1_f .navbar-default .navbar-nav>li>a {
    color: #cabd89;
}












/*BOSS世界地图 频道页css*/

.fang_dt1_box1_content1_f {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border: 0px blue solid
}



        /* --- 地图容器样式 --- */
        .fang_dt1_map_container {
            position: relative;
            width: 100%;
            /* 原图比例：750 / 1834 ≈ 40.89% */
            padding-bottom: 40.89%;
            height: 0;
            background-image: url('../images/bossmap_f/bossmap_yewai_home_f/bossmap_bg_f.jpg'); /* 请确保此路径正确 */
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            /* 防止图片加载慢时布局塌陷 */
            background-color: #222;
            margin-top:50px;
        }

        /* --- 城市链接通用样式 --- */
        .fang_dt1_city_link {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* 这里的宽高是点击热区的大小，可以根据需要微调 */
            width: 6.8%;
            height: auto;
            /* 居中锚点，确保定位点是图标中心 */
            transform: translate(-50%, -50%);
            text-decoration: none;
            color: #fff;
            font-size: 12px;
            text-align: center;
            z-index: 10;
            /* 默认无背景 */
            background: transparent;
            border-radius: 8px;
            transition: background 0.3s ease;
        }

        /* --- 城市图标样式 --- */
        .fang_dt1_city_link img {
            /* 设置图标宽度，高度自动 */
            width: 100%;
            height: auto;
            margin-bottom: 4px;
            /* 增加一点阴影让图标更立体 */
            filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.8));
            pointer-events: none; /* 防止图片干扰点击 */
        }

        /* --- 城市文字样式 --- */
        .fang_dt1_city_name {
            font-size: 13px;
            font-weight: bold;
            text-shadow: 1px 1px 2px #000;
            line-height: 1.2;
            pointer-events: none;
        }

        .fang_dt1_city_level {
            font-size: 11px;
            color: #aaff7f; /* 绿色等级文字 */
            text-shadow: 1px 1px 2px #000;
            margin-top: 2px;
            pointer-events: none;
        }

        /* --- 鼠标悬停效果 --- */
        .fang_dt1_city_link:hover {
            /* 淡淡的透明悬停颜色 */
            background: rgba(255, 255, 255, 0.15);
            /* 稍微放大一点 */
            transform: translate(-50%, -50%) scale(1.1);
            z-index: 20;
        }

        /* --- 针对移动端的微调 (可选) --- */
        @media (max-width: 768px) {
            .fang_dt1_city_link {
                width: 80px;
                height: 100px;
            }
            .fang_dt1_city_link img {
                width: 45px;
            }
            .fang_dt1_city_name {
                font-size: 11px;
            }
        }



/*BOSS世界地图 列表页css*/

.fang_dt1_list1_box_f{overflow:hidden; height:650px}



        /* --- 基础重置 --- */
        .fang_dt1_list1_wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* --- 主容器 --- */
        .fang_dt1_list1_wrapper {
            position: relative;
            display: block;
            max-width: 100%;
            cursor: default;
            user-select: none; /* 防止双击选中图片 */
            width: fit-content;
            margin:0 auto;
            margin-top:130px;
            border:2px #988d67 solid;
        }

        .fang_dt1_list1_map_img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 8px;
        }

        /* --- 闪烁箭头容器 --- */
        .fang_dt1_list1_marker {
            position: absolute;
            transform: translate(-85%, -82%);
            width: 60px;
            height: 60px;
            z-index: 10;
            cursor: pointer;
            border:0px #fff solid;
        }

        /* --- 闪烁动画 --- */
        @keyframes fang_dt1_list1_blink {
            0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
            50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.1); }
            100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        }

        .fang_dt1_list1_arrow_icon {
            width: 65%;
            height: 65%;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 25px solid red;
            border-bottom: 5px solid red;
            border-radius: 4px;
            animation: fang_dt1_list1_blink 1.5s infinite ease-in-out;
            box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);

            margin:50% 0 0 52%;
        }

        /* --- 弹出框基础样式 --- */
        .fang_dt1_list1_tooltip {
            position: absolute;
            width: 250px;
            background-color: rgba(0, 0, 0, 0.9);
            color: #fff;
            padding: 15px;
            border-radius: 6px;
            border: 1px solid #555;
            font-family: "Microsoft YaHei", sans-serif;
            font-size: 14px;
            line-height: 1.6;
            z-index: 20;
            display: none; /* 默认隐藏 */
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
            pointer-events: auto;
            
            /* --- 动画过渡设置 --- */
            opacity: 0;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* --- 核心修改：四个方向的控制逻辑 --- */
        
        /* 1. 向下弹出 (默认) */
        .fang_dt1_list1_tooltip.dir-bottom {
            top: 120%; left: 50%;
            transform: translate(-50%, -20px); /* 初始位置偏上 */
        }
        .fang_dt1_list1_tooltip.dir-bottom::before {
            content: ""; position: absolute; top: -10px; left: 50%;
            transform: translateX(-50%);
            border-left: 10px solid transparent; border-right: 10px solid transparent;
            border-bottom: 10px solid rgba(0, 0, 0, 0.9);
        }

        /* 2. 向上弹出 */
        .fang_dt1_list1_tooltip.dir-top {
            bottom: 120%; left: 50%;
            transform: translate(-50%, 20px); /* 初始位置偏下 */
        }
        .fang_dt1_list1_tooltip.dir-top::before {
            content: ""; position: absolute; bottom: -10px; left: 50%;
            transform: translateX(-50%);
            border-left: 10px solid transparent; border-right: 10px solid transparent;
            border-top: 10px solid rgba(0, 0, 0, 0.9);
        }

        /* 3. 向左弹出 */
        .fang_dt1_list1_tooltip.dir-left {
            right: 120%; top: 50%;
            transform: translate(20px, -50%); /* 初始位置偏右 */
        }
        .fang_dt1_list1_tooltip.dir-left::before {
            content: ""; position: absolute; top: 50%; right: -10px;
            transform: translateY(-50%);
            border-top: 10px solid transparent; border-bottom: 10px solid transparent;
            border-left: 10px solid rgba(0, 0, 0, 0.9);
        }

        /* 4. 向右弹出 */
        .fang_dt1_list1_tooltip.dir-right {
            left: 120%; top: 50%;
            transform: translate(-20px, -50%); /* 初始位置偏左 */
        }
        .fang_dt1_list1_tooltip.dir-right::before {
            content: ""; position: absolute; top: 50%; left: -10px;
            transform: translateY(-50%);
            border-top: 10px solid transparent; border-bottom: 10px solid transparent;
            border-right: 10px solid rgba(0, 0, 0, 0.9);
        }

        /* --- 激活状态：显示并归位 --- */
        .fang_dt1_list1_marker.active .fang_dt1_list1_tooltip {
            display: block;
            opacity: 1;
            transform: translate(-50%, 0); /* 归位（左右方向需特殊处理，见下方JS逻辑或简化处理） */
        }
        
        /* 修正左右方向激活时的transform，防止位置跑偏 */
        .fang_dt1_list1_marker.active .fang_dt1_list1_tooltip.dir-left { transform: translate(0, -50%); }
        .fang_dt1_list1_marker.active .fang_dt1_list1_tooltip.dir-right { transform: translate(0, -50%); }
        .fang_dt1_list1_marker.active .fang_dt1_list1_tooltip.dir-top { transform: translate(-50%, 0); }
        .fang_dt1_list1_marker.active .fang_dt1_list1_tooltip.dir-bottom { transform: translate(-50%, 0); }


        /* --- 内容排版 --- */
        .fang_dt1_list1_tooltip_header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            border-bottom: 1px solid #444;
            padding-bottom: 10px;
        }

        .fang_dt1_list1_boss_icon {
            width: 100px;
            height: auto;
            margin-right: 15px;
            border: 1px solid #777;
            border-radius: 4px;
        }

        .fang_dt1_list1_boss_name {
            font-size: 18px;
            font-weight: bold;
            color: #ffcc00;
        }

        .fang_dt1_list1_stats_table td {
            padding-right: 15px;
            color: #ddd;
        }
        .fang_dt1_list1_stats_table .label { color: #aaa; }
        .fang_dt1_list1_stats_table .value { color: #fff; font-weight: bold; }







/*BOSS世界地图CSS手机版*/

.fang_dt1_home1_column1_f{
    width:100%; overflow:hidden;
    margin-top:2rem;
}

.fang_dt1_home1_column1_f ul{}

.fang_dt1_home1_column1_f ul li{float:left; width:48%; line-height:4rem; text-align:center; margin-bottom:1.5rem; font-size:1.7rem}

.fang_dt1_home1_column1_f ul li:nth-child(2n){float:right}

.fang_dt1_home1_column1_f ul li a{display:block; color:#e2ac48; background:#49380d; border-radius:1rem; border:1px #dab352 solid}

.fang_dt1_home1_column1_f ul li a:hover{background:#cabd89; border-radius:1rem; color:#49380d; border:1px #cabd89 solid}



/*尾部版本数据提示信息*/
.show_cue1_f{width:100%; text-align:center; font-size:1.8rem; line-height:3rem; background:#181516; margin-top:0rem; color:#FFE0A4; padding:1rem; background:#000}

.show_cue1_f p{width:100%}
.show_cue1_f p span{color:#fbd550}