@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../font/fa-solid-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../font/fa-solid-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../font/fa-regular-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('../font/fa-light-300.woff2') format('woff2');
}

/* 必赢 PC 补丁：参考站 CSS 缺的代理图标、登录浮层层级 */
#account-box .extra-link li.partner a:before {
  background-image: url('/static/image/partner.png');
}

body.layout {
  background: #000 url('/static/image/bg.jpg') no-repeat center top;
  background-color: #000;
  min-width: 1200px;
}

.winweb-main {
  min-height: 100vh;
}

#header {
  overflow: visible;
  z-index: 20;
}

#logo-bg {
  cursor: pointer;
}

#nav,
#nav > ul,
#nav > ul > li {
  overflow: visible;
}

#nav li a {
  cursor: pointer;
}

#nav .subnav ol {
  display: inline-block;
  vertical-align: middle;
}

#nav .subnav ol li {
  cursor: pointer;
}

#nav .subnav ol li:not([game-box])::before {
  background-image: none !important;
}

#nav .subnav.sport ol li:not([game-box]) {
  width: 327px;
}

#nav .subnav.slot ol li:not([game-box]),
#nav .subnav.board ol li:not([game-box]),
#nav .subnav.fish ol li:not([game-box]) {
  width: 245px;
}

#nav .subnav.live ol li:not([game-box]) {
  width: 325px;
}

#nav .subnav.lottery ol li:not([game-box]) {
  width: 300px;
}

#nav .subnav ol li > img {
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  height: 350px;
  width: auto;
  max-width: none;
  pointer-events: none;
}

.subnav.board li[game-box='moreqp']::before {
  background-image: url('/static/image/moreqp.png') !important;
}

.subnav.fish li[game-box='moreqp']::before {
  background-image: url('/static/image/concise/gengduo.png') !important;
}

.subnav.lottery ol li {
  width: 300px;
  overflow: hidden;
}

.subnav.lottery ol li::before {
  background-image: none !important;
}

#account-box .extra-link li {
  cursor: pointer;
}

#banner {
  background-image: none !important;
  height: auto;
}

#lobby.venue-sport > ul.game-list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 11px;
  line-height: 1;
}

#lobby.venue-sport > ul.game-list > li {
  position: relative;
  width: 285px;
  height: 289px;
  margin-bottom: 20px;
  padding-top: 185px;
  cursor: pointer;
  background-color: #171717;
  background-repeat: no-repeat;
  background-position: center top;
}

#lobby.venue-sport > ul.game-list > li .venue-sport-logo {
  position: absolute;
  right: 15px;
  bottom: 40px;
  height: 50px;
}

#lobby.venue-sport > ul.game-list > li > div {
  padding: 30px 0 0 21px;
  color: #fff;
  font-size: 18px;
}

#lobby.venue-sport > ul.game-list > li > div span {
  display: block;
  margin-top: 14px;
  color: #969696;
  font-size: 12px;
}

#lobby.venue-sport > ul.game-list > li:not([game-box='more']):hover {
  background-color: #fc0;
}

#lobby.venue-sport > ul.game-list > li:not([game-box='more']):hover::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #fc0;
}

#lobby.venue-sport > ul.game-list > li:not([game-box='more']):hover > div,
#lobby.venue-sport > ul.game-list > li:not([game-box='more']):hover > div span {
  color: #c00;
  font-weight: 700;
}

#lobby.venue-sport > ul.game-list > li[game-box='more'] {
  background-image: url('/static/image/more.jpg');
  background-size: auto 100%;
}

#lobby.venue-cover > ul.game-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#lobby.venue-cover > ul.game-list > li {
  position: relative;
  display: block;
  width: 294px;
  height: 340px;
  margin-bottom: 8px;
  cursor: pointer;
  background: url('/static/image/bgpi.jpg') 50% center no-repeat;
}

#lobby.venue-cover > ul.game-list > li .venue-cover-art {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#lobby.venue-cover > ul.game-list > li > div {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

