@charset "UTF-8";
@font-face {
  font-family: 'bahnschrift';
  src: url("../font/bahnschrift.ttf") format("truetype"), url("../font/bahnschrift.woff") format("woff");
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

html {
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overflow-y: scroll;
}

body {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-overflow-scrolling: touch;
  color: #0A0C37;
  background: #fff;
  overflow-x: hidden;
}

img, input, select {
  vertical-align: middle;
  font-family: inherit;
  font-size: 100%;
}

img, fieldset {
  border: 0;
  -ms-interpolation-mode: bicubic;
  width: 100%;
}

img {
  border: 0px;
  outline-width: 0px;
  vertical-align: text-bottom;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

li, ul, dl {
  list-style: none;
  vertical-align: middle;
}

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

input {
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
}

input::-webkit-input-placeholder {
  color: #cccccc;
  font-size: .29rem;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
}

button[disabled], input[disabled] {
  cursor: default;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
  font-family: inherit;
  font-size: 100%;
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th {
  font-style: normal;
  font-weight: 500;
}

caption, th {
  text-align: left;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

i, em {
  font-style: normal;
}

b, strong, dt {
  font-weight: bold;
}

a {
  color: #666;
  text-decoration: none;
}

a, a:hover, a:active {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
}

a:focus {
  outline: 0;
}

/* Clear: */
.clear {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  clear: both;
  *zoom: 1;
  /*ie6,7*/
}

input::-webkit-input-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

input::-moz-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

input:-moz-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

input:-ms-input-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

textarea::-webkit-input-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

textarea::-moz-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

textarea:-moz-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

textarea:-ms-input-placeholder {
  color: #B8BABF;
  font-size: 16px;
}

/* 选择历史记录的文字颜色和背景颜色 */
input:-webkit-autofill {
  -webkit-animation: autofill-fix 1s infinite !important;
  /* 选择历史记录的文字颜色*/
  -webkit-text-fill-color: #666;
  -webkit-transition: background-color 50000s ease-in-out 0s !important;
  -o-transition: background-color 50000s ease-in-out 0s !important;
  -moz-transition: background-color 50000s ease-in-out 0s !important;
  transition: background-color 50000s ease-in-out 0s !important;
  background-color: transparent !important;
  background-image: none !important;
  /* 选择历史记录的背景颜色 */
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}

/**
* 溢出省略号
* @param {Number} 行数
*/
.m {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  font-size: 0;
}

.ico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/ico.png");
  background-repeat: no-repeat;
}

.ico.ico62 {
  width: 68px;
  height: 68px;
  background-position: -100px -10px;
}

.ico.ico63 {
  width: 18px;
  height: 18px;
  background-position: -450px -250px;
}

.ico.ico64 {
  width: 26px;
  height: 26px;
  background-position: -106px -292px;
}

.ico.ico64h {
  width: 26px;
  height: 26px;
  background-position: -152px -292px;
}

.ico.ico65 {
  width: 42px;
  height: 42px;
  background-position: -10px -180px;
}

.ico.ico66 {
  width: 70px;
  height: 70px;
  background-position: -10px -10px;
}

.ico.ico67 {
  width: 26px;
  height: 18px;
  background-position: -312px -250px;
}

.ico.ico68 {
  width: 26px;
  height: 18px;
  background-position: -10px -384px;
}

.ico.ico69 {
  width: 26px;
  height: 18px;
  background-position: -56px -384px;
}

.ico.ico70 {
  width: 26px;
  height: 18px;
  background-position: -102px -384px;
}

.ico.ico71 {
  width: 18px;
  height: 18px;
  background-position: -450px -288px;
}

.ico.ico72 {
  width: 14px;
  height: 2px;
  background-position: -406px -353px;
}

.ico.ico73 {
  width: 14px;
  height: 14px;
  background-position: -223px -384px;
}

.ico.ico74 {
  width: 20px;
  height: 20px;
  background-position: -450px -10px;
}

.ico.ico1 {
  width: 22px;
  height: 22px;
  background-position: -406px -229px;
}

.ico.ico1s {
  width: 18px;
  height: 18px;
  background-position: -450px -326px;
}

.ico.ico2 {
  width: 20px;
  height: 20px;
  background-position: -450px -50px;
}

.ico.ico3 {
  width: 24px;
  height: 22px;
  background-position: -406px -142px;
}

.ico.ico4 {
  width: 29px;
  height: 29px;
  background-position: -60px -242px;
}

.ico.ico5 {
  width: 32px;
  height: 32px;
  background-position: -260px -10px;
}

.ico.ico6 {
  width: 26px;
  height: 26px;
  background-position: -198px -292px;
}

.ico.ico7 {
  width: 20px;
  height: 20px;
  background-position: -450px -90px;
}

.ico.ico8 {
  width: 28px;
  height: 28px;
  background-position: -109px -242px;
}

.ico.ico9 {
  width: 32px;
  height: 32px;
  background-position: -260px -62px;
}

.ico.ico10 {
  width: 32px;
  height: 32px;
  background-position: -260px -114px;
}

.ico.ico11 {
  width: 5px;
  height: 8px;
  background-position: -384px -384px;
}

.ico.ico12 {
  width: 28px;
  height: 28px;
  background-position: -157px -242px;
}

.ico.ico12h {
  width: 28px;
  height: 28px;
  background-position: -205px -242px;
}

.ico.ico13 {
  width: 20px;
  height: 20px;
  background-position: -450px -130px;
}

.ico.ico14 {
  width: 24px;
  height: 24px;
  background-position: -360px -194px;
}

.ico.ico15 {
  width: 24px;
  height: 24px;
  background-position: -360px -238px;
}

.ico.ico16 {
  width: 21px;
  height: 21px;
  background-position: -406px -271px;
}

.ico.ico17 {
  width: 21px;
  height: 21px;
  background-position: -406px -312px;
}

.ico.ico18 {
  width: 24px;
  height: 24px;
  background-position: -360px -282px;
}

.ico.ico19 {
  width: 28px;
  height: 28px;
  background-position: -253px -242px;
}

.ico.ico20 {
  width: 28px;
  height: 28px;
  background-position: -312px -10px;
}

.ico.ico21 {
  width: 30px;
  height: 30px;
  background-position: -10px -242px;
}

.ico.ico22 {
  width: 20px;
  height: 25px;
  background-position: -406px -184px;
}

.ico.ico23 {
  width: 24px;
  height: 24px;
  background-position: -10px -340px;
}

.ico.ico24 {
  width: 24px;
  height: 24px;
  background-position: -54px -340px;
}

.ico.ico25 {
  width: 24px;
  height: 24px;
  background-position: -98px -340px;
}

.ico.ico26 {
  width: 26px;
  height: 26px;
  background-position: -244px -292px;
}

.ico.ico27 {
  width: 20px;
  height: 20px;
  background-position: -450px -170px;
}

.ico.ico27h {
  width: 20px;
  height: 20px;
  background-position: -450px -210px;
}

.ico.ico28 {
  width: 8px;
  height: 12px;
  background-position: -356px -384px;
}

.ico.ico29 {
  width: 8px;
  height: 14px;
  background-position: -10px -422px;
}

.ico.ico30 {
  width: 13px;
  height: 13px;
  background-position: -257px -384px;
}

.ico.ico31 {
  width: 13px;
  height: 13px;
  background-position: -290px -384px;
}

.ico.ico32 {
  width: 8px;
  height: 14px;
  background-position: -38px -422px;
}

.ico.ico33 {
  width: 8px;
  height: 14px;
  background-position: -66px -422px;
}

.ico.ico34 {
  width: 8px;
  height: 14px;
  background-position: -94px -422px;
}

.ico.ico35 {
  width: 32px;
  height: 32px;
  background-position: -260px -166px;
}

.ico.ico35h {
  width: 36px;
  height: 36px;
  background-position: -72px -180px;
}

.ico.ico36 {
  width: 26px;
  height: 26px;
  background-position: -290px -292px;
}

.ico.ico37 {
  width: 18px;
  height: 18px;
  background-position: -450px -364px;
}

.ico.ico38 {
  width: 17px;
  height: 16px;
  background-position: -186px -384px;
}

.ico.ico39 {
  width: 26px;
  height: 26px;
  background-position: -360px -10px;
}

.ico.ico40 {
  width: 52px;
  height: 52px;
  background-position: -188px -10px;
}

.ico.ico41 {
  width: 52px;
  height: 52px;
  background-position: -188px -82px;
}

.ico.ico42 {
  width: 60px;
  height: 60px;
  background-position: -10px -100px;
}

.ico.ico43 {
  width: 60px;
  height: 60px;
  background-position: -90px -100px;
}

.ico.ico44 {
  width: 24px;
  height: 24px;
  background-position: -142px -340px;
}

.ico.ico45 {
  width: 24px;
  height: 24px;
  background-position: -186px -340px;
}

.ico.ico46 {
  width: 28px;
  height: 28px;
  background-position: -312px -58px;
}

.ico.ico47 {
  width: 28px;
  height: 28px;
  background-position: -312px -106px;
}

.ico.ico47h {
  width: 24px;
  height: 24px;
  background-position: -230px -340px;
}

.ico.ico48 {
  width: 18px;
  height: 18px;
  background-position: -148px -384px;
}

.ico.ico49 {
  width: 13px;
  height: 13px;
  background-position: -323px -384px;
}

.ico.ico50 {
  width: 26px;
  height: 26px;
  background-position: -360px -56px;
}

.ico.ico51 {
  width: 26px;
  height: 26px;
  background-position: -360px -102px;
}

.ico.ico52 {
  width: 26px;
  height: 26px;
  background-position: -360px -148px;
}

.ico.ico53 {
  width: 24px;
  height: 24px;
  background-position: -274px -340px;
}

.ico.ico53h {
  width: 24px;
  height: 24px;
  background-position: -318px -340px;
}

.ico.ico54 {
  width: 24px;
  height: 24px;
  background-position: -362px -340px;
}

.ico.ico54h {
  width: 24px;
  height: 24px;
  background-position: -406px -10px;
}

.ico.ico55 {
  width: 24px;
  height: 24px;
  background-position: -406px -54px;
}

.ico.ico55h {
  width: 24px;
  height: 24px;
  background-position: -406px -98px;
}

.ico.ico56 {
  width: 36px;
  height: 36px;
  background-position: -128px -180px;
}

.ico.ico57 {
  width: 36px;
  height: 36px;
  background-position: -184px -180px;
}

.ico.ico58 {
  width: 28px;
  height: 28px;
  background-position: -312px -154px;
}

.ico.ico59 {
  width: 28px;
  height: 28px;
  background-position: -312px -202px;
}

.ico.ico60 {
  width: 28px;
  height: 28px;
  background-position: -10px -292px;
}

.ico.ico61 {
  width: 28px;
  height: 28px;
  background-position: -58px -292px;
}

.banico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/banico.png");
  background-repeat: no-repeat;
}

.banico.banico1 {
  width: 64px;
  height: 64px;
  background-position: -94px -10px;
}

.banico.banico2 {
  width: 64px;
  height: 64px;
  background-position: -10px -94px;
}

.banico.banico3 {
  width: 64px;
  height: 64px;
  background-position: -94px -94px;
}

.banico.banico4 {
  width: 64px;
  height: 64px;
  background-position: -10px -10px;
}

.indgj {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/indgj.png");
  background-repeat: no-repeat;
}

.indgj.ind_gj1 {
  width: 42px;
  height: 42px;
  background-position: -10px -10px;
}

.indgj.ind_gj2 {
  width: 42px;
  height: 42px;
  background-position: -72px -10px;
}

.indgj.ind_gj3 {
  width: 42px;
  height: 42px;
  background-position: -10px -72px;
}

.indgj.ind_gj4 {
  width: 42px;
  height: 42px;
  background-position: -72px -72px;
}

.indgj.ind_gj5 {
  width: 42px;
  height: 42px;
  background-position: -134px -10px;
}

.indgj.ind_gj6 {
  width: 42px;
  height: 42px;
  background-position: -134px -72px;
}

.indgj.ind_gj7 {
  width: 42px;
  height: 42px;
  background-position: -10px -134px;
}

.indgj.ind_gj8 {
  width: 42px;
  height: 42px;
  background-position: -72px -134px;
}

.faico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/faico.png");
  background-repeat: no-repeat;
}

.faico.fa1 {
  width: 72px;
  height: 72px;
  background-position: -10px -10px;
}

.faico.fa2 {
  width: 72px;
  height: 72px;
  background-position: -102px -10px;
}

.faico.fa3 {
  width: 72px;
  height: 72px;
  background-position: -10px -102px;
}

.faico.fa4 {
  width: 72px;
  height: 72px;
  background-position: -102px -102px;
}

.faico.fa5 {
  width: 72px;
  height: 72px;
  background-position: -194px -10px;
}

.faico.fa6 {
  width: 72px;
  height: 72px;
  background-position: -194px -102px;
}

.faico.fa7 {
  width: 72px;
  height: 72px;
  background-position: -10px -194px;
}

.faico.fa8 {
  width: 72px;
  height: 72px;
  background-position: -102px -194px;
}

.faico.fa9 {
  width: 72px;
  height: 72px;
  background-position: -194px -194px;
}

.faico.fa10 {
  width: 72px;
  height: 72px;
  background-position: -286px -10px;
}

.boico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/boico.png");
  background-repeat: no-repeat;
}

.boico.bo1 {
  width: 22px;
  height: 16px;
  background-position: -94px -10px;
}

.boico.bo2 {
  width: 22px;
  height: 16px;
  background-position: -94px -46px;
}

.boico.bo3 {
  width: 22px;
  height: 16px;
  background-position: -10px -82px;
}

.boico.bo4 {
  width: 22px;
  height: 16px;
  background-position: -52px -82px;
}

.boico.bo5 {
  width: 22px;
  height: 16px;
  background-position: -10px -10px;
}

.boico.bo6 {
  width: 22px;
  height: 16px;
  background-position: -52px -10px;
}

.boico.bo7 {
  width: 22px;
  height: 16px;
  background-position: -10px -46px;
}

.boico.bo8 {
  width: 22px;
  height: 16px;
  background-position: -52px -46px;
}

.wdm {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/wdm.png");
  background-repeat: no-repeat;
}

.wdm.wdm1 {
  width: 46px;
  height: 36px;
  background-position: -10px -66px;
}

.wdm.wdm2 {
  width: 46px;
  height: 36px;
  background-position: -76px -66px;
}

.wdm.wdm3 {
  width: 46px;
  height: 36px;
  background-position: -142px -10px;
}

.wdm.wdm4 {
  width: 46px;
  height: 36px;
  background-position: -142px -66px;
}

.wdm.wdm5 {
  width: 46px;
  height: 36px;
  background-position: -10px -10px;
}

.wdm.wdm6 {
  width: 46px;
  height: 36px;
  background-position: -76px -10px;
}

.wdm_auto {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/wdm_auto.png");
  background-repeat: no-repeat;
}

.wdm_auto.wdm_auto4 {
  width: 42px;
  height: 24px;
  background-position: -10px -10px;
}

.wdm_auto.wdm_auto2 {
  width: 42px;
  height: 16px;
  background-position: -10px -106px;
}

.wdm_auto.wdm_auto3 {
  width: 24px;
  height: 26px;
  background-position: -122px -58px;
}

.wdm_auto.wdm_auto1 {
  width: 30px;
  height: 30px;
  background-position: -72px -10px;
}

.wdm_auto.wdm_auto5 {
  width: 32px;
  height: 32px;
  background-position: -10px -54px;
}

.wdm_auto.wdm_auto6 {
  width: 28px;
  height: 28px;
  background-position: -122px -10px;
}

.user_ico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/user_ico.png");
  background-repeat: no-repeat;
}

.user_ico.user_ico5 {
  width: 24px;
  height: 24px;
  background-position: -10px -10px;
}

.user_ico.user_ico5h {
  width: 24px;
  height: 24px;
  background-position: -54px -10px;
}

.user_ico.user_ico1 {
  width: 24px;
  height: 24px;
  background-position: -10px -54px;
}

.user_ico.user_ico1h {
  width: 24px;
  height: 24px;
  background-position: -54px -54px;
}

.user_ico.user_ico2 {
  width: 24px;
  height: 24px;
  background-position: -98px -10px;
}

.user_ico.user_ico2h {
  width: 24px;
  height: 24px;
  background-position: -98px -54px;
}

.user_ico.user_ico3 {
  width: 24px;
  height: 24px;
  background-position: -10px -98px;
}

.user_ico.user_ico3h {
  width: 24px;
  height: 24px;
  background-position: -54px -98px;
}

.user_ico.user_ico4 {
  width: 24px;
  height: 24px;
  background-position: -98px -98px;
}

.user_ico.user_ico4h {
  width: 24px;
  height: 24px;
  background-position: -142px -10px;
}

.wxzfb {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/wxzfb.png");
  background-repeat: no-repeat;
}

.wxzfb.zfb_ico {
  width: 60px;
  height: 60px;
  background-position: -10px -10px;
}

.wxzfb.zfb_ico_min {
  width: 28px;
  height: 28px;
  background-position: -10px -90px;
}

.wxzfb.wx_ico {
  width: 60px;
  height: 60px;
  background-position: -90px -10px;
}

.wxzfb.wx_ico_min {
  width: 28px;
  height: 28px;
  background-position: -58px -90px;
}

.buy_ico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/buy_ico.png");
  background-repeat: no-repeat;
}

.buy_ico.buy_ico1 {
  width: 32px;
  height: 32px;
  background-position: -10px -10px;
}

.buy_ico.buy_ico2 {
  width: 32px;
  height: 32px;
  background-position: -62px -10px;
}

.buy_ico.buy_ico3 {
  width: 32px;
  height: 32px;
  background-position: -10px -62px;
}

.buy_ico.buy_ico4 {
  width: 32px;
  height: 32px;
  background-position: -62px -62px;
}

.gjico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/gjico.png");
  background-repeat: no-repeat;
}

.gjico.gjico1 {
  width: 32px;
  height: 24px;
  background-position: -166px -10px;
}

.gjico.gjico2 {
  width: 32px;
  height: 24px;
  background-position: -166px -54px;
}

.gjico.gjico3 {
  width: 32px;
  height: 24px;
  background-position: -166px -98px;
}

.gjico.gjico4 {
  width: 32px;
  height: 24px;
  background-position: -10px -142px;
}

.gjico.gjico5 {
  width: 32px;
  height: 24px;
  background-position: -62px -142px;
}

.gjico.gjico6 {
  width: 32px;
  height: 24px;
  background-position: -114px -142px;
}

.gjico.gjico7 {
  width: 32px;
  height: 24px;
  background-position: -166px -142px;
}

.gjico.gjico8 {
  width: 32px;
  height: 24px;
  background-position: -218px -10px;
}

.gjico.gjico9 {
  width: 32px;
  height: 24px;
  background-position: -218px -54px;
}

.gjico.gjico10 {
  width: 32px;
  height: 24px;
  background-position: -218px -98px;
}

.gjico.gjico11 {
  width: 32px;
  height: 24px;
  background-position: -218px -142px;
}

