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

  ul {
    list-style: none;
  }

  a {
    text-decoration: none;
  }

  a:hover {
    text-decoration: none;
  }

  a:link,
  a:visited {
    text-decoration: none;
  }

  img {
    border: none;
  }

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

  .clearfix {
    zoom: 1;
  }

  body {
    min-width: 1100px;
    font-family: '微软雅黑';
    font-size:12px;
  }
  #app {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
  }
  .main {
    width: 1920px;
    height: 5146px;
    margin: 0 auto;
    font-family: '微软雅黑';
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/bg.jpg);
  }
  .logo {
    width: 135px;
    height: 128px;
    position: absolute;
    left: 50px;
    top: 25px;
  }
  .logo img {
    width: 100%;
    height: 100%;
  }
  .link{ position:absolute;top:0px;padding: 0 30px; line-height: 35px; right:108px; height: 35px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;  text-align:center; color:#e2e2e2}
  .link a{color:#e2e2e2; margin: 0 10px;}
  .header {
    width: 100%;
    height: 786px;
    display: flex;
    position: relative;
    justify-content: center;
  }
  .slogan {
    margin-top: 72px;
    width: 647px;
    height: 695px;
  }
  .slogan img {
    width: 100%;
    height: 100%;
  }
  .part {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .part1 {
    height: 1608px;
  }
  .part1 .title {
    margin-top: 115px;
    width: 670px;
    height: 132px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/part1_t.png) no-repeat;
  }
  .jp {
    margin-top: 56px;
    width: 786px;
    height: 621px;
    position: relative;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/cj_bg_03.png) center no-repeat;
    z-index: 1;
  }
  .cj-main {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/denglong1.png) no-repeat;
    z-index: 2;
  }

  .pis {
    position: absolute;
    z-index: 1;
    width: 260px;
    height: 560px;
    text-align: center;
  }

  .pis p {
    width: 100%;
    color: #fff6ca;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    white-space: nowrap;
  }

  .pis12_c p {
    white-space: nowrap;
  }

  /* .pis_c img {
    margin-top: 20px;
  } */

  /*.pishover{background: url(https://img.q1cdn.com/bbcs/images/huodong/gqhd2017/icon.png?v=1) no-repeat -214px -541px;}*/
  .pis1,
  .pis2,
  .pis3,
  .pis7,
  .pis8 {
    top: 0;
    left: 0;
  }

  .pis4,
  .pis5,
  .pis6,
  .pis9,
  .pis10 {
    top: 0px;
    right: 0px;
  }

  /* .pis7,
  .pis8,
  .pis9 {
    top: 378px;
    left: 0;
  } */

  /* .pis10,
  .pis11,
  .pis12 {
    top: 0;
    left: 0;
  } */
  .pis_c_m {
    width: 53px;
    height: 52px;
    box-sizing: border-box;
    border: 2px solid #ff7f0a;
    background: #510000;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img_c {
    width: 39px;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #9c662a;
    overflow: hidden;
  }
  .img_c img {
    width: 37px;
    height: 36px;
    position: relative;
  }
  .pis_c {
    width: 112px;
    height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .pis1_c {
    top: 18px;
    left: 163px;
  }

  .pis2_c {
    top: 101px;
    left: 47px;
  }

  .pis3_c {
    top: 219px;
    left: 16px;
  }

  .pis6_c {
    top: 16px;
    left: -7px;
  }

  .pis5_c {
    top: 98px;
    left: 89px;
  }

  .pis4_c {
    top: 223px;
    left: 135px;
  }
  .pis7_c {
    bottom: 101px;
    left: 16px;
  }

  .pis8_c {
    bottom: -14px;
    left: 90px;
  }
  .pis9_c {
    bottom: 101px;
    left: 138px;
  }

  .pis10_c {
    bottom: -14px;
    left: 60px;
  }

/*   .pis7_c {
    top: 207px;
    left: 253px;
  }

  .pis8_c {
    top: 129px;
    left: 139px;
  }

  .pis9_c {
    top: 13px;
    left: 68px;
  }

  .pis10_c {
    top: 250px;
    left: 52px;
  }

  .pis11_c {
    top: 132px;
    left: 132px;
  }

  .pis12_c {
    top: 58px;
    left: 252px;
  } */

  /*.pis1{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg1.png")}*/
  /*.pis2{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg2.png")}*/
  /*.pis3{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg3.png")}*/
  /*.pis4{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg4.png")}*/
  /*.pis5{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg5.png")}*/
  /*.pis6{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg6.png")}*/
  /*.pis7{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg7.png")}*/
  /*.pis8{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg8.png")}*/
  /*.pis9{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg9.png")}*/
  /*.pis10{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg10.png")}*/
  /*.pis11{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg11.png")}*/
  /*.pis12{background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/bg12.png")}*/
  .cjBtn {
    position: absolute;
    width: 240px;
    height: 226px;
    z-index: 50;
    left: 50%;
    margin-left: -120px;
    margin-top: -139px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .cjBtn  img {
    margin-bottom: 65px;
   /*  -webkit-filter: grayscale(100%); */
    /* Chrome, Safari, Opera */
   /*  filter: grayscale(100%); */
  }

/*   .cjBtn:hover,
  .cjBtnFocus {
    color: #fff;
    background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/cjFocus.png?v=1") no-repeat;
    text-decoration: none;
  } */
  .greyBtn img {
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
   filter: grayscale(100%);
  }
  .my-start {
    width: 891px;
    height: 200px;
    margin-top: 50px;
    display: flex;
  }
  .start {
    height: 200px;
    width: 83px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/start_bg_02.png) no-repeat;
  }
  .start:not(:first-child) {
    margin-left: 6px;
  }
  /* .start .start-name {
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    color: #ffedd5;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 4px;
  } */
  .start .start-name {
    display: flex;
    flex-direction: column;
    color: #ffedd5;
    font-size: 23px;
    font-weight: bold;
  }
  .start .s-icon {
    width: 21px;
    display: block;
    height: 19px;
    margin-top: 31px;
    margin-bottom: 8px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/xing.png)
  }
  .explain {
    width: 1267px;
    height: 279px;
    color: #f7d4a2;
    font-size: 14px;
    margin-top: 70px;
  }
  .ex-title {
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/part1_expain_t_bg.png');
    margin-bottom: 23px;
    width: 100%;
    height: 64px;
    line-height: 64px;
  }
  .part_ex_t {
    display: flex;
    justify-content: space-around;
  }
  .part_ex_t span:last-child {
    padding-right: 25px;
  }
  .ex-content {
    margin-left: 167px;
  }
  .ex-content p {
    line-height: 40px;
    padding-left: 15px;
  }
   .ex-content .p1::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/num.png') 0 0 no-repeat;
    padding-right: 15px;
  }
   .ex-content .p2::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/num.png') 0 -39px no-repeat;
  }
   .ex-content .p3::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/num.png') 0 -80px no-repeat;
  }
   .ex-content .p4::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/num.png') 0 -121px no-repeat;
  }
   .ex-content .p5::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/num.png') 0 -162px no-repeat;
  }
  .part2 .title {
    width: 721px;
    height: 137px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/part2_t.png) center no-repeat;
  }
  .yuanbao {
    width: 899px;
    height: 444px;
    margin: 14px 0 39px 0;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/yuanbao.png) center no-repeat;
  }
  .jiangping {
    width: 974px;
    height: 236px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/jiangpin.png) center no-repeat;
  }
  .part3 {
    margin-top: 72px;
  }
  .part3 .title {
    width: 712px;
    height: 137px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/part3_t.png) center no-repeat;
  }
  .lucky-s {
    width: 998px;
    height: 435px;
    display: flex;
    justify-content: space-between;
    color: #ffedd5;
    margin-bottom: 37px;
    margin-top: 32px;
  }
  .lucky-item {
    width: 268px;
    height: 435px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/jl_bg.png) center no-repeat;
  }
  .lucky-item .time {
    font-size: 23px;
    font-weight: bold;
    padding-bottom: 6px;
    border-bottom: 2px dashed #fab677;
  }
  .s-name {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .s-name span:first-child {
    width: 31px;
    display: block;
    height: 29px;
    margin-top: 33px;
    margin-bottom: 15px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/big_xing.png)
  }
  .s-name span:last-child{
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 8px;
  }
  .zz {
    width: 100%;
    position: fixed;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    z-index: 99;
    display: none;
  }

  .lucky-star {
    background-color: paleturquoise;
    width: 700px;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    top: 116px;
    display: none;
    z-index: 2;
  }
  .r-gifs {
    margin-bottom: 64px;
    width: 327px;
    height: 80px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/lingqu.png) no-repeat;
  }
  .addi-goods {
    width: 974px;
    height: 236px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/libao_tips_bg.png) no-repeat;
  }
  .goods-tips {
    color: #ffdea4;
    font-weight: bold;
    float: right;
    width: 388px;
    height: 100%;
    margin-right: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .goods-tips p:first-child {
    font-size: 20px;
    line-height: 30px;
  }
  .goods-tips p:last-child {
    font-size: 14px;
    line-height: 30px;
  }
  .ex-content .p2-exam {
    padding-left: 57px;
  }
  .ex-content .p6::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/06_icon.png') no-repeat;
  }
  .ex-content .p7::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/07_icon.png') no-repeat;
  }
  .ex-content .p8::before {
    content: ' ';
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px;
    height: 31px;
    padding-right: 15px;
    background: url('https://css.q1cdn.com/yz/images/huodong/2023xncj/08_icon.png') no-repeat;
  }
  .part_ex_t2 {
    justify-content: flex-start;
    padding-left: 186px;
  }
  .mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;    /*背景层*/
    text-align: center;
  
  }
  .dialog-main {
    width: 938px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position:relative;
    z-index:999;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }
  .mask .content {
    width: 871px;
    height: 344px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/tankuang_bg.png) no-repeat;
  }
  .mask .content .s-list {
    width: 777px;
    height: 172px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mask .content .s-list button {
    width: 143px;
    height: 49px;
    border: 3px solid #d33b35;
    background: linear-gradient(to bottom, #bc3423, #920904);
    color: #ffe9b9;
    font-size: 18px;
    line-height: 49px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
  .mask .content .s-list .active {
    border: 3px solid #eacf91;
    color: #3d2b2a;
    background: linear-gradient(to bottom, #dabd7c, #ba9c5a);
  }
  .mask .content .s-list .no_active {
    border: 3px solid #d33b35;
    background: linear-gradient(to bottom, #bc3423, #920904);
    color: #ffe9b9;
  }
  .mask .close {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 7px;
    width: 45px;
    height: 44px;
   
  }
  .mask .startConfirm {
    margin-top: 38px;
    width: 198px;
    height: 57px;
    background: url(https://css.q1cdn.com/yz/images/huodong/2023xncj/sure.png) no-repeat;
  }
  .tck {
    width: 382px;
    height: 372px;
    background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/tck_bg.png?v=1") no-repeat;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -191px;
    display: none;
    z-index: 100;
    padding-top: 386px;
  }

  .tck div {
    width: 382px;
    height: 372px;
    color: #fff;
    text-align: center;
  }

  .tck div h6 {
    font-weight: bold;
    margin-top: 100px;
    line-height: 50px;
    letter-spacing: 1px;
    font-size: 24px;
    color: #ffea00;
  }

  .tck div p {
    color: #ffea00;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
  }

  .tck div p.text {
    color: #fff;
    width: 300px;
    margin: 0 auto;
  }

  .tck div .confirm {
    color: #f11020;
    width: 108px;
    height: 36px;
    display: block;
    background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/btns.png?v=1") no-repeat;
    margin: 20px auto 0;
  }

  .tck .closeBtn {
    display: block;
    width: 36px;
    height: 36px;
    background: url("https://img.q1cdn.com/yz/images/huodong/xncj2018/btns.png?v=1") no-repeat -123px 0;
    position: absolute;
    right: 20px;
    top: 380px;
  }