#lobby.venue-cover > ul.game-list > li .venue-cover-logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-right: 6px;
}

#lobby.venue-cover > ul.game-list > li:not([game-box='more']):hover {
  background-image: url('/static/image/bg_h.jpg');
}

#lobby.venue-cover > ul.game-list > li:not([game-box='more']):hover > div {
  color: #fac72e;
}

#lobby.venue-cover > ul.game-list > li[game-box='more'] {
  background: #171717 url('/static/image/moresa.png') center no-repeat;
}

#lobby.venue-cover > ul.game-list > li[game-box='more'] > div {
  bottom: 20px;
}

#lobby > ul.game-list.concise-tabs {
  position: relative;
  display: block;
  font-size: 0;
}

#lobby > ul.game-list.concise-tabs > li {
  position: relative;
  display: inline-block;
  width: 171.429px;
  height: 60px;
  vertical-align: top;
  color: #dcdcdc;
  font-size: 14px;
  line-height: 59px;
  background-color: #0d0d0d;
  border-right: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}

#lobby > ul.game-list.concise-tabs > li.act,
#lobby > ul.game-list.concise-tabs > li:hover {
  color: #fc0;
}

#lobby > ul.game-list.concise-tabs > li.act::after,
#lobby > ul.game-list.concise-tabs > li:hover::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 2px solid #fc0;
}

#lobby .iframe-wrapper {
  width: 1199px;
  margin-top: -1px;
  padding: 10px;
  border: 1px solid #1c1c1c;
  background: #fff;
  box-sizing: border-box;
}

.iframe-wrapper .navnx {
  display: flex;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
  padding: 0 30px;
  background-color: #0550bb;
}

.iframe-wrapper .navnx .li {
  color: #fff;
  font-size: 16px;
  width: 120px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.iframe-wrapper .navnx .li.act {
  background-color: #003580;
  border-radius: 15px;
}

.iframe-wrapper .gamelist {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.iframe-wrapper .gamelist .list {
  width: 19%;
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 20px 0;
  text-align: center;
  color: #333;
  cursor: pointer;
}

.iframe-wrapper .gamelist .list img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  object-fit: contain;
}

.iframe-wrapper .gamelist .list p {
  text-align: center;
  margin-top: 10px;
}

.iframe-wrapper .empty {
  color: #999;
  text-align: center;
  padding: 40px;
}

#un-lobby:has(.lisBox) {
  border: 0;
  background: transparent;
}

#lobby > ul.game-list.concise-tabs > li::before {
  content: none !important;
}

#lobby > ul.game-list.concise-tabs > li .vendor-logo {
  display: inline-block;
  width: 55px;
  height: 40px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 8px;
}

#un-lobby ul.navtab {
  width: 100%;
  margin: 0 0 10px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

#un-lobby ul.navtab::-webkit-scrollbar {
  height: 6px;
}

#un-lobby ul.navtab li {
  float: none;
  flex: 0 0 auto;
  min-width: 92px;
  height: 32px;
  padding: 0 10px;
  color: #636363;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border: 1px solid transparent;
  border-radius: 16px;
  cursor: pointer;
}

#un-lobby ul.navtab li + li {
  margin-left: 20px;
}

#un-lobby ul.navtab li.tab,
#un-lobby ul.navtab li:hover {
  color: #fc0;
  border-color: #fc0;
}

#un-lobby .lisBox {
  width: 100%;
  padding-bottom: 100px;
  overflow: hidden;
}

#un-lobby .lisBox .conlis {
  width: 100%;
  margin: 0 auto 20px;
  border-radius: 20px;
  overflow: hidden;
}

#un-lobby .lisBox .conlis .lis {
  position: relative;
  cursor: pointer;
}

#un-lobby .lisBox .conlis .lsimg {
  width: 100%;
  display: block;
}

#un-lobby .lisBox .conlis .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
  padding: 0 80px;
  color: #ff8839;
  font-size: 24px;
}