.gjico.gjico12 {
  width: 32px;
  height: 24px;
  background-position: -10px -186px;
}

.gjico.gjico13 {
  width: 32px;
  height: 24px;
  background-position: -62px -186px;
}

.gjico.gjico14 {
  width: 32px;
  height: 24px;
  background-position: -114px -186px;
}

.gjico.gjico15 {
  width: 32px;
  height: 24px;
  background-position: -166px -186px;
}

.gjico.gjico16 {
  width: 32px;
  height: 24px;
  background-position: -218px -186px;
}

.gjico.gjico17 {
  width: 32px;
  height: 24px;
  background-position: -270px -10px;
}

.gjico.gjico18 {
  width: 32px;
  height: 24px;
  background-position: -270px -54px;
}

.gjico.gjico19 {
  width: 32px;
  height: 24px;
  background-position: -270px -98px;
}

.gjico.gjico20 {
  width: 32px;
  height: 24px;
  background-position: -270px -142px;
}

.gjico.gjico21 {
  width: 32px;
  height: 24px;
  background-position: -270px -186px;
}

.gjico.gjico22 {
  width: 32px;
  height: 24px;
  background-position: -10px -10px;
}

.gjico.gjico23 {
  width: 32px;
  height: 24px;
  background-position: -62px -10px;
}

.gjico.gjico24 {
  width: 32px;
  height: 24px;
  background-position: -10px -54px;
}

.gjico.gjico25 {
  width: 32px;
  height: 24px;
  background-position: -62px -54px;
}

.gjico.gjico26 {
  width: 32px;
  height: 24px;
  background-position: -114px -10px;
}

.gjico.gjico27 {
  width: 32px;
  height: 24px;
  background-position: -114px -54px;
}

.gjico.gjico28 {
  width: 32px;
  height: 24px;
  background-position: -10px -98px;
}

.gjico.gjico29 {
  width: 32px;
  height: 24px;
  background-position: -62px -98px;
}

.gjico.gjico30 {
  width: 32px;
  height: 24px;
  background-position: -114px -98px;
}

.lxwm_is {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/lxwm_is.png");
  background-repeat: no-repeat;
}

.lxwm_is.lxwm_is1 {
  width: 68px;
  height: 68px;
  background-position: -10px -10px;
}

.lxwm_is.lxwm_is2 {
  width: 68px;
  height: 68px;
  background-position: -98px -10px;
}

.lxwm_is.lxwm_is3 {
  width: 68px;
  height: 68px;
  background-position: -10px -98px;
}

.lxwm {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/lxwm.png");
  background-repeat: no-repeat;
}

.lxwm.lxwm1 {
  width: 64px;
  height: 64px;
  background-position: -10px -10px;
}

.lxwm.lxwm2 {
  width: 64px;
  height: 64px;
  background-position: -94px -10px;
}

.lxwm.lxwm3 {
  width: 64px;
  height: 64px;
  background-position: -10px -94px;
}

.lxwm.lxwm4 {
  width: 64px;
  height: 64px;
  background-position: -94px -94px;
}

.lxwm.lxwm5 {
  width: 64px;
  height: 64px;
  background-position: -178px -10px;
}

.lxwm.lxwm6 {
  width: 64px;
  height: 64px;
  background-position: -178px -94px;
}

.lxwm.lxwm7 {
  width: 64px;
  height: 64px;
  background-position: -10px -178px;
}

.lxwm.lxwm8 {
  width: 64px;
  height: 64px;
  background-position: -94px -178px;
}

.qyico {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/qyico.png");
  background-repeat: no-repeat;
}

.qyico.qyico1 {
  width: 32px;
  height: 32px;
  background-position: -114px -114px;
}

.qyico.qyico2 {
  width: 32px;
  height: 32px;
  background-position: -166px -10px;
}

.qyico.qyico3 {
  width: 32px;
  height: 32px;
  background-position: -10px -10px;
}

.qyico.qyico4 {
  width: 32px;
  height: 32px;
  background-position: -62px -10px;
}

.qyico.qyico5 {
  width: 32px;
  height: 32px;
  background-position: -10px -62px;
}

.qyico.qyico6 {
  width: 32px;
  height: 32px;
  background-position: -62px -62px;
}

.qyico.qyico7 {
  width: 32px;
  height: 32px;
  background-position: -114px -10px;
}

.qyico.qyico8 {
  width: 32px;
  height: 32px;
  background-position: -114px -62px;
}

.qyico.qyico9 {
  width: 32px;
  height: 32px;
  background-position: -10px -114px;
}

.qyico.qyico10 {
  width: 32px;
  height: 32px;
  background-position: -62px -114px;
}

.bgf6 {
  background-color: #F6F7F8;
}

.bgf6_jb {
  background: linear-gradient(180deg, #EEF3FD 0%, #F6F7F8 100%);
}

header {
  position: relative;
  display: table;
  width: 100%;
  height: 70px;
  line-height: 70px;
  z-index: 9;
}

header.bgtop1 {
  background-color: #202330;
}

header .logo {
  float: left;
  width: 291px;
  height: 42px;
  margin-left: -4px;
  margin-top: 14px;
}

header .nav {
  float: right;
  margin-right: 66px;
}

header .nav li {
  position: relative;
  float: left;
  height: 70px;
  line-height: 70px;
  margin-left: 56px;
}

header .nav li > a {
  font-size: 16px;
  color: #fff;
}

header .nav li > a i {
  margin-top: -2px;
  margin-left: 6px;
}

header .nav li.buy_pop_nav > a {
  display: inline-flex;
  align-items: center;
  height: 70px;
}

header .nav li.buy_pop_nav > a i {
  margin-top: 0;
  transition: transform .25s ease;
}

header .nav li.buy_pop_nav:hover > a i,
header .nav li.buy_pop_nav:focus-within > a i {
  transform: rotate(180deg);
}

header .nav li.buy_pop_nav:hover .buy_pop_box,
header .nav li.buy_pop_nav:focus-within .buy_pop_box {
  display: flex;
}

header .nav .buy_pop_box {
  position: absolute;
  display: none;
  z-index: 10000;
  top: 70px;
  left: 50%;
  width: 618px;
  height: 488px;
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid rgba(221, 230, 243, 0.95);
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 16px 34px rgba(18, 41, 86, 0.14);
  flex-direction: column;
  gap: 10px;
  transform: translateX(-50%);
}

header .nav .buy_pop_box::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 16px;
  height: 16px;
  border-top: 1px solid rgba(221, 230, 243, 0.95);
  border-left: 1px solid rgba(221, 230, 243, 0.95);
  background: #FFFFFF;
  box-sizing: border-box;
  transform: translateX(-50%) rotate(45deg);
}

header .nav .buy_pop_box__item {
  position: static;
  display: block;
  float: none;
  width: 100%;
  height: 114px;
  margin-top: 0;
  margin-left: 0;
  line-height: 1;
  list-style: none;
}

header .nav .buy_pop_box__item:last-child {
  height: 84px;
}

header .nav .buy_pop_box__link {
  display: grid;
  grid-template-columns: 53px minmax(0, 1fr) 100px;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 16px 16px 16px 13px;
  box-sizing: border-box;
  border-radius: 8px;
  background: transparent;
  color: #17203F;
  line-height: 1;
  transition: background-color .2s ease, box-shadow .2s ease;
}

header .nav .buy_pop_box__item:hover .buy_pop_box__link,
header .nav .buy_pop_box__item:focus-within .buy_pop_box__link {
  background: #F3F6FC;
  box-shadow: inset 0 0 0 1px rgba(226, 233, 244, 0.9);
}

header .nav .buy_pop_box__item:hover .buy_pop_box__side:not(.buy_pop_box__side--button),
header .nav .buy_pop_box__item:focus-within .buy_pop_box__side:not(.buy_pop_box__side--button) {
  background: #FFFFFF;
}

header .nav .buy_pop_box__icon {
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 0;
  align-self: center;
  /* 当前雪碧图为双列布局，这里按真实尺寸缩放，只裁左侧主图标列。 */
  background-image: url("../images/ico1000.png");
  background-repeat: no-repeat;
}

header .nav .buy_pop_box__icon--flow {
  background-position: 0 0;
}

header .nav .buy_pop_box__icon--static {
  background-position: 0 -48px;
}

header .nav .buy_pop_box__icon--isp {
  background-position: 0 -96px;
}

header .nav .buy_pop_box__icon--custom {
  background-position: 0 -144px;
}

header .nav .buy_pop_box__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-left: 14px;
}

header .nav .buy_pop_box__title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #162252;
}

header .nav .buy_pop_box__desc {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  line-height: 19px;
  color: #6C7687;
  white-space: normal;
}

header .nav .buy_pop_box__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

header .nav .buy_pop_box__tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}

header .nav .buy_pop_box__tags--warm span {
  background: #FFF1D9;
  color: #B98622;
}

header .nav .buy_pop_box__tags--purple span {
  background: #F2E5FF;
  color: #8855C8;
}

header .nav .buy_pop_box__tags--rose span {
  background: #FDE7E0;
  color: #C06D5F;
}

header .nav .buy_pop_box__side {
  display: flex;
  flex: 0 0 94px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  width: 100px;
  padding: 10px 6px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #F4F7FB;
  text-align: center;
  box-shadow: none;
}

header .nav .buy_pop_box__side-label {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #9DAECC;
  white-space: nowrap;
}

header .nav .buy_pop_box__price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1px;
  margin-top: 16px;
  font-size: 0;
  line-height: 1;
  color: #F20E44;
  white-space: nowrap;
}

header .nav .buy_pop_box__price em,
header .nav .buy_pop_box__price small {
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

header .nav .buy_pop_box__price strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 18px;
}

header .nav .buy_pop_box__side--button {
  flex: 0 0 94px;
  flex-direction: row;
  justify-content: flex-end;
  background: transparent;
  padding-right: 0;
}

header .nav .buy_pop_box__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: #F20E44;
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
}

header .nav .buy_pop_box__link--custom {
  grid-template-columns: 48px minmax(0, 1fr) 100px;
  padding-top: 0px;
}

header .dl {
  float: right;
  font-size: 0;
  line-height: 1;
}

header .dl a {
  position: relative;
  display: inline-block;
  width: 74px;
  height: 36px;
  margin-top: 17px;
  margin-left: 14px;
  border: 1px solid #5E606A;
  border-radius: 4px;
  background-color: #1F2F45;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
}

header .dl a:hover {
  border: 1px solid #878B99;
}

header .dl a.active {
  border: 1px solid #2468F2;
  background-color: #2468F2;
}

header .dl a.active:hover {
  border: 1px solid #1158E8;
  background-color: #1158E8;
}

header .dl a .hot {
  position: absolute;
  top: -13px;
  left: 40px;
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  background: #EB0F0B;
  border-radius: 9px 9px 9px 0px;
  white-space: nowrap;
  line-height: 18px;
}

header .login {
  float: right;
  position: relative;
}

header .login:hover ul {
  display: block;
}

header .login ul {
  position: absolute;
  display: none;
  z-index: 10000;
  right: -31px;
  top: 70px;
  line-height: 50px;
}

header .login ul li {
  display: inline-block;
  width: 100%;
  height: 50px;
  border-bottom: dashed 1px #eaeaea;
  background-color: #ffffff;
  line-height: 50px;
}

header .login ul li:first-child {
  border-radius: 4px 4px 0 0;
}

header .login ul li:last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}

header .login ul a {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  font-size: 16px;
  text-align: center;
  color: #202330;
  white-space: nowrap;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0) rotate(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-2px) rotate(-1deg);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(2px) rotate(1deg);
  }
}

@keyframes slideShine {
  0% {
    left: -350px;
    top: -10px;
  }
  60% {
    left: -350px;
    top: -10px;
  }
  100% {
    left: 120%;
    top: 50px;
  }
}

.banr_t {
  position: relative;
  display: block;
  margin-top: -70px;
  padding-top: 70px;
  width: 100%;
  height: 728px;
  background: url("../images/bg1.png") no-repeat center center;
  background-size: 1920px 728px;
}

.banr_t h2 {
  display: block;
  margin: 83px auto 29px auto;
  text-align: center;
  width: 1182px;
}

.banr_t h4 {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 711px;
}

.banr_t .box1 {
  display: block;
  margin: 91px auto 0 auto;
  font-size: 0;
  text-align: center;
}

