@charset 'utf-8';

.partner-warp{
    margin: 4em auto !important;
    .become{
        form{
            position: relative;
        }
        .become-nav{
            width: 100%;
            height: 50px;
            display: flex;
            flex: 1;
            flex-wrap: wrap;
            .become-nav-btn{
                background: #eeeeee;
                width: calc(33.33333333%);
                line-height: 50px;
                text-align: center;
                font-size: @fs-18;
                font-weight: 400;
                color: @color-wuwu;
                position: relative;
                top: 0;
                cursor: pointer;
                &.become-nav-btn-active{
                    background: @color-pp;
                    color: @color-ff;
                    cursor: pointer;
                    &:after{
                        content: '';
                        width: 0;
                        height: 0;
                        border-left: 15px solid transparent;
                        border-right: 15px solid transparent;
                        border-top: 20px solid @color-pp;
                        position: relative;
                        bottom: -50px;
                        left: -40px;
                        margin-left: 20px;
                    }
                }
            }
        }
        .become-content{
            padding: 4em 0 0;
            h2{
                font-size: 30px;
            }
            p{
                padding: 10px 0 2em;
                border-bottom: 1px solid @color-ee;
            }
            li{
                ul{
                    margin: 2em 0;
                }
                &.become-content-item{
                    display: none;
                }
                &.active{
                    display: block;
                }
            }
            .color-text-danger{
                &:last-child{
                    margin-bottom: 1em;
                }
            }
        }
        .checkbox{
            label{
                color: @color-wuwu;
                font-size: @fs-16;
            }
        }
    }
}
.partner-agpp-warp{
    .agpp-program-content{
        width: 100%;
        margin: 0;
    }
}