.itemicon_lit { width: 48px;height: 48px; border-radius: 2px;/* background-color: #000; */ }
.itemicon_lit_arc { max-width: 100%; }
.pr10 { padding-right: 10px; }
.dropdown-toggle::after { /* font-size: 18px; */ }
.qh_lili_yingguang { padding: 10px; }
.qh_lili_zaisheng { padding: 10px; }
.qh_lili_yingguang a:hover { color: #FFF; }
.qh_lili_yingguang li:hover { color: #FFF; }
.xiaoguotu { max-width: 100%; }
.yingguang_opli {  }
.none { display: none !important; }
.setpicbox { width: 230px; overflow: hidden; height: 320px; }
.setlist_setpic { width: 100%;height: 100%;object-fit: none;border-radius: 6px; }
.set_name { font-size: 20px; font-weight: bold;  }
.pb30{ padding-bottom: 30px; }
.date-cn { color:#FFF; text-align: center; }
.clear { clear: both; overflow: hidden; }
.mobile_show { display: none; }
.card-header { background-color: #F9F9F9;   }
.form-control { font-size: 0.9rem; } 
.fl { float: left; }
.fr { float: right; }
.pl20 { padding-left: 20px; }
.pl50 { padding-left: 50px; }
.baodian_logo { padding: 0 10px 0 0 !important; }
.logo_icon { width: 40px; height: 40px; }
.game_icon img{ width: 64px; height:64px;  }
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font20 { font-size: 20px; }
.tjgl_libox { height: 100px; align-items: flex-end !important; padding-bottom: 10px !important; }
.main_arccontent { font-size: 16px;}
.main_arccontent p {padding: 0;margin-bottom: 6px;line-height: 30px;letter-spacing: 0.5px; font-size: 16px;}
#wrapper { font-size: 16px; line-height: 30px; }
#wrapper p { font-size: 16px; line-height: 30px; margin-top: 5px; margin-bottom: 5px; }
#wrapper p a.pinzhi_0 { color:#77d1ff !important; }
/* #wrapper h4.title2 { color:#f7b924 !important; }
#wrapper h4.title2 span { color:#f7b924 !important; } */
.adbox-hengfu { height: 120px !important; }
.ad_note {position: relative;z-index: 100000000;}
@media (max-width:767px){
.baodian_logo {  font-size: 20px !important; }
.logo_icon {  width: 30px; height: 30px;  }
.table_itemmobleshipei tr td:first-child{ display:none; }
.card-body {padding: 0.8rem 1.0rem;}
.adbox-hengfu {  }
}
.vtop { vertical-align: top !important; }
.adddatas_put { background-color: #111; border: none; }
/* 搜索页 */
/* .app-theme-black .searchhome .table td:first{ border-top: none; } */
/* videopage */
.video-box {}
.video-box iframe{ width: 100%; height:600px;  }
.right-video-list {  }
.rvl-li { display: flex; }
.rvl-liimg { position: relative; }
.rvl-liimg img { position: relative;width: 141px;height: 80px;border-radius: 6px;background: #C9CCD0;background: var(--graph_weak);flex: 0 0 auto; }
.rvl-licont {  flex: 1; margin-left: 10px;  }
.v-card-tit { font-size: 15px; height: 45px; overflow: hidden; }
.vll-pic { height: 140px; overflow: hidden;  position: relative; }
.vll-pic img{ width: 100%; height:140px; border-radius: 6px; object-fit: cover;  }
.vll-pic-sinfo { position: relative; bottom: 38px; color:#FFF; padding: 12px 8px 6px; height: 38px;  border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);   }
.vll-pic-sinfo span:hover { text-decoration: none; }
.video-list a:hover { text-decoration: none; }
.vll-hover-div { position: relative;  width: 100%; height:140px; margin-top:-140px; background: rgb(0, 0, 0,0); border-radius: 6px; cursor: pointer; }
.vll-be { width: 60px; height:60px; margin: 0px auto;  }
.vll-be i{ font-size: 55px; margin-top: 40px;color: #FFF;  }
/* .vll-be i:hover {font-size: 55px; margin-top: 40px; color: #FFF; } */
.vll-hover-div:hover { background: url("../image/video_li_bg.png") center center;/* background: rgb(0, 0, 0,0.5); */ text-decoration: none; }
.v-card-tit a{ /* color:#333; */ /* font-size: 15px; */ }
.v-card-tit a:hover{ text-decoration: none; /* color:#3f6ad8 */ }
.refresh-icon { cursor: pointer; }
@media (max-width:1700px){
	.video-box iframe{ width: 100%; height:600px; }
}
@media (max-width:767px){
    .video-box iframe{ width: 100%; height:300px; }
}
.today-pricebox {border: 1px dashed #444;background-color: #111; padding:10px; font-size: 16px;}
/* 外观大全 */
.itemli_img img{ width: 100%; border-radius: 6px; }
.itemli_bt { position: absolute; top:10px; right: 10px; }
/* 技能模拟器优化 */
.calbt_allin { position: absolute;  font-size: 10px; left:1px; top:-29px; background-color: #333; padding:0px 2px; color: #aaa; cursor: pointer; }
.calbt_allin:hover { background-color: #f7b924; color: #000; }
.calbt_ten { position: absolute;  font-size: 10px; left:1px; top:-15px; background-color: #000; padding: 1px 5px; color: #FFF; cursor: pointer; display: none; }
.calbt_add { position: absolute;font-size: 8px; left:1px; top:-29px; background-color: #333; padding:0px 2px; width: 15px; text-align: center; color: #aaa; cursor: pointer; }
.calbt_subtract { position: absolute;  font-size: 8px; left:1px; top:-13px; background-color: #333; padding:0px 2px; width: 15px;text-align: center; color: #aaa; cursor: pointer; }

.skill_btbox {position: absolute;}
.slill_bt_info { padding-left: 3px; font-size: 12px; border:0px; width: 20px; height: 18px; background-image: none; background-color: #000; color: #FFF; }
/* Tip修正 */
.qtip { font-size: 14px; }
.qtip div { /* padding: 3px 0px; */ }
/* 新服 */
.color-red { color: #ff0000; }
.color-green { color: #3ac47d; }
.color-yellow { color:#FFD700;}
.color-orange { color:#f7b924;}
.color-red { color:#FF0000; }
.xinfu-tuijian {  }
.xinfu-tuijian A {  }
.xinfu-tuijian tr { background-color: #222; }
.xinfu-tuijian td.bg-dark { color: #EEE; }
.xf-name { color:#FF0000; font-weight: bold; }
/* 地图修正 */
/* 编辑器 */
.lay_frame_btbox { position: fixed; bottom: 0px; background-color: #F9F9F9; width: 100%; }
/* videobox */
/* 通用修正 */
.clear { overflow: hidden;clear: both; }
.tip_ci { color:#1a73e8; cursor: pointer; }
.tip-common { display: inline-block; margin-left:5px; margin-right:5px; /* background-color:#222; */ border-radius:6px; padding:0px 5px; margin-top: 1px !important;  }
.tip-common.pinzhi_0 { color: #1a73e8 !important; }
.td-hui { background-color: #292929; }
.user_face { width:32px !important; border-radius: 50%; }
.lng_selectbutton { display: inline-block; width: 34px; height: 34px; background: none; border:1px solide #555; border-radius: 50%; line-height: 34px; text-align: center;  color:#FFF; font-size: 16px; cursor: pointer; }
.lng_selectbutton i {  }
.arcmain-itemcont { font-size: .88rem;font-weight: 400;line-height: 1.5; }
.arcmain-itemcont p  { font-size: .88rem !important;font-weight: 400 !important;line-height: 1.5 !important; }
.arcmain iframe { width: 600px; height: 400px; }
.arcmain .video-box iframe { width: 1000px; height: 600px; }
img.home-hot-pic { border-radius: 10px; }
img.home-hot-pic-t { border-radius: 10px; max-height: 240px; }
.carousel-control-prev, .carousel-control-next { top:30px !important; }
.npc_litpic { max-width: 100px; }
.btn-sm-sm, .btn-group-sm-sm > .btn{
	padding: .2rem .3rem;
	line-height: 1.2;
	border-radius: .2rem;
}
.news-content { height: 200px; }
a.ahover_none:hover { color: none !important; }
.home-newitem-li img{ width: 50px; }
/* 深色背景 */
.app-theme-black.app-container {background-color: rgb(19,18,18) !important; /* background-color: rgb(19,18,18) !important;
background-image: url("../images/Bg-3.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50%;
background-size: cover;
background-blend-mode: overlay; */}
.app-theme-black a:not([href]):not([tabindex]) {
    color: #EEE;
    text-decoration: none;
}
.card-black { background-color: #333 !important; color: #ebdec2; }
.card-black .card-header { background-color: #222 !important; color: #FFF; border-bottom: 1px solid #333 ; }
.app-theme-black .input-holder {  background-color: #000 !important; }
.app-theme-black .search-input { background-color: #000 !important; color: #FFF; }
.app-theme-black .table thead th { border-bottom: 2px solid #444; }
.app-theme-black .table th, .app-theme-black .table td { border-top: 1px solid #444; }
.app-theme-black .table tbody{ border-top: 2px solid #444; }
.app-theme-black .selectm_li { border-bottom: 1px solid #444;margin-bottom: 10px;padding-bottom: 3px; }
.app-theme-black .card { background-color: #333 !important; color: #ebdec2;  }
a { color: #77d1ff; }
a:hover { color: #77ffff; }
.app-theme-black .card .card-header { background-color: #333 !important; color: #FFF; border-bottom: 1px solid #444 ; }
.app-theme-black .card .card-header > .nav .nav-link { color: #EEE; }
.app-theme-black .card-body { background-color: #333; color: #EEE; }
.app-theme-black .news-content { color: #ebdec2; }
.app-theme-black .list_li_p li { border-bottom: 1px #444  solid; }
.app-theme-black .timeline-block { background-color: #333; }
.app-theme-black .app-page-title { background-color: #222; color:#ebdec2 ; }
.app-theme-black .table-bordered th,.app-theme-black .table-bordered td { border:1px solid #444 }
.app-theme-black .m-home-recommendup { background-color: #333; }
.app-theme-black .btn-sm i { font-size: 13px !important; margin-top: -2px; }
.app-theme-black .table .table {
  background-color: #333 !important;
}
table .firstRow td{ white-space: nowrap; }
table .firstRow td span{ white-space: nowrap !important; }

.app-theme-black .yyui_menu1 li ul { background-color: #666; border:1px solid #666; }
.app-theme-black .yyui_menu1 li ul a { color: #FFF; }
.app-theme-black .yyui_menu1 li ul a:hover { background-color: #111; }
.app-theme-black .yyui_menu1 ul.one li:hover { background-color: #111; }


.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #ffd430; color: #000; border: 1px solid #ffd430; }
.pagination > li > span.laypage-curr { background-color: #ffd430; color: #000; }
.pagination > li > a, .pagination > li > span { border: 1px solid #ffd430; }
.pagination > li > a, .pagination > li > span { color: #000; border: 1px solid #000; }
.leftNav-item ul li { background-color: #ffd430; color: #000; }
.leftNav-item ul li i { color: #000; }
.leftNav-item ul li:hover { background-color: #000; }
.baodian_logo a:hover { color:#ff0000; }

.recommendup__title { background-color: #333; border-bottom: 1px solid #444 ; }
.app-theme-black .app-page-title { background-color: #333; }
.app-theme-black .ula a{ color:#ccc; }
.app-theme-black .ula a:hover {color: #77ffff;}
.app-theme-black .btn-outline-light { color: #bbb; border-color: #bbb; }

.app-theme-black .table-hover tbody tr:hover{ background-color: #000; }
/* datatable扩展 */
table.dataTable tbody tr { background-color: #333; }
.dataTables_wrapper input {
  padding: 2px 5px;
  background: #333;
  color: #ccc;
  font-size: 14px;
  border: 1px #000 solid;
  border-radius: 1px;
  line-height: 1.5;
}
.dataTables_wrapper input:focus{
	border: 1px #000 solid;
}
.dataTables_wrapper input:focus-visible{
	border: 1px #000 solid;
}
/* 深色旧版兼容 */
.app-theme-black .contb {  padding-top: 20px; }
.app-theme-black .contb img{ max-width: 100%; }
.app-theme-black .contb table{ width: 100%; border-width: 1px;border-color: #666;border-collapse: collapse; }
.app-theme-black .contb th{     border-width: 1px;padding: 8px;border-style: solid;border-color: #666;  }
.app-theme-black .contb td{     border-width: 1px;padding: 8px;border-style: solid;border-color: #666; }
.app-theme-black .article_sinfo { border-top:1px solid #444 }
.app-theme-black .drop_box_s15 { padding-bottom: 20px; }
.app-theme-black .banben_son h4{ font-size: 18px; margin-top: 10px;  }
.app-theme-black .text-system { color: #666; font-size: 14px; }
.app-theme-black h1.banben_tit { font-size: 24px; font-weight: bold; margin-top: 20px; color: #FFFF00; }
.app-theme-black .article_sinfo { color: #aaa; }
.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; }

.setbox div.set_col3box {
  border: 2px solid #000 !important;
  border-radius: 5px !important;
  background-color: #191919 !important;
  padding: 10px 15px;
  margin-bottom: 10px;
  height: 400px;
  /* overflow-y: scroll; */
}
.setpicbox { padding-right: 0px !important;  }
.app-theme-black .ps__rail-y { /* background-color: #555  !important; */   opacity: .5;}
.app-theme-black .ps__thumb-y { background-color: #f7b924 !important;  opacity: 1; }
.app-theme-black .table thead th { background-color: #292929; }
.app-header { border-bottom: 1px solid #333; }
.bg-dark { background-color: #111 !important; }
.recommendup__list a:hover { background-color: #000 !important; }
/* 弹出model模块修正 */
.app-theme-black .modal-dialog { box-shadow: 0 0 10px rgb(255,255,255) inset,0px 0px 8px rgb(255,255,255,0.4);  border-radius: 0px; }
.app-theme-black .modal-header { padding: 0.5rem 1rem; background-color: #000;border-bottom: 1px solid #000; border-radius: 0px; }
.app-theme-black .modal-title { font-size: 1.1rem; color: #f7b924; }
.app-theme-black .modal-header .close { color: #FFF;  }
.app-theme-black .modal-content { background: none !important; z-index: 9999; border: 0px; border-radius: 0px;}

/* 装备对比 */
	.taozhuang_box { margin-top: 20px; }
	.taozhuang_li{ height: 50px; background-color: #111; margin-bottom: 10px; /* line-height: 50px; */ border-radius: 5px; padding: 0px 10px;  }
	.tz_h2 {font-size: 20px; font-weight: bold; }
	.li_setname { line-height:50px; }
	.modal-backdrop { z-index:5; }
	.modal { padding-top:70px; background-color: rgba(0,0,0,0.8);  }
	.game_icon img{ width: 64px; height:64px;  }
	.modal { max-height:100%; overflow-y:scroll; }
	@media (max-width:767px){	
	#item_baseinfobox_1 tr td:first-child{ display:none; }
	#item_baseinfobox_2 tr td:first-child{ display:none; }
	.equip-mainbox .card-body { padding:0px; }
	.col-6 { padding-right:5px;padding-left:5px; }
	.modal { max-height:100%; overflow-y:scroll; }
	.taozhuang_li { height:auto; overflow: hidden; }
	.taozhuang_li .add-level-tools { margin-top:-10px; padding-bottom:5px; }
	.li_setname { line-height:25px; }
	}


/* 首页 */
.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 { background-color: rgba(0,0,0,0.85); 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;}
.home-post-lists {  margin: 10px 0px; padding: 0px 10px; }
.home-post-lists li { display: block; margin: 20px 20px; border-bottom: 1px dashed #444; padding-bottom: 20px; }
.home-post-title { font-size: 20px; color: #EEE; }
.home-post-sinfo { margin-top: 10px; }
.home-post-smalltext { color: #bbb; margin-top: 10px; } 
@media (max-width:767px){
	.home-post-lists li{ margin: 10px 0px;  }

}	
/* 新版道具品质颜色 */
.color_putong{color:#EEE !important}
.color_zhuoyue{color:#33FF66 !important}
.color_taozhuang{color:#33FF66 !important}
.color_xingyun{color:#0099FF !important}
.color_shishi{color:#ffc800 !important}
.color_jin{color:#FF9933 !important}
.color_dong{color:#CC00FF !important}
.tit_sk { color:#00FFFF !important }
.pinzhi_0 {color:#EEE !important}
/* 卓越 */
.pinzhi_1 {color:#33FF66 !important}  
/* 套装 */
.pinzhi_2 {color:#33FF66 !important}
/* 洞装 */
.pinzhi_3 {color:#CC00FF !important}
.pinzhi_4 {color:#CC00FF !important}
.pinzhi_5 {color:#CC00FF !important}
.pinzhi_6 {color:#CC00FF !important}
/* PVP项链 */
.pinzhi_7 {color:#33FF66 !important}
/* 坐骑 */
.pinzhi_8 {color:#CC00FF !important}
/* 耳环 */
.pinzhi_10 {color:#33FF66 !important}
/* 元素道具 */
.pinzhi_11{color:#ffc800 !important}
.pinzhi_12{color:#0099FF !important}
/* 旧版color */
.zhuoyue_color{color:#33FF66 !important}
.xingyun_color{color:#0099FF !important}
.shishi_color{color:#ffc800 !important}
.jin_color{color:#FFCC33 !important}
.dong_color{color:#CC00FF !important}
/* 道具内页 */
h1.item_name { font-size: 20px; font-weight: bold; margin: 0px; padding: 0px;  }
/* 职业专题 */
.icon_1th { background: url(../image/newui_skill00.jpg); box-sizing: 21px 30px; }
.icon_3th { background: url(../image/new_Master_Icon.jpg); box-sizing: 21px 30px; }
.icon_4th { background: url(../image/4th_Skill_Icon.jpg); box-sizing: 21px 30px; }
.icon_1th_big { background: url(../image/newui_skill00_big.jpg); box-sizing: 30px 40px; }
.icon_3th_big { background: url(../image/new_Master_Icon_big.jpg); box-sizing: 30px 43px; }
.icon_3th_big_s16 { background: url(../image/new_Master_Icon_big_s16.jpg); box-sizing: 30px 43px; }
.icon_4th_big { background: url(../image/4th_Skill_Icon_big.jpg); box-sizing: 30px 40px; }
.img_fl_txt { width: 21px; height: 28px;  margin-right: 10px; border:2px solid #eee  }
.api_skillico {  display: inline-block; }
.htitbox_skillapi { overflow: hidden; padding-left: 0px !important; }

.icon_1th_big {
  background: url(../image/newui_skill00_big.jpg);
  background-position-x: 0%;
  background-position-y: 0%;
  box-sizing: 30px 40px;
}

.skill_1th_tree_box { padding: 20px; position: relative; overflow: hidden;   }
.skill_1th_tree_box_top { background-color: #000; padding: 10px; border-radius: 10px; color: #DDD; margin-top: 10px; }
.skill_1th_tree_box_cont { margin-top: 10px; overflow: hidden; }
.skill_1th_tree_box_left { float: left; }
.skill_1th_tree_box_right {  float: left; background-color: #000; padding: 10px; border-radius: 10px; margin-left: 20px; color: #DDD; }
.tree_bg_1th { width: 100%;  background: url('');}
.tree_bg_1_1th { float: left; margin-top: 0px; margin-left: 0px;   }
.bt_skill_tree_1th { display: block; float: left;  width: 31px; height: 42px; border:1px solid #fff; cursor: pointer; margin-left: 10px; margin-bottom: 10px; }
.bt_this_1th { border:1px solid #FFFF00  !important;    }

.contb {  padding-top: 20px;  }
.contb img{ max-width: 100%; }
.contb table{ width: 100%; border-width: 1px;border-color: #EEEEEE;border-collapse: collapse; }
.contb th{     border-width: 1px;padding: 8px;border-style: solid;border-color: #EEEEEE;  }
.contb td{     border-width: 1px;padding: 8px;border-style: solid;border-color: #EEEEEE; }
/* 工具 */
.czuoyue{color:#33FF66 !important}
.cputong{color:#00CCFF !important}
.c_hong {color: #FF3366 !important;}
.put_c {background-color: #000 !important; border-radius: 5px; color: #ffc800 !important; border: 0px; height: 32px; line-height: 32px;}
.exptools_putshuoming { line-height: 30px;  padding-left: 78px; padding-top: 5px; }
.exp-put { background-color: #000; border: none; color: #FFFF00 ; }
.form-control.exp-put:disabled, .form-control.exp-put[readonly] { background-color: #000; }

.layui-tab-item { display: none; } 
.layui-show { display: block; }
.maptools_title { border-bottom: 1px solid #252525 ; margin-bottom: 10px; }
/*通用手机端修正 弹出model模块修正END */
@media (max-width:767px){
	.mobile_shuzhi { display: block; font-size: 12px; padding-left: 70px; padding-top: 5px; }
	.exptools_putshuoming { line-height: 30px; padding-left: 0px;  padding-top: 5px; }
	span.wx_xiaochengyu { margin-top: 5px; }
	.mobile_none { display: none; }
	.mobile_show { display: block; }
	.patch-number { font-size: 10px; }
	.setpicbox { width:100px; height: 220px;  }
	.setlist_setpic {}
	.setpic_td { vertical-align: top !important; }
	.setbox div.set_col3box { height: auto !important; }
	/* .app-theme-black .ps__rail-y { display: none; } */
	.arcmain iframe { width: 100%; max-width: 100% !important; height:300px; }
}

/*每行5个扩展*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 0px;
    padding-left: 8px;
    padding-right: 8px;
  }
  @media ( min-width : 768px) {
    .col-sm-5ths {
      width: 20%;
      /* float: left; */
	  flex: 0 0 20%;
    }
  }
  @media ( min-width : 992px) {
    .col-md-5ths {
      width: 20%;
      /* float: left; */
	  flex: 0 0 20%;
    }
  }
  @media ( min-width : 1200px) {
    .col-lg-5ths {
      width: 20%;
      /* float: left; */
	  flex: 0 0 20%;
    }
}