.banr_t .box1 .s1 {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 86px;
  line-height: 86px;
  background: linear-gradient(360deg, #D8212D 0%, #F24651 100%);
  border-radius: 8px 8px 8px 8px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
  text-indent: 4px;
}

.banr_t .box1 .s1 i {
  margin-top: -2px;
}

.banr_t .box1 .s1::before {
  content: " ";
  display: block;
  width: 300px;
  height: 80px;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  position: absolute;
  top: -10px;
  left: -200px;
  transform: rotate(-45deg);
  animation: slideShine 3s infinite ease-in-out;
  animation-delay: 0.5s;
}

.banr_t .box1 font {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.banr_t .box1 .s2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 238px;
  height: 74px;
  margin-top: 6px;
  margin-left: 18px;
  line-height: 72px;
  background: linear-gradient(180deg, rgba(65, 72, 98, 0.48) 0%, rgba(43, 57, 92, 0.4) 100%);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  font-size: 22px;
  color: #fff;
  text-align: center;
}

.banr_t .box1 span {
  position: absolute;
  top: -19px;
  right: -16px;
  width: 108px;
  height: 37px;
  line-height: 30px;
  font-size: 16px;
  color: #FFFDE9;
  font-weight: bold;
  text-align: center;
  background: url("../images/bg20.png") no-repeat;
  animation: shake 2s infinite;
}

.banr_t .banr_t_txt {
  display: block;
  margin-top: 15px;
  line-height: 21px;
  text-align: center;
  color: rgba(255, 255, 255, 0.52);
  font-size: 16px;
}

.banr_t .box2 {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 128px;
  padding: 0 20px;
}

.banr_t .box2 .lie {
  font-size: 0;
}

.banr_t .box2 .le {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.banr_t .box2 .p1 {
  display: block;
  font-size: 36px;
  background: linear-gradient(180deg, #FFFFFF 0%, #ADC2DE 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  font-family: bahnschrift;
  line-height: 1;
}

.banr_t .box2 .p2 {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  color: #A1AEC1;
  line-height: 21px;
}

.ind1 {
  display: block;
  height: 658px;
}

.ind1 h2 {
  display: block;
  margin-top: 58px;
  font-size: 42px;
  color: #0A0C37;
  line-height: 55px;
  text-align: center;
  font-weight: bold;
}

.ind1 .ps {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
  text-align: center;
}

.ind1 .fl {
  float: left;
  width: 440px;
  margin-top: 64px;
}

.ind1 .ls {
  float: left;
  width: 212px;
  height: 78px;
  padding-left: 18px;
  margin-bottom: 16px;
  margin-right: 16px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  line-height: 76px;
  border: 1px solid #E4E9F1;
  font-size: 0;
}

.ind1 .ls:hover {
  /* 仅在鼠标移入时显示底部阴影 */
  box-shadow: 0 2px 0 rgba(228, 233, 241, 0.9);
}

.ind1 .ls:nth-child(2n) {
  margin-right: 0;
}

.ind1 .ls .bo {
  display: inline-block;
  vertical-align: top;
  margin-top: 14px;
  margin-left: 12px;
}

.ind1 .ls p {
  display: block;
  font-size: 16px;
  color: #0A0C37;
  line-height: 21px;
}

.ind1 .ls .p2 {
  margin-top: 6px;
}

.ind1 .ls .p3 {
  margin-top: 6px;
}

.ind1 .lst {
  background-color: #F2F8FF;
  border: 1px solid #DBEAFE;
}

.ind1 .lst .p3 {
  margin-top: 4px;
  color: #8F9FB6;
}

.ind1 .lst .p3 font {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.ind1 .fr {
  display: inline-block;
  margin-top: 44px;
  margin-left: 52px;
  width: 708px;
  height: 400px;
}

.ind2 {
  display: inline-block;
  width: 100%;
  height: 790px;
  background-color: #F4F7FB;
}

.ind2 h2 {
  display: block;
  margin-top: 58px;
  font-size: 42px;
  color: #0A0C37;
  line-height: 55px;
  text-align: center;
  font-weight: bold;
}

.ind2 .ps {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
  text-align: center;
}

.ind2 .box {
  display: block;
  width: 100%;
  height: 294px;
  margin-bottom: 18px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 1px rgba(223, 229, 238, 0.8);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #fff;
}

.ind2 .box:hover {
  border: 1px solid #2468F2;
}

.ind2 .fl {
  position: relative;
  float: left;
  width: 578px;
  padding-left: 28px;
  padding-top: 26px;
}

.ind2 .box {
  display: block;
  width: 100%;
  margin-top: 44px;
}

.ind2 .nat {
  position: relative;
}

.ind2 .nat .p1 {
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
  line-height: 29px;
}

.ind2 .nat .p1 span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 10px;
  height: 26px;
  padding: 0 8px;
  font-size: 14px;
  color: #FF0057;
  background: #FFE9F1;
  border-radius: 4px 4px 4px 4px;
  font-weight: normal;
  line-height: 26px;
}

.ind2 .nat .p2 {
  display: block;
  width: 319px;
  margin-top: 8px;
  font-size: 14px;
  color: #6C7687;
  line-height: 20px;
}

.ind2 .nat .mr {
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 16px;
  color: #F20E44;
}

.ind2 .nat .mr b {
  font-size: 40px;
  font-weight: bold;
}

.ind2 .nli {
  display: inline-block;
  width: 530px;
  height: 88px;
  margin-top: 14px;
  padding-top: 17px;
  background: #F7F9FC;
  border-radius: 6px 6px 6px 6px;
}

.ind2 .nli li {
  float: left;
  width: 250px;
  padding-left: 20px;
  margin-bottom: 15px;
  font-size: 0;
}

.ind2 .nli li:nth-child(2n) {
  width: 280px;
}

.ind2 .nli font {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 14px;
  color: #6C7687;
}

.ind2 .tis {
  position: absolute;
  top: -32px;
  left: 0;
  width: 386px;
  height: 32px;
  padding-left: 32px;
  line-height: 32px;
  background: url("../images/bg22-2.png") no-repeat;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.ind2 a {
  display: block;
  width: 158px;
  height: 48px;
  margin-top: 14px;
  padding-left: 35px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  font-size: 0;
  line-height: 48px;
}

.ind2 a:hover {
  background:#1158E8;
}

.ind2 a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-size: 16px;
  color: #fff;
}

.ind2 .fr {
  position: relative;
  float: left;
  width: 620px;
  height: 294px;
  background: url("../images/bg6.png") no-repeat;
  background-size: 620px 294px;
}

.ind2 .fr .sp {
  position: absolute;
  font-size: 0;
}

.ind2 .fr .sp .sp_box {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  padding: 10px 16px 0 16px;
  margin-left: 8px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E4E9F1;
  font-size: 0;
}

.ind2 .fr .sp .pt {
  display: inline-block;
  vertical-align: top;
}

.ind2 .fr .sp .pt i {
  display: inline-block;
  vertical-align: top;
}

.ind2 .fr .sp .pt font {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #959CA5;
  line-height: 18px;
}

.ind2 .fr .sp .pb {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #0A0C37;
}

.ind2 .fr .sp1 {
  top: 87px;
  left: 110px;
}

.ind2 .fr .sp2 {
  top: 199px;
  left: 152px;
}

.ind2 .fr .sp3 {
  top: 141px;
  left: 312px;
}

.ind2 .fr .sp4 {
  top: 59px;
  left: 425px;
}

.ind2 .list {
  float: left;
  width: 420px;
  height: 200px;
  padding-left: 28px;
  padding-top: 26px;
  margin-right: 18px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 1px rgba(223, 229, 238, 0.8);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #fff;
}

.ind2 .list:hover {
  border: 1px solid #2468F2;
}

.ind2 .list .nat .p2 {
  width: 253px;
}

.ind2 .list_st {
  float: left;
  width: 324px;
  height: 200px;
  padding-left: 28px;
  padding-top: 26px;
  background: url("../images/bg9.png") no-repeat;
  background-size: 324px 200px;
  box-shadow: 0px 4px 12px 1px rgba(223, 229, 238, 0.8);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #fff;
}

.ind2 .list_st:hover {
  border: 1px solid #2468F2;
}

.ind2 .list_st a {
  background: linear-gradient(90deg, #7F59FB 0%, #FB49B8 100%);
}

.ind2 .list_st a:hover {
  background: linear-gradient(90deg, #7250E2 0%, #E242A5 100%);
}

.ind3 {
  display: block;
  width: 100%;
  height: 684px;
  padding-top: 58px;
  background: url("../images/bg8.png") no-repeat center center;
  background-size: 1920px 684px;
}

.ind3 h2 {
  display: block;
  text-align: center;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
}

.ind3 .ind3_lie {
  display: block;
  margin-top: 15px;
  text-align: center;
}

.ind3 .ind3_lie span {
  position: relative;
  display: inline-block;
  margin: 0 34px;
}

.ind3 .ind3_lie span::before {
  position: absolute;
  right: -35px;
  top: 5px;
  content: '';
  width: 1px;
  height: 18px;
  background-color: #677382;
}

.ind3 .ind3_lie span:last-child::before {
  display: none;
}

.ind3 .ind3_lie font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  line-height: 28px;
  font-size: 16px;
  color: #FFFFFF;
  opacity: 0.8;
}

.ind3 .ind3_box {
  display: inline-block;
  width: 100%;
  margin-top: 36px;
}

.ind3 .ind3_box li {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  float: left;
  width: 240px;
  height: 200px;
}

.ind3 .ind3_box li:nth-child(1) {
  background: url("../images/fabg1.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(2) {
  background: url("../images/fabg2.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(3) {
  background: url("../images/fabg3.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(4) {
  background: url("../images/fabg4.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(5) {
  background: url("../images/fabg5.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(6) {
  background: url("../images/fabg6.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(7) {
  background: url("../images/fabg7.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(8) {
  background: url("../images/fabg8.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(9) {
  background: url("../images/fabg9.png") no-repeat;
}

.ind3 .ind3_box li:nth-child(10) {
  background: url("../images/fabg10.png") no-repeat;
}

.ind3 .ind3_box li:hover .tp1 {
  transform: translateY(-100%);
  opacity: 0;
}

.ind3 .ind3_box li:hover .tp2 {
  transform: translateY(0);
  opacity: 1;
}

.ind3 .ind3_box .tp1 {
  position: absolute;
  transition: all 0.5s ease;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 41px;
  text-align: center;
}

.ind3 .ind3_box .tp1 span {
  display: block;
  margin-top: 12px;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 29px;
}

.ind3 .ind3_box .tp2 {
  position: absolute;
  transition: all 0.5s ease;
  z-index: 1;
  opacity: 0;
  transform: translateY(100%);
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background: url("../images/fabg_hove.png") no-repeat;
  text-align: center;
  cursor: default;
}

.ind3 .ind3_box .tp2 span {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 29px;
}

.ind3 .ind3_box .tp2 p {
  display: block;
  width: 180px;
  margin: 18px auto 0 auto;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
}

.ind4 {
  display: inline-block;
  width: 100%;
  height: 500px;
  background-color: #F4F7FB;
}

.ind4 .m {
  position: relative;
}

.ind4 .m::before {
  display: block;
  content: '';
  position: absolute;
  left: -180px;
  top: 102px;
  width: 243px;
  height: 274px;
  background: linear-gradient(270deg, rgba(244, 247, 251, 0) 0%, #F4F7FB 73.28%, #F4F7FB 100%);
  z-index: 2;
}

.ind4 .m::after {
  display: block;
  content: '';
  position: absolute;
  right: -180px;
  top: 102px;
  width: 243px;
  height: 274px;
  background: linear-gradient(90deg, rgba(244, 247, 251, 0) 0%, #F4F7FB 73.28%, #F4F7FB 100%);
  z-index: 2;
}

.ind4 h2 {
  display: block;
  margin-top: 58px;
  font-size: 42px;
  color: #0A0C37;
  line-height: 55px;
  text-align: center;
  font-weight: bold;
}

.ind4 .ps {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
  text-align: center;
}

.ind4 .partner_scroll_outer {
  display: flex;
  justify-content: space-between;
  height: 148px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  letter-spacing: 2px;
}

.ind4 .pawidth1 {
  width: 1320px;
  margin-top: 42px;
  margin-left: -60px;
}

.ind4 .pawidth2 {
  width: 1540px;
  margin-top: -30px;
  margin-left: -170px;
}

.ind4 .pawidth1 > .partner_scroll {
  width: 1320px;
  max-width: 100%;
}

.ind4 .pawidth2 > .partner_scroll {
  width: 1540px;
  max-width: 100%;
}

.ind4 .partner_scroll_outer .partner_scroll {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 0;
}

.ind4 .partner_scroll_outer img {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
}

.ind4 .partner_scroll_outer img.partner_scroll_img1:nth-child(1) {
  animation: roll-animate-left1 40s infinite linear;
}

.ind4 .partner_scroll_outer img.partner_scroll_img1:nth-child(2) {
  animation: roll-animate-left2 40s infinite linear;
}

.ind4 .partner_scroll_outer img.partner_scroll_img2:nth-child(1) {
  animation: roll-animate-right1 60s infinite linear;
}

.ind4 .partner_scroll_outer img.partner_scroll_img2:nth-child(2) {
  animation: roll-animate-right2 60s infinite linear;
}

.ind5 {
  display: inline-block;
  width: 100%;
}

.ind5 .fl {
  float: left;
  width: 524px;
}

.ind5 .fl h2 {
  display: block;
  margin-top: 86px;
  font-weight: bold;
  font-size: 42px;
  color: #0A0C37;
  line-height: 52px;
}

.ind5 .fl .ps {
  display: block;
  margin-top: 14px;
  margin-bottom: 50px;
  font-size: 16px;
  color: #72738B;
  line-height: 24px;
}

.ind5 .fl .lie {
  display: block;
  margin-bottom: 38px;
}

.ind5 .fl .lie_space {
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
  margin-top: -6px;
}

.ind5 .fl .p1 {
  display: block;
  font-size: 22px;
  line-height: 29px;
  color: #0A0C37;
}

.ind5 .fl .p2 {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 21px;
  color: #72738B;
}

.ind5 .fl a {
  display: inline-block;
  width: 200px;
  height: 56px;
  margin-top: 21px;
  padding-left: 50px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  line-height: 56px;
  font-size: 0;
}

.ind5 .fl a:hover {
  background: #1158E8;
}

.ind5 .fl a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  font-size: 18px;
  color: #FFFFFF;
}

.ind5 .fr {
  position: relative;
  float: left;
  width: 676px;
  height: 532px;
  padding: 12px;
  margin-top: 66px;
  background-color: #111231;
  border-radius: 12px;
}

.ind5 .fr .syntax_tab {
  display: flex;
  justify-content: space-between;
}

.ind5 .fr .syntax_tab a {
  display: block;
  width: 102px;
  height: 76px;
  text-align: center;
  border: 1px solid #111231;
}

.ind5 .fr .syntax_tab a.active {
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #2468F2;
  background: rgba(36, 104, 242, 0.26);
}

.ind5 .fr .syntax_tab a i {
  margin-top: 7px;
}

.ind5 .fr .syntax_tab a span {
  display: block;
  margin-top: 2px;
  text-align: center;
  line-height: 19px;
  font-size: 14px;
  color: #C1C5CD;
}

.ind5 .fr select {
  display: block;
  width: 100%;
  height: 42px;
  margin-top: 12px;
  padding-left: 18px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #3F405A;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: url("../images/ico48.png") no-repeat #212240;
  background-position: 618px 12px;
}

.ind5 .fr pre {
  display: block;
  width: 100%;
  height: 350px;
  margin-top: 12px;
  overflow-y: scroll;
  color: #fff;
  font-size: 14px;
}

.ind5 .fr pre code {
  background: unset;
  padding: 0 18px;
}

.ind5 .fr pre::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 1px;
}

.ind5 .fr pre::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #C7CDDB;
}

.ind5 .fr pre::-webkit-scrollbar-track {
  border-radius: 3px;
  background: transparent;
}

.ind5 .fr .copy {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 96px;
  height: 32px;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #212240;
  border-radius: 4px 4px 4px 4px;
  font-size: 0;
  border: 1px solid #3F405A;
  line-height: 30px;
  white-space: nowrap;
}

.ind5 .fr .copy font {
  display: block;
  font-size: 14px;
  color: #C1C5CD;
  white-space: nowrap;
}

.ind6 {
  display: inline-block;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 82px;
}

.ind6 .fl {
  float: left;
  width: 340px;
  height: 466px;
  padding-top: 37px;
  padding-left: 34px;
  border-top: 4px solid #2468F2;
  background: linear-gradient(180deg, rgba(36, 125, 242, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 12px 12px 12px 12px;
}

.ind6 .fl h2 {
  display: block;
  margin-top: 5px;
  font-weight: bold;
  font-size: 38px;
  color: #0A0C37;
  line-height: 50px;
}

.ind6 .fl p {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
}

.ind6 .fl a {
  display: block;
  width: 200px;
  height: 56px;
  margin-top: 56px;
  padding-left: 47px;
  background: #111231;
  border-radius: 6px 6px 6px 6px;
  line-height: 56px;
}

.ind6 .fl a:hover {
  background: #292A46;
}

.ind6 .fl a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-size: 18px;
  color: #fff;
}

.ind6 .fr {
  float: left;
  width: 860px;
  padding-left: 20px;
}

.ind6 .fr a {
  display: block;
  width: 840px;
  height: 72px;
  margin-bottom: 10px;
  padding-left: 25px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #E4E9F1;
  line-height: 70px;
}

.ind6 .fr a:hover {
  background: #F1F6FF;
  border: 1px solid #2468F2;
}

.ind6 .fr a:hover .ico45 {
  background-position: -142px -340px;
}

.ind6 .fr a font {
  display: inline-block;
  vertical-align: top;
  width: 769px;
  font-weight: bold;
  font-size: 18px;
  color: #0A0C37;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes roll-animate-left1 {
  0% {
    left: 0;
  }
  100% {
    left: -1320px;
  }
}

@keyframes roll-animate-left2 {
  0% {
    left: 1320px;
  }
  100% {
    left: 0;
  }
}

@keyframes roll-animate-right1 {
  0% {
    left: -1540px;
  }
  100% {
    left: 0;
  }
}

@keyframes roll-animate-right2 {
  0% {
    left: 0;
  }
  100% {
    left: 1540px;
  }
}

.ind7 {
  display: block;
  width: 100%;
  height: 238px;
  padding-top: 50px;
  background: url("../images/bg12.png") no-repeat;
  background-size: 1920px 238px;
}

.ind7 h2 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 42px;
  color: #FFFFFF;
  line-height: 55px;
}

.ind7 .ind7_box {
  display: block;
  margin: 24px auto 0 auto;
  font-size: 0;
  text-align: center;
}

.ind7 .ind7_box a {
  display: inline-block;
  width: 160px;
  height: 56px;
  padding-left: 44px;
  margin: 0 6px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #FFFFFF;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 54px;
  text-align: left;
}

.ind7 .ind7_box a:hover {
  background-color: #FFFFFF;
  color: #2468F2;
}

.ind7 .ind7_box font {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}

.ind7 .ind7_box i {
  margin-top: -4px;
}

.ind7 .ind7_box .active {
  width: 180px;
  border: 1px solid #FFCC00;
  color: #0A0C37;
  background-color: #FFCC00;
}

.ind7 .ind7_box .active:hover {
  border: 1px solid #F0C000;
  background-color: #F0C000;
  color: #0A0C37;
}

.mask {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.register-modals, .pass-modals, .login-modals {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.register-modals.show, .pass-modals.show, .login-modals.show {
  display: block;
}

.register-modals .box, .pass-modals .box, .login-modals .box {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 420px;
  height: auto;
  padding: 36px 42px 41px 42px;
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
}

.register-modals .box .tit, .pass-modals .box .tit, .login-modals .box .tit {
  display: block;
  font-weight: bold;
  font-size: 26px;
  color: #0A0C37;
  line-height: 35px;
}

.register-modals .close_mld, .pass-modals .close_mld, .login-modals .close_mld {
  position: absolute;
  right: 0;
  top: -52px;
  cursor: pointer;
}

.register-modals .switch, .pass-modals .switch, .login-modals .switch {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 110px;
  height: 42px;
  padding-right: 20px;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  background: url("../images/bg31.png") no-repeat;
  text-align: right;
}

.register-modals .login_tab, .pass-modals .login_tab, .login-modals .login_tab {
  display: block;
  margin-top: 26px;
  margin-left: -20px;
}

.register-modals .login_tab a, .pass-modals .login_tab a, .login-modals .login_tab a {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  font-size: 16px;
  color: #0A0C37;
}

.register-modals .login_tab a.active, .pass-modals .login_tab a.active, .login-modals .login_tab a.active {
  color: #2468F2;
}

.register-modals .login_tab a.active::after, .pass-modals .login_tab a.active::after, .login-modals .login_tab a.active::after {
  display: block;
  position: absolute;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background: #2468F2;
  content: '';
}

.register-modals .login_con, .pass-modals .login_con, .login-modals .login_con {
  display: block;
  width: 100%;
  margin-top: 28px;
}

.register-modals .login_con .con, .pass-modals .login_con .con, .login-modals .login_con .con {
  display: none;
}

.register-modals .login_con .con.active, .pass-modals .login_con .con.active, .login-modals .login_con .con.active {
  display: block;
}

.register-modals .login_con li, .pass-modals .login_con li, .login-modals .login_con li {
  display: block;
  height: 52px;
  margin-bottom: 16px;
}

.register-modals .login_con li.sms-captcha-row, .pass-modals .login_con li.sms-captcha-row, .login-modals .login_con li.sms-captcha-row {
  height: auto;
  margin-bottom: 16px;
}

.register-modals .login_con .inp, .pass-modals .login_con .inp, .login-modals .login_con .inp {
  display: block;
  width: 100%;
  height: 52px;
  padding-left: 17px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #D6D8DB;
  line-height: 50px;
  font-size: 16px;
  color: #0A0C37;
}

.register-modals .login_con .bp, .pass-modals .login_con .bp, .login-modals .login_con .bp {
  display: block;
  margin-top: -4px;
  text-align: right;
  font-size: 16px;
  color: #5A5F7A;
  line-height: 21px;
}

.register-modals .login_con .login-submit, .pass-modals .login_con .login-submit, .login-modals .login_con .login-submit {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  margin-top: 36px;
  background: #2468F2;
  border-radius: 8px 8px 8px 8px;
  line-height: 52px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.login-modals .login_con .login-submit .login-submit-tag {
  position: absolute;
  top: -19px;
  right: 16px;
  display: inline-block;
  width: 84px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  white-space: nowrap;
  background: url(../images/bg29-2.png) no-repeat center center;
  background-size: 100% 100%;
}

.register-modals .login_con .pt, .pass-modals .login_con .pt, .login-modals .login_con .pt {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  line-height: 21px;
  color: #0A0C37;
}

.register-modals .login_con .pt a, .pass-modals .login_con .pt a, .login-modals .login_con .pt a {
  color: #2468F2;
}

.register-modals .login_con .error, .pass-modals .login_con .error, .login-modals .login_con .error {
  line-height: 1;
  font-size: 12px;
  color: #F20E44;
}

.register-modals .login_con .hie, .pass-modals .login_con .hie, .login-modals .login_con .hie {
  background-color: #B8CEFB;
  cursor: not-allowed;
}

.register-modals .login_con .nc-container, .pass-modals .login_con .nc-container, .login-modals .login_con .nc-container {
  display: block;
  width: 336px;
  height: 52px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #D6D8DB;
  line-height: 50px;
  font-size: 16px;
  color: #0A0C37;
  overflow: hidden;
}

.register-modals .login_con .captcha-element, .pass-modals .login_con .captcha-element, .login-modals .login_con .captcha-element {
  display: block;
  height: 0;
  overflow: hidden;
}

.auth-captcha-host, .auth-captcha-trigger {
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.register-modals .login_con .captcha-button, .pass-modals .login_con .captcha-button, .login-modals .login_con .captcha-button {
  display: block;
  width: 336px;
  height: 52px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #D6D8DB;
  line-height: 50px;
  font-size: 15px;
  color: #8C8EA2;
  text-align: center;
  overflow: hidden;
}

.register-modals .login_con .nc-container.sms-cooldown-lock, .pass-modals .login_con .nc-container.sms-cooldown-lock, .login-modals .login_con .nc-container.sms-cooldown-lock {
  pointer-events: none;
  opacity: 0.68;
}

.register-modals .login_con .captcha-button.sms-cooldown-lock, .pass-modals .login_con .captcha-button.sms-cooldown-lock, .login-modals .login_con .captcha-button.sms-cooldown-lock {
  pointer-events: none;
  opacity: 0.68;
}

.register-modals .login_con li.sms-captcha-row .nc-container, .pass-modals .login_con li.sms-captcha-row .nc-container, .login-modals .login_con li.sms-captcha-row .nc-container {
  margin-bottom: 6px;
}

.register-modals .login_con li.sms-captcha-row .captcha-button, .pass-modals .login_con li.sms-captcha-row .captcha-button, .login-modals .login_con li.sms-captcha-row .captcha-button {
  margin-bottom: 6px;
}

.pass-modals .login_con li.sms-captcha-row {
  margin-bottom: 16px;
}

.pass-modals .login_con li.sms-captcha-row + li {
  margin-top: 8px;
}

/* 注册弹窗与登录弹窗保持一致的滑块/验证码间距 */
.register-modals .login_con li.sms-captcha-row {
  margin-bottom: 16px;
}

.register-modals .login_con li.sms-captcha-row .nc-container {
  margin-bottom: 6px;
}

.register-modals .login_con li.sms-captcha-row .captcha-button {
  margin-bottom: 6px;
}

.register-modals .login_con #m_vis_register {
  min-height: 0;
}

.register-modals .login_con #m_vis_register span {
  display: block;
  min-height: 18px;
}

.register-modals .login_con #m_vis_register span:empty {
  display: none;
  min-height: 0;
}

#m_vis_login_sms, #m_vis_register, #m_vis_reset {
  min-height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #2468F2;
  text-align: left;
}

#m_vis_login_sms span, #m_vis_register span, #m_vis_reset span {
  display: none;
}

.nc-container {
  position: relative;
}

.nc-container #nc_1_wrapper, .nc-container #nc_2_wrapper, .nc-container #nc_3_wrapper {
  width: 100% !important;
  font-size: 15px;
  margin: 0 auto;
}

.nc-container #nc_1_nocaptcha, .nc-container #nc_2_nocaptcha, .nc-container #nc_3_nocaptcha, .nc-container .nc_scale, .nc-container #nc_1_wrapper, .nc-container #nc_2_wrapper, .nc-container #nc_2_wrapper {
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 7px !important;
}

.nc-container .nc_scale {
  background-color: #fff;
}

.nc-container .nc_scale span {
  width: 48px !important;
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 7px;
  font-size: 20px;
  border: 0 !important;
  background-color: #ECF2FF !important;
}

.nc-container .nc_scale .btn_slide {
  font-weight: bold;
}

.nc-container .nc_scale span.nc-lang-cnt {
  width: 100% !important;
  color: #B8BABF;
  font-size: 14px;
  text-indent: 42px !important;
  border: 0 !important;
  line-height: 50px !important;
  height: 50px !important;
}

.nc-container .nc_scale .btn_slide {
  color: #2468F2 !important;
}

.nc-container .nc_scale .btn_ok {
  font-size: 24px !important;
}

.nc-container .nc_scale .nc_bg {
  background: #d1ebff !important;
}

#nc, #r-nc, #ind_r-nc, #pass-r-nc {
  position: relative !important;
}

footer {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 478px;
  background: #1F222E;
}

footer .box {
  display: block;
  width: 100%;
  height: 416px;
}

footer .box_sb1 {
  float: left;
  width: 543px;
}

footer .box_sb1 .logo_t {
  display: block;
  width: 291px;
  margin-left: -3px;
  margin-top: 48px;
}

footer .box_sb1 .p1 {
  display: block;
  margin-top: 53px;
  margin-bottom: 12px;
}

footer .box_sb1 .p1 font {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 28px;
  font-weight: bold;
  font-family: Bahnschrift, Bahnschrift;
}

footer .box_sb1 .p2 {
  display: block;
  font-size: 14px;
  color: #959BA5;
  line-height: 32px;
}

footer .box_sb1 .p2:hover {
  color: #FFFFFF;
}

footer .box_sb1 .qr {
  display: block;
  width: 90px;
  height: 90px;
  margin-top: 22px;
}

footer .box_sb2 {
  float: left;
  width: 584px;
}

footer .box_sb2 .box_lie {
  float: left;
  width: 309px;
  margin-top: 60px;
}

footer .box_sb2 .box_lie:nth-child(2n) {
  width: 275px;
}

footer .box_sb2 h4 {
  display: block;
  margin-top: -4px;
  margin-bottom: 19px;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

footer .box_sb2 a {
  display: block;
  font-size: 14px;
  color: #959BA5;
  line-height: 32px;
}

footer .box_sb2 a:hover {
  color: #FFFFFF;
}

footer .box_sb3 {
  float: left;
  width: 73px;
  font-size: 0;
}

footer .box_sb3 h4 {
  display: block;
  margin-top: 57px;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

footer .box_sb3 font {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-size: 14px;
  color: #959BA5;
}

footer .box_sb3 font:hover {
  color: #FFFFFF;
}

footer .box_sb3 a {
  display: block;
  white-space: nowrap;
  line-height: 32px;
}

footer .bottom {
  display: block;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background: #151621;
  text-align: center;
  font-size: 14px;
  color: #6C717C;
}

.help_ban {
  display: block;
  margin-top: -70px;
  padding-top: 131px;
  width: 100%;
  height: 260px;
  background: url("../images/bg7.png") no-repeat center center;
  background-size: 1920px 260px;
}

.help_ban .help_ban_l {
  float: left;
  margin-left: 115px;
  line-height: 56px;
  font-weight: bold;
  font-size: 36px;
  color: #FFFFFF;
}

.help_ban .help_ban_r {
  float: left;
  margin-left: 22px;
}

.help_ban .help_ban_r a {
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
  margin-right: 16px;
  font-size: 16px;
  color: #ABADB2;
  line-height: 21px;
}

.help_ban .help_ban_r a:hover {
  color: #fff;
}

.help_ban form {
  display: block;
  width: 720px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 1px rgba(36, 104, 242, 0.12);
  border-radius: 6px 6px 6px 6px;
}

.help_ban form input[type="text"] {
  float: left;
  width: 598px;
  height: 56px;
  line-height: 56px;
  padding-left: 22px;
  font-size: 16px;
  color: #0A0C37;
}

.help_ban form button {
  float: left;
  width: 122px;
  height: 56px;
  line-height: 56px;
  background: #2468F2;
  box-shadow: 0px 0px 6px 1px rgba(36, 104, 242, 0.12);
  border-radius: 0px 6px 6px 0px;
  border: 0;
}

.help_ban form button i {
  margin-top: -2px;
}

.help_ban form button font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  font-size: 16px;
  color: #fff;
}

.help_sp1 {
  display: block;
  margin: 32px -10px 0 -10px;
}

.help_sp1 li {
  float: left;
  width: 285px;
  height: 120px;
  margin: 0 10px;
  border-radius: 10px;
}

.help_sp1 li:nth-child(1) {
  background: url("../images/list_bg1.png") no-repeat;
  background-size: 285px 120px;
}

.help_sp1 li:nth-child(2) {
  background: url("../images/list_bg2.png") no-repeat;
  background-size: 285px 120px;
}

.help_sp1 li:nth-child(3) {
  background: url("../images/list_bg3.png") no-repeat;
  background-size: 285px 120px;
}

.help_sp1 li:nth-child(4) {
  background: url("../images/list_bg4.png") no-repeat;
  background-size: 285px 120px;
}

.help_sp1 li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 108px;
}

.help_sp1 li h3 {
  display: block;
  margin-top: 29px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
  line-height: 29px;
}

.help_sp1 li p {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #5A5F7A;
  line-height: 21px;
}

.help_sp2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  width: 100%;
  height: 218px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.help_sp2 .help_sp_tit {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 21px 18px 0 24px;
}

.help_sp2 .help_sp_tit .fl {
  float: left;
}

.help_sp2 .help_sp_tit .it {
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 22px;
  margin-top: 7px;
  background: #2468F2;
  border-radius: 3px 3px 3px 3px;
}

.help_sp2 .help_sp_tit h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  margin-left: 14px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
}

.help_sp2 .help_sp_tit a {
  float: right;
  margin-top: 5px;
}

.help_sp2 .help_sp_tit a font {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  color: #6D7B9B;
  font-size: 16px;
}

.help_sp2 ul {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 18px 30px 0 32px;
}

.help_sp2 li {
  float: left;
  width: 284px;
  margin-bottom: 16px;
}

.help_sp2 li:hover .ico64 {
  background-position: -152px -293px;
}

.help_sp2 li:hover font {
  color: #2468F2;
}

.help_sp2 li font {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  margin-left: 4px;
  line-height: 26px;
  font-size: 16px;
  color: #0A0C37;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help_sp3 {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-bottom: 80px;
  width: 100%;
  height: 310px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.help_sp3 .help_sp_tit {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 21px 18px 0 24px;
}

.help_sp3 .help_sp_tit .fl {
  float: left;
}

.help_sp3 .help_sp_tit h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  margin-left: 14px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
}

.help_sp3 .help_sp_tit a {
  float: right;
  margin-top: 5px;
}

.help_sp3 .help_sp_tit a font {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  color: #6D7B9B;
  font-size: 16px;
}

.help_sp3 ul {
  display: block;
  margin: 20px 16px 0 16px;
}

.help_sp3 li {
  float: left;
  width: 272px;
  margin: 0 10px;
  border-radius: 12px;
}

.help_sp3 li:hover .box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 12, 55, 0.68);
  border-radius: 12px;
  z-index: 1;
}

.help_sp3 li:hover .box .ico41 {
  background-position: -188px -10px;
  z-index: 2;
}

.help_sp3 li .box {
  position: relative;
  display: block;
  width: 100%;
  height: 168px;
}

.help_sp3 li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.help_sp3 li .ico41 {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.help_sp3 li .time {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 26px;
  padding: 0 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  z-index: 2;
}

.help_sp3 li p {
  display: block;
  margin-top: 12px;
  font-size: 18px;
  color: #0A0C37;
  line-height: 24px;
}

.help_left {
  float: left;
  width: 860px;
  margin-top: 32px;
}

.help_right {
  float: left;
  width: 320px;
  margin-left: 20px;
  margin-top: 32px;
}

.side1, .side2 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 22px 20px 20px 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 12px;
}

.side1 .ti i, .side2 .ti i {
  float: left;
  width: 5px;
  height: 22px;
  background: #2468F2;
  border-radius: 3px 3px 3px 3px;
}

.side1 .ti h3, .side2 .ti h3 {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
  line-height: 22px;
}

.side1 .box {
  display: block;
  margin-top: 16px;
}

.side1 a {
  float: left;
  width: 136px;
  height: 80px;
  padding-top: 44px;
  padding-left: 16px;
  margin-bottom: 8px;
  margin-right: 8px;
  border-radius: 6px;
  font-size: 16px;
  color: #0A0C37;
}

.side1 a:nth-child(2n) {
  margin-right: 0;
}

.side1 a:nth-child(5), .side1 a:nth-child(6) {
  margin-bottom: 0;
}

.side1 .sid1 {
  background: url("../images/side1.png") no-repeat;
}

.side1 .sid2 {
  background: url("../images/side2.png") no-repeat;
}

.side1 .sid3 {
  background: url("../images/side3.png") no-repeat;
}

.side1 .sid4 {
  background: url("../images/side4.png") no-repeat;
}

.side1 .sid5 {
  background: url("../images/side5.png") no-repeat;
}

.side1 .sid6 {
  background: url("../images/side6.png") no-repeat;
}

.side1 .sid1:hover {
  background: url("../images/side1-2.png") no-repeat;
}

.side1 .sid2:hover {
  background: url("../images/side2-2.png") no-repeat;
}

.side1 .sid3:hover {
  background: url("../images/side3-2.png") no-repeat;
}

.side1 .sid4:hover {
  background: url("../images/side4-2.png") no-repeat;
}

.side1 .sid5:hover {
  background: url("../images/side5-2.png") no-repeat;
}

.side1 .sid6:hover {
  background: url("../images/side6-2.png") no-repeat;
}

.side2 a {
  display: block;
  width: 100%;
  height: 120px;
  padding-left: 18px;
  padding-top: 18px;
  margin-top: 16px;
  background: url("../images/bg14.png") no-repeat;
  border-radius: 6px;
}

.side2 a h4 {
  display: block;
  line-height: 26px;
  font-size: 20px;
  color: #FFFFFF;
}

.side2 a p {
  display: block;
  margin-top: 6px;
  line-height: 19px;
  font-size: 14px;
  color: #FFFFFF;
}

.side2 a .go {
  display: block;
  margin-top: 11px;
}

.side2 a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
}

.side2 .tel {
  display: block;
  width: 100%;
  height: 54px;
  padding-left: 18px;
  margin-top: 12px;
  background: #F5F5FA;
  border-radius: 6px 6px 6px 6px;
  line-height: 54px;
  font-size: 14px;
  color: #0A0C37;
}

.side2 .tel span {
  font-family: Bahnschrift, Bahnschrift;
  font-size: 20px;
  color: #2468F2;
}

.help_sp_tit {
  display: block;
  width: 100%;
  padding: 28px 32px 0 34px;
}

.help_sp_tit h3 {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px;
  line-height: 36px;
  font-weight: bold;
  font-size: 26px;
  color: #0A0C37;
}

.help_left_sp1 {
  display: block;
  width: 100%;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 12px;
}

.help_left_sp1 .help_list {
  display: block;
  width: 100%;
  padding: 30px 32px 0 34px;
}

.help_left_sp1 .help_list li {
  display: block;
  width: 100%;
  margin-bottom: 32px;
}

.help_left_sp1 .help_list li font {
  display: inline-block;
  vertical-align: top;
  width: 670px;
  margin-left: 6px;
  font-size: 16px;
  color: #0A0C37;
  line-height: 26px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help_left_sp1 .help_list li span {
  float: right;
  font-size: 14px;
  color: #8F9095;
  line-height: 26px;
}

.help_left_sp1 .help_list .page {
  margin-top: 8px;
  margin-bottom: 32px;
}

.page {
  display: inline-block;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.page a {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  border: 1px solid #D6D8DB;
  text-align: center;
  line-height: 34px;
  border-radius: 5px;
  font-size: 14px;
  color: #0A0C37;
}

.page .active {
  border: 1px solid #2468F2;
  color: #fff;
  background-color: #2468F2;
}

.help_detail {
  display: block;
  width: 100%;
  padding: 32px 42px 38px 38px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #fff;
}

.help_detail h1 {
  display: block;
  font-weight: bold;
  font-size: 36px;
  color: #0A0C37;
}

.help_detail .time {
  display: block;
  width: 100%;
  margin-top: 17px;
  padding-bottom: 16px;
  margin-bottom: 32px;
  border-bottom: 1px solid #F1F2F9;
}

.help_detail .time font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  font-size: 14px;
  color: #8F9095;
  line-height: 18px;
}

.help_detail .help_cont {
  display: block;
  /*
   * .m 使用 font-size: 0 消除 inline-block 间隙，
   * 详情正文需要在容器内恢复基准字号，避免 h2~h5 继承为 0 导致不可见。
   */
  font-size: 16px;
}

.help_detail .help_cont p {
  display: block;
  font-size: 16px;
  color: #0A0C37;
  line-height: 36px;
}

.help_detail .help_cont img {
  display: block;
  width: auto;
  max-width: 100%;
  /*
   * 富文本常带内联 width/height，若继承全局 object-fit: cover 会在限宽后发生裁切。
   * 这里强制恢复自适应高度并取消 cover 裁切，保证帮助正文图片完整展示。
   */
  height: auto !important;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 10px auto;
}

.help_detail .more_a {
  display: block;
  margin-top: 60px;
}

.help_detail .more_a a {
  display: inline-block;
  width: 384px;
  height: 68px;
  padding-left: 30px;
  padding-right: 18px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #F1F2F9;
  line-height: 66px;
  text-align: right;
}

.help_detail .more_a a:hover {
    border: 1px solid #2468F2;
    background-color: #F2F8FF;
}

.help_detail .more_a a font {
  display: inline-block;
  vertical-align: top;
  width: 302px;
  margin-left: 8px;
  font-size: 16px;
  color: #0A0C37;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help_detail .more_a a:first-child {
  padding-left: 18px;
  margin-right: 12px;
  text-align: left;
}

.help_detail .more_a a:hover font {
  color: #2468F2;
}
.help_detail .more_a a:hover .ico23 {
  background-image: url("../images/ico1000.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: -60px -13px
}
.help_detail .more_a a:hover .ico24 {
  background-image: url("../images/ico1000.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: -61px -61px;
}

.help_related {
  display: block;
  width: 100%;
  padding: 33px 38px 26px 38px;
  margin-bottom: 80px;
  background-color: #fff;
  border-radius: 12px;
}

.help_related .ti .is {
  float: left;
  width: 5px;
  height: 22px;
  background: #2468F2;
  border-radius: 3px 3px 3px 3px;
}

.help_related .ti h3 {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
  line-height: 22px;
}

.help_related .ti a {
  float: right;
  line-height: 22px;
}

.help_related .ti a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  font-size: 16px;
  color: #6D7B9B;
}

.help_related ul {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.help_related li {
  float: left;
  width: 386px;
  height: 68px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #F1F2F9;
  margin-right: 12px;
  margin-bottom: 12px;
  line-height: 68px;
}

.help_related li:hover {
  border: 1px solid #2468F2;
  background-color: #F2F8FF;
}

.help_related li:hover .ico64 {
  background-position: -152px -293px;
}

.help_related li:hover font {
  color: #2468F2;
}

.help_related li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 14px 0 18px;
}

.help_related li font {
  display: inline-block;
  vertical-align: top;
  width: 296px;
  margin-left: 6px;
  line-height: 66px;
  font-size: 16px;
  color: #0A0C37;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help_related li:hover .ico24 {
  background-image: url("../images/ico1000.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: -61px -61px;
}

.help_related li:nth-child(2n) {
  margin-right: 0;
}

.sidebar_nav {
  float: left;
  width: 170px;
  margin-top: 38px;
  margin-bottom: 80px;
}

.sidebar_nav .nav_item {
  display: block;
  width: 150px;
  height: 56px;
  padding-left: 22px;
  margin-bottom: 4px;
  border-radius: 12px 0px 0px 12px;
  line-height: 56px;
}

.sidebar_nav .nav_item.active {
  background: linear-gradient(90deg, rgba(36, 104, 242, 0.18) 0%, rgba(36, 104, 242, 0.12) 10.88%, rgba(36, 104, 242, 0) 100%);
}

.sidebar_nav .nav_item.active span {
  font-weight: bold;
  color: #0A0C37;
}

.sidebar_nav .nav_item.active .user_ico5 {
  background-position: -54px -10px;
}

.sidebar_nav .nav_item.active .user_ico1 {
  background-position: -54px -54px;
}

.sidebar_nav .nav_item.active .user_ico2 {
  background-position: -98px -54px;
}

.sidebar_nav .nav_item.active .user_ico3 {
  background-position: -54px -98px;
}

.sidebar_nav .nav_item.active .user_ico4 {
  background-position: -142px -10px;
}

.sidebar_nav .nav_item span {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  font-size: 16px;
  color: #6D7B9B;
}

.content_wrapper {
  float: left;
  width: 1030px;
  margin-top: 38px;
}

.content_wrapper .tit .is {
  float: left;
  width: 5px;
  height: 22px;
  background: #2468F2;
  border-radius: 3px 3px 3px 3px;
}

.content_wrapper .tit span {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  font-weight: bold;
  font-size: 22px;
  color: #000;
  line-height: 22px;
}

.content_wrapper .tit a {
  float: right;
  font-size: 16px;
  color: #6D7B9B;
}

.content_wrapper .tit a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  line-height: 22px;
}

.content_wrapper .tit a i {
  margin-top: -2px;
}

.user_info {
  float: left;
  width: 360px;
  height: 500px;
  background: url("../images/bg36.png");
  border-radius: 12px 12px 12px 12px;
}

.user_info .notice {
  display: block;
  width: 100%;
  height: 42px;
  background: url("../images/bg24.png") no-repeat;
  border-radius: 12px 12px 0px 0px;
}

.user_info .notice h4 {
  float: left;
  padding-left: 18px;
  line-height: 42px;
  font-size: 14px;
  color: #0A0C37;
}

.user_info .notice span {
  color: #2468F2;
}

.user_info .notice a {
  float: right;
  margin-right: 16px;
  line-height: 42px;
}

.user_info .notice a font {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  font-size: 14px;
  color: #2468F2;
}

.user_info .profile {
  display: block;
  height: 168px;
  padding-top: 21px;
  box-sizing: border-box;
  margin: 0 18px;
  border-bottom: 1px solid #F4F6F9;
}

.user_info .profile .ico66 {
  margin-top: 28px;
  margin-right: 12px;
}

.user_info .profile .profile_info {
  display: inline-block;
  vertical-align: top;
}

.user_info .profile .name {
  display: block;
  margin-top: 34px;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
  line-height: 28px;
}

.user_info .profile .name a {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  padding: 0 8px;
  margin-left: 12px;
  line-height: 26px;
  border-radius: 14px 14px 14px 14px;
  border: 1px solid #ACB8D1;
  font-size: 14px;
  color: #6D7B9B;
  font-weight: normal;
}

.user_info .profile .reg_time {
  display: block;
  margin-top: 8px;
  line-height: 19px;
  font-size: 14px;
  color: #6D7B9B;
}

.user_info .wallet_card {
  display: block;
  margin: 28px 18px 0 18px;
}

.user_info .wallet_card .box {
  display: block;
  width: 100%;
  height: 188px;
  padding: 22px 20px;
  margin-top: 16px;
  background: #F6F9FF;
  border-radius: 8px 8px 8px 8px;
}

.user_info .wallet_card .box .balance_amount {
  display: block;
  font-family: Bahnschrift, Bahnschrift;
  font-weight: bold;
  font-size: 36px;
  color: #F22424;
  line-height: 36px;
}

.user_info .wallet_card .box .balance_label {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #6D7B9B;
  line-height: 19px;
}

.user_info .wallet_card .box .stats {
  display: block;
  margin-top: 36px;
}

.user_info .wallet_card .box .stat_number {
  display: block;
  font-family: Bahnschrift, Bahnschrift;
  font-weight: bold;
  font-size: 28px;
  color: #3D3F6A;
  line-height: 28px;
}

.user_info .wallet_card .box .stat_label {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: #6D7B9B;
  line-height: 19px;
}

.user_info .wallet_card .box .stat_item {
  float: left;
  width: 50%;
}

.user_info .wallet_card .box .stat_item:first-child {
  position: relative;
}

.user_info .wallet_card .box .stat_item:first-child::before {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1px;
  height: 48px;
  background: #DFE3EB;
}

.user_info .wallet_card .box .stat_item:last-child {
  padding-left: 22px;
}

.user_info .wallet_actions {
  display: block;
  margin-top: 12px;
}

.user_info .wallet_actions a {
  display: inline-block;
  vertical-align: top;
  width: 156px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #D6D8DB;
  font-size: 16px;
  color: #0A0C37;
  line-height: 46px;
  text-align: center;
}

.user_info .wallet_actions a.order:hover {
  border: 1px solid #2468F2;
  color: #2468F2;
}

.user_info .wallet_actions .recharge {
  margin-left: 12px;
  background: #2468F2;
  border: 1px solid #2468F2;
}

.user_info .wallet_actions .recharge:hover {
  background: #1158E8;
  border: 1px solid #1158E8;
}

.user_info .wallet_actions .recharge i {
  margin-top: -2px;
}

.user_info .wallet_actions .recharge font {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  line-height: 46px;
  font-size: 16px;
  color: #FFFFFF;
}

.cards_grid {
  float: left;
  width: 650px;
  height: 248px;
  padding: 12px;
  margin-left: 20px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.cards_grid .card {
  position: relative;
  float: left;
  width: 301px;
  margin: 6px;
  height: 100px;
  padding: 16px 0 0 22px;
  background: #F6F8FA;
  border-radius: 8px 8px 8px 8px;
}

.cards_grid .card_title {
  display: block;
  font-size: 20px;
  color: #0A0C37;
  line-height: 26px;
}

.cards_grid .card_desc {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #6D7B9B;
  line-height: 19px;
}

.cards_grid .card_desc span {
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  line-height: 36px;
  font-weight: bold;
  font-size: 36px;
  color: #2468F2;
}

.cards_grid .card_action {
  position: absolute;
  top: 32px;
  right: 22px;
  height: 36px;
  padding: 0 22px;
  line-height: 34px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #2468F2;
  font-size: 14px;
  color: #2468F2;
}

.cards_grid .card_action:hover {
  background: #2468F2;
  color: #fff;
}

.contact_card {
  float: left;
  width: 336px;
  height: 232px;
  margin-top: 20px;
  margin-left: 20px;
  padding: 22px 18px 0 18px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.contact_card .qq {
  float: left;
  width: 168px;
  height: 92px;
  margin-top: 16px;
  padding-left: 19px;
  padding-top: 19px;
  background: url("../images/bg15.png") no-repeat;
  border-radius: 6px 6px 6px 6px;
}

.contact_card .qq h4 {
  display: block;
  line-height: 24px;
  font-size: 18px;
  color: #FFFFFF;
}

.contact_card .qq p {
  display: block;
  margin-top: 5px;
}

.contact_card .qq p font {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  line-height: 26px;
  font-size: 14px;
  color: #FFFFFF;
}

.contact_card .qr {
  float: left;
  width: 120px;
  height: 92px;
  margin-top: 16px;
  margin-left: 12px;
  padding-left: 8px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E1E3E5;
  line-height: 90px;
}

.contact_card .qr .qr_hint {
  display: inline-block;
  vertical-align: middle;
  writing-mode: vertical-lr;
  font-size: 12px;
  color: #959CA5;
  line-height: 1;
}

.contact_card .qr .ico11 {
  margin: 0 6px 0 5px;
}

.contact_card .qr img {
  display: inline-block;
  vertical-align: middle;
  width: 76px;
  height: 76px;
}

.contact_card .tel {
  float: left;
  width: 100%;
  height: 50px;
  padding-left: 18px;
  margin-top: 12px;
  background: #F5F5FA;
  border-radius: 6px 6px 6px 6px;
  line-height: 50px;
  font-size: 14px;
  color: #0A0C37;
}

.contact_card .tel span {
  font-family: Bahnschrift, Bahnschrift;
  font-size: 20px;
  color: #2468F2;
  font-weight: bold;
}

.activity_card {
  float: left;
  width: 294px;
  height: 232px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 22px 18px 0 18px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.activity_card a {
  display: block;
  width: 100%;
  height: 154px;
  margin-top: 16px;
}

.activity_card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.faq_card {
  display: inline-block;
  width: 100%;
  height: 202px;
  margin-top: 20px;
  padding: 24px 28px 0 18px;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 12px;
}

.faq_card ul {
  display: block;
  vertical-align: top;
  padding: 18px 0 0 0;
  margin-left: -4px;
}

.faq_card li {
  float: left;
  width: 329px;
  margin-bottom: 16px;
}

.faq_card li:hover .ico64 {
  background-position: -152px -293px;
}

.faq_card li:hover font {
  color: #2468F2;
}

.faq_card li font {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin-left: 4px;
  line-height: 26px;
  font-size: 16px;
  color: #0A0C37;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.current_ip {
  position: relative;
  display: block;
  padding-top: 33px;
  background: url("../images/bg13-2.png") no-repeat;
}

.current_ip .box {
  display: block;
  width: 1030px;
  height: 84px;
  background: url("../images/bg37.png") no-repeat;
  border-radius: 12px 12px 12px 12px;
  line-height: 84px;
}

.current_ip .fl {
  float: left;
  margin-top: 21px;
  padding-left: 18px;
  font-size: 16px;
  color: #0A0C37;
  line-height: 42px;
}

.current_ip .fl span {
  display: inline-block;
  vertical-align: top;
  margin-left: 18px;
  font-weight: bold;
  font-size: 32px;
  color: #2468F2;
  line-height: 42px;
}

.current_ip a {
  float: right;
  height: 42px;
  padding: 0 15px;
  margin-right: 18px;
  margin-top: 21px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  line-height: 40px;
  border: 1px solid #2468F2;
  font-size: 16px;
  color: #2468F2;
}

.current_ip .white_jj {
  position: absolute;
  left: 0;
  top: 0;
  height: 33px;
  padding-left: 15px;
  line-height: 33px;
}

.current_ip .white_jj i {
  vertical-align: top;
  margin-top: 6px;
}

.current_ip .white_jj font {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  font-size: 14px;
  color: #FFFFFF;
}

.whitelist_list {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 80px;
  padding: 20px 18px 40px 18px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
  font-size: 0;
}

.whitelist_list .top {
  display: inline-block;
  width: 100%;
}

.whitelist_list .titspan, .whitelist_list .titspan2 {
  float: left;
  height: 42px;
  font-size: 14px;
  color: #0A0C37;
  line-height: 42px;
}

.whitelist_list .titspan i, .whitelist_list .titspan2 i {
  color: #FF0000;
}

.whitelist_list .titspan2 {
  width: 72px;
  text-align: right;
}

.whitelist_list .inputtxt, .whitelist_list .inputtxt2 {
  float: left;
  width: 320px;
  height: 42px;
  padding-left: 16px;
  margin-left: 12px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 40px;
  font-size: 14px;
  color: #0A0C37;
}

.whitelist_list .inputtxt::-webkit-input-placeholder, .whitelist_list .inputtxt2::-webkit-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.whitelist_list .inputtxt::-moz-placeholder, .whitelist_list .inputtxt2::-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.whitelist_list .inputtxt:-moz-placeholder, .whitelist_list .inputtxt2:-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.whitelist_list .inputtxt:-ms-input-placeholder, .whitelist_list .inputtxt2:-ms-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.whitelist_list .inputtxt2 {
  width: 420px;
}

.whitelist_list .inputsub {
  float: left;
  width: 98px;
  height: 42px;
  margin-left: 12px;
  line-height: 42px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  border: 0;
}

.whitelist_list .inputsub font {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #fff;
}

.whitelist_list table {
  width: 100%;
  margin-top: 12px;
  border-radius: 6px 6px 0px 0px;
  text-align: center;
  overflow: hidden;
}

.whitelist_list thead {
  height: 46px;
  background: #F0F4FD;
}

.whitelist_list th {
  font-size: 14px;
  color: #6D7B9B;
  text-align: center;
}

.whitelist_list td {
  height: 56px;
  border-bottom: 1px solid #F2F3F5;
  font-size: 16px;
  color: #959CA5;
}

.whitelist_list td font {
  color: #0A0C37;
}

.whitelist_list td .show1 {
  display: none;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  font-size: 14px;
  color: #222;
  border: 1px solid #E4E9F1;
  border-radius: 6px;
}

.whitelist_list td .show2 {
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  font-size: 16px;
  color: #959CA5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitelist_list td .ico39 {
  margin-left: 4px;
}

.whitelist_list td .ico39:hover {
  background-position: -244px -292px;
}

.whitelist_list td .ico52:hover {
  background-position: -360px -102px;
}

.whitelist_list .bei_z {
  padding-left: 20px;
  text-align: left;
}

.whitelist_list .page {
  margin-top: 31px;
}

.flow-whitelist-list .top {
  position: relative;
  overflow: hidden;
}

.flow-whitelist-list .flow-security-input {
  width: 200px;
  margin-left: 10px;
}

.flow-whitelist-list .flow-ip-input {
  width: 190px;
  margin-left: 10px;
}

.flow-whitelist-list .flow-remark-title {
  width: 52px;
  margin-left: 10px;
  text-align: right;
}

.flow-whitelist-list .flow-remark-input {
  width: 210px;
  margin-left: 10px;
}

.flow-whitelist-list .flow-query-btn,
.flow-whitelist-list .flow-add-btn {
  margin-left: 10px;
}

.flow-whitelist-list .flow-whitelist-msg {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #6D7B9B;
}

.flow-whitelist-list .flow-whitelist-msg.err {
  color: #F20E44;
}

.flow-whitelist-list .flow-whitelist-msg.ok {
  color: #14A44D;
}

.flow-whitelist-list .flow-empty-row {
  text-align: center;
  color: #959CA5;
}

.flow-pack-list-card .flow-pack-top {
  min-height: 40px;
}

.flow-pack-list-card .flow-pack-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.flow-pack-list-card .flow-pack-title {
  margin: 0;
  text-align: left;
  font-size: 22px;
  line-height: 30px;
  color: #0A0C37;
}

.flow-pack-list-card td {
  font-size: 14px;
}

.flow-pack-list-card .flow-empty-row {
  text-align: center;
  color: #959CA5;
}

.flow-pack-list-card .flow-pack-change-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 14px;
  color: #FFFFFF;
  background: #2468F2;
  white-space: nowrap;
}

.flow-pack-list-card .flow-pack-change-btn:hover {
  background: #1D59D2;
}

.flow-pack-list-card .flow-pack-status {
  display: inline-block;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background: #F0F4FD;
  color: #2468F2;
}

.flow-pack-pwd-modal .box {
  width: 460px;
  padding: 24px 26px 26px;
}

.flow-pack-pwd-modal .close {
  position: absolute;
  right: 18px;
  top: 16px;
}

.flow-pack-pwd-modal .modal-header {
  text-align: left;
}

.flow-pack-pwd-modal .modal-header h4 {
  margin: 0;
  font-size: 22px;
  line-height: 30px;
  color: #0A0C37;
}

.flow-pack-pwd-modal .modal-header p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #72738B;
}

.flow-pack-pwd-modal .flow-pack-pwd-body {
  margin-top: 18px;
}

.flow-pack-pwd-modal .flow-pack-pwd-body input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #D6DCE6;
  border-radius: 6px;
  font-size: 14px;
  line-height: 42px;
  color: #0A0C37;
  background: #FFFFFF;
}

.flow-pack-pwd-modal .flow-pack-pwd-body input:focus {
  border-color: #2468F2;
}

.flow-pack-pwd-modal .flow-pack-pwd-tip {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #8E94A3;
}

.flow-pack-pwd-modal .flow-pack-pwd-msg {
  min-height: 20px;
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
}

.flow-pack-pwd-modal .flow-pack-pwd-msg.err {
  color: #F20E44;
}

.flow-pack-pwd-modal .flow-pack-pwd-msg.ok {
  color: #14A44D;
}

.flow-pack-pwd-modal .flow-pack-pwd-submit {
  display: block;
  width: 100%;
  height: 44px;
  margin-top: 6px;
  border-radius: 6px;
  background: #2468F2;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  color: #FFFFFF;
}

.flow-pack-pwd-modal .flow-pack-pwd-submit:hover {
  background: #1D59D2;
}

.flow-pack-pwd-modal .flow-pack-pwd-submit.hie {
  background: #B7C4DD;
  cursor: not-allowed;
  pointer-events: none;
}

.static-ip-list-card .static-ip-top {
  min-height: 26px;
}

.static-ip-list-card .static-ip-title {
  margin: 0;
  text-align: left;
  font-size: 22px;
  line-height: 30px;
  color: #0A0C37;
}

.static-ip-list-card .static-ip-empty-row {
  text-align: center;
  color: #959CA5;
}

.static-ip-list-card input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #C9D0DF;
  border-radius: 3px;
  background: #fff;
  position: relative;
}

.static-ip-list-card input[type="checkbox"]:checked {
  background: #2468F2;
  border-color: #2468F2;
}

.static-ip-list-card input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

.static-ip-list-card th:first-child,
.static-ip-list-card td:first-child {
  text-align: center;
}

.static-ip-list-card .static-ip-renew-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EDEFF4;
  flex-wrap: wrap;
}

.static-ip-list-card .static-ip-renew-bar .tip {
  font-size: 14px;
  color: #6D7B9B;
  margin-right: 8px;
}

.static-ip-list-card .static-ip-renew-bar select {
  height: 36px;
  padding: 0 10px;
  border: 1px solid #D6D8DB;
  border-radius: 6px;
  font-size: 14px;
  color: #0A0C37;
}

.static-ip-list-card .static-ip-renew-bar label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #0A0C37;
}

.static-ip-list-card .static-ip-renew-btn {
  display: inline-block;
  min-width: 120px;
  height: 36px;
  padding: 0 16px;
  border-radius: 6px;
  background: #2468F2;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}

.static-ip-list-card .static-ip-renew-btn.hie {
  background: #B7C4DD;
  cursor: not-allowed;
  pointer-events: none;
}

.security-code-card {
  display: block;
  width: 100%;
  min-height: 420px;
  margin-bottom: 80px;
  padding: 28px 30px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.security-code-card h3 {
  font-size: 28px;
  line-height: 36px;
  color: #0A0C37;
}

.security-code-card .desc {
  margin-top: 12px;
  line-height: 24px;
  font-size: 14px;
  color: #6D7B9B;
}

.security-code-card .status {
  margin-top: 20px;
  line-height: 26px;
  font-size: 15px;
  color: #0A0C37;
}

.security-code-card .status strong.ok {
  color: #14A44D;
}

.security-code-card .status strong.warn {
  color: #F2A60E;
}

.security-code-card .status em {
  margin-left: 10px;
  color: #F20E44;
}

.security-code-card form {
  margin-top: 24px;
  max-width: 560px;
}

.security-code-card .field {
  margin-bottom: 16px;
}

.security-code-card .field label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #0A0C37;
}

.security-code-card .field input {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #D6D8DB;
  border-radius: 6px;
  line-height: 42px;
  font-size: 14px;
  color: #0A0C37;
}

.security-code-card .submit {
  display: inline-block;
  min-width: 160px;
  height: 44px;
  border: 0;
  background: #2468F2;
  border-radius: 6px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.security-code-card .msg {
  margin-top: 14px;
  min-height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #6D7B9B;
}

.security-code-card .msg.err {
  color: #F20E44;
}

.security-code-card .msg.ok {
  color: #14A44D;
}

.ddgl_top {
  display: inline-block;
  width: 100%;
  line-height: 42px;
  font-size: 14px;
  color: #B8BABF;
}

.ddgl_top .box {
  float: left;
  margin-left: 42px;
}

.ddgl_top .titspan {
  float: left;
  line-height: 42px;
  font-size: 14px;
  color: #0A0C37;
}

.ddgl_top .titinput {
  float: left;
  width: 403px;
  height: 42px;
  margin-left: 12px;
  padding-left: 16px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 40px;
  color: #0A0C37;
  font-size: 14px;
}

.ddgl_top .titinput::-webkit-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .titinput::-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .titinput:-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .titinput:-ms-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .time {
  display: inline-block;
  vertical-align: top;
  width: 168px;
  height: 42px;
  padding-left: 16px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 40px;
}

.ddgl_top .time::-webkit-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .time::-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .time:-moz-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .time:-ms-input-placeholder {
  color: #B8BABF;
  font-size: 14px;
}

.ddgl_top .inputsub {
  float: left;
  width: 98px;
  height: 42px;
  margin-left: 12px;
  line-height: 42px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  border: 0;
}

.ddgl_top .inputsub font {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #fff;
}

.ddgl_box {
  display: block;
  width: 100%;
  padding: 20px 18px 0 18px;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 12px;
}

.ddgl_box .ddgl_list {
  display: block;
  width: 100%;
}

.ddgl_box .ddgl_list li {
  display: block;
  width: 100%;
  margin-top: 19px;
}

.ddgl_box .ddgl_list .dh {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #0A0C37;
  line-height: 19px;
}

.ddgl_box .ddgl_list table {
  width: 100%;
  text-align: center;
  border-radius: 6px 0 0 6px;
}

.ddgl_box .ddgl_list th {
  background: #F0F4FD;
  line-height: 42px;
  font-size: 14px;
  color: #6D7B9B;
  text-align: center;
  border: 1px solid #F0F4FD;
}

.ddgl_box .ddgl_list td {
  line-height: 51px;
  border-left: 1px solid #F0F4FD;
  border-bottom: 1px solid #F0F4FD;
  border-right: 1px solid #F0F4FD;
  font-size: 16px;
  color: #0A0C37;
}

.ddgl_box .ddgl_list td a {
  display: inline-block;
  height: 26px;
  padding: 0 9px;
  margin-left: 8px;
  background: #F8F8F8;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #D6D8DB;
  line-height: 24px;
  color: #5F6670;
}

.ddgl_box .ddgl_list .money {
  color: #FFB443;
}

.ddgl_box .ddgl_list .orange {
  color: #FFB443;
}

.ddgl_box .ddgl_list .red {
  color: #FF0000;
}

.ddgl_box .ddgl_list .green {
  color: #07C92E;
}

.ddgl_box .page {
  margin-top: 32px;
  margin-bottom: 42px;
}

.kjfp_top {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.kjfp_top .kjfp_top_li {
  float: left;
  width: 276px;
  height: 48px;
  padding-left: 18px;
  margin-left: -18px;
  background: #2468F2;
  line-height: 48px;
  color: #2468F2;
  font-size: 16px;
  background: url("../images/bg26.png") no-repeat;
  text-align: center;
}

.kjfp_top .kjfp_top_li.active {
  background: url("../images/bg26h.png") no-repeat;
  color: #fff;
}

.kjfp_top .kjfp_top_li:nth-child(1) {
  width: 256px;
  padding-left: 0;
  padding-right: 18px;
  margin-left: 0;
  background: url("../images/bg25.png") no-repeat;
}

.kjfp_top .kjfp_top_li font {
  font-size: 20px;
}

.kjfp_list {
  display: block;
  margin-top: 20px;
  padding: 20px 18px 30px 18px;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 12px;
}

.kjfp_list table {
  width: 100%;
  margin-top: 12px;
  border-radius: 6px 6px 0px 0px;
  text-align: center;
  overflow: hidden;
}

.kjfp_list thead {
  height: 42px;
  background: #F0F4FD;
}

.kjfp_list th {
  font-size: 14px;
  color: #6D7B9B;
  text-align: center;
}

.kjfp_list td {
  height: 56px;
  border-bottom: 1px solid #F2F3F5;
  font-size: 16px;
  color: #959CA5;
}

.kjfp_list td font {
  color: #0A0C37;
}

.kjfp_list td .money {
  color: #FFB443;
}

.kjfp_list .chec {
  padding-left: 18px;
  font-size: 0;
  text-align: left;
}

.kjfp_list .chec label {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
  cursor: pointer;
}

.kjfp_list .chec .ico27 {
  vertical-align: top;
}

.kjfp_list .chec .checkbox-item:checked ~ .ico27 {
  background-position: -450px -210px;
}

.kjfp_list .chec font {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  line-height: 56px;
  font-size: 16px;
}

.kjfp_list .wddd_sett {
  display: block;
  margin-top: 19px;
  text-align: right;
}

.kjfp_list .wddd_sett .dd {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #0A0C37;
}

.kjfp_list .wddd_sett .dd span {
  color: #FF0000;
}

.kjfp_list .wddd_sett a {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  padding: 0 18px 0 15px;
  margin-left: 28px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  line-height: 42px;
}

.kjfp_list .wddd_sett a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  color: #fff;
  font-size: 14px;
}

.kjfp_form {
  display: block;
  padding: 26px 36px 60px 36px;
  margin-bottom: 80px;
  margin-top: 20px;
  background: #fff;
  border-radius: 12px;
}

.kjfp_form h3 {
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: #0A0C37;
}

.kjfp_form .pac_kjfp1 {
  display: block;
  margin-top: 37px;
}

.kjfp_form .lie {
  display: inline-block;
  width: 100%;
  line-height: 46px;
  margin-bottom: 16px;
}

.kjfp_form .lie span {
  float: left;
  width: 304px;
  margin-right: 18px;
  text-align: right;
  font-size: 16px;
  color: #0A0C37;
}

.kjfp_form .lie span em {
  color: #FF0000;
}

.kjfp_form input[type="text"] {
  float: left;
  width: 380px;
  height: 46px;
  padding-left: 18px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  font-size: 16px;
  color: #0A0C37;
  line-height: 44px;
}

.kjfp_form .label_box {
  float: left;
  margin-right: 46px;
  line-height: 46px;
}

.kjfp_form input[type="radio"]:checked ~ .label_box .ico27 {
  background-position: -450px -210px;
}

.kjfp_form input[type="radio"]:checked ~ .label_box font {
  color: #2468F2;
}

.kjfp_form label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.kjfp_form label font {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 16px;
  color: #0A0C37;
}

.kjfp_form .button {
  float: left;
  width: 160px;
  height: 48px;
  margin-top: 26px;
  background: #2468F2;
  border-radius: 6px 6px 6px 6px;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  text-align: center;
}

.kjfp_form .return {
  float: left;
  width: 140px;
  height: 48px;
  margin-top: 26px;
  margin-left: 16px;
  background: #F8F8F8;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 46px;
  font-size: 16px;
  color: #0A0C37;
  text-align: center;
}

.buy_ban {
  position: relative;
  display: inline-block;
  margin-top: -70px;
  padding-top: 70px;
  width: 100%;
  background: url("../images/bg3.png") no-repeat top center;
  background-size: 1920px 1078px;
}

.buy_ban h2 {
  display: block;
  margin: 36px auto 8px auto;
  text-align: center;
  font-weight: bold;
  font-size: 56px;
  color: #FFFFFF;
  line-height: 74px;
}

.buy_ban .buy_tj {
  display: block;
  width: 435px;
  height: 31px;
  margin: 0 auto;
  background: url("../images/bg21.png") no-repeat;
  background-position: 0 9px;
  text-align: center;
  background-size: 435px 17px;
  font-size: 24px;
  color: #C9D1E1;
}

.buy_ban .buy_tab {
  display: block;
  width: 582px;
  height: 62px;
  margin: 34px auto 28px auto;
  padding: 3px;
  background: rgba(128, 137, 155, 0.36);
  border-radius: 8px 8px 8px 8px;
}

.buy_ban .buy_tab a {
  position: relative;
  display: inline-block;
  width: 192px;
  height: 56px;
  line-height: 56px;
  border-radius: 6px 6px 6px 6px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.buy_ban .buy_tab .buy-tab-tag {
  position: absolute;
  top: -11px;
  left: 75%;
  width: auto;
  height: 20px;
  transform: translateX(-50%);
}

.buy_ban .buy_tab .dmdyh {
  left: 78%;
}

.buy_ban .buy_tab a.active {
  background: #2468F2;
}

.buy_ban .buy_conts {
  display: inline-block;
  width: 100%;
}

.buy_ban .buy_conts .cont {
  display: none;
}

.buy_ban .buy_conts .cont.active {
  display: block;
}

.buy_ban .cont1_left {
  float: left;
  width: 740px;
  height: 626px;
  padding: 42px 36px 0 36px;
  border-radius: 12px 0 0 12px;
  background-color: #fff;
}

.buy_ban .cont1_left li {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  padding: 0 28px;
  margin-bottom: 12px;
  background: #F8FAFD;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  cursor: pointer;
}

.buy_ban .cont1_left li.active {
  border: 1px solid #2468F2;
  background: #F2F8FF;
}

.buy_ban .cont1_left li.active .ico12 {
  background-position: -205px -242px;
}

.buy_ban .cont1_left .hot {
  position: absolute;
  left: -1px;
  top: -26px;
  width: 118px;
  height: 48px;
  padding-left: 38px;
  color: #fff;
  font-size: 14px;
  line-height: 48px;
  background: url("../images/bg17.png") no-repeat;
}

.buy_ban .cont1_left label {
  float: left;
  margin-top: 36px;
  margin-right: 18px;
}

.buy_ban .cont1_left .tsx {
  float: left;
}

.buy_ban .cont1_left .tsx h4 {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  color: #0A0C37;
  line-height: 31px;
}

.buy_ban .cont1_left .tsx p {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
}

.buy_ban .cont1_left .tsx font {
  color: #F20E44;
}

.buy_ban .cont1_left .tsx i {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 14px;
  margin: 4px 10px 0 10px;
  background-color: #9C9EAF;
}

.buy_ban .cont1_left .mor {
  float: right;
}

.buy_ban .cont1_left .mor .mor_min {
  display: inline-block;
  vertical-align: top;
  margin-right: 9px;
  margin-top: 25px;
  text-align: right;
}

.buy_ban .cont1_left .mor .mor_min .mor_zk {
  display: inline-block;
  width: 57px;
  height: 20px;
  padding-right: 5px;
  background: url("../images/bg28.png") no-repeat;
  font-size: 14px;
  color: #fff;
  text-align: right;
}

.buy_ban .cont1_left .mor .mor_min p {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #8F9FB6;
  text-decoration-line: line-through;
}

.buy_ban .cont1_left .mor span {
  display: inline-block;
  margin-top: 29px;
  font-size: 22px;
  font-weight: bold;
  color: #F20E44;
}

.buy_ban .cont1_left .mor span b {
  display: inline-block;
  font-size: 46px;
  line-height: 46px;
  font-family: Bahnschrift, Bahnschrift;
}

.buy_ban .cont1_right {
  float: left;
  width: 460px;
  height: 626px;
  padding: 36px 36px 0 0;
  background-color: #fff;
  border-radius: 0 12px 12px 0;
}

.buy_ban .cont1_right .cont1_qy {
  display: block;
  width: 100%;
  height: 366px;
  padding-top: 20px;
  padding-left: 18px;
  margin-top: 17px;
  background: linear-gradient(180deg, #F4F6FA 0%, rgba(244, 246, 250, 0) 100%);
  border-radius: 6px 6px 6px 6px;
}

.buy_ban .cont1_right .cont1_qy .lie {
  display: block;
  width: 100%;
  margin-bottom: 18px;
}

.buy_ban .cont1_right .cont1_qy font {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  line-height: 32px;
  font-size: 16px;
  color: #455E74;
}

.buy_ban .cont1_money {
  display: block;
}

.buy_ban .cont1_money .pt {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  font-size: 14px;
  color: #8C8EA2;
  min-height: auto;
  line-height: normal;
  margin: 28px 0 18px;
}

.buy_ban .cont1_money .pt .flow-total-main {
  display: inline-flex;
  align-items: flex-end;
}

.buy_ban .cont1_money .pt .flow-total-main .label {
  display: inline-block;
  line-height: 20px;
}

.buy_ban .cont1_money .pt .flow-total-main .amount {
  display: inline-flex;
  align-items: baseline;
  line-height: 1;
  font-size: 22px;
  color: #F20E44;
}

.buy_ban .cont1_money .pt .flow-total-main .amount .currency {
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0.3em;
}

.buy_ban .cont1_money .pt .flow-total-main .amount b {
  display: inline-block;
  font-family: Bahnschrift, Bahnschrift;
  font-weight: bold;
  font-size: 52px;
  color: #F20E44;
  line-height: 1;
  transform: none;
}

/* 大字号 Bahnschrift 在视觉基线上偏高，做轻微光学下移修正。 */
.buy_ban .cont1_money .pt .flow-total-main .amount #flow-total-amount {
  position: relative;
  top: 0.14em;
}

.buy_ban .cont1_money .pt .flow-total-meta {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.buy_ban .cont1_money .pt .flow-total-meta.is-hidden {
  display: none;
}

.buy_ban .cont1_money .pt .flow-total-meta .mor_zk {
  display: inline-block;
  width: 57px;
  height: 20px;
  padding-right: 5px;
  background: url("../images/bg28.png") no-repeat;
  font-size: 14px;
  color: #fff;
  text-align: right;
  line-height: 20px;
}

.buy_ban .cont1_left .mor .mor_min .flow-discount-badge,
.buy_ban .cont1_money .pt .flow-total-meta .flow-discount-badge {
  padding: 0;
}

/* 动态流量折扣角标：1GB 沿用 bg28，其余套餐按文案长度使用完整异形背景。 */
.buy_ban .flow-discount-badge .flow-discount-current,
.buy_ban .flow-discount-badge .flow-discount-extra {
  display: block;
  height: 20px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  white-space: nowrap;
}

/* 套餐价格区域原有 span 规则权重较高，这里只重置角标内部文字，避免影响价格数字。 */
.buy_ban .cont1_left .mor .flow-discount-badge > .flow-discount-current,
.buy_ban .cont1_left .mor .flow-discount-badge > .flow-discount-extra {
  display: block;
  height: 20px;
  margin-top: 0;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
}

.buy_ban .cont1_left .mor .flow-discount-badge > .flow-discount-extra {
  color: #F9E0C4;
}

.buy_ban .flow-discount-badge .flow-discount-current {
  width: 57px;
  padding-right: 5px;
  text-align: right;
}

.buy_ban .flow-discount-badge .flow-discount-extra {
  display: none;
}

.buy_ban .cont1_left .mor .mor_min .flow-discount-badge.has-extra,
.buy_ban .cont1_money .pt .flow-total-meta .flow-discount-badge.has-extra {
  display: inline-flex;
  height: 20px;
  padding: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  vertical-align: top;
}

.buy_ban .cont1_left .mor .mor_min .flow-discount-badge.has-extra.is-short,
.buy_ban .cont1_money .pt .flow-total-meta .flow-discount-badge.has-extra.is-short {
  width: 128px;
  background-image: url("../images/dtzk3.png");
}

.buy_ban .cont1_left .mor .mor_min .flow-discount-badge.has-extra.is-long,
.buy_ban .cont1_money .pt .flow-total-meta .flow-discount-badge.has-extra.is-long {
  width: 138px;
  background-image: url("../images/dtzk4.png");
}

.buy_ban .flow-discount-badge.has-extra .flow-discount-current {
  flex: 0 0 64px;
  width: 64px;
  padding: 0 0 0 6px;
  box-sizing: border-box;
  text-align: center;
}

.buy_ban .flow-discount-badge.has-extra .flow-discount-extra {
  flex: 1;
  display: block;
  height: 20px;
  padding: 0;
  color: #F9E0C4;
  text-align: center;
  transform: translateX(-2px);
}

.buy_ban .cont1_money .pt .flow-total-meta .original-price {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
  font-family: Bahnschrift, Bahnschrift;
  color: #8F9FB6;
  text-decoration-line: line-through;
}

.buy_ban .cont1_money a {
  display: block;
  width: 100%;
  height: 52px;
  margin-top: 0;
  background: #F20E44;
  border-radius: 6px 6px 6px 6px;
  line-height: 52px;
  text-align: center;
}

.buy_ban .cont1_money a:hover {
  background: #E40D40;
}

.buy_ban .cont1_money a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  line-height: 52px;
  color: #FFFFFF;
  font-size: 16px;
}

.buy_ban .cont2_left {
  float: left;
  width: 860px;
  height: 605px;
  padding: 26px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
}

.buy_ban .cont2_left .benefit {
  display: block;
  width: 100%;
  height: 56px;
  padding-left: 18px;
  margin-top: 16px;
  margin-bottom: 28px;
  background: #F4F6FA;
  border-radius: 6px 6px 6px 6px;
  line-height: 56px;
}

.buy_ban .cont2_left .benefit li {
  float: left;
  margin-left: 45px;
}

.buy_ban .cont2_left .benefit li:first-child {
  margin-left: 0;
}

.buy_ban .cont2_left .benefit font {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  line-height: 56px;
  font-size: 16px;
  color: #455E74;
}

.buy_ban .cont2_left_tit > i {
  float: left;
  width: 5px;
  height: 20px;
  background: #2468F2;
  border-radius: 3px 3px 3px 3px;
}

.buy_ban .cont2_left_tit h4 {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #0A0C37;
  line-height: 20px;
}

.buy_ban .cont2_left_tit .static-discount-banner {
  width: 140px;
  height: 42px;
  margin: -11px 0 -9px 10px;
  object-fit: contain;
}

.buy_ban .cont2_left_tit form {
  float: right;
  width: 200px;
  height: 36px;
  margin-top: -8px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
}

.buy_ban .cont2_left_tit input[type="text"] {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  width: 160px;
  padding-left: 12px;
  line-height: 36px;
  font-size: 14px;
  color: #0A0C37;
}

/* 仅修改购买页地区搜索框的 placeholder 字号 */
#jsStaticRegionKeyword::placeholder { font-size: 14px; }
#jsStaticRegionKeyword::-webkit-input-placeholder { font-size: 14px; }
#jsStaticRegionKeyword::-moz-placeholder { font-size: 14px; }
#jsStaticRegionKeyword:-ms-input-placeholder { font-size: 14px; }

.buy_ban .cont2_left_tit button {
  margin-top: 5px;
  border: 0;
  background: none;
}

.buy_ban .cont2_left_tit .del {
  float: right;
  margin-top: -2px;
}

.buy_ban .cont2_left_tit .del font {
  display: inline-block;
  vertical-align: top;
  margin-left: 1px;
  font-size: 14px;
  color: #8C8EA2;
  line-height: 24px;
}

.buy_ban .cont2_region {
  display: inline-block;
  width: calc(100% + 26px);
  height: 444px;
  overflow-y: scroll;
  margin-top: 8px;
}

.buy_ban .cont2_region::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 1px;
}

.buy_ban .cont2_region::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #C7CDDB;
}

.buy_ban .cont2_region::-webkit-scrollbar-track {
  border-radius: 3px;
  background: transparent;
}

.buy_ban .cont2_region li {
  float: left;
  width: 152px;
  height: 64px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding-left: 15px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 64px;
}

.buy_ban .cont2_region li.active {
  position: relative;
  border: 1px solid #2468F2;
  background: #F2F8FF;
}

.buy_ban .cont2_region li.active::before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  content: '';
  display: inline-block;
  width: 24px;
  height: 22px;
  background: url("../images/ico3.png") no-repeat;
}

.buy_ban .cont2_region li.static-no-stock {
  opacity: 0.55;
  background: #F6F7F9;
  border-color: #E5E8EF;
}

.buy_ban .cont2_region li.static-no-stock.active {
  border-color: #D2D7E5;
  background: #F6F7F9;
}

.buy_ban .cont2_region li.static-no-stock.active::before {
  display: none;
}

.buy_ban .cont2_region li.static-region-loading,
.buy_ban .cont2_region li.static-region-empty {
  width: 320px;
}

.buy_ban .cont2_region li .region-flag {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 24px;
  object-fit: cover;
  border-radius: 2px;
}

.buy_ban .cont2_region li .dp {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.buy_ban .cont2_region li.no-icon .dp {
  margin-left: 0;
}

.buy_ban .cont2_region li h4 {
  display: block;
  font-size: 14px;
  color: #0A0C37;
  line-height: 19px;
}

.buy_ban .cont2_region li p {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #72738B;
  line-height: 16px;
}

.buy_ban .cont2_right {
  float: left;
  width: 326px;
  height: 605px;
  padding: 26px 20px;
  margin-left: 14px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 1px rgba(36, 104, 242, 0.08);
  border-radius: 12px 12px 12px 12px;
}

.buy_ban .cont2_right .time {
  display: inline-block;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 6px;
}

.buy_ban .cont2_right .time a {
  float: left;
  width: 72px;
  height: 42px;
  margin-left: -1px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  line-height: 42px;
  border: 1px solid #E4E9F1;
  font-size: 14px;
  color: #0A0C37;
  text-align: center;
}

.buy_ban .cont2_right .time a:first-child {
  margin-left: 0;
  border-radius: 6px 0 0 6px;
}

.buy_ban .cont2_right .time a:last-child {
  border-radius: 0 6px 6px 0;
}

.buy_ban .cont2_right .time a.active {
  position: relative;
  background: #F2F8FF;
  border: 1px solid #2468F2;
  color: #2468F2;
  z-index: 1;
}

.buy_ban .cont2_right .time a.static-day-disabled {
  cursor: not-allowed;
  float: none;
  display: block;
  width: 100%;
  padding: 0 16px;
  margin-left: 0;
  border-radius: 6px;
  background: #F6F7F9;
  color: #959CA5;
  border-color: #E4E9F1;
}

.buy_ban .cont2_order {
  display: block;
  border-bottom: 1px solid #F2F4F6;
}

.buy_ban .cont2_order .jg {
  display: block;
  width: 100%;
  margin-top: 16px;
  padding: 8px 0;
  height: 142px;
  max-height: 142px;
  min-height: 142px;
  overflow-y: scroll;
  background: #F6F7F9;
  border-radius: 6px 6px 6px 6px;
}

.buy_ban .cont2_order .jg::-webkit-scrollbar {
  width: 8px;
}

.buy_ban .cont2_order .jg::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #B8C0D2;
}

.buy_ban .cont2_order .jg::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #E9EDF5;
}

.buy_ban .cont2_order .jg li {
  display: inline-block;
  width: 100%;
}

.buy_ban .cont2_order .jg .sp1 {
  float: left;
  width: 96px;
  padding-left: 12px;
  padding-right: 10px;
  line-height: 32px;
  font-size: 14px;
  color: #0A0C37;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.buy_ban .cont2_order .jg .sp2 {
  float: left;
  width: 95px;
  font-size: 14px;
  line-height: 32px;
  color: #FF0707;
}

.buy_ban .cont2_order .jg .addsub {
  float: left;
  line-height: 32px;
}

.buy_ban .cont2_order .jg input[type="text"] {
  border: 0;
  width: 41px;
  line-height: 21px;
  text-align: center;
  font-size: 14px;
  color: #0A0C37;
}

.buy_ban .cont2_order .jg li.static-order-empty {
  padding: 6px 12px;
}

.buy_ban .cont2_order .jg li.static-order-empty .sp1 {
  width: 92px;
}

.buy_ban .cont2_order .jg li.static-order-empty .sp2 {
  width: auto;
  color: #8C8EA2;
}

.buy_ban .cont2_order .jg li.static-order-row {
  display: flex;
  align-items: center;
  padding: 0px 12px;
}

.buy_ban .cont2_order .jg li.static-order-row .sp1 {
  float: none;
  width: 110px;
  padding: 0;
}

.buy_ban .cont2_order .jg li.static-order-row .sp2 {
  float: none;
  width: auto;
  flex: 1;
}

.buy_ban .cont2_order .jg li.static-order-row .sp2 em {
  font-style: normal;
}

.buy_ban .cont2_order .jg li.static-order-row .addsub {
  float: none;
  display: flex;
  align-items: center;
}

.buy_ban .cont2_order .jg li.static-order-row .js-static-qty-input {
  border: 0;
  width: 41px;
  line-height: 21px;
  text-align: center;
  font-size: 14px;
  color: #0A0C37;
  background-color: #FBFCFC;
}

.buy_ban .cont2_order .jg li.static-order-row .js-static-row-remove {
  margin-left: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #8C8EA2;
}

.buy_ban .cont2_order .jg li.static-order-row .js-static-row-remove:hover {
  color: #F20E44;
}

.buy_ban .cont2_order .bx {
  display: block;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
}

.buy_ban .cont2_order .bx li {
  display: inline-block;
  width: 100%;
}

.buy_ban .cont2_order .bx .fl {
  float: left;
  font-size: 14px;
  color: #8C8EA2;
  line-height: 32px;
}

.buy_ban .cont2_order .bx .fr {
  float: right;
  font-size: 14px;
  color: #0A0C37;
  line-height: 32px;
}

.buy_ban .cont2_order .bx .red {
  color: #F20E44;
}

.buy_ban .cont2_order .bx li.static-discount-summary-row {
  display: flex;
  align-items: center;
  min-height: 32px;
}

.buy_ban .static-discount-caption {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 32px;
  color: #8C8EA2;
}

.buy_ban .static-discount-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100px;
  height: 32px;
  box-sizing: border-box;
  margin-left: 10px;
  border-radius: 16px;
  background: #FEECF0;
  font-size: 14px;
  line-height: 32px;
  color: #FF0707;
  white-space: nowrap;
}

