#xhl-launch-button-div{
 display:none !important;
}
.year_link_on{
  display:none !important;
}

/* 文案规则 */
.popup_money_colse{
    position: absolute;
    top: -30px;
    right: -25px;
    opacity: 0.2;
}
.ig_regulation{
  display:none;
  position: absolute;
    width: 450px;
    background: #fff;
    bottom: 150px;
    padding: 30px;
  text-align:left;
  right:-110px;
  font-family: sans-serif !important;
  border-radius: 18px;
  border: 4px solid #ff8080;
  box-shadow:6px 12px 24px #00000040;
}
.ig_regulation::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 29%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.ig_regulation h4{
 margin-bottom:1rem;
  font-size:20px;
}
.ig_regulation ul{
 margin-bottom:8px;
}
.ig_regulation li{
 padding-bottom: 9px;
    list-style: auto;
    margin-left: 20px;
     font-size:18px;
}
/* 左下角广告 */
.popup_money_yea{
       position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 9999;
    display:none;
/*    transform-origin: center; */
}
.popup_money_yea .money_yeiws{
     width:100px;
   -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flipHorizontal;
    animation-name: flipHorizontal;
  -webkit-animation-duration: 5s;
   animation-duration: 5s;
 cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
}

@keyframes flipHorizontal {
  0% {
        -webkit-transform: scaleX(1) rotateY(0deg);
        -ms-transform: scaleX(1) rotateY(0deg);
      transform: scaleX(1) rotateY(0deg);
    }

    50% {
        -webkit-transform:  transform: scaleX(-1) rotateY(-180deg);
        -ms-transform: transform: scaleX(-1) rotateY(-180deg);
        transform: scaleX(-1) rotateY(-180deg);
    }

    to {
        -webkit-transform: scaleX(1) rotateY(-360deg);
        -ms-transform: scaleX(1) rotateY(-360deg);
         transform: scaleX(1) rotateY(-360deg);
    }
}
    /* ig引流弹窗 */
    .popup_ig_flow {
        width: 681px;
        height: 465px;
        background: linear-gradient(180deg, #FFCDCD 0%, #FFFFFF 100%);
        border-radius: 32px;
        position: fixed;
        z-index:2;
        top: 50%;
        left: 50%;
        margin-left: -340.5px;
        margin-top: -232.5px;
        padding: 81px 54px 86px 54px;
        display:blcok;
    }

    .ig_flow_lop1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*     justify-content: center; */
        max-width: 563px;
        height: 100%;
    }

    .popup_ig_flow .ig_flow_t1 {
        font-size: 54px;
        color: #FF4D4D;
        font-family: 'Baloo Bhaijaan 2', sans-serif;
        line-height: 81px;
    }

    .popup_ig_flow .ig_flow_t2 {
        font-size: 33px;
        color: #3B3C3D;
        font-family: 'Baloo Bhaijaan 2', sans-serif;
        padding-bottom: 23px;
    }

    .popup_ig_flow .ig_flow_c1 {
        font-size: 16px;
        color: #3B3C3D;
        padding-bottom:53px;
      text-align:center;
      line-height:24px;
    }
.ig_flow_close{
    position: absolute;
    right: 35px;
    top: 35px;
  cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
}

    .ig_flow_btn_ln1 {
        display: flex;
        column-gap: 30px;
    }

    .popup_ig_flow .ig_flow_non {
        width: 254px;
        height: 64px;
        border-radius: 16px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
    }
    .popup_ig_flow .ig_flow_non span:nth-child(1){
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        font-family:sans-serif !important;
    }
