@charset "utf-8";
html{background:#000;}
html,body{height:100%;}

.nav_left ul li{height:15.0857143%; min-height:50px;}
.nav_left ul li:nth-child(3),
.nav_left ul li:nth-child(7){height:12.2857143%;}
.nav_left ul li:nth-child(3) span.txt_column:nth-child(2){width:13px; text-align:center;}

.main{color:#fff; position:relative; z-index:1; padding:70px 0 30px;}
.main,
.part1_bg,
.part2_bg,
.part3_bg,
.part4_bg,
.part5_bg,
.part6_bg,
.race_bg{width:100%;}


.main .box{box-sizing:border-box; padding:0 10px 0px 35px;}

.main .box .con{width:90%; margin:0 auto;}

.part3{background:url(../img/what/3_bg.jpg) 0 0 no-repeat #000; background-size:100% auto;}
.part4{background:url(../img/car/4_bg.jpg) 0 0 no-repeat #000; background-size:100% auto;}

.race_bg{background:#000;}

.part1_bg,
.part2_bg,
.part3_bg,
.part4_bg,
.part5_bg,
.race_bg{position:fixed; height:100%; top:0; left:0; z-index:0; background:url(../img/race/rd_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}


.part2_bg{background:url(../img/score/2_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
/*.part3_bg{background:url(../img/what/3_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.part4_bg{background:url(../img/car/4_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}*/
.part5_bg{background:url(../img/team/5_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}




.race1_bg{background:url(../img/race/rd1_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race2_bg{background:url(../img/race/rd2_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race3_bg{background:url(../img/race/rd3_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race4_bg{background:url(../img/race/rd4_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race5_bg{background:url(../img/race/rd5_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race6_bg{background:url(../img/race/rd6_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}
.race7_bg{background:url(../img/race/rd7_bg.jpg) 0 0 no-repeat #000; background-size:100% 100%;}



.main .web_num{position:relative;}
.main .web_num img{width:35px;}
.main .web_num span{display:inline-block; width:65px; height:1px; border-bottom:1px solid rgba(255,255,255,0.5); margin:0 10px; position:relative; bottom:7px;}

.main h3{width:100%; font-size:16px; margin:20px 0; color:#fff;}
.main h4{width:100%; font-size:14px; position:relative; margin-bottom:20px; box-sizing:border-box; padding-left:35px;}
.main h4 span{display:block; width:35px; height:1px; border-bottom:3px solid #e60122; position:absolute; left:-8px; top:8px;}


.swiper-container,
.swiper-wrapper,
.swiper-slide,
.swiper-slide img{width:100%;}

.swiper-button-prev, .swiper-button-next{width:40px; height:35px; margin-top:-17.5px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(/mobile/motorsports/img/next.png) 0 0 no-repeat; background-size:100% 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(/mobile/motorsports/img/prev.png) 0 0 no-repeat; background-size:100% 100%; left:35px;}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{box-sizing:border-box; padding:0 10px 0 35px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.swiper-pagination-bullet{width:10%; height:2px; background:#fff; border-radius:0; opacity:1;}
.swiper-pagination-bullet-active{background:#e40c2b;}


/*赛事报道*/

.main h3{line-height:36px;}
.part1 .saic_btn,
.part1 .saic_btn .btn_txt,
.part1 .saic_btn .btn_img,
.part1 .saic_btn .btn_img img{display:block;}

.part1 .saic_btn{width:106px; height:36px; border:1px solid rgba(255,255,255,0.5); float:right;}
.part1 .saic_btn .btn_txt{width:70px; float:left; text-align:center; color:#fff; font-weight:400; line-height:36px;}
.part1 .saic_btn .btn_txt.on{background:#fff; color:#000;}
.part1 .saic_btn .btn_img{width:36px; height:100%; float:left; background:#fff;}
.part1 .saic_btn .btn_img img{width:100%;}

.saic_con{width:100%; background:#261100; padding-bottom:20px; top:160px; position:absolute; z-index:2; display:none;}
.saic_con li{width:100%; padding:12px 0;}
.saic_con li.on{background:#720510;}
.saic_con li .btn_con{width:100%; box-sizing:border-box; padding:0 10px 0 35px;}
.saic_con li table{display:block; width:90%; margin:0 auto; color:#fff; letter-spacing:1px;}
.saic_con li table tr td:nth-child(1){width:40px;}
.saic_con li table tr td:nth-child(2){width:30px; padding-right:15px;}
.saic_con li table tr td:nth-child(2) img{width:100%; vertical-align:middle;}
.saic_con li table tr td:nth-child(3){width:56px;}
.saic_con li table tr td:nth-child(4){padding-left:8px;}


.part1 .lk{width:100%;}
.part1 .lk li{width:25%; float:left; box-sizing:border-box; padding:0 1px;}
.part1 .lk li a{display:block;  position:relative; bottom:-1px; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; font-size:16px; line-height:2; text-align:center; padding-top:10px;}
.part1 .lk li a.on{border-bottom:1px solid #e60122;}

.part1 h5.flag{width:100%; font-size:16px; text-align:center; margin:30px 0;}
.part1 h5.flag strong{display:block; width:100%; margin-bottom:10px;}
.part1 h5.flag strong img{width:50%; max-width:147px;}
.part1 h5.flag span{display:block; width:100%; font-size:12px; font-weight:500; margin-top:10px;}

.part1 .btn{width:100%; text-align:center;}
.part1 .btn a{display:inline-block; width:80px;}
.part1 .btn a:first-child{margin-right:15px;}

.part1 h5.rd_title{widht:100%;font-size:16px; text-align:center; margin:30px 0;}

.part1 .txt,
.part1 .pic,
.part1 .pic_noborer,
.part1 .moretxt{width:100%;}
.part1 h6{font-size:14px; margin-bottom:10px;}

.part1 .pic{margin:20px 0;background: url(/mobile/motorsports/img/pic_bg2.png) 0 0 no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 7px;}

.part1 .pic_noborer{margin:20px 0;}

.part1 .pic_noborer img,
.part1 .pic img{display:block; width:100%;}

.part1 .swiper_title{margin-bottom:40px; margin-top:50px;}
.part1 .totop{width:100%; box-sizing:border-box; padding:0 10px 0 35px; margin-top:50px; text-align:center;}

.part1 .totop a{width:100px;}
.part1 a.btn_bord{display:inline-block;}
.part1 .lk_more{margin-right:8px;}

/*分为day1 day2 day3 day4 的css */
.part1 .day_wrap,
.part1 ul li,
.part1 .day_btn,
.part1 .day_con{width:100%;}

.part1 .day_btn li p{position:relative;}
.part1 .day_btn li p span{display:block; height:26px; position:absolute; bottom:7%;}
.part1 .day_btn li p span.jt{width:7px; background:url(../img/race/btn_jt.png) 0 7px no-repeat; background-size:100% auto; right:20%; z-index:1; transition:transform 1s; -webkit-transition:transform 1s;}
.part1 .day_btn li p span.jt.rote{transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.part1 .day_btn li p span.txt{text-align:center; font-size:16px; font-weight:bolder; line-height:26px; left:0%; z-index:2;}

.part1 .day_con{margin-top:50px;}
.part1 .day_con li{display:none;}
.part1 .day_con li.active{display:block;}


/*赛事成绩*/
.part2 .con2{width:100%;}
.part2 .con2 h4{box-sizing:border-box; width:90%; margin:0 auto;}
.part2 .con2 .pic{width:100%; padding:20px 5%; background:rgba(0,0,0,0.5); box-sizing:border-box; margin:20px 0;} 
.part2 .con2 .pic img{display:block; width:100%; margin:0 auto;}

/*什么是WRC*/
.part3 .swiper-pagination-bullet{background:#8d8d8d;}
.part3 .swiper-pagination-bullet-active{background:#810e1f;}

.part3 .swiper-pagination-fraction, 
.part3 .swiper-pagination-custom, 
.part3 .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px;}

.part3 .txt_wrap{width:100%;}
.part3 h4{margin-top:40px;}
.part3 h4.nomb{margin-top:0px;}
.part3 h5.tit{text-align:center;}
.part3 h5{font-size:14px; margin-top:20px;}
.part3 h6{font-size:13px; margin-bottom:10px;}
.part3 .pic{width:100%; margin:20px 0;background:url(/mobile/motorsports/img/pic_bg2.png) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:7px;} 
.part3 .nobpic{width:100%; margin:20px 0;}
.part3 .nobpic img{display:block; width:100%; }
.part3 .noborder{background:none;}
.part3 .pic img{width:100%;}
.part3 .mov{width:100%; margin-top:40px;}
.part3 .mov p{width:100%; margin-bottom:30px; text-align:center;}
.part3 .mov p a,
.part3 .mov p a img{display:block; width:100%;}
.part3 .mov p a{background:url(/mobile/motorsports/img/pic_bg2.png) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:7px; margin-bottom:5px;}
.part3 .backtop{margin-top:40px;}
.part3 a.more{margin-bottom:0; height:inherit;}

.part3 .road{width:100%; margin-top:20px;}
.part3 .swiper-what1 .swiper-slide{box-sizing:border-box; border:1px solid #000;}

.part3 .border_b{border-bottom:1px solid #333; padding-bottom:20px; margin-bottom:20px;}


.part3 .week{margin-top:20px;}
.part3 .week,
.part3 .week dl,
.part3 .week dl dt,
.part3 .week dl dt img,
.part3 .week dl dd{width:100%;}
.part3 .week dl dt img{display:block;}
.part3 .swiper-what2{background:#1b1b1b;}
.part3 .swiper-what2 .swiper-slide{box-sizing:border-box; border-top:1px solid #1b1b1b; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b;}
.part3 .swiper-what2 dl dd{box-sizing:border-box; padding:15px 15px 40px 15px;}
.part3 .swiper-what2 dl dd .red{color:#e60122; margin-bottom:5px; font-weight:900;}
.part3 .swiper-what2 dl dd .tit2{margin-bottom:20px;}

/*赛车介绍*/
.part4 h5{font-size:12px; margin-bottom:10px;}
.part4 .pic{margin:20px 0 40px;}
.part4 .pic:last-child{margin-bottom:0;}
.part4 .pic,
.part4 .pic img{width:100%;}
.part4 .txt.mb{margin-bottom:40px;}

.part4 .car{width:280px; margin:0 auto 30px; padding-top:187px; position:relative;}
.part4 .car .bg{width:100%;}
.part4 .car .bg img{width:100%;}
.part4 .car .tab_con{width:100%; position:absolute; right:0; top:0; font-size:12px; color:#fff; }
.part4 .car .tab_con li{position:absolute; right:29px; display:none;}
.part4 .car .tab_con li.current{display:block;}
.part4 .car .tab_con li h2{font-size:16px; color:#e5021e;}
.part4 .car .tab_con li p{padding:5px; border-bottom:1px solid #fff;}
.part4 .car .tab_con li span{position:absolute;}
.part4 .car .tab_con li span img{width:100%; height:100%;}

.part4 .car .tab_con li:nth-child(1) span{width:100px; height:165px; right:65px; bottom:-165px;}
.part4 .car .tab_con li:nth-child(2) span{height:111px; right:86px; bottom:-111px;}
.part4 .car .tab_con li:nth-child(3) span{height:163px; right:109px; bottom:-163px;}
.part4 .car .tab_con li:nth-child(4) span{width:92px; height:140px; right:21px; bottom:-140px;}
.part4 .car .tab_con li:nth-child(5) p{line-height:1.2;}
.part4 .car .tab_con li:nth-child(5) span{width:92px; height:115px; right:105px; bottom:-115px;}

.part4 .car .tab_btn{width:100%; height:1px; position:absolute; right:0; top:170px;}
.part4 .car .tab_btn li{position:absolute; text-align:center; font-weight:900; text-stroke:1px #000; -webkit-text-stroke:1px #000; text-shadow:2px 2px 2px rgba(0,0,0,0.9); font-size:14px; color:#fff;}
.part4 .car .tab_btn li:nth-child(1){right:78px; top:23px; z-index:1;}
.part4 .car .tab_btn li:nth-child(2){right:139px; top:29px;}
.part4 .car .tab_btn li:nth-child(3){right:99px; top:96px; z-index:1;}
.part4 .car .tab_btn li:nth-child(4){right:9px; top:77px;}
.part4 .car .tab_btn li:nth-child(5){right:199px; top:71px;}

.part4 .car .tab_btn li span{display:block; text-align:center; width:2px; height:2px; margin:0 auto;
border-radius:15px; 
-webkit-border-radius:15px; 
box-shadow:0px 12px 13px 13px rgba(0,0,0,0.5); 
-webkit-box-shadow:0px 12px 13px 13px rgba(0,0,0,0.5); 
}
.part4 .car .tab_btn li:nth-child(5) span{margin-bottom:25px;}
.part4 .car .tab_btn li span img{width:25px; margin-left:-12px;}

.part4 .car_tab{width:100%; margin:20px 0 40px;}
.part4 .car_tab img{display:block; width:100%;}
.part4 .car_tab .car_pic{width:100%;}
.part4 .car_tab .car_pic li{width:100%; display:none;}
.part4 .car_tab .car_pic li.on{display:block;}
.part4 .car_tab .car_btn{width:100%; box-sizing:border-box; border:1px solid #dcdcdc; border-right:none;}
.part4 .car_tab .car_btn li{width:20%; float:left; box-sizing:border-box; border-right:1px solid #dcdcdc;}



/*参赛车手*/
.part5 .player_wrap,
.part5 .player,
.part5 .player li,
.part5 .player p,
.part5 .player .btn img{width:100%;}

.part5 .player_wrap{box-sizing:border-box; padding:0 15px;}
.part5 .player{padding-bottom:20px; background:url(../img/team/border.png) 0 0 no-repeat; background-size:100% 100%; padding:15px; box-sizing:border-box;}


.part5 .player .btn img{display:block;}

.part5 .player .txt{background:#e60122; box-sizing:border-box; padding:15px 15px 15px 20px; display:none; position:relative;}
.part5 .player .txt .close{width:25px; position:absolute; top:5px; right:5px;}
.part5 .player .txt .close img{width:100%; display:block;}


/*.part5 .player,
.part5 .player .row,
.part5 .player .group,
.part5 .player .pic,
.part5 .player .pic img,
.part5 .player .row a img{width:100%;}

.part5 .player .pic img,
.part5 .player .row a img{display:block;}

.part5 .player .group{padding:15px 5px; box-sizing:border-box;  background-size:90% 100%; margin-bottom:30px;}

.part5 .player .row:after{display:table; content:''; clear:both;}
.part5 .player .row a{display:block; width:50%; box-sizing:border-box;}
.part5 .player .row a:first-child{float:left;}
.part5 .player .row a:last-child{float:right;}*/

/*********player视频弹出*********/
.pop{width:100%; position:fixed; top:100px; left:0; background:#000; box-sizing:border-box; padding:50px 10px 50px 35px; display:none;}
.pop ul{width:100%;}
.pop li{width:90%; margin:0 auto; color:#fff; display:none;}
.pop li.on{display:block;}
.pop li dl{width:100%; zoom:1;}
.pop li dl:after{display:table; content:''; clear:both;}
.pop li dl dt{width:40%; float:left;}
.pop li dl dd{width:50%; float:right;}
.pop li dl dd img{width:100%;}
.pop li p{width:100%;}
.pop .close{width:100%; margin:50px 0 0px;}
.pop .close a{width:60px; margin:0 auto;}


/*********视频弹出*********/
.mov_pop{width:100%; height:100%; background:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:-10; display:none;}
.mov_pop .mov_close{width:30px; position:absolute; top:80px; right:10px;}
.mov_pop .mov_close img{width:100%;}
.mov_pop video{display:block; margin-top:55%; width:100%;}











