*{
    line-height: 1em;
    }
    .posr{
        position:relative;
    }
    .fl{
        float: left;
    }
    .fr{
        float: right;
    }
    .tl{
        text-align: left;
    }
    .tr{
        text-align: right;
    }
    .tc{
        text-align: center;
    }
    .line-single{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .no-marginR{
        margin-right: 0 !important;
    }
    .no-marginL{
        margin-left: 0 !important;
    }
    .no-marginT{
        margin-top: 0 !important;
    }
    .no-marginB{
        margin-bottom:0 !important;
    }
    .no-border{
        border:0 !important;
    }
    .mr4{
        margin-right: 4px !important;
    }
    .clearfix:after { 
        content:"\200B"; 
        display:block; 
        height:0; 
        clear:both; 
    } 
    .clearfix {*zoom:1;}/*IE/7/6*/
    .inline-block{
        display: inline-block !important;
    }
    .hide{
        display:none;
    }
    .show{
        display:block;
    }
    @font-face{
        font-family: Industry;
        src: url('../../font/Industry.otf');
    }
    
    body{
        width:1227px !important;           
        background: transparent;                                
    }
    /* 不定宽元素垂直居中对齐 */
    /*父容器*/
    .vertical-box{
        font-size: 0.001px;
    }
    .vertical-box:before{
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        text-align:center;
    }
    /*子容器*/
    .vertical-middle{
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }
    .iframe-wrap{
        width:1227px;
        margin:0 auto;
        min-height: 200px;
    }
    .iframe-wrap .modal{
        width:1227px;
        margin:0 auto;
        
    }
    .modal-content{
        background: transparent;
    }
    .modal-content.bg{
        background:url(../../images/home/iframe/major/bg.png) no-repeat center;
        height: 755px;
    }
    .modal-content.bg .link{
        position: absolute;
        width: 164px;
        height: 33px;
        background:url(../../images/home/iframe/major/link.png) no-repeat center;
        right: -1px;
        bottom: 0;
    }
    .modal-content.color{
        background:#1b2131;
        height: 1259px;
    }
    .tabbar.schedule{
       margin-bottom:24px;
    }
    .tabbar.schedule .tab{
        cursor: pointer;
        width: 409px;
        height: 80px;
        background:url(../../images/home/iframe/major/tab_normal.png) no-repeat center;
        text-align: center;
    }
    .tabbar.schedule .tab.active{
        background:url(../../images/home/iframe/major/tab_active.png) no-repeat center;
    }
    .tabbar.schedule .tab.active .tab-title{
        color:rgba(255,255,255,1);
    }
    .tabbar.schedule .tab.active .tab-time{
        color:rgba(17,4,1,1);
    }
    .tabbar.schedule .tab .tab-title{
        font-size:30px;
        font-family:MicrosoftYaHei-Bold;
        color:rgba(159,171,189,1);
        padding-top:10px;
        padding-bottom:10px;
    }
    .tabbar.schedule .tab .tab-time{
        font-size:16px;
        font-family:MicrosoftYaHei;
        color:rgba(112,126,148,1);
    }
    .slide-wrap{
        width:1147px;
        margin:0 auto;
    
    }
    .slide{
        width:1066px;
        margin:0 auto;
        overflow: hidden;
        height: 213px;
    }
    .slide .list{
        width:20000px;
        position: absolute;
    
    }
    .slide .item{
        width:342px;
        height: 208px;
        background: #fff;
        border-top-width:5px;
        border-top-style:solid;
        margin-right: 20px;
    }
    .slide .item.status0{
        /* 未开始 */
        border-top-color: #F5C496;
    }
    .slide .item.status1{
        /* 进行中 */
        border-top-color: #EE6927;
    }
    .slide .item.status2{
        /* 已结束 */
        border-top-color: #B1B8C1;
    }
    .slide .item .item-top{
        width:342px;
        height:62px;
        background: #999;
    } 
    .slide .item .item-top .format{
        font-size:16px;
        font-family:MicrosoftYaHei;
        color:rgba(72,87,109,1);
        text-align: center;
        padding-top: 12px;
        padding-bottom:7px;
    }
    .slide .item .item-top .status{
        font-size:16px;
        font-family:MicrosoftYaHei;
        color:rgba(168,172,177,1);
        text-align: center;
    }
    .slide .item.status0 .item-top .status{
        color:#DD9A59;
    }
    .slide .item.status1 .item-top .status{
        color:#E54F00;
    }
    .slide .item.status2 .item-top .status{
        color:#B1B8C1;
    }
    .slide .item .item-bottom{
        padding-top:19px;
        height: 127px;
    }
    .slide .item .item-bottom .time{
        text-align: center;
        font-size:14px;
        font-family:MicrosoftYaHei;
        color:rgba(110,110,110,1);
    }
    .slide .item .item-bottom .team-box{
        width: 308px;
        margin: 0 auto;
    }
    .slide .item .item-bottom .team{
        width: 146px;
    }
    .slide .item .item-bottom .logo-box img{
        width: 62px;
        height: 62px;  
        display: inline-block;
    }
    .slide .item .item-bottom .logo-box .team-logo{
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(124,123,123,1);
        margin-top:8px;
        width:62px;
        text-align: center;
        line-height:16px;
    }
    .slide .item .item-bottom .score{
        margin-top:9px;
        width: 40px;
        height: 56px;
        text-align: center;
        line-height: 56px;
        font-size:30px;
        font-family:Industry;
        background:url(../../images/home/iframe/major/score_bg.png) no-repeat center;
        
    }
    .slide .item .item-bottom .font{
        padding-top:29px;
        padding-left:5px;
    }
    .slide .item .item-bottom .font .point{
        width:6px;
        height:6px;
        background:rgba(41,42,44,1);
        margin-bottom: 6px;
    }
    .slide .item .item-bottom .score.green{
        color:rgba(94,184,94,1);
    }
    .slide .item .item-bottom .score.red{
        color:rgba(218,78,73,1);
    }
    .slide .item .item-bottom .score.white{
        color:rgba(255,255,255,1);
    }
    .slide .item .check{
        width:98px;
        height:28px;
        border-radius:14px;
        border:1px solid #E34D00;
        font-size:14px;
        font-family:MicrosoftYaHei;
        color:rgba(227,77,0,1);
        text-align: center;
        line-height: 28px;
        position: absolute;
        bottom: 11px;
        left: 50%;
        margin-left: -49px;
        cursor: pointer;
    }
    .slide-wrap .btn{
        width:56px;
        height:56px;
        position: absolute;
        top: 50%;
        margin-top:-28px;
        cursor: pointer;
    }
    .slide-wrap .btn.prev{
        left: 0;
        background:url(../../images/home/iframe/major/btn.png) no-repeat center;
    }
    .slide-wrap .btn.next{
        right: 0;
        background:url(../../images/home/iframe/major/btn.png) no-repeat center;
        transform: rotate(180deg)
    }
    .info-box{
        width: 1066px;
        margin:14px auto 0;
    }
    .info-box .alert{
        width: 1066px;
        height: 367px;
        background:#34373e;
        position: static;
    }
    .info-box .alert.ranking{
        background:transparent;
    }   
    
    .info-box .alert .alert-top{
        width: 1066px;
        height: 36px;
        background:#3D424A;
    }  
    .info-box .alert.ranking .alert-top{
        width: 525px;
    } 
    
    .info-box .alert.ranking .ranking-bd{
        width: 525px;
        background: #34373e;
        height: 368px;
    }
    .info-box .alert.ranking .ranking-bd tbody tr{
        height: 34px;
    } 
    .info-box .alert.ranking .ranking-bd tbody tr .pass{
       display: inline-block;
       width: 56px;
       height: 26px;
       background:url(../../images/home/iframe/major/pass.png) no-repeat center;
    }
    .info-box .alert.ranking .ranking-bd tbody tr .fail{
        display: inline-block;
        width: 56px;
        height: 26px;
        background:url(../../images/home/iframe/major/fail.png) no-repeat center;
     } 
    .info-box .alert.ranking table{
        width: 493px;
        margin:0 auto;
    }
    .info-box .alert .alert-top .back{
        line-height: 36px;
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(146,157,173,1);
        padding-left: 11px;
        cursor: pointer;
    } 
    .info-box .alert .alert-top .alert-title{
       margin-left:397px;
       text-align: center;
       font-size:15px;
       font-family:MicrosoftYaHei-Bold;
       color:rgba(191,203,221,1);
       line-height: 36px;
    } 
    .info-box .alert table{
        margin:0 auto;
        width: 1006px;
        border-collapse: collapse;
     }
    .info-box .alert table th{
        font-size:13px;
        font-family:MicrosoftYaHei;
        color:rgba(159,166,176,1);
        height: 44px;
     }
     .info-box .alert table th.vs{
        font-size:24px;
        font-family:Industry;
        color:rgba(159,166,176,1);
     }
     .info-box .alert table th.team-tag{
        font-size:13px;
        font-family:MicrosoftYaHei;
        color:rgba(159,166,176,1)
     }
     .info-box .alert table th.team-tag img{
        display: inline-block;
        width:34px;
        height:34px;
        border-radius: 17px;
     }
     .info-box .alert tbody tr td{
        background:#34373e;
     }
     .info-box .alert tbody tr td .session-name{
        display: inline-block;
        width:233px;
     }
     .info-box .alert tbody tr td.score{
        font-size:24px;
        font-family:Industry;
        color:rgba(94,186,94,1);
     }
     .info-box .alert tbody tr td.score.green{
        color:rgba(94,186,94,1);
     }
     .info-box .alert tbody tr td.score.red{
        color:rgba(218,78,73,1);
     }
     .info-box .alert tbody tr td.iswin{
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(219,222,226,1);
        text-transform:uppercase;
     }
    .table-title{
        background:rgba(78,84,92,1);
    }
    .table-body{
        /* background:#090a0c; */
    }
    .table-body tr{
        height: 51px;
        border-bottom: 1px solid rgba(34,36,42,1);;
    }
    .table-body tr td{
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(219,222,226,1);
    }
    .table-body tr td .team-tag{
       width:   65px;
       display: inline-block;
       text-align: center;
    }
    .table-body tr td .score{
        width:   30px;
        display: inline-block;
     }
    .table-body tr td img{
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background: #4e545c;
    }
    .alert .check-more{
        cursor: pointer;
        display: block;
        width:1066px;
        height:34px;
        background:rgba(96,103,113,1);
        text-align: center;
        line-height: 34px;
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(255,255,255,1);
        position: absolute;
        /* bottom: 0; */
        /* left: 0; */
    }
    .alert .btn-wrap{
        text-align: center;
        font-size:14px;
        font-family:MicrosoftYaHei;
        height: 92px;
        line-height: 92px;
        padding-left: 11px;
    }
    .plan-item .alert .btn-wrap a{
        margin-right:19px;
        font-size:12px;
        color:rgba(255,255,255,1);
    }
    .plan-item .alert .btn-wrap{
       height: 55px;
       line-height: 55px;
    }
    .alert .btn-wrap a{
        margin-right: 46px;
        color:rgba(255,255,255,1);
    }
    .alert .btn-wrap a:last-child{
        margin-right: 0 !important;
    }
    .alert .btn-wrap a:hover{
        color:#FF5500;
    }
    .tab-content .logo-big{
        position: absolute;
        width:161px;
        height: 132px;
        background:url(../../images/home/iframe/major/logo-big.png) no-repeat center;
        top:141px;
        left: 50%;
        margin-left: -78px;
    }
    .tab-content .plan-item{
        width:252px;
        height:117px;
        background:url(../../images/home/iframe/major/plan_item_bg.png) no-repeat center;
        border:1px solid #55220a;
        margin-right: 19px;
        cursor: pointer;
    }
    .tab-content .plan-item:hover .alert{
       display:block !important;
    }
    .tab-content .row-wrap3 .plan-item{
        width:474px;
        height:171px;
        background:url(../../images/home/iframe/major/plan_item_bg2.png) no-repeat center;
        border:1px solid #55220a;
        margin-right: 19px;
    }
    .tab-content .row-wrap{
        margin-bottom: 40px;
    }
    .plan-item.row2{
       margin-right: 293px;
    }
    .tab-content .plan-item .time{
        font-size:14px;
        font-family:MicrosoftYaHei;
        color:rgba(169,135,99,1);
        text-align: center;
        padding-top: 12px;
        padding-bottom: 11px;
    }
    .tab-content .row-wrap3 .plan-item .time{
        padding-top: 19px;
        padding-bottom: 20px;
    }
    .tab-content .plan-item .team-box{
        padding-left: 14px;
        padding-right: 14px;
    }
    .tab-content .row-wrap3 .plan-item .team-box{
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .tab-content .plan-item .team-box .team{
        width:110px;
        font-size:12px;
         font-family:MicrosoftYaHei;
         color:rgba(220,222,225,1);
     }
     .tab-content .row-wrap3 .plan-item .team-box .team{
        width:174px;
        font-size:14px;
         font-family:MicrosoftYaHei;
         color:rgba(220,222,225,1);
     }
    .tab-content .item-team-tag{
        font-size:12px;
        font-family:MicrosoftYaHei;
        color:rgba(220,222,225,1);
      }
    .tab-content .plan-item .team-box .team img{
       height: 35px;
       width: 35px;
       display: inline-block;
       margin-bottom: 15px;
     }
     .tab-content .plan-item .team-box .team .item-team-tag{
        width:100%;
        text-align: center;
      }
     .tab-content .plan-item .team-box .font{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(220,222,225,1);
        padding-top:6px;
      }
      .tab-content .row-wrap3  .plan-item .team-box .font{
       width: 26px;
       display: inline-block;
       text-align: center;
       padding-top:18px;
       font-size: 18px;
      }
      .tab-content .plan-item .team-box .score{
        padding: 7px 10px;
      }
      .tab-content .plan-item .team-box .logo-wrap{
        width: 60px;
        text-align: center;
      }
      .tab-content .row-wrap3 .plan-item .team-box .logo-wrap{
        width: 70px;
      }
     .tab-content .row-wrap3 .plan-item .team-box .team img{
        height: 54px;
        width: 54px;
        display: inline-block;
        margin-bottom: 15px;
      }
      .tab-content .row-wrap3 .plan-item .team-box .team .score{
        font-size:18px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(220,222,225,1);
        padding: 20px 10px;
      }
    
    .row-wrap1{
        margin-left: 80px;
    }
    .row-wrap2{
        margin-left: 216px;
    }
    .row-wrap3{
        margin-left: 378px;
    }
    .line-box{
         width: 271px;
         position: absolute;
         bottom: -40px;
         left: 126px;
     }
    .row1 .line-box .line1{
        width: 271px;
        height: 20px;
        border:1px solid #9c4d28;
        border-top:0;
    }
    .row1 .line-box .line2{
        width: 135px;
        height: 20px;
        border-right:1px solid #9c4d28;
    }
    .row2 .line-box .line1{
        width: 546px;
        height: 20px;
        border:1px solid #9c4d28;
        border-top:0;
    }
    .row2 .line-box .line2{
        width: 273px;
        height: 20px;
        border-right:1px solid #9c4d28;
    }
    
    .player-list {
        width: 1164px;
        margin: 0px auto 0;
        padding-top: 40px;
    }
    .player-list .swiper-slide {
        padding-left: 4px;
        width: 1160px !important;
    }
    .player-list .swiper-slide .player-card{
        width:128px;
        height:184px;
        background:#292a2c;
        border: 1px solid #444954;
        margin-right: 17px;
        cursor: pointer;
    }
    .player-list .swiper-slide .player-card.active{
        border: 1px solid #fd611a;
        transform: translateY(-10px);
        box-shadow: 0px 2px 4px 0px rgba(255,97,26,0.5);
    }
    .player-list .swiper-slide .player-card .card-top .player-pic{
        height:106px;
        width: 106px;
        margin:20px auto 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 106px;    
    }
    .player-list .swiper-slide .player-card .card-top .player-pic img{
        height:106px;
        width: 106px;
        display: inline-block;
    }
    .player-list .swiper-slide .player-card .card-bottom{
        height:57px;
        background: #090A0C;
        text-align: center;
    }
    .player-list .swiper-slide .player-card .card-bottom .name{
        font-size:14px;
        font-family:MicrosoftYaHei-Bold;
        color:rgba(220,222,225,1);
        padding: 10px 10px 0;
        line-height: 1.2em;
    }
    .player-list .swiper-slide .player-card .card-bottom .rating{
        font-size:12px;
        font-family:Industry;
        color:rgba(133,144,161,1);
        padding: 0 10px;
        line-height: 1.2em;
    }
    .player-list .swiper-slide .player-card .rank{
        height:21px;
        width: 42px;
        position: absolute;
        top:-4px;
        left: -4px;
        background:url(../../images/home/iframe/major/top_normal.png) no-repeat center;
        font-size:14px;
        font-family:Industry;
        color:rgba(255,255,255,1);
        text-align: center;
        line-height: 21px;
    }
    .player-list .swiper-slide .player-card.top1 .rank{
        background:url(../../images/home/iframe/major/top1.png) no-repeat center;
    }
    .player-list .swiper-slide .player-card.top2 .rank{
        background:url(../../images/home/iframe/major/top2.png) no-repeat center;
    }
    .player-list .swiper-slide .player-card.top3 .rank{
        background:url(../../images/home/iframe/major/top3.png) no-repeat center;
    }
    .swiper-button {
        position: absolute;
        width: 30px;
        height: 22px;
        top: 27px;
        z-index: 10;
        border: 1px solid #6f768b;
        font-size: 12px;
        color: #d6def3;
        text-align: center;
        line-height: 22px;
        background: #394154;
        font-family:Industry;
    }
    .swiper-button-next {
        right: 0;
    }
    .swiper-button-prev {
        left: 1045px;
    }
    .swiper1-pagination {
        top: 5px;
        width: 55px;
        height: 22px;
        line-height: 22px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        color:rgba(159,171,189,1);
        left: 1077px;
        position: absolute;
        text-align: center;
        background: #394154;
        border-top: 1px solid #6f768b;
        border-bottom: 1px solid #6f768b;
    }
    .swiper-pagination {
        top: 5px;
        width: 55px;
        height: 22px;
        line-height: 22px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        color:rgba(159,171,189,1);
        left: 1077px;
        position: absolute;
        text-align: center;
        background: #394154;
        border-top: 1px solid #6f768b;
        border-bottom: 1px solid #6f768b;
    }
    .player-modal .player-info {
        display: block;
        width:1164px;
        height:200px;
        background:rgba(9,10,12,1);
        margin: 10px auto 0;
        border:1px solid #FD611A;
    }
    .player-modal .player-info-l {
        width: 545px;
    }
    .player-modal .player-info-l .team-img{
        width:211px;
        height:198px;
        background:rgba(41,42,44,1);
        margin-right: 31px;
    }
    .player-modal .player-info-l .team-img .team-logo{
        width:155px;
        height:155px;
        display:block;
        margin:23px auto 0;
    }
    .player-modal .player-info-l .team-img .player-logo{
        width:196px;
        height:196px;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -98px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 196px;
    }
    .player-modal .team-info .player-name{
        font-size:28px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(253,97,26,1);
    
        background:linear-gradient(0deg,rgba(255,90,6,1) 0%, rgba(255,166,7,1) 100%);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        margin-bottom:23px;
        margin-top:65px;
        text-align: center;
    }
    .player-modal .team-info .team-info-bottom {
        width: 170px;
        height: 67px;
        text-align: center;
        background:url(../../images/home/iframe/major/xiaoliduiwu.png) no-repeat center;
    }
    .player-modal .team-info .team-info-bottom .vertical-box{
        height: 37px;
        text-align: center;
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(214,214,214,1);
    }
    .player-modal .team-info .team-info-bottom .vertical-box .icon{
       width: 16px;
       height: 16px;
       display: inline-block;
       background:url(../../images/home/iframe/major/xiaoliduiwu_icon.png) no-repeat center;
    }
    .player-modal .team-info .team-info-bottom .team-tag{
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(254,254,254,1);
        font-size:18px;
     }
    
     .circle-rate {
        position: relative;
        width: 120px;
        height: 120px;
        margin-right:50px;
    }
    .player-modal .player-info-r {
        margin-top: 36px;
        border-left: 1px solid #292a2c;
        padding-left: 80px;
    }
    .circle-rate-inner {
        position: absolute;
        width: 114px;
        height: 114px;
        top: 5px;
        left: 10px;
        background-color: transparent;
        border-radius: 50%;
        text-align: center;
        color: #39404c;
        font-size: 14px;
        font-weight: bold;
        padding-top: 33px;
        box-sizing: border-box;
    }
    .circle-rate-inner .industry {
        font-size: 28px;
        font-family: Industry;
        color: #dcdee1;
        font-style: normal;
        margin-bottom:9px;
    }
    .player-info-list {
        width: 1164px;
        margin: 24px auto 39px;
        padding-top: 37px;
    }
    .player-info-list .player-item{
        width:372px;
        height:622px;
        background:rgba(9,10,12,1);
        border:1px solid rgba(68,73,84,1);
        margin-right: 21px;
    }
    .player-info-list .player-item .player-item-top{
        width:370px;
        height:48px;
        background:linear-gradient(-90deg,rgba(27,33,49,1),rgba(53,67,85,1));
        font-size:20px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(159,171,189,1);
        text-align: center;
        line-height: 48px;
    }
    .player-info-list .player-item .player-item-info{
        height: 158px;
        padding-left: 13px;
    }
    .player-info-list .player-item .player-item-info .team-pic{
        width:134px;
        height:134px;
        background:rgba(41,42,44,1);
        border:1px solid rgba(149,149,149,1);
        margin-top: 12px;
        margin-right: 30px;
    }
    .player-info-list .player-item .player-item-info .team-logo{
        width:98px;
        height:98px;
        display:block;
        margin:25px auto;
    }
    .player-info-list .player-item .player-item-info .player-logo{
        width:116px;
        height:116px;
        position: absolute;
        bottom:0;
        left:50%;
        margin-left:-58px;
    }
    .player-info-list .player-item .player-item-info-r .name-box{
        height: 20px;
        margin-top:29px;
        margin-bottom: 42px;
    }
    .player-info-list .player-item .player-item-info-r .name-box img{
        height: 20px;
        width: 30px;
        display: inline-block;
        margin-right: 10px;
    }
    .player-info-list .player-item .player-item-info-r .name-box .name{
        font-size:24px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(255,255,255,1);
        width: 120px;
    }
    .player-info-list .player-item .player-item-info-r .count{
        font-size:28px;
        font-family:Industry;
        font-weight:bold;
        color:rgba(220,222,225,1); 
    }
    .player-info-list .player-item .player-item-info-r .type{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(57,64,76,1);
    }
    .player-info-list .player-item .table-title{
        width:370px;
        height:44px;
        background:rgba(31,33,38,1);
    }
    .player-info-list .player-item .table-title span{ 
        font-size:13px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(159,166,176,1);
        line-height: 44px;
        display: inline-block;
        width:88px;
        text-align: center;
    }
    .player-info-list .player-item .table-body li{ 
        width:337px; 
        height:92px;
        margin:0 auto;
        border-bottom: 1px solid #22242a;
    }
    .player-info-list .player-item .table-body li .rank-wrap{ 
        width:78px;
        padding-left: 10px;
        padding-top: 33px;
    }
    .player-info-list .player-item .table-body li .rank{ 
        width:30px;
        height:26px;
        text-align: center;
        line-height: 26px;
        color: #dcdee1;
        font-size: 28px;
        display: inline-block;
        background:url(../../images/home/iframe/major/rank_normal.png) no-repeat center;
        
    }
    .player-info-list .player-item .table-body li .rank.rank2{ 
       background:url(../../images/home/iframe/major/rank2.png) no-repeat center;
    }
    .player-info-list .player-item .table-body li .rank.rank3{ 
        background:url(../../images/home/iframe/major/rank3.png) no-repeat center;
     }
    .player-info-list .player-item .table-body li .rank.rank4{ 
        background:url(../../images/home/iframe/major/rank4.png) no-repeat center;
     }
     .player-info-list .player-item .table-body li .rank.rank5{ 
        background:url(../../images/home/iframe/major/rank5.png) no-repeat center;
     }
     .player-info-list .player-item .rank.rank1{ 
        width:30px;
        height:26px;
        text-align: center;
        line-height: 26px;
        color: #dcdee1;
        font-size: 28px;
        display: inline-block;
        background:url(../../images/home/iframe/major/rank1.png) no-repeat center;
        position: absolute;
        top:0;
        left: 0;
        z-index: 2;
     }
    
     .player-info-list .player-item .player-pic-box{ 
        width:72px;
        height:72px;
        background:rgba(41,42,44,1);
        border:1px solid rgba(149,149,149,1);
        margin-top:9px;
    }
    .player-info-list .player-item .player-pic-box .team-logo{ 
        width: 54px;
        height: 54px;
        margin:12px auto 0;
        display: block;
    }
    .player-info-list .player-item .player-pic-box .player-logo{ 
        width: 56px;
        height: 56px;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -28px;
    }
    .player-info-list .player-item .player-pic-box .player-tip{ 
        width: 70px;
        height: 18px;
        position: absolute;
        left: 0;
        bottom: 0;
        background:rgba(9,10,12,.6);
        text-align: center;
    }
    .player-info-list .player-item .player-pic-box .player-tip img{ 
        display: inline-block;
        width: 16px;
        height: 10px;
        margin-right: 4px;
        margin-top:4px;
        margin-left:4px;
    }
    .player-info-list .player-item .player-pic-box .player-tip p{ 
        line-height: 18px;
        height: 18px;
        display:block;
        width:38px;
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .player-info-list .player-item .team{
        font-size:18px;
        font-family:Industry-Bold;
        font-weight:bold;
        color:rgba(220,222,225,1);
        width: 78px;
        line-height: 92px;
        text-align: center;
        padding-left: 10px;
    }
    .player-info-list .player-item .value{ 
        font-size:18px;
        font-family:Industry-Bold;
        font-weight:bold;
        color:rgba(220,222,225,1);
        width: 77px;
        line-height: 92px;
        text-align: center;
        padding-left: 10px;
    }
    .long-tabbar{
        margin-bottom: 20px;
    }
    .long-tab{
        width: 613px;
        height: 80px;
        background:url(../../images/home/iframe/major/long_tab_normal.png) no-repeat center;
        font-size:30px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(159,171,189,1);  
        text-align: center;
        line-height: 80px;
        cursor: pointer;
    }
    .long-tab.active{
        background:url(../../images/home/iframe/major/long_tab_active.png) no-repeat center;
        color:rgba(255,255,255,1);
    }
    .row-wrap3 .alert{
        top:-292px;
        left: 72px;
        z-index: 11;
        bottom:173px;
    }
    .row-wrap3 .alert.review{
        top:-292px;
        left: 68px;
        z-index: 11;
        bottom:179px;    
    }
    .row-wrap3 .alert-top{
        background: #3D424A;
    }
    .row-wrap3 .alert.review .triangle{
        bottom: -12px;  
    }
    .triangle{
        height: 0;
        width: 0;
        border:6px solid transparent;
        border-top-color: #4E545C;
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -6px;
    }
    .alert{
        position: absolute;
        bottom:-284px;
        left: -38px;
        z-index: 11;
    }
    .alert.review .more{
        position: absolute;
        width: 80px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        background: #606771;
        font-size: 12px;
        color: #fff;
        bottom: 0;
        left: 50%;
        margin-left:-40px;
        border-radius: 4px;
    }
    .alert-top{
        width:330px;
        height:36px;
        padding-top:7px;
        text-align: center;
        line-height: 36px;
        font-size:15px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(191,203,221,1);
        background:url(../../images/home/iframe/major/alert_top.png) no-repeat center;
        
    }
    .alert-content{
        width:330px;
        height:241px;
        background:rgba(78,84,92,1);
    }
    .alert-content ul{
        width:266px;
        margin:0 auto;
    }
    .alert-content li{
       height:38px;
       border-bottom: 1px solid rgba(34,36,42,1);
       cursor: pointer;
    }
    .alert-content li:hover .normal{
       display:none;
     }
     .alert-content li:hover .hover{
        display:block;
      }
    .alert-content li .team{
       width: 125px;
       height: 38px;
    }
    .alert-content li .team .vertical-box{
        height: 38px;
     }
     .alert-content li .team span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(219,222,226,1);
        line-height: 38px;
     }
     .alert-content li .team .vertical-box img{
        margin:0 8px;
        display: inline-block;
        width:24px;
        height:24px;
        background:rgba(255,255,255,1);
        border-radius:50%;
     }
     .alert-content li .font{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(219,222,226,1);
        line-height: 38px;
        text-align: center;
        width: 16px;
     }
     .alert-content li .team .name{
        width: 50px;
        text-align: center;
        display: inline-block;
     }
     .alert-content li .hover{
        width:124px;
        height:23px;
        background:rgba(34,36,42,1);
        border-radius:12px 12px 0px 0px;
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(219,222,226,1);
        text-align:center;
        line-height:23px;
        position: absolute;
        bottom:0;
        left: 50%;
        margin-left: -62px;
        display:none;
     }
     .alert-content .plan{
        height:40px;
        background:rgba(78,84,92,1);
        padding:0 37px;
     }
     .alert-content .btn-wrap{
        text-align: center;
     }
    
     .alert-content .plan span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(219,222,226,1);
        line-height: 40px;
     }
    
     .alert-content .plan img{
        width:24px;
        height:24px;
        border-radius:50%;
        display: inline-block;
        margin:0 8px;
     }
     .alert-content .plan .name{
        width:50px;
        text-align: center;
     }
     .alert-content .plan .font{
        font-size:18px;
        font-family:Industry;
        font-weight:bold;
        color:rgba(149,157,166,1);
        width: 57px;
        text-align: center;
     }
     .alert-content .result-item {
       padding:0 25px;
     }
     .alert-content .result-item .text{
        padding-bottom: 8px;
        padding-top:16px;
     }
     .alert-content .result-item .text span{
        font-size:20px;
        font-family:Industry;
        font-weight:bold;
        color:rgba(219,222,226,1);
        width:23px;
        text-align: center;
        display: inline-block;  
        
     }
    
     .alert-content .result-item .text span.ban{
        width: 225px;
        text-align: center;
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(219,222,226,1);
        vertical-align: bottom;
        display: inline-block;  
        text-transform:uppercase;
     }
     .alert-content .result-item .bar-wrap{
        width: 225px;
        height: 4px;
        margin:0 auto;
     }
     .alert-content .result-item .bar{
        width: 225px;
        height: 4px;
     }
     .alert-content .result-item .bar.green-bar{
        width: 200px;
        background: #5eba5e;
     }
     .alert-content .result-item .bar.red-bar{
        width: 25px;
        background: #da4e49;
     }
    .long-tab-content{
        position: absolute;
        top:0;
        left:32px;
        opacity: 0;
    }
    .long-tab-content.stealth{
        opacity: 1;
        z-index: 10;
    }
    /* login弹窗 */
.modal-layer{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    background: rgba(0,0,0,.5);
}
.modal-dialog.show {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    pointer-events: all;
    display: block\9;
    visibility: visible
}
.modal-dialog {
    position: fixed;
    z-index: 999;
    top: 128px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    -webkit-transition-property: opacity,-webkit-transform;
    -moz-transition-property: opacity,-webkit-transform;
    -ms-transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    display: none\9;
    visibility: hidden
}
.modal-login {
    margin-left: -350px;
    width: 700px;
}

.modal-login .userlogin-grid {
    padding: 20px 0
}

.modal-login .userlogin-grid .form {
    padding-left: 20px;
    width: 70%
}

.modal-login .userlogin-grid .side {
    width: 20%
}
.modal-content {
    border-radius: 3px;
    background: #fff
}

.modal-dialog .modal-header {
    background: #f3f3f3;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.modal-dialog .modal-header .title {
    font-size: 16px;
    line-height: 1.5;
    color: #111
}

.modal-dialog .modal-body {
    padding: 10px 20px;
    background: #fff;
    max-height: 740px;
    overflow: auto;
}

.modal-dialog .close {
    font-size: 21px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}
.modal-dialog .reg-wrap .reg{
    display:inline-block;
    color:#fff;
    text-align:center;
    width:100px;
    height:36px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 3px;
    background:#62bb46;
    transition: .2s;
}
.modal-scale .modal-content{
    max-height:900px;
    padding-right:10px;
    background:transparent;
}
.modal-scale .close{
    position:absolute;
    top:0;
    right:15px;
    opacity: .8;
}
.modal-scale .modal-content{
    overflow:auto;
}
.scroller::-webkit-scrollbar {
    width: 8px;
}
.scroller::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #aaa;
}
.scroller.bar-none::-webkit-scrollbar{
    display: none;
}
.scroller.bar-none:hover::-webkit-scrollbar{
    display: block;
}