.page {
    width:100%;height:100%;
    position: relative;
    /* overflow: hidden; */
}
*{
    -webkit-overflow-scrolling: touch;
}

p{
    margin:0;padding:0;
}
.jt2{position: absolute;
    width: 100%;
    animation:fade2 3000ms infinite;
    -webkit-animation:fade2 2000ms infinite;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    z-index: 999;
    bottom: 0;
    height: 0.5rem;
}
.jt2 span{
    display: inline-block;
    width:0.6rem;
    height:0.36rem;
    background:url('/home/mobile/summit/static/images/invitation/arrow.png') no-repeat;
    background-size: cover;
    margin:0 auto;
}
@keyframes fade2 {
    from { opacity: 0;bottom: 0px; }
    50% { opacity: 1.0; bottom: 10px;}
    to { opacity: 0; bottom: 20px;}
}
    
@-webkit-keyframes fade2 {
    from { opacity: 0;bottom: 0px; }
    50% { opacity: 1.0; bottom: 10px;}
    to { opacity: 0; bottom: 20px;}
}
#audio-btn {
    width:0.72rem;
    height:0.72rem;
    background:url('/home/mobile/summit/static/images/2/music.png') no-repeat;
    background-size:cover;
    position: fixed;
    top:0.3rem;
    right: 0.3rem;
    z-index: 2;
    animation:music;
}
#music .on { 
background: url('/home/mobile/summit/static/images/2/music.png') no-repeat 0 0; 
-webkit-animation: music 2.2s linear infinite; 
/* animation: music 2.2s linear infinite; */
background-size: cover;
animation:music 3s linear infinite;
}
#music .off {
background: url('/home/mobile/summit/static/images/2/music.png') no-repeat 0 0;
background-size: cover;
}
/* .musicBtn{
    width:0.72rem;
    height:0.72rem;
    background:url('../images/music.png') no-repeat;
    background-size:cover;
    position: fixed;
    top:0.3rem;
    right: 0.3rem;
    z-index: 2;
    animation:music;
}
.musicBtn.active{
    animation:music 3s linear infinite;
} */

@keyframes music
{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}

}

.musicBtn{
    width:0.72rem;
    height:0.72rem;
    background:url('/home/mobile/summit/static/images/invitation/music.png') no-repeat;
    background-size:cover;
    position: fixed;
    top:0.3rem;
    right: 0.3rem;
    z-index: 2;
    animation:music;
}
.musicBtn.active{
    animation:music 3s linear infinite;
}

