﻿.banner {
    min-height: 6.2rem;
}

.banner .swiper-container {
    width: 100%;
    height: 6.2rem;
}

.banner .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .swiper-container .swiper-pagination-bullet {
    width: 0.66rem;
    height: 0.06rem;
    border-radius: 0;
    margin: 0 0.15rem;
    background-color: #FFF;
    opacity: 1;
}

.banner .swiper-container .swiper-pagination-bullet-active {
    background-color: #0A255E;
}

.banner-container {
    width: 12rem;
    margin: 0 auto;
    position: relative;
}

.banner-content {
    width: 7.3rem;
    height: 3.3rem;
    position: absolute;
    margin-top: 0.8rem;
    padding: 0.3rem;
    background-color: #FFF;
}

.banner-content>span {
    display: block;
    font-weight: bold;
}

.banner-type {
    font-size: 0.32rem;
    line-height: 42px;
    color: #0A7DE3;
}

.banner-name {
    font-size: 0.38rem;
    height: 1rem;
    color: #04233E;
    margin: 0.25rem 0;
}

.banner-address {
    font-size: 0.26rem;
    color: #0A255E;
    margin: 0.25rem 0;
}

.banner-date {
    font-size: 0.18rem;
    font-weight: 400;
    color: #0A255E;
}

.result-query {
    width: 12rem;
    height: 1.34rem;
    ;
    margin: 0 auto;
    padding-top: 0.45rem;
    padding-bottom: 0.19rem;
}

.result-query .form-group {
    width: 100%;
}

.result-query label {
    margin: 0;
    float: left;
    font-size: 0.36rem;
    font-weight: bold;
    color: #0A7DE3;
    line-height: 0.7rem;
}

.result-query input[type='text'] {
    margin-left: 0.8rem;
    float: left;
    width: 3.5rem;
    height: 0.7rem;
    font-size: 0.18rem;
    font-weight: bold;
    padding: 0.23rem;
    padding-left: 0.2rem;
    color: #000;
    border: none;
    outline: none;
    background-color: #F9F9F9;
    box-shadow: none;
}

.result-query>input[type='text']::-webkit-input-placeholder {
    color: #999;
}

.result-query>input[type='text']:-moz-placeholder {
    color: #999;
}

.result-query>input[type='text']::-moz-placeholder {
    color: #999;
}

.result-query>input[type='text']:-ms-input-placeholder {
    color: #999;
}

.home-content {
    width: 12rem;
    height: 5.8rem;
    margin: 0 auto;
}

.home-content-title {
    width: 100%;
    height: 0.8rem;
    position: relative;
}

.home-content-title>i {
    font-size: 0.36rem;
    line-height: 0.8rem;
}

.home-content-title-text {
    font-size: 0.24rem;
    font-weight: bold;
    color: #04233E;
    line-height: 0.31rem;
    position: absolute;
    top: 0.23rem;
    left: 0.56rem;
}

.home-content-title .title-more {
    line-height: 0.8rem;
    float: right;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #666;
    cursor: pointer;
}

.home-game {
    float: left;
    width: 5.2rem;
    height: 5.8rem;
}

.home-game .home-content-title>i {
    color: #C8143C;
}

.home-game-content {
    margin-top: 0.05rem;
    height: 4.9rem;
}

.home-game-item {
    margin-bottom: 0.25rem;
    height: 0.7rem;
}

.home-game-item>div {
    float: left;
}

.home-game-item .item-date {
    width: 1rem;
    height: 0.7rem;
    background-color: #0A255E;
}

.home-game-item .item-date>div {
    text-align: center;
    height: 0.35rem;
}

