@media (min-width: 768px){
    .mainBox{overflow-x: hidden;}
    .headerNav { width:100%;}
    #bodybg{ background-size:cover;}
    .eventInformationCon>.right{width:auto;}
    .eventInformationCon>.left{width:100%;height:55px;background:transparent;}
    .eventInformationCon>.left p{float:left;margin-right:20px; }
    .recentHot .recentHotContent .matchText{margin-top:15px;}
    .recentHotContent{margin-bottom:20px;}
    .roamingContentRight img:first-child{margin-bottom:0;margin-right:14px;}
    .roamingInformation .roamingContent .roamingContentRight{padding-left:0;margin-top:10px;}
    .roamingInformation .roamingContent .roamingContentRight img{width:100%;margin-bottom:15px;}
    .refereeIntroduction .referee ul li .textJudges{width:98%;}
    .footerNav .footerMenu ul{margin-left:0;}
    .footerNav .footerMenu{ float:none; }
    .footerNav .right{float:none;}
    .headerNav,
    .headerMenu>.right,
    .headerMenu,
    .headerMenu .headerTit{width:100%;}
    .menuBtn{ background:rgba(0,0,0,.3);padding:10px; margin-top:10px;float:right;}
    .menuBtn .icon-bar{display:block;width:22px;height:2px;background:#fff;margin-top:3px;border-radius: 1px;}
    .menu{display:none;}
    .headerMenu>.right{display:none;}
    .headerMenu>.right *,
    .headerMenu .right ul li{
        float:none;
    }
    .headerMenu .right ul li.video ul li{
        width:100%;
        text-align: left;
    }
    .headerNav{height:auto;}
    .headerMenu .right p{float:none;}
    .headerMenu .right .loginOk{margin-left:0;}
    .headerMenu .right ul li.video ul,
    .headerMenu .right .loginOk .loginDrop-down,
    .headerMenu .right .language span{
        width:100%;
        background:transparent;
        position: initial;
        text-align: left;
        margin-left:0;
    }
    .headerMenu .right .language{background:transparent;}
    .headerMenu .right .loginOk span.userName{
        width:auto;
    }
    #world-cup-right-top .sec-detail{
        margin-top:0;
        line-height:25px;
    }
    .img img, .videoListImg img{
        width:100%;
    }
    .ad-side-news.adImg:first-child{
        padding-right:9px;
    }
    .ad-side-news.adImg:last-child{
        padding-left:9px;
    }
    #recommend-news .header{
        display:none;
    }
}

@media (min-width: 992px){
    #bodybg{background-size:100% 100%;}
    .headerNav{ width:100%;}
    .container {width: 970px; }
    .roamingContentRight img:first-child{ margin-bottom:0; margin-right:14px; }
    .roamingInformation .roamingContent .roamingContentRight{ padding-left:0; margin-top:10px; }
    .recentHot .recentHotContent .matchText{padding-left:18px;margin-top:0;}
    .footerNav .footerMenu ul{ margin-left:0;}
    .footerNav .footerMenu{ float:left; }
    .footerNav .right{float:right;}
    .menuBtn{display:none;}
    .headerMenu, .headerTit{
        width:inherit;
    }
    .headerMenu>.right *,
    .headerMenu .right ul li{  float:left;  }
    .headerMenu>.right{display:block;float:right;width:auto;}
    .headerMenu .right ul li.video ul li{  width:80px;  text-align: center;  }
    .headerNav{height:auto;}
    .headerMenu .right p{float:left;}
    .headerMenu .right .loginOk{margin-left:0;}
    .headerMenu .right ul li.video ul,
    .headerMenu .right .loginOk .loginDrop-down,
    .headerMenu .right .language span{  width:100%;  background:transparent;  position: initial;  text-align: left; margin-left:0;  }
    .headerMenu .right .language{
        background:transparent;
    }
    .headerMenu .right ul li.video ul{
        background:url(/static/img/img/indexVidioBg.png) no-repeat;
        position: absolute;
        top: 56px;
        left: -35px;
        padding-left:10px;
        display:none;
        z-index: 10;
        width:100px;
    }
    .headerMenu .right .loginOk .loginDrop-down {
        width: 100px;
        height: 124px;
        position: absolute;
        top: 56px;
        left: 50%;
        background: url(/static/img/img/loginDrop-down.png);
        text-align: center;
        margin-left: -50px;
        display: block;
        z-index: 10;
        padding: 0 5px;
        box-sizing: border-box;
        padding-top: 6px;
        display: none;
    }
    .headerMenu .right .language span{ width:100px;height:85px;  background:url(/static/img/img/indexLanguge.png) no-repeat;  position: absolute; text-align: center;}
    .headerMenu .right .language{ width:60px;}
    .headerMenu .right .loginOk span.userName{  width:auto;  }
    #world-cup-right-top .sec-detail{
        margin-top:30px;
        line-height:25px;
    }
    .img img, .videoListImg img{
        width:100%;
    }
    .ad-side-news.adImg:first-child{
        padding-right:9px;
    }
    .ad-side-news.adImg:last-child{
        padding-left:0;
    }
    #recommend-news .header{
        display:block;
    }

}

