.hd-index { position: fixed; bottom: 0; left: 0; width: 100%; height: 195px; z-index: 2; }

.hd-index .close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 30px; height: 30px; right: 30px; top: 10px; text-align: center; line-height: 30px; border-radius: 50%; }

.hd-index .close .iconfont { color: #fff; font-size: 14px; }

.hd-index-content { display: block; position: relative; width: 100%; height: 195px; background-image: url(//static.photophoto.cn/web/online/imgs/huodong/2022/summer/index-banner.png); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; text-align: center; }

@media screen and (min-width: 1920px) { .hd-index-content { background-size: 100% 100%; } }

.hd-index-content .hd-index-main { position: absolute; bottom: 0; left: 50%; margin-left: -290px; }

.hd-index-main { animation: nzsd 1.5s ease-in-out infinite; -webkit-animation: nzsd 1.5s ease-in-out infinite; -moz-animation: nzsd 1.5s ease-in-out infinite; -ms-animation: nzsd 1.5s ease-in-out infinite; }

@keyframes nzsd { 0% {
    transform: scale(1); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }

#hd-main .pop-b { width: 602px; height: 436px; margin-left: -302px; margin-top: -219px; background-image: url("//static.photophoto.cn/web/online/imgs/huodong/2023/summer/pop-index.png"); background-repeat: no-repeat; background-size: 100% 100%; }

#hd-main .pop-b .close { position: absolute; width: 30px; height: 30px; background: transparent; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: -40px; }

#hd-main .pop-b .btn { position: absolute; left: 156px; bottom: 20px; }

.hd-small { position: fixed; top: 250px; right: 20px; z-index: 20; }

.hd-small .close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 20px; right: -5px; top: -20px; text-align: center; line-height: 20px; border-radius: 50%; }

.hd-small .close .iconfont { color: #fff; font-size: 12px; }

.hd-detail { display: none; position: relative; width: 1200px; margin: 20px auto; }

@media screen and (max-width: 1280px) { .hd-detail { width: 1002px; } }

.hd-detail img { width: 100%; }

.hd-detail .close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 20px; right: 10px; top: 10px; text-align: center; line-height: 20px; border-radius: 50%; }

.hd-detail .close .iconfont { color: #fff; font-size: 12px; }

.hd-list { display: none; position: relative; width: 1258px; margin: 0 auto; }

.hd-list img { width: 100%; }

.hd-list .close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 20px; right: 10px; top: 10px; text-align: center; line-height: 20px; border-radius: 50%; }

.hd-list .close .iconfont { color: #fff; font-size: 12px; }

.hd-xiazai { position: fixed; bottom: 0; text-align: center; width: 876px; left: 50%; margin-left: -438px; }

.hd-xiazai img { width: 100%; }

.hd-xiazai .close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 30px; height: 30px; right: -25px; top: 0; text-align: center; line-height: 30px; border-radius: 50%; }

.hd-xiazai .close .iconfont { color: #fff; font-size: 14px; }

.hd-xiazai-normal { width: 1258px; display: block; margin: 20px auto; }

@media screen and (max-width: 1280px) { .hd-xiazai-normal { width: 1002px; } }

#ptcg-pop .content { position: absolute; left: 50%; top: 50%; width: 394px; height: 388px; box-sizing: border-box; margin-left: -197px; margin-top: -244px; padding-top: 200px; background-image: url(//static.photophoto.cn/huodong/tuangou/ptcg.png); }

#ptcg-pop .content .text { text-align: center; padding: 0 20px; font-size: 14px; margin-top: 12px; }

#ptcg-pop .content .text span { color: #e02e2e; font-weight: 700; font-size: 16px; }

#ptcg-pop .content .close { display: block; width: 118px; height: 36px; background: #ff473a; border-radius: 18px; color: #fff; margin: 20px auto; text-align: center; line-height: 36px; }

#ptcg-pop .content .close:hover { cursor: pointer; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
/*# sourceMappingURL=huodong.min.css.map */