@import "../common/bootstrap/css/bootstrap.min.css";



@import "../common/swiper/swiper-bundle.min.css";



@import "../common/aos/aos.css";



html, body{

    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;

    background-color: #f5f5f5;

}



html{

    font-size: 16px;

}



a{

    text-decoration: none;

}



a:hover{

    color: #364f6b;

}



/* 设置滚动条的宽度 */

::-webkit-scrollbar{

    width: 4px;

}



/* 设置轨道的背景颜色 */

::-webkit-scrollbar-track{

    background: #f1f1f1;

}



/* 设置滑块的背景颜色 */

::-webkit-scrollbar-thumb{

    background: #888;

}



/* 设置滑块在悬停状态下的背景颜色 */

::-webkit-scrollbar-thumb:hover{

    background: #555;

}



.ellipsis-1{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.ellipsis-2{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-pc-none{

    display: none;

}



.fut-w-pad{

    padding: 0 15px;

}



.fut-pad-all-10{

    padding: 10px;

    box-sizing: border-box;

}



.fut-pad-lef-rig-10{

    padding: 2px 10px;

    box-sizing: border-box;

}



.fut-pad-lef-rig-15{

    padding: 0 15px;

    box-sizing: border-box;

}



.fut-pad-all-20{

    padding: 20px;

    box-sizing: border-box;

}



.fut-pad-10-20{

    padding: 10px 20px;

    box-sizing: border-box;

}



.fut-pad-right-none{

    padding-right: 0;

}



.fut-mar-top-45{

    margin-top: 45px;

}



.fut-mar-bot-45{

    margin-bottom: 45px;

}



.fut-mar-bot-15{

    margin-bottom: 15px;

}



.fut-mar-top-bot-15{

    margin: 15px 0;

}



.fut-mar-top-bot-45{

    margin: 45px 0;

}



.fut-mar-right-0{

    margin-right: 0 !important;

}



.fut-page-width{

    padding: 0 60px;

    box-sizing: border-box;

}



.fut-page-width-pad{

    padding: 0 60px 30px;

    box-sizing: border-box;

}



.fut-page-width-mar{

    margin: 0 60px;

    box-sizing: border-box;

}



.box-shadow{

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

}



.line-clamp-2{

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

}



.fut-line-right{

    border-right: 1px solid #d4d4d4;

}



.fut-button-line-right{

    position: relative;

}



.fut-button-line-right:after{

    content: '';

    width: 1px;

    height: 50%;

    background-color: #d4d4d4;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}



.txt-right{

    text-align: right !important;

}



/************* header *************/



.navbar-brand{

    padding: 5px;

    margin: 0;

}



.fut-logo{

    width: 156px;

    height: 48px;

    margin: 6px 0;

}



.bg-transparent{

    background-color: rgba(255, 255, 255, .5) !important;

    border-bottom: 1px solid #ddd;

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

}



.bg-transparent:hover{

    background-color: rgba(255, 255, 255, 1) !important;

    cursor: pointer;

}



.bg-white{

    background-color: rgba(255, 255, 255, 1) !important;

}



.bg-gray{

    background-color: #f5f5f5 !important;

}



.bg-border-radius-left{

    border-radius: 20px 0 0 20px;

}



.bg-border-radius-right{

    border-radius: 0 20px 20px 0;

}



.navbar-dark .navbar-nav .nav-link{

    height: 36px;

    line-height: 36px;

    border-radius: 20px;

    color: #333333 !important;

}



.navbar-dark .navbar-nav .nav-link:hover{

    background-color: rgba(0, 0, 0, .075);

    border-radius: 20px;

    color: #000000 !important;

}



.navbar-dark .navbar-nav .nav-link:hover{

    border-radius: 20px;

}



.nav-item{

    height: 36px !important;

}



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

    background-color: transparent;

}



.navbar-dark .navbar-nav .nav-link.active{

    background-color: #e7141a;

    border-radius: 20px;

    color: #ffffff !important;

}



.fut-header-login{

    display: inline-block;

    width: 118px;

    height: 36px;

    line-height: 36px;



    font-size: 14px;

    color: #ffffff;

    text-align: left;

    text-indent: 15px;



    background-image: url("../images/i-user.png");

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

}



.fut-header-login:hover{

    background-image: url("../images/i-user-cover.png");

}



.fut-header-user-center{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: nowrap;

}



.fut-header-login-span{

    font-size: 16px;

    color: #333333;

    font-weight: bold;

    margin: 0 5px;

}



.fut-header-login-img{

    width: 36px;

    height: 36px;

    border: 0;

    border-radius: 50%;

}



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

    font-size: 16px;

    padding: 0 15px;

    margin: 0 8px;

}



.navbar-expand-lg .navbar-nav .nav-item:nth-child(8) .nav-link{

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.n-page{

    position: fixed;

    background-color: #ffffff !important;

}



/************* crumb *************/



.fut-crumb{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 90px !important;

}



.fut-crumb-container{

    margin: 40px 0;



    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}



.fut-crumb-home{

    display: inline-block;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    padding-left: 20px;

    width: auto;

    height: 30px;

    line-height: 30px;

    cursor: pointer;

    text-decoration: none;

    position: relative;

}



.fut-crumb-home:after{

    content: '';

    width: 16px;

    height: 16px;

    background-image: url('../images/tb-home.png');

    background-size: 16px 16px;

    position: absolute;

    top: 6px;

    left: 0;

}



.fut-crumb-menu, .fut-crumb-content{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    cursor: pointer;

    text-decoration: none;

}



.crumb-current{

    color: #364f6b;

    font-weight: bold;

}



.fut-crumb-separator{

    width: 50px;

    height: 30px;



    position: relative;

}



.fut-crumb-separator:after{

    content: '';

    width: 10px;

    height: 16px;

    background-image: url(../images/tb-line.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    top: 7px;

    left: 20px;

}



/************* banner *************/



.fut-banner{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    top: auto;

    bottom: 0;

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: rgba(57, 62, 70, .95) !important;

}



.swiper-button-next, .swiper-button-prev{

    color: #393e46 !important;

}



.swiper-pagination{

    bottom: 70px !important;

}



.swiper-pagination-bullet{

    width: 40px;

    height: 4px;

    border-radius: 2px;

    background-color: #ffffff !important;

}



.swiper-pagination-bullet-active{

    width: 40px;

    height: 4px;

    background-color: #364f6b !important;

}



.fut-banner-href{

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-banner-img{

    width: 100%;

    height: auto;

    overflow: hidden;

    max-height: 790px;

    object-fit: cover;

}



/************* about *************/



.fut-about{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-about-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



    padding: 45px;

    box-sizing: border-box;

    margin-bottom: 60px;

}



.fut-about-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-about-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 10px;

    position: relative;

}



.fut-about-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-about-title:hover.fut-about-title h2::after{

    width: 100%;

}



.fut-about-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

}



.fut-about-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 30px;

}



.fut-about-content p{

    text-align: justify;

    text-indent: 2em;

    line-height: 30px;

    margin-bottom: 15px;

}



.fut-about-p{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



/*.fut-about-content p img{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: none;

}*/



.fut-about-content-img{

    width: auto;

    height: auto;

    max-width: 100%;

    border-radius: 5px;

    border: 1px solid #d4d4d4;

    margin: 5px;

    object-fit: cover;

}



.fut-about-content-radius{

    width: 100%;

    height: 60px;

    /*border-radius: 50%;

    border: 1px solid #364f6b;*/

    margin: 0 auto 15px;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.fut-about-content-radius span{

    width: 150px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background-color: #e7141a;

    font-size: 16px;

    color: #ffffff;

    font-weight: bold;

    border-radius: 15px;

}



/************* reading **************/



.fut-reading{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

}



.fut-reading-head{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

}



.fut-reading-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-reading-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 10px;

    position: relative;

}



.fut-reading-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-reading-title:hover h2::after{

    width: 100%;

}



.fut-reading-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



.fut-reading-menu{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-end;

}



.fut-reading-menu-top{

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-reading-menu-box{

    width: 125px;

    height: 40px;

    line-height: 38px;

    margin: 0 10px;

    cursor: pointer;

    border: 1px solid #364f6b;

    border-radius: 20px;

    text-align: center;

}



.fut-reading-menu-box-select{

    outline: none;

    width: 100%;

    height: 36px;

    border: none;

    background-color: #f5f5f5;

}



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

    background-color: #364f6b;

}



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

    width: 100%;

    height: 38px;

    background-color: #f5f5f5;

    border-radius: 20px;

    text-align: center;



    position: relative;

}



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

    display: inline-block;

    font-size: 16px;

    color: #333333;

    height: 38px;

    line-height: 38px;

    width: 100%;

    padding-right: 12px;

    box-sizing: border-box;

    position: relative;

}



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

    content: '';

    width: 8px;

    height: 8px;

    border-right: 2px solid #333333;

    border-bottom: 2px solid #333333;

    transform: rotate(45deg);

    position: absolute;

    top: 12px;

    right: 15px;

}



