@charset "utf-8";

/*登录*/
.loginbg{width:100%; height: 10.2rem;  margin:0 auto; overflow: hidden; position: relative;}
.loginbg .loginbg-img{/*width: 100%;*/ height: 100%;}
.loginbg .loginbg-img img{/*width: 100%;*/ height: 100%;}

.login-box{width: 100%; height: 100%; position: absolute; left:0; top:0;} 
.login-box .login-box-main{margin-top: 5%;}
.login-l{width: 53.5%;margin-right:5%;color: #fff;}
.login-l p{margin-left: 15%; text-shadow: 2px 2px 2px #333;}
.login-l p:first-child{font-size:1rem; font-weight: bold; }
.login-l p:last-child{font-size: .36rem;}

.login-r{width: 34%; background: #fff;}
.login-r .login-menu{width: 100%; height: .6rem; line-height: .6rem; font-size: .2rem; text-align: center; border-bottom: 1px solid #b6b6b6;}
.login-r .login-menu ul li{width: 50%; height: .6rem;}
.login-r .login-menu ul li.on{background-color: #00a3f7;}

.login-r .login-tab{width: 100%; padding:.3rem .2rem;}
.login-form form>div{font-size: .18rem;margin-top: .2rem; }
.login-form form>div:first-child{margin-top:0;}
.login-form form>div input{width: 100%; height: .35rem; line-height: .35rem;border:1px solid #666; outline: none; padding:0rem .1rem;}
.login-form .code{width:100%; height: .35rem; line-height: .35rem;padding:0.05rem .1rem;border:1px solid #666;}
.login-form .code-input{width: 60%!important; height:.25rem!important;border:none!important; outline: none;}
.login-form .code a{width:40%; height: .25rem;border-left: 2px solid #666; line-height: .25rem;text-align: center; font-size: .24rem; font-weight: bold;}
.login-form .code span{cursor:pointer;width:40%; height: .25rem;border-left: 2px solid #666; line-height: .25rem;text-align: center; font-size: .24rem; font-weight: bold;}
.login-form form>div.qr span:first-child{width: .22rem; height:.22rem; display: inline-block; margin-right: .15rem;/* background: #000;*/}
.login-form form button{width:2.6rem; height: .55rem; line-height: .55rem; font-size: .24rem; text-align: center; background: #00a3f7;border:none; outline: none;margin: .2rem auto 0rem;display: block;}
.login-form form button a{display: block;}

/*注册页面*/
.register-box-main{width:12rem; margin:0 auto;background: #fff; padding:.3rem;}
.register-box-main h2{font-size: .3rem; text-align: center;}
.register-box-main .register-form{margin-top: .3rem;}
.register-box-main .register-form form div.item{width: 48%!important; margin-right: 2%;margin-top:.2rem!important;}
.register-box-main .register-form form div select{width: 100%; height: .35rem; line-height: .35rem; border:1px solid #666;outline: none;}
.register-box-main .register-form form  button{margin-left: 0;}
 
/*用户中心首页*/
.user-index-tab{width: 100%; margin-top: .2rem;}
.user-index-menu ul li{font-size: .2rem ; font-weight: bold; margin-right:1rem; cursor:pointer;} 
.user-index-menu ul li.on{color: #017bc6;}
.user-index-menu{padding-bottom: .2rem; border-bottom: 1px solid #b6b6b6;}
.user-index-menu>a{color: #4ea0d3; font-size: .16rem; font-weight: bold; text-decoration: underline;}

.user-index-listbox{width: 100%; margin-top: .3rem;}
/*#017bc6*/
.user-index-list .pj a{color: #020202;margin-right:1rem; font-size: .18rem; font-weight: bold;}
.status-checked{color: #017bc6;}

.user-index-list .pj span{margin-right:1rem; font-size: .18rem; font-weight: bold;cursor: pointer;}

.order-box{width:100%; margin-top: .3rem;}
.order-box table.order-table tr td{ font-size:.16rem; }
.order-box table.order-table tr td.info{width: 32%;}
.order-box table.order-table tr td.column{width:12%;}
.order-box table.order-tabletr td.date{width:13%;}
.order-box table.order-tabletr td.price{width:13%;}
.order-box table.order-table tr td.status{width:15%;}
.order-box table.order-table tr td.operation{width:18%;}


.order-box table.order-table thead td{font-size: .16rem;  font-weight: bold; height: .6rem;}
.order-box table.order-table tbody tr.order-list td{padding:.2rem .05rem ;}
.order-box table.order-table tbody tr.order-num{height: .35rem; line-height: .35rem; background: #efefef; border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf; margin-top: 5%;}
.order-box table.order-table tbody tr.order-num td{width: 100%!important; padding-left: .1rem;}
.order-box table.order-table tbody tr.order-num td span{color: #ff7800;}
.order-box table.order-table tbody tr.order-list{width:100%; border-bottom: 1px solid #cfcfcf; }
 .info>p{width: .86rem; height: .86rem; border:1px solid #cfcfcf; overflow: hidden;}
 .info>p img{width: 100%; height: 100%;}
 .info>div{width:70%;margin-left:.1rem; }
.info>div p:last-child{color: #017bc6;text-decoration: underline; margin-top: .05rem;}

.order-box table.order-table tbody tr td.operation>a{display: block;}
.order-box table.order-table tbody tr td.price{color: #ff7800;}
.order-box table.order-table  tbody tr td .info-table{margin:.1rem;}

table.cart-table{width:100%;font-size: .16rem;}
table.cart-table thead tr{width:100%;height:.6rem; border-bottom: 1px solid #cfcfcf;}
table.cart-table thead td{font-size: .16rem; font-weight: bold;}
table.cart-table td.all{width:5%;}
table.cart-table td.order{width:30%;}
table.cart-table td.column{width:10%;}
table.cart-table td.price{width:12%; }
table.cart-table td.amount{width:18%;}
table.cart-table td.total{width:12%;}
table.cart-table td.operation{width:12%;}

table.cart-table tbody tr{border:1px solid #cfcfcf; margin-top: .3rem;}
table.cart-table tbody tr td{padding:.2rem .05rem; font-size: .16rem;}
table.cart-table tbody td.price{color: #ff7800;}
table.cart-table tbody td.price s{font-size: .14rem; color: #666;}
table.cart-table tbody td.amount a{width:.25rem;height:.35rem; line-height: .35rem;background: #f0f0f0; border:1px solid #cfcfcf; text-align:center; display: inline-block;vertical-align:middle;}
table.cart-table tbody td.amount input{ width:.6rem; height: .35rem; line-height: .35rem; outline: none; text-align:center;  }
table.cart-table tbody td.total{color: #ff7800; font-size: .2rem;}

.coupons-menu {padding:.2rem 0rem;}
.coupons-menu ul li{padding:0rem .5rem; font-size: .18rem; font-weight: bold; cursor: pointer; border-right:2px solid #666;}
.coupons-menu ul li:last-child{border-right:none; margin-right:2rem;}
.coupons-menu ul li.on{color:#017bc6;}
.coupons-menu>a{width: 2rem;line-height: .35rem; height: .35rem; text-align: center; color: #fff; font-size: .16rem; font-weight: bold; background: #ff7800; border-radius: .05rem;}

.coupons-libox{width: 100%; margin-top: .3rem;}
.coupons-libox ul li{width: 32%; margin-right:2%;height:1.45rem; overflow: hidden; border-radius: .05rem; text-align: center; margin-top: .2rem;}
.coupons-libox ul li:nth-child(3n){margin-right: 0;}
.coupons-libox ul li .coupons-l{width: 30%; height: 1.45rem; border-right:1px dashed #fff;}
.coupons-libox ul li .coupons-l p:first-child{color: #ff2a00; font-size:.36rem; font-weight: bold; margin-bottom: .05rem;margin-top: .3rem;}
.coupons-libox ul li .coupons-r{width:70%;/*text-align: center;*/}
.coupons-libox ul li .coupons-r p:first-child{font-size: .24rem; margin-top: .4rem;}
.coupons-libox ul li .coupons-r p:last-child{margin-top: .1rem; color: #017bc6; font-weight: bold;}

.coupons-libox ul li a{width: 100%; height: 100%; display: block;}
.coupons-libox ul li .days{background: #b4e5df;}
.coupons-libox ul li .cars{background: #ffb8a8;}
.coupons-libox ul li .hotels{background: #93caf1;}
.coupons-libox ul li .gq{background: #d1d1d1;}

.coupons-libox ul li.gqbox>a{position: relative;}
.coupons-libox ul li.gqbox>a>p{font-size: .4rem; color: #ff2a00; position: absolute; bottom:0.25rem; right:0; z-index: 3;transform:rotate(315deg);-ms-transform:rotate(315deg); 	-moz-transform:rotate(315deg); 	-webkit-transform:rotate(315deg); -o-transform:rotate(315deg);  }

.pinglun{width: 100%; margin-top: .3rem;}
.pinglun ul li{width: 100%; padding:.2rem; border-bottom: 1px dashed #b6b6b6;}
.pinglun ul li .toux{width:1rem; height: 1rem; overflow: hidden;}
.pinglun ul li .toux img{width: 100%; height: 100%;}
.pinglun ul li .pl-info{width: 90%; margin-left:.2rem;}
.pinglun ul li .pl-info .pl-tit{font-size: .16rem;}
.pinglun ul li .pl-info .xing{margin:.1rem 0rem;}
.pinglun ul li .pl-info .xing b{width: .13rem; height: .13rem;display: inline-block;   margin-top: .03rem; margin-left:.05rem;}
.pinglun ul li .pl-info .xing b.huang{background: url(../images/user/xing.png) no-repeat;}
.pinglun ul li .pl-info .xing b.hui{background: url(../images/user/xing2.png) no-repeat;}
.pinglun ul li .pl-info .pl-txt{font-size: .14rem; line-height: .2rem;}
.pinglun ul li .pl-info .pl-img{margin-top: .1rem;}
.pinglun ul li .pl-info .pl-img img{width:1rem; height: 1rem; margin-right: .05rem; overflow: hidden;}


/*用户订单-巴士*/
.u-book-box{width: 100%;}
.u-book-box .u-book-tit{width:100%; height:.5rem; line-height: .5rem; padding:0rem .2rem; font-size: .18rem; background: #d6edf7;}
.u-book-box .u-book-tit p{display: inline-block;}
.u-book-box .u-book-tit p:last-child{margin-left:3rem;}

ul.o-bus-ul{width: 100%; margin-top:.2rem;}
ul.o-bus-ul li{width: 100%; margin-top:.2rem; border:1px solid #b6b6b6; padding:.1rem 0rem;}
.li-tit{border-left: 3px solid #14729e; font-size: .16rem; padding-left:.08rem; }
.li-tit b{margin-right:.25rem;}

.o-bus-li{width: 100%; margin-top: .2rem; height: 1.2rem; overflow: hidden;}
.o-bus-li .num{width: 12%; font-size: .24rem; font-weight: bold; padding:.3rem 0rem 0rem .1rem;}
.o-bus-li .depart{width: 14%;}
.o-bus-li .depart p.addr{font-size: .2rem; font-weight: bold;}
.o-bus-li .depart p.time{color:#14729e;}
.o-bus-li .depart p.time b{font-size: .24rem; font-weight: bold;}
.o-bus-li .duration{width: 15%; padding-top:.25rem; font-size: .18rem; font-weight:bold;color:#14729e; }
.o-bus-li .duration .line{width: .35rem; height: .01rem; display: inline-block; margin:0rem .05rem; background: #14729e;}
.o-bus-li .duration .time{vertical-align:middle; margin-top: .05rem;}
.o-bus-li .arrive{border-right:1px solid #b6b6b6; margin-right:3%;}
.o-bus-li .seat{width:15%; color:#ff6000; font-size: .2rem; padding-top: .3rem;}
.o-bus-li .price{width:12%;color:#ff6000; padding-top: .25rem;}
.o-bus-li .price b{font-size: .24rem; font-weight: bold;}
.o-other{width:15%;}
.o-other a{display: block; font-size: .15rem; font-weight: bold;}
.o-other a:nth-child(2){color: #14729e; text-decoration: underline;}
.o-other a:last-child{font-size: .14rem;color: #14729e;}

.passenger{width: 100%; padding:.2rem; border:1px solid #b6b6b6; margin-top: .4rem;}
.pass-top{width: 100%;padding-bottom: .2rem; border-bottom: 1px dashed #b6b6b6;}
.pass-top .pass-tit{font-size: .18rem;}
.pass-info{width: 100%; margin-top: .2rem; }
.pass-info .pass-info-l{width: 49%; margin-right: 2%;}
.pass-info .pass-info-r{margin-right:0;}
.pass-info .pass-info-l>p{width:.55rem; height: .65rem; overflow: hidden;}
.pass-info .pass-info-l>p img{width: 100%; height: 100%;}
.pass-info .pass-info-l>div{margin-left: .3rem;line-height: .3rem; font-size: .16rem;}
.pass-info .pass-info-l>div p{line-height: .3rem;font-size: .16rem;}
.pass-info .pass-info-l>div p:last-child span{color: #14729e;}

.ticket{width: 100%; margin-top: .3rem; }
.ticket>p{color: #05a2b7;font-size: .24rem; font-weight: bold;}
.ticket .ticket-info{font-size: .16rem; margin-top: .1rem; line-height: .3rem;}
.ticket .ticket-info p{font-size: .16rem; margin-top: .1rem; line-height: .3rem;}

.pass-bottom{width: 100%; margin-top: .3rem;}
.pass-bottom>p{font-size: .18rem; font-weight: bold;}
.pass-bottom .contact{width: 100%; margin-top: .4rem; padding-left:.4rem;}
.pass-bottom .contact p{font-size: .16rem; line-height: .3rem;}
.pass-bottom .contact p span{display: inline-block;}
.pass-bottom .contact .con-info span{width:1.5rem; display: inline-block;font-size: .16rem;}
.pass-bottom .contact .con-info>div{width:88%;display: inline-block;}

.total{width: 100%; height: .6rem; line-height:.6rem; background: #d6edf7; padding:0rem .2rem; margin-top: .3rem;}
.total .t-tit{font-size: .2rem;}
.total .t-tit b{color: #f54b00;font-size: .24rem;}
.total .qt{margin:0rem .5rem 0rem .2rem;}
.total a{color: #ffa800; font-weight: bold;}

.o-change{width: 100%;  margin-top: .5rem;}
.o-change .o-change-tit{font-size: .24rem; font-weight: bold;  color: #017bc6;background: url(../images/user/tan.png) no-repeat  center left; padding-left: .4rem;}
.o-change .o-change-con{ width: 100%; margin-top: .1rem; line-height: .3rem;font-size: .16rem; }
.o-change .o-change-con p{line-height: .3rem; font-size: .16rem; }

.o-wenxun{width: 100%;  margin-top: .5rem; background: #d0ebf1; padding:.2rem;}
.o-wenxun-l{width:51%; margin-right: 2%;}
.o-wenxun-l input{width:49%; margin-right:2%; float: left; line-height: .3rem; height: .3rem; outline: none; border:1px solid #00afc7; padding:0rem .1rem;}
.o-wenxun-l input:nth-child(2){margin-right: 0;}
.o-wenxun-l textarea{width: 100%; margin-top: .2rem; height:1.15rem; overflow: hidden;outline: none; border:1px solid #00afc7; padding:.1rem;}

.o-wenxun-r{width:47%;}
.o-wenxun-r p{font-size: .16rem; font-weight: bold; padding-bottom: .2rem;border-bottom: 1px dashed #b6b6b6;color: #087cd5;}
.o-wenxun-r p a{color: #087cd5;}
.o-wenxun-r .wx-con{width: 100%; margin-top: .25rem;}
.o-wenxun-r input.submit{width: 1.6rem; height: .3rem; line-height: .3rem; border:none; background: #0090ff; outline: none; color: #fff; text-align: center; font-size: .16rem; margin-top: .25rem;}


/*用户订单-机票*/
.flight-name {width: 15%; padding-top: .2rem;}
.flight-name .flight-img{width: .24rem; height: .24rem; overflow: hidden; margin-right: .05rem;}
.flight-name .flight-img img{width: 100%; height: 100%;vertical-align:top;}
.flight-name .flight-tit{width: 80%;}
.flight-name .flight-tit b{display: block; font-size: .16rem;}
.flight-name .flight-tit span{font-size: .14rem;}

.f-duration{width: 13%!important;}
.f-duration .sc{font-size: .14rem; color: #666; font-weight: normal;margin-left: .2rem;}
.f-duration .ting{font-size: .14rem; color: #666; font-weight: normal;margin-left: .4rem;}
.f-duration .ting  span{color: #017bc6;}
.f-duration .t-img{width:1.28rem; height: .05rem ; margin:.05rem 0rem;}
.f-duration .t-img img{width: 100%; height: 100%; vertical-align: top;}

.f-depart{width: 13%!important;}
.f-arrive{position:relative;}
.f-arrive span{position: absolute; right:.8rem; bottom:.05rem; color: #ff8205;}
.f-depart .time{color:#333!important;}

.f-seat{width: 14%!important;}

.fare{width: 100%; margin-top: .4rem;}
.fare .fare-img{width: .3rem; height: .3rem; overflow: hidden;}
.fare .fare-img img{width: 100%; height: 100%;}
.fare .fare-con{font-size: .16rem; line-height: .3rem; margin-left: .2rem;}
.fare .fare-con p{font-size: .16rem; line-height: .3rem; }
.fare .fare-con a{color: #ff8205; text-decoration: underline; margin-left: .2rem;}

/*用户订单-景点*/
.o-activities-ul{width: 100%; margin-top: .3rem;}

.o-activities-l{width:80%; margin-right: 5%; border-right:1px solid #b6b6b6;}
.o-activities-l .o-activities-tit{font-size: .18rem; font-weight: bold; color: #3f93b5;}
.o-activities-l .o-activities-info{font-size: .16rem; margin-top: .1rem; line-height: .3rem;}
.o-activities-l .o-activities-info p{font-size: .16rem; line-height: .3rem;}
.o-activities-l .o-activities-info p span{color: #3f93b5; margin-left: .1rem; font-weight: bold;}

.o-activities-ul li .o-other a{line-height: .3rem; font-size: .17rem;}

/*用户订单-线路*/
.o-tours-pass{font-size: .24rem!important; color: #44b9c9; font-weight: bold;}
.o-tours-pass-info p{font-size:.18rem; font-weight: bold; line-height: .3rem; }
.o-tours-pass-info .two{margin-top:.2rem; color:#727070; }


/*用户订单-酒店*/
.o-hotel-ul{width: 100%;  margin-top: .3rem;}
.o-hotel-ul li .o-other a{line-height: .25rem;} 
.o-hotel-top{width:100%;padding-bottom: .2rem; border-bottom: 1px dashed #b6b6b6;}
.o-hotel-l{width: 80%; margin-right:5%;border-right:1px solid #b6b6b6;}
.o-hotel-l .o-hotel-tit{font-size: .18rem; font-weight: bold; color: #3f93b5;}
.o-hotel-nane{padding-left: .1rem; border-left:3px solid #14729e; font-size: .16rem; font-weight: bold; margin-top: .1rem;}
.o-hotel-nane b{color: #ff7200; margin:0rem .1rem;}
.o-hotel-l .addr{margin-top: .1rem;}

.o-hotel-bottom{width: 100%; margin-top: .3rem;}
.o-hotel-bottom p{font-size: .16rem; line-height: .3rem;}
.o-hotel-bottom p span{color:#14729e;margin:0rem .1rem;}
.o-hotel-bottom p a{font-size: .14rem; margin-left: .2rem;}

.o-room-type span{font-weight: bold; }
.o-room-type b{font-size: .24rem; color: #ff7200;  margin-left: .1rem;}

.o-hotel-bottom .date p{display: inline-block;}
.o-hotel-bottom .date p:last-child{margin-left: .8rem;}

.o-hotel-room{width: .6rem;  height: .7rem; overflow: hidden;}
.o-hotel-room span{display: block; font-size: .18rem; font-weight: bold; color: #3e94b1; text-align: center; }
.o-hotel-room span:last-child{font-size: .28rem;}




@media (max-width: 1500px) {
.loginbg{ height: 9.15rem;}

}

@media (max-width: 1340px) {
.loginbg{ height: 8.9rem;}

.pass-bottom .contact .con-info>div{width:86%;}

.f-arrive span{right:.6rem;}
}