.buy_ban .static-discount-help:hover {
  color: #FF0707;
}

.buy_ban .static-discount-help img {
  display: block;
  width: 16px;
  height: 16px;
}

.buy_ban .static-discount-amount {
  margin-left: auto;
  font-size: 14px;
  line-height: 32px;
}

.static-discount-modal {
  display: none;
  position: fixed;
  z-index: 10001;
  inset: 0;
}

.static-discount-modal.show {
  display: block;
}

.static-discount-dialog {
  position: fixed;
  width: 284px;
  height: 304px;
  padding: 8px;
  border: 0;
  border-radius: 12px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 4px 13px rgba(35, 48, 76, 0.28);
}

.static-discount-dialog h3 {
  margin: 0;
  height: 48px;
  background: #E9EFFE;
  font-size: 18px;
  line-height: 48px;
  font-weight: 600;
  color: #2468F2;
  text-align: center;
}

.static-discount-dialog table {
  width: 100%;
  height: 240px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 16px;
  text-align: center;
}

.static-discount-dialog th,
.static-discount-dialog td {
  height: 40px;
  padding: 0;
  border: 1px solid #fff;
  font-weight: normal;
  color: #0A0C37;
  text-align: center;
  vertical-align: middle;
}

.static-discount-dialog td {
  background: #F4F6FA;
}

