@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: 1px solid #dddddd;

    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;

    font-size: 16px;

}



.fut-pub-menu .current {

    background-color: #364f6b;

    color: #ffffff;

}



.fut-pub-menu-box:hover {

    background-color: #364f6b;

    color: #ffffff;

}



.fut-pub-menu-bottom {

    width: 100%;

    height: 38px;

    margin: 20px 10px 0 10px;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-pub-search {

    width: 250px;

    height: 38px;

    margin-left: 10px;

    position: relative;

}



.fut-pub-menu-search {

    width: 250px;

    height: 38px;

    line-height: 36px;

    border: 1px solid #364f6b;

    border-radius: 19px;

    text-indent: 10px;

    outline: none;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

}



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

    color: #999999;

    opacity: 1;

}



.fut-pub-menu-date {

    width: 146px;

    height: 38px;

    border: 1px solid #364f6b;

    border-radius: 19px;

    text-indent: 10px;

    outline: none;

    margin-right: 15px;

    text-align: center;

}



.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 45px 0;

    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: 79px;

    line-height: 30px;

    text-align: left;

    color: #364f6b;

    padding: 25px 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: 68px;

    max-width: 15%;

}



.fut-pub-n-school {

    width: auto;

    max-width: 30%;

    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 60px 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;

}



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

    height: 16px;

    margin: 7px 25px;

    font-style: normal;

}



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

    width: 16px;

    height: 16px;

}/************* 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.9);

    transform-origin: center center;

}



.fut-mar-bot-0 {

    margin-bottom: 0;

}



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

    margin: 30px 0 25px;

}



.fut-page-num {

    width: auto;

    min-width: 34px;

    height: 34px;

    /*line-height: 32px;*/

    text-align: center;

    padding: 0 5px;

    box-sizing: border-box;

    border: 1px solid #d4d4d4;

    border-radius: 2px;

    cursor: pointer;

    margin: 0 4px;

    color: #333333;

    font-size: 15px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



a.fut-page-num {

    color: #333333;

}



.fut-page-num-arrow-left, .fut-page-num-arrow-right {

    width: 34px;

    height: 34px;

    border: 1px solid #d4d4d4;

    border-radius: 2px;

    background-image: url("../images/page-arrow.png");

    background-repeat: no-repeat;

    background-size: 12px 12px;

    background-position: center;

    transform: rotate(180deg);

    cursor: pointer;

    margin: 0 4px;

}



.fut-page-num-arrow-right {

    transform: rotate(0deg);

}



.fut-page-num-arrow-left:hover, .fut-page-num-arrow-right:hover {

    background-color: #e7141a;

    border: 1px solid #e7141a;

    background-image: url("../images/page-arrow-white.png");

}



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

    background-color: #e7141a;

    border: 1px solid #e7141a;

    color: #ffffff;

}



.fut-page-left-img, .fut-page-right-img {

    width: 13px;

    height: 13px;

}



.fut-page-right-img {

    margin-right: -2px;

}



.fut-page-left-img {

    margin-left: -2px;

    transform: rotate(180deg);

}



.fut-page-num-input {

    width: 36px;

    height: 34px;

    background-color: transparent;

    border: none;

    outline: none;

    border: 1px solid #d4d4d4;

    border-radius: 2px;

    cursor: pointer;

    margin: 0 0 0 10px;

    font-size: 14px;

    color: #333333;

    text-align: center;

}



.fut-page-num-submit {

    width: 34px;

    height: 34px;

    background-color: transparent;

    border: none;

    outline: none;

    border: 1px solid #d4d4d4;

    border-radius: 2px;

    cursor: pointer;

    margin: 0 0 0 5px;

    font-size: 14px;

    color: #333333;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-page-num-submit:hover {

    background-color: #e7141a;

    border: 1px solid #e7141a;

    color: #ffffff;

}



.fut-page-num-span {

    display: inline-block;

    line-height: 34px;

    font-size: 14px;

    color: #333333;

    white-space: nowrap;

}



.fut-page-num-span:first-of-type {

    margin-left: 5px;

}



.fut-user-exit {

    display: none;

}/************* 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: #F5F0E8;

    height: 45px;

    line-height: 45px;

    box-sizing: border-box;

    margin-bottom: 20px;

    font-weight: bold;

}



.fut-login-publicity p {

    display: inline-block;

    font-size: 18px;

    color: #F5F0E8;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

}



.fut-login-publicity p.des {

    color: #FAD6B3;

    /*color: #F5D97A;*/

    font-size: 18px;

}



.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 p span {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-login-radio {

    width: 14px;

    height: 14px;

    margin-right: 5px;

    margin-bottom: 2px;

}



.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: 1px solid #dddddd;

    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: 1px solid #e7141a;

}



.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-cert {

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-bottom: 30px;

}



.fut-user-title {

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-bottom: 30px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.score-color {

    color: #e7141a;

}



.fut-user-title a {

    color: #e7141a;

}



.fut-mall-shop {

    width: auto;

    height: 34px;

    line-height: 34px;

    font-size: 14px;

    font-weight: normal;

    padding: 0 12px;

    box-sizing: border-box;

    background-color: #e7141a;

    color: #ffffff !important;

    border-radius: 20px;

}



.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: auto;

    flex: 1;

    border-radius: 10px 0 0 10px;

}



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

    width: 160px;

}



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

    width: 160px;

}



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

    width: 180px;

    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: auto;

    flex: 1;

    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-date{

    width: 160px;

}



.fut-user-record-status{

    width: 160px;

    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: 180px;

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    text-align: center;

}



.fut-user-record-cert span {

    display: inline-block;

    width: auto;

    min-width: 70px;

    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, .fut-user-cert-cover a {

    padding: 3px 10px;

    background-color: #e7141a;

    color: #ffffff !important;

    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, .fut-user-cert-cover a: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-user-li-menu .current {

    border-bottom: 1px solid #e7141a;

}



.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;*/

    color: #4A6A8A;

    font-weight: bold;

    margin-left: 5px;

}



.fut-login-m-pass span:hover {

    color: #e7141a;

}



.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-note-text span {

    margin: 5px 0 0;

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    line-height: 20px;

}



.fut-mall-shop-style {

    width: auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.fut-mall-shop-img {

    margin-top: 5px;

    width: 300px;

    height: 300px;

    border: 0;

}



.fut-mall-shop-list {

    display: none;

}



.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;

}



.fut-mall-container {

    display: none;

}



.nav-item-none {

    display: none;

}



.fut-alert-bg {

    width: 100%;

    height: 100%;

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

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1050;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.fut-alert-container {

    width: 450px;

    height: auto;

    overflow: hidden;

    background-color: #ffffff;

    border-radius: 10px;

    padding: 15px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



.fut-alert-title {

    font-size: 16px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 15px;

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 30px;

}



.fut-alert-info {

    font-size: 14px;

    font-weight: normal;

    color: #666666;

    line-height: 22px;

    margin-bottom: 15px;

    text-align: justify;

}



.fut-alert-info span {

    font-weight: bold;

}



.fut-alert-button {

    width: 100%;

    height: 30px;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}



.fut-alert-submit, .fut-alert-submit:hover {

    font-size: 13px;

    color: #ffffff;

    font-weight: normal;

    width: 60px;

    height: 30px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

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

    border-radius: 5px;

    cursor: pointer;

}



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

    color: #e7141a;

    font-weight: normal;

}



@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;

    }

}