@charset "utf-8";
/*火车首页*/
.train-index-form-box{width: 100%;  padding: .3rem 0rem; background-color:#f5f5f8;}
.train-index-form-box .train-index-form{ width: 100%; height: 2.35rem; overflow: hidden; }
.train-index-form-l{width: 42%; height: 2.35rem; margin-right: 1%; border:1px solid #017bc6;}
.train-index-form-l ul li{width: 33.33%; height:.4rem; float:left; font-size: .16rem;  border-right: 1px solid #fff; text-align: center; line-height: .4rem;background-color: #add8f2; cursor:pointer;}
.train-index-form-l ul li:last-child{margin-right: 0;}
.train-index-form-l ul li:hover,.train-index-form-l ul li.active{background-color: #0169a9;color: #fff;}
.train-index-form-l .train-tab{ padding:.2rem }
.train-index-form-l .train-tab .train-tbitem .tab-l{width: 45%; margin-right: 10%;}
.train-index-form-l .train-tab .tab-l{position: relative; float: left;}
.train-index-form-l .train-tab .tab-l img{width: .23rem; height: .79rem; overflow: hidden; position: absolute;top:.28rem;right:0rem;}
.train-index-form-l .train-tab  p{font-size: .16rem; font-weight: bold;}
.train-index-form-l .train-tab  p:nth-child(2){margin:.08rem 0rem;}
.train-index-form-l .train-tab  p>input{width:2.1rem; height: .3rem; line-height: .3rem; padding:0rem .05rem; outline:none; border-radius: .05rem; border:1px solid #b6b6b6;}
.train-index-form-l .train-tab  label{font-size: .14rem; font-weight: normal;color: #4992d7;}
.train-index-form-l .train-tab  label input{margin-right: .1rem; }
.train-index-form-l .train-tab .tab-r{width: 45%;float: left;}
.train-index-form-l .train-tab .tab-r input.submit{margin-top: .3rem; width: 1.5rem; height: .35rem; text-align: center; line-height: .35rem; outline: none;border: none;background-color: #ff9c00;color: #fff; font-size: .16rem; border-radius: .05rem;}

.train-index-form-r{width: 57%;height: 2.35rem;  overflow:hidden;}
.train-index-form-r img{width: 100%; height: 100%; overflow: hidden;}

.train-adv{width: 100%; margin-top:.3rem;}
.train-adv .train-adv-box{/*height: .8rem; */ overflow: hidden;}
.train-adv .train-adv-box p{width: 32%; height: .8rem; margin-right: 2%; float: left; background:url(../images/train/gou.png) no-repeat left top; padding-left:.6rem; color: #00355f;}
.train-adv .train-adv-box p:nth-child(3n){margin-right: 0;}
.train-adv .train-adv-con{width: 100%; /*margin-top: .2rem;*/ font-size: .16rem;color:#7a7272; line-height: .3rem;}
.train-adv ul.train-tickets{width: 100%; /*margin-top: .3rem;*/}
.train-adv ul.train-tickets li{width: 32%;  margin-right: 2%; float: left; margin-top: .2rem;}
.train-adv ul.train-tickets li:nth-child(3n){margin-right: 0;}
.train-adv ul.train-tickets li .train-tickets-tit{margin-bottom: .1rem; font-size: .16rem;font-weight: bold; line-height: .35rem;}
.train-adv ul.train-tickets li .train-tickets-con{padding-left: .43rem;}

.train-toutes{width: 100%; margin-top:.3rem;}
.train-toutes ul.train-toutes-ul li{width:24%; float: left; margin-right:1%; position:relative; margin-top: .1rem;}
.train-toutes ul.train-toutes-ul li:nth-child(4n){margin-right:0;}
.train-toutes ul.train-toutes-ul li>a{display: block;}
.train-toutes ul.train-toutes-ul li .train-toutes-pic{width: 100%; height:2.1rem; overflow: hidden;}
.train-toutes ul.train-toutes-ul li .train-toutes-pic img{width: 100%;  height: 100%;}
.train-toutes ul.train-toutes-ul li .yybox{width: 100%; height: .35rem;background-color: #000; opacity: .6; filter: alpha(opacity=60); position: absolute; left:0; bottom:0;z-index: 2;}
.train-toutes ul.train-toutes-ul li .train-toutes-tit{width:100%;padding:0rem .05rem; color:#fff; height: .35rem ; line-height: .35rem; position: absolute;left: 0; bottom:0; z-index: 5; overflow: hidden;}
.train-toutes ul.train-toutes-ul li .train-toutes-tit p:first-child{width:80%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.train-toutes ul.train-toutes-ul li .train-toutes-tit p:last-child{width:18%;overflow: hidden;}
.train-toutes ul.train-toutes-ul li .train-toutes-tit p:last-child b{font-size: .18rem; font-weight: normal;}

.train-toutes .train-toutes-box{width: 100%; margin-top: .1rem;}
.train-toutes-box>ul{width: 100%; overflow:hidden;background-color: #cfe7f6;}
.train-toutes-box>ul>li{height:.35rem; background-color: #cfe7f6; padding:0rem .3rem; line-height: .35rem; float: left; font-size: .15rem;cursor: pointer;}
.train-toutes-box>ul>li:hover,.train-toutes-box>ul>li.active{background-color: #017bc6; color: #fff;}
.train-toutes-box .train-toutes-tabbox{width: 100%; margin-top: .2rem;}
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li{width:32%; margin-right: 2%; border-right:1px dashed #b6b6b6; float: left; }
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li:nth-child(3n){margin-right:0; border-right:none;}
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li p{width: 100%; margin-top: .1rem; font-size: .15rem; clear:both;}
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li p span:first-child{width:90%; float: left;}
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li p span:last-child{width:90%;float: left;}
.train-toutes-box .train-toutes-tabbox .train-toutes-tabitem ul li p span:last-child b{color:#ff6113; font-weight: normal;}

.train-trips{width: 100%; margin-top: .4rem; padding:.2rem; border:2px solid #017bc6; border-radius: .1rem;}
.train-trips .train-trips-l{width: 68%; float: left;border-right: 1px dashed #b6b6b6;}
.train-trips .train-trips-l .train-trips-ltit{height:.5rem; line-height:.5rem; background:url(../images/train/wen.png) no-repeat left center; overflow: hidden; padding-left: .35rem;color: #236b97;}
.train-trips .train-trips-l>ul{width: 100%; margin-top: .1rem;}
.train-trips .train-trips-l>ul li{width: 32%; margin-right:2%; float: left;}
.train-trips .train-trips-l>ul li:last-child{margin-right: 0;}
.train-trips .train-trips-l>ul li>p{font-size: .16rem; color: #065c91; font-weight: bold;} 
.train-trips .train-trips-l>ul li>div{font-size: .14rem; color: #017bc6; line-height: .25rem;}
.train-trips .train-trips-l>ul li>div p{margin-top: .05rem;}

.train-trips .train-trips-r{width: 32%; float: left; padding-left: 2%;}
.train-trips .train-trips-r .train-trips-rtit{padding-left: .4rem; background:url(../images/train/dun.png) no-repeat left center; height: .4rem; line-height: .4rem; overflow: hidden; font-size: .16rem;}
.train-trips .train-trips-r .train-trips-rcon{width: 100%; }
.train-trips .train-trips-r .train-trips-rcon p{padding:.02rem .1rem; border:1px solid #b6b6b6; display: inline-block; margin-right:.1rem; margin-top: .1rem;}


.train-news{width: 100%; margin-top: .4rem;}
.train-news>ul{width: 100%;/* margin-top: .2rem;*/}
.train-news>ul li{width: 100%; padding:.2rem;border-bottom: 1px dashed #b6b6b6;}
.train-news>ul li a{display: block;}
.train-news>ul li .train-news-tit{font-size: .16rem; font-weight: bold;}
.train-news>ul li .train-news-conbox{margin-top: .1rem;}
.train-news>ul li .train-news-conbox .train-news-con{height:.6rem; overflow: hidden;}
.train-news .more5{width:1.8rem; height: .35rem; line-height: .35rem; text-align: center; border:1px solid #017bc6; border-radius: .05rem; margin:.3rem auto .6rem;}
.train-news .more5 a{display: block; color: #017bc6;}

/*火车搜索页*/
.train-box{width: 100%;background: #f5f5f8; padding: .2rem;}
.train-box .train-search-box{width: 100%; height:.7rem; background-color: #fff; border:1px solid #b6b6b6;line-height: .7rem; padding:0rem 0.2rem;}
.train-box .train-search-box label{margin-right:.2rem; margin-bottom: 0rem;}
.train-box .train-search-box img{width: .9rem; height: .3rem; margin-right: .2rem; }
.train-box .train-search-box label input{width:2rem; height: .35rem; line-height: .35rem; padding:0rem .05rem;border-radius: .05rem; outline:none; border:1px solid #b6b6b6;}
.train-box .train-search-box input.submit{width: 1.55rem; height: .35rem; line-height: .35rem; text-align:center; font-size: .16rem; color: #fff; background-color: #ff9c00; border-radius: .05rem; outline: none; border: none;}

.train-box .train-menu{width: 100%;margin-top:.3rem;}
.train-box .train-menu .train-menu-tit{font-size: .16rem; color: #00355f; font-weight: bold;}
.train-box .train-menu .train-menu-tit b{font-size: .24rem; margin-right: .2rem;}

.train-box .train-menu ul.train-menu-box{width: 100%;}
.train-box .train-menu ul.train-menu-box li{margin-top: .1rem;}
.train-box .train-menu ul.train-menu-box li span{width:1.2rem;margin-right: .1rem; display: inline-block;color: #00355f; font-weight: bold;}
.train-box .train-menu ul.train-menu-box li label{margin-right: .2rem; position: relative;color: #00355f; margin-bottom: 0rem;cursor: pointer;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2) input{width: .3rem; height: .2rem; line-height: .2rem; background-color: #048bca; color: #fff;outline: none;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2) input[type=checkbox]{visibility: hidden;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2){position: relative;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2) input.f{position: absolute;top: 0.05rem;left: 0rem; z-index: 99;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2) input.f,.train-box .train-menu ul.train-menu-box li label:nth-child(2){display: inline-block; width: 40px;height: 20px;line-height: .2rem;cursor: pointer;background: #048bca;color:#fff; text-align:center;}
.train-box .train-menu ul.train-menu-box li label:nth-child(2) input.f:checked,.train-box .train-menu ul.train-menu-box li label:nth-child(2){display: inline-block;content: "\2714";text-align: center;font-size:.14rem;color: #fff;background: #048bca;}

.train-list-box{width: 100%; margin-top:0.3rem;}
.train-list-box ul li.train-list-top{height:.35rem;line-height:.35rem;background-color: #00355f;text-align: center;}
.train-list-box ul li.train-list-top>div img{margin-left:.05rem;}
.train-list-box ul li.train-list-top a{display: block; color: #fff;}
.train-list-box ul li.train-list-top span{display: block; color: #fff;}
.train-list-box ul li .train-book p{width: 100%;}
.train-list-box ul li .train-book a{width:.7rem; height: .2rem; line-height: .2rem; text-align: center; color: #fff; margin:.04rem auto; background-color: #017bc6; border-radius: .05rem;}
.train-list-box ul li .train-book .you{ background-color: #017bc6;}
.train-list-box ul li .train-book .wu{ background-color: #989898;}
.train-list-box ul li>div{width: 13%;}
.train-list-box ul li .train-price{width: 18%;}
.train-list-box ul li .train-book{width: 15%;}
.train-list-box ul li.train-list{background: #fff; height: auto; padding:.2rem 0rem; line-height:normal;}
.train-list-box ul li.train-list:hover{background-color: #f5f5f8;}
.train-list-box ul li.train-list .train-num p:first-child{font-size: .24rem; text-decoration: underline; color: #00355f; margin-bottom: .05rem;}
.train-list-box ul li.train-list .train-dep p:first-child,.train-list-box ul li.train-list .train-arr p:first-child{font-size: .24rem;}
.train-list-box ul li.train-list .train-duration{font-size: .18rem;}
.train-list-box ul li.train-list .train-price p{ color:#333; line-height: .25rem; text-align: left;}
.train-list-box ul li.train-list .train-price p span{margin-left:.2rem; color:#ff9c00;float: right;}
.train-list-box ul li.train-list .train-price p.wu span{color:#989898; }
.train-list-box ul li.train-list .train-ava p{line-height: .25rem;}
.train-list-box ul li.train-list .train-ava p.wu{color:#989898;}


.choose-train{width:100%; padding: .5rem 0rem;}
.choose-train ul li{width:100%; padding:.2rem 0rem; border-bottom:1px dashed #b6b6b6; font-size: .16rem}
.choose-train ul li b{font-size: .2rem;}
.choose-train ul li:first-child b{color: #017bc6;}
.choose-train ul li:nth-child(2) b{color: #9e0aa3;}
.choose-train ul li:nth-child(3) b{color: #1ca30a;}
.choose-train ul li:nth-child(4) b{color: #d00808;}
.choose-train ul li:nth-child(5) b{color: #056b4b;}
.choose-train ul li:nth-child(6) b{color: #e67700;}
.choose-train ul li:last-child b{color: #2819ba;}

/*火车预定*/
.train-name p{font-size: .2rem!important; color: #333!important;}
.train-name p b{color: #333!important;}
.train-name span{color: #14729e; margin-left: .3rem;}
ul.train-dd-box{width: 100%; margin-top: .2rem;}
ul.train-dd-box li{width: 100%;background: #d6edf7; margin-top: .1rem; padding:.3rem .1rem;}
ul.train-dd-box li .number{width:15%;height: .5rem; line-height: .5rem; overflow: hidden; font-size: .22rem; font-weight: bold;}
ul.train-dd-box li .dep-time{width:20%; }
ul.train-dd-box li .dep-time p:first-child{font-size: .2rem;color: #14729e;}
ul.train-dd-box li .dep-time p:last-child{font-size: .14rem;color: #14729e;}
ul.train-dd-box li .dep-time p:last-child b{font-size: .15rem; color: #333; margin-right:.1rem;}
ul.train-dd-box li span.line{width:5%;  height: .02rem; background: #14729e; margin: .25rem .1rem 0rem;}
ul.train-dd-box li .duration{width:7%; height: .5rem; line-height: .5rem; overflow: hidden; font-size: .16rem; font-weight:bold;color: #14729e;}
ul.train-dd-box li .duration img{margin-right:.05rem;}
ul.train-dd-box li .arr-time{margin:0rem .3rem;}
ul.train-dd-box li .grade{width:14%; height: .5rem;line-height: .5rem; overflow: hidden; font-size: .15rem;}
ul.train-dd-box li .price{height: .5rem;line-height: .5rem;color: #e84200; font-size: .16rem;}
ul.train-dd-box .del-box a{padding:.05rem .1rem; display: inline-block; text-decoration: underline; font-size: .16rem;}
ul.train-dd-box .del-box a:first-child{color: #e84200;}
ul.train-dd-box .del-box a:last-child{color: #009dff;}

.traveler-info{width:100%;margin-top: .7rem; border-top: 1px dashed #b6b6b6;}
.addbox{width: 100%; margin-top: .3rem;}
.addbox .addboxli{width: 1.2rem; height: .35rem; line-height: .35rem; overflow: hidden; margin-right:.1rem;}
.addbox .addboxli a{display: block; color: #fff;}
.addbox .add-adult{background: url(../images/train/add.png) no-repeat; padding-left:.35rem;}
.addbox .add-del{background: url(../images/train/delete.png) no-repeat; text-align: center;}
.zwbox{width: 100%;margin-top: .3rem;}
.zwbox .zwtit{font-size: .2rem; color: #153c54;}
.zwbox .zw{width:100%; height:.6rem; margin-top: .2rem;}
.zwbox .zw img{width: 50%; height: .6rem; overflow: hidden;}
.zwbox .zw .zwxx{width: 49%;height: .6rem; margin-left: 1%; padding:.05rem;}
.zwbox .zw-txt{width: 100%; margin-top: .2rem;}

.collection .collection-xz{width: 100%; margin-top: .1rem;}
.collection .collection-xz label{ padding:0rem .25rem; display:inline-block;height: .4rem; line-height: .4rem; border:1px solid #a8a8a8; border-radius: .05rem; margin-right:.2rem;cursor: pointer;background: url(../images/train/xz.png) no-repeat .05rem center;}
.collection .collection-xz label input{margin-right: .1rem; }
.collection .collection-xz label input[type="radio"]{display: none;}
.collection .collection-xz label.checked {background: url(../images/train/xz3.png) no-repeat .05rem center;}
.collection .collection-xz .collection-txt{color: #a8a8a8;}

.price-hc>p{ color: #006f98; font-size: .2rem; font-weight: bold; margin-top: .2rem;}
.price-hc .price-hc-box p{font-size: .16rem;color: #868483; margin-top: .1rem; }
.hc-price-total{border-top:1px dashed #b6b6b6; }


/*火车信息页*/
.train-info{width: 100%; margin-top: .3rem;}
.train-info .train-info-l{width: 74%; margin-right:2%;}
.train-info-con{width: 100%; font-size: .16rem; line-height: .3rem;}
.train-info-con p{font-size: .16rem; line-height: .3rem; /*margin-top: .2rem;*/}


ul.train-info-box{width: 100%; margin-top: .3rem; background-color: #fff;}
ul.train-info-box li{width: 100%; margin-top: .1rem; padding:.1rem .1rem; font-size: .16rem;}
ul.train-info-box li.train-info-top{background-color: #00355f; color:#fff; }
ul.train-info-box li>div{width:20%; overflow: hidden; }
ul.train-info-box li>div.dep{width:30%; overflow: hidden; }
ul.train-info-box li.train-info-list{line-height:.35rem; border-bottom: 1px solid #dddddf; overflow: hidden;}
ul.train-info-box li.train-info-list:hover{background: #f5f5f8;}
ul.train-info-box li.train-info-list .num{font-size: .24rem;color: #00355f; text-decoration: underline;}
ul.train-info-box li.train-info-list .dep b{font-size: .18rem; margin-right:.1rem;}

.boarding-ruide{width: 100%; margin-top: .3rem; padding:.1rem .1rem .2rem; border:2px solid #093b5a; border-radius: .1rem;}
.boarding-ruide .boarding-box:first-child{padding-bottom: .2rem; border-bottom: 1px dashed #b6b6b6;}
.boarding-ruide .boarding-box h2{font-size: .28rem; margin-bottom:.2rem; font-weight: bold;color: #085579; margin-top: .2rem;}
.boarding-ruide .boarding-box h2 span{color: #ff4800;}
.boarding-ruide .boarding-box .boarding-con{font-size: .15rem; line-height: .25rem; font-weight:400;}
.boarding-ruide .boarding-box ul{width: 100%; margin-top: .1rem;}
.boarding-ruide .boarding-box ul li{width: 32%; margin-right: 2%; float: left;color: #17739f; margin-top: .1rem;}
.boarding-ruide .boarding-box ul li b{width:.06rem; height: .06rem; display: inline-block; margin-right: .05rem; background-color: #17739f; border-radius: 50%;}
.boarding-ruide .boarding-box ul li:nth-child(3n){margin-right: 0;}

.train-info .train-info-r{width:24%;}
.train-info-r .ideas{background-color: #fff;}
.train-info-r .traveling{padding:.1rem; background-color: #fff;}
.train-info-r .traveling .traveling-tit{background:url(../images/train/addr.png) no-repeat left center; font-size: .16rem;}
.train-info-r .traveling{width:100%; margin-bottom:.3rem;}
.train-info-r .traveling ul li{width: 100%; margin-top: .2rem; height: auto; line-height: normal;}
.train-info-r .traveling ul li .traveling-pic{width: 36%; margin-right:2%; height: .8rem; overflow: hidden;}
.train-info-r .traveling ul li .traveling-pic img{width: 100%; height: 100%;}
.train-info-r .traveling ul li .traveling-r{width: 62%; height: .8rem; overflow:hidden;}
.train-info-r .traveling ul li .traveling-r .pri{color: #ff4800; font-weight: bold;}

.international{width: 100%; margin-top: .3rem;}
.international .international-tit{color:#07405b;text-align: center; font-size: .2rem; border-bottom: .02rem solid #14729e; height: .4rem;}
.international ul li{width: 100%; margin-top: .1rem;}
.international ul li a{display: block; color: #2195ca;}
.international ul li b{width: .32rem; height: .32rem; float: left; background: #def4f6; margin-right: .1rem; color: #2195ca; text-align: center; line-height: .32rem; font-size: .16rem;}
.international ul li p{width:83%;float: left;}

.ground-transfers{width: 100%; margin-top: .5rem;}
.ground-transfers ul li{width: 24.2%;float: left;border:1px solid #b6b6b6; margin-right: 1%; margin-top: .2rem;}
.ground-transfers ul li:nth-child(4n){margin-right: 0;}
.ground-transfers ul li a{display: block;}
.ground-transfers ul li .ground-transfers-pic{width: 100%; height:2.1rem; overflow: hidden;}
.ground-transfers ul li .ground-transfers-pic img{width: 100%; height: 100%;}
.ground-transfers ul li .ground-transfers-tit{height:.45rem; margin-top: .02rem; font-size: .15rem; font-weight: bold; padding:0rem .04rem; overflow: hidden;}
.ground-transfers ul li .ground-transfers-info{width: 100%; margin-top: .05rem; padding:0rem .05rem .1rem;}
.ground-transfers ul li .ground-transfers-info span:first-child{color: #017bc6;}
.ground-transfers ul li .ground-transfers-info span:last-child{color: #ff7200;}
.ground-transfers ul li .ground-transfers-info span:last-child b{font-size: .16rem;}
.train-info-tours{width:100%; margin-top: .6rem;}


.train-ask{width: 100%; margin: .5rem 0rem;}
.train-ask form{margin-top: .3rem; padding:.2rem; background:#d0ebf1;}
.train-ask .train-ask-form-l{width:49%; margin-right: 2%;}
.train-ask .train-ask-form-l input{width:2.5rem; height: .35rem; line-height: .35rem; border:1px solid #07b1c8; margin-right: .2rem; padding:0rem .05rem; outline: none;}
.train-ask .train-ask-form-l p{margin-top: .1rem; font-size: .16rem;}
.train-ask .train-ask-form-l p b{color: #d1424a;}
.train-ask .train-ask-form-l p span{color: #ff5400;}
.train-ask .train-ask-form-l button{width:1.6rem; height: .35rem; line-height: .35rem; color: #fff; border:none; border-radius: 0.05rem; text-align: center; background: #0090ff; margin-top:.1rem;}
.train-ask .train-ask-form-r{width:49%; }
.train-ask .train-ask-form-r textarea{width: 100%; height: 1.12rem; overflow: hidden; padding:.1rem;}
.train-ask .train-ask-list{width: 100%; margin-top: .3rem;}



@media (max-width: 1340px) {

/*火车首页*/
.train-index-form-l .train-tab .tab-l img{right:-0.25rem;}
.train-toutes-box>ul>li{padding:0rem .2rem;}


/*火车信息页*/
ul.train-dd-box li .duration{width:7%;}
ul.train-dd-box li .dep-time{width:24%; }
ul.train-dd-box li .arr-time{margin:0rem .1rem;}

.ground-transfers ul li .ground-transfers-info{font-size: .12rem;}

/*火车预定*/
ul.train-dd-box li .number{width: 12%; font-size: .2rem;}
ul.train-dd-box li span.line{width:3%;}
ul.train-dd-box li .dep-time p:last-child b{font-size: .14rem;}
ul.train-dd-box li .dep-time{width: 22%;}

}