@charset "utf-8";
/* Reset  create by AndyZhou     Sep-25-2013 14:30  contact 529892056@qq.com*/
.wrap{width: 100%;position: relative;}
.wrap>img{width: 100%;}
.focusBox{width: 100%;overflow-x:hidden;overflow-y: auto;}
.focus{position: relative;}
.focus img{width: 100%;}
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div{float:left;width:100%;position: relative;display: block;}
.news{width: 96%;padding: 0 2%;height: 47px;font-size: 18px;line-height: 47px;background-color: rgba(38,45,46,.75);position: absolute;top:0;left: 0;z-index: 9;}
.news .fl{width: 63%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newBtn{padding: 0 6px 0 34px;height: 30px;font-size: 15px;line-height: 30px;border: 1px solid #676765;position: absolute;right: 2%;top:8px; background-color: rgba(103,103,103,.6)}
.news .newBtn img{height: 12px;width: 20px;position: absolute;top:9px;left: 6px;}
.swipeInfo{color:#fff;}
.newBtn a{color: #fff;}
.nav{width: 100%;left: 0;bottom: 0;z-index: 9999;position: fixed;}
.nav a{width: 29%;text-align: center;margin-right: 1%;display: block;float: left;background: rgba(103,103,103,.75) url("../img/skin/tran.png") no-repeat 5px 5px;background-size: 6%;font: 500 27px/58px DINProMedium;color: #ccc;}
.nav a:hover,.nav .navHover{background-color: #0b0c0c;;color: #00aeef;background-image: url("../img/skin/cross.png");background-size: 5%;}
.nav a:first-of-type{width: 10%;background-size: 18%;}
.nav a:first-of-type .navHover{background-size: 16%;}
.nav a:first-of-type:hover{background-size: 16%;}
.nav a:first-of-type img{height:32px; }
.nav a:last-of-type{margin-right: 0;float: right;}
.content{background-color:#fff;width: 96%; position: absolute;top:3%;left: 2%;color: #333;overflow: auto;padding: 2% 0;}
.contentArea{padding: 0;}
.content>.fl,.content>.fr{padding:0 1% 0 1% ;position: relative;}
.content>.fr{width: 48%;}
.content>.fl{width: 48%;min-height: 90%;box-shadow: 1px 0 0 #ccc;}
/*.rightFrame{overflow-y: auto;}*/
.experience{margin:2% 0 0 0;}
.experience img{width: 20%;}
.experienceInfo{font:47px/1.1 DINProBlack;line-height: 1.1;margin:4px 0;}
.carModel{}
.carModel a{display: inline-block;background: #00aeef;color: #fff;font: 36px/38px DINProLight;padding:1% 9%;margin:0 5px 9px 0 ;}
/*.modeStyle a{font: 38px/44px DINProLight;padding:1% 8%;margin:0 5px 6px 0 ;}*/
.modeStyle{}
/*.modeStyle a{font: 40px/35px DINProLight;padding:2% 6%;margin:0 9px 6px 0 ;}*/
.model .experience{margin:8% 0 0 0;}
.model .experience img{width: 20%;}
.model .experienceInfo{font:58px/1.1 DINProBlack;line-height: 1.1;margin:5px 0 45px 0;}
.model .carModel{display: none;}
.copyRight{ font-size: 14px;}
.footer{padding: 0 2% 0 0;font-size: 18px;}
.title{font-size: 30px;line-height: 30px;}
.subTitle{font-size: 16px;}
.th{}
.form{}
.form li{margin-bottom: 2%;}
.form li:last-of-type{margin-bottom: 0;}
.form label{display: inline-block;width: 80px;}
.form input{width: 49%;height: 22px;padding: 0 2%;}
.select p{display: inline-block;margin-right: 5%}
.select input,.select label{display: inline-block;vertical-align: middle;}
.submit{border: none;background-color: #00aeef;width: 100%;color: #fff;font-family: DINProMedium;margin-top: 2%;padding: 3px 0;}
.btn{font-family: DINProMedium;display: inline-block;background-color: #666;color: #fff;width: 100%;text-align: center;padding: 2% 0;margin: 1% 0;border: none;}
.btn:hover{background-color: #333;}
.social{position: relative;}
.social a,.social span{display: inline-block;vertical-align: middle;}
.social a{overflow: hidden;margin-left: 3%;width: 11%}
.social img{overflow:hidden;width: 100%;}
.zone{margin: 3% 0;padding: 2% 0;border:  solid #ccc;border-width: 1px 0;}

.main{overflow:auto;width: 100%;}
.avBox{margin: 3% 0;}
.avBox .left,.avBox .right{display: inline-block;vertical-align: middle;}
.avBox .left{width: 25%;margin-right: 2%;overflow: hidden;}
.avBox .right{width: 70%;}
.av2 img{width: 100%;}
.crop{max-height: 56px;overflow: hidden;}
.firstContent{width: 100%;min-height: 135px;border-bottom: 1px solid #ccc;padding-bottom: 10px;overflow: hidden;position: relative;}
.firstBtns{position: absolute;bottom: 10px;}
.gameBox{background-color: #00aeef;width: 100%;height: 150px;margin-top: 10px;}
.gameInfo{font-size: 14px;margin: 10px 0;}
.gameBtn{font: 22px/30px DINProRegular;text-align: center;width: 100%;background: #00aeef;color: #fff;margin-top: 10px;border: none;}
.build{float: left;z-index: 999;}
.buildImg{float: right;z-index: 1;}
.buildInfo{font-size: 14px;margin: 4% 0;}
.buildBg{background: #fff url("../img/cars.jpg") no-repeat top right;background-size: 70%;min-height: 80%; }

/*.disclosures{font-size: 16px;}*/
.titleBox{position: relative;width: 100%;overflow: auto;}
.titleBox .fl{width: 70%;}
.titleBox .fr{width: 29%;font-size: 16px;}
.titleBox .fr img{height: 26px;}
.infoTitle{color:#00aeef ;font-size: 24px;}
.back{}
.contactInfo{font-size: 16px;line-height: 1.2}
.thank{padding-top: 30%;text-align: center;}
.thank h2{font-size: 30px;color: #00aeef;}
.thank p{font-size: 16px;}
.area{width: 100%;}
.block{width: 100%;position: relative;}
.gameArea{background: #9e9e9e;padding: 5px;overflow: hidden;display: inline-block;margin: 0 auto;position: relative;width: 470px;height: 296px;}
.loading{width: 100%;height: 320px;background: #000 url("../img/skin/loading.gif") no-repeat center;position: absolute;top:0;left: 0;}
.gameMask{position: absolute;top:0;left: 0;z-index: 999;width: 100%;height: 298px;}
.winFrom{ max-height: 32px;overflow: hidden;;display: inline-block;position: fixed;right: 0;top:0;background: #eee;z-index: 999;opacity: 0;}

.none{display: none;}
.lifeStyle{width:50%;float: left;}
/*.lifeStyleL{box-shadow: 1px 0 0 #ccc;}*/
/*.lifeStyleR{margin: 0 5% 0 0;}*/
/*.lifeStyleR>div{box-shadow: -1px 0 0 #ccc}*/
/*.lifeStyle:nth-of-type(2n){box-shadow: -1px 0 0 #ccc;margin: 0 5% 0 0;}*/
.lifeBox{background-color: #fff;}
.lifeStyle>div{width: 100%;position: relative;}
/*.lifeStyle>div:first-of-type{border-bottom: 1px solid #ccc;}*/
.lifeStyle>div>img{width: 100%;background-color: rgba(33,33,33,.85) ;}
.mo{background:#fff url("../img/motivate.jpg") no-repeat;background-size: 100%;}
.av{background:#fff  url("../img/av.jpg") no-repeat;background-size: 100%;}
.sin{background: #fff url("../img/sin.jpg") no-repeat;background-size: 100%;}
.sr{background: #fff url("../img/sr.jpg") no-repeat;background-size: 100%;}
.btnGray,.btnBlue{width: 28%;height: 52%;text-align: center;position: absolute;opacity: .6;bottom: 8%;text-indent: -999em;z-index: 999;cursor: pointer; }
.btnGray{left: 18% }
.btnBlue{right: 21%;}
/*.lifeStyle:nth-of-type(2n) .btnGray{background-color:#666;left: 25%; }*/
.lifeStyleR .btnGray{left: 25%; }
.lifeStyleR .btnBlue{right: 14%;}
/*.lifeStyle:nth-of-type(2n) .btnBlue{background-color: #00aeef;right: 14%;}*/
/*.lifeStyle>div:hover img{opacity: 0;}*/
/*.lifeStyle>div:hover .btnGray,.lifeStyle>div:hover .btnBlue{display: block;}*/
.app{font-size: 19px;}
/*.disclaimerList,.privacyCont{color: #999;}*/
.disclaimerList li{padding: 0  0 14px 0;}
.disclaimerList ul{list-style-type:disc;}
.disclaimerList ul{margin-left: 2em;}
.disclaimerList p{margin-bottom: 10px;}
.privacyCont>p{margin-bottom: 1em;}
.rightFrame{overflow: auto;}
.rightFrame h4{font-size: 20px;font-family: DINProMedium;}
.rightFrame table{margin-left: 2em;}
.relative{position: relative;}
.hidden{visibility: hidden;}
.vending{position: absolute;left: 0;top:8%;width: 100%;}
.vInput{width: 64%;position: relative;border: 1px solid #999;height: 32px;padding: 0 6px;}
.vSumbit{width: 15%;position: relative;background-color: #007c85;color: #fff;border: none;height: 34px;}
.playBox{width: 762px;height: 351px;background:#fff url("../img/play_bg.jpg") no-repeat;position: absolute;top:17px;left: 21px;background-size: 100%; padding-top: 28px;-webkit-appearance:none;}
.gameBtnL{position: absolute;background: url("../img/gameBtn.png") no-repeat;background-size: 100%;width: 195px;height: 29px;left: 28px;top:180px;text-indent: 999em;}
.gameBtnL:hover{background-position: left bottom;}

