@charset "UTF-8";
body{ font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB";}
a{color:#1967d2;}
a:hover{color:#6996e8;}
.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;}
.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; margin-right: 5px;}
.game_icon img{width:64px;height:64px;}
.font20{font-size:20px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-30{font-size:30px;}
.font-40{font-size:40px;}
.font-50{font-size:50px;}
.font-boldnone { font-weight: normal; }
.tjgl_libox{height:200px;align-items:flex-end !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; }
.cursor_p { cursor: pointer; }
@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;}}.vtop{vertical-align:top !important;}
.adddatas_put{background-color:#111;border:none;}
/* 通用修正 */
.clear{overflow:hidden;clear:both;}
.tip_ci{color:#1a73e8;cursor:pointer;}
.tip-common{display:inline-block;margin-left:3px;margin-right:3px;/* background-color:#222; */border-radius:6px;padding:0px 2px;margin-top:1px !important;}
.tip-common.pinzhi_0{color:#1a73e8 !important;}
.td-hui{background-color:#F9F9F9;  /* font-weight: bold; font-size: 15px; */ }
.td-huang{background-color:#FFF9CE !important;}
.td-hone{background-color:#F7E5EA !important;}
.user_face{width:32px !important;border-radius:50%;}
.lng_selectbutton{display:inline-block;width:34px;height:34px;background-color:#666;border-radius:50%;line-height:34px;text-align:center;color:#FFF;font-size:16px;cursor:pointer;}
.lng_selectbutton i{}
.modal-dialog { box-shadow:none; }
.itemlist_icon_ra { border-radius: 5px; }
#vue-loader { top:200px; left: 50%; margin-left: -100px;margin-top: 0px; }
.carousel-control-prev, .carousel-control-next { top:20px !important; }
/* .table-bordered thead th, .table-bordered thead td { border-bottom: 1px; } */
/* tools */
.timetr_hover { background-color: #EEE; }
/* cardbox */
.tip-line{border-bottom: 1px solid #555; height: 2px; margin-top: 7px; margin-bottom: 8px; width: 100%;}
.over-hidden{overflow: hidden;}
.tip-itemsetright { /* position:absolute; top: 0px; left:280px; */ font-size: 12px; }
.qtip-default{background-color: #000; border-radius: 6px;}
.iteminfobox_card{background-color: rgb(25, 25, 25,0.9); border-radius: 6px; /* width: 280px; */}
.itemin-fobox { background-color: rgb(25, 25, 25,0.9); border-radius: 6px; border:1px solid #000; }
.rinfo p { line-height: 13px; }
.reqinfo { font-size: 11px; }
.qtip-content{padding: 5px 10px;}
.mxd_tipcommon{padding: 5px 10px; line-height: 17px; max-width: 400px; position: relative; min-width: 200px;}
.mxd_tipcommon img{max-width: 250px;}
.mxd_tipcommon .table th, .mxd_tipcommon .table td{padding: 2px 5px;}
.tip_title{color:#e83e8c}
.tip_sinfo{position: relative; top:0px; left:40px; max-width: 350px;}
.tip_icon{position: absolute; top:8px; left:10px;}
.tip_icon img{width: 30px; height: 30px;}
.itemframe, .itemframe div, .itemframe p{box-sizing: border-box; padding: 0; margin: 0;}
.itemframe{display: inline-block; width: 100%; /* width: 260px; */ /* background-color: #000000; */ color: white; font-family: SimSun; font-size: 12px; line-height: 16px; /* border: 1px solid #000000; */ border-radius: 6px; /* box-shadow: 0 0 0 2px #454545; */ padding: 0px 10px 0px 10px; margin: 2px 2px;text-align:left;}
.itemframe>div{border-bottom: 1px dashed #FFFFFF33; padding: 7px 0;}
.itemname{font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased; margin-bottom: 4px;}
.itemframe .head{text-align: center;}
.itemframe .hl{color: #FFCC00;}
.itemframe .mid{padding-bottom: 5px; position:relative;}
.itemframe .mid .gjlzl { position:absolute; right:0px; top:0px;  }
.itemframe .mid .gjlzjl_num { font-size: 25px; font-weight:bold; }
.itemframe .icon{/* border: 1px solid #000000bb; */ width: 78px; height: 78px;  border-radius: 4px;  margin: 1px 0; background-color: #bbbbbb;  overflow: hidden; padding: 3px; /* background: url("/dbsource/UI/UIToolTip.img.Item.ItemIcon.base.png"); */}
.itemframe .icon img{width: auto; height: 62px; margin-top: 5px; margin-left: 4px;}
.itemframe img{border: 0; vertical-align: middle;}
.itemframe .rinfo{flex-wrap: wrap; justify-content: space-between; width: 153px;}
.itemframe .rinfo span:first-child{flex: 0 0 100px;}
.itemframe .reqjob{border: 1px solid #ffffff55; border-radius: 4px; box-shadow: 0 0 0 1px #000000;}
.itemframe .reqtm{color: red; display: flex; justify-content: space-around;}
.iteminline{display: inline-flex;}
#content .itemframe .rinfo p{line-height: 16px;}
.itemframe .reqtm span{margin: 0 3px;}
.itemframe .lmtb{color: #ccff00;}
.itemframe .ojob{display: flex; justify-content: space-around;}
.itemframe .iinfo { line-height: 18px; }
.cash_tagpic { position:absolute; top:40px; left:40px;  }
.cash_tagpic img { width: 30px; height: 30px; }
.icon_grade_bg { position: absolute; top: 0px; left: 0px; }
.showstand1 img { border-radius: 6px; max-width: 100%; }
/* 外观大全 */
.gw2_shows_picli { margin: 10px; }
.gw2_shows_picbox img { max-width: 100%; border-radius: 6px; }
.gw2_shows_pictit { font-size: 20px; height: 30px; line-height: 30px; }
.gw2_shows_litpic { height: 20px; line-height: 30px; border-radius: 2px; }
/* 深色背景 */
.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 .td-hui{background-color:#292929;}
.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;}

.app-theme-black .card .card-header{background-color:#222 !important;color:#FFF;border-bottom:1px solid #333;}
.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:#222;}
.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;}
.btn-sm-sm { padding: .12rem .5rem; }
.btn-sm { /* padding: .12rem .5rem; */ }
.item_list_icon .itemlist_icon { width: 50px; height: 50px; border-radius: 5px; }
.nav-infos i{ font-size: 21px; margin-right: 5px;}
/* 道具详情 */
/* .closed-sidebar .app-sidebar { width: 0px; } */
.item_title h1{ font-size: 1.2rem; font-weight: bold; margin: 0px; }
.item_title .item_icon { display: inline-block; margin-right: 5px; }
.item_title .item_icon img{ width: 25px; height: 25px; display: inline-block; vertical-align: middle; border-radius: 5px;  }
.tooltip_gw2-n {font-size: 14px; line-height: 20px; /* width: 250px; */ }
.tooltip_gw2-n h1{ font-size: 16px;}
.item_show_pic { text-align: center;  }
.item_show_pic img { max-width: 100%; }
.icon-lit { width: 18px; height: 18px; border-radius: 3px; margin-bottom: 2px; }
.icon-big { width: 32px; height: 32px; border-radius: 5px;  }
/* tip修正 */
.qtip { max-width: 400px; min-width: 300px; }
/* 首页扩展 */
.tools_icon{ display: inline-block; margin-bottom: 5px;}
.tools_icon img{max-width: 100%; /* width: 83px; */ vertical-align: middle;}
.tools_tit{}
.home-newitem-li { display: inline-block; }
.home-newitem-li:hover { background-color: #555; }
.home-newitem-li img { width: 30px; height: 30px; margin: 3px; border-radius: 5px; border:1px solid #eee;  }
/* 道具详情END */
@media (max-width:767px){
.bibli_videobox { max-width: 100% !important;max-height: 500px !important; /* min-height: 300px !important; */ min-width: 100% !important; }
}
.site_nav { height: 260px; }

/* keroui style */
.bg-dark-222 { background-color: #222; }
.bg-dark-222 .list-group-item { background-color: #222;  }
.bg-dark-333 { background-color: #333; }
.bg-dark-333 .list-group-item { background-color: #333;  }
.dropdown-menu-header{margin-left:-.65rem;margin-right:-.65rem;border-top-left-radius:10px;border-top-right-radius:10px}
.dropdown-menu-rounded .menu-header-image,.dropdown-menu-rounded .dropdown-menu-header-inner{border-top-left-radius:10px;border-top-right-radius:10px}
.dropdown-menu-hover-link .dropdown-item:hover{background:none;color:#da624a}
.dropdown-item.dropdown-item-desc{display:block;white-space:normal;border-radius:.35rem}
.dropdown-item.dropdown-item-desc p{display:block;opacity:.7;margin:3px 0 0}
.dropdown-item.dropdown-item-desc span{font-weight:bold;display:block}
.dropdown-item.dropdown-item-desc:hover p{display:block;opacity:.8}
.dropdown-menu-hover-primary .dropdown-item:hover{background:#da624a;color:#fff}
.dropdown-menu.dropdown-menu-lg{min-width:22rem}
.dropdown-menu.dropdown-menu-xl{min-width:25rem}
.dropdown-menu .dropdown-menu-header,.dropdown-menu .menu-header-image,.dropdown-menu .dropdown-menu-header-inner{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.dropdown-menu-header{color:#fff;margin-top:-.65rem;margin-bottom:.65rem;position:relative;z-index:6}
.dropdown-menu-header .dropdown-menu-header-inner{margin:-1px -1px 0;padding:1.5rem .5rem;position:relative}
.dropdown-menu-header .menu-header-image{position:absolute;left:0;top:0;height:100%;width:100%;z-index:8;opacity:.25;filter:grayscale(80%);background-size:cover}
.dropdown-menu-header .menu-header-content{text-align:center;position:relative;z-index:10}
.dropdown-menu-header .menu-header-content.text-left{padding-left:.5rem}
.dropdown-menu-header .menu-header-content.btn-pane-right{padding-left:.5rem;padding-right:.5rem;display:flex;align-content:center;align-items:center;text-align:left}
.dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane{margin:0 0 0 auto}.dropdown-menu-header .menu-header-content .menu-header-btn-pane{margin-top:10px;margin-bottom:3px}
.dropdown-menu-header+.grid-menu{margin-top:-.65rem}
.menu-header-title{font-weight:500;font-size:1.25rem;margin:0}
.menu-header-subtitle{font-size:"Roboto",sans-serif;margin:5px 0 0;opacity:.8}
.avatar-icon-wrapper{display:inline-block;margin-right:.1rem;position:relative}.avatar-icon-wrapper .badge{position:absolute;right:-2px;top:-2px}.avatar-icon-wrapper .badge:empty{display:block}.avatar-icon-wrapper .badge.badge-bottom{top:auto;right:-2px;bottom:-2px}.avatar-icon-wrapper .badge-dot{width:10px;height:10px;border:#fff solid 2px}.avatar-icon-wrapper .badge-dot.badge-dot-lg{width:14px;height:14px;border:#fff solid 2px;top:0;right:0}.avatar-icon-wrapper .badge-dot.badge-dot-lg.badge-bottom{top:auto;right:0;bottom:0}.avatar-icon-add .avatar-icon{background:#f7dfda;border:#e7998a dashed 1px;color:#da624a;text-align:center;opacity:.6}.avatar-icon-add .avatar-icon i{font-style:normal;vertical-align:middle;font-size:1.5rem;display:block;height:100%}.avatar-icon-add:hover{cursor:pointer}.avatar-icon-add:hover .avatar-icon{opacity:1}a.avatar-icon-wrapper:hover .avatar-icon{opacity:.8}.avatar-icon{display:block;width:44px;height:44px;transition:all .2s;opacity:1;border-radius:50px}.avatar-icon.rounded{border-radius:.52rem !important}.avatar-icon-xl .avatar-icon{width:64px;height:64px}.avatar-icon-xl.avatar-icon-add i{font-size:2rem}.avatar-icon-lg .avatar-icon{width:54px;height:54px}.avatar-icon-lg.avatar-icon-add i{font-size:1.75rem}.avatar-icon-sm .avatar-icon{width:34px;height:34px}.avatar-icon-sm.avatar-icon-add i{font-size:1.125rem}.avatar-icon-xs .avatar-icon{width:26px;height:26px;transition:transform .2s}.avatar-icon-xs.avatar-icon-add i{line-height:26px;font-size:.9rem}.avatar-icon-xs:hover .avatar-icon{transform:scale(2)}.avatar-icon{border:#fff solid 3px;overflow:hidden}.avatar-icon img{width:100%;height:100%}.avatar-wrapper-overlap .avatar-icon-wrapper{z-index:5;margin-left:-18px}.avatar-wrapper-overlap .avatar-icon-wrapper:hover{z-index:7}.avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xl{margin-left:-30px}.avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-lg{margin-left:-24px}.avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-sm{margin-left:-14px}.avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xs{margin-left:-10px}.avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-add,.avatar-wrapper-overlap .avatar-icon-wrapper:first-child{margin-left:0 !important}
.widget-content .widget-numbers {font-size: 1.0rem;}
.widget-heading h4 { font-size: 1.0rem;  }
/* 浅色兼容 */
.baodian_logo a { color: #333; }
.yyui_menu1 li a { color:#333 }
.yyui_menu1 li ul { border:1px solid #EEE; background-color: #FFF; border-top: 0px; }
.yyui_menu1 li ul li a:hover{ background-color: #F9F9F9; }
.yyui_menu1 li:hover { background-color: #FFF; }
.waterfull ul li { background-color: #FFF !important; border: solid 1px #FFF !important; box-shadow: 0 0 3px #EEE !important; }
.waterfull ul li .li-title { color: #333; }
/* VUE分页 */
.grid{position:relative}
.grid-item{position:absolute}
.page{/* height:40px;*/text-align:center;color:#888;margin:20px auto 10px;/* background:#f2f2f2;*/}
.jumpinp input{width:55px;height:26px;font-size:13px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center}
.ellipsis{padding:0px 8px}
.jumppoint{margin-left:30px}
.pagelist .gobtn{font-size:12px}
.bgprimary{cursor:default;color:#fff;background:#337ab7;border-color:#337ab7}
.pagelist .jump.disabled{pointer-events:none;background:#ddd}

.pagelist-black{font-size:0;/* background:#fff;*//* height:50px;*/line-height:50px}
.pagelist-black span{font-size:14px}
.pagelist-black .jump{border:1px solid #111;padding:6px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;margin-left:5px;background:#222}
.pagelist-black .bgprimary{cursor:default;color:#fff;background:#f7b924;border-color:#f7b924}

.pagelist-white{font-size:0;/* background:#fff;*//* height:50px;*/line-height:50px}
.pagelist-white span{font-size:14px}
.pagelist-white .jump{border:1px solid #eee;padding:6px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;margin-left:5px;background:#eee}
.pagelist-white .bgprimary{cursor:default;color:#fff;background:#3f6ad8;border-color:#3f6ad8}
.pagelist-white .jump:hover{ background-color: #F9F9F9;color:#888; }
/* 深色旧版兼容 */
.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;}
@media (max-width:767px){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;}*/
}

.home_glbox_li {}
.home_glbox_li h4 { font-size: 14px; padding: 6px 0px 0px; line-height: 27px; margin-bottom: 3px;color:#77d1ff;  }
.home_glbox_li h4 a { color:#77d1ff; }

.home_glbox_li.grid-menu [class*=col-]{border-right:rgba(0,0,0,0.225) solid 0 !important; border-bottom:rgba(0,0,0,0.225) solid 1px !important}
.grid-menu [class*=col-]:hover{z-index:5}
/* 浅色翻页 */
.pagebox { text-align: center; }
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#888;background-color:#EEE;border:1px solid #EEE;margin:0px 2px; border-radius: .25rem;  margin-bottom: 5px;}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;}
.pagination > li:last-child > a,.pagination > li:last-child > span{}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:3;color:#888;background-color:#f9f9f9;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;color:#ffffff;background-color:#3f6ad8;border-color:#3f6ad8;cursor:default}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#777777;background-color:#ffffff;border-color:#3f6ad8;cursor:not-allowed}
.pagination-lg > li > a,.pagination-lg > li > span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{}
.pagination-sm > li > a,.pagination-sm > li > span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{}
.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li{display:inline}
.pager li > a,.pager li > span{display:inline-block;padding:5px 14px;background-color:#ffffff;border:1px solid #3f6ad8;border-radius:15px}
.pager li > a:hover,.pager li > a:focus{text-decoration:none;background-color:#eeeeee}
.pager .next > a,.pager .next > span{float:right}
.pager .previous > a,.pager .previous > span{float:left}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span{color:#777777;background-color:#ffffff;cursor:not-allowed}
.pagination > li > span.laypage-curr {
    background-color: #3f6ad8;
	color: #FFF;
    font-size: 14px;
}
.pagination li:last-child a {}
/* 深色翻页 */
/**
.pagebox { text-align: center; }
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#f7b924;background-color:#222;border:1px solid #111;margin:0px 2px; border-radius: .25rem; font-weight: bold; margin-bottom: 5px;}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;}
.pagination > li:last-child > a,.pagination > li:last-child > span{}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:3;color:#f7b924;background-color:#222;border-color:#666}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;color:#ffffff;background-color:#f7b924;border-color:#f7b924;cursor:default}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#777777;background-color:#ffffff;border-color:#f7b924;cursor:not-allowed}
.pagination-lg > li > a,.pagination-lg > li > span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{}
.pagination-sm > li > a,.pagination-sm > li > span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{}
.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li{display:inline}
.pager li > a,.pager li > span{display:inline-block;padding:5px 14px;background-color:#ffffff;border:1px solid #f7b924;border-radius:15px}
.pager li > a:hover,.pager li > a:focus{text-decoration:none;background-color:#eeeeee}
.pager .next > a,.pager .next > span{float:right}
.pager .previous > a,.pager .previous > span{float:left}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span{color:#777777;background-color:#ffffff;cursor:not-allowed}
.pagination > li > span.laypage-curr {
    background-color: #f7b924;
	color: #FFF;
    font-size: 14px;
}
.pagination li:last-child a {}
**/
/* END */
@media(min-width:576px){.grid-menu [class*=col-]:nth-last-child(-n+2){border-bottom-width:0} .grid-menu [class*=col-]:nth-child(1n){border-right-width:1px !important} .grid-menu [class*=col-]:nth-child(2n){border-right-width:0}}
.grid-menu [class*=col-]:nth-last-child(-n+1){border-bottom-width:0}
@media(min-width:1200px){.grid-menu.grid-menu-3col [class*=col-]:nth-last-child(-n+3){border-bottom-width:0} .grid-menu.grid-menu-3col [class*=col-]:nth-child(2n){border-right-width:1px !important} .grid-menu.grid-menu-3col [class*=col-]:nth-child(3n){border-right-width:0}}
.grid-menu .btn{display:block; border:0; min-width:100%}
.home_glbox_li .btn-outline-secondary { /* color:#ebdec2; */ }
.list-group-item {border-color: rgba(0,0,0,0.225) !important; }
/* 首页 */
.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.75);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;}
.app-page-title .page-title-icon{background:none !important;}
/* 新版道具品质颜色 */
.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(../images/newui_skill00.jpg);box-sizing:21px 30px;}
.icon_3th{background:url(../images/new_Master_Icon.jpg);box-sizing:21px 30px;}
.icon_4th{background:url(../images/4th_Skill_Icon.jpg);box-sizing:21px 30px;}
.icon_1th_big{background:url(../images/newui_skill00_big.jpg);box-sizing:30px 40px;}
.icon_3th_big{background:url(../images/new_Master_Icon_big.jpg);box-sizing:30px 43px;}
.icon_3th_big_s16{background:url(../images/new_Master_Icon_big_s16.jpg);box-sizing:30px 43px;}
.icon_4th_big{background:url(../images/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(../images/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;}
@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;}}.layui-tab-item{display:none;}
.layui-show{display:block;}
.maptools_title{border-bottom:1px solid #252525;margin-bottom:10px;}
/* gw2 */
.itemname_h1{font-size:20px;}
.item_infos .tooltip{opacity:1;border:none;box-shadow:none;margin-top:0px;position:static !important;}
.item_infos .tooltip h1{font-size:24px;font-weight:bold;}
.qtip-gw2 .tooltip{opacity:1;margin:0px;border:none;box-shadow:none;margin-top:0px;}
.qtip-gw2 .tooltip h1{font-size:24px;font-weight:bold;}
.qtip-gw2{background:#FFF !important;color:#333 !important;font-size:14px !important;}
.qtip-gw2 .attributes>dt{/* margin-left:0px;*/}
img.icon64{width:64px;height:64px;}
img.icon32{width:32px;height:32px;}
.recipeli{display:block;margin:5px 0px;}
.recipeoutname{display:block;margin-top:5px;}
.tdcenter{text-align:center;}
#content{padding:0 0 50px}
#content:after,#content:before{content:" ";display:table}
#content:after{clear:both}
#footerBar{text-align:center;color:#444;height:30px;line-height:30px;background-color:#f9f9f9;border:solid #eee;border-width:1px 0;padding:0 20px;position:absolute;bottom:0;left:0;right:0}
.devGridRow,.developer-body h3,.toc{position:relative}
#footer{padding:10px 0 50px}
.footerGrid{margin:15px 0 30px}
.footerGrid ul{color:#999;font-size:11px;margin:5px 0 15px;padding:0}
.footerGrid ul li{margin:8px 0 8px 2px}
.footerGrid ul li a{color:#666}
.legalNotice{color:#999;font-size:11px;clear:both}
.legalNotice a{color:#8b8b8b}
#notifications{margin:0;padding:0;background:#f4f4f4;color:#000}
#notifications>li{padding:10px 0;border-bottom:1px solid #e0e0e0}
#notifications .notificationContent>p:last-child{margin-bottom:0}
#notifications .dismiss{float:right;margin-left:20px}
.notice{border:1px solid #7FDBFF;background-color:rgba(127,219,255,.2);padding:.5em;margin:1em}
.pageWidth{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.floatLeft{float:left}
.codeWrap{color:green;background:#FAFAFA;border:0 solid #DDD;border-top-width:1px;border-bottom-width:1px}
.developer-body h2{margin-top:0;margin-bottom:10px;font:40px Adelle,Bitter,'Segoe UI',sans-serif;font-weight:700;position:relative}
.developer-body h3{margin-top:25px;margin-bottom:10px;font:32px Adelle,Bitter,'Segoe UI',sans-serif;font-weight:700}
.codeWrap .c,.codeWrap .c1,.codeWrap .cm,.codeWrap .cp,.codeWrap .cs,.codeWrap .ge{font-style:italic}
.devHeader{background-color:#2c8566;background-image:linear-gradient(-35deg,#2c8566,#2c8566 50%,#39ac84 90%);padding-top:40px;padding-bottom:20px;color:#fff}
.developer-body section.pageWidth p{margin:1.6em 0 0;padding:0;max-width:750px;font-size:16px;line-height:1.6em;-moz-font-feature-settings:"pnum"1,"kern"1;-moz-font-feature-settings:"pnum=1,kern=1";-ms-font-feature-settings:"pnum"1,"kern"1;-o-font-feature-settings:"pnum"1,"kern"1;font-feature-settings:"pnum"1,"kern"1}
.toc{width:300px;float:right;background:#eee;padding:25px;margin:0 0 20px 20px;font-size:13px;color:#666;z-index:1}
.toc h3{font-family:'Open Sans',Helvetica,sans-serif;font-size:16px;font-weight:600;margin:0 0 5px;color:#444}
.codeWrap pre,code b,pre b{font-family:Consolas,monospace}
.toc ol{padding-left:15px;margin:1.6em 0 0}
.toc ol>li+li{margin-top:5px}
.devBoxGroup{margin-bottom:3em;padding-bottom:1em;background-color:#f6f6f6}
.devTable{width:100%;margin-top:1.6em;border:1px solid #DDD}
.devTable ul,.docList h4{margin:0}
.devTable td,.devTable th{padding:8px 16px;border:1px solid #DDD;vertical-align:top;text-align:left}
.devTable td{word-break:break-all;word-break:break-word}
.devTable>thead>tr>th{background:#f6f6f6}
.devTable>tbody>tr>th{text-align:left}
.devTable>tbody>tr:hover>td,.devTable>tbody>tr:hover>th{background-color:#FAFAFA}
.docList li{margin-bottom:1em}
.devGrid{margin-top:1.5em}
.devGridRow{width:100%;padding-bottom:20px;margin-bottom:10px;overflow:hidden;clear:both}
.devGridCol{float:left;width:32%;box-sizing:border-box;padding:20px 20px 10000px;margin-bottom:-10000px}
.devGridCol:nth-child(n+2){margin-left:2%}
@media (max-width:800px){.devGridRow{margin-bottom:0;padding-bottom:0}
.devGridCol{float:none;width:auto;padding-bottom:20px;margin-bottom:10px}
.devGridCol:nth-child(n+2){margin-left:0}}code b,pre b{font-weight:700}
.codeWrap{overflow-x:auto;margin-top:1.6em}
.codeWrap pre{line-height:18px;font-size:13px;color:#333;min-width:80ch;box-sizing:content-box;max-width:1160px;word-break:break-all}
.codeWrap .hll{background-color:#ffc}
.codeWrap .c{color:#998}
.codeWrap .err{color:#a61717;background-color:#e3d2d2}
.codeWrap .k,.codeWrap .o{color:#000;font-weight:700}
.codeWrap .cm{color:#998}
.codeWrap .cp{color:#999;font-weight:700}
.codeWrap .c1{color:#998}
.codeWrap .cs{color:#999;font-weight:700}
.codeWrap .gd{color:#000;background-color:#fdd}
.codeWrap .ge{color:#000}
.codeWrap .gr{color:#a00}
.codeWrap .gh{color:#999}
.codeWrap .gi{color:#000;background-color:#dfd}
.codeWrap .go{color:#888}
.codeWrap .gp{color:#555}
.codeWrap .gs{font-weight:700}
.codeWrap .gu{color:#aaa}
.codeWrap .gt{color:#a00}
.codeWrap .kc,.codeWrap .kd,.codeWrap .kn,.codeWrap .kp,.codeWrap .kr{color:#000;font-weight:700}
.codeWrap .kt{color:#458;font-weight:700}
.codeWrap .m{color:#099}
.codeWrap .s{color:#d01040}
.codeWrap .na{color:teal}
.codeWrap .nb{color:#0086B3}
.codeWrap .nc{color:#458;font-weight:700}
.codeWrap .no{color:teal}
.codeWrap .nd{color:#3c5d5d;font-weight:700}
.codeWrap .ni{color:purple}
.codeWrap .ne,.codeWrap .nf,.codeWrap .nl{color:#900;font-weight:700}
.codeWrap .nn{color:#555}
.codeWrap .nt{color:navy}
.codeWrap .nv{color:teal}
.codeWrap .ow{color:#000;font-weight:700}
.codeWrap .w{color:#bbb}
.codeWrap .mf,.codeWrap .mh,.codeWrap .mi,.codeWrap .mo{color:#099}
.codeWrap .s2,.codeWrap .sb,.codeWrap .sc,.codeWrap .sd,.codeWrap .se,.codeWrap .sh,.codeWrap .si,.codeWrap .sx{color:#d01040}
.codeWrap .sr{color:#009926}
.codeWrap .s1{color:#d01040}
.codeWrap .ss{color:#990073}
.codeWrap .bp{color:#999}
.codeWrap .vc,.codeWrap .vg,.codeWrap .vi{color:teal}
.codeWrap .il{color:#099}
.redColumns .devGridCol{background-color:#cf423a}
.yellowColumns .devGridCol{background-color:#7b5294}
.greenColumns .devGridCol{background-color:#2c8566}
.blueColumns .devGridCol{background-color:#297ea9}
.docGrid .devGridCol{color:rgba(244,244,244,.8)}
.docGrid .devGridCol.more{background:#e0e0e0;color:#AAA;font-weight:600}
.docGrid .devGridCol.more span{position:absolute;bottom:20px}
.docGrid h4{margin:0 0 10px}
.docGrid h4 a{display:block;font-size:20px;color:#fff}
.docGrid h4 a:not([href]){color:rgba(255,255,255,.4)}
.anchor-link{position:absolute;left:-20px;top:-20px;padding-top:20px;opacity:0;transition:opacity 1s .5s ease-out;color:inherit;outline:0 !important}
.bannerSearch #mainsearch:focus,.chatlink,.item-link:focus{outline:0}
.anchor-link>svg{fill:currentColor;transition:fill .3s ease}
.anchor-link:hover>svg{fill:#245dc1}
h1:hover .anchor-link,h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anchor-link,h5:hover .anchor-link,h6:hover .anchor-link{opacity:1;transition-duration:.3s;transition-delay:0s}
html.js .only-no-js,html.no-js .only-js{display:none}
#tooltip{position:fixed;z-index:100000;pointer-events:none;transition:opacity .5s;opacity:0;top:0;left:0}
#tooltip.visible{transition:opacity .3s .1s;opacity:1}
.itemHeader{margin-top:0;position:relative;background:#f9f9f9;height:84px;padding:0;border-bottom:1px solid #eee}
.itemHeader>.pageWidth{padding:10px 340px 10px 104px;position:relative}
@media (max-width:767px){.itemHeader>.pageWidth{padding-right:20px}}.itemHeader .icon{position:absolute;top:10px;left:20px}
.itemHeader h2{font:24px Adelle,Bitter,Georgia,serif;font-weight:700;overflow:hidden;margin:2px 0 4px;display:inline-block;max-width:100%}
.itemDetails>.tooltip>header,.itemHeader h2 .overflow{display:none}
.itemHeader h2:hover{position:absolute;margin:-2px 10px 0 -8px;padding:4px 8px;border-radius:2px;background:rgba(255,255,255,.95);box-shadow:0 1px 2px rgba(0,0,0,.2);white-space:normal;word-break:break-all;word-break:break-word;word-wrap:break-word;z-index:2}
.itemHeader h2:hover+.details__breadcrumb{margin-top:38px}
.itemHeader h2.removed{text-decoration:line-through}
.details__breadcrumb{color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.details__breadcrumb a{color:#222}
.details__breadcrumb a:hover{text-decoration:underline}
.details__breadcrumb svg{width:12px;height:12px;vertical-align:-2px;fill:#888}
.item-link-16 img,.item-link-32 img,.item-link-64 img{vertical-align:top}
.details__breadcrumb .breadcrumb-0{font-weight:700}
.itemDetails{clear:left}
.itemDetails>.tooltip{box-shadow:none;border:none;margin:0 0 20px;padding:20px 0 0;max-width:calc(100% - 330px)}
@media (max-width:767px){.itemDetails>.tooltip{max-width:none}}.itemDetails__achievement p{margin-top:12px}
.clear{clear:both}
.infobox{float:right;margin:0 0 20px 20px;padding:10px}
.attributes>dd,.suffixBonusList li:before{float:left;/* width:45px; */clear:both;text-align:right}
.color-Ascended{color:#fb3e8d}
.color-Basic{color:#999}
.color-Exotic{color:#fda500}
.color-Fine{color:#4f9dfe}
.color-Junk{color:grey}
.color-Legendary{color:purple}
.color-Masterwork{color:#2dc50e}
.color-Rare{color:#f4c900}
.color-format-reminder,.tooltip .muted,.tooltip>p{color:#777}
.border-Ascended{border-color:#fb3e8d}
.border-Basic{border-color:#111}
.border-Exotic{border-color:#fda500}
.border-Fine{border-color:#4f9dfe}
.border-Junk{border-color:grey}
.border-Legendary{border-color:purple}
.border-Masterwork{border-color:#2dc50e}
.border-Rare{border-color:#f4c900}
.chatlink{border:none;font:inherit}
.recipeBox header .output,.tooltip>header{font-family:Adelle,Bitter,Georgia,serif;font-size:1.15em;font-weight:700}
.item-link:hover{text-decoration:none}
.item-link img{margin-right:.5em}
.item-link.removed .item-link-text{text-decoration:line-through}
.item-link-16{line-height:16px}
.item-link-32{line-height:32px}
.item-link-64{line-height:64px}
.item-link-text{border-bottom:2px solid;border-color:transparent;transition:border-color .2s ease}
.item-link:focus .item-link-text,.item-link:hover .item-link-text{border-color:inherit}
/* .tooltip{display:inline-block;background:#333;box-shadow:0 0 0 5px rgba(0,0,0,.02);border:1px solid #eee;max-width:500px;line-height:1.6;padding:16px;margin:15px 15px 15px 0}
.tooltip>header{margin-bottom:.4em;line-height:1}
.tooltip>p{margin:0} */
.removed-from-api{color:#d32f2f;margin-bottom:4px}
.attributes{overflow:hidden;margin:1em 0}
.attributes>dd{color:#1E971E;padding:0;margin:0;position:absolute}
.attributes>dt{padding:0 0 0 .65em;margin:0 0 0 45px}
.upgradeSlot>.attributes{margin:0}
.unusedUpgradeSlot:first-of-type{margin-top:1em}
.unusedUpgradeSlot:last-of-type{margin-bottom:1em}
.unusedUpgradeSlot{margin:.25em 0}
.upgradeSlot{margin:1em 0}
.upgradeSlot img{margin-right:.4em;vertical-align:text-top}
.infusion_slots{margin:1em 0;padding:0}
.suffixBonusList{padding:0;counter-reset:suffixBonusList;position:relative;margin:0}
.suffixBonusList li{padding:0 0 0 .42em;margin:0 0 0 45px;counter-increment:suffixBonusList}
.suffixBonusList li:before{left:0;padding:0;margin:0;position:absolute;content:"("counter(suffixBonusList) ")"}
.color-field{display:inline-block;width:32px;height:32px;margin:2px;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.money{white-space:nowrap}
.money .copper,.money .gold,.money .silver{padding-right:1.6em;position:relative}
.money .copper:after,.money .gold:after,.money .silver:after{content:'';position:absolute;height:.9em;width:.9em;display:block;border-radius:50%;right:.3em;top:50%;margin-top:-.45em}
.money .gold:after{background:gold}
.money .silver:after{background:silver}
.money .copper:after{background:#D3824C}
ul.itemList{-moz-column-width:450px;column-width:450px;padding:0;margin:0}
ul.itemList>li{padding-top:4px;line-height:32px;page-break-inside:avoid;break-inside:avoid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ul.itemList.itemList--singleColumn{-moz-columns:1;columns:1}
ul.itemList .itemListItem--with-info{clear:right;display:-ms-flexbox;display:flex}
ul.itemList .itemListItem--with-info>.item-link{-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ul.itemList .itemListItem--with-info>.itemListInfo{float:right;line-height:32px;white-space:nowrap;margin-left:16px}
.similarHidden{display:none}
#similar:target~.headerSimilar{clear:both}
#similar:target~.itemListSimilar .similarHidden{display:list-item}
#similar:target~.itemListSimilar .showMore{display:none}
.recipeBox{margin:15px 15px 15px 0;display:inline-block;border:1px solid #eee;background:#f9f9f9;overflow:hidden;white-space:nowrap;vertical-align:top;max-width:100%}
@media (max-width:480px){.recipeBox{width:100%}}.recipeBox header{margin-bottom:10px;background:#fff;border-bottom:1px solid #eee}
.recipeBox header .output a{display:block;color:inherit;line-height:32px;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.count,.filter>h4,.filterButton,.filterDisciplines{display:inline-block}
.recipeBox .timeToCraft{float:right;margin-right:15px;margin-left:25px}
.recipeBox .timeToCraft i:first-of-type{margin-left:4px}
.recipeBox .disciplines{float:left;padding-left:15px;padding-bottom:8px}
.recipeBox .disciplines i:last-of-type{margin-right:4px}
.recipeBox ul.ingredients{clear:both;border-top:1px solid #eee;margin:8px 0 0;padding:8px 10px}
.recipeBox .recipe{padding:8px 15px 10px;border-top:1px solid #eee}
.recipeBox .recipeLabel{margin-right:4px}
.recipeBox .anchor{top:0}
.recipeBox .anchor:target+header{animation:target ease-out 3s}
.recipeBox__refinementEctoplasm{clear:both;padding:8px 15px 0;border-top:1px solid #eee}
ul.ingredients{margin:0;padding:0}
ul.ingredients>li{margin-bottom:1px;padding-left:58px;text-indent:-58px}
.count{width:32px;padding-right:3px;text-align:right}
.count:not(:empty):after{content:'鑴�'}
.recipeTable{min-width:600px}
.recipeTable>tbody>tr>td:nth-child(2){text-align:center}
.recipeTable>tbody>.learnedFromItem>th{position:relative;background-clip:padding-box;padding-bottom:3em}
.recipeTable .unlockedBy{font-size:12px;position:absolute;bottom:8px;left:32px;right:8px;padding-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipeTable .disciplines{font-size:0}
.recipeTable-overflow{overflow-x:auto;width:100%;clear:both}
.filter{margin-bottom:1em;float:right}
h3~.filter{margin-top:-2.9em}
@media (max-width:600px){h3~.filter{margin-top:0}}.filter>h4{font-size:13px;margin:0;padding:3px 5px;border-right:1px solid #DDD}
.filterDisciplines{vertical-align:middle;font-size:0}
.filterButton{position:relative;width:20px;height:20px}
.filterButton.enabled i{transition:all .3s}
.filterButton.enabled:hover i{transform:translateY(-3px)}
.filterButton.enabled:after,.filterButton.enabled:before{opacity:0;transition:all .3s;content:'';width:20px;height:2px;background:#000;z-index:10;top:9px;left:0;position:absolute}
.filterButton.enabled.active:after,.filterButton.enabled.active:before{opacity:1}
.filterButton.enabled.active:hover:after,.filterButton.enabled.active:hover:before{opacity:.5}
.filterButton.enabled.active:before{transform:rotate(45deg)}
.filterButton.enabled.active:after{transform:rotate(-45deg)}
.filterButton.disabled{opacity:.4;-webkit-filter:grayscale(1);cursor:auto}
.recipeTable.filtered>tbody>tr{display:none}
.recipeTable.filtered.filter-show-armorsmith>tbody>tr.discipline-armorsmith,.recipeTable.filtered.filter-show-artificer>tbody>tr.discipline-artificer,.recipeTable.filtered.filter-show-chef>tbody>tr.discipline-chef,.recipeTable.filtered.filter-show-huntsman>tbody>tr.discipline-huntsman,.recipeTable.filtered.filter-show-jeweler>tbody>tr.discipline-jeweler,.recipeTable.filtered.filter-show-leatherworker>tbody>tr.discipline-leatherworker,.recipeTable.filtered.filter-show-scribe>tbody>tr.discipline-scribe,.recipeTable.filtered.filter-show-tailor>tbody>tr.discipline-tailor,.recipeTable.filtered.filter-show-weaponsmith>tbody>tr.discipline-weaponsmith{display:table-row}
.smallMatchBox{min-width:650px;padding:5px 0 0;margin:5px 0 0}
.smallMatchBox dl{margin:0}
.matchListHeader>span,.smallMatchBox dd,.smallMatchBox dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;margin:0;padding:1px 5px;position:relative}
.matchListHeader>.world,.smallMatchBox dt{clear:left;text-align:right;width:150px}
.matchListHeader>span:nth-child(n+2),.smallMatchBox dd{transition:width .3s;min-height:1.5em;border-left-width:1px;border-left-style:solid}
.matchListHeader>.score,.smallMatchBox dd.score{text-align:right;width:250px}
.matchListHeader>.income,.smallMatchBox dd.income{width:150px}
.smallMatchBox .scoreBarLabel{position:absolute;left:0;margin:0 10px}
.smallMatchBox .score .scoreBarLabel{right:0}
.smallMatchBox .scoreBar{line-height:1.4em;box-sizing:border-box;border-radius:3px;display:inline-block}
.smallMatchBox .scoreBar .income{font-size:.8em}
.smallMatchBox .scoreBar.red{background-color:#FF7469;background:linear-gradient(to bottom,#FF8E83 0,#FF7469 100%)}
.smallMatchBox .scoreBar.blue{background-color:#33A7FF;background:linear-gradient(to bottom,#4DC1FF 0,#33A7FF 100%)}
.smallMatchBox .scoreBar.green{background-color:#6CD997;background:linear-gradient(to bottom,#86F3B1 0,#6CD997 100%)}
.matchListHeader>.objectives>span,.smallMatchBox dd.objectives>span{display:inline-block;width:30px;text-align:center}
.smallMatchBox>.reset{clear:left}
@media (max-width:790px){.matchListHeader>.score,.smallMatchBox dd.score{width:150px}
.matchListHeader>.income,.smallMatchBox dd.income{width:100px}}@media (max-width:620px){.matchListHeader>.score,.smallMatchBox dd.score{width:100px}
.matchListHeader>.income,.smallMatchBox dd.income{width:75px}}.matchListHeader{min-width:650px;font-weight:700;font-family:'Segoe UI','Open Sans',sans-serif}
.matchList{border-color:#ddd}
.dark .matchList{border-color:#444;color:#fff}
.matchList *{border-color:inherit}
.matchList .smallMatchBox{border-top-width:1px;border-top-style:solid}
.dark .matchList a{color:#72ACDA}
.dark .smallMatchBox .scoreBar.red{background-color:#B30000;background:linear-gradient(to bottom,#B30000 0,#900 100%)}
.dark .smallMatchBox .scoreBar.blue{background-color:#005BC0;background:linear-gradient(to bottom,#005BC0 0,#0041A6 100%)}
.dark .smallMatchBox .scoreBar.green{background-color:#0A663D;background:linear-gradient(to bottom,#0A663D 0,#004D24 100%)}
i.loading{width:3em;height:1em;position:relative;display:inline-block;overflow:hidden}
i.loading:after{position:absolute;content:'';width:.5em;height:.5em;top:-1.75em;background:0 0;left:1.25em;-webkit-animation:loading 2s infinite ease;box-shadow:0 2em 0 #aaa,-.75em 2em 0 #aaa,.75em 2em 0 #aaa}
.bannerSearch,.button,.textbox{box-shadow:0 0 3px rgba(0,0,0,.3)}
#mainsearchAutocomplete{max-height:0;background:#fff;overflow:hidden;transition:all .5s;opacity:0}
#mainsearchAutocomplete.visible{max-height:600px;opacity:1}
#mainsearchAutocomplete.visible.loading{opacity:.3}
#mainsearchAutocomplete>a{display:block;padding:6px 12px;margin:0 8px;border-radius:1px;font:13px/32px 'Open Sans',sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}
#mainsearchAutocomplete>a:last-child{margin-bottom:8px}
#mainsearchAutocomplete>a:hover{text-decoration:none;background-color:#f7f7f7}
#mainsearchAutocomplete>a>img{margin-right:.5em;vertical-align:top}
#searchSuggestionbox a img,.bannerSearch button i{vertical-align:text-bottom}
.banner{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center 0;background-size:auto 250px;min-height:250px}
.js .banner{background-image:linear-gradient(#30373d 200px,#d4d8e1 200px)}
.js.no-webp .banner,.no-js .banner{background-image:url(../img/header.png),linear-gradient(#30373d 200px,#d4d8e1 200px)}
.js.webp .banner{background-image:url(../img/header.webp),linear-gradient(#30373d 200px,#d4d8e1 200px)}
.banner .header{position:relative;margin:0 auto 15px;padding-top:10px;max-width:800px}
.banner .header img{width:100%;position:absolute;top:0;left:0;height:auto}
.banner .header__wrapper{padding-bottom:18.75%;position:relative}
.bannerSearch{position:relative;font-size:30px;line-height:55px;max-width:1000px;margin-left:auto;margin-right:auto;background:#fff}
.bannerSearch button,.bannerSearch label{font-family:'Cronos Pro',Adelle,Bitter,sans-serif;line-height:55px;font-size:25px;border:0 solid transparent;padding:0 20px;position:relative;font-weight:700}
.bannerSearch button:after,.bannerSearch label:after{content:'';display:inline-block;position:absolute;width:1px;margin:5px 0;height:45px;background:#ddd}
.bannerSearch label{color:#590000;border-right-width:1px;float:left}
.bannerSearch label:after{right:-1px}
.bannerSearch button{transition:all .3s;display:block;background:0 0;outline:0;border-left-width:1px;float:right}
.bannerSearch button:hover{background:#eee}
.bannerSearch button:after{left:-1px}
.bannerSearchInput{height:55px;position:relative;overflow:hidden}
.bannerSearch #mainsearch{font:30px/1 'Open Sans Condensed',sans-serif;box-sizing:border-box;padding:0 20px;width:100%;height:55px;border:none}
.start-wrapper{background-image:linear-gradient(#d4d8e1 250px,#fff 500px)}
#snowcanvas{width:100%;height:100%;position:absolute;max-height:250px;pointer-events:none}
.no-canvas #snowcanvas,.no-js #snowcanvas{display:none}
@media (max-width:800px){.banner .header{max-width:400px;min-height:85px}
.banner{background-position:center -75px;background-size:auto 250px;min-height:175px}
#snowcanvas{max-height:175px}}#searchSuggestionbox ul{margin:0;padding:0;list-style-type:none;opacity:1;transition:opacity .3s ease}
#searchSuggestionbox ul.loading{opacity:.3}
#searchSuggestionbox a{padding:4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
#searchSuggestionbox a:focus,#searchSuggestionbox a:hover{text-decoration:none;background-color:#f9f9f9}
#searchSuggestionbox a img{margin-right:2px}
.achievement__objective--text:before,.achievement__reward--mastery:before,.achievement__reward--title:before,.achievement__reward--unknown:before{vertical-align:top;height:32px;margin-right:.5em;width:32px;display:inline-block}
#searchSuggestionbox mark{background:0 0;color:inherit;text-decoration:underline;font-family:'Segoe UI','Open Sans',sans-serif;font-weight:700}
.formTable{min-width:400px}
.formTable th{border-right:1px solid #ddd;text-align:right}
.button,.radio+label:before,.textbox{border:1px solid #ccc;box-sizing:border-box}
.formTable td,.formTable th{padding:0 5px}
.button,.textbox{background:#fff;font:inherit;padding:.3em .75em;margin:.3em}
.button:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}
.button:active{background:#f9f9f9;box-shadow:0 0 3px rgba(0,0,0,.5),inset 0 0 3px rgba(0,0,0,.3)}
.radio{display:none}
.radio+label{display:inline-block;margin:.3em}
.radio+label:before{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:50%;width:1em;height:1em;display:inline-block;content:'';background-clip:padding-box;margin-right:.3em}
.radio+label:hover:before{background-color:#f4f4f4}
.radio:checked+label:before{background:#444;background:radial-gradient(circle at 50% 50%,#444 0,#555 42%,transparent 50%)}
.statistics{text-align:center;overflow:hidden;padding:0;background:linear-gradient(to right,#fff,#FCFBF9 10%,#FCFBF9 90%,#fff);box-shadow:inset 0 5px 5px -5px rgba(0,0,0,.1),inset 0 -3px 3px -3px rgba(0,0,0,.1)}
.statistics li{margin:20px 50px;display:inline-block;min-width:22%;box-sizing:border-box;text-align:center;vertical-align:top}
.statistics li strong{font-size:42px;line-height:1em;font-weight:700;display:block;white-space:nowrap;margin-bottom:5px}
.statistics li em{text-decoration:none;font-style:normal;text-transform:uppercase;font-size:10px;font-weight:700;color:#aaa;display:block}
.grid>.row{position:relative;overflow:hidden;clear:both;width:100%}
@media (min-width:850px){.grid>.row>.column1{width:100%;float:left;padding-bottom:1000px;margin-bottom:-1000px}
.grid>.row>.column1:nth-child(n+2){padding-left:10px}
.grid>.row>.column1:nth-last-child(n+2){padding-right:10px}
.grid>.row>.column2{width:50%;float:left;padding-bottom:1000px;margin-bottom:-1000px}
.grid>.row>.column2:nth-child(n+2){padding-left:10px}
.grid>.row>.column2:nth-last-child(n+2){padding-right:10px}
.grid>.row>.column3{width:33.3333333333%;float:left;padding-bottom:1000px;margin-bottom:-1000px}
.grid>.row>.column3:nth-child(n+2){padding-left:10px}
.grid>.row>.column3:nth-last-child(n+2){padding-right:10px}
.grid>.row>.column4{width:25%;float:left;padding-bottom:1000px;margin-bottom:-1000px}
.grid>.row>.column4:nth-child(n+2){padding-left:10px}
.grid>.row>.column4:nth-last-child(n+2){padding-right:10px}
.grid>.row>.column5{width:20%;float:left;padding-bottom:1000px;margin-bottom:-1000px}
.grid>.row>.column5:nth-child(n+2){padding-left:10px}
.grid>.row>.column5:nth-last-child(n+2){padding-right:10px}}.sidebar{float:right;width:300px;padding:10px 24px 24px;background:#fff;border:1px solid #eee;border-width:0 1px 1px;margin:-84px 0 25px 25px;position:relative;overflow:hidden}
.sidebar h3{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:16px;margin-top:16px}
.sidebar dl,.sidebar ul{margin-top:0;margin-bottom:0}
.sidebar ul{padding:0}
@media (max-width:767px){.sidebar{float:none;background:#f7f7f7;margin:0 -20px 25px;padding:16px 20px;width:auto;border-width:1px 0}}.sidebar-share{margin-right:-8px}
.sidebar-share li{float:left;display:block;position:relative;width:25%;margin-bottom:0}
.sidebar-share li.chatlink{width:auto;background-color:#fff;padding:7px 5px 7px 48px;float:none;margin-right:8px;border:1px solid #eee;margin-bottom:8px}
.sidebar-share li.chatlink:before{content:'[&]';background-color:#fff;display:block;position:absolute;top:0;bottom:0;left:0;width:40px;padding:7px 5px;box-sizing:border-box;text-align:center;font-weight:700;border-right:1px solid #eee}
.sidebar-share li a{display:block;background:#ddd;padding:7px 5px;margin-right:8px;overflow:hidden;color:#fff;text-align:center}
.sidebar-share li a i{text-indent:999px}
.sidebar-share li a:focus,.sidebar-share li a:hover{outline:#fff solid 1px;outline-offset:-2px}
.sidebar-share li.google a{background-color:#DC4E41}
.sidebar-share li.twitter a{background-color:#00ACED}
.sidebar-share li.facebook a{background-color:#3B5998}
.sidebar-share li.reddit a{background-color:#CEE3F8}
.sidebar-wikis{-moz-columns:2;columns:2}
.sidebar-wikis li{margin-bottom:8px}
.sidebar-tp{transition:opacity 1s ease}
.sidebar-tp.loading{opacity:.25}
.sidebar-tp dt{clear:both;font-weight:700}
.sidebar-tp dd{margin:0 0 8px}
.sidebar-tp .money{float:right}
.lang{margin-bottom:8px;padding-left:25px}
.langCode{color:#888;font-weight:700;text-transform:uppercase;width:25px;margin-left:-25px;float:left}
@keyframes target{from{background:#E8C754}}.anchor{position:absolute;margin-top:-150px;display:block}
.error-header{background-color:#852c2c;background-image:linear-gradient(-35deg,#852c2c,#852c2c 50%,#ac3939 90%);padding-top:40px;padding-bottom:20px;color:#fff}
.error-header h2{margin-top:0;margin-bottom:10px;font:40px Adelle,Bitter,'Segoe UI',sans-serif;font-weight:700;position:relative}
.ap,.ap-icon{font-weight:700;font-family:Adelle,Bitter,Georgia,serif}
.error-header h2 span.error-code{color:#cb8888}
.achievementDetails{padding-top:12px}
.achievement__points{line-height:32px;position:absolute;top:26px;right:20px;font-size:16px}
.achievement__description{color:#888}
.achievement__tiers{padding:0;list-style:none}
.achievement__tiers>li+li{margin-top:8px}
.achievement__tiers__total{position:relative;padding-top:8px;display:inline-block}
.achievement__tiers__total::before{content:'';width:50px;border-top:1px solid #ccc;display:block;position:absolute;top:0}
.achievement__objective--text:before,.achievement__reward--unknown:before{content:'?';background:#eee;color:#999;font-size:20px;text-align:center}
.achievement__objective--text:before{content:'閴侊拷'}
.achievement__reward--mastery:before,.achievement__reward--title:before,.ap.ap-32:after,.ap:after,.summer-2021-box__content::before{content:''}
.achievement__reward--mastery:before{background:url(../img/sprites.png) -32px -100px}
.achievement__reward--mastery-Tyria:before{background-position:-96px -100px}
.achievement__reward--mastery-Maguuma:before{background-position:-64px -100px}
.achievement__reward--mastery-Desert:before{background-position:-128px -100px}
.achievement__reward--title:before{background:url(../img/title.svg) center no-repeat #eee}
.ap{padding-right:25px;position:relative;color:#BB6C21}
.ap:after{width:20px;height:20px;right:1px;display:inline-block;background:url(../img/sprites.png) -40px -80px;position:absolute}
.ap.ap-32{padding-right:40px}
.ap.ap-32:after{width:32px;height:32px;background-position:0 -100px}
.ap-icon{color:#946118}
.ap-icon>svg{vertical-align:middle;width:24px;height:24px}
.ap-icon--big>svg{vertical-align:top;width:32px;height:32px}
.daily-box__completion .ap-icon{color:#F6A510}
.chatlink--inline:hover{background:#eee;border-radius:3px;cursor:pointer}
.daily-box{background:#663399;color:#fff}
.daily-box>.pageWidth{padding:20px}
.daily-box header{display:-ms-flexbox;display:flex}
.daily-box header h2{float:left;-ms-flex:1;flex:1;margin:0}
.daily-box header .daily-box__reset{float:right}
.daily-box .itemList{-moz-column-gap:0;column-gap:0}
.daily-box .itemList>li{line-height:1}
.daily-box .item-link{border-color:#fff;color:#fff}
.daily-box__column{width:50%;float:left;padding-right:20px}
.daily-box__column:last-child{padding-right:0}
.daily-box__completion{border-top:1px solid #7d52a8;margin-top:10px;padding-top:10px;line-height:32px}
.daily-box__completion__achievement{float:left}
.daily-box__completion__reward{float:right}
.daily-box__completion__reward .ap{color:#F2A42D}
.daily-box__level{margin-left:39px;color:#b399cc;font-size:12px;line-height:1;display:block}
.daily-box__day-selector{margin-left:16px;font-size:0}
.daily-box__day-selector>a{font:14px Open Sans,sans-serif;padding:8px 16px;background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}
.daily-box__day-selector>a.active{background:rgba(255,255,255,.1);color:#fff;cursor:default;text-decoration:none}
@media (max-width:768px){.daily-box__column{width:auto;float:none;padding-right:0}
.daily-box__level{display:inline-block;margin-left:20px;line-height:32px;float:right}
.daily-box .itemList>li{display:-ms-flexbox;display:flex}
.daily-box .itemList>li .item-link{-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:555px){.daily-box header{-ms-flex-direction:column;flex-direction:column}
.daily-box header .daily-box__reset,.daily-box header h2{float:none}}.search-box{background:#f9f9f9;border-bottom:1px solid #eee;padding:20px 0 0;margin-bottom:40px}
.search-box h2{margin-top:0}
.search-box__main-input{position:relative}
.search-box__main-input__input{float:left;width:calc(100% - 200px);min-width:66%;font:inherit;border:1px solid #ddd;padding:8px 16px;position:relative}
.search-box__main-input__input:focus{border-color:#64b5f6;box-shadow:0 0 10px rgba(100,181,246,.5);outline:0;z-index:1}
.search-box__main-input__button{float:right;width:200px;max-width:34%;font:inherit;background:#ddd;border:1px solid #ddd;padding:8px 16px;position:relative}
.search-box__main-input__button:focus{border-color:#64b5f6;box-shadow:0 0 10px rgba(100,181,246,.5);outline:0;z-index:1}
.search-box__toggle-advanced{float:right;line-height:26px}
.chatlinks{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.chatlink-box{background:#f9f9f9;border:1px solid #eee;display:inline-block;overflow:hidden;margin:0 8px 8px 0;vertical-align:top;width:calc((100% - 16px)/ 3)}
.chatlink-box:nth-child(3n){margin-right:0}
@media (max-width:900px){.chatlink-box{width:calc((100% - 8px)/ 2)}
.chatlink-box:nth-child(3n){margin-right:8px}
.chatlink-box:nth-child(2n){margin-right:0}}@media (max-width:500px){.chatlink-box{display:block;width:100%;margin:8px 0 0 !important}}.chatlink-box h3{background:#fff;padding:12px 8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eee}
.chatlink-box__content{padding:8px}
.chatlink-box__table th{vertical-align:top;color:#222;font-weight:400;text-align:left;padding-right:8px}
.search-box__tab-container{margin:0 -20px;position:relative;bottom:-1px;overflow-x:auto}
.search-box__tabs{display:-ms-flexbox;display:flex;white-space:nowrap;margin-top:28px}
.search-box__tabs__tab-spacer{width:20px;min-width:20px;max-width:20px;-ms-flex:0;flex:0}
.search-box__tabs__tab{-ms-flex:1;flex:1;text-align:center;border:1px solid #eee;padding:12px;color:#222;white-space:nowrap;display:inline-block}
.search-box__tabs__tab+.search-box__tabs__tab{border-left:none}
.search-box__tabs__tab:hover{background:#fff;text-decoration:none}
.search-box__tabs__tab--active{background:#fff;font-weight:700;border-bottom-color:#fff}
.search-box__tabs__tab__count{background:#eee;font-size:11px;padding:3px 8px;font-weight:700;margin-left:2px;border:1px solid #eee}
.search-box__tabs__tab:hover>.search-box__tabs__tab__count{background:#f4f4f4}
.search-box__tabs__tab--active:hover>.search-box__tabs__tab__count,.search-box__tabs__tab--active>.search-box__tabs__tab__count{background:0 0;border:1px solid #eee}
i[class^=sprite-]{display:inline-block;vertical-align:bottom; margin-bottom: 3px;}
.js i[class^=sprite-]{background-image:none}
i[class^=sprite-]{background-image:url(../img/sprites.png)}
i[class^=sprite-16-]{width:16px;height:16px}
i[class^=sprite-18-]{width:18px;height:18px}
i[class^=sprite-20-]{width:20px;height:20px}
i[class^=sprite-32-]{width:32px;height:32px}
i[class^=sprite-40-]{width:40px;height:40px}
i[class^=sprite-][class$="-search"]{background-position:-60px 0}
i[class^=sprite-][class$="-search-light"]{background-position:-80px 0}
i[class^=sprite-][class$="-go"]{background-position:0 -60px}
i[class^=sprite-][class$="-activation"]{background-position:-40px 0}
i[class^=sprite-][class$="-recharge"]{background-position:-100px 0}
i[class^=sprite-][class$="-armorsmith"]{background-position:-40px -20px}
i[class^=sprite-][class$="-artificer"]{background-position:-60px -20px}
i[class^=sprite-][class$="-chef"]{background-position:-80px -20px}
i[class^=sprite-][class$="-huntsman"]{background-position:-100px -20px}
i[class^=sprite-][class$="-jeweler"]{background-position:-120px -20px}
i[class^=sprite-][class$="-leatherworker"]{background-position:-140px -20px}
i[class^=sprite-][class$="-tailor"]{background-position:-160px -20px}
i[class^=sprite-][class$="-weaponsmith"]{background-position:-180px -20px}
i[class^=sprite-][class$="-scribe"]{background-position:0 -40px}
i[class^=sprite-][class$="-infusion-defense"]{background-position:-120px 0}
i[class^=sprite-][class$="-infusion-offense"]{background-position:-140px 0}
i[class^=sprite-][class$="-infusion-utility"]{background-position:-160px 0}
i[class^=sprite-][class$="-upgradeslot"]{background-position:-180px 0}
i[class^=sprite-][class$="-homeworld"]{background-position:-20px -40px}
i[class^=sprite-][class$="-camp-gray"]{background-position:-40px -40px}
i[class^=sprite-][class$="-camp-red"]{background-position:-80px -40px}
i[class^=sprite-][class$="-camp-blue"]{background-position:-100px -40px}
i[class^=sprite-][class$="-camp-green"]{background-position:-120px -40px}
i[class^=sprite-][class$="-tower-gray"]{background-position:-60px -40px}
i[class^=sprite-][class$="-tower-red"]{background-position:-140px -40px}
i[class^=sprite-][class$="-tower-blue"]{background-position:-160px -40px}
i[class^=sprite-][class$="-tower-green"]{background-position:-180px -40px}
i[class^=sprite-][class$="-keep-gray"]{background-position:-40px -60px}
i[class^=sprite-][class$="-keep-red"]{background-position:-80px -60px}
i[class^=sprite-][class$="-keep-blue"]{background-position:-100px -60px}
i[class^=sprite-][class$="-keep-green"]{background-position:-120px -60px}
i[class^=sprite-][class$="-castle-gray"]{background-position:-60px -60px}
i[class^=sprite-][class$="-castle-red"]{background-position:-140px -60px}
i[class^=sprite-][class$="-castle-blue"]{background-position:-160px -60px}
i[class^=sprite-][class$="-castle-green"]{background-position:-180px -60px}
i.sprite-share-google{background-position:-80px -80px;width:24px;height:20px}
i.sprite-share-twitter{background-position:-120px -80px;width:20px;height:20px}
i.sprite-share-facebook{background-position:-140px -80px;width:20px;height:20px}
i.sprite-share-reddit{background-position:-160px -80px;width:32px;height:20px}
.wvw-table{width:100%}
.wvw-table *{border-color:#eee !important}
.wvw-table tbody,.wvw-table__row--red{border-top:1px solid}
.wvw-table td,.wvw-table th{padding:2px 4px;white-space:nowrap;box-sizing:content-box}
.wvw-table th{text-align:left;padding:4px}
.wvw-table__worlds{width:1px;white-space:nowrap;padding-left:8px !important}
.wvw-table__cell{text-align:left;position:relative;border-left:1px solid}
.wvw-table__label{position:absolute;left:8px}
.wvw-table__bar{background:red;display:inline-block}
.wvw-table__cell--objectives{width:128px}
.wvw-table__cell--objectives>span{width:32px;display:inline-block;float:left;text-align:center}
th.wvw-table__cell--objectives{padding:0 4px}
.wvw-table svg{vertical-align:middle;fill:#000}
.wvw-table__homeworld__icon{height:1.4em}
.wvw-table__row--red td{padding-top:4px}
.wvw-table__row--blue td{padding-bottom:4px}
.wvw-table__bar--red{background-color:#FF7469}
.wvw-table__bar--blue{background-color:#33A7FF}
.wvw-table__bar--green{background-color:#6CD997}
.dark{color:#FFF}
.dark a{color:#72ACDA}
.dark .wvw-table *{border-color:#555 !important}
.dark .wvw-table svg{fill:#FFF}
.dark .wvw-table__bar--red{background-color:#B30000}
.dark .wvw-table__bar--blue{background-color:#005BC0}
.dark .wvw-table__bar--green{background-color:#0A663D}
@media (max-width:1125px){.wvw-table__cell:nth-child(6){display:none}}@media (max-width:950px){.wvw-table__cell:nth-child(5){display:none}}@media (max-width:775px){.wvw-table__cell:nth-child(4){display:none}}@media (max-width:600px){.wvw-table__cell:nth-child(3){display:none}}.embedded>body,html.embedded{background:0 0}
.summer-2021-banner{height:256px;background:url(../img/summer2021.jpg) center top no-repeat #090d18;background-size:1200px 256px;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.summer-2021-banner h2{text-align:center;font-size:60px;margin:0;text-shadow:0 0 10px rgba(0,0,0,.5)}
.summer-2021-timeline{background:#f4f4f4;background-image:linear-gradient(to right,transparent,transparent calc(50% - 2px),#aaa calc(50% - 2px),#aaa calc(50% + 2px),transparent calc(50% + 2px));position:relative;padding:32px 0;margin-bottom:-20px}
.summer-2021-date{width:calc(50% + 24px);display:-ms-flexbox;display:flex;margin-top:16px}
.summer-2021-date.summer-2021--bonus-event>div{margin-left:auto}
.summer-2021-date>div{width:48px;height:48px;border:1px solid #eee;background:#fff;text-align:center;font-family:Bitter;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:4px}
.summer-2021-box{width:calc(50% - 24px);margin-top:-48px}
.summer-2021-box__content{background:#fff;border:1px solid #eee;margin:0 16px;padding:16px;position:relative}
.summer-2021-box__content::before{display:block;width:16px;height:16px;background:#fff;border:inherit;border-width:0 0 1px 1px;position:absolute;top:12px;left:-9px;transform:translateX(-.2px) rotate(45deg)}
.summer-2021--bonus-event .summer-2021-box__content::before{border-width:1px 1px 0 0;left:initial;right:-9px}
.ir,.visuallyhidden{border:0;overflow:hidden}
.summer-2021-box__content h3{margin-top:0}
.summer-2021--bonus-event{float:left;clear:left}
.summer-2021--eod{float:right;clear:right}
@media (max-width:768px){.summer-2021--bonus-event,.summer-2021--eod{float:none}
.summer-2021-box{width:auto;margin-left:40px;margin-right:0}
.summer-2021-box+.summer-2021-box{margin-top:8px}
.summer-2021-date.summer-2021--bonus-event>div{margin-left:0}
.summer-2021-box__content{margin-right:0}
.summer-2021-box__content::before{display:none}
.summer-2021-timeline{background-size:8px;background-repeat:no-repeat;background-position:40px;padding:16px 0}}.ir{background-color:transparent}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important}
.visuallyhidden{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
@media print{blockquote,img,pre,tr{page-break-inside:avoid}
*{background:0 0 !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" ("attr(href) ")"}
abbr[title]:after{content:" ("attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
blockquote,pre{border:1px solid #999}
thead{display:table-header-group}
img{max-width:100% !important}
@page{margin:.5cm}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}}