@import url(main.less);

// PC
@media (min-width:@screen-sm-min){
    .banner{
        // 940px
        height: 29.8438vw;
        background: url('../images/index/action_banner.png') no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .one{
            font-size: 4.6875vw;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 7.0313vw;
            margin-bottom: 2.0833vw;
        }

        .two{
            font-size: 1.875vw;
            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 2.8125vw;
        }
    }

    .one_box{
        margin-top: 8.1771vw;
        margin-bottom: 5.2083vw;

        .main_flex{

            .flex_1{
                padding-right: 1.4583vw;

                .p{
                    font-size: 1.4583vw;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #333333;
                    line-height: 2.5vw;
                }
            }

            .right{
                width: 35.7292vw;
                height: 26.8229vw;
            }
        }
    }

    .two_box{
        height: 35.5729vw;
        background: rgba(207,209,213,0.15);

        .main_flex{
            height: 100%;

            .flex_1{
                height: 100%;
                position: relative;

                img{
                    width: 32.7083vw;
                    height: 27.1875vw;
                    position: absolute;
                    right: 2.9688vw;
                    bottom: 1.3021vw;
                }
            }

            .right{
                width: 35.7292vw;

                .p{
                    font-size: 1.4583vw;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #333333;
                    line-height: 2.5vw;
                }
            }
        }
    }
}

// H5
@media (max-width:@screen-xs-max){
    .banner{
        height: 79.2vw;
        background: url('../images/index/h5/action_banner.png') no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .one{
            font-size: 4.8vw;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 7.2vw;
            margin-bottom: 1.0667vw;
        }

        .two{
            font-size: 4.2667vw;
            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 6.4vw;
            letter-spacing: .1333vw;
        }
    }

    .one_box{
        padding: 9.6vw 0;

        .main_flex{
            width: 92vw;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;

            .flex_1{
                margin-bottom: 4.2667vw;

                .p{
                    font-size: 4.2667vw;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #666666;
                    line-height: 6.4vw;
                }
            }

            .right{
                width: 92vw;
                height: 69.0667vw;
            }
        }
    }

    .two_box{
        padding: 9.6vw 0 5.8667vw;
        background: rgba(207,209,213,0.15);

        .main_flex{
            width: 92vw;
            margin: 0 auto;
            display: flex;
            flex-direction: column-reverse;
            align-items: center;

            .flex_1{
                width: 87.4667vw;
                height: 72.8vw;
            }

            .right{

                .p{
                    font-size: 4.2667vw;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #666666;
                    line-height: 6.4vw;
                    margin-bottom: 4.2667vw;
                }
            }
        }
    }
}