@charset 'utf-8';

/*icon*/

/*@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_169036_uhftwawvwv8.eot');
  src: url('//at.alicdn.com/t/font_169036_uhftwawvwv8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_169036_uhftwawvwv8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_169036_uhftwawvwv8.woff') format('woff'),
  url('//at.alicdn.com/t/font_169036_uhftwawvwv8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_169036_uhftwawvwv8.svg#iconfont') format('svg');
}*/
@font-face {
  font-family: 'iconfont';  /* project id 169036 */
  src: url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.eot');
  src: url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.woff') format('woff'),
  url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_169036_xwfvvh9gd7.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont";
    font-size: 16px;
    font-style: normal;
    color: #b8b8b8;
}

.icon-num1:before { content: "\e619"; }

.icon-num2:before { content: "\e61a"; }

.icon-num3:before { content: "\e61b"; }

.icon-delete:before { content: "\e612"; }

.icon-close:before { content: "\e608"; }

.icon-add:before { content: "\e638"; }

.icon-xiala:before { content: "\e65d"; }

.icon-change1:before { content: "\e617"; }

.icon-zhuyi:before { content: "\e78f"; }

.icon-change2:before { content: "\e62b"; }

.icon-renzheng-copy:before { content: "\e603"; }

.icon-map:before { content: "\e611"; }

.icon-yuandianzhong:before { content: "\e830"; }

.icon-change:before { content: "\e68b"; }

.icon-zizhirenzheng:before { content: "\e7da"; }

.icon-comment:before { content: "\e602"; }

.icon-wait:before { content: "\e6c5"; }

.icon-tishi:before { content: "\e615"; }

.icon-lianxi:before { content: "\e690"; }

.icon-zhuanhuan:before { content: "\e61c"; }

.icon-wushuju:before { content: "\e63b"; }

.icon-credential:before { content: "\e60f"; }

.icon-gerenzhongxin:before { content: "\e60a"; }

.icon-pinglun:before { content: "\e631"; }

.icon-shanchu:before { content: "\e643"; }

.icon-date:before { content: "\e662"; }

.icon-zuo:before { content: "\e63e"; }

.icon-xia:before { content: "\e63d"; }

.icon-shang:before { content: "\e63c"; }

.icon-gengduo:before { content: "\e620"; }

.icon-refuse:before { content: "\e69f"; }

.icon-addto:before { content: "\e698"; }


.iconfont_on {
    color: #339900;
}

.wrapper,
body {
    overflow-x: hidden;
}

.m-rule > table,
table {
    border-collapse: collapse;
    border-spacing: 0;
}

#ddb_popup .popup-title,
#ddb_popup_btn_container,
#navbar,
.amap-info-content .driverInfoWrap,
.empty_box,
.g-footbar,
.m-infobox,
.m-line-status,
.m-line > .info .time,
.m-line > .subinfo,
.m-ticket > .title {
    letter-spacing: normal;
}

#shareit,
body {
    -webkit-user-select: none;
}

article,
aside,
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
}

a,
img {
    -webkit-touch-callout: none;
}

body {
    margin: 0 auto;
    font-family: '微软雅黑', 'Microsoft YaHei', Helvetica, STHeiTi, Sans-serif;
    line-height: 1.5;
    font-size: .28rem;
    color: #000;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: 0;
    letter-spacing: -0.05em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

fieldset,
img {
    border: 0;
}

li {
    list-style: none;
}

input,
select,
textarea {
    font-weight: inherit;
    outline: 0;
    -webkit-appearance: none;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    outline: 0;
    border: none;
    background: 0 0;
}

::-webkit-input-placeholder {
    color: #999;
}

a {
    text-decoration: none;
    outline: 0;
}

em,
i {
    font-style: normal;
}

@media only screen and (orientation: landscape) {
    html {
        height: 100%;
    }
    body {
        position: relative;
        margin: 0 auto !important;
        max-width: 640px;
        min-height: 100%;
    }
}

.wrapper {
    padding-top: .88rem;
    font-family: '微软雅黑';
    min-width: 3.2rem;
    margin: 0 auto;
    color: #3f2e27;
}

.ms-controller {
    visibility: hidden;
}

#loadcover,
#loadcover span {
    color: #cdcdcd;
    position: fixed;
    font-size: .3rem;
}

#loadcover {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-top: -1rem;
    padding-top: 1rem;
    background: url(../image/loadingcover.png?t=158) 50% 50% no-repeat #ffffff;
    background-size: 2.51rem 1.95rem;
    z-index: 999;
}

#loadcover span {
    display: block;
    width: 2rem;
    left: 50%;
    top: 50%;
    margin-left: -1rem;
    margin-top: .6rem;
    letter-spacing: .03rem;
    white-space: nowrap;
    overflow: hidden;
    -webkit-animation: loading 2s steps(1) infinite;
    animation: loading 2s steps(1) infinite;
    z-index: 1000;
}

.bus-tip-txt {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0 25px;
    overflow-y: auto;
    color: #dbdbdb;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

html.ddbapp #loadcover {
    display: none !important;
}

@-webkit-keyframes loading {
    0% {
        width: .32rem;
    }
    10% {
        width: .65rem;
    }
    20% {
        width: .97rem;
    }
    30% {
        width: 1.3rem;
    }
    40% {
        width: 1.62rem;
    }
    50% {
        width: 1.7rem;
    }
    60% {
        width: 1.8rem;
    }
    70% {
        width: 1.9rem;
    }
    100%,
    80%,
    90% {
        width: 2rem;
    }
}

@keyframes loading {
    0% {
        width: .32rem;
    }
    10% {
        width: .65rem;
    }
    20% {
        width: .97rem;
    }
    30% {
        width: 1.3rem;
    }
    40% {
        width: 1.62rem;
    }
    50% {
        width: 1.7rem;
    }
    60% {
        width: 1.8rem;
    }
    70% {
        width: 1.9rem;
    }
    100%,
    80%,
    90% {
        width: 2rem;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.hide-loadcover {
    -webkit-animation: fadeout .3s;
    animation: fadeout .3s;
}

nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 990;
    height: .88rem;
    line-height: .88rem;
    background-color: #f8f8f8;
}

.g-footbar,
.g-navbar,
nav button {
    position: absolute;
}

nav button {
    left: .3rem;
    top: 50%;
    color: #2b2b2b;
}

nav button.menu {
    margin-top: -0.15rem;
    color: #2b2b2b;
}

nav button.back,
nav button.newBack {
    margin-top: -0.16rem;
}

nav button.back:after,
nav button.newBack:after {
    content: '返回';
    font-size: .3rem;
}

#ddb-loading i,
.amap-info-content::after,
.g-tab > i.undeline,
.g-tab > i.undeline::before {
    content: '';
}

nav .menu img {
    width: .42rem;
    height: .3rem;
}

nav .back img,
nav .newBack img {
    width: .15rem;
    height: .28rem;
    margin-right: .1rem;
    margin-bottom: -0.02rem;
}

nav .newBack img {
    margin-bottom: .05rem;
}

nav .newBack .arrows_left {
    display: inline-block;
    width: .15rem;
    height: .28rem;
    margin-right: .1rem;
    margin-top: .05rem;
    background: url(../image/icon_sprites.png) 0 -0.8rem no-repeat;
    background-size: 1.6rem 1.2rem;
}

nav .title {
    text-align: center;
    font-size: .36rem;
    color: #2b2b2b;
}

nav .title small {
    font-size: .24rem;
}

.g-navbar {
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: .88rem;
    overflow: hidden;
    font-size: .3rem;
    color: #2b2b2b;
    border-bottom: 1px #DFDFDF solid;
    background: #f8f8f8;
}

.g-footbar,
.g-tab {
    z-index: 10;
    right: 0;
}

.g-navbar > .title {
    text-align: center;
    font-size: .32rem;
}

.g-navbar > .title > small {
    font-size: .24rem;
}

.g-navbar > .back,
.g-navbar > .btn,
.g-navbar > .goto,
.g-navbar > .menu {
    position: absolute;
    top: 0;
    height: 100%;
    white-space: nowrap;
}

.g-navbar > .back,
.g-navbar > .btn,
.g-navbar > .goto {
    left: .3rem;
}

.g-tab,
.g-tab > a.on:nth-child(1) ~ i.undeline {
    left: 0;
}

.g-navbar > .menu {
    right: .3rem;
}

.g-navbar > .suggest {
    right: 0;
    width: .56rem;
    background: url(../image/icon_customer.png) 0 50% no-repeat;
    background-size: .26rem;
}

html.spring .g-navbar {
    color: #fff;
    border: none;
    background: url(../image/bg-header-spring.png) 50% 0 repeat-x;
    background-size: auto 100%;
}

html.spring .g-navbar * {
    color: #fff;
}

html.spring .g-navbar > .btn.calendar {
    background-image: url(../image/icon-calendar-white.png);
}

html.spring .g-navbar > .menu > .gift {
    background-image: url(../image/icon-gift-white.png);
}

html.spring .g-navbar > .menu > .suggest {
    background-image: url(../image/icon-suggest-white.png);
}

html.spring .m-line-map {
    bottom: .5rem;
}

.g-footbar {
    bottom: 0;
    left: 0;
    padding: 0 .3rem;
    border-top: 1px #e1e1e1 solid;
    background: #FDFDFD;
}

.g-footbar .btn {
    font-size: .32rem;
}

.g-tab {
    display: -webkit-box;
    display: box;
    position: fixed !important;
    top: 0;
    height: .75rem;
    line-height: .75rem;
    font-size: .3rem;
    box-shadow: 0 0.03rem 0.03rem rgba(0, 0, 0, 0.05);
    background: #f8f8f8;
}

.amap-info-content,
.amap-info-outer:hover,
.amap-menu-outer:hover {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.g-tab > a {
    -webkit-box-flex: 1;
    box-flex: 1;
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    text-align: center;
    color: #000;
}

.g-tab.three > a {
    width: 33.33%;
}

.g-tab.four > a {
    width: 25%;
}

.g-tab > i.undeline {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: .05rem;
    padding: 0 .3rem;
    -webkit-transition: left .3s;
    transition: left .3s;
}

.g-tab > i.undeline::before {
    display: block;
    width: 100%;
    height: 100%;
    background: #ff9402;
}

.g-tab > a.on {
    color: #ff9402;
}

.g-tab > a:nth-child(3) ~ i.undeline {
    width: 33.33%;
}

.g-tab > a:nth-child(4) ~ i.undeline {
    width: 25%;
}

.g-tab > a.on:nth-child(2) ~ i.undeline {
    left: 33.33%;
}

.g-tab.three > a.on:nth-child(2) ~ i.undeline {
    left: 33.33%;
}

.g-tab.four > a.on:nth-child(2) ~ i.undeline {
    left: 25%;
}

.g-tab > a.on:nth-child(3) ~ i.undeline {
    left: 66.66%;
}

.g-tab.four > a.on:nth-child(3) ~ i.undeline {
    left: 50%;
}

.g-tab > a.on:nth-child(4) ~ i.undeline {
    left: 75%;
}

.amap-copyright,
.amap-info-close,
.amap-info-sharp,
.amap-logo {
    display: none;
}

.amap-info-outer,
.amap-menu-outer {
    border: none;
}

.amap-info-content {
    position: relative;
    bottom: .05rem;
    max-width: 3.2rem;
    padding: .08rem 0;
    line-height: 1.2;
    overflow: visible;
    border-radius: .1rem;
    background: rgba(255, 255, 255, 0.88);
}

.amap-info-content::after {
    position: absolute;
    bottom: -0.36rem;
    left: 50%;
    margin-left: -0.2rem;
    width: 0;
    height: 0;
    border: .2rem solid transparent;
    border-top-color: rgba(255, 255, 255, 0.88);
    -webkit-transform: scaleX(0.6);
    transform: scaleX(0.6);
}

.amap-info-content .infoWrap table {
    width: 100%;
}

.amap-info-content .infoWrap td.left {
    position: relative;
    padding: 0 .2rem;
    border-right: 1px #e1e1e1 solid;
}

.amap-info-content .infoWrap .name {
    font-size: .26rem;
    color: #2b2b2b;
}

.amap-info-content .infoWrap .time {
    margin-top: .05rem;
    font-size: .2rem;
    font-weight: 400;
    color: #656565;
}

.amap-info-content .infoWrap .tdRight {
    padding: 0 .1rem;
    vertical-align: middle;
    white-space: nowrap;
}

.amap-info-content .infoWrap .tdRight .ctrl {
    display: inline-block;
    padding: 0 .1rem;
    font-size: .2rem;
    color: #929292;
}

.amap-info-content .infoWrap .tdRight .icon {
    display: block;
    margin-bottom: .05rem;
    height: .36rem;
    background: url(/Scripts/BusKeji/image/icon_nav.png) center no-repeat;
    background-size: contain;
}

.amap-info-content .infoWrap .tdRight .realmap .icon {
    background: url(../image/icon_realmap.png) center no-repeat;
    background-size: .32rem .35rem;
}

.amap-info-content .driverInfoWrap {
    max-width: 5rem;
    padding: .02rem .1rem;
}

.amap-info-content .driverInfoWrap .label {
    font-size: .26rem;
    color: #2b2b2b;
}

.amap-info-content .driverInfoWrap .time {
    margin-top: .05rem;
    font-size: .22rem;
    color: #656565;
}

.ddbUi-lineMap {
    position: relative;
    width: 100%;
    height: 100%;
}

.ddbUi-lineMap .map {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ddbUi-lineMap .icon {
    background: url(/Scripts/BusKeji/image/icon_nav.png) no-repeat;
    -webkit-background-size: 3.3rem 1.85rem;
    background-size: .32rem .36rem;
}

.ddbUi-lineMap .mapButton {
    position: absolute;
    right: .3rem;
    top: .07rem;
    width: .66rem;
    height: 100%;
}

#ddbUi-realmap,
#ddb_popup_mask {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ddbUi-lineMap .mapButton .icon {
    display: block;
    width: .66rem;
    height: .66rem;
    margin-top: .06rem;
    vertical-align: middle;
}

#ddbUi-realmap,
#ddbUi-realmap h3 small:empty,
#ddb_popup,
#ddb_popup #ddb_popup_btn_container a:empty,
#ddb_popup .popup-content:empty,
#ddb_popup .popup-title:empty {
    display: none;
}

.ddbUi-lineMap .mapButton .icon.reset {
    background-position: 0 -0.24rem;
}

.ddbUi-lineMap .mapButton .icon.traffic {
    background-position: -0.66rem -0.24rem;
}

.ddbUi-lineMap .mapButton .icon.traffic.isShow {
    background-position: -1.32rem -0.24rem;
}

.ddbUi-lineMap .mapButton .icon.zoomIn {
    background-position: -1.98rem -0.24rem;
}

.ddbUi-lineMap .mapButton .icon.zoomOut {
    background-position: -2.64rem -0.24rem;
}

#ddbUi-realmap {
    background-color: #eee;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

#ddbUi-realmap.nomap {
    background: url(../image/icon-nomap.png) 50% 40% no-repeat #eeeeee;
    background-size: 100%;
}

