@charset "utf-8";
/** * Created by jojo on 2015/8/28. */
.train_h1{font-family: "微软雅黑";font-size: 1.8rem; margin: 10px 0 0 0;font-weight: 500;}
.train_h6{font-family: "微软雅黑";color: #999; font-size: 1.3rem; margin-top: 5px;line-height: 1.5;}
body{background: #FFF;}
.content{width: 100%;}
/*车票搜索*/
.car_ticket_box{width: 1080px;height: 359px;margin:0 auto;overflow-x: hidden;position: relative;}
.car_ticket{position: absolute; display: inline-block; width: 687px; height: 331px; background: url(../img/car_banner.png) no-repeat; overflow: hidden; left: 380px; top: 21px; z-index: 9;}
.train_check{width: 368px;height: 330px;background: #ffffff;border-radius: 5px;position: absolute;top: 21px;left: 2px; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5); z-index: 10;}
.train_check .title{width: 100%;box-sizing: border-box;;height: 50px;background: #68c9f2;color: #ffffff;font-size: 17px; line-height: 45px; padding-left: 42px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.check_list{margin: 24px 0 0 27px;position: relative;font-size: 1.8rem;color: #FFF;}
.check_list label{display: inline-block; width: 75px; text-align: right; font-size: 16px; color: #595959;}
.train_input{width: 207px; height: 38px; border: 1px solid #ddd; margin-left: 13px; background: #fff; padding-left: 3px; font-size: 16px; color: #b0b0b0;}
.btn01{display: block;width: 123px;height: 36px;color: #FFF;background: #f3a923;font-size: 20px;text-align: center; border-radius: 4px; line-height: 36px; cursor: pointer; margin: 24px auto 0;}
.changeIcon{cursor: pointer; height: 27px; width: 27px; position: absolute; top: 120px; left: 52px; background: url(../img/switch.png) no-repeat;}
/*搜索城市*/
.cityA{left: 68px;}
.cityB{left: 68px;}
/*预定流程*/
.train_steps{width: 1080px; overflow: hidden; margin: 17px auto 0px auto; box-sizing: border-box;}
.steps{display:inline; float: left;}
.steps:after{content: "";clear: both;}
.step_png{display: inline;float: left;width: 61px;height: 61px;margin: 10px 14px 0 0px;background: url(../img/pc-icon.png) no-repeat;}
.step1{background-position: -124px -109px}
.step2{background-position: -268px -109px}
.step3{background-position: -448px -109px}
.step4{background-position: -590px -109px}
.step5{background-position: -725px -109px}
.steps_txt{float: left;display: inline; width: 108px;}
.point{display:block;background: url(../img/pc-icon.png) no-repeat -377px -96px;width: 27px; height: 84px; margin-left: 11px; float: left;}
/*===========特价汽车票和热门出发城市===========*/
.block_list{width: 1080px;margin: 0px auto;box-sizing: border-box;cursor: pointer;}
.block_list .list_tit{font-size: 18px;line-height: 50px;color:#FF7800; padding-left: 12px; color: #585858;/*margin-bottom: 15px;*/}
.bot_line{height: 5px;}
.bot_line span{display: inline-block;height: 5px;}
.bot_line .bot_left{position: relative;width: 150px;background: #68c9f2;}
.bot_line .bot_right{width: 930px;background: #68c9f2;}
.bot_line .bot_icon{position: absolute;display: block;content: '';border: 5px solid transparent;border-bottom: 10px solid #68c9f2;bottom: 5px;left: 70px;}
.train_check .bot_line{position: relative;top: -17px;padding-left: 36px;}
.train_check .bot_line .bot_left{box-sizing: border-box;width: 96px;background: #ffffff;}
.train_check .bot_line span{height: 3px;}
.train_check .bot_line .bot_icon{position: absolute; display: block; content: ''; border: 3px solid transparent; border-bottom: 6px solid #ffffff; bottom: 3px; left: 44px;}
.tit_img{display: inline-block;background: url(../img/pc-icon.png) no-repeat;width: 40px;height: 40px;vertical-align: middle;margin-right: 10px;}
.route_ul{display: block;overflow: hidden;margin: auto;padding-bottom: 10px;}
.line_sta,.line_end,.point_icon{display: inline-block;vertical-align: middle;}
/*特价汽车票*/
.price_list_box{width: 100%;padding: 20px 0 25px;background: #edf8fe;}
.price_list{margin: 0 auto;}
.price_list .route_li a{display: block;width: 342px;height: 175px;border: none;background: url(../img/special_offer.png) repeat-x;color: #4aa6ff;}
.price_titImg{background-position: -180px -206px;}
.price_list .route_li{margin: 25px 0 0 25px;}
.price_list .route_li a:hover{border: none;box-shadow: 0px -4px 7px #b9d6fe;}
.point_icon{position: relative;width: 90px;height: 30px;background: url(../img/pc-icon.png) no-repeat -180px -285px;}
.line_info{display: block;width: 320px;height: 45px;padding: 30px 0;margin: 5px auto 0;font-size: 1.8rem;line-height: 38px;vertical-align: middle;text-align: center;border-bottom: dashed 1px #4aa6ff;}
.price_list .line_sta, .price_list .line_end{width: 85px;height: 38px;border: solid 1px #4aa6ff;border-radius: 5px;}
.point_icon .date{display: block;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 1.4rem;text-align: center;}
.line_pri{display: block;width: 200px;height: 64px;line-height: 64px;margin: 0 auto;font-size: 1.5rem;text-align: center;position: relative;}
.line_pri i{display: inline-block;}
.txt_huge{height: 64px;font-size: 2.4rem;color: #FF7800;padding-left: 60px;}
.line_pri .float_txt{position: absolute;line-height: 20px; top: 22px; left: 15px;}
.line_pri .float_txt::before{content: '';display: block;float: left;width: 20px;height: 20px;margin-right: 3px; background: url(../img/pc-icon.png) no-repeat -90px -102px; background-size: 500px 363px;}
/*热门出发城市*/
.hot_box{height: 315px; width: 1062px; margin: 20px auto 25px;}
.hot_titImg{background-position: -800px -350px;margin-bottom: 3px;}
.hot_li{display: block;position: relative; font-family: '宋体';}
.margin_rig{margin-right: 30px;}
.hot_li img{display: block;font-size: 0;/*width: 100%;height: 100%;*/}
.hot_li .city_name{display: block; width: 130px; text-align: center; line-height: 70px; font-size: 4.0rem; color: #FFF; text-shadow: 3px 3px 6px #000; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}
.hot_top .hot_li:first-child .city_name{left: auto;}
.hot_bottom .hot_li:nth-child(2) .city_name{top: auto;}
.box_mask{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;top: 0;}
.box_mask a{display: block;width: 180px;height: 65px;border: solid 3px #ee9821; border-radius: 35px;font-size: 3.0rem;text-align: center;line-height: 65px;color: #ee9821;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
/*机场接送*/
.shuttle .shuttleInfo{display: inline-block;width: 829px;}
.shuttle .shuttleInfo .bot_line{width: 100%;}
.shuttle .shuttleInfo .bot_line .bot_left{width: 150px;}
.shuttle .shuttleInfo .bot_line .bot_left .bot_icon{left: 69px;}
.shuttle .shuttleInfo .bot_line .bot_right{width: 679px;}
.shuttle .scenicAside{display: inline-block;width: 225px;vertical-align: top;}
.shuttle ul.shuttleList li a{display: flex;width: 100%;border-bottom: 1px solid #eeeeee;}
.shuttle ul.shuttleList li img{margin:13px 14px 12px 14px;}
.shuttle ul.shuttleList li .list_info{flex: 1;padding: 13px 0 12px 0;color: #666666;font-size: 14px;}
.shuttle ul.shuttleList li .list_info .shuttlePostion{font-size: 18px;}
.shuttle ul.shuttleList li .list_info .goAddress{line-height: 35px;font-size: 15px;}
.shuttle ul.shuttleList li .list_info .typePrice{color: #999999;padding-top: 15px;}
.shuttle ul.shuttleList li .list_info .typePrice .shuttleType{padding-top: 9px;}
.shuttle ul.shuttleList li .list_info .typePrice .price{color: #ee9821;}
.shuttle ul.shuttleList li .list_info .typePrice .price em{font-size: 24px;}
.scenicAside ul{padding-left: 19px;}
.scenicAside ul li a{display: flex;width: 212px;height: 90px;background: #ebfbff;margin-bottom: 8px;}
.scenicAside ul li .asideInfo{width: 128px;padding-left: 26px;padding-top: 17px;}
.scenicAside ul li .imgInfo{flex: 1;height: 88px;line-height: 88px;}
.scenicAside ul li .imgInfo img{width: 45px;height: 56px;vertical-align: middle;}
.scenicAside ul li .asideInfo .p_first{font-size: 16px;color: #7fcafe;}
.p_second,.p_third{color: #72787a;line-height: 21px;}
.shuttle .list_tit .more{position: relative;color: #999999;font-size: 14px;top: 8px;margin-right: 256px;}
.advertisement{width: 1080px;margin:0 auto;padding-top: 20px;}
.special_car_line .block_list .list_tit{padding-left: 38px;}
.special_car_line .list_tit ul{position: relative;top: 6px;display: inline-block;padding-left: 61px;}
.special_car_line .list_tit ul li{display: inline-block;font-size: 14px;padding: 5px 12px; line-height: 14px;border-radius: 3px;color: #8d8d8d;text-align: center;}
.special_car_line .list_tit ul li.active{color: #ffffff;background: #9cd2ff;}
.special_car_line .list_tit a{position: relative; color: #999999; font-size: 14px; top: 8px; margin-right: 25px;}
.car_line_ul{position: relative;width: 100%;height: 237px;line-height: 237px;box-sizing: border-box;padding: 14px 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.car_line_ul li{width: 164px;height: 237px;box-sizing: border-box;margin: 0 0 8px 14px;}
.car_line_ul li a{position: relative;display: block;width: 100%;height: 100%;}
.car_line_ul li img{width: 100%;height: 237px;}
.car_line_ul li a .shadowInfo{box-sizing: border-box;position: absolute;bottom: 0;left: 0;width: 100%;height: 37px;line-height: 37px;font-size: 14px;color: #ffffff;background: rgba(0,0,0,0.01);padding: 0 12px;}
.car_line_ul li a .shadowInfo .left{width: 92px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.car_line_ul li a .shadowInfo .right{font-size: 16px;color: #ee9821;}
.car_line{margin-top: 12px;}
.car_line_ul .loadding{display: none;position: absolute;top: 14px;left: 0;width: 100%;height: 237px;line-height: 237px;text-align: center;background: white;z-index: 100;}
.car_line_ul .loadding img{vertical-align: middle;}
.car_line_ul .no_data{display: none;position: absolute;top: 14px;left: 0;width: 100%;height: 237px;line-height: 237px;text-align: center;background: white;z-index: 100;}