@media (max-width: 992px){

    .fut-page-width{

        padding: 0;

        box-sizing: border-box;

    }



    .fut-page-width-pad{

        padding: 0 15px 30px;

        box-sizing: border-box;

    }



    .fut-page-width-mar{

        margin: 0 15px;

        box-sizing: border-box;

    }



    .fut-logo{

        width: 130px;

        height: 40px;

    }



    .fixed-top{

        position: static;

    }



    .bg-transparent{

        box-shadow: none;

    }



    .navbar-brand{

        padding: 2px;

    }



    .navbar-toggler{

        padding: 2px;

    }



    .navbar-toggler-icon{

        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

    }



    .ms-auto{

        padding-top: 15px;

        margin-top: 8px;

        border-top: 1px solid #dddddd;

    }



    .nav-item{

        margin-bottom: 5px;

    }



    .nav-item:nth-child(8){

        display: none;

    }



    .navbar-expand-lg .navbar-nav .nav-link{

        margin: 0;

    }



    /* swiper左右方向图标高度 */

    :root{

        --swiper-navigation-size: 30px;

    }



    .swiper-pagination{

        bottom: 10px !important;

    }



    .fut-banner-img{

        width: calc(100% + 50px);

        height: auto;

        margin-left: -25px;

    }



    .fut-search{

        display: block;

        width: calc(100% - 30px);

        height: 36px;

        overflow: hidden;

        background-color: #ffffff;

        border-radius: 10px;

        margin: 15px auto 0;

        border: 1px solid #f5f5f5;

        position: relative;

    }



    .fut-search-text{

        width: 100%;

        height: 36px;

        line-height: 36px;

        outline: none;

        border-radius: 10px;

        border: none;



        text-indent: 8px;

        font-size: 14px;

        color: #333333;



        position: absolute;

        top: 0;

        left: 0;

        z-index: 10;

    }



    input.fut-search-text::placeholder{

        color: #999999;

        opacity: 1;

    }



    .fut-search-img{

        width: 24px;

        height: 24px;

        position: absolute;

        top: 5px;

        right: 6px;

        z-index: 20;

        cursor: pointer;

    }



    .bg-border-radius-left, .bg-border-radius-right{

        border-radius: 0;

    }



    .fut-button .row > .bg-white:nth-child(1){

        border-radius: 10px 0 0 0;

    }



    .fut-button .row > .bg-white:nth-child(2){

        border-radius: 0 10px 0 0;

    }



    .fut-button .row > .bg-white:nth-child(3){

        border-radius: 0 0 0 10px;

    }



    .fut-button .row > .bg-white:nth-child(4){

        border-radius: 0 0 10px 0;

    }



    .fut-button{

        width: calc(100% - 30px);

        position: static;

        margin: 15px auto;

    }



    .fut-button-box{

        padding: 30px 0;

    }



    .fut-button-box img{

        width: 38px;

        height: 38px;

    }



    .b-show{

        transform: translateX(20px);

    }



    .b-none{

        transform: translateX(-20px);

    }



    .fut-button-box:hover .b-show{

        transform: translateX(-20px);

    }



    .fut-button-box:hover .b-none{

        transform: translateX(-18px);

    }



    .fut-button-box-text{

        margin-left: 0;

        margin-top: 3px;

        transform: translateX(-10px);

    }



    .fut-button-box-text h3{

        font-size: 14px;

        margin: 0;

        white-space: nowrap;

        width: 62px;

        text-align: left;

    }



    .fut-botton-enter{

        margin-top: 5px;

    }



    .fut-button .fut-button-line-right:nth-child(2):after{

        width: 0;

    }



    .fut-button-box{

        border-radius: 0;

        position: relative;

    }



    .fut-button-box:after{

        content: '';

        width: 50%;

        height: 1px;

        background-color: #d4d4d4;

        position: absolute;

        left: 50%;

        bottom: 0;

        transform: translateX(-50%);

    }



    .fut-button .row > .col-md-3:nth-child(3) .fut-button-box:after,

    .fut-button .row > .col-md-3:nth-child(4) .fut-button-box:after{

        content: '';

        width: 0;

        height: 0;

        background-color: #ffffff;

        position: absolute;

        left: 0;

        bottom: 0;

        transform: translateX(-50%);

    }



    .fut-button-box-text span{

        font-size: 12px;

        height: 20px;

        line-height: 20px;

        white-space: nowrap;

        width: 50px;

        text-align: left;

    }



    .fut-button .col-6{

        padding: 0 5px;

    }



    .fut-botton-enter img{

        width: 12px;

        height: 12px;

        margin-left: 3px;

    }



    .fut-news, .fut-media, .fut-link-out, .fut-footer, .fut-fixed{

        display: none;

    }



    .fut-ablum{

        width: calc(100% - 30px);

        margin: 0 15px;

        padding-bottom: 40px;

    }



    .fut-ablum-title{

        padding: 5px 0 15px;

    }



    .fut-ablum-title h2{

        font-size: 24px;

    }



    .fut-ablum .row .fut-pad-10-20:nth-child(2n+1){

        padding: 0 8px 0 0;

    }



    .fut-ablum .row .fut-pad-10-20:nth-child(2n+2){

        padding: 0 0 0 8px;

    }



    .fut-ablum-book{

        font-size: 15px;

        height: 40px;

        line-height: 40px;

        text-align: center;

    }



    .fut-ablum-container a:nth-child(2n+1){

        height: calc(100% - 40px);

    }



    .fut-ablum-container{

        padding: 8px 8px 0;

    }



    .fut-ablum .col-3{

        flex: 0 0 auto;

        width: 50%;

        padding: 0 5px;

    }



    .fut-ablum .col-3:nth-child(2n+1){

        padding: 0 5px 0 0;

    }



    .fut-ablum .col-3:nth-child(2n){

        padding: 0 0 0 5px;

    }



    .fut-reading{

        padding-bottom: 80px;

        margin-bottom: 30px;

    }



    .fut-reading .col-3{

        flex: 0 0 auto;

        width: 50%;

    }



    .fut-reading .col-3:nth-child(2n+1){

        padding: 0 5px 0 15px;

    }



    .fut-reading .col-3:nth-child(2n){

        padding: 0 15px 0 5px;

    }



    .fut-card-box .fut-card-item{

        width: calc(50% - 10px);

        overflow: hidden;

    }



    .m-none{

        display: none !important;

    }



    .fut-pc-none{

        display: inline-block;

    }



    .fut-m-menu{

        width: 100%;

        height: 60px;

        overflow: hidden;

        border-top: 1px solid #d4d4d4;

        background-color: #f4f4f4;



        position: fixed;

        bottom: 0;

        left: 0;

        z-index: 1550;



        display: flex;

        flex-direction: row;

        justify-content: space-between;

        align-items: center;

    }



    .fut-m-menu-ahref{

        width: 33.333333%;

        height: 60px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-decoration: none;

    }



    .fut-m-menu-ahref img{

        width: 26px;

        height: 26px;

        margin-bottom: 2px;

    }



    .fut-m-menu-ahref span{

        font-size: 12px;

        color: #333333;

    }



    .fut-m-menu-ahref span.current{

        color: #e7141a;

    }



    .fut-crumb-container{

        margin: 15px 0;

        transform: scale(0.9);

        transform-origin: top left;

    }



    .fut-about-container{

        padding: 25px 15px;

    }



    .fut-about-title, .fut-cont-title, .fut-pub-title,

    .fut-reading-title, .fut-activity-title{

        transform: scale(0.8);

        transform-origin: top left;

    }



    .fut-about-content{

        margin-top: 0;

    }



    .fut-cont-head, .fut-pub-head, .fut-reading-head, .fut-activity-head, .fut-feed-head{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        margin-top: 15px;

    }



    .fut-cont, .fut-pub, .fut-reading, .fut-activity{

        margin-top: 0;

    }



    .fut-cont-menu, .fut-pub-menu, .fut-activity-menu{

        width: 100%;

        height: auto;

        overflow: hidden;



        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .fut-reading-menu{

        width: 100%;

        height: auto;



        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .fut-reading-menu-top-5{

        padding-top: 5px;

    }



    .fut-cont-menu-bottom, .fut-cont-menu-search,

    .fut-pub-menu-bottom, .fut-pub-menu-search{

        width: 100%;

    }



    .fut-pub-menu-top, .fut-reading-menu-top{

        width: 100%;

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .fut-reading-menu-bottom{

        width: 100%;

        margin: 0;

    }



    .fut-reading-menu-search{

        width: 100%;

        font-size: 14px;

    }



    .fut-pub-menu-box, .fut-reading-menu-box{

        width: 100%;

        margin: 0 0 15px;

        font-size: 14px;

    }



    .fut-reading-menu-box-select-box span{

        font-size: 14px;

    }



    .fut-activity-search{

        width: 100%;

        margin: 0;

    }



    .fut-feed-search{

        width: 100%;

        margin: 0;

    }



    .fut-feed-search-container{

        width: 100%;

        margin: 0;

    }



    .fut-activity-img, .fut-activity-img img{

        height: 200px;

    }



    .fut-feed-group-header, .fut-feed-group-item{

        text-align: center;

    }



    .fut-feed-group{

        background-color: #f5f5f5;

    }



    .fut-feed-menu{

        border-radius: 0;

        margin-bottom: 15px;

    }



    .fut-feed-group-content{

        display: none;

        padding-left: 0;

    }



    .fut-feed-content .col-md-6:nth-child(1) .fut-feed-li-img,

    .fut-feed-content .col-md-6:nth-child(2) .fut-feed-li-img,

    .fut-feed-content .col-md-6:nth-child(1) .fut-feed-li-img img,

    .fut-feed-content .col-md-6:nth-child(2) .fut-feed-li-img img {

        height: 200px;

    }



    .fut-feed-up-next-container{

        padding: 30px 0 0;

    }



    .fut-cont-botton, .fut-pub-botton, .fut-activity-botton{

        width: 100%;

        margin-top: 15px;

    }



    .fut-cont-n-box, .fut-pub-n-box{

        margin-top: 15px;

        padding: 15px;

    }



    .fut-pub-n-box, .fut-about-container{

        margin-bottom: 80px;

    }



    .fut-pub-show-title:after{

        background-color: #d4d4d4;

    }



    .fut-cont-ahref, .fut-pub-ahref{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        margin-bottom: 15px;

        padding: 0 0 15px 10px;

        border-bottom: 1px solid #d4d4d4;

    }



    .fut-pad-10-20{

        padding: 10px 15px;

    }



    .fut-cont-n-date, .fut-cont-n-title, .fut-cont-n-school, .fut-cont-n-name,

    .fut-pub-n-date, .fut-pub-n-title, .fut-pub-n-school, .fut-pub-n-name{

        width: 100%;

        border-bottom: none;

        padding: 0;

        margin-right: 0;

        height: 30px;

    }



    .fut-cont-n-school, .fut-cont-n-name,

    .fut-pub-n-school, .fut-pub-n-name{

        max-width: 100%;

        text-align: left;

    }



    .fut-mar-top-45{

        margin-top: 15px;

    }



    .fut-activity .col-4{

        width: 100%;

    }



    .col-other-4{

        width: 100%;

        padding: 0 !important;

        margin-bottom: 15px;

    }



    .fut-cont-show-container, .fut-pub-show-container, .fut-feed-show-container{

        padding: 15px;

    }



    .fut-feed-show-container{

        padding: 25px 15px 15px;

    }



    .fut-activity-text{

        padding: 15px;

    }



    .fut-feed-li-title, .fut-activity-text-title{

        height: auto;

        max-height: 62px;

    }



    .fut-cont-show-title h2, .fut-pub-show-title h2,

    .fut-activity-show-title h2, .fut-reading-show-title h2,

    .fut-feed-show-title h2{

        display: block;

        width: 100%;

        text-align: left;

        font-size: 20px;

        line-height: 30px;

    }



    .fut-activity-show-title h2, .fut-feed-show-title h2{

        text-align: center;

    }



    .fut-activity-show-rank{

        padding: 0;

    }



    .id-wh{

        width: 24px;

        height: 24px;

        font-size: 12px;

        line-height: 24px;

        margin: 18px 10px 18px 0;

    }



    .fut-activity-rank-title{

        /*margin-right: 10px;*/

        font-size: 12px;

        height: 60px;

        padding: 18px 0;

    }



    .fut-activity-rank-school{

        /*margin-right: 10px;*/

        /*max-width: 50%;*/

        font-size: 12px;

        height: 60px;

        padding: 18px 0;

    }



    .fut-activity-rank-num{

        font-size: 12px;

        /*max-width: 20%;*/

        height: 60px;

        padding: 18px 0;

    }



    .fut-activity-show-menu:after{

        height: 0;

    }



    .fut-activity-show-cases .container-fluid, .fut-activity-show-hig .container-fluid{

        padding: 0;

    }



    .fut-activity-cases-box{

        justify-content: flex-start;

        align-items: center;

    }



    .fut-activity-cases-box h2, .fut-activity-cases-box h4, .fut-activity-cases-box span{

        text-align: center;

    }



    .fut-cont-show-title p, .fut-pub-show-title p, .fut-feed-show-title p{

        display: block;

        width: 100%;

        font-size: 14px;

        text-align: left;

    }



    .fut-feed-show-title p{

        text-align: center;

    }



    .fut-cont-show-content, .fut-pub-show-content,

    .fut-activity-show-content, .fut-feed-show-content{

        padding: 15px 0;

    }



    .fut-cont-show-content{

        padding: 15px 0 0;

    }



    .fut-activity-show-cases img{

        width: calc(50% - 10px);

        max-height: 100%;

    }



    .fut-activity-hig-box img{

        width: 100%;

    }



    .fut-reading-show-li{

        width: calc(45% - 20px);

    }



    .fut-activity-show-li, .fut-activity-show-li-a{

        width: calc(20% - 2px);

        margin: 0 1px;

        font-size: 12px;

        height: 34px;

        line-height: 34px;

    }



    .fut-reading-show-container, .fut-activity-show-container{

        padding: 25px 15px;

    }



    .fut-reading-show-menu, .fut-activity-show-menu{

        margin-top: 15px;

    }



    .fut-reading-show-content{

        padding: 15px 0 0;

    }



    .fut-reading-show-box p:nth-child(3n+1){

        font-size: 20px;

    }



    .fut-login, .fut-login-header{

        height: 63px;

    }



    .fut-login-logo{

        width: 40px;

        height: 40px;

        margin-left: 0;

    }



    .fut-login-footer{

        display: none;

    }



    .fut-login-footer-container{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: center;

    }



    .fut-login-footer-container a{

        margin: 0;

        padding: 0;

    }



    .fut-login-footer-container a:nth-child(1){

        margin-top: 15px;

    }



    .fut-login-footer-container a:nth-child(2){

        margin: 5px 0;

    }



    .fut-login-footer-container a:nth-child(3){

        margin-bottom: 15px;

    }



    .fut-login-footer-container a:after{

        background-image: none;

    }



    .fut-user-content-bg{

        width: 100%;

        padding: 15px;

        box-sizing: border-box;

        margin: 0;

        margin-bottom: 0;

        border-radius: 0 0 10px 10px;

    }

    .fut-user-mar-bot{
        margin-bottom: 80px;
    }



    .fut-user-edite{

        margin-bottom: 15px;

    }



    .fut-user-edite, .fut-user-save{

        font-size: 14px;

    }



    .fut-user-record-li, .fut-user-points-li{

        font-weight: normal;

        font-size: 14px;

    }



    .fut-user-input span, .fut-user-input input{

        font-size: 14px;

    }



    .fut-page-num{

        width: 30px;

        height: 30px;

        line-height: 28px;

    }



    .fut-reading-show-box img{

        width: 100%;

        height: auto;

        max-width: 100%;

    }



    .fut-page-container{

        margin: 0;

        padding: 0 0 80px;

    }



    .fut-pub-page{

        padding-bottom: 0;

    }



    .fut-reading-show-container, .fut-feed-show-container, .fut-pub-show-container, .fut-activity-show-container, .fut-cont-show-container{

        margin-bottom: 80px;

    }



    .fut-cont-sub-container, .fut-activity-sub-container{

        padding: 25px 15px;

        margin-bottom: 80px;

    }



    .fut-cont-sub-title-container, .fut-activity-sub-title-container{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .fut-cont-sub-title, .fut-activity-sub-title, .fut-pub-title, .fut-feed-title{

        transform: scale(0.8);

        transform-origin: top left;

    }



    .fut-cont-sub-note, .fut-activity-sub-note{

        padding-left: 0;

        margin-top: -15px;

    }



    .fut-cont-sub-note p, .fut-activity-sub-note p{

        display: inline-block;

        width: 100%;

        text-align: left;

    }



    .fut-submission-over-y{

        margin-top: 15px;

    }



    .fut-submission-input{

        width: 100%;

        margin: 0 0 25px;

    }



    .fut-submission-li{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        margin-bottom: 0;

    }



    .fut-submission-input-w, .fut-submission-input-x{

        width: 100%;

        margin: 0 0 25px;

    }



    .li-height-auto img{

        margin: 0 0 25px 0;

        border-radius: 5px;

    }



    .fut-submission-textarea-img{

        min-height: 120px;

    }



    .li-flex{

        margin-top: 25px;

    }



    .fut-submission-botton{

        width: 100%;

        margin: 0 0 15px;

        height: 42px;

        line-height: 42px;

    }



    .fut-submission-input input, .fut-submission-input-x input, .fut-submission-select{

        border-radius: 5px;

    }



    .fut-mar-bot-0{

        padding-bottom: 0;

    }



    .fut-cont-up-next-container{

        justify-content: center;

        padding: 30px 0 0;

    }



    .fut-login-iframe{

        width: 100%;

        min-height: 98vh;

        margin-bottom: 60px;

        margin-top: 0;

    }



    .col-other-l, .col-other-r{

        width: 100%;

    }



    .fut-login-flex{

        height: auto;

        margin-bottom: 20px;

    }



    .fut-login-publicity{

        margin: 25px 0;

        padding: 0 5px;

    }



    .fut-login-publicity h2{

        font-size: 36px;

    }



    .fut-login-publicity p{

        font-size: 14px;

        height: auto;

        line-height: 25px;

        overflow: hidden;

    }



    .fut-login-menu-container span{

        width: 50%;

    }



    .fut-login-m-wx{

        width: 100%;

        height: auto;

        overflow: hidden;

        text-decoration: none;

        display: flex;

        flex-direction: row;

        justify-content: center;

        align-items: center;

    }



    .fut-login-m-wx img{

        width: 20px;

        height: 20px;

    }



    .fut-login-m-wx span{

        font-size: 14px;

        color: #666666;

    }



    .fut-login-botton-bottom p{

        margin-bottom: 0;

    }



    .fut-login-m-pass{

    }



    .fut-login-botton-bottom{

        margin-bottom: 12px;

    }



    .fut-login-li{

        margin-top: 15px;

    }



    .fut-user-container{

        margin-bottom: 0;

        border-radius: 10px 10px 0 0;

    }



    .fut-user-title{

        margin-bottom: 20px;

    }



    .fut-user-content .container-fluid{

        padding-left: 0;

        padding-right: 0;

    }



    .fut-user-input{

        margin-bottom: 15px;

    }



    .fut-user-save{

        margin-top: 5px;

    }



    .fut-user-li-menu{

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        align-items: flex-start;

        flex-wrap: nowrap;

    }



    .fut-user-li img{

        display: none;

    }



    .fut-user-li span{

        font-size: 14px;

    }



    .fut-user-li::after{

        height: 0;

    }



    .fut-user-li-menu .current{

        border-bottom: 1px solid #e7141a;

    }



    .fut-user-li-menu .current span{

        color: #e7141a;

        font-weight: bold;

    }



    .fut-user-li-a{

        display: none;

    }



    .fut-w-bot{

        margin-bottom: 80px;

    }



    .fut-w-bot .col-md-3, .fut-w-bot .col-md-6, .fut-w-bot .col-md-9,

    .fut-feed .col-md-3, .fut-feed .col-md-9{

        width: 100%;

    }



    .fut-user-cert .col-md-3{

        width: 50%;

    }



    .fut-activity-show-cases .col-md-3{

        width: 100%;

    }



    .fut-activity-cases-box h2, .fut-activity-hig-box h2{

        font-size: 16px;

        font-weight: bold;

    }


    .fut-activity-hig-box h2{
        font-size: 14px;
        line-height: 25px;
        min-height: 50px;
    }


    .fut-activity-cases-box h4{

        font-size: 14px;

    }



    .fut-login-box{

        justify-content: flex-start;

        /*height: 350px;*/

    }



    .fut-w{

        width: 100%;

        margin: 0 auto;

    }



    .fut-w-pad{

        padding: 40px 0;

        box-sizing: border-box;

    }



    .fut-crumb{

        margin-top: 0 !important;

    }



    .fut-user-center{

        margin-top: 30px;

    }



    .fut-user-record-content-li{

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        border-radius: 5px;

        border: 1px solid #d4d4d4;

        margin-bottom: 10px;

        padding: 10px;

        box-sizing: border-box;

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

        background-image: url('../images/bg-link.png');

        background-repeat: no-repeat;

        background-size: cover;

    }



    .fut-user-record-title, .fut-user-record-date, .fut-user-record-status, .fut-user-record-cert,

    .fut-user-record-points, .fut-user-record-score{

        width: 100%;

        text-indent: 0;

        height: 30px;

        line-height: 30px;

        text-align: left;

    }



    .fut-user-record-status{

        margin-bottom: 10px;

    }



    .fut-user-record-cert{

        display: flex;

        flex-direction: row;

        justify-content: flex-start;

        align-items: center;

    }



    .fut-user-record-cert span{

        padding: 0 15px;

        margin-right: 10px;

    }



    .fut-user-cert-note{

        text-align: center;

    }



    .fut-m-pad-25{

        padding-top: 25px;

    }



    .fut-pub-up-next-container{

        padding: 15px 0;

        justify-content: flex-end;

    }



    .fut-pub-up-next-container a{

        font-size: 12px;

    }



    .fut-mar-top-bot-45{

        margin: 30px 0;

    }



    .fut-note-text{

        width: 80%;

    }



    .fut-note-none{

        display: none;

    }


    .wd-80-r-30, .wd-10-r-30, .wd-10-r-0, .wd-10-l-30{
        width: calc(33.3333% - 5px);
        text-align: center;
        margin-right: 5px;
    }

    .w-45{
        width: 45px;
    }

    .w-66{
        width: calc(85% - 50px);
        text-align: left;
    }

    .w-25{
        width: 15% !important;
        text-align: right;
    }


    .fut-activity-show-width{
        font-size: 16px;
        padding: 0;
    }

    .wd-bold{
        font-size: 14px;
    }

    .fut-activity-show-box{
        padding-top: 20px;
    }

}



@media (min-width: 768px) and (max-width: 992px){



    .fut-activity-show-cases .col-md-3{

        width: 50%;

    }



    .fut-activity-show-li, .fut-activity-show-li-a{

        font-size: 14px;

        height: 40px;

        line-height: 40px;

    }



    .fut-button .col-6{

        width: 50%;

    }



}