#ddbUi-realmap h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .25rem .2rem;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: .46rem;
    line-height: .6rem;
    color: #fff;
}

#ddbUi-realmap h3 small {
    display: block;
    font-size: .3rem;
}

#ddb_popup {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1001;
    background-color: #fff;
    color: #222;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

#ddb_popup_mask {
    display: none;
    opacity: 0;
    background-color: #222;
}

#ddb_popup .popup-title {
    color: #339900;
    font-size: .36rem;
    text-align: center;
    padding: 0;
    margin: 0;
    height: .86rem;
    line-height: .86rem;
    border-bottom: 2px solid #339900;
}

#ddb_popup .popup-tips-title {
    font-size: .3rem;
    text-align: center;
    padding: 0;
    margin: 0;
    height: .9rem;
    line-height: .9rem;
    border-bottom: 0.04rem solid #339900;
    color: #339900;
}

#ddb_popup .popup-tips-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .44rem .3rem;
    font-size: .26rem;
    color: #444;
    text-align: justify;
    text-indent: 2em;
}

#ddb_popup .popup-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .54rem .1rem;
    font-size: .3rem;
    color: #2b2b2b;
    text-align: center;
}

#ddb_popup_btn_container {
    text-align: center;
    margin: 0;
    display: -webkit-box;
    display: box;
}

#ddb_popup_btn_container > a {
    -webkit-box-flex: 1;
    box-flex: 1;
    padding: 0;
    display: block;
    color: #898989;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    font-size: .3rem;
    height: .89rem;
    line-height: .89rem;
}

#ddb_popup_btn_container > a:nth-child(2) {
    color: #fff;
    background-color: #339900;
}

#ddb_popup.loading {
    z-index: 11;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px;
    opacity: .9;
    text-align: center;
    width: 150px;
    height: 150px;
    box-shadow: none;
    background: 0 0;
}

#ddb_popup.loading i.icon {
    color: #fff;
    font-size: 4em;
    line-height: 110px;
    margin: 0;
}

#ddb_popup .icon.spinner {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../image/loading-coupon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20%;
    -webkit-animation: spinner .8s infinite linear;
    animation: spinner .8s infinite linear;
}

#ddb_popup .popup-title.popup-title-coupon {
    color: #000;
    font-size: .3rem;
    border-bottom: none;
    line-height: 1.4rem;
}

#ddb_popup .popup-content.popup-title-coupon {
    padding-top: .35rem;
}

#ddb_popup .popup-title-coupon .input_wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .3rem;
    height: .87rem;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: .2rem;
}

.box,
.m-btn {
    -webkit-box-sizing: border-box;
}

#ddb_popup .popup-title-coupon .input_wrap input {
    background: 0 0;
    border: none;
    display: inline-block;
    padding: .22rem 0 0 .2rem;
    font-size: .36rem;
    line-height: .36rem;
}

#ddb_popup .popup-title-coupon button.del {
    position: absolute;
    right: .1rem;
    top: .27rem;
    height: .33rem;
    width: .33rem;
}

#ddb_popup .popup-title-coupon button.del img {
    width: 100%;
    height: 100%;
}

#ddb_popup .popup-title.popup-title-intro {
    color: #000;
    font-size: .32rem;
    border-bottom: none;
    height: .86rem;
    line-height: .92rem;
}

#ddb_popup .popup-content.popup-title-intro p {
    margin: -0.54rem 0.2rem 0;
    color: #b2b2b2;
    font-size: .24rem;
    text-align: left;
}

#ddb_popup .popup-content.popup-title-intro .presale-buy {
    display: block;
    margin: .64rem auto 0;
    width: 4.83rem;
    height: 3.08rem;
    background: url(../image/presale_intro_all.png) center center no-repeat;
    background-size: contain;
}

#ddb_popup .popup-content.popup-title-intro .custom-line {
    display: block;
    margin: .64rem auto 0;
    width: 2.95rem;
    height: 3.11rem;
    background: url(../image/custom_intro.png) center center no-repeat;
    background-size: contain;
}

#ddb_popup .popup-content.popup-title-intro .chartered-bus {
    display: block;
    margin: -0.1rem auto;
    width: 4.38rem;
    height: 6.4rem;
    background: url(../image/chartered_intro.png) center center no-repeat;
    background-size: contain;
}

#ddb_popup .ddb_popup_intro_ok {
    border: none;
    border-top: 1px solid #e0e0e0;
}

#ddb_popup .popup-content.oCity_select {
    padding: .53rem .4rem 0;
}

#ddb_popup .popup_tips {
    z-index: 999;
    text-align: center;
    border-radius: .2rem;
    padding: .3rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
}

#ddb_popup .popup_tips img {
    width: 1.5rem;
    height: 1.5rem;
    padding-top: .3rem;
    vertical-align: middle;
}

#ddb_popup .popup_tips .popup_tips_title {
    margin: .22rem 0 .2rem;
    font-size: .34rem;
    line-height: .34rem;
    color: #fff;
}

#ddb_popup .popup_tips .popup_tips_text1,
#ddb_popup .popup_tips .popup_tips_text2 {
    font-size: .24rem;
    line-height: .24rem;
    line-height: .36rem;
    color: #fff;
}

#ddb_popup.style1 {
    left: 50% !important;
    right: auto !important;
    margin-left: -2rem !important;
    width: 4rem !important;
}

#ddb_popup .popup_tips.style1 img {
    padding: 0;
    width: .9rem;
    height: .9rem;
}

#ddb_popup .popup_tips.style1 .popup_tips_title {
    margin: .2rem 0;
    font-size: .3rem;
    line-height: 1;
}

#ddb_popup .popup_tips.style1 .popup_tips_text1,
#ddb_popup .popup_tips.style1 .popup_tips_text2 {
    font-size: .24rem;
    line-height: 1.5;
}

#ddb-loading {
    display: none;
    position: fixed;
    z-index: 998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
}

#ddb-loading i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    width: 1rem;
    height: 1rem;
    background: url(../image/loading-coupon.png) center no-repeat;
    background-size: 45%;
    -webkit-animation: spinner .8s infinite linear;
    animation: spinner .8s infinite linear;
}

#ddb-loading span {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    width: 100%;
    text-align: center;
}

#ddb-loading span p {
    position: relative;
    display: inline-block;
    padding: .15rem .2rem .15rem .8rem;
    max-width: 90%;
    border-radius: .1rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
}

#ddb-loading span p i {
    left: 0;
    margin: -0.5rem 0 0 -0.1rem;
}

.initiate_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    height: .98rem;
    width: 100%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.08);
    background: #f8f8f8;
}

.initiate_wrap .initiate {
    height: .8rem;
    line-height: .8rem;
    border: 1px solid #D8D8D8;
    border-radius: .1rem;
    font-size: .3rem;
    color: #000;
    text-align: center;
    margin: .09rem .3rem;
}

.initiate_wrap .prompt {
    position: absolute;
    top: -0.8rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .26rem;
    color: #2b2b2b;
}

.initiate_wrap .prompt i {
    display: inline-block;
    width: .58rem;
    height: .66rem;
    padding-right: .1rem;
    background: url(../image/icon_prompt.png) no-repeat;
    background-size: .58rem .66rem;
    vertical-align: middle;
}

.initiate_wrap .prompt span {
    vertical-align: middle;
}

.empty_box {
    width: 6.4rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 2.5rem;
}

.empty_box img {
    width: 1.9rem;
    height: 1.45rem;
}

.empty_box p {
    font-size: .28rem;
    color: #bfbfbf;
    padding-top: .2rem;
}

.m-empty-tips {
    position: absolute;
    left: .8rem;
    bottom: 1.15rem;
    padding-left: .68rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .26rem;
    color: #2b2b2b;
    background: url(../image/icon_prompt.png) no-repeat;
    background-size: contain;
    letter-spacing: normal;
}

.tips {
    height: .5rem;
    text-align: center;
    font-size: .2rem;
    color: #9c9c9c;
    line-height: .5rem;
}

.m-btn,
.m-sbtn {
    font-size: .32rem;
    text-align: center;
}

.invisible,
[invisible] {
    visibility: hidden !important;
}

.m-line > .subinfo .labels .code:empty,
.m-line > .subinfo .labels .discount:empty,
.m-line > .subinfo .line-card:empty,
.showHidden {
    visibility: hidden;
}

.hidden,
[ms-controller] [hidden] {
    display: none !important;
}

.showNone {
    display: none;
}

.box {
    box-sizing: border-box;
}

.ddb-btn {
    text-align: center;
    background-color: #ffd941;
    border: 0;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .hairlines-bottom,
    .hairlines-top {
        position: relative;
    }
    .hairlines-top {
        border-top-color: transparent !important;
    }
    .hairlines-bottom {
        border-bottom-color: transparent !important;
    }
    .hairlines-left {
        border-left-color: transparent !important;
    }
    .hairlines-right {
        border-right-color: transparent !important;
    }
    .hairlines-bottom::after,
    .hairlines-left::before,
    .hairlines-right::after,
    .hairlines-top::before {
        content: '';
        position: absolute;
        background: #e1e1e1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .hairlines-left::before,
    .hairlines-right::after {
        top: 0;
        bottom: 0;
        width: 1px;
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }
    .hairlines-left::before {
        left: -1px;
        right: auto;
    }
    .hairlines-right::after {
        right: -1px;
        left: auto;
    }
    .hairlines-bottom::after,
    .hairlines-top::before {
        left: 0;
        right: 0;
        height: 1px;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    .hairlines-top::before {
        top: -1px;
    }
    .hairlines-bottom::after {
        bottom: -1px;
    }
}

.m-btn,
.m-notice,
.m-sbtn {
    height: .8rem;
    line-height: .8rem;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.m-btn span,
.m-ticket > .title span {
    -webkit-transform: translateY(-50%);
}

.m-btn {
    box-sizing: border-box;
    display: block;
    margin-right: .3rem;
    border: 1px solid #339900;
    border-radius: .08rem;
    color: #339900;
    background: #fff;
}

.m-line > .info,
.m-sbtn {
    -webkit-box-sizing: border-box;
}

.m-btn span {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
}

.m-btn:last-of-type {
    margin-right: 0;
    border: none;
    color: #fff;
    background: #339900;
}

.m-btn.disabled {
    background-color: #D7D7D7;
}

.m-sbtn {
    box-sizing: border-box;
    display: block;
    border-radius: .08rem;
    color: #fff;
    background: #339900;
}

.m-notice {
    position: relative;
    margin-top: -0.8rem;
    text-align: left;
    white-space: nowrap;
    background-color: #FFEEAB;
}

.m-notice::before {
    content: '公告';
    position: absolute;
    left: .2rem;
    top: 50%;
    margin-top: -0.14rem;
    width: .5rem;
    height: .28rem;
    line-height: .28rem;
    border-radius: .02rem;
    font-size: .18rem;
    text-align: center;
    color: #fff;
    background: #339900;
}

.m-line > .times,
.m-notice > .msg {
    overflow: hidden;
    font-size: .26rem;
}

.m-notice > .msg {
    display: block;
    position: absolute;
    top: 0;
    left: .8rem;
    right: .7rem;
    white-space: nowrap;
    color: #FF9D02;
}

.m-line,
.m-ticket {
    display: -webkit-box;
}

.m-notice > .close {
    position: absolute;
    top: 0;
    right: 0;
    width: .28rem;
    height: 100%;
    padding-right: .3rem;
    background: url(../image/icon-notice-close.png) left center no-repeat;
    background-size: .28rem .28rem;
}

.m-notice.in {
    -webkit-animation: notice-in 0.4s ease forwards;
    animation: notice-in 0.4s ease forwards;
}

@-webkit-keyframes notice-in {
    from {
        margin-top: -0.8rem;
    }
    to {
        margin-top: 0;
    }
}

@keyframes notice-in {
    from {
        margin-top: -0.8rem;
    }
    to {
        margin-top: 0;
    }
}

.m-notice.out {
    -webkit-animation: notice-out 0.4s ease forwards;
    animation: notice-out 0.4s ease forwards;
}

@-webkit-keyframes notice-out {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -0.8rem;
    }
}

@keyframes notice-out {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -0.8rem;
    }
}

.shiftedShow {
    margin-top: 1rem;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    background-color: #FFFFCC;
    overflow: hidden;
    position: relative;
}

.shiftedShow > span:first-of-type {
    text-align: center;
    color: #fff;
    display: inline-block;
    width: .6rem;
    height: .35rem;
    line-height: .35rem;
    background-color: #FF6666;
    margin-left: .1rem;
    font-size: 12px;
    border-radius: .1rem;
}

.Gomarquee {
    height: .5rem;
    width: 100%;
    line-height: .5rem;
    overflow: hidden;
    position: relative;
    top: -0.5rem;
    left: .8rem;
}

.Gomarquee > div {
    display: block;
    width: 300%;
    height: .5rem;
    position: absolute;
    overflow: hidden;
    -webkit-animation: Gomarquee 8s linear infinite;
    -moz-animation: Gomarquee 8s linear infinite;
    -ms-animation: Gomarquee 8s linear infinite;
    -o-animation: Gomarquee 8s linear infinite;
    animation: Gomarquee 8s linear infinite;
}

.Gomarquee > div > span {
    margin-left: .8rem;
}

.Gomarquee > div > span > span {
    font-size: 12px;
}


/* 定义一个走马灯动画 */

@-webkit-keyframes Gomarquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

@-moz-keyframes Gomarquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

@-ms-keyframes Gomarquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

@-o-keyframes Gomarquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

@keyframes Gomarquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

.m-line {
    clear: both;
    display: box;
    margin-bottom: .2rem;
    padding: 0 .3rem;
    height: 1.54rem;
    color: #2b2b2b;
    background: #fff;
    position: relative;
}

.m-line::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.m-line > .times {
    padding: 0 .06rem;
    height: .4rem;
    line-height: .4rem;
    border-bottom: 2px #FFD941 solid;
}

.m-line > .times li {
    display: inline;
    margin: 0 .24rem;
}

.m-line > .info {
    -webkit-box-flex: 1;
    box-flex: 1;
    box-sizing: border-box;
    height: 100%;
    white-space: nowrap;
    overflow: auto;
    text-align: left;
}

.m-line .chooseBack {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    background-color: #FFCC33;
    border-radius: 5px;
}

.m-line > .info .time {
    display: block;
    margin-top: .2rem;
    min-height: 1em;
    line-height: 1;
    color: #2b2b2b;
    font-size: .3rem;
}

.m-line > .info .time label {
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    margin-top: .02rem;
    margin-left: .1rem;
    color: #b8b8b8;
    padding: 0 .08rem;
    height: .26rem;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-line > .info .time label::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    margin-bottom: -0.07rem;
}

.m-line > .info .time small {
    margin-left: .1rem;
    font-size: .24rem;
    color: #656565;
}

.m-line > .info .time span {
    margin-left: .1rem;
    font-size: .2rem;
    color: #656565;
}
.m-line > .comment{
    float: right;
    height: .4rem;
    line-height: .4rem;
    position: relative;
    top: .2rem;
    padding: 0 .1rem;
    z-index: 100;
    display: block;
    border: 1px solid #ff9402;
    border-radius: 5px;
    font-size: 14px;
    color: #666666 ;
}
.m-line > .info .place {
    margin-top: .13rem;
    font-size: .28rem;
    line-height: 1;
    color: #2b2b2b;
    background: url(../image/icon-line.png) 0 50% no-repeat;
    background-size: .14rem 80%;
}

.m-line > .info .place .end,
.m-line > .info .place .start {
    padding-left: .2rem;
    min-height: 1em;
    background: url(../image/icon-starting.png) 0 50% no-repeat;
    background-size: .14rem;
}

.m-line > .info .place .end {
    margin-top: .15rem;
    background-image: url(../image/icon-ending.png);
}

.m-line > .info .place .start.passing {
    background-image: url(../image/icon-passing.png);
}

.m-line > .info .place .start small {
    font-size: .24rem;
    color: #339900;
}

.m-line > .info .place .start small::before {
    content: '-';
    margin: 0 .05rem;
    vertical-align: top;
}

.m-line > .info .place .start small:empty::before {
    display: none;
}

.m-line.past > .info .place {
    background-image: url(../image/icon-line-gray.png);
}

.m-line.past > .info .place .start {
    background-image: url(../image/icon-starting-gray.png);
}

.m-line.past > .info .place .start.passing {
    background-image: url(../image/icon-passing-gray.png);
}

.m-line.past > .info .place .end {
    background-image: url(../image/icon-ending-gray.png);
}

.m-line > .subinfo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .6rem;
    padding-left: .1rem;
    height: 100%;
    min-width: 1.2rem;
    white-space: nowrap;
    text-align: right;
    font-size: 0;
    background: linear-gradient(to left, #ffffff 80%, rgba(255, 255, 255, 0));
}

.m-line > .subinfo .labels,
.m-line > .subinfo .line-card {
    position: absolute;
    top: .2rem;
    right: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    text-align: left;
    font-size: 0;
    white-space: nowrap;
}

.m-line > .subinfo .labels .code,
.m-line > .subinfo .labels .discount,
.m-line > .subinfo .line-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: .1rem;
    padding: 0 .1rem;
    min-width: 1rem;
    max-width: 8em;
    height: .3rem;
    overflow: hidden;
    text-align: center;
    font-size: .2rem;
    color: #fff;
    background: #FF5B00;
}

