body,html{position:relative;height:100%;width:100%}body{background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#000}#app{width:100%;margin:0 auto;padding-bottom:115px;position:relative}.header{width:100%;height:auto;padding-bottom:40%;background:url(../image/banner.png) no-repeat center;background-size:cover;position:relative}.header .headerText{width:100%;height:90px;background:rgba(255,255,255,.65);text-align:center;font-size:42px;line-height:90px;font-family:Microsoft YaHei;font-weight:700;color:#d72017;position:absolute;bottom:100px}.header img{width:100%;display:inline-block}.header .headerImg .headerImg1{display:inline-block;width:475px}.content .runList{position:absolute;right:35px;top:100px;width:111px;height:auto;background:linear-gradient(0deg,#fd5e26,#de2c11);font-size:14px;border:2px solid #fff;font-family:Microsoft YaHei;font-weight:400;color:#fff;z-index:100}.content .runList ul{position:absolute;top:-20px;left:-25px}.content .runList ul .lastLi{width:150px;height:77px;margin-left:7px;line-height:58px;font-size:18px;text-align:center;background:url(../image/iconB.png) no-repeat center;background-size:cover}.content .runList ul li{width:163px;height:48px;cursor:pointer;margin-bottom:5px;line-height:48px;text-align:center;background:url(../image/btn.png) no-repeat center;background-size:cover}.content{width:100%;border-top:1px solid rgba(0,0,0,0);background:url(../image/bg1.png) no-repeat center;background-size:cover;position:relative;top:-140px;padding-bottom:60px}.content2{width:100%;padding-top:80px;border-top:1px solid rgba(0,0,0,0);background:url(../image/bg4.png) no-repeat center;background-size:cover;position:relative;top:-100px}.content2F{width:1153px;margin:0 auto;position:relative;bottom:115px;left:0}.content2F img{display:inline-block;width:100%}.content2H{position:absolute;top:0;left:0;width:100%}.content2H img{display:inline-block;width:100%}.content2S{width:1140px;margin:0 auto;position:relative}.swiper-container{margin:0 auto;width:1050px;padding:50px 0 30px 0}.swiper-container .swiper-slide{width:246px;height:310px!important;background:#fff;border-radius:11px;transition:.3s}.swiper-container .swiper-slide .side2{margin-top:15px}.swiper-container .swiper-slide .side2 .sideBtn{width:100%;text-align:center;margin-top:20px}.swiper-container .swiper-slide .side2 .sideBtn span{display:inline-block;width:130px;height:30px;background:#d72017;border-radius:15px;color:#fff;font-size:14px;line-height:30px;cursor:pointer}.swiper-container .swiper-slide .side2 .side2T{margin-bottom:10px}.swiper-container .swiper-slide .side2 img{display:inline-block;vertical-align:middle;width:15px;margin-left:20px}.swiper-container .swiper-slide .side2 .side2T span{display:inline-block;vertical-align:middle;font-size:12px;margin:0 5px}.swiper-container .swiper-slide .side2 span:nth-child(3){color:#d72017}.swiper-container .swiper-slide .side1{width:100%;height:45%;background:url(../image/bg2.png) no-repeat center;background-size:100% 100%;border-top:1px solid rgba(0,0,0,0)}.swiper-container .swiper-slide .side1 .side1H{width:80%;text-align:center;margin:25% auto;line-height:20px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.content2 .swiper-button-next,.content2 .swiper-button-prev{width:36px;height:70px;background:rgba(215,32,23,.5);color:#fff;font-size:14px;border-radius:2px;margin-right:5px}.content2 .swiper-button-prev{position:absolute;top:calc(50% - 35px);left:0}.content2 .swiper-button-next{position:absolute;top:calc(50% - 35px);right:0}.content2 .swiper-button-next:after,.content2 .swiper-button-prev:after{font-size:14px}.swiper-container .swiper-slide-active,.swiper-container .swiper-slide-duplicate-active{transform:scale(1)}.runGame{width:1140px;height:993px;margin:0 auto;background:url(../image/map2.png) no-repeat center;background-size:100% 100%;position:relative}.runGame #img3{position:absolute;top:0;left:0;width:107px;height:163px}.runGame .aniImg3{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.runGame .gameNum{position:absolute;top:121px;left:94px;width:360px;height:120px;background:rgba(34,72,127,.7);border-radius:17px;font-size:22px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:36px;text-align:center}.runGame .gameNum p:nth-child(1){margin-top:31px}.runText{margin:50px auto 30px;width:1140px;height:440px;background:rgba(0,36,219,.7);border-radius:17px;border-top:1px solid rgba(0,0,0,0);position:relative}.runText .runTip{text-align:center;width:100%;padding-bottom:15px;font-size:20px;color:#fff}.runText .runBanner{width:calc(100% - 20px);margin:0 0 20px 15px;height:112px;overflow:hidden}.runBanner .swiper-slide{width:368px;height:112px;background:#0083f2;border-radius:10px}.runBanner .swiper-slide span{display:inline-block;vertical-align:middle;margin-top:17px;letter-spacing:2px}.runBanner .swiper-slide span:nth-child(1){width:80px;height:80px;background:#fff;border-radius:50%;text-align:center;line-height:80px;overflow:hidden;margin:16px 14px 0 30px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;letter-spacing:0;font-family:Microsoft YaHei;font-weight:400;color:#000}.runBanner .swiper-slide span:nth-child(2){width:calc(100% - 140px)}.runBanner .swiper-slide span label{display:block;line-height:25px;color:#fff;font-size:16px;width:100%;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.runBanner .swiper-slide span label:nth-child(1){font-size:18px}.runText .run{width:calc(100% - 25px);margin:18px 0 15px 25px;overflow:hidden}.runText .run .run1{float:left;width:346px;height:240px;border-radius:20px;background:rgba(255,255,255,.1);margin-right:25px;font-size:20px;color:#fff;position:relative}.runText .run .run1 .goAni{position:absolute;top:100px;left:215px;opacity:0;font-size:20px;font-weight:bolder}.runText .run .run1 .goAniTo{animation:2s ease-in-out myAni}@keyframes myAni{0%{opacity:0;top:100px}50%{opacity:1;top:60px}100%{opacity:0;top:60px}}.runText .run .run1 .runL{width:100%;text-align:center;margin:30px 0 15px}.runText .run .run1 .runL img{display:inline-block;width:70px}.runText .run .run1 .runT{width:100%;text-align:center;font-family:Microsoft YaHei;margin-bottom:15px}.runText .run .run1 .runT span{font-size:38px;font-weight:700}.runText .run .run1 .runN{width:100%;text-align:center}.running{width:1140px;margin:0 auto;position:relative}.running .runningT{margin:30px 0 30px 0;width:1140px;height:260px;background:rgba(115,171,242,.7);border-radius:30px}.runningTs{position:absolute;top:0;left:30px}.running .runningT .runningT1 .runningLogo{width:calc(100% - 16px);margin-left:20px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.runningLogo_L{position:absolute;left:-13px;top:calc(50% - 25px);width:0;height:0;border-top:25px solid transparent;border-right:25px solid #0058c7;border-bottom:25px solid transparent}.running .runningT .runningT1 .runningLogo img,span{display:inline-block;vertical-align:middle}.running .runningT .runningT1 .runningLogo img{padding-bottom:10px;margin-right:20px}.running .runningT .runningT1 .runningLogo span label{display:block;line-height:30px}.running .runningT .runningT1 .runningLogo span label:nth-child(1){margin-top:10px}.running .runningT .runningT1 .runningM{width:388px;height:85px;margin-left:20px;background:#fff;border-radius:10px;padding:15px 12px 0 12px;margin-top:10px;box-shadow:inset 0 15px 10px -15px #004daf}.running .runningT .runningT1 .runningM p{margin:0 20px;line-height:22px}.running .runningT .runningT1{float:left}.running .runningT .runningT1:nth-child(1){width:234px;height:auto;margin-right:35px;margin-top:48px}.running .runningT .runningT1 .cityImg{width:100%;height:100%}.running .runningT .runningT1:nth-child(2){width:450px;height:210px;margin-top:25px;background-color:#0058c7;border-radius:20px;position:relative;margin-right:25px}.running .runningT .runningT1:nth-child(3){width:335px;height:210px;background:#0058c7;border-radius:20px;margin-top:25px}.runningT2 span{display:block;vertical-align:middle;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#fff;width:100%;text-align:center;margin:12px 0}.runningT2 label{display:block;width:calc(100% - 46px);height:52px;margin:12px 23px;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:#000;line-height:52px;text-align:center;background:#fff;box-shadow:inset 0 15px 10px -15px #004daf;border-radius:10px}.footer{position:absolute;bottom:0;left:0;width:100%}.footer img{display:inline-block;width:100%}.footer2{position:absolute;bottom:0;left:0;width:100%;background:#222;padding:40px 0 20px;margin-top:50px;height:210px;text-align:center;overflow:hidden}.footer2 ul li{display:inline-block;width:120px;font-size:16px}.footer2 ul li a{display:block;color:#666}.footer2 ul li:not(:last-of-type){border-right:1px solid #666}.footer2 .logo2{width:308px;height:50px;background:url(../image/logo2.png) no-repeat;background-size:100% 100%;margin:60px auto 30px}.footer2 .copyright{color:#666;font-size:12px}.runBall{width:90px;height:90px;background:#e60012;font-family:Microsoft YaHei;font-weight:700;color:#fff7d5;text-align:center;line-height:28px;border-radius:100%;border:2px solid #fff7d5;position:fixed;right:20px;top:50%}.runBall span{display:inline-block;margin-top:17px;line-height:28px;width:46px;font-size:22px;font-family:Microsoft YaHei;font-weight:700}.container .nav{width:100%;height:85px;position:relative;background:url(/imgs/index-nav.png) no-repeat;background-size:100% 100%;z-index:1}.nav .ul-nav{padding:0 40px;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex}.nav .ul-nav .li-nav{float:left;line-height:74px;text-align:center;flex:1;height:68px}.nav .ul-nav .nav-icon{width:125px;height:37px;background:url(/imgs/index-title.png) no-repeat;float:left;margin-top:22px}.nav .li-nav>a{display:block;font-size:18px;line-height:24px;color:#fff;padding:0;background:url(/imgs/border.png) no-repeat;margin-top:24px}.nav .li-nav .border{background:no-repeat}.nav .li-nav:hover>a{color:#f7f357}.nav .li-nav .sub-box{visibility:hidden;position:absolute;background:#fff;width:1130px;height:230px;left:50%;transform:translate(-50%);top:67px;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;padding:0 5px;border-bottom:1px solid #ccc}.nav .li-nav .sub-box2{width:205px;margin-left:400px}.nav .li-nav:hover .sub-box{visibility:visible}.dl-box{float:left;height:190px;flex:1;border-left:1px solid #ccc;margin-top:15px}.dl-box p{line-height:24px;font-size:14px;text-align:left}.border{border:none}.nav .li-nav .sub-box dl{background:#fff;height:146px;margin:0 4px}.nav .li-nav .sub-box dd{font-size:16px;color:#cb2b35;text-align:center;line-height:24px;margin-bottom:14px}.nav .li-nav .sub-box dl dt{width:160px;height:100px;border-radius:5px;margin:auto}.nav .li-nav .sub-box dl dt img{width:100%;height:100%;border-radius:5px}.nav .li-nav .sub-box .dl-box>a{display:block;width:71px;height:23px;background:#841300;color:#fff;text-align:center;font-size:12px;line-height:23px;border-radius:20px;margin:20px auto 0}.brand-nav{background:#eb0000;position:fixed;width:100%;z-index:20}.brand-nav .nav{width:1140px;height:60px;background:#eb0000;margin:0 auto}.brand-nav .nav .ul-nav .li-nav{line-height:60px}.brand-nav .nav .ul-nav .nav-icon{margin-top:18px}.brand-nav .nav .li-nav a{margin-top:20px}.brand-nav .nav .li-nav .sub-box{top:60px}.brand-nav .nav .li-nav .sub-box2{width:205px;margin-left:330px}@media screen and (min-width:1600px){.content .runList{position:absolute;right:calc(50% - 800px);top:100px}}