@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
    
body, button, input, select, textarea {font: 400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;}

ul,dl, ol { list-style: none;}
 
a,a:visited{color: #000; text-decoration: none;}
 
a:hover {-webkit-transition: color .2s linear;-moz-transition: color .2s linear;-ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear;}

fieldset, img, button, input {border: 0;}

table {border-collapse: collapse;border-spacing: 0;}

body { min-width: 320px;background: #EFEFEF;overflow-x: hidden;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-user-select: none;color: #000;}

:focus { outline: 0;}



input[type=text],input[type=password],input[type=date]{width: 100%; height: 44px; border: 0;padding: 0 5px;background: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;font-size:100%;-webkit-appearance: none;border-radius: 0;}
.clear { clear: both;}

.header{position:relative;top:0;width:100%; height: 44px; line-height: 44px; background-color: #099fde; color:#fff; text-align:center; font-size:1.1em; font-weight:normal;}
.header .h_left{position:absolute;top:0;left:0; width:60px;height:44px;display:block; cursor:pointer; }
.header .h_left i{ position: absolute;width: 8px;height: 8px; top:50%;left: 15px; margin-top:-5px;border-left: 2px solid #fff; border-bottom: 2px solid #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.header button{ background-color:#099fde; }
.header .h_right{position:absolute;top:0;right:0;line-height:44px; width:44px;height:44px;display:block; font-size:14px;padding-right:10px; text-align:right;color:#f00;}
.header .h_right1{position:absolute;top:0;right:50px;line-height:44px; width:44px;height:44px;display:block; font-size:14px;padding-right:10px; text-align:right;color:#fff;}

.header .h_right_i{position:absolute;top:0;right:0;line-height:44px; width:44px;height:44px;display:block; font-size:14px;padding-right:10px; text-align:right;color:#fff;}
.header .h_right_i i{position: absolute;border-radius: 50%;top: 50%;left: 50%;margin-left: -2px; margin-top: -2px; width: 5px;height: 5px;display: block;background: #fff;line-height: 44px;}
.header .h_right_i i:before{content: '';position: absolute;border-radius: 50%;left: -8px;width: 5px;height: 5px;display: block;background: #fff;}
.header .h_right_i i:after{content: '';border-radius: 50%; position: absolute; left: 8px; width: 5px;height: 5px;display: block;background: #fff;}

hr {margin: 10px 0;border: none;height: 0;border-top: 1px solid #E2E4E6;}

/*TIP*/
.tip {background-color:#099fde;color:#fff;text-align:center;right:-15px;position:absolute;font-style:normal;z-index:6;top:50px;right:10px;-web-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:18px;transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.tip a{border-bottom:#fff solid 1px;line-height:44px;display:block;width: 132px;color:#fff;text-align:left;font-size: 16px;}

.tip a:last-child{border-bottom:none}
.sanjiao{ position:absolute;margin-top:-10px;margin-left:100px;width: 0;height: 0;border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #099fde;}

.bg_img{width:100%;height:100%;background-color:#000;position:absolute;z-index:5;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.tip a i{display: inline-block;width: 20px;height: 20px;float: left;margin:12px 6px 0 12px;background: url(../images/tip_logo.png) scroll no-repeat 0 0 transparent;background-size:20px 165px;}

.tip .myBl i {background-position:0 -60px}
.tip .cardBl i {background-position:0 -40px}
.tip .lineBl i {background-position:0 -20px}
.tip .shouye i {background-position:0 0px}
.tip span{display:block;padding-top:2px}
.close{-webkit-transform: translate(42px,-76px) scale(0);-moz-transform: translate(42px,-76px) scale(0);transform: translate(42px,-76px) scale(0);opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.open{-webkit-transform: translate(0,0) scale(1);-moz-transform: translate(0,0) scale(1);transform: translate(0,0) scale(1);opacity:1;-webkit-opacity:1;-moz-opacity:1;}

/*alertWarn*/
.alert_bg{position: fixed;top: 0;left: 0;background: #333;opacity: 0.8;width: 100%;height: 100%;z-index:999;}
.alert_connent{position: fixed;top:30%;width:200px;left:50%;margin-left:-107px;z-index:999;}
.alert_connent ul{background-color:#fff;border-radius:4px}
.alert_connent ul li:first-child{padding:15px;text-align:center;font-weight:bold;color:#323232;}
.alert_connent button{width:100%;height:44px;background-color:#fff;border-top:#ccc solid 1px;color:#099fde;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
/*confirm*/
.confirm_bg{position: fixed;top: 0;left: 0;background: #333;opacity: 0.8;width: 100%;height: 100%;display:none}
.confirm_connent{position: fixed;top:30%;width:200px;left:50%;margin-left:-107px;display:none;}
.confirm_connent ul{background-color:#fff;border-radius:4px}
.confirm_connent ul li:first-child{line-height:60px;text-align:center;font-weight:bold;color:#323232;}

.confirm_connent button{width:50%;height:44px;background-color:#fff;border-top:#ccc solid 1px;color:blue;}
.confirm_connent button:first-child{border-right:#ccc solid 1px;border-bottom-left-radius:4px}
.confirm_connent button:last-child{border-bottom-right-radius:4px}


/*预约出行窗口*/
.yuyue_info dl {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.yuyue_info dt {margin-bottom: 5px;display: block;}
.yuyue_info{position: fixed; left: 50%; top: 50%; z-index:3; width: 300px; height: 340px; margin-left: -150px; margin-top: -170px; opacity: 1;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-radius: 5px; display: block; background: white;display:none;}
.yuyue_title{background:#006ac9;padding-left:10px; color:white; font-size:1rem; line-height:36px;-webkit-border-radius: 5px 5px 0 0;  -moz-border-radius:5px 5px 0 0;  border-radius: 5px 5px 0 0;}
.yueyu_bg{position: fixed; z-index: 2; width: 100%; height: 100%; opacity: 0.8; transition: all 0.2s linear; -webkit-transition: all 0.2s linear;  background: rgb(102, 102, 102);display:none;}

.headimg{margin:20px;height:50px;border-radius: 50%;border:solid 1px #ebebeb;}

/*LOODDING*/
.load8 {position:fixed; width:100%;height:100%;top:0;z-index:999;}
.load8 .loader {width: 70px;height:70px;margin-top:-40px;margin-left:-40px;top:50%;left:50%;font-size: 10px;position: absolute;text-indent: -9999em;border-top:5px solid rgba(75, 115, 150, 0.2);border-right: 5px solid rgba(75, 115, 150, 0.2);border-bottom: 5px solid rgba(75, 115, 150, 0.2);border-left: 5px solid #005197;-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;border-radius: 50%;}
.load8 img{position:absolute;width:30px;height: 40px;left:50%;margin-left:-15px;top:50%;margin-top:-20px;}

@-webkit-keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
 
/*顶部菜单*/
.topNav{border-bottom:solid 1px #CCCCCC; padding:0.5em; height:1.5em; position:relative; background-color:#FFF;}
.topNav .topNav_back{ height:1.5em; background-image:url(../images/m/arrow_carrot-left.png); background-size:auto 1.5em; background-repeat:no-repeat; padding-left:1.5em; position:absolute;}
.topNav .topNav_index{display:block;height:1.5em; background-image:url(../images/m/home.png); background-size:auto 1.5em; background-repeat:no-repeat; padding-left:1.5em; position:absolute; right:0.5em;}
.topNav .topNav_title{color:#999; line-height:1.5em;text-align:center;}

.hover {background-color: #ff9 !important;}
.row-selected {background-color: #dff !important;}

.i-selected {background-image: url(../images/button/button_red.png)!important;}
.i-unselected {background-image: url(../images/button/button_none.png);}
.action-right-arrow{background-image:url(../images/m/arrow_carrot-right.png); background-repeat:no-repeat; background-position:right center; background-size:auto 1.5em;font-size:0.9em;}

.star {width:100px;height:24px;}
.two {position:relative;width:60%;height:24px;float:left;margin-top:9px;}
.three {position:relative;width:60%;height:24px;float:left;margin-top:9px;}
.four {position:relative;width:60%;height:24px;float:left;margin-top:9px;}
.star span {float:left;height:19px;line-height:19px;}
.star ul{margin:10px;}
.star li{float:left;width:24px;height:22px;text-indent:-9999px;background:url('../images/star.png') no-repeat;cursor:pointer;}
.star li.on{background-position:0 -28px;}

.two span {float:left;height:19px;line-height:19px;}
.two ul{margin:0 10px;}
.two li{float:left;width:24px;height:22px;text-indent:-9999px;background:url('../images/star.png') no-repeat;cursor:pointer;}
.two li.on{background-position:0 -28px;}

.three span {float:left;height:19px;line-height:19px;}
.three ul{margin:0 10px;}
.three li{float:left;width:24px;height:22px;text-indent:-9999px;background:url('../images/star.png') no-repeat;cursor:pointer;}
.three li.on{background-position:0 -28px;}

.four span {float:left;height:19px;line-height:19px;}
.four ul{margin:0 10px;}
.four li{float:left;width:24px;height:22px;text-indent:-9999px;background:url('../images/star.png') no-repeat;cursor:pointer;}
.four li.on{background-position:0 -28px;}

/*主页底部菜单*/
.index_bNav{position:fixed; width:100%; height:3em; left:0px; bottom:0px; background-color:#333333; color:#FFFFFF; z-index:999;text-align:center;}
.index_bNav img{height:2em; display:block; margin:0.5em auto 0 auto;}
.index_bNav .indexbNav{display:block; float:left; width:25%; font-size:0.75em;text-align:center;}
.index_bNav .btn_cart{position:relative;}
.index_bNav .btn_cart .prodNum{position:absolute; left:50%; top:0.25em; background-color:#f60; color:#FFF; font-size:0.75em; border-radius:0.6em; padding:0.1em; min-width:1.2em; line-height:1.2em;display:block;text-align:center;}

/*返回顶部*/
.gotop{ display:block; width:40px; height:40px; position:fixed; bottom:70px; right:8px;background-color:rgba(243,241,241,0.5); border:1px solid #CCC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.gotop img{ display:block; width:40px; height:40px;}

/*弹窗*/
.view-bg{position:fixed;width:100%;height:100%;background-color:#666;z-index:998;opacity:0.5;display:none;top:0;}
.view-container{position:fixed;width:100%;min-height:20em;background-color:#fff;z-index:999;margin-bottom:3em;display:none;}
.view-container .view-header{width:100%;line-height:3em;text-align:center;border-bottom:1px solid #eee;}
.view-container .view-header span{}
.view-container .view-header img{float:right;width:1em;margin:1em 2em 0 0;}
.view-container .view-main{width:100%;line-height:2em;text-align:left;border-bottom:1px solid #eee;}
.view-container .view-main .view-item{width:100%;line-height:1em;height:3em;text-align:left;border-bottom:1px solid #eee;position:relative;padding:.5em 0;}
.view-container .view-main .view-item img{position:absolute;width:2.2em;height:2.2em;left:.5em;top:.5em;padding:0;border-radius: 2em;-moz-border-radius: 2em;-webkit-border-radius: 2em;border:1px solid #ccc;}
.view-container .view-main .view-item .view-item-desc{position:absolute;left:3.5em;}
.view-container .view-main .view-item .selectable{position:absolute;width:2em;height:2em;right:1em;top:1em;background-repeat:no-repeat; background-position:center center;background-size:1.8em;}
.view-container .view-button{background-color:#f33; color:#FFF; line-height:3em;text-align:center;position:absolute;bottom:0;width:100%;}
.view-container .view-button2{background-color:#f33; color:#FFF; line-height:3em;text-align:center;position:absolute;bottom:0;width:100%;}

.view2-container{position:fixed;width:90%;min-height:16em;background-color:#fff;z-index:999;display:none;top:5em;left:5%;}
.view2-container .view-header{width:100%;line-height:3em;text-align:center;border-bottom:1px solid #eee;}
.view2-container .view-header span{}
.view2-container .view-header img{float:right;width:1em;margin:1em 2em 0 0;}
.view2-container .view-main{width:90%;line-height:2em;text-align:left;border-bottom:1px solid #eee;margin-left:5%;}
.view2-container .view-button{background-color:#f33; color:#FFF; line-height:2.2em;text-align:center;width:80%;margin:4em 10% 2.5em 10%;font-size:1.2em;}