@media (min-width: 1200px){
    .headerNav .headerMenu{ width:1200px;}
    .mainBox{overflow-x: auto;}
    .main .recentHot .recentHotContent > .left img{width:100%;}
    .recentHot .recentHotContent .matchText{width:500px;padding-left:18px;margin-top:0;}
    .container{width:1170px; }
    #bodybg{background-size:100% 100%;}
    .eventInformationCon>.left{ width:160px; height:560px; background:rgba(255,255,255,.1);}
    .eventInformationCon>.left p{ float:none; margin-right:20px;}
    .eventInformationCon>.right{width:1020px;}
    .roamingContentRight img:first-child{ margin-bottom:15px; margin-right:0; }
    .roamingInformation .roamingContent .roamingContentRight{ padding-left:10px;margin-top:0;}
    .videoMusic .videoLeft .videoContent ul li{ padding: 0 9px;}
    .videoMusic .videoRight { padding-left: 10px; }
    .footerNav .footerMenu ul{ margin-left:325px; }
    .footerNav .footerMenu{ float:left; }
    .footerNav .right{float:right;}
    .userLogin .userLoginMain, .registerBox .registerBoxMain{ width:400px; }
    .menuBtn{display:none;}
    .headerMenu .right .language{
        width:80px;
        background:url(/static/img/img/indexHeaderDown.png) no-repeat;
        color:#fff;
        font-size:14px;
        background-position: center;
        background-position-x: 65px;
        position: relative;
        cursor: pointer;
		line-height:60px;
    }
    .headerMenu .right .language span{
        display:inline-block;
        width:100px;
        height:85px;
        background:url(/static/img/img/indexLanguge.png) no-repeat;
        position: absolute;
        left: -42px;
        top: 56px;
        display:none;
        z-index: 101;
    }
    .headerMenu .right .loginOk .loginDrop-down{
        width:100px;
        height:124px;
        position: absolute;
        top:56px;
        left:50%;
        background:url(/static/img/img/loginDrop-down.png);
        text-align: center;
        margin-left:-50px;
        display:block;
        z-index: 10;
        padding: 0 5px;
        box-sizing: border-box;
        padding-top:6px;
        display:none;
    }
    .headerMenu>.right{display:block;float:right;width:auto;}
    .headerMenu .headerTit{width:120px;}
    .refereeIntroduction .referee ul li .textJudges {
        width: 94%;
    }

    .ad-side-news.adImg:first-child{
        padding-right:0px;
    }
    .ad-side-news.adImg:last-child{
        padding-left:0px;
    }
    #recommend-news .header{
        display:block;
    }

}

