@charset "utf-8";

.main{ padding-top: 44px; }
.wrap{ width: 100%; min-width: 100%; }

.header{ position: fixed; top: 0; left: 0; right: 0; height: 44px; z-index: 10; }
.header .nav{ display: none; }
.header .m-nav{ display: flex; background: url(/content/dam/gtja_v3/activity/logo.png)no-repeat center center; background-size: 30%;}
.header .m-nav span.toggle{display: block; padding: 13px 15px; width: 20px; cursor: pointer; }
.header .m-nav a.logo{ display: block; width: calc(100% - 24px); text-align: center; line-height: 44px; text-indent: -99em; overflow: hidden;}

.m-menu{ display: block; position: fixed; top: 0; width: 100%; left: -100%; bottom: 0; right: 0; background:rgba(0,0,0,.6); z-index: 20; transition: left .3s; }
.m-menu>ul{position: absolute; top: 0; left: 0; bottom: 0;width: 65%; background: #11035e; z-index: 21;}
.m-menu>ul>a.close{ display: block; height: 44px; padding: 13px 15px; box-sizing: border-box; }
.m-menu>ul>a.close img{ width: 18px; }
.m-menu>ul li a{ position: relative; display: block; font-size: 14px;color: #efb272; padding: 10px 15px; }
.m-menu>ul li a::after{display: block; content: ""; width: 3px; position: absolute; top: 10px; bottom: 10px; right: 0; background: #15056e;}
.m-menu>ul li a.active{ background: #15056e; }
.m-menu>ul li a.active::after{background: #dba378;}

.header.active .m-menu{ left: 0; }

.banner{ height: 220px; background: url(/content/dam/gtja_v3/activity/cm2022-mobile.jpg)no-repeat center; background-size: 100% 100%;}
.banner .relative{display: none;}

.pit{ padding: 20px 0; background: url(/content/dam/gtja_v3/activity/tit.png)no-repeat center center; background-size: 60%; font-size: 16px;}
.pit2{ padding: 20px 0; background: url(/content/dam/gtja_v3/activity/tit2.png)no-repeat center center; background-size: 60%; font-size: 16px;}
.pinfo{ padding: 0 15px 30px 15px; font-size: 14px; line-height: 24px; }
.m-tc{display: block;}
.pc-tc{display: none;}

.sign-up{ padding:0 15px 30px 15px; }
.tips-fot{ padding-top: 20px; font-size: 12px; line-height: 24px; }
.sign-up ul{ margin: 0 -10px; margin-top: 32px; }
.sign-up ul li.pure-u-1-2{ width: 50%; margin-top: 55px;}
.sign-up ul li img{ width: 95px; }
.sign-up ul li:last-child{ *width: 100%; *margin-top: 55px; }
.sign-up ul li a{position: relative; margin: 0 10px; padding: 20px 0; display: block; text-align: center; border: solid 1px #efb272; border-radius: 5px; border-top-left-radius: 0px; }
.sign-up ul li a>span{ position: absolute; top: -32px; left: -1px; height: 32px; line-height: 32px; padding: 0 0 0 10px; background: #efb272; font-size: 14px; color: #200672;  border-top-left-radius: 5px;}
.sign-up ul li a>span::after{ position: absolute; top: 0; right: -21px; display: inline-block; content: ""; width: 21px; height: 32px;background: url(/content/dam/gtja_v3/activity/icon-r.png)no-repeat;}
.sign-up ul li a>p{ padding-top: 10px; font-size: 12px; line-height: 18px; color: #efb272; }

.fund_banner{margin-top:15px; height: 360px; border-bottom: solid 1px #efb272;}
.fund_banner .carousel-inner{width: 100%; height: 360px; overflow: hidden;}
.fund_banner .carousel-inner .item a.imgL{display: block; width: 100%; height: 195px;}
.fund_banner .carousel-inner .item a.imgL img{ width: 100%; height: 100%; }
.fund_banner .carousel-indicators{ display: block; z-index: 1;
  width: 100%; height: 40px; top: 155px; left: 0; margin-left: 0; 
  text-align: center; padding: 10px 0 0 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 150%);
}
.funbtn{display: none;}

.p-item-head{ padding: 12px 0;}
.p-item-head h2{ font-size: 15px; padding-bottom: 4px; white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;}
.p-item-head h2 a{ text-decoration: none; }
.p-item-head p{ font-size: 14px; line-height: 24px; padding-bottom: 0;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical; overflow: hidden;
}

.crumbs{ width: 100%; height: 90px; background: url(/content/dam/gtja_v3/activity/crumbs-m.jpg)no-repeat center center; background-size: 100% 100%; }
.point-w{ padding: 0 15px; box-sizing: border-box; }
.h-bar{ padding:15px 0 10px;background: url(/content/dam/gtja_v3/activity/icon-line-m.png)no-repeat bottom; background-size: 100%;}
.h-bar h2{ height: 30px; line-height: 18px; border-left: solid 5px #efb272; font-size: 16px; padding-left: 10px; }

.point-list{ padding-top: 30px; }
.point-list ul{ margin: 0; }
.point-list li{ width: 100%; margin-bottom: 20px; }
.point-list li .ibox{ margin:0; height: 100%; }
.point-list li .ibox a.imgL{float: left; width: 40%; margin-right: 15px;}
.point-list li .ibox .ibox-r{ height: 100%; overflow: hidden; }
.point-list li h2{ padding: 0; min-height: 48px; line-height: 24px; text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;}
.point-list li h2 a{font-size: 14px;color:#efb272; font-weight: normal;line-height:1.5;}
.tag{ padding-top: 6px; }
.tag a{ display: inline-block; padding: 1px 10px; font-size: 12px;}
.tag a:nth-child(n+3){display: none;}

.page-n{display: flex; padding: 15px 0 30px;}
.page-n a{ display: inline-block; width: 16%; margin: 0 5px; padding: 7px 0px; font-size: 12px; border: solid 1px #efb272; border-radius: 48px; transition: all .3s;}
.news-detail{padding: 16px 0 30px 0;}
.news-detail .head-meta{ padding-bottom: 10px; }
.news-detail h2.titd{font-size:20px; line-height: 24px; padding-bottom: 5px; }
.news-detail .news-meta span{ font-size: 12px; }
.detail-arc{ padding-top: 15px; font-size: 14px; line-height: 24px; }

.d-video2{ position: relative; height: 194px; margin-top: 15px; z-index: 0;}
.d-video2 video{height: 194px;}
.d-video2 b::after{background: url(/content/dam/gtja_v3/activity/i-play.png)no-repeat center center; background-size: 40px 40px;}
.scroll-body{margin-top: 15px; padding: 15px 8px;}
.scroll-body ul li{margin-left: 60px; font-size: 12px; line-height: 18px; border-left: solid 1px #efb272;}
.scroll-body ul li::after{left: -8px; width: 5px; height: 5px; border: solid 5px #11035e;}

.scroll-body ul li span.time{ width: 40px; height: 18px; line-height: 18px; padding-left: 4px; left: -52px;}
.moreVideo{padding-bottom: 30px; }
.mySwiper {margin-top: 15px;height: 140px;}
.mySwiper .swiper-slide{height: 110px;}
.mySwiper .swiper-pagination{bottom: 0; left: 0; right: 0; }
.mySwiper .swiper-slide a b{background: rgba(0, 0, 0, 0.4) url(/content/dam/gtja_v3/activity/i-play.png)no-repeat center center; background-size: 24px 24px;}

.bar-tit{ margin: 15px 0;}
.bar-tit h2,.bar-tit h3{ font-size: 14px;padding:7px 10px;}

.agen-list{padding-bottom: 15px;}
.agen-list li{ margin-left: 75px; padding-left: 15px; }
.agen-list li h3{ display: inline-block; margin-bottom: 10px; padding: 2px 5px; font-size: 14px;}
.agen-list li p.p-col{padding-bottom: 10px; display: flex; font-size: 14px; }
.agen-list li p.p-col.p-bottom{ padding-bottom: 10px; }
.agen-list li p.p-col:last-child{ padding-bottom: 20px; }
.agen-list li p.p-col.p-nobottom{ padding-bottom: 0; }

.agen-list li p.p-col span{ display: inline-block;}
span.c-name{ width: 75px; /*text-align: justify; text-align-last: justify;*/ margin-right: 10px;}
span.c-txt{ width: calc(100% - 75px); }
.agen-list li p.p-col b{display: block; width: 80px; left: -90px; font-size: 12px; font-weight: normal; white-space: nowrap;}
.agen-list li p.p-col b::after{ position: absolute; right: 2px; top: 5px; display: block; content: ""; width: 7px; height: 7px; }


.remarks{padding-bottom: 10px; font-size: 12px; line-height: 20px;}
.remarks p{ margin-bottom: 10px; }

.piclist{ padding: 15px 0 20px; }
.piclist ul{ margin: 0 -10px; }
.piclist li{ *width: 50%; margin-bottom: 10px; }
.piclist li a{ margin: 0 10px; }
.piclist li a span{ bottom: 40%; background:rgba(208,149,87,0.9); font-size: 10px; padding: 1px 8px; color: #fff; border-radius: 24px;margin-left:-5px; }
.piclist li a p{font-size: 14px; margin-top: 5px; color: #d09557; white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.pc-mask,.pc-gallery{display: none;}
.m-gallery{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #121212; z-index: 99;}
.m-gallery .swiper-container {
  width: 100%; position: relative;
  height: 100%;
}
.m-gallery .swiper-container .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.m-gallery .swiper-container .swiper-slide img{ max-width: 100%; max-height: 100%; }
.m-gallery .swiper-container .swiper-pagination{ text-align: left; box-sizing: border-box; padding: 0 16px; bottom: 20px; font-size: 12px; color: #efb272; }
.m-gallery .swiper-container .swiper-pagination .swiper-pagination-current{ font-size: 16px;}
.m-gallery-head{ position: fixed; top: 16px; left: 0; right: 0; color: #fff; z-index: 20;}
.m-gallery-head h2{ font-size: 16px; text-align: center; color: #efb272; }
a.close-l{ display: block; position: absolute; left: 16px; width: 16px; height: 16px; }
.m-gallery-foot{position: fixed; bottom: 20px; left: 65px; right: 16px; color: #d09557; z-index: 20;}
.m-gallery-foot p{ font-size: 12px; line-height: 20px; color: #d09557; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.m-gallery .swiper-container video{ width: 100%; height: 194px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -97px;}

/**增加板块**/
.lights-con,.person-con{ padding-bottom: 20px; }
.pinfo.mat{ padding-bottom: 0; }
p.big-info{ padding-top: 20px; font-size: 16px; line-height: 28px; text-align: center; }
.pc-yuan,.per-wrap{display: none;}
.m-yuan{display: block; margin: 0 -15px;}
.wrap2{width:100%;min-width: 100%; margin: 0 auto;}
.meet-ul{ padding: 0 15px; }
.meet-ul li{ height: 20px; margin-bottom: 15px; }
.meet-ul li span{ height: 20px;font-size: 14px;}
.meet-ul li span.txt-tag{width: 80px; text-align: center; font-weight: bold; color: #11035e; background: url(/content/dam/gtja_v3/activity/txt_bg.png)no-repeat center center; background-size: 100% 100%;}
.meet-ul li span.txt-title{ margin-left: 5px; color: #efb272; white-space: nowrap; text-overflow: ellipsis;
overflow: hidden;word-break: break-all;}
.meet-ul ul.one,.meet-ul ul.two,.meet-ul ul.three{ width: 100%; }
.pit3{padding: 20px 0;font-size: 16px;  }
.per-ul li.pure-u-1-5{ width: 50%; }
.per-ul li .item-ibox{ padding: 0 2px; }
.per-ul li{ font-size: 10px; margin-bottom: 15px;}
.per-ul li img{ width: 60%; }
.per-ul li .zhic p{ white-space: nowrap; transform: scale(.9); }
.per-ul li strong{ padding: 5px; font-size: 14px; }
.per-ul li.m-per{display: block;}

.footer{ padding: 30px 15px 20px 15px; }
.friend{ font-size: 12px; padding-bottom: 10px;}
.friend li{ margin-right: 15px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.friend li+li{ margin-top: 10px; }
.friend li span{ display: inline-block; padding: 0 5px; margin-right: 5px; border-radius: 2px; }
.friend li a{color: rgba(208,149,87,1); margin-right: 5px;}
.copy-r{ font-size: 12px; padding-top: 10px; }

#centertitle img { width: 30%; }

.mySwiper .swiper-slide a span.video-txt { 
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #2308b7;
    padding-top: 5px;
}