.m-line > .subinfo .labels .code,
.m-line > .subinfo .line-card {
    margin-right: 0;
    padding: 0 .07rem 0 .37rem;
    text-overflow: ellipsis;
    color: #2b2b2b;
    background: url(../image/icon-car-black.png) 0.1rem 50% no-repeat #ffd941;
    background-size: .23rem;
}

.m-line > .subinfo .labels:last-child {
    margin-right: 0;
}

.m-line.past > .subinfo .line-card,
.m-line > .subinfo .line-card.join-status,
.m-line > .subinfo .line-card.presale-closed {
    color: #fff;
    background-color: #9c9c9c;
    background-image: url(../image/icon-car-white.png);
}

.m-line > .subinfo .line-card.join-status.not-join {
    color: #fff;
    background-color: #339900;
    background-image: url(../image/icon-car-white.png);
}

.m-line > .subinfo .line-card.presale {
    color: #fff;
    background-color: #339900;
    background-image: url(../image/icon-car-white.png);
}

.m-line > .subinfo .labels .code::before,
.m-line > .subinfo .labels .discount::before,
.m-line > .subinfo .line-card::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    margin-bottom: -0.1rem;
}

.m-line > .subinfo .line-status,
.m-line > .subinfo .price {
    line-height: 1;
    font-size: .3rem;
    color: #339900;
    text-align: right;
}

.m-line > .subinfo .price em {
    font-size: .36rem;
}

.m-line > .subinfo .price del,
.m-line > .subinfo .price small {
    margin-right: .2em;
    font-size: .2rem;
    font-weight: 400;
    color: #656565;
}

.m-line > .subinfo .price del {
    margin-right: .12rem;
    font-size: .24rem;
}

.m-line > .subinfo .price .discount-price {
    font-size: .2rem;
    font-weight: 400;
}

.m-line > .subinfo .distance,
.m-line > .subinfo .join-count,
.m-line > .subinfo .order-price {
    margin-top: .13rem;
    font-size: .2rem;
    color: #656565;
}

.m-line > .subinfo .likes {
    width: .4rem;
    height: .34rem;
    line-height: .34rem;
    position: absolute;
    z-index: 1;
    bottom: .2rem;
    right: .3rem;
    text-align: center;
}

.m-line > .subinfo .likes strong {
    position: absolute;
    top: -1.5em;
    left: .3em;
    right: 0;
    color: #FF6009;
    font-size: .2rem;
}

.m-line > .subinfo .likes i {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../image/icon-like.png) no-repeat;
    background-size: contain;
}

.m-line > .subinfo .likes.unlike i {
    background-image: url(../image/icon-unlike.png);
}

.m-line > .subinfo .likes.liking i {
    -webkit-animation: like .3s linear forwards;
    animation: like .3s linear forwards;
}

.m-line > .subinfo .likes span {
    display: none;
}

.m-line > .subinfo .likes.liking span {
    display: block;
    position: absolute;
    left: .3em;
    right: 0;
    top: -1.5em;
    color: #FF5B00;
    font-size: .2rem;
    -webkit-animation: fly 0.4s ease-in-out forwards;
    animation: fly 0.4s ease-in-out forwards;
}

@-webkit-keyframes like {
    from,
    to {
        background-image: url(../image/icon-like.png);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
    }
}

@keyframes like {
    from,
    to {
        background-image: url(../image/icon-like.png);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
}

@-webkit-keyframes fly {
    from {
        top: -1.5em;
        -webkit-transform: scale(1, 1);
    }
    70% {
        top: -2.5em;
        -webkit-transform: scale(1.2, 1.2);
        opacity: .3;
    }
    to {
        top: -3em;
        -webkit-transform: scale(1.3, 1.3);
        opacity: 0;
    }
}

@keyframes fly {
    from {
        top: -1.5em;
        transform: scale(1, 1);
    }
    70% {
        top: -2.5em;
        transform: scale(1.2, 1.2);
        opacity: .3;
    }
    to {
        top: -3em;
        transform: scale(1.3, 1.3);
        opacity: 0;
    }
}

.m-line > .subinfo .join-count font {
    font-size: .2rem;
    font-weight: 400;
}

.m-line > .subinfo .join-count em {
    color: #339900;
}

.m-line > .subinfo .line-status {
    visibility: hidden;
    height: .32rem;
    overflow: hidden;
    background: url(../image/icon-line-status.png) 100% 50% no-repeat;
    background-size: contain;
}

.m-line.past * {
    color: #7a7a7a !important;
}

.m-line.past > .subinfo .line-card {
    color: #fff !important;
    opacity: .7;
}

.m-line.going > .subinfo .line-status,
.m-line.soon > .subinfo .line-status {
    visibility: visible;
}

.m-line.going > .subinfo .line-status::after {
    content: '';
    display: inline-block;
    width: .32rem;
    height: 100%;
    background: url(../image/icon-going.png) no-repeat;
    background-size: contain;
    -webkit-animation: spinner .8s infinite linear;
    animation: spinner .8s infinite linear;
}

.m-line-route {
    position: relative;
    padding-bottom: .68rem;
    font-size: .24rem;
    color: #656565;
    pointer-events: none;
}

.m-line-route > * {
    pointer-events: auto;
}

.m-line-route > .wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .5rem;
    max-height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.m-line-route > .wrap > h4 {
    margin-top: -0.5rem;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    color: #2b2b2b;
    background: #eee;
}

.m-line-route > .wrap > ul {
    max-height: 3rem;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.9);
}

.m-line-route > .wrap > ul > li {
    position: relative;
    margin: 0 .3rem 0 .85rem;
    height: .72rem;
    line-height: .72rem;
    white-space: nowrap;
}

.m-line-route > .wrap > ul > li::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.m-line-route > .wrap li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -0.425rem;
    height: .72rem;
    border-left: 1px dashed #d8d8d8;
}

.m-line-route > .wrap > ul > li:first-child::before {
    height: .36rem;
    top: .36rem;
}

.m-line-route > .wrap > ul > li:last-child::before {
    height: .36rem;
}

.m-line-route > .wrap > ul > li:last-child::after {
    display: none;
}

.m-line-route > .wrap > ul > li i {
    position: absolute;
    top: .12rem;
    left: -0.65rem;
    width: .47rem;
    height: .47rem;
    background: url(/Scripts/BusKeji/image/map_icons_linestation.png) no-repeat;
    background-size: .46rem 3.56rem;
}

.m-line-route > .wrap > ul > li.site-type-0 i {
    background-position: 0 -2.24rem;
}

.m-line-route > .wrap > ul > li.site-type-1 i {
    background-position: 0 -2.8rem;
}

.m-line-route > .wrap > ul > li.site-type-0:first-child i {
    background-position: 0 0;
}

.m-line-route > .wrap > ul > li.site-type-1:last-child i {
    background-position: 0 -0.56rem;
}

.m-line-route > .wrap > ul > li.on {
    font-size: .3rem;
    font-weight: 700;
    color: #2b2b2b;
}

.m-line-route > .wrap > ul > li.site-type-0.on i {
    background-position: 0 -1.12rem;
}

.m-line-route > .wrap > ul > li.site-type-1.on i {
    background-position: 0 -1.68rem;
}

.m-line-route > .wrap > ul > li > strong {
    float: left;
    width: 70%;
    overflow: auto;
}

.m-line-route > .wrap > ul > li > time {
    float: right;
    width: 30%;
    text-align: right;
    font-size: .24rem;
    font-weight: 400;
}

.m-line-route > .folder {
    position: absolute;
    left: 50%;
    margin-left: -0.75rem;
    border-radius: 0 0 .06rem .06rem;
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
}

.m-line-route.folded > .folder {
    margin-top: -1px;
    padding-top: 1px;
    background-color: #fff;
}

.m-line-route > .folder i {
    display: inline-block;
    margin-top: .12rem;
    width: .8rem;
    height: .38rem;
    background: url(../image/arrow-line-route.png?t=101) 0 -0.47rem no-repeat;
    background-size: .8rem .86rem;
}

.m-line-route.folded > .folder i {
    background-position: 0 0;
}

.m-line-route.folded > .folder::before {
    top: 0 !important;
}

.m-line-route.folded > .folder::after {
    bottom: 0 !important;
}

.m-line-route.folded {
    height: 0;
}

.m-line-route.folded > .wrap {
    height: 0;
    padding-top: 0;
    overflow: hidden;
}

.m-ticket {
    display: box;
    position: relative;
    margin: .2rem .37rem .24rem;
    height: 2rem;
    line-height: 1;
    color: #2b2b2b;
    font-size: .2rem;
    background: url(../image/bg-ticket-gray.png) -0.17rem 0 no-repeat #ffffff;
    background-size: auto 100%;
}

.m-ticket::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: -0.02rem;
    height: 1px;
    border-bottom: 1px #aeaeae solid;
    border-radius: 4px;
    background: #9d9d9d;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    opacity: .57;
}

.m-ticket > .title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    width: .65rem;
    height: 100%;
    text-align: center;
    font-size: .3rem;
    line-height: 1.2;
    color: #fff;
    background: url(../image/bg-ticket-gray.png) -0.17rem 0 no-repeat #339900;
    background-size: auto 100%;
}

.m-ticket > .title span {
    position: absolute;
    top: 50%;
    left: .1rem;
    right: .15rem;
    transform: translateY(-50%);
}

.m-ticket > .title::before {
    content: '';
    position: absolute;
    left: -0.05rem;
    width: .05rem;
    height: 100%;
    background: url(../image/bg-ticket-gray.png) no-repeat, url(../image/bd-ticket-lt.png) 0 100% no-repeat;
    background-size: auto 100%, auto 100%;
}

.m-ticket > .info {
    -webkit-box-flex: 1;
    box-flex: 1;
    position: relative;
    padding: 0 .2rem;
    height: 100%;
    border-right: 1px #ccc dashed;
}

