@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
i {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i,
b {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

html {
  min-width: 1280px;
}

body {
  /* font-family: "Microsoft YaHei", "宋体", Verdana, Arial, sans-serif; */
  color: #333;
  font-size: 14px;
  line-height: 1.42857143;
  min-width: 1200px;
}

img {
  border: none;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.container {
  width: 1280px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

input {
  outline: none;
}

.lf {
  float: left;
}

.rt {
  float: right;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header {
  background: url(../images/bg.gif) no-repeat center top;
  height: 500px;
  font-size: 100%;
  width: 100%;
  background-size: 1911px 541px;
}

.header .loginBox {
  position: relative;
  width: 100%;
  height: 342px;
  overflow: hidden;
}

.header .loginBox .look-auth {
  position: absolute;
  right: 10px;
  bottom: 30px;
}

.header .loginBox .look-notice {
  position: absolute;
  right: 170px;
  bottom: 30px;
}

.header .loginBox li {
  display: none;
  font-size: 0;
  color: transparent;
}

.header .loginBox .collect,
.header .loginBox .contactUs,
.header .loginBox .login,
.header .loginBox .center {
  display: block;
  position: absolute;
  width: 121px;
  height: 46px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.header .loginBox .collect {
  bottom: 30px;
  left: 139px;
  background-image: url(../images/collect.png);
}

.header .loginBox .contactUs {
  bottom: 30px;
  left: 278px;
  background-image: url(../images/contact.png);
}

.header .loginBox .login {
  bottom: 30px;
  left: 0px;
  background-image: url(../images/login.png);
}

.header .loginBox .center {
  bottom: 30px;
  left: 0px;
  background-image: url(../images/center.png);
}

.header .loginBox .logout {
  display: block;
  position: absolute;
  left: 200px;
  bottom: 87px;
  font-size: 16px;
  color: #ccc;
  text-decoration: underline;
  cursor: pointer;
}

.header .loginBox .logout i {
  vertical-align: -2px;
  margin-right: 2px;
}

.header .loginBox .name {
  display: block;
  position: absolute;
  bottom: 86px;
  max-width: 200px;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header .loginBox .name span {
  color: #2fccff;
}


.top {
  position: relative;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-top: -170px;
  z-index: 6;
}

.top .navc {
  height: auto;
  margin-bottom: 12px;
  position: relative;
}

.top .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 8px;
  width: 100%;
  min-height: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(255, 146, 64, 0.18), transparent 28%), radial-gradient(circle at right center, rgba(255, 255, 255, 0.06), transparent 22%), linear-gradient(180deg, #0e1220 0%, #171b28 100%);
  -webkit-box-shadow: 0 18px 36px rgba(10, 13, 22, 0.28);
  box-shadow: 0 18px 36px rgba(10, 13, 22, 0.28);
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.top .nav.fixed {
  position: fixed;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9999;
}

.top .nav a {
  float: none;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 58px;
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.top .nav a .icon {
  position: absolute;
  top: 4px;
  right: 8px;
}

.top .nav a:last-child em {
  display: none;
}

.top .nav a>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.top .nav a p:first-child {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 1.1;
}

.top .nav a p:nth-child(2) {
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.1;
  color: #aeb5c2;
}

.top .nav a em {
  display: none;
}

.top .nav a.active {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6450), to(#e12f3b));
  background: linear-gradient(180deg, #ff6450 0%, #e12f3b 100%);
  -webkit-box-shadow: 0 12px 22px rgba(225, 47, 59, 0.24);
  box-shadow: 0 12px 22px rgba(225, 47, 59, 0.24);
  -webkit-transition: background 0s;
  transition: background 0s;
}

.top .nav a.active p:nth-child(2) {
  color: rgba(255, 255, 255, 0.92);
}

.top .nav a.active>div {
  border-bottom: none;
}

.top .nav a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.top .nav a:hover p:nth-child(2) {
  color: #fff;
}

.top .nav a:hover>div {
  border-bottom: none;
}

.top-quickbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  background: linear-gradient(180deg, #ff6450 0%, #e12f3b 100%);
  box-shadow: 0 8px 20px rgba(225, 47, 59, 0.22);
  z-index: 20000;
}

.top-quickbar-inner {
  width: 1300px;
  min-height: 42px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.top-quickbar-title {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}

.top-quickbar-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0;
}

.top-quickbar-links a {
  color: #fff;
  font-size: 14px;
  line-height: 42px;
  padding: 0 22px;
  position: relative;
  white-space: nowrap;
}

.top-quickbar-links a:hover {
  color: rgba(255, 255, 255, 0.88);
}

.top-quickbar-links a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: rgba(255, 255, 255, 0.28);
}

.top-quickbar-links a:last-child::after {
  display: none;
}

body.has-top-quickbar {
  padding-top: 42px;
  box-sizing: border-box;
}

.hero-contact-entry {
  position: absolute;
  right: 18px;
  top: -54px;
  z-index: 130;
}

.hero-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 146px;
  height: 42px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b70f14 0%, #871014 100%);
  border: 2px solid #f2b25c;
  color: #fff4cf;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 10px 20px rgba(122, 10, 15, 0.24);
  text-shadow: 0 2px 4px rgba(72, 7, 11, 0.45);
  cursor: pointer;
  user-select: none;
  position: relative;
}

.hero-contact-btn::before,
.hero-contact-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(45deg);
  background: linear-gradient(180deg, #cb7618 0%, #ffcc6e 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.hero-contact-btn::before {
  left: 11px;
}

.hero-contact-btn::after {
  right: 11px;
}

.hero-contact-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(11, 15, 24, 0.66);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 9998;
}

.hero-contact-modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 990px;
  max-width: calc(100vw - 24px);
  max-height: none;
  overflow: hidden;
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  border-radius: 22px;
  background: radial-gradient(circle at top right, rgba(255, 208, 129, 0.24), transparent 24%), linear-gradient(180deg, #fffdf7 0%, #fff8eb 100%);
  border: 1px solid rgba(225, 184, 118, 0.72);
  box-shadow: 0 26px 60px rgba(18, 20, 26, 0.36);
  z-index: 9999;
}

.hero-contact-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(230, 206, 164, 0.78);
  background: linear-gradient(180deg, #ba0f13 0%, #ea2b1d 100%);
  color: #fff3ce;
}

.hero-contact-title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

.hero-contact-subtitle {
  margin-top: 4px;
  color: rgba(255, 243, 206, 0.82);
  font-size: 11px;
  letter-spacing: 0;
}

.hero-contact-close {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  cursor: pointer;
  font-size: 18px;
}

.hero-contact-body {
  padding: 14px;
}

.hero-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.hero-contact-card {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(236, 223, 194, 0.86);
  box-shadow: 0 10px 24px rgba(32, 24, 12, 0.06);
  overflow: hidden;
}

body.ccq-browser-360 .hero-contact-mask {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.ccq-browser-360 .hero-contact-modal {
  -webkit-transform: none;
  transform: none;
  background: #fffaf1;
  box-shadow: 0 20px 42px rgba(18, 20, 26, 0.28);
}

body.ccq-browser-360 .hero-contact-card {
  background: #fffdfb;
}

body.ccq-browser-360 .hero-contact-head {
  background: #e32018;
  border-bottom-color: #f0d7b0;
}

body.ccq-browser-360 .hero-contact-title,
body.ccq-browser-360 .hero-contact-subtitle,
body.ccq-browser-360 .hero-contact-close,
body.ccq-browser-360 .hero-contact-card-head,
body.ccq-browser-360 .hero-contact-tips {
  opacity: 1;
  text-shadow: none;
}

body.ccq-browser-360 .hero-contact-title {
  font-weight: 800;
}

body.ccq-browser-360 .hero-contact-subtitle {
  color: #fff6db;
  font-weight: 600;
}

body.ccq-browser-360 .hero-contact-table th,
body.ccq-browser-360 .hero-contact-table td,
body.ccq-browser-360 .hero-contact-card-head,
body.ccq-browser-360 .hero-contact-tips,
body.ccq-browser-360 .ccq-contact-agent-name,
body.ccq-browser-360 .ccq-contact-agent-qq,
body.ccq-browser-360 .hero-contact-title,
body.ccq-browser-360 .hero-contact-subtitle {
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}

.hero-contact-card.full {
  grid-column: 1 / -1;
}

.hero-contact-card-head {
  padding: 8px 12px;
  background: linear-gradient(180deg, #fff0cf 0%, #ffe4aa 100%);
  color: #8f2213;
  font-size: 14px;
  font-weight: 900;
}

.hero-contact-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.hero-contact-table th,
.hero-contact-table td {
  padding: 8px 10px;
  border-top: 1px solid rgba(240, 229, 206, 0.92);
  text-align: left;
  vertical-align: middle;
  font-size: 15px;
  color: #3f3428;
}

.hero-contact-table th {
  width: 114px;
  color: #a12d18;
  font-weight: 800;
  background: rgba(255, 248, 233, 0.74);
  text-align: center;
  vertical-align: middle;
}

.hero-agent-cell {
  text-align: center !important;
  vertical-align: middle !important;
}

.hero-contact-tips {
  margin-top: 12px;
  padding: 9px 12px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff6e7 0%, #fff0d5 100%);
  border: 1px solid rgba(236, 219, 180, 0.92);
  color: #8b2b15;
  font-size: 15px;
  font-weight: 700;
}

.hero-contact-modal {
  width: min(1100px, calc(100vw - 24px));
}

.hero-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ccq-contact-agentqq {
  width: 100%;
}

.hero-contact-table .hero-agent-cell {
  padding: 12px 10px;
  text-align: center !important;
  vertical-align: middle !important;
}

.ccq-contact-agent-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ccq-contact-agent-slot {
  width: calc((100% - 72px) / 7);
  min-width: 0;
  height: auto;
  line-height: normal;
  list-style: none;
  flex: 0 0 calc((100% - 72px) / 7);
}

.ccq-contact-agent-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7f3 0%, #fff1e9 100%);
  border: 1px solid #f6ddd0;
  color: #60291f;
  text-align: left;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
  white-space: nowrap;
  overflow: hidden;
}

.ccq-contact-agent-card.is-placeholder {
  cursor: default;
}

.ccq-contact-agent-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
  vertical-align: middle;
  margin-left: 0;
}

.ccq-contact-agent-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  text-align: center;
}

.ccq-contact-agent-name {
  display: block;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  color: #60291f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ccq-contact-agent-qq {
  display: block;
  max-width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #8a4a33;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1200px) {
  .hero-contact-modal {
    width: min(1280px, calc(100vw - 20px));
  }

  .ccq-contact-agent-list {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .hero-contact-grid {
    grid-template-columns: 1fr;
  }

  .ccq-contact-agent-slot {
    width: 100%;
    flex: 0 0 100%;
  }
}

.bookmark-hint-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(12, 18, 27, 0.7);
  backdrop-filter: blur(5px);
  z-index: 10000;
}

.bookmark-hint-modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  max-width: calc(100vw - 24px);
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, #fffdfa 0%, #fff5e7 100%);
  border: 1px solid rgba(225, 186, 122, 0.9);
  box-shadow: 0 28px 70px rgba(12, 18, 27, 0.34);
  z-index: 10001;
}

.bookmark-hint-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  background: linear-gradient(180deg, #bf1217 0%, #eb341f 100%);
  color: #fff6db;
}

.bookmark-hint-title {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
}

.bookmark-hint-subtitle {
  margin-top: 5px;
  font-size: 11px;
  letter-spacing: 1px;
  color: rgba(255, 246, 219, 0.82);
}

.bookmark-hint-close {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  cursor: pointer;
}

.bookmark-hint-body {
  padding: 20px 22px 22px;
}

.bookmark-hint-hero {
  padding: 16px 18px;
  border-radius: 18px;
  background: radial-gradient(circle at top right, rgba(255, 199, 97, 0.26), transparent 34%), linear-gradient(180deg, #fff6df 0%, #fff0ce 100%);
  border: 1px solid rgba(235, 202, 140, 0.94);
}

.bookmark-hint-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffcc6a 0%, #f6a531 100%);
  color: #7a220f;
  font-size: 12px;
  font-weight: 800;
}

.bookmark-hint-summary {
  margin-top: 12px;
  color: #5f3420;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 700;
}

.bookmark-hint-steps {
  margin-top: 18px;
}

.bookmark-hint-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(235, 222, 196, 0.86);
}

.bookmark-hint-step:last-child {
  border-bottom: none;
}

.bookmark-hint-step-num {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(180deg, #d83d27 0%, #a91317 100%);
  color: #fff4d8;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(169, 19, 23, 0.18);
}

.bookmark-hint-step-text {
  flex: 1;
  color: #5a402d;
  font-size: 14px;
  line-height: 1.8;
}

.bookmark-hint-step-text strong {
  color: #c62f18;
  font-weight: 900;
}

.bookmark-hint-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

.bookmark-hint-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 124px;
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.bookmark-hint-btn:hover {
  transform: translateY(-1px);
}

.bookmark-hint-btn.ghost {
  color: #944023;
  background: linear-gradient(180deg, #fff8eb 0%, #ffecc9 100%);
  border: 1px solid rgba(232, 197, 137, 0.92);
  box-shadow: 0 8px 18px rgba(145, 90, 28, 0.08);
}

.bookmark-hint-btn.primary {
  color: #fff5df;
  background: linear-gradient(180deg, #ff6b4b 0%, #db2317 100%);
  border: 1px solid rgba(182, 20, 19, 0.92);
  box-shadow: 0 14px 28px rgba(208, 34, 25, 0.2);
}

.top>.search,
.top>.commonContent,
.top>.bx_listContainer,
.top>.bx_check-head,
.top>.agentqq,
.top>.indexCommonTitle,
.top>.commonTable,
.top>.bx_currentTimeList,
.top>.newContent,
.top>.advRankList,
.top>.currentTimeList,
.top>.accurateSearchList,
.top>.advRankListLook {
  border-radius: 18px;
  overflow: hidden;
}

.top>.search,
.top>.commonContent,
.top>.bx_listContainer,
.top>.bx_check-head,
.top>.agentqq,
.top>.indexCommonTitle,
.top>.commonTable,
.top>.bx_currentTimeList,
.top>.newContent,
.top>.advRankList,
.top>.currentTimeList,
.top>.accurateSearchList,
.top>.advRankListLook {
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.top>.commonContent,
.top>.bx_listContainer,
.top>.bx_check-head,
.top>.agentqq,
.top>.indexCommonTitle,
.top>.commonTable,
.top>.bx_currentTimeList,
.top>.newContent,
.top>.advRankList,
.top>.currentTimeList,
.top>.accurateSearchList,
.top>.advRankListLook {
  margin-top: 14px;
}

/* .top>.search,
.top>.commonContent,
.top>.bx_listContainer,
.top>.bx_check-head,
.top>.agentqq,
.top>.newContent,
.top>.advRankList,
.top>.currentTimeList,
.top>.accurateSearchList,
.top>.advRankListLook {
  border: 1px solid #eceff5;
} */

.top .commonTitle {
  padding: 0 24px;
  line-height: 62px;
  background: #fff;
  border-bottom: 1px solid #eceff5;
}

.top .commonTitle div {
  font-size: 18px;
}

.top .commonContent {
  padding: 0 0 26px;
  border-top: none;
}

.top .commonContent>.commonTitle:first-child,
.top .currentTimeList>.commonTitle:first-child,
.top .advRankListLook>.commonTitle:first-child {
  margin-top: 0;
}

.top .commonContent>*:not(.commonTitle),
.top .currentTimeList>*:not(.commonTitle),
.top .advRankListLook>*:not(.commonTitle),
.top .bx_currentTimeList>*:not(.commonTitle),
.top .agentqq>*:not(.title) {
  margin-left: 24px;
  margin-right: 24px;
}

.top .commonTable,
.top .table.commonTable {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eceff5;
  box-shadow: none;
  background: #fff;
}

.top .bx_listContainer,
.top .bx_currentTimeList,
.top .currentTimeList,
.top .accurateSearchList,
.top .advRankListLook,
.top .newContent,
.top .agentqq,
.top .advRankList {
  padding-bottom: 22px;
}

body {
  background:
    radial-gradient(circle at 50% 0, rgba(255, 247, 232, 0.96) 0, rgba(255, 244, 224, 0.88) 180px, rgba(250, 247, 241, 0.68) 360px, rgba(245, 245, 245, 0) 620px),
    linear-gradient(180deg, #f7efe5 0, #f7f4ee 220px, #f5f5f5 460px, #f5f5f5 100%);
  background-repeat: no-repeat;
  background-color: #f5f5f5;
}

.header {
  position: relative;
  overflow: hidden;
}

.header:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 110px;
  background:
    linear-gradient(180deg, rgba(248, 243, 235, 0) 0%, rgba(248, 243, 235, 0) 72%, rgba(246, 242, 237, 0.16) 88%, rgba(245, 245, 245, 0.38) 96%, #f5f5f5 100%);
  pointer-events: none;
}

.header:before {
  display: none;
}

.content {
  position: relative;
  z-index: 4;
}

.footer {
  margin: 30px auto 0;
  background: #1f1f24;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 20px;
}

.footer .link {
  border-bottom: 1px solid #36363a;
  padding-bottom: 30px;
  text-align: center;
}

.footer .link a {
  color: #fff;
  margin-right: 28px;
}

.footer .link a:last-child {
  margin-right: 0;
}

.footer .link a:last-child em {
  display: none;
}

.footer .link a em {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #fff;
  vertical-align: -2.5px;
  margin-left: 28px;
}

.footer .text {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
  font-size: 12px;
  text-align: center;
}

.footer .text a {
  color: inherit;
}

.footer .p1 {
  text-align: center;
  margin-top: 28px;
}

.footer .p1 span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.footer .p1 em {
  color: rgba(193, 193, 193, 0.8);
}

.footer .p2 {
  text-align: center;
  margin: 18px 0;
}

.footer .p2>* {
  display: inline-block;
  vertical-align: middle;
}

.footer .p2 .frendlink-tit {
  font-size: 14px;
  color: rgba(193, 193, 193, 0.8);
}

.footer .p2 .frendlink-tit .icon-frendlink {
  vertical-align: -3px;
}

.footer .p2>div a {
  position: relative;
  font-size: 14px;
  color: rgba(193, 193, 193, 0.8);
  margin: 0 20px;
}

/*.footer .p2 > div a::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 1px;*/
/*  height: 10px;*/
/*  background: #33333C;*/
/*  right: -20px;*/
/*  top: 5px; }*/
.footer .p2 .friendlink-apply {
  display: inline-block;
  width: 100px;
  height: 24px;
  margin-left: 30px;
  background: #42424B;
  border-radius: 12px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.commonTitle {
  line-height: 60px;
}

.commonTitle span {
  display: inline-block;
  width: 4px;
  height: 22px;
  background: #e13b3b;
  vertical-align: -5px;
}

.commonTitle div {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

.commonContent {
  border-top: 2px solid #e13b3b;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 30px;
}

.adv {
  margin: 20px 0;
}

.adv a {
  float: left;
  width: 294px;
  height: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 8px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 6px rgba(135, 135, 135, 0.2);
  box-shadow: 0 2px 6px rgba(135, 135, 135, 0.2);
  box-sizing: border-box;
  border: 1px solid #ee8484;
}

.adv a:nth-child(4n) {
  margin-right: 0;
}

.adv a:nth-last-child(1),
.adv a:nth-last-child(2),
.adv a:nth-last-child(3),
.adv a:nth-last-child(4) {
  margin-bottom: 0;
}

.adv a img {
  display: block;
  width: 100%;
  height: 100%;
}

.commonTable {
  width: 100%;
  background: #fff;
}

.commonTable .th {
  font-weight: bold;
}

.commonTable .td {
  font-size: 12px;
  color: #888;
}

.commonTable .td a {
  color: inherit;
}

.commonTable .td a:hover {
  text-decoration: underline;
}

.commonTable td {
  line-height: 36px;
  text-align: center;
  border: 1px solid #dddddd;
  border-top: none;
  border-left: none;
}

.commonTable td .blueA {
  display: inline-block;
  width: 78px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #1aace9;
  border-radius: 4px;
}

.commonTable td .mixA {
  display: inline-block;
  width: 78px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background: #a112c3;
}

.commonTable td .mixA.bgred {
  background: #e13b3b;
}

.commonTable td .mixA.bgviolet {
  background: #a112c3;
}

.commonTable td .mixA.bgyellow {
  background: #e47c00;
}

.commonTable td .mixA.bgyellow1 {
  background: #ffd737;
  color: #333;
}

.commonTable td .mixA.bgblue {
  background: #008ca9;
}

.commonTable td .mixA.bgorg {
  background: orange;
}

.agentqq {
  /*  border-top: 2px solid #e13b3b;*/
  background: #fff;
  text-align: center;
  margin-top: 10px;
}

.agentqq .title {
  padding: 8px 0;
  font-weight: bold;
}

.agentqq ul {
  border-top: 1px solid #dddddd;
}

.agentqq li {
  width: 20%;
  float: left;
  height: 36px;
  line-height: 36px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.agentqq li:nth-child(5n) {
  border-right: none;
}

.agentqq li a {
  display: block;
  width: 80%;
  height: 100%;
}

.agentqq li img {
  vertical-align: -3px;
}

.tdHover .tdHoverFlag {
  position: absolute;
}

.tdHover .tdHoverP {
  display: inline-block;
  cursor: pointer;
  line-height: initial;
  color: inherit;
}

.tdHover .tdHoverP.active {
  color: #e13b3b;
}

.tdHover .tdHoverP.active .tdHoverSpan {
  color: #333;
}

.tdHover .tdHoverP .tdHoverSpan {
  display: none;
  position: absolute;
  background: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 0 14px rgba(67, 90, 142, 0.2);
  box-shadow: 0 0 14px rgba(67, 90, 142, 0.2);
  z-index: 5;
  border-radius: 6px;
  border: 1px solid #dddddd;
  line-height: initial;
}

.tdHover .tdHoverP .tdHoverSpan em {
  display: block;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #dddddd transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -10px;
  /* 三角形居中显示 */
}

.tdHover .tdHoverP .tdHoverSpan em i {
  display: block;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: -10px;
  left: 1px;
}

.tdHoverBar .echartsBar {
  display: none;
  -webkit-box-shadow: 0 0 37px rgba(0, 0, 0, 0.27);
  box-shadow: 0 0 37px rgba(0, 0, 0, 0.27);
  border-radius: 8px;
  position: absolute;
  background: #f3f3f3;
  z-index: 10;
}

.tdHoverBar .echartsBar.left:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 12px;
  border-color: transparent #F3F3F3 transparent transparent;
  border-style: solid;
  position: absolute;
  top: 20px;
  left: -24px;
  -webkit-filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.27));
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.27));
}

.tdHoverBar .echartsBar.right:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 12px;
  border-color: transparent transparent transparent #F3F3F3;
  border-style: solid;
  position: absolute;
  top: 20px;
  right: -24px;
  -webkit-filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.27));
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.27));
}

.redpacket-skin {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.Redpacket-Modal {
  display: none;
  position: relative;
  height: 530px;
  background: url(../images/redpacket-bg.png) no-repeat center;
  overflow: hidden;
}

.Redpacket-Modal .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.Redpacket-Modal .ewm {
  width: 240px;
  height: 240px;
  margin: 126px auto 0;
}

.Redpacket-Modal .ewm img {
  width: 100%;
  height: 100%;
}

.modal {
  display: none;
  border-radius: 6px;
}

.contactModal {
  width: 390px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 23px 20px;
}

.contactModal .modalTitle {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #e13b3b;
  padding-bottom: 10px;
  border-bottom: 3px solid #e13b3b;
  margin-bottom: 2px;
}

.contactModal .modalContent li {
  padding: 11px 0 15px;
  border-bottom: 1px solid #dddddd;
}

.contactModal .modalContent li .p1 {
  font-size: 22px;
  margin-bottom: 7px;
}

.contactModal .modalContent li .p2 {
  font-size: 16px;
  color: #999;
}

.contactModal .modalContent li .rt {
  width: 44px;
  height: 44px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
  margin-top: 10px;
}

.contactModal .modalContent .tips {
  font-size: 16px;
  color: #888;
  padding-top: 10px;
  line-height: 1.8;
}

.contactModal .modalContent .tips span {
  color: #666;
}

.purchaseModal {
  width: 470px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 23px 20px;
}

.purchaseModal .modalTitle {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #e13b3b;
  padding-bottom: 10px;
  border-bottom: 3px solid #e13b3b;
  margin-bottom: 2px;
}

.purchaseModal .modalContent li {
  padding: 11px 0 15px;
  border-bottom: 1px solid #dddddd;
}

.purchaseModal .modalContent li .p1 {
  font-size: 22px;
  margin-bottom: 7px;
}

.purchaseModal .modalContent li .p2 {
  font-size: 16px;
  color: #999;
}

.purchaseModal .modalContent li .rt {
  width: 44px;
  height: 44px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
  margin-top: 10px;
}

.purchaseModal .modalContent .tips {
  font-size: 16px;
  color: #888;
  padding-top: 10px;
  line-height: 1.8;
}

.purchaseModal .modalContent .tips span {
  color: #666;
}

.contactUsModal {
  background: #fff;
  width: 580px;
  border-radius: 4px;
  position: relative;
  padding-bottom: 80px;
}

.contactUsModal .modalTitle {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  line-height: 50px;
  font-size: 18px;
  color: #e13b3b;
  padding-left: 14px;
  border-bottom: 1px solid #e13b3b;
  margin-bottom: 14px;
}

.contactUsModal .icon-close {
  position: absolute;
  right: 10px;
  top: 17px;
  cursor: pointer;
}

.contactUsModal .modalContent ul {
  width: 540px;
  margin: 30px auto;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.contactUsModal .modalContent li {
  width: 33.33%;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  height: 46px;
}

.contactUsModal .modalContent li a {
  vertical-align: middle;
}

.contactUsModal .modalContent .tips {
  text-align: center;
  border-top: 1px dashed #dddddd;
  border-bottom: 1px dashed #dddddd;
  padding: 26px 0;
  font-weight: bold;
  color: #e13b3b;
}

.contactUsModal .modalContent .tips div {
  vertical-align: middle;
}

.contactUsModal .modalContent .bottom {
  text-align: right;
  padding: 20px 20px 0;
}

.contactUsModal .modalContent .bottom a {
  vertical-align: middle;
  margin-left: 6px;
}

.queryLinkModal {
  background: #fff;
  width: 640px;
  border-radius: 4px;
  position: relative;
  padding-bottom: 30px;
}

.queryLinkModal .modalTitle {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  line-height: 50px;
  font-size: 18px;
  color: #e13b3b;
  padding-left: 14px;
  border-bottom: 1px solid #e13b3b;
  margin-bottom: 14px;
}

.queryLinkModal .modalContent {
  width: 640px;
  height: 380px;
  overflow: hidden;
}

.queryLinkModal .modalContent>div:first-child {
  width: 640px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 14px;
  overflow: auto;
}

.queryLinkModal .modalContent a {
  float: left;
  display: block;
  padding: 0 10px;
  line-height: 30px;
  background: #dedede;
  border-radius: 4px;
  margin-right: 14px;
  margin-bottom: 14px;
  cursor: pointer;
}

.queryLinkModal .modalContent a:hover {
  background: #e13b3b;
  color: #fff;
}

.queryLinkModal .icon-close {
  position: absolute;
  right: 10px;
  top: 17px;
  cursor: pointer;
}

.queryLinkModal .zUIpanelScrollBox,
.queryLinkModal .zUIpanelScrollBar {
  width: 8px;
  top: 4px;
  right: 2px;
}

.queryLinkModal .zUIpanelScrollBox {
  background: #e5e5e5;
  height: 182px;
}

.queryLinkModal .zUIpanelScrollBar {
  background: #e13b3b;
  height: 380px;
}

.changePhotoModal .titleBar {
  position: relative;
  height: 30px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  background: #e8edf5;
}

.changePhotoModal .titleBar .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 30px;
  cursor: pointer;
}

.changePhotoModal .titleBar .closeBtn span {
  display: block;
  margin-top: 8px;
  margin-left: 10px;
}

.changePhotoModal .cutPhotoContent {
  padding: 7px 15px 20px;
  background: #fff;
}

.changePhotoModal .cutPhotoContent .uploadBtn {
  margin-bottom: 7px;
}

.changePhotoModal .cutPhotoContent .uploadBtn label {
  display: block;
  width: 128px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  text-align: center;
  cursor: pointer;
}

.changePhotoModal .cutPhotoContent .uploadBtn label span {
  display: inline-block;
  margin-right: 6px;
  vertical-align: -2px;
}

.changePhotoModal .cutPhotoContent .uploadBtn input {
  display: none;
  visibility: hidden;
}

.changePhotoModal .cutPhotoContent .imageBox {
  position: relative;
  width: 420px;
  height: 420px;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
}

.changePhotoModal .cutPhotoContent .imageBox .thumbBox {
  position: absolute;
  top: 35px;
  left: 35px;
  width: 350px;
  height: 350px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

.changePhotoModal .cutPhotoContent .imageBox .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

.changePhotoModal .cutPhotoAction {
  padding: 7px 0;
  background: #e8edf5;
  text-align: right;
  font-size: 0;
}

.changePhotoModal .cutPhotoAction button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 72px;
  height: 23px;
  margin-right: 10px;
  font-size: 14px;
  border: none;
  outline: none;
  cursor: pointer;
}

.changePhotoModal .cutPhotoAction button.sure {
  color: #fff;
  background: #e13b3b;
}

.changePhotoModal .cutPhotoAction button.cancel {
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
}

.advPKModal {
  display: none;
  width: 860px;
  height: 770px;
  background: #f0f0f0;
  overflow: hidden;
}

.advPKModal .inner {
  width: 670px;
  height: 589px;
  margin: 60px auto 0;
  background: url(../images/pkbg.png) no-repeat;
  position: relative;
  overflow: hidden;
}

.advPKModal .icon-download {
  display: block;
  cursor: pointer;
  margin: 26px auto 0;
}

.advPKModal .qrcode {
  position: absolute;
  right: 2px;
  bottom: 2px;
}

.advPKModal .date {
  font-size: 13px;
  color: #666;
  position: absolute;
  left: 9px;
  bottom: 8px;
}

.advPKModal .th {
  width: 670px;
  color: #4a1a06;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  line-height: 34px;
  text-align: center;
  margin: 99px auto 10px;
}

.advPKModal .th li {
  float: left;
  width: 50%;
}

.advPKModal .table {
  height: 289px;
  width: 502px;
  position: relative;
  margin: 0 auto;
}

.advPKModal .table .tableInner {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  font-size: 13px;
  color: #fff;
}

.advPKModal .table .tableInner>* {
  float: left;
}

.advPKModal .table .tableInner ul {
  overflow: hidden;
}

.advPKModal .table .tableInner li {
  float: left;
  width: 80px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.advPKModal .table .tableInner .left ul,
.advPKModal .table .tableInner .right ul {
  background: url(../images/tt1.png) no-repeat center center;
}

.advPKModal .table .tableInner .left li.active,
.advPKModal .table .tableInner .right li.active {
  color: #e13b3b;
  font-weight: bold;
}

.advPKModal .table .tableInner .left li:first-child,
.advPKModal .table .tableInner .right li:first-child {
  width: 85px;
  text-align: right;
  padding-right: 10px;
}

.advPKModal .table .tableInner .center li {
  color: #c2955d;
  width: 172px;
  text-align: center;
  font-weight: bold;
}

.advPKModal .p1 {
  margin: 20px auto 5px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.advPKModal .p1 span {
  color: #ce935c;
  margin: 0 3px;
}

.advPKModal .p1 em {
  color: #c3975e;
  font-weight: bold;
  margin: 0 3px;
}

.advPKModal .p2 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #c49860;
}

.avatars-modal {
  display: none;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 64px 0;
  border-radius: 4px;
  background: #fff;
}

.avatars-modal .close-btn {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.avatars-modal .modal-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #333;
}

.avatars-modal .avatar-list {
  margin-top: 55px;
  margin-right: -55px;
}

.avatars-modal .avatar-list input[type="radio"] {
  display: none;
}

.avatars-modal .avatar-list input[type="radio"]:checked+label {
  border: 5px solid #e13b3b;
}

.avatars-modal .avatar-list label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 110px;
  height: 110px;
  margin-right: 55px;
  margin-bottom: 55px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.avatars-modal .avatar-list label img {
  display: block;
  width: 100%;
  height: 100%;
}

.avatars-modal .btns {
  font-size: 0;
  text-align: center;
}

.avatars-modal .btns button {
  width: 134px;
  height: 48px;
  border-radius: 4px;
  outline: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.avatars-modal .btns .confirm {
  margin-right: 64px;
  color: #fff;
  background: #e13b3b;
}

.avatars-modal .btns .cancel {
  border: 1px solid #dddddd;
  background: #F5F5F5;
  color: #999;
}

.blackTipsModal {
  padding: 35px 0 25px;
}

.blackTipsModal i {
  display: block;
  margin: auto;
}

.blackTipsModal span {
  display: block;
  margin: 30px 0 40px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.blackTipsModal button {
  display: block;
  width: 118px;
  height: 32px;
  margin: auto;
  border: none;
  outline: none;
  background: #458FFF;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.pagination {
  text-align: center;
  font-size: 0;
}

.pagination ul {
  display: inline-block;
}

.pagination ul li {
  float: left;
  width: 30px;
  height: 28px;
  margin: 0 5px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #333;
  border: 1px solid #dddddd;
  cursor: pointer;
  background: #fff;
}

.pagination ul li:hover {
  background: #eef9ff;
  color: #333;
}

.pagination ul li.omit {
  margin: 0;
  width: 22px;
  border: none;
  background: transparent;
}

.pagination ul li.active {
  background: #eef9ff;
  color: #333;
}

.pagination ul li.turn {
  width: auto;
  padding: 0 6px;
  background: transparent;
}

.pagination ul li.turn input {
  width: 28px;
  height: 18px;
  vertical-align: 2px;
  border: 1px solid #dddddd;
  text-align: center;
}

.formBox {
  display: none;
  width: 360px;
  background: #fff;
  padding: 35px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.formBox .title {
  font-size: 18px;
  margin-bottom: 20px;
}

.formBox .commonInput {
  margin-bottom: 16px;
}

.formBox .commonInput input {
  font-size: 16px;
  width: 320px;
  height: 40px;
  border: 1px solid #CCC;
  text-indent: 10px;
}

.formBox .getVcode {
  overflow: hidden;
}

.formBox .getVcode input {
  width: 210px;
  float: left;
}

.formBox .getVcode button {
  width: 100px;
  height: 42px;
  background: #c4c9cb;
  font-size: 16px;
  border: none;
  color: #fff;
  float: right;
  cursor: pointer;
}

.formBox .getVcode .imgVcode {
  width: 100px;
  height: 42px;
  float: right;
  cursor: pointer;
}

.formBox .submit {
  width: 320px;
  line-height: 40px;
  text-align: center;
  margin: 24px auto 16px;
  font-size: 18px;
  color: #fff;
  background: #e13b3b;
  cursor: pointer;
}

.formBox .text1 {
  text-align: right;
  font-size: 16px;
  color: #888;
}

.formBox .text1 a {
  color: #e13b3b;
  cursor: pointer;
}

.formBox .text2 {
  font-size: 16px;
  color: #666;
}

.formBox .text2 a {
  cursor: pointer;
}

.formBox .text2 a:first-child {
  float: left;
}

.formBox .text2 a:last-child {
  float: right;
}

.formBox .errorMsg {
  position: absolute;
  bottom: 104px;
  left: 20px;
  color: #ff6600;
  font-size: 14px;
  line-height: 40px;
  margin-left: 8px;
}

.formBox .Validform_right {
  color: #71b83d;
}

.formBox .personCommonInput {
  margin-bottom: 18px;
}

.formBox .personCommonInput>ul li {
  float: left;
}

.formBox .touxiang .pic {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  border: 1px solid #dddddd;
  overflow: hidden;
}

.formBox .touxiang .pic img {
  display: block;
  width: 100%;
  height: 100%;
}

.formBox .touxiang .upload {
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom;
  font-size: 16px;
  color: #fff;
  background: #e13b3b;
  width: 94px;
  line-height: 34px;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-radius: 6px;
}

.formBox .touxiang .upload input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.formBox .otherLogin {
  margin-bottom: -15px;
}

.formBox .otherLogin .text {
  font-size: 0;
  margin: 20px auto;
}

.formBox .otherLogin .text>* {
  display: inline-block;
  vertical-align: middle;
}

.formBox .otherLogin .text span {
  font-size: 16px;
  color: #999;
  margin: 0 18px;
}

.formBox .otherLogin .text .line {
  width: 94px;
  height: 1px;
  background: #cccccc;
}

.formBox .otherLogin .link {
  font-size: 0;
  text-align: center;
}

.formBox .otherLogin .link>* {
  display: inline-block;
  vertical-align: middle;
}

.formBox .otherLogin .link>*:first-child {
  margin-right: 60px;
}

.formBox .otherLogin .link p {
  color: #999;
  font-size: 14px;
  margin-top: 5px;
}

.owcs .owcs-modal1 {
  position: fixed;
  z-index: 999;
  right: 40px;
  top: 280px;
  width: 120px;
  -webkit-transition: left 1.5s, right 1.5s;
  transition: left 1.5s, right 1.5s;
}

.owcs .owcs-modal1 .ows-close {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 120px;
  height: 20px;
  background: url(../images/ows-close.png) no-repeat center;
  cursor: pointer;
}

.owcs .owcs-modal1.right {
  right: -240px !important;
  -webkit-transition: right 1.5s;
  transition: right 1.5s;
}

.owcs .owcs-modal1.left {
  left: -240px !important;
  -webkit-transition: left 1.5s;
  transition: left 1.5s;
}

.owcs .owcs-modal1 img {
  display: block;
  width: 100%;
}

.owcs .owcs-modal1 .btn {
  position: relative;
  z-index: 10;
  display: block;
  width: 50%;
  margin: 0 auto;
  cursor: pointer;
}

.owcs .owcs-modal2 {
  top: 280px;
  left: 20px;
}

body {
  background-color: #f6f6f6;
}

.layui-layer-shade {
  opacity: .5 !important;
}

.layui-layer-setwin {
  right: 10px !important;
  top: 17px !important;
}

.layui-layer-setwin .layui-layer-close2 {
  background: url(../images/close.png) no-repeat !important;
  width: 16px !important;
  height: 16px !important;
  right: 0 !important;
  top: 0 !important;
}

.loading {
  text-align: center;
  padding: 20px 0;
}

.l-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1119891015;
}

.l-loading .hide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
}

.l-loading .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.l-loading .text img {
  display: block;
  margin: 0 auto;
}

.l-loading .text p {
  text-align: center;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #fff;
}

@media screen and (min-width:1000px) and (max-width: 1200px) {
  .header {
    background: url(../images/bg.gif) no-repeat center top;
    height: 500px;
    font-size: 100%;
    width: 100%;
    /* background-size: 100% auto; */
  }
}


/*     @media screen and (max-width: 1600px) {*/
/*.header {*/
/*	height: 260px;*/
/*	background: url(../images/bg.gif) no-repeat center top;*/
/*	background-size: 100% auto;*/
/*}*/
/*}*/

@media screen and (min-width:320px) and (max-width:960px) {
  .header {
    height: 500px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:1280px) and (max-width: 1366px) {
  .header {
    height: 500px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}


@media screen and (min-width:1380px) and (max-width:1600px) {
  .header {
    height: 500px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:1680px) and (max-width:1900px) {
  .header {
    height: 500px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:1910px) and (max-width:1920px) {
  .header {
    height: 540px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:1930px) and (max-width:2260px) {
  .header {
    height: 560px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:2270px) and (max-width:2560px) {
  .header {
    height: 620px;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% auto; */
  }
}

@media screen and (min-width:2580px) {
  .header {
    background: url(../images/bg.gif) no-repeat center top;

  }
}

/* Lock the hero art crop so ultra-wide screens do not push the nav into the banner text. */
.header {
  height: 500px;
  background-size: 1911px 541px;
}

.container {
  width: 1300px;
}

html,
body {
  min-width: 1300px;
}

.content>.container>.top {
  width: 1300px;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  z-index: 3;
  isolation: isolate;
}

/* .content>.container>.top:before {
  content: "";
  position: absolute;
  left: -120px;
  right: -120px;
  top: -12px;
  height: 72px;
  background: linear-gradient(180deg, rgba(248, 243, 235, 0.08) 0%, rgba(248, 243, 235, 0.03) 40%, rgba(248, 243, 235, 0) 100%);
  pointer-events: none;
  z-index: -1;
} */



.top .navc {
  margin-bottom: 16px;
  overflow: visible;
}

.top .nav {
  gap: 10px;
  padding: 12px;
}

.top .nav a {
  height: 56px;
}

.top .nav a p:first-child {
  font-size: 15px;
}

.hero-contact-entry {
  right: 20px;
  top: -58px;
}

.top>*:not(.navc):first-child {
  margin-top: 0 !important;
}

.top .search,
.top .searchLegacyNotice,
.top .swrapbox,
.top .tipinfo,
.top .bx_check-head,
.top .bx_listContainer,
.top .commonContent,
.top .agentqq {
  /* border-radius: 18px; */
  overflow: hidden;
  /* border: 1px solid #eceff5; */
  /* box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08); */
  background: #fff;
}

.top .swrapbox,
.top .tipinfo {
  margin-top: -8px !important;
}

.top .swrapbox {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.top .tipinfo {
  padding: 18px 0 !important;
  margin-bottom: 14px !important;
}

.top .filterNew {
  background: #fff;
  border: 1px solid #eceff5;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.top .filterNew>span,
.top .searchLegacyLabel,
.top .bx_filnew>span {
  color: #e13b3b !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 34px !important;
}

.top .filterNew a,
.top .searchLegacyTags a,
.top .bx_filnew>div a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  height: 32px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #e3e7ef !important;
  background: #f7f9fc !important;
  color: #5b6472 !important;
  font-size: 13px !important;
  line-height: 32px !important;
  box-sizing: border-box;
  transition: all .15s ease;
}

.top .filterNew a:hover,
.top .filterNew a.active,
.top .searchLegacyTags a:hover,
.top .bx_filnew>div a:hover,
.top .bx_filnew>div a.active {
  background: #fff4f4 !important;
  border-color: #ffcaca !important;
  color: #e13b3b !important;
}

.top .searchLegacyNotice,
.top .indexCommonTitle,
.top .tipinfo {
  background: #fff;
  /* border: 1px solid #eceff5; */
  border-radius: 18px;
  /* box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08); */
}

.top .searchLegacyNoticeText,
.top .indexCommonTitle .center,
.top .tipinfo .tiptxt {
  font-size: 13px;
  line-height: 1.75;
}

.top .bx_check-head,
.top .bx_listContainer,
.top .commonContent,
.top .agentqq {
  margin-top: -8px !important;
}

.container>.listContainer,
.container>.check-table,
.container>.bx_currentTimeList,
.container>.bx_listContainer,
span.listContainer {
  display: block;
  margin-top: 14px;
}

.container>.check-table,
.container>.bx_currentTimeList,
.container>.bx_listContainer,
.container>.listContainer>.currentTimeList,
.container>.listContainer>.accurateSearchList,
.container>.listContainer>.advRankList,
.container>.listContainer>.advRankListLook,
.container>.listContainer>.bx_ranklist,
.container>.listContainer>.bx_ranklist2 {
  background: #fff;
  border: 1px solid #eceff5;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.container>.check-table,
.container>.bx_currentTimeList,
.container>.bx_listContainer {
  padding-bottom: 22px;
}

.container>.listContainer>.currentTimeList,
.container>.listContainer>.accurateSearchList,
.container>.listContainer>.advRankList,
.container>.listContainer>.advRankListLook,
.container>.listContainer>.bx_ranklist,
.container>.listContainer>.bx_ranklist2 {
  margin-top: 14px;
}

.container>.listContainer>.currentTimeList:first-child,
.container>.listContainer>.accurateSearchList:first-child,
.container>.listContainer>.advRankList:first-child,
.container>.listContainer>.advRankListLook:first-child,
.container>.listContainer>.bx_ranklist:first-child,
.container>.listContainer>.bx_ranklist2:first-child {
  margin-top: 0;
}

/* Keep nav in the exact same vertical position across all top-level pages. */
.top.home-top .navc,
.top.adlist-top .navc,
.top .navc {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.top.home-top .nav,
.top.adlist-top .nav,
.top .nav {
  gap: 12px !important;
  padding: 10px 12px !important;
}

.top.home-top .nav a,
.top.adlist-top .nav a,
.top .nav a {
  height: 52px !important;
}

.top.home-top .nav a p:first-child,
.top.adlist-top .nav a p:first-child,
.top .nav a p:first-child {
  font-size: 15px !important;
}

.top.home-top .nav a p:nth-child(2),
.top.adlist-top .nav a p:nth-child(2),
.top .nav a p:nth-child(2) {
  margin-top: 6px !important;
  font-size: 9px !important;
}

.top.home-top>*:not(.navc):first-child,
.top.adlist-top>*:not(.navc):first-child,
.top>*:not(.navc):first-child {
  margin-top: 0 !important;
}

.swal-wide {
  border-radius: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.swal-wide h2 {
  display: none !important;
}

.swal-wide .swal2-content {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.swal-wide .swal2-actions {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.swal-wide .swal2-styled {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 20px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.swal2-overlay {
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.swal2-overlay[style*="display: block"],
.swal2-overlay[style*="display:block"] {
  display: flex !important;
}

.swal2-modal.swal-wide {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
}

.swal2-modal.swal-wide .swal2-content {
  max-height: calc(100vh - 88px) !important;
  overflow: auto !important;
}

.rank-bang-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 28px;
}

.rank-bang-tag {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: none;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../images/bang.gif") no-repeat center center;
  background-size: 34px 34px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.td:hover .rank-bang-tag,
tr:hover .rank-bang-tag {
  display: block;
}

.td:hover .rank-bang-tag+.rank-num,
tr:hover .rank-bang-tag+.rank-num {
  visibility: hidden;
}

.rank-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.ccq-rank-modal-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
}

.ccq-rank-modal-shell {
  max-width: calc(100vw - 36px);
  max-height: calc(100vh - 36px);
  overflow: auto;
  border-radius: 18px;
  background: #fff;
}

.ccq-modal {
  background: #fff;
  text-align: left;
}

.ccq-modal-head {
  position: relative;
  height: 52px;
  line-height: 52px;
  padding: 0 54px 0 22px;
  border-bottom: 1px solid #e8e8e8;
  color: #222;
  font-size: 14px;
  font-weight: 700;
}

.ccq-modal-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ccq-modal-close {
  position: absolute;
  top: 0;
  right: 16px;
  width: 28px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #4f5561;
  font-size: 28px;
  font-weight: 400;
  text-decoration: none;
}

.ccq-modal-close:hover {
  color: #222;
}

.ccq-modal-body-ten {
  padding: 26px 18px 18px;
}

.ccq-ten-table-wrap {
  border: 1px solid #d8d8d8;
  border-bottom: none;
}

.ccq-ten-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.ccq-ten-table th {
  height: 38px;
  background: #df3f39;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.55);
}

.ccq-ten-table th:last-child {
  border-right: none;
}

.ccq-ten-summary {
  padding: 16px 0 8px;
  text-align: center;
  color: #333;
  font-size: 12px;
}

.ccq-ten-summary span {
  color: #f02222;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  vertical-align: -4px;
}

.ccq-modal-body-game {
  padding: 18px 18px 16px;
}

.ccq-game-topbar {
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  background: #d83d3d;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.ccq-game-table-wrap {
  max-height: 620px;
  overflow: auto;
  border: 1px solid #dbe3ef;
  border-top: none;
  background: #fff;
}

.ccq-game-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

.ccq-game-table th {
  height: 40px;
  padding: 0 10px;
  background: #c4d0e6;
  color: #4e5f7b;
  font-size: 14px;
  font-weight: 700;
  border-right: 1px solid #dde5f1;
  text-align: center;
}

.ccq-game-table th:last-child {
  border-right: none;
}

.ccq-game-table td {
  height: 42px;
  padding: 0 14px;
  border-top: 1px solid #e8edf5;
  border-right: 1px solid #eef2f7;
  color: #555;
  font-size: 14px;
  line-height: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff;
}

.ccq-game-table td:last-child {
  border-right: none;
  text-align: center;
}

.ccq-game-table td a {
  color: #7a5d34;
  text-decoration: none;
}

.ccq-game-table td a:hover {
  text-decoration: none;
}

.ccq-game-table .ccq-game-amount {
  color: #8e6431;
  text-align: center;
}

.ccq-game-btn {
  display: inline-block;
  width: 66px;
  height: 24px;
  line-height: 24px !important;
  border-radius: 3px;
  background: #d94343;
  color: #fff !important;
  font-size: 12px;
  text-align: center;
}

.ccq-game-btn:hover {
  color: #fff !important;
}

.ccq-poster-wrap {
  text-align: center;
  padding: 0 10px 12px;
}

.ccq-poster-tip {
  margin-bottom: 10px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}

.ccq-poster-img {
  display: block;
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}

.ccq-float-tools {
  position: fixed;
  right: 22px;
  bottom: 34px;
  z-index: 120;
}

.ccq-backtop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 72px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fffefe 0%, #fff2f2 100%);
  border: 1px solid #ffd6d6;
  box-shadow: 0 12px 24px rgba(225, 47, 59, 0.12);
  color: #d93838;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.ccq-backtop:hover {
  color: #c62929;
}

.ccq-backtop-arrow {
  display: block;
  width: 12px;
  height: 12px;
  margin-bottom: 8px;
  border-left: 2px solid #e13b3b;
  border-top: 2px solid #e13b3b;
  transform: rotate(45deg);
}