.fut-reading-menu-box-select-box:hover span:before{

    border-right-color: #ffffff;

    border-bottom-color: #ffffff;

}



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

    display: none;

    width: 100%;

    height: auto;

    overflow: hidden;

    background-color: #364f6b;

    border: 1px solid #364f6b;

    border-radius: 15px;

    /*padding: 5px 0;*/

    position: absolute;

    top: 39px;

    left: 0;

    z-index: 3;

}



.fut-reading-menu-box-select-box:hover .fut-reading-menu-box-select-li{

    display: block;

}



.fut-reading-menu-box-select-li p{

    height: 34px;

    line-height: 34px;

    margin: 0;

    color: #ffffff;

}



.fut-reading-menu-box-select-li p:hover{

    color: #333333;

    background-color: #f5f5f5;

}



.fut-reading-menu-box:hover{

    background-color: #f5f5f5;

    border: 1px solid #364f6b;

}



.fut-reading-menu-box:hover .fut-reading-menu-box-select-box,

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

    background-color: #364f6b;

    border: 1px solid #364f6b;

    color: #ffffff;

    border-radius: 20px;

}



.fut-reading-menu-box-select:hover{

    color: #ffffff;

    background-color: #364f6b;

}



.fut-reading-menu .current{

    background-color: #364f6b;

    color: #ffffff;

}



.fut-reading-menu-bottom{

    width: 300px;

    height: 38px;

    margin-right: 5px;

    margin-top: 20px;



    position: relative;

}



.fut-reading-menu-search{

    width: 300px;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;



    border-radius: 19px;

    text-indent: 10px;

    outline: none;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



input.fut-reading-menu-search::placeholder{

    color: #999999;

    opacity: 1;

}



.fut-reading-menu-search-img{

    width: 26px;

    height: 26px;

    cursor: pointer;



    position: absolute;

    top: 5px;

    right: 12px;

    z-index: 2;

}



.fut-reading-show{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-reading-show-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    padding: 45px;

    box-sizing: border-box;

    margin-bottom: 60px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-reading-show-title{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}



.fut-reading-show-title h2{

    font-size: 28px;

    color: #333333;

    font-weight: bold;

    position: relative;

}



.fut-reading-show-menu{

    width: 100%;

    height: auto;

    overflow: hidden;



    /*border-bottom: 1px solid #d4d4d4;*/

    margin-top: 30px;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;



    position: relative;

}



.fut-reading-show-menu:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(

        to right,

        transparent,

        #d4d4d4 20%,

        #d4d4d4 80%,

        transparent

    );

}



.fut-reading-show-li{

    width: calc(25% - 20px);

    height: 40px;

    border-radius: 10px 10px 0 0;

    line-height: 40px;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    text-align: center;

    background-color: #dddddd;

    margin: 0 10px;

    cursor: pointer;

}



.fut-reading-show-li:hover{

    color: #ffffff;

    background-color: #e7141a;

}



.fut-reading-show-menu .current{

    color: #ffffff;

    background-color: #e7141a;

}



.fut-reading-show-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 45px 30px 0;

    box-sizing: border-box;



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

    background-repeat: no-repeat;

    background-size: cover;*/

}



.fut-reading-show-box{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-reading-show-box p{

    font-weight: normal;

    text-align: center;

    margin-bottom: 5px;

    letter-spacing: 1px;

}



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

    font-size: 24px;

    color: #364f6b;

    font-weight: bold;

    margin-top: 30px;

}



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

    font-size: 16px;

    color: #333333;

}



.fut-reading-show-box img{

    display: block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: 0;

    border-radius: 5px;

    margin: 0 auto;

}



/************* activity **************/



.fut-activity{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

}



.fut-activity-head{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-activity-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-activity-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    text-align: justify;

    padding-bottom: 10px;

    position: relative;

}



.fut-activity-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-activity-title:hover h2::after{

    width: 100%;

}



.fut-activity-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



.fut-activity-menu{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-activity-search{

    width: 300px;

    height: 38px;

    margin-right: 10px;

    position: relative;

}



.fut-activity-search-input{

    width: 100%;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;



    border-radius: 19px;

    text-indent: 10px;

    outline: none;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



input.fut-activity-search-input::placeholder{

    color: #999999;

    opacity: 1;

}



.fut-activity-search-img{

    width: 26px;

    height: 26px;

    cursor: pointer;



    position: absolute;

    top: 5px;

    right: 12px;

    z-index: 2;

}



.fut-activity-botton{

    width: 180px;

    height: 39px;

    line-height: 39px;

    text-align: center;

    background-color: #e7141a;

    font-size: 16px;

    color: #ffffff;

    border-radius: 19px;

    cursor: pointer;

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

    text-decoration: none;

}



.fut-activity-botton:hover{

    background-color: #364f6b;

}



.fut-activity-botton img{

    width: 20px;

    height: 20px;

}



.fut-activity-botton span{

    height: 20px;

    line-height: 20px;

}



.fut-activity-botton:hover span{

    color: #ffffff;

}



.fut-activity-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 30px;

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

    position: relative;

}



.fut-activity-start{

    width: 100px;

    height: 100px;



    position: absolute;

    right: -15px;

    bottom: -25px;



    background-image: url("../images/tb-over-start.png");

    background-size: 100px 100px;

}



.fut-activity-over{

    width: 100px;

    height: 100px;



    position: absolute;

    right: -15px;

    bottom: -25px;



    background-image: url("../images/tb-over-end.png");

    background-size: 100px 100px;

}



.fut-activity-container:hover .fut-activity-over{

    background-image: url("../images/tb-over-end-cover.png");

}



.fut-activity-container:hover .fut-activity-start{

    background-image: url("../images/tb-over-start-cover.png");

}



.fut-activity-img{

    width: 100%;

    height: 260px;

    overflow: hidden;

    border-radius: 5px 5px 0 0;

}



.fut-activity-img img{

    width: 100%;

    height: 260px;

    object-fit: cover;

    transition: transform 0.5s ease;

    border-radius: 5px 5px 0 0;

}



.fut-activity-container:hover .fut-activity-img img{

    transform: scale(1.05);

}



.fut-activity-ahref{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    background-color: #eeeeee;

    text-decoration: none;



    border-radius: 5px;

}



.fut-activity-ahref:hover{

    background-color: #364f6b;

}



.fut-activity-text{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    padding: 15px 20px;

    box-sizing: border-box;

}



.fut-activity-date{

    font-size: 14px;

    color: #666666;

    margin-bottom: 8px;

}



.fut-activity-ahref:hover .fut-activity-date{

    color: #ffffff;

}



.fut-activity-text-title{

    width: 100%;

    height: 62px;

    line-height: 31px;



    font-size: 20px;

    color: #333333;

    font-weight: bold;



    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-activity-ahref:hover .fut-activity-text-title{

    color: #ffffff;

}



.fut-activity-more{

    width: 30px;

    height: 30px;

    border-radius: 50%;



    background-image: url("../images/tb-more-a.png");

    background-size: 30px 30px;

}



.fut-activity-ahref:hover .fut-activity-more{

    background-image: url("../images/tb-more-b.png");

}



.fut-activity-show{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-activity-show-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



    padding: 45px;

    box-sizing: border-box;

    margin-bottom: 60px;

    background-image: url(../images/bg-link.png);
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-activity-show-title{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}



.fut-activity-show-title h2{

    font-size: 28px;

    color: #333333;

    font-weight: bold;

    margin-bottom: 0;

    position: relative;

}



.fut-activity-show-menu{

    width: 100%;

    height: auto;

    overflow: hidden;



    margin-top: 35px;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;



    position: relative;

}



.fut-activity-show-menu:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(

        to right,

        transparent,

        #d4d4d4 20%,

        #d4d4d4 80%,

        transparent

    );

}



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

    width: calc(15% - 20px);

    height: 40px;

    border-radius: 10px 10px 0 0;

    line-height: 40px;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    text-align: center;

    background-color: #dddddd;

    margin: 0 10px;

    cursor: pointer;

    text-decoration: none;

}



.fut-activity-show-li-a{

    color: #ffffff;

    background-color: #333333;

}



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

    color: #ffffff;

    background-color: #e7141a;

}



.fut-activity-show-menu .current{

    color: #ffffff;

    background-color: #e7141a;

}



.fut-activity-show-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 45px 45px 0;

    box-sizing: border-box;

}

.fut-activity-show-width{
    font-size: 16px;
    padding: 0 10%;
    box-sizing: border-box;
}

.fut-activity-show-box{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-activity-show-box p{

    font-weight: normal;

    text-align: left;

    margin-bottom: 10px;

    letter-spacing: 1px;

    font-size: 16px;

    color: #333333;

}



.fut-activity-show-box p img{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: 0;

    border-radius: 5px;

    margin-bottom: 15px;

}



.fut-activity-show-cases{

    width: 100%;

    height: auto;

    overflow: hidden;

}



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

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 10px;

    border: 1px solid #d4d4d4;

    border-radius: 5px;

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

    margin-bottom: 30px;



    cursor: pointer;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}

.fut-activity-hig-img{
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.fut-activity-hig-box{
    padding: 0px;
}

.fut-activity-cases-box:hover, .fut-activity-hig-box:hover{

    background-color: #364f6b;

}



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

    width: 100%;

    height: 200px;

    object-fit: cover;

    transition: transform 0.5s ease;

    border-radius: 5px 5px 0 0;

}



