html,body{margin: 0;padding: 0;font-size: 0;font-family: "PingFang SC",'Microsoft YaHei';min-width: 1200px;}
body{background-image: url(../images/bg-pc.jpg);background-size: cover;}

.top-bar{width: 1200px;margin: 0 auto;}
.top-bar-logo{height: 52px;margin-top: 24px;}
.top-bar-btn{height: 40px;float: right;margin-top: 30px;width: 96px;text-align: center;font-size: 14px;color: #FFFFFF;line-height: 40px;background: linear-gradient(225deg, #FF2121 0%, #FF28A2 100%);border-radius: 10px;text-decoration: none;}

/* hr_add */
.top-bar-menu{width: 26px;float: right;margin-top: 10px;}
.menu-con{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8);z-index: 9;display: none;}
.menu-cross{position: absolute;width: 26px;height: 26px;right: 20px;top: 10px;}
.menu-item{color: #fff;font-size: 20px;display: block;padding: 0 20px;height: 56px;line-height: 56px;text-decoration: none;}
/* hr_edd */

.main{width: 1200px;margin: 0 auto;padding-top: 140px;position: relative;margin-bottom: 130px;}
.main-img-1{width: 646px;}
.main-img-2{width: 477px;float: right;}

.btn-pc-1{width: 180px;margin-top: 104px;display: block;}
.btn-pc-2{width: 180px;margin-top: 24px;display: block;}
.btn-pc-3{width: 180px;margin-top: 24px;display: block;}

.main-img-code{position: absolute;width: 210px;top: 564px;left: 212px;}
.footer{width: 1200px;margin: 0 auto;padding-bottom: 60px;font-size: 13px;color: rgba(255,255,255,0.4);margin-top: 110px;}
.footer-btn{color: rgba(255,255,255,0.4);margin-left: 32px;}
.footer-right{float: right;background-image: url(../images/right.png);background-repeat: no-repeat;background-position: top 6px right 2px;background-size: 10px 10px;padding-right: 15px;color: rgba(255,255,255,0.8);}
.footer-mail{color: rgba(255,255,255,0.8);}

.content-con{width: 1200px;margin: 0 auto;padding: 40px 30px;background-color: rgba(255,255,255,0.1);margin-top: 64px;border-radius: 16px;backdrop-filter: blur(10px);height: 822px;margin-bottom: 40px;}
.content{padding: 0 30px;overflow: auto;height: 100%;}
.content p{font-size: 13px;color: rgba(255,255,255,0.8);}
.content .content-title{color: #FFFFFF;font-size: 28px;line-height: 40px;font-weight: bold;}
.content-right{font-size: 13px;float: right;font-weight: normal;}
.content-date{margin-left: 24px;color: rgba(255,255,255,0.5);}

table,tr,th,td{border: 1px solid black;padding: 5px;word-break: break-all;border-collapse: collapse;font-size: 13px;color: #fff;}

::-webkit-scrollbar-track-piece {background-color: #545154;border-radius: 4px; }
::-webkit-scrollbar {width: 8px;height: 4px; }
::-webkit-scrollbar-thumb {background-color: #fff;background-clip: padding-box;min-height: 28px;border-radius: 4px; }

.top-menu{float: right;padding: 35px;}
.top-menu a{font-size: 20px;color: #ccc;text-decoration: none;margin: 0 30px;}
.top-menu a.active{color: #FF278A;}

/* .banner{width: 1200px;margin: 0 auto;padding-top: 60px;position: relative;} */
.banner{width: 1200px;margin: 0 auto; position: relative;white-space: nowrap;overflow: auto;}
.banner-item{width: 380px;height: 380px;display: inline-block;margin-left: 30px;border-radius: 12px;overflow: hidden;position: relative;}
.banner-item:first-child{margin-left: 0px;}
.banner-item-img{width: 100%;}
.banner-item-bottom{position: absolute;left: 0;bottom: 0;width: 100%;height: 96px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}
.banner-item-title{position: absolute;left: 20px;top: 30px;color: #fff;font-size: 20px;margin: 0;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner-item-subtitle{position: absolute;left: 20px;top: 58px;color: #fff;font-size: 13px;margin: 0;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner-item-right{position: absolute;right: 20px;top: 32px;width: 42px;height: 42px;background: #FF2D34;border-radius: 21px;}
.banner-item-logo{position: absolute;width: 18px;height: 18px;left: 13px;top: 12px;}

.list{width: 1200px;margin: 0 auto;padding-top: 60px;position: relative;}
.list-title{color: #fff;font-size: 24px;margin: 0;padding-left: 32px;background-image: url(../images/title-logo.png);background-repeat: no-repeat;background-size: 28px 28px;background-position: 2px 2px;}
.list-con{padding-top: 21px;width: 1215px;}
.list-item{width: 187px;display: inline-block;margin-right: 15px;text-decoration: none;padding-bottom: 40px;}
.list-item-img{width: 100%;border-radius: 8px;}
.list-item-title{color: #fff;font-size: 14px;margin: 0;margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pager{text-align: center;}
.page-item{display: inline-block;height: 20px;line-height: 20px;min-width: 20px;padding: 2px;font-size: 14px;color: #ccc;text-decoration: none;vertical-align: top;margin: 7px;}
.page-item.active{background: #FF278A;border-radius: 4px;color: #fff;}
.page-item img{width: 20px;}

.tag-list{width: 1200px;margin: 0 auto;margin-top: 60px;position: relative;padding: 20px 28px;background: #1C1018;padding-right: 0;padding-top: 0;border-radius: 12px;}
.tag-item{height: 28px;line-height: 28px;min-width: 80px;padding: 0 2px;border: 1px solid #666666;border-radius: 14px;font-size: 14px;color: #666666;display: inline-block;text-decoration: none;text-align: center;margin-right: 22px;margin-top: 20px;}
.tag-item.active{background: #FF278A;border: 1px solid #FF278A;color: #fff;}

.nav{width: 1200px;margin: 0 auto;padding-top: 60px;position: relative;}
.nav-title{font-size: 16px;color: #CCCCCC;}

.detail-main{width: 960px;margin: 0 auto;position: relative;margin-top: 20px;padding: 28px 120px;border-radius: 8px;background-image: url(../images/detail-bg.png);background-size: 100% 100%;}
.detail-main-img{display: inline-block;width: 170px;height: 170px;border-radius: 8px;}
.detail-main-right{display: inline-block;height: 170px;margin-left: 20px;width: 750px;vertical-align: top;}
.detail-main-title{color: #fff;font-size: 24px;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-main-subtitle{color: #fff;font-size: 14px;margin: 0;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-main-btn-con{margin-top: 30px;}
.detail-main-btn-1{height: 48px;width: 170px;text-align: center;background: linear-gradient( 225deg, #FF2121 0%, #FF28A2 100%);border-radius: 24px;display: inline-block;color: #fff;font-size: 14px;line-height: 48px;text-decoration: none;}
.detail-main-btn-1 img{width: 10px;margin-right: 5px;}
.detail-main-btn-2{height: 46px;width: 96px;text-align: center;border-radius: 24px;display: inline-block;color: #fff;font-size: 14px;line-height: 46px;text-decoration: none;border: 1px solid #fff;margin-left: 16px;}
.detail-main-bottom{margin-top: 12px;color: #fff;font-size: 14px;}
.detail-main-introduction{margin-top: 27px;color: #999;font-size: 13px;margin-bottom: 0;}


.more{float: right;font-size: 14px;color: #bbb;text-decoration: none;margin-top: 7px;}
.more-logo{width: 16px;vertical-align: top;margin-top: 2px;}



.main-404-img{margin-left: 26.5%; width: 37%;margin-top: 10%;}
.main-404-subtitle{color: #999;font-size: 18px;margin: 0;margin-top: 10px;margin-right:11%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.main-404-btn-1{height: 48px;width: 170px;text-align: center;background: linear-gradient( 225deg, #FF2121 0%, #FF28A2 100%);border-radius: 24px;display: inline-block;color: #fff;font-size: 14px;line-height: 48px;text-decoration: none;margin-left: 37%;margin-top: 28px;margin-bottom: 110px;}

.menu-tip{
    width: 340px;
    height: 433px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .menu-tip .pc-detail{
    width: 100%;
    height: 100%;
  }
.main-img{display: block;width: 80%;border-radius: 12px;margin: 0 auto;}
.main-subtitle{color: #999;font-size: 14px;margin: 0;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.main-btn-1{height: 46px;width: 165px;text-align: center;background: linear-gradient( 225deg, #FF2121 0%, #FF28A2 100%);border-radius: 24px;display: inline-block;color: #fff;font-size: 14px;line-height: 48px;text-decoration: none;margin-top: 5px;position: absolute;top: 76%;right: 25%;
}
.menu-pop{position: relative;width: 100%;height: 100%;}

.swiper .swiper-pagination-bullet{
  background: white;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 30px)!important;
  left: auto }

.btn-font{font-size: 14px;color: #fff;width: 156px;position: absolute;top: 90%;right: 26%;}