@charset "UTF-8";

.navbar {
    padding: 0;
}

/*::-webkit-scrollbar{*/
/*display:none;*/
/*!*禁用右边滚动条*!*/
/*}*/
.header-home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.52vw 2.6vw 0.52vw 2.6vw;
    z-index: 99999;
    background-color: transparent;
    transition: all .5s;
    height: calc(80vw / 19.2);
}

#padding {
    padding-top: 2.1vw;
    transition: all .5s;
}

.header-home2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.52vw 2.6vw 0.52vw 2.6vw;
    z-index: 99999;
    background: #000;
    height: calc(80vw / 19.2);
}

.img-logo {
    width: calc(84vw / 19.2);
    margin-top: calc(-4vw / 19.2);
}

.img-logo1 {
    margin-top: calc(6vw / 19.2);
    z-index: 9999;
    width: calc(33vw / 19.2)
}

.nav-cover {
    position: fixed;
    top: 0;
    left: 100vw;
    height: 100vw;
    width: 100vw;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
}

.nav-item {
    padding: calc(10vw / 19.2) calc(7vw / 19.2) calc(10vw / 19.2) calc(7vw / 19.2);
}

.nav-ul {
    position: absolute;
    list-style-type: none;
    left: 0;
    right: 0;
    text-align: center;
    top: calc(192vw / 19.2);
}

.close-x {
    position: absolute;
    top: calc(68vw / 19.2);
    right: calc(50vw / 19.2);
    width: calc(34vw / 19.2);
}

.close-x:hover {
    cursor: pointer;
}

.header-li-nav {
    padding: calc(20vw / 19.2);
    font-size: calc(36vw / 19.2);
}

.header-li-nav > a {
    text-decoration: none;
}

.header-li-nav > a:link {
    text-decoration: none;
}

/*已经访问过的链接*/
.header-li-nav > a:visited {
    text-decoration: none;
}

/*鼠标划过(停留)的链接*/
.header-li-nav > a:hover {
    text-decoration: none;
    color: black
}

/* 正在点击的链接*/
.header-li-nav > a:active {
    text-decoration: none;
}

/*activity-list*/
.list-img-first {
    position: relative;
    width: calc(400vw / 19.2);
    height: calc(500vw / 19.2);
    background: #EEEEEE;
    margin-right: calc(2vw / 19.2);
}

.list-p {
    font-size: calc(16vw / 19.2);
    padding: calc(20vw / 19.2);
}

