.txt-rarity_common {
  color: #f3f3f3;
}
.txt-rarity_uncommon {
  color: #c0ffc0;
}
.txt-rarity_magic {
  color: #d789b6;
}
.txt-rarity_artifact {
  color: #e5dd7e;
}
.txt-rarity_legend {
  color: #ffa666;
}
.txt-rarity_epic {
  color: #b38cff;
}
.txt-rarity_rare {
  color: #5990ff;
}
.txt_durability_calc_000 {
  color: #e56674;
}
.txt_durability_calc_010 {
  color: #ffd966;
}
.txt_durability_calc_099 {
  color: #e5e5e5;
}
.txt_durability_calc_100 {
  color: #a5d841;
}
.wolvesden__link {
  background: #333333;
  padding: 12px 0;
}
.wolvesden__pre {
  width: 100%;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bIyVHiN0_zOFtVgbeH-OIa9aaU.png) #eaece4;
  background-size: 128px auto;
  color: #585858;
}
.wolvesden__logo {
  text-align: center;
  padding: 8px 0;
}
.wolvesden__coming_soon {
  color: #a62137;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding: 0 16px;
}
.wolvesden__coming_soon--small {
  font-size: 14px;
}
.wolvesden__opentime {
  text-align: center;
  padding-bottom: 16px;
}
.wolvesden__excerpt {
  position: relative;
  margin: 16px 0;
  padding: 0 16px;
  background: #f1f1f0;
}
.wolvesden__excerpt:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/REWUxpD3Ept89OERQ0zubJjZu8.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.wolvesden__excerpt:after {
  position: absolute;
  left: 0;
  top: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lNvheKwZbsbnZNVuibjdaQ2NfU.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.wolvesden__guide {
  text-align: center;
  padding: 16px 0 24px;
}
.wolvesden__guide__btn {
  display: block;
  width: 300px;
  height: 40px;
  margin: 0 auto 16px;
}
.wolvesden__guide__bnr {
  width: 300px;
  height: 48px;
  display: block;
  overflow: hidden;
  margin: 0 auto 16px;
}
.wolvesden__guide__bnr img {
  width: 100%;
  height: auto;
}
.wolvesden__season {
  text-align: center;
  margin-bottom: 16px;
}
.wolvesden__season__img {
  text-align: center;
  padding-bottom: 16px;
}
.wolvesden__season__radius {
  border-radius: 8px;
  display: block;
  margin: 0 auto;
}
.wolvesden__reward {
  margin: 0 16px;
}
.wolvesden__reward img {
  max-width: 100%;
  height: auto;
}
.wolvesden__reward__select__wrapper {
  padding: 0 12px;
  margin-bottom: 16px;
}
.wolvesden__reward__title {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
}
.wolvesden__reward__title:after {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 0;
  background: #4c7ee8;
  width: 12px;
  height: 12px;
  display: block;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
.wolvesden__reward__title__rank {
  font-size: 18px;
  font-weight: bold;
}
.wolvesden__reward__title__tier {
  font-size: 14px;
  font-weight: bold;
}
.wolvesden__reward__list {
  padding-bottom: 32px;
}
.wolvesden__reward__text {
  padding-bottom: 16px;
}
.wolvesden__reward__notice {
  color: #a62137;
}
.wolvesden__reward__wrapper {
  margin: 0 12px;
}
.wolvesden__reward__image {
  text-align: center;
  margin-bottom: 16px;
}
.wolvesden__reward__image img {
  max-width: 100%;
  height: auto;
}
.wolvesden__reward__image__caption {
  text-align: left;
  font-size: 12px;
}
.wolvesden__reward__image--3 {
  width: 296px;
  margin: 0 auto 16px;
}
.wolvesden__reward__image--3 img {
  float: left;
  margin-right: 4px;
}
.wolvesden__reward__image--3 img:nth-last-child(1) {
  margin-right: 0;
}
.wolvesden__reward__detail img {
  max-width: 100%;
  height: auto;
}
.wolvesden__reward__category {
  font-size: 14px;
}
.wolvesden__reward__first {
  margin-bottom: 16px;
}
.wolvesden__reward__first--3 {
  margin-bottom: 32px;
}
.wolvesden__reward__other {
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.wolvesden__reward__other--3 {
  margin-bottom: 32px;
}
.wolvesden__reward__item {
  display: table;
  width: 100%;
}
.wolvesden__reward__item__list {
  display: block;
  cursor: pointer;
  margin-bottom: 8px;
}
.wolvesden__reward__item__icon {
  display: table-cell;
  width: 38px;
}
.wolvesden__reward__item__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.wolvesden__reward__item__text--name {
  font-size: 14px;
  color: #4c7ee8;
  display: block;
  font-weight: bold;
}
.wolvesden__reward__item__text--category {
  font-size: 12px;
  color: #585858;
}
.wolvesden__reward__item__tier {
  margin-bottom: 16px;
}
.wolvesden__guide__wrapper {
  width: 100%;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bIyVHiN0_zOFtVgbeH-OIa9aaU.png) #eaece4;
  background-size: 64px auto;
  color: #585858;
}
.wolvesden__guide__wrapper .txt_red {
  color: #a62137 !important;
}
.wolvesden__guide__inner {
  margin: 0 12px 16px;
  height: 1%;
  font-size: 14px;
  color: #585858;
}
.wolvesden__guide__section {
  margin: 0 0 24px;
  height: 1%;
  font-size: 14px;
  color: #585858;
}
.wolvesden__guide__section--socialbox {
  padding-bottom: 30px;
  height: 1%;
}
.wolvesden__guide__section--last {
  margin-bottom: 0;
}
.wolvesden__guide__section--bottom {
  margin-bottom: 0;
  padding-bottom: 16px;
}
.wolvesden__guide__delineation {
  position: relative;
  margin: 16px 0;
  padding: 0 12px;
  background: #f1f1f0;
}
.wolvesden__guide__delineation:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/REWUxpD3Ept89OERQ0zubJjZu8.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.wolvesden__guide__delineation:after {
  position: absolute;
  left: 0;
  top: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lNvheKwZbsbnZNVuibjdaQ2NfU.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.wolvesden__guide__delineation__text {
  margin: 0 auto;
  font-size: 14px;
}
.wolvesden__guide__delineation__victory {
  font-weight: bold;
  color: #4696eb;
  font-size: 16px;
}
.wolvesden__guide__title {
  margin: 0 auto 8px;
  text-align: center;
}
.wolvesden__guide__title--quest {
  padding: 2px 2px 1px 0;
  margin: 0 12px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.wolvesden__guide__title--quest .db_link__quest_name {
  color: #4c7ee8;
  font-weight: bold;
  display: block;
}
.wolvesden__guide__title--quest:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/uX41pqhksWIXVKO7myHayU4r5c.png) no-repeat center top;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 3px;
}
.wolvesden__guide__title--pvp {
  padding: 4px 12px;
  margin-bottom: 16px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  background: rgba(89, 81, 76, 0.1);
}
.wolvesden__guide__title--pvp .db_link__quest_name {
  color: #4c7ee8;
  font-weight: bold;
  display: block;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.wolvesden__guide__title--pvp div {
  margin-right: 3px;
}
.wolvesden__guide__title--pvp img {
  width: 32px;
  height: 32px;
  display: block;
}
.wolvesden__guide__sub_title {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  margin: 0 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__guide__sub_title:after {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 0;
  background: #4c7ee8;
  width: 12px;
  height: 12px;
  display: block;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
.wolvesden__guide__sub_title__top {
  margin-top: 32px;
}
.wolvesden__guide__text {
  font-size: 14px;
  color: #585858;
  height: 1%;
  margin: 0 12px 16px;
}
.wolvesden__guide__text--space {
  margin-bottom: 32px !important;
}
.wolvesden__guide__text--16 {
  margin-bottom: 16px !important;
}
.wolvesden__guide__text--mb0 {
  margin-bottom: 0 !important;
}
.wolvesden__guide__text strong {
  font-size: inherit;
}
.wolvesden__guide__text__notes {
  color: #a62137;
  font-size: 14px;
}
.wolvesden__guide__text__higtlight {
  font-weight: bold;
  font-size: 14px;
}
.wolvesden__guide__text--medals {
  margin-bottom: 16px !important;
}
.wolvesden__guide__text--highlight {
  margin: 0 12px 6px;
}
.wolvesden__guide__text--last {
  margin: 0 12px;
}
.wolvesden__guide__text a {
  color: #4c7ee8;
}
.wolvesden__guide__text a:hover {
  color: #6696ff;
}
.wolvesden__guide__primary {
  font-size: 14px;
  color: #585858;
  margin: 0 12px 16px;
  height: 1%;
}
.wolvesden__guide__table {
  width: 100%;
  margin-bottom: 40px;
}
.wolvesden__guide__table thead th {
  background: rgba(89, 81, 76, 0.1);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__guide__table tbody th {
  padding: 8px 12px 0;
  vertical-align: middle;
}
.wolvesden__guide__table tbody td {
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #b5b5b3;
  text-align: center;
  padding: 8px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__guide__table tbody td.txt_left {
  text-align: left;
}
.wolvesden__guide__table__icon {
  text-align: left;
}
.wolvesden__guide__table__icon img,
.wolvesden__guide__table__icon p {
  display: inline-block;
  vertical-align: middle;
}
.wolvesden__guide__quest {
  background: rgba(89, 81, 76, 0.05);
  padding-top: 4px;
  padding-bottom: 16px;
  height: 1%;
  margin-bottom: 16px;
}
.wolvesden__guide__quest__image {
  width: 296px;
  height: 150px;
  margin: 0 auto 16px;
  display: block;
}
.wolvesden__guide__quest__text {
  margin-bottom: 16px;
}
.wolvesden__guide__overview {
  margin: 0 12px 30px;
  height: 1%;
}
.wolvesden__guide__overview li {
  background: rgba(89, 81, 76, 0.05);
  border-radius: 4px;
  padding: 8px;
  text-align: left;
  margin-bottom: 2px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
}
.wolvesden__guide__overview li strong {
  display: block;
  margin-bottom: 6px;
}
.wolvesden__guide__conditions {
  background: rgba(89, 81, 76, 0.05);
  padding-bottom: 16px;
  height: 1%;
}
.wolvesden__guide__map {
  width: 296px;
  margin: 0 auto;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.wolvesden__guide__map div:first-child {
  margin-right: 5px;
}
.wolvesden__guide__map__text {
  position: absolute;
  right: 6px;
  bottom: 2px;
  font-size: 12px;
}
.wolvesden__guide__map__text02 {
  font-size: 12px;
  margin-bottom: 2px;
}
.wolvesden__guide__map__notes {
  color: #a62137;
  font-size: 14px;
}
.wolvesden__guide__adrenaline {
  background: rgba(89, 81, 76, 0.05);
  height: 1%;
  margin-bottom: 40px;
}
.wolvesden__guide__adrenaline--role {
  background: rgba(89, 81, 76, 0.1);
  margin-bottom: 16px;
  padding: 6px 12px;
  font-weight: bold;
}
.wolvesden__guide__supply_boxes {
  background: rgba(89, 81, 76, 0.05);
  height: 1%;
  margin-bottom: 40px;
}
.wolvesden__guide__supply_boxes--name {
  background: rgba(89, 81, 76, 0.1);
  margin-bottom: 16px;
  padding: 6px 12px;
  font-weight: bold;
  text-align: center;
}
.wolvesden__guide__supply_boxes--image {
  text-align: center;
  margin-bottom: 16px;
  padding: 0 12px;
}
.wolvesden__guide__supply_boxes--text {
  margin-bottom: 16px;
}
.wolvesden__guide__supply_boxes--text span {
  font-size: 12px;
  color: #a62137;
}
.wolvesden__guide__image_outline {
  position: relative;
  display: inline-block;
}
.wolvesden__guide__image {
  width: 296px;
  text-align: center;
  margin: 0 auto 16px;
  display: block;
}
.wolvesden__guide__image img {
  max-width: 100%;
  height: auto;
}
.wolvesden__guide__image--center {
  text-align: center;
  margin-bottom: 16px;
}
.wolvesden__guide__image a {
  display: inline-block;
}
.wolvesden__guide__image_3colum {
  width: 296px;
  margin: 0 auto;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
}
.wolvesden__guide__image_3colum li {
  width: 95px;
}
.wolvesden__guide__image_3colum li:nth-last-child(2) {
  margin: 0 5px;
  width: 94px;
}
.wolvesden__guide__image_3colum li div {
  margin-bottom: 4px;
}
.wolvesden__guide__image_3colum li p {
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
}
.wolvesden__guide__tiers {
  margin: 0 auto;
  width: 216px;
  height: 1%;
}
.wolvesden__guide__tiers li {
  text-align: center;
  font-size: 14px;
  margin-bottom: 16px;
  height: 1%;
}
.wolvesden__guide__tiers--image {
  background: rgba(89, 81, 76, 0.05);
  padding: 8px;
  margin-bottom: 4px;
  border-radius: 4px;
}
.wolvesden__guide__tiers--image img {
  display: block;
}
.wolvesden__guide__shop__image_viewer {
  margin-bottom: 32px;
}
.wolvesden__guide__shop__text {
  margin-bottom: 32px;
}
.wolvesden__guide__shop__map {
  position: relative;
}
.wolvesden__guide__shop__link {
  color: #4c7ee8;
  display: table;
  width: 100%;
  padding-bottom: 4px;
}
.wolvesden__guide__shop__link .ic,
.wolvesden__guide__shop__link .text {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.wolvesden__guide__shop__link .ic {
  width: 28px;
}
.wolvesden__guide__list {
  margin: 0 8px 16px 1em;
  padding-left: 1em;
}
.wolvesden__guide__list li {
  position: relative;
  font-size: 14px;
}
.wolvesden__guide__list li:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #999999;
  position: absolute;
  left: -12px;
  top: 6px;
}
.wolvesden__guide__dl {
  margin: 0 0 16px 1em;
  padding-left: 1em;
}
.wolvesden__guide__dl dt {
  position: relative;
  font-size: 14px;
}
.wolvesden__guide__dl dt:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #999999;
  position: absolute;
  left: -12px;
  top: 6px;
}
.wolvesden__guide__dl dd {
  font-size: 14px;
}
.wolvesden__guide__ol {
  margin: 0 0 16px 2em;
}
.wolvesden__guide__ol li {
  font-size: 14px;
}
.wolvesden__thefeast_header {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/l5_BVoJBBREQxRkujXkb-ZowQ8.png) no-repeat center top;
  background-size: 420px auto;
  padding-top: 0;
}
.wolvesden__thefeast_header.crystallineconflict {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/qWNONfqE9O_m_4zte9EFpjMK-I.png) no-repeat center top;
  background-size: 420px auto;
}
.wolvesden__thefeast_header__logo {
  text-align: center;
}
.wolvesden__thefeast_header__menu__list {
  width: 320px;
  margin: 0 auto 40px;
}
.wolvesden__thefeast_header__menu__list li {
  width: 154px;
  margin: 0 2px 4px;
  float: left;
}
.wolvesden__thefeast_header__menu__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.wolvesden__thefeast_header__menu__list li a {
  display: block;
  color: #4c7ee8;
  font-weight: bold;
}
.wolvesden__thefeast_header__menu__list li a:hover {
  color: #6696ff;
  text-decoration: underline;
}
.wolvesden__thefold_header img {
  width: 100%;
  height: auto;
}
.wolvesden__ranking {
  width: 100%;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bIyVHiN0_zOFtVgbeH-OIa9aaU.png) #eaece4;
  background-size: 128px auto;
  color: #585858;
  margin: 0 auto;
  position: relative;
}
.wolvesden__ranking__header {
  width: 308px;
  margin: 0 auto 7px;
  position: relative;
}
.wolvesden__ranking__header.team_ranking {
  margin-bottom: 0;
}
.wolvesden__ranking__header__logo {
  position: relative;
  margin-top: -1px;
  display: block;
}
.wolvesden__ranking__header__btn_reword {
  width: 102px;
  height: 20px;
  position: absolute;
  top: 11px;
  right: 0;
  background: #4c7ee8;
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
.wolvesden__ranking__header__btn_reword:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__header__btn_reword.season_01,
.wolvesden__ranking__header__btn_reword--result {
  top: 35px;
}
.wolvesden__ranking__header__btn_result {
  width: 102px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: #4c7ee8;
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
.wolvesden__ranking__header__btn_result:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__header__result_list {
  width: 102px;
  height: 20px;
  position: absolute;
  top: 35px;
  right: 0;
}
.wolvesden__ranking__header__result_list__list {
  width: 118px !important;
  position: absolute;
  top: 20px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__ranking__header__result_list__list ul {
  background: #f0f0ef;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 0;
  height: 1%;
}
.wolvesden__ranking__header__result_list__list li {
  font-weight: bold;
  font-size: 14px;
}
.wolvesden__ranking__header__result_list__list a {
  display: block;
  color: #4c7ee8;
  font-weight: bold;
  padding: 6px 14px;
}
.wolvesden__ranking__header__result_list__list a:hover {
  color: #4c7ee8;
}
.wolvesden__ranking__header__result_list__list .selected {
  color: #585858;
  font-weight: bold;
  padding: 6px 14px;
}
.wolvesden__ranking__artv {
  display: block;
  width: 87px;
  height: 36px;
  margin: 0 auto;
  overflow: hidden;
}
.wolvesden__ranking__bt_login {
  width: 296px;
  height: 40px;
  text-align: center;
  background: #4c7ee8;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  padding-top: 10px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__ranking__bt_login:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__my_character {
  width: 314px;
  height: 60px;
  margin-top: -10px;
  padding: 6px 0 6px 6px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6F2SA_epLkym19usJflOhTfgg0.png) no-repeat top center;
  -moz-background-size: 314px 60px;
  -o-background-size: 314px 60px;
  -webkit-background-size: 314px 60px;
  background-size: 314px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.wolvesden__ranking__my_character__face {
  width: 50px;
  border-radius: 25px;
  overflow: hidden;
  margin-right: 5px;
}
.wolvesden__ranking__my_character__data {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.wolvesden__ranking__my_character__colon {
  font-size: 12px;
  vertical-align: top;
}
.wolvesden__ranking__my_character__value {
  font-size: 14px;
  font-weight: bold;
}
.wolvesden__ranking__my_character__result dt {
  font-size: 12px;
  float: left;
  vertical-align: middle;
}
.wolvesden__ranking__my_character__result dd {
  width: 72px;
  margin-left: 58px;
  vertical-align: middle;
}
.wolvesden__ranking__my_character__rank_icon {
  display: block;
  width: 88px;
  height: 60px;
}
.wolvesden__ranking__my_character__btn_graph {
  width: 32px;
  height: 32px;
  background: #4c7ee8;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  margin-right: 4px;
}
.wolvesden__ranking__my_character__btn_graph:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__my_character__btn_graph:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ez3r93-fw13mTHFwR81MP6KBxw.png) no-repeat top center;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.wolvesden__ranking__popup_base {
  display: none;
  padding: 0 6px;
  z-index: 2;
}
.wolvesden__ranking__character_result_charts {
  background: #47433f;
  width: 100%;
  height: 205px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
  margin-bottom: 6px;
  display: none;
}
.wolvesden__ranking__character_result_charts__inner {
  background: #f0f0ef;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 6px 10px 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__ranking__select {
  width: 100%;
  height: 1%;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.wolvesden__ranking__select__data_center {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  width: 100px;
  position: relative;
}
.wolvesden__ranking__select__data_center__button {
  background: #4c7ee8;
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: 40px;
  cursor: pointer;
}
.wolvesden__ranking__select__data_center__button:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__select__data_center__button:after {
  content: '';
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/oVN9mDgbZFsNPkkeDVmnBREl_g.png) no-repeat top center;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wolvesden__ranking__select__data_center__button--index {
  height: 32px;
}
.wolvesden__ranking__select__data_center--selected {
  display: block;
  margin-left: 6px;
  color: #eee;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}
.wolvesden__ranking__select__data_center--selected--index {
  text-align: right;
  position: absolute;
  right: 16px;
  bottom: 0;
}
.wolvesden__ranking__select__data_center__list {
  width: 100%;
  position: absolute;
  top: 32px;
  left: -6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wolvesden__ranking__select__data_center__list ul {
  background: #f0f0ef;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 0;
  height: 1%;
}
.wolvesden__ranking__select__data_center__list li {
  font-weight: bold;
  font-size: 14px;
}
.wolvesden__ranking__select__data_center__list a {
  display: block;
  color: #4c7ee8;
  font-weight: bold;
  padding: 6px 14px;
}
.wolvesden__ranking__select__data_center__list a:hover {
  color: #4c7ee8;
}
.wolvesden__ranking__select__data_center__list .selected {
  color: #585858;
  font-weight: bold;
  padding: 6px 14px;
}
.wolvesden__ranking__select__menu_l {
  display: block;
  height: 40px;
  text-align: center;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  width: 100px;
  -webkit-tap-highlight-color: transparent;
}
.wolvesden__ranking__select__menu_l a {
  display: block;
  background: #47433f;
  border-radius: 4px;
  display: block;
  height: 40px;
  overflow: hidden;
}
.wolvesden__ranking__select__menu_l a:active {
  background: #615c57;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__select__menu_l:nth-last-child(2) {
  margin: 0 4px;
}
.wolvesden__ranking__select__menu_l--selected a {
  background: #4c7ee8;
}
.wolvesden__ranking__select__menu_l--selected a:active {
  background: #4c7ee8;
  box-shadow: none;
}
.wolvesden__ranking__select__menu_l--selected img {
  position: relative;
  margin-top: -40px;
}
.wolvesden__ranking__select__list_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 8px 6px 8px 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.wolvesden__ranking__select__list {
  width: auto;
  width: 445px;
}
.wolvesden__ranking__select__list li {
  display: inline-block;
  float: left;
  width: 70px;
  padding-left: 4px;
}
.wolvesden__ranking__select__rank {
  background: #47433f;
  border-radius: 4px;
  display: block;
  border-radius: 4px;
  width: 70px;
  height: 32px;
  overflow: hidden;
  display: block;
  text-align: center;
  position: relative;
}
.wolvesden__ranking__select__rank:active {
  background: #615c57;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__select__rank--selected {
  background: #4c7ee8;
}
.wolvesden__ranking__select__rank--selected:active {
  background: #4c7ee8;
  box-shadow: none;
}
.wolvesden__ranking__select__rank--selected img {
  position: relative;
  margin-top: -32px;
}
.wolvesden__ranking__select__rank--off {
  opacity: 0.25;
}
.wolvesden__ranking__select__rank--off:hover {
  background: #47433f;
  box-shadow: none;
}
.wolvesden__ranking__select__rank--off:hover img {
  position: relative;
  margin-top: 0;
}
.wolvesden__ranking__select__rank__my_rank {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ffd633;
  border-radius: 4px;
  top: 2px;
  left: 2px;
}
.wolvesden__ranking__no_data {
  min-height: 240px;
  border-bottom: 1px solid #b5b5b3;
  margin-bottom: 16px;
}
.wolvesden__ranking__no_data__text {
  font-size: 14px;
  color: #585858;
  line-height: 240px;
  text-align: center;
}
.wolvesden__ranking__list_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  padding: 5px 6px 4px 12px;
  background: #f0f0ef;
}
.wolvesden__ranking__list_header__summarytime {
  text-align: left;
  font-size: 12px;
  display: block;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  color: #585858;
}
.wolvesden__ranking__list_header__summarytime strong {
  font-size: inherit;
  display: inline-block;
}
.wolvesden__ranking__list_header__summarytime span {
  font-size: inherit;
  display: inline-block;
}
.wolvesden__ranking__list_header__rating {
  text-align: right;
  font-size: 10px;
  display: block;
  white-space: nowrap;
  color: #585858;
}
.wolvesden__ranking__list_header__ratechange {
  font-size: 10px;
  color: #4c7ee8;
}
.wolvesden__ranking__list {
  margin-bottom: 16px;
}
.wolvesden__ranking__ly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #b5b5b3;
  color: #585858;
  min-height: 90px;
  position: relative;
}
.wolvesden__ranking__ly.mine {
  background: rgba(255, 223, 127, 0.2);
}
.wolvesden__ranking__ly__order {
  background: rgba(89, 81, 76, 0.1);
  width: 49px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-basis: 49px;
  flex-basis: 49px;
}
.wolvesden__ranking__ly__data {
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  width: 199px;
}
.wolvesden__ranking__ly__data--chara {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  padding: 4px;
}
.wolvesden__ranking__ly__data--chara__name {
  width: 155px;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.wolvesden__ranking__ly__data--chara__face {
  width: 40px;
}
.wolvesden__ranking__ly__data--result {
  padding: 4px 0 4px 4px;
}
.wolvesden__ranking__ly__data--result__table td {
  line-height: 1;
  vertical-align: baseline;
  padding-bottom: 4px;
}
.wolvesden__ranking__ly__data--result__table--value {
  padding: 0 4px 0 0;
  text-align: right;
  min-width: 46px;
}
.wolvesden__ranking__ly__data--rate {
  width: 72px;
  padding: 6px 6px 0 0;
  text-align: right;
  -webkit-flex-basis: 72px;
  flex-basis: 72px;
}
.wolvesden__ranking__ly__data--rate__ic_rank {
  width: 70px;
  height: 48px;
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.wolvesden__ranking__ly__wins {
  font-size: 12px;
}
.wolvesden__ranking__ly__winning_percentage {
  font-size: 10px;
  color: #4c7ee8;
}
.wolvesden__ranking__ly__match_count {
  font-size: 12px;
}
.wolvesden__ranking__result__order {
  font-size: 24px;
  color: #585858;
  text-align: center;
  font-family: "微软雅黑";
  font-weight: bold;
  letter-spacing: -3px;
  width: 46px;
  padding-right: 3px;
}
.wolvesden__ranking__result__prev_order {
  font-size: 14px;
  text-align: center;
  font-family: "微软雅黑";
  font-weight: bold;
  letter-spacing: -1px;
  padding: 5px 0 0 2px;
  margin-top: 6px;
  display: block;
}
.wolvesden__ranking__result__prev_order--rank_up {
  color: #4696eb;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/qsHgTjy_3qpwKLqhGOrEM1kMt0.png) no-repeat 20px 0;
  background-size: 8px auto;
}
.wolvesden__ranking__result__prev_order--rank_down {
  color: #a62137;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/S2e88vNzifU-E9map6Ge50rNWk.png) no-repeat 20px 0;
  background-size: 8px auto;
}
.wolvesden__ranking__result__prev_order--rank_in {
  width: 8px;
  height: 8px;
  margin: 6px auto 0;
  padding-left: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/S6ubM0aGGUdAAR0V0EZAN8VPe8.png) no-repeat top right;
  background-size: 8px auto;
}
.wolvesden__ranking__result__face {
  width: 40px;
  height: 40px;
  position: relative;
}
.wolvesden__ranking__result__face img {
  border-radius: 20px;
  overflow: hidden;
}
.wolvesden__ranking__result__face .entry__chara__blocklist__icon {
  width: 14px;
  height: 14px;
  top: -4px;
  left: -4px;
}
.wolvesden__ranking__result__name {
  position: relative;
  line-height: 1;
  padding: 0 0 0 0;
  font-size: 16px;
  color: #585858;
  line-height: 1.2;
}
.wolvesden__ranking__result__connection {
  width: 12px;
  height: 12px;
  position: absolute;
  left: -16px;
  top: 50%;
  margin-top: -6px;
  display: block;
  cursor: pointer;
}
.wolvesden__ranking__result__connection img {
  vertical-align: middle;
  display: block;
  line-height: 1;
}
.wolvesden__ranking__result__world {
  color: #999;
  font-size: 12px;
  line-height: 1;
  display: block;
}
.wolvesden__ranking__result__win_count {
  font-size: 14px;
  line-height: 1;
}
.wolvesden__ranking__result__winning_rate {
  color: #4c7ee8;
  line-height: 1;
  font-size: 12px;
}
.wolvesden__ranking__result__match_count {
  font-size: 14px;
  line-height: 1;
}
.wolvesden__ranking__result__match_rate {
  font-size: 22px;
  text-align: right;
  line-height: 1;
  font-family: "微软雅黑";
  font-weight: bold;
  letter-spacing: -2px;
}
.wolvesden__ranking__result__prev_match_rate {
  text-align: right;
  line-height: 1;
  font-family: "微软雅黑";
  font-weight: bold;
}
.wolvesden__ranking__result__prev_match_rate--up {
  color: #4696eb;
  letter-spacing: -1px;
  font-size: 14px;
  line-height: 1;
}
.wolvesden__ranking__result__prev_match_rate--down {
  color: #a62137;
  letter-spacing: -1px;
  font-size: 14px;
  line-height: 1;
}
.wolvesden__ranking__result__prev_match_rate--no_data {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
.wolvesden__ranking__notes {
  margin: 0 12px 32px;
  font-size: 14px;
  color: #585858;
}
.wolvesden__ranking__guide_link {
  width: 296px;
  height: 40px;
  margin: 0 auto 16px;
}
.wolvesden__ranking__guide_link--button {
  background: #4c7ee8;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  width: 296px;
  height: 40px;
  display: block;
  overflow: hidden;
}
.wolvesden__ranking__guide_link--button:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__finalcountdown {
  padding: 8px 0;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.wolvesden__ranking__finalcountdown--header {
  background: #f0f0ef;
  width: 100%;
  padding: 8px 12px;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #585858;
  font-size: 12px;
  font-weight: bold;
}
.wolvesden__ranking__finalcountdown--message {
  font-size: 16px;
  color: #a62137;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
.wolvesden__ranking__finalcountdown--title {
  color: #585858;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding-top: 16px;
  line-height: 1;
  margin-bottom: 16px;
}
.wolvesden__ranking__finalcountdown--text {
  color: #a62137;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}
.wolvesden__ranking__finalcountdown--finalday {
  color: #a62137;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 16px;
}
.wolvesden__ranking__finalcountdown--finalday--en-us {
  letter-spacing: -0.025em;
}
.wolvesden__ranking__finalcountdown--finalday--en-gb {
  letter-spacing: -0.025em;
}
.wolvesden__ranking__finalcountdown--finalday--de {
  letter-spacing: -0.025em;
}
.wolvesden__ranking__finalcountdown--finalday--fr {
  letter-spacing: -0.05em;
}
.wolvesden__ranking__finalcountdown--large {
  color: #a62137;
  font-size: 54px;
  font-family: "微软雅黑";
  font-weight: bold;
}
.wolvesden__ranking__finalcountdown--notes {
  font-size: 12px;
  color: #585858;
  text-align: center;
  padding: 0 6px 16px;
}
.wolvesden__ranking__finalcountdown__btn {
  width: 296px;
  height: 40px;
  margin: 8px auto 0;
  background: #4c7ee8;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
.wolvesden__ranking__finalcountdown__btn:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__finalcountdown__btn a {
  -webkit-tap-highlight-color: transparent;
}
.wolvesden__ranking__finalcountdown--en-us {
  letter-spacing: -0.05em;
}
.wolvesden__ranking__finalcountdown--en-gb {
  letter-spacing: -0.05em;
}
.wolvesden__ranking__finalcountdown--de {
  letter-spacing: -0.025em;
}
.wolvesden__ranking__finalcountdown--fr {
  letter-spacing: -0.025em;
}
.wolvesden__ranking__result--title {
  background: #944d47;
  height: 30px;
  display: block;
  padding-top: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: bold;
  color: #f5df9f;
  line-height: 1;
  text-align: center;
}
.wolvesden__ranking__result--link {
  background: #4c7ee8;
  height: 30px;
  display: block;
  color: #eeeeee;
  padding-top: 8px;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.wolvesden__ranking__result--link:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__ranking__social {
  padding-bottom: 10px;
}
.wolvesden__reward_wrapper {
  width: 100%;
  height: 1%;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bIyVHiN0_zOFtVgbeH-OIa9aaU.png) #eaece4;
  background-size: 128px auto;
  color: #585858;
  padding-top: 16px;
}
.wolvesden__reward__back {
  width: 296px;
  height: 40px;
  margin: 16px auto 32px;
  background: #4c7ee8;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.wolvesden__reward__back:active {
  background: #4c7ee8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.wolvesden__reward__sns {
  padding-top: 32px;
}
.wolvesden__reward__sns .page-top__base-position {
  height: auto;
  padding: 0;
}
.wolvesden__imglist {
  width: 301px;
  margin: 0 auto;
}
.wolvesden__imglist a {
  float: left;
  display: block;
  margin: 0 5px 5px 0;
}
.wolvesden__imglist a:nth-child(even) {
  margin-right: 0;
}
.wolvesden__imglist a.last {
  margin-bottom: 0;
}
.wolvesden-table {
  margin: 0 12px;
}
.wolvesden-table__before_after {
  width: 100%;
  margin-bottom: 16px;
}
.wolvesden-table__before_after th {
  background: rgba(89, 81, 76, 0.1);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.wolvesden-table__before_after th.wolvesden-table__before_after--spacer {
  background: none;
  padding: 0;
  min-width: 4px;
}
.wolvesden-table__before_after td {
  padding: 8px 12px;
  border-bottom: none;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
  font-size: 14px;
  border-bottom: 1px solid #b5b5b3;
}
.wolvesden-table__before_after td:nth-child(2) {
  padding: 0 !important;
}
.wolvesden-table--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bEvuqL1F9Qf4KQ4qRGr0NIkhbA.svg) no-repeat center center;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  width: 32px;
  display: table-cell;
  height: auto;
  border-collapse: collapse;
  border-bottom: none !important;
}
#reward__solo,
#reward__party {
  display: none;
}
#reward__solo.active,
#reward__party.active {
  display: block;
}
.image_viewer {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/nVfslmfOjE8xs_bFN8EP4wUqZw.gif) no-repeat center center
    #000;
  padding-bottom: 56.25%;
}
.image_viewer .bt_prev,
.image_viewer .bt_next {
  width: 24px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -24px;
  z-index: 10;
  display: block;
}
.image_viewer .bt_prev img,
.image_viewer .bt_next img {
  width: 100%;
  height: auto;
}
.image_viewer .bt_next {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
}
.image_viewer .nav {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 10;
  line-height: 1%;
}
.image_viewer .nav li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/uZQn9088LcuvyjFZtACMEd6NiY.png) no-repeat center top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 1px;
}
.image_viewer .nav li.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/DdUP_ger3q-crGRP9q4sVyTX3U.png) no-repeat center top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.image_viewer .image_slidebox {
  position: relative;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.image_viewer .image_slidebox img {
  width: 100%;
  height: auto;
  display: block;
}
.image_viewer .image_slidebox div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.image_viewer .image_slidebox .image_left {
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  width: 100%;
}
.image_viewer .image_slidebox .image_right {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  width: 100%;
}
.image_viewer .image_slidebox .image_center {
  width: 100%;
}
.image_viewer .image_slidebox.slide_left {
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.image_viewer .image_slidebox.slide_right {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.image_viewer .image_list {
  display: none;
}
.bt_white {
  margin-bottom: 0;
}
.thefeast_reward {
  padding-bottom: 1px;
}
.thefeast_reward__header {
  margin-bottom: 16px;
}
.thefeast_reward__text {
  margin-bottom: 12px;
  font-size: 14px;
}
.thefeast_reward__text a {
  color: #4c7ee8;
  font-weight: bold;
}
.thefeast_reward__title {
  background: rgba(89, 81, 76, 0.1);
  text-align: center;
  padding: 4px 0 2px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  color: #585858;
}
.thefeast_reward__title--top10 {
  margin-bottom: 0;
}
.thefeast_reward__notes {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
}
.thefeast_reward__top,
.thefeast_reward__all {
  margin-bottom: 24px;
}
.thefeast_reward__top__image,
.thefeast_reward__all__image {
  text-align: center;
  margin-bottom: 16px;
}
.thefeast_reward__top__image img,
.thefeast_reward__all__image img {
  display: inline-block;
  border-radius: 8px;
  max-width: 100%;
}
.thefeast_reward__all {
  margin-bottom: 16px;
  height: 1%;
}
.thefeast_reward__all__text__notes {
  font-size: 14px;
  color: #a62139;
}
.thefeast_reward__all__text__notes__center {
  text-align: center;
  font-size: 14px;
  color: #a62139;
  margin-bottom: 16px;
}
.thefeast_reward__top10__text {
  width: 100%;
  z-index: 2;
}
.thefeast_reward__top10__text__item_name {
  padding-top: 12px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #585858;
  text-align: center;
}
.thefeast_reward__top10__text__item_name a {
  color: #4c7ee8;
  font-weight: bold;
}
.thefeast_reward__top10__text__notes {
  font-size: 14px;
  color: #585858;
}
.thefeast_reward__top10__text__notes a {
  color: #4c7ee8;
  font-weight: bold;
}
.thefeast_reward__top10__slideshow {
  width: 836px;
  height: 760px;
}
.thefeast_reward__top10__slideshow__wrapper {
  position: relative;
  width: 836px;
  height: 760px;
}
.thefeast_reward__job {
  padding-bottom: 16px;
}
.thefeast_reward__job_box {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.thefeast_reward__job_box:nth-last-child(1) {
  border-bottom: 0;
  padding-bottom: 0;
}
.thefeast_reward__job_box__image--h262,
.thefeast_reward__job_box__image--h270,
.thefeast_reward__job_box__image--h278,
.thefeast_reward__job_box__image--h304 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.thefeast_reward__job_box__image--h262 {
  height: 262px;
}
.thefeast_reward__job_box__image--h270 {
  height: 270px;
}
.thefeast_reward__job_box__image--h278 {
  height: 278px;
}
.thefeast_reward__job_box__image--h304 {
  height: 304px;
}
.thefeast_reward__job_box__job_icon {
  position: absolute;
  top: 8px;
  left: 15px;
  width: 32px;
  height: 32px;
}
.thefeast_reward__job_box__job_icon::after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/IVWubUM67V2R73InARFd9g78yw.png) no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}
.thefeast_reward__job_box__job_image {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -250px;
  display: block;
}
.thefeast_reward__job_box__item_icon {
  margin-left: 12px;
}
.thefeast_reward__job_box.selected {
  display: block;
}
.thefeast_reward__job_list {
  margin-bottom: 32px;
  padding-left: 2px;
}
.thefeast_reward__job_list__cover {
  position: absolute;
  display: none;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
}
.thefeast_reward__job_list li {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}
.thefeast_reward__job_list li:nth-last-child(1) {
  margin-right: 0;
}
.thefeast_reward__job_list li.selected {
  cursor: default;
}
.thefeast_reward__job_list li.selected .thefeast_reward__job_list__cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.thefeast_reward__item {
  display: table;
}
.thefeast_reward__item__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.thefeast_reward__item__text--name {
  font-size: 14px;
  color: #4c7ee8;
  display: block;
  font-weight: bold;
}
.thefeast_reward__item__text--name:hover {
  color: #4c7ee8;
  text-decoration: underline;
}
.thefeast_reward__item__text--category {
  font-size: 12px;
}
.thefeast_reward__item__crown {
  margin-bottom: 32px;
}
.thefeast_reward__item__tier {
  margin-bottom: 16px;
}
.thefeast_reward__item__icon,
.thefeast_reward__item__icon--128 {
  width: 76px;
  height: 76px;
  float: none;
  display: table-cell;
  position: relative;
}
.thefeast_reward__item__icon__inner,
.thefeast_reward__item__icon--128__inner {
  position: relative;
}
.thefeast_reward__item__icon__item_image,
.thefeast_reward__item__icon--128__item_image {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 3px 0 0 6px;
}
.thefeast_reward__item__icon__cover,
.thefeast_reward__item__icon--128__cover {
  width: 76px;
  height: 76px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/pzBj8-5mhW4-VqgGMqH2rqsbAU.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.thefeast_reward__item__icon--128,
.thefeast_reward__item__icon--128--128 {
  width: 152px;
  height: 152px;
}
.thefeast_reward__item__icon--128__item_image,
.thefeast_reward__item__icon--128--128__item_image {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 6px 0 0 12px;
}
.thefeast_reward__item__icon--128__cover,
.thefeast_reward__item__icon--128--128__cover {
  width: 152px;
  height: 152px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5skPOTvADP4aPiGNZ1lsvxm_I8.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.thefeast_reward__tier {
  margin-bottom: 32px;
}
.thefeast_reward__tier__title {
  background: rgba(89, 81, 76, 0.1);
  text-align: center;
  padding: 3px 0 2px;
  line-height: 1.4;
}
.thefeast_reward__tier__title p {
  width: 50%;
  text-align: center;
  display: inline-block;
  font-size: 14px;
}
.thefeast_reward__tier__list li {
  display: table;
  border-bottom: 1px solid #b4b5b3;
  width: 100%;
}
.thefeast_reward__tier__inner {
  display: table-cell;
  width: 50%;
  color: #585858;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 8px 0;
}
.thefeast_reward__tier__inner img {
  display: block;
  margin: 0 auto;
  margin-bottom: 4px;
}
.thefeast_reward__tier__inner p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.thefeast_reward__tier__inner span {
  display: block;
  text-align: center;
  font-size: 12px;
}
.rivalwings__sm_head {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #585858;
}
.pg__wrapper {
  height: 1%;
}
.pg__wrapper p {
  font-size: 14px;
  color: #585858;
  height: 1%;
  margin: 0 12px 16px;
}
.pg__wrapper p a {
  color: #4c7ee8;
}
.pg__wrapper p a:hover {
  color: #6696ff;
}
.pg__wrapper strong {
  font-size: inherit;
}
.pg__inner {
  margin: 0 12px;
  height: 1%;
}
.pg__title {
  margin-bottom: 8px;
  text-align: center;
}
.pg__sub,
.pg__sub--fs14 {
  position: relative;
  padding-left: 16px;
  margin: 0 12px 12px;
  font-size: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__sub:after,
.pg__sub--fs14:after {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 0;
  background: #4c7ee8;
  width: 12px;
  height: 12px;
  display: block;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
.pg__sub--fs14,
.pg__sub--fs14--fs14 {
  font-size: 14px;
}
.pg__lead {
  position: relative;
  margin: 16px 0 !important;
  padding: 0 12px;
  background: #f1f1f0;
}
.pg__lead:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/REWUxpD3Ept89OERQ0zubJjZu8.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__lead:after {
  position: absolute;
  left: 0;
  top: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lNvheKwZbsbnZNVuibjdaQ2NfU.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__icon_head {
  position: relative;
  margin: 32px 12px 16px 0;
  text-align: center;
}
.pg__icon_head:after {
  content: ' ';
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -25px;
  display: block;
  width: 50px;
  height: 48px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/BWNuDFUzwjXVIfSM1Syz7dBxWI.png) no-repeat 0 0;
  background-size: 50px 48px;
}
.pg__icon_head__image {
  position: relative;
  padding-left: 36px;
  margin: 0 12px 8px;
  font-size: 14px;
  min-height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
}
.pg__icon_head__image img {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  display: block;
  width: 32px;
  height: 32px;
}
.pg__sm_head {
  margin: 32px 12px 8px 0;
  text-align: center;
}
.pg__notes {
  color: #a62137;
}
.pg__blue,
.pg__bg_white {
  position: relative;
  margin: 16px 0 32px !important;
  background: #f1f1f0;
}
.pg__blue:before,
.pg__bg_white:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/REWUxpD3Ept89OERQ0zubJjZu8.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__blue:after,
.pg__bg_white:after {
  position: absolute;
  left: 0;
  top: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lNvheKwZbsbnZNVuibjdaQ2NfU.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__blue h3,
.pg__bg_white h3 {
  margin: 0 12px 8px;
  color: #4696eb;
}
.pg__blue p,
.pg__bg_white p {
  color: #4696eb;
}
.pg__bg_white h3 {
  color: #585858;
}
.pg__bg_white p {
  color: #585858;
}
.pg__blue_16 {
  position: relative;
  padding: 0 12px;
  margin: 16px 0 32px !important;
  font-weight: bold;
  color: #4696eb !important;
  background: #f1f1f0;
}
.pg__blue_16:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/REWUxpD3Ept89OERQ0zubJjZu8.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__blue_16:after {
  position: absolute;
  left: 0;
  top: -16px;
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lNvheKwZbsbnZNVuibjdaQ2NfU.png) repeat-x left top;
  background-size: 16px;
  width: 100%;
  height: 16px;
}
.pg__blue_16__notes {
  color: #a62137;
  font-weight: normal;
}
.pg__table {
  padding: 8px;
  margin: 0 12px 2px;
  height: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(89, 81, 76, 0.05);
  border-radius: 4px;
}
.pg__table dt,
.pg__table dd {
  font-size: 14px;
}
.pg__table dt {
  margin-bottom: 6px;
  font-weight: bold;
}
.pg__table--type02,
.pg__table--type7_3,
.pg__table--type4_6,
.pg__table--type5_3_2 {
  width: 100%;
  margin-bottom: 40px;
}
.pg__table--type02 th,
.pg__table--type7_3 th,
.pg__table--type4_6 th,
.pg__table--type5_3_2 th {
  background: rgba(89, 81, 76, 0.1);
  padding: 4px 16px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  vertical-align: middle;
}
.pg__table--type02 td,
.pg__table--type7_3 td,
.pg__table--type4_6 td,
.pg__table--type5_3_2 td {
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #b5b5b3;
  text-align: center;
  padding: 8px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__table--type02 td.txt_left,
.pg__table--type7_3 td.txt_left,
.pg__table--type4_6 td.txt_left,
.pg__table--type5_3_2 td.txt_left {
  text-align: left;
}
.pg__table--type7_3 th:nth-child(1) {
  width: 70%;
}
.pg__table--type7_3 th:nth-last-child(1) {
  width: 30%;
}
.pg__table--type4_6 th:nth-child(1) {
  width: 40%;
}
.pg__table--type4_6 th:nth-last-child(1) {
  width: 60%;
}
.pg__table--type5_3_2 th {
  width: 30%;
}
.pg__table--type5_3_2 th:nth-child(1) {
  width: 50%;
}
.pg__table--type5_3_2 th:nth-last-child(1) {
  width: 20%;
}
.pg__btn {
  width: 300px;
  height: 48px;
  display: block;
  overflow: hidden;
  margin: 0 auto 16px;
}
.pg__btn img {
  width: 100%;
  height: auto;
}
.pg__row {
  text-align: left;
  width: 100%;
  padding: 0 12px;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__row dt {
  font-weight: bold;
}
.pg__image,
.pg__image--mb8,
.pg__image--mb32 {
  padding: 0 12px;
  margin-bottom: 16px;
  text-align: center;
}
.pg__image--mb32,
.pg__image--mb8--mb32,
.pg__image--mb32--mb32 {
  margin-bottom: 32px;
}
.pg__image--mb8,
.pg__image--mb8--mb8,
.pg__image--mb32--mb8 {
  margin-bottom: 8px;
}
.pg__image img,
.pg__image--mb8 img,
.pg__image--mb32 img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.pg__image--left,
.pg__image--mb8--left,
.pg__image--mb32--left {
  width: 148px;
  height: 169px;
  overflow: hidden;
  margin: 0 auto 8px;
}
.pg__image--right,
.pg__image--mb8--right,
.pg__image--mb32--right {
  width: 148px;
  height: 169px;
  overflow: hidden;
  margin: 0 auto 8px;
}
.pg__image--right img,
.pg__image--mb8--right img,
.pg__image--mb32--right img {
  margin-left: -152px;
}
.pg__image--010,
.pg__image--mb8--010,
.pg__image--mb32--010 {
  width: 168px;
  height: 148px;
  overflow: hidden;
  margin: 0 auto 8px;
}
.pg__image--2nd,
.pg__image--mb8--2nd,
.pg__image--mb32--2nd {
  margin-left: -178px;
}
.pg__image--3rd,
.pg__image--mb8--3rd,
.pg__image--mb32--3rd {
  margin-left: -356px;
}
.pg__image--base,
.pg__image--mb8--base,
.pg__image--mb32--base {
  margin-bottom: 8px;
  text-align: center;
}
.pg__image--base img,
.pg__image--mb8--base img,
.pg__image--mb32--base img {
  max-width: 100%;
  height: auto;
}
.pg__image--soaring01,
.pg__image--mb8--soaring01,
.pg__image--mb32--soaring01 {
  width: 158px;
  height: 89px;
  overflow: hidden;
  margin: 0 auto 8px;
  position: relative;
}
.pg__image--soaring01 img,
.pg__image--mb8--soaring01 img,
.pg__image--mb32--soaring01 img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  height: auto;
}
.pg__image--soaring02,
.pg__image--mb8--soaring02,
.pg__image--mb32--soaring02 {
  width: 158px;
  height: 89px;
  overflow: hidden;
  margin: 0 auto 8px;
  position: relative;
}
.pg__image--soaring02 img,
.pg__image--mb8--soaring02 img,
.pg__image--mb32--soaring02 img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: auto;
}
.pg__image--soaring03,
.pg__image--mb8--soaring03,
.pg__image--mb32--soaring03 {
  width: 158px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto 8px;
  position: relative;
}
.pg__image--soaring03 img,
.pg__image--mb8--soaring03 img,
.pg__image--mb32--soaring03 img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  height: auto;
}
.pg__image--soaring04,
.pg__image--mb8--soaring04,
.pg__image--mb32--soaring04 {
  width: 158px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto 8px;
  position: relative;
}
.pg__image--soaring04 img,
.pg__image--mb8--soaring04 img,
.pg__image--mb32--soaring04 img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: auto;
}
.pg__list-circle {
  padding: 0 12px;
  margin: 40px 0 32px;
}
.pg__list-circle__title,
.pg__list-circle dt {
  position: relative;
  padding-left: 18px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: bold;
}
.pg__list-circle__title:after,
.pg__list-circle dt:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #d99857;
}
.pg__list-circle dd {
  margin-bottom: 32px;
  font-size: 14px;
}
.pg__list-circle dd:last-child {
  margin-bottom: 0;
}
.pg__ground {
  padding: 16px;
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: 32px;
  background-color: #f2f2f2;
  height: 1%;
}
.pg__ground__title {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #585858;
}
.pg__table_block {
  margin-bottom: 16px;
}
.pg__table_block-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  padding: 8px 12px 4px;
  background: rgba(89, 81, 76, 0.1);
}
.pg__table_block h4 {
  margin-left: 2px;
}
.pg__table_block p {
  background: rgba(89, 81, 76, 0.05);
  padding: 8px 12px 4px;
  margin: 0;
}
.pg__skill_icon {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_yXvKjAyuSaTaWzCWFFh3-Zp5w.png) no-repeat 3px 2px;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  vertical-align: middle;
}
.pg__skill_icon img {
  position: absolute;
  top: 2px !important;
  left: 50% !important;
  margin-left: -16px;
  display: block;
  z-index: 1;
  width: 32px;
  height: 32px;
}
.pg__skill_icon:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/2L4haadv0sUelHkLB2f1rycehk.png) no-repeat;
  -moz-background-size: 38px 38px;
  -o-background-size: 38px 38px;
  -webkit-background-size: 38px 38px;
  background-size: 38px 38px;
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.pg__action__wrapper {
  position: relative;
  margin-bottom: 32px;
}
.pg__action__wrapper__bace {
  height: 26px;
}
.pg__thead {
  background: #4c7ee8;
  width: 50%;
  margin-right: 4px;
  padding: 6px 16px;
  border-radius: 4px;
  text-align: center;
  font-weight: normal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__thead__wrapper {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 5;
}
.pg__thead:nth-child(2) {
  margin-right: 0;
  left: 4px;
}
.pg__thead span {
  display: block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  padding: 0 4px;
  line-height: 1.2;
}
.pg__thead__update p {
  background: #b36b24 !important;
}
.pg__tbody {
  margin-bottom: 8px;
}
.pg__action {
  margin: 0 16px;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #999999;
}
.pg__action__title {
  width: 50%;
  margin-right: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__action__title__icon {
  display: table;
  width: 100%;
}
.pg__action__title__icon__wrapper {
  width: 38px;
  display: table-cell;
  padding-right: 4px;
}
.pg__action__title__icon strong {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
}
.pg__action__quest_lv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  margin: 0 0 4px 3px;
}
.pg__action__quest {
  width: 16px;
  margin-right: 4px;
}
.pg__action__quest a {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 1;
}
.pg__action__lv {
  font-size: 12px;
  line-height: 16px;
}
.pg__action__lv img {
  margin-right: 2px;
}
.pg__action__classification {
  font-size: 12px;
  margin: 0 0 4px 3px;
}
.pg__action__cast,
.pg__action__recast,
.pg__action__cost,
.pg__action__distant,
.pg__action__range {
  font-size: 12px !important;
  margin-left: 3px !important;
  margin-bottom: 0 !important;
  height: auto !important;
}
.pg__action__cast img,
.pg__action__recast img,
.pg__action__cost img,
.pg__action__distant img,
.pg__action__range img {
  margin-right: 2px;
}
.pg__action__content {
  width: 50%;
  margin-left: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.pg__action__content__text {
  font-size: 12px !important;
}
.pg__action__update {
  position: relative;
  padding-bottom: 42px;
}
.pg__action__update__btn {
  background: #b36b24;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 4px;
  display: block;
  padding: 8px 4px;
  min-width: 90px;
  position: absolute;
  right: 0px;
  bottom: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.pg__action__update__popup {
  background: #f0f0ef;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  padding: 16px 40px 16px 16px;
  overflow: hidden;
  border-radius: 4px;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20002;
  max-height: 100%;
  position: absolute;
  left: 4px;
  right: 4px;
}
.pg__action__update__popup__wrapper {
  padding: 0 4px;
}
.pg__action__update__popup p {
  font-size: 14px;
  color: #404040;
  width: 100%;
}
.pg__action__update__popup__text {
  display: none;
}
.pg__action__update__popup__close {
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.pg__action__update__popup__close.press {
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.pg__column3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  text-align: center;
}
.pg__column3 div {
  width: 33.333333%;
  padding: 0 5px;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__fl_table {
  width: 100%;
  margin-bottom: 40px;
  border-bottom: 1px solid #b5b5b3;
}
.pg__fl_table th {
  padding: 8px 12px;
  white-space: nowrap;
}
.pg__fl_table th.fl_table__head {
  background: rgba(89, 81, 76, 0.1);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__fl_table th.fl_table__bdr {
  border-bottom: 1px solid #b5b5b3;
}
.pg__fl_table th .bullte {
  margin-right: 8px;
  vertical-align: middle;
}
.pg__fl_table td {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 8px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pg__fl_table td.fl_table__bdr {
  border-bottom: 1px solid #b5b5b3;
}
.pg__fl_table__icon {
  text-align: left;
}
.pg__fl_table__icon img,
.pg__fl_table__icon p {
  display: inline-block;
  vertical-align: middle;
}
.job__sub_title {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.job__sub_title__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  vertical-align: middle;
  margin: 0 16px 5px;
}
.action__overray {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20001;
  display: none;
  overflow: hidden;
  padding: 54px 4px 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.action__popup {
  background: #f0f0ef;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  padding: 16px 16px 16px 16px;
  overflow: hidden;
  border-radius: 4px;
  display: block;
  opacity: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20002;
  max-height: 100%;
  position: absolute;
  top: -9999px;
  left: 4px;
  right: 4px;
}
.action__popup__wrapper {
  padding: 0 4px;
}
.action__popup h4 {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 16px;
}
.action__popup__close {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/xsfK32w6BHG5iunXqNnPBI0jcw.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.action__popup__close.press {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/DskB_b-FaQSYIHbWzLcGwUs-XY.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.action__popup li {
  margin-bottom: 4px;
  font-size: 14px;
}
.action__popup__icon {
  display: inline-block;
  text-align: right;
  margin-right: 4px;
  float: left;
  width: 80px;
}
.action__popup__icon img {
  vertical-align: top;
}
.action__popup__text {
  margin-left: 84px;
  display: block;
}
.action__icon_legend {
  margin: 5px 0;
}
.timeschedule__header__logo {
  text-align: center;
}
.timeschedule__header__artv {
  position: absolute;
  bottom: 38px;
  left: 0;
  display: block;
  width: 174px;
  height: 72px;
  overflow: hidden;
}
.timeschedule__header__btn {
  margin-bottom: 16px;
}
.timeschedule__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 4px;
  margin: 0 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeschedule__tab li {
  display: block;
  height: 32px;
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-tap-highlight-color: transparent;
}
.timeschedule__tab__btn {
  display: block;
  background: #47433f;
  border-radius: 4px;
  display: block;
  height: 32px;
  overflow: hidden;
  margin: 0 2px;
}
.timeschedule__tab__btn:active {
  background: #615c57;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(255, 255, 255, 0.2);
}
.timeschedule__tab__btn.selected {
  background: #4c7ee8;
}
.timeschedule__tab__btn.selected:active {
  background: #4c7ee8;
  box-shadow: none;
}
.timeschedule__tab__btn.selected img {
  position: relative;
  margin-top: -32px;
}
.timeschedule__weekday {
  width: 100%;
}
.timeschedule__weekday .js__tabchange_menu {
  display: none;
}
.timeschedule__weekday .js__tabchange_menu.selected {
  display: block;
}
.timeschedule__weekday ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeschedule__weekday.fixed {
  position: fixed;
  top: 49px;
  left: 0;
  z-index: 1001;
}
.timeschedule__weekday__wrapper {
  margin-bottom: 16px;
  height: 32px;
}
.timeschedule__weekday__btn {
  display: block;
  width: 14.26282%;
  height: 32px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.timeschedule__weekday__btn a {
  display: block;
  height: 32px;
  -webkit-tap-highlight-color: transparent;
  font-size: 12px;
  font-weight: bold;
  color: #eeeeee;
  text-align: center;
  line-height: 32px;
  margin: 0 2px;
  border-radius: 4px;
  background: #4c7ee8;
}
.timeschedule__weekday__btn a.sat {
  background: #4da5e8;
}
.timeschedule__weekday__btn a.sun {
  background: #cc5c6e;
}
.timeschedule__content .popup_timeschedule {
  cursor: default;
}
.timeschedule__content .js__tabchange_target {
  display: none;
}
.timeschedule__content .js__tabchange_target.selected {
  display: block;
}
.timeschedule__title {
  background: rgba(89, 81, 76, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 8px 0 7px;
  font-size: 16px;
  font-weight: bold;
  color: #585858;
  text-align: center;
}
.timeschedule__sub_title {
  font-size: 14px;
  font-weight: bold;
  color: #585858;
  margin: 0 6px 4px;
}
.timeschedule__text {
  font-size: 14px;
  margin-bottom: 32px;
  padding: 0 12px;
  color: #585858;
}
.timeschedule__notes {
  color: #a62137;
  font-size: inherit;
}
.timeschedule__image {
  margin: 0 6px 32px;
}
.timeschedule__image img {
  width: 100%;
  height: auto;
  display: block;
}
.data_center {
  height: 40px;
  display: block;
  margin: 0 6px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
}
.data_center__button,
.data_center__button__eu {
  height: 40px;
  display: block;
  position: relative;
  background: #4c7ee8;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.data_center__button.press,
.data_center__button__eu.press {
  background: #4c7ee8;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.1);
}
.data_center__button::after,
.data_center__button__eu::after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/4YNTK5c5cBwWUOxbMkMWVCAYJY.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.data_center__button__eu,
.data_center__button__eu__eu {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: auto;
}
.data_center__button__eu::after,
.data_center__button__eu__eu::after {
  display: none;
}
.data_center__selected {
  position: absolute;
  left: 8px;
  bottom: 5px;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
  display: block;
  line-height: 1;
}
.data_center__list {
  display: none;
  background: #f0f0ef;
  padding: 4px;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  z-index: 2;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  position: absolute;
  top: 40px;
  left: 0;
}
.data_center__list li {
  font-weight: bold;
  font-size: 14px;
  margin: 0 6px;
}
.data_center__list a {
  display: block;
  color: #4c7ee8;
}
.data_center__list a:hover {
  color: #6696ff;
}
.data_center__list .selected {
  color: #585858;
}
.ic__01176159ca99ff01cc6dd8ae82137ad54202eba6 {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__04ac10bd6d1a83ce9541a33c9708c928fdca3735 {
  width: 18px;
  height: 18px;
  background-position: 0 -18px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__06a7af918500a0c033622c906c9aecbb40cb68d7 {
  width: 18px;
  height: 18px;
  background-position: 0 -36px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__0a5ad104300ec1e52f68e4b213d54fac9576e527 {
  width: 18px;
  height: 18px;
  background-position: 0 -54px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__0df29b31818dd2caf9b4b2b57762278c4c613391 {
  width: 18px;
  height: 18px;
  background-position: 0 -72px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__11de0204674e76df6087680c7dd697171fecd1aa {
  width: 18px;
  height: 18px;
  background-position: 0 -90px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__12f4273e7a9dfe4cf3d930b928fcebdba1173555 {
  width: 18px;
  height: 18px;
  background-position: 0 -108px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__1687c1f4bd24bb147c598c51018516483088dde5 {
  width: 18px;
  height: 18px;
  background-position: 0 -126px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__1d5cd4c70869635a55a45183001c084dc62c95ee {
  width: 18px;
  height: 18px;
  background-position: 0 -144px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__1e72febe196deb41efeb482dc554e244920d471c {
  width: 18px;
  height: 18px;
  background-position: 0 -162px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__1ef5c53306065ecbbd770090deb071f9e64c3d25 {
  width: 18px;
  height: 18px;
  background-position: 0 -180px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__201f1c24370d5f19f01443b221021a5b1155d9a9 {
  width: 18px;
  height: 18px;
  background-position: 0 -198px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__207c967cd26c0b21bd5d403263fbc4120a52adc5 {
  width: 18px;
  height: 18px;
  background-position: 0 -216px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__219e5abcfc41b14a84d534685d43f1ce33f65a25 {
  width: 18px;
  height: 18px;
  background-position: 0 -234px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__23962c28231204aab1b5bde3428cd7bf0fd6d553 {
  width: 18px;
  height: 18px;
  background-position: 0 -252px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__2495b5a67d3d17e963c4b06cb5418a6c283ae35c {
  width: 18px;
  height: 18px;
  background-position: 0 -270px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__24b82817aa14a8fd81a3475b9e6362a1b30867b1 {
  width: 18px;
  height: 18px;
  background-position: 0 -288px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__2afbd3bc343e4c18cf138cefb6e743aaf9536982 {
  width: 18px;
  height: 18px;
  background-position: 0 -306px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__2c2d56046e8f5c32402766f6a3bcd64c000e1aa3 {
  width: 18px;
  height: 18px;
  background-position: 0 -324px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__33dd851dae5f9f1ada24705fd4d519eb45d7e8ab {
  width: 18px;
  height: 18px;
  background-position: 0 -342px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__350307b90f7e89026912967415f2d378ff087385 {
  width: 18px;
  height: 18px;
  background-position: 0 -360px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__352235dcd797db4a5566deffcb1959576594ae71 {
  width: 18px;
  height: 18px;
  background-position: 0 -378px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__35893311b973bfceff1c727ba0080e9573de29f4 {
  width: 18px;
  height: 18px;
  background-position: 0 -396px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__359dfa9465fb0798e308bc38a3515f257b57831a {
  width: 18px;
  height: 18px;
  background-position: 0 -414px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__36f83b60702571f18e756d46b1daf3e1314a2850 {
  width: 18px;
  height: 18px;
  background-position: 0 -432px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__3a0b5ff249157c4cbff4ad3d80336086794bc43c {
  width: 18px;
  height: 18px;
  background-position: 0 -450px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__3bf4dde4d03a90537b2283947779158c0af33a79 {
  width: 18px;
  height: 18px;
  background-position: 0 -468px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__3c12314425f96f1e1a049654654124475b7b2d76 {
  width: 18px;
  height: 18px;
  background-position: 0 -486px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__3f146245dc32fd3708714a1cfba043253c70227c {
  width: 18px;
  height: 18px;
  background-position: 0 -504px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__41990d3d689809262997738e59785a9256150caa {
  width: 18px;
  height: 18px;
  background-position: 0 -522px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__49ffaba8ab55d60dd5a2d7f6ee51b04f1faa47f1 {
  width: 18px;
  height: 18px;
  background-position: 0 -540px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__4f4d1f1f8ee939b18937a963f1edb29e8fecb005 {
  width: 18px;
  height: 18px;
  background-position: 0 -558px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__516710b7f7b81a7c6497a66719977b45660e87b5 {
  width: 18px;
  height: 18px;
  background-position: 0 -576px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__527845a401f397022af943b11d80b4726d095440 {
  width: 18px;
  height: 18px;
  background-position: 0 -594px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__56299c3e082b3f896ae75aa54acd3782c7debf46 {
  width: 18px;
  height: 18px;
  background-position: 0 -612px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__56d90589507622f303f850f738ee5b231bfd7c23 {
  width: 18px;
  height: 18px;
  background-position: 0 -630px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__5821579ded7b5d39631fbd7b3f488db001fb52a8 {
  width: 18px;
  height: 18px;
  background-position: 0 -648px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__59b931e544f58b07c165fc9575c0657000c28e4a {
  width: 18px;
  height: 18px;
  background-position: 0 -666px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__5b15534beb73137c595710b0bcad4b043bb1097d {
  width: 18px;
  height: 18px;
  background-position: 0 -684px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__6001db2e2db2088630f84602b4bc5202cb1e8dcc {
  width: 18px;
  height: 18px;
  background-position: 0 -702px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__6271829a1c9daba4879660eb09f2d9ca7bcb07bf {
  width: 18px;
  height: 18px;
  background-position: 0 -720px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__64a8f089fec7016c21f2c960fa9affbf47da6d47 {
  width: 18px;
  height: 18px;
  background-position: 0 -738px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__6798dc0774dad58baad9ececd58e8595724d8972 {
  width: 18px;
  height: 18px;
  background-position: 0 -756px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__6b9ec1786582c77da872416d1997fb2ea741e505 {
  width: 18px;
  height: 18px;
  background-position: 0 -774px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__6d41c708444ad04878f5c31f80ee30e7f172502e {
  width: 18px;
  height: 18px;
  background-position: 0 -792px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__705b8bfb4305bb7c29172b72ee767a21be34a077 {
  width: 18px;
  height: 18px;
  background-position: 0 -810px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__706028dcf7816acb65c043cd88b98cb33fe3d271 {
  width: 18px;
  height: 18px;
  background-position: 0 -828px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__7c64d8c5122fc864c92c3b1b638d6715025f2fcf {
  width: 18px;
  height: 18px;
  background-position: 0 -846px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__7d06a4dabfaa3c53aa749bf41243344f6f9c7470 {
  width: 18px;
  height: 18px;
  background-position: 0 -864px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__80937f2db36217f1b7c275b75e737c2e57640228 {
  width: 18px;
  height: 18px;
  background-position: 0 -882px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__83d147960d17c22e0930d36f37d792e1cd6ef896 {
  width: 18px;
  height: 18px;
  background-position: 0 -900px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8410828881f9735adb33eee18efe544412a60c4a {
  width: 18px;
  height: 18px;
  background-position: 0 -918px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8727be614e393fe4f8912143522f6f2d925e5954 {
  width: 18px;
  height: 18px;
  background-position: 0 -936px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__897c9c43cafd4c433e7326fa5cfd741a05fa613e {
  width: 18px;
  height: 18px;
  background-position: 0 -954px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8b2e35820efe85fc6a395c54cfaa3310568d8b1a {
  width: 18px;
  height: 18px;
  background-position: 0 -972px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8d77d7f90f3000d8287e73916353618f90fe4435 {
  width: 18px;
  height: 18px;
  background-position: 0 -990px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8e378fb9777febb8ecfd6e3d841a510baaf1fa04 {
  width: 18px;
  height: 18px;
  background-position: 0 -1008px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__8fbe77a5f29a86240085bca45e1c3a9188b08288 {
  width: 18px;
  height: 18px;
  background-position: 0 -1026px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__90fd7b7eb2c1622072ced8d99052ddf597409120 {
  width: 18px;
  height: 18px;
  background-position: 0 -1044px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__939fd3fd5bd47e8b3db37491281ad5b94805ea32 {
  width: 18px;
  height: 18px;
  background-position: 0 -1062px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__941dc3d880e3e790070d73789965ff191605b216 {
  width: 18px;
  height: 18px;
  background-position: 0 -1080px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__94228081e521abeaf9d610db40041727b8578375 {
  width: 18px;
  height: 18px;
  background-position: 0 -1098px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__9913c506a3a72daf5b713a7fa00606be8272e8cd {
  width: 18px;
  height: 18px;
  background-position: 0 -1116px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__999250bcc8bfe5fb80ec0c7ae517740c166c2179 {
  width: 18px;
  height: 18px;
  background-position: 0 -1134px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__9c3da968401daf9fa09670641f988fc0119dccca {
  width: 18px;
  height: 18px;
  background-position: 0 -1152px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a19c95f280e82f18b733ba4e5b87293115ca4d46 {
  width: 18px;
  height: 18px;
  background-position: 0 -1170px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a1e5c061b0a3e68a02256979adab1448d8c5ae2d {
  width: 18px;
  height: 18px;
  background-position: 0 -1188px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a2f1b28a9f161a900aeefc162b976e3fad685aae {
  width: 18px;
  height: 18px;
  background-position: 0 -1206px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a49c11dd602c7bc5a50eea183a2a9c4bbb81ac41 {
  width: 18px;
  height: 18px;
  background-position: 0 -1224px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a4f11858e38cb314ee3377d5277ce01f06c13473 {
  width: 18px;
  height: 18px;
  background-position: 0 -1242px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__a995042083a299090aaa38452b4cc48d3686a357 {
  width: 18px;
  height: 18px;
  background-position: 0 -1260px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__accfc116e84c1092349ea9fe7270d4192bb3f6f4 {
  width: 18px;
  height: 18px;
  background-position: 0 -1278px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__b22d7dcfa13016b484ff461219b624d4949c8ae8 {
  width: 18px;
  height: 18px;
  background-position: 0 -1296px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__b49587ef15c576181f5b16bbd5d0e1daa12fc6c5 {
  width: 18px;
  height: 18px;
  background-position: 0 -1314px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__b7b79ef2e5c4124219b3e7279e6fb763ae22ab50 {
  width: 18px;
  height: 18px;
  background-position: 0 -1332px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__b93a371573b7bc434cb488f3ac7103484585e878 {
  width: 18px;
  height: 18px;
  background-position: 0 -1350px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__b9c70cb93458f6787010810918ba786646d1ad87 {
  width: 18px;
  height: 18px;
  background-position: 0 -1368px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c206fa7b464e8a011d7a76f4cf576ce21a93fcc3 {
  width: 18px;
  height: 18px;
  background-position: 0 -1386px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c40eb09ee7f9939a31ac82039ab080a4bb7466e8 {
  width: 18px;
  height: 18px;
  background-position: 0 -1404px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c469bf8132925c2eb78307d78ee4a8595c345b31 {
  width: 18px;
  height: 18px;
  background-position: 0 -1422px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c5a371aa727c1b18114e47647c148acb68a45867 {
  width: 18px;
  height: 18px;
  background-position: 0 -1440px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c5c7d586140a1634bc3df20e503418d12d98348d {
  width: 18px;
  height: 18px;
  background-position: 0 -1458px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__c6d29f223f23cca28c51f10a212fc7719b07f2d1 {
  width: 18px;
  height: 18px;
  background-position: 0 -1476px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__cba099eddf5e6d5d01ad7b75308fabf1f6a93eae {
  width: 18px;
  height: 18px;
  background-position: 0 -1494px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__d2961b1af483931e14be89f45dc588ee494a4c50 {
  width: 18px;
  height: 18px;
  background-position: 0 -1512px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__d42ca99ccb7d263e57ca7562a69c4ba12885e42d {
  width: 18px;
  height: 18px;
  background-position: 0 -1530px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__d5c55951a4e826d8f5e8f01f47e5d904ea5d5845 {
  width: 18px;
  height: 18px;
  background-position: 0 -1548px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__d6f3ea21cee5cc5cba8667e7b416a566e8ca4e3a {
  width: 18px;
  height: 18px;
  background-position: 0 -1566px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__dc61319affa5f3e45b4b51a63478f9811e007d79 {
  width: 18px;
  height: 18px;
  background-position: 0 -1584px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__e21fef273a4784000e1b130c2e0ec77ce00d10a1 {
  width: 18px;
  height: 18px;
  background-position: 0 -1602px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__e235bbc9c702688c0dc3d65be4b1ca1d3053eb77 {
  width: 18px;
  height: 18px;
  background-position: 0 -1620px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__e48bc9fee7718db1bb927978d98b2da70425e11f {
  width: 18px;
  height: 18px;
  background-position: 0 -1638px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__e7026b648c35131248a9998fd4521dac9530b61c {
  width: 18px;
  height: 18px;
  background-position: 0 -1656px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__eada7c18bac0a0c35cbaf1d80989b3ffd088f8a3 {
  width: 18px;
  height: 18px;
  background-position: 0 -1674px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__eae22e9fcd2376fca5ffa7bba36c8c20e6ec7fba {
  width: 18px;
  height: 18px;
  background-position: 0 -1692px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__eba8d42415c8b5c47f118fa47813af7cbc06c335 {
  width: 18px;
  height: 18px;
  background-position: 0 -1710px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__ece9da3082b2fd0fc2f99eb72788e9dad88b5e15 {
  width: 18px;
  height: 18px;
  background-position: 0 -1728px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__ee01520717a4d982b21687d8e704356d2cf2d499 {
  width: 18px;
  height: 18px;
  background-position: 0 -1746px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__ee3bc92d094451fe4bea96141087a8560bb6a189 {
  width: 18px;
  height: 18px;
  background-position: 0 -1764px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__ef073b70e374eb3027668ae735b5afb1eead4ffd {
  width: 18px;
  height: 18px;
  background-position: 0 -1782px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__f058951d7524adbd874153069052d95aba094560 {
  width: 18px;
  height: 18px;
  background-position: 0 -1800px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__f19f2e03b74c959e13e238b78c272692c2b2d0d2 {
  width: 18px;
  height: 18px;
  background-position: 0 -1818px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic__fed068fdfb0cab2823cfbd06be7cc0a1df35b49c {
  width: 18px;
  height: 18px;
  background-position: 0 -1836px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5rINTj0nqqTlT-izQ4UkztO4EU.png);
  background-repeat: no-repeat;
}
.ic_classjob__131b914b2be4563ec76b870d1fa44aa8da0f1ee6 {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__289dbc0b50956ce10a2195a75a22b500a648284e {
  width: 18px;
  height: 18px;
  background-position: 0 -18px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__343bce834add76f5d714f33154d0c70e99d495a3 {
  width: 18px;
  height: 18px;
  background-position: 0 -36px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__605aa74019178eef7d8ba790b3db10ac8e9cd4ca {
  width: 18px;
  height: 18px;
  background-position: 0 -54px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__6e0223f41a926eab7e6bc42af7dd29b915999db1 {
  width: 18px;
  height: 18px;
  background-position: 0 -72px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__86f1875ebc31f88eb917283665be128689a9669b {
  width: 18px;
  height: 18px;
  background-position: 0 -90px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__8e82259fcd979378632cde0c9767c15dba3790af {
  width: 18px;
  height: 18px;
  background-position: 0 -108px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__937d3313d9d7ef491319c38a4d4cde4035eb1ab3 {
  width: 18px;
  height: 18px;
  background-position: 0 -126px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__aab4391a4a5633684e1b93174713c1c52f791930 {
  width: 18px;
  height: 18px;
  background-position: 0 -144px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__d41cb306af74bb5407bc74fa865e9207a5ce4899 {
  width: 18px;
  height: 18px;
  background-position: 0 -162px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.ic_classjob__f358b50ff0a1b1dcb67490ba8f4c480e01e4edd7 {
  width: 18px;
  height: 18px;
  background-position: 0 -180px;
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dEGEE4Evi39rNYuVQ_S0p91jAc.png);
  background-repeat: no-repeat;
}
.icon_class_materials__131b914b2be4563ec76b870d1fa44aa8da0f1ee6 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/E69jrsOMGFvFpCX87F5wqgT_Vo.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__1d4a1cf6021705ee62c5b5dfc100781f0f272623 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Fso5hanZVEEAaZ7OGWJsXpf3jw.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__289dbc0b50956ce10a2195a75a22b500a648284e {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/B4Azydbn7Prubxt7OL9p1LZXZ0.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__2c38a1b928c88fd20bcc74fe0b4d9ba0a8f56f67 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/4ghjpyyuNelzw1Bl0sM_PBA_FE.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__2d0ac2fdb4fd432d6b91acd7afbc335e87e877fb {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/wdwVVcptybfgSruoh8R344y_GA.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__2de279517a8de132f2faad4986a507ed728a067f {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/A3UhbjZvDeN3tf_6nJ85VP0RY0.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__2f21a984aab9ff20acc2cc9bcf0ffe544a33f3a1 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/vmtbIlf6Uv8rVp2YFCWA25X0dc.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__343bce834add76f5d714f33154d0c70e99d495a3 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/bBVQ9IFeXqjEdpuIxmKvSkqalE.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__36ce9c4cc01581d4f900102cd51e09c60c3876a6 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/gX4OgBIHw68UcMU79P7LYCpldA.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__4b25861c27a75f7fb46b721fb8968ea18ac312bf {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/hg8ofSSOKzqng290No55trV4mI.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__4ed067c9de1d05ece8eb0361fa729fbd32aeb556 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/KndG72XtCFwaq1I1iqwcmO_0zc.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__59fde9fca303490477962039f6cd0d0101caeabe {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/VYP1LKTDpt8uJVvUT7OKrXNL9E.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__5ca476c2166b399e3ec92e8008544fdbea75b6a2 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/St9rjDJB3xNKGYg-vwooZ4j6CM.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__605aa74019178eef7d8ba790b3db10ac8e9cd4ca {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/LbEjgw0cwO_2gQSmhta9z03pjM.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__6157497a98f55a73af4c277f383d0a23551e9e98 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/gl62VOTBJrm7D_BmAZITngUEM8.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__626a1a0927f7d2510a92558e8032831264110f26 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/d0Tx-vhnsMYfYpGe9MvslemEfg.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__6adc80524b110dbb01b6e23bb718e2abd40cce82 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/s3MlLUKmRAHy0pH57PnFStHmIw.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__6e0223f41a926eab7e6bc42af7dd29b915999db1 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/EEHVV5cIPkOZ6v5ALaoN5XSVRU.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__71ac49736080544585d734554e4b118e26ba68a5 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_oYApASVVReLLmsokuCJGkEpk0.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__7a72ef2dc1918f56e573dd28cffcec7e33a595df {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/KWI-9P3RX_Ojjn_mwCS2N0-3TI.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__850bbd8507d2ce5b28fd9db190c114af6c2455be {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/cLlXUaeMPJDM2nBhIeM-uDmPzM.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__86f1875ebc31f88eb917283665be128689a9669b {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/1kMI2v_KEVgo30RFvdFCyySkFo.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__8873ffdf5f7c80770bc40f5b82ae1be6fa1f8305 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/HW6tKOg4SOJbL8Z20GnsAWNjjM.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__8e82259fcd979378632cde0c9767c15dba3790af {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/aM2Dd6Vo4HW_UGasK7tLuZ6fu4.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__924ded09293b2a04c4cd662afbf7cda7b0576888 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/tYTpoSwFLuGYGDJMff8GEFuDQs.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__937d3313d9d7ef491319c38a4d4cde4035eb1ab3 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/jGRnjIlwWridqM-mIPNew6bhHM.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__970e5301281cba4ce374530f5949b74d7df083af {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/erCgjnMSiab4LiHpWxVc-tXAqk.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__98d95dec1f321f111439032b64bc42b98c063f1b {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/V01m8YRBYcIs5vgbRtpDiqltSE.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__9fe08b7e2827a51fc216e6407646ffba716a44b8 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/iW7IBKQ7oglB9jmbn6LwdZXkWw.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__a2a6213832a266f8c5145f7cbb8b8e8c9d8c6e25 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5CZEvDOMYMyVn2td9LZigsgw9s.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__aab4391a4a5633684e1b93174713c1c52f791930 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Rq5wcK3IPEaAB8N-T9l6tBPxCY.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__acc766bc109228f1c177f902741fdcdd83302152 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/jdV3RRKtWzgo226CC09vjen5sk.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__b0f4ef231c5120e3291eec58985d4ffa746ad1d0 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/WojNTqMJ_Ye1twvkIhw825zc20.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__b52dac168602dda2c2c37b7275c97c46b65150ee {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/kLob-U-yh652LQPX1NHpLlUYQY.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__b6b04e29884ae4f3e8c0f9c8f5b94c2cf67dd90c {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/HK0jQ1y7YV9qm30cxGOVev6Cck.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__c460e288d5db83ebc90d0654bee6d0d0a0a9582d {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/i20QvSPcSQTybykLZDbQCgPwMw.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__d39804e8810aa3d8e467b7a476d01965510c5d18 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ZpqEJWYHj9SvHGuV9cIyRNnIkk.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__d41cb306af74bb5407bc74fa865e9207a5ce4899 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/YCN6F-xiXf03Ts3pXoBihh2OBk.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__e2a98c81ca279607fc1706e5e1b11bc08cac2578 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/IM3PoP6p06GqEyReygdhZNh7fU.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__ec5d264e53ea7749d916d7d8bc235ec9c8bb7b51 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/F5JzG9RPIKFSogtaKNBk455aYA.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__ee5788ae748ff28a503fecbec2a523dbc6875298 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/WdFey0jyHn9Nnt1Qnm-J3yTg5s.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.icon_class_materials__f358b50ff0a1b1dcb67490ba8f4c480e01e4edd7 {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ACAcQe3hWFxbWRVPqxKj_MzDiY.png) 0 0 no-repeat;
  background-size: 20px 20px;
}
.ic_star--wh11 {
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/NTYzz0QGXSD8YB2J3NwmAYjhrM.png) no-repeat 0 0;
  background-size: 12px 11px;
}
input[type='text'] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#footer {
  padding-top: 0;
  background: none;
}
#link_pagetop {
  display: none;
}
.page-title__icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.page-title__db {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/thlMsVGS7ITYYbrNtLNpW1a4EE.png) no-repeat 0 0;
  -moz-background-size: 24px auto;
  -o-background-size: 24px auto;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
}
.content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #262626),
    color-stop(100%, #3e3e3e)
  );
  background-image: -moz-linear-gradient(bottom, #262626, #3e3e3e);
  background-image: -webkit-linear-gradient(bottom, #262626, #3e3e3e);
  background-image: linear-gradient(to top, #262626, #3e3e3e);
  border-top: 1px solid #5d5d5d;
  border-bottom: 1px solid #151515;
  position: relative;
  font-size: 16px;
  color: #e5e5e5;
  padding: 12px 8px;
  font-weight: bold;
}
.content-header h2 {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.content-header--highlight {
  color: #bfa34c;
}
.content-header__count {
  color: #bfa34c;
}
.content-header__total {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6;
  display: inline-block;
  margin-left: 8px;
}
.content-header__total span {
  color: #bfa34c;
}
.content-header__btn__search--close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-position: -1169px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.content-header__btn__search--open {
  width: 32px;
  height: 32px;
  background-position: -1201px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.content-header__has_shop {
  margin-bottom: 16px;
}
.search-criteria {
  background: #000;
  padding: 10px 8px;
  color: #e5e5e5;
  vertical-align: text-bottom;
}
.search-criteria__area {
  width: 100%;
  overflow: hidden;
}
.search-criteria p {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.search-criteria span {
  color: #bfa34c;
  -webkit-box-orient: vertical;
}
.page-top__base-position {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-top__db {
  background: #262626;
}
.page-top__button {
  width: 44px;
  height: 40px;
  background-position: -981px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  position: fixed;
  bottom: 50px;
  right: -20px;
  opacity: 0;
}
.page-top__button.absolute {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.page-top__wolvesden_button {
  width: 44px;
  height: 40px;
  background-position: -1025px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.pager__wrapper {
  width: 100%;
  min-height: 34px;
  background-color: #1b1b1b;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pager__wrapper--footer {
  background-color: #262626;
  padding-bottom: 30px;
}
.pager__current-view {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  text-align: center;
  background-color: #1b1b1b;
  border-right: 1px solid #3d3d3d;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.pager__current-view p {
  width: 100%;
}
.pager__button {
  background-color: #000;
  border-right: 1px solid #3d3d3d;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 34px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.pager__button:nth-last-child(1) {
  border-right: 0;
}
.pager__button:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.pager__button--left-all:after {
  width: 16px;
  height: 16px;
  background-position: -1085px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.pager__button--left:after {
  width: 16px;
  height: 16px;
  background-position: -1069px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.pager__button--right-all:after {
  width: 16px;
  height: 16px;
  background-position: -1117px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.pager__button--right:after {
  width: 16px;
  height: 16px;
  background-position: -1101px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.pager__button.off:after {
  opacity: 0.2;
}
.item-icon {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
}
.item-icon--gathering {
  width: 38px;
  height: 38px;
  background-position: -88px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.item-icon--24 {
  position: relative;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-position: -64px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.item-icon__image {
  position: absolute;
  top: 1.5px;
  left: 50%;
  margin-left: -16px;
  display: block;
}
.item-icon__image--24 {
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
}
.item-icon__cover {
  width: 38px;
  height: 38px;
  background-position: -206px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.item-icon__cover--24 {
  width: 24px;
  height: 24px;
  background-position: -182px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.sort-pulldown {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
  text-align: center;
  padding: 10px 24px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sort-pulldown select {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
}
.btn__submit,
.btn__more {
  width: 272px;
  min-height: 33px;
  margin: 20px auto 0;
  display: block;
  cursor: pointer;
  border-radius: 18px;
  font-weight: bold;
  color: #242424;
  font-size: 14px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3),
    0px 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM4MTgxODEiIHN0b3Atb3BhY2l0eT0iMC43NSIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjOGM4YzhjIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMC43NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, rgba(143, 143, 143, 0.75)),
    color-stop(48%, rgba(129, 129, 129, 0.75)),
    color-stop(52%, rgba(140, 140, 140, 0.75)),
    color-stop(100%, rgba(181, 181, 181, 0.75))
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgba(143, 143, 143, 0.75),
    rgba(129, 129, 129, 0.75) 48%,
    rgba(140, 140, 140, 0.75) 52%,
    rgba(181, 181, 181, 0.75)
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(143, 143, 143, 0.75),
    rgba(129, 129, 129, 0.75) 48%,
    rgba(140, 140, 140, 0.75) 52%,
    rgba(181, 181, 181, 0.75)
  );
  background-image: linear-gradient(
    to top,
    rgba(143, 143, 143, 0.75),
    rgba(129, 129, 129, 0.75) 48%,
    rgba(140, 140, 140, 0.75) 52%,
    rgba(181, 181, 181, 0.75)
  );
  -moz-box-shadow: inset 0 3px 1px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 1px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 3px 1px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
}
.btn__item-detail {
  display: block;
  width: 272px;
  min-height: 33px;
  font-weight: bold;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  margin: 0 auto;
  padding: 9px 0;
  -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),
    0 3px 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #2d2d2d;
  background: #000;
  background: -webkit-linear-gradient(bottom, #000 48%, #333 52%, #666);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(48%, #000),
    color-stop(52%, #333),
    color-stop(100%, #666)
  );
  background: -moz-linear-gradient(bottom, #000 48%, #333 52%, #666);
  background: -o-linear-gradient(bottom, #000 48%, #333 52%, #666);
  background: -ms-linear-gradient(bottom, #000 48%, #333 52%, #666);
  background: linear-gradient(to top, #000000 48%, #333333 52%, #666666);
  color: #e5e4da;
  font-size: 12px;
  line-height: 1;
}
.btn__item-detail span {
  position: relative;
  padding-left: 24px;
}
.btn__item-detail span:after {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 0;
  width: 24px;
  height: 24px;
  background-position: -158px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.btn__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  margin: 10px auto 0;
}
.btn__more span {
  display: block;
  text-align: center;
  width: 100%;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db__bg {
  background-color: #000;
}
.db-index__header {
  background: #262626;
  padding: 20px 24px;
}
.db-index__header__text {
  margin-bottom: 20px;
}
.db-index__header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3px;
}
.db-index__header__search--input {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e3e3e3;
  border: 1px solid #666;
  font-size: 14px !important;
  line-height: 1 !important;
  word-break: normal;
  display: block;
  height: 36px;
}
.db-index__header__search--button {
  display: block;
  position: relative;
  width: 61px;
  height: 36px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #262626),
    color-stop(100%, #3d3d3d)
  );
  background-image: -moz-linear-gradient(bottom, #262626, #3d3d3d);
  background-image: -webkit-linear-gradient(bottom, #262626, #3d3d3d);
  background-image: linear-gradient(to top, #262626, #3d3d3d);
  border: 1px solid #666;
  border-left: 0;
}
.db-index__header__search--button:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  background-position: -275px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-index__header__db-version {
  font-size: 11px;
  color: gray;
  text-align: right;
}
.db-index__wrapper {
  background: #262626;
  padding-bottom: 24px;
  height: 1%;
}
.db-index__toggle-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -965px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-index__toggle-icon.close {
  width: 16px;
  height: 16px;
  background-position: -126px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-index__title__category {
  background: #000;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
  padding: 0 32px 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.db-index__title__category--name {
  color: #bfa34c;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.db-index__title__category--count {
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
}
.db-index__title__kind {
  display: none;
  cursor: pointer;
}
.db-index__title__kind--item {
  display: block;
}
.db-index__title__kind dt {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
  width: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 39px;
}
.db-index__title__kind--name {
  color: #e5e5e5;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  padding: 4px 48px 4px 8px;
  min-height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-index__title__kind--name span {
  display: block;
}
.db-index__category-list {
  display: none;
  border-bottom: 1px solid #3d3d3d;
}
.db-index__category-list ul {
  margin-bottom: -1px;
  position: relative;
}
.db-index__category-list ul li {
  background: #262626;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  border-bottom: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
}
.db-index__category-list ul li:nth-child(even) {
  border-right: 0;
}
.db-index__category-list ul li a {
  min-height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  color: #e5e5e5;
  font-weight: bold;
}
.db-index__category-list ul li a span {
  display: block;
}
.db-index__category-list--item,
.db-index__category-list--quest,
.db-index__category-list--gathering,
.db-index__category-list--text_command {
  width: 100%;
}
.db-index__category-list--item ul li,
.db-index__category-list--quest ul li,
.db-index__category-list--gathering ul li,
.db-index__category-list--text_command ul li {
  width: 100%;
  border-right: 0;
}
.db-index__category-list--text_command {
  border-bottom: 0;
}
.db-index__category__btn {
  display: block;
  height: 40px;
  margin: 16px 16px 0;
  font-size: 14px;
  font-weight: bold;
  color: #262626;
  text-align: center;
  line-height: 40px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #8c8c8c),
    color-stop(100%, #737373)
  );
  background-image: -moz-linear-gradient(top, #8c8c8c 0%, #737373 100%);
  background-image: -webkit-linear-gradient(top, #8c8c8c 0%, #737373 100%);
  background-image: linear-gradient(to bottom, #8c8c8c 0%, #737373 100%);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  border-radius: 20px;
}
.db-index__category__btn.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #cccccc),
    color-stop(100%, #b2b2b2)
  );
  background-image: -moz-linear-gradient(top, #cccccc 0%, #b2b2b2 100%);
  background-image: -webkit-linear-gradient(top, #cccccc 0%, #b2b2b2 100%);
  background-image: linear-gradient(to bottom, #cccccc 0%, #b2b2b2 100%);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #262626;
  text-decoration: none;
}
.db-search {
  background-color: #262626;
  padding: 18px 24px 32px;
}
.db-search--db-index {
  padding-bottom: 0;
}
.db-search__advanced_search_wrapper {
  background-color: #262626;
  padding-bottom: 20px;
  height: 1%;
}
.db-search__form-wrapper {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.db-search__form-wrapper tbody,
.db-search__form-wrapper tr {
  display: block;
}
.db-search__keyword {
  margin-bottom: 16px;
}
.db-search__keyword td {
  display: block;
  overflow: hidden;
}
.db-search__category,
.db-search__category_mb16 {
  display: block;
  margin-bottom: 10px;
}
.db-search__category td,
.db-search__category_mb16 td {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.db-search__category_mb16,
.db-search__category_mb16_mb16 {
  margin-bottom: 16px;
}
.db-search__category-2 {
  margin-bottom: 10px;
}
.db-search__category-2 td {
  display: block;
}
.db-search__level {
  margin-bottom: 10px;
}
.db-search__level td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.db-search__level--item,
.db-search__level--equipment {
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.db-search__level--equipment {
  padding-left: 10px;
  padding-right: 0;
}
.db-search__level__half-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.db-search__level__space {
  padding: 0 10px;
}
.db-search__level__input {
  width: 40px !important;
  padding: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e3e3e3;
  border: 1px solid #666;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  word-break: normal;
}
.db-search__basic-performance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.db-search__basic-performance__selectbox {
  width: 160px;
  font-size: 14px;
  display: block;
}
.db-search__basic-performance__filter-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  white-space: nowrap;
  padding-left: 4px;
}
.db-search__basic-performance__filter-value span {
  display: block;
}
.db-search__basic-performance__filter-value span:first-child {
  margin-right: 4px;
}
.db-search__basic-performance__filter-value input {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 0 !important;
  width: 40px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e3e3e3;
  border: 1px solid #666;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  word-break: normal;
}
.db-search__input-box {
  margin-bottom: 10px;
}
.db-search__input-box td {
  display: block;
}
.db-search__item-name {
  color: #bbac94;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: normal;
}
.db-search__input--text {
  width: 100%;
  padding: 10px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e3e3e3;
  border: 1px solid #666;
  font-size: 14px !important;
  line-height: 1 !important;
  word-break: normal;
}
.db-search__selectbox {
  width: 100%;
  font-size: 14px;
}
.db-search__option--filter li {
  margin-bottom: 8px;
}
.db-search__option--filter label {
  display: flex;
  align-items: center;
}
.db-search__option--filter input {
  display: none;
}
.db-search__option--filter div {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 4px;
}
.db-search__option--filter input[type='checkbox']:checked + div img {
  margin-top: -24px;
}
.db-search__option--filter input[type='checkbox']:checked + div + p {
  color: #e57e17;
}
.db-list-wrapper {
  background-color: #262626;
  padding-bottom: 30px;
}
.db-list-wrapper--search {
  padding-bottom: 20px;
}
.db-list-wrapper .latest_patch__major__icon {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background-position: -726px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item {
  position: relative;
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
}
.db-item__link {
  color: #e5e5e5;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  position: relative;
}
.db-item__link .ic_need_insight {
  position: absolute;
  top: 32px;
  right: 8px;
  display: block;
}
.db-item__search {
  font-weight: bold;
}
.db-item__search__link {
  padding: 10px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #5990ff;
  display: block;
}
.db-item__result__0 {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
  padding: 10px 16px;
}
.db-item__category-icon {
  height: 100%;
  padding: 9px 8px 0 0;
  margin-left: 20px;
}
.db-item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  width: 100%;
  position: relative;
}
.db-item__list__inner {
  padding: 8px 0 4px 8px;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  box-sizing: border-box;
}
.db-item__list__patch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 18px;
  position: relative;
}
.db-item__list__patch__inner {
  padding: 8px 0 4px 0;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.db-item__list__patch__inner.text_command {
  padding: 24px 0 4px 0;
}
.db-item__list__equipment p {
  display: inline-block;
  margin-right: 20px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-item__list__equipment p strong {
  color: #bbac94;
  font-weight: normal;
}
.db-item__list__equipment p:nth-last-child(1) {
  margin-right: 0;
}
.db-item__list__equipment .scrip_shop_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  flex-wrap: wrap;
}
.db-item__list__equipment .scrip_shop_item span {
  display: inline-block;
  margin-right: 16px;
}
.db-item__list__equipment .scrip_shop_item span:nth-last-child(1) {
  margin-right: 0;
}
.db-item__list__equipment .scrip_shop_item img {
  display: block;
  margin-right: 2px;
}
.db-item__list__equipment .scrip_shop_item .rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.db-item__list__item-icon {
  width: 38px;
  margin-right: 8px;
  text-align: center;
}
.db-item__list__item-icon .ic_param_weapon {
  float: none;
}
.db-item__list__item-icon .latest_patch__major__icon {
  left: -16px;
}
.db-item__list__box {
  -webkit-flex: 1 1;
  flex: 1 1;
}
.db-item__list__name {
  color: #5990ff;
  display: block;
  width: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 0;
  line-height: 1.2;
}
.db-item__list__name.no_link {
  color: #e5e5e5;
}
.db-item__list__name .icon {
  font-weight: normal;
}
.db-item__list__kind {
  font-size: 12px;
  font-weight: normal;
  color: gray;
}
.db-item__list__place {
  font-weight: normal;
}
.db-item__list__place__level {
  padding-right: 20px;
  color: #bbac94;
}
.db-item__list__place__level span {
  color: #e5e5e5;
}
.db-item__list__content {
  color: #e5e5e5;
  font-weight: normal;
}
.db-item__list__content__level_min {
  color: #bbac94;
}
.db-item__list__content__level_min span {
  color: #e5e5e5;
}
.db-item__list__content__item_level {
  padding-left: 20px;
  color: #bbac94;
}
.db-item__list__content__item_level span {
  color: #e5e5e5;
}
.db-item__list__gathering__level {
  font-weight: normal;
  color: #bbac94;
}
.db-item__list__gathering__level span {
  color: #e5e5e5;
}
.db-item__list__gathering__difficulty {
  width: 12px;
  height: 11px;
  background-position: -378px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.db-item__list__hidden {
  padding-left: 20px;
}
.db-item__list__material {
  font-weight: bold;
  min-width: 24px;
  margin-right: 8px;
  text-align: center;
}
.db-item__list__icon {
  padding: 8px 0 4px 54px;
  position: relative;
}
.db-item__list__icon:before {
  content: ' ';
  position: absolute;
  top: 9px;
  left: 11px;
}
.db-item__list__icon__patch {
  padding: 8px 0 4px 36px;
  position: relative;
}
.db-item__list__icon__patch:before {
  content: ' ';
  position: absolute;
  top: 9px;
  left: 0;
}
.db-item__list__icon--main:before {
  width: 32px;
  height: 32px;
  background-position: -964px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--common_normal:before {
  width: 32px;
  height: 32px;
  background-position: -836px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--common_repeat:before {
  width: 32px;
  height: 32px;
  background-position: -868px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--function_normal:before {
  width: 32px;
  height: 32px;
  background-position: -900px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--function_repeat:before {
  width: 32px;
  height: 32px;
  background-position: -932px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--dungeons:before {
  width: 32px;
  height: 32px;
  background-position: -90px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--guildhests:before {
  width: 32px;
  height: 32px;
  background-position: -122px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--pvp:before {
  width: 32px;
  height: 32px;
  background-position: -186px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--raids:before {
  width: 32px;
  height: 32px;
  background-position: -218px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--zetsu-raids:before {
  width: 32px;
  height: 32px;
  background-position: -282px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--trials:before {
  width: 32px;
  height: 32px;
  background-position: -250px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__icon--metsu_alliance:before {
  width: 32px;
  height: 32px;
  background-position: -154px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__list__shop {
  padding-bottom: 16px;
}
.db-item__list__set {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 4px 8px 8px;
}
.db-item__list__currency {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px 8px 14px;
}
.db-item__list__btn {
  display: block;
  width: 152px;
  height: 30px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #262626;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: 1px;
  right: 8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #8c8c8c),
    color-stop(100%, #737373)
  );
  background-image: -moz-linear-gradient(top, #8c8c8c 0%, #737373 100%);
  background-image: -webkit-linear-gradient(top, #8c8c8c 0%, #737373 100%);
  background-image: linear-gradient(to bottom, #8c8c8c 0%, #737373 100%);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  border-radius: 20px;
}
.db-item__list__btn.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #cccccc),
    color-stop(100%, #b2b2b2)
  );
  background-image: -moz-linear-gradient(top, #cccccc 0%, #b2b2b2 100%);
  background-image: -webkit-linear-gradient(top, #cccccc 0%, #b2b2b2 100%);
  background-image: linear-gradient(to bottom, #cccccc 0%, #b2b2b2 100%);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #262626;
  text-decoration: none;
}
.db-item__achievement {
  margin: 9px 8px 0px 20px;
}
.db-item__achievement__item__title {
  width: 36px;
  height: 18px;
  background-position: -18px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__achievement__item {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__achievement__title {
  width: 18px;
  height: 18px;
  background-position: -72px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__achievement__legacy {
  width: 18px;
  height: 18px;
  background-position: -54px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-item__achievement__image {
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 16px;
}
.db-item__shop_list {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
}
.db-item__shop_list__wrapper {
  padding-bottom: 16px;
}
.db-view__comment {
  background: #262626;
  margin-bottom: 8px;
  color: #bfa34c;
  font-size: 12px;
  text-align: right;
}
.db-view__comment li {
  line-height: 1;
  display: inline;
  position: relative;
  padding-left: 20px;
  margin-left: 8px;
}
.db-view__comment li:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__comment .ic--comment:before {
  width: 16px;
  height: 16px;
  background-position: -142px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__comment .ic--postimage:before {
  width: 18px;
  height: 16px;
  background-position: -1151px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__icon {
  padding: 0 0 4px 40px;
  position: relative;
}
.db-view__icon:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__icon--main:before {
  width: 32px;
  height: 32px;
  background-position: -964px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--common_normal:before {
  width: 32px;
  height: 32px;
  background-position: -836px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--common_repeat:before {
  width: 32px;
  height: 32px;
  background-position: -868px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--function_normal:before {
  width: 32px;
  height: 32px;
  background-position: -900px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--function_repeat:before {
  width: 32px;
  height: 32px;
  background-position: -932px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--dungeons:before {
  width: 32px;
  height: 32px;
  background-position: -90px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--guildhests:before {
  width: 32px;
  height: 32px;
  background-position: -122px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--pvp:before {
  width: 32px;
  height: 32px;
  background-position: -186px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--raids:before {
  width: 32px;
  height: 32px;
  background-position: -218px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--zetsu-raids:before {
  width: 32px;
  height: 32px;
  background-position: -282px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--trials:before {
  width: 32px;
  height: 32px;
  background-position: -250px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__icon--metsu_alliance:before {
  width: 32px;
  height: 32px;
  background-position: -154px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__header {
  position: relative;
  background: #262626;
  padding: 8px 8px 16px 24px;
  height: 1%;
}
.db-view__header--item {
  padding-bottom: 0;
}
.db-view__header--dangeon {
  padding-bottom: 4px;
}
.db-view__header__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.db-view__header__data--recipe,
.db-view__header__data--gathering {
  padding-bottom: 10px;
}
.db-view__header .ic_masterpiece {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: block;
  color: #ffffff;
  text-shadow: 0px 0px 2px #000;
  background: none;
}
.db-view__header__item-image {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/mh-Q9DC4CeD3dITnpD0a9nB8Tw.png) no-repeat 6px 3px;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  -webkit-background-size: 64px auto;
  background-size: 64px auto;
  display: block;
  width: 76px;
  height: 76px;
  position: relative;
  margin: 0 4px 0 -6px;
}
.db-view__header__item-image--icon {
  position: absolute;
  top: 3px;
  left: 6px;
}
.db-view__header__item-image--cover {
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__header__item-image .staining {
  width: 12px;
  height: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  top: 3px;
  right: 6px;
}
.db-view__header__item-image .stain2 {
  position: relative;
  top: 12px;
}
.db-view__header__item-image .ic_masterpiece {
  position: absolute;
  right: 4px;
  bottom: 6px;
  display: block;
  color: #ffffff;
  text-shadow: 0px 0px 2px #000;
  background: none;
}
.db-view__header__detail {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  padding: 2px 16px 0 0;
  height: 1%;
}
.db-view__header__detail__item-element {
  font-size: 12px;
  color: gray;
  line-height: 1;
}
.db-view__header__detail__item-element--rare {
  display: inline-block;
  margin: 0 12px 6px 0;
}
.db-view__header__detail__item-element--ex_bind {
  display: inline-block;
  margin: 0 0 6px;
}
.db-view__header__detail__item-name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}
.db-view__header__detail__item-name .icon {
  font-weight: normal;
}
.db-view__header__detail__item-name_faceaccessory {
  font-size: 16px;
  font-weight: bold;
}
.db-view__header__detail__item-name_faceaccessory .icon {
  font-weight: normal;
}
.db-view__header__detail__name {
  font-size: 16px;
  font-weight: bold;
  color: #5990ff;
  margin-bottom: 3px;
}
.db-view__header__detail__category-name {
  font-size: 14px;
  color: #e5e5e5;
  font-weight: normal;
}
.db-view__header__detail__category-name_faceaccessory {
  font-size: 14px;
  color: #999;
  font-weight: normal;
  margin-bottom: 3px;
}
.db-view__header__detail__storage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
}
.db-view__header__detail__place {
  color: #bbac94;
}
.db-view__header__detail__level {
  color: #bbac94;
  font-size: 14px;
  font-weight: normal;
}
.db-view__header__detail__level--duty {
  margin-right: 20px;
}
.db-view__header__detail__level span {
  color: #e5e5e5;
}
.db-view__header__detail__level--type {
  color: #e5e5e5;
  padding-left: 20px;
  font-weight: normal;
}
.db-view__header__detail__kind {
  font-size: 12px;
  color: gray !important;
  font-weight: normal;
}
.db-view__header__gathering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative;
}
.db-view__header__gathering .ic_need_insight {
  position: absolute;
  top: 0;
  right: -16px;
  display: block;
}
.db-view__header__gathering--title {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.db-view__header__gathering--category {
  padding-bottom: 10px;
}
.db-view__header__hidden {
  font-size: 12px;
  font-weight: bold;
}
.db-view__header .latest_patch__major__icon {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background-position: -710px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__header__recipe_expert {
  padding-bottom: 10px;
}
.db-view__hq {
  display: block;
  width: 32px;
  height: 32px;
  background-position: -646px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__hq.active {
  width: 32px;
  height: 32px;
  background-position: -678px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-equip-text {
  background: #262626;
  padding: 0 24px 16px;
  color: #e5e5e5;
}
.db-view__item-equip-text--help {
  padding-top: 10px;
  color: #aaa;
  font-size: 12px;
}
.db-view__item-level {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #000000),
    color-stop(100%, #262626)
  );
  background-image: -moz-linear-gradient(bottom, #000000, #262626);
  background-image: -webkit-linear-gradient(bottom, #000000, #262626);
  background-image: linear-gradient(to top, #000000, #262626);
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #262626;
  margin-bottom: 16px;
  padding: 11px 8px;
  font-size: 16px;
  color: #e5e5e5;
  font-weight: bold;
  line-height: 1;
}
.db-view__wrapper {
  background: #262626;
  height: 1%;
}
.db-view__wrapper .sys_hq_element {
  vertical-align: top;
}
.db-view__item-help {
  padding: 0 16px 16px;
  color: #e5e5e5;
}
.db-view__data__notes {
  padding: 0 16px;
  color: #cc2944;
}
.db-view__item-info {
  padding: 0 8px 16px;
  color: #e5e5e5;
}
.db-view__item-info--quest,
.db-view__item-info--gathering {
  padding: 16px 8px 0;
}
.db-view__item-info--duty {
  padding: 16px 8px 20px;
}
.db-view__item-info--recipe {
  padding: 0 0 10px;
}
.db-view__item-info--recipe__list {
  padding-bottom: 10px;
}
.db-view__item-info--npc {
  padding: 16px 8px;
}
.db-view__item-info__title {
  margin-bottom: 10px;
  color: #666;
  text-shadow: 0px -1px 0 #000;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #3d3d3d;
}
.db-view__item-info__title--reward {
  margin-bottom: 0;
  padding: 0 8px;
}
.db-view__item-info__title--reward span {
  color: #bbac94;
}
.db-view__item-info__title__total {
  margin-left: 8px;
  color: #e5e5e5;
}
.db-view__item-info__title__total span {
  color: #bfa34c;
}
.db-view__item-info__title-space {
  margin: 0 8px 10px;
  color: #666;
  text-shadow: 0px -1px 0 #000;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #3d3d3d;
}
.db-view__item-info__text {
  padding: 0 24px 20px;
}
.db-view__item-info__list {
  margin: 0 16px;
}
.db-view__item-info__list--main-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-bottom: 2px;
}
.db-view__item-info__list--main-status--name {
  display: block;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  color: #bbac94;
}
.db-view__item-info__list--main-status--value {
  display: inline-block;
}
.db-view__item-info__list--bonuses li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 4px;
}
.db-view__item-info__list--bonuses li:nth-child(even) {
  text-align: right;
}
.db-view__item-info__list--bonuses li .name {
  color: #bbac94;
}
.db-view__item-info__list--requirements li {
  color: #bbac94;
  margin-bottom: 4px;
}
.db-view__item-info__list--requirements li span {
  color: #e5e5e5;
}
.db-view__item-info__list--recipe {
  margin-bottom: 32px;
}
.db-view__item-info__list--recipe dt {
  color: #bbac94;
}
.db-view__item-info__list--recipe dd {
  color: #e5e5e5;
}
.db-view__item-info__craft_repair {
  border-top: 1px solid #3d3d3d;
  margin: 8px 0 0;
  padding: 16px 16px 0;
}
.db-view__item-info__craft_repair li {
  width: 50%;
  float: left;
  color: #bbac94;
  margin-bottom: 4px;
}
.db-view__item-info__craft_repair li span {
  color: #e5e5e5;
}
.db-view__item-info__craft_repair--salls {
  padding: 0 16px;
  clear: both;
}
.db-view__item-info__craft_repair--salls p {
  color: #bbac94;
  margin-bottom: 4px;
}
.db-view__item-info__craft_repair--salls p span {
  color: #e5e5e5;
}
.db-view__item-info__table--craft_repair {
  padding: 0 16px 16px;
}
.db-view__item-info__table--craft_repair table {
  width: 100%;
}
.db-view__item-info__table--craft_repair th {
  color: #bbac94;
  font-weight: normal;
  text-align: left;
  width: 50%;
  padding-bottom: 4px;
}
.db-view__item-info__table--craft_repair td {
  padding-bottom: 4px;
}
.db-view__item-info__series-bonus {
  margin: 8px 16px 0;
}
.db-view__item-info__series-bonus__name {
  color: #a6d982;
}
.db-view__item-info__materia-socket--normal {
  width: 24px;
  height: 24px;
  background-position: -923px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal:before {
  content: '';
  width: 24px;
  height: 24px;
}
.db-view__item-info__materia-socket--normal.materia_01:before {
  width: 24px;
  height: 24px;
  background-position: -299px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_02:before {
  width: 24px;
  height: 24px;
  background-position: -323px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_03:before {
  width: 24px;
  height: 24px;
  background-position: -347px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_04:before {
  width: 24px;
  height: 24px;
  background-position: -371px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_05:before {
  width: 24px;
  height: 24px;
  background-position: -395px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_06:before {
  width: 24px;
  height: 24px;
  background-position: -419px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_07:before {
  width: 24px;
  height: 24px;
  background-position: -443px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_08:before {
  width: 24px;
  height: 24px;
  background-position: -467px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_09:before {
  width: 24px;
  height: 24px;
  background-position: -491px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_10:before {
  width: 24px;
  height: 24px;
  background-position: -515px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_11:before {
  width: 24px;
  height: 24px;
  background-position: -539px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--normal.materia_12:before {
  width: 24px;
  height: 24px;
  background-position: -563px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden {
  width: 24px;
  height: 24px;
  background-position: -899px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden:before {
  content: '';
  width: 24px;
  height: 24px;
}
.db-view__item-info__materia-socket--forbidden.materia_01:before {
  width: 24px;
  height: 24px;
  background-position: -587px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_02:before {
  width: 24px;
  height: 24px;
  background-position: -611px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_03:before {
  width: 24px;
  height: 24px;
  background-position: -635px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_04:before {
  width: 24px;
  height: 24px;
  background-position: -659px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_05:before {
  width: 24px;
  height: 24px;
  background-position: -683px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_06:before {
  width: 24px;
  height: 24px;
  background-position: -707px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_07:before {
  width: 24px;
  height: 24px;
  background-position: -731px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_08:before {
  width: 24px;
  height: 24px;
  background-position: -755px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_09:before {
  width: 24px;
  height: 24px;
  background-position: -779px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_10:before {
  width: 24px;
  height: 24px;
  background-position: -803px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_11:before {
  width: 24px;
  height: 24px;
  background-position: -827px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__materia-socket--forbidden.materia_12:before {
  width: 24px;
  height: 24px;
  background-position: -851px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__item-info__help-text {
  color: #aaa;
  font-size: 12px;
  padding: 0 16px;
}
.db-view__item-info__help-text--effect li {
  color: #e5e5e5;
}
.db-view__item-info__help-text--effect li span {
  color: #bbac94;
}
.db-view__item-info__sell {
  border-top: 1px solid #3d3d3d;
  margin: 0 8px;
  padding: 10px 16px 20px;
  color: #bbac94;
}
.db-view__item-info__sell span {
  color: #e5e5e5;
}
.db-view__item-info__unsellable {
  color: #d98298;
  margin-bottom: 2px;
}
.db-view__item-info__market-notsell {
  color: #d98298;
}
.db-view__item-info__materia-impossibleadd {
  color: #d98298;
  margin-bottom: 2px;
}
.db-view__item-info__purify {
  color: #bbac94;
  padding: 0 24px 20px;
}
.db-view__item-info__purify span {
  color: #e5e5e5;
}
.db-view__item-info__reward {
  margin: 0 16px 10px;
  padding-bottom: 0;
}
.db-view__item-info__reward__notes {
  margin-bottom: 20px;
}
.db-view__item-info__reward li {
  width: 50%;
  float: left;
  position: relative;
  padding-left: 36px;
  margin-bottom: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #bfa34c;
}
.db-view__item-info__reward li span {
  font-size: 14px;
  font-weight: bold;
  color: #e5e5e5;
}
.db-view__item-info__reward li:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__item-info__reward--exp:before {
  width: 32px;
  height: 32px;
  background-position: -346px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gil:before {
  width: 32px;
  height: 32px;
  background-position: -582px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--pvp-exp:before {
  width: 32px;
  height: 32px;
  background-position: -772px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--pvp-series-exp:before {
  width: 32px;
  height: 32px;
  background-position: -804px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--honor:before {
  width: 32px;
  height: 32px;
  background-position: -614px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--common:before {
  width: 32px;
  height: 32px;
  background-position: -390px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--limsa:before {
  width: 32px;
  height: 32px;
  background-position: -454px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--gridania:before {
  width: 32px;
  height: 32px;
  background-position: -422px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--uldah:before {
  width: 32px;
  height: 32px;
  background-position: -550px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--resistance:before {
  width: 32px;
  height: 32px;
  background-position: -518px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--mkd:before {
  width: 32px;
  height: 32px;
  background-position: -486px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__item-info__reward--gc-seals--text {
  margin: 0 16px 20px;
}
.db-view__item-info__reward__note {
  margin: 10px 16px;
  color: #e5e5e5;
}
.db-view__item-info__crystal {
  border-top: solid 1px #3d3d3d;
  margin-bottom: 16px;
}
.db-view__item-info__allagan li,
.db-view__item-info__beast li {
  width: 100%;
}
.db-view__item-info__allagan img,
.db-view__item-info__beast img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.db-view__item-info--gathering__for {
  margin-bottom: 20px;
}
.db-view__item-info--gathering h4 {
  margin: 0 0 8px 16px;
  color: #bfa34c;
}
.db-view__item-info--gathering dt {
  margin-left: 32px;
  color: #e5e5e5;
}
.db-view__item-info--gathering dd {
  margin: 0 0 0 32px;
  color: #bbac94;
}
.db-view__reward-list-wrapper {
  margin-bottom: 20px;
}
.db-view__reward-list__inner {
  background: #1b1b1b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  width: 100%;
  padding: 8px 0 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #3d3d3d;
  color: #5990ff;
}
.db-view__reward-list__item-icon {
  width: 38px;
  margin-right: 8px;
}
.db-view__reward-list__item-icon .ic_param_weapon {
  float: none;
}
.db-view__reward-list__item-icon__action {
  width: 32px;
  height: 32px;
  background-position: -1028px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
.db-view__reward-list__item-icon__emote {
  width: 32px;
  height: 32px;
  background-position: -314px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
.db-view__reward-list__center {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-height: 38px;
}
.db-view__reward-list__center--action {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-height: 32px;
}
.db-view__reward-list__action {
  color: #e5e5e5;
}
.db-view__reward-list__item-count {
  color: #e5e5e5;
  font-weight: bold;
}
.db-view__reward-list__clear-reward-condition {
  color: #e5e5e5;
  font-weight: normal;
  font-size: 12px;
}
.db-view__reward-list__category-icon {
  height: 100%;
  padding: 0 8px 0 0;
  margin-left: 20px;
}
.db-view__reward-list__note {
  margin: 10px 24px;
  color: #e5e5e5;
}
.db-view__for__title {
  color: #666;
  text-shadow: 0px -1px 0 #000;
  font-weight: bold;
  font-size: 12px;
  padding-left: 8px;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
}
.db-view__for__list {
  padding-bottom: 20px;
}
.db-view__for__text--annotation {
  margin: 0 16px 20px;
}
.db-view__sub__title {
  color: #666;
  text-shadow: 0px -1px 0 #000;
  font-weight: bold;
  font-size: 12px;
  margin: 0 8px;
  border-bottom: 1px solid #3d3d3d;
}
.db-view__sub__text {
  margin: 16px 16px 20px;
}
.db-view__achievement__text {
  padding: 16px 24px 20px;
}
.db-view__achievement__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.db-view__achievement__icon i:last-of-type {
  margin-right: 16px;
}
.db-view__achievement__point {
  font-size: 20px;
  color: #bfa34c;
}
.db-view__quest_giver {
  background: #1b1b1b;
  padding: 10px 8px;
  display: block;
}
.db-view__quest_giver__name {
  font-size: 16px;
  font-weight: bold;
  color: #5990ff;
  display: block;
  margin: 0 0 2px 0;
}
.db-view__quest_giver__place {
  color: #e5e5e5;
}
.db-view__quest_giver__place--area-name {
  margin-right: 20px;
}
.db-view__quest {
  margin-bottom: 16px;
}
.db-view__quest dt {
  color: #bbac94;
}
.db-view__quest dd {
  margin-bottom: 10px;
}
.db-view__quest__eternalbond {
  color: #6cf;
}
.db-view__quest__past_season {
  color: #fc6;
}
.db-view__quest__special {
  color: #9f6;
  margin: 0 32px 20px;
}
.db-view__duty__wrapper {
  background: #1b1b1b;
  border: 1px solid #474f59;
  border-left: 4px solid #474f59;
  margin: 0 8px 20px;
  padding: 8px 8px 8px 12px;
}
.db-view__duty__wrapper--last {
  border: 1px solid #665833;
  border-left: 4px solid #665833;
}
.db-view__duty__wrapper__inner {
  padding-right: 4px;
}
.db-view__duty__boss__header {
  border-bottom: 1px solid #474f59;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.db-view__duty__boss__category {
  color: gray;
  font-weight: bold;
  font-size: 12px;
}
.db-view__duty__boss__category--last {
  color: #bfa34c;
}
.db-view__duty__boss__name {
  line-height: 1.2;
  color: #ff6e40;
  font-size: 16px;
  font-weight: bold;
  background: #1b1b1b;
  display: block;
}
.db-view__duty__boss__name a {
  line-height: 1.2;
  color: #ff6e40;
  font-size: 16px;
  font-weight: bold;
  background: #1b1b1b;
  display: block;
}
.db-view__duty__boss__name--sub {
  color: #e5e5e5;
  font-size: 14px;
  font-weight: bold;
  background: #1b1b1b;
  display: block;
}
.db-view__duty__boss__name--sub a {
  color: #e5e5e5;
  font-size: 14px;
  font-weight: bold;
  background: #1b1b1b;
  display: block;
}
.db-view__duty__boss__detail__data h3 a,
.db-view__duty__boss__detail__data li a {
  padding: 10px 12px;
  border-bottom: 1px solid #3d3d3d;
}
.db-view__duty__boss__detail__reward {
  padding: 10px 7px 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #3d3d3d;
}
.db-view__duty__boss__detail__reward--treasure_box {
  padding-top: 20px;
}
.db-view__duty__boss__detail__reward--title {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  color: #666;
}
.db-view__duty__boss__detail__reward--tomestone {
  margin-left: 8px;
  display: inline-block;
  position: relative;
  padding: 6px 0 0 27px;
}
.db-view__duty__boss__detail__reward--tomestone img {
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__duty__boss__detail__reward--tomestone--count {
  font-weight: bold;
}
.db-view__duty__boss__detail__reward--item {
  padding: 8px 24px 0 8px;
  border-bottom: 1px solid #3d3d3d;
  background: #1b1b1b;
}
.db-view__duty__boss__detail__reward--notes {
  padding: 20px 10px 0;
  color: #cc2944;
}
.db-view__duty__reward {
  font-size: 12px;
  color: gray;
  margin-bottom: 10px;
}
.db-view__duty__reward__item {
  position: relative;
  padding-left: 43px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #bbac94;
  display: block;
}
.db-view__duty__reward__item img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.db-view__duty__reward__item--count {
  font-size: 14px;
  font-weight: bold;
  color: #e5e5e5;
}
.db-view__duty__reward__tomestone--wrapper {
  margin: 0 24px 8px;
  text-align: right;
}
.db-view__duty__reward__tomestone--box {
  display: inline-block;
  position: relative;
  padding: 6px 0 0 27px;
  margin-left: 8px;
}
.db-view__duty__reward__tomestone--box img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.db-view__duty__reward__tomestone--count {
  font-size: 14px;
  font-weight: bold;
  color: #e5e5e5;
}
.db-view__duty__reward-item {
  margin-left: -3px;
  margin-top: 9px;
}
.db-view__duty__reward-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #5990ff;
}
.db-view__duty__reward-item__item-icon {
  width: 38px;
  margin-right: 8px;
}
.db-view__duty__reward-item__item-icon .ic_param_weapon {
  float: none;
}
.db-view__duty__reward-item__item-icon__action {
  width: 32px;
  height: 32px;
  background-position: -1028px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
.db-view__duty__reward-item__item-icon__emote {
  width: 32px;
  height: 32px;
  background-position: -314px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
.db-view__duty__reward-item__box {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.db-view__duty__reward-item__item-count {
  color: #e5e5e5;
}
.db-view__duty__reward-item__clear-reward-condition {
  color: #e5e5e5;
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.db-view__duty__reward-condition {
  margin-bottom: 10px;
}
.db-view__duty__reward-condition p {
  color: #a5d841;
  font-size: 12px;
}
.db-view__duty__treasure-box {
  width: 50%;
  float: left;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.db-view__duty__treasure-box span {
  display: block;
  color: #5990ff;
  font-weight: bold;
  font-size: 14px;
}
.db-view__duty__treasure-box:before {
  content: ' ';
  display: block;
  margin-right: 11px;
}
.db-view__duty__treasure-box--gold {
  margin-bottom: 0;
}
.db-view__duty__treasure-box--gold:before {
  width: 32px;
  height: 32px;
  background-position: -1092px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__duty__treasure-box--silver {
  margin-bottom: 0;
}
.db-view__duty__treasure-box--silver:before {
  width: 32px;
  height: 32px;
  background-position: -1124px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__duty__treasure-box--copper:before {
  width: 32px;
  height: 32px;
  background-position: -1060px 0;
  -moz-background-size: 1156px auto;
  -o-background-size: 1156px auto;
  -webkit-background-size: 1156px auto;
  background-size: 1156px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Tlnk8VpEX--wdLlyj2jS1ZIS14.png);
  background-repeat: no-repeat;
}
.db-view__duty__link-more {
  text-align: right;
}
.db-view__duty__link-more a {
  color: gray;
  font-size: 12px;
  position: relative;
  padding-right: 18px;
}
.db-view__duty__link-more a:after {
  width: 15px;
  height: 15px;
  background-position: -244px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.db-view__duty__info {
  padding: 0 8px 20px;
}
.db-view__duty__info__text {
  padding: 0 16px;
}
.db-view__npc__place_name {
  margin: 0 16px 16px;
}
.db-view__npc__place_name__link {
  color: #5990ff;
}
.db-view__npc__place_name__title {
  color: #bfa34c;
}
.db-view__npc__place_name__level {
  font-weight: bold;
  color: #bbac94;
}
.db-view__npc__place_name__level span {
  color: #e5e5e5;
}
.db-view__npc__drop {
  margin: 10px 24px 16px;
}
.db-view__npc__location {
  margin-bottom: 10px;
}
.db-view__more {
  padding-bottom: 20px;
}
.db-view__embed-code {
  background: #262626;
  padding: 16px 8px 20px;
}
.db-view__embed-code__button {
  background: #000;
  border-radius: 4px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.db-view__embed-code__button.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.db-view__embed-code__button__icon {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -965px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__embed-code__button__icon.close {
  width: 16px;
  height: 16px;
  background-position: -126px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-view__embed-code__view {
  background: #1b1b1b;
  border: 1px solid #3d3d3d;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-view__embed-code__code-view {
  background: #e3e3e3;
  padding: 8px 10px;
  border-bottom: 1px solid #3d3d3d;
  color: #333;
}
.db-view__embed-code__note {
  padding: 8px 10px;
}
.db-view__social {
  background: #262626;
  text-align: center;
  padding-bottom: 32px;
}
.db-view__social .social__btn {
  margin-bottom: 0;
}
.db-view__action {
  background: #3d3d3d;
  border-radius: 4px;
  padding: 4px;
  margin-top: 4px;
}
.db-view__action strong {
  font-size: 14px;
  font-weight: normal;
  color: #a3cc52;
  display: block;
  padding: 4px;
}
.db-view__action__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  margin-bottom: 4px;
}
.db-view__action__wrapper h3 {
  font-size: 14px;
  vertical-align: middle;
  line-height: 32px;
}
.db-view__action .item-icon--24 {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  background: none;
}
.db-view__action .item-icon--24 img {
  width: 32px;
  height: auto;
}
.db-view__action .item-icon--24 .item-icon__cover.item-icon__cover--24 {
  width: 38px;
  height: 38px;
  background-position: -206px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.db-view__level_sync {
  color: #f2e244 !important;
  font-family: "微软雅黑";
  font-style: italic;
}
.db-view__level_sync span {
  color: #f2e244 !important;
}
.db-view__item_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  padding: 8px 0 6px 8px;
  background: #1b1b1b;
}
.db-view__item_view .character__item_icon {
  margin-right: 4px;
  margin-bottom: 0;
}
.db-view__item_view p {
  color: #aaaaaa;
  font-size: 12px;
}
.db-view__gathering__01 {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/UnYvmb7Ky71Ed56SuC4ZVZcNW8.png) no-repeat 0 0;
  -moz-background-size: 16px auto;
  -o-background-size: 16px auto;
  -webkit-background-size: 16px auto;
  background-size: 16px auto;
}
.db-view__gathering__02 {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/58vI0uoeYkUw-HxO7xoXgiKO0s.png) no-repeat 0 0;
  -moz-background-size: 16px auto;
  -o-background-size: 16px auto;
  -webkit-background-size: 16px auto;
  background-size: 16px auto;
}
.db-view__gathering__03 {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/87okEpSiQuPBlo9l9A4UO3AZuU.png) no-repeat 0 0;
  -moz-background-size: 16px auto;
  -o-background-size: 16px auto;
  -webkit-background-size: 16px auto;
  background-size: 16px auto;
}
.character-item__mirage-item-link {
  border: none;
}
.character-item__mirage-item-link:after {
  content: '';
  background: #262626;
  display: block;
  width: 100%;
  height: 20px;
  border-top: 1px solid #3d3d3d;
}
.character-item__stain-obj {
  padding-top: 10px;
}
.character-item__materia-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 4px;
  min-height: 24px;
}
.character-item__materia-list li span {
  position: absolute;
  top: 0;
  left: 0;
}
.character-item__materia-list__limited-value--over {
  color: #d98298;
}
.character-item__equip-text {
  padding: 0 16px;
}
.character-item__equip-text__inner {
  padding: 0 8px;
}
.character-item__salls {
  color: #bbac94;
  margin-bottom: 2px;
}
.character-item__salls span {
  color: #e5e5e5;
}
.character-item__salls__unsellable {
  color: #d98298;
  margin-bottom: 2px;
}
.character-item__salls__market-notsell {
  color: #d98298;
}
.character-item__signature-character {
  padding: 0 16px;
}
.db-view__item-detail-link {
  padding-top: 20px;
  margin-bottom: 20px;
}
.bread__link {
  background: #1b1b1b;
  color: #e5e5e5;
  border-top: 1px solid #3d3d3d;
  padding: 12px 20px;
  display: block;
  position: relative;
  font-weight: bold;
}
.bread__link:before {
  width: 16px;
  height: 16px;
  background-position: -1069px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -8px;
}
.bread__link--my-character {
  text-align: right;
}
.bread__link--my-character:before {
  display: none;
}
.bread__link--my-character:after {
  width: 16px;
  height: 16px;
  background-position: -1101px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
  content: ' ';
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -8px;
}
.latest_patch__btn {
  display: block;
  min-height: 45px;
  font-weight: bold;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(49%, #000000),
    color-stop(50%, #333333),
    color-stop(100%, #666666)
  );
  background-image: -moz-linear-gradient(
    bottom,
    #000000 49%,
    #333333 50%,
    #666666
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #000000 49%,
    #333333 50%,
    #666666
  );
  background-image: linear-gradient(to top, #000000 49%, #333333 50%, #666666);
  color: #bfa34c;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-pack: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.latest_patch__btn span {
  position: relative;
  margin: 0 auto;
  padding-left: 30px;
}
.latest_patch__btn span:after {
  content: ' ';
  position: absolute;
  top: -6px;
  left: 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/AU-ittX7QaLpmLF4wNlQ4yY3wk.png) no-repeat 0 0;
  -moz-background-size: 23px auto;
  -o-background-size: 23px auto;
  -webkit-background-size: 23px auto;
  background-size: 23px auto;
  display: inline-block;
  width: 23px;
  height: 23px;
}
.latest_patch__btn--fr {
  font-size: 12px;
}
.latest_patch__checkbox {
  display: none;
  outline: none;
  width: 10px;
  height: 10px;
}
.latest_patch__checkbox__icon {
  position: relative;
  left: 0;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3zbsy5XPvkW-jtoOYPkYG8rSjs.png);
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
}
.latest_patch__checkbox:checked + .latest_patch__checkbox__icon {
  background-position: 0 -32px;
}
.latest_patch__list {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
  padding: 4px 0;
}
.latest_patch__list__icon {
  width: 32px;
  padding-right: 4px;
}
.latest_patch__list__icon a {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3zbsy5XPvkW-jtoOYPkYG8rSjs.png);
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.latest_patch__list__icon--active a {
  background-position: 0 -32px;
}
.latest_patch__list__select {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  width: 100%;
}
.latest_patch__list__select select {
  width: 100%;
}
.db-filter__row {
  width: 100%;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.db-filter__icon {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.db-filter__icon--active {
  background-position: 0 -32px;
}
.db-filter__item_btn {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/n4cvkJbLr8ruqLES5tIqIKCz80.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
}
.db-filter__item_arrow {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Q4lyU8vhgpMOSKLj2lXbRpyg5E.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
  margin-right: 10px;
}
.db-filter__icon_hq {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/12IWqZPZKJndgH8Cb3cP2gSKWw.png) no-repeat 0 0;
  background-size: 32px;
}
.db-filter__icon_dresser {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6BuWmwtkwbtQJtEtXToqZCAPCo.png) no-repeat 0 0;
  background-size: 32px;
}
.db-filter__icon_dresser_set {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/igi7g6WCq54iPM8b8L4H4PjJZ0.png) no-repeat 0 0;
  background-size: 32px;
}
.db-filter__icon_cabinet {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ehdT69wWpZG2AIMb9eFXNI-rYU.png) no-repeat 0 0;
  background-size: 32px;
}
.db-filter__checkbox {
  margin-bottom: 4px;
}
.db-filter__checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
}
.db-filter__checkbox .icon {
  margin-right: 4px;
}
.db-filter__checkbox input {
  display: none;
}
.db-filter__checkbox input:checked + .cover {
  display: block;
  position: absolute;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/IVWubUM67V2R73InARFd9g78yw.png) no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
  right: 0;
  bottom: 0;
}
.db-filter__content {
  display: none;
  background: #000000;
  padding: 16px;
}
.db-filter__content--12 {
  margin-bottom: 12px;
}
.db-command__header {
  padding-bottom: 0px;
}
.db-command__title {
  font-size: 24px;
  font-weight: bold;
  color: #5990ff;
  margin-bottom: 8px;
  line-height: 1;
}
.db-command__category {
  font-size: 12px;
  color: #808080;
  line-height: 1;
  margin-bottom: 16px;
  font-weight: normal;
}
.db-command__platform__list {
  height: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
  transform-origin: top right;
  display: flex;
  justify-content: start;
}
.db-command__platform__list.view {
  position: static;
  transform-origin: top left;
  padding-bottom: 12px;
}
.db-command__platform__list li {
  display: inline-block;
  width: 30px;
  height: 12px;
  margin-right: 2px;
}
.db-command__platform__list li p {
  line-height: 12px;
  border-radius: 6px;
}
.db-command__platform__list li p span {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
  white-space: nowrap;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.db-command__platform__list li.win {
  width: 50px;
}
.db-command__platform__list li.win p {
  background: #1270b3;
}
.db-command__platform__list li.ps4 p,
.db-command__platform__list li.ps5 p {
  background: #1b4db3;
}
.db-command__platform__list li.mac p {
  background: #e6e6e6;
  margin-right: 0;
}
.db-command__platform__list li.mac p span {
  color: #262626;
}
.db-command__platform__list li.xbox {
  width: 90px;
}
.db-command__platform__list li.xbox p {
  background: #107c10;
}
.db-command__tab {
  margin-top: 16px;
  display: flex;
}
.db-command__tab li {
  width: 20%;
  height: 36px;
  flex-shrink: 0;
}
.db-command__tab li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #3d3d3d),
    color-stop(100%, #525252)
  );
  background-image: -moz-linear-gradient(left, #3d3d3d 0%, #525252 100%);
  background-image: -webkit-linear-gradient(left, #3d3d3d 0%, #525252 100%);
  background-image: linear-gradient(to right, #3d3d3d 0%, #525252 100%);
  font-size: 12px;
  color: #cccccc;
  line-height: 1.2;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}
.db-command__tab li a.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #5c5c5c),
    color-stop(100%, #707070)
  );
  background-image: -moz-linear-gradient(left, #5c5c5c 0%, #707070 100%);
  background-image: -webkit-linear-gradient(left, #5c5c5c 0%, #707070 100%);
  background-image: linear-gradient(to right, #5c5c5c 0%, #707070 100%);
  text-decoration: none;
  color: #cccccc;
}
.db-command__tab li a.selected {
  background: #262626;
  color: #bfa34c;
}
.db-command__tab li.xbox a {
  font-size: 10px;
}
.db-command__detail {
  display: none;
  padding: 16px 8px;
}
.db-command__detail.selected {
  display: block;
}
.db-command__placeholder {
  margin: 10px 16px 32px;
}
.db-command__placeholder__title {
  font-size: 12px;
  color: #bfa34c;
  font-weight: normal;
  padding: 10px 8px;
}
.db-command__placeholder th,
.db-command__placeholder td {
  display: block;
  text-align: left;
  border: 1px solid #3c3c3c;
  background: #1f1f1f;
  padding: 6px 8px;
}
.db-command__placeholder td {
  border-top: 0;
  background: #2e2e2e;
  margin-bottom: 6px;
}
.db-tree.active {
  border-bottom: 0;
}
.db-tree__need_count {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #1b1b1b),
    color-stop(100%, #262626)
  );
  background-image: -moz-linear-gradient(top, #1b1b1b 0%, #262626 100%);
  background-image: -webkit-linear-gradient(top, #1b1b1b 0%, #262626 100%);
  background-image: linear-gradient(to bottom, #1b1b1b 0%, #262626 100%);
  padding: 0 8px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.db-tree__need_count p,
.db-tree__need_count input,
.db-tree__need_count a {
  display: inline-block;
}
.db-tree__need_count p {
  font-size: 12px;
  color: #cccccc;
  white-space: nowrap;
}
.db-tree__need_count input {
  background: #ffffff;
  font-size: 12px;
  color: #000000;
  padding: 0 8px;
  line-height: 24px;
  width: 36px;
  text-align: center;
  margin-left: 8px;
  border-radius: 2px;
  outline: none;
  overflow: hidden;
  border: 0;
  font-weight: bold;
  box-sizing: border-box;
}
.db-tree__need_count input[type='number']::-webkit-inner-spin-button,
.db-tree__need_count input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.db-tree__need_count a {
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-left: 12px;
  -webkit-tap-highlight-color: transparent;
}
.db-tree__need_count a:nth-last-child(1) {
  margin-left: 8px;
}
.db-tree__need_count a.press img {
  margin-top: -16px;
  display: block;
}
.db-tree__need_count__wrapper {
  padding-right: 0;
}
.db-tree__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-box-align: end;
  -o-box-align: end;
  box-align: end;
  align-items: end;
  align-items: flex-end;
  border-bottom: 1px solid #3d3d3d;
  padding: 4px 0;
}
.db-tree__header h4 {
  color: #666;
  text-shadow: 0px -1px 0 #000;
  font-weight: bold;
  font-size: 12px;
  padding-left: 8px;
  width: calc(100% - 48px);
}
.db-tree__header .ic_material_list {
  display: block;
  width: 32px;
  height: 32px;
}
.db-tree .db-item__list__name {
  color: #cccccc;
  font-weight: normal;
}
.db-tree .db-item__list__inner {
  padding: 8px 0 4px 8px;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}
.db-tree .db-item__list__material span {
  display: inline-block;
  white-space: nowrap;
}
.db-tree .db-item__list__icon--dungeons .db-item__list__name,
.db-tree .db-item__list__icon--guildhests .db-item__list__name,
.db-tree .db-item__list__icon--pvp .db-item__list__name,
.db-tree .db-item__list__icon--raids .db-item__list__name,
.db-tree .db-item__list__icon--zetsu-raids .db-item__list__name,
.db-tree .db-item__list__icon--trials .db-item__list__name,
.db-tree .db-item__list__icon--metsu_alliance .db-item__list__name {
  color: #5990ff;
  font-weight: normal;
}
.db-tree__submenu {
  background: #f0f0ef;
  width: calc(100% - 8px);
  padding: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-radius: 4px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  margin: 20px auto 0;
}
.db-tree__submenu-icon {
  display: block;
  width: 24px;
  height: 24px;
  padding: 4px;
  box-sizing: border-box;
}
.db-tree__submenu-icon img {
  display: block;
}
.db-tree__submenu-icon img.ic_tree_close,
.db-tree__submenu-icon img.ic_submenu_close {
  display: none;
}
.db-tree__submenu-icon.submenu_open img {
  display: none;
}
.db-tree__submenu-icon.submenu_open img.ic_submenu_close {
  display: block;
}
.db-tree__submenu-icon.tree_open img {
  display: none;
}
.db-tree__submenu-icon.tree_open img.ic_tree_close {
  display: block;
}
.db-tree__submenu-icon.tree_open img.ic_submenu_close {
  display: none;
}
.db-tree__submenu-icon.tree_open.submenu_open img.ic_submenu_close {
  display: none;
}
.db-tree__submenu li {
  margin-bottom: 16px;
}
.db-tree__submenu li:nth-last-child(1) {
  margin-bottom: 0;
}
.db-tree__submenu a {
  color: #2556b8;
  font-weight: bold;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
.db-tree__item.active {
  background: #363d4d;
}
.db-tree__item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 8px 8px 4px 0;
  position: relative;
}
.db-tree__item-icon {
  width: 38px;
  margin: 0 8px;
}
.db-tree__item-name {
  color: #cccccc;
  font-weight: normal;
  display: block;
  width: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  flex-grow: 1;
}
.db-tree__item-header {
  padding: 8px;
  color: #cccccc;
}
.db-tree__item-header a {
  font-size: 14px;
  font-weight: bold;
  color: #5990ff;
}
.db-tree__item-wrapper {
  border-left: 4px solid #2e5299;
}
.db-tree__item-wrapper .db-tree__item {
  border-bottom: 1px solid #3d3d3d;
}
.db-tree__item-wrapper .db-tree__item:nth-last-child(1) {
  border-bottom: 0;
}
.db-tree__item-wrapper .db-tree__item.active {
  background: #364d49;
  border-bottom: 0;
}
.db-tree__item-wrapper .db-tree__item-header {
  background: #363d4d;
}
.db-tree__item-wrapper .db-tree__item-wrapper {
  border-left: 4px solid #2e9987;
}
.db-tree__item-wrapper .db-tree__item-wrapper .db-tree__item.active {
  background: #364d36;
}
.db-tree__item-wrapper .db-tree__item-wrapper .db-tree__item-header {
  background: #364d49;
}
.db-tree__item-wrapper .db-tree__item-wrapper .db-tree__item-wrapper {
  border-left: 4px solid #2e992e;
}
.db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item.active {
  background: #494d36;
}
.db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-header {
  background: #364d36;
}
.db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper {
  border-left: 4px solid #87992e;
}
.db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-wrapper
  .db-tree__item-header {
  background: #494d36;
}
.db-tree__item-shop,
.db-tree__item-treasure {
  border-bottom: 1px solid #3d3d3d;
  background: #1b1b1b;
}
.db-tree__item-shop a,
.db-tree__item-treasure a {
  display: block;
  padding: 8px 8px 4px;
}
.db-tree__item-shop__name,
.db-tree__item-treasure__name {
  font-weight: bold;
  color: #5990ff;
  margin-bottom: 2px;
}
.db-tree__item-shop__place,
.db-tree__item-treasure__place {
  font-size: 14px;
  color: #cccccc;
}
.db-tree__materials {
  padding: 16px 0 20px;
  background: #262626;
}
.db-tree__materials__count {
  background: #262626;
  padding: 0 8px 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.db-tree__materials__count p {
  margin-right: 16px;
}
.db-tree__materials__count p span {
  color: #bfa34c;
}
.db-tree__materials__class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.db-tree__materials__class span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.db-tree__materials__class i {
  margin-right: 2px;
  width: 20px;
  height: 20px;
}
.db-tree__materials__class i img {
  width: 20px;
  height: 20px;
}
.db-tree__materials__class p {
  margin-right: 8px;
  font-size: 14px;
  padding-top: 4px;
  color: #e5e5e5;
}
.db-item__source__text-s {
  font-size: 12px;
  display: block;
  color: #666666;
}
.db-item__source__text-m {
  font-size: 14px;
  display: block;
  color: #cccccc;
}
.db-item__source__npc h4 {
  font-size: 14px;
}
.db-item__source__npc h5 {
  font-size: 14px;
  font-weight: normal;
}
.PadBtnLT {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/jVWnp2qwHnggR4AtxcYR4PqrcA.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/HHK-PoL3pHcAdF3c7ytmxmQMZg.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRT {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/8BFz4fg0w31izapyxlLEeguu_A.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/wR5jrdj16jiyEpUdLeeBNOs6Sw.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirL {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/LTAc7RFTA7lX2hMt7AzDDu3H4I.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirU {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Sw9laupNVTKLmcoE7-hhLpgbTw.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirR {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/2oxKxhGBP4m-MFqhwwhLCDAB4U.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirD {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3GQLIv1iAEFwSr7nSV-pQwHSis.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnX {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/DDowVZXExqrM7yoOwSCcu9DJm8.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRECT {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/wY5Oyml6ZOvyIT75uu9OpSYus0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnY {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Iu1Dlr1pndAFgGy5tOe-wCmag4.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnTRIA {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dedZ0Py-RUHPvOjqCD6AUJmggs.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnB {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/HHmVAV0rlCku20Dl1J8rm2ZBfM.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnCIRCLE {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/2BM63txSsfpv9pb7J8WqTtPKLI.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnA {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/qShJidfjlmcF3an3ICvq5y7Q8Q.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnCROSS {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/mbaSk9rnNesbg_Jc-TMH7bCLAs.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirUD {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Z7mT2EEOsIrTrft-Ow6YaVKiz0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirLR {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/OhpQjIUs6Mxp8nnNuWKm9KChBE.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirALL {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/NmkMmiNNPqSZHoimYSK5xxG7_Q.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnLB {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/M05Er-0jvrkL4ujgvey4jmnpo4.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/u_FP0ZbjU7a_2OUqSx-z3D1aZI.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRB {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ECNaCdYLN_5lD4a_x-_1XpE9Rk.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/TGVWeXZS9zKHg9IoFJGRRyegtE.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnLwin {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/tUuZmzJmPQnc6fiewEKgD1UTYc.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Y_i8S2B4uVYgbcXG9QQVVksioE.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRwin {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/z-F9hjxLGEYjj_kb4fDQ5w9cjM.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/sO6dlDr45TeCZmlJQZLfT28HSo.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnSTART {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/lQPp1zPu307slstf_OXtoyyu24.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnOPTION {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/QUcjV0Awa_ZTEkdyIW0ezXVGlM.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnSELECT {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_JAPiTbhFligayzNP0ldlgyGgU.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnPUD {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Zg1TG60VmpSoMpi2wDeMMJbwEA.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstk {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/UdZ_FAabC3dBWaddvBanxx0fiQ.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkUD {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/-90pbhlWf6yqtaCKe5JgqNatZE.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkLR {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MH8wo4og7pLQFqoF1szskYLDFw.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstk {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/-joFJXDkTZFoniaxDEj__P4JsM.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkUD {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/GteibJid4K61wIJda1Q2HWUZrI.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkLR {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/0HHVht_cF6fXfel93la0USwKW8.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR1PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/kqbF6Nqd2CoIXSC9bWxRWWmkfY.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnCIRCLEPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/AboqjheMiC4pwLLYxCbr002j3s.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnCROSSPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/C8hOmBjKQAvLY7VGafBjJxHsU8.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL1PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/EBC7mCp3hruy5w1PksaREiY6KY.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL2PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5LCnRyId8YVDy7jwhZxtJp9dZ0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnL3PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/58y8iLvCFTdyy4T2pbnbu1hluU.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnOPTIONPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/8UD3QpaKqkMmwWKfETJ0gfiUv0.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnPUDPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/J2NmUyWKim5mgh_y3LJPrQrVdE.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR2PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/SovejK16sz-eFW3fqSQfJ3U6oU.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnR3PS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MK6eEBY18lDCrOEP4Xpo4WY-JQ.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRECTPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/26rstCF8DhBMug14n3PgfVQriI.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnTRIAPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/Ur8874fOKwq5BeDp0qKQZLkCNs.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirALLPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MZ_Zl4SPjmwPJF1pqHAS2Ii3ZU.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirDPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/KClgeVAfA5x_k48hwYiFbARCJE.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirLPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/UeJUnj0eamJSAnwABJ10LqLkmc.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirLRPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/xy-HjxnedSS3VtlOVFvN5wKPRc.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirRPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/dPHEsK4ghoqESoygglq48-70JU.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirUDPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/UnIdOo1hpb_N13cDFmeNxRS4WU.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirUPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/BmEuINMPt356i808Gk97jQPj2o.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkLRPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/zIh9JAs4iVnhhF8u5957UJBgFE.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/rBrKdbMR62ZfD4TEVIHtpjjVGo.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkUDPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MihiCQRPf8QJQhrJLPsLPeILb8.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkLRPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/w6wPMl7aBzAjUTkMcnZl10-uTI.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/vpsqiT6kGaTxZ2Ox8EWfu3olMk.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkUDPS5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MTxwi7_ghvXS-VBuXSKS4hWRJY.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnAXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/-XZ4WlVhETkepPf2G8RrsAI9c8.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnBXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/xKVYlogMOQAJiLnPBWY1DaUGZg.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnLBXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/MtHoC7ETXrBW-d9N0rgMWJpK1w.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnLTXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_lfHtRF2NQgtlx2KlXB-t2UaSQ.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnLXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6Vo4rHMgiz5Pc8IYQfwab1I43A.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnMENUXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_pLNaJgjCkOPoUU2dRiByA9qfo.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRBXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/wxt2DfoR1ijFqL-cv8Js4ydNAs.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRTXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/RPHfkepZ2UMcJZToJbibalUlo0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnRXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/xsCmLsvoCYSQcuxxrTBfzIso2s.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnVIEWXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/VY7AJWpYvuhOqbojEfhozFrk5k.png);
  width: 54px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnXXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3q6faIROhCWW7HUJEUyp30ol6Y.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadBtnYXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/V9buUvkJnyL8rR8zPDUm1NWQnI.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirALLXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/-NoNyzQqkAlPpL5PYG-a6upLMc.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirDXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6LJp4ik6tsqc4S30FzHPS_jSao.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirLRXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3OlViiXHm8q0htJRzitsIVqHdc.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirLXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/R7GbpLM4fDWgOpeW-8tAhDhbS0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirRXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/5e79wt15Va-BmewiyZ5JtlhckE.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirUDXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/mopPR-rgq88dor0JUpQMwxdGbI.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadDirUXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/N2dj_e4R3ueBMrH8W3KVsceOC0.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkLRXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6voBM4M8wYW4UDlEPeutayO_NY.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkUDXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ScdioNq0HZCfO-2PMAYLcePzJs.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadLstkXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/1qNQ9QxFwok8m1bjT2O2QJL5Dw.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkLRXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/g-ROW_kCmOpnAdbhT0kBqnWt8U.png);
  width: 32px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkUDXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/vURoaNU4T04WO4tb7_6D62f7xk.png);
  width: 28px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.PadRstkXbox {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/NRr3zc94_jhqZM6oqPbkL-EL6M.png);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.ic_recipe_expert {
  font-size: inherit;
  color: inherit;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/4etxU-zKE3zGl9ZuI0PwhgU_JU.png);
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.db-item__link .ic_recipe_expert {
  position: absolute;
  top: 28px;
  right: 7px;
  display: block;
}
.db-table {
  width: 100%;
  border-top: 1px solid #3c3c3c;
  border-left: 1px solid #3c3c3c;
  box-sizing: border-box;
}
.db-table__wrapper {
  border: 1px solid #1c1c1c;
}
.db-table__head--light {
  background: #1f1f1f;
  text-align: center;
  border-right: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  padding: 4px;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 12px;
}
.db-table__head--30 {
  width: 30%;
}
.db-table__body--light {
  background: #2e2e2e;
  border-right: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  padding: 4px;
  box-sizing: border-box;
  font-weight: normal;
}
.db-table__body--value {
  font-size: 12px;
  text-align: center;
}
.db-table__item {
  display: flex;
  align-items: center;
}
.db-table__item .item-icon {
  margin-right: 4px;
}
.db-table__item h4 {
  font-size: 12px;
}
.db-table__item__box {
  flex: 1 1;
}
.db-table__msg {
  padding: 8px;
}
.db-icon-currency {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/FcxfBOzYh6KrNn1hp3lxugASCw.png) no-repeat 0 0;
  -moz-background-size: auto 32px;
  -o-background-size: auto 32px;
  -webkit-background-size: auto 32px;
  background-size: auto 32px;
  width: 32px;
  height: 32px;
  display: block;
  vertical-align: middle;
  margin: 0 auto;
}
.db-icon-currency.ic_mip {
  background-position: 0 0;
}
.db-icon-currency.ic_honor {
  background-position: -32px 0;
}
.db-icon-currency.ic_seals_01 {
  background-position: -64px 0;
  height: 22px;
}
.db-icon-currency.ic_seals_02 {
  background-position: -96px 0;
  height: 22px;
}
.db-icon-currency.ic_seals_03 {
  background-position: -128px 0;
  height: 22px;
}
.db-icon-currency.ic_allied_marks {
  background-position: -160px 0;
}
.db-icon-currency.ic_allied_marks_02 {
  background-position: -192px 0;
  vertical-align: top;
}
.db-icon-currency.ic_crafter_token_a {
  background-position: -224px 0;
  vertical-align: top;
}
.db-icon-currency.ic_crafter_token_b {
  background-position: -256px 0;
  vertical-align: top;
}
.db-icon-currency.ic_gatherer_token_a {
  background-position: -288px 0;
  vertical-align: top;
}
.db-icon-currency.ic_gatherer_token_b {
  background-position: -320px 0;
  vertical-align: top;
}
.db-icon-currency.ic_allagan_01 {
  background-position: 0 -32px;
}
.db-icon-currency.ic_allagan_02 {
  background-position: -32px -32px;
}
.db-icon-currency.ic_allagan_03 {
  background-position: -64px -32px;
}
.db-icon-gcrank,
.db-icon-tomestone {
  margin: 0 auto;
  display: block;
}
.db-shop__result_0 {
  background: #1b1b1b;
  border-bottom: 1px solid #3d3d3d;
  padding: 10px 16px;
  margin-bottom: 16px;
}
.db-shop__for__title:nth-of-type(1) {
  padding-top: 16px;
}
.db-shop__item__npc {
  padding-right: 8px;
  text-align: right;
}
.db-shop__item__npc a {
  position: relative;
  padding-left: 18px;
  color: #5990ff;
}
.db-shop__item__npc a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-position: -947px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-shop__item__xy {
  padding-right: 8px;
  text-align: right;
  font-size: 12px;
}
.db-shop__item__xy:last-of-type {
  padding-bottom: 8px;
}
.db-shop__item__relate {
  margin: -1px 0 16px;
}
.db-shop__place li {
  position: relative;
  font-size: 12px;
  padding: 0 0 0 20px;
  margin-bottom: 4px;
}
.db-shop__place li:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-position: -1133px 0;
  -moz-background-size: 1233px auto;
  -o-background-size: 1233px auto;
  -webkit-background-size: 1233px auto;
  background-size: 1233px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/75hb3sfcCPALo1vW7v0UHrFYM4.png);
  background-repeat: no-repeat;
}
.db-shop__place li:nth-last-child(1) {
  margin-bottom: 0;
}
.db-shop__cs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 8px;
  min-height: 32px;
}
.db-shop__cs__wrapper {
  margin-bottom: 8px;
}
.db-shop__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  width: 100%;
  padding: 8px 0 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-shop__list__help {
  font-size: 12px;
  font-weight: normal;
  color: gray;
}
.db-shop__list__msg {
  padding: 8px 8px 16px;
}
.db-shop__cs_shop__icon {
  float: left;
}
.db-shop__cs_shop .db-view__header__detail__name,
.db-shop__cs_shop .db-shop__place {
  margin-left: 36px;
}
.db-shop__cs_shop__rank {
  padding: 0 4px;
}
.db-shop__cs_shop__rank__btn {
  width: 33.33%;
  margin-top: 8px;
  text-align: center;
  float: left;
}
.db-shop__cs_shop__rank__btn a {
  display: block;
  padding: 16px 0;
  margin: 0 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #333333)
  );
  background-image: -moz-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: -webkit-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: linear-gradient(#4d4d4d 0%, #333333 100%);
  -moz-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  -webkit-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.db-shop__cs_shop__rank__btn a .press {
  text-decoration: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #707070),
    color-stop(100%, #4d4d4d)
  );
  background-image: -moz-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: -webkit-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: linear-gradient(to bottom, #707070 0%, #4d4d4d 100%);
  -moz-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  -webkit-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  color: #ccc;
}
.db-shop__cs_shop__rank__btn.active a {
  background: #2e2209;
  -moz-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  -webkit-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
}
.db-shop__cs_shop__rank__btn.active a span {
  color: #ffd966;
}
.db-shop__cs_shop__category {
  padding: 0 4px;
}
.db-shop__cs_shop__category__btn {
  float: left;
  width: 50%;
  margin-top: 8px;
  text-align: center;
}
.db-shop__cs_shop__category__btn a {
  display: block;
  padding: 8px 0;
  margin: 0 4px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #333333)
  );
  background-image: -moz-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: -webkit-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: linear-gradient(#4d4d4d 0%, #333333 100%);
  -moz-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  -webkit-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #ccc;
}
.db-shop__cs_shop__category__btn a span {
  color: #cccccc;
}
.db-shop__cs_shop__category__btn a:hover {
  text-decoration: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #707070),
    color-stop(100%, #4d4d4d)
  );
  background-image: -moz-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: -webkit-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: linear-gradient(to bottom, #707070 0%, #4d4d4d 100%);
  -moz-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  -webkit-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  color: #ccc;
}
.db-shop__cs_shop__category__btn.active a {
  background: #2e2209;
  -moz-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  -webkit-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
}
.db-shop__cs_shop__category__btn.active a span {
  color: #ffd966;
}
.db-shop__fcc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 4px 8px;
  border-bottom: solid 1px #3d3d3d;
}
.db-shop__fcc__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.db-shop__fcc__list {
  padding: 16px 0;
  width: 50%;
}
.db-shop__fcc__name {
  color: #bbac94;
  padding-right: 4px;
}
.db-shop__fcc__value {
  font-weight: bold;
  color: #e5e5e5;
}
.db-shop__gil {
  width: 100%;
  padding: 8px 8px 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-shop__gil li {
  float: left;
  width: 49%;
  height: 40px;
  margin-right: 2%;
  margin-bottom: 8px;
}
.db-shop__gil li:nth-child(even) {
  margin-right: 0;
}
.db-shop__gil li.active {
  background: #2e2209;
  -moz-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  -webkit-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
}
.db-shop__gil li.active a {
  color: #ffd966;
}
.db-shop__gil a {
  width: 100%;
  height: 40px;
  padding: 0 4px;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.db-shop__tab {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 4px;
  box-sizing: border-box;
}
.db-shop__tab--has_client_quest {
  padding-top: 16px;
}
.db-shop__tab li {
  width: 50%;
  padding: 0 4px 8px;
  box-sizing: border-box;
  text-align: center;
}
.db-shop__tab__btn {
  display: block;
  padding: 8px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #333333)
  );
  background-image: -moz-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: -webkit-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: linear-gradient(#4d4d4d 0%, #333333 100%);
  -moz-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  -webkit-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #ccc;
}
.db-shop__tab__btn .press {
  text-decoration: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #707070),
    color-stop(100%, #4d4d4d)
  );
  background-image: -moz-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: -webkit-linear-gradient(top, #707070 0%, #4d4d4d 100%);
  background-image: linear-gradient(to bottom, #707070 0%, #4d4d4d 100%);
  -moz-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  -webkit-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  color: #ccc;
}
.db-shop__tab li.active .db-shop__tab__btn {
  background: #2e2209;
  -moz-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  -webkit-box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  box-shadow: 0px 1px 0px #1a1203 inset, 0px -1px 0px #403113 inset;
  color: #ffd966;
}
.db-shop__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
}
.db-shop__filter__wrapper {
  padding: 8px;
}
.db-shop__filter__btn {
  display: block;
  padding: 6px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
}
.db-shop__filter__btn.press {
  background: #1a1a1a;
  -moz-box-shadow: 0px 1px 0px #383838 inset;
  -webkit-box-shadow: 0px 1px 0px #383838 inset;
  box-shadow: 0px 1px 0px #383838 inset;
  text-decoration: none;
}
.db-shop__filter__btn:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3xWy-rtpzFbr2n2OXdzownZVf8.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.db-shop__filter__btn.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.db-shop__filter__btn.active:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/TnGE7GNSzh8uJA1xRoYxXUiC_M.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.db-shop__filter__btn--on {
  display: block;
  padding: 1px 8px;
  margin-left: 8px;
  color: #eaff00;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzAzOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NzMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #66c039),
    color-stop(100%, #267300)
  );
  background-image: -moz-linear-gradient(top, #66c039 0%, #267300 100%);
  background-image: -webkit-linear-gradient(top, #66c039 0%, #267300 100%);
  background-image: linear-gradient(to bottom, #66c039 0%, #267300 100%);
  -moz-box-shadow: 0px 1px 0px #91f261 inset, 0px -1px 0px #1f3314 inset;
  -webkit-box-shadow: 0px 1px 0px #91f261 inset, 0px -1px 0px #1f3314 inset;
  box-shadow: 0px 1px 0px #91f261 inset, 0px -1px 0px #1f3314 inset;
  white-space: nowrap;
}
.db-shop__filter__btn--on.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0ZDk0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmOGMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #74d941),
    color-stop(100%, #2f8c00)
  );
  background-image: -moz-linear-gradient(top, #74d941 0%, #2f8c00 100%);
  background-image: -webkit-linear-gradient(top, #74d941 0%, #2f8c00 100%);
  background-image: linear-gradient(to bottom, #74d941 0%, #2f8c00 100%);
  -moz-box-shadow: 0px 1px 0px #9f6 inset, 0px -1px 0px #2e4c1f inset;
  -webkit-box-shadow: 0px 1px 0px #9f6 inset, 0px -1px 0px #2e4c1f inset;
  box-shadow: 0px 1px 0px #9f6 inset, 0px -1px 0px #2e4c1f inset;
  text-decoration: none;
  color: #eaff00;
}
.db-shop__filter__btn--off {
  display: block;
  padding: 1px 8px;
  margin-left: 8px;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjMWMxYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5MWIxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #8c1c1c),
    color-stop(100%, #591b1b)
  );
  background-image: -moz-linear-gradient(top, #8c1c1c 0%, #591b1b 100%);
  background-image: -webkit-linear-gradient(top, #8c1c1c 0%, #591b1b 100%);
  background-image: linear-gradient(to bottom, #8c1c1c 0%, #591b1b 100%);
  -moz-box-shadow: 0px 1px 0px #a63a3a inset, 0px -1px 0px #401313 inset;
  -webkit-box-shadow: 0px 1px 0px #a63a3a inset, 0px -1px 0px #401313 inset;
  box-shadow: 0px 1px 0px #a63a3a inset, 0px -1px 0px #401313 inset;
  white-space: nowrap;
}
.db-shop__filter__btn--off.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2MjkyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczMjIyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #a62929),
    color-stop(100%, #732222)
  );
  background-image: -moz-linear-gradient(top, #a62929 0%, #732222 100%);
  background-image: -webkit-linear-gradient(top, #a62929 0%, #732222 100%);
  background-image: linear-gradient(to bottom, #a62929 0%, #732222 100%);
  -moz-box-shadow: 0px 1px 0px #cc5252 inset, 0px -1px 0px #4c1717 inset;
  -webkit-box-shadow: 0px 1px 0px #cc5252 inset, 0px -1px 0px #4c1717 inset;
  box-shadow: 0px 1px 0px #cc5252 inset, 0px -1px 0px #4c1717 inset;
  text-decoration: none;
  color: #cccccc;
}
.db-shop__filter__btn--clear,
.db-shop__filter__btn--submit {
  display: inline-block;
  width: 144px;
  height: 32px;
  margin: 0 4px;
  padding: 0;
  font-size: 12px;
  color: #262626;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  outline: none;
  font-weight: bold;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #999999),
    color-stop(100%, #666666)
  );
  background-image: -moz-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: linear-gradient(to bottom, #999999 0%, #666666 100%);
  -moz-box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
  -webkit-box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
  box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
}
.db-shop__filter__btn--clear.press,
.db-shop__filter__btn--submit.press {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #bfbfbf),
    color-stop(100%, #808080)
  );
  background-image: -moz-linear-gradient(top, #bfbfbf 0%, #808080 100%);
  background-image: -webkit-linear-gradient(top, #bfbfbf 0%, #808080 100%);
  background-image: linear-gradient(to bottom, #bfbfbf 0%, #808080 100%);
  -moz-box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
  -webkit-box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
  box-shadow: 0px 1px 0px #e6e6e6 inset, 0px -1px 0px #404040 inset;
}
.db-shop__filter__select li {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 4px 4px 0;
}
.db-shop__filter__select li input {
  display: none;
}
.db-shop__filter__select li input:checked + .cover {
  display: block;
  position: absolute;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/IVWubUM67V2R73InARFd9g78yw.png) no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  right: 0;
  bottom: 0;
}
.db-shop__filter__select__wrapper {
  background: #000000;
  padding: 16px 0;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-shop__filter__select__wrapper--job,
.db-shop__filter__select__wrapper--class {
  margin: 0 6px 10px 10px;
}
.db-shop__filter__select__wrapper--job__title,
.db-shop__filter__select__wrapper--class__title {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1;
}
.db-shop__filter__select__wrapper--class {
  margin-bottom: 12px;
}
.db-shop__filter__select__wrapper--base {
  margin-bottom: 12px;
}
.db-shop__filter__select__btn_form {
  margin: 0 auto;
  text-align: center;
}
.db-shop__class {
  padding: 16px 16px 12px;
}
.db-shop__select .select-pulldown__open {
  font-size: 12px;
}
.db-shop__search__inclusion {
  padding: 8px 8px;
}
.db-shop__search__inclusion p {
  padding-bottom: 4px;
}
.db-shop__search__inclusion .select-pulldown {
  margin: 0 0 8px;
}
.db-shop__search__inclusion .select-pulldown__open {
  font-style: 12px;
  padding: 6px 24px 6px 8px;
}
.db-shop__toggle.open {
  border-top: 1px solid #3d3d3d;
}
.db-shop__intro {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 30px 4px 0;
}
.db-shop__intro__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/nmd6Nk5vLGi4LCu9Iuw5JXdRnY.png) no-repeat center center;
  background-size: 16px;
}
.db-shop__intro__icon.open {
  transform: rotateX(180deg);
}
.db-shop__intro__name {
  font-weight: bold;
}
.db-shop__sidebar {
  display: none;
  padding: 8px 8px 16px;
}
.db-shop__link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 0 4px;
  box-sizing: border-box;
}
.db-shop__link p {
  color: #e5e5e5;
  font-size: 14px;
  line-height: 1.4;
}
.db-shop__value {
  margin-bottom: 8px;
}
.db-shop__pattern {
  position: relative;
  width: 100%;
  padding: 8px 8px 4px;
  box-sizing: border-box;
}
.db-shop__reward {
  width: 100%;
  display: flex;
  align-items: center;
}
.db-shop__reward__text {
  padding-left: 8px;
}
.db-shop__reward__name {
  font-size: 12px;
  color: #bfa34c;
}
.db-shop__reward__number {
  font-size: 14px;
  font-weight: bold;
  color: #e5e5e5;
}
.db-shop__exp {
  width: 50%;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/GShCUkaKnehhJU3Ox2t4wFSFc4.png) no-repeat 0 0;
}