.fut-activity-hig-box:hover img{
    transform: scale(1.05);
}



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

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

    display: inline-block;

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.fut-activity-hig-box span{
    margin-top: 10px;
}



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

    line-height: 30px;

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    margin: 8px 0 5px;

    padding: 0 15px;

    box-sizing: border-box;

}

.fut-activity-hig-box h2{
    margin-top: 5px;
    min-height: 60px;
    white-space: normal;
    margin-bottom: 15px;
    font-size: 18px;
}



.fut-activity-cases-box h4{

    line-height: 25px;

    font-size: 16px;

    color: #555555;

    font-weight: bold;

    margin: 0 0 5px;

}



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

    line-height: 20px;

    font-size: 14px;

    color: #777777;

    font-weight: normal;

    padding: 0 15px;

    box-sizing: border-box;

}



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

    color: #ffffff;

}



.fut-activity-hig-box:hover h2, .fut-activity-hig-box:hover span{

    color: #ffffff;

}



.fut-activity-show-rank{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 0 15px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: nowrap;

}



.fut-activity-rank-id, .fut-activity-rank-title, .fut-activity-rank-school, .fut-activity-rank-num{

    height: 90px;

    line-height: 30px;

    text-align: left;

    color: #364f6b;

    padding: 30px 0;

    box-sizing: border-box;

    border-bottom: 1px solid #d4d4d4;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-activity-rank-id{

    font-size: 14px;

    font-weight: bold;

    margin-right: 30px;

}



.id-wh{

    width: 30px;

    height: 30px;

    line-height: 30px;

    padding: 0;

    margin: 30px 30px 30px 0;

    border-radius: 50%;

    text-align: center;

    font-size: 16px;

    color: #ffffff;

    font-weight: normal;

}



.id-color-1{

    background-color: #FF4444;

}



.id-color-2{

    background-color: #FF7043;

}



.id-color-3{

    background-color: #FF9800;

}



.id-color-4{

    background-color: #FFC107;

}



.id-color-5{

    background-color: #CDDC39;

}



.id-color-6{

    background-color: #4CAF50;

}



.id-color-7{

    background-color: #009688;

}



.id-color-8{

    background-color: #00BCD4;

}



.id-color-9{

    background-color: #2196F3;

}



.id-color-10{

    background-color: #3F51B5;

}



.fut-activity-rank-title{

    font-size: 16px;

    font-weight: normal;

    flex: 1;

    margin-right: 30px;

}



.fut-activity-rank-school{

    width: auto;

    margin-right: 30px;

}



.fut-activity-rank-num{

    width: auto;

    /*max-width: 10%;*/

}



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

    width: 100%;

    height: auto;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    padding: 45px;

    box-sizing: border-box;

    margin-bottom: 60px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



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

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



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

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



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

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 10px;

    position: relative;

}



.fut-activity-sub-title h2:after, .fut-cont-sub-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-activity-sub-title:hover.fut-activity-sub-title h2::after,

.fut-cont-sub-title:hover.fut-cont-sub-title h2::after{

    width: 100%;

}



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

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

}



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

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-end;

}



.fut-cont-sub-note{

    padding-left: 30px;

}



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

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 5px;

    color: #e7141a;

}



/************* feed **************/



.fut-feed{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 0px;

}



.fut-feed-menu{

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 5px;

}



