html{
background: #000000;
}
body{
margin: 0px;
scroll-behavior: smooth;
}
li{
list-style-type: none;
}
a{
text-decoration: none; /* 去除默认的下划线 */
color: #000; /* 去除默认的颜色和点击后变化的颜色 */
}
.menu ul li a{
color: #ffffff;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 24px;
}
.menu ul li a:hover{
color: #C32150;
cursor: pointer;
}
.menu ul li.choose a{
color: #C32150;
}
.menu ul li.choose a:hover{
color: #C32150;
}
@media screen and (min-width: 280px) {
html{
min-width: 1440px;
}
header{
position: fixed;
top: 0;
left: 0;
width:100%;
min-width: 100%;
height: 128px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 999;
background-color: #000000;
}
.slogan{
display: flex;
align-items: center;
justify-content: space-between;
}
.slogan img{
height: 78px;
}
.menu{
/* margin-left: 96px; */
}
.menu ul{
display: flex;
align-items: center;
margin:0;
padding:0;
font-size: 24px;
}
.menu ul li{
margin-left:100px;
}
section{
margin-top: 76px;
}
.banner{
width: 100%;
height: calc(100vh - 128px);
margin-top: 128px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.banner video{
width: auto;
min-width: 100%;
min-height: 100%;
z-index:9;
}
.banner .img-box{
width: 100%;
height: 100%;
opacity: 0.6;
z-index:999;
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.banner img{
width: 937px;
height: 263px;
}
.data-box{
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
height:240px;
position: relative;
}
.data-box::after,.sport-box::after{
width: 100%;
height: 1px;
content: '';
background: #2F2F2F;
position: absolute;
bottom: 0;
}
.data-box .data-li{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.data-box .data-li img{
height:51px;
}
.data-box .data-li p{
height: 19px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #ADADAD;
margin-top:7px;
}
.line-box{
width: 1px;
height: 68px;
background: #535353;
}
.sport-box{
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
height:240px;
position: relative;
}
.sport-box .sport-li{
display: flex;
align-items: center;
justify-content: space-between;
}
.sport-box .sport-li img{
/* width: 76px; */
height: 76px;
}
.sport-box .sport-li p{
display: none;
}
.sport-box .sport-li p span{
font-family: Microsoft YaHei;
color: #FFFFFF;
text-align: left;
display: block;
}
.sport-box .sport-li p span:nth-child(1){
height: 39px;
font-weight: bold;
font-size: 40px;
}
.sport-box .sport-li p span:nth-child(2){
height: 20px;
font-weight: 400;
font-size: 24px;
}
.service-box{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: #000000;
padding:125px 0;
}
.service-box .product-box{
display: flex;
flex-direction: column;
justify-content: right;
align-items: flex-end;
}
.service-box .product-box .product-text{
background: #0D0408;
border: 2px solid #C32150;
padding:10px;
width: auto;
height: auto;
}
.service-box .product-box .product-text p{
height: 23px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 24px;
color: #C32150;
margin-top: 18px;
margin-bottom: 10px;
}
.service-box .product-box .product-text span{
height: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 24px;
}
.service-box .product-box img{
width: 700px;
}
.desc-box{
text-align: left;
margin-top: 86px;
margin-left: 105px;
}
.desc-box h3{
height: 22px;
font-family: Bahnschrift;
font-weight: 400;
font-size: 30px;
color: #C32150;
line-height: 66px;
}
.desc-box h1{
margin-top: 26px;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
line-height: 66px;
}
.desc-box .desc-list{
margin-top: 49px;
}
.desc-box .desc-list li{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 24px;
}
.desc-box .desc-list li img{
width: 58px;
height: 58px;
border: 1px solid #C32150;
margin-right: 16px;
}
.desc-box .desc-list li p{
font-family: Microsoft YaHei;
}
.desc-box .desc-list li p span{
display: block;
}
.desc-box .desc-list li p span:nth-child(1){
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
}
.desc-box .desc-list li p span:nth-child(2){
font-weight: 400;
font-size: 18px;
color: #BEBEBE;
}
.tit-box{
text-align: center;
}
.tit-box h1{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
margin: 0;
}
.tit-box h3{
font-family: Bahnschrift;
font-weight: 400;
font-size: 24px;
color: #C32150;
margin: 0;
margin-top: 14px;
}
.cusomer-box{
padding:170px 0 180px 0;
}
.cusomer-box .customer-list{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
margin-top: 184px;
}
.cusomer-box .customer-list li{
width: 360px;
height: 322px;
background: #000000;
padding: 0 25px;
}
.cusomer-box .customer-list li img{
height:76px;
margin-left: 26px;
margin-top: 23px;
}
.cusomer-box .customer-list li .customer-name{
margin-top: 6px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.cusomer-box .customer-list li .customer-name p{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 30px;
color: #FFFFFF;
line-height: 30px;
margin: 0;
}
.cusomer-box .customer-list li .customer-name span{
font-family: Bahnschrift;
font-weight: normal;
font-size: 20px;
color: #FFFFFF;
line-height: 20px;
margin-left: 6px;
}
li .desc-zh{
margin-top: 25px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #C32150;
}
li .desc-cn{
margin-top: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #ACB7BF;
}
.swiper-container {
width: 1300px;
height: 320px;
margin: 0 auto;
overflow: hidden;
}
.swiper-slide {
height: 320px;
border-radius: 40px;
overflow: hidden;
}
.swiper-slide video{
width:100%;
height:100%;
border-radius: 40px;
overflow: hidden;
}
.swiper-slide-active{
}
.support-box{
padding:91px 0;
}
.support-box .support-list{
margin: 0 auto;
overflow: hidden;
}
.plan-box{
}
.plan-box .plan-list{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
margin-top: 144px;
}
.plan-box .plan-list li{
padding:0 25px;
width: 360px;
height: 332px;
background: #000000;
border: 2px solid #C32150;
}
.plan-box .plan-list li h3{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 30px;
color: #FFFFFF;
line-height: 28px;
margin:0;
margin-top: 29px;
text-align: center;
}
.plan-box .plan-list li h4{
font-family: Bahnschrift;
font-weight: normal;
font-size: 20px;
color: #FFFFFF;
line-height: 20px;
margin:0;
margin-top: 8px;
text-align: center;
}
.plan-box .plan-list .img-box{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 45px;
margin-top: 17px;
}
.plan-box .plan-list .img-box img{
height:88px;
}
.plan-box .plan-list .img-box img:nth-child(2){
height: 26px;
}
.footer-box{
width: 100%;
padding-top: 86px;
}
.footer-box .linkage-box{
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-box .linkage-box .search-box{
width: 500px;
}
.footer-box .linkage-box .search-box img:first-child{
height: 82px;
}
.footer-box .linkage-box .search-box p{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #ACB7BF;
margin-top: 30px;
margin-bottom: 24px;
}
.footer-box .linkage-box .search-box img:last-child{
height: 54px;
}
.footer-box .linkage-box .qr-list{
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-box .linkage-box .qr-list li{
margin-left: 45px;
}
.footer-box .linkage-box .qr-list li h3{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
margin:0;
text-align: center;
}
.footer-box .linkage-box .qr-list li img{
width: 156px;
height: 156px;
margin-top: 13px;
}
.footer-box .copyright{
padding-top: 97px;
padding-bottom: 50px;
}
.footer-box .copyright p{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #D8D8D8;
text-align: center;
margin: 0;
}
/***********part***********************************8**/
.part-banner{
width: 100%;
min-height: calc(100vh - 128px - 135px - 117px);
margin:0 auto;
text-align: center;
margin-top: 128px;
padding:135px 0 117px;
}
.part-banner .tit-list{
display: flex;
align-items: center;
justify-content: center;
}
.tit-box2{
margin-right: 70px;
}
.tit-box2 h1{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 86px;
color: #FFFFFF;
margin:0;
}
.tit-box2 p{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 44px;
color: #FFFFFF;
margin:0;
}
.part-banner img{
height:500px;
margin:70px 0 ;
}
.desc-p{
height: 48px;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 48px;
color: #FFFEFE;
margin: 0;
text-align: center;
}
.part-box1{
min-height: calc(100vh - 95px - 113px);
padding:95px 0 113px 0;
}
.part-box1 ul{
margin:0;
padding:0;
margin-top: 118px;
margin-bottom: 115px;
display: flex;
align-items: center;
justify-content: space-between;
}
.part-box1 ul li{
width: 336px;
height: 336px;
background: #000000;
border-radius: 50%;
border: 2px solid #C32150;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.part-box1 ul li dd{
font-weight: bold;
font-size: 60px;
color: #C32150;
margin: 0;
}
.part-box1 ul li span:nth-child(2){
font-weight: 400;
font-size: 30px;
color: #FFFFFF;
margin:8px 0 28px 0;
}
.part-box1 ul li span:nth-child(3){
font-weight: 400;
font-size: 38px;
color: #FFFFFF;
}
.part-box2{
width: 100%;
min-height: calc(100vh - 120px - 156px);
padding:120px 0 156px 0;
}
.part-box2 ul{
display: flex;
align-items: center;
justify-content: space-between;
margin:113px 0 134px 0;
padding: 0;
}
.part-box2 ul li{
width: 22%;
height: 282px;
background: #000000;
border: 2px solid #C32150;
text-align: center;
}
.part-box2 ul li img{
max-height: 120px;
max-width: 200px;
margin-top: 43px;
}
.part-box2 ul li p{
margin-top:26px;
margin-bottom: 8px;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 30px;
color: #FFFFFF;
line-height: 30px;
}
.part-box2 ul li span{
font-family: Bahnschrift;
font-weight: normal;
font-size: 20px;
color: #FFFFFF;
line-height: 20px;
display: block;
}
.part-box3{
height: calc(100vh - 135px);
}
.part-area-box{
display: flex;
align-items: center;
justify-content: center;
}
.part-area-box .area-1 img{
width: 715px;
height: 584px;
}
.part-area-box .area-2{
margin-left: 126px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.part-area-box .area-2 img{
width: 318px;
height: 98px;
margin-bottom: 20px;
}
/******************about**********************/
.about-banner{
width: 100%;
height: calc(100vh - 76px);
background-image: url(../images/about_slices/banner-关于比赛派@2x.png);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.about-banner div{
width:960px;
margin:0 auto;
}
.about-banner div h1{
font-size: 120px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 120px;
margin: 162px 0 0 0;
}
.about-banner div p{
font-size: 60px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 60px;
margin-top:30px;
margin-bottom: 0px;
}
.about-banner div dd{
font-size: 36px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 36px;
margin-top:30px;
margin-left: 0;;
}
.about-box1{
padding: 60px 0 60px 0;
height: calc(100vh - 76px - 120px);
}
.about-box1 h1::after{
display: none;
}
.about-box1 p{
margin: 30px 0 50px 0;
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.about-box1 ul{
margin:0;
padding:0;
width: fit-content;
margin: 0 auto;
}
.about-box1 ul li{
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: left;
}
.about-box1 ul li .about-type{
display: flex;
align-items: center;
justify-content: left;
padding:24px 0 24px 60px;
width: 222px;
background: #EB383D;
border-radius: 4px;
}
.about-box1 ul li .about-type img{
width:40px;
height:40px;
}
.about-box1 ul li .about-type p{
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 30px;
padding: 0;
margin: 0 0 0 24px;
}
.about-box1 ul li .about-type-list{
margin-left:20px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.about-box1 ul li .about-type-list img{
margin-left:60px;
width:80px;
height:80px;
}
.about-box2{
height: calc(100vh - 76px - 280px);
background-image: url(../images/纹理@2x.png);
background-color: #EB383D;
background-size: cover;
padding-top: 280px;
}
.about-box2 dd{
font-size: 60px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 60px;
margin-bottom: 40px;
text-align: center;
}
}
/*
@media screen and (min-width: 980px) {
header{
position: fixed;
top: 0;
left: 0;
width:100%;
background: #FFFFFF;
z-index: 999;
}
.slogan{
width:100%;
height: 0.9rem;
display: flex;
align-items: center;
justify-content: center;
}
.slogan img{
height: 0.34rem;
}
.slogan h3{
font-size: 0.24rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 0.24rem;
margin-left: 0.2rem;
}
.menu{
width:100%;
height: 0.9rem;
}
.menu ul{
display: flex;
margin: 0;
padding: 0;
height: 100%;
}
.menu ul li{
width: 33.33%;
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
}
.menu ul li.choose{
background: #EB383D;
}
.menu ul li p{
font-size: 0.28rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #8E8E8E;
line-height: 0.28rem;
}
.menu ul li.choose p{
font-weight: 500;
color: #FFFFFF;
}
section{
margin-top: 1.8rem;
}
.banner{
width: 7.5rem;
height: 3.12rem;
background-image: url(../images/banner-拍摄预约@2x.png);
display: flex;
align-items: center;
justify-content: center;
}
.banner div{
}
.banner h1{
font-size: 0.68rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 0.68rem;
text-align: center;
}
.banner p{
font-size: 0.28rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.28rem;
margin-top: 0.1rem;
text-align: center;
}
.index-box{
width: 100%;
}
.index-box h1{
font-size: 0.46rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #EB383D;
line-height: 0.46rem;
position: relative;
text-align: center;
}
.index-box p{
font-size: 0.3rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #EB383D;
line-height: 0.3rem;
position: relative;
text-align: center;
}
.index-box h1::after{
position: absolute;
content: "";
left: calc(50% - 0.5rem);
top: 0.7rem;
width: 1rem;
height: 0.06rem;
background: #EB383D;
border-radius: 0.05rem;
}
.index-box1{
margin-bottom: 0.8rem;
}
.index-box1 ul{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 0.18rem;
margin-top: 0.8rem;
padding:0;
}
.index-box1 ul li{
width: 3.2rem;
height: 1.9rem;
background: #FFFFFF;
border-radius: 0.04rem;
border: 0.02rem solid rgba(235, 56, 61, 0.1);
margin-left: 0.3rem;
margin-bottom: 0.2rem;
}
.index-box1 ul li div{
margin: 0.08rem;
border-radius: 0.04rem;
border: 0.02rem solid #EB383D;
padding-top: 0.32rem;
}
.index-box1 ul li:nth-child(2n+1){
margin-left: 0;
}
.index-box1 ul li img{
width: 0.6rem;
height:0.6rem;
display: block;
margin: 0 auto;
}
.index-box1 ul li p{
text-align: center;
}
.index-box1 h1{
margin-top: 0.8rem;
}
.index-box1 p{
margin-top: 0.2rem;
}
.index-box2{
background-image: url(../images/纹理@2x.png);
background-color: #EB383D;
background-size:cover;
background-position: center;
padding: 1rem 0;
}
.index-box2 h1{
color: #FFFFFF;
}
.index-box2 h1::after{
background: #ffffff;
}
.index-box2 ul{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
}
.index-box2 ul li{
width: 5.76rem;
height: 3.24rem;
border-radius: 0.04rem;
border: 1px solid #231A1A;
margin-bottom: 0.5rem;
}
.index-box2 ul li:nth-child(2n+1){
margin-left: 0;
}
.index-box2 ul li video{
width:100%;
height: 100%;
}
.index-box3{
background: url(../images/底部@2x.png) no-repeat bottom;
background-size: 100% 1.8rem;
padding: 1rem 0 0.8rem 0;
}
.index-box3 h1{
}
.index-box3 ul{
padding-left: 0px;
margin-bottom: 0;;
}
.index-box3 ul li{
text-align: center;
}
.index-box3 ul li img{
width: 1.6rem;
height:1.6rem;
display: block;
margin: 0 auto;
}
.index-box3 ul li p{
text-align: center;
margin-top:0.5rem;
position: relative;
padding-left: 0.4rem;
display: inline-block;
}
.index-box3 ul li p::before{
position: absolute;
content: "";
width:0.3rem;
height:0.3rem;
left:0;
background-image: url(../images/icon-支持@2x.png);
background-size:cover;
}
.index-box4{
height:4.86rem;
position: relative;
padding: 1.2rem 0 1.14rem 0;
}
.index-box4 .images{
width:100%;
height:100%;
background-image: url(../images/纹理@2x.png);
background-color: #EB383D;
background-size:cover;
position: absolute;
left:0;
top:0;
}
.index-box4 .images img{
display: block;
position: absolute;
}
.index-box4 .images img:nth-child(1){
width: 0.8rem;
height: 0.8rem;
left:0.6rem;
top:0.8rem;
}
.index-box4 .images img:nth-child(2){
width: 0.8rem;
height: 0.8rem;
right:0.4rem;
top:1rem;
}
.index-box4 .images img:nth-child(3){
width: 0.4rem;
height: 0.4rem;
left:0.2rem;
bottom:2.3rem;
}
.index-box4 .images img:nth-child(4){
width: 0.4rem;
height: 0.4rem;
right:0.2rem;
bottom: 1.3rem;
}
.index-box4 h3{
font-size: 0.36rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 0.36rem;
text-align: center;
position: absolute;
width: 100%;
top:1.2rem;
margin: 0;
}
.index-box4 div{
position: absolute;
width:5.8rem;
height:4rem;
margin: 0 auto;
text-align: center;
background-color: #ffffff;
left:calc(50% - 2.9rem);
top:2.06rem;
}
.index-box4 div span:nth-child(1){
display: block;
padding-top:0.8rem;
font-size: 0.36rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 0.36rem;
}
.index-box4 div span:nth-child(2){
display: block;
margin-top:0.3rem;
font-size: 0.24rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.index-box4 div span:nth-child(3){
display: block;
margin-top:0.5rem;
font-size: 1rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #EB383D;
line-height: 1rem;
}
.index-box5{
background: url(../images/底部@2x.png) no-repeat bottom;
background-size: 100% 1.8rem;
padding: 1rem 0 1rem 0;
}
.index-box5 h1::after{
display: none;
}
.index-box5 h4{
font-size: 0.24rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(235, 56, 61, 0.8);
line-height: 0.24rem;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
text-align: center;
}
.linktype{
width:fit-content;
height: 0.3rem;
display: inline-block;
background: #EB383D;
border-radius: 0.46rem;
padding:0.16rem 0.5rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.linktype img{
width:0.3rem;
height:0.3rem;
display: inline-block;
margin-right: 0.1rem;;
}
.linktype span{
font-size: 0.3rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.3rem;
}
.qrcode{
margin:0.46rem auto 0.3rem;
text-align: center;
}
.qrcode img{
width:2rem;
height:2rem;
}
.part-banner{
width: 100%;
height: 3.12rem;
background-image: url(../images/part_slices/banner-合伙人计划@2x.png);
background-size: cover;
background-position: center;
}
.part-banner div{
margin: 0 auto;
}
.part-banner h1{
font-size: 0.68rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 0.68rem;
text-align: center;
padding-top: 0.3rem;
margin-bottom: 0;
margin-top: 0;
}
.part-banner p{
font-size: 0.28rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.28rem;
margin-top: 0.14rem;
margin-bottom: 0;
text-align: center;
}
.part-box1{
background: url(../images/底部@2x.png) no-repeat bottom;
background-size: 100% 1.8rem;
padding-bottom: 1rem;
}
.part-box1 ul{
margin:0;
padding:0;
}
.part-box1 ul li{
margin:1rem auto 0px;
width:4.8rem;
height:4.92rem;
background-size: cover;
position: relative;
}
.part-box1 ul li:nth-child(1){
background-image: url(../images/part_slices/设备图@2x.png);
}
.part-box1 ul li:nth-child(2){
background-image: url(../images/part_slices/算法图@2x.png);
}
.part-box1 ul li img{
width: 1.2rem;
height:1.2rem;
position: absolute;
top: -0.6rem;
left:1.8rem;
}
.part-box1 ul li dd{
font-size: 0.36rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #EB383D;
line-height: 0.36rem;
text-align: center;
padding-top: 0.9rem;
margin-bottom: 0.6rem;
margin-left: 0;
margin-bottom: 0.6rem;
}
.part-box1 ul li span{
padding:0.16rem 0.5rem;
background: #EB383D;
border-radius: 0.35rem;
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: 0.3rem;
font-size: 0.3rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 0.3rem;
}
.part-box2{
width: 100%;
padding:1rem 0 0.5rem 0;
background-image: url(../images/纹理@2x.png);
background-color: #EB383D;
background-size: cover;
background-position: center;
}
.part-box2 h1{
color: #fff;
margin-bottom:1rem;
margin-top: 0;
}
.part-box2 h1::after{
background-color: #fff;
}
.part-box2 ul{
margin: 0;
padding: 0;
}
.part-box2 ul li{
width: 4.8rem;
height: 2.88rem;
background: #FFFFFF;
box-shadow: 0px 0px 0.06rem 0px rgba(255,255,255,0.24);
border-radius: 0.04rem;
margin:0 auto 0.5rem;
}
.part-box2 ul li div{
width: 4.6rem;
height: 2.68rem;
box-shadow: 0px 0px 0.06rem 0px rgba(255,255,255,0.24);
border-radius: 0.04rem;
border: 0.02rem solid rgba(235,56,61,0.3);
margin:0.1rem;
display: flex;
align-items: center;
justify-content: center;
}
.part-box2 ul li div span{
font-size: 0.6rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #EB383D;
line-height: 0.6rem;
}
/******************about**********************/
.about-banner{
width: 100%;
height: 3.12rem;
background-image: url(../images/about_slices/banner-关于比赛派@2x.png);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.about-banner div{
width:6.16rem;
margin:0 auto;
}
.about-banner div h1{
font-size: 0.68rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 0.68rem;
margin: 0.74rem 0 0 0;
}
.about-banner div p{
font-size: 0.4rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.4rem;
margin-top:0.14rem;
margin-bottom: 0px;
}
.about-banner div dd{
font-size: 0.28rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.28rem;
margin-top:0.14rem;
margin-left: 0;;
}
.about-box1{
padding: 0.8rem 0;
}
.about-box1 h1::after{
display: none;
}
.about-box1 p{
margin: 0.3rem 0 0.5rem 0;
font-size: 0.28rem;
line-height: 0.42rem;
font-weight: 400;
}
.about-box1 ul{
margin:0;
padding:0;
width: fit-content;
margin: 0 auto;
}
.about-box1 ul li{
margin-bottom: 0.5rem;
}
.about-box1 ul li .about-type{
display: flex;
align-items: center;
justify-content: left;
padding:0.24rem 0 0.24rem 0.6rem;
width: 2.22rem;
background: #EB383D;
border-radius: 0.04rem;
margin: 0 auto;
}
.about-box1 ul li .about-type img{
width:0.48rem;
height:0.48rem;
}
.about-box1 ul li .about-type p{
font-size: 0.3rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.3rem;
padding: 0;
margin: 0 0 0 0.24rem;
}
.about-box1 ul li .about-type-list{
margin-top:0.3rem;
display: flex;
align-items: center;
justify-content: flex-start;
}
.about-box1 ul li .about-type-list img{
margin:0 0.3rem;
width:0.8rem;
height:0.8rem;
}
.about-box2{
background-image: url(../images/纹理@2x.png);
background-color: #EB383D;
background-size: cover;
padding: 1.3rem 0 1rem 0;
}
.about-box2 dd{
font-size: 0.46rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 0.46rem;
margin-bottom: 0.2rem;
text-align: center;
margin-left: 0;
}
.link-box{
background-color: #ffffff;
}
.link-box p{
font-family: PingFang SC;
font-weight: 500;
font-size: 0.56rem;
color: #C32150;
line-height: 0.6rem;
}
.link-box h3{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 0.6rem;
color: #C32150;
line-height: 0.6rem;
}
*/}