.m-ticket.selected > .info,
.m-ticket:not(.ok) > .info {
    border-right-color: #fff;
}

.m-ticket > .info .month {
    padding-top: .3rem;
    font-size: .3rem;
}

.m-ticket > .info .month .left {
    float: right;
}

.m-ticket > .info .count {
    position: absolute;
    bottom: .2rem;
    left: .2rem;
    right: .2rem;
    padding: .18rem .2rem;
    color: #666;
    background: rgba(0, 0, 0, 0.05);
}

.m-ticket > .info .count .total {
    margin-bottom: .1rem;
    font-size: .26rem;
}

.m-ticket > .subinfo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 1.9rem;
    height: 100%;
    text-align: center;
}

.m-ticket > .subinfo::after {
    content: '';
    position: absolute;
    right: -0.08rem;
    width: .08rem;
    height: 100%;
    background: url(../image/bg-ticket-gray.png) 100% 0 no-repeat, url(../image/bd-ticket-rt.png) 100% 100% no-repeat;
    background-size: auto 100%, auto 100%;
}

.m-ticket > .subinfo .inner {
    position: absolute;
    top: 50%;
    left: .05rem;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-ticket > .subinfo .price {
    margin-bottom: .1rem;
    font-size: .3rem;
    color: #339900;
}

.m-ticket > .subinfo .price strong {
    font-size: .4rem;
    font-weight: 400;
}

.m-ticket > .subinfo .original {
    font-size: .2rem;
    color: #999;
}

.m-ticket:not(.ok) {
    color: #fff;
    background-color: #D4D4D4;
    background-image: url(../image/bg-ticket.png);
}

.m-ticket:not(.ok) > .title {
    background: url(../image/bg-ticket.png) #bebebe;
}

.m-ticket:not(.ok) > .title::before {
    background-image: url(../image/bg-ticket.png), url(../image/bd-ticket-lt-invalid.png?t=123);
}

.m-ticket:not(.ok) > .info .count {
    color: #999;
    background: rgba(0, 0, 0, 0.05);
}

.m-ticket.selected,
.m-ticket.selected > .subinfo .original,
.m-ticket.selected > .subinfo .price,
.m-ticket:not(.ok) > .subinfo .original,
.m-ticket:not(.ok) > .subinfo .price {
    color: #fff;
}

.m-ticket:not(.ok) > .subinfo::after {
    background-image: url(../image/bg-ticket.png), url(../image/bd-ticket-rt-invalid.png?t=123);
}

.m-ticket.buy::before,
.m-ticket.full::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 1.46rem;
    width: 1.6rem;
    height: 1.48rem;
    background: url(../image/icon-ticket-full.png) 100% 0 no-repeat;
    background-size: contain;
}

.m-ticket.buy::before {
    background-image: url(../image/icon-ticket-buy.png);
}

.m-ticket.selected {
    background-color: #339900;
    background-image: url(../image/bg-ticket.png);
}

.m-ticket.selected > .title {
    background: url(../image/bg-ticket.png) #f29400;
}

.m-ticket.selected > .title::before {
    background-image: url(../image/bg-ticket.png), url(../image/bd-ticket-lt-selected.png);
}

.m-ticket.selected > .info .count {
    color: #fff;
    background: rgba(0, 0, 0, 0.05);
}

.m-ticket.selected > .subinfo::after {
    background-image: url(../image/bg-ticket.png), url(../image/bd-ticket-rt-selected.png);
}

.m-calendar {
    font-size: .26rem;
    color: #2b2b2b;
    background: #eee;
}

.m-calendar > .weeks {
    display: -webkit-box;
    display: box;
    height: .44rem;
    line-height: .44rem;
    border-bottom: 1px #ebebeb solid;
    background: #fff;
}

.m-calendar > .weeks > li {
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: center;
}

.m-calendar > .months > .item > .month {
    padding: 0 .3rem;
    height: .44rem;
    line-height: .44rem;
    background: #fff;
}

.m-calendar > .months > .item > .dates {
    border-bottom: 1px solid #F6F6F6;
    font-size: 0;
}

.m-calendar > .months > .item > .dates > li {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: .18rem .1rem;
    width: 14.28571429%;
    height: 1.1rem;
    border: 1px solid #F6F6F6;
    border-width: 1px 1px 0 0;
    border-radius: .05rem;
    line-height: 1;
    font-size: .2rem;
    color: rgba(43, 43, 43, 0.2);
    background: #e8e8e8;
    vertical-align: top;
}

.m-calendar > .months > .item > .dates > li time {
    position: relative;
    top: -0.04rem;
    font-size: .26rem;
}

.m-calendar > .months > .item > .dates .red_date time {
    color: #e60012;
}

.m-calendar > .months > .item > .dates > li .status {
    position: absolute;
    right: .1rem;
    color: #339900;
}

.m-calendar > .months > .item > .dates > li .status:empty {
    display: none;
}

.m-calendar > .months > .item > .dates > li .price {
    display: block;
    margin-top: .08rem;
    text-align: right;
    font-size: .24rem;
    color: #656565;
}

.m-calendar > .months > .item > .dates > li .lunardate {
    display: block;
    height: .26rem;
    line-height: .26rem;
    margin-top: .2rem;
    font-size: .2rem;
    color: #8a8a8a;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-calendar > .months > .item > .dates > li .lunardate span {
    display: block;
    position: absolute;
    left: .09rem;
    bottom: .18rem;
    width: .5rem;
    line-height: normal;
    padding: .02rem 0;
    color: #fff;
    background: #e60012;
    text-align: center;
    margin-left: -0.05rem;
}

.m-calendar > .months > .item > .dates > li .discount {
    position: absolute;
    left: .15rem;
    right: .05rem;
    bottom: .05rem;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    background: #FF5000;
}

.m-city-content .city-li-head::after,
.m-city-nav::after,
.m-city-side,
.m-list > li::after {
    bottom: 0;
}

.m-calendar > .months > .item > .dates > li .discount::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    height: 100%;
    width: .1rem;
    background: url(../image/icon-tag-discount.png) 0 50% no-repeat;
    background-size: cover;
}

.m-sitebar .off_site,
.m-sitebar .on_site,
.m-sitebar .panel {
    position: relative;
}

.m-calendar > .months > .item > .dates > li:nth-child(7n) {
    border-right: 0;
}

.m-calendar > .months > .item > .dates > li.out * {
    display: none;
}

.m-calendar > .months > .item > .dates > li.buy,
.m-calendar > .months > .item > .dates > li.full,
.m-calendar > .months > .item > .dates > li.refund,
.m-calendar > .months > .item > .dates > li.valid {
    color: #2b2b2b;
    background: #fff;
    cursor: pointer;
}

.m-calendar > .months > .item > .dates > li.full .status {
    color: #FE7562;
}

.m-calendar > .months > .item > .dates > li.buy .status {
    color: #01a9e8;
}

.m-calendar > .months > .item > .dates > li.refund .status {
    color: #339900;
}

.m-calendar > .months > .item > .dates > li.selected {
    color: #fff;
    background: #339900;
}

.m-calendar > .months > .item > .dates > li.selected * {
    color: inherit !important;
}

.m-sitebar {
    display: inline-block;
    width: 100%;
    background: #fff;
}

.m-sitebar .panel {
    margin: 0 .3rem;
}

.m-sitebar .off_site .left_image,
.m-sitebar .on_site .left_image {
    position: absolute;
    top: 0;
    left: 0;
    width: .14rem;
    height: .14rem;
    margin-top: .44rem;
    background: url(../image/icon_sitebar.png?t=101) 0 -0.22rem no-repeat;
    background-size: .12rem .45rem;
}

.m-sitebar .on_site .left_image {
    background-position: 0 0;
}

.m-sitebar .off_site span,
.m-sitebar .on_site span {
    font-size: .28rem;
    color: #ababab;
}

.m-sitebar .off_site div,
.m-sitebar .on_site div {
    margin-right: .57rem;
    padding-left: .3rem;
    padding-right: .15rem;
    width: auto;
    height: 1.02rem;
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-sitebar .off_site .close_location,
.m-sitebar .on_site .close_location {
    width: .7rem;
    height: 1.02rem;
    position: absolute;
    bottom: 0;
    right: .34rem;
    background: url(../image/login_edit_delete.png) center center no-repeat;
    background-size: .3rem .3rem;
    border: 0;
    margin: 0;
    padding: 0;
}

.m-sitebar .site_replace {
    width: .42rem;
    height: .42rem;
    background: url(../image/icon_replace.png) center center no-repeat;
    background-size: .42rem .42rem;
    position: absolute;
    right: .025rem;
    top: .05rem;
    margin: 0.31rem -0.1rem 0.31rem 0;
    padding: .4rem .1rem;
    z-index: 1;
}

.m-city-tile {
    background: #fff;
    margin-top: .2rem;
    color: #656565;
    font-size: .24rem;
    clear: both;
}

.m-city-tile a {
    position: relative;
    color: #656565;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-city-tile .tile-length4 {
    display: -webkit-box;
    display: box;
}

.m-city-tile .tile-length4 a {
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: center;
    width: 50%;
    height: 1.68rem;
    line-height: 2.82rem;
}

.m-city-tile .tile-length4 a img {
    position: absolute;
    top: .2rem;
    left: 50%;
    margin-left: -0.505rem;
    width: 1.01rem;
    height: 1.01rem;
}

.m-city-tile .tile-length5,
.m-city-tile .tile-length6 {
    background: #fff;
    height: 3.36rem;
}

.m-city-tile .tile-length5 a,
.m-city-tile .tile-length6 a {
    display: block;
    float: left;
    width: 33.33%;
    height: 1.68rem;
    line-height: 2.82rem;
    text-align: center;
}

.m-city-tile .tile-length5 a img,
.m-city-tile .tile-length6 a img {
    position: absolute;
    top: .2rem;
    left: 50%;
    margin-left: -0.505rem;
    width: 1.01rem;
    height: 1.01rem;
}

.m-city-tile .tile-length5 a:first-child {
    display: block;
    height: 3.36rem;
    line-height: 2rem;
    font-size: .3rem;
    color: #339900;
}

.m-city-tile .tile-length5 a:first-child img {
    top: 1.4rem;
}

.m-city-tile .tile-border i,
.m-city-tile .tile-border::after,
.m-city-tile .tile-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.m-city-tile .tile-border::after {
    left: 100%;
    right: 0;
}

.m-city-tile .tile-border .ltbd {
    left: 33.33%;
}

.m-city-tile .tile-border .rtbd {
    left: 66.66%;
}

.m-city-tile .tile-border .bd {
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.m-city-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 1rem;
    display: block;
    background: #eee;
}

.m-city-nav .int {
    height: .6rem;
    line-height: .6rem;
    margin: .2rem .26rem;
    background: url(../image/icon_search.png) 0.26rem center no-repeat #ffffff;
    background-size: .32rem .32rem;
    border-radius: .06rem;
}

.m-city-nav .int input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 100%;
    font-size: .24rem;
    padding-left: .68rem;
    padding-right: .5rem;
    background: 0 0;
    color: #656565;
}

.m-city-nav .int i {
    display: none;
    position: absolute;
    right: .3rem;
    top: 50%;
    margin-top: -0.25rem;
    width: .5rem;
    height: .5rem;
    background: url(../image/login_edit_delete.png) center center no-repeat;
    background-size: .3rem .3rem;
}

.m-city-side::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.m-city-side {
    position: fixed;
    top: 2.2rem;
    right: 0;
    text-align: center;
    padding-top: .2rem;
    overflow: auto;
    z-index: 9;
}

.m-city-side ul {
    background: 0 0;
}

.m-city-side a {
    display: block;
    padding-left: .2rem;
    width: .52rem;
    color: #339900;
    height: .32rem;
    line-height: .32rem;
    font-size: .2rem;
}

.m-city-content {
    margin-top: 1rem;
    width: 100%;
}

.m-city-content.no-margin-top {
    margin-top: 0;
}

.m-city-content ul {
    background: #fff;
}

.m-city-content li {
    margin: 0 .3rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #000;
}

.m-city-content li:last-child {
    margin: 0;
    padding: 0 .3rem;
}

.m-city-content .city-li-head {
    margin: 0;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    background: #eee;
    text-indent: .3rem;
    color: #8a8a8a;
}

.m-city-content .city-li-head::before {
    top: 0;
}

.m-city-content #city_hot .city-li-head {
    text-indent: 0;
}

.m-city-content .hot-city-panel {
    background: #eee;
    display: inline-block;
    margin-left: .3rem;
    margin-bottom: -0.2rem;
}

.m-city-content li.hot-city {
    float: left;
    margin: 0 .24rem .2rem 0;
    padding: 0;
    width: 1.7rem;
    height: .7rem;
    line-height: .7rem;
    background: #fff;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: .06rem;
    box-sizing: border-box;
}

.m-city-content .gpsli {
    padding: 0 .3rem;
}

.m-city-content .gpsli span {
    color: #656565;
    font-size: .26rem;
    margin-left: .2rem;
}

.m-avatar-list {
    background: #fff;
}

.m-avatar-list li {
    position: relative;
    margin: 0 .3rem;
    padding: 0 .2rem 0 0;
    height: 1.2rem;
    color: #2b2b2b;
    overflow: hidden;
}

.m-avatar-list > li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: .15rem;
    height: .27rem;
    margin-top: -0.135rem;
    background: url(../image/icon_right.png) 0 center no-repeat;
    background-size: .15rem .27rem;
}

.m-avatar-list > li img {
    float: left;
    margin-top: .15rem;
    width: .9rem;
    height: .9rem;
    border: none;
}

.m-avatar-list > li div {
    float: left;
}

.m-avatar-list > li h3 {
    display: block;
    margin-top: .3rem;
    margin-left: .2rem;
    font-size: .28rem;
    line-height: .28rem;
    vertical-align: top;
}

.m-avatar-list > li label {
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    margin-top: .02rem;
    margin-left: .1rem;
    color: #ff5b00;
    padding: 0 .08rem;
    height: .26rem;
    text-align: center;
    border: 1px solid #ff5b00;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-avatar-list > li label::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    margin-bottom: -0.11rem;
}

