/* 选择实训平台列表样式*/
.platform {
    width: 100%;
    /* min-height: calc(100vh - 0.73rem); */
}

    .platform .content_box {
        width: 100%;
        height: auto;
        max-height:800px;
        margin: 0 auto;
        padding: 0rem 0;
    }

        .platform .content_box .content {
            width: 90%;
            margin: 0 auto;
            
        }

            .platform .content_box .content ul {
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;
                padding:30px 0;
            }

                .platform .content_box .content ul > li {
                    cursor: default;
                    width: 16.5rem;
                    height: 15.5rem;
                    background: #FFFFFF;
                    box-shadow: 0px 0px 15px rgba(0, 44, 118, 0.08);
                    border-radius: 3.15rem;
                    position: relative;
                    margin-bottom:30px;
                }

            /*a {
            text-decoration: none;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            opacity: 0.9;
        }*/

            .platform .content_box .content li .pic {
                width: 3rem;
                height: 3rem;
                background: #F2F5F7;
                border-radius: 50%;
                position: relative;
                margin: 3rem auto 0 auto;
            }

                .platform .content_box .content li .pic img {
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

            .platform .content_box .content li .title {
                height: 3.35rem;
                text-align: center;
                margin: 1rem auto 1rem auto;
                position: relative;
            }

                .platform .content_box .content li .title p {
                    font-size: 1.2rem;
                    font-weight: bold;
                    color: #666666;
                    line-height: 1.5;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

            .platform .content_box .content li .btn {
                width: 2rem;
                height: 2rem;
                background: url(/imgs/jt.png) no-repeat center center #369EFF;
                border-radius: 50%;
                margin: 2rem auto;
                position: relative;
            }

            /* 悬浮动画 */
            .platform .content_box .content li {
                animation-delay: 0.1s;
                margin-right: 0px;
                visibility: visible;
            }

                .platform .content_box .content li::before {
                    content: '';
                    width: 0.63rem;
                    height: 0.63rem;
                    background-color: #50AFFF;
                    
                    position: absolute;
                    top: 20%;
                    left: 50%;
                    transform: translate(-50%);
                    border-radius: 50%;
                    z-index: 0;
                }

                .platform .content_box .content li:hover {
                    transition: all 0.6s ease-in-out;
                    box-shadow: 10px 10px 30px rgb(255,115,39,0.26);
                }

                    .platform .content_box .content li:hover::before {
                        width: 100%;
                        height: 100%;
                        top: 0;
                        right: 0;
                        border-radius: 3.15rem;
                        transition: all 0.4s ease-in-out;
                    }

                    .platform .content_box .content li:hover .title p {
                        transition: all 0.4s ease-in-out;
                        color: #fff;
                    }

                    .platform .content_box .content li:hover .btn {
                        transition: all 0.5s ease-in-out;
                        background: url('/imgs/jth.png') no-repeat center center #fff;
                    }