@charset "utf-8";
/* 单车项目 一代聪师 */

/* 重置浏览器 */
html{-webkit-text-size-adjust: none;}
body,html{ font-size: 14px;margin:0; padding:0; font-family: "微软雅黑";color:#666; }
input, select, textarea{ font-family: "微软雅黑"; }
ul,li{list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none !important; color:#666; outline:none; }
a:hover{ cursor: hand; }
img{display: block; border: none; vertical-align: middle;max-width: 100%;}
p,ul{ padding:0; margin:0; }




/*导航*/
nav.navbar-default{background-color: white;}
nav .navbar-brand{padding-top: 5px;}
.navbar-default .navbar-nav>li>a{height: 100%;padding:20px 5px; color:#333;margin-right: 40px;transition: all 0.3s ease;}
.navbar-default .navbar-nav>li:last-of-type>a{margin-right:0;}
.navbar-default .navbar-nav>li>a:hover{background-color: white !important; color:#eb474c !important;}
.navbar-default .navbar-nav>.active>a{background-color: white;border-bottom: 2px solid #eb474c; color:#eb474c;}


/*首页banner*/
.bannerHome{height: 620px;background-position: center bottom; background-image: url(../img/Z1.jpg);background-repeat: no-repeat;}
.bannerHome .iphone{position: absolute;z-index: 5; left: 0;bottom: 0;}
.bannerHome .tips{position: absolute;z-index: 5; top: 0;bottom: 0;right:0;margin: auto; height: 80px;}
.bannerHome .tips>img{top:-10px;}
.homeTite{line-height: 2.5;position: relative;}
.homeTite:after{position: absolute;right: 0;bottom: 0;left: 0;right:0;margin:auto;width:80px;height:5px;content: ''; background-color: #eb474c;}
.homeBottomImg{background-image: url(../img/Z5.jpg);background-position: center;background-repeat: no-repeat;background-size:cover;}


/*关于单车banner*/
.banner{height: 820px;background-position: center top; background-image: url(../img/a1.jpg);background-repeat: no-repeat; background-attachment:fixed;background-size:auto;}
.banner .title{padding-top:300px;letter-spacing: 5px;text-shadow: 0 1px 8px rgba(0,0,0,0.5);}
.bikeWrap{padding:0 30px; position: relative;}
.bikeWrap>img{position: absolute;z-index: 2;top:100px; cursor: pointer;}
.bikeWrap>.bikeButton1{left: 0;}
.bikeWrap>.bikeButton2{right:0;}

/*保留用车*/
.goodButton,.goodButton:active{width: 150px; box-shadow: 0 0 0 3px white inset; border-width:2px; outline: none !important;}
.bottomCall{border-bottom:1px solid #e1e1e1;}
.callUs.line{border-top:1px solid #e1e1e1;}
.callUs .col-md-3{text-align: center;}
.callUs .col-md-3>span{padding-right: 10%;}


/*底部*/
footer{border-top:1px solid #e1e1e1;line-height: 2;}
.pagination > .active > a,.pagination > .active > a:hover{background-color:#ddd;border-color:#ddd;}
.ye a:hover,.ye a:active,.ye a:link,.ye a:visited{background-color: transparent !important;}
.pagination > li > a{color:#eb474c;}

/*下载APP 渐变背景*/
.linearBg{background: -webkit-linear-gradient(#f7f7f7,white);background: linear-gradient(#f7f7f7,white);}
.downApp button img{position: relative; top:-2px;}
.downApp button{width: 190px;line-height: 1.8 !important;transition: all 0.3s ease; border:2px solid #333;border-radius: 10px;outline: none !important;margin-bottom: 15px;}
.downApp button:hover{ border:2px solid #333;}
.downApp span{padding:0 40px;}
.doTips{line-height: 1;}
.doTips>span{width: 4px;}

/*加盟*/
.joinInput{position: absolute;z-index: 6;top:30%;left: 0;right: 0;margin: auto;}

/*新闻中心*/
.newsTabs{width:650px; border:1px solid #eee;border-radius:8px;overflow: hidden;}
.newsTabs a{text-align: center;padding:8px 0;display: block; transition: all 0.3s ease;}
.newsTabs a:hover{color:#eb474c;}
.newsTabs a.active{background-color:#eb474c;color:white;}
.newsList li{border-bottom:1px solid #e1e1e1;transition: all 0.3s ease;}
.newsList li:hover{background-color: #f9f9f9;}
.newsList li:last-of-type{border-bottom:0;}



/*公共样式*/
.overflowH{overflow: hidden;}
.borderNone{border:none !important;}
.tran3{transition:all 0.3s ease;}
.f_bold{font-weight: bold;}
.borderRadius0{border-radius: 0 !important;}
.radius100{border-radius: 100px !important;}
.shadowNone{box-shadow: none !important;}
.heightAuto{height: auto !important;}
.widthAuto{width: auto !important;}
.marginCenter{margin:0 auto;}
.margin0{margin: 0 !important;}
.marginT10{margin-top: 10px !important;}
.marginT20{margin-top: 20px !important;}
.marginB10{margin-bottom: 10px !important;}
.marginB20{margin-bottom: 20px !important;}
.padding10{padding:10px !important;}
.padding20{padding:20px;}
.paddingT10{padding-top:10px !important;}
.paddingB10{padding-bottom:10px !important;}
.padding0{padding:0 !important;}
.relative{position: relative;}
.absolute{position:absolute;}
.pointer{cursor: pointer;}


/*溢出不换行*/
.oneIn{white-space:normal;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;}
.oneIn_1{-webkit-line-clamp:1;}
.oneIn_2{-webkit-line-clamp:2;}
.oneIn_3{-webkit-line-clamp:3;}
.oneIn_10{-webkit-line-clamp:10;}


/*blank*/
.blank0, .blank5, .blank10, .blank20,.blank30,.blank50,.blank150{clear:both; display:block; font-size:1px; overflow:hidden;}
.blank0{height:0px;}
.blank5{height:5px;}
.blank10{height:10px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank50{height:50px;}
.lazy{width: 100% !important;}
.inlineBlock{display: inline-block;}


/*文字*/
.f_12{font-size: 12px !important;}
.f_14{font-size: 14px !important;}
.f_16{font-size: 16px !important;}
.f_18{font-size: 18px !important;}
.f_20{font-size: 20px !important;}
.f_24{font-size: 24px !important;}
.f_30{font-size: 30px !important;}
.f_35{font-size: 35px !important;}
.f_40{font-size: 40px !important;}
.f_45{font-size: 45px !important;}
.f_50{font-size: 50px !important;}
.f_60{font-size: 60px !important;}



/*系统色*/
.cWhite{color:white !important;}
.bgWhite{background-color:white !important;}
.cBlack{color:#333 !important;}
.bgBlack{background-color:#333 !important;}
.cGray{color:#999 !important;}
.bgGray{background-color:#f9f9f9 !important;}
.cTran{color: transparent !important;}
.bgTran{background-color: transparent !important;}
.cGreen{color:#eb474c !important;}
.bgGreen{background-color:#eb474c !important;}
button{outline: none !important;}










/*媒体判断*/
@media (max-width:1199px){
	.bannerHome{height: 550px;}
	.bannerHome .iphone{height: 400px;}
	
	.banner{height:450px;background-position: center bottom;background-attachment:scroll;background-size:cover;}
	.banner .title{padding-top:200px;letter-spacing:0;}
	.f_60{font-size: 50px !important;}
}

/*小屏电脑*/
@media (max-width:991px){
	
	.bannerHome .tips{left: 0;text-align: center;}
	.callUs .col-md-3{text-align: left;}
	
	.banner{height:400px;}
	.banner .title{padding-top:150px;}
	.f_60{font-size:40px !important;}
}

/*平板*/
@media (max-width:767px){
	.f_12{font-size: 10px !important;}
	.f_14{font-size: 12px !important;}
	.f_16{font-size: 14px !important;}
	.f_18{font-size: 16px !important;}
	.f_20{font-size: 18px !important;}
	.f_24{font-size: 20px !important;}
	.f_30{font-size: 24px !important;}
	.f_35{font-size: 30px !important;}
	.f_40{font-size: 35px !important;}
	.f_45{font-size: 40px !important;}
	.f_50{font-size: 45px !important;}
	.f_60{font-size: 30px !important;}
	.blank5{height:3px;}
	.blank10{height:8px;}
	.blank20{height:10px;}
	.blank30{height:20px;}
	.blank50{height:40px;}
	.bannerHome{height: 400px;}
	.bannerHome .tips{height: 50px;}
	.newsTabs{width:370px;}
	
	nav.navbar-default{background-color: transparent;}
	nav img{height: 40px;}
	.navbar-nav{margin-bottom: 0;}
	.navbar-default .navbar-nav>li>a{background-color: rgba(0,0,0,0.3) !important;color:white;padding:10px 15px;margin-right: 0; text-shadow: 0 1px 5px rgba(0,0,0,0.5);}
	.navbar-default .navbar-nav>li>a:hover{background-color: rgba(0,0,0,0.5) !important;}
	.navbar-default .navbar-nav>.active>a{border-bottom: 0; color:#eb474c; background-color: rgba(0,0,0,0.5) !important;}
	
	.banner{height: 350px;background-image: url(../img/a3.jpg);}
	.banner .title{padding-top:100px;}
	
	
}

/*以i6p 为分界线，兼容以下屏幕*/
@media (max-width:415px){
	
	.f_16{font-size: 13px !important;}
	.f_18{font-size: 14px !important;}
	.f_20{font-size: 15px !important;}
	.f_24{font-size: 17px !important;}
	.f_30{font-size: 19px !important;}
	.f_35{font-size: 20px !important;}
	.f_40{font-size: 21px !important;}
	.f_45{font-size: 22px !important;}
	.f_50{font-size: 23px !important;}
	.f_60{font-size: 20px !important;}
	.blank5{height:2px;}
	.blank10{height:5px;}
	.blank20{height:10px;}
	.blank30{height:20px;}
	.blank50{height:30px;}
	
	.banner{height: 225px;background-image: url(../img/a3.jpg);}
	.banner .title{padding-top:80px;}
	
	.bannerHome{height: 250px; background-size: cover;}
	.bannerHome .tips{height: 30px;left: 0;text-align: center;}
	.bannerHome .tips>img{top:-5px;}
	.newsTabs{width:100%;}
}

/*i6*/
@media (max-width:375px){
	
}

/*安卓*/
@media (max-width:360px){
	
}

/*i5*/
@media (max-width:320px){
	
}