#un-lobby .lisBox .conlis .bottom span {
  font-size: 16px;
}

#un-lobby .lisBox .actInfo {
  box-sizing: border-box;
  padding: 30px;
  background: #fff;
}

#un-lobby .lisBox .actInfo .apply {
  background: linear-gradient(0deg, #ff8839, #ffb056);
  color: #fff;
  height: 40px;
  width: 205px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  margin: 30px auto;
}

#un-lobby .lisBox .empty {
  color: #999;
  text-align: center;
  padding: 40px;
}

#un-lobby::after {
  content: '';
  display: block;
  clear: both;
}

.inputsw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* 个人中心：恢复必赢 28% / 70% 双栏，不再用 flex 撑破对齐 */
.custom-mc-color {
  color: #fff;
}

.custom-mc-bg {
  background-color: #000;
}

#member-center .profile .avatar-wrap {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

#member-center .profile .avatar-wrap img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
}

#member-center .profile ul li a i {
  display: inline-block;
  width: 1.25em;
  margin-right: 6px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

#member-center .detail,
#member-center .detail .body {
  font-size: 14px;
}

#member-center .detail .panel {
  min-height: 404px;
  color: #5f5f5f;
  text-align: left;
  background: #e5e5e5 url('/static/image/panel_background.jpg') repeat;
  border: 0;
  border-radius: 3px;
}

#member-center .detail .panel-heading,
#member-center .detail #title {
  height: 48px;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 21px;
  font-family: 'Microsoft JhengHei', sans-serif;
  line-height: 28px;
  text-align: center;
  background: #000;
  border: none;
}

#member-center .detail .panel-body {
  padding: 15px 15px 20px;
  text-align: center;
}

#member-center .detail .panel-body > form.form-horizontal {
  display: inline-block;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}

#member-center .form-group .control-label {
  height: auto;
  line-height: 32px;
  color: #5f5f5f;
}

#member-center .form-group .control-div select,
#member-center .form-group .control-div textarea {
  width: 100%;
  max-width: 304px;
  padding: 5px 8px;
  color: #333;
  line-height: 24px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
}

#member-center .form-group .control-div textarea {
  min-height: 90px;
}

#member-center .form-group .control-div > a {
  display: inline-block;
  margin-top: 6px;
  color: #428bca;
}

#member-center .mc-tabs {
  margin: 0 0 18px;
  padding: 0 0 8px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

#member-center .mc-tabs a {
  display: inline-block;
  margin: 0 8px;
  padding: 6px 16px;
  color: #5f5f5f;
  font-size: 15px;
  line-height: 22px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

#member-center .mc-tabs a.on {
  color: #333;
  font-weight: 700;
  border-bottom-color: #fecc01;
}

#member-center .mc-pay-tabs {
  margin: 0 0 16px;
  text-align: left;
}

#member-center .mc-pay-tabs a {
  display: inline-block;
  min-width: 110px;
  height: 36px;
  margin: 0 8px 8px 0;
  padding: 0 28px 0 12px;
  color: #333;
  font-size: 14px;
  line-height: 34px;
  text-align: left;
  border: 1px solid #6f6f6f;
  border-left: 5px solid #6f6f6f;
  border-radius: 3px;
  cursor: pointer;
}

#member-center .mc-pay-tabs a.on {
  color: #000;
  font-weight: 700;
  border-color: #fecc01;
  border-left-color: #fecc01;
  background: #fff8d6;
}

#member-center .mc-lead,
#member-center .mc-hint {
  margin: 0 0 12px;
  color: #5f5f5f;
  font-size: 14px;
  text-align: left;
}

#member-center .mc-lead a {
  margin-left: 12px;
  color: #428bca;
}

#member-center .mc-empty {
  padding: 28px 0;
  color: #999;
  text-align: center;
}

#member-center .mc-cancel {
  margin-left: 16px;
  color: #428bca;
  line-height: 45px;
  vertical-align: middle;
}

#member-center .mc-quick {
  text-align: left;
}