@keyframes music
{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}

}
.copyright{
    width:100%;
    text-align: center;
    font-size:0.24rem;
    color:#fff;
    opacity: 0.5;
    padding:0.2rem 0 0.05rem;
}
.page .bg{
    width:100%;height:100%;
    background:url('/home/mobile/summit/static/images/2/bg.gif') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0;left:0;
}
.page .bg1{
    width:92%;
    height:92%;
    background:url('/home/mobile/summit/static/images/invitation/bg2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;top:4%;left:4%;
}
.page .bg2{
    width:4.51rem;
    height:4.25rem;
    background:url('/home/mobile/summit/static/images/invitation/bg3.png') no-repeat;
    background-size:100% 100%;
    position: absolute;
    right:0;bottom:1.63rem;
}
.page .bg3{
    width: 100%;
    height: 8rem;
    background: url(/home/mobile/summit/static/images/invitation/git.gif) no-repeat;
    background-size: cover;
    position: absolute;
    top: 1rem;
    transform: rotate(180deg);
}
.page .img1{
    /* width:1.83rem;
    height:1.51rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img1.png') no-repeat;
    background-size:100% 100%;
    position: absolute;
    top:0;right:0; */

    width:2.78rem;
    height:1.73rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img1.png?v=1') no-repeat;
    background-size:100% 100%;
    position: absolute;
    top:0;right:0;
}
.page .img2{
    width:0.86rem;
    height:1.85rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img2.png') no-repeat;
    background-size: cover;
    position: absolute;
    left:0;top:1.51rem;   
}
.page .img3{
    width:1.56rem;
    height:4.05rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img3.png') no-repeat;
    background-size: cover;
    position: absolute;
    left:0;top:5.62rem;   
}
.con_box{
    position: relative;
}
.page .img4{
    width:1.68rem;
    height:0.84rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img4.png') no-repeat;
    background-size: cover;
    position: absolute;
    /* right:0.18rem;
    bottom:3.4rem;   */
    right: 0.1rem;
    bottom: 2.6rem;
    transform: rotate(-30deg)!important;
}
.page .img5{
    width:2.21rem;
    height:1.32rem;
    background:url('/home/mobile/summit/static/images/invitation/t_img5.png') no-repeat;
    background-size: cover;
    position: absolute;
    right:0;bottom:0;  
}
.page .close{
    width:0.41rem;
    height:0.43rem;
    background:url('/home/mobile/summit/static/images/invitation/close.png') no-repeat;
    background-size: cover;
    position: absolute;
    left:0.15rem;bottom:0.2rem;
}
/* 第一页内容 */
.content1{
    width:100%;
    height:100%;
   
    text-align: center;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content1 .title{
    font-size:0.42rem;
    font-weight: bold;
    padding:0 0.3rem 0.3rem;
    /* margin-top:1.6rem; */
}
.content1 .logo{
    width:3.88rem;
    height:1.2rem;
   /* background:url('/home/mobile/summit/static/images/invitation/logo.png') no-repeat;*/
    background-size:contain;
    margin:0.8rem auto 0.2rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.content1 .c_logo{
    width:3.96rem;
    height: 1.3rem;
    background:url('/home/mobile/summit/static/images/2/pic.png') no-repeat;
    background-size: cover;
    margin:0.3rem auto 0;
}
.content1 .c_icon{
    width:4.28rem;
    height: 0.62rem;
    background:url('/home/mobile/summit/static/images/2/icon.gif') no-repeat;
    background-size: 100% 100%;
    margin:0.03rem auto 0.3rem;
}
.content1 .c_text1{
    font-size:0.48rem;
    color:#fff;
    text-align: center;
    margin:0 auto;
}
.content1 .date{
    font-size:0.48rem;
    font-weight: bold;
    margin-top:0.3rem;
}
.content1 .c_text2{
    font-size:0.33rem;
    margin-top:0.1rem;
}
.content1 .c_text3{
   /* margin-top:0.4rem; */
}
.content1 .c_text3 .c_t1{
    font-size:0.3rem;
}
.content1 .c_text3 .c_t2{
    font-size:0.75rem;
}
/* 第二页内容 */
.content2{
    width:100%;
    height:100%;
    position:absolute;
    top:0;left:0;
    text-align: center;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content2 .top{
    width:2.34rem;
    height: 0.97rem;
    background:url('/home/mobile/summit/static/images/invitation/p_img.png') no-repeat;
    background-size:cover;
    margin:0 auto 0;
    position: relative;
}
.content2 .top .text1{
    font-size: 0.42rem;
    position: relative;
    top: -0.1rem;
}
.content2 .top .text2{
    font-size: 0.26rem;
    margin-top: 0.1rem;
}
.content2 .title{
    font-size:0.42rem;
    font-weight: bold;
    margin-top:0.6rem;
}
.content2 .logo{
    width:2.88rem;
    height: 0.7rem;
    background:url('/home/mobile/summit/static/images/invitation/logo.png') no-repeat;
    background-size:contain;
    margin:0.6rem auto 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.content2 .date{
    font-size:0.48rem;
    font-weight: bold;
    margin-top:0.6rem;
}
.content2 .c_text2{
    font-size:0.33rem;
}
.content2 .c2_text1{
    font-size:0.36rem;
    font-weight: bold;
    margin-top:0.6rem;
}
.content2 .c2_bg{
    width:1.22rem;
    height:0.16rem;
    background:url('/home/mobile/summit/static/images/invitation/c2_img2.png') no-repeat;
    background-size:cover;
    margin:0.2rem auto 0;
}
.content2 .c2_text2{
    font-size:0.9rem;
    margin-top:0.2rem;
}
.content2 .list{
    color:#cbf6fa;
    font-size:0.24rem;
}
.content2 .list img{
    width:60%;
    margin:0 auto;
}
.content2 .list .name{
    /* text-align: left; */
    margin-top:0.26rem;
    font-weight: bold;
}
.content2 .list .detail{
    text-align: left;
}
.content2 .list .title{
    margin-top:0.26rem;
}
.content2 .list .text{
    margin-top:0.26rem;
    overflow: hidden;
    /* display: -webkit-box;
    -webkit-line-clamp:5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; */
    line-height: 0.4rem;
    max-height:2rem;
    margin-bottom:0.2rem;
}
.content3 .c3_top{
    display: flex;
    align-items: center;
    width: 70%;
    margin:0 auto;
}
.content3 .title{
    margin-top:0.2rem;
}
.content3 .date{
    font-size:0.48rem;
    font-weight: bold;
    margin-top:0.2rem;
}
.content3 .c_text2{
    font-size:0.33rem;
}
.content3 .c2_text1{
    font-size:0.3rem;
    /* font-weight: bold; */
    margin-top:0.2rem;
}
.content3 .c2_bg{
    width:1.22rem;
    height:0.16rem;
    background:url('/home/mobile/summit/static/images/invitation/c2_img2.png') no-repeat;
    background-size:cover;
    margin:0.2rem auto 0;
}
.content3 .c2_text2{
    font-size:0.7rem;
    margin-top:0.2rem;
}

.content3 .list{
    color:#cbf6fa;
    font-size:0.24rem;
}
.content3 .list img{
    width:60%;
    margin:0 auto;
}
.content3 .list .name{
    /* text-align: left; */
    margin-top:0.26rem;
    font-weight: bold;
}
.content3 .list .detail{
    text-align: left;
}
.content3 .list .title{
    margin-top:0.26rem;
}
.content3 .list .text{
    margin-top:0.26rem;
    overflow: hidden;
    /* display: -webkit-box;
    -webkit-line-clamp:5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; */
    line-height: 0.4rem;
    max-height:2rem;
    margin-bottom:0.2rem;
}
.content2 .btns{
    margin:0.6rem auto 0;
}

/* 第三页内容 */
.content3{
    width: 100%;
    height: 100%;
    
    text-align: center;
    color: #fff;
}
.content3 p{
    text-align: left;
    line-height: 0.4rem!important;
}
.content3 .top{
    width:2.34rem;
    height: 0.97rem;
    background:url('/home/mobile/summit/static/images/invitation/p_img.png') no-repeat;
    background-size:cover;
    margin:0 auto;
}
.content3 .top .text1{
    font-size: 0.42rem;
    position: relative;
    top: -0.1rem;
}
.content3 .top .text2{
    font-size: 0.24rem;
    /* margin-top: 0.1rem; */
}
.content3 .par_box{
    font-size:0.24rem;
    color:#fff;
    width:92%;
    /* height:8rem; */
    /* overflow-x:auto; */
    margin:0.3rem auto 0;
    
}
.content3 .par_box .par{
    text-indent:2em;
    margin-bottom:0.4rem;
    line-height: 0.36rem;
    text-align: left;
}
.content3 .c3_text_box{
    display: flex;
    align-items: center;
    margin-top:0.2rem;
    justify-content: center;
}
.content3 .c3_text_box .c3_text1{
    background:url('/home/mobile/summit/static/images/invitation/c2_img2.png') no-repeat left bottom;
    background-size:1.29rem 0.1rem;
    font-size:0.3rem;
}
.content3 .c3_text_box .c3_text2{
    font-size:0.24rem;
    text-align: left;
    line-height: 0.4rem;
}
.content3 .btns{
    margin:0.3rem auto 0;
}
.content3 .img1{
    top: -0.67rem;
    right: -0.4rem;
}
.content3 .img2{
    left:-0.4rem;
}
.content3 .img3{
    left:-0.4rem;
    top:45%;
}
.content3 .img5{
    right: -0.4rem;
    bottom: -0.55rem;
}
.content3 .close{
    left: -0.15rem;
    bottom: -0.2rem;
}

/* 第四页内容 */
.content4{
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.content4 .title{
    font-size:0.42rem;
    font-weight: bold;
    margin-top:0.2rem;
}
.content4 .top{
    display: flex;
    align-items: center;
    justify-content: center;
}
.content4 .c2_text1{
    font-size:0.36rem;
}
.content4 .c2_text2{
    font-size:0.7rem;
}
.content4 .date{
    font-size:0.48rem;
}
.content4 .c_text2{
    font-size:0.33rem;
}
.content4 .top .text1{
    font-size: 0.42rem;
    position: relative;
    top: -0.1rem;
}
.content4 .top .text2{
    font-size: 0.26rem;
    margin-top: 0.1rem;
}
.content4 .c4_bg{
    /* width:2.44rem;
    height: 0.36rem;
    background:url('/home/mobile/summit/static/images/invitation/c4_img2.png') no-repeat;
    background-size:cover; */
    margin:0.36rem auto 0;
    font-size: 0.4rem;
    color: #cbf6fa;
    letter-spacing: 2px;
}
.content4 .img_box{
    margin:0.34rem auto 0;
    display: flex;
    flex-wrap: wrap;
    width:6rem;
    justify-content: space-between;
    min-height: 70%;
}
.content4 .img_box .list{
    width:2.9rem;
    height:3.72rem;
    position: relative;
}
.content4 .img_box .list img{
    width:2.9rem;
    height: 2.9rem;
}
.content4 .img_box .list .border{
    box-sizing: border-box;
    width:2.9rem;
    height: 2.9rem;
    border:0.05rem solid rgba(72,148,156,0.48);
    position: absolute;
    top:0;left:0;
}
.content4 .img_box .list .name{
    font-size:0.24rem;
    color:#cbf6fa;
    text-align: center;
    margin-top:0.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.content4 .list{
    color:#cbf6fa;
    font-size:0.24rem;
    width: 6rem;
}
.content4 .list img{
    width:5.3rem;
    height: 5.3rem;
    margin:0 auto;
}
.content4 .list .name{
    /* text-align: left; */
    margin-top:0.26rem;
    font-weight: bold;
}
.content4 .list .detail{
    text-align: left;
}
.content4 .list .title{
    margin-top:0.26rem;
}
.content4 .list .text{
    margin-top:0.26rem;
    overflow: hidden;
    /* display: -webkit-box;
    -webkit-line-clamp:5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; */
    line-height: 0.4rem;
    max-height:2rem;
    margin-bottom:0.2rem;
}

.content4 .btns{
    margin:0.4rem auto 0;
}
.content4 .img1{
    top: -0.67rem;
    right: -0.4rem;
}
.content4 .img2{
    left:-0.4rem;
}
.content4 .img3{
    left:-0.4rem;
    top:45%;
}
.content4 .img5{
    /* right: -0.4rem;
    bottom: -0.55rem; */
}
.content4 .close{
    /* left: -0.15rem;
    bottom: -0.2rem; */
}
.content4 .bg2{
    right: -0.4rem;
    bottom: 40%;
}
.content5{
    width: 100%;
    height: 100%;
    /* position: absolute;
    top: 0;
    left: 0; */
    text-align: center;
    color: #fff;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
/* 第五页内容 */
.content5 .top{
    width:2.34rem;
    height: 0.97rem;
    background:url('/home/mobile/summit/static/images/invitation/p_img.png') no-repeat;
    background-size:cover;
    margin:0 auto 0;
}
.content5 .top .text1{
    font-size: 0.42rem;
    position: relative;
    top: -0.1rem;
}
.content5 .top .text2{
    font-size: 0.26rem;
    /* margin-top: 0.1rem; */
    letter-spacing: 2px;
    position: relative;
    top:-0.02rem;
}
.content5 .c5_bg{
    width:6.09rem;
    height: 3rem;
    background:url('/home/mobile/summit/static/images/invitation/c5_img2.jpg') no-repeat;
    background-size:cover;
    margin:0.5rem auto 0;
}
.content5 .c5_img{
    /* width:2.44rem;
    height: 0.36rem;
    background:url('/home/mobile/summit/static/images/invitation/c4_img2.png') no-repeat;
    background-size:cover; */
    margin:0.4rem auto 0;
    font-size: 0.4rem;
    color: #cbf6fa;
    letter-spacing: 2px;
}
.content5 .c5_logo{
    width:1.51rem;
    height:1.51rem;
   /* background:url('/home/mobile/summit/static/images/invitation/c5_logo.png') no-repeat;*/
    background-size:cover;
    border-radius: 50%;
    margin:0.3rem auto 0;
}
.content5 .c5_text1{
    font-size:0.47rem;
    color:#7feffa;
    margin-top:0.3rem;
}
.content5 .c5_text2{
    font-size:0.28rem;
    color:#cbf6fa;
    /* margin-top:0.1rem; */
}
.content5 .c5_text3{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:0.5rem;
}
.content5 .c5_text3 .icon{
    display:inline-block;
    width:0.45rem;
    height:0.45rem;
    background:url('/home/mobile/summit/static/images/invitation/c5_tel.png') no-repeat;
    background-size:cover;
    margin-right:0.2rem;
}
.content5 .c5_text3 .tel{
    font-size:0.46rem;
    font-weight: bold;
}

.page5 .img1{
    z-index: 1;
}
.page5 .img2{
    z-index: 1;
}
.content5 .c5_top{
    /* background:linear-gradient(rgba(13,13,102,1) 0%,rgba(8,6,77,0.5) 80%, rgba(7,5,71,0.8) 100%); */
    padding:0.3rem 0 0.2rem;
    width: 6.37rem;
    margin:0 auto;
}
.content5 .title{
    font-size:0.38rem;
    font-weight: bold;
    color:#cbf6fa;
}
.content5 .c5_text5{
    font-size:0.26rem;
    color:#fff;
    width: 80%;
    margin:0.2rem auto 0
}
.content5 .c5_text6{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#cbf6fa;
    font-size:0.34rem;
    margin-top:0.2rem;
}
.content5 .c5_t1{
    font-size: 0.24rem;
}
.content5 .c5_t3{
    font-size:0.36rem;
    margin-left:0.1rem;
}
.content5 .c5_address1, .content5 .c5_person1, .content5 .contant1{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    color:#cbf6fa;
    margin-top:0.3rem;
}
.content5 .c5_address1 .icon{
    display: inline-block;
    width:0.23rem;
    height: 0.3rem;
    background:url('/home/mobile/summit/static/images/invitation/c5_icon1.png') no-repeat;
    background-size:contain;
    margin-right: 0.14rem;
}
.content5 .c5_address2, .content5 .c5_person2{
    font-size:0.24rem;
    margin-top:0.1rem;
}
.content5 .c5_address2{
    width: 80%;
    margin:0.1rem auto;
}
.content5 .c5_person1 .icon{
    display: inline-block;
    width: 0.24rem;
    height:0.24rem;
    background:url('/home/mobile/summit/static/images/invitation/c5_icon2.png') no-repeat;
    background-size:contain;
    margin-right: 0.14rem;
}
.content5 .contant1 .icon{
    display:inline-block;
    width:0.24rem;
    height: 0.27rem;
    background:url('/home/mobile/summit/static/images/invitation/c5_icon3.png') no-repeat;
    background-size:contain;
    margin-right: 0.14rem;
   
}
.content5 .contant2{
    font-size: 0.3rem;
    font-weight: bold;
    margin-top:0.1rem;
}

.content5 .btns{
    margin:0.4rem auto 0;
}
.backBtn{
    position: fixed; z-index: 1000; top: 0.2rem; left: 0.2rem; border-radius: 50%; z-index: 999;font-size:0.3rem;color:#fff;text-align:center;display: flex;align-items: center;line-height:0.48rem;

}
.backBtn .icon{
    width:0.26rem;
    height:0.48rem;
    display: block;
    background:url('/home/mobile/summit/static/images/invitation/back.png') no-repeat;background-size:contain;margin-right:0.08rem;
}
.ex_pic{
    width: 100%;
    text-align:center;
}
.ex_pic img{
    width:6rem;
    height:3rem;
    object-fit: cover;
    border-radius:3px;
}
.czitem{text-align: left;padding: 10px 0;color: #fff;}
.czitem img{display: block;border-radius: 5px;}
.czitem h2{font-size: 0.32rem;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2;}
.czitem h2 a{color: #fff;text-decoration: none;}
.flexbox{display: flex;align-items: center;justify-content: space-between;font-size: 0.28rem;}
.czs{font-size: 0.28rem;font-weight: bold;margin-top: 5px;}