.logo-box img{
    width: 72px;
    height: 60px;
}
@font-face{
    font-family: "851马克笔手写体";
    src: url('../fonts/851马克笔手写体.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "SourceHanSans-Medium";
    /* src: url('${resource}/static/fonts/SourceHanSans-Medium.otf'); */
    font-weight: normal;
    font-style: normal;
}
.font-markers{
    font-family: "851马克笔手写体";
}
.font-source{
    font-family: 'SourceHanSans-Medium';
}
.city-text{
    width: 150px;
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text{
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-w-text{
    font-size: 4rem!important;
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.source-title-margin{
    margin-bottom: 72px;
}

.signup-left, .signup-right{
    color: #fff;
}
.signup-right a,
.contact-us a{
    color: #fff;
}
.signup-right a:hover,
.contact-us a:hover{
    color: #fff;
}

.signup-left-content{
    list-style: none;
    font-size: 20px;
}
.signup-left-content li {
    display: flex;
    align-items: center;
}
.signup-left-content li .circle{
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1.33px solid rgba(255, 255, 255, 1);
    margin-right: 28px;
}
.signup-left-content li:nth-child(odd) .circle {
    background: rgba(252, 56, 255, 1);

}
.signup-left-content li:nth-child(even) .circle {
    background: rgba(94, 72, 250, 1);

}
/* .signup-left-content li .even{
    background: rgba(94, 72, 250, 1);
} */
.signup-left-content li span:nth-child(2){
    flex: 1;
    text-align: left;
}

.signup-right .btn{
    max-width: 464px;
    padding: 12px 21px;
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    margin-bottom: 61px;
    border: 0;
}
.signup-right .btn p{
    border: 1px solid #fff;
    font-size: 1.5rem;
    color: #fff;
    margin: 0;
    padding: 20px 32px;
    display: flex;
    justify-content: space-between;
}
.signup-right .btn p img{
    max-width: 41px;
}
.signup-right .btn p span{
    padding-right: 50px;
}

.qr-code-box{
    display: flex;
    flex-wrap: wrap;
}
.qr-code-box .qr-item{
    color: #fff;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 20px;
}
.qr-code-box .qr-item:nth-child(1){
    margin-right: 40px;
}
.qr-code-box .qr-item .qr-img{
    padding: 11px;
    background: linear-gradient(180deg, rgba(252, 76, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    margin-bottom: 21px;
}
.qr-code-box .qr-item .qr-img img{
    width: 160px;
    height: 160px;
}
.event-content h2{
    margin-bottom: 0;
}
.event-content .latest-updates{
    font-size: 1.5rem;
    padding-left: 160px;
}
.latest-updates-content{
    margin-bottom: 106px;
}
.lookMore-btn{
    width: 373px;
    height: 93px;
    line-height: 93px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    margin: 0 auto;
    cursor: pointer;
}
.lookMore-btn span{
    padding-right: 32px;
}

.lookMore-btn a{
    color: #fff;
    font-weight: 500;
}
.lookMore-btn a:hover{
    color: #fff;
}

.cooperation{
    position: relative;
    height: 100%;
    border: 10px solid #fff;
    box-sizing: border-box;
    border-image: linear-gradient(90deg, rgba(252, 77, 255, 1) 0%, rgba(93, 72, 250, 1) 100%) 2.67;
    color: #fff;
    /* padding: 46px 90px; */
    padding: 25px 15px 56px 58px;
}

.cooperation-title{
    font-size: 1.8rem;
    color: rgba(205, 0, 58, 1);
}
.cooperation-con{
    text-indent: 2em;
}
.tell-l{
    display: flex;
}
.tell-title{
    white-space: nowrap;
}
.contact-us{
    /* position: absolute; */
    /* right: 0; */
    /* width: 276px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    color: #fff; */
    cursor: pointer;
}
/* .contact-us span{
    padding-right: 30px;
} */
.cooperation-us{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-allPic{
    justify-content: center;
}

.video-content{
    width: 100%;
    height: 480px;
}
.video-content .image{
    width: 100%;
    height: 100%;
}
.text-pink{
    text-align: center;
}
.text-pink span{
    color: rgba(252, 56, 255, 1);
    padding-right: 10px;
}
.city-nav-content{
    margin-bottom: 80px;
}
.nav-content{
    margin-bottom: 5rem;
}
.nav-content .li{
    /* width: 136px;
    height: 72px; */
    /* padding: 5px 30px; */
    border-radius: 60px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    margin: 0 8px 8px 10px;
    cursor: pointer;
}
.nav-content .li:hover{
    color: rgb(252, 56, 255)!important;
    border-color: rgb(252, 56, 255)!important;
}
.li-active{
    color: rgb(252, 56, 255)!important;
    border-color: rgb(252, 56, 255)!important;
}
.me-5{
    margin: 0 1rem 1rem 1rem;
}
.contact-form .font-weight-bold{
    color: #fff;
}
.contact-form .btn-primary{
    background: linear-gradient(90deg, rgba(251, 0, 255, 1) 0%, rgba(93, 72, 250, 1) 100%);
    border: 0px solid transparent;
}

.contactInfo{
    display: flex;
}
.contactInfo a{
    color: rgb(8, 8, 8)!important;
}
.contactTitle{
    color: rgba(205, 0, 58, 1)!important;
    font-weight: bold;
}

.bmrk-left{
    padding: 0;
}

.bmrk-left .signup-left-title p{
    text-align: left;
    padding-left: 60px;
}

.footer-allPic a{
    background-color: transparent;
    margin: 0 10px;
}
.footer-allPic a:hover{
    cursor: default;
    background-color: transparent;
}
.site-block-27 ul li.active span{
    background: rgba(252, 56, 255, 1);
}
.site-block-27 ul a{
    color: rgba(252, 56, 255, 1);
}
a{
    color: rgba(252, 56, 255, 1);
}
li{
    list-style: none;
}

.singleInfo-container .row{
    flex-wrap: nowrap;
    color: #fff;
}

.singleInfo-container .site-block-half{
    margin-bottom: 3rem;
}

.jcsj-section .col2-row1{
    margin: 0 10px;
}
.jcsj-section .col2-row2{
    margin: 0 10px;
}

.footer-text{
    font-size: 14px;
    color: #fff;
}

/* ≥ 992 */
@media (min-width: 992px) {
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important;
    }
}

/* ＜992 */
@media (max-width: 991.98px){
    .cooperation{
        padding: 23px 45px;
    }
    .signup-right .btn p{
        padding: 10px 16px
    }
    .signup-left-content li .circle{
        width: 15px;
        height: 15px;
    }
    .signup-left-content{
        /* font-size: 3rem!important; */
    }
    .title-small{
        font-size: 2rem!important;
    }
}

/* ≤768 */
@media (max-width: 768px){
    .cooperation{
        padding: 20px 20px;
    }
    .signup-right .btn p{
        padding: 10px 16px
    }
    .signup-left-content li .circle{
        width: 15px;
        height: 15px;
    }
    .signup-left-content{
        /* font-size: 3rem!important; */
    }
    .title-small{
        font-size: 2rem!important;
    }
    /* 首页样式开始 */
    .qr-code-box .qr-item .qr-img img{
        width: 100px;
        height: 100px;
    }
    .qr-code-box .qr-item:nth-child(1){
        margin-right: 20px;
    }
    .contact-us img {
        width: 200px;
    }
    .lookMore-btn{
        width: 200px;
        height: 63px;
        line-height: 63px;
        font-size: 1.3rem;
    }
    .lookMore-btn img {
        width: 26px;
    }
    /* 首页-招商合作 */
    .cooperation-us {
        align-items: flex-start;
    }
    .cooperation-us .mb-4 {
        margin-bottom: 0 !important;
    }
    
    /* 首页样式结束 */
}

/*  */
@media (max-width: 575.99px) {
    .cooperation-hezuo .cooperation-con,
    .cooperation-us .mb-4 {
        font-size: 16px;
    }
    .contact-us {
        flex: 1;
    }
    .contact-us a {
        display: block;
        width: 80%;
        float: right;
    }
    .contact-us img {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .cooperation-hezuo .cooperation-con,
    .cooperation-us .mb-4 {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .cooperation-hezuo .cooperation-con,
    .cooperation-us .mb-4 {
        font-size: 12px;
    }
}