#member-center .mc-quick button {
  display: inline-block;
  min-width: 72px;
  height: 30px;
  margin: 0 6px 6px 0;
  padding: 0 10px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}

#member-center .mc-quick button.on {
  color: #000;
  background: #fecc01;
  border-color: #fecc01;
}

#member-center .mc-plat-list {
  display: block;
  margin: 16px 0 0;
  padding: 0;
  color: #5f5f5f;
  font-size: 13px;
  text-align: left;
  columns: 2;
}

#member-center .mc-plat-list li {
  margin: 0 0 8px;
  list-style: none;
  break-inside: avoid;
}

#member-center .mc-plat-list a {
  margin-left: 8px;
  color: #428bca;
}

#member-center .table {
  width: 100%;
  margin: 12px 0;
  color: #333;
  font-size: 13px;
  background: #fff;
}

#member-center .table > thead > tr > th,
#member-center .table > tbody > tr > td {
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}

#member-center .table > thead > tr > th {
  background: #eee;
  font-weight: 700;
}

#member-center .table-striped > tbody > tr:nth-child(odd) > td {
  background: #f9f9f9;
}

#member-center .mc-pager {
  margin-top: 12px;
  color: #5f5f5f;
  text-align: center;
}

#member-center .mc-pager a,
#member-center .mc-pager span {
  display: inline-block;
  margin: 0 8px;
  color: #428bca;
  cursor: pointer;
}

#member-center .betrecord-page fieldset {
  padding: 8px 4px;
  margin: 0 0 12px;
  border: 1px solid silver;
}

#member-center .betrecord-page .form-group {
  display: inline-block;
  float: none;
  width: auto;
  margin: 0 12px 0 0;
  vertical-align: middle;
}

#member-center .betrecord-page .form-group .control-label,
#member-center .betrecord-page .form-group .control-div {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

#member-center .betrecord-page .form-group .control-div select {
  width: 150px;
  height: 33px;
}

#member-center .betrecord-page .btn_group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}

#member-center .betrecord-page .btn_group button {
  float: none;
  height: 32px;
  margin: 0;
  padding: 0 14px;
  color: #333;
  background: transparent;
  border: 1px solid #666;
  cursor: pointer;
}

#member-center .betrecord-page .btn_group button.on {
  color: #000;
  background: #fecc01;
  border-color: #fecc01;
}

#member-center .detail .btn-submit {
  position: relative;
  width: 119px;
  height: 45px;
  padding: 0;
  color: #454545;
  font-size: 15px;
  font-family: PMingLiU, serif;
  font-weight: bold;
  background: url('/static/image/sent_bn.png') no-repeat 0 0;
  border: 0;
  cursor: pointer;
}

#member-center .detail .btn-submit:hover {
  color: #454545;
  background-position: 0 -46px;
}

#member-center .nav-tabs {
  display: block;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

#member-center .nav-tabs > li {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 8px 18px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}

#member-center .nav-tabs > li.active {
  background: #fff;
  font-weight: 700;
}

#member-center .nav-tabs .yellow {
  margin-right: 4px;
  color: #f1c40f;
}

#member-center .btn_search.search {
  display: block;
  width: 126px;
  height: 27px;
  margin: 0 auto;
  padding: 0;
  color: #333;
  font-size: 13px;
  line-height: 27px;
  background: url('/static/image/btn_01.png') no-repeat 0 0;
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
}

#member-center .main-account {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  color: #333;
  text-align: left;
}

#member-center .main-account-num {
  margin: 0 8px 0 4px;
  font-weight: 700;
}

#member-center .mc-refresh {
  margin-right: 12px;
  color: #428bca;
  cursor: pointer;
}

#member-center .recycle-btn {
  position: relative;
  width: 81px;
  height: 24px;
  margin: 0;
  color: #ffa900 !important;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  border: 1px solid #ffa900;
  border-radius: 25px;
  cursor: pointer;
}

#member-center .recycle-btn > span {
  display: none;
}