.static-discount-dialog th:first-child {
  background: #FFF7D5;
  color: #FFB200;
}

.static-discount-dialog th:last-child {
  background: #FEECF0;
  color: #FF0707;
}

.static-discount-dialog tr.active td {
  background: #F4F6FA;
  color: #0A0C37;
}

.buy_ban .cont2_money {
  display: block;
}

.buy_ban .cont2_money .pt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 8px;
  font-size: 14px;
  color: #8C8EA2;
  min-height: 52px;
}

.buy_ban .cont2_money .pt .label {
  display: inline-block;
  line-height: 20px;
}

/* 让“总计”文案与金额符号按底部对齐 */
.buy_ban .cont2_money .pt .amount {
  display: inline-flex;
  align-items: flex-end;
  color: #F20E44;
  line-height: 1;
}

.buy_ban .cont2_money .pt .amount .currency {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
}

.buy_ban .cont2_money .pt .amount .value {
  display: inline-block;
  font-family: Bahnschrift, Bahnschrift;
  font-weight: bold;
  font-size: 52px;
  color: #F20E44;
  line-height: 1;
  position: relative;
  top: 7px;
}

.buy_ban .cont2_money a {
  display: block;
  width: 100%;
  height: 48px;
  margin-top: -13px;
  background: #F20E44;
  border-radius: 6px 6px 6px 6px;
  line-height: 48px;
  text-align: center;
}

