@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;font-style: normal;font-weight: normal;}
html{ width: 100%; height: 100%; }
body {height: 100%; width: 100%;overflow: hidden;  font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","微软雅黑",Arial,simsun,sans-serif; font-size:14px; background-color:#fff; }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:link,a:visited,a:hover,a:active {text-decoration:none;}
ul, li, dl, dt, dd, p ,img{ border:none;}
ul,li{ list-style:none;}
textarea{font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","微软雅黑",Arial,simsun,sans-serif;}
input:focus,select:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plaintext-only; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
button{outline: none;border: none;font-size:15px;}
input{font-size:15px;}

.clear{zoom: 1;}
.clear:after{display: block;content: '';clear: both;}
.hide{display: none}
.show{display:block;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
.ptop{padding-top:70px;}
.ptop1{padding-top:44px;}
.ptop2{padding-top:100px;}
.pbottom{padding-bottom:100px;}
.bordertop{border-top:1px solid #f1f1f1}
.mt{margin-top:15px;}
.mb{margin-bottom:15px;}
.icon{background: url(../images/icon.png);vertical-align: middle;display: inline-block; background-size:300px;}
.errortip{color:#ff0000}
#bg{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;display: none;}
.bgbox{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.conbox{width:100%;height:100%;overflow-x: hidden;-webkit-overflow-scrolling : touch;  position: relative; max-width: 640px; margin:0 auto; overflow-y: auto; }
.fontstyle1{color:#d22424}
.fontstyle2{color:#cfac65}
.fontstyle3{color:#57beff}
.fontstyle4{color:#c0c0c0 ;}
.fontstyle6{color:#676767}
.fontstyle7{color:#ababab !important}

.bgblue{ background:#a7f3ff;}
.bgcolor{background-color: #ebebeb;}
.bgcolor1{background-color: #0bceff;}
.bgcolor2{background-color: #cfac65;}
.bgcolor3{background-color: #7dd6b8;}
.zwfbox{ position:relative;width:100%; height:auto; }
.zwfshow{position:absolute;width:100%; height:100%;left:0px;top:0px}
.btnBox{position: fixed;bottom:0;  right: 0px;width:100%;padding: 5px; margin: 0 auto; background-color: #fafafa;border-top:1px solid #f1f1f1}
.btnBox.half div{width: 50%;display: block;float: left;padding:0 5px;}
.btnBox.half div button{width: 100%;}
.btnBox.all div{width: 100%;display: block;padding:0 10px;}
.btnBox.all div button{width: 100%;display: inline-block;}
.greenBtn{ display:block; background: #57beff;border-radius: 5px; color:#fff !important;height: 45px;text-align: center;line-height: 44px;}
.yellowBtn{background: #c6a532;border-radius: 5px;display: inline-block; color:#fff;height: 45px;text-align: center;line-height: 44px;}
.whiteBtn{background: #fff;border-radius: 5px;color:#8d8d8d !important; border:1px solid #ccc !important;height: 45px;text-align: center;line-height: 44px;}
.brownBtn{background: #fff;border-radius: 5px;color:#cfac65 !important; border:1px solid #cfac65 !important;height: 45px;text-align: center;line-height: 44px;}

.pb1{padding-bottom: 55px;}
.imgcon{width: 100%;height: auto;position:relative;}
.imgzwf{width: 100%;height: auto;display:block;}
.imgshow{position:absolute;left:0;top:0;width: 100%;height:100%;}
.icon{background-image: url(../images/icon.png);display: inline-block;vertical-align: middle;background-size:300px;}
.voiceIcon{background-position: 0 -6px;}
.nodata{text-align:center;line-height:40px;}

/*头部导航公共*/
.sc_header{ position:fixed; left:0; top:0; z-index:10;width:100%; height:45px; line-height:45px; background:#fff; border-bottom:1px solid #ede8ea;}
.sc_header .hd_box{ width:100%; text-align:center; color:#ea5098; font-size:16px;}
.sc_header .hd_l{ position:absolute; left:0; top:0; width:45px; height:45px; text-align:center; font-size:14px;cursor:pointer;}
.sc_header .hd_l img{ max-width: 13px; vertical-align: middle;}
.sc_header .hd_r{ position:absolute; right:0; top:0; width:45px; height:45px; text-align:center; font-size:14px; cursor:pointer;}
.headbox{ width:100%;height:auto;background-color: #fff; position:fixed;top:0px;left:0px; }
.head{width:100%;height:50px;position:relative; background-color: #fff;z-index:10;line-height: 50px;font-size:18px; text-align: center;color:#a7813a;background-image: url(../images/box.jpg);}
.head .back{width:60px;height:50px; position: absolute;left:0px;top:0px;cursor: pointer; }
.head .back i.backicon{display: block; width:20px; height:25px; position:relative;top:16px;left:20px;background-position: -185px -208px;}


/*首页*/
.conbox.indexbg{width:100%;height:100%; background: url(../images/indexbg.jpg) no-repeat top center; background-size:100% 100%;}
.conbox.indexbg .linkbox{width:100%;height:auto;padding:0 10px;margin-top:20%;position:relative;}
.conbox.indexbg .linkbox .menubg{width:100%;}
.conbox.indexbg .logoicon{display:block; width:100%;top:10%; position:relative;top:5%}
.conbox.indexbg .linkbox a{position:absolute;}
.conbox.indexbg .linkbox .link_1{display: block; width:50%;height:50%;top:0px;left:0;}
.conbox.indexbg .linkbox  .link_2{display: block;width: 50%;height:25%;top:0px;left:50%;}
.conbox.indexbg .linkbox  .link_3{display: block;width: 50%;height:25%;top:25%;left:50%;}
.conbox.indexbg .linkbox  .link_5{display: block; width:50%;height:25%;top:50%;left:50%}
.conbox.indexbg .linkbox  .link_4{display: block; width:50%;height:25%;top:50%;left:0}

.conbox.indexbg .linkbox  .link_6{display: block; width:50%;height:25%;top:75%;left:10px}
.conbox.indexbg .linkbox  .link_8{display: block; width:25%;height:25%;top:75%;right:0}

.conbox.indexbg .linkbox  .link_7{display: block; width:25%;height:25%;top:75%;left:50%}
/*列表*/
.listbox{width:100%;padding:10px;border-bottom:1px solid #e6e6e6; position: relative; background-color: #fff;}
.listbox .listpic{width:100px;height:80px;overflow: hidden; position: absolute;top:10px;left:10px;}
.listbox .listpic img{width:100%;height:100%;}
.listbox .listinfo{width:100%;height:100%;padding-left:110px;}
.listbox .listinfo .address{color:#606060;margin-top:2px;}
.listbox .listinfo .tit{font-size:16px;color:#333;}
.listbox .listinfo .tit a{font-size:16px;color:#333;}
.listbox .listinfo .priceinfo{color:#cba656;margin-top:5px;}
.listbox .listinfo .priceinfo .price{font-size:20px;}
.listbox .listinfo i.addressicon{width:15px;height:20px;background-position:-197px 2px;}
.listbox .listinfo span.arrowicon{width:16px;height:16px;background-position: 0px -34px; position: relative;top:2px;}
.ticketinfobox .listinfo {padding-left:0px;}
.listinfo .mark{color:#cba656}
.videobox {width:100%;height:80px;padding:10px; background-color: #fff;}
.videobox .videopic{width:60px;height:60px;position: absolute;top:10px;left:10px; overflow: hidden;border-radius: 100px;;}
.videobox .videopic img{width:100%;height:100%;}
.videobox .videoinfo{width:100%;height:100%;line-height:60px;padding-left:70px;}
.videobox .playicon{width:40px;height:40px; position: absolute;right:10px;top:20px; background-position:-260px -35px;}
.listbox .listinfo .priceinfo .originalprice{color:#a3a3a3;text-decoration: line-through;}
.orderbtnbox .orderbtn{display: inline-block;font-size:15px; line-height:40px;text-align: center; width:100px;height:40px;border-radius:5px;color:#57beff;border:1px solid #57beff}

.originalprice{color:#a3a3a3}
.uclink{width:60px;height:65px;background-position: -0px -90px; position:fixed;bottom:10px;right:20px;}
/*预订*/
.FormFill i.icon{margin-right:2px;}
.FormFill {width:100%;height:60px;padding:0px 10px; line-height: 60px; color:#747474;  background-color: #fff;border-bottom:1px solid #eeeded;}
.addNum .minus{width:21px;height:20px;cursor: pointer; position:relative;background-size:300px; background-position: -238px -168px; display: inline-block;}
.addNum .Num{width:15px;text-align: center; display: inline-block;}
.addNum .plus{width:21px;height:20px;background-size:300px;cursor: pointer;position:relative;background-position: -200px -168px; display: inline-block;}
.FormFill .roomicon{width:25px;height:20px;position: relative;margin-right:5px; display: inline-block;background-size:420px; background-position: -398px -319px;}
.comminput{height:100%;border:none;text-align: right;}
.FormFill .ordericon{width:15px;height:15px;top:-1px;position: relative;background-size:300px; display: inline-block;background-position: -140px -168px;}
.FormFill .telicon{width:15px;height:16px;background-size:300px; position: relative; display: inline-block;background-position: -60px -168px;}
.FormFill .cardicon{width:15px;height:16px;background-size:300px; position: relative; display: inline-block;background-position: -168px -166px;}
.FormFill .ticketicon{width:15px;height:16px;background-size:300px; position: relative; display: inline-block;background-position: -112px -166px;}

/*下单*/
.operatebox{width:100%;height:70px;padding:15px 10px; text-align: center; position: fixed;bottom:0px;left:0px; background-color: #fff;border-top:1px solid #ffe4f0}
.operatebox .commbtn{width:48%;height:40px;border-radius:5px; border:none;display: inline-block;}
.operatebox .orderbtn{background-color: #cba656;color:#fff}
.operatebox .orderbtn a{color:#fff}
.total_price{display: inline-block;    line-height: 40px; width:40%;color:#747474; text-align: left;}
.total_price i{color:#cba656;font-size:14px;font-weight: bold;}
.total_price i .totalprice{font-size:18px;}
/*支付*/
.order_pay{ width:100%; padding-bottom:60px;}
.order_pay dl dt{ width:100%; width:100%; padding:10px 2%;line-height:30px; color:#666; font-size:14px;}
.order_pay dl dd{ width:100%; background:#fff;}
.order_pay dl dd .pay_list{ width:100%; line-height:24px; padding:10px 2%;border:1px solid #f5f5f5; color:#333;font-size:16px;}
.order_pay dl dd .pay_list .icon_payway{ width:40px; margin-right:5px; vertical-align:middle;}
.order_pay dl dd .pay_list .ckbox_c{ position:relative; display:inline-block; vertical-align:middle; width:40px; cursor:pointer;}
.order_pay dl dd .pay_list .ckbox_c .ckbox{ position:absolute;      z-index: 10;  left: 10px;opacity:0; -webkit-appearance: none; width:40px; height:40px;z-index: 10; vertical-align:middle;cursor:pointer;}
.order_pay dl dd .pay_list .ckbox_c .ckbox_show{ width:24px; height:24px; vertical-align:middle;    position: relative; top: 10px; left: 20px;}
.order_pay dl dd .pay_list .ckbox_c .ckbox_show:before{ display:block; width:22px; height:22px;background: url(../images/icon.png) no-repeat -31px -164px;background-size: 300px;    content: "";}
.order_pay dl dd .pay_list .ckbox:checked + .ckbox_show:before{ background-position:-0px -164px;}
.order_pay .order_btnfix{ position:fixed; left:0; bottom:0; width:100%; padding:10px 2%; background:#fff; color:#666; font-size:14px;  }
.order_pay .order_btnfix .btn{ display:inline-block; width:30%; height:30px; border-radius:5px; line-height:30px; text-align:center; background:#ea5098; margin-left:10px; color:#fff; font-size:14px;}
.order_pay .order_btnfix .price_total{ font-size:16px; margin-right:5px;}
.ticketorderInfo{width:100%;padding:10px;background-color: #fff;;}
.ticketorderInfo .ticketName{font-size:16px;margin-bottom:5px;}
.ticketorderInfo p{color:#a3a3a3;line-height:25px;}
/*支付成功*/
.order_success{width:100%; padding-top:45px;}
.order_success dl{ padding:35px 0;}
.order_success dl dt{ text-align:center; margin-bottom:30px;}
.order_success dl dt img{ width:100%; max-width:640px;}
.order_success dl dt img.succicon{width:50px;}
.order_success dl dt p.succtip{font-size:16px;margin-top:10px;}
.order_success dl dd{ text-align:center;}
.order_success dl dd .btn{display:inline-block; width:50%; height:35px; border-radius:5px; line-height:35px; text-align:center; background:#fff; border: 1px solid #bba375; color:#ddc69b; font-size:14px;}
.opebtnbox{text-align: center;}
.opebtnbox .operatebtn{width:45%;margin:0px 5px;}

/*线路*/
.lineinput{width:98%;height:40px;text-align: center; border:1px solid #d2d2d2;border-radius:5px;}
.changedirect{padding:5px 0px;}
.changedirect .changeicon{width:30px;height:30px;display: block;background-position:-155px -121px;margin:0 auto;}
.traffictype{width:80%;margin:0 auto;margin-top:20px; height:40px;border-radius:20px;border:1px solid #cba656;overflow: hidden;}
.traffictype ul{width:100%;height:100%;}
.traffictype ul li{display: block;float:left;text-align: center; line-height: 40px;width:33%}
.traffictype ul li:last-child{width:34%}
.traffictype ul li i.caricon{width:20px;height:20px;display: inline-block; background-position:-174px -103px;}
.traffictype ul li i.jitneyicon{width:20px;height:20px;display: inline-block; background-position:-207px -103px;}
.traffictype ul li i.walkicon{width:20px;height:20px;display: inline-block; background-position:-233px -103px;}
.traffictype ul li.active{background-color: #cba656;color:#fff}
.traffictype ul li.active  i.caricon{width:20px;height:20px;display: inline-block; background-position:-177px -105px;}
#l-map{height:300px;width:100%;}
#r-result,#r-result table{width:100%;}
.mapcon{margin-top:10px;}
/*轮播图*/
.swiper-slide{width:100%;float:left;position: relative;}

.swiper-pagination{color: #f5f5f5;text-align: right !important;padding-right: 10px;}


/*交通指南*/
.maplist{width:100%;height:-moz-calc(100% - 240px);height: calc(100% - 240px); height: -webkit-calc(100% - 240px);}
.maplist .mapcon{width:100%;height:100%}
#l-map{height:300px;width:100%;}
#r-result,#r-result table{width:100%;}
.mapCon{margin-top:10px;}
.virtual{width:100%;height:100%}
/*暂无数据*/
.nodata{text-align:center;line-height:50px;}
/*加载*/
.loadding{ position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; /*background:rgba(0,0,0,0.3);*/}
.loadding img{width:40px;height:40px; position:fixed; left:50%; top:50%; margin-top:-16px; margin-left:-16px;}
.load{ width:100%; text-align:center; line-height:40px; font-size:12px; color:#999;}