#member-center .mc-radio-group {
  display: inline-flex;
  margin-left: 40px;
}

#member-center .mc-radio {
  min-width: 88px;
  height: 28px;
  padding: 0 12px;
  color: #333;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  background: #fff;
  border: 1px solid #dcdfe6;
  cursor: pointer;
}

#member-center .mc-radio.on {
  color: #fff;
  background: #ffa900;
  border-color: #ffa900;
}

#member-center .mod-retrieval {
  margin: 16px 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

#member-center .mod-retrieval li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #333;
}

#member-center .mod-retrieval select,
#member-center .mod-retrieval .txt-ipt {
  height: 30px;
  padding: 0 8px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
}

#member-center .exchange-btn {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url('/static/image/exchange_icon.png') no-repeat center;
  background-size: 18px 18px;
  cursor: pointer;
}

#member-center .exchange-btn::before {
  content: '';
}

#member-center .btn-sub {
  height: 32px;
  margin-top: 0;
  padding: 0 18px;
  color: #fff;
  background: #ffa900;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}

#member-center .platform-balance-form {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

#member-center .plat-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-right: 30px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #333;
}

#member-center .plat-cell:nth-child(even) {
  border-right: none;
  border-left: none;
}

#member-center .plat-name {
  width: 30%;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  background: #ececec;
  border-right: 1px solid #ccc;
}

#member-center .plat-bal {
  flex: 1;
  text-align: center;
}

#member-center .transfer-into-btn {
  color: #ffa900;
  font-size: 12px;
  white-space: nowrap;
}

#member-center .table .text-left {
  text-align: left;
}

#account-box .modal-login {
  height: 450px;
  box-sizing: border-box;
  overflow: hidden;
}

#account-box .modal-login form button#login-box,
#account-box .modal-login form button.login-btn {
  color: #fff;
  cursor: pointer;
}

#articles table.register-promo {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
}

#articles table.register-promo td {
  background-color: #222;
  border: 1px solid #aaa;
  color: #fff;
  text-align: center;
  word-break: break-word;
}

#articles table.register-promo .gold {
  color: #f1c40f;
}

#articles table.register-promo .red {
  color: #f00;
}

#articles table.register-promo .promo-item,
#articles table.register-promo .promo-item span {
  font-size: 13px;
  line-height: 1.6;
}

#articles table.register-promo .promo-item {
  width: 50%;
  padding: 8px 10px;
}

#articles .form-horizontal {
  clear: both;
  display: inline-block;
  width: 100%;
}

#articles .form-horizontal .form-group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}

#articles .form-horizontal .form-group::after {
  content: '';
  display: table;
  clear: both;
}

#articles .form-horizontal .control-label {
  display: inline-block;
  float: left;
  width: 110px;
  height: auto;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  text-align: right;
}

#articles .form-horizontal .control-label .fa {
  color: #fc0;
  font-style: normal;
}

#articles .form-horizontal .control-label .fa::before {
  content: '*';
}

#articles .form-horizontal .control-div {
  display: block;
  float: left;
  width: 440px;
  padding: 0 15px;
  color: #fff;
  line-height: 40px;
  text-align: left;
}

#articles .form-horizontal .control-info {
  display: none;
}

#articles .form-horizontal .control-div input[type='text'],
#articles .form-horizontal .control-div input[type='password'],
#articles .form-horizontal .control-div select,
#articles #checkcode-input-group input {
  display: block;
  width: 410px;
  height: 40px;
  margin: 0;
  padding: 0 10px;
  color: #969696;
  font-size: 14px;
  line-height: 39px;
  background: none;
  border: 0;
  border-bottom: 1px solid #b4b4b4;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
}

#articles .form-horizontal .control-div input[type='text']:focus,
#articles .form-horizontal .control-div input[type='password']:focus,
#articles #checkcode-input-group input:focus {
  border-bottom-color: #fecc01;
  box-shadow: none;
  outline: none;
}

