.contain{width: 1186px;margin: auto;overflow: hidden;}
.contain2{width: 1200px;margin: auto;}

.head{background: url(/fsswy/页头.png);background-repeat: no-repeat;overflow: hidden;background-position: center top;width: 100%;background-size: contain;padding-bottom: 100px;}
.head .logo{display: block;width: 348px;height: 68px;background: url(/autumn/toplogo.png);background-size: contain;margin-top: 40px;}

.guide{width: 200px;height: 372px;background: url(/fsswy/guide.png);position: fixed;right: 20px;top: 120px;box-sizing: border-box;padding: 124px 18px 20px;z-index: 999;}
.guide .bbtn{height: 40px;width: 100%;display: block;margin-bottom: 2px;font-size: 24px;line-height: 40px;text-align: center;font-weight: 900;color: #fff;}
.guide .bbtn:hover{color: #fff151;}
.guide .gotop{width: 100%;height: 28px;margin-top: 16px;display: block;}

body{background: url(/fsswy/页面BG.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: bottom center;}
.jqqyh{padding-bottom: 80px;}

.jqqyh h2{height: 110px;width: 100%;margin-bottom: 52px;}
.jqqyh .row1 h2{background: url(/fsswy/赛事头条.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.jqqyh .row1 .box{width: 100%;height: 365px;}
.jqqyh .row1 .box .left{float: left;width: 610px;position: relative;height: 365px;}
.jqqyh .row1 .box .left .bg{position: absolute;left: -24px;background: url(/fsswy/bannerbg.png);background-repeat: no-repeat;padding-left: 24px;width: 610px;height: 342px;padding-top: 23px;}
.jqqyh .row1 .box .left .bg .banner{width: 606px;}
.jqqyh .row1 .box .left .bg .banner ul{height: 100%!important;}
.jqqyh .row1 .box .left .bg .banner ul li{float: left;height: 100%;}
.jqqyh .row1 .box .left .bg .banner ul li a{position: relative;display: block;width: 606px;height: 100%;}
.jqqyh .row1 .box .left .bg .banner ul li a img{width: 100%;height: 100%;}
.jqqyh .row1 .box .left .bg .banner ul li a p{position: absolute;bottom: 0;height: 36px;width: 100%;font-size: 18px;line-height: 36px;text-indent: 20px;color: #fff;}
.jqqyh .row1 .box .left .bg .banner ul li a .pbg{background-color: #4fc2a1;}
.jqqyh .row1 .box .left .bg .banner .dots{position: absolute;bottom: 0;right: 0px;margin: 0;padding: 13px;}
.jqqyh .row1 .box .left .bg .banner .dots .dot{float: left;font-size: 0;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;margin-right: 8px;}
.jqqyh .row1 .box .left .bg .banner .dots .active{background-color: #ff75af;}
.jqqyh .row1 .box .right{float: left;margin-left: 20px;background: url(/fsswy/lis.png);background-repeat: no-repeat;background-size: contain;width: 570px;height: 343px;margin-top: 23px;}
.jqqyh .row1 .box .right .top{text-align: right;}
.jqqyh .row1 .box .right .top .more{width: 90px;height: 27px;display: inline-block;background: url(/fsswy/more.png);background-repeat: no-repeat;background-size: contain;}
.jqqyh .row1 .box .right ul{padding: 23px;}
.jqqyh .row1 .box .right ul li{height: 38px;margin-bottom: 16px;}
.jqqyh .row1 .box .right ul li a{height: 38px;border-radius: 19px;font-size: 18px;line-height: 38px;text-indent: 22px;display: block;width: 100%;overflow: hidden;}
.jqqyh .row1 .box .right ul li a:hover{color: #ff504a;background: #fff;}

.jqqyh .gg{margin-top: 28px;}
.jqqyh .gg .type1200{display: block;}
.jqqyh .gg .type800,.jqqyh .gg .type600{display: none;}

.jqqyh .row2{margin-top: 90px;}
.jqqyh .row2 h2{background: url(/fsswy/票务信息.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.jqqyh .row2 .box{margin-top: 60px;width: 100%;height: 300px;}
.jqqyh .row2 .box .left{float: left;width: 580px;}
.jqqyh .row2 .box .left h3{height: 42px;}
.jqqyh .row2 .box .left h3 .title{display: block;height: 42px;width: 188px;background: url(/fsswy/热门.png);background-repeat: no-repeat;background-size: contain;float: left;}
.jqqyh .row2 .box .left h3 .more{display: block;background: url(/fsswy/more.png);background-repeat: no-repeat;background-position: center right;float: right;width: 97px;height: 42px;}
.jqqyh .row2 .box .left ul{margin-top: 28px;}
.jqqyh .row2 .box .left ul li{width: 100%;height: 48px;margin-top: 12px;}
.jqqyh .row2 .box .left ul li a{display: block;width: 100%;height: 100%;border-radius: 6px;background-color: #fff;padding-left: 36px;font-size: 22px;line-height: 48px;box-shadow: 0 0 10px 2px rgba(124, 124, 124, 0.2);overflow: hidden;box-sizing: border-box;}
.jqqyh .row2 .box .right{float: left;width: 490px;margin-left: 90px;}

.jqqyh .row3{margin-top: 90px;}
.jqqyh .row3 h2{background: url(/fsswy/场馆巡礼.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.bannertype2{position: relative;}
.bannertype2 ul li{float: left;width: 100%;}
.bannertype2 ul li a{position: relative;display: block;width: 100%;}
.bannertype2 ul li a img{width: 100%;height: 100%;}
.bannertype2 ul li a p{position: absolute;bottom: 0;height: 36px;width: 100%;font-size: 18px;line-height: 36px;text-indent: 20px;color: #fff;}
.bannertype2 ul li a .pbg{background-color: #4fc2a1;}
.bannertype2 .dots{position: absolute;bottom: 0;right: 0px;margin: 0;padding: 13px;}
.bannertype2 .dots .dot{float: left;font-size: 0;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;margin-right: 8px;}
.bannertype2 .dots .active{background-color: #ff75af;}

.jqqyh .row4{margin-top: 90px;}
.jqqyh .row4 h2{background: url(/fsswy/相约湾区.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.jqqyh .row4 .box{margin-top: 60px;height: 333px;}
.jqqyh .row4 .box .left{width: 380px;height: 333px;background: url(/fsswy/img1.png);background-repeat: no-repeat;background-size: contain;background-position: center;float: left;}
.jqqyh .row4 .box .middle{width: 380px;height: 333px;background: url(/fsswy/img2.png);background-repeat: no-repeat;background-size: contain;background-position: center;margin-left: 30px;float: left;}
.jqqyh .row4 .box .right{width: 380px;height: 333px;float: left;margin-left: 30px;}
.jqqyh .row4 .box .right .weibo{background: url(/fsswy/weibo.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 380px;height: 58px;}
.jqqyh .row4 .box .right .weixin{background: url(/fsswy/weixin.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 380px;height: 59px;margin-top: 10px;}
.jqqyh .row4 .box .right .shipinhao{background: url(/fsswy/shipinhao.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 380px;height: 59px;margin-top: 10px;}
.jqqyh .row4 .box .right .douyin{background: url(/fsswy/douyin.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 380px;height: 59px;margin-top: 10px;}
.jqqyh .row4 .box .right .kuaishou{background: url(/fsswy/kuaishou.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 380px;height: 58px;margin-top: 10px;}
.jqqyh .row4 .box .right .ewm{position: relative;}
.jqqyh .row4 .box .right .ewm img{display: none;width: 200px;height: 200px;right: 50%;transform: translateX(50%);}
.jqqyh .row4 .box .right .ewm:hover img{display: block;position: absolute;bottom: 58px;}


@media screen and (min-width:1200px){
    .jqqyh .row1 .box .left .bg .banner ul li{width: 606px!important;}
}

@media screen and (max-width:1200px) {
    .head{background-size: contain;}
    .head .logo{display: block;width: 240px;height: 48px;background: url(/autumn/toplogo.png);background-size: contain;margin-top: 40px;}
    .contain2{width: 800px;margin: auto;}
    .jqqyh .row1 .box{height: auto;}
    .jqqyh .row1 .box .left,.jqqyh .row1 .box .right{float: none;margin: 48px auto;}
    .jqqyh .row1 .box .right{width: 610px;background-size: 100% 100%;}
    .jqqyh .gg{width: 610px;}
    .jqqyh .gg .type800{display: block;}
    .jqqyh .gg .type1200,.jqqyh .gg .type600{display: none;}

    .jqqyh .row2 .box{height: auto;}
    .jqqyh .row2 .box .left{float: none;margin: 0 auto;}
    .jqqyh .row2 .box .right{float: none;margin: 48px 0 0;width: 100%;text-align: center;}
    
    .jqqyh .row4 .box{height: auto;overflow: hidden;}
    .jqqyh .row4 .box .right{margin: 48px auto;}
}

@media screen and (min-width:800px){
    .jqqyh .row1 .box .left .bg .banner{height: 340px!important;}
    .bannertype2 ul li{height: 340px;}
    .bannertype2 ul li a{height: 340px;}
}

@media screen and (max-width:800px) {
    .head{padding-bottom: 40px;}
    .head .logo{display: block;width: 200px;height: 40px;background: url(/autumn/toplogo.png);background-size: contain;margin-top: 36px;}
    .contain2{width: 100%;padding: 0 12px;margin: auto;box-sizing: border-box;}
    .guide{display: none;}
    .jqqyh .row2,.jqqyh .row3,.jqqyh .row4{margin-top: 60px;}
    .jqqyh .row2 .box,.jqqyh .row3 .box,.jqqyh .row4 .box{margin-top: 0;}
    .jqqyh .row1 h2,.jqqyh .row2 h2,.jqqyh .row3 h2,.jqqyh .row4 h2{margin-bottom: 0;}
    .jqqyh .row1 .box .left, .jqqyh .row1 .box .right{margin: 0 auto;}
    .jqqyh .row1 .box .left,.jqqyh .row1 .box .left .bg{height: auto;}
    .jqqyh .row1 .box .left .bg{background: none;padding: 0;position: relative;left: 0;margin-bottom: 20px;}
    .jqqyh .row1 .box .left .bg .banner,.jqqyh .row1 .box .left .bg .banner ul li a,.jqqyh .row1 .box .left .bg .banner ul li a img{width: 100%!important;}
    .jqqyh .row1 .box .left .bg .banner ul li a p{box-sizing: border-box;padding-right: 80px;}
    .banner2 ul li a p{box-sizing: border-box;padding-right: 120px;}
    .jqqyh .row4 .box .left,.jqqyh .row4 .box .middle,.jqqyh .row4 .box .right{display: block;margin: 24px auto;float: none;}
    .jqqyh .row1 .box .left, .jqqyh .row1 .box .right{width: 100%;}
    .jqqyh .row1 .box .left .bg{width: 100%;}
    .jqqyh .gg{width: 100%;}
    .jqqyh .row2 .box .left{width: 100%;}
    .jqqyh .row2 .box .left ul li a{padding: 0 24px;}

    .bannertype2{width: 100%!important;margin-top: 20px;}
    .jqqyh .gg .type600{display: block;}
    .jqqyh .gg .type800,.jqqyh .gg .type1200{display: none;}
}

@media screen and (max-width:600px) {
    .head{background-size: cover;}
    .head .logo{display: block;width: 160px;height: 32px;background: url(/autumn/toplogo.png);background-size: contain;margin-top: 20px;}
}

@media screen and (max-width:420px) {
    .head .logo{display: block;width: 120px;height: 24px;background: url(/autumn/toplogo.png);background-size: contain;margin-top: 20px;}
    .jqqyh .row2,.jqqyh .row3,.jqqyh .row4 .box{margin-top: 0;}
    .jqqyh .row4 .box .left,
    .jqqyh .row4 .box .middle{background-size: 100% 100%;width: 100%;}
    .jqqyh .row4 .box .right .ewm{background-size: 100% 100%;}
    .jqqyh .row4 .box .left{margin-top: 0;}
}