.blank {
    position: absolute;
    background: white;
    opacity: 0.8;
    width: calc(325vw / 19.2);
    height: calc(145vw / 19.2);
    margin: 0 auto;
    text-align: center;
    bottom: calc(52vw / 19.2);
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blank-first {
    position: absolute;
    background: white;
    opacity: 0.8;
    width: calc(325vw / 19.2);
    height: calc(145vw / 19.2);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-img-size {
    position: relative;
    width: calc(400vw / 19.2);
    height: calc(249vw / 19.2);
    background: #EEEEEE;
    margin-right: calc(2vw / 19.2);
    margin-bottom: calc(2vw / 19.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-first {
    display: flex;
    justify-content: start;
    margin-bottom: calc(2vw / 19.2);
}

.more-list {
    display: flex;
    justify-content: start;
    margin-bottom: calc(2vw / 19.2);
    flex-wrap: wrap;
}

.img-first-2 {
    width: calc(804vw / 19.2);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.second {
    width: calc(1206vw / 19.2);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/**************************************moblie*******************************************************/
.mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vw / 7.5);
    padding: 0 4vw 0 3vw;
    background: #000;
    display: flex;
    justify-content: space-between;
    z-index: 9;
}

.mobile-header-safe-area {
    width: 100vw;
    height: calc(100vw / 7.5);
}

.mobile-logo {
    width: calc(84vw / 7.5);
    margin-top: calc(7vw / 7.5);
}

.mobile-menu {
    display: flex;
    justify-content: space-between;
    margin-top: calc(6vw / 7.5);
    z-index: 9999;
    width: calc(180vw / 7.5);
}

.mobile-edition {
    margin-top: 1.2vw;
    font-size: 5.5vw;
}

.mobile-burger {
    width: calc(58vw / 7.5) !important;
    margin-top: 2vw;
}

.mobile-nav-cover-adjust {
    top: calc(100vw / 7.5);
    height: 134vw;
}

.mobile-close-x-adjust {
    width: calc(34vw / 7.5);
}

.mobile-header-li-nav-adjust {
    padding: calc(20vw / 7.5);
    font-size: calc(36vw / 7.5);
}

/**************************************moblie*******************************************************/
#mobile-second-menu{
    margin: 0 auto;
    position: relative;
}
.mobile-nav {
    display: flex;
    justify-content: space-between;
    margin:6.666vw 6.666vw 0 6.666vw;
    /*border-bottom: 2px solid #ccc;*/
}

.mobile-nav-arrow-left {
    position: absolute;
    width: calc(10vw / 3.75);
    top:0;
    left:2vw;
}

.mobile-nav-arrow-right {
    position: absolute;
    width: calc(10vw / 3.75);
    top:0;
    right:2vw;
}

.mobile-nav-title {
    text-align: center;
    /*width: calc(80vw / 3.75);*/
    font-size: calc(16vw / 3.75);
    font-family: SourceHanSansCN-Light;
    display: inline-block;
    white-space: nowrap;
    padding: 0 2vw 3vw 2vw;
}
.mobile-nav-title-active{
    /*font-size: calc(18vw / 3.75);*/
    transform: scale(1.1);
    font-weight: bold;
    font-family: SourceHanSansCN-Bold;
    border-bottom: 4px solid #b73640;
}

.mobile-nav-position {
    width: calc(320vw / 3.75);
    transition: all .8s ease 0s;

    -ms-transition:all .8s ease 0s;
    -moz-transition:all .8s ease 0s;
    -webkit-transition:all .8s ease 0s;
    -o-transition:all .8s ease 0s;
}
.mobile-line{
    margin: -0.5vw 6.666vw 8vw 6.666vw;
    width: 88vw;
    height: 3px;
    background: #ccc;
}

/*page-activity-list*/
@media screen and (max-width: 1100px){

    .list-first {
        display: block;
        justify-content: unset;
        margin-bottom: calc(2vw / 19.2);
    }
    .list-img-first {
        position: relative;
        width: 100%;
        height: calc(400vw / 3.75);
        background: #EEEEEE;
        margin-right: calc(2vw / 19.2);
        margin-bottom: 4vw;
    }
    .blank {
        position: absolute;
        background: white;
        opacity: 0.8;
        width: 85%;
        height: calc(166vw / 3.75);
        margin: 0 auto;
        text-align: center;
        bottom: calc(52vw / 7.5);
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3vw;
    }
    .list-p {
        font-size: calc(16vw /3.75);
    }
    .img-first-2 {
        width: 100%;
        display: block;
        justify-content: unset;
    }
    .list-img-size {
        position: relative;
        width: 100%;
        height: calc(200vw / 3.75);
        background: #EEEEEE;
        margin-right: calc(2vw / 7.5);
        margin-bottom: 1vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .blank-first {
        position: absolute;
        background: white;
        opacity: 0.8;
        width: 85%;
        height: calc(166vw / 3.75);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .second {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .firstList-second-menu{
         overflow-x: scroll;
        /*overflow-x: hidden;*/
        white-space: nowrap;

    }
    .firstList-second-menu::-webkit-scrollbar {
        display:none;
    }

    .mobile-search-input-font-size-en{
        /* 英文版mobile搜索框尺寸 */
        font-size: calc(21vw /7.5)!important;
    }

}
/***************************************moblie******************************************************/