.notes_tite{
 padding-top:30px;
 text-align:center;
}
.notes_tite span{
font-size: 18px;
  color:#4C9FED;
}
/* 主体和编辑器样式 */
.bg-color-input{
    display: block;
    position: absolute;
    top: 60px;
    left: -3px;
  display:none;
  z-index:999;
  background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
}
.texture-color-input{
 display: block;
    position: absolute;
    top: 60px;
    left: -3px;
  display:none;
  z-index:999;
  background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
}
.name-color-input{
 display: block;
    position: absolute;
    top: 60px;
    left: -3px;
  display:none;
  z-index:999;
  background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
}
.color-input{
    display: block;
    position: absolute;
    top: 60px;
    left: -3px;
    display:none;
  background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    
  z-index:999;
}
    body {
        font-family: Arial, sans-serif;
        cursor: url(https://cdn.custom-cursor.com/db/12222/32/material-cloud-cursor.png) , default;
    }

    * {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

    /* 字体导入 */
    @font-face {
        font-family: 'Arizonia-Regular';
        src: url(https://www.innokin.com/hubfs/new-year-size/Arizonia-Regular.ttf);
    }

    @font-face {
        font-family: 'BerkshireSwash-Regular';
        src: url(https://www.innokin.com/hubfs/new-year-size/BerkshireSwash-Regular.ttf);
    }
    @font-face{
        font-family:'CabinSketch-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/CabinSketch-Regular.ttf);
     }
    @font-face{
        font-family:'FrederickatheGreat-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/FrederickatheGreat-Regular.ttf);
     }
    @font-face{
        font-family:'Lobster-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/Lobster-Regular.ttf);
     }
    @font-face{
        font-family:'Monoton-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/Monoton-Regular.ttf);
     }
    @font-face{
        font-family:'PressStart2P-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/PressStart2P-Regular.ttf);
     }
    @font-face{
        font-family:'RubikBubbles-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/RubikBubbles-Regular.ttf);
     }
    @font-face{
        font-family:'RubikDoodleShadow-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/RubikDoodleShadow-Regular.ttf);
     }
    @font-face{
        font-family:'RubikGlitch-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/RubikGlitch-Regular.ttf);
     }
    @font-face{
        font-family:'Sacramento-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/Sacramento-Regular.ttf);
     }
    @font-face{
        font-family:'Silkscreen-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/Silkscreen-Regular.ttf);
     }
    @font-face{
        font-family:'Staatliches-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/Staatliches-Regular.ttf);
     }
    @font-face{
        font-family:'TrainOne-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/TrainOne-Regular.ttf);
     }
    @font-face{
        font-family:'VarelaRound-Regular';
        src:url(https://www.innokin.com/hubfs/new-year-size/VarelaRound-Regular.ttf);
     }


.make_g button{
 width:100%;
 height:100%;
  display: flex;
    align-items: center;
    justify-content: center;
}
.make_title_o1{
    top:-70px;
    position: absolute;
    left:50%;
    margin-left:-461px;
  
}
.make_yun2{
  position: absolute;
  top:21px;
  right:1px;
   animation: moveop 2s linear 1s infinite alternate;
}
.make_yun1{
  position: absolute;
  top:-240px;
  left:-140px;
  animation: moveop 2s linear 1s infinite alternate;
}
.rulemaking{
 margin:0 auto;
 max-width:924px;
 text-align:center;
 padding-top:88px;
}
.rulemaking h1{
  font-size:30px;
  padding-bottom:30px;
}
.rulemaking p:nth-child(2){
  font-size:18px;
  margin:0;
  padding-bottom:20px;
  color:#666666;
}
.rulemaking p:nth-child(3){
  font-size:16px;
  margin:0;
  color:#999999;
}
.text-head-svg{
  max-width:1920px;
  margin:0 auto;
  position: relative
}
    .make_g {
        padding-bottom: 65px;
        width: 100%;
        background: linear-gradient(360deg, #FFF5F5 -9%, #FFB7B7 45%, #F2EAEC 64%, #BBE9F0 75%, #98E8F2 91%, #8CE8F4 100%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow-x: hidden;
        padding-left:15px;
        padding-right:15px;
        overflow-y: hidden;
    }

     .new-head_title{
    column-gap: 30px;
    width:1920px;
    margin:0 auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-left:calc(-960px + 50vw);
   }
.money_yun{
  flex:1;
}
.new_year_wish-title{
 flex:1;
 text-align:right;
}

    .wish-card {
        padding:60px 0;
        display:flex;
/*         margin: 0 auto 0 calc(-960px + 50vw); */
        width: 1440px;
        border-radius: 43px;
        background-color: #fff;
        box-shadow: 30px 30px 60px #65000024;
        position: relative;
        align-items: center;
        justify-content: center;
        left: 50%;
        margin-left: -720px;
    }

    .new_ye_2 {
       max-width:1440px;
        column-gap: 60px;
        display: flex;
        margin: 0 auto;
        /* box-shadow: 6px 9px 20px 7px hsl(196deg 100% 11.34% / 10%); */
        /* background: hsl(205deg 100% 50% / 8%); */
        border-radius: 16px;
    }
    /* 预览背景颜色样式 */
    .preview-background {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 21px;
        background-image: url(https://www.innokin.com/hubfs/1xyk.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 660px;
        width: 660px;
        overflow: hidden;
    }
.text-preview{
  font-size:30px;
} 

    .editor-container,
    .preview-container {
        flex: 1;
    }


    /* 文本输入区样式 */

    textarea {
        resize: none;
    }

    .text-input {
        background-color: #f8f8f8;
        border: none;
        border-radius: 0 0 8px 8px;
        box-sizing: border-box;
        font-size: 18px;
        height: 140px;
        line-height: 1.5;
        margin-bottom: 20px;
        padding: 12px 24px;
        width: 100%;
        border: 1px solid #eee;
        border-top: 0;
        resize:none;
    }
.text-mailbox{
background-color: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 8px;
    font-size: 18px;
    height: 60px;
    margin: 10px 0 20px;
    padding: 12px 24px!important;
}
}

    .text-preview {
        font-size: 30px;
        text-decoration: none;
        color: rgb(77, 77, 77);
        padding: 10px 20px;
        text-align:center !important;
    }

    .text-name {
        background-color: #f8f8f8;
        border-radius: 8px;
        font-size: 18px;
        height: 60px;
        margin: 10px 0 20px;
        padding: 12px 24px !important;
        border: 1px solid #eee;
    }

    .preview {
        width: 100%;
        /* height: 380px; */
        /* border: 1px solid rgba(43, 59, 74, .3); */
        /* border: 1px solid hsl(199deg 98% 48% / 15%); */
        border: none;
        border-radius: 30px;
        padding: 20px 20px 40px;
/*         font-size: 30px; */
        line-height: 1.5;
        box-sizing: border-box;
        text-align:center;
        /* 新增加的属性 */
    }

    .preview-background .preews {
        width: 330px;
        min-height: 330px;
        /* box-shadow: 5px 8px 20px 0px hsl(196deg 100% 11.34% / 20%); */
/*         background-color: #fff; */
        /* 初始背景颜色 */
        /* background-image: linear-gradient(to right, #ffffff, #ffffff); 初始背景图像，如无需初始图像可移除 */
        /* background-blend-mode: overlay; */
        /* background-size: cover; */
        /* background-repeat: no-repeat; */
        /* height:487px; */
        /* 文字换行样式 */
        word-wrap: break-word;
/*         box-shadow: 9px 20px 20px 0px #00000010; */
    }
.preview{
 background-color:#fff;
}


    /* 控制器样式 */
    .controls {
        align-items: center;
        background-color: #f8f8f8;
        border-radius: 8px 8px 0px 0px;
        display: flex;
        margin: 10px 0 5px;
        border: 1px solid #eee;
        border-bottom: 0px;
    }

    /* 字体选择下拉菜单样式 */
    .font-select {
        background-color: #f8f8f8;
        border: none;
        border-radius: 0;
        border-top-left-radius: 8px;
        color: #0d1216;
        font-size: 16px;
        font-weight: 700;
        height: 32px;
        margin-right: 10px;
        width: 180px;
        font-family: 'roboto-Bold';
        padding: 0 15px;
        background: url('https://www.innokin.com/hubfs/xial.svg') no-repeat right center;
    }

    /* 通用按钮样式 */
    .controls button {
       background-color: #f8f8f8;
        border: none;
        border-radius: 0;
        cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
        height: 50px;
        margin-right: 5px;
        outline: none;
        width: 50px;
    }

    .controls button:hover {
        background-color: #e6e6e6;
    }

    /* SVG 图标样式 */
    .controls button svg {
        fill: #333;
        width: 18px;
        height: 18px;
    }

    /* 字号调整按钮和输入框样式 */
    .font-size-container,
    .font-size-button-container,
    .font-size-display {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-size-display input {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(43, 59, 74, .3);
        border-radius: 0px;
        text-align: center;
        margin: 0 5px;
        border: none;
        background-color:#f8f8f8;
        padding: 0;
    }

    /* 颜色选择器样式 */
    .color-picker-container {
        position: relative;
        display: inline-block;
    }

    .color-picker-button,
    .wish-wrapper_back_color {

        background: none;
        border: none;
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

        padding: 5px;
        border-radius: 0px;
    }

    .color-picker-button:hover,
    .wish-wrapper_back_color:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .color-picker-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 20px;
        height: 20px;
        align-items: center;
    }

    .current-color-bar {
        width: 100%;
        height: 4px;
        background-color: #000;
        /* 默认颜色 */
        border-radius: 0px;
    }

    /* 名字样式 */
    .color-picker-button,
    .wish-wrapper_name_color {

        background: none;
        border: none;
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

        padding: 5px;
        border-radius: 0px;
    }

    .color-picker-button:hover,
    .wish-wrapper_name_color:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .back_aft {
        display: flex;
        width: 15px;
        height: 15px;
        border-radius: 0px;
    }

    .name-preview {
        color: #000;
        text-align: center;
        margin-top: 11px;
        font-size: 18px;
    }

    /* 纹理颜色样式 */
    .color-picker-button,
    .wish-wrapper_texture_color {
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
        background: none;
        border: none;
        padding: 5px;
        border-radius: 0px;
    }

    .color-picker-button:hover,
    .wish-wrapper_texture_color:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .texture_aft {
        display: flex;
        width: 15px;
        height: 15px;
/*         border: 1px solid #ccc; */
        border-radius: 0px;
    }


    /* 背景颜色选择器 */
    .name_aft {
        display: flex;
        width: 15px;
        height: 15px;
/*         border: 1px solid #ccc; */
        border-radius: 0px;
    }

    .card_style_p1 {
        align-items: center;
        background-color: #f8f8f8;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 14px;
        height: 100%;
        justify-content: center;
        border: 1px solid #eee;
        border-radius: 6px;
    }

    .color-indicator {
        display: flex;
        column-gap: 11px;
    }

    /* 辅助样式 */
    .clearfix::after {
        content: "";
        display: table;
        clear: both;
    }

    .wish_font-s_minus {
        margin: 0 !important;
    }

    .wish_font-s_con {
        margin: 0 !important;
        -moz-appearance: textfield;
        /* Firefox */
    }

    .wish_font-s_con::-webkit-inner-spin-button,
    .wish_font-s_con::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .texture-picker-container {
        position: relative;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    /* .texture-picker-container .texture-ima_1 {
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        column-gap: 11px;
    } */

    .texture-picker-button {
        border: none;
        background: none;
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

        display: flex;
        align-items: center;
        column-gap: 11px;
    }

    .texture-picker-panel {
        position: absolute;
        border: 1px solid #ccc;
        padding: 10px;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        z-index: 10;
        top: 45px;
        display:none;
    }

    .texture-thumbnail {
        width: 50px;
        height: 50px;
        margin: 5px;
        border: 1px solid #ccc;
        cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

    }

    /* 姓名文本样式 */
    .nun {
        width: 50px;
        height: 30px;
        cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

    }

    .font-wei_ba-po {
        background-color: rgba(57, 76, 96, .15) !important;
        border-radius: 4px;
    }

    .xiakuan {
        /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
        column-count: 4;
        padding: 0 15px;
        width: 1440px;
        margin: 0 auto;
        column-gap: 30px;
        padding-bottom:100px;
    }

    .xiakuan .new_ye {
        break-inside: avoid;
        margin-bottom: 30px;
        border-radius: 30px;
        overflow: hidden;
        padding: 0;
        box-shadow: 6px 12px 30px 4px hsl(196deg 100% 11.34% / 15%);
    }

    .xiakuan .new_ye .preview {
        height: 100%;
        width: 330px;
        word-wrap: break-word;
        border-radius: 30px;
        min-height:330px;
    }

    .sub__mit {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .sub__mit .nun {
        background: linear-gradient(180deg, #ffa5a5, #ff7373 98%);
        border: none;
        border-radius: 16px;
        font-size: 32px;
        font-weight: 700;
        height: 80px;
        width: 100%;
        font-family: 'roboto-Bold';
        color: #923636;
    }


    .card-style {
        margin-top: 10px;
        display: flex;
        column-gap:12px;
    }

    .card-style .card-style_texture,
    .card-style_background,
    .card-style_title,
    .card-style_pattem {
        position: relative;
        background-color: #fff;
        flex:auto;
        font-size: 12px;
        color: #333;
        border-radius: 8px;
        height: 50px;
        cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
        text-align: center;
    }

   .texture-thumbnail:nth-child(1){
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23010101' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.texture-thumbnail:nth-child(2){
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23010101' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.texture-thumbnail:nth-child(3){
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23010101' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.texture-thumbnail:nth-child(4){
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23010101' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.texture-thumbnail:nth-child(5){
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23010101' fill-opacity='0.4'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
}

    /* 弹窗 */
    .popup_inoo {
        display: none;
    }

    .popup_guanbi {
        position: absolute;
        right: 55px;
        top: 25px;
        cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

    }

    .popup_guanbi svg {
        width: 50px;
        height: 50px;
    }

    .pop-up_windows {
    align-items: center;
    background: linear-gradient(180deg,#88f2ff,#fff);
    background-position: 50%;
    background-size: 100%;
    border-radius: 56px;
    display: flex;
    flex-direction: column;
    height: 600px;
    justify-content: center;
    left: 50%;
    line-height: 40px;
    margin-left: -400px;
    padding: 92px 0 106px;
    position: fixed;
    top: 50%;
    width: 800px;
    margin-top: -300px;
    box-shadow: 20px 19px 100px 0 #00292f73;
    }
.popup_yun{
 width:277px;
 height:181px;
}

    .popup_title {
    font-size: 24px;
    padding-top: 20px;
    width: 600px;
    }

    .popup_title p {
        margin: 0;
    }

    .popup_inoo .popup_title p:nth-child(1) {
    color: #3b3c3d;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding-bottom: 10px;
    text-align: center;
    font-family: roboto-bold;
    }

    .popup_inoo .popup_title p:nth-child(2) {
    color: #3b3c3d;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding-bottom: 10px;
    text-align: center;
    font-family: roboto-bold;
    }

    .popup_inoo .popup_title p:nth-child(3) {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 20px 60px 30px 60px;
    text-align: center;
    }

    .popup_btn_download {
    background: linear-gradient(0deg,#1be1fa,#e1fbff 99%);
    border: none;
    border-radius: 244px;
    cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;

    font-size: 24px;
    font-weight: 700;
    padding: 21px 91px;
    font-family: roboto-bold;
    color: #0a8d9d
    }

    .popup_rule {
        display: none;
    }

    .pop-up_windows_rule {
        width: 1200px;
        padding: 106px 113px 100px 100px;
        background: linear-gradient(180deg, #96E8F3 0%, #FFBBBB 100%);
        border-radius: 56px;
        position: absolute;
        top: 80%;
        left: 50%;
        margin-left: -600px;
        line-height: 40px;
    }

    .popup_rule .pop-up_windows_rule .popup_rule_btn {
        position: absolute;
        right: 55px;
        top: 25px;
       cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;


    }

    .popup_rule .pop-up_windows_rule .popup_rule_btn svg {
        width: 50px;
        height: 50px;

    }

    .popup_rule .pop-up_windows_rule .popup_rule_about {
        display: flex;
        padding-top: 78px;
        column-gap: 50px;
    }

    .popup_rule .pop-up_windows_rule .popup_rule_about div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .popup_rule .pop-up_windows_rule .popup_rule_about img {
        width: 80px;
        height: 80px;
    }

    .name-color-picker {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    /* .texture-color-picker {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    } */

    .popup_rule-title {
        display: inline-block;
        font-weight: 700;
        margin-bottom: 41px;
        text-align: center;
        font-size: 32px;
        padding: 12px 44px;
        border-radius: 265px;
        background: linear-gradient(180deg, #FFD3D3 0%, #FF7373 98%);
        box-shadow: 0px 12px 10px 0px rgba(255, 126, 126, 0.33), inset 0px 2px 4px 0px #FFFFFF;
    }

    .popup_rule .pop-up_windows_rule .popup_title p:nth-child(5) {
        padding-top: 30px;
    }
    
.new_pc{
display:block;
}

.w_st1, .w_n1{
  color: #666666;
  font-size: 16px;

}
    @media (max-width: 720px) {
        body {
            background-color: #ffeaea;
        }
      .new_pc{
      display:none;
      }
      .w_st1, .w_n1{
        color: #666666;
        font-size: 14px;

       }
      .rulemaking h1{
        font-size:18px;
        padding-bottom:16px;
      }
      .rulemaking p:nth-child(2){
         font-size:14px;
        padding-bottom:16px;
      }
       .rulemaking p:nth-child(3){
         font-size:14px;
      }
        .make_g {
            background-image:url(https://www.innokin.com/hubfs/new_year_m.png);
            padding: 532px 16px 30px 16px;
            background-size: 100%;
            background-position: top;
        }

        .editor-container {
            width: 100%;
        }

        .preview-container {
            width: 100%;
            height:calc(100vw - 62px);
        }

        .xiakuan {
            column-count: 2;
        }

        .new_ye_2 {
           display:block;

        }

        .controls {
            gap: 12px;
            flex-wrap: wrap;
      }

        .text-name {
            padding: 11px 0 11px 10px;
            width: 100%;
            margin-bottom: 10px;
            font-size: 14px;
            height: 40px;
        }

        .sub__mit .nun {
            width: 100%;
            height: 50px;
            font-size: 16px;
        }

        .sub__mit {
            margin-bottom: 20px;
        }

        .wish-card {
            width: 100%;
            margin-left:0;
            left:0;
            padding: 20px 16px;
            display:block;
            border-radius:16px;
           box-shadow: none;
        }
      .card-style{
      flex-wrap: wrap;
      }

        .card-style .card-style_texture,
        .card-style_background,
        .card-style_title,
        .card-style_pattem {
            padding: 5px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            flex:auto;
      }
      .card-style_wish_text{
       width:90px;
      }
      .card_style_p1{
       width:100%;
      }
      .pop-up_windows{
    align-items: center;
    background: linear-gradient(180deg,#88f2ff,#fff);
    background-position: 50%;
    background-size: 100%;
    border-radius: 20px;
    box-shadow: 20px 19px 100px 0 #00292f73;
    display: flex;
    flex-direction: column;
    height: 540px;
    justify-content: center;
    line-height: 40px;
    margin-top: -271px;
    padding: 20px 0;
    position: fixed;
    top: 50%;
    width: 360px;
    left:50%;
    margin-left:-180px;
      }
       .popup_inoo .popup_title p:nth-child(1){
         color: #3b3c3d;
    font-family: roboto-bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 10px;
    text-align: center;
      }
      .popup_inoo .popup_title p:nth-child(2){
         color: #3b3c3d;
    font-family: roboto-bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 10px;
    text-align: center;
      }
      .popup_inoo .popup_title p:nth-child(3){
          font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 0 0;
      }
      .popup_btn_download{
       width:288px;
       height:82px;
       padding:0;
      }
      .popup_guanbi{
    cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
    position: absolute;
    right: 20px;
    top: 20px;
      }
      .popup_guanbi svg{
        width:30px;
        height:30px;
      }

        .pop-up_windows_rule {
            top: 50%;
            left: -50%;
            width: 100%;
            height: 400px;
            margin-left: calc(100% - 50%);
            margin-top: -200px;
            padding: 15px;
            line-height: 20px;
        }
      .popup_title{
       padding:30px;
       width:100%;
      }

        .pop-up_windows_rule .popup_title {
            font-size: 12px;
        }

        .popup_rule .pop-up_windows_rule .popup_rule_btn svg {
            width: 20px;
            height: 20px;

        }

        .popup_rule .pop-up_windows_rule .popup_rule_btn {
            position: absolute;
            right: 20px;
            top: 50px;
            cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
        }

        .text-input {
            margin-bottom: 10.36px;
        }


        .name-preview {
            font-size: 12px;
        }
      .make_yun1,.make_yun2{
       display:none;
      }
      .make_title_o1{
       display:none;
      }
      .preview-background{
        transform-origin:left top;
        
      }
      .bg-color-input, .texture-color-input, .name-color-input, .color-input{
    position: absolute;
    left: 6px;
    top: 50px;
   display:none;
   z-index:999;
}
      .text-mailbox{
       margin-bottom: 10px;
    font-size: 14px;
    height: 40px;
      }
    
    }

@media (max-width: 375px) {
    .xiakuan {
        column-count: 1;
        width: 360px;
    }
/*   .preview-background{
    transform:scale(0.471212121212121);
  }
  .preview-container{
   height:311px;
  } */
  
/*    .wish-card{
   transform:scale(1)
  } */
}
@media (max-width: 360px) {
    .xiakuan {
        column-count: 1;
        width: 360px;
    }
/*   .preview-background{
    transform:scale(0.4484848484848485) translateX(-61.5%) translateY(-61.5%);
  }
  .preview-container{
   height:296px;
  } */
  
/*    .wish-card{
   transform:scale(1)
  } */
}

@media (max-width: 720px) {
    .xiakuan {
        column-count: 1;
        width: 360px;
    }
/*    .wish-card{
   transform:scale(1)
  } */
}

@media (min-width: 721px) and (max-width: 1080px) {
    .xiakuan {
        column-count: 2;
        width: 720px;
    }
   .wish-card{
/*    transform:scale(0.5) translateY(-50%); */
  }
    .section_wish{
    height:740px;
    
  }
}

@media (min-width: 1081px) and (max-width: 1440px) {
    .xiakuan {
        column-count: 3;
        width: 1080px;
    }
  .wish-card{
/*    transform:scale(.75) translateY(-25%); */
  }
  .section_wish{
    height:740px;
    
  }
}
/* 动画css样式 */
  @keyframes moveop {
        0%{
            transform: translateX(0);
        }
        100%{
            transform: translateX(50px);
        }
    }

/* 活动规则 */
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
.hdwd_po1{
  background: linear-gradient(180deg,#ffeaea,#ffeaea);
}

    .new_guize_2024 {
        max-width: 1440px;
        margin: 0 auto;
        margin-top: 144px;
    }

    li {
        list-style: none;
    }

    .new_table_wop {
        display: flex;
        column-gap: 30px;

    }

    .new_table_one {
        position: relative;
        padding: 60px 30px;
        border: 1px dashed #FF9B9B;
        border-radius: 16px;
       flex:1;
    }

    .new_table_two {
        position: relative;
        padding: 60px 30px;
        border: 1px dashed #FF9B9B;
        border-radius: 16px;
       flex:1;
    }

    .new_table_three {
        position: relative;
        padding: 60px 30px;
        border: 1px dashed #FF9B9B;
        border-radius: 16px;
        flex:1;
    }

    .new_table_img {
        position: absolute;
        top: -65px;
        display: block;
        font-size: 120px;
        width: 160px;
        height: 110px;
        background-color: #ffeeee;
    }
.imu_i1{
background-image:url(https://www.innokin.com/hubfs/01-1.png);
 background-repeat: no-repeat;
  background-position: center;
}
.imu_i2{
background-image:url(https://www.innokin.com/hubfs/02.png);
 background-repeat: no-repeat;
  background-position: center;
}.imu_i3{
background-image:url(https://www.innokin.com/hubfs/03.png);
 background-repeat: no-repeat;
  background-position: center;
}
    .new_table_img_m{
        display: none;
        position: absolute;
        top: -53px;
    }

    .new_table_title {
        font-size: 32px;
        color: #222;
        line-height: 48px;
        font-family: 'Baloo Bhaijaan 2', sans-serif;
        font-weight: 700;
    }

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

    .new_come_m1 {
        max-width: 690px;
        margin: 0 auto;
        text-align: center;
    }

    .new_come_m1 h2 {
        font-size: 47px;
        color: #333;
        line-height: 72px;
        font-family: 'Baloo Bhaijaan 2', sans-serif;
    }

    .new_come_m1 p {
        font-size: 17px;
        color: #666;
    }

    .new_ge_2024_k1 {
        max-width: 690px;
        margin: 0 auto;
        margin-top: 30px;
        font-size: 18px;
        color: #666;
        text-align: center;
    }

    .new_prize_h1 {
        max-width: 1440px;
        padding: 0 15px;
        margin: 0 auto;
        margin-top: 93px;
        padding-bottom:65px;
        display: flex;
        justify-content: center;
    }
 .new_prize_h1 img:nth-child(1) {
        display: block;
    }

    .new_prize_h1 img:nth-child(2) {
        display: none;
    }

   

    @media(max-width:768px) {
       .new-year_draw_list_btn {
                width: 200px;
                height: 48.07px;
                font-size: 24px;
                margin-bottom:50px;
            }
      .popup_money_colse{
       top: -45px;
    right: -19px;
      }
      .popup_money_yea{
       z-index:999;
      }
      .popup_money_yea .money_yeiws {
    width: 80px;
    
}
      .ig_regulation {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 87px;
    padding: 10px 20px;
    text-align: left;
    right: 0px;
    font-family: sans-serif !important;
    border-radius: 18px;
     
}
      .ig_regulation::before{
       display:none;
      }
      .ig_regulation h4{
        font-size:16px;
      }
      .ig_regulation p{
       font-size:14px;
      }
      .ig_regulation li{
       font-size:14px;
      }
      .ig_flow_btn_ln1{
       column-gap:25px;
      }
      .ig_flow_close{
       top:11px;
       right:20px;
      }
      .ig_flow_close img{
       width:22px;
      }
      .popup_ig_flow .ig_flow_non{
       width: 50%;
       padding: 15px 13px;
       height:auto;
      }
      .popup_ig_flow .ig_flow_non span:nth-child(1){
       white-space: nowrap;
       font-size:12px;
      }
     .popup_ig_flow .ig_flow_non span:nth-child(2) img{
      width:52%;
      }
      .ig_flow_btn_ln1 a.hs-inline-web-interactive-152538142746{
      padding:13px 10px !important;
      font-size:12px !important;
        
      justify-content: center
      }
            .ig_flow_btn_ln1 a.hs-inline-web-interactive-152538142746 img{
      width:15%;
      }
      .ig_flow_btn_ln1 .hs-web-interactive-inline{
        width:50%;
      }
      .ig_flow_lop1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    justify-content: center;
}
      .popup_ig_flow .ig_flow_c1{
        font-size:16px;
        padding-bottom: 30px;
        line-height:24px;
      }
      .ig_flow_btn_ln1{
      flex-direction: row;
        width:100%;
      }
      .popup_ig_flow .ig_flow_t1{
         font-size:28px;
        line-height: 30px;
      }
      .popup_ig_flow .ig_flow_t2{
       font-size:17px;
       padding-bottom:10px;
      }
      .popup_ig_flow {
    width: 100%;
    height:auto;
    background: linear-gradient(180deg, #FFCDCD 0%, #FFFFFF 100%);
    border-radius: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50%; 
    margin-top:-55%;
    padding: 40px 30px 30px 30px;
    display: none;
}
       .new_prize_h1 img:nth-child(1) {
            display: none;
        }

        .new_prize_h1 img:nth-child(2) {
            display: block;
        }

        .new_table_wop {
            display: flex;
            row-gap: 59px;
            flex-direction: column;
        }
        .new_table_img{
                position: absolute;
    top: -44px;
    display: block;
    font-size: 120px;
    width: 100px;
    height: 66px;
    background-color: #fff2f2;
    background-size: 90px;
}
        
.imu_i1{
 background-color:#ffeded;
  background-size: 80px;
}
        .new_table_img_m{
            display: block;
        }
        .new_come_m1 h2{
            padding-top:20px;
            font-size: 22px;
            line-height: 33px;
           font-family: 'Baloo Bhaijaan 2', sans-serif;
          font-weight:700;
        }
        .new_come_m1 p{
            font-size: 15px;
        }
        .new_guize_2024{
            margin-top: 20px;
        }
        .new_table_title{
            font-size: 24px;
            line-height: 32px;
        }
        .new_table_center{
            font-size: 15px;
        }
        .new_table_one{
            margin-top: 47px;
            padding: 30px 17px 45px 17px;
        }
        .new_table_two{
           
            padding: 30px 17px 45px 17px;
        }
        .new_table_three{
           
            padding: 30px 17px 45px 17px;
        }
        .new_ge_2024_k1{
           margin-top: 20px;
        }
        .new_prize_h1{
            margin-top: 63px;
            padding-bottom:60px;
        }

    }
 .new-year_draw_list_btn {
            border: none;
            width: 233px;
            height: 56px;
            background: linear-gradient(180deg, #FFD2D2 5%, #FFA4A4 100%);
            /* transform: rotate(-180deg); */
            border-radius: 16px;
            font-size: 24px;
            font-weight: bold;
            line-height: normal;
            box-shadow: 0px 0px 20px 0px rgba(255, 70, 70, 0.5);
            animation: aops 1s ease-in-out infinite alternate;
            margin-bottom:145px;
            color:#923636;
           cursor: url(https://cdn.custom-cursor.com/db/12221/32/material-cloud-pointer.png) , pointer;
        }
   @keyframes aops {
            0% {
                box-shadow: 0px 0px 5px 0px rgba(255, 70, 70, 0.5);
            }

            100% {
                box-shadow: 0px 0px 30px 0px rgba(255, 70, 70, 0.5);
            }
        }
@keyframes maosd {
        0% {
            transform: translateX(-210%);
        }

        100% {
            transform: translateX(100%);
        }
    }
 .barrage_text {
/*        display:none; */
        position: absolute;
        border-radius: 50px;
        padding: 36px 50px;
        opacity: 1;
        width: 1600px;
        background: #FFFFFF;
        bottom:3%;
   font-size: 24px;
   color:#000;
font-weight: bold;
        animation: 20s linear 1s infinite reverse both running maosd;
    }