﻿ul,
li,
a,
h1,
h2,
h3,
h4,
h5,
h5,
header,
section,
div,
p,
span,
i,
nav,
small,
dd,
dl,
table,
body,
html{padding: 0;margin: 0;font-family: "微软雅黑", arial;}
ul{list-style: none;}
a{text-decoration: none;}
header{width: 100%;height: 52px;background: rgba(34, 10, 56, .8);position: fixed;z-index: 999;top: 0;left: 0;}
header ul{display: block;width: 1100px;height: 52px;margin: 0 auto;}
header ul li{float: left;line-height: 52px;padding: 0 20px;}
header ul li a{transition: all .5s linear;}
header ul li a:hover{text-decoration: none;color: #db50e2;}
header ul li a:active{color: #db50e2;}
header ul li:first-child{margin-left: 160px;}
header ul li a{color: white;}
section{width: 1100px;height: auto;margin: 0 auto;}
.top-title{position: relative;top: 54px;width: 100%;padding-bottom: 44px;}
.top-title h1{font-weight: 100;font-style: normal;font-size: 72px;}
.top-title img{width: 520px;position: relative;left: 585px;}
.top-title h3{font-size: 44px;}
.top-title p{font-size: 26px;color: whitesmoke;}
.top-title h1,
h3,
p{width: 100%;}
.top-title h1,
img,
h3,
p{display: block;text-align: right;color: white;}
.item-bg{margin-top: 80px;padding: 0 0 50px 0;position: relative;color: white;font-size: 34px;letter-spacing: 5px;text-align: center;height: auto;line-height: 37px;}
.item-bg::before{content: ">>>>>>";color: #f2e62e;margin-right: 30px;}
.item-bg::after{content: ">>>>>>";color: #f2e62e;margin-left: 30px}
.letter-content p{font-size: 16px;color: white;text-align: left;text-indent: 2em;line-height: 30px;}
/*赛事亮点*/
/*@keyframes imgRotate{from{transform: rotateY(0deg);}to{transform: rotateY(360deg)}}*/
.game-list{height: 942px;}
.game-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.game-list ul li{margin-top: 50px;width: 274px;height: 326px;position: relative;cursor: pointer;}
.game-list ul li img{transition: all 2s ease-in-out;margin: 0 auto;/*animation: 15s imgRotate infinite linear;*/}
.game-list ul li:hover img{transform:rotateY(360deg) ;}
.game-list ul li span{display: inline-block;position: absolute;top: 50px;left: 50%;transform: translateX(-50%);text-align: center;font-weight: 600;color: #91b73d;}
.game-list ul li p{text-align: left;text-indent: 2em;line-height: 30px;}
.game-list li:nth-child(2){flex-basis: 552px;}
.game-list li:nth-child(2) p{width: 274px;position: absolute;left: 50%;transform: translateX(-50%);}
.game-list li:nth-child(5){flex-basis: 552px;}
.game-list li:nth-child(5) p{width: 274px;position: absolute;left: 50%;transform: translateX(-50%);}
/*组织机构*/
.group-list{height: 184px;}
.group-list dl{width: 260px;float: left;margin-right: 66px;}
.group-list dl:nth-child(2){width: 440px;}
.group-list dl:nth-child(3){margin-right: 0;}
.group-list dl dt{font-size: 24px;color: #ffeabe;line-height: 70px;}
.group-list dl dd{line-height: 30px;color: white}
/*赛事运营*/
.theme-active{position: relative;height: 2560px;}
.theme-active dl dt{font-size: 18px;color: #ffeabe;line-height: 70px;font-weight: 400;font-style: normal;}
.theme-active dl dd{line-height: 20px;color: white;font-size: 14px;}
.theme-active .model-title{display: block;border: 1px solid #95c1cd;margin: 50px 0 20px 0;width: 100px;text-align: center;color:#95c1cd;height: 38px;line-height: 38px;}
/*.theme-active .my_banner{width: 515px;height:272px;position: absolute;right: 0;top: 148px;}*/
.theme-active .theme-img .game-way{position: absolute;left: 0;top: 0;background: #f9c856;padding: 2px 5px;font-weight: 600;}
/*.theme-active .my_banner ul li{float: left;margin: 5px 0;position: relative;}*/
.theme-active .theme-img{width: 515px;/*height: 809px;*/position: absolute;right: 0;top: 148px;}
.theme-active .theme-img ul{}
.theme-active .theme-img ul li{float: left;margin: 5px 0;position: relative;}
 
/*.theme-active .theme-img ul li:nth-child(2){margin-right: 2px;}*/
.theme-active .theme-img ul li img{border: none;}
/*赛事日程*/
.theme-active .game-date{background: rgba(53, 47, 128, .5);}
.theme-active .game-date{border: 1px solid #d2e5f8;}
.theme-active .game-date tr,
td{border: 1px solid #d2e5f8;color: white;font-size: 16px;}
.theme-active .game-date tr td:first-child{width: 150px;text-align: center;}
.theme-active .game-date tr td:last-child{padding: 10px 20px;}
.theme-active .game-date tr:first-child td{color: #fff229;font-size: 18px;text-align: center;}
/*车型分类*/
.theme-active .car-type tr td:first-child{width: 100px;text-align: center;}
.theme-active .car-type tr td:nth-child(2){width: 150px;text-align: center;}
.theme-active .car-type tr td:nth-child(3){width: 350px;text-align: center;}
.theme-active .car-type tr:nth-child(2) td{color: #fff229;font-size: 18px;text-align: center;}
/*权威评测*/
.theme-active .person{float: left;width: 1100px;}
.theme-active .person img{float: left;}
.theme-active .person .person-right{width: 864px;float: right;}
.theme-active .person .person-right .person-name{font-size: 18px;color: white;padding: 15px 0;display: inline-block;}
.theme-active .person .person-right p{text-align: left;line-height: 40px;margin: 0;}
/*奖项设置*/
.theme-active .awards-setting{float: left;width: 100%;}
.theme-active .awards-setting table{width: 100%;}
.theme-active .awards-setting tr:nth-child(2) td{color: whitesmoke;font-size: 14px}
.theme-active .awards-setting tr:not(first-child){height: 65px;}
.theme-active .awards-setting tr:first-child{height: 25px;}
.theme-active .awards-setting tr:first-child td{text-align: center!important;}
.theme-active .awards-setting tr td{text-align: center;font-size: 14px;}
.theme-active .awards-setting tr td:nth-child(3){width: 540px;text-align: left;padding-left: 20px;}
.theme-active .awards-setting tr td:last-child{padding: 5px 5px;}
/*车队介绍*/
.carGroup-list{position: relative;height: 450px;}
.car-Group{width: 100%;height: auto;float: left;}
.car-Group li{float: left;width: 118px;height: 56px;margin: 2px 2px;}
.car-Group li img{width: 100%;height: 100%;}
.carGroup-list .btn{cursor: pointer;position: absolute;top: 240px;left: 50%;transform: translateX(-50%);width: 239px;height: 72px;margin: 45px auto;background: url(/images/zt/wuliuche/20170926/btn-bg.png) no-repeat;color: #12adc5;line-height: 45px;font-size: 26px;}
.carGroup-list .btn a{color: #12adc5 ;}
/*往届回顾*/
/*.wangjie-hg ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wangjie-hg ul li{width: 354px;height: 198px;margin-top: 15px;}
.wangjie-hg ul li img{width: 100%;height: 100%;}*/
/*商务合作*/
.business-partner{height: 540px;width: 100%;background: rgba(72, 66, 141, .8);position: relative;margin-bottom: 100px;}
.business-partner .business-top{padding-top: 40px;}
.business-partner h3{text-align: left;font-size: 22px;color: #ffeabe;text-indent: 20px;}
.business-partner .join-game{position: absolute;cursor: pointer;width: 239px;height: 72px;background: url(/images/zt/wuliuche/20170926/btn-bg.png) no-repeat;color: #12adc5;line-height: 45px;font-size: 26px;left: 20px;top: 230px;}
.business-partner .audience{left: 300px;top: 230px;}
.business-partner .join-game a{color: #12adc5}
.business-partner .lianxi{display: inline-block;color: white;line-height: 30px;margin-bottom: 0;}
.business-partner .lxr-right dl:first-child{margin-right: 60px;}
.business-partner .lxr-right{float: right;}
.business-partner .bsi-btn{height: 152px;}
.business-partner .partMedia{margin-top: 50px;}

/*最新资讯*/
.main-wrap{ width: 1100px; margin: 0 auto; overflow: hidden;padding-top: 0;}
.main-wrap:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.main-wrap .header{ height: 376px;}
.main-wrap .header .slideBox{ width:580px; height:376px; overflow:hidden; position:relative; float: left;}
.main-wrap .header .slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:10px; bottom:5px; z-index:1; }
.main-wrap .header .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.main-wrap .header .slideBox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.main-wrap .header .slideBox .hd ul li.on{ background:#e52f25; color:#fff; }
.main-wrap .header .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.main-wrap .header .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
.main-wrap .header .slideBox .bd a:before {content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 40%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);}
.main-wrap .header .slideBox .bd li p{ position: absolute; left:0; right:0; bottom:0; padding: 15px 10px; color:#FFF; font-size: 18px; line-height: 22px; z-index: 2;}
.main-wrap .header .slideBox .bd img{ width:580px; height:376px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.main-wrap .header .slideBox .prev,
.main-wrap .header .slideBox .next{ background: url("/images/zt/wuliuche/20170926/fang-l0.png") no-repeat 50% 50%; position:absolute; left:0; top:50%; margin-top:-34px; display:block; width:35px; height:54px; font-size: 22px; text-align: center; line-height: 54px; background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:30) ;opacity:0.3 ;-moz-opacity:0.3;transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;}
.main-wrap .header .slideBox .next{ background: url("/images/zt/wuliuche/20170926/fang-r0.png") no-repeat 50% 50%; left:auto; right:0; border-right:none;  background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:50) ;opacity:0.5 ;-moz-opacity:0.5;}
.main-wrap .header .slideBox .prev:hover{ background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9;}
.main-wrap .header .slideBox .next:hover{ background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9; }
.main-wrap .header .slideBox .prevStop{ display:none;  }
.main-wrap .header .slideBox .nextStop{ display:none;  }

.main-wrap .header .list-box{ width: 495px; height: 376px; float: right; color:#FFF;}
.main-wrap .header .list-box a{ color:#FFF;}
.main-wrap .header .list-box h3{text-align: left;; font-size: 20px; height: 25px; line-height: 25px; overflow: hidden; padding-left: 20px; position: relative;}
.main-wrap .header .list-box h3 i{ display: block ; width: 20px; height:25px; position: absolute; top:0; left:0; background: url("/images/zt/wuliuche/20170926/icona.png") no-repeat -13px -10px;}
.main-wrap .header .list-box p{font-size: 14px; height: 44px; overflow: hidden; line-height: 22px; margin: 10px 0 35px;text-align: left;}
.main-wrap .header .list-box ul{ padding-right: 10px;}
.main-wrap .header .list-box ul li{border-bottom: 1px solid #4a4a4a; margin-bottom: 35px;}

.nano>.nano-pane>.nano-slider{ background: rgba(255, 255, 255, 0.66);}

/*合作媒体*/
.hezuo-box{ width: 1100px; margin: 35px auto; position: relative;}
.hezuo-swiper{ width: 1050px; margin: 0 auto; overflow: hidden; height: 47px; position: relative;}
.hezuo-swiper .swiper-wrapper{ height: 47px !important;}
.hezuo-swiper .img-box{ float: left; height: 45px; width: 90px; background: #FFF; margin: 0 3px ; position: relative; border:1px solid #CED1BC; }
.hezuo-swiper .img-box a{ display: block; position: absolute;top:5px;right:5px;bottom:5px;left:5px;}
.hezuo-swiper .img-box img{ display: block; position: absolute;top:0;right:0;bottom:0;left:0;margin:auto; max-width:100%;max-height:100%;}
.hezuo-box .arrow-left,
.hezuo-box .arrow-right{ text-shadow: 1px 1px 5px #C1C1C1; background: url("/images/zt/wuliuche/20170926/fang-l0.png") no-repeat 50%; display: block; width: 20px; text-align: center; font-size: 66px; font-weight: bolder; color:#096da8; height: 67px; line-height: 100px; margin-top: -33px; cursor: pointer; position: absolute;top:50%;left:5px;font-family: "SimSun";}
.hezuo-box .arrow-right{ left:auto; right:5px; background: url("/images/zt/wuliuche/20170926/fang-r0.png") no-repeat 50%;}
.swiper-slide{width: 98px;height: 47px;float: left;}
.hezuo-box{background:rgba(84,75,175,.5);padding: 10px 0;}
.hezuo-box li{transition:all .2s linear;transform-origin: center;}
.hezuo-box li:hover{transform: scale(1.1);}

/*页面底部*/
.bottom-mrap{ background: #2d3237;font-size: 14px;}
.bottom-mrap ul{margin-bottom: 0;}
.bottom-mrap .bottom-box{ width: 1100px; margin: 0 auto; line-height: 24px; padding-top: 30px;}
.bottom-mrap .bottom-box .copyright{ color: #FFF; padding: 10px 0 3px 0;}
.bottom-mrap .bottom-box .copyright a{ color: #FFF;}
.bottom-mrap .bottom-box ul:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.bottom-mrap .bottom-box ul li{ float: left; width: 30%;font-size: 14px}
.bottom-mrap .bottom-box ul li p{margin-bottom: 0;}
.bottom-mrap .bottom-box ul li .box1{ width: 250px;}
.bottom-mrap .bottom-box ul li .box1 .logo{ display: block; background: url("/images/zt/wuliuche/20170926/bot-logo.jpg") no-repeat 50%; width: 228px; height: 26px;}
.bottom-mrap .bottom-box ul li .box1 .bot-nav{ margin: 9px 0 15px 8px;}
.bottom-mrap .bottom-box ul li .box1 .bot-nav a{  border-right: 1px solid #dddddd; line-height: 14px; height: 14px; display: inline-block; margin-top: 5px; padding-right: 7px; margin-right:7px; color:#dddddd;}
.bottom-mrap .bottom-box ul li.er{ width: 35%;}
.bottom-mrap .bottom-box ul li.er:before{ content: " "; display: block; float: left; width: 0; height: 100px; border-left: 1px solid #dddddd; margin-top: 10px;}
.bottom-mrap .bottom-box ul li .box2{ line-height: 24px; color:#dddddd; margin: 11px 0 0 87px; float: left;}
.bottom-mrap .bottom-box ul li .box2 p{text-align:left}
.bottom-mrap .bottom-box ul li .box3 img{ display: block; float: left; margin: 0 0 0 40px; width: 117px; height: 117px; }


/*现场影集 start */
.wangjie-hg{ width: 1100px; margin:0 auto;}
.wangjie-hg .picScroll-left2{ width:1100px; margin: 20px auto 50px; overflow:hidden; position:relative; }
.wangjie-hg .activity-title{ width: 1100px; height:45px; line-height: 45px; background: #45B1BD; color:#FFF; text-indent: 20px; font-size: 24px; color:#FFF;}
/*.wangjie-hg .activity-left{ display: block; width:14px; height:8px; float:left; background: url("/images/zt/meeting/20170927/activity_left.jpg") no-repeat;}
.wangjie-hg .activity-right{ display: block; width:14px; height:8px; float:right; background: url("/images/zt/meeting/20170927/activity_right.jpg") no-repeat;}*/
.wangjie-hg .picScroll-left2{ width:1100px; margin: 20px auto 50px; overflow:hidden; position:relative; }
.wangjie-hg .picScroll-left2 .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.wangjie-hg .picScroll-left2 .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.wangjie-hg .picScroll-left2 .hd ul li{ display: inline-block; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #58605b; }
.wangjie-hg .picScroll-left2 .hd ul li.on{ background: #82bb30; }
.wangjie-hg .picScroll-left2 .bd ul{ overflow:hidden; zoom:1;}
.wangjie-hg .picScroll-left2 .bd .tempWrap{ margin: 0 auto;}
.wangjie-hg .picScroll-left2 .bd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.wangjie-hg .picScroll-left2 .bd ul li .pic{ text-align:center; }
.wangjie-hg .picScroll-left2 .bd ul li .pic img{ width:351px; height:234px; display:block; }
.wangjie-hg .picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.wangjie-hg .picScroll-left2 .bd ul li .title{ line-height:24px;   }
.wangjie-hg .picScroll-left2 .next{ display: block; position: absolute; cursor: pointer; top:0;left:0;bottom:0; width: 31px; font-family: "SimSun"; color:#91d3f5; font-size: 50px; font-weight: bolder; line-height: 234px; text-align:  center;}
.wangjie-hg .picScroll-left2 .prev{ display: block; position: absolute; cursor: pointer; top:0;right:16px;bottom:0; width: 31px; font-family: "SimSun"; color:#91d3f5; font-size: 50px; font-weight: bolder; line-height: 234px; text-align:  center;}
    .wangjie-hg .picScroll-left2 .prev:hover,
    .wangjie-hg .picScroll-left2 .next:hover {
        text-decoration: none;
    }
 /* 现场影集 end */

