/* 首页 */

.procedure{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px;
    margin:13px 10px 10px 10px; padding:15px 0 0 0;}
/* 运车保障,我们只运车 */
.wrapper-title{ flex-direction: row; justify-content: flex-start; align-items: center; margin-top:50px;}
.guarantee-wrapper{box-shadow: 4px 0px 12px rgba(57,142,255,.2); margin-top:22px; padding:30px 100px 20px 100px; margin-bottom:40px; }
.guarantee{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px; justify-content: space-between;}
.guarantee-li{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.guarantee-li img{ width:81px; height:79px;}
.guarantee-li img.tImg{width:97px; height:51px;}
.guarantee-li .text{ font-size: 11px; color:#404547; padding-top:10px;}
.guarantee-li .text2{ font-size: 24px; color:#1a1a1a; font-weight: bold; padding-top:9px;}
.transport-remark{ font-size: 18px; color:#808080; line-height: 30px; padding:30px 30px 0 0;}
/* 极速查价 */
.title-img{width: 167px; height:41px;}
.from{flex-direction: row; padding-bottom:25px; justify-content: space-between;}
.from-box{ width:300px; height:52px; box-shadow: 0 0 16px rgba(57,142,255,.5); border-radius: 6px;flex-direction: row; justify-content:space-between; align-items: center;}
.from-box input{ width:290px; height:48px;border-radius: 6px; border:transparent; padding-left:10px; font-size: 20px; color:#1a1a1a;}
.from-box span{ margin-right:15px; font-size: 30px!important; color:#6f6f6f;}
.from-box-blue{ border:#3c83e4 2px solid; width:526px; height:46px; flex-direction: row;}
.from-box-blue .phone{ width:263px; background-color:#fff;height:46px; border:transparent; padding:0; text-align: center; font-size: 18px;}
.from-box-blue .btn{ width:263px; background-color:#3c83e4; height:46px; color:#fff; display: flex; justify-content: center; align-items: center;}
.scroll-order{ font-size: 18px; color:#fa9e14; margin-bottom:38px; padding-top:8px; display: flex; flex-direction: row; justify-content: space-between;}
.scroll-order .li{ width:372px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; height:30px;}
.fast-operation{display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding-left:5px; padding-right:5px;}
.fast-operation-li{ width:284px;display: flex; flex-direction: row; align-items: center; justify-content: center;}
.nImg{ width:87px; height:86px;}
.fast-operation .title{ padding-left:16px; font-size: 22px; color:#1a1a1a; font-weight: bold;}
.search-blue{ border:transparent; font-size:18px; font-family:'微软雅黑';}
/* 案例 */
.case{ display: flex; flex-direction: row; justify-content: space-between;}
.case-li{ width:280px; height:317px; border:#e6e6e6 1px solid; box-shadow: 4px 0px 16px rgba(255,255,255,.38); display: flex; flex-direction: column; }
.case-li:hover{ border:#fff 1px solid; box-shadow: 4px 0px 16px rgba(57,142,255,.38);}
.case-li .cImg{ width:280px; height:209px;}
.case-li .con{padding:8px; line-height: 22px;}
.line{ border-top:#f5f5f5 1px solid; margin:19px 0;}
/* 客户统计 */
.statistics{ font-size: 40px; padding-top:50px; display: flex;justify-content:center; align-items: center;}
/* 标准 */
.standard{ display: flex; flex-direction: row; justify-content:space-between; align-items: center; padding:32px 0 18px 0; }
.sImg{ width:32%; height:auto;}
/* 运车流程 */
.dImg{ width:180px; height:180px;}
.dImg-small{ width:122px; height:122px;}
.dImg2{ width:320px; height:350px;}
.dImg2-small{ width:220px; height:250px;}
.standard.data{ padding:0 0 18px 0;}
.data-li{ display: flex; flex-direction: column; justify-content: center;}
.data-li .title{ text-align: center;}
/* 品牌宣传 */
.brand{ display: flex;flex-direction:row; justify-content: space-between;}
.activity{ width:955px; height:680px; display: flex;flex-direction:row; padding-top:20px;}
.activity-left{ width:484px; margin-right: 15px; display: flex;flex-direction:column;}
.activity-left-top{ height:273px; display: flex;flex-direction:column;}
.activity-left-top-li{ display: flex;flex-direction:row;}
.activity-left-top-li div{margin-right:20px; }
.activity-left-top-li div:last-child{margin-right:0; }
.activityImg{ width:230px; height:203px; border-radius: 3px; margin-right:15px;}
.activityImg:last-child{ margin-right:0;}
.activityImg3{ width:480px; height:350px; border-radius: 3px;}
.activityImg2{ width:450px; height:331px; border-radius: 3px;}
.activityImg4{ width:450px; height:224px; border-radius: 3px;}
.activity-left-top-text{ padding-top:10px; line-height: 40px; font-size: 20px; color:#333;}
.activity-left-bot{ height:232px;}
.activity-right{ width:450px; height:680px; display: flex;flex-direction:column;}
.activity-right-top{ height:400px;}
.activity-right-bot{ height:280px;}
.qualifications{ display: flex;flex-direction:column; padding-top:20px}
.car-data-li{display: flex;flex-direction:column; justify-content: center;}
.qImg{ width:213px; height:170px; margin:auto;}
.text-q{ text-align: center; padding-top:15px; padding-bottom:20px; font-size:18px;}
/* 小屏，如线路详情页 */
.asmall .activity{ height:auto;}
.asmall .activity-left{ width:306px;}
.asmall .activity-left-top{ height:173px;}
.asmall .activity-left-top-li div{margin-right:14px;}
.asmall .activityImg{ width:146px; height:128px;}
.asmall .activityImg2{ width:283px; height:208px;}
.asmall .activityImg3{ width:306px; height:222px;}
.asmall .activityImg4{ width:283px; height:141px;}
.asmall .activity-left-top-text{ font-size: 15px; padding-top:0;}
.asmall .activity-right{ height:auto;}
.asmall .activity-right{ width:283px;}
.asmall .activity-right-top{ height:255px;}
.asmall .activity-right-bot{ height:auto;}
.asmall .qImg{ width:134px; height:107px;}
.asmall .text-q{ padding-top:8px; padding-bottom:8px; font-size:12px;}
/* 新闻资讯 */
.news{ display: flex; flex-direction: row; justify-content: space-between;}
.news.col{flex-direction: column;}
.news>.li{ width:390px; height:110px; box-shadow: 4px 0px 16px rgba(255,255,255,.38);display: flex; flex-direction: row; border-radius: 8px; }
.news>.li:hover{ box-shadow: 4px 0px 16px rgba(57,142,255,.38);}
.newImg{ width:180px; height:110px;}
.news.col>.li{ width:auto;}
.new-con{ display: flex; flex-direction: column; width:232px; padding-left: 17px; }
.new-title{ font-size: 16px; color:#333; height:44px; margin-bottom:10px; line-height: 22px; text-align: justify;display:-webkit-box; text-overflow: ellipsis; 
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding: 10px 10px 0 0;}
.new-time{ font-size: 14px; color:#333; padding-top:15px; display: flex; flex-direction: row; justify-content: space-between;}
.new-time .iconfont{ font-size: 20px;}
/* 合作伙伴 */
.cooperation{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
/* 关于我们 */
.about{ padding-top:48px;display: flex; flex-direction: row; justify-content: space-between; padding-bottom:50px;}
.about .top{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.line-blue{width: 8px;height: 24px;background: -ms-linear-gradient(to bottom,#3381e8,#589af2);background: -webkit-linear-gradient(to bottom,#3381e8,#589af2);
background: -o-linear-gradient(to bottom,#3381e8,#589af2);background: linear-gradient(to bottom,#3381e8,#589af2);}
.download .content{padding-top:20px;display: flex; flex-direction: row;width:338px;  justify-content: space-between;}
.download .content .li{ display: flex; flex-direction: column; justify-content: center;}
.download .content .li img{  width:142px; height:142px; padding:4px;  box-shadow: 4px 0px 16px rgba(0,0,0,.2);}
.help{ width:355px;}
.help .top{display: flex; flex-direction: row; justify-content: space-between;}
.help .top .title{ width:290px;}
.more{justify-content: flex-end;}
.question-li{ line-height: 32px;}
.contact{ width:320px;}
.contact .content{ line-height: 50px; font-size:18px; color:#333;}
.contact .content .iconfont{ font-size:20px;}

/* 首页图片轮播 */
.banner{ width:100%; height:500px;}
.banner li{list-style-type: none; position: absolute; width:100%; height:500px; }
.banner li img{width:100%; height:500px; margin:auto;}
.bullet{display: flex; flex-direction: row; position: relative; z-index: 1000; top:475px; justify-content: center; align-items: center;}
.bullet span{  background-color:#fff; border-radius: 20px; width:8px; height:8px; margin-right:5px;}
.bullet span.active{ width:16px; height:8px; }
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {opacity: 0;}
.bars{ display: flex; flex-direction: row; justify-content: space-between; padding-top:20px;}
.bars-li{ display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.bars-li img{ width:58px; height:25px;}
.bars-li .title{ font-size: 14px; font-weight: bold;}

/* 新闻列表 */
.line-gray{ border-top:#e9e9e9 1px solid; margin-bottom:20px;}
.guarantee-wrapper-list{ padding:10px 0 10px 0; }
.new-card{ display: flex; flex-direction: row; height:146upx; padding:30upx; border-radius: 15px;
    margin-bottom:20upx; padding:20px; border-bottom:#efefef 1px solid; margin-bottom:20px;}
.new-card:hover{box-shadow:2px 0px 12px rgba(57,142,255,.3);}
.new-card .new-title{ font-size: 18px;height:30px; line-height: 30px; padding-top:0; padding-bottom:5px;}
.new-card .new-remark{ color:#999; font-size: 16px;}
.new-card .new-con{ display: flex; flex-direction: column; width:980px; padding-left: 17px; }
/* 详情 */
.detail,.notice,.guide{ padding:40px;}
.detail .title{ font-size: 24px; color:#101010; font-weight: bold; text-align: center; line-height: 60px;}
.detail .time{ margin-top:14px; border-left:#2186f4 4px solid; padding-left:5px; color:#bfbfbf; line-height: 1;}
.detail .content{ padding-top:22px; line-height:30px; font-size:16px; color:#101010; text-align:justify;}
.detail img{ border-radius:10px; width:100%!important; height:auto!important;}
/* 运车须知详情 */
.notice .content{ color:#555; line-height: 48px;}
/* 运车指南详情 */
.show-card{box-shadow: none; margin:0;}
.show-card .title{ color:#030303;display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom:10px; padding-top:10px;
     border-bottom: #dedede 1px solid;}
.show-card .title-icon{display:flex; flex-direction: column; width:17px; height:17px;}
.show-card .title-icon .top{ height:13px; background-color:#3a89fe; color:#fff; font-size: 10px;display: flex; flex-direction: row;
    justify-content: center; align-items: center;}
.show-card .title-icon .bot{width:0;height:0;border-width:5px 4px 0 0;border-style:solid;
border-color:#3a89fe transparent transparent #3a89fe;position:relative;}
.show-card .title-con{ width:98%;}
.show-card .content{ color:#666; line-height: 24px; padding:0 33px 12px 43px;}
.show-card .box{padding:20px 0; line-height: 25px; color:#666;height:auto;overflow: hidden;}                }
.mybox-leave-active,.mybox-enter-active{ transition:  all .5s ease; }
.mybox-leave-active,.mybox-enter{height:0px !important;}
.mybox-leave,.mybox-enter-active{height: 200px;}
/* 在线下单 */
.publish{ display:flex; flex-direction: row; padding-top:23px;}
.publish .left{ width:530px; display:flex; flex-direction: column;}
.publish .left .li{ display:flex; flex-direction: row; align-items: center; margin-bottom:28px;}
.publish .left .li .title{ width:160px; text-align: right; font-size:20px; color:#333; padding-right: 8px;}
.publish-box{ width:280px; height:50px; box-shadow: 0 0 16px rgba(57,142,255,.5); border-radius: 6px;flex-direction: row; justify-content:space-between; align-items: center; }
.publish-box input{ width:220px; height:48px;border-radius: 6px; border:transparent; padding-left:10px; font-size: 20px; color:#1a1a1a;}
.publish-box.pre input{ width:270px; box-shadow: 0 0 16px rgba(255,255,255,.5); border:#999 1px solid; border-radius: 0;}
.publish-box span{ margin-right:15px; font-size: 30px!important; color:#6f6f6f;}
.publish-btn{width:280px; height:50px; border-radius: 6px;display:flex;flex-direction: row; justify-content: center; align-items: center; margin-bottom:20px; background-color: #3c83e4;
color:#fff; font-size: 20px; margin-top:20px; border:transparent; font-family: '微软雅黑';}
.publish .left .li.menu{ padding-left:70px; font-size: 20px;}

.publish-result{ width:500px; margin:auto; text-align: center; padding-top:100px; min-height: 400px;}
.publish-result .iconright{ font-size: 100px; color:green;}
.publish-result .result{ padding-top:10px; font-size: 24px; font-weight: bold;}
.publish-result .remark{ display:flex; flex-direction: column; justify-content: flex-start; text-align: center; color: #777; font-size: 20px;
 padding:30px 0;}
.publish-result .remark div{ line-height: 40px;}
.publish-result .result-btn{padding:0 15px;}
.publish-result .btn{ margin-bottom:8px;}
.publish-result .timer{ padding-top:10px; color:#999; font-size: 18px;}

/* 线路详情 */
.search-column{ background: url('/static/img/banner_04.jpg') no-repeat 50% 50%; height:110px; background-color: #1d1717; }
.search-column .box{ width:1382px; margin:auto;}
.search-column .box .li{ padding-left:630px; display: flex; flex-direction: row; height:110px; align-items: center;}
.search-input{ width:172px; height:36px; border:#3c83e4 2px solid; background-color:#fff; font-size:16px; color:#1a1a1a; padding-left:10px;}
.search-span{ font-size: 20px!important; color:#6f6f6f; margin-left:-30px; margin-right:18px;}
.search-btn{ width:176px; height:38px;display: flex; justify-content: center; align-items: center; border:#3c83e4 2px solid; background-color:#3c83e4; color:#fff; font-size:16px;}
.line-detail{ display:flex;flex-direction: row; justify-content: space-between; flex-wrap:nowrap;}
.line-detail .left{ width:760px; padding:20px; display:flex;flex-direction: column;}
.line-detail .right{ width:385px;}
.line-detail .left .lines{ box-shadow: 0 0 12px rgba(59,146,226,.2);}
.line-detail .left .address{ padding:31px 35px 25px 35px; display:flex;flex-direction: row; justify-content: space-between; align-items: center; }
.line-detail .left .address .follow{display:flex;flex-direction: row; align-items: center; }
.line-detail .follow .text{ font-size:18px; color:#ff3631; font-weight:bold; padding-left:10px;}
.line-detail .follow .text span{font-size:13px;}
.line-detail .left .city{ display:flex;flex-direction: row; justify-content: space-between; align-items: center; }
.line-detail .city .start,.line-detail .city .end{ width:136px; font-size:34px; color:#3b92e2; font-weight:bold; text-align: center;}
.line-detail .city .end{ color:#fd5a49;}
.line-detail .city .content{ width:170px; text-align: center;}
.line-detail .left .btn .btn-blue{ width:114px; height:43px; display:flex; flex-direction: row; justify-content: center; align-items: center; background-color:#3b92e2; font-size:18px; 
    color:#fff;  border-radius: 5px; box-shadow: 0 0 13px rgba(71,144,226,.6);}
.line-detail .left .price{padding:0 35px; display:  flex; flex-direction: row; margin-bottom:31px;}
.line-detail .left .price .price-left{ display: flex;flex-direction: column; align-items:center; width:400px;}
.line-detail .left .price .price-right{ line-height: 30px; padding-left:40px; padding-right:90px;}
.line-detail .big-data{ display: flex;flex-direction: column; padding:20px 0;}
.line-detail .big-img{ text-align:center;}
.line-detail .big-img img{ width:184px; height:57px;}
.line-detail .cycle{ display:flex; flex-direction: row; justify-content: space-between; margin-bottom:22px;}
.line-detail .cycle:last-child{ margin-bottom:0;}
.line-detail .cycle .li,.line-detail .cycle .li2{height:144px; display:flex; flex-direction: row; align-items: center; padding-left:40px;}
.line-detail .cycle .li{ width:48%; background: url('/static/img/card_01.jpg') no-repeat 100% 100%; }
.line-detail .cycle .li2{ width:100%; background: url('/static/img/card_02.jpg') no-repeat 100% 100%;}
.line-detail .cycle img{ width:58px; height:54px;}
.line-detail .cycle .score{ display:flex; flex-direction: row; align-items: center;}
.line-detail .cycle .score .star{ width:102px; padding-left:15px; margin-top:-2px;}
.line-detail .star .iconfont{ margin-left:-3px;}
.line-detail .car-case .thumbnail{ display: flex; flex-direction: row; justify-content: space-between;}
.line-detail .car-case .thumbnail img{ width:230px; height:172px;}
.line-detail .recommend .addr{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.line-detail .recommend .addr-start{ width:400px;}
.line-detail .recommend .addr-start .li{ display: flex; flex-direction: row;  align-items: center; justify-content: center;}
/* 运车流程 */
.line-detail .procedure{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px;
box-shadow: 0px 0px 5px rgba(60,131,228,.2); margin:12px 10px 10px 10px; padding:15px 0 0 0;}
.line-detail .procedure-arrow{ width:28px; margin-right:3px; height:50px;}
.line-detail .procedure-arrow.one{width:52px;}
.line-detail .procedure-arrow.two{width:29px;}
.line-detail .arrow-three,.arrow-one,.arrow-two{ width:28px; height:10px;}
.line-detail .arrow-one{width:42px;}
.line-detail .arrow-two{width:29px;}
.line-detail .procedure-content{ width:72px;display: flex;flex-direction: column; justify-content: center; margin-right:3px;}
.line-detail .procedure-li{ width:60px; height:60px; border-radius: 50%; border:6px #d1e5fe solid; background-color:#3e93fa;display: flex; 
flex-direction: column; justify-content: center; align-items: center; color:#fff;}
.line-detail .procedure-li .iconfont{ font-size: 28px; margin-top:6px;}
.line-detail .procedure-li .num{ width:17px; height:17px; border-radius: 50%; background-color:#0070f8; opacity: .7;margin-top:-20px;  font-size: 12px;
display: flex; justify-content: center; align-items: center;}
.line-detail .procedure-text{ height:26px; margin-bottom:10px;display: flex;flex-direction: column; justify-content: center; align-items: center; font-size: 12px;
font-weight: bold; color:#4c4c4c;}
.top-line{ display: flex; flex-direction: row; align-items: center;}
.part{ display: flex; flex-direction:column; align-items: center;}
.part .text{ color:#1a1a1a; font-size:20px; padding-top:16px; padding-bottom:38px;}

.price-left{ width:820px; padding:20px; display:flex;flex-direction: column;}
.price-rights{ width:280px; height:314px; background: url('/static/img/banner_05.jpg') no-repeat 100% 100%; padding-top:686px; padding-left:42px;}
.price-rights .search-input{ width:224px; height:46px; margin-bottom:22px;}
.price-rights .search-btn{ width:234px; height:48px;}
.new-contents{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.scroll-direction{ width:63px; height:82px; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color:#fff; color:#fff;
margin-left:-120px;}
.scroll-direction.right{ margin-right:-120px;}
.scroll-direction span{ font-size: 40px;}
.scroll-content{ width:1200px; margin-left:-120px;display: flex; flex-direction: row;}
.scroll-li{width:180px;display: flex; flex-direction: column; align-items: center; background-color: #000; margin-right:23px;}
.scroll-li:last-child{ margin-right:0;}
.scroll-li img{ width:100%; height:180px;}
.scroll-li .scroll-li-text{ height:51px; background-color: rgba(0,0,0,.7); color:#eff2f6; display: flex; flex-direction: row; justify-content: center; align-items: center;
margin-top:-51px; font-size:16px; padding:0 10px; text-align:center;}

/* 热门线路 */
.hot-citys{ display:flex; flex-direction: row; flex-wrap: wrap;}
.hot-citys .li{ width:100px; height:34px; border-radius: 30px; background-color:#f3f3f3; color:#333; font-size:18px; display:flex; justify-content: center; 
    align-items: center; margin-right:30px; margin-top:20px;}
.hot-citys .li:nth-child(6n){ margin-right:0;}
.hot-citys .li.active{ background-color: #3b92e2; box-shadow: 0 0 16px rgba(59,146,226,.5); color:#fff;}
.hot-lines{ display:flex; flex-direction: column; padding-top:20px;}
.hot-li{ display:flex; flex-direction: row;justify-content: space-between; align-items: center; padding:30px 10px 30px 0; margin-top:20px;}
.hot-li:hover{ box-shadow: 0 0 16px rgba(59,146,226,.3);}
.hot-li-city{ display:flex;flex-direction: row; justify-content: space-between; align-items: center;}
.hot-li-city .start,.hot-li-city .end{ width:136px; font-size:34px; color:#3b92e2; font-weight:bold; text-align: center;}
.hot-li-city .end{ color:#fd5a49;}
.hot-li-city .content{ width:170px; text-align: center;}
.hot-li-price{padding-right:30px;}
.hot-li-star{padding-top:5px;}
.hot-li-star span{ font-size:13px; margin-right:2px;}
.hot-li-next{ display: flex; flex-direction: row; align-items: center; justify-content: center; height:100px; color:#666;}


.point-img{ width:375px; height:84px; margin-bottom:10px;}
.points{ background-color: #fff;}
.uni-tab-item {
	display: inline-block;
	flex-wrap: nowrap;padding-left: 17px;padding-right: 17px; height:38px; border-bottom:#fff 2px solid;}
.uni-tab-item-title {color: #b6b9bd;font-size: 16px;height: 40px;line-height: 40px;flex-wrap: nowrap;
	white-space: nowrap;
}
.uni-tab-item.active{color: #0098f6; border-bottom:#0098f6 2px solid;}
.uni-tab-item.active span {color: #0098f6;}
.points-con{ padding:17px 15px;}
.row{ line-height: 27px; color:#b6b9bd; font-size: 15px;}
.row span{ font-size: 16px; color:#585d65;}
.row-point{ font-size: 16px; color:#585d65; font-weight: bold; border-top:#eff1f5 1px solid; padding:15px 0 10px 0; margin-top:5px;}
.point-li{ padding:7px 0 15px 0; border-bottom:#eff1f5 1px solid; display: flex; justify-content: space-between;}
.point-li img{ width:120px; height:90px; border-radius: 4px; margin-top:7px;}
.point-text{ display: flex; flex-direction: column; width:60%;}
.point-text .city{ font-size: 16px; color:#74787e; font-weight: bold;}
.point-text .address{ color:#999; line-height: 17px; display: flex; padding-top:6px;}
.point-text .address .iconfont{ margin-right: 6px; font-size: 18px; margin-top:2px;}