body { color:#111 !important; font-size: 0.94rem; }
/* 2023 V3改造 */
.font-12{font-size:12px !important;}
.font-13{font-size:13px !important;}
.font-14{font-size:14px !important;}
.font-15{font-size:15px !important;}
.font-16{font-size:16px !important;}
.font-17{font-size:17px !important;}
.font-18{font-size:18px !important;}
.font-19{font-size:19px !important;}
.font-20{font-size:20px !important;}
.font20{font-size:20px;}

a { text-decoration: none ; }
.more-hide-model { overflow: hidden; }
.btn-actions-pane-right {
  margin-left: auto;
  white-space: nowrap;
}
/*  */
span.monster_fzsm {}
span.monster_leixing { color: #FF0000 !important; padding-left: 3px; }
.bd-font-red { color: #F00 !important; }
.zc_lv_bts { text-align: center; margin: 10px 0px; } 
.bd_none { display: none; }
.bd_block {  }
.pet_show_grade { text-align: center; }
.pet_show_grade img { max-width: 100%; }
/* 通用修正 */
.fl { float: left; }
.fr { float: right; }
.app-header { z-index: 30; }
.app-main,.app-main__outer { z-index: auto !important; }
.modal-content { z-index: 1060; }
.selectm_li {
  /* border-bottom: 1px solid #444; */
  margin-bottom: 10px !important;
  padding-bottom: 3px !important;
}
#wrapper { padding-bottom: 0px; }

.tip_ci { color:#1a73e8; cursor: pointer; }
a:not([href]):not([tabindex]) {
    /* color: #1a73e8;
    text-decoration: none; */
}
.clear { clear: both; overflow: hidden;}
.btn-outline-success:hover {
  /* color: #3ac47d !important; */
  /* background-color: #eee !important; */
  /* border-color: #3ac47d !important; */
}
.pagination > li > span.laypage-curr{
	background-color: #ea838e !important;
	color: #FFF !important;
}
.pagination > li > a, .pagination > li > span{
	border: 1px solid #EF9C99 !important;
	color: #EF9C99 !important;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	background-color: #ea838e !important;
	color: #FFF !important;
}
.none { display: none; }
.tools_icon img{ width:45px; height: 45px; border-radius: 50%; }
.more-hide-model { overflow: hidden; }
/* 怪物属性 */
.monster_sx_color_0 {}
.monster_sx_color_1 { color:#C10939; }
.monster_sx_color_2 { color:#0099ff;}
.monster_sx_color_3 { color:#326c11;}
.monster_sx_color_4 { color:#C60;}
.monster_sx_color_5 { color:#6E4A20;}
.monster_sx_color_6 { color:#999999;}
.monster_sx_color_7 { color:#333333;}
.monster_sx_color_8 { color:#0000ff;}
.monster_sx_color_9 { color:#ff0000;}
/* .tip-common { display: inline-block; margin-left:5px; margin-right:5px; background-color:#EEE; border-radius:6px; padding:0px 5px;  } */
.fa-common { display: none; }
.contb img { max-width: 100%; }
.lng_selectbutton { display: inline-block; width: 34px; height: 34px; background-color: #F7E5EA; border-radius: 50%; line-height: 34px; text-align: center;  color:#ea838e; font-size: 16px; cursor: pointer; }
.lng_selectbutton i {  }
.card-header > .nav .nav-link::before { background: #ea838e; }
.card-header > .nav .nav-link.active {color: #ea838e;}
/* .app-main__outer { background-color: #FFF; }
.app-main { background: url("../image/beijing.jpg") no-repeat; background-size: 100%;background-attachment: fixed;  }
 */
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-text-fill-color: #333 !important;background-color:transparent !important; transition: background-color 50000s ease-in-out 0s !important;}
/* input{background-color:transparent !important;} */
.badge-light{  background-color: #EEE; color: #333;  }
.badge-fen{  background-color: #ea838e; color: #fff;  }
.btn-sm, .btn-group-sm > .btn {
  padding: .15rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}

#wrapper { font-size: 16px; line-height: 30px; }
#wrapper p { font-size: 16px; line-height: 30px; margin-top: 5px; margin-bottom: 5px; }
.app-header.header-text-light .search-wrapper.active .input-holder .search-input::-webkit-input-placeholder {
    color: #EEE;
}
table .firstRow td{ white-space: nowrap; }
table .firstRow td span{ white-space: nowrap !important; }
@media (max-width:767px){
.bibli_videobox { max-width: 100% !important;max-height: 500px !important; /* min-height: 300px !important; */ min-width: 100% !important; }
}
.itemicon_lit { width: 32px;height: 32px; border-radius: 2px;/* background-color: #000; */ }
/* proloader */
.theme-loader{height:100%;width:100%;background-color:#fff;position:fixed;z-index:999999;top:0}.theme-loader .ball-scale{left:50%;top:50%;position:absolute;height:50px;width:50px;margin:-25px 0 0 -25px}.theme-loader .ball-scale .contain{height:100%;width:100%}.theme-loader .ball-scale .contain .ring{display:none}.theme-loader .ball-scale .contain .ring:first-child{display:block;height:100%;width:100%;border-radius:50%;padding:10px;border:3px solid transparent;border-left-color:#01a9ac;border-right-color:#01a9ac;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}.theme-loader .ball-scale .contain .ring:first-child .frame{height:100%;width:100%;border-radius:50%;border:3px solid transparent;border-left-color:#0ac282;border-right-color:#0ac282;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}
@-webkit-keyframes round-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes round-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/* 风格修正 */
.app-header { background-color:#ea838e !important ; }
.scrollbar-sidebar { background-color:#ea838e !important ; }
.yyui_menu1 li:hover{ background-color:rgba(255,255,255,0.15) !important; } 
.btn-info { background-color:#ea838e !important ; border-color: #EF9C99 !important; color: #FFF; }
.btn-outline-info {  border-color: #EF9C99 !important;  color: #333;}
.btn-outline-info:hover {background-color:#ea838e !important ; border-color: #EF9C99 !important; color: #FFF;}
.btn-outline-info:not(:disabled):not(.disabled).active { background-color:#ea838e !important ; border-color: #EF9C99 !important; color: #FFF; }
.btn-outline-dark { border-color: #EF9C99 !important; }
.btn-outline-dark:hover { background-color:#ea838e !important ; border-color: #EF9C99 !important; }
.btn-outline-dark:not(:disabled):not(.disabled).active { background-color:#ea838e !important ; border-color: #EF9C99 !important; }
.td-hui { background-color: #FFF9CE !important; }
.td-hong { background-color: #F7E5EA !important; }
.td-lv { background-color: #ddf4f4 !important; }
.td-huang { background-color: #FFF9CE !important; }
.table-bordered {  border-color: #EF9C99 !important; }
.table-bordered th, .table-bordered td {
	border: 1px solid #EF9C99 !important;
}
.table tbody + tbody{ border-top: 1px solid #EF9C99 !important; }
.badge-info { background-color: #9966cc !important; }
input{
     -webkit-box-shadow:none !important; 
   -webkit-text-fill-color: none !important;
}
input:-internal-autofill-selected{
	    background-color: rgb(0, 0, 0) !important;
	    background-image: none !important;
	    color: rgb(0, 0, 0) !important;
}
.table-responsive { padding-bottom: 1px; }
/* 首页 */
.mengban_black { background-color: rgba(0,0,0,0.5); }
a.pic_tit { font-size: 16px;  color: #FFFF00 ;text-shadow: 0px 0px 5px #FFF; border-bottom: 2px solid #FF0033; padding-bottom: 3px;  }
a.pic_tit:hover { color: #FFFF00 ; text-decoration: none; border-bottom: 2px solid #FFFF00; }
.pic_click { font-size: 1.3em !important; }
.home_hot { padding: 0px !important;background-color: rgba(0,0,0,0.5);  }
.homehot_pic { padding: 1rem; border-radius: .25rem; }
.m-home-news { height: 260px; }
.wx_xiaochengyu { text-align: center;  }
.wx_xiaochengyu img { width: 100px; height: 100px; }
.mu_iconbox { padding: 0px !important;  }
.page-title-icon img.mu_icon { width: 60px; height: 60px; }
.app-theme-black #wrapper { background: #333; }
.huodongbiao td{ text-align: center; }
.bg_red {background-color: #660000 !important;color: #FFF !important;}
.homepic_l { width: 100%; }
.homepic_tit { overflow: hidden; clear: both;  } 
.pic_tit {overflow: hidden; display: inline-block; height:29px;  }
.wx_xiaochengyu img { border-radius: 6px; }
.app-theme-black hr { border-top: 1px solid #444; }
.app-theme-black .gengxin_h4 { color: #00CCFF; font-size: 14px; }
span.wx_xiaochengyu { display: inline-block; }
.right_ad { max-width: 100%; }
.logo_icon {
  width: 40px;
  height: 40px;
}
.auto_mulu { display: none; }
.homt_tools_icon { width: 50px; }
.home_ad {  }
.home_ad img { width: 100%; }
.ad-hd img { width: 100%; max-height:215px; }
/* 战宠模拟器 */
.skillbox_main_zhanchong { width: 450px; height: 420px; background: url("/source/skill/skilltree_bg12.png") no-repeat;  transform:scale(1.2);transform-origin: center 0%;    margin: 0 auto; }
.skillbox_main_zhanchong  .yizhuan{ padding-top: 43px;  }
.skillbox_main_zhanchong  .erzhuan,.skillbox_main_zhanchong  .sanzhuan{ padding-top: 5px;  }
.skillbox_main_zhanchong  .yizhuan h2,.skillbox_main_zhanchong  .erzhuan h2,.skillbox_main_zhanchong  .sanzhuan h2 { font-size: 12px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; height: 23px; line-height: 22px; font-weight: normal; color: #FFF; overflow: hidden; }
.jobnamesbg_zhanchong { background: url("/source/skill/skilltree_bg11.png"); width: 65px; height: 16px; text-indent: 9999px; }
.zhiye1_namebg_zhanchong { background-position: -18px -7px;  }
.zhiye2_namebg_zhanchong { background-position: -18px -33px;  }
.zhiye3_namebg_zhanchong { background-position: -18px -59px;  }
.zhiye4_namebg_zhanchong { background-position: -18px -85px;  }
/* tip */
.t_lines { line-height: 18px; }
.qtip { /* width: 300px !important; */ }
.qtip-seal { border:none !important; background: none !important; color: #333 !important;   }
.iteminfobox_tip {    }
.qtip-content { padding: 0px !important; background: #ceb8a3 !important;border-radius: 10px !important; font-size: 12px; }
.seal_tip_top { background: url('../../source/ui/maingreen_infos_top.png') no-repeat; height: 20px;   }
.seal_tip_main { background: url('../../source/ui/maingreen_infos_main.png') repeat-y; padding: 10px 15px; }
.qtip-content { background:#ceb8a3 url('/source/ui/maingreen_infos_main.png') repeat-y left !important;}
.zdl { height: 40px; line-height: 40px; color: #ff0000; }
.seal_tip_main { line-height: 20px; }

.qtip-seal-tishi { border:none !important; background: none !important; color: #333 !important;   }
.qtip-seal-tishi .qtip-content{  padding: 10px 10px 10px 20px !important; line-height: 25px; background: #FFF !important; border-radius: 5px !important ; border:1px solid #EF9C99 !important; font-size: 15px; }
.qtip-seal-tishi .qtip-content p { font-size: 15px; line-height: 25px; }
/* skill */

.skillbox_main_b { width: 450px; height: 680px; background: url("/source/skill/skilltree_bg1.png");  transform:scale(1.2);transform-origin: center 0%;    margin: 0 auto; }
.skillbox_main_b .yizhuan{ padding-top: 43px;  }
.skillbox_main_b .erzhuan,.skillbox_main_b .sanzhuan{ padding-top: 5px;  }
.skillbox_main_b .yizhuan h2,.skillbox_main_b .erzhuan h2,.skillbox_main_b .sanzhuan h2 { font-size: 12px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; height: 23px; line-height: 22px; font-weight: normal; color: #FFF; overflow: hidden; }

.skill_icons { display: inline-block;  }
.skillcal_headbox { /* background-color: #dac9b8 */; border-radius: 10px; padding: 10px; margin-bottom: 20px; background-color:#F9F9F9;  }
.joblvstyle { height: 30px; line-height: 30px; border: 1px solid #eee; padding: 0 10px; width: 100px; background: none; border-radius: 5px; }
.dianshu_font { font-size: 14px; font-weight: bold; color: #FF0000; }
.lvinfo { display: block;  position: relative; margin-top: -17px; text-align: center; font-size: 8px; line-height: 12px; width: 32px; height: 12px; background-color:rgba(0,0,0,0.7); color: #FFF; /* border-radius: 6px; */ }
.skill_treeicon {   /* box-shadow: 1px 1px 1px #eee; */ cursor: pointer;  }
.skillbox_main { width: 450px; height: 680px; background: url("/source/skill/skilltree_bg1.png");  transform:scale(1.2);transform-origin: center 0%;    margin: 0 auto; }
.skillbox_main .yizhuan{ padding-top: 43px;  }
.skillbox_main .erzhuan,.skillbox_main .sanzhuan{ padding-top: 5px;  }
.skillbox_main .yizhuan h2,.skillbox_main .erzhuan h2,.skillbox_main .sanzhuan h2 { font-size: 12px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; height: 23px; line-height: 22px; font-weight: normal; color: #FFF; overflow: hidden; }
.weizhuan {   overflow: hidden; padding-top: 100px; width: 400px; margin: 0 auto; padding-left: 10px; text-align: center; }
.skill_tree_libox {height: 225px; overflow: hidden; padding-top: 10px; width: 400px; margin: 0 auto; padding-left: 10px;}
.dianshu_style { float: right;  font-size: 12px; color: #000; margin-right: 40px; height: 13px; padding-top: 2px; width: 37px; text-align: center; display: inline-block; }
.skill_job { margin-left: 65px; width: 70px; text-align: center; display: inline-block; margin-top: 5px; }
.jobnamesbg { background: url("/source/skill/skilltree_bg1.png"); width: 51px; height: 16px; text-indent: 9999px; }
.zhiye_namebg { background-position: -882px -282px;  }
.zhiye1_namebg { background-position: -818px -26px; }
.zhiye8_namebg { background-position: -882px -255px; }
.zhiye11_namebg { background-position: -818px -55px; }
.zhiye21_namebg { background-position: -818px -81px; }
.zhiye2_namebg { background-position: -755px -26px; }
.zhiye12_namebg { background-position: -755px -55px; }
.zhiye22_namebg { background-position: -755px -82px; }
.zhiye3_namebg { background-position: -652px -26px; width: 38px; }
.zhiye13_namebg { background-position: -652px -55px; width: 38px; }
.zhiye23_namebg { background-position: -652px -82px; width: 38px; }
.zhiye4_namebg { background-position: -879px -26px;  }
.zhiye14_namebg { background-position: -879px -55px;  }
.zhiye24_namebg { background-position: -879px -82px;  }
.zhiye5_namebg { background-position: -695px -28px;  }
.zhiye15_namebg { background-position: -695px -55px;  }
.zhiye25_namebg { background-position: -695px -82px;  }
.zhiye6_namebg { background-position: -632px -255px;  }
.zhiye16_namebg { background-position: -632px -281px;  }
.zhiye26_namebg { background-position: -632px -309px;  }
.zhiye9_namebg { background-position: -717px -255px;  }
.zhiye19_namebg { background-position: -717px -281px;  }
.zhiye29_namebg { background-position: -717px -309px;  }
.zhiye31_namebg { background-position: -793px -255px;  }
.zhiye131_namebg { background-position: -793px -283px;  }
.zhiye231_namebg { background-position: -793px -309px;  }

.share_alert { width: 900px !important; margin-left: -450px !important; top:100px !important; margin-top: 0px !important;  }
.share_alert-b { width: 900px !important; margin-left: -450px !important; top:100px !important; margin-top: 0px !important; }
.qingdan_pic { max-height: 600px; overflow-y:scroll; }

/* 左侧悬浮广告 */
.left_xad { width: 1px; margin:0 auto; position:fixed; top:406px; height:400px;  }
.left_xad_img { width: 200px; height:400px; background-color:#FFF; position: relative; left:-220px;  }
.left_xad_img .mulu_tit { font-size: 16px;line-height: 30px; font-weight: 400; }
.left_xad_img_img img { width: 200px; height:400px; }

.leftNav-item { bottom: 5% !important; }

.leftNav-item ul li { width: 50px !important; height: 50px !important; }
.leftNav-item ul li i { line-height: 50px !important; }
.leftNav-item ul li:hover{ background-color: #ea838e !important; }

/* map */

.xiuzheng_xie {
transform:rotate(315deg); /* //旋转7度 */
-ms-transform:rotate(315deg); /* IE 9 支持的浏览器 下同*/
-moz-transform:rotate(315deg); /* Firefox */
-webkit-transform:rotate(315deg); /* Safari 和 Chrome */
-o-transform:rotate(315deg); /* Opera */		
}
.map_mainbox { width: 100%; /* height: 600px; */ }
@media (max-width:767px){
.map_mainbox { width: 400px; height: 600px; overflow-x: scroll; }
.map_art { margin-left: 100px; margin: 0 auto; }
}	
.npc_dian { position: absolute; width: 10px; height: 10px; background-color: #ffff00; cursor: pointer; border-radius: 50%;   }
/* .men_dian { position: absolute; background: url('/skin/images/hudMap_I4.png'); width: 25px; height: 26px; background-position:-640px -4px ; background-siz: 50% 50%;    } */
.men_dian { position: absolute; width: 15px; height: 15px; background-color: #99FFFF  ; border-radius: 50%; opacity: 0.9;  cursor: pointer;   }
.men_box {  }
.monster_dian { position: absolute; width: 50px; height: 50px; /* border:2px solid #993300 ; */ background-color: #993300 ; border-radius: 50%;   cursor: pointer; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 26px; opacity: 0.9; left:-25px; top:-25px; }
.monster_dian_boss { position: absolute; width: 30px; height: 30px; /* border:2px solid #993300 ; */ background-color: #993300 ; border-radius: 50%;   cursor: pointer; color: #fff; font-size: 15px; font-weight: bold; text-align: center; line-height: 26px; opacity: 0.9; }
/* 设置动画前颜色 */
.point-flicker:after {
/* background-color: #2ea598; */
}
/* 设置动画后颜色 */
.point-flicker:before {
background-color: rgba(0, 168, 253, 0.6);
}
/* 设置动画 */
.point-flicker:before,
.point-flicker:after {
content: '';
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
border-radius: 50%;
animation: warn 1.5s ease-out 0s infinite;
}
/* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */
@keyframes warn {
0% {
transform: scale(0.5);
opacity: 1;
}
30% {
opacity: 1;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
.map_infos {  }
#map_potinfo td{  }
#map_potinfo table{  }
.tdtit { /* color: #FF6600 ; */ font-size: 14px; font-weight: bold;  }
.monster_lia img { max-width: 130px; border-radius: 5px; }
.shuxing_huo { background-color: #f00; border:2px solid #f00 ; }
.shuxing_shui { background-color: #3399CC; border:2px solid #3399CC ; }
.shuxing_feng { background-color: #33CC66; border:2px solid #33CC66 ; }
.shuxing_tu { background-color: #996600 ; border:2px solid #996600 ; }
.shuxing_an { background-color: rgb(255, 255, 255,0.5) ; /* border:2px solid#444444 ; */ }
.shuxing_an img { border:2px solid #000; }
.cthis { border:2px solid #FFFFFF ; }
.n_weizhi { width:17px; height: 25px; background: url('/skin/images/now_weizhi.png'); position: relative; top: -54px; left: 4px; }
.n_weizhi{
animation: heart 0.2s ease-in-out 0.2s infinite alternate;
}
@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,2px)}
}
.n_weizhi_men { width:17px; height: 25px; background: url('/skin/images/now_weizhi.png'); position: relative; top: -28px; left: -4px; }
.n_weizhi_men{
animation: heart_men 0.3s ease-in-out 0.3s infinite alternate;
}
@keyframes heart_men{
from{transform:translate(0,0)}
to{transform:translate(0,2px)}
}
.n_weizhi_npc { width:17px; height: 25px; background: url('/skin/images/now_weizhi.png'); position: relative; top: -28px; left: -6px; }
.n_weizhi_npc{
animation: heart_npc 0.3s ease-in-out 0.3s infinite alternate;
}
@keyframes heart_npc{
from{transform:translate(0,0)}
to{transform:translate(0,2px)}
}
.jingying_biaoshi { display: block; width: 15px; height: 15px; background: url('/skin/images/ico_b.jpg'); background-size: 15px 15px; border-radius: 50%; position: relative;  }
.item-4 {
width: 10px;
height: 10px;
background: #f583a1;
border-radius: 50%;
background-color: #FFFF00;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;	
}
@keyframes scale {
0% {transform: scale(1);}
50%,75% {transform: scale(2.5);}
78%,100% {opacity: 0;}
}
.item-4:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FF0000;
/* opacity: 0.7; */
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 800ms;
transition: 0.5s all ease;
transform: scale(1);	
}
.item-boss2 {
width: 30px;
height: 30px;
/* background: #f583a1; */
border-radius: 50%;
/* background-color: #FFFF00; */
display: flex;
justify-content: center;
align-items: center;	
}
@keyframes scaleb {
0% {transform: scale(1);}
50%,75% {transform: scale(2.5);}
78%,100% {opacity: 0;}
}
.item-boss2:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FF0000;
/* opacity: 0.7; */
animation: scaleb 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 800ms;
transition: 0.5s all ease;
transform: scaleb(1);	
}
.quyu_biaoshi { background-color:rgba(102,153,153,0.8); color: #fFF; position: absolute; height: 30px; line-height: 26px; padding: 0 20px; border-radius: 15px; border: 2px solid #EEE;   }
.men_dian_shuoming { position: absolute; width: 15px; height: 15px; color: #FFFF00 ;white-space:nowrap   }
.gongneng_qu { padding-top:10px ; color: #EEE; }
.gongneng_qu span { color: #EEE !important; }
.map_tab {}
.map_tab .layui-tab-title { border-bottom: 1px solid #333; }
.map_tab .layui-tab-title li { margin-top: 0px !important; height: 30px; line-height: 30px !important; color: #EEE; border-radius: 15px;   }
.map_tab .layui-tab-title .layui-this { border:none; color: #EEE !important; background-color: #4a7e13; }
.map_tab .layui-tab-title .layui-this::after { border: none;  }
.maptools_shuoming { color: #aaa; }
.dot_img { width: 50px; height: 50px; border-radius:50%; }
.mapsys { width: 800px; margin:20px auto; }
.modal-dialog { box-shadow:none; }
.btn-outline-danger.show { color:#d92550; background:none; }
.monster_dian.active img{ border:2px solid #FF0000; }
.dot_chuansong { background:none !important; border:0px !important; }
.dot_npc { background:none !important; border:0px !important; }
.chuansong_name { position: relative; display: block; white-space:nowrap; top: 15px; text-shadow: 0 1px red, 1px 0 red, -1px 0 red, 0 -1px red;  width:120px;  /* background-color:#000; */  margin-left:-35px; text-align:center;  }
.npc_node {position: absolute;width: 16px; height:16px; background-color: #ff0000;cursor: pointer;border-radius: 50%; top:17px; margin-left:-8px; border:2px solid #FFF; }

.dot_monster .n_weizhi{ margin-top: -20px; }
.n_weizhi { width:17px; height: 25px; background: url('../image/now_weizhi.png'); position: relative; top: 0px; left: 16px; position:absolute; }
.n_weizhi{
animation: heart 0.2s ease-in-out 0.2s infinite alternate;
}
@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,2px)}
}

.map-sys { height: 50px; line-height:50px; }
.map-otinfo { height: 20px; line-height:20px }
/* G化模拟器 */
.item-slot {
  width: 38px;
  height: 38px;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 2px;
  display: inline-block;
  margin-right: 5px;
  /* overflow: hidden; */
  position: relative;
  z-index: 100;
}
.item-slot {
  /* vertical-align: middle; */
  /* position: relative; */
}

.gsim-splitter {
  display: inline-block;
  margin-right: 10px;
  line-height: 38px;
  vertical-align: middle;
}
.item-prototype {
  cursor: move;
}
.gsim-need {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  padding: 3px;
}
.gsim-need .gsim-need-num {
  position: absolute;
  /* right: -5px;
  bottom: -5px; */
  right: 0px;
  bottom: 0px;
  font-weight: bold;
  color: red;
  font-style: italic;
  background-color: white;
  border-radius: 10px;
  opacity: 0.8;
}
.gsim-add-item { height: 38px; line-height:35px; font-size:16px; text-align:center; }
.item-slot .gsim-slot-level {
  position: absolute;
  top: -3px;
  right: 0;
  font-weight: bold;
}
.czbt { position: relative; bottom:5px; left:-2px; z-index: 1000; height:18px; }
.czbt i {  }
.btn-sim-jia { border:1px solid #666; border-radius:2px; width:16px; height:16px; font-size:10px; text-align:center; line-height:16px; display:inline-block; color: #666; }
.btn-sim-jian { border:1px solid #666; border-radius:2px; width:16px; height:16px; font-size:10px; text-align:center; line-height:16px; display:inline-block;  color: #666;}
.need_mitemnum { top:22px !important; color:#F00; }
.gsim-item-li {  border-top: 1px dashed #ccc !important; overflow: hidden; padding-top:5px ; padding-bottom:5px; display:flex; }
.gsim-item-li:first-child{ border-top:0px !important; }
.gsim-a { cursor: pointer; }
/* 2023新首页 */
.btn-sm-sm,.btn-group-sm-sm > .btn{padding:.2rem .3rem;line-height:1.2;border-radius:.2rem;}
.card {border: 1px solid rgba(26,54,126,0.125);}
.card-header {border-bottom: 1px solid rgba(26,54,126,0.125);}
img.home-hot-pic{border-radius:10px;}
img.home-hot-pic-t{border-radius:10px;max-height:240px;}
.home-lpic { height:240px ; }
.m-home-news-b { height: 388px; }
.home-hotarc { /* margin-bottom: 5px; */ padding: 5px; }
.home-hotarc:hover { background-color: #eee; border-radius: 6px; }
.mu-gameicon { max-width: 100%; }
.cezi_upnews { height: 161px; overflow-y: scroll;scrollbar-width: none; }
.home-list-trades { margin: 0px; padding: 0px 10px 10px; }
.home-list-trades li { line-height: 30px; border-top: 1px dashed #555; list-style: none; }
.home-news-li-a { text-overflow: ellipsis; overflow: hidden;}
.news-content-home {
  overflow-y: auto;
  padding-right: 50px;
  height: 308px;
  font-weight: 500;
  color: #495057;
}
.main_arccontent{font-size:16px; line-height: 30px;}
.main_arccontent p{padding:0;margin-bottom:6px;line-height:30px;letter-spacing:0.5px;font-size:16px;}

.alert-info{background-color:#222;border:0px solid #4cb3d4;border-left:5px solid #111;border-radius:0.4rem;box-shadow:transparent 0px 0px 0px 0px,transparent 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px;padding:0.75rem 2rem;margin-bottom:1rem;color:#EEE;}
.alert-box{background-color:#f6f8fa;border-radius:0.4rem;box-shadow:transparent 0px 0px 0px 0px,transparent 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px;padding:0.75rem 1.2rem;margin-bottom:1rem;}
.alert-box p{font-size:16px !important;margin-top:3px !important;margin-bottom:3px !important;}
.alert-success p.alert-title,.alert-info p.alert-title{font-weight:600 !important;font-size:18px !important;margin-bottom:8px !important;margin-top:.2rem !important;}
.alert-success p.alert-content,.alert-info p.alert-content{margin-bottom:2px !important;}
.alert-success p code{background-color:rgba(0,164,0,.15) !important;}
.alert-success p{color:#003100 !important;}
.alert-info p code{background-color:rgba(84,199,236,.15) !important;}
.alert-info p{color:#EEE !important;}
.yyui_menu1 li a { padding: 0 12px !important; }
.yyui_menu1 ul.one li a { line-height: 50px; height: 50px; }

/* 新会员 */
.uinfo-box { max-width: 900px; }

.monster_map a { cursor: pointer;  }
/* 新版手机版修正 */
.card-header { height: 3.0rem; }
@media (max-width: 767.98px) {
  .app-main__inner {
    padding: 15px 15px 0;
    padding-right: 5px;
    padding-left: 5px;
  }
  .app-page-title{
	  margin: 0px;
  }
   .app-main__inner > .row{
	   margin: 0px;
   }
   .card-body {
     padding: 0.4rem 0.5rem;
   }
}
/* 新版手机版修正 END */
.system-set { width: 210px; }
/* .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: #343a40;
  background-color: transparent;
  border-color: transparent;
}
.btn.show:hover { color: #FFF; } */
.npc-exchange-tab .btn.show { background-color: #fff; color: #333; }

/* dosearchbox */
/** * Skipped minification because the original files appears to be already minified. * Original file:/npm/@docsearch/css@3.5.2/dist/style.css * * Do NOT use SRI with dynamically generated files! More information:https://www.jsdelivr.com/using-sri-with-dynamic-files */
/*! @docsearch/css 3.5.2 | MIT License | © Algolia,Inc. and contributors | https://docsearch.algolia.com */
:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,0.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,0.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,0.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,0.12)}
html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,0.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,0.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,0.5),0 -4px 8px 0 rgba(0,0,0,0.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}
.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;user-select:none}
.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}
.DocSearch-Button-Container{align-items:center;display:flex}
.DocSearch-Search-Icon{stroke-width:1.6}
.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}
.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}
.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}
.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}
@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}
}
.DocSearch--active{overflow:hidden!important}
.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}
.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}
.DocSearch-Container a{text-decoration:none}
.DocSearch-Link{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}
.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}
.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}
.DocSearch-Form{align-items:center;background:#eee;border-radius:6px;display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}
.DocSearch-Input{appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}
.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}
.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}
.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}
.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}
.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}
.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}
@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}
}
.DocSearch-Reset{animation:fade-in .1s ease-in forwards;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}
.DocSearch-Reset[hidden]{display:none}
.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}
.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}
.DocSearch-Cancel{display:none}
.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}
.DocSearch-Dropdown::-webkit-scrollbar{width:12px}
.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}
.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}
.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}
.DocSearch-Label{font-size:.75em;line-height:1.6em}
.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}
.DocSearch-Help{font-size:.9em;margin:0;user-select:none}
.DocSearch-Title{font-size:1.2em}
.DocSearch-Logo a{display:flex}
.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}
.DocSearch-Hits:last-of-type{margin-bottom:24px}
.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}
.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}
.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}
.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}
@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}
}
.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}
@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}
}
.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}
.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}
.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}
.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}
.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}
.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}
.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}
.DocSearch-Hit-icon{height:20px;width:20px}
.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}
.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}
.DocSearch-Hit-action svg{display:block;height:18px;width:18px}
.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}
.DocSearch-Hit-action-button{appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}
svg.DocSearch-Hit-Select-Icon{display:none}
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}
.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}
@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}
}
.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}
.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}
.DocSearch-Hit-title{font-size:.9em}
.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}
@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}
}
.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}
.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}
.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}
.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}
.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}
.DocSearch-Prefill{appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}
.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}
.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;user-select:none;width:100%;z-index:300}
.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}
.DocSearch-Commands li{align-items:center;display:flex}
.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}
.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}
@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}
.DocSearch-Dropdown{height:100%}
.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh,1vh)*100);position:absolute}
.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}
.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}
.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh,1vh)*100);margin:0;max-width:100%;width:100%}
.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh,1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}
.DocSearch-Cancel{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;user-select:none;white-space:nowrap}
.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}
}
@keyframes fade-in{0%{opacity:0}
to{opacity:1}
}
/* 扩展 */
.DocSearch-Button{border-radius:.375rem;}
.DocSearch-Button-Key{top:0;width:auto;height:1.25rem;padding-right:.125rem;padding-left:.125rem;margin-right:0;font-size:.875rem;background:none;box-shadow:none;}
[data-bs-theme="dark"]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-muted-color:#7f8497;}
@media (min-width:768px){.md\:max-h-\[60vh\]{max-height:60vh;}
}
#search-model .modal-dialog-scrollable .modal-content{overflow:unset;}
#search-model .modal-dialog-scrollable .modal-body{overflow:unset;}
.DocSearch-Form{height:42px;}
.search-btn-box{position:absolute;top:-30px;right:0px;}
.search-btn-box .search-btn-close{height:24px;line-height:24px;border-radius:12px;background-color:#252525;cursor:pointer;display:block;float:right;padding:0px 10px;}
.search-btn-box .search-btn-close:hover{background-color:#555;}
/* .bg-500{--tw-bg-opacity:1;background-color:#393c42;background-color:rgb(57 60 66/var(--tw-bg-opacity));}
.bg-600{--tw-bg-opacity:1;background-color:#282b2f;background-color:rgb(40 43 47/var(--tw-bg-opacity));}
.bg-700{--tw-bg-opacity:1;background-color:#202226;background-color:rgb(32 34 38/var(--tw-bg-opacity));} */
.bg-500{--tw-bg-opacity:1;background-color:#ccc;}
.bg-600{--tw-bg-opacity:1;background-color:#FFF;}
.bg-700{--tw-bg-opacity:1;background-color:#FFF;}
/* #top-header-search hr{border:1px solid #2b2e32;opacity:1;} */
#top-header-search hr{border:1px solid #EEE;opacity:1;}
.-mt-\[2px\]{margin-top:-2px;}
.px-2{padding-left:8px;padding-right:8px;}
.border-300{--tw-border-opacity:1;border-color:#86888c;border-color:rgb(134 136 140/var(--tw-border-opacity));}
.border-b-2{border-bottom-width:2px;}
.gap-2{gap:8px;}
.h-10{height:40px;}
.modal-backdrop.show{opacity:0.85;}
.border-100\/0{border-color:hsla(240,3%,85%,0);}
.cursor-pointer{cursor:pointer;}
.w-\[600px\]{width:600px;}
.z-10{z-index:10;}
#top-header-search .modal-dialog{max-width:750px;}
.border-searchtab{border-bottom:2px solid hsla(240,3%,85%,0);}
.border-searchtab.active{border-bottom:2px solid rgb(134 136 140); color:#000; }
.text-xs{font-size:.75rem;line-height:1rem;}
.opacity-75{opacity:.75;}
.w-9{width:32px;}
.h-9{height:32px;}
.w-full{width:100%;}
.h-full{height:100%;}
/* .divide-600 >:not([hidden]) ~:not([hidden]){--tw-divide-opacity:1;border-color:#282b2f;border-color:rgb(40 43 47/var(--tw-divide-opacity));} */
.divide-600 >:not([hidden]) ~:not([hidden]){--tw-divide-opacity:1;border-color:#eee;}
.divide-y >:not([hidden]) ~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:1px;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-style:solid;border-left:0px;border-right:0px;}
/* .hover\:bg-600:hover{--tw-bg-opacity:1;background-color:#282b2f;background-color:rgb(40 43 47/var(--tw-bg-opacity));} */
.hover\:bg-600:hover{--tw-bg-opacity:1;background-color:#ddd;}
.w-10{width:40px;}
.h-10{height:40px;}
.icon[data-v-9d2fac81]{display:inline-block;vertical-align:middle;}
.group:hover .group-hover\:opacity-75{opacity:.75 !important;}
.dcc{align-items:center;display:flex;justify-content:center;}
.h-\[2px\]{height:2px;}
.mx-3{margin-left:12px;margin-right:12px;}
.flex-grow,.grow{flex-grow:1;}
.opacity-50{opacity:.5;}
.font-semibold{font-weight:600;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.bg-600\/0{background-color:rgba(40,43,47,0);}
.overflow-y-auto{scrollbar-color:#5e6165 #202226;scrollbar-width:thin;}
.overflow-y-auto{overflow-y:auto;}
.h-\[500px\]{height:500px;}
@media (max-width:768px){.DocSearch-Button{margin-left:0px;}
}
/* vue3-easytalbe */
.customize-table{--easy-table-border:0px solid #445269;--easy-table-row-border:0px solid #445269;--easy-table-header-font-size:14px;--easy-table-header-height:40px;--easy-table-header-font-color:#c1cad4;--easy-table-header-background-color:#292929;--easy-table-header-item-padding:10px 15px;--easy-table-body-even-row-font-color:#fff;--easy-table-body-even-row-background-color:#333;--easy-table-body-row-font-color:#c0c7d2;--easy-table-body-row-background-color:transparent;--easy-table-body-row-height:40px;--easy-table-body-row-font-size:14px;--easy-table-body-row-hover-font-color:#212529;--easy-table-body-row-hover-background-color:#222;--easy-table-body-item-padding:10px 15px;--easy-table-footer-background-color:transparent;--easy-table-footer-font-color:#c0c7d2;--easy-table-footer-font-size:14px;--easy-table-footer-padding:0px 10px;--easy-table-footer-height:50px;--easy-table-rows-per-page-selector-width:70px;--easy-table-rows-per-page-selector-option-padding:10px;--easy-table-rows-per-page-selector-z-index:1;--easy-table-scrollbar-track-color:#212529;--easy-table-scrollbar-color:#212529;--easy-table-scrollbar-thumb-color:#4c5d7a;;--easy-table-scrollbar-corner-color:#212529;--easy-table-loading-mask-background-color:#212529;--easy-table-buttons-pagination-border:1px solid #ffd430;}
.customize-table td{border-bottom:1px solid #3a3a3a !important;}
.customize-table table th{/* background:#202226 !important;*/
 padding:.5rem .25rem;border-bottom:1px solid #3a3a3a}
.previous-page__click-button .arrow[data-v-c9da5286],.next-page__click-button .arrow[data-v-c9da5286]{display:inline-block;width:8px;height:8px;border-top:2px solid #f7b924;border-left:2px solid #f7b924;}
.buttons-pagination .item.button.active[data-v-4c681fa2]{background-color:#ffd430;color:#000;border-color:#ffd430;}
.buttons-pagination .item.button.active[data-v-4c681fa2]{border-color:#ffd430 !important;}
.vtable-search-box{width:100%;background-color:#333;height:30px;line-height:30px;}
.vtable-search-bt{}
.vtable-search-put{width:100%;background:none;border:none;color:#EEE;outline:none;}
.vtable-search-put::focus{border:0px;}
.bd-search { top:10px; position: unset; margin-left: 0px; }
.search-top-c-box {  }
.DocSearch-Button { margin-left: 0px; }
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1400px;
    }
  }
/* dosearchbox END */
/* .app-main { min-height: calc(100vh - 155px); } */
.box-h100 { min-height: calc(100vh - 155px); }
.w-32 { width: 32px; }
.h-32 { height: 32px; }
/* 2024 V3全局修正 */
.table td{vertical-align:middle;}
.btn-blue-001 {background-color: #0e99ee !important;border-color: #0e99ee !important;color:#fff;}
.btn-green-001 {background-color: #02AAAA !important;border-color: #02AAAA !important;color:#fff;}
.app-main .btn-primary{color:#fff;background-color:#da624a;border-color:#da624a;}
.new-fatiao-select .btn.show { color: #343a40; background-color: #FFF; }
.anchor:hover { color: #0E97EE !important; cursor: pointer; }
.anchor.this { color: #0E97EE !important; }
.mulu_tit { color: #F06292; }
/* 2025 */
.app-header__menu, .app-header__mobile-menu { padding: 0 1.0rem; }

.sider-menu-ul a,.sider-menu-ul a:active,.sider-menu-ul a:hover { color: #333; }
.sider-menu-ul ul { position: relative; }
.sider-menu-ul > li { margin-bottom: 10px; }
.sider-menu-ul > li > a { display: block; position: relative; padding: 5px 8px; border-radius: 6px; font-size: 16px; }
.sider-menu-ul > li > a:hover { background:#f7e6ea; }
.sider-menu-ul ul{padding-left:20px;}
.sider-menu-ul ul::before{content:'';height:100%;opacity:1;width:3px;background:#f7e6ea;position:absolute;left:15px;top:0;border-radius:15px;}
.sider-menu-ul ul > li { margin-bottom: 3px; }
.sider-menu-ul ul > li > a{padding:0 20px 0 20px;font-size:14px;display:block;position:relative;height:32px;line-height:32px;border-radius:6px;}
.sider-menu-ul ul > li > a:hover{background:#f7e6ea;text-decoration:none;}
.sider-menu-ul ul > li > a.active{background:#f7e6ea;text-decoration:none;}

.accordion-button:not(.collapsed) { background-color: #f7e6ea; color: #000;  }
button:not(.collapsed)::after {  color: #FFF; }
.accordion-button:focus { border:0px;box-shadow:none; }
@media (max-width:767px){
  #itemlist-sider { padding:  5px !important; max-width: 280px; }
}
a.quest-tjimg { border:1px solid #EEE; }
a.quest-tjimg:hover { border:1px solid #ea838e; } 
a.quest-tjimg:hover img {
  transform: scale(1.1);
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}