/*==========全局==========*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{width:100%;font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 75%;overflow-x:hidden; min-height:100%;position:relative;}
body{width:100%;font-size:14px; color:#333; background-color:#fff;overflow-x:hidden;position:absolute;min-height:100%;}
body, button, input, optgroup, select, textarea, h1, h2, h3, h4, h5, h6, p, figure, form, blockquote, ul, ol, li, dl, dd{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
img{vertical-align:middle; max-width:100%; border:0;}
ul,ol{list-style:none;}
input,textarea,select{outline:none; font-size:100%;}
a {color:#333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover{outline:none; color:#e20f72}
.table{border-collapse:collapse; border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.dn{display:none;}
.fl{float:left;}
.fr{float:right;}
.radius2{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.oh{overflow:hidden;}
/** 布局 **/
.header,.footer{position:fixed; left:0; right:0; z-index:900;}
.header{height:44px; top:0;background-color:#fff;}
.footer{ bottom:0;}
.wrap-page{width:100%; padding:44px 0 49px 0; position:relative; z-index:1;}
.page-footer{padding:0 0 49px 0;}
.page-header{padding:49px 0 0 0;}

.top_menu_btn{font-size:26px;position:absolute;top:8px;right:10px;}
.top_menu_btn i{color:#fff;}
.btn_back{font-size:26px;position:absolute;top:8px;left:10px;}
.btn_back i{color:#fff;}


.in_wrap-page{padding:0px 0;}
.in_logo {width:80%;display:block;margin-left:auto;margin-right:auto;margin-top:10px;}
.in_footer{background-color:#000;text-align:center;}
.in_footer img{height:100%;}

.z_logo {width:60%;display:block;margin-left:auto;margin-right:auto;margin-top:10px;}

.in_header img{margin-left:20%;}

/* 首页index banner */
.in_banner{overflow:hidden;position:relative;}
.in_banner_img{position:relative;z-index:1;}
.in_nav{position:absolute;z-index:2;bottom:12.5%;left:6.25%;}
.in_nav li img{position:relative;z-index:1;}
.in_nav li{width:55%; position:relative;z-index:2;}
.in_nav .li1{margin-left:4.6875%;}
.in_nav i{position:absolute;bottom:0;left:0;
animation: myfirst 50s;
-moz-animation: myfirst 50s;	/* Firefox */
-webkit-animation: myfirst 50s;	/* Safari 和 Chrome */
-o-animation: myfirst 50s;
-moz-opacity:0; 
-webkit-opacity:0;
opacity:0;
}
.in_nav li a:hover i{
-moz-opacity:1; 
-webkit-opacity:1;
opacity:1;
}



/* 介绍 */
.EventsAbout{font-size:16px;line-height:1.2em;color:#c61a1b;padding:0 18px;margin-top:20px;}

/* 新闻 */
.EventsNews{padding:0 10px;padding-top:30px;}
.EventsNewsTop{margin-bottom:16px;}
.EventsNewsTop h3{font-size:22px;color:#000;font-weight:normal;}
.EventsNewsCon{}
.EventsNewsCon .img{width: 38%;float:left;margin-top:5%;}
.EventsNewsCon .txt{width: 58%;float:right;}
.EventsNewsCon h3{color:#333333;font-size:20px;font-weight:normal;width:100%; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-bottom:10px;}
.EventsNewsCon .p{height:48px;overflow:hidden;color:#333333;font-size:14px;line-height:1.2em;}
.EventsNewsCon .more{width:45%;display:block;margin:10px 0;}
/* 车手 */
.driverCon{margin-top:20px;}
.driverCon li{width:100%;float:left;padding:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

.driverCon .img{width:36%;float:left;position:relative;}
.driverCon .img img{position:relative;z-index:1;}
.driverCon .txt h3{font-size:28px;}
.driverCon .txt{width:62%;float:right;padding:0 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.driverCon .p{color:#666666;line-height:1.4em;font-size:18px;padding:10px 0;}
.driverCon .more{width:20%;position:absolute;z-index:2;bottom:0;right:-4%;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.driverCon li a:hover .more{
 -webkit-transform: rotate(405deg);
 -moz-transform: rotate(405deg);
 -ms-transform: rotate(405deg); 
 transform: rotate(405deg); 
}
.driverCon li:nth-child(2n) .img{float:right;}
.driverCon li:nth-child(2n) .txt{float:left;}
.driverHideTxt{display:none;}


.driverMore{padding:5px;}
.driverMore li{width:50%;float:left; padding:5px; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.driverMore li a{display:block;position:relative;z-index:1; overflow:hidden;}
.driverMore li img{width:100%;}
.driverMore li:nth-child(5){width:100%;}
.driverMore span{width:100%; position:absolute;top:0;left:0;z-index:2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.driverMore i {display: block; text-align: center;}

/* c弹出层 */
.alertBoxBg{width:100%;height:99999%;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:901;display:none;}
.alertBox{width:80%;height:40%;position:fixed;top:0;left:0;z-index:902;background-color:#fff;top:30%;left:10%;padding:20px;padding-right:10px;font-size:14px;line-height:1.4em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.alertBoxCon{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:10px; align-items: center; justify-content: center; display: flex;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.alertBoxClose{position:absolute;right:-10px;top:-10px;}

/* c弹出层2 */
.alertBoxBg2{width:100%;height:99999%;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:901;display:none;}
.alertBox2{width:80%;height:20%;position:fixed;top:0;left:0;z-index:902;background-color:#fff;top:40%;left:10%;padding:20px;padding-right:10px;font-size:14px;line-height:1.4em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.alertBoxCon2{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:10px; align-items: center; justify-content: center; display: flex;font-size:22px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.alertBoxClose2{position:absolute;right:-10px;top:-10px;}


/* 城市 */
.reviewCon{padding:5px;}
.reviewCon .li{width:50%;float:left;padding:5px;position:relative;margin-bottom:-7%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.reviewCon .li a{display:block;position:relative;z-index:1;}
.reviewCon .li:nth-child(3n-1){position:relative;margin-top:-6.6%;}
.reviewCon .hideBox{display:none;}
.reviewCon span{position:absolute;top:0;left:0;z-index:2;padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

.photoListTop{height:40px;line-height:40px;padding:0 14px;background-color:#cf1d1f;}
.photoListTop h3{font-size:22px;font-weight:normal;float:left;color:#fff;}
.photoListTop a{float:right;color:#fff;}
.photoList li{width:50%;float:left;padding: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.photoList li a{width:100%;display:inline-block;background-color:#000;text-align:center;}
/* 子页面头部导航 */
.z_top_navBg{width:100%;height:99999%;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:2;display:none;}
.z_top_nav{z-index:800;position:absolute;right:10px;top:10px;}
.z_top_nav .header_title{ font-size:20px; color:#fff; text-align:center; font-weight:normal;}
.z_top_nav .staticMenu{width:25px;height:16px;display:block;position:relative;}
.z_top_nav .staticMenu img{height:100%;}
.z_top_nav .header_nav{display:none;position:absolute;top:35px;left:-94px;}
.z_top_nav .header_nav ul{display:inline-block;}
.z_top_nav .header_nav ul li{width:130px;height:44px;line-height:44px;margin-bottom:1px;text-align:center; background-color:#79b544;}
.z_top_nav .header_nav ul li a{display:block; font-size:16px; color:#fff;background-color:#c11716;}
.z_top_nav .header_nav ul li a:hover{color:#fff;background-color:#000;}
/* 菜单 menu */
.panelBg{width:100%; height:100%;position:fixed; z-index:997; top:0; left:0; background-color:rgba(0,0,0,.3); display:none;}
.panel_main{width:200px; height:100%;position:absolute; top:0;right:0; background-color:#fff; z-index:998;
	-webkit-transition:-webkit-transform 350ms ease;
	 -webkit-transition-duration:350ms; 
	-moz-transition:-moz-transform 350ms ease;
	transition:transform 350ms ease;
	-webkit-transform: translate3d(200px,0,0);
	-moz-transform:translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}
.panelshow{
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}
.panel_title{height:56px; line-height:56px; text-align:center; background-color:#aed093; position:relative;}
.panel_title h3{font-size:18px; font-weight:normal; color:#fff;}
.panel_close{width:26px; height:26px; line-height:26px; margin-top:-13px; color:#fff; font-size:38px; position:absolute; left:10px; top:50%;}
.panel_close:hover{color:#e8e8e8;}
.panelList ul li{ text-align:center; font-size:16px; border-bottom:1px solid #ccc;}
.panelList ul li a{color:#333;padding:.75em 0;display:block;}
.panelList ul li a:hover{color:#90aa2d;}

.event_bottomImg{margin-top: 2rem}
/*==============================ajax==============================*/
.ajaxpage{display:none;}
.nomore,.ajax_tips{height:34px; line-height:34px; margin-top:15px; text-align:center; font-size:14px; color:#999; background-color:#ededed;}
.fixedloading{position:fixed; top:50%; left:50%; margin:-30px 0 0 -30px; z-index:9999; display:none;}
.fixedloadingbg{background:#000; position:fixed; top:0px; left:0; width:100%; height:100%; opacity:0.5; z-index:9998; display:none;}
/*==============================css3 loading==============================*/
.loadingcss3{
	-webkit-animation: ticktock 1s linear infinite;
	-webkit-transform-origin: 30px 30px;
	-moz-animation: ticktock 1s linear infinite;
	-moz-transform-origin: 30px 30px;
	-o-animation: ticktock 1s linear infinite;
	-o-transform-origin: 30px 30px;
	-ms-animation: ticktock 1s linear infinite;
	-ms-transform-origin: 30px 30px;
	animation: ticktock 1s linear infinite;
	transform-origin: 30px 30px;
}
#loadingcss3{width:60px; height:60px;}

@-webkit-keyframes ticktock { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes ticktock { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes ticktock { 0% { -o-transform: rotate(0); } 100% { -o-transform: rotate(360deg); } }
@-ms-keyframes ticktock { 0% { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(360deg); } }
@keyframes ticktock { 0% {transform: rotate(0); } 100% { transform: rotate(360deg); } }

#loadingcss3 i{position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; background:#000; width:10px; height:10px; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#loadingcss3 i:nth-child(1){
-moz-transform: translate(0, -25px);
-webkit-transform: translate(0, -25px);
-o-transform: translate(0, -25px);
-ms-transform: translate(0, -25px);
transform: translate(0, -25px);
}
#loadingcss3 i:nth-child(2){
-webkit-transform: translate(18px, -18px);
-moz-transform: translate(18px, -18px);
-webkit-transform: translate(18px, -18px);
-o-transform: translate(18px, -18px);
-ms-transform: translate(18px, -18px);
transform: translate(18px, -18px);
opacity:0.9;
}
#loadingcss3 i:nth-child(3){
-webkit-transform: translate(25px, 0);
-moz-transform: translate(25px, 0);
-webkit-transform: translate(25px, 0);
-o-transform: translate(25px, 0);
-ms-transform: translate(25px, 0);
transform: translate(25px, 0);
opacity:0.8;
}
#loadingcss3 i:nth-child(4){
-webkit-transform: translate(18px, 18px);
-moz-transform: translate(18px, 18px);
-webkit-transform: translate(18px, 18px);
-o-transform: translate(18px, 18px);
-ms-transform: translate(18px, 18px);
transform: translate(18px, 18px);
opacity:0.7;
}
#loadingcss3 i:nth-child(5){
-webkit-transform: translate(0, 25px);
-moz-transform: translate(0, 25px);
-webkit-transform: translate(0, 25px);
-o-transform: translate(0, 25px);
-ms-transform: translate(0, 25px);
transform: translate(0, 25px);
opacity:0.6;
}
#loadingcss3 i:nth-child(6){
-webkit-transform: translate(-18px, 18px);
-moz-transform: translate(-18px, 18px);
-webkit-transform: translate(-18px, 18px);
-o-transform: translate(-18px, 18px);
-ms-transform: translate(-18px, 18px);
transform: translate(-18px, 18px);
opacity:0.5;
}
#loadingcss3 i:nth-child(7){
-webkit-transform: translate(-25px, 0);
-moz-transform: translate(-25px, 0);
-webkit-transform: translate(-25px, 0);
-o-transform: translate(-25px, 0);
-ms-transform: translate(-25px, 0);
transform: translate(-25px, 0);
opacity:0.4;
}
#loadingcss3 i:nth-child(8){
-webkit-transform: translate(-18px, -18px);
-moz-transform: translate(-18px, -18px);
-webkit-transform: translate(-18px, -18px);
-o-transform: translate(-18px, -18px);
-ms-transform: translate(-18px, -18px);
transform: translate(-18px, -18px);
opacity:0.3;
}

/*赛程*/
.range{width: 100%;}
.range_title{width: 100%; margin-bottom: 20px; margin-left: 20px;}
.range_title img{width: 60%;}
.range_ct{width: 100%; text-align: center;}
.range_ct img{width: 98%;}

/*梦想赛车场*/
@media screen and (max-width: 375px) {
	.brief_head .brief_title{margin-top: 2rem;}
}

.drome_main{width: 100%; position: relative;}
.head_bg{width: 100%;}
.head_bg img{width: 100%;}
.Brief{height: 23.667rem; background-color: #212121; position: relative; z-index: 20;}
.brief_head{height: 11.167rem;}
.brief_img{position: relative; width: 61.8%;float: left;}
.brief_img img{margin-top: -3rem;width: 100%;}
.brief_title{float: right; width: 25%; margin-right: 2rem; margin-top: 3.5rem;}
.brief_title img{width: 100%;}
.brief_text{color: #ccc; width:24.5rem; float: right; margin-right: 1rem; margin-top: -6px;}
.brief_text p{line-height:2rem; font-size: 1.167rem;}
.red_line{float: right; width: 7%; margin-top: 1rem; margin-right: 1rem;}
.activity{width: 100%; position: relative;}
.activity img{position: relative;  margin-top: -2px; z-index: 1;}
.Recruit{ position: relative;}
.Recruit .icon{position: relative; width: 100%;}
.txtBox .icon{position: absolute; width: 18%; height: 100%; left: -40px;}
.Recruit .txtBox{position: absolute; z-index: 20; bottom: 9px; right: 50px; width: 42%;}
.Recruit .nameTxt, .Recruit .telTxt, .Recruit .Select{ width: 100%; margin-bottom: 10px; position: relative; height: 26px; margin-left: 30px; outline: none;}
.Recruit .txt{width: 100%; background: none; border: 1px solid #fff; padding: 6px; font-size: 12px; float: left; border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.Select{background: url("../images/select.png") no-repeat 95% 55%; }
.Select .select option{background: #b71717;}
.select_btn{position: absolute; right: 3px; top: 4px; width: 10%; height: 80%;}
.Recruit .nameBtn{width:184px; height:57px;display:block; border:0;border:none; background:url(../images/btnBg.png) no-repeat;cursor:pointer;}
.athletics{height: 34.167rem; background-color: #212121;}
.athletics_title{width: 45%; margin-left: 8px;}
.athletics_title img{width: 100%;}
.athletics_ct{width: 100%; margin-top: 5px;}
.athletics_ct ul li:nth-child(1), .athletics_ct ul li:nth-child(3){padding-left: 5px;}
.athletics_ct ul li:nth-child(2), .athletics_ct ul li:nth-child(4){padding-right: 5px;}
.athletics_ct ul li{width: 50%; padding: 3px 3px; float: left; position: relative;}
.athletics_ct ul li .span_1{position: absolute; z-index: 20; height: 100%;  width: 100%; padding: 0 8px 5px 0;}
.athletics_ct ul li .span_1 img{height: 100%; width: 100%;}
.athletics_text {background-color: #d6172d; height: 3.55rem; width: 100%; padding: 0 5px;}
.athletics_text h2{color: #fff; font-size: 1rem; border-bottom: 1px solid #ec939d; padding-top: 2px; padding-bottom: 2px; font-weight: normal; width: 100%;}
.athletics_text h2 span{font-size: 0.8rem;}
.athletics_text p{color: #fff; padding-top: 4px; font-size: 1rem;}
.foo_title{width: 90%; margin-left: 10px; margin-top: 10px;}
.reports{width: 100%; height: 25.750rem; background-color: #212121; padding-top: 40px;}
.reports_title {width: 60%; margin: 0 auto;}
.reports_ct img{width: 100%;}
.reports_ct{margin-top: 20px; width: 100%;}
.reports_ct li{width: 50%;float: left;}
.reports_ct li:nth-child(1){padding: 0 2.5px 0 5px;}
.reports_ct li:nth-child(2){padding: 0 5px 0 2.5px;}
.block{position: absolute; background: rgba(0,0,0,0.5); width: 96.5%; height: 96.5%; top: 0; left: 0; text-align: center; margin: 2px 2.5px 0 3.9px; display: none;}
.block img{width: 30%; margin-top: 25%;}
@media screen and (max-width: 370px) {
	.reports{padding-top: 0; height: 20.75rem;}
}