::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

body,
html {
    margin: 0px;
    padding: 0px;
    -ms-overflow-style: none;
    /* IE 10+ */
    scrollbar-width: none;
    /* Firefox */
}

html,
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0px;
    margin: 0px;
    height: 0px;
    background: #fff;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input {
    border: 0px;
}

input:focus-visible {
    outline: none;
    border: 0px;
}

/*version: 2.7.0*/
html,
body {
    color: #000;
    background: #FFF;
}

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

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

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

q:before,
q:after {
    content: '';
}

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

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input,
button,
textarea,
select {
    font-size: 100%;
}

.clear {
    clear: both;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*added*/
input[type=button],
input[type=submit] {
    -webkit-appearance: button;
}

.invalid {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
}

.disnone {
    display: none;
}

.relative {
    position: relative
}

.absolute,.abs {
    position: absolute
}

.cursor {
    cursor: pointer;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: none
}

.center_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    -webkit-backface-visibility: hidden;
}

.t_center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%) translateZ(0);
    -webkit-backface-visibility: hidden;
}

.param_center_center {
    display: flex;
    justify-content: center;
    align-items: center;
}



.inline_block {
    display: inline-block;
}

.container {
    font-size: 0px;
    width: 1920px;
    position: relative;
}
.container {
    overflow: hidden;
}
.no_back.no_back {
    background-image: none;
}

.center_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    -webkit-backface-visibility: hidden;
}
.click{
    cursor: pointer;
}

.img_bg{width:1920px;height:1080px;background-image:url("./img/bg.png");background-size:100% auto ;background-repeat:no-repeat}
.placeholder_1{position: relative; width:1488px;height:220px;}
.img_title{position: relative; width:1488px;height:490px;background-image:url("./img/title.png");background-size:100% auto ;background-repeat:no-repeat}
.img_control{position: relative; display: inline-flex; flex-direction: row; width: 100%; margin-top: -100px;}
.activity_rule{position: relative; margin-left: -330px; top: 486px ;background-image:url("./img/activity_rule.png");background-size:100% auto ;background-repeat:no-repeat}
.alter_bg{width:1066px;height:620px;background-image:url("./img/alter_bg.png");background-size:100% auto ;background-repeat:no-repeat}
.img_button_1_in{width:208px;height:56px;background-image:url("./img/button_1_in.png");background-size:100% auto ;background-repeat:no-repeat}
.img_button_1_on{width:208px;height:56px;background-image:url("./img/button_1_on.png");background-size:100% auto ;background-repeat:no-repeat}
.img_button_2_in{width:208px;height:56px;background-image:url("./img/button_2_in.png");background-size:100% auto ;background-repeat:no-repeat}
.img_button_2_on{width:208px;height:56px;background-image:url("./img/button_2_on.png");background-size:100% auto ;background-repeat:no-repeat}
.img_right_box{width:60px;height:294px;background-image:url("./img/right_box.png");background-size:100% auto ;background-repeat:no-repeat}
.swiper_1{width:712px;height:503px;}
.img_swiper_1{width:712px;height:503px;background-image:url("./img/swiper_1.png");background-size:100% auto ;background-repeat:no-repeat}
.img_swiper_2{width:712px;height:503px;background-image:url("./img/swiper_2.png");background-size:100% auto ;background-repeat:no-repeat}
.img_swiper_3{width:712px;height:503px;background-image:url("./img/swiper_3.png");background-size:100% auto ;background-repeat:no-repeat}
.img_swiper_4{width:712px;height:503px;background-image:url("./img/swiper_4.png");background-size:100% auto ;background-repeat:no-repeat}
.img_show{width:861px;height:515px;background-image:url("./img/show.png");background-size:100% auto ;background-repeat:no-repeat}

.img_title{margin-left: -98px;}
.img_right{width:100px;height:130px;background:#FFF}
.close{width:60px;height:60px;background-size:100% auto ;background-repeat:no-repeat}

/* 清除swiper默认箭头 */
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.img_left_button{
    cursor: pointer;    
    position: absolute;    
    left: -120px !important;    
    background: url('./img/arr_left.png') no-repeat center !important;
    height: 168px !important;
    width: 161px !important;
    top: 188px !important;
}
.img_right_button{
    cursor: pointer;    
    position: absolute;    
    right: -120px !important;    
    background: url('./img/arr_right.png') no-repeat center !important;
    height: 168px !important;
    width: 161px !important;
    top: 188px !important;
}

.swiper-pagination{
    bottom: 84px !important;
}
/* 默认圆点图片 */
.swiper-pagination-bullet{
    background: url("./img/dot-normal.png") no-repeat center !important;
    background-size: contain;   
    opacity:1 !important;
    border-radius: 0; /* 关掉默认圆形 */
}
/* 当前激活圆点图片 */
.swiper-pagination-bullet-active{
    background: url("./img/dot-active.png") no-repeat center !important;
    background-size: contain;
}

.alter{
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.breath-scale {
  width: 286px;
  height: 252px;
  animation: scaleBreath 5s infinite alternate ease-in-out;
}

@keyframes scaleBreath {
  from {
    transform: scale(0.85);
    opacity: 0.8;
  }
  to {
    transform: scale(1.05);
    opacity: 1;
  }
}