.m-avatar-list > li sub {
    display: block;
    margin-top: .1rem;
    margin-left: .2rem;
    color: #b8b8b8;
    font-size: .22rem;
    line-height: .22rem;
}

.m-list > li,
.m-list > li input {
    color: #2b2b2b;
}

.m-avatar-list .avatar-default {
    position: relative;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 .3rem;
    padding: 0 .2rem 0 0;
    overflow: hidden;
}

.m-avatar-list .avatar-default img {
    margin-top: .15rem;
    width: .9rem;
    height: .9rem;
}

.m-avatar-list .avatar-default h2 {
    display: inline-block;
    margin-top: .41rem;
    margin-left: .2rem;
    line-height: normal;
    vertical-align: top;
}

.m-list > li,
.m-list > li .list-input {
    line-height: .9rem;
    overflow: hidden;
}

.m-list {
    background: #fff;
}

.m-list > li {
    position: relative;
    margin: 0 .3rem;
    height: .9rem;
    font-size: .26rem;
}

.m-list > li.list-arrow::before,
.m-list > li.list-icon-tick::before {
    position: absolute;
    right: 0;
    content: '';
}

.m-list > li input::-webkit-input-placeholder {
    color: #ccc;
}

.m-list > li .list-right {
    float: right;
    color: #2b2b2b;
}

.m-list > li .list-right.default {
    color: #656565;
}

.m-list > li .list-gray {
    color: #ccc;
}

.m-list > li .list-input {
    float: right;
    border: none;
    width: 3.5rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-list > li .list-line-input {
    width: 100%;
    height: .9rem;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-list > li.list-avatar {
    height: 1.2rem;
    line-height: 1.2rem;
}

.m-list > li.list-avatar img {
    float: right;
    margin-top: .15rem;
    width: .9rem;
    height: .9rem;
    border: none;
}

.m-list > li.list-arrow {
    padding-right: .28rem;
}

.m-list > li.list-arrow::before {
    top: 50%;
    width: .15rem;
    height: .27rem;
    margin-top: -0.135rem;
    background: url(../image/icon_right.png) 0 center no-repeat;
    background-size: .15rem .27rem;
}

.m-list > li.list-icon-tick::before {
    top: .325rem;
    width: .35rem;
    height: .25rem;
    background: url(../image/icon_tick.png) center center no-repeat;
    background-size: contain;
}

.m-infobox {
    background: #fff;
}

.m-infobox > .title {
    padding: 0 .3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: #8a8a8a;
    background: #eee;
}

.m-infobox > dl {
    margin: 0 .3rem;
    height: .7rem;
    line-height: .7rem;
    border-bottom: 1px #eee solid;
    font-size: .26rem;
    color: #2b2b2b;
    overflow: hidden;
}

.m-infobox > dl.nobd,
.m-infobox > dl:last-of-type {
    border: 0;
}

.m-infobox > dl > dt {
    float: left;
    max-width: 50%;
}

.m-infobox > dl > dd {
    float: right;
    max-width: 50%;
    text-align: right;
    font-size: .28rem;
    color: #656565;
}

.m-infobox > dl > dt.compensate {
    max-width: 80%;
}

.m-infobox > dl > dt.compensate a {
    display: inline-block;
    padding-left: .3rem;
    font-size: .2rem;
    color: #339900;
    background: url(../image/icon-compensate.png) 0 50% no-repeat;
    background-size: .24rem;
    text-decoration: underline;
}

.m-infobox > dl > dt.compensate a:empty {
    display: none;
}

.m-infobox > dl > dd.order-status em {
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .12rem;
    border-radius: .05rem;
    font-size: .26rem;
    color: #fff;
    background: #339900;
}

.m-infobox > dl > dd.order-status em:empty {
    display: none;
}

.m-coupon {
    display: -webkit-box;
    display: box;
    position: relative;
    height: 2.02rem;
    overflow: hidden;
    margin: .15rem .3rem;
    color: #339900;
}

.m-coupon > .discount {
    position: relative;
    width: 1.5rem;
    height: 100%;
    background: url(../image/bg-coupon.png) no-repeat;
    background-size: auto 100%;
}

.m-coupon > .discount > .price {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    font-size: .3rem;
    text-align: center;
}

.m-coupon > .discount > .price.len1,
.m-coupon > .discount > .price.len2 {
    font-size: .6rem;
}

.m-coupon > .discount > .price.len3 {
    font-size: .45rem;
}

.m-coupon > .discount > .price.len4 {
    font-size: .36rem;
}

.m-coupon > .discount > .price small {
    margin-left: .05rem;
    font-size: .2rem;
}

.m-coupon > .info {
    -webkit-box-flex: 1;
    box-flex: 1;
    padding: .18rem .25rem .1rem .15rem;
    line-height: 1;
    background: url(../image/bg-coupon-elephant.png) 90% 82% auto 1.23rem no-repeat, url(../image/bg-coupon.png) 100% 0 auto 100% no-repeat;
}

.m-coupon > .info > .type {
    font-size: .32rem;
    line-height: 1;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.m-coupon > .info > .type small {
    margin-left: .5em;
    font-size: .2rem;
}

.m-coupon > .info > .time {
    margin-top: .08rem;
    font-size: .2rem;
}

.m-coupon > .info > .condition {
    position: absolute;
    bottom: .1rem;
    line-height: 1.4;
    font-size: .2rem;
    color: #8a8a8a;
    white-space: nowrap;
    overflow: auto;
}

.m-coupon.invalid * {
    color: #b8b8b8 !important;
}

.m-coupon.invalid > .discount {
    background-image: url(../image/bg-coupon-invalid.png);
}

.m-coupon.invalid > .info {
    background-image: url(../image/bg-coupon-elephant.png), url(../image/bg-coupon-invalid.png);
}

.m-links {
    display: -webkit-box;
    display: box;
    padding: 0 .3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
    text-align: left;
    background: #fff;
}

.m-links::before {
    left: .3rem;
    right: .3rem;
}

.m-links:empty {
    display: none;
}

.m-links > .item {
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-right: 1em;
    white-space: nowrap;
    overflow: auto;
    position: relative;
    text-align: right;
}

.m-links > .item > a {
    display: inline-block;
    color: #2b2b2b;
}

.m-links > .item > a::before {
    content: '';
    display: inline-block;
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;
    background: url(../image/icon-compensate.png) 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -2px;
}

.m-links > .item.compensate > a {
    color: #339900;
}

.m-links > .item.compensate > a::before {
    background-image: url(../image/icon_remind.png);
}

.m-links > .item.tel > a::before {
    background-image: url(../image/icon-tel.png);
}

.m-links > .item:first-child {
    text-align: left;
}

.m-links > .item:nth-child(3) {
    text-align: right;
    padding-right: 0;
}

.m-links > .item:last-child {
    padding-right: 0;
}

.m-links.less8 > .item {
    -webkit-box-flex: 0;
    box-flex: 0;
    padding-right: 2em;
    text-align: left;
}

.m-line-status {
    position: relative;
    z-index: 112;
    padding: .3rem;
    text-align: center;
    background-color: #fff;
}

.m-line-status > p {
    text-align: center;
    font-size: .3rem;
    font-weight: 700;
    color: #656565;
}

.m-line-status > p > em {
    color: #339900;
}

.m-line-status > p > strong {
    color: #01a9e8;
}

.m-line-status > .orn {
    position: absolute;
    top: -0.025rem;
    left: 0;
    right: 0;
    height: .05rem;
    background: url(../image/icon_point_small.png) repeat-x;
    background-size: .15rem .05rem;
}

.m-line-status .orn::after,
.m-line-status .orn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.145rem;
    width: .145rem;
    height: .29rem;
    border-radius: 0 .145rem .145rem 0;
    background: #D8D8D8;
}

.m-line-status .orn::before {
    right: 0;
    left: auto;
    border-radius: .145rem 0 0 .145rem;
}

.m-line-status .pre-icon {
    position: absolute;
    right: .15rem;
    top: .15rem;
    width: .6rem;
    height: .6rem;
    background: url(../image/ico_agree_help.png) center center no-repeat;
    background-size: .3rem .3rem;
}

.m-order .m-order-ft,
.m-order .m-order-hd {
    height: .8rem;
    line-height: .8rem;
    color: #2b2b2b;
}

.m-order {
    background: #fbfbfb;
    margin-bottom: .2rem;
}

.m-order .m-order-hd {
    padding: 0 .3rem;
    font-size: .24rem;
}

.m-order .m-order-hd .m-order-number {
    float: left;
    font-size: .24rem;
    white-space: nowrap;
}

.m-order .m-order-hd .m-order-status {
    float: right;
    text-align: right;
    font-size: .26rem;
}

.m-order .m-order-hd::after {
    bottom: 0;
}

.m-order .m-order-ft {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    font-size: .2rem;
}

.m-marquee label,
.m-marquee span {
    display: inline-block;
    white-space: nowrap;
}

.m-order .m-order-ft > div {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .6rem;
    overflow: auto;
}

.m-order .m-order-ft .m-order-info {
    padding-left: .3rem;
}

.m-order .m-order-hd label {
    float: left;
    padding-left: .4rem;
    text-align: left;
    white-space: nowrap;
    font-size: .26rem;
    background: url(../image/icon_car.png) left center no-repeat;
    background-size: .24rem .28rem;
}

.m-order .m-order-hd label .type {
    margin-left: .5em;
    padding-left: .5em;
    border-left: 1px solid currentColor;
    font-weight: 400;
}

#shareit,
.m-rule > dl > dt,
.m-rule > h1,
.m-rule > table footer,
.m-rule > table th,
html.doc article dt,
html.doc article h1,
html.doc article th {
    font-weight: 700;
}

.m-order .m-order-ft .m-order-btn {
    margin-right: .3rem;
    text-align: right;
    padding: .1rem .25rem;
    background: #339900;
    border-radius: .07rem;
    color: #fff;
}

.m-order .m-order-ft .m-order-refund {
    background: 0 0;
    border: 1px solid #339900;
    color: #339900;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-order .m-order-ft .m-order-time {
    padding-right: .3rem;
    text-align: right;
}

.m-order .m-order-ft::before {
    top: 0;
}

.m-order > .m-line > .subinfo .order-price {
    margin-top: .38rem;
}

.m-swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.m-swipe .m-swipe-pure,
.m-swipe .m-swipe-wrap {
    overflow: hidden;
    position: relative;
}

.m-swipe .m-swipe-pure > div,
.m-swipe .m-swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
}

.m-swipe ul {
    position: absolute;
    bottom: .06rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0;
}

.m-swipe ul li {
    float: left;
    margin: 0 .04rem;
    width: .08rem;
    height: .08rem;
    border-radius: .08rem;
    background: rgba(141, 141, 141, 0.5);
    color: #339900;
}

.m-swipe ul li.m-swipe-active {
    background: #fff;
}

.m-swipe .m-swipe-wrap,
.m-swipe .m-swipe-wrap > div {
    height: 100%;
}

.m-swipe .m-swipe-wrap div a > img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    min-height: 100%;
}

.m-marquee p {
    overflow: hidden;
    white-space: nowrap;
}

.m-marquee label {
    -webkit-animation: marquee 10s linear 1.5s infinite;
    animation: marquee 10s linear 1.5s infinite;
}

