.content{
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 1100px;
    height:calc(100% - 90px);
    overflow-y: scroll;

//图片盒子样式
.landscape-box {
    position: relative;
    width: 100%;
    height: 600px;
    }

    .landscape {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .landscape-text{
        position: absolute;
        padding: 10px;
        top: 12%;
        left: 10%;
        width:80%;
        display: flex;
        flex-direction: column;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.4);
        .landscape-title {
            color: #fff;
            font-size: 2rem;
            font-family: FZZongYi-M05S;
            font-weight: 600;
        }
        
        .landscape-desc {
            margin-top:20px;
            margin-left:20px;
            width: 60%;
            font-size: 1rem;
            color: #fff;
            font-family: FZZhengHeiS-EB-GB;
            font-style: italic;
        }
        
}
    //屏幕大小比例校准
    @media (max-width: 1300px) {
        .landscape-desc {
            width: 50%;
        }
    }
    
    @media (min-width: 1500px) {
        .landscape-desc {
            width: 40%;
        }
    }


//赛道盒子样式
.track-box{
    margin: 2% 5%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-evenly;

    //码争赛道盒子样式
    .track-card{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        position: relative;
        width: 45%;
        height: 180px;
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid var(--color-secondary-blue);
        border-radius: 5px;
        box-shadow: 4px 4px 4px rgba(78,120,203,0.75);

    .button-card{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        //参考链接：https://uiverse.io/abrahamcalsin/sour-donkey-65
        button {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 20px;
            background: var(--color-primary-purple);
            font-family: "Montserrat", sans-serif;
            overflow: hidden;
            border: none;
            cursor: pointer;
           }
           
           button:after {
            content: " ";
            width: 0%;
            height: 100%;
            background: #FFD401;
            position: absolute;
            transition: all 0.4s ease-in-out;
            right: 0;
           }
           
           button:hover::after {
            right: auto;
            left: 0;
            width: 100%;
           }
           
           button span {
            text-align: center;
            text-decoration: none;
            width: 100%;
            padding: 12px 19px;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            font-style: italic;
            letter-spacing: 2px;
            z-index: 20;
            transition: all 0.3s ease-in-out;
           }
           
           button:hover span {
            color: var(--color-primary-purple);
            animation: scaleUp 0.3s ease-in-out;
           }
           
           @keyframes scaleUp {
            0% {
             transform: scale(1);
            }
           
            50% {
             transform: scale(0.95);
            }
           
            100% {
             transform: scale(1);
            }
           }
    }

    .track-one-explain{
        display: flex;
        justify-content: center;
        font-size: 15px;
        font-weight: bold;
    }
    }

}

//模块标题统一样式
.module-title{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10%;
    background-color: #f2f6fa;

    .right-arrow{
        width: 14px;
        object-fit: contain;
    }

    .module-font{
        padding: 1%;
        font-size: 30px;
        font-weight: bold;
        font-style: italic;
        color: #000;
    }

    .left-arrow{
        width: 14px;
        object-fit: contain;
    }
}

//比赛计划详情样式
.contest-plan-box{
    display: flex;
    justify-content: center;
    .box{
        width: 80%;
        .crossLine{
            height: 2px;
            width: 25%;
            background-color: var(--color-primary-purple);
            margin-top: 5px;
            transform: rotate(90deg);
        }
        .text{
            font-size: x-large;
            font-weight: bold;
            color: var(--color-primary-purple);
        }
        .date{
            font-size: medium;
            font-weight: bold;
        }
        ion-row{
            ion-col{
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }
        }
        .firstLine{
            width: 100%;
        }
        .seconfLine{
            width: 100%;
            margin: 1rem 0;
            .wrap{
                position: relative;
                width: 100%;
                display: flex;
                justify-content: center;
                .line{
                    height: 2px;
                    width: 100%;
                    background-color: var(--color-primary-purple);
                    position: absolute;
                    margin-top: 3px;
                }
                .ball{
                    align-items: center;
                    display: flex;
                    justify-content: center;
                    position: relative;
                    width: 17px;
                    .outer{
                        border-radius: 50%;
                        height: 17px;
                        left: 0;
                        opacity: .2;
                        position: absolute;
                        width: 17px;
                        background-color: rgba(255, 0, 0, 0.486);
                      
                        transition: background-color 0.3s, width 0.3s, height 0.3s , margin-left 0.3s;
                      }
                      
                      .outer:hover {
                        background-color: rgba(255, 0, 0, 0.486);
                        margin-left: -0.5rem;
                        width: 34px;
                        height: 34px;
                    }
                    .inner{
                        border-radius: 50%;
                        height: 9px;
                        width: 9px;
                        background-color: red;
                    }
                }
            }
        }
    }
}

//技术支持单位展示样式
.support-company-box{
    display: flex;
    justify-content: center;

    .company-icon{
        width: 160px;
        object-fit: contain;
    }
}

//联系详情页样式
.contact-box{
    padding: 1% 0;
    display: flex;
    flex-direction: row;
    justify-content: center;

    .contact-content{
        display: flex;
        flex-direction: column;

        .contact-item{
            padding: 1% 0;
            font-size: 16px;
            font-weight: 600;
        }
    }

    .erweima-box{
        padding-left: 5%;
        display: flex;
        align-items: center;

        .contact-erweima{
            width: 100px;
            object-fit: contain;
        }
    }
}

}