@media (max-width:991px) {

    :root{
        --main-color:#562173;
        --main-color-hover: rgb(14, 168, 182);
        --gray-color:#999999;
        --border-color:#e5e5e5;
        --fz14:12px;
        --fz16:14px;
        --fz18:16px;
        --fz24:18px;
        --fz26:18px;
    }

    .hy_content{width: 95%;margin: 0 auto}
    .top_bg{padding: 15px 0}
    header .right{display: none}
    .m_nav{display: block;height: 30px;position: relative;z-index: 55;cursor: pointer}
    .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 66}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active{position: fixed;top: 10px;right: 10px;border: 1px solid var(--main-color);padding: 10px;cursor: pointer}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #3d3bb8}
    .m_nav.active span:nth-of-type(2){width:0;color: #3d3bb8}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #3d3bb8}

    header .logo{width: 60%;}
    header .logo img{max-width: 100%;max-height: 44px;}
    header .top{align-items: center}

    nav{position: relative;z-index: 50;display: none}
    nav .nav{position: fixed;width: 100%;top: 0;left: 0;background-color: #ffffff;height: 100vh;overflow-y: auto}
    nav .nav ul{display: flex;flex-direction: column;}
    nav .nav ul.dpdown li{text-align: center}
    nav .nav ul.dpdown li:not(:last-of-type){border-bottom: 1px solid var(--main-color)}

    footer .f_body_bg .f_body{flex-direction: column;align-items: center}
    footer .f_body_bg .left, footer .middle, footer .right{margin-top: 15px;}

    .rank_left,.rank_right{margin-top: 20px;}
    .rank_left .top{padding: 25px}
    .rank_left ul li a{padding: 0 25px}
    .rank_right{padding: 15px}

    .index_banner{margin: 20px 0}
    .index_news_bg{margin-top: 0;}

    .index_news .right, .index_4 .left{margin-top: 20px;}
    .index_3 ul li{margin-top: 20px;box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2)}
    .index_3 .right{margin-top: 20px;}
    .index_5 .list{display: flex;flex-direction: column}
    .index_5 .list a{margin-top: 20px;}

    .rank_right .diy_list_1 h3,.rank_right .diy_list_1 p{margin-top: 8px;}
    .rank_right .diy_list_1 a{margin-top: 25px;}

}

@media (min-width:992px) {
    .m_nav{display: none}
    nav .nav ul.dpdown li:hover{background-color:var(--main-color);}
    nav .nav ul.dpdown li:hover a{color: white;padding: 10px 25px;}
    nav .nav>ul>li:hover .dpdown{display: flex;}
    nav .nav ul.dpdown{position: absolute;top:70px;left: 50%;transform: translate(-50%);background-color: #fff;}
    .index_news{display: flex;justify-content: space-between}
    .index_news .left{width: 66.949%;}
    .index_news .right{flex: 1;width: 0;margin-left: 44px;}
    .index_3,.index_4{display: grid;justify-content: space-between;grid-template-columns: 47.457% 47.457%;}
    .index_3 ul{display: grid;grid-template-columns: 46.964% 46.964%;justify-content: space-between;}
    .index_5 .list {display: grid;grid-template-columns: 31.61% 31.61% 31.61%;justify-content:space-between;grid-row-gap: 30px;}
    .inside_list_bg{margin-bottom: 50px;}
    .inside_list{display: flex;}
    .rank_left{width: 32.033%;}
    .rank_right{flex: 1;width: 0;margin-left: 30px;padding: 30px 18px;}
    .guide .rank_right{margin-left: unset;}
    .guide .rank_left{margin-left: 30px;background-color: #fff;}
    .guide .direction{display: none}
    .rank_right .diy_list_1{display: grid;grid-template-columns: 48.279% 48.279%;justify-content: space-between;margin-top: 48px;grid-row-gap: 50px}
    .rank_right .diy_list_1 .content h3,.rank_right .diy_list_1 .content p{margin-top: 20px;}
    .index_banner .swiper-button-prev{left: 125px;color: white}
    .index_banner .swiper-button-next{right: 125px;color: white}
    .index_float_ad {width: 300px;height: 300px;padding: 0;margin: 0;position: fixed;left: 0;top: 0;z-index: 500;}

}

@media (min-width:1200px){

    /*one rank*/
    .hy_content{min-width: 1180px;width: 61.458%;margin: 0 auto;}





}


.content_change0316 img{display: inline}