@charset "UTF-8";

/********************************************/


/******************公共部分******************/


/********************************************/


/*公祭日置灰*/


/* html{
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
} */


/*@font-face {
        font-family: "samsungone700";
        src: url("SamsungOne-700_v1.0.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }*/

@font-face {
    font-family: "samsungsharpsans-Medium";
    src: url("../../../activity/common/css/SamsungSharpSans-Medium.ttf") format("woff2");
    font-weight: normal;
    font-style: normal;
}
#wrapper {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'samsungsharpsans-Medium',SamsungOne,Microsoft YaHei,微软雅黑,Simsun,宋体,Arial,sans-serif;
}

.container {
    width: 100%;
    overflow: hidden;
   background: #f4f4f4;
}

.pc-show {
    display: block!important;
}
.mobile-show {
    display: none!important;
}
.vis-hide{
    visibility: hidden!important;
}
.vis-show{
    visibility: visible!important;
}

.navListImg{
    width: 96%;
    /* height: 200px; */
    border-radius: 20px;
    margin: auto;
}
.navListImg img{
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width:1024px) {
    .pc-show {
        display: none!important;
    }
    .mobile-show {
        display: block!important;
    }
}

.box {
    position: relative;
}

.box * {
    margin: 0;
    padding: 0;
}

.box i {
    display: inline-block;
}

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

.box-c {
    overflow: hidden;
}

.box img {
    width: 100%;
    display: block;
}

.box-c img {
    width: 1920px;
    display: block;
}




.pos-abs,
.word {
    position: absolute;
}

.z-99 {
    z-index: 99;
}

.link,
.nav-link {
    position: absolute;
    z-index: 99;
    overflow: hidden;
    /*background: rgba(0, 0, 0, 0.4);*/
}


@media screen and (max-width:1024px) {
    .link {
        margin-top: 0!important;
    } 
}

.link img,
.nav-link img {
    width: 100%;
    height: 100%;
}

.unclick {
    pointer-events: none;
}

.dpn {
    position: absolute !important;
    display: none !important;
}

@media screen and (max-width:1400px) {
    .box-c>img {
        width: 1500px;
    }
}

@media screen and (max-width:1024px) {
    .box-c>img {
        width: 100%;
        display: block;
    }
}

/********************************************/


/****************公共部分 end****************/


/********************************************/


/*word*/

.word {
    width: 100%;
    z-index: 998;
    text-align: center;
}

.word ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.word ul li {
    display: inline-block;
    zoom: 1;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.word ul li img {
    width: 100%;
}


/*额外公共部分*/

* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    outline: 0 none;
}

.none {
    display: none!important;
}

.is-duanque {
    background: #a6a8aa!important;
    cursor: default!important;
    pointer-events: none;
}

input,
textarea {
    -webkit-appearance: none;
    border: none;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-rtl-ordering: logical;
    cursor: text;
}

ul,
ol,
li {
    list-style: none;
    text-decoration: none
}

input:focus , a:focus {
    outline: none; /* 去除边框 */
    border: none; /* 也可以设置为transparent或任何你想要的颜色 */
    box-shadow: none; /* 可选，去除焦点时的阴影 */
}

sup {
    line-height: 0;

    /* The following rules (or similar) likely come from browser
     * style and are not needed
     */
    /* font-size: 0.83em; */
    vertical-align: super;
}

/*毛玻璃效果*/

._mbl {
    background: hsla(0, 0%, 100%, .8)!important;
    -webkit-backdrop-filter: blur(4px)!important;
    backdrop-filter: blur(4px)!important;
    /* border-top: 1px solid #f3f3f3; */
    /*opacity: 0.92*/
}


/*锚点位置*/

.anchor {
    position: relative;
    top: -120px;
    width: 0;
    height: 0;
    overflow: hidden;
}

