html,body {
     background: #0c80bc;
     padding:0;
     margin:0;
     font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei','微软雅黑',SimSun,'宋体',SimHei,"STHeiti Light",STHeiti,"Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;
}
 a {
     text-decoration:none !important;
}
 .flex {
     display:flex;
     flex-direction:row;
}
 .gb-w {
     width:1320px;
     margin:0 auto;
}
 .gb-bg-w{
     background: #fff;
     border:3px solid #fff;
     overflow: hidden;
}
 .ellipsis {
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
 .mt50 {
     margin-top:50px;
}
 .gallery_box {
     clear: both;
     margin: 45px auto;
     overflow: hidden;
}
 .gallery_item {
     float: left;
     margin-left: 1px;
     position: relative;
     width: 82px;
    /*780*/
     height: 339px;
     background-color: #d6e8ff;
     overflow: hidden;
     transition: all 1s;
     margin-bottom: 20px;
}
 .gallery_item:last-child{
    margin-bottom: 0;
 }
 .gallery_h1 {
     cursor: pointer;
     width: 20px;
     padding: 0 31px;
     height: 339px;
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     position: absolute;
     top: 0;
     display: table;
}
 .gallery_h1 p {
     width: 20px;
     margin: 0;
     padding: 0;
     display: table-cell;
     vertical-align: middle;
     word-wrap: break-word;
}
 .gallery_h1 .gallery_nums {
     width: 82px;
     text-align: center;
     font-size: 18px;
     font-weight: normal;
     position: absolute;
     left: 0;
     bottom: 10px;
}
 .gallery_h1 .gallery_nums span {
     font-size: 36px;
}
 .gallery_h1 .gallery_nums em {
     font-style: normal;
}
 .gallery_h2 {
     font-weight: bold;
     font-size: 24px;
     color: #d43333;
     line-height: 30px;
     text-align: center;
     padding: 50px 0;
}
 .gallery_image {
     width: 486px;
     height: 339px;
     float: left;
}
 .gallery_image img {
     display: block;
     width: 486px;
    /*403*/
     height: 339px;
}
 .gallery_con {
     width: 828px;
     float: right;
}
 .gallery_sublist ul {
     padding: 0 25px;
}
 .gallery_sublist ul li {
     font-size: 16px;
     color: #333;
     line-height: 28px;
     border-bottom: 1px dashed #7e9abb;
}
 .gallery_sublist ul li a {
     color: #333;
     word-break: break-all;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 8;
}
 .gallery_sublist ul li a:hover {
    /*color: #c90000;
    */
     text-decoration: underline !important;
}
 .gallery_sublist ul li:last-child {
     border-bottom: none;
}
 .gallery_item.active {
     width: 100%;
}
 .gallery_item.active .gallery_h1 {
     display: none;
}
 .gallery_item.active .gallery_h1 {
     display: none;
}
 .gallery_item .xr-tit2 {
     display: none;
}
 .gallery_item.active .xr-tit2 {
     display: block;
}
 .xr-tit2 {
     height: 40px;
     line-height: 40px;
     position: absolute;
     left: 0;
     bottom: 0;
     background: rgba(0,0,0,0.5);
     width: 486px;
     text-align: center;
     font-size: 16px;
}
 .xr-tit2 a {
     color: #fff;
}
 .gallery_nums {
     z-index: 1;
}
 .pannel-title01 {
     line-height: 50px;
     height: 50px;
     position: relative;
     border-bottom: 1px solid #ececec;
}
 .pannel-L {
     border-bottom: 5px solid #c90000;
     position: absolute;
     left: 0;
     bottom: 0;
     font-weight: bold;
     font-size: 32px;
     color: #c90000;
}
 .gallery_h2 a, .pannel-title01 a {
     color: #d43333;
}
 .pannel-title01 {
     line-height: 80px;
     height: 80px;
     position: relative;
     border-bottom: 1px solid #ececec;
}
 .pannel-L {
     border-bottom: 5px solid #c90000;
     position: absolute;
     left: 50px;
     bottom: 0;
     font-weight: bold;
     font-size: 32px;
     color: #c90000;
}
 footer {
     background:
    /*#0058a6*/
     url("https://www.ultrasone-shop.com/2023summercamp/img/footer-bg.png") center center;
     width:100%;
     color:#fff;
     font-size:16px;
     text-align:center;
     overflow:hidden;
    /* position: fixed;
    */
     position: relative;
     z-index: 11;
     left: 0;
     bottom: 0px;
     width: 100%;
     padding: 50px 0;
}
 footer p {
     line-height: 48px;
}
 .home-banner {
     width:100%;
     height:833px;
     overflow:hidden;
}
 .home-banner img {
     width:100%;
}
 #top-logo{
     position: absolute;
     left: 100px;
     top: 50px;
     z-index: 111111111111111;
}
 #top-logo img{
     height: 72px;
}
 #pics-theme{
     overflow: hidden;
     z-index: 11;
     left: 0;
     bottom: 100px;
     width: 100%;
     position: relative;
     margin-top: -50px;
     margin-bottom: 50px;
}
 #news-theme{
     overflow: hidden;
     z-index: 11;
     left: 0;
     bottom: 0px;
     width: 100%;
     position: relative;
     margin-top: 0px;
}
 #news-theme .cover {
     text-align: center;
     width: 5rem;
     overflow: hidden;
}
 #news-theme .cover img {
     width: 100%;
}
 #pics-theme .swiper-next,#pics-theme .swiper-prev {
     width: 30px;
     height: 50px;
     position: absolute;
     top: 50%;
     background: url("https://www.ultrasone-shop.com/2023summercamp/img/b_prev.png?r=1") #aaa no-repeat center center;
     left: 50%;
     cursor: pointer;
     z-index: 1111111111111111111111;
}
 #pics-theme .swiper-prev {
     margin-left: -744px;
}
 #pics-theme .swiper-next {
     background: url("https://www.ultrasone-shop.com/2023summercamp/img/b_next.png?r=1") #aaa no-repeat center center;
     margin-left: 714px;
}
 #pics-theme .swiper-next:hover,#pics-theme .swiper-prev:hover{
     border-color: #0058a6;
}
 #pics-theme .cover {
     text-align: center;
    /*width: 33.33%;
    */
     overflow: hidden;
}
 #pics-theme .cover img {
     width: 100%;
}
 #pics-theme .inner{
     background-color: rgba(255,255,255,.5);
     padding: 10px 0 0;
}
 #page-theme{
     overflow: hidden;
     z-index: 11;
     left: 0;
     bottom: 100px;
     width: 100%;
     position: relative;
     margin-top: -50px;
     margin-bottom: 50px;
}
 #page-theme .content-wrap {
    padding: 20px 50px 130px 50px;
}
 #page-theme .cont>h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 22px;
}
 #page-theme .cont>p {
     text-align: center;
     color: #6f6f70;
     padding-bottom: 16px;
     margin-bottom: 16px;
     border-bottom: 1px dashed #bbb;
    font-size: 16px;
}
 #page-theme .cont>p>span{
     padding-right:24px;
    color: #6f6f70;
    font-size: 16px;
}
 #vsb_content_4 p {
     line-height: 180%;
     text-indent: 2em;
     font-size: 16px;
}
#vsb_content p{
       font-size: 16px;
       color: #333;
       line-height: 32px;
    }
 @media screen and (max-width: 1319px){
     .gb-w{
         width: 100%;
    }
     #pics-theme{
         bottom:0rem;
         margin-top: 0rem;
         margin-bottom: 0rem;
    }
     #news-theme{
    }
     #top-logo{
         left: 1rem;
         top: 1rem;
    }
     #top-logo img{
         height: 1.2rem;
    }
     .home-banner{
         height: 8rem;
    }
     .pannel-L{
         font-size: .72rem;
         left: .32rem;
    }
     .gallery_box{
         width: 100%;
    }
     .gallery_item{
         height: 11rem;
         background-color:#efefef;
         margin-bottom: 1rem;
    }
     .gallery_item:last-child{
         margin-bottom: 0rem;
    }
     .gallery_item.active, .gallery_item{
         width: 100%;
    }
     .gallery_image{
         width: 100%;
         height: 8rem;
         overflow: hidden;
    }
     .gallery_image img{
         width: 100%;
         height: auto;
    }
     .gallery_con{
         width: 100%;
    }
     .gallery_sublist{
         display: none;
    }
     .gallery_h1{
         display: none;
    }
     #page-theme{
         bottom: 0;
         margin-bottom: 0;
    }
     .gallery_h2 a{
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         display:block;
         padding: 0 .32rem;
         font-size: .62rem;
         text-align: left;
         color: #333;
    }
     .pannel-title01 a{
    }
#vsb_content img{
       width: 100%  !important;
       height: auto !important;
    }
#page-theme .content-wrap {
    padding: 0px 1rem 1rem 1rem;
}
 .home-banner.page{
         height: 10rem;
    }
   #page-theme .cont>h1 {
    line-height:1.2rem;
    font-size:.72rem;
  }
  .gallery_h2{
    padding: 1rem 0;
  }
}