@charset "utf-8"; 
.reservation .lnv_banner{height:109px;background:#27292b;}
.reservation .lnv_main .content{background:#FFF;}
.article_step{float:left;width:980px;padding:50px 10px;border-bottom:solid 1px #CCC; }
.article_step .ico{float:left;width:68px;height:68px;background-position:0 0px;}
.article_step .ico.active{float:left;width:68px;height:68px;background-position:0 -68px;}
.article_step .ico0{background:url(../images/r_ico0.png) no-repeat;}
.article_step .ico1{background:url(../images/r_ico1.png) no-repeat;}
.article_step .ico2{background:url(../images/r_ico2.png) no-repeat;}
.article_step .ico3{background:url(../images/r_ico3.png) no-repeat;}
.article_step .ico_s{float:left;width:49px;height:36px;margin:14px 20px;background:url(../images/r_ico4.png) no-repeat;background-position:0 -36px;}
.article_step .ico_s.active{background-position:0 0;}
.article_step .label{float:left;font-size:16px;margin:20px 0 0 22px;color:#999;}
.article_step .label.active{color:#0079FF;}
.article_wrapper{ float: left;width:980px;padding:0 10px;background:#FFF;}
.article_wrapper .wraper_title{float:left; width:100%;color: #0E050A;font-size:25px;margin:45px 0;}
.article_wrapper .wraper_title span{font-size: 28px;}
.date_block.active,.time_block.active,.city.active,.station_type.active,.service_block.active{border:1px solid #0071CE;color:#000}

/*time*/
.wrapper_date{ float:left;width: 1100px;padding:0;margin-top: 0px;}
.date_block{float:left;width:124px;height:79px;margin-right:18px;border:1px solid #C7C7C7;border-radius:8px;padding:25px 0;text-align:center;font-size:18px;transition:all 0.8s;color:#999}
.date_block p{margin-top: 25px;}
.time_block{float:left;width:180.6px;height:73px;margin-right:19px;border:1px solid #C7C7C7;border-radius:8px;padding:18px 0;text-align:center;transition:all 0.8s;color:#999}
.time_block_dis{float:left;width:180.6px;height:109px;margin-right:18px;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:18px 0;text-align:center;border:1px solid #F1F1F1;color:#CCC;}
.time_block_dis:hover{cursor:default;box-shadow:none}
.time_block span,.time_block_dis span{font-size:18px}
.time_block_mid{margin:5px 0;font-size:12px}
.time_block:hover,.date_block:hover{cursor:pointer;box-shadow:0 0 8px #CCC;}
.time_button{float:right;margin:105px 0 0;}
.time_errortip{float:right;font-size:14px;margin:125px 30px 0;color:#0079FF;}

/*station*/
.wrapper_con{float:left;}
.con_info{float:left;width:1000px}
.city{float:left;width:250px;height:60px;border:1px solid #C7C7C7;border-radius:8px;line-height:60px;text-align:center;transition:all 0.8s;position:relative;color:#999;}
.city_dis{float:left;width:250px;height:60px;border:1px solid #C7C7C7;border-radius:8px;line-height:60px;text-align:center;transition:all 0.8s;position:relative;color:#999;}
.city_option{width:250px;height:355px;background:#FFF;position:absolute;left:0;top:65px;border-radius:8px;border:1px solid #C7C7C7;box-shadow:0 0 8px #CCC;overflow-x:hidden;overflow-y:auto;z-index:10;display:none;}
.city_option li{float:left;width:250px;height:35px;line-height:35px;border-bottom:solid 1px #DEDEDE;font-size:14px;transition:all 0.8s;position:relative;color:#999;}
.city_option li:hover{background:#F1F1F1;}
.way{float:left;margin-left:70px;width:140px;height:60px;border:1px solid #C7C7C7;border-radius:8px;line-height:60px;text-align:center;transition:all 0.8s;color:#999;}
.shangm{float:left;margin-left:30px;width:140px;height:60px;border:1px solid #C7C7C7;border-radius:8px;line-height:60px;text-align:center;transition:all 0.8s;color:#999;}
.station_type_dis{float:left;margin-left:30px;width:140px;height:60px;border:1px solid #F1F1F1;border-radius:8px;line-height:60px;text-align:center;color:#CCC;}
.shangm.station_type_dis:hover{cursor:default;box-shadow:none}
.time_block_dis:hover{cursor:default;box-shadow:none}
.city:hover,.way:hover,.shangm:hover,.service_block:hover{cursor:pointer;box-shadow:0 0 8px #CCC;}
.tip{float:left;width:130px;height:60px;margin-left:8px;font-size:12px;margin-top:14px}
.rect{position:absolute;top:26px;right:40px;display:inline-block;border-left:solid 8px transparent;border-right:solid 8px transparent;border-top:8px #000 solid;}
.star{float:left;margin-left:90px;margin-top:18px;color:#0071ce}
.con_detail{float:left;width:1100px}
.service_block{float:left;width:300px;height:140px;margin-right:33px;margin-top:23px;border:1px solid #C7C7C7;border-radius:8px;padding:80px 0;text-align:center;color:#999;transition:all 0.8s;}
.service_block p{float:left;text-align:center;}
.service_block .name,.service_block .tel{float:left;width:70%;margin-left:15%;word-break:break-all;word-wrap:break-word;}
.detail_midd{width:80%;margin:20px 10%;}
.station_bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9;display:none;}
.station_button{float:right;margin:105px 0;}
.station_errortip{float:right;font-size:14px;margin:125px 30px 0;color:#0079FF;}
.appear{-webkit-animation:appear 500ms ease both;-moz-animation:appear 500ms ease both;-ms-animation:appear 500ms ease both;-o-animation:appear 500ms ease both;animation:appear 500ms ease both;}
@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateY(-15px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes appear{0%{opacity:0;-moz-transform:translateY(-15px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes appearRL{0%{opacity:0;-ms-transform:translateY(-15px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes appearRL{0%{opacity:0;-o-transform:translateY(-15px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes appearRL{0%{opacity:0;transform:translateY(-15px)}100%{opacity:1;transform:translateY(0)}}

/*usrinfo*/
.wrapper_detail{float:left;width:980px;border:1px solid #c5c5c5;border-radius:6px;margin:50px 0;padding:30px;box-sizing:border-box;}
.detail_info{border-bottom: 1px solid #ededed;padding-bottom:8px;font-size:20px;}
.detail_con{float:left;margin: 30px 0 0 30px;}
.detail_con p{float:left;width:860px;margin-bottom:5px;font-size:18px;position:relative;padding-left:130px;box-sizing:border-box;}
.detail_con b{float:left;width:130px;position:absolute;left:0;top:0;line-height:30px;}
.detail_con span{float:left;width:730px;line-height:30px;}
.detail_con span.address{font-size:14px;line-height:24px;color:#666;margin-top:5px;}
.detail_con span.tel{font-size:14px;line-height:24px;color:#666;}
.wrapper_form{float:left;width:400px;margin:0 320px;}
.wrapper_form p{margin-top:10px}
.wrapper_form input{position:relative;left:12px;outline:none;width:200px;height:30px;line-height:30px;border:1px solid #e5e5e5;padding:0 10px;box-sizing:border-box}
.guzhang span{position:relative;left:-32px}
.guzhang input{width:300px;position:relative;left:-20px;padding-left:8px}
.usrinfo_errortip{float:left;width:50%;margin:20px 25%;text-align:center;font-size:14px;color:#0079FF;}
.usrinfo_button{float:left;margin:0 402px;height:45px;line-height:45px;}

/*success*/
.wrapper_success{float:left;width:980px;height:300px;border:1px solid #c5c5c5;border-radius:6px;margin:50px 0;padding:30px;box-sizing:border-box;}
.wrapper_success h1{float:left;width:100%;margin-top:40px;text-align:center;font-size:60px;font-weight:normal;}
.wrapper_success p{float:left;width:100%;margin-top:20px;text-align:center;font-size:23px;font-weight:normal;}
.success_button{float:left;text-decoration:none;margin:0 402px;}