/*公共样式*/* {box-sizing:border-box;}
html,body { box-sizing: border-box;min-width: 1200px;}
body,html,li,ul,a,p,h1,h2,h3,h4,h5,h6,button,input,b,i,header,section,footer {padding:0;margin:0;font-family:Microsoft YaHei;color:#444;list-style:none;text-decoration:none;border:none;box-sizing:border-box;outline:none;font-weight:normal;font-style:normal;}
a,button {cursor:pointer;color:#454545}
button,input,a:focus {border:0;outline:none;text-decoration:none;}
.active a {color:inherit;}
.clear{zoom: 1;}
.clear:after{clear:both;display:block;content:"";}
.none{display:none;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.container-fluid {width:100%;}
.container {width:1200px;margin:0 auto;}
/*二屏轮播*/
.dd_container{margin-bottom: 100px;}
.didi_mess_block {width:100%;overflow:hidden;background:#fff;margin:30px 0 100px 0;}
.didi_block_inner {width:100%;max-width:980px;margin:0 auto;}
.btn_left {background-image:url(../images/left-gr.png);background-position:50% 50%;background-size:16px 31px;background-repeat:no-repeat;width:45px;height:60px;display:block;position:relative;top:225px;cursor:pointer;}
.btn_left:hover {background-image:url(../images/left-or.png);}
.btn_right {background-image:url(../images/right-gr.png);background-position:50% 50%;background-size:16px 31px;background-repeat:no-repeat;width:45px;height:60px;display:block;position:relative;top:225px;cursor:pointer;}
.btn_right:hover {background-image:url(../images/right-or.png);}
.block_mess h4 {margin:0;font-size:48px;color:#ff8b02;margin-top:80px;font-weight:normal;}
.block_mess p {font-size:14px;margin:0;margin-top:20px;line-height:24px;color:#999;}
.mess_icon {width:39px;height:44px;background-image:url(../images/hover-icon-1.png);background-size:375px 42px;background-repeat:no-repeat;display:block;float:left;margin-right:43px;}
.mess_icon.icon_a {background-position:0 0;}
.mess_icon.icon_b {background-position:-84px 0;}
.mess_icon.icon_c {background-position:-166px 0;}
.mess_icon.icon_d {width:47px;background-position:-246px 0;}
.mess_icon.icon_e {width:45px;background-position:-333px 0;}
.mess_icon_driver {width:39px;height:44px;background-image:url(../images/driver-icon.png);background-size:289px 42px;background-repeat:no-repeat;display:block;float:left;margin-right:43px;}
.mess_icon_driver.icon_a {background-position:0 0;}
.mess_icon_driver.icon_b {background-position:-85px 0;}
.mess_icon_driver.icon_c {width:43px;background-position:-162px 0;}
.mess_icon_driver.icon_d {width:47px;background-position:-242px 0;}
.mess_icon.icon_a.active {background-image:url(../images/hover-icon-2.png);background-position:0 0;}
.mess_icon.icon_b.active {background-image:url(../images/hover-icon-2.png);background-position:-84px 0;}
.mess_icon.icon_c.active {background-image:url(../images/hover-icon-2.png);background-position:-166px 0;}
.mess_icon.icon_d.active {width:47px;background-image:url(../images/hover-icon-2.png);background-position:-246px 0;}
.mess_icon.icon_e.active {width:45px;background-image:url(../images/hover-icon-2.png);background-position:-333px 0;}
.mess_icon.icon_a:hover {background-image:url(../images/hover-icon-2.png);background-position:0 0;}
.mess_icon.icon_b:hover {background-image:url(../images/hover-icon-2.png);background-position:-84px 0;}
.mess_icon.icon_c:hover {background-image:url(../images/hover-icon-2.png);background-position:-166px 0;}
.mess_icon.icon_d:hover {width:47px;background-image:url(../images/hover-icon-2.png);background-position:-246px 0;}
.mess_icon.icon_e:hover {width:45px;background-image:url(../images/hover-icon-2.png);background-position:-333px 0;}
.mid_check_pass {width:259px;height:539px;background-image:url(../images/ipone.png);background-repeat:no-repeat;background-position:center top;background-size:250px 530px;position:relative;}
.mid_check_box_pass {position:absolute;width:220px;height:387px;top:72px;left:21px;z-index:10;overflow:hidden;}
.not_ie_show {display:block;}
.is_ie_hide {display:none;}
.ie_btn_hide {display:block;}
.mid_check img.is_ie_hide {display:none;}
.img_bg img {width:100%;display:block;}
.phone_check_title {display:none;}
.phone_driver_btn {display:none;}
.img_outer {width:610%;position:absolute;top:0;left:0;}
/*顶部导航*/
.nav-header{width:100%;}
.nav-header.nav-on{border-bottom:1px solid #efefef}
.nav-container>img{margin-top: 10px;}
.nav-box{background: transparent}
.nav-box .layui-nav-item{line-height: 50px;}
.nav-box .layui-nav-item a{color:#454545;padding:0 30px;}
.nav-box .layui-nav-item a:hover{color:#1296db}
.nav-box .layui-this:after,.layui-nav-bar{background: #1296db;height:3px;bottom: 3px;}
.nav-box .layui-nav-bar{top:44px !important;}
.nav-box .layui-nav-child{background: rgba(0,0,0,.5);box-shadow: none;top:50px;border:0}
.nav-box .layui-nav-child a{color:#fff;}
.nav-box .layui-nav-child a:hover{background: #1296db;}
.nav-box .layui-nav-child dd:active a,.nav-box .layui-nav-child dd:hover a{background: #1296db;opacity: 1}
.nav-box .layui-nav-child a:hover{background: transparent;color:#fff}
.nav-container .fw-phone{margin-left:100px;margin-top: 13px;color:#1296db}
.nav-container .fw-phone span{display: inline-block;width:25px;height:25px;background: url("../images/icon_phone.png") no-repeat;background-size:100%;margin-right: 15px;vertical-align: middle}
/*首页轮播*/
.slide-banner {position: relative}
.slide-banner .hd{height:15px;position: absolute;bottom:30px;left:50%;z-index: 999}
.slide-banner .hd ul li{width:15px;height:15px;border-radius: 50%;background: #fff;float:left;margin-right: 15px;cursor: pointer}
.slide-banner .hd ul li.on{background: #1296db}
.slide-banner .bd ul li{width:100%;height:550px;position: relative;}
.slide-banner .bd .driver-img{background: url('../images/banner2.png')  center no-repeat}
.slide-banner .bd .passenger-img{background: url('../images/banner1.png')  center no-repeat}
.slide-banner .bd li a{display:block;width:260px;height:55px;font-size: 40px;line-height:52px;background: #1296db;border-radius: 6px;margin:25px 0}
.slide-banner .bd li>div{left:50%;margin-left:300px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.main-tittle{width: 470px;padding: 100px 0;margin: 0 auto;position: relative;}
.main-tittle>span{display: block;width:135px;height:2px;background: #1296db;position: absolute}
.main-tittle>p{font-size: 30px;color: #1296db;text-align: center}
.main-tittle .tittle-next{left:0;top:50%}
.main-tittle .tittle-prev{right:0;top:50%}
/*服务特色*/
.fw-ts-box{margin-bottom: 40px;}
.fw-ts-box .fw-ts-list li{width:25%;text-align: center;float:left;padding:0 25px;}
.fw-ts-list li img{width:80px;height:80px;margin-bottom: 20px;}
.fw-ts-list li h3{font-size: 20px;color:#1296db;margin-bottom: 25px;}
.fw-ts-list li p{font-size: 16px;color:#444444;line-height: 25px;}
/*底部*/
.nav-footer{width:100%;background: #626262;height:150px;}
.nav-footer .container{padding-top:35px;}
.nav-footer .container div{float:left}
.nav-footer .link-box{width:50%}
.nav-footer .follow-box{width:10%}
.nav-footer .line-box{width:25%}
.link-box div{width:100%;margin-bottom: 30px;}
.link-box div a{display:block;color:#fff;width:25%;float:left;font-size: 16px;}
.link-box p{color:#fff;}
.line-box h3{font-size: 16px;color:rgba(255,255,255,.8);margin-bottom: 25px;}
.line-box  span{color:rgba(255,255,255,1);margin-right: 30px;font-size: 16px;}
.follow-box h3{font-size: 16px;color:rgba(255,255,255,.8);margin-bottom: 25px;}
.follow-box .gf-wx{width:96px;height:26px;background: url("../images/icon_wx.png") no-repeat;cursor: pointer;position: relative}
.gf-wx span{width:96px;height:96px;background: url("../images/icon_code.png") no-repeat;position: absolute;bottom:28px;left:0;display: none}
.follow-box .gf-wx:hover span{display: block}
.follow-box .gf-license{width:96px;height:26px;background: url("../images/icon_license.png") no-repeat;cursor: pointer;position: relative}
.gf-license span{width:555px;height:412px;background: url("../images/license.png") no-repeat;position: absolute;bottom:28px;left:0;display: none}
.follow-box .gf-license:hover span{display: block}
/*乘客端*/
.passenger-box{width:100%;height:600px;background:url("../images/ck_banner.png") center  no-repeat;position: relative}
.link-download{position: absolute;top:48%;left:53%}
.link-download .link-btn{margin-right: 50px;}
.link-btn a{display: block;width:250px;height:70px;}
.link-btn .iphone-btn{background: url("../images/button_iPhone.png") no-repeat;margin-bottom: 35px;}
.link-btn .android-btn{background: url("../images/button_Android.png") no-repeat}
.link-btn .iphone-btn:hover{background: url("../images/button_iPhone2.png") no-repeat;}
.link-btn .android-btn:hover{background: url("../images/button_Android2.png") no-repeat;}
/*司机端*/
.driver-box{width:100%;height:600px;background:url("../images/sj_banner.png") center  no-repeat;position: relative}
/*加盟*/
.join-bj{width:100%;height:600px;background:url("../images/jm_banner.png") center  no-repeat;}
.bread-box{margin:60px 0}
.content-box{margin:40px 0 }
.content-box .join-box{margin-bottom: 220px}
.content-box .join-ts{font-size: 20px;}
.content-box .join-ts span{color:#1296db}
/*研发团队*/
.team-box .team-left{margin-top:150px;}
/*计费标准*/
.charging-tab{width:100%;margin-bottom: 20px}
.charging-tab table{border:1px solid #efefef;width:100%;}
.charging-tab table td{border:1px solid #efefef;text-align: center;height:30px;}
.charging-tittle{height:50px;line-height: 50px;background: #1296db;padding:0 15px;position: relative}
.charging-tittle>h3{color:#fff;text-align: center;font-size: 18px;}
.charging-tittle>span{float:right;color:#fff;font-size: 12px;position: absolute;top:0;right:15px;}
.charging-tab>p{font-size: 12px;padding:10px;border-bottom: 1px solid #efefef}
.charging-tab table tbody tr:first-child td{font-weight: 600;color:#454545}
/*常见问题*/
.problem-tab .layui-tab-title{height:30px;border-bottom:none;text-align: center}
.problem-tab .layui-tab-title li{height:30px;line-height: 30px;padding:0 30px;border: 1px solid #1296db;color:#1296db;}
.problem-tab .layui-tab-title .layui-this{background: #1296db;color:#fff;}
.problem-tab .layui-tab-title li:hover{background: #1296db;color:#fff}
.problem-tab .layui-tab-title .layui-this:after{border:none}
.problem-tab .layui-tab-title  .layui-ck{border-radius: 4px 0 0 4px}
.problem-tab .layui-tab-title  .layui-sj{border-radius: 0 4px 4px 0}
.problem-tab .layui-tab-content  .layui-collapse  .layui-colla-title{background: #f7f7f7;padding: 0 15px 0 15px;margin-bottom: 2px;}
.problem-tab .layui-collapse .layui-colla-icon{right:15px;left: auto;}
.problem-tab .layui-colla-content,.problem-tab .layui-colla-item{border-top:none;}
.problem-tab .layui-collapse{border:none;margin: 50px 0;}
/*关于快客*/
.about-bg{width:100%;height:600px;background: url("../images/gy_banner.png") center no-repeat}
.about_content{margin-bottom: 150px;}
.about_content p{font-size: 17px;line-height: 30px;letter-spacing: 2px;}
/*招聘信息*/
.recruit-box{background: #f3f5f7; }
.recruit-tittle-box{padding:30px  80px 0 80px;border-bottom: 1px solid #efefef}
.recruit-tittle-box>h3{font-size: 24px;color:#333333;}
.recruit-tittle-list li{float:left;margin:15px 65px 15px 0;font-size: 16px;}
.recruit-details{padding:45px 80px;}
.recruit-list>h4{border-left:4px solid #1296db;padding-left: 6px;font-size: 16px;}
.recruit-list .recruit-ms{background: #fff;margin:15px 0;padding:15px;}
.recruit-list .recruit-ms>p{line-height:30px;}
.main-box{min-height:900px;}
#allmap{border: 1px solid #eee; height: 600px;width: 1200px;margin-bottom: 100px;}
#consult-map {width:100%;height:100%;}
.BMapLib_nav_tab li {position:relative;float:left;height:29px;padding-top:5px;text-align:center;border-left:1px solid #dadada;cursor:pointer;overflow:hidden;}
#BMapLib_transBox0 td {padding-left:0 !important;}
.BMapLib_trans_text {width:95% !important;}