@media (max-width: 768px){
    .mainBox{overflow-x: hidden;}
    .headerNav { width:100%;}
    #bodybg{ background-size:cover;}
    .eventInformationCon>.right{width:auto;}
    .eventInformationCon>.left{width:100%;height:55px;background:transparent;}
    .eventInformationCon>.left p{float:left;margin-right:20px; }
    .recentHot .recentHotContent .matchText{margin-top:15px;}
    .recentHotContent{margin-bottom:20px;}
    .roamingContentRight img:first-child{margin-bottom:0;margin-right:14px;}
    .roamingInformation .roamingContent .roamingContentRight{padding-left:0;margin-top:10px;}
    .roamingInformation .roamingContent .roamingContentRight img{width:100%;margin-bottom:15px;}
    .refereeIntroduction .referee ul li .textJudges{width:98%;}
    .footerNav .footerMenu ul{margin-left:0;}
    .footerNav .footerMenu{ float:none; }
    .footerNav .right{float:none;}
    .headerNav,
    .headerMenu>.right,
    .headerMenu,
    .headerTit{width:100%;}
    .menuBtn{ background:rgba(0,0,0,.3);padding:10px; margin-top:10px;float:right;}
    .menuBtn .icon-bar{display:block;width:22px;height:2px;background:#fff;margin-top:3px;border-radius: 1px;}
    .menu{display:none;}
    .headerMenu>.right{display:none;}
    .headerMenu>.right *,
    .headerMenu .right ul li{
        float:none;
    }
    .headerMenu .right ul li.video ul li{
        width:100%;
        text-align: left;
    }
    .headerMenu .headerTit{width:100%;}
    .headerNav{height:auto;}
    .headerMenu .right p{float:none;}
    .headerMenu .right .loginOk{margin-left:0;}
    .headerMenu .right ul li.video ul,
    .headerMenu .right .loginOk .loginDrop-down,
    .headerMenu .right .language span{
        width:100%;
        background:transparent;
        position: initial;
        text-align: left;
        margin-left:0;
    }
    .headerMenu .right .language{background:transparent;}
    .headerMenu .right .loginOk span.userName{
        width:auto;
    }
    #world-cup-right-top .sec-detail{
        margin-top:0;
        line-height:25px;
    }
    .img img, .videoListImg img{
        width:100%;
    }
    .ad-side-news.adImg:first-child{
        padding-left:9px;
    }
    .ad-side-news.adImg:nth-child(2){
        padding-left:9px;
    }
    #recommend-news .header{
        display:none;
    }
    .videoScale3:nth-child(2n+1) {
        padding: 0;
        padding-right: 5px;
    }
    .videoScale3:nth-child(2n) {
        padding: 0;
        padding-left: 5px;
    }
    .row.videoList li:nth-child(2n+1){
        padding-right:5px;
    }
    .row.videoList li:nth-child(2n){
        padding-left:5px;
    }
    #recommend-judge .refereeBox .item:nth-child(2n+1){
        padding-right:5px!important;
    }
    #recommend-judge .refereeBox .item:nth-child(2n){
        padding-left:5px!important;
    }
    footer .explain{
        width:85px!important;
    }
    footer .footerMenu{
        margin-bottom:10px;
    }
    .pcJudge{
        display:none;
    }
    .mobJudge #judge-list .judge-image img{height:180px;}
    .judgeContent{margin-bottom:20px;padding:0;}
    .judgeContent:nth-child(2n+1){padding-right:5px;}
    .judgeContent:nth-child(2n){padding-left:5px;}
    #judge-list .name p{width: 100%;padding:0 5px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    /* 移动端裁判 start */
    .mobjudgeName{position:relative;}
    .mobjudgeName .mobJudge-content{width:100%;height:100%;position: absolute;left:0;top:0;}
    .mobJudge-content p{padding:5px!important;line-height: 18px;letter-spacing: 0px;height:100%;}
    .mobJudge #judge-list .featured-box{margin-top:15px;}
    /*.mobJudge{display:block!important;}*/
    /* 移动端裁判 end */
}