.buy_ban .cont2_money a:hover {
  background: #E40D40;
}

.buy_ban .cont2_money .static-buy-msg {
  min-height: 24px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #6D7B9B;
}

.buy_ban .cont2_money .static-buy-msg.err {
  color: #F20E44;
}

.buy_ban .cont2_money .static-buy-msg.ok {
  color: #14A44D;
}

.buy_ban .cont2_money a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  line-height: 48px;
  color: #FFFFFF;
  font-size: 16px;
}

.buy_ban .cont3_left {
  float: left;
  width: 740px;
  height: 476px;
  padding: 36px 36px 0 36px;
  border-radius: 12px 0 0 12px;
  background-color: #fff;
}

.buy_ban .cont3_left .cont3_sd {
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  padding: 24px 32px 0 32px;
  background: #F7FBFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #2468F2;
}

.buy_ban .cont3_left .cont3_sd h3 {
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #0A0C37;
  line-height: 31px;
}

.buy_ban .cont3_left .cont3_sd p {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
}

.buy_ban .cont3_left .cont3_sd span {
  position: absolute;
  right: 32px;
  top: 41px;
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: #F20E44;
  line-height: 29px;
}

.buy_ban .cont3_left .cont3_sd ul {
  display: block;
  width: 100%;
  margin-top: 22px;
  padding-top: 21px;
  border-top: 1px solid #DFE8F3;
}