@media screen and (max-width:1400px) {
    .anchor {
        position: relative;
        top: -94px;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}



@media screen and (max-width:1024px) {
    .anchor {
        position: relative;
        top: -10vw;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

/*分享*/

.topnav {
    width: 100%;
    overflow: visible;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
}

.topnav .topnav-nav {
    width: 1440px;
    display: flex;
    align-items: center;
    margin: 0 auto
}

.topnav .topnav-nav ul {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.topnav .fexd-right {
    justify-content: flex-start;
}

.topnav .fexd-right {
    justify-content: flex-end;
}

.topnav ul li {
    display: inline-block;
    cursor: pointer;
    margin: 0 16px;
}

.topnav .close {
    width: 21px;
    height: 22px;
    background: url(../../../activity/common/images/close.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
}

.topnav .logo {
    width: 100px;
    height: 32px;
    background: url(../../../activity/common/images/logo.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
}

.topnav .share {
    width: 30px;
    height: 30px;
    background: url(../../../activity/common/images/share.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
    position: relative;
}

.topnav .actmenu {
    width: 30px;
    height: 30px;
    background: url(../../../activity/common/images/actmenu.png) no-repeat 100%;
    background-size: 100%;
    display: none;
}

.topnav.is_fixed .close {
    width: 21px;
    height: 22px;
    background: url(../../../activity/common/images/close.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
}

.topnav.is_fixed .logo {
    width: 100px;
    height: 32px;
    background: url(../../../activity/common/images/logo.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
}

.topnav.is_fixed .share {
    width: 30px;
    height: 30px;
    background: url(../../../activity/common/images/share.png) no-repeat 100%;
    background-size: 100%;
    align-items: center;
    position: relative;
}

.topnav.is_fixed .actmenu {
    width: 30px;
    height: 30px;
    background: url(../../../activity/common/images/actmenu.png) no-repeat 100%;
    background-size: 100%;
    display: none;
}


@media screen and (max-width:1400px) {
    .topnav .topnav-nav {
        width: 1123px;
    }
}

@media screen and (max-width:1024px) {
    .topnav {
        display: block;
    }
    
    .topnav .topnav-nav {
        width: 100vw;
    } 
}
/*活动说明*/

.c-txt {
    max-width: 1220px;
    margin: 36px auto;
    padding: 0 20px;
}

.c-txt .bot_title {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000;
    font-weight: 900;
    margin: 36px 0
}

.c-txt .bot_nav {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    padding: 0 40px;
    word-break: break-word;
}

.c-txt .bot_nav .list-blod {
    font-size: 14px;
    font-weight: 900
}

.c-txt .bot_nav span {
    vertical-align: super;
    font-size: 12px
}

.c-txt .bot_nav a{
    color: #007aff;
}
.c-txt .bot_nav .tel_phone{
    pointer-events: none;
    cursor: default;
}

@media screen and (max-width:1400px) {
    .c-txt {
        max-width: 952px;
        margin: 29px auto;
        padding: 0 16px
    }
    .c-txt .bot_title {
        font-size: 29px;
        margin: 29px 0
    }
    .c-txt .bot_nav {
        padding: 0 32px;
    }
}
@media screen and (max-width:1024px) {
    .c-txt {
        max-width: 94vw;
        margin: 4vw auto;
        padding: 0;
    }
    
    .c-txt .bot_title {
        font-size: 5vw;
        margin: 4vw 0;
        line-height: 2vw;
    }
    .c-txt .bot_nav{
        font-size: 2.4vw;
        line-height:4.2vw;
        padding: 0 ;
    }
    .c-txt .bot_nav .list-blod {
        font-size: 3.2vw;
        font-weight: 900
    }
    
    .c-txt .bot_nav span {
        vertical-align: super;
        font-size: 1vw
    }
    .c-txt .bot_nav .tel_phone{
        pointer-events: auto;
        cursor: pointer;
    }
}


.s25u{
    width: 393px;
    height: 570px;
    left: 350px;
    top: 0;
}
.s25p{
    width: 393px;
    height: 570px;
    left: 350px;
    top: 0;
}
.s25{
    width: 393px;
    height: 570px;
    left: 764px;
    top: 0;
}

/* .fold6{
    width: 600px;
    height: 510px;
    left: 350px;
    top: 0;
}
.flip6{
    width: 600px;
    height: 510px;
    left: 970px;
    top: 0;
} */

.fold6{
    width: 393px;
    height: 570px;
    left: 350px;
    top: 0px;
}
.flip6{
    width: 393px;
    height: 570px;
    left: 764px;
    top: 0px;
}
.a56{
    width: 393px;
    height: 570px;
    left: 1177px;
    top: 0px;
}

/* .s24u{
    width: 393px;
    height: 570px;
    left: 350px;
    top: 530px;
}
.s24p{
    width: 393px;
    height: 570px;
    left: 764px;
    top: 530px;
}
.s24{
    width: 393px;
    height: 570px;
    left: 1177px;
    top: 530px;
} */
@media screen and (max-width:1400px) {
    .s25u{
        width: 307px;
        height: 445px;
        left: 273px;
        top: 0;
    }
    .s25p{
        width: 307px;
        height: 445px;
        left: 273px;
        top: 0;
    }
    .s25{
        width: 307px;
        height: 445px;
        left: 596px;
        top: 0;
    }
    
    /* .fold6{
        width: 468px;
        height: 398px;
        left: 273px;
        top: 0;
    }
    .flip6{
        width: 468px;
        height: 398px;
        left: 757px;
        top: 0;
    } */

    .fold6{
        width: 307px;
        height: 445px;
        left: 273px;
        top: 0px;
    }
    .flip6{
        width: 307px;
        height: 445px;
        left: 596px;
        top: 0px;
    }
    .a56{
        width: 307px;
        height: 445px;
        left: 919px;
        top: 0px;
    }
    
    /* .s24u{
        width: 307px;
        height: 445px;
        left: 273px;
        top: 414px;
    }
    .s24p{
        width: 307px;
        height: 445px;
        left: 596px;
        top: 414px;
    }
    .s24{
        width: 307px;
        height: 445px;
        left: 919px;
        top: 414px;
    } */
}
@media screen and (max-width:1024px) {
    .s25u{
        width: 94vw;
        height: 45vw;
        left: 3%;
        top: 0;
    }
    .s25p{
        width: 94vw;
        height: 45vw;
        left: 3%;
        top: 0;
    }
    .s25{
        width: 46vw;
        height: 78vw;
        left: 3%;
        top: 38%;
    }
    
    .fold6{
        width: 94vw;
        height: 45vw;
        left: 3%;
        top: 0;
    }
    /* .flip6{
        width: 94vw;
        height: 45vw;
        left: 3%;
        top: 51%;
    } */
    .flip6{
        width: 46vw;
        height: 78vw;
        left: 3%;
        top: 38%;
    }

    .a56{
        width: 46vw;
        height: 78vw;
        left: 51%;
        top: 38%;
    }
    
    /* .s24u{
        width: 46vw;
        height: 78vw;
        left: 51%;
        top: 23%;
    }
    .s24p{
        width: 46vw;
        height: 78vw;
        left: 3%;
        top: 62%;
    }
    .s24{
        width: 46vw;
        height: 78vw;
        left: 51%;
        top: 62%;
    } */
}

/* .link,a{
    background: red;
    opacity: 0.3;
} */

.sumLiveIcon{
    padding: 0;
    right: 28px;
    bottom: calc(17vh);
    border: none;
    z-index: 1999!important;
    position: fixed !important;
    cursor: pointer !important;
    line-height: 1px !important;
    margin-top: 0px;
    width: 45px !important;
    height: 50px !important;
}
.sumLiveIcon a{
    width: 100%;
    height: 100%;
}
.sumLiveIcon a img{
    width: 100%;
}