#articles #checkcode-input-group {
  position: relative;
  display: block;
  width: 410px;
}

#articles #checkcode-input-group input {
  width: 100%;
}

#articles #checkcode-input-group .checkcode {
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  padding: 0;
  background: none;
  border: 0;
}

#articles #checkcode-input-group .checkcode img {
  height: 32px;
  cursor: pointer;
  vertical-align: middle;
}

#articles .form-horizontal .control-div > label {
  display: inline-block;
  color: #fff;
  font-weight: 400;
}

#articles .form-horizontal .control-div input[type='checkbox'] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  padding: 0;
  vertical-align: middle;
}

#articles .form-horizontal .agreement {
  color: #fc0;
  cursor: pointer;
}

#articles .form-horizontal .agreement:hover {
  color: #fc0;
  text-decoration: underline;
}

#articles .form-horizontal .text-center {
  text-align: center;
  margin-top: 16px;
}

#articles #btn-reset,
#articles #btn-submit {
  display: inline-block;
  width: 140px;
  height: 40px;
  vertical-align: top;
  margin: 0 15px;
  padding: 0;
  color: #fdcc03;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  background: transparent;
  border: 2px solid #fdcc03;
  border-radius: 20px;
  cursor: pointer;
}

#articles #btn-reset:hover,
#articles #btn-submit:hover {
  color: #000;
  background-color: #fdcc03;
}

.winweb-toast-bar {
  position: fixed;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  min-width: 240px;
  max-width: 80%;
  padding: 10px 22px;
  color: #111;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  background: #fecc01;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.el-message.winweb-toast,
.el-message {
  z-index: 99999 !important;
}

.ant-modal-root {
  z-index: 20000;
  position: relative;
}

#redPacket {
  position: fixed;
  right: 24px;
  bottom: 140px;
  z-index: 80;
  width: 86px;
  height: 96px;
  cursor: pointer;
  background: url('/static/image/red-packet.png') no-repeat center / contain;
}

#redPacket .grab {
  display: block;
  width: 100%;
  height: 100%;
}

#redPacket > img {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 22px;
  z-index: 2;
}

#banner {
  overflow: hidden;
}

#banner img {
  display: block;
}

#footer-logo-img {
  display: block;
  height: 86px;
  margin: 0 auto 35px;
  object-fit: contain;
  border-bottom: 1px solid #6a6a6a;
}

#member-center .mc-content .form-horizontal input.form-control,
#member-center .mc-content .form-horizontal select,
#member-center .mc-content .form-horizontal textarea {
  width: 100%;
  max-width: 360px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}

#member-center .mc-content .form-horizontal textarea {
  height: auto;
  min-height: 80px;
  padding: 8px 10px;
}

.mod-transfer .btn-submit,
.mod-transfer .recycle-btn {
  display: inline-block;
  min-width: 88px;
  height: 36px;
  margin-left: 8px;
  padding: 0 14px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  color: #454545;
  font-weight: 700;
  background: #fecc01;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.pay-modal-mask {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
}

.pay-modal {
  width: 360px;
  padding: 20px 24px 24px;
  background: #fff;
  border-radius: 8px;
}

.pay-modal h3 {
  margin: 0 0 12px;
  font-size: 16px;
}

.pay-modal input {
  display: block;
  width: 100%;
  height: 38px;
  margin: 8px 0;
  padding: 0 10px;
  box-sizing: border-box;
}

.pay-modal .pay-actions {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.pay-modal .pay-actions button {
  flex: 1;
  height: 38px;
  cursor: pointer;
}

.feedback-form textarea {
  width: 100%;
  min-height: 120px;
  padding: 8px;
  box-sizing: border-box;
}

.feedback-form input[type='text'] {
  width: 100%;
  height: 36px;
  margin-bottom: 10px;
  padding: 0 8px;
  box-sizing: border-box;
}

#articles .form-error,
.modal-login .form-error {
  margin: 8px 0 12px;
  color: #ff6b6b;
  font-size: 13px;
  text-align: center;
}