.buy_ban .cont3_left .cont3_sd li {
  float: left;
  width: 272px;
  margin-bottom: 13px;
}

.buy_ban .cont3_left .cont3_sd li font {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  font-size: 14px;
  color: #72738B;
  line-height: 18px;
}

.buy_ban .cont3_left .cont3_xx {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 28px;
}

.buy_ban .cont3_left .cont3_xx .cont3_xx_lie {
  float: left;
}

.buy_ban .cont3_left .cont3_xx .cont3_xx_lie:first-child {
  margin-right: 84px;
}

.buy_ban .cont3_left .cont3_xx .cont3_xx_lie span {
  float: left;
  margin-right: 12px;
  font-size: 16px;
  color: #0A0C37;
  line-height: 42px;
}

.buy_ban .cont3_left .cont3_xx .sun {
  float: left;
}

.buy_ban .cont3_left .cont3_xx .sun a {
  float: left;
  width: 42px;
  height: 42px;
  border: 1px solid #E4E9F1;
  line-height: 40px;
  text-align: center;
  border-radius: 6px 0 0 6px;
}

.buy_ban .cont3_left .cont3_xx .sun a:last-child {
  background-color: #2468F2;
  border: 1px solid #2468F2;
  border-radius: 0 6px 6px 0;
}