.m-marquee span {
    padding-right: 1rem;
    box-sizing: border-box;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.m-line-map {
    position: absolute;
    top: 1.54rem;
    bottom: .96rem;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
}

.m-line-map > .map {
    top: 0;
    bottom: 0;
    height: auto;
}

.m-map-btn {
    position: absolute;
    z-index: 111;
    right: .28rem;
    bottom: .3rem;
}

.m-map-btn > i {
    display: block;
    margin-bottom: .18rem;
    width: .74rem;
    height: .73rem;
    font-size: 0;
    background: url(../image/sprite-map.png?t=102) no-repeat;
    -webkit-background-size: 1.64rem 4.2rem;
    background-size: 1.64rem 4.2rem;
}

.m-map-btn > i.on-site {
    background-position: 0 -1.65rem;
}

.m-map-btn > i.on-site.on {
    background-position: -0.83rem -1.65rem;
}

.m-map-btn > i.off-site {
    background-position: 0 -2.47rem;
}

.m-map-btn > i.off-site.on {
    background-position: -0.83rem -2.47rem;
}

.m-map-btn > i.full-view {
    background-position: 0 -3.3rem;
}

.m-map-btn > i.full-view.on {
    background-position: -0.83rem -3.3rem;
}

.m-map-btn > i.chatroom {
    background-position: 0 0;
}

.m-map-btn > i.chatroom .tips {
    position: absolute;
    top: -0.95rem;
    right: 0;
    min-width: 2.39rem;
    padding: .08rem .54rem .08rem .1rem;
    height: .6rem;
    border-radius: .06rem;
    line-height: .3rem;
    text-align: left;
    font-size: .24rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.m-map-btn > i.chatroom .tips::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: .2rem;
    width: 0;
    height: 0;
    border: .12rem solid transparent;
    border-top-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.m-map-btn > i.chatroom .tips > i {
    position: absolute;
    top: .06rem;
    right: .06rem;
    display: inline-block;
    width: .32rem;
    height: .32rem;
    padding: .2rem;
    background: url(../image/close.png) center no-repeat;
    background-size: .32rem;
    -webkit-transform: translate(0.2rem, -0.2rem);
    transform: translate(0.2rem, -0.2rem);
}

.m-map-btn > i.chatroom.new {
    background-position: -0.83rem 0;
}

.m-map-btn > i.games {
    background-position: 0 -0.83rem;
}

.m-map-save {
    position: absolute;
    z-index: 111;
    left: .28rem;
    bottom: .3rem;
}

#navbar,
#shareit,
.m-doc .linklist li::after {
    bottom: 0;
}

.m-map-save > i {
    display: block;
    margin-bottom: .18rem;
    width: .74rem;
    height: .73rem;
    font-size: 0;
    background: url(../image/sprite-map.png?t=102) no-repeat;
    -webkit-background-size: 1.64rem 4.2rem;
    background-size: 1.64rem 4.2rem;
}

.m-map-save > i.save-line {
    background-position: -0.83rem -0.83rem;
}

.m-bill-list {
    background: #fff;
}

.m-bill-list > li {
    padding: 0 .3rem;
    overflow: hidden;
}

.m-bill-list > li > .info {
    float: left;
    max-width: 60%;
    padding: .21rem 0;
}

.m-bill-list > li > .info > .title {
    white-space: nowrap;
    height: .42rem;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .28rem;
    color: #2b2b2b;
}

.m-bill-list > li > .info > time {
    height: .34rem;
    line-height: .34rem;
    font-size: .22rem;
    color: #8a8a8a;
}

.m-bill-list > li > .subinfo {
    padding: .21rem 0;
    text-align: right;
}

.m-bill-list > li > .subinfo > .sum {
    display: block;
    height: .42rem;
    line-height: .42rem;
    font-size: .32rem;
    color: #339900;
}

.m-bill-list > li > .subinfo > .remark {
    height: .34rem;
    line-height: .34rem;
    font-size: .24rem;
    color: #2b2b2b;
}

.m-bill-list > li > .sum {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: right;
    font-size: .32rem;
    color: #339900;
    padding-right: .3rem;
    background: url(../image/icon_right.png) 100% 50% no-repeat;
    background-size: .15rem;
}

.m-empty,
.m-rule > h1,
.m-rule > table {
    text-align: center;
}

.m-bill-list > li > .sum.off {
    color: #2b2b2b;
}

.m-empty-wrap {
    background: #fff;
}

.m-empty {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2.3rem .3rem .3rem;
    line-height: 1.4;
    font-size: .28rem;
    color: #b1b1b1;
    /*background: url(../image/icon_elephant_line.png) 50% 0 no-repeat;*/
    background-size: auto 1.95rem;
}

#ddb_toast,
#mask {
    position: fixed;
    width: 100%;
}

.m-rule {
    margin: 0 .3rem;
}

.m-rule > h1 {
    margin: .1rem 0;
    font-size: .36rem;
}

.m-rule > dl {
    margin: .3rem 0;
}

.m-rule > dl > dt {
    margin-bottom: .15rem;
    font-size: .28rem;
}

.m-rule > dl > dd {
    margin: .1rem 0 0 3.5em;
    font-size: .26rem;
}

.m-rule > dl > dd > i {
    display: inline-block;
    margin: 0 1.5em 0 -1.5em;
    width: 0;
}

.m-rule > dl > dd > ul > li {
    margin-top: .1rem;
}

.m-rule > dl.nothas-i > dd {
    margin-left: 2em;
}

.m-rule > table {
    margin-top: 1.5em;
    width: 100%;
    font-size: .22rem;
    color: #000;
    vertical-align: middle;
}

.m-rule > table caption {
    margin-bottom: .4em;
    text-align: left;
    font-size: .24rem;
}

#alert_success,
#ddb_toast,
#navbar > a {
    text-align: center;
}

.m-rule > table td,
.m-rule > table th {
    padding: .02rem;
    border: 1px solid #444;
}

.m-rule > table thead th {
    padding: .08rem .02rem;
    font-size: .24rem;
}

.m-rule > table footer {
    margin-top: 1em;
    font-size: .24rem;
}

.m-rule > footer i {
    margin-right: .2em;
    vertical-align: middle;
}

#ddb_toast {
    display: none;
    z-index: 9999;
    left: 0;
    top: 80%;
    color: #fff;
}

#ddb_toast > a {
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: .12rem .2rem;
    max-width: 80%;
    border-radius: .1rem;
    color: inherit;
    background: rgba(0, 0, 0, 0.75);
}

#alert_success .alert_close,
#alert_success:after {
    display: block;
    position: absolute;
    content: '';
}

#navbar,
html.sougou-app {
    -webkit-box-sizing: border-box;
}

#mask {
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
}

#alert_success {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 5.64rem;
    padding: .46rem 0 .3rem;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
    z-index: 999;
    background: #fff;
    border-radius: .2rem;
}

#alert_success .alert_close {
    top: -0.58rem;
    right: 0;
    width: .32rem;
    height: .32rem;
    background: url(../image/icon_delete.png) no-repeat;
    background-size: .32rem .32rem;
}

#alert_success .icon_success {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
}

#alert_success .tips_success {
    margin-top: .4rem;
    font-size: .34rem;
    line-height: .34rem;
    color: #2b2b2b;
}

#alert_success .tips_text {
    margin: .2rem 0;
    font-size: .24rem;
    line-height: .24rem;
    color: #7c7c7c;
}

#alert_success .tips_text span {
    color: #ff5000;
}

#alert_success .btn_success {
    width: 3.88rem;
    height: .72rem;
    margin: .32rem auto 0;
    background: #ff9402;
    color: #fff;
    font-size: .36rem;
    line-height: .72rem;
    border-radius: .1rem;
}

#alert_success:after {
    top: -0.26rem;
    right: .15rem;
    width: .02rem;
    height: .3rem;
    background: #fff;
}

html.wait-bus .m-line {
    margin-bottom: 0;
}

html.wait-bus .show-ticket-box {
    padding: 0 .3rem .14rem;
    background: #fff;
}

#navbar {
    box-sizing: border-box;
    display: -webkit-box;
    display: box;
    position: fixed;
    z-index: 990;
    left: 0;
    right: 0;
    padding: .08rem 0;
    height: .9rem;
    border-top: 1px solid #e1e1e1;
    background: #f9f9f9;
}

#navbar > a {
    -webkit-box-flex: 1;
    box-flex: 1;
    position: relative;
    display: block;
    height: 100%;
    line-height: 1;
    font-size: .24rem;
    color: #949494;
}

#navbar > a::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

#navbar > a::before {
    content: '';
    position: absolute;
    left: 50%;
    margin-top: -0.03rem;
    width: .42rem;
    height: .5rem;
    background: url(../image/footer_icon.png) no-repeat;
    background-size: 1.5rem 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#navbar > a.search::before {
    background-position: 0 0;
}

#navbar > a.wait-bus::before {
    background-position: -0.5rem 0;
}

#navbar > a.mine::before {
    background-position: -1rem 0;
}

#navbar > a.active {
    color: #339900;
}

#navbar > a.active.search::before {
    background-position: 0 -0.7rem;
}

#navbar > a.active.wait-bus::before {
    background-position: -0.5rem -0.7rem;
}

#navbar > a.active.mine::before {
    background-position: -1rem -0.7rem;
}

#navbar.spring {
    border: none;
    background: url(../image/bg-navbar-spring.png) 50% 100% no-repeat;
    background-size: 100%;
}

#navbar.spring::before {
    content: none;
}

#navbar.spring > a {
    color: rgba(255, 255, 255, 0.58);
}

#navbar.spring > a.active,
#shareit {
    color: #fff;
}

#navbar.spring > a::before {
    width: .9rem;
    height: .84rem;
    margin-top: -0.27rem;
    background: url(../image/icon-navbar-spring.png?v=2.1.0) no-repeat;
    background-size: 2.7rem;
}

#navbar.spring > a.search::before {
    background-position: 0 100%;
}

#navbar.spring > a.active.search::before {
    background-position: 0 0;
}

#navbar.spring > a.wait-bus::before {
    background-position: 50% 100%;
}

#navbar.spring > a.active.wait-bus::before {
    background-position: 50% 0;
}

#navbar.spring > a.mine::before {
    background-position: 100% 100%;
}

#navbar.spring > a.active.mine::before {
    background-position: 100% 0;
}

#navbar.spring > a.active::before {
    margin-top: -0.37rem;
}

#navbar.spring > a > .g-redpoint {
    top: 0;
    right: .7rem;
}

.g-redpoint {
    display: none;
    position: absolute;
    top: .1rem;
    right: .82rem;
    width: .1rem;
    height: .1rem;
    background: url(../image/icon_point.png) center no-repeat;
    background-size: contain;
}

#shareit {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    text-align: right;
    padding-top: 1.25rem;
    padding-right: 2.7rem;
    line-height: 1;
    font-size: .4rem;
    background: rgba(0, 0, 0, 0.75);
}

#shareit::before {
    content: '';
    position: absolute;
    right: .4rem;
    top: .2rem;
    width: 2.09rem;
    height: 1.36rem;
    background: url(../image/share_tip_arrow.png) no-repeat;
    background-size: contain;
}

.m-doc .linklist li {
    padding: .2rem 0;
    background: #fff;
}

.m-doc .linklist li a {
    display: block;
    position: relative;
    padding: 0 .7rem 0 .3rem;
    line-height: 1.4;
    font-size: .26rem;
    color: #2b2b2b;
}

.m-doc .linklist li a::after {
    content: '';
    position: absolute;
    top: 0;
    right: .3rem;
    height: 100%;
    width: .3rem;
    background: url(../image/arr-right-linklist.png) right center no-repeat;
    background-size: auto .3rem;
}

.m-doc .hotline {
    color: #339900;
    font-size: .24rem;
    text-align: center;
    line-height: 1.3;
}

.m-doc .hotline a {
    display: block;
    font-size: .3rem;
    color: inherit;
}

.m-doc .header {
    padding: 0 .3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    color: #8A8A8A;
    background: #eee;
}

html.doc article {
    margin: .3rem;
}

html.doc article h1 {
    margin: .1rem 0;
    font-size: .36rem;
    text-align: center;
}

html.doc article dt {
    margin: .3rem 0 .1rem;
    font-size: .28rem;
}

html.doc article dd {
    margin: .1rem 0 0 2em;
    font-size: .26rem;
    color: #3f2e27;
}

html.doc article dd.has-index {
    margin-left: 4em;
}

html.doc article dd i {
    display: inline-block;
    margin: 0 0.5em 0 -2.5em;
    width: 2em;
}

html.doc article dd li {
    margin-top: .1rem;
}

html.doc article table {
    margin: 1em 0 .5em;
    width: 100%;
    text-align: center;
    font-size: .22rem;
    color: #000;
    vertical-align: middle;
}

html.doc article caption {
    margin-bottom: .4em;
    text-align: left;
    font-size: .24rem;
}

html.doc article td,
html.doc article th {
    padding: .02rem;
    border: 1px solid #444;
}

html.doc article thead th {
    padding: .08rem .02rem;
    font-size: .24rem;
}

html.sougou-app .mb-page,
html.sougou-app.search #page-city {
    padding-top: 40px !important;
}

html.doc article footer {
    margin-top: 1em;
    font-size: .24rem;
    font-weight: 700;
}

html.sougou-app.city-line .empty_panel i,
html.sougou-app.city-line .empty_panel span,
html.sougou-app.city-line .main,
html.sougou-app.invite-rebate #page-home > .invite-rule,
html.sougou-app.line-details #js-map .m-map-btn,
html.sougou-app.line-details #js-map > .map,
html.sougou-app.line-details #page-daily-ticket .m-calendar > .weeks,
html.sougou-app.wait-bus #js-map {
    margin-top: 40px;
}

html.doc article footer i {
    margin-right: .2em;
    vertical-align: middle;
}

html.doc .navHide {
    display: none;
}

html.doc .navShow {
    display: block;
    position: relative;
}

html.sougou-app {
    border-top: 40px solid #FE6847 !important;
    box-sizing: border-box;
}

html.sougou-app .m-notice {
    top: -40px;
}

html.sougou-app .m-notice.in {
    top: auto;
}

html.sougou-app .g-navbar,
html.sougou-app .g-tab {
    top: 40px !important;
}

html.sougou-app .mb-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html.sougou-app.line-details #js-map,
html.sougou-app.location #location_section1 .ddbUi-lineMap {
    padding-top: 40px;
}

html.sougou-app.search #page-calendar .g-navbar {
    display: none;
}

html.sougou-app.search #page-calendar .m-calendar,
html.sougou-app.search #page-calendar .m-calendar-weeks {
    top: 40px;
}

html.sougou-app.select-city article > nav,
html.sougou-app.wait-bus .m-notice {
    top: 40px !important;
}

html.sougou-app.common-address #panel-address .address-panel,
html.sougou-app.common-address #panel-info .info-panel,
html.sougou-app.common-address nav.tab-common,
html.sougou-app.location nav {
    top: 40px;
}

html.sougou-app.search-result .g-tab {
    top: .88rem !important;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

html.sougou-app.cnhk-lines .m-calendar,
html.sougou-app.cnhk-lines .m-calendar-weeks,
html.sougou-app.cnhk-lines .select-bar {
    top: 40px;
}

html.sougou-app.cnhk-lines #page-calendar .g-navbar {
    top: 0 !important;
}

html.sougou-app.city-line .date-panel,
html.sougou-app.line-details #page-add-info .city-wrap {
    top: 40px;
}

body {
    background: #eee;
    color: #2b2b2b;
    letter-spacing: normal;
}

.mb-page {
    min-height: 6rem;
}


/*::-webkit-scrollbar { width: 0; height: 0; }*/

.container {
    overflow-y: scroll;
    margin: 0 auto;
}

a {
    color: #2b2b2b;
}

.dis_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
}

.dis_box .two {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}

.g-footbar {
    position: absolute;
    padding: .09rem .3rem;
}

.bus_wrap {
    padding-bottom: 1rem;
}

.gray {
    color: #b8b8b8;
}

.gray_agree {
    color: #b8b8b8;
    text-decoration: underline;
}

.orange {
    color: #339900;
}

#page-addOrder,
#page-addOrder-contact,
#page-add-address,
#page-view-order,
#page-order-details,
#page-order-info {
    overflow: auto;
}

.page {
    overflow: auto;
    background: #EEEEEE;
}

#ddb_popup .popup-tips-content {
    text-indent: 0;
}

.gray_bg,
.gray_bg:last-of-type {
    background: #bbb;
}


