* {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
}

img {
    border: none;
}

a {
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

div {
    display: block;
}

.w1200 {
    width: 100%;
    margin: 0 auto;
    /*position: relative;*/
}

.case_box {
    background: url(../img/case_bg.jpg) no-repeat center top;
    /*height: 934px;*/
}

    .case_box h3 {
        color: #081232;
        font-weight: normal;
        font-size: 42px;
        padding-top: 80px;
        padding-bottom: 60px;
        text-align: center;
    }

    .case_box .category ul {
        width: 100%;
        padding-left: 10px;
        padding-bottom: 40px;
        display: block;
        height: auto;
        overflow: hidden;
    }

        .case_box .category ul li {
            float: left;
            font-size: 20px;
            text-align: center;
            width: 11.11%;
            margin: 0 auto;
            height: 58px;
            line-height: 58px;
            color: #939aac;
            border-radius: 5px;
            cursor: pointer;
        }

            .case_box .category ul li.active {
                color: #fff;
                background: #4f77fc;
            }

    .case_box .content {
        padding-left: 1px;
    }

        .case_box .content .cont {
            /*height: 650px;*/
            display: none;
        }

            .case_box .content .cont.active {
                display: block;
            }

            .case_box .content .cont img.bg {
                position: absolute;
                border: 1px solid #E3E3E3;
                right: 0;
                top: 0;
            }

            .case_box .content .cont .info {
                position: absolute;
                height: 340px;
                background: #fff;
                box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
                left: 0;
                top: 20px;
                padding: 10px 10px 0;
                border-radius: 10px;
            }

                .case_box .content .cont .info .title .logo {
                    float: left;
                    padding-right: 25px;
                }

                .case_box .content .cont .info .title:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    clear: both;
                }

                .case_box .content .cont .info .title h4 {
                    float: left;
                    padding-top: 30px;
                    font-size: 24px;
                    color: #081232;
                }

                .case_box .content .cont .info p {
                    font-size: 16px;
                    line-height: 32px;
                    padding-top: 30px;
                    color: #828b9f;
                }


.stock-fund-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.stock-fund-nav .nav-item {
    /*margin: 0 auto;*/
    padding: 8px;
    font-size: 16px;
    color: #939aac;
    /*background: #4f77fc;*/
    border-radius: 5px;
    cursor: pointer;
    font-family: "microsoft yahei";
}