.buy_ban .cont3_left .cont3_xx .sun input {
  float: left;
  width: 84px;
  height: 42px;
  border-top: 1px solid #E4E9F1;
  border-bottom: 1px solid #E4E9F1;
  line-height: 40px;
  font-size: 16px;
  color: #0A0C37;
  text-align: center;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select {
  position: relative;
  float: left;
  width: 168px;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select select {
  display: block;
  width: 100%;
  height: 42px;
  padding-left: 16px;
  border-radius: 6px;
  border: 1px solid #E4E9F1;
  color: #0A0C37;
  font-size: 16px;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: url("../images/ico30.png") no-repeat #fff;
  background-position: 142px 12px;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__trigger,
.buy_ban .cont3_left .cont3_xx .isp-meal-select__dropdown {
  display: none;
}

/* 长效ISP购买时长改为局部自定义下拉，避免原生 select 的展开态样式受浏览器限制。 */
.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced {
  z-index: 12;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced select {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  padding: 0 16px;
  border: 1px solid #E4E9F1;
  border-radius: 8px;
  background: #FFFFFF;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__trigger:hover {
  border-color: #D7E0ED;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__trigger:focus {
  border-color: #2468F2;
  box-shadow: 0 0 0 3px rgba(36, 104, 242, 0.08);
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #0A0C37;
  line-height: 22px;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__arrow {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-left: 12px;
  border-right: 1.5px solid #A3AAB8;
  border-bottom: 1.5px solid #A3AAB8;
  transform: rotate(45deg) translateY(-2px);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-open {
  z-index: 20;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-open .isp-meal-select__trigger {
  border-color: #D9E3F2;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-open .isp-meal-select__arrow {
  transform: rotate(-135deg) translateX(-1px);
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-enhanced .isp-meal-select__dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  padding: 6px 0;
  border: 1px solid #E4E9F1;
  border-radius: 8px;
  background: #FFFFFF;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-open .isp-meal-select__dropdown {
  display: block;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__options {
  margin: 0;
  padding: 0;
  list-style: none;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__item {
  display: block;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__option {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 16px;
  color: #0A0C37;
  line-height: 48px;
  cursor: pointer;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__option:hover {
  background: #F7F9FD;
  color: #2468F2;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__option.is-selected {
  color: #2468F2;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-disabled .isp-meal-select__trigger {
  background: #F7F9FC;
  cursor: not-allowed;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select.is-disabled .isp-meal-select__value {
  color: #98A2B3;
}

.buy_ban .cont3_left .cont3_xx .isp-meal-select__option:disabled {
  color: #98A2B3;
  cursor: not-allowed;
}

.buy_ban .cont3_left .cont3_xx .cont3_ds {
  float: left;
  margin-left: 8px;
  height: 24px;
  padding: 0 5px 0 7px;
  margin-top: 9px;
  background: #FFCF76;
  border-radius: 4px 4px 4px 4px;
  line-height: 24px;
}

.buy_ban .cont3_left .cont3_xx .cont3_ds font {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  line-height: 24px;
  font-size: 14px;
  color: #0A0C37;
}

.buy_ban .cont3_right {
  float: left;
  width: 460px;
  height: 476px;
  padding: 36px 36px 0 0;
  background-color: #fff;
  border-radius: 0 12px 12px 0;
}

.buy_ban .cont3_right .cont3_qy {
  display: block;
  width: 100%;
  height: 368px;
  padding-top: 20px;
  padding-left: 18px;
  margin-top: 17px;
  background: linear-gradient(180deg, #F4F6FA 0%, #F4F6FA 43.09%, rgba(244, 246, 250, 0) 100%);
  border-radius: 6px 6px 6px 6px;
}

.buy_ban .cont3_right .lie {
  display: block;
  width: 100%;
  margin-bottom: 18px;
}

.buy_ban .cont3_right .lie font {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  line-height: 32px;
  font-size: 16px;
  color: #455E74;
}

.buy_ban .cont3_right .cont3_go {
  position: relative;
  display: block;
  width: calc(100% + 18px);
  height: 52px;
  padding-right: 30px;
  margin-left: -18px;
  margin-top: 65px;
  background: #EDF3FD;
  border-radius: 6px 6px 6px 6px;
  line-height: 52px;
  text-align: right;
}

.buy_ban .cont3_right .cont3_go font {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 52px;
  color: #2468F2;
}

.buy_ban .cont3_right .cont3_go span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 189px;
  height: 60px;
  padding-left: 20px;
  line-height: 60px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: url("../images/bg18.png") no-repeat;
  text-align: left;
}

.buy_ban .cont3_money {
  display: block;
}

.buy_ban .cont3_money .pt {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #8C8EA2;
  line-height: 76px;
}

.buy_ban .cont3_money .pt span {
  display: inline-block;
  font-size: 22px;
  color: #F20E44;
}

.buy_ban .cont3_money .pt b {
  display: inline-block;
  font-family: Bahnschrift, Bahnschrift;
  font-weight: bold;
  font-size: 52px;
  color: #F20E44;
  line-height: 52px;
}

.buy_ban .cont3_money a {
  display: block;
  width: 100%;
  height: 52px;
  margin-top: -10px;
  background: #F20E44;
  border-radius: 6px 6px 6px 6px;
  line-height: 52px;
  text-align: center;
}

.buy_ban .cont3_money a:hover {
  background: #E40D40;
}

.buy_ban .cont3_money a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  line-height: 52px;
  color: #FFFFFF;
  font-size: 16px;
}

.buy_ban .ptx {
  display: block;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 48px;
  text-align: center;
}

/* 购买页海外环境提示使用醒目的红色，避免与普通辅助信息混淆。 */
.buy_ban .ptx .ico13 {
  filter: brightness(0) saturate(100%) invert(20%) sepia(96%) saturate(4888%) hue-rotate(339deg) brightness(95%) contrast(95%);
}

.buy_ban .ptx font {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  line-height: 20px;
  font-size: 14px;
  color: #ED233B;
}

.buy_lxwm h2 {
  display: block;
  margin-top: 48px;
  margin-bottom: 32px;
  font-weight: bold;
  font-size: 36px;
  color: #0A0C37;
  text-align: center;
  line-height: 47px;
}

.buy_lxwm .lxwm_list {
  display: inline-block;
  width: 100%;
}

.buy_lxwm .lxwm_list li {
  float: left;
  width: 388px;
  height: 264px;
  margin-left: 18px;
  padding-top: 24px;
  background: linear-gradient(180deg, #F6F9FC 0%, rgba(246, 249, 252, 0) 100%);
  border-radius: 12px 12px 12px 12px;
  text-align: center;
}

.buy_lxwm .lxwm_list li:first-child {
  margin-left: 0;
}

.buy_lxwm .lxwm_list li span {
  display: block;
  margin-top: 8px;
  line-height: 29px;
  font-size: 22px;
  color: #0A0C37;
}

.buy_lxwm .lxwm_list li p {
  display: block;
  margin-top: 8px;
  line-height: 19px;
  font-size: 14px;
  color: #72738B;
}

.buy_lxwm .lxwm_list li a {
  display: block;
  width: 168px;
  height: 46px;
  margin: 32px auto 0 auto;
  background: #06B75B;
  border-radius: 6px 6px 6px 6px;
  line-height: 46px;
  font-size: 16px;
  color: #FFFFFF;
}

.buy_lxwm .lxwm_list li a:hover {
  background: #06AC56;
}

.buy_lxwm .lxwm_list li:first-child a {
  background: #8C95AA;
}

.buy_lxwm .lxwm_list li:first-child a:hover {
  background: #7E8699;
}

.buy_dzfw {
  display: block;
  width: 100%;
  height: 258px;
  margin-top: 68px;
  margin-bottom: 60px;
  background: url("../images/bg5.png") no-repeat;
  border-radius: 12px 12px 12px 12px;
}

.buy_dzfw .buy_dzfw_box {
  display: inline-block;
  width: 100%;
  padding: 34px 32px 0 32px;
}

.buy_dzfw .buy_dzfw_box h3 {
  position: relative;
  float: left;
  margin-top: 3px;
  font-weight: bold;
  font-size: 32px;
  color: #FFECD1;
  line-height: 42px;
}

.buy_dzfw .buy_dzfw_box h3::before {
  content: '';
  position: absolute;
  right: -14px;
  top: 8px;
  width: 1px;
  height: 28px;
  background-color: #646D8D;
}

.buy_dzfw .buy_dzfw_box p {
  float: left;
  margin-left: 29px;
  margin-top: 14px;
  line-height: 21px;
  font-size: 16px;
  color: #FFFFFF;
}

.buy_dzfw .buy_dzfw_box a {
  float: right;
  width: 160px;
  height: 48px;
  background: linear-gradient(135deg, #FF5B27 0%, #F20E44 100%);
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 48px;
}

.buy_dzfw .buy_dzfw_box a:hover {
  background: linear-gradient(135deg, #EB4924 0%, #E20F41 100%);
}

.buy_dzfw ul {
  display: block;
  width: 1192px;
  height: 140px;
  padding: 0 20px;
  margin-top: 32px;
  margin-left: 4px;
  background: linear-gradient(180deg, #ECF2F9 0%, #FFFFFF 46.01%, #FFFFFF 100%);
  border-radius: 8px 8px 8px 8px;
  border: 2px solid #FFFFFF;
}

.buy_dzfw ul li {
  float: left;
  width: 143px;
  padding-top: 23px;
  text-align: center;
}

.buy_dzfw ul li span {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  color: #315278;
}

.popup_gm {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.popup_gm.show {
  display: block;
}

.popup_gm .box {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 440px;
  height: auto;
  padding: 19px 26px 26px 26px;
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
}

.popup_gm .box .tt {
  display: block;
  font-size: 18px;
  color: #72738B;
  line-height: 24px;
}

.popup_gm .box .close {
  position: absolute;
  right: 22px;
  top: 18px;
}

.popup_gm .box h3 {
  display: block;
  margin-top: 33px;
  line-height: 64px;
  font-size: 48px;
  color: #F20E44;
  font-weight: bold;
  text-align: center;
}

.popup_gm .box .buy_yhj {
  position: relative;
  display: block;
  margin-top: 14px;
}

.popup_gm .box .buy_yhj span {
  float: left;
  font-size: 16px;
  color: #72738B;
  line-height: 46px;
}

.popup_gm .box .coupon {
  float: left;
  width: 290px;
  height: 46px;
  padding-left: 13px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #FECEDF;
  line-height: 44px;
  background-color: #FFFBFC;
}

.popup_gm .box .coupon select {
  display: inline-block;
  vertical-align: top;
  width: 242px;
  height: 44px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: url("../images/ico7.png") no-repeat #FFFBFC;
  background-position: 212px 12px;
  font-size: 16px;
  color: #F20E44;
}

.popup_gm .zf_li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 25px;
}

.popup_gm .zf_li:nth-child(5) {
  border-bottom: 1px solid #F2F4F6;
}

.popup_gm .zf_li .pa {
  display: inline-block;
  vertical-align: top;
  flex-grow: 1;
  margin-left: 15px;
}

.popup_gm .zf_li h4 {
  display: block;
  margin-top: 3px;
  margin-bottom: 6px;
  font-size: 20px;
  color: #0A0C37;
  line-height: 26px;
  font-weight: normal;
}

.popup_gm .zf_li p {
  display: block;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
}

.popup_gm .zf_li .ico12 {
  cursor: pointer;
}

.popup_gm .zf_li .wxzfb {
  margin-left: -2px;
}

.popup_gm .act .ico12 {
  background-position: -205px -242px;
}

.popup_gm .pay {
  display: block;
  width: 100%;
  height: 56px;
  margin: 13px auto 0 auto;
  line-height: 56px;
  text-align: center;
  color: #fff;
  background: #2468F2;
  border-radius: 6px;
  font-size: 18px;
}

.popup_gm .pay.hie {
  background: #B7C4DD;
  cursor: not-allowed;
  pointer-events: none;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.modal.show {
  display: block;
}

.modal .box {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 440px;
  height: auto;
  padding: 33px 26px 32px 26px;
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
}

.modal .box .modal-header {
  display: block;
  text-align: center;
}

.modal .box .modal-header .pa {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  text-align: left;
}

.modal .box .modal-header h4 {
  display: block;
  margin-top: 2px;
  margin-bottom: 4px;
  font-size: 22px;
  color: #0A0C37;
  line-height: 29px;
  font-weight: normal;
}

.modal .box .modal-header p {
  display: block;
  font-size: 16px;
  color: #72738B;
  line-height: 21px;
}

.modal .box .modal-body p {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #8C8EA2;
}

.modal .box .modal-body img {
  display: block;
  width: 100%;
  height: 100%;
}

.modal .box .code {
  display: block;
  margin: 16px auto 12px auto;
  width: 288px;
  height: 288px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #D6D8DB;
  overflow: hidden;
}

.api_ban {
  display: block;
  margin-top: -70px;
  padding-top: 70px;
  margin-bottom: 80px;
  background: url("../images/bg2.png") no-repeat top center;
  background-size: 1920px 760px;
}

.api_ban .api_tab {
  display: block;
  width: 552px;
  height: 53px;
  line-height: 53px;
  margin-top: 48px;
}

.api_ban .api_tab a {
  float: left;
  height: 53px;
  line-height: 53px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.api_ban .api_tab .ga1 {
  width: 172px;
}

.api_ban .api_tab .ga2 {
  width: 167px;
}

.api_ban .api_tab .ga3 {
  width: 180px;
}

.api_ban .api_tab.gabg1 {
  background: url("../images/spe1-2.png") no-repeat;
  background-size: 202px 53px;
}

.api_ban .api_tab.gabg1 .ga1 {
  font-size: 20px;
  font-weight: bold;
  color: #2468F2;
}

.api_ban .api_tab.gabg2 {
  background: url("../images/spe2.png") no-repeat;
  background-size: 552px 53px;
}

.api_ban .api_tab.gabg2 .ga2 {
  font-size: 20px;
  font-weight: bold;
  color: #2468F2;
}

.api_ban .api_tab.gabg3 {
  background: url("../images/spe3.png") no-repeat;
  background-size: 552px 53px;
}

.api_ban .api_tab.gabg3 .ga3 {
  font-size: 20px;
  font-weight: bold;
  color: #2468F2;
}

.api_ban .m {
  position: relative;
}

.api_ban .more_a {
  position: absolute;
  right: 0;
  top: 16px;
}

.api_ban .more_a a {
  display: inline-block;
  vertical-align: top;
  margin-left: 45px;
  line-height: 24px;
}

.api_ban .more_a a:hover font {
  color: #3678FF;
}

.api_ban .more_a a:hover .ico55 {
  background-position: -406px -98px;
}

.api_ban .more_a a:hover .ico54 {
  background-position: -406px -10px;
}

.api_ban .more_a a:hover .ico53 {
  background-position: -318px -340px;
}

.api_ban .more_a a:hover .ico49 {
  background-position: -351px -384px;
}

.api_ban .more_a a .ico28 {
  vertical-align: top;
  margin-top: 6px;
}

.api_ban .more_a a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 14px;
  color: #9099AE;
  line-height: 24px;
}

.api_ban .api_cons {
  display: block;
  width: 100%;
}

.api_ban .api_cons .con {
  display: none;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0px 12px 12px 12px;
}

.api_ban .api_cons .con.active {
  display: inline-block;
}

.api_ban .tit {
  display: block;
}

.api_ban .tit font {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #0A0C37;
}

.tableip .tableip_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tableip .tableip_tit_main {
  display: inline-flex;
  align-items: center;
}

.tableip .tableip_doc_link {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #2468F2;
}

.tableip .tableip_doc_link:hover {
  text-decoration: underline;
}

.api_ban .demo {
  display: block;
  padding: 0 36px;
  margin-bottom: 36px;
  margin-top: 34px;
}

.api_ban .demo.api-demo-panel {
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
  padding: 24px 36px 32px;
}

.api_ban .demo_box {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 18px;
}

.api_ban .demo_box .syntax_tab {
  display: inline-block;
  width: 100%;
  height: 64px;
  padding: 8px;
  background: #0F0F2B;
  border-radius: 6px 6px 0px 0px;
}

.api_ban .demo_box .syntax_tab .box {
  float: left;
}

.api_ban .demo_box .syntax_tab a {
  float: left;
  width: 132px;
  height: 48px;
  text-align: center;
  line-height: 46px;
  border: 1px solid #0F0F2B;
}

.api_ban .demo_box .syntax_tab a.active {
  background: rgba(36, 104, 242, 0.26);
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #2468F2;
}

.api_ban .demo_box .syntax_tab a span {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  font-size: 14px;
  color: #C1C5CD;
}

.api_ban .demo_box pre {
  display: block;
  width: 100%;
  width: 100%;
  height: 468px;
  background: #131433;
  border-radius: 0px 0px 6px 6px;
  font-size: 16px;
}

.api_ban .demo_box pre .hljs {
  display: block;
  height: 468px;
  padding: 0 26px;
  background: #131433;
  border-radius: 0px 0px 6px 6px;
  overflow-y: scroll;
  font-size: 16px;
}

.api_ban .demo_box pre .hljs::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 1px;
}

.api_ban .demo_box pre .hljs::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #464661;
}

.api_ban .demo_box pre .hljs::-webkit-scrollbar-track {
  border-radius: 4px;
  background: transparent;
}

.api_ban .demo_box .clone {
  position: absolute;
  right: 26px;
  bottom: 26px;
  width: 88px;
  height: 36px;
  padding-left: 15px;
  cursor: pointer;
  background: #212240;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #3F405A;
  line-height: 34px;
}

.api_ban .demo_box .clone font {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  line-height: 34px;
  font-size: 14px;
  color: #C6C6CE;
}

.api_ban .diy_select {
  position: relative;
  float: right;
  width: 298px;
  height: 48px;
  background: #212240;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #3F405A;
  line-height: 46px;
  cursor: pointer;
}

.api_ban .diy_select .diy_select_txt {
  float: left;
  width: 268px;
  padding-left: 16px;
  line-height: 46px;
  font-size: 16px;
  color: #FFFFFF;
}

.api_ban .diy_select .diy_select_list {
  display: none;
  position: absolute;
  left: -1px;
  top: 54px;
  width: 298px;
  background: #212240;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #3F405A;
}

.api_ban .diy_select .diy_select_list li {
  display: block;
  width: 100%;
  height: 48px;
  padding-left: 16px;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #2A2B48;
  cursor: pointer;
}

.api1_box {
  display: block;
  padding-top: 32px;
}

.api1_box li {
  display: inline-block;
  width: 100%;
  margin-bottom: 18px;
  padding-left: 36px;
}

.api1_box .bot_tit {
  display: inline-block;
  vertical-align: middle;
  width: 82px;
  padding-right: 18px;
  font-size: 16px;
  color: #0A0C37;
  text-align: right;
}

.api1_box .bot_tit i {
  color: #FF0000;
}

.api1_box .bot_box {
  display: inline-block;
  vertical-align: middle;
}

.api1_box .bot_ljcz1 {
  display: inline-block;
  vertical-align: middle;
  width: 425px;
  height: 86px;
  padding: 18px 20px 0 18px;
  background: url("../images/bg19.png") no-repeat;
  background-size: 425px;
}

.api1_box .bot_ljcz1 .lig_l {
  float: left;
}

.api1_box .bot_ljcz1 .p1 {
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #0A0C37;
}

.api1_box .bot_ljcz1 .p2 {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #FF0000;
  font-weight: bold;
}

.api1_box .bot_ljcz1 .lig {
  float: right;
  margin-top: 6px;
}

.api1_box .bot_ljcz1 .lig a {
  display: inline-block;
  width: 80px;
  height: 38px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #2468F2;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #2468F2;
}

.api1_box .bot_ljcz1 .lig .active {
  margin-left: 8px;
  background: #2468F2;
  color: #fff;
}

.api1_box .bot_hd {
  display: inline-block;
  vertical-align: top;
  width: 74px;
  height: 70px;
  margin-left: 28px;
  margin-top: 8px;
}

.api1_box .bot_ljcz2 {
  display: inline-block;
  vertical-align: middle;
  width: 422px;
  height: 86px;
  padding: 18px 20px 0 18px;
  background: url("../images/bg19.png") no-repeat;
}

.api1_box .bot_ljcz2 .lig_l {
  float: left;
}

.api1_box .bot_ljcz2 .p1 {
  display: block;
  margin-left: -3px;
  font-size: 16px;
  line-height: 21px;
  color: #0A0C37;
}

.api1_box .bot_ljcz2 .p1 i {
  vertical-align: top;
}

.api1_box .bot_ljcz2 .p1 font {
  display: inline-block;
  vertical-align: top;
  margin-left: 1px;
  color: #0A0C37;
  font-size: 16px;
  line-height: 20px;
}

.api1_box .bot_ljcz2 .p2 {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #0A0C37;
  font-weight: bold;
}

.api1_box .bot_ljcz2 .p2 span {
  color: #F20E44;
}

.api1_box .bot_ljcz2 .lig {
  float: right;
  margin-top: 6px;
}

.api1_box .bot_ljcz2 .lig a {
  display: inline-block;
  width: 112px;
  height: 38px;
  background: #F20E44;
  border-radius: 6px 6px 6px 6px;
  line-height: 38px;
  text-align: center;
}

.api1_box .bot_ljcz2 .lig a font {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #fff;
}

.api1_box .ant_radio {
  float: left;
  height: 48px;
  padding: 0 25px;
  margin-right: 10px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  line-height: 46px;
  font-size: 16px;
  color: #0A0C37;
  cursor: pointer;
}

.api1_box .ant_radio.active {
  position: relative;
  color: #2468F2;
  border: 1px solid #2468F2;
  background: #F2F8FF;
}

.api1_box .ant_radio.active::before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  content: '';
  display: inline-block;
  width: 24px;
  height: 22px;
  background: url("../images/ico3.png") no-repeat;
}

.api1_box .bot_select {
  display: inline-block;
  vertical-align: top;
  width: 422px;
  height: 48px;
  padding-left: 16px;
  margin-right: 16px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  font-size: 16px;
  color: #0A0C37;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: url("../images/ico30.png") no-repeat;
  background-position: 395px 16px;
}

.api1_box .distpicker select {
  display: inline-block;
  vertical-align: top;
  width: 182px;
  height: 48px;
  padding-left: 16px;
  margin-right: 10px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  font-size: 16px;
  color: #0A0C37;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: url("../images/ico30.png") no-repeat;
  background-position: 154px 16px;
}

.api1_box input[type="submit"] {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  height: 52px;
  margin-right: 16px;
  background: #FFAF37;
  border-radius: 6px 6px 6px 6px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 52px;
  border: 0;
}

.api1_box input[type="submit"]:hover {
  background: #F8A72D;
}

.api1_box .bot_ts {
  display: inline-block;
  vertical-align: top;
  line-height: 52px;
  font-size: 14px;
  color: #FF0000;
}

.api1_box .bot_ts.hin {
  line-height: 48px;
}

.api1_box textarea {
  display: inline-block;
  vertical-align: top;
  width: 1046px;
  height: 160px;
  padding: 14px 16px;
  background: #FAFBFD;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E4E9F1;
  font-size: 16px;
  color: #0A0C37;
}

.api1_box .bot_cao {
  display: block;
  margin-top: 18px;
}

.api1_box .bot_cao .bot_white {
  float: left;
  width: 160px;
  height: 48px;
  padding-left: 20px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #585A77;
  line-height: 46px;
}

.api1_box .bot_cao .bot_white font {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  font-size: 16px;
  color: #0A0C37;
  line-height: 46px;
}

.api1_box .bot_cao .fr {
  float: right;
}

.api1_box .bot_cao .fr .bot_ts {
  float: left;
  margin-right: 16px;
  line-height: 48px;
}

.api1_box .bot_cao .fr a {
  float: left;
  width: 140px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #2468F2;
  font-size: 16px;
  color: #2468F2;
  text-align: center;
}

.api1_box .bot_cao .fr a.active {
  margin-left: 10px;
  background: #2468F2;
  color: #fff;
}

.api1_box .bot_cao .fr a.active:hover {
  background: #1158E8;
}

.api1_box .flow-area-picker {
  display: inline-flex;
  align-items: center;
}

.api1_box .flow-area-picker select:last-child {
  margin-right: 0;
}

.api1_box .bot_cao .fr #jsFlowApiMsg {
  color: #6D7B9B;
}

.api1_box .bot_cao .fr #jsFlowApiMsg.err {
  color: #F20E44;
}

.api1_box .bot_cao .fr #jsFlowApiMsg.ok {
  color: #14A44D;
}

.api-empty-con {
  padding: 36px 36px 60px;
}

.api-empty-box {
  height: 220px;
  border-radius: 8px;
  border: 1px dashed #D6DCE8;
  background: #FAFBFD;
  line-height: 220px;
  text-align: center;
  font-size: 18px;
  color: #959CA5;
}

.tableip {
  display: block;
  padding: 0 36px;
  margin-top: 26px;
}

.tableip .tableip_box {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}

.tableip .tableip_box:last-child {
  margin-bottom: 36px;
}

.tableip .tableip_box h3 {
  display: block;
  margin-top: 18px;
  line-height: 24px;
  font-size: 18px;
  color: #0A0C37;
}

.tableip .tableip_box table {
  width: 100%;
  margin-top: 10px;
  border-radius: 6px 6px 0px 0px;
  text-align: center;
  overflow: hidden;
}

.tableip .tableip_box thead {
  height: 46px;
  background: #F0F4FD;
}

.tableip .tableip_box th {
  font-size: 14px;
  color: #6D7B9B;
  text-align: center;
}

.tableip .tableip_box td {
  height: 52px;
  border-bottom: 1px solid #F2F3F5;
  font-size: 14px;
  color: #0A0C37;
}

.tableip .tableip_box td a {
  display: inline-block;
  margin-left: 6px;
  font-size: 14px;
  color: #2468F2;
}

.tableip .tableip_box pre {
  display: block;
  width: 100%;
  min-height: 214px;
  height: auto;
  margin-top: 10px;
  padding: 18px;
  background: #F0F4FD;
  border-radius: 6px 6px 6px 6px;
  line-height: 20px;
  font-size: 14px;
  color: #0A0C37;
  box-sizing: border-box;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.banr_t .box1 .s1 .right_arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  background: url("../images/right_arrow.png") no-repeat center center;
  background-size: 36px 36px;
}

/* PC 端公共返回顶部按钮，固定在腾讯企点客服悬浮入口上方，避免被遮挡。 */
.pc-common-tools {
  position: fixed;
  right: 28px;
  bottom: 200px;
  z-index: 90;
}

.pc-back-top {
  display: none;
  width: 80px;
  height: 80px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  background-image: url("../images/ico1000.png");
  background-repeat: no-repeat;
  background-position: -96px 0;
  cursor: pointer;
}

.pc-back-top:hover {
  background-position: -96px -80px;
}

.pc-back-top:focus {
  outline: none;
}