/*填写包车订单*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.showArea {
    background: #fff;
    margin: 0 0 .2rem;
    padding: .1rem .3rem;
    overflow: hidden;
}

.showArea li {
    height: .87rem;
    line-height: .87rem;
    border-bottom: 1px solid #ebebeb;
    vertical-align: middle;
    position: relative;
}

.showArea .GoClass,
.showArea .BackClass {
    height: .77rem;
    line-height: .77rem;
    border-bottom: none;
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-top: 5px;
}

.showArea .GoClass {
    border-right: 1px solid #ebebeb;
}

.showArea .BackClass {
    text-indent: .1rem;
}

.showArea li:last-child {
    border-bottom: none;
}

.showArea li .left_name {
    font-size: .26rem;
}

.showArea li .right_name {
    width: 72%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    color: #656565;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: .3rem;
}


/*        .showArea li:nth-last-of-type(2) .right_name{
            padding-right: .1rem;
        }*/


/* .showArea li:nth-last-of-type(1) .right_name{
            overflow: hidden;
            display: block;
            width: 6em;
        }*/


/*        .showArea li:last-child .right_name,.showArea li:nth-last-of-type(2) .right_name{
            font-size: .20rem;
        }*/

.showArea li .ico_jt {
    position: absolute;
    right: 0;
    width: .17rem;
    height: .33rem;
    background: url(/Scripts/BusKeji/image/icon_right_bus.png) no-repeat center;
    background-size: 100%;
    top: .26rem;
}

.showArea li .ico_map{
    position: absolute;
    right: 0;
    font-size: 20px;
    width: .25rem;
    top: .05rem;
    font-weight: 700;
}

.showArea li .ico_close {
    position: absolute;
    right: -0.12rem;
    height: 24px;
    width: 24px;
    color: #CCCCCC;
    /* width: .17rem;
            height: .33rem;*/
    background: url(/Scripts/BusKeji/image/icon_close%281%29.png) no-repeat center;
    background-size: 100%;
    top: .15rem;
}


/*        .showArea li:nth-last-of-type(2) .ico_jt,.showArea li:last-child .ico_jt{
            top:.23rem;
        }*/


/*        .showArea li:nth-last-of-type(2) .ico_jt{
            right: .1rem;            
        }*/

.ico_left {
    position: absolute;
    margin-left: -0.26rem;
    width: .28rem;
    height: .33rem;
    background: url(/Scripts/BusKeji/image/icons_left.png) no-repeat center;
    background-size: 100%;
    top: .35rem;
}

.ico_right {
    position: absolute;
    width: .28rem;
    height: .33rem;
    background: url(/Scripts/BusKeji/image/icons_right.png) no-repeat center;
    background-size: 100%;
    top: .33rem;
    right: -0.28rem;
}

.bus-sel-recent {
    margin-top: 10px;
    color: #b2b2b2;
}

.bus-sel-recent li {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
}

.bus-sel-recent li:active {
    background-color: #e2e2e2;
}

.gray_title {
    padding: 0 .3rem .2rem;
    color: #888;
    position: relative;
}

.gray_title .rules {
    position: absolute;
    right: .3rem;
    font-size: .2rem;
    color: #2b2b2b;
    text-decoration: underline;
    padding-left: .3rem;
    background: url(/Scripts/BusKeji/image/icon_remind.png) 0 50% no-repeat;
    background-size: .24rem;
    line-height: 2;
}

.txt_input {
    border: none;
    width: 100%;
    color: #656565;
    text-align: right;
}


/*.txt_input, #mobile, .select_btn {
    margin-right: -.3rem;
}

.txt_w200 {
    width: 1.8rem;
}*/

.txt_input::-webkit-input-placeholder {
    color: #bcbcbc;
}

.txt_input::-moz-input-placeholder {
    color: #bcbcbc;
}

.txt_input::-ms-input-placeholder {
    color: #bcbcbc;
}

.txt_input::-o-input-placeholder {
    color: #bcbcbc;
}

.txt_border::-webkit-input-placeholder,
.txt_area::-webkit-input-placeholder {
    color: #bcbcbc;
}

.txt_border::-moz-input-placeholder,
.txt_area::-moz-input-placeholder {
    color: #bcbcbc;
}

.txt_border::-ms-input-placeholder,
.txt_area::-ms-input-placeholder {
    color: #bcbcbc;
}

.txt_border::-o-input-placeholder,
.txt_area::-o-input-placeholder {
    color: #bcbcbc;
}

.select_btn {
    width: 3rem;
    line-height: .6rem;
    border: solid 0.03rem #339900;
    border-radius: .06rem;
    float: right;
    margin-top: .1rem;
}

.select_btn h3 {
    text-align: center;
    float: left;
    width: 50%;
}

.select_btn .on {
    background: #339900;
    color: #fff;
}

.showArea li.tip_info {
    height: .3rem;
    line-height: .3rem;
    color: #339900;
    font-size: .2rem;
    background: #eee;
    text-align: right;
    padding-right: .3rem;
}

.showArea li.bs {
    height: 1.5rem;
    line-height: 1.4;
    padding-top: .2rem;
    vertical-align: top;
}

.txt_area {
    vertical-align: top;
    height: 1rem;
    width: 100%;
    padding-top: .05rem;
    border: none;
    color: #656565;
}

.dialog_wrapper {
    z-index: 111;
}

.dialog_wrapper li {
    transition: none;
}

.showArea li.agree {
    color: #339900;
    text-decoration: underline;
    font-size: .26rem;
}

.showArea li.agree .ico_agree {
    display: inline-block;
    width: .5rem;
    height: .31rem;
    background: url(/Scripts/BusKeji/image/icon-selected.png) no-repeat top left;
    background-size: .31rem;
    position: relative;
    top: .06rem;
}

.ico_agree {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(/Scripts/BusKeji/image/icon-selected.png) no-repeat top left;
    background-size: .31rem;
    position: relative;
    top: .06rem;
}

.showArea li.agree .ico_notAgree {
    background: url(/Scripts/BusKeji/image/icon-unselected.png) no-repeat top left;
    background-size: .31rem;
    color: #bbb;
}

.ico_notAgree {
    background: url(/Scripts/BusKeji/image/icon-unselected.png) no-repeat top left;
    background-size: .31rem;
    color: #bbb;
}

.showArea li.agree .ico_agree_help {
    background: url(/Scripts/BusKeji/image/ico_agree_help.png) no-repeat top left;
    background-size: .31rem;
}


/*选择弹窗*/

.fixed_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

.dialog_wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5.56rem;
    background-color: #fff;
}

.dialog_wrapper .wrapper_title {
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    background-color: #339900;
    margin: auto;
    color: #fff;
    padding: 0 .3rem;
    font-size: .36rem;
}

.dialog_wrapper .wrapper_title span {
    font-size: .3rem;
}

.dialog_wrapper .wrapper_con {
    position: relative;
    width: 100%;
    height: 4.5rem;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

.scroll_con {
    width: 60%;
    height: 4.5rem;
    overflow: hidden;
    text-align: center;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.scroll_con2 {
    width: 20%;
}

.scroll_con_all {
    width: 100%;
}

.dialog_wrapper li {
    height: .905rem;
    line-height: .905rem;
    transition: opacity .1s, transform .1s;
    font-size: .4rem;
    overflow: hidden;
}

.dialog_wrapper li .s_time {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.dialog_wrapper li .s_time2 {
    text-align: right;
}

.active_bg {
    height: .9rem;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -0.46rem;
    border: 1px solid #ebebeb;
}

.dialog_wrapper li[ac="0"] {
    opacity: 1;
}

.dialog_wrapper li[ac="1"] {
    opacity: 0.6;
    font-size: .3rem;
}

.dialog_wrapper li[ac="2"] {
    opacity: 0.4;
    font-size: .3rem;
}

.dialog_wrapper li[ac="3"] {
    opacity: 0.2;
    font-size: .3rem;
}


/*填写包车地址*/

#page-add-address {
    background: #fff;
}

.address {
    height: 1rem;
    line-height: 1rem;
    border-bottom: solid 1px #F2F2F2;
}

.address .panel {
    position: relative;
    width: 5.8rem;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.address .city_btn {
    position: relative;
    float: left;
    margin-top: .35rem;
    padding-right: .25rem;
    width: .8rem;
    height: .28rem;
    line-height: .28rem;
    font-size: .28rem;
    color: #2b2b2b;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address .city_btn .ico {
    position: absolute;
    top: .1rem;
    right: 0;
    margin: 0 .1rem;
    width: .2rem;
    height: .1rem;
    background: url(/Scripts/BusKeji/image/icon_down.png) no-repeat center top;
    background-size: contain;
}

.address .txt_border {
    float: right;
    width: 4.5rem;
    margin-top: .18rem;
    margin-right: 0;
    border-radius: .08rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .26rem;
    padding: 0 .08rem;
    text-align: left;
    background: #eee;
}

.select_list {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 100%;
    z-index: 11;
}

.select_list dt {
    font-size: .3rem;
    padding: .1rem 0;
    margin: 0 .3rem;
    border-bottom: solid 1px #e1e1e1;
}

.select_list dt .road {
    color: #999;
    font-size: .26rem;
}

.select_list dt .light {
    color: #339900;
}


/*包车订单预览*/

.view_order {
    box-shadow: 0 1px 1px rgba(3, 3, 3, 0.02);
}

.bus_line {
    background: #fff;
    padding: .2rem .3rem;
    margin-bottom: .2rem;
}

.bus_line .place {
    font-size: .3rem;
    line-height: 1;
    color: #2b2b2b;
    background: url(/Scripts/BusKeji/image/icon-line.png) 0 50% no-repeat;
    background-size: .14rem 80%;
}

.bus_line .place .start,
.bus_line .place .end {
    padding-left: .2rem;
    min-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    background: url(/Scripts/BusKeji/image/icon-starting.png) 0 50% no-repeat;
    background-size: .14rem;
}

.bus_line .place .end {
    margin-top: .15rem;
    background-image: url(/Scripts/BusKeji/image/icon-ending.png);
}

.view_list .showArea li {
    height: .7rem;
    line-height: .7rem;
}

.view_list .showArea li.bs_li {
    height: auto;
    line-height: 1.3;
    padding: .2rem 0;
}

.view_list .showArea li .bs_con {
    overflow: auto;
    white-space: normal;
    line-height: 1.3;
    vertical-align: top;
    display: inline-block;
    color: #656565;
}

.view_list .showArea li .txt_right {
    float: right;
    /*line-height: .7rem;*/
}

.view_list li .right_name {
    margin-right: -0.3rem;
}

.hr_line {
    border: 0;
    border-top: 1px solid #ebebeb;
    margin: 0 .3rem;
}


/*订单详情*/

.m-line > .info {
    margin-right: .4rem;
}

.order-details {
    padding: 0;
    position: relative;
}

.order-details li {
    font-size: .26rem;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .3rem;
}

.state {
    position: absolute;
    right: 0;
    top: .1rem;
    width: 1.7rem;
    height: 1.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: 1.1rem;
}

.state01 {
    background-image: url(/Scripts/BusKeji/image/icon_waitcheck.png);
}


/*待审?/
.state02 {
    background-image: url(/Scripts/BusKeji/image/icon_unpass.png);
}
/*不通过*/

.state03 {
    background-image: url(/Scripts/BusKeji/image/icon_price.png);
}


/*报价?/
.state05 {
    background-image: url(/Scripts/BusKeji/image/icon_waitpay.png);
}
/*待支?/
.state06 {
    background-image: url(/Scripts/BusKeji/image/icon_havepay.png);
}
/*已支?/
/*.state07{background-image: url(image/icon_haverefund.png);}已退?/
.state04 {
    background-image: url(/Scripts/BusKeji/image/icon_close.png);
}
/*已关?/
.m-btn-cancle, .m-btn-cancle:last-of-type {
    background: none;
    border: solid .03rem @main_color;
    color: @main_color;
}

.tip20 {
    font-size: .2rem;
    color: #656565;
}

/*无排?/
.schedu_list {
    text-align: center;
    line-height: 1;
}

    .schedu_list .orange {
        padding-top: .4rem;
        font-size: .4rem;
    }

    .schedu_list p {
        padding-top: .2rem;
        color: #656565;
        font-size: .26rem;
        line-height: 1;
    }

    .schedu_list .eleph {
        width: 2.51rem;
        height: 1.95rem;
        background: url(/Scripts/BusKeji/image/icon_elephant_line_green.png) no-repeat center;
        margin: .4rem auto 0;
        background-size: 100%;
    }

.ico_jt02 {
    position: absolute;
    right: .3rem;
    width: .25rem;
    height: .48rem;
    background: url(/Scripts/BusKeji/image/icon_right_orang.png) no-repeat center;
    background-size: 100%;
    top: .6rem;
}

/*支付方式*/

.pay-type > li::before {
    content: '';
    display: inline-block;
    width: .4rem;
    height: 100%;
    margin: 0 .1rem 0 0;
    background: url(/Scripts/BusKeji/image/icon-wechat-pay.png) 0 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: top;
}

.pay-type > li.alipay::before {
    background-image: url(/Scripts/BusKeji/image/icon-alipay.png);
}

.pay-type > li .tj {
    background: #339900;
    color: #fff;
    font-size: .2rem;
    padding: .03rem .11rem;
    border-radius: .2rem;
    position: relative;
    top: -0.1rem;
}

.pay-type > li i.subinfo {
    width: .35rem;
    height: 100%;
    background: url(/Scripts/BusKeji/image/icon-unselected.png) 100% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    float: right;
}

.pay-type > li.disabled i.subinfo {
    background-image: url(/Scripts/BusKeji/image/icon-unselected.png);
}

.pay-type > li.checked i.subinfo {
    background-image: url(/Scripts/BusKeji/image/icon-selected.png);
}

.g-footbar > .confirm {
    display: -webkit-box;
    display: box;
}

.g-footbar > .confirm > .btn {
    -webkit-box-flex: 1;
    box-flex: 1;
    background: #FF5000;
}

.g-footbar > .confirm > .m-btn {
    margin-right: 0;
}

.g-footbar > .confirm > .btnRebuy {
    margin-left: .3rem;
    padding: 0 .5rem;
}

.g-footbar > .confirm > .btn.refund {
    -webkit-box-flex: 1;
    box-flex: 1;
    border: 1px #FF5000 solid;
    color: #FF5000;
    background: #fff;
}

.g-footbar > .confirm > .count {
    display: inline-block;
    margin: 0 .4rem 0 .2rem;
    font-size: .22rem;
    height: .72rem;
    line-height: .72rem;
    color: #999;
}

.g-footbar > .confirm > .count .price {
    color: #ff5000;
    font-size: .32rem;
    font-weight: normal;
}

.g-footbar > .confirm > .count .price small {
    font-size: .22rem;
}

.g-footbar > .confirm > .count .amout {
    margin-left: .08rem;
    font-size: .2rem;
    color: #999;
}


/* 支付成功?*/

.mb-wrap::after {
    height: 1.1rem;
}

#page-pay-success {
    background: #fff;
}

#page-pay-success nav .link {
    position: absolute;
    top: 50%;
    left: auto;
    right: .3rem;
    font-size: .3rem;
    color: #2b2b2b;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#page-pay-success .pay-success {
    text-align: center;
}

#page-pay-success .pay-success .tips {
    margin: .3rem;
    min-height: 1rem;
}

