@charset "UTF-8";
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

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

input, img, fieldset {
  border: none;
}

input, select, fieldset {
  vertical-align: middle;
}

ul, ol {
  list-style-type: none;
}

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

img {
  max-width: 100%;
  vertical-align: top;
}

i, cite, em, var, address, dfn {
  font-style: normal;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent;
}

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none;
}

input:-ms-clear {
  display: none;
}

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
}

.clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.bc {
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.vm {
  vertical-align: middle;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.none {
  display: none;
}

.block {
  display: block;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f20 {
  font-size: 20px;
}

.fb {
  font-weight: bold;
}

.fn {
  font-weight: normal;
}

.t2 {
  text-indent: 2em;
}

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mr6 {
  margin-right: 6px;
}

.w10 {
  width: 10px;
}

.h10 {
  height: 10px;
}

del {
  text-decoration: line-through;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

[v-cloak] {
  display: none;
}

.layout {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/**layout**/
.layoutbg {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.child-with-unknown-dimensions {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**
 * 让子元素绝对居中于父容器
 * 向 Sass mixin 传递了宽度，所以就使用负向 margin 处理水平位置，
 * 使用 CSS transform 处理垂直位置 
 */
.child-with-known-width {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  margin-left: -2rem;
  transform: translateY(-50%);
}

/**
 * 让子元素绝对居中于父容器
 * 向 Sass mixin 传递了高度，所以就使用负向 margin 处理垂直位置，
 * 使用 CSS transform 处理水平位置 
 */
.child-with-known-height {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4rem;
  margin-top: -2rem;
  transform: translateX(-50%);
}

/**
 * 让子元素绝对居中于父容器
 * 向 Sass mixin 传递了高度和宽度，所以就使用负向 margin 处理水平和垂直位置
 */
.child-with-known-dimensions {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  margin: -2rem 0 0 -2rem;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #7e8d9c;
  font-size: 0.26rem;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #7e8d9c;
  font-size: 0.26rem;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #7e8d9c;
  font-size: 0.26rem;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7e8d9c;
  font-size: 0.26rem;
}

[v-cloak] {
  display: none;
}

video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

body {
  margin: 0 auto;
}

.main {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.main .back_index {
  width: 1.55rem;
  height: 0.64rem;
  position: absolute;
  top: 0.47rem;
  left: 0;
  z-index: 11;
}

.main .back_index img {
  width: 1.55rem;
  height: 0.64rem;
}

.conmon_bg {
  width: 19.14rem;
  height: 10.8rem;
  background: url(../img/bg.png) center 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  position: relative;
}

.conmon_bg .bg_pre {
  width: 19.14rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}

.conmon_bg .bg_pre1 {
  width: 19.14rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}

.item_1 {
  width: 19.2rem;
  height: 10.8rem;
  background: url(../img/index_bg1.png) center 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.item_1 .go_cz {
  float: right;
  width: 2.19rem;
  height: 0.81rem;
  background: url(../img/index_cz.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.4rem;
  left: 4.46rem;
}

.item_1 .go_jl {
  position: absolute;
  top: 3.6rem;
  left: 0rem;
  width: 0.87rem;
  height: 2.18rem;
  background: url(../img/index_jl.png) center 0 no-repeat;
  background-size: 100% auto;
}

.item_1 .logo {
  width: 3.26rem;
  height: 1.45rem;
  position: absolute;
  top: 0.1rem;
  left: 0.97rem;
}

.item_1 .slogan {
  width: 3.93rem;
  height: 22rem;
  width: 100%;
  position: absolute;
  top: -0.6rem;
  left: 0rem;
  pointer-events: none;
}

.item_1 .yuyue_box {
  width: 9.48rem;
  height: 3.69rem;
  background: url(../img/yuyue_box.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 5.8rem;
  left: 1.32rem;
}

.item_1 .yuyue_box .yuyue_box_img1 {
  width: 3.28rem;
  height: 2.01rem;
  position: absolute;
  top: 0.9rem;
  left: 1.56rem;
}

.item_1 .yuyue_box .email_input {
  display: block;
  width: 3.57rem;
  height: 0.55rem;
  background: url(../img/email_input.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1.01rem;
  right: 0.6rem;
  text-align: center;
}

.item_1 .yuyue_box .email_input input {
  width: 2.9rem;
  height: 100%;
  text-align: center;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
  font-size: 0.24rem;
}

.item_1 .yuyue_box .email_submit {
  width: 3.42rem;
  height: 0.85rem;
  background: url(../img/emall_submit.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1.8rem;
  right: 0.7rem;
  z-index: 10;
}

.item_1 .yuyue_box .email_hassubmit {
  width: 3.42rem;
  height: 0.85rem;
  background: url(../img/email_hassubmit.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1.8rem;
  right: 0.7rem;
  z-index: 10;
}

.item_1 .yuyue_box .yuyue_num {
  width: 3.56rem;
  height: 0.33rem;
  background: url(../img/yuyue_numbg.png) center 0 no-repeat;
  background-size: 100% auto;
  font-size: 0.22rem;
  color: #e4f2f4;
  text-align: center;
  line-height: 0.33rem;
  position: absolute;
  bottom: 0.6rem;
  right: 0.6rem;
}

.item_1 .yuyue_box .yuyue_num span {
  color: #FFF36E;
}

.item_1 .yuyue_box .hasyuyue {
  filter: grayscale(100%);
}

@keyframes movePerson1 {
  0% {
    transform: translateY(0) rotate(2deg);
    transform-origin: center bottom;
  }
  50% {
    transform: translateY(15px) rotate(-2deg);
    transform-origin: center bottom;
  }
  100% {
    transform: translateY(0) rotate(2deg);
    transform-origin: center bottom;
  }
}

.moveFun1 {
  animation: goPerson1 1.5s ease-in-out forwards !important;
}

.moveFun2 {
  animation: goPerson2 1.5s ease-in-out forwards !important;
}

.moveFun3 {
  animation: goPerson3 1.5s ease-in-out forwards !important;
}

.moveFun4 {
  animation: goPerson4 1.5s ease-in-out forwards !important;
}

.moveFun5 {
  animation: goPerson5 1.5s ease-in-out forwards !important;
}

.moveBackFun {
  animation: goPersonBack 0.1s forwards !important;
}

@keyframes goPersonBack {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(0) translateY(0) scale(1);
  }
}

@keyframes goPerson1 {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(-14rem) translateY(1.2rem) scale(1);
  }
}

@keyframes goPerson2 {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(-8rem) translateY(1.4rem) scale(1);
  }
}

@keyframes goPerson3 {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(-3rem) translateY(1.2rem) scale(1);
  }
}

@keyframes goPerson4 {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(-11.5rem) translateY(6rem) scale(1);
  }
}

@keyframes goPerson5 {
  0% {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(-4.2rem) translateY(5.5rem) scale(1);
  }
}

.item_2 {
  width: 19.2rem;
  height: 11.17rem;
  background: url(../img/index_bg2.png) center 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  margin-top: -0.03rem;
  position: relative;
}

@-webkit-keyframes movePerson {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -98.304rem;
  }
}

@keyframes movePerson {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -98.304rem;
  }
}

.item_2 .lxy {
  width: 4.368rem;
  height: 2.4576rem;
  pointer-events: none;
  position: absolute;
  top: 0rem;
  right: -0.5rem;
  z-index: 100;
}

.item_2 .lxy .fly {
  width: 4.368rem;
  height: 2.4576rem;
  background-image: url("../img/fly.png");
  background-repeat: no-repeat;
  background-size: 4.368rem auto;
  background-position: top;
  -webkit-animation: movePerson 2s steps(40) infinite;
  animation: movePerson 2s steps(40) infinite;
}

.item_2 .active_box {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  z-index: 10;
}

.item_2 img {
  width: 3.46rem;
  height: 3.5rem;
  position: absolute;
  top: 0rem;
  cursor: pointer;
}

.item_2 img.active_1 {
  width: 5.01rem;
  height: 3.74rem;
  top: 1.77rem;
  left: 1.14rem;
}

.item_2 img.active_2 {
  width: 4.4rem;
  height: 3.33rem;
  top: 2.22rem;
  left: 6.95rem;
}

.item_2 img.active_3 {
  width: 5.4rem;
  height: 3.69rem;
  top: 1.99rem;
  left: 12.14rem;
}

.item_2 img.active_4 {
  width: 5.27rem;
  height: 3.72rem;
  top: 6.5rem;
  left: 3.38rem;
}

.item_2 img.active_5 {
  width: 4.84rem;
  height: 3.94rem;
  top: 6rem;
  left: 11.1rem;
}

.footer {
  width: 19.2rem;
  height: 1.8rem;
  width: 100%;
  background: #000;
  margin-top: -0.01rem;
}

.footer .footer_main {
  width: 15.9rem;
  height: 1.55rem;
  height: auto;
  min-width: 1300px;
  margin: 0 auto;
  padding-top: 0.3rem;
}

.footer .footer_main .footer_l {
  float: left;
}

.footer .footer_main .footer_l .footer_logo {
  width: 3.42333rem;
  height: 0.79rem;
  float: left;
  margin: 0.12rem;
}

.footer .footer_main .footer_l .age12 {
  width: 0.67rem;
  height: 0.67rem;
  float: left;
  margin: 0.12rem;
}

.footer .footer_main .footer_r {
  float: left;
  margin-left: 0.4rem;
}

.footer .footer_main .footer_r p {
  font-size: 0.18rem;
  padding-bottom: 0.08rem;
  color: #fff;
}

.commonBtn {
  width: 4.67rem;
  height: 1.14rem;
  cursor: pointer;
}

.active_commonbg {
  width: 11.26rem;
  height: 9.37rem;
  background: url(../img/active_commonbg.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0rem auto 0;
  text-align: center;
  position: relative;
  top: 1rem;
  z-index: 9;
}

.active_commonbg .common_title {
  width: 6.42rem;
  height: 1.85rem;
  display: block;
  position: relative;
  top: -0.6rem;
  left: 50%;
  margin-left: -3.21rem;
}

.active_commonbg .logo {
  display: block;
  width: 2.53rem;
  height: 1.12rem;
  margin: 0rem auto 0.1rem;
  position: relative;
  top: -0.6rem !important;
  z-index: 10;
}

.active_commonbg .common_t1 {
  top: -1.7rem;
  width: 6.83rem;
  height: 2.27rem;
  margin-left: -3.415rem;
}

.active_commonbg .common_t10 {
  top: -1.7rem;
  width: 6.42rem;
  height: 1.85rem;
}

.active_commonbg .common_t2 {
  top: -1.2rem;
  width: 6.42rem;
  height: 2.1rem;
}

.active_commonbg .common_t3 {
  top: -1.2rem;
  width: 6.42rem;
  height: 2.46rem;
}

.active_commonbg .common_t4 {
  top: -1.2rem;
  width: 6.42rem;
  height: 1.65rem;
}

.active_commonbg .common_t5 {
  top: -1.2rem;
  width: 6.42rem;
  height: 1.4rem;
  margin-left: -3.21rem;
}

.active_commonbg .common_t6 {
  top: -1.2rem;
  width: 6.42rem;
  height: 1.47rem;
}

.active_commonbg .common_t7 {
  width: 6.82rem;
  height: 2.17rem;
  margin-left: -3.41rem;
}

.active_commonbg .common_t8 {
  width: 10.27rem;
  height: 1.64rem;
}

.active_commonbg .common_t9 {
  width: 6.82rem;
  height: 1.7rem;
  margin-left: -3.41rem;
  top: -0.5rem;
}

.active_commonbg .common_title1 {
  width: 6.82rem;
  height: 2.6rem;
  display: block;
  position: relative;
  top: -0.6rem;
  left: 50%;
  margin-left: -3.41rem;
}

.active_commonbg .slogan {
  width: 2.7rem;
  height: 0.33rem;
  background: url(../img/xiazhu/slogan.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0.6rem auto 0;
}

.active_commonbg .tipbg {
  width: 6.5rem;
  height: 1.05rem;
  background: url(../img/xiazhu/tip.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -0.3rem auto 0;
  position: relative;
  z-index: 100;
  cursor: pointer;
}

.active_commonbg .tipbg img {
  width: 1.7rem;
  height: 0.38rem;
  position: absolute;
  left: 50%;
  margin-left: -0.85rem;
  bottom: -0.6rem;
}

.active_commonbg .tipbg2 {
  width: 4.78rem;
  height: 0.51rem;
  background: url(../img/xiazhu/tip2.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -0.5rem auto 0;
  position: relative;
  z-index: 100;
}

.active_commonbg .btn_box1 {
  width: 5.8rem;
  height: 1.25rem;
  margin: -0.5rem auto 0;
  text-align: center;
  position: relative;
  z-index: 10;
}

.active_commonbg .btn_box1 .btn_item {
  display: inline-block;
  cursor: pointer;
  width: 4.67rem;
  height: 1.14rem;
}

.active_commonbg .btn_box1 .btn_item img {
  display: inline-block;
  width: 100%;
}

.active_commonbg .btn_box {
  width: 5.8rem;
  height: 1.25rem;
  margin: 0.1rem auto 0;
  text-align: center;
}

.active_commonbg .btn_box .btn_item {
  display: inline-block;
  cursor: pointer;
  width: 5.26rem;
  height: 1.25rem;
}

.active_commonbg .btn_box .btn_item:first-child {
  float: left;
  width: 2.89rem;
  height: 0.81rem;
}

.active_commonbg .btn_box .btn_item:last-child {
  float: right;
  width: 2.89rem;
  height: 0.81rem;
}

.active_commonbg .btn_box .btn_item img {
  display: inline-block;
  width: 100%;
}

.active_commonbg .btn_item2 {
  width: 7.32rem;
  height: 1.25rem;
  cursor: pointer;
  margin: 0 auto;
}

.active_commonbg .btn_item2 img {
  display: inline-block;
  width: 100%;
}

.active_commonbg .btn_box2 {
  width: 6.2rem;
  height: 1.57rem;
  margin: 0.1rem auto 0;
  text-align: center;
}

.active_commonbg .btn_box2 .btn_item {
  display: inline-block;
  width: 2.89rem;
  height: 0.81rem;
}

.active_commonbg .btn_box2 .btn_item:first-child {
  float: left;
}

.active_commonbg .btn_box2 .btn_item:last-child {
  float: right;
}

.active_commonbg .btn_box2 .btn_item img {
  display: inline-block;
  width: 2.89rem;
  height: 0.81rem;
}

.active_commonbg .vs {
  width: 11.26rem;
  height: 4rem;
  position: relative;
  margin-top: -1.7rem;
}

.active_commonbg .vs .vsImg {
  position: absolute;
  width: 2.29rem;
  height: 2rem;
  top: 1.3rem;
  left: 4.5rem;
  z-index: 10;
}

.active_commonbg .vs .tuanbox {
  width: 11.26rem;
  height: 4rem;
  position: relative;
  margin-top: -0.3rem;
}

.active_commonbg .vs .tuanbox .tuan_l {
  width: 5.82rem;
  height: 3.73rem;
  background: url(../img/xiazhu/tuan_l.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0.2rem;
  top: 0;
}

.active_commonbg .vs .tuanbox .tuan_r {
  width: 5.82rem;
  height: 3.73rem;
  background: url(../img/xiazhu/tuan_r.png) center 0 no-repeat;
  background-size: 100% auto;
  right: 0.2rem;
  top: 0;
  position: absolute;
}

.active_commonbg .vs .tuanbox .tuan_r .join {
  width: 0.86rem;
  height: 1.18rem;
  position: absolute;
  top: 0.3rem;
  left: 4rem;
}

.active_commonbg .vs .tuanbox .join {
  width: 0.86rem;
  height: 1.18rem;
  position: absolute;
  top: 0.3rem;
  left: 0.8rem;
}

.active_commonbg .vs .tuanbox .btn_zc1 {
  width: 1.96rem;
  height: 0.57rem;
  background: url(../img/xiazhu/btn_zc1.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.6rem;
  left: 0.25rem;
  cursor: pointer;
}

.active_commonbg .vs .tuanbox .btn_zc2 {
  width: 1.96rem;
  height: 0.57rem;
  background: url(../img/xiazhu/btn_zc2.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.6rem;
  right: 0.25rem;
  cursor: pointer;
}

.active_commonbg .vs .tuanteam {
  width: 10.8rem;
  height: 1.2rem;
  margin: -2.6rem auto 0;
}

.active_commonbg .vs .tuanteam .team_l {
  width: 2.3rem;
  height: 1.4rem;
  margin: 0 0rem;
  float: left;
  position: relative;
}

.active_commonbg .vs .tuanteam .team_r {
  width: 2.3rem;
  height: 1.4rem;
  margin: 0 0.2rem;
  float: right;
  position: relative;
}

.active_commonbg .vs .tuanteam .teaminfo {
  width: 2.3rem;
  height: 1.4rem;
  overflow-y: auto;
  font-size: 0.2rem;
  color: #7f9eb0;
  text-align: center;
  line-height: 0.26rem;
}

.active_commonbg .vs .tuanteam .teaminfo p {
  width: 2.2rem;
  height: 0.26rem;
  line-height: 0.26rem;
  display: inline-block;
}

.active_commonbg .vs .tuanteam .teaminfo p span {
  display: inline-block;
  width: 1.55rem;
  height: 0.26rem;
  line-height: 0.26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
  float: left;
}

.active_commonbg .yaoImg,
.active_commonbg .yaoImgActive {
  width: 5.88rem;
  height: 5.25rem;
}

.active_commonbg .yaoImgActive {
  display: none;
}

.active_yjxk_1,
.active_yylb_1 {
  width: 11.26rem;
  height: 9.37rem;
  position: relative;
  margin: 0rem auto 0;
}

.active_yjxk_1 .btn_back,
.active_yylb_1 .btn_back {
  width: 1.55rem;
  height: 0.64rem;
  position: absolute;
  top: 0.46rem;
  left: -3.95rem;
  z-index: 11;
}

.active_yjxk_1 .tip,
.active_yylb_1 .tip {
  width: 5.43rem;
  height: 0.38rem;
  margin: 0.2rem auto 0;
}

.active_yjxk_1 .yaoBox,
.active_yylb_1 .yaoBox {
  width: 10.78rem;
  height: 3rem;
  background: url(../img/yaoyue/yaoBox.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -0.85rem auto 0;
  text-align: center;
  padding-top: 1rem;
}

.active_yjxk_1 .yaoBox div,
.active_yylb_1 .yaoBox div {
  position: relative;
  width: 1.93rem;
  height: 2.7rem;
  float: left;
  margin-top: -0.15rem;
  margin-left: 0.05rem;
  overflow: hidden;
}

.active_yjxk_1 .yaoBox div:nth-child(2),
.active_yylb_1 .yaoBox div:nth-child(2) {
  margin-top: 0.2rem;
  margin-left: 0.19rem;
}

.active_yjxk_1 .yaoBox div:nth-child(3),
.active_yylb_1 .yaoBox div:nth-child(3) {
  margin-left: 0.26rem;
}

.active_yjxk_1 .yaoBox div:nth-child(4),
.active_yylb_1 .yaoBox div:nth-child(4) {
  margin-top: 0.2rem;
  margin-left: 0.19rem;
}

.active_yjxk_1 .yaoBox div:nth-child(5),
.active_yylb_1 .yaoBox div:nth-child(5) {
  margin-left: 0.18rem;
}

.active_yjxk_1 .yaoBox .yaoImg,
.active_yylb_1 .yaoBox .yaoImg {
  width: 1.79rem;
  height: 2.52rem;
}

.active_yjxk_1 .btn_active2_llwlc,
.active_yjxk_1 .btn_active2_rule,
.active_yjxk_1 .btn_active2_look,
.active_yjxk_1 .btn_active2_share,
.active_yylb_1 .btn_active2_llwlc,
.active_yylb_1 .btn_active2_rule,
.active_yylb_1 .btn_active2_look,
.active_yylb_1 .btn_active2_share {
  width: 4.67rem;
  height: 1.14rem;
  margin: 0.3rem auto 0;
}

.active_yjxk_1 .btn_active2_llwlc img,
.active_yjxk_1 .btn_active2_rule img,
.active_yjxk_1 .btn_active2_look img,
.active_yjxk_1 .btn_active2_share img,
.active_yylb_1 .btn_active2_llwlc img,
.active_yylb_1 .btn_active2_rule img,
.active_yylb_1 .btn_active2_look img,
.active_yylb_1 .btn_active2_share img {
  width: 100%;
  height: 100%;
}

.active_yjxk_1 .btn_active2_llwlc,
.active_yylb_1 .btn_active2_llwlc {
  margin: 0rem auto 0;
}

.active_yjxk_1 .btn_box,
.active_yylb_1 .btn_box {
  width: 6.5rem;
  height: 0.38rem;
  margin: 0.4rem auto 0;
}

.active_yjxk_1 .btn_active2_look,
.active_yylb_1 .btn_active2_look {
  width: 2.4rem;
  height: 0.38rem;
  margin: 0 !important;
  float: left;
}

.active_yjxk_1 .btn_active2_rule,
.active_yylb_1 .btn_active2_rule {
  width: 1.7rem;
  height: 0.38rem;
  margin: 0 !important;
  float: right;
}

.active_yjxk_1 .totalnum,
.active_yylb_1 .totalnum {
  width: 5rem;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
  color: #da6e46;
  text-align: center;
  margin: -0.5rem auto 0.4rem;
  font-weight: bold;
}

.active_yjxk_1 .totalnum .time,
.active_yylb_1 .totalnum .time {
  width: 1.79rem;
  height: 0.4rem;
}

.active_yjxk_2 {
  width: 11.26rem;
  height: 9.37rem;
  position: relative;
  margin: 0rem auto 0;
}

.active_yjxk_2 .btn_back {
  width: 1.55rem;
  height: 0.64rem;
  position: absolute;
  top: 0.46rem;
  left: -3.95rem;
  z-index: 11;
}

.active_yjxk_2 .xm_name {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.5rem;
  color: #F5D4A4;
  text-align: center;
  padding: 0.9rem 0 0;
  margin: 0 auto;
}

.active_yjxk_2 .xm_slogan {
  width: 5.61rem;
  height: 0.61rem;
  background: url(../img/yaoyue/sloganbg.png) center 0 no-repeat;
  background-size: 100% auto;
  line-height: 0.61rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: center;
  margin: 0.3rem auto;
}

.active_yjxk_2 .timetip {
  width: 5rem;
  height: 0.25rem;
  font-size: 0.25rem;
  font-weight: bold;
  color: #1D5396;
  margin: -0.4rem auto 0;
  position: relative;
}

.active_yjxk_2 .scroll-box {
  width: 8.4rem;
  height: 4.5rem;
  margin: 0.3rem auto;
  overflow: hidden;
}

.active_yjxk_2 .scroll-box .scroll {
  width: 8.15rem;
  height: 4.5rem;
  margin-top: 0.2rem;
  overflow-y: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.active_yjxk_2 .scroll-box .toulist {
  width: 100%;
  height: 1.26rem;
  text-align: center;
  margin: 0 0 0.15rem 0;
  position: relative;
}

.active_yjxk_2 .scroll-box .toulist p {
  float: left;
  width: 1rem;
  height: 1.26rem;
  line-height: 1.26rem;
  color: #266A8A;
  font-size: 0.3rem;
  margin: 0rem 0.4rem 0 0rem;
  text-align: center;
}

.active_yjxk_2 .scroll-box .toulist img {
  float: left;
  width: 5.712rem;
  height: 1.064rem;
  margin: 0.12rem;
}

.active_yjxk_2 .scroll-box .toulist.is_choice::after {
  content: '';
  display: block;
  width: 6.53rem;
  height: 1.26rem;
  background: url(../img/yaoyue/is_choice.png) center 0 no-repeat;
  background-size: 100% auto;
  bottom: -0.03rem;
  right: 0.5rem;
  pointer-events: none;
  z-index: 1;
  position: absolute;
}

.active_yjxk_2 .btn_active2_sureCard {
  width: 4.67rem;
  height: 1.14rem;
  margin: 0.1rem auto 0;
  cursor: pointer;
}

.active_xmxz_1,
.active_xmxz_2,
.active_bns_1,
.active_yylb_1,
.active_ai_1 {
  width: 11.26rem;
  height: 9.37rem;
  position: relative;
  margin: 0rem auto 0rem;
}

.active_xmxz_1 .logo,
.active_xmxz_2 .logo,
.active_bns_1 .logo,
.active_yylb_1 .logo,
.active_ai_1 .logo {
  display: block;
  width: 2.53rem;
  height: 1.12rem;
  margin: 0rem auto 0.1rem;
  position: relative;
  top: -0.6rem;
  z-index: 10;
}

.active_xmxz_1 .btn_back,
.active_xmxz_2 .btn_back,
.active_bns_1 .btn_back,
.active_yylb_1 .btn_back,
.active_ai_1 .btn_back {
  width: 1.55rem;
  height: 0.64rem;
  position: absolute;
  top: 0.46rem;
  left: -3.95rem;
  z-index: 11;
}

.active_xmxz_1 .label1,
.active_xmxz_2 .label1,
.active_bns_1 .label1,
.active_yylb_1 .label1,
.active_ai_1 .label1 {
  display: block;
  width: 2.86rem;
  height: 1.28rem;
  margin: -1.2rem auto -0.8rem;
}

.active_xmxz_1 .label2,
.active_xmxz_2 .label2,
.active_bns_1 .label2,
.active_yylb_1 .label2,
.active_ai_1 .label2 {
  display: block;
  width: 1.99rem;
  height: 0.45rem;
  margin: 0.2rem auto 0.1rem;
}

.active_xmxz_1 .label3,
.active_xmxz_2 .label3,
.active_bns_1 .label3,
.active_yylb_1 .label3,
.active_ai_1 .label3 {
  display: block;
  width: 3.6rem;
  height: 1.28rem;
  margin: 0.2rem auto -0.7rem;
}

.active_xmxz_1 .name1,
.active_xmxz_1 .name2,
.active_xmxz_2 .name1,
.active_xmxz_2 .name2,
.active_bns_1 .name1,
.active_bns_1 .name2,
.active_yylb_1 .name1,
.active_yylb_1 .name2,
.active_ai_1 .name1,
.active_ai_1 .name2 {
  display: block;
  width: 2.31rem;
  height: 0.44rem;
  margin: 0.2rem auto 0.1rem;
}

.active_xmxz_1 .name1,
.active_xmxz_2 .name1,
.active_bns_1 .name1,
.active_yylb_1 .name1,
.active_ai_1 .name1 {
  margin: -1rem auto 0.2rem;
}

.active_xmxz_1 .name3,
.active_xmxz_2 .name3,
.active_bns_1 .name3,
.active_yylb_1 .name3,
.active_ai_1 .name3 {
  display: block;
  width: 1.74rem;
  height: 0.44rem;
  margin: 0.7rem auto 0.2rem;
}

.active_xmxz_1 .camp_type1,
.active_xmxz_1 .camp_type2,
.active_xmxz_2 .camp_type1,
.active_xmxz_2 .camp_type2,
.active_bns_1 .camp_type1,
.active_bns_1 .camp_type2,
.active_yylb_1 .camp_type1,
.active_yylb_1 .camp_type2,
.active_ai_1 .camp_type1,
.active_ai_1 .camp_type2 {
  width: 5.33rem;
  height: 5.48rem;
  margin: -1.9rem auto 0rem;
}

.active_xmxz_1 .xmkh_bg,
.active_xmxz_2 .xmkh_bg,
.active_bns_1 .xmkh_bg,
.active_yylb_1 .xmkh_bg,
.active_ai_1 .xmkh_bg {
  width: 7.47rem;
  height: 3.94rem;
  background: url(../img/xiazhu/xmkh_bg.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -1.1rem auto 0rem;
}

.active_xmxz_1 .xmkh_bg .mengName,
.active_xmxz_2 .xmkh_bg .mengName,
.active_bns_1 .xmkh_bg .mengName,
.active_yylb_1 .xmkh_bg .mengName,
.active_ai_1 .xmkh_bg .mengName {
  display: block;
  width: 7.47rem;
  height: 0.3rem;
  padding-top: 0.45rem;
  margin: 0 auto;
  font-size: 0.3rem;
  font-weight: bold;
  color: #266A8A;
}

.active_xmxz_1 .xmkh_bg .mengSlogan,
.active_xmxz_2 .xmkh_bg .mengSlogan,
.active_bns_1 .xmkh_bg .mengSlogan,
.active_yylb_1 .xmkh_bg .mengSlogan,
.active_ai_1 .xmkh_bg .mengSlogan {
  display: block;
  padding-top: 0.8rem;
  width: 5.8rem;
  height: 2rem;
  line-height: 0.4rem;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0.28rem;
  color: #666;
  text-align: left;
}

.active_xmxz_1 .input_bg,
.active_xmxz_1 .input_bg2,
.active_xmxz_2 .input_bg,
.active_xmxz_2 .input_bg2,
.active_bns_1 .input_bg,
.active_bns_1 .input_bg2,
.active_yylb_1 .input_bg,
.active_yylb_1 .input_bg2,
.active_ai_1 .input_bg,
.active_ai_1 .input_bg2 {
  display: block;
  width: 5.48rem;
  height: 0.88rem;
  background: url(../img/xiazhu/input_bg.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0rem auto 0rem;
  text-align: center;
  z-index: 10;
  position: relative;
}

.active_xmxz_1 .input_bg input,
.active_xmxz_1 .input_bg2 input,
.active_xmxz_2 .input_bg input,
.active_xmxz_2 .input_bg2 input,
.active_bns_1 .input_bg input,
.active_bns_1 .input_bg2 input,
.active_yylb_1 .input_bg input,
.active_yylb_1 .input_bg2 input,
.active_ai_1 .input_bg input,
.active_ai_1 .input_bg2 input {
  width: 4.4rem;
  height: 100%;
  text-align: center;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
  font-size: 0.24rem;
}

.active_xmxz_1 .input_bg textarea,
.active_xmxz_1 .input_bg2 textarea,
.active_xmxz_2 .input_bg textarea,
.active_xmxz_2 .input_bg2 textarea,
.active_bns_1 .input_bg textarea,
.active_bns_1 .input_bg2 textarea,
.active_yylb_1 .input_bg textarea,
.active_yylb_1 .input_bg2 textarea,
.active_ai_1 .input_bg textarea,
.active_ai_1 .input_bg2 textarea {
  width: 4.4rem;
  height: 50%;
  text-align: center;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
}

.active_xmxz_1 .input_bg span,
.active_xmxz_1 .input_bg2 span,
.active_xmxz_2 .input_bg span,
.active_xmxz_2 .input_bg2 span,
.active_bns_1 .input_bg span,
.active_bns_1 .input_bg2 span,
.active_yylb_1 .input_bg span,
.active_yylb_1 .input_bg2 span,
.active_ai_1 .input_bg span,
.active_ai_1 .input_bg2 span {
  width: 4.4rem;
  height: 100%;
  text-align: center;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
  font-size: 0.26rem;
  line-height: 0.96rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.active_xmxz_1 .input_bg2,
.active_xmxz_2 .input_bg2,
.active_bns_1 .input_bg2,
.active_yylb_1 .input_bg2,
.active_ai_1 .input_bg2 {
  width: 6.5rem;
  height: 2.5rem;
  background: url(../img/xiazhu/input_bg2.png) center 0 no-repeat;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.active_xmxz_1 .input_bg2 span,
.active_xmxz_2 .input_bg2 span,
.active_bns_1 .input_bg2 span,
.active_yylb_1 .input_bg2 span,
.active_ai_1 .input_bg2 span {
  width: 4.6rem;
  padding-top: 0.5rem;
  margin: 0rem auto 0rem;
  height: 1.5rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
}

.active_xmxz_1 .btn_join,
.active_xmxz_1 .btn_cj,
.active_xmxz_2 .btn_join,
.active_xmxz_2 .btn_cj,
.active_bns_1 .btn_join,
.active_bns_1 .btn_cj,
.active_yylb_1 .btn_join,
.active_yylb_1 .btn_cj,
.active_ai_1 .btn_join,
.active_ai_1 .btn_cj {
  margin: 0.34rem auto 0;
}

.active_xmxz_1 .btn_join,
.active_xmxz_2 .btn_join,
.active_bns_1 .btn_join,
.active_yylb_1 .btn_join,
.active_ai_1 .btn_join {
  width: 4.67rem;
  height: 1.14rem;
}

.active_xmxz_1 .btn_ai,
.active_xmxz_2 .btn_ai,
.active_bns_1 .btn_ai,
.active_yylb_1 .btn_ai,
.active_ai_1 .btn_ai {
  margin: 0.4rem auto 0;
}

.active_xmxz_1 .btn_fz,
.active_xmxz_2 .btn_fz,
.active_bns_1 .btn_fz,
.active_yylb_1 .btn_fz,
.active_ai_1 .btn_fz {
  width: 4.67rem;
  height: 1.14rem;
  margin: 0.2rem auto 0;
}

.active_xmxz_1 .aibg,
.active_xmxz_2 .aibg,
.active_bns_1 .aibg,
.active_yylb_1 .aibg,
.active_ai_1 .aibg {
  width: 3.40909rem;
  height: 4.54545rem;
  margin: 0.1rem auto 0;
}

.active_xmxz_1 .aibg img,
.active_xmxz_2 .aibg img,
.active_bns_1 .aibg img,
.active_yylb_1 .aibg img,
.active_ai_1 .aibg img {
  width: 100%;
  height: 100%;
}

.active_xmxz_1 .qrcodebg,
.active_xmxz_2 .qrcodebg,
.active_bns_1 .qrcodebg,
.active_yylb_1 .qrcodebg,
.active_ai_1 .qrcodebg {
  width: 2.29rem;
  height: 1.91rem;
  background: url(../img/xiazhu/qrcodebg.png) center 0 no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 0.1rem 0.35rem 0 0;
  position: absolute;
  right: 0rem;
  top: 12.1rem;
}

.active_xmxz_1 .qrcodebg img,
.active_xmxz_2 .qrcodebg img,
.active_bns_1 .qrcodebg img,
.active_yylb_1 .qrcodebg img,
.active_ai_1 .qrcodebg img {
  width: 1.7rem;
  height: 1.7rem;
}

.active_xmxz_1 .common_title2,
.active_xmxz_2 .common_title2,
.active_bns_1 .common_title2,
.active_yylb_1 .common_title2,
.active_ai_1 .common_title2 {
  width: 7.5rem;
  height: 0.55rem;
  width: 100%;
  font-size: 0.32rem;
  color: #1D5396;
  text-align: center;
  line-height: 0.55rem;
  margin: -1.2rem auto 0;
}

.active_xmxz_1 .common_title3,
.active_xmxz_2 .common_title3,
.active_bns_1 .common_title3,
.active_yylb_1 .common_title3,
.active_ai_1 .common_title3 {
  width: 6.44rem;
  height: 0.78rem;
  background: url(../img/xiazhu/common_title3_bg.png) center 0 no-repeat;
  background-size: 100% auto;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  line-height: 0.78rem;
  margin: 0.1rem auto 0;
}

.active_xmxz_1 .lmk_title2,
.active_xmxz_2 .lmk_title2,
.active_bns_1 .lmk_title2,
.active_yylb_1 .lmk_title2,
.active_ai_1 .lmk_title2 {
  color: #1D5396;
  width: 4.5rem;
  margin: 0.2rem auto;
  font-size: 0.4rem;
  font-weight: bold;
}

.active_xmxz_1 .lmk,
.active_xmxz_2 .lmk,
.active_bns_1 .lmk,
.active_yylb_1 .lmk,
.active_ai_1 .lmk {
  width: 5.77rem;
  height: 5.51rem;
  margin: 0.4rem auto 0;
}

.active_xmxz_1 .lmk .lmk_title,
.active_xmxz_1 .lmk .lmk_title2,
.active_xmxz_2 .lmk .lmk_title,
.active_xmxz_2 .lmk .lmk_title2,
.active_bns_1 .lmk .lmk_title,
.active_bns_1 .lmk .lmk_title2,
.active_yylb_1 .lmk .lmk_title,
.active_yylb_1 .lmk .lmk_title2,
.active_ai_1 .lmk .lmk_title,
.active_ai_1 .lmk .lmk_title2 {
  width: 5.77rem;
  height: 0.55rem;
  font-size: 0.4rem;
  color: #FFE8B0;
  text-align: center;
  line-height: 0.55rem;
  padding: 0.4rem 0 0;
}

.active_xmxz_1 .lmk .lmk_man,
.active_xmxz_2 .lmk .lmk_man,
.active_bns_1 .lmk .lmk_man,
.active_yylb_1 .lmk .lmk_man,
.active_ai_1 .lmk .lmk_man {
  width: 5.6rem;
  height: 6rem;
  margin: 0.2rem auto 0;
  overflow-y: auto;
  padding-left: 0.3rem;
}

.active_xmxz_1 .lmk .lmk_man p,
.active_xmxz_2 .lmk .lmk_man p,
.active_bns_1 .lmk .lmk_man p,
.active_yylb_1 .lmk .lmk_man p,
.active_ai_1 .lmk .lmk_man p {
  width: 5.2rem;
  font-size: 0.3rem;
  color: #266A8A;
  line-height: 0.8rem;
  height: 0.8rem;
  border-bottom: 0.01rem dashed #b4c4d3;
}

.active_xmxz_1 .lmk .lmk_man p:last-child,
.active_xmxz_2 .lmk .lmk_man p:last-child,
.active_bns_1 .lmk .lmk_man p:last-child,
.active_yylb_1 .lmk .lmk_man p:last-child,
.active_ai_1 .lmk .lmk_man p:last-child {
  border-bottom: none;
}

.active_xmxz_1 .lmk .lmk_main,
.active_xmxz_2 .lmk .lmk_main,
.active_bns_1 .lmk .lmk_main,
.active_yylb_1 .lmk .lmk_main,
.active_ai_1 .lmk .lmk_main {
  width: 5.4rem;
  height: 4rem;
  margin: 0.4rem auto 0;
}

.active_xmxz_1 .lmk .lmk_main .lmk_l,
.active_xmxz_2 .lmk .lmk_main .lmk_l,
.active_bns_1 .lmk .lmk_main .lmk_l,
.active_yylb_1 .lmk .lmk_main .lmk_l,
.active_ai_1 .lmk .lmk_main .lmk_l {
  float: left;
  width: 1.04rem;
  height: 1.03rem;
  background: url(../img/xiazhu/tou.png) center 0 no-repeat;
  background-size: 100% auto;
}

.active_xmxz_1 .lmk .lmk_main .lmk_l img,
.active_xmxz_2 .lmk .lmk_main .lmk_l img,
.active_bns_1 .lmk .lmk_main .lmk_l img,
.active_yylb_1 .lmk .lmk_main .lmk_l img,
.active_ai_1 .lmk .lmk_main .lmk_l img {
  width: 1.02rem;
  height: 1.02rem;
  border-radius: 50%;
}

.active_xmxz_1 .lmk .lmk_main .lmk_r,
.active_xmxz_2 .lmk .lmk_main .lmk_r,
.active_bns_1 .lmk .lmk_main .lmk_r,
.active_yylb_1 .lmk .lmk_main .lmk_r,
.active_ai_1 .lmk .lmk_main .lmk_r {
  float: left;
  width: 3.9rem;
  height: 4rem;
  margin-left: 0.15rem;
}

.active_xmxz_1 .lmk .lmk_main .lmk_r .lmk_r_title,
.active_xmxz_2 .lmk .lmk_main .lmk_r .lmk_r_title,
.active_bns_1 .lmk .lmk_main .lmk_r .lmk_r_title,
.active_yylb_1 .lmk .lmk_main .lmk_r .lmk_r_title,
.active_ai_1 .lmk .lmk_main .lmk_r .lmk_r_title {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.36rem;
  color: #D0E1F1;
  text-align: left;
}

.active_xmxz_1 .lmk .lmk_main .lmk_r .lmk_r_info,
.active_xmxz_2 .lmk .lmk_main .lmk_r .lmk_r_info,
.active_bns_1 .lmk .lmk_main .lmk_r .lmk_r_info,
.active_yylb_1 .lmk .lmk_main .lmk_r .lmk_r_info,
.active_ai_1 .lmk .lmk_main .lmk_r .lmk_r_info {
  width: 3.9rem;
  height: 3rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  text-align: left;
  color: #D0E1F1;
}

.active_xmxz_1 .lmk2,
.active_xmxz_2 .lmk2,
.active_bns_1 .lmk2,
.active_yylb_1 .lmk2,
.active_ai_1 .lmk2 {
  width: 7.77rem;
  height: 5.61rem;
  background: url(../img/xiazhu/lmk2.png) center 0 no-repeat;
  background-size: 100% auto;
}

.active_xmxz_1 .xm_title,
.active_xmxz_2 .xm_title,
.active_bns_1 .xm_title,
.active_yylb_1 .xm_title,
.active_ai_1 .xm_title {
  width: 100%;
  font-size: 0.34rem;
  font-weight: bold;
  color: #1D5396;
  padding-top: 0.15rem;
}

.active_xmxz_1 .xm_list,
.active_xmxz_2 .xm_list,
.active_bns_1 .xm_list,
.active_yylb_1 .xm_list,
.active_ai_1 .xm_list {
  width: 7.76rem;
  height: 3.2rem;
  margin: 0.1rem auto 0;
  padding: 0rem 0.5rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.active_xmxz_1 .xm_list .xm_item,
.active_xmxz_2 .xm_list .xm_item,
.active_bns_1 .xm_list .xm_item,
.active_yylb_1 .xm_list .xm_item,
.active_ai_1 .xm_list .xm_item {
  width: 6.76rem;
  height: 3.2rem;
  margin: 0rem auto 0;
  overflow-y: auto;
  padding-right: 0.2rem;
}

.active_xmxz_1 .xm_list .xm_item li,
.active_xmxz_2 .xm_list .xm_item li,
.active_bns_1 .xm_list .xm_item li,
.active_yylb_1 .xm_list .xm_item li,
.active_ai_1 .xm_list .xm_item li {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.26rem;
  color: #3E6A97;
  border-bottom: 0.01rem dashed #78B4D6;
}

.active_xmxz_1 .xm_list .xm_item li span,
.active_xmxz_2 .xm_list .xm_item li span,
.active_bns_1 .xm_list .xm_item li span,
.active_yylb_1 .xm_list .xm_item li span,
.active_ai_1 .xm_list .xm_item li span {
  float: left;
  width: 5.4rem;
  height: 0.9rem;
  line-height: 0.9rem;
}

.active_xmxz_1 .xm_list .xm_item li i,
.active_xmxz_2 .xm_list .xm_item li i,
.active_bns_1 .xm_list .xm_item li i,
.active_yylb_1 .xm_list .xm_item li i,
.active_ai_1 .xm_list .xm_item li i {
  width: 4.6rem;
  float: left;
  line-height: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.active_xmxz_1 .xm_list .xm_item li img,
.active_xmxz_2 .xm_list .xm_item li img,
.active_bns_1 .xm_list .xm_item li img,
.active_yylb_1 .xm_list .xm_item li img,
.active_ai_1 .xm_list .xm_item li img {
  float: right;
  width: 0.95rem;
  height: 0.46rem;
  margin-top: 0.22rem;
}

.active_xmxz_1 .logohide,
.active_xmxz_1 .sloganhide,
.active_xmxz_2 .logohide,
.active_xmxz_2 .sloganhide,
.active_bns_1 .logohide,
.active_bns_1 .sloganhide,
.active_yylb_1 .logohide,
.active_yylb_1 .sloganhide,
.active_ai_1 .logohide,
.active_ai_1 .sloganhide {
  opacity: 0;
}

.active_xmxz_1 .btn_active2_llwlc,
.active_xmxz_1 .btn_active2_rule,
.active_xmxz_1 .btn_active2_look,
.active_xmxz_2 .btn_active2_llwlc,
.active_xmxz_2 .btn_active2_rule,
.active_xmxz_2 .btn_active2_look,
.active_bns_1 .btn_active2_llwlc,
.active_bns_1 .btn_active2_rule,
.active_bns_1 .btn_active2_look,
.active_yylb_1 .btn_active2_llwlc,
.active_yylb_1 .btn_active2_rule,
.active_yylb_1 .btn_active2_look,
.active_ai_1 .btn_active2_llwlc,
.active_ai_1 .btn_active2_rule,
.active_ai_1 .btn_active2_look {
  width: 3.93333rem;
  height: 0.81667rem;
  margin: 0.4rem auto 0;
}

.active_xmxz_1 .btn_active2_rule,
.active_xmxz_1 .btn_active2_share,
.active_xmxz_2 .btn_active2_rule,
.active_xmxz_2 .btn_active2_share,
.active_bns_1 .btn_active2_rule,
.active_bns_1 .btn_active2_share,
.active_yylb_1 .btn_active2_rule,
.active_yylb_1 .btn_active2_share,
.active_ai_1 .btn_active2_rule,
.active_ai_1 .btn_active2_share {
  margin: 0.1rem auto 0;
}

.active_xmxz_6 .lmk_man {
  width: 7rem;
  height: 3rem;
  height: 2.8rem !important;
}

.active_bns_1 .bns {
  width: 10.9rem;
  height: 5.7rem;
  margin: -1.7rem auto;
  position: relative;
}

.active_bns_1 .bns .bns_item {
  width: 1.57rem;
  height: 5.23rem;
  margin: 0rem 0.24rem 0 0;
  float: left;
  position: relative;
}

.active_bns_1 .bns .bns_item .prize {
  width: 1.57rem;
  height: 5.23rem;
}

.active_bns_1 .bns .bns_item .dacheng {
  width: 1.01rem;
  height: 0.59rem;
  position: absolute;
  left: -0.18rem;
  top: 0rem;
}

.active_bns_1 .bns .bns_numbox {
  width: 10.69rem;
  height: 0.3rem;
  background: url(../img/bns/bns_numbox.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
}

.active_bns_1 .bns .bns_numbox .bns_num {
  width: 10.69rem;
  height: 0.3rem;
  background: url(../img/bns/bns_yellow.png) center 0 no-repeat;
  background-size: 100% auto;
  background: url(../img/bns/bns_yellow.png) 0 0 no-repeat;
  background-size: auto 100%;
  transition: all 0.5s;
}

.active_bns_1 .gofb {
  width: 5.09rem;
  height: 1.24rem;
  margin: 0.6rem auto 0;
  cursor: pointer;
}

.hz {
  width: 15.75rem;
  height: 9.93rem;
  position: absolute;
  right: 0;
  top: 0;
}

.active_yylb_1 .lmk,
.active_ai_1 .lmk {
  width: 10.21rem;
  height: 4.92rem;
  background: url(../img/yylb/yylb_info.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -0.8rem auto 0;
}

.active_yylb_1 .btnbox,
.active_ai_1 .btnbox {
  width: 5.09rem;
  height: 1.24rem;
  background: url(../img/yylb/ffbg.png) center 0 no-repeat;
  background-size: 100% auto;
  font-size: 0.42rem;
  font-weight: bold;
  color: #7B3D1B;
  text-align: center;
  line-height: 0.98rem;
  margin: 0.2rem auto 0;
  cursor: pointer;
  position: relative;
}

.active_yylb_1 .btnbox input,
.active_ai_1 .btnbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.active_yylb_1 .ispay,
.active_ai_1 .ispay {
  width: 5.09rem;
  height: 1.24rem;
  background: url(../img/yylb/ffover.png) center 0 no-repeat;
  background-size: 100% auto;
}

.active_yylb_1 .rule,
.active_ai_1 .rule {
  width: 1.7rem;
  height: 0.38rem;
  margin: 0.2rem auto 0;
  cursor: pointer;
}

.active_yylb_1 {
  width: 13.6rem;
  height: 8.22rem;
  background: url(../img/yylb/active_yylb.png) center 0 no-repeat;
  background-size: 100% auto;
}

.active_ai_1 .info {
  width: 10.46rem;
  height: 4.72rem;
  background: url(../img/ai/info.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: -0.4rem auto 0;
}

.active_ai_1 .info li {
  width: 33.33%;
  height: 100%;
  position: relative;
  float: left;
}

.active_ai_1 .info li img {
  width: 2.41rem;
  height: 0.69rem;
  position: absolute;
  bottom: 0.4rem;
  left: 0.4rem;
  cursor: pointer;
}

.active_ai_1 .ai_bg {
  width: 4.16667rem;
  height: 5.55556rem;
  margin: -1rem auto 0;
  position: relative;
}

.active_ai_1 .ai_bg .ai_img {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
}

.active_ai_1 .btnbox {
  width: 4.67rem;
  height: 1.14rem;
  background: url(../img/ai/look.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0.3rem auto 0;
  cursor: pointer;
}

.active_ai_1 .btnboxr {
  width: 4.67rem;
  height: 1.14rem;
  background: url(../img/ai/join.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0.3rem auto 0;
  cursor: pointer;
}

.shareImg {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}

.shareImg .shareMain {
  width: 19.2rem;
  height: 10.8rem;
  background: url(../img/yaoyue/shareMain.png) center 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.shareImg .shareMain .shareUser {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0rem;
}

.shareImg .shareMain .sharepre {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0rem;
}

.shareImg .shareMain .logo {
  width: 3.26rem;
  height: 1.45rem;
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
  z-index: 10;
}

.shareImg .shareMain .shareTitle {
  width: 6.3rem;
  height: 1.72rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.shareImg .shareMain .shareLook {
  width: 4.44rem;
  height: 1.08rem;
  position: absolute;
  top: 2.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  cursor: pointer;
}

.shareImg .shareMain .closeThis {
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 10;
  border-radius: 0.35rem;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  cursor: pointer;
}

.shareImg .shareMain .closeThis img {
  width: 0.35rem;
  height: 0.35rem;
  margin-top: 0.15rem;
}

.shareImg .shareMain2 {
  width: 19.2rem;
  height: 10.8rem;
  background: url(../img/ai/sharebg.png) center 0 no-repeat;
  background-size: 100% auto;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.shareImg .shareMain2 .closeThis {
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 10;
  border-radius: 0.35rem;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  cursor: pointer;
}

.shareImg .shareMain2 .closeThis img {
  width: 0.35rem;
  height: 0.35rem;
  margin-top: 0.15rem;
}

.shareImg .shareMain2 .logo {
  width: 2.775rem;
  height: 1.23333rem;
  position: absolute;
  top: 0rem;
  left: 50%;
  margin-left: -1.3875rem;
  z-index: 11;
}

.shareImg .shareMain2 .active_commonbg {
  position: absolute;
  z-index: 10;
  width: 11.26rem;
  height: 9.73rem;
  background: url(../img/ai/active_commonbg.png) center 0 no-repeat;
  background-size: 100% auto;
  left: 50%;
  margin-left: -5.63rem;
  top: 0.7rem;
}

.shareImg .shareMain2 .active_commonbg .common_t8 {
  width: 10.41rem;
  height: 1.64rem;
  margin-left: -5.5rem;
  margin-top: 0.4rem;
}

.shareImg .shareMain2 .sharepre2 {
  width: 2.14rem;
  height: 2.68rem;
  position: absolute;
  top: 0.28rem;
  left: 3.2rem;
  z-index: 100;
}

.shareImg .shareMain2 .sharepre {
  top: 0;
}

.shareImg .shareMain2 .shareUser {
  width: 4.16667rem;
  height: 5.55556rem;
  position: absolute;
  top: 1.4rem;
  left: 50%;
  margin-left: -2.08333rem;
}

.shareImg .shareMain2 .sharebtn {
  width: 5.27rem;
  height: 1.14rem;
  position: absolute;
  top: 7.3rem;
  left: 50%;
  margin-left: -2.635rem;
}

.dialog_box {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.dialog_box .dialog_main,
.dialog_box .dialog_bg1 {
  width: 6.51rem;
  height: 5.36rem;
  background: url(../img/yaoyue/dialog_bg1.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog_box .dialog_bg2 {
  width: 4.74rem;
  height: 6.07333rem;
  background: url(../img/xiazhu/rule.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog_box .dialog_bg2 .close {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  margin-left: -0.3rem;
  z-index: 10;
  cursor: pointer;
}

.dialog_box .dialog_bg3 {
  width: 10.83rem;
  height: 7.57rem;
  background: url(../img/yylb/rulebg.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog_box .dialog_bg3 .close {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: -0.9rem;
  right: 0%;
  margin-left: -0.4rem;
  z-index: 10;
  cursor: pointer;
}

.dialog_box .dialog_jl {
  width: 6.85rem;
  height: 4.7rem;
  background: url(../img/dialog_jl.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog_box .dialog_jl .sureBtn {
  width: 2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.24rem;
  color: #266A8A;
  border: 0.02rem solid #266A8A;
  margin: 0.1rem auto;
  border-radius: 0.5rem;
  cursor: pointer;
}

.dialog_box .dialog_jl .close {
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  margin-left: -0.325rem;
  z-index: 10;
  cursor: pointer;
}

.dialog_box .dialog_jl .jl_total {
  width: 5.31rem;
  height: 0.72rem;
  background: url(../img/jinlingbg.png) center 0 no-repeat;
  background-size: 100% auto;
  margin: 0.5rem auto 0rem;
  line-height: 0.72rem;
  font-size: 0.36rem;
  color: #e4f6fe;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
}

.dialog_box .dialog_jl .jl_total .jinlong {
  width: 0.44rem;
  height: 0.47rem;
  vertical-align: middle;
  margin: 0 0.1rem 0 0.05rem;
}

.dialog_box .dialog_jl .jl_info {
  width: 4.5rem;
  margin: 0rem 0 0rem 1.05rem;
  height: 0.82rem;
  line-height: 0.85rem;
  color: #5684ad;
  font-size: 0.34rem;
  position: relative;
  cursor: pointer;
}

.dialog_box .dialog_jl .jl_info span {
  margin-left: 0.45rem;
  display: inline-block;
}

.dialog_box .dialog_jl .jl_info i {
  color: #d27326;
}

.dialog_box .dialog_jl .jl_info .sure {
  width: 0.32rem;
  height: 0.24rem;
  margin: 0.32rem 0 0 0.02rem;
  position: absolute;
  cursor: pointer;
}

.dialog_box .dialog_jl .jl_info .sureshow {
  opacity: 1;
}

.dialog_box .dialog_jl .jl_info .surehide {
  opacity: 0;
}

.dialog_box .dialog_active2_rule {
  width: 10.64rem;
  height: 8.11rem;
  background: url(../img/yaoyue/dialog_active2_rule.png) center 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog_box .dialog_active2_rule .dialog_close {
  width: 0.65rem;
  height: 0.61rem;
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  margin-left: -0.325rem;
  z-index: 10;
  cursor: pointer;
}

.dialog_box .dialog_active2_rule .dialog_close img {
  width: 0.65rem;
  height: 0.61rem;
}

.dialog_box .dialog_zi {
  width: 100%;
  font-size: 0.3rem;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.6rem;
  height: 3rem;
}

.dialog_box .dialog_btn {
  width: 100%;
  height: 0.66rem;
  padding: 0.4rem 0.6rem 0;
  box-sizing: border-box;
}

.dialog_box .dialog_btn .btn_yes {
  width: 2.3rem;
  height: 0.66rem;
  float: left;
}

.dialog_box .dialog_btn .btn_no {
  width: 2.3rem;
  height: 0.66rem;
  float: right;
}

.rotateThis1 {
  animation: rotate360 2s ease-in-out forwards !important;
}

.rotateThis2 {
  animation: rotate360 2s ease-in-out 0.2s forwards !important;
}

.rotateThis3 {
  animation: rotate360 2s ease-in-out 0.4s forwards !important;
}

.rotateThis4 {
  animation: rotate360 2s ease-in-out 0.5s forwards !important;
}

.rotateThis5 {
  animation: rotate360 2s ease-in-out 0.6s forwards !important;
}

.light {
  position: absolute;
  left: -1.8rem;
  top: 0.15rem;
  width: 0.8rem;
  height: 2.25rem;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
  -o-transform: skewx(-25deg);
  -moz-transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg);
  animation: lightThis 1.7s ease-in-out infinite !important;
  display: none;
}

@keyframes lightThis {
  0% {
    left: -1.6rem;
  }
  100% {
    left: 2.4rem;
  }
}

@keyframes rotate360 {
  0% {
    transform: scale(1) rotateY(0deg);
    transform-origin: top 100%;
  }
  100% {
    transform: scale(1) rotateY(720deg);
    transform-origin: top 100%;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.alert-box {
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000000000;
  display: none;
  pointer-events: none;
}

.alert-box .inner {
  width: auto;
  min-width: 2rem;
  height: auto;
  min-height: 0.3rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.06rem;
  padding: 0.2rem 0.2rem;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
}

::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
}

::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background: none;
  border-radius: 0.06rem;
}

::-webkit-scrollbar-thumb {
  background: #316387 !important;
  border-radius: 0.06rem;
}

/* 定制轨道 */
::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 0.06rem;
}

/*截图上传页面*/
.displaynone {
  display: none;
}

.clipbg {
  position: fixed;
  background: black;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  left: 0;
  display: none;
}

.clipbgloading {
  position: absolute;
  top: 50%;
  width: 3rem;
  left: 50%;
  height: 0.8rem;
  line-height: 0.8rem;
  z-index: 99999;
  text-align: center;
  color: #ffffff;
  border-radius: 0.2rem;
  background: #9f9f9f;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
}

.clipbg #clipArea {
  width: 100%;
  height: 80%;
  margin: 0 auto;
}

.clipbg .clipbgfooter {
  width: 7.5rem;
  position: fixed;
  left: 50%;
  bottom: 0px;
  text-align: center;
  margin-left: -3.75rem;
}

.clipbg dl {
  background: #ffffff;
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.clipbg dd {
  position: relative;
  height: 0.5rem;
  line-height: 0.5rem;
  border-bottom: 1px solid #999999;
  font-size: 0.18rem;
  cursor: pointer;
}

.clipbg dd p:hover,
.clipbg .clipback:hover {
  background: #e0dfe0;
  cursor: pointer;
}

.clipbg .clipback {
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.16rem;
  margin-bottom: 0.16rem;
  background: #ffffff;
  font-size: 0.18rem;
}

.clipbg dd input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

@media screen and (min-width: 1440px) {
  .item_2 {
    margin-top: -0.03rem;
  }
}

@media screen and (max-width: 1440px) {
  .item_2 {
    margin-top: -0.04rem;
  }
}