.fut-feed-group{

    width: 100%;

    height: auto;

    overflow: hidden;

    background-color: #eeeeee;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



.fut-feed-group-header{

    width: 100%;

    height: 40px;

    line-height: 40px;

    padding-left: 45px;

    padding-right: 45px;

    text-align: left;

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

    cursor: pointer;

    margin-bottom: 10px;

    background-color: #364f6b;

    /*border-radius: 10px;*/



    position: relative;

}



.fut-feed-group:nth-child(2) .fut-feed-group-header{

    margin-top: 10px;

}



.fut-feed-group-header:after{

    content: '';

    width: 20px;

    height: 20px;

    background-image: url("../images/tb-zw.png");

    background-size: 20px 20px;

    background-repeat: no-repeat;

    position: absolute;

    top: 10px;

    left: 15px;

}



.fut-feed-menu .fut-feed-group:nth-child(2) .fut-feed-group-header:after{

    content: '';

    width: 20px;

    height: 20px;

    background-image: url("../images/tb-xz.png");

    background-size: 20px 20px;

    background-repeat: no-repeat;

    position: absolute;

    top: 10px;

    left: 15px;

}



.fut-feed-group-header:before{

    content: '';

    width: 10px;

    height: 6px;

    background-image: url("../images/tb-arrow-to-bottom-white.png");

    background-size: 10px 6px;

    background-repeat: no-repeat;

    position: absolute;

    top: 18px;

    right: 15px;

}



.fut-feed-group-content{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding-left: 45px;

    box-sizing: border-box;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



/*.fut-feed-menu .fut-feed-group:nth-child(2) .fut-feed-group-content{

    display: none;

}*/



.fut-feed-group-item{

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 15px;

    color: #666666;

    font-weight: bold;

    cursor: pointer;

}



.fut-feed-group-item:hover{

    color: #364f6b;

}



.fut-feed-group-content .current{

    color: #364f6b;

}



.fut-feed-content{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: flex-start;

    flex-wrap: wrap;

}



.fut-feed-li-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 25px;

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

}



.fut-feed-li-ahref{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    background-color: #eeeeee;

    text-decoration: none;

}



.fut-feed-li-ahref:hover{

    background-color: #364f6b;

    border-radius: 5px;

}



.fut-feed-li-img{

    width: 100%;

    height: 200px;

    overflow: hidden;

    border-radius: 5px 5px 0 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{

    height: 280px;

}



.fut-feed-li-img img{

    width: 100%;

    height: 200px;

    object-fit: cover;

    transition: transform 0.5s ease;

    border-radius: 5px 5px 0 0;

}



.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: 280px;

}



.fut-feed-li-container:hover .fut-feed-li-img img{

    transform: scale(1.05);

}



.fut-feed-li-text{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    padding: 15px 20px;

    box-sizing: border-box;

}



.fut-feed-li-date{

    font-size: 14px;

    color: #666666;

    margin-bottom: 8px;

}



.fut-feed-li-ahref:hover .fut-feed-li-date{

    color: #ffffff;

}



.fut-feed-li-title{

    width: 100%;

    height: 62px;

    line-height: 31px;



    font-size: 20px;

    color: #333333;

    font-weight: bold;



    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-feed-li-ahref:hover .fut-feed-li-title{

    color: #ffffff;

}



.fut-feed-head{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-feed-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-feed-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    text-align: justify;

    padding-bottom: 10px;

    position: relative;

}



.fut-feed-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-feed-title:hover h2::after{

    width: 100%;

}



.fut-feed-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



.fut-feed-search-container{

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-feed-search{

    width: 300px;

    height: 38px;

    margin-right: 10px;

    position: relative;

}



.fut-feed-search-input{

    width: 100%;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;



    border-radius: 19px;

    text-indent: 10px;

    outline: none;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



input.fut-feed-search-input::placeholder{

    color: #999999;

    opacity: 1;

}



.fut-feed-search-img{

    width: 26px;

    height: 26px;

    cursor: pointer;



    position: absolute;

    top: 5px;

    right: 12px;

    z-index: 2;

}



.fut-feed-show{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-feed-show-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    padding: 45px 60px;

    box-sizing: border-box;

    margin-bottom: 60px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-feed-show-title{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    cursor: pointer;

    position: relative;

}



.fut-feed-show-title:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(

            to right,

            transparent,

            #d4d4d4 20%,

            #d4d4d4 80%,

            transparent

    );

}



.fut-feed-show-title h2{

    font-size: 28px;

    color: #333333;

    font-weight: bold;

    position: relative;

    margin-bottom: 15px;

}



.fut-feed-show-title p{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    margin-bottom: 10px;

}



.fut-feed-show-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 45px 30px 0;

    box-sizing: border-box;

}



.fut-feed-show-box{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-feed-show-box p{

    letter-spacing: 1px;

    font-size: 16px;

    color: #333333;

    text-align: left;

    text-indent: 2em;

    font-weight: normal;

    line-height: 25px;

    margin-bottom: 10px;

}



.fut-feed-show-box img{

    display: block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: 0;

    border-radius: 5px;

    margin: 0 auto;

}



.fut-feed-up-next-container{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 30px 30px 0;



    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



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

    display: inline-block;

    height: 30px;

    line-height: 30px;

    text-decoration: none;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

}



.fut-feed-up-next-container span{

    width: 1px;

    height: 16px;

    background-color: #666666;

    margin: 7px 25px;

}



/************* publish **************/



.fut-pub{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

}



.fut-pub-head{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

}



.fut-pub-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-pub-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 10px;

    position: relative;

}



.fut-pub-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-pub-title:hover h2::after{

    width: 100%;

}



.fut-pub-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



.fut-pub-menu{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-end;

}



.fut-pub-botton{

    width: 180px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    background-color: #e7141a;

    font-size: 16px;

    color: #ffffff;

    border-radius: 19px;

    cursor: pointer;

    margin-top: 20px;

    text-decoration: none;

}



.fut-pub-botton:hover{

    background-color: #364f6b;

    color: #ffffff;

}



.fut-pub-botton img{

    width: 20px;

    height: 20px;

}



.fut-pub-botton span{

    height: 20px;

    line-height: 20px;

}



.fut-pub-menu-top{

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-pub-menu-box{

    width: auto;

    height: 38px;

    line-height: 36px;

    padding: 0 20px;

    margin: 0 10px;

    cursor: pointer;

    border: 1px solid #364f6b;

    border-radius: 20px;

    white-space: nowrap;

}



.fut-pub-menu .current{

    background-color: #364f6b;

    color: #ffffff;

}



.fut-pub-menu-box:hover{

    background-color: #364f6b;

    color: #ffffff;

}



.fut-pub-menu-bottom{

    width: 300px;

    height: 38px;



    position: relative;

}



.fut-pub-menu-search{

    width: 300px;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;



    border-radius: 19px;

    text-indent: 10px;

    outline: none;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



input.fut-pub-menu-search::placeholder{

    color: #999999;

    opacity: 1;

}



.fut-pub-menu-search-img{

    width: 26px;

    height: 26px;

    cursor: pointer;



    position: absolute;

    top: 5px;

    right: 12px;

    z-index: 2;

}



.fut-pub-n-box{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



    padding: 45px;

    box-sizing: border-box;

    margin-top: 30px;

    margin-bottom: 60px;

}



.fut-pub-ahref{

    padding: 0 15px;

    text-decoration: none;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: nowrap;

}



.fut-pub-ahref:hover{

    background-color: #364f6b;

    border-radius: 10px;

}



.fut-pub-ahref:hover .fut-pub-n-date,

.fut-pub-ahref:hover .fut-pub-n-title,

.fut-pub-ahref:hover .fut-pub-n-name,

.fut-pub-ahref:hover .fut-pub-n-school

{

    color: #ffffff;

    border-bottom: 1px solid #364f6b;

}



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

    height: 89px;

    line-height: 30px;

    text-align: left;

    color: #364f6b;

    padding: 30px 0;

    box-sizing: border-box;

    border-bottom: 1px solid #d4d4d4;



    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-pub-n-date{

    font-size: 14px;

    font-weight: normal;

    margin-right: 30px;

}



.fut-pub-n-title{

    font-size: 16px;

    font-weight: bold;

    flex: 1;

    margin-right: 30px;

}



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

    font-size: 16px;

    font-weight: normal;

    text-align: right;

}



.fut-pub-n-name{

    width: 60px;

    max-width: 10%;

}



.fut-pub-n-school{

    width: auto;

    max-width: 20%;

    margin-right: 30px;

}



.fut-pub-show{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-pub-show-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    padding: 45px 60px;

    box-sizing: border-box;

    margin-bottom: 60px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-pub-show-title{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    cursor: pointer;

    position: relative;

}



.fut-pub-show-title:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(

            to right,

            transparent,

            #d4d4d4 20%,

            #d4d4d4 80%,

            transparent

    );

}



.fut-pub-show-title h2{

    font-size: 28px;

    color: #333333;

    font-weight: bold;

    position: relative;

    margin-bottom: 15px;

}



.fut-pub-show-title p{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    margin-bottom: 10px;

}



.fut-pub-show-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 45px 30px 0;

    box-sizing: border-box;

}



.fut-pub-show-box{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-pub-show-box p{

    letter-spacing: 1px;

    font-size: 16px;

    color: #333333;

    text-align: left;

    text-indent: 2em;

    font-weight: normal;

    line-height: 30px;

    margin-bottom: 10px;

}



.fut-pub-show-box img{

    display: block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: 0;

    border-radius: 5px;

    margin: 0 auto;

}



.fut-pub-up-next-container{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 30px 15px 15px;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



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

    height: 38px;

    text-decoration: none;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    border: 1px solid #364f6b;

    padding: 5px 20px;

    box-sizing: border-box;

    border-radius: 20px;

    margin: 0 10px;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: nowrap;

}



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

    background-color: #364f6b;

    color: #ffffff;

}



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

    width: 1px;

    height: 16px;

    background-color: #666666;

    margin: 7px 25px;

}



/************* contribution **************/



.fut-cont{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

}



.fut-cont-head{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-cont-title{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    cursor: pointer;

}



.fut-cont-title h2{

    font-size: 42px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 10px;

    position: relative;

}



.fut-cont-title h2:after{

    content: "";

    width: 40px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 0;

    border-radius: 1px;

    transition: all 0.3s ease;

}



.fut-cont-title:hover h2::after{

    width: 100%;

}



.fut-cont-title p{

    font-size: 18px;

    color: #364f6b;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



.fut-cont-menu{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-cont-botton{

    width: 180px;

    height: 39px;

    line-height: 39px;

    text-align: center;

    background-color: #e7141a;

    font-size: 16px;

    color: #ffffff;

    border-radius: 19px;

    cursor: pointer;

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

}



.fut-cont-botton:hover{

    background-color: #364f6b;

}



.fut-cont-botton img{

    width: 20px;

    height: 20px;

}



.fut-cont-botton span{

    height: 20px;

    line-height: 20px;

}



.fut-cont-menu-bottom{

    width: 300px;

    height: 38px;

    margin-right: 10px;



    position: relative;

}



.fut-cont-menu-search{

    width: 300px;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;



    border-radius: 19px;

    text-indent: 10px;

    outline: none;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



input.fut-cont-menu-search::placeholder{

    color: #999999;

    opacity: 1;

}



.fut-cont-menu-search-img{

    width: 26px;

    height: 26px;

    cursor: pointer;



    position: absolute;

    top: 5px;

    right: 12px;

    z-index: 2;

}



.fut-cont-n-box{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    background-color: #ffffff;

    border-radius: 15px;

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



    padding: 45px;

    box-sizing: border-box;

    margin-top: 30px;

    margin-bottom: 60px;

}



.fut-cont-ahref{

    text-decoration: none;

    padding: 0 15px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: nowrap;

}



.fut-cont-ahref:hover{

    background-color: #364f6b;

    border-radius: 10px;

}



.fut-cont-ahref:hover .fut-cont-n-date,

.fut-cont-ahref:hover .fut-cont-n-title,

.fut-cont-ahref:hover .fut-cont-n-name,

.fut-cont-ahref:hover .fut-cont-n-school{

    color: #ffffff;

    border-bottom: 1px solid #364f6b;

}



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

    height: 90px;

    line-height: 30px;

    text-align: left;

    color: #364f6b;

    padding: 30px 0;

    box-sizing: border-box;

    border-bottom: 1px solid #d4d4d4;



    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-cont-n-date{

    font-size: 14px;

    font-weight: bold;

    margin-right: 30px;

}



.fut-cont-n-title{

    font-size: 16px;

    font-weight: bold;

    flex: 1;

    margin-right: 30px;

}



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

    font-size: 16px;

    font-weight: normal;

    text-align: right;

}



.fut-cont-n-name{

    width: auto;

    max-width: 10%;

}



.fut-cont-n-school{

    width: auto;

    max-width: 20%;

    margin-right: 30px;

}



.fut-cont-show{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-cont-show-container{

    width: 100%;

    height: auto;

    min-height: 650px;

    overflow: hidden;



    /*background-color: #ffffff;*/

    border-radius: 15px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    padding: 45px 60px;

    box-sizing: border-box;

    margin-bottom: 60px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-cont-show-title{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    cursor: pointer;

    position: relative;

}



.fut-cont-show-title:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(

            to right,

            transparent,

            #d4d4d4 20%,

            #d4d4d4 80%,

            transparent

    );

}



.fut-cont-show-title h2{

    font-size: 28px;

    color: #333333;

    font-weight: bold;

    position: relative;

    margin-bottom: 15px;

}



.fut-cont-show-title p{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    margin-bottom: 10px;

}



.fut-cont-show-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 45px 30px 0;

    box-sizing: border-box;

}



.fut-cont-show-box{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-cont-show-box p{

    letter-spacing: 1px;

    font-size: 16px;

    color: #333333;

    text-align: left;

    text-indent: 2em;

    font-weight: normal;

    line-height: 30px;

    margin-bottom: 10px;

}



.fut-cont-show-box img{

    display: block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    border: 0;

    border-radius: 5px;

    margin: 0 auto;

}



.fut-cont-up-next-container{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 30px 30px 0;



    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



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

    display: inline-block;

    height: 30px;

    line-height: 30px;

    text-decoration: none;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

}



.fut-cont-up-next-container span{

    width: 1px;

    height: 16px;

    background-color: #666666;

    margin: 7px 25px;

}



/************* page **************/



.fut-page-container{

    width: 100%;

    height: auto;

    overflow: hidden;



    margin: 15px 0 45px;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}

.fut-page-scale{
    transform: scale(0.8);
    transform-origin: center center;
}



.fut-mar-bot-0{

    margin-bottom: 0;

}



.fut-pub-page, .fut-cont-page{

    margin: 30px 0 15px;

}



.fut-page-num{

    width: 38px;

    text-align: center;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;

    border-radius: 50%;

    cursor: pointer;

    margin: 0 4px;

    color: #333333;

}

a.fut-page-num{
    color: #333333;
}


.fut-page-container .current, .fut-page-num:hover{

    background-color: #e7141a;

    border: 1px solid #e7141a;

    color: #ffffff;

}



/************* search **************/



.fut-search{

    display: none;

}



/************* m menu **************/



.fut-m-menu{

    display: none;

}



/************* button **************/



.fut-button{

    width: calc(100% - 120px);

    height: auto;

    overflow: hidden;

    /* background-color: #eaf0ff; */

    background-color: transparent;

    position: relative;

    top: -50px;

    z-index: 1000;

    margin: 0 auto;

}



.fut-relative{

    position: relative;

}



.fut-button-yz{

    width: 60px;

    height: auto;



    position: absolute;

    top: 10px;

    right: 10px;

}



.fut-button-hua{

    width: 80px;

    height: auto;



    position: absolute;

    bottom: 0;

    right: 15px;

}



.fut-button-box{

    width: 100%;

    height: auto;

    padding: 40px 0;

    box-sizing: border-box;

    border-radius: 5px;

    cursor: pointer;

    text-decoration: none;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-button-box img{

    width: 64px;

    height: 64px;

    transition: transform 0.4s ease-in-out, opacity 0.2s ease;

}



.b-show{

    transform: translateX(32px);

    opacity: 1;

}



.b-none{

    transform: translateX(-96px);

    opacity: 0;

}



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

    transform: translateX(-64px);

    opacity: 0;

}



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

    transform: translateX(-32px);

    opacity: 1;

}



.fut-button-box-text{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    margin-left: 15px;

    transform: translateX(-32px);

}



.fut-button-box-text h3{

    display: inline-block;

    color: #333333;

    font-size: 24px;

    font-weight: bold;

    margin: 4px 0 6px;

}



.fut-button-box-text span{

    display: inline-block;

    color: #666666;

    font-size: 18px;

    font-weight: normal;

    font-style: normal;

    height: 30px;

    line-height: 30px;

}



.fut-button-box:hover .fut-button-box-text h3, .fut-button-box:hover .fut-button-box-text span{

    color: #364f6b;

}



.fut-botton-enter{

    display: -webkit-box;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}



.erter-show{

    display: inline-block;

}



.erter-hide{

    display: none;

}



.fut-button-box:hover .fut-button-box-text .fut-botton-enter .erter-show{

    display: none;

}



.fut-button-box:hover .fut-button-box-text .fut-botton-enter .erter-hide{

    display: inline-block;

}



.fut-botton-enter img{

    width: 18px;

    height: 18px;

    margin-left: 5px;

}





/************* news **************/



.fut-news{

    width: 100%;

    height: auto;

    overflow: hidden;



    /*transform: translateY(-50px);*/

    /*background: url("../images/bg-footer.jpg") no-repeat center;*/

    /*background-size: cover;*/

}



.fut-news-title{

    width: 100%;

    text-align: center;

    padding: 40px 0 50px;

}



.fut-news-title h2{

    display: inline-block;

    font-size: 42px;

    text-align: center;

    line-height: 40px;

    padding: 10px 0 15px;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-weight: bold;

    cursor: pointer;

    position: relative;

}



.fut-news-title h2:after{

    content: "";

    width: 42px;

    height: 2px;

    /*background-color: #e7141a;*/

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 50%;

    border-radius: 1px;



    transition: all 0.3s ease;

    transform: translateX(-50%);

}



.fut-news-title h2:hover::after{

    width: 100%;

}



.fut-news-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 10px;

}



.fut-news-li-title{

    width: calc(100% - 120px);

    height: 60px;

    line-height: 50px;

    padding: 5px;

    border-radius: 30px;

    box-sizing: border-box;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

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

    background-color: #ffffff;

}



.fut-news-li-small-title{

    display: inline-block;

    width: auto;

    height: 50px;

    padding: 0 25px;

    box-sizing: border-box;

    font-size: 18px;

    color: #333333;

    text-align: center;

    font-weight: normal;

    cursor: pointer;

    text-decoration: none;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-news-li-small-title:hover{

    color: #ffffff;

    font-weight: bold;

    border-radius: 25px;

    background-image: linear-gradient(to right, #364f6b, #3467a0);

}



.fut-news-li-small-title .tb{

    width: 22px;

    height: auto;

    margin-right: 5px;

}



.tb-none-img{

    display: none;

}



.tb-show-img{

    display: inline-block;

}



.fut-news-li-title .current{

    color: #ffffff;

    font-weight: bold;

    border-radius: 25px;

    background-image: linear-gradient(to right, #364f6b, #3467a0);

}



.fut-news-li-small-title:hover .tb-none-img, .fut-news-li-small-title.current .tb-none-img{

    display: inline-block;

}



.fut-news-li-small-title:hover .tb-show-img, .fut-news-li-small-title.current .tb-show-img{

    display: none;

}



.fut-news-li-content{

    width: calc(100% - 120px);

    height: auto;

    overflow: hidden;

    margin-top: 30px;

    margin-bottom: 30px;

    border-radius: 20px;

    padding: 20px;

    box-sizing: border-box;

    border: 1px solid #f5f5f5;

    background-color: #ffffff;

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

}



.fut-news-li-content-box{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}



.fut-news-cover:hover{

    background-color: #364f6b;

    border-radius: 5px;

}



.fut-news-cover:hover .fut-news-box-title,

.fut-news-cover:hover .fut-news-box-content,

.fut-news-cover:hover .fut-news-box-date{

    color: #ffffff;

}



.fut-news-cover:hover .fut-news-box-img img{

    transform: scale(1.1);

}



.fut-news-box{

    width: 100%;

    height: 180px;

    overflow: hidden;

    cursor: pointer;

    text-decoration: none;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

}



.fut-news-box-img{

    width: 40%;

    height: 180px;

    overflow: hidden;

}



.fut-news-box-img img{

    width: 100%;

    height: 180px;

    margin-right: 15px;

    border-radius: 5px;

    transition: transform 1.5s ease;

    object-fit: cover;

}



.fut-news-box-text{

    width: calc(60% - 20px);



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



.fut-news-box-title{

    width: 100%;

    height: 56px;

    overflow: hidden;

    min-height: 30px;

    line-height: 28px;

    padding-bottom: 15px;

    box-sizing: border-box;



    text-align: left;

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    /*border-bottom: 1px solid #d4d4d4;*/

    margin-bottom: 15px;



    /*overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;*/

}



.fut-news-box-content{

    width: 100%;

    height: 66px;

    line-height: 25px;

    font-size: 14px;

    color: #666666;

    text-align: justify;

    padding-top: 15px;

    border-top: 1px solid #d4d4d4;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.fut-news-box-date{

    width: 100%;

    height: 30px;

    font-size: 12px;

    color: #999999;

    text-align: left;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-start;

}





/************* ablum **************/



.fut-ablum{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-ablum-title{

    width: 100%;

    text-align: center;

    padding: 40px 0 30px;

}



.fut-ablum-title h2{

    display: inline-block;

    font-size: 42px;

    text-align: center;

    line-height: 40px;

    padding: 10px 0 15px;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-weight: bold;

    cursor: pointer;

    position: relative;

}



.fut-ablum-title h2:after{

    content: "";

    width: 42px;

    height: 2px;

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 50%;

    border-radius: 1px;



    transition: all 0.3s ease;

    transform: translateX(-50%);

}



.fut-ablum-title h2:hover::after{

    width: 100%;

}



.fut-card-box{

    margin: 0 auto;

}



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

    width: calc(20% - 13px);

    overflow: hidden;

}



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

    width: 100%;

    /*aspect-ratio: 16 / 9;*/

    object-fit: cover;

}



.fut-ablum-container{

    width: 100%;

    height: calc(100% - 20px);

    overflow: hidden;

    margin-bottom: 20px;

    padding: 10px 10px 0;

    border: 1px solid #d4d4d4;

    background-color: #ffffff;

    border-radius: 5px;

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

}



.fut-ablum-container a{

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    text-decoration: none;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



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

    height: calc(100% - 48px);

}



.fut-ablum-img{

    max-width: 100%;

    max-height: 100%;

    transition: transform 0.5s ease;

    object-fit: cover;

}



.fut-ablum-container:hover{

    background-color: #364f6b;

}



.fut-ablum-container:hover .fut-ablum-book{

    color: #ffffff;

}



.fut-ablum-container:hover .fut-ablum-img{

    transform: scale(1.05);

}



.fut-ablum-book{

    width: 100%;

    height: 48px;

    line-height: 48px;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    box-sizing: border-box;

    margin-bottom: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



/************* media *************/



.fut-media{

    width: 100%;

    height: auto;

    min-height: 360px;

    overflow: hidden;



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

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}



.fut-media-box-scale{

    --scale: 1;

    transform-origin: top center;

    transform: scale(var(--scale));

}



.fut-media-box-title{

    width: 100%;

    text-align: center;

    padding: 40px 0 50px;

}



.fut-media-box-title h2{

    display: inline-block;

    font-size: 42px;

    text-align: center;

    line-height: 40px;

    padding: 10px 0 15px;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-weight: bold;

    cursor: pointer;

    position: relative;

}



.fut-media-box-title h2:after{

    content: "";

    width: 52px;

    height: 2px;

    /* background-color: #e7141a; */

    background-color: #393e46;

    position: absolute;

    bottom: 0px;

    left: 50%;

    border-radius: 1px;



    transition: all 0.3s ease;

    transform: translateX(-50%);

}



.fut-media-box-title h2:hover::after{

    width: 100%;

}



.fut-media-box{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 20px 20px 12px;

    box-sizing: border-box;

    border: 1px solid #f5f5f5;

    background-color: #ffffff;

    border-radius: 20px;

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



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

}



.fut-media-box-li{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    cursor: pointer;

}



.fut-media-box-li-img{

    width: 112px;

    height: 112px;

    overflow: hidden;

    padding: 5px;

    border: 1px solid #d4d4d4;

    border-radius: 5px;

    background-color: #ffffff;

    position: relative;

}



.fut-media-box-li-img img{

    width: 100px;

    height: 100px;

    position: absolute;

    top: 5px;

    left: 5px;

    object-fit: cover;

    transition: transform 0.4s ease-in-out, opacity 0.2s ease;

}



.img-show{

  transform: translateX(0);

  opacity: 1;

  z-index: 2;

}



.img-hide{

  transform: translateX(100%);

  opacity: 0;

  z-index: 1;

}



.fut-media-box-li-img:hover .img-show{

  transform: translateX(-100%);

  opacity: 0;

}



.fut-media-box-li-img:hover .img-hide{

  transform: translateX(0);

  opacity: 1;

}



.fut-media-box-li span{

    display: inline-block;

    width: 100%;

    font-size: 16px;

    color: #333333;

    line-height: 30px;

    text-align: center;

}



/************* link *************/



.fut-link-out{

    width: 100%;

    height: auto;

    overflow: hidden;



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

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;



    padding-top: 10px;

    padding-bottom: 50px;

}



.fut-link{

    width: calc(100% - 120px);

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    border: 1px solid #f5f5f5;

    background-color: #ffffff;

    border-radius: 20px;

    padding: 20px;

    box-sizing: border-box;



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



    /*margin-top: 10px;

    margin-bottom: 40px;*/

}



.fut-link-title{

    display: inline-block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #333333;

    line-height: 30px;

    font-weight: bold;

    text-indent: 30px;

    position: relative;

}



.fut-link-title:after{

    content: '';

    width: 20px;

    height: 20px;

    background-image: url("../images/i-link.png");

    background-size: 20px 20px;

    position: absolute;

    top: 6px;

    left: 0;

}



.fut-link-content{

    width: 100%;

    height: auto;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: flex-start;

    flex-wrap: wrap;

}



.fut-link-content a{

    display: inline-block;

    margin-right: 20px;

    font-size: 14px;

    color: #666666;

    text-decoration: none;

    height: 30px;

    line-height: 30px;

    margin-bottom: 10px;

}



.fut-link-content a:hover{

    color: #e7141a;

    text-decoration: none;

}



/************* footer *************/



.fut-footer{

    width: 100%;

    height: auto;

    overflow: hidden;



    background-color: #0d143f;

    /*border-top: 1px solid #d4d4d4;*/

    padding-top: 50px;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;



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



    /*background: url("../images/bg-footer2.jpg") no-repeat center;

    background-size: cover;*/



    position: relative;

}



.fut-footer-menu{

    width: 100%;

    height: auto;

    overflow: hidden;



    padding: 35px 0 30px;



    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}



.fut-footer-menu-li{

    width: 25%;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}



.fut-footer-menu-li a{

    display: inline-block;

    width: auto;

    height: 32px;

    line-height: 32px;

    cursor: pointer;

    font-size: 16px;

    color: #ffffff;

    text-align: left;

    font-weight: normal;

    text-decoration: none;

    /*padding: 0 6px;*/

    box-sizing: border-box;

    position: relative;

}



.fut-footer-menu-li a:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 1px;

    /*background-color: #666666;*/

    background-color: #ffffff;

    transition: width 0.3s ease;

}



.fut-footer-menu-li a:hover::after{

    font-weight: bold;

    width: 100%;

}



.fut-footer-img{

    width: 185px;

    height: auto;

}



.fut-footer-tel-container{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: flex-start;

}



.fut-footer-box{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



    margin-left: 25px;

    padding-right: 30px;

    box-sizing: border-box;



    position: relative;

}



.fut-footer-box:nth-child(3){

    padding-right: 0;

}



.fut-footer-box:after{

    content: '';

    width: 10px;

    height: 16px;

    background-image: url("../images/tb-line.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    top: 20px;

    right: 0;

}



.fut-footer-box:nth-child(3):after{

    background-image: none;

}



.fut-footer-box p{

    font-size: 18px;

    font-weight: bold;

    /*color: #1d1d1d;*/

    color: #ffffff;

    margin-bottom: 0;

    height: 30px;

    line-height: 30px;

}



.fut-footer-box span{

    font-size: 16px;

    font-weight: normal;

    /*color: #999999;*/

    color: #ffffff;

    height: 25px;

    line-height: 25px;

    margin-bottom: 0;

    text-indent: 15px;

}



.fut-footer-link{

    width: 100%;

    background-color: #e7141a;

    /* background-color: #364f6b; */

}



.fut-footer-link-title{

    font-size: 32px;

    line-height: 100px;

    color: #ffffff;

    margin-bottom: 0;

}



.footer-top{

    width: 100%;

    background-color: #ffffff;

}



.fut-footer-logo{

    line-height: 130px;

    border-bottom: 1px solid #d4d4d4;

}



.fut-footer-tel{

    width: 90%;

    height: calc(100% - 140px);

    overflow: hidden;



    margin: 0 auto;



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-footer-li{

    width: 33.3333%;



    position: relative;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-footer-li:nth-child(1):after, .fut-footer-li:nth-child(2):after{

    content: "";

    background: #eaeaea;

    width: 1px;

    height: 100px;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -50px;

}



.fut-footer-li-img{

    width: 60px;

    height: 60px;

}



.fut-footer-li-title{

    width: auto;

    height: 40px;

    line-height: 30px;

    font-weight: normal;

    padding-bottom: 10px;

    margin-bottom: 12px;

    font-size: 16px;

    position: relative;

}



.fut-footer-li-title:after{

     content: "";

     background: #e7141a;

     width: 30px;

     height: 3px;

     position: absolute;

     left: 50%;

     bottom: 0;

     margin-left: -15px;

     border-radius: 2px;

 }



.fut-footer-li-txt{

    font-size: 16px;

    color: #333333;

    height: 30px;

    line-height: 30px;

    font-weight: 500;

    margin-bottom: 0;

}



.fut-footer-about{

    width: 100%;

    padding: 30px 0 30px 15px;

    box-sizing: border-box;

}



.fut-footer-about-title{

    font-size: 18px;

    color: #333333;

    margin-bottom: 15px;

    font-weight: bold;

}



.fut-footer-about-des{

    font-size: 14px;

    color: #666666;

}



.fut-footer-about-des p{

    text-align: justify;

    text-indent: 2em;

    margin-bottom: 10px;

    line-height: 25px;

}



.fut-footer-btm{

    width: 100%;

    /*background-color: #ffffff;*/

    border-top: 1px solid rgba(255, 255, 255, .2);

}



.fut-footer-btm a{

    display: inline-block;

    font-size: 14px;

    /*color: #666666;*/

    color: #ffffff;

    text-decoration: none;

    margin: 25px 15px 25px 0;

    padding-right: 25px;

    position: relative;

}



.fut-footer-btm a:after{

    content: '';

    width: 10px;

    height: 16px;

    background-image: url("../images/tb-line.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    top: 2px;

    right: 0;

}



.fut-footer-btm a:nth-child(3):after{

    background-image: none;

}



.fut-fixed{

    width: 320px;

    height: auto;

    overflow: hidden;

    position: fixed;

    bottom: 95px;

    right: 60px;

    z-index: 1050;



    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-nfixed{

    position: absolute;

}



.fut-fixed-menu-button{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

    flex-wrap: wrap;

}



.fut-fixed-menu-button-li{

    width: 130px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    background-color: #364f6b;

    cursor: pointer;



    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-fixed-menu-button-li:hover{

    background-color: #e7141a;

}



.fut-fixed-menu-button-li:nth-child(1){

    border-radius: 16px 0 0 16px;

    position: relative;

    border-right: 1px solid #ffffff;

}



.fut-fixed-menu-button-li:nth-child(2){

    border-radius: 0 16px 16px 0;

}



.fut-fixed-menu-button-li img{

    width: 18px;

    height: 18px;

}



.fut-fixed-menu-button-li a{

    color: #ffffff;

    text-decoration: none;

    padding: 0 2px;

    font-size: 14px;

    font-weight: normal;

}



.fut-fixed-top{

    width: 30px;

    height: 30px;

    margin-left: 10px;

}



/************* login *************/



.fut-login{

    width: 100%;

    height: 89px;

    background-color: rgba(255, 255, 255, .5);

    border-bottom: 1px solid #ddd;

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

}



.fut-login-header{

    width: 100%;

    height: 90px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-login-logo{

    width: 60px;

    height: 60px;

    margin: 15px 10px;

}



.fut-login-hone{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    text-decoration: none;

    margin-right: 10px;

}



.fut-login-iframe{

    width: 100%;

    height: auto;

    /*min-height: 650px;*/

    overflow: hidden;

    margin-top: 90px;



    background-image: url("../images/user-bg.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.fut-login-flex{

    /*height: auto;*/

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}



.col-other-l{

    width: 70%;

}



.col-other-r{

    width: 30%;

}



.fut-login-publicity{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}



.fut-login-publicity h2{

    display: inline-block;

    font-size: 40px;

    color: #ffffff;

    height: 45px;

    line-height: 45px;

    box-sizing: border-box;

    margin-bottom: 20px;

    font-weight: bold;

}



.fut-login-publicity p{

    display: inline-block;

    font-size: 16px;

    color: #ffffff;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

}



.fut-login-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 15px;

    border-radius: 10px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

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

    background-color: #ffffff;

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

    background-repeat: no-repeat;

    background-size: cover;

}



.fut-login-title{

    width: 100%;

    height: 70px;

    line-height: 70px;

    border-bottom: 1px solid #d4d4d4;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

}



.fut-login-menu-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    padding-top: 20px;

}



.fut-login-menu-container span{

    display: inline-block;

    width: 50%;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    text-align: center;

    cursor: pointer;

}



.fut-login-menu-container span.current{

    font-weight: bold;

    position: relative;

}



.fut-login-menu-container span.current:after{

    content: '';

    width: 25px;

    height: 2px;

    background-color: #364f6b;

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

}



.fut-login-input-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 10px 20px 20px;

    box-sizing: border-box;

}



.fut-login-box{

    width: 100%;

    /*height: 360px;*/

    height: auto;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

}



.fut-login-li{

    width: 100%;

    height: 40px;

    overflow: hidden;

    margin-top: 20px;

    position: relative;

}



.fut-login-li-ma{

}



.fut-login-li-top{

    margin-top: 20px;

}



.fut-login-li-code-span{

    width: auto;

    height: 30px;

    position: absolute;

    top: 12px;

    right: 10px;

    z-index: 10;

    font-size: 12px;

    color: #364f6b;

}



.fut-user-li-code-span{

    width: auto;

    height: 30px;

    position: absolute;

    top: 12px;

    right: 10px;

    z-index: 10;

    font-size: 12px !important;

    color: #364f6b !important;

    letter-spacing: 1px !important;

}



.fut-login-li-name-img, .fut-login-li-pass-img, .fut-login-li-phone-img, .fut-login-li-code-img{

    width: 14px;

    height: 14px;

    position: absolute;

    top: 13px;

    left: 10px;

    z-index: 2;

}



.fut-login-li-name, .fut-login-li-pass, .fut-login-li-phone, .fut-login-li-code{

    width: 100%;

    height: 40px;

    line-height: 40px;

    outline: none;

    border: 1px solid #d4d4d4;

    border-radius: 5px;

    text-indent: 30px;

    font-size: 16px;

    color: #666666;

    position: absolute;

    top: 0;

    left: 0;

}



input.fut-login-li-name::placeholder,

input.fut-login-li-phone::placeholder,

input.fut-login-li-code::placeholder,

input.fut-login-li-pass::placeholder{

    color: #999999;

    opacity: 1;

}

.fut-login-li-ma{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: static;
}

.fut-login-li-pass-txt-ma{
    width: calc(100% - 150px);
    height: 40px;
    line-height: 40px;
    outline: none;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 16px;
    color: #666666;
    position: static;
}


.fut-login-li-pass-ma{
    width: 144px;
    height: 40px;
    border: 0;
    border-radius: 5px;
}


.fut-login-botton{

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    letter-spacing: 1px;

    font-size: 16px;

    color: #ffffff;

    background-color: #364f6b;

    border-radius: 5px;

    margin-top: 20px;

    cursor: pointer;

    text-decoration: none;

}



.fut-login-botton:hover{

    color: #ffffff;

    text-decoration: none;

    background-color: #e7141a;

}



.fut-login-botton-bottom{

    width: 100%;

    height: auto;

    margin-top: 25px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-login-botton-bottom p{

    width: 100%;

    font-size: 14px;

    color: #666666;

    text-decoration: none;

    text-align: center;

    margin-bottom: 15px;

}



.fut-login-botton-bottom a{

    display: inline-block;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    color: #666666;

    text-decoration: underline;

}



.fut-login-wx-img{

    width: 200px;

    height: 200px;

    margin-top: 20px;

}



.fut-login-wx{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    margin-top: 15px;

}



.fut-login-wx img{

    width: 18px;

    height: 18px;

    margin-right: 5px;

}



.fut-login-wx-txt{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    letter-spacing: 1px;

}



.fut-login-footer{

    width: 100%;

    height: auto;

    overflow: hidden;

    background-color: #0d143f;

}



.fut-login-footer-container a{

    display: inline-block;

    font-size: 14px;

    color: #ffffff;

    text-decoration: none;

    margin: 25px 15px 25px 0;

    padding-right: 25px;

    position: relative;

}



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

    content: '';

    width: 10px;

    height: 16px;

    background-image: url('../images/tb-line.png');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    top: 2px;

    right: 0;

}



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

    background-image: none;

}



.fut-user-container{

    width: 100%;

    height: auto;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items:center;

    /*background-color: #ffffff;*/

    border-radius: 10px;

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



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

    background-repeat: no-repeat;

    background-size: cover;



    position: relative;

}



.fut-user-info{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    padding-top: 25px;

    margin-bottom: 15px;

}



.fut-user-img{

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.fut-user-info span{

    font-size: 16px;

    color: #333333;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    margin-top: 5px;

}



.fut-user-li, .fut-user-li-a{

    width: 100%;

    height: 49px;

    line-height: 49px;

    border-bottom: 1px solid #d4d4d4;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    position: relative;

}



.fut-user-li-a{

    border-bottom: none;

}



.fut-user-li:hover{

    border-bottom: none;

}



.fut-user-li::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 1px;

    background-color: #e7141a;

    transition: width 0.5s ease;

}



.fut-user-li:hover::after {

    width: 100%;

}



.fut-user-li:nth-child(7){

    border-bottom: none;

}



.fut-user-li img, .fut-user-li-a img{

    width: 16px;

    height: 16px;

    margin-right: 5px;

}



.fut-user-li img{

    margin-right: 8px;

}



.fut-user-li span, .fut-user-li-a span{

    font-size: 15px;

    color: #333333;

    font-weight: normal;

}



.fut-user-li:hover span, .fut-user-li-a:hover span{

    color: #e7141a;

}



.fut-user-content-bg{

    min-height: 520px;

    background-color: #ffffff;

    border-radius: 10px;

    padding: 20px 30px 40px;

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

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

    background-repeat: no-repeat;

    background-size: cover;

}



.fut-user-content{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-user-title, .fut-user-title-cert{

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-bottom: 30px;

}



.fut-user-title-cert{

    margin-top: 30px;

}



.fut-user-input{

    width: 100%;

    height: 40px;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 35px;

}



.fut-user-input-position{

    position: relative;

}



.fut-user-input span{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    letter-spacing: 10px;

}



.fut-user-input input{

    height: 40px;

    line-height: 40px;

    outline: none;

    flex: 1;

    border-radius: 10px;

    border: 1px solid #d4d4d4;

    text-indent: 10px;

}



.fut-user-select{

    height: 40px;

    line-height: 40px;

    outline: none;

    flex: 1;

    border-radius: 5px;

    border: 1px solid #d4d4d4;

    text-indent: 10px;

    color: #666666;

}



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

    width: 100%;

    height: 40px;

    line-height: 40px;

    border-radius: 10px;

    background-color: #364f6b;

    text-align: center;

    letter-spacing: 2px;

    font-size: 16px;

    color: #ffffff;

    font-weight: normal;

    cursor: pointer;

    margin-top: 15px;

}

.fut-user-save{

    margin-top: 0;

}



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

    background-color: #e7141a;

}



.fut-user-save{

    background-color: #333333;

}

.mar-auto{
    margin: 0 auto;
}



.fut-user-record{

    width: 100%;

    height: 40px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-user-record-li{

    width: 25%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    text-indent: 5px;

    font-size: 16px;

    color: #333333;

    font-weight: bold;

    border-top: 1px solid #d4d4d4;

    border-left: 1px solid #d4d4d4;

    border-bottom: 1px solid #d4d4d4;

}



.fut-user-record-li:nth-child(1){

    width: 40%;

    border-radius: 10px 0 0 10px;

}



.fut-user-record-li:nth-child(2), .fut-user-record-li:nth-child(3){

    width: 20%;

}



.fut-user-record-li:nth-child(4){

    width: 20%;

    border-right: 1px solid #d4d4d4;

    border-radius: 0 10px 10px 0;

}



.fut-user-record-content{

    width: 100%;

    height: auto;

    overflow: hidden;



    margin: 15px 0;



    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



.fut-user-record-content-li{

    width: 100%;

    box-sizing: border-box;

    height: auto;

    overflow: hidden;

    margin-bottom: 5px;

    cursor: pointer;

    border-radius: 5px;



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: nowrap;

}



.fut-user-record-content-li:hover{

    background-color: #f5f5f5;

}



.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: 25%;

    height: 45px;

    line-height: 45px;

}



.fut-user-record-title{

    width: 40%;

    font-size: 15px;

    color: #333333;

    font-weight: bold;

    text-align: left;

    text-indent: 10px;

}



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

    width: 20%;

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    text-align: center;

}



.fut-user-record-status{

    width: 20%;

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    text-align: center;

}



.status-no{

    color: #e7141a;

}



.status-yes{

    color: #339d32;

}



.status-normal{

    color: #333333;

}



.fut-user-record-cert{

    width: 20%;

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    text-align: center;

}



.fut-user-record-cert span{

    display: inline-block;

    width: auto;

    min-width: 80px;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

    background-color: #e7141a;

    font-size: 14px;

    color: #ffffff;

    font-weight: normal;

    text-align: center;

    border-radius: 5px;

    cursor: pointer;

}



.fut-user-record-cert span:hover{

    background-color: #364f6b;

}



.fut-user-cert{

    width: 100%;

    height: auto;

    overflow: hidden;



    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: flex-start;

    flex-wrap: wrap;

}



.fut-user-cert-box{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;



    position: relative;

    cursor: pointer;

}



.fut-user-cert-cover{

    display: flex;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    background-color: rgba(0, 0, 0, .65);

    border-radius: 5px;



    display: none;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-user-cert-box:hover .fut-user-cert-cover{

    display: flex;

}



.fut-user-cert-cover span{

    padding: 3px 10px;

    background-color: #e7141a;

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    height: 30px;

    width: 60px;

    border-radius: 15px;

    letter-spacing: 1px;

    text-align: center;

}



.fut-user-cert-cover span:hover{

    background-color: #364f6b;

}



.fut-user-cert-img{

    width: calc(100% - 20px);

    height: auto;

    margin: 5px 5px 2px 5px;

}



.fut-user-cert-span{

    display: inline-block;

    width: 100%;

    height: 30px;

    line-height: 30px;

    margin: 0 10px 10px;

    text-align: center;

    font-size: 15px;

    font-weight: bold;

}



.fut-user-cert-note{

    margin-top: 45px;

    font-size: 12px;

    font-weight: normal;

    color: #e7141a;

    text-align: left;

}



.fut-user-points{

    width: 100%;

    height: 40px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.fut-user-points-li{

    width: 25%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    text-indent: 5px;

    font-size: 16px;

    color: #333333;

    font-weight: bold;

    border-top: 1px solid #d4d4d4;

    border-left: 1px solid #d4d4d4;

    border-bottom: 1px solid #d4d4d4;

}



.fut-user-points-li:nth-child(1){

    border-radius: 10px 0 0 10px;

}



.fut-user-points-li:nth-child(4){

    border-right: 1px solid #d4d4d4;

    border-radius: 0 10px 10px 0;

}



.fut-user-record-20{

    width: 20%;

}



.fut-user-record-40{

    width: 40%;

}



/************* submission  *************/



.fut-submission-bg{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .75);

    z-index: 1520;



    display: none;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    cursor: pointer;

}



.fut-submission-container{

    width: 60%;

    max-width: 1440px;

    height: auto;

    min-height: 75%;

    max-height: 90%;

    overflow: hidden;

    background-color: #ffffff;

    border-radius: 10px;

    padding: 60px 90px 30px;

    box-sizing: border-box;

    cursor: auto;

    position: relative;

}



.fut-submission-close{

    width: 30px;

    height: 30px;

    cursor: pointer;

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 1530;

}



.fut-submission-title{

    width: 100%;

    height: 45px;

    margin: 0 10px 45px;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: flex-end;

}



.fut-submission-title span{

    display: inline-block;

    font-size: 40px;

    color: #333333;

    font-weight: bold;

    height: 45px;

    line-height: 45px;

}



.fut-submission-title p{

    display: inline-block;

    font-size: 14px;

    color: #e7141a;

    font-weight: normal;

    height: auto;

    line-height: 20px;

    margin: 0 0 0 10px;

    flex: 1;

}



.fut-submission-over-y{

    width: 100%;

    height: auto;

    overflow: hidden;



    margin-top: 45px;

}



.fut-submission-li{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 25px;



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.li-height-auto{

    height: auto;

    justify-content: flex-start;

}



.li-height-auto img{

    border: 1px solid #d4d4d4;

    width: 100px;

    height: 100px;

    margin-left: 10px;

    border-radius: 5px;

    cursor: pointer;

    background-color: #ffffff;

}



.li-flex{

    justify-content: center;

    margin: 35px 0 0;

}



.fut-submission-input{

    width: calc(50% - 20px);

    height: 40px;

    margin: 0 10px;

}



.fut-submission-input-x{

    width: calc(33.3333% - 20px);

    height: 40px;

    margin: 0 10px;

}



.fut-submission-input span{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    letter-spacing: 10px;

}



.fut-submission-select{

    width: 100%;

    height: 40px;

    line-height: 40px;

    outline: none;

    flex: 1;

    border-radius: 10px;

    border: 1px solid #d4d4d4;

    text-indent: 10px;

    color: #333333;

}


.fut-submission-select option{
    color: #333333;
}



.fut-submission-select option:checked{
    color: #000000;
}



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

    width: 100%;

    height: 40px;

    line-height: 40px;

    outline: none;

    flex: 1;

    border-radius: 10px;

    border: 1px solid #d4d4d4;

    text-indent: 10px;

}



.fut-submission-input-w{

    width: calc(100% - 20px);

    height: auto;

    margin: 0 10px 25px;

}



.fut-submission-textarea, .fut-submission-textarea-img{

    width: 100%;

    min-height: 280px;

    padding: 12px 16px;

    font-size: 16px;

    font-family: inherit;

    line-height: 1.5;

    border: 1px solid #d4d4d4;

    border-radius: 8px;

    resize: vertical;

    outline: none;

    transition: border-color 0.2s, box-shadow 0.2s;

    box-sizing: border-box;

}



.fut-submission-textarea-img{

    min-height: 120px;

}



.fut-submission-textarea:focus, .fut-submission-textarea-img:focus{

    border-color: #d4d4d4;

    /*box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);*/

}



.fut-submission-botton{

    width: calc(20% - 20px);

    height: 46px;

    line-height: 46px;

    margin: 0 10px;

    background-color: #555555;

    text-align: center;

    letter-spacing: 2px;

    border-radius: 23px;

    color: #ffffff;

    cursor: pointer;

}



.fut-submission-botton:nth-child(2n+1){

    background-color: #364f6b;

}



.fut-submission-botton:hover{

    background-color: #e7141a;

}



.fut-login-m-wx{
    width: 100%;
    height: auto;
    overflow: hidden;

    margin-top: 15px;
    cursor: pointer;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.fut-login-m-wx img{
    width: 24px;
    height: 24px;
    border: 0;
    margin-right: 5px;
}

.fut-login-m-wx span{
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}



.fut-user-li-menu{

    width: 100%;

    height: auto;

    overflow: hidden;

}



.fut-login-m-pass{

    width: 100%;

    height: auto;

    overflow: hidden;

    text-decoration: none;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-login-m-pass span{

    font-size: 14px;

    color: #364f6b;

    margin-left: 5px;

}



.fut-w{

    width: 92%;

    max-width: 1440px;

    margin: 0 auto;

}

.fut-w-pad{

    padding: 60px 0;

    box-sizing: border-box;

}



.fut-note-container{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1050;

    background-color: rgba(0, 0, 0, .75);



    display: none;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-note-text{

    width: 50%;

    height: auto;

    overflow: hidden;

    background-color: #ffffff;

    border-radius: 5px;

    padding: 15px;

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

}



.fut-note-text p{

    margin: 5px 0;

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    line-height: 25px;

}



.fut-user-setting{

    width: 26px;

    height: 26px;



    position: absolute;

    top: 8px;

    right: 8px;

}

.wd-80-r-30{
    width: calc(80% - 30px);
}

.wd-10-r-0{
    width: 10%;
    text-align: right;
}

.wd-10-r-30{
    width: calc(10% - 30px);
    text-align: right;
    min-width: 60px;
}

.wd-10-l-30{
    width: calc(10% - 30px);
    text-align: left;
    margin-right: 30px;
}

.wd-bold{
    font-weight: bold;
}

.fut-activity-pm-ahref{
    width: 100%;
    height: auto;
    overflow: hidden;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.fut-activity-pm-ahref:hover{
    color: #ffffff;
    border-bottom: 1px solid #364f6b;
    background-color: #364f6b;

    border-radius: 0px;

    padding: 0 15px;
}

.fut-activity-pm-ahref:hover .fut-activity-rank-title,
.fut-activity-pm-ahref:hover .fut-activity-rank-school,
.fut-activity-pm-ahref:hover .fut-activity-rank-num{
    color: #ffffff;
    border-bottom: 1px solid #364f6b;
    font-size: 18px;
}


@media (min-width: 1200px) and (max-width: 1240px){



    .fut-news-li-small-title{

        padding: 0 15px;

    }

}



@media (min-width: 1200px) and (max-width: 1440px){



    .fut-head, .fut-head-index{

        width: 92%;

        max-width: 1440px;

        margin: 0 auto;

        padding: 0;

    }

}