@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button,input, select, textarea, th, td,img,div{margin: 0;padding: 0;}
input,select,textarea,button,hr{border:none;outline: none;border-radius: 0;box-shadow: none}
input::-webkit-input-placeholder{color: #9b9b9b;}
a{text-decoration:none;color: #333;}
a:hover,a:focus{/*color: #fff;*/text-decoration: none;}
label{font-weight: normal;}
img{border:none;max-width: 100%;max-height: 100%;}
canvas{vertical-align: middle;}
.img-auto{width: 100%}
em,i{font-style:normal;}
ul, ol {list-style: none;}
.tac{text-align: center;}
.tar{text-align: right;}
.block{display: block;}
.fl{float: left;}
.fr{float: right;}
.pos{position: relative;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgb30{margin-bottom: 30px;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.container{width: 100%;}
video{width: 100%;height: 100%;background: #000;}
.top{text-align: right;background: #dbdbdb;}
.top-right{width: 100%;display: inline-flex;align-items: center;font-weight: bold;}
.rules{display: block;height: 48px;line-height: 48px;color: #fff;padding:0 15px;
  background-image: -moz-linear-gradient( -64deg, rgb(227,79,79) 0%, rgb(186,0,18) 99%);
  background-image: -webkit-linear-gradient( -64deg, rgb(227,79,79) 0%, rgb(186,0,18) 99%);
  background-image: -ms-linear-gradient( -64deg, rgb(227,79,79) 0%, rgb(186,0,18) 99%);
}
.rules:hover,.rules:focus{color: #fff;}
.rules:after{content:'';display: inline-block;width: 23px;height: 25px;margin-left: 10px;vertical-align: text-bottom;background: url(../images/icon1.png) center center no-repeat}
.search-box{flex: 1;padding-right: 20px;border: 1px solid #e34f4f;border-right: none;background: #bbb;}
.search{display: flex;background: #f3f3f3;}
.search-input{width: 100%;line-height: 46px;color: #848484;padding:0 20px;background: none;}
.btn-search{width: 40px;height: 46px;padding-right: 20px;cursor: pointer;background: url(../images/icon2.png) left center no-repeat}

.header{text-align: center;background: url(../images/bg1.jpg) center center no-repeat #fff;-webkit-background-size:cover;background-size: cover;}
.logo{display: inline-block;width: 80%;padding: 55px 0;}
.tab-title{display: flex;margin-bottom: 35px;
  /*background-image: -moz-linear-gradient( 0deg, rgb(24,187,218) 0%, rgb(9,57,144) 42%, rgb(10,93,226) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(24,187,218) 0%, rgb(9,57,144) 42%, rgb(10,93,226) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(24,187,218) 0%, rgb(9,57,144) 42%, rgb(10,93,226) 100%);*/
}
.tab-title li{flex-grow: 1;margin:0 5px;}
.tab-title li:nth-child(1){background-image: -webkit-linear-gradient( 0deg, rgb(24,187,218) 0%, #117eb4 100%);}
.tab-title li:nth-child(2){background-image: -webkit-linear-gradient( 0deg, #117ab1 0%, #093c90 100%);}
.tab-title li:nth-child(3){background-image: -webkit-linear-gradient( 0deg, #093b90 0%, #0939a0 100%);}
.tab-title li:nth-child(4){background-image: -webkit-linear-gradient( 0deg, #093aa2 0%, #094dc5 100%);}
.tab-title li:nth-child(5){background-image: -webkit-linear-gradient( 0deg, #094ec7 0%, #0a5de2 100%);}
.tab-title a{position: relative;display: flex;height: 58px;align-items: center;justify-content: center;font-size: 16px;color: #fff;line-height: 16px;padding:0 5px;}
.tab-title li.active a{font-size: 20px;font-weight: bold;border-left: 5px solid #ff0000}
.tab-title span,.submit-vote span{position: absolute;right: -2px;top: -24px;display: inline-block;width: 30px;height: 30px;line-height: 27px;font-size: 20px;color: #fff;text-shadow:none;font-weight: 500;text-align: center;background: #ff0000;border-radius:50%;border:2px solid #fff;}

.wrap{text-align: center;padding-bottom: 3%;background: url(../images/bg2.jpg) center top no-repeat #11336e;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.empty{font-size: 22px;color: #fff;font-weight: bold;padding:8% 0;}
.empty:before{content:'';display: inline-block;width: 40px;height: 40px;margin-right: 15px;margin-bottom: 15px;vertical-align: middle;background: url(../images/icon4.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.title{padding-top: 30px;}
.athlete-list{line-height: 46px;color: rgba(255,255,255,.6);}
.athlete-list li{position: static;margin:3% 0 2%;}
.athlete-img{position: relative;display: flex;align-items: center;justify-content: center;height: 172px;padding: 4px;border:1px solid #fff;border-radius: 2px;overflow: hidden;}
.athlete-img img{width: 100%;height: 100%;}
.athlete-img:before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;content:'';background: rgba(0,0,0,.2);}
.athlete-img:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);content:'';display: inline-block;width: 50px;height: 50px;opacity:.8;background: url(../images/icon-video.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.athlete-img:hover:after{opacity: 1}
.athlete-vote{color: rgba(255,255,255,1);padding-right: 10px;}
.athlete-name{display: flex;align-items: center;justify-content: center;height: 38px;font-size: 18px;color: #fff;font-weight: bold;}
.athlete-nationality .icon-info{cursor: pointer;}
.athlete-nationality .icon-info:after{content:'';display: inline-block;width: 19px;height: 18px;margin-left: 10px;background: url(../images/icon3.png) center center no-repeat;}
.athlete-info-box{display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index:1000;background: rgba(0,0,0,.8);}
.athlete-info{position: absolute;left: 50%;top: 50%;z-index:1001;transform: translate(-50%,-50%);width: 88%;line-height: 22px;color: #333;text-align: left;padding: 25px 20px;border-radius:6px;background: #fff;}
.athlete-info .name{font-size: 20px;font-weight: bold;color: #053e88;}
.athlete-info .nationality{font-size: 16px;font-weight: bold;color: #053e88;}
.athlete-info .close{position: absolute;top: -25px;right: -25px;font-size: 30px;font-weight: normal;color: #fff;padding: 5px;opacity: 1;}
.athlete-info .info{max-height: 300px;overflow-y: auto;}

/*滚动条样式*/
::-webkit-scrollbar {background-color: transparent;width: 9px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.3);;border-radius: 16px;border: 4px solid transparent;}
.btn-vote{width: 100%;line-height: 18px;font-size: 18px;color: #fff;text-transform: uppercase;padding: 6px;margin-top: 5%;background: rgba(255,255,255,.15);transition: all .3s}
.btn-vote:hover{background: rgba(255,255,255,.3);}
.btn-vote.selected{color: #ff0000;background: rgba(255,255,255,1);}

.social-share a{position:relative;display:inline-block;width: 27px;height: 24px;margin: 7px;line-height:32px;opacity: .6;vertical-align:middle;transition:background 0.6s ease-out 0s}
.social-share a:hover{opacity:1;}
.social-share .icon-facebook,.social-share .icon-facebook:hover{background: url(../images/icon-facebook.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.social-share .icon-twitter,.social-share .icon-twitter:hover{background: url(../images/icon-twitter.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.social-share .icon-wechat,.social-share .icon-wechat:hover{background: url(../images/icon-wechat.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.social-share .icon-weibo,.social-share .icon-weibo:hover{background: url(../images/icon-weibo.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.social-share .icon-wechat{position:relative;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.footer{border-top:5px solid #ff0000;}
.foot-iwuf{font-size: 16px;font-weight: bold;padding: 40px 0;}
.partner dl{margin: 55px 0 80px;}
.partner dt{font-size: 20px;color: #000;font-weight: bold;text-transform: uppercase;margin-top: -10px;margin-bottom: 35px;}
.partner dd{display: inline-block;margin: 0 20px;}

footer{font-size: 16px;color: #999;text-align: center;text-transform: uppercase;padding: 30px 0 15px;background: #f3f3f3;}
footer p{color: #666;text-transform: none;margin-bottom: 6px;}

.submit-vote{position: fixed;left: 50%;bottom: 10%;z-index:999;transform:translateX(-50%);display: inline-block;font-size: 22px;color: #053e88;white-space:nowrap;font-weight: bold;text-transform: uppercase;box-shadow: 0 2px 5px 0px rgba(0,0,0,.3);padding:20px 75px;border-radius:70px;background: rgba(255,255,255,.9);transition: all .3s}
.submit-vote span{right:25px;top: -12px;width: 24px;height: 24px;line-height: 20px;font-size: 14px;}
.submit-vote:hover{background: rgba(255,255,255,1);}

/*返回顶部样式*/
.back-to-top {position: fixed;right: 15px;bottom: 15px;width: 55px;height: 55px;line-height: 14px;background-color: rgba(255,0,0,.9);font-size:12px;text-align: center;color: #fff;border-radius:50%;padding: 2px 10px;box-shadow: 0 2px 5px 0px rgba(0,0,0,.3);transition: all .3s}
.back-to-top:hover{color: #fff;bottom: 20px;background-color: rgba(255,0,0,1)}

/*modal*/
.modal{padding: 0!important;}
/*.modal-backdrop.in{opacity: 0}*/
.modal-full-dialog{width: 100%;height: 100%;margin: 0;}
.modal-full-dialog .modal-content{height: 100%;box-shadow:none;border:none;border-radius:0;}
.modal-full-dialog .modal-header{border:none;}
.modal-full-dialog .modal-header .close{position: relative;font-size: 60px;color: #fff;opacity: .5;}
.modal-body{height: 82%;line-height: 24px;}
.modal-body p{margin: 15px 0;}
.modal-scroll{height: 100%;overflow-y: scroll;padding: 0 15px;}
.videoModal .modal-body{height: 80%;text-align: center;}
.videoModal .modal-body video{width: 90%;}
.white-close{float: none;color: #fff;font-size: 80px;opacity: 1;}
.white-close:hover{color: #fff;opacity: .8}
.modal-backdrop.in {filter: alpha(opacity=70); opacity: .7;}
.modal-footer{text-align: center;}

@media screen and (max-width:767px){
  .logo{padding: 30px 0 50px;}
  .tab-title li{border-radius: 5px;margin: 0 2px;}
  .tab-title a{font-size: 12px;height: 100%;line-height: 14px;color: rgba(255,255,255,.5);padding: 15px 5px;}
  .tab-title li.active a{font-size: 12px;color: rgba(255,255,255,1);text-shadow: 0px 1px 2px rgba(0, 80, 108, 0.93);border:none;}
  .wrap{background: url(../images/bg3.jpg) center top no-repeat #11336e;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
  .athlete-list{line-height: 36px;}
  .athlete-img{height: 120px;}
  .social-share a{width: 22px;height: 22px;margin: 5px;}
  .social-share .social-share-icon{width: 22px;height: 22px;margin: 5px;}
  .foot-iwuf img{width: 60%;}
  .partner dl{margin: 35px 0 60px;}
  .partner dd{width: 30%;}
  .submit-vote{font-size: 20px;padding:15px 60px;}
}
@media screen and (min-width:768px){
  .top-right{width: 70%;}
  .partner {display: flex;align-items: center;justify-content: center;padding: 0 5%;}
  .partner dl{flex-grow: 1;height: 90px;border-right: 2px solid #000;}
  .partner dl:last-child{border:none;}
}
@media screen and (min-width:992px){
  .tab-content{padding: 0 3%;}
  .athlete-info{width: 600px;}
  .athlete-list .col-md-2{width: 20%;}
}
@media screen and (min-width:1200px){
  .top-right{width: 50%;}
}
@media screen and (min-width:1700px){
  .container{width: 1630px;}
  .athlete-list{margin-left: -25px;margin-right: -25px;}
  .athlete-list .col-md-2{padding-left: 25px;padding-right: 25px;}
  
}

.share-layer{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index:1000;background: rgba(0,0,0,.7);}
.share-layer img{position: absolute;top: 20px;z-index:1001;right: 20px;width: 200px;}

html{overflow-y:scroll;}

/* ========== 新增移动端菜单样式 ========== */
/* 默认隐藏菜单图标和弹出菜单 */
.menu-icon, .mobile-menu {
    display: none;
}

@media screen and (max-width: 768px) {
    .top-right .rules:not(.fh) {  /* 排除带有 fh 类的 rules 元素 */
        display: none !important;
    }
    
    /* 菜单图标样式 */
    .menu-icon {
        display: inline-block;
        width: 48px;
        height: 48px;
        margin-right: 15px;
        vertical-align: middle;
        position: relative;
        z-index: 100;
        cursor: pointer;
        background: url(../images/menu-icon.png) no-repeat center;
        background-size: 60%;
    }

    /* 弹出菜单样式 */
    .mobile-menu {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background: linear-gradient(to right, #e60012, #ff6b6b);  /* 红色渐变背景 */
        padding: 10px 0;
        z-index: 99;
        display: none;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }

    .mobile-menu.active {
        display: block;
    }

    .mobile-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-weight: bold;
        transition: all 0.3s ease;
        position: relative;
        padding: 12px 20px;
    }

    /* .mobile-menu a::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../images/icon-mail-white.png) no-repeat center;
        background-size: contain;
        margin-right: 10px;
        vertical-align: middle;
        position: relative;
        top: -1px;
    } */

    .mobile-menu a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .mobile-menu a:last-child {
        border-bottom: none;
    }

    .search-box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 63px);
    }

    .turnstile-wrapper {
        width: 90% !important;
        max-width: 300px;
        margin: 0 auto;
    }
    
    .turnstile-wrapper iframe {
        width: 100% !important;
        transform: scale(0.9);
        transform-origin: center center;
    }
}