#page-pay-success .pay-success .tips:empty {
    background: url(/Scripts/BusKeji/image/icon_success.png) 50% 50% no-repeat;
    background-size: contain;
}

#page-pay-success .pay-success .tips p {
    font-size: .4rem;
    font-weight: bold;
    color: #339900;
}

#page-pay-success .pay-success .guide {
    margin: 0 1rem;
    font-size: .26rem;
    line-height: 1;
    color: #2b2b2b;
    text-align: center;
}

#page-pay-success .pay-success .guide img {
    margin-top: .2rem;
    width: 90%;
    max-width: 4rem;
}

#page-pay-success .pay-success .links::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: .97rem;
    height: .3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

#page-pay-success .pay-success .links {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .15rem .3rem .12rem;
    margin: auto;
    font-size: 0;
    white-space: nowrap;
    background: #fff;
}

#page-pay-success .pay-success .links a {
    display: inline-block;
    width: 2.7rem;
}

#page-pay-success .pay-success .links .m-btn:first-child {
    background: none;
}

#page-pay-success .pay-success .links a.m-btn:only-child {
    width: 100%;
    background: #339900;
}

.map_line {
    position: absolute;
    bottom: 1rem;
    top: 1.56rem;
    width: 100%;
}

.map_stations {
    position: absolute;
    bottom: 0;
    top: 1rem;
    width: 100%;
}

.wrap_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/*=======================电子票?==============*/

.Month_Title {
    background-color: #1f2e4f;
    margin: 20px auto 30px auto;
    font-weight: bolder;
    width: 50%;
    font-size: 30px;
    text-align: center;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #FFF;
    padding: 12px 18px;
}

.Month_Content {
    width: 96%;
    position: relative;
    margin: auto;
    background-color: #FFF;
    height: 430px;
    border: 1px solid #C0C0C0;
}

.Month_Ticket {
    width: 86%;
    position: relative;
    margin: -20px auto 0 auto;
    border: 1px solid #CCC;
    border-top-width: 3px;
    border-bottom-width: 0;
    background-color: #FFF;
}

.Month_Ticket .Month_DateTime {
    text-align: center;
    margin: 10px 0;
}

.Month_Ticket .Month_Style {
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    border-right: 1px solid #CCC;
    background-image: url('/Scripts/BusKeji/image/ticket_bottom.png');
    background-repeat: repeat-x;
}

.Month_Ticket .Month_DateTime span {
    font-size: 35px;
    font-weight: bold;
    font-family: "微软雅黑";
}

.Month_Ticket .Month_Info {
    text-align: right;
    line-height: 28px;
}

.Month_Ticket .Month_Info span {
    font-weight: bold;
    font-family: "黑体";
}

.MyPageMain {
    padding: 10px 0;
}

.Month_Info {
    text-align: center;
    margin: 10px 0;
}

.Month_Info .line {
    width: 90%;
    margin: 10px auto 0;
}

.Month_Arr {
    width: 90%;
    margin: auto;
    font-size: 58px;
    font-weight: bold;
    color: #087385;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    padding: 15px 0;
    text-align: center;
}

.bus-list .cprice {
    margin-right: 20px;
}

.bus-list li.tit {
    color: #333;
    min-height: 48px;
    line-height: 48px;
}

.bus-list li.tit strong {
    font-size: 18px;
    font-weight: 400;
}

.bus-list li.tit small {
    font-size: 13px;
}

.bus-list li.bus-insure {
    line-height: 16px;
    padding-top: 5px;
    min-height: 40px;
    color: #333;
    font-size: 11px;
    position: relative;
}

.bus-list li.bus-insure strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.bus-list li.bus-insure .cui-switch {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
}

.bus-list li.pass-box {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 64px;
    z-index: 11;
}

.bus-list li.pass-box dt {
    height: 64px;
}

.bus-list li.pass-box .del {
    width: 60px;
    background: #fe6a60;
    color: #fff;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    right: -60px;
    top: 0;
    -web-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

.bus-list li.pass-box .edit {
    width: 45px;
    float: right;
    text-indent: -9999px;
}

.bus-list li.pass-box .edit:after {
    display: block;
    width: 17px;
    height: 18px;
    content: "";
    background-image: url('../img/bus-icon.png');
    /*background-image: url(http://pic.c-ctrip.com/h5/train/bus-icon.png);*/
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: -70px -20px;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 16px;
}

.bus-list li.pass-box .del-icon {
    width: 45px;
    float: left;
    position: relative;
    text-indent: -9999px;
    -web-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    overflow: hidden;
}

.bus-list li.pass-box .del-icon:before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fe6a60;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
}

.bus-list li.pass-box .del-icon:after {
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -6px;
    -web-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bus-list li.pass-box dd {
    overflow: hidden;
    position: relative;
    line-height: 20px;
    padding: 12px 0 10px;
}

.bus-list li.pass-box dd strong {
    font-size: 16px;
    margin-right: 6px;
    font-weight: 400;
    line-height: 22px;
}

.bus-list li.pass-box dd em {
    background: #dbdbdb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    line-height: 14px;
    padding: 0 3px;
    font-size: 12px;
}

.bus-list li.pass-box dd p {
    font-size: 13px;
    color: #b2b2b2;
}

.bus-list li.pass-box.editing .del-icon {
    width: 0;
}

.bus-list li.pass-box.editing .del-icon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.bus-list li.pass-box.editing .del {
    right: 0;
}

.bus-list li.pass-box.hide {
    height: 0;
    opacity: 0;
    min-height: 0;
}

.bus-list.bus-select .pass-box {
    position: relative;
    overflow: hidden;
}

.bus-list li.edit-box {
    margin-left: -15px;
    padding-right: 0;
}

.bus-list li.edit-box ul {
    margin-left: 15px;
}

.bus-list li.err-box {
    background: #fff8e6;
}

.bus-list .ord-arr-grey:after {
    right: 10px;
}

.bus-list li.btn-box {
    min-height: 48px;
}

h3.tit {
    font: 500 15px/30px "Microsoft YaHei", hei;
    color: #666;
    text-indent: 15px;
}

h3.tit em {
    color: #009fde;
}

.btn-add {
    width: 80px;
    float: right;
    margin: 10px 10px 0 0;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*background: #52bce8;*/
    background: #339900;
    border: none;
    height: 30px;
    box-shadow: inset 0 -2px 0 #339900;
    color: #fff;
    /*text-shadow: 0 1px 1px rgba(3, 118, 166, 0.75)*/
}

.num {
    color: #FF5000;
    font-size: .25rem;
    line-height: 20px;
    font-weight: 400;
    margin-right: 2px;
}

.tickettype {
    color: #339900;
    line-height: 20px;
    font-weight: 400;
    margin-right: 2px;
}



.wrapper_con>.scroll_btn{
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
  position: absolute;
  display: block;
  overflow: hidden;
}
.wrapper_con>.scroll_up{
  top: 1rem;
  right: 1rem;
}
.wrapper_con>.scroll_down{
  bottom: 1rem;
  right: 1rem;
}


/*比价模块样式*/
.compare_items{
    height: auto !important;
    position: relative;
    padding: .1rem .3rem;
    margin-bottom: .1rem;
    background: #fff;
}

.compare_items .right_class {
    float: right;
}

.compare_items .left_class {
    float: left;

}


.compare_items .slt_btn{
    width: 1rem;
    line-height: .6rem;
    background-color: #339900;
    border: solid 0.03rem #339900;
    border-radius: .06rem;
    margin-top: .1rem;
    float: right;
}

.compare_items .slt_btn h3{
    text-align: center;
    color: #fff;
}
.compare_items>div{
    height: 1rem;
}
.compare_items>div:nth-of-type(1){
    height: 1rem;
    line-height: 1rem;

}
.compare_items>div:first-of-type img{
    float: left;
    height: .8rem;
    width: .8rem;
    margin: .2rem .2rem .0rem 0rem;
}
.compare_items>div:first-of-type span{
    float: left;
    height: .6rem;
    line-height: .6rem;
    margin: .3rem 0rem .1rem 0rem;
    font-size: 18px;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*font-family: serif;*/
}

.compare_items>div:first-of-type i{
    font-size: 20px;
    margin: .1rem;
    position: absolute;
    top: .5rem;
    left: .9rem;
    color: #FFCC33;
    text-shadow: 0px 0px 3px #fff;
}
.compare_items>div:nth-of-type(2){
    color: #777777;
}
.compare_items>div:nth-of-type(3)>.left_class{
    font-size: 16px;
}

.compare_items>div:nth-of-type(3)>.right_class{
    font-size: 26px;
    font-weight: 700;
    color: #FF9900;
/*    position: relative;
    bottom: .2rem;*/
}



/*模态框*/
#modal-overlay {
     visibility: hidden;    
     position: absolute;   /* 使用绝对定位或固定定位  */
     left: 0px;    
     top: 0px;
     width:100%;
     height:100%;
     /*text-align:center;*/
     z-index: 1000;
     background-color: rgba(0,0,0,0.6); 
     /*opacity: .9; */  /* 背景半透明 */
}
/*模态框公用样式*/
.overlay{
    visibility: hidden;    
     position: absolute;   /* 使用绝对定位或固定定位  */
     left: 0px;    
     top: 0px;
     width:100%;
     height:100%;
     /*text-align:center;*/
     z-index: 1000;
     background-color: rgba(0,0,0,0.6); 
     /*opacity: .9; */  /* 背景半透明 */
}

/* 模态框样式 */
.modal-data{
     width:90%;
     margin: 1rem auto;
     background-color: #fff;
     /*border:1px solid #000;*/
     /*padding:15px;*/
     /*text-align:center;*/
     border-radius:10px; 
}

.modal-data .modal-head{
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom:1px solid #339900;
    font-size: 18px;
}
.modal-data .modal-head img{
    float: left;
    width: .8rem;
    height: .8rem;
    margin: .16rem .2rem;
}
.modal-data .modal-head .modal-close{
    font-size: 32px;
    float:right;
    margin-right: .2rem;
}
.modal-data .modal-head>span{
    width: 3.5rem;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modal-data .model-content{
    width: 100%;
    border-bottom:1px solid #339900;
    display: block;
    overflow: hidden;
    font-size: 14px;
}
.modal-data .model-content>div:nth-of-type(1){
    margin: .2rem;
    height: 2rem;    
    overflow-y: auto;
}
.modal-data .model-content>div:nth-of-type(2){
    margin: .2rem;
    height: 3rem;
    border-top: 1px solid #CCCCCC ;
    overflow-y: auto;
}
.modal-data .model-content>div:nth-of-type(2)>span{
    font-size: 14px;
    display: block;
    margin-top: .1rem;
}
.modal-data .model-content>div:nth-of-type(2)>ul li{
    margin: .3rem 0rem; 
}
.modal-data .model-content>div:nth-of-type(2)>ul li>div:nth-of-type(1){
    display: block;
    overflow: hidden;
}


.modal-data .model-content>div:nth-of-type(2)>ul li>div:nth-of-type(1)>div:nth-of-type(1){
    float: left;
    color: gray;
}
.modal-data .model-content>div:nth-of-type(2)>ul li>div:nth-of-type(1)>div:nth-of-type(2){
    float: right;
    color: #FF0000 ;
}
.modal-data .model-content>div:nth-of-type(2)>ul li>div:nth-of-type(1)>div:nth-of-type(2)>div{
    float: left;
    margin-right: .2rem;
}
.modal-data .model-content>div:nth-of-type(2)>ul li>div:nth-of-type(1)>div:nth-of-type(2)>span{
    float:right;
    display: inline-block;
}

.modal-data .model-foot{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
}

.modal-data .model-foot>div:nth-of-type(1){
    text-indent: .5rem;
    width: 50%;
    display: inline-block;
    float: left;
    font-size: 24px;
    font-weight: 700;
    color: #FF6600 ;
}
.modal-data .model-foot>div:nth-of-type(2){
    text-align: center;
    width: 50%;
    display: inline-block;
    float: right;
}
.modal-data .model-foot>div:nth-of-type(2)>span{
    float: right;
    width: 60%;
    height: .6rem;
    line-height: .6rem;
    background-color: #339900;
    display: block;
    margin: .2rem .4rem;
    color: #fff;
    border-radius: 5px;
}

/*评价星星*/
.modal-data .model-content #bg{
    position: relative;
    top: .04rem;
    width: 60px;
    height: 14px;
    background: url("../image/star_gray.png");
    background-size: 60px 14px;
}
.modal-data .model-content #over{
    height:14px;
    background:url("../image/star_org.png") no-repeat;
    background-size: 60px 14px;
}

/*地图刷新*/
#page-map .refreshCar{
    position: absolute;
    top:1.2rem;
    right: 0.19rem;
    background-color: #fff;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    width: 0.5rem;
    height: 0.5rem;
    z-index: 200;
    display: block;
    padding: .0.05rem;
    color:#666;
    font-size: 16px;
    font-weight: 800;
    text-indent: 0.1rem;
    line-height:28px;
}
#page-map .refreshTime{
    position: absolute;
    top:.5rem;
    left: 1.2rem;
    z-index: 200;
    width:70%;
}
#page-map .refreshTime span{
    text-indent: .5rem;
    color: red;
}

iframe{
    display: none;
}