.home-game-item .item-date>div>span {
    color: #FFF;
    line-height: 0.35rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.home-game-item .item-date>div:first-of-type>span {
    text-decoration: underline;
    font-size: 0.18rem;
    line-height: 0;
    vertical-align: bottom;
}

.home-game-item .item-name {
    width: 3.9rem;
    height: 0.7rem;
    padding-left: 0.2rem;
    display: table;
    cursor: pointer;
}

.home-game-item .item-name>a {
    font-size: 0.18rem;
    font-weight: bold;
    color: #333;
    display: table-cell;
    vertical-align: middle;
}

.home-game-placeholder .item-date {
    background: #EAEAEA;
}

.home-game-placeholder .item-name {
    width: 3.5rem;
    background: #EAEAEA;
    height: 0.24rem;
    margin: 0.23rem 0.2rem;
    padding: 0;
}

.home-game-placeholder:nth-of-type(2n+1) .item-name {
    -webkit-animation: home_loading 1s ease-in-out infinite;
    animation: home_loading 1s ease-in-out infinite;
}

.home-game-placeholder:nth-of-type(2n) .item-name {
    -webkit-animation: home_loading 1s ease-in-out -.5s infinite;
    animation: home_loading 1s ease-in-out -.5s infinite;
}

@keyframes home_loading {
    0% {
        width: 30%;
    }

    50% {
        width: 60%
    }

    100% {
        width: 30%
    }
}

.home-news {
    padding-left: 0.36rem;
    float: left;
    margin-left: 0.2rem;
    width: 6.6rem;
    height: 5.8rem;
}

.home-news .home-content-title>i {
    color: #0A7DE3;
}

.home-news-content {
    margin-top: 0.05rem;
    height: 4.9rem;
}

.home-news-item {
    margin-bottom: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-news-item>span {
    font-size: 0.18rem;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.home-news-placeholder {
    background: #EAEAEA;
    height: 0.24rem;
}

.home-news-placeholder:nth-of-type(2n+1) {
    -webkit-animation: home_loading 1s ease-in-out infinite;
    animation: home_loading 1s ease-in-out infinite;
}

.home-news-placeholder:nth-of-type(2n) {
    -webkit-animation: home_loading 1s ease-in-out -.5s infinite;
    animation: home_loading 1s ease-in-out -.5s infinite;
}

/* 首页滚动条 */
.home-content .mCSB_dragger {
    height: 2.3rem !important;
}

.home-content .mCSB_dragger_bar {
    background: #D9D9D9 !important;
    width: 0.04rem !important;
}

.home-content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #FFF;
}

/* 页面中部快捷方式 */
.home_shotcut {
    margin-top: 0.25rem;
    height: 3.5rem;
    width: 100%;
    background-image: url(../images/home_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.home_shotcut_container {
    background: rgba(4, 35, 62, 0.55);
}

.home_shotcut_content {
    width: 12rem;
    margin: 0 auto;
    height: 3.5rem;
    padding-top: 1rem;
}

.home_shotcut_item {
    display: inline-block;
    height: 100%;
    margin-right: 2.6rem;
}

.home_shotcut_item:last-of-type {
    margin-right: 0;
}

.home_shotcut_item>a {
    width: 1rem;
    text-align: center;
    display: block;
    color: #eeeeee;
}

.home_shotcut_item:hover>a>i,
.home_shotcut_item:hover>a>span {
    color: #FFFFFF;
}

.home_shotcut_item>a>i {
    font-size: 0.8rem;
    color: #eeeeee;
}

.home_shotcut_item>a>span {
    font-size: 0.24rem;
    font-weight: bold;
    color: #eeeeee;
    margin-top: 0.3rem;
}

/* 运动员风采 */
.home_athlete {
    width: 12rem;
    min-height: 13rem;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}

.home_athlete .home-content-title {
    border-bottom: 2px solid #DCE1E7;
    position: relative;
}

.home_athlete .home-content-title>i {
    color: #335294;
}

.home_athlete_category {
    min-height: 3.68rem;
}

.home_athlete_category_title {
    margin: 0.36rem 0;
}

.home_athlete_category_title .color_lump {
    float: left;
    width: 0.08rem;
    height: 0.4rem;
    background-color: #0A255E;
}

.home_athlete_category_title .title_name {
    margin-left: 0.34rem;
    font-size: 0.22rem;
    font-weight: bold;
    color: #0A255E;
    line-height: 0.4rem;
}

.home_athlete_category_content {
    margin-top: 0.04rem;
}

.home_athlete_item {
    float: left;
    margin-right: 0.57rem;
    text-align: center;

}

.home_athlete_item:last-of-type {
    margin-right: 0;
}

.home_athlete_item .home_athlete_photo {
    display: block;
    width: 1.52rem;
    height: 2.06rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
    border-radius: 0.12rem;
    cursor: pointer;
}

.home_athlete_item .home_athlete_name {
    width: 1.52rem;
    margin-top: 0.31rem;
    display: block;
    font-size: 0.16rem;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.home_athlete_item .home_athlete_org {
    width: 1.52rem;
    margin-top: 0.1rem;
    display: block;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A7DE3;
}

/* 团体会员 */
.team_list {
    min-height: 6.6rem;
}

.team_list_link {
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A255E;
    cursor: pointer;
}

.team_list>table>tbody>tr:hover {
    cursor: pointer;
}

/* 团体会员详情 */
.team_info {
    padding: 0.3rem 0;
    border-bottom: 2px solid #DCE1E7;
}

.team_info_logo,
.team_info_content {
    float: left;
}

.team_info_logo img {
    width: 1.8rem;
    height: 1.8rem;
}

.team_info_content {
    margin-left: 0.5rem;
    height: 1.8rem;
    position: relative;
}

.team_info_title {
    font-size: 0.26rem;
    font-weight: bold;
    color: #0A255E;
}

.team_info_detail {
    position: absolute;
    left: 0;
    bottom: 0;
    table-layout: fixed;
    width: 9.7rem;
}

.team_info_detail>tbody>tr>td {
    width: 3rem;
    padding-top: 0.22rem;
    padding-right: 0.3rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team_info_detail>tbody>tr.team_info_important>td {
    color: #0A255E;
}

.team_info_detail>tbody>tr>td:nth-of-type(2) {
    width: 2.4rem;
}

.team_info_detail>tbody>tr>td:last-of-type {
    width: auto;
}

/* 运动员详情 */
.athlete_info_result_content {
    height: 0.6rem;
    background-color: #335294;
}

.athlete_info_result_content .athlete_info_result_item {
    line-height: 0.6rem;
    color: #FFF;
    font-size: 0.16rem;
    font-weight: bold;
    padding-left: 0.5rem;
    display: inline-block;
    min-width: 2.8rem;
}

/**登录 start*/
.dialog_content {
    background: rgba(4, 35, 62, 0.65);
}

.login_panel {
    background: url(../images/login_bgex.png) 0 0 no-repeat;
    background-size: cover;
}

.login_form {
    height: 6rem;
}

.login_title {
    position: absolute;
    top: 1.14rem;
    left: 6.97rem;
    font-weight: bold;
    line-height: 0.61rem;
    font-size: 0.46rem;
}

.login_title>span {
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 0.9rem;
    height: 0.06rem;
    background-color: rgba(10, 125, 227, 1);
}

.login_input>input {
    width: 4rem;
    border: none;
    font-size: 0.16rem;
    font-weight: 400;
    padding: 0.05rem 0.1rem;
    color: #000;
    outline: none;
}

.login_input {
    width: 0.8rem;
    border-bottom: 0.01rem solid #DCE1E7;
}

.login_input.error {
    border-bottom: 0.01rem solid #F00;
}

.login_form_panel {
    position: absolute;
    left: 4.9rem;
    top: 2.26rem;
}

.login_form_item {
    margin-top: 0.3rem;
    position: relative;
}

.login_form_item>span {
    font-size: 0.18rem;
}

.login_form_btns {
    position: absolute;
    top: 5.23rem;
    left: 4.8rem;
}

.login_form_btns>a {
    border-radius: 0.3rem;
    height: 0.53rem;
    font-size: 0.18rem;
    font-weight: bold;
    padding: 0.15rem 0.62rem;
    line-height: 0.21rem;
}

.login_form_btns>.login_blue {
    color: #FFF;
    background: rgba(10, 125, 227, 1);
    border: 1px solid rgba(10, 125, 227, 1);
}

.login_form_btns>.login_blue:hover {
    color: rgba(10, 125, 227, 1);
    background: #FFF;
    border: 1px solid rgba(10, 125, 227, 1);
}

.login_form_btns>.login_white {
    color: rgba(51, 51, 51, 1);
    background: #FFF;
    border: 1px solid rgba(112, 112, 112, 1);
}

.login_form_btns>.login_white:hover {
    color: #FFF;
    background: rgba(51, 51, 51, 1);
    border: 1px solid rgba(112, 112, 112, 1);
}

.login_form_item_verfity {
    position: absolute;
    top: 0.12rem;
    right: 0;
    width: 1.20rem;
    height: 0.44rem;
    background: linear-gradient(305deg, rgba(10, 125, 227, 1) 0%, rgba(85, 165, 235, 1) 100%);
    border-radius: 0.30rem;
    text-align: center;
    line-height: 0.45rem;
    color: #FFF;
    cursor: pointer;
}

.login_showPassword {
    position: absolute;
    top: 0.22rem;
    right: 0;
    width: 0.4rem;
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    cursor: pointer;
}

/** end*/

/* 注册 */
.person_reg_remark {
    text-align: center;
    padding-top: 0.2rem;
}

.person_reg_remark>span {
    font-size: 0.15rem;
    font-weight: 400;
    color: #0A255E;
}

.person_reg_content {
    padding: 0.1rem 0;
    padding-left: 2.18rem;
}

.person_reg_title {
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}

.person_reg_title>span {
    font-size: 0.22rem;
    font-weight: bold;
    color: #333;
}

.person_reg_item {
    padding: 0.1rem 0;
}

.person_reg_item>.control-label {
    padding-top: 0.13rem;
    padding-left: 0;
    width: 1.53rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #333;
}

.person_reg_item.required>.control-label::before {
    content: '*';
    color: #C8143C;
}

.person_reg_item input[type='text'] {
    width: 4.5rem;
    height: 0.5rem;
    background-color: #FFF;
    border: 0.01rem solid #999;
    padding: 0 0.1rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A255E;
    display: inline-block;
}

.person_reg_item input[type='text']:focus,
.person_reg_item select:focus {
    border: 0.01rem solid #1AAD4C;
}

.person_reg_item select {
    border: 0.01rem solid #999;
    height: 0.4rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A255E;
    background-color: #FFF;
    padding-left: 0.1rem;
    padding-right: 0.3rem;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.person_reg_item select::-ms-expand {
    display: none;
}

.person_reg_item input[type='text'],
.person_reg_item select {
    width: 4.5rem;
    height: 0.5rem;
}

.person_reg_item .person_reg_submit {
    padding: 0.15rem 0.4rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #FFF;
    margin-top: 0.15rem;
    margin-bottom: 0.35rem;
}

.btn_disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

.person_reg_item .person_reg_submit.btn_disabled:hover {
    background: rgba(10, 125, 227, 1);
    color: rgba(255, 255, 255, 1);
    border: 1px solid transparent;
}

.person_reg_photo,
.person_reg_photo_upload,
.person_reg_photo_remark {
    float: left;
}

.person_reg_photo_container .person_reg_photo {
    float: left;
    width: 1rem;
    height: 1.4rem;
    background-color: #DCE1E7;
    text-align: center;
    margin-left: 0.23rem;
}

.person_reg_photo_container .person_reg_photo>img {
    width: 1rem;
    height: 1.4rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #666;
    line-height: 1.4rem;
}

.person_reg_photo_upload {
    position: relative;
    width: 0.7rem;
    height: 1.4rem;
    margin-left: 0.3rem;
}

.person_reg_photo_upload>a {
    position: absolute;
    bottom: 0;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A7DE3;
    cursor: pointer;
    width: 0.7rem;
}

.person_reg_photo_upload>input[type='file'] {
    position: absolute;
    bottom: 0;
    width: 0.7rem;
    opacity: 0;
    cursor: pointer;
}

.person_reg_photo_remark {
    position: relative;
    height: 1.4rem;
    width: 5rem;
    margin-left: 0.2rem;
}

.person_reg_photo_remark>span {
    position: absolute;
    bottom: 0;
    font-size: 0.14rem;
    font-weight: 400;
    color: #373D41;
}

.person_reg_item .col-sm-10 {
    width: 4.8rem;
}

.person_reg_item .form-control-feedback {
    right: -0.3rem !important;
    height: 0.5rem;
    line-height: 0.5rem;
}

.person_reg_item .item_reset_container {
    display: none;
    position: absolute;
    top: 0;
    right: 0.38rem;
}

.person_reg_item .item_reset_container .item_reset {
    font-size: 0.18rem;
    cursor: pointer;
    color: #999;
    line-height: 0.5rem;
}

.person_reg_item .help-block {
    position: absolute;
}

.person_reg_item.has-success input[type='text'],
.person_reg_item.has-success select {
    border: 0.01rem solid #1AAD4C;
}

.person_reg_item.has-success .form-control-feedback,
.person_reg_item.has-success .help-block {
    color: #1AAD4C;
}

.person_reg_item.has-error input[type='text'],
.person_reg_item.has-error select {
    border: 0.01rem solid #C8143C;
}

.person_reg_item.has-error .form-control-feedback,
.person_reg_item.has-error .help-block {
    color: #C8143C;
}

/** 积分 start*/
.rank_athlete_category_title {
    height: 0.6rem;
    background: rgba(51, 82, 148, 1);
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 0.6rem;
    padding-left: 0.2rem;
}

.rank_athlete_category_content {
    margin: 0.3rem 0;
}

.rank_athlete_org {
    width: 1.52rem;
    margin-top: 0.1rem;
    display: block;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0A7DE3;
    height: 0.45rem;
}

.rank_athlete_name {
    width: 1.52rem;
    margin-top: 0.31rem;
    display: block;
    font-size: 0.16rem;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** 积分 end*/
.login_type_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.6rem;
    height: 100%;
    background: rgba(4, 35, 62, 0.65);
    display: none;
}

.login_type_content {
    width: 6rem;
    margin: 0 auto;
    margin-top: 2.5rem;
}

.login_type_title {
    margin: 0 auto;
    text-align: center;
    line-height: 0.6rem;
    background: #0A7DE3;
    color: #FFF;
    font-size: 0.2rem;
    font-weight: 400;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}

.login_type_body {
    padding: 0.2rem 0;
    background: #FFF;
}

.login_type_item {
    float: left;
    width: 50%;
    text-align: center;
}

.person_reg_item_calendar {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 15px;
    height: 0.5rem;
    width: 0.5rem;
    font-size: 0.2rem;
    line-height: 0.5rem;
    padding: 0;
    border-radius: 0 !important;
    border-top-right-radius: 0.04rem !important;
    border-bottom-right-radius: 0.04rem !important;
}

.block_table {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    width: 11.38rem;
}
.block_table>span{
    display: inline-block;
    padding: 0 0.10rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.block_table_title {
    font-weight: bold;
    background-color: #EEE;
    font-weight: bold;
    color: #333;
}
.rankDetial_content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #FFF;
}
.rankDetial_content .mCSB_dragger_bar {
    background: rgba(217, 217, 217, 1) !important;
    width: 0.04rem !important;
}

.registeRead_title {
    position: absolute;
    top: 0.1rem;
    left: 4.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    font-size: 0.26rem;
}

.registeRead_btns {
    position: absolute;
    top: 5.23rem;
    left: 2.9rem;
}