/*网站基本定义*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat; outline:none;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-family:"Microsoft yahei";font-size:90%;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both;  min-width:1180px;}
img{border:0px;max-width: 100%}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333333; outline:none; cursor:pointer;}
a:hover{ background-repeat:no-repeat;text-decoration: none; color:#5abac6;}
input,textarea,select{font-family:"微软雅黑";font-size:90%;}
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}

.clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfl{*zoom:1;}

.web{width:1200px; margin:0px auto; }

.imghover a img{ transition:all ease 2s; -moz-transition:all ease 2s; -ms-transition:all ease 2s; -o-transition:all ease 2s; -webkit-transition:all ease 2s; }
.imghover a:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.book-control .control__input{
    background: url(../images/icon6.png) no-repeat 97% center;
}
.preloader-loading {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 30px 0 20px;
    width: 38px;
    height: 38px;
    background: transparent url('../images/bx_loader.gif') center center no-repeat;
}
.preloader-loading-text {
    font-size: 16px;
}


.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height,visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}
.pointer {
    cursor: pointer
}
.title-info {
    padding-bottom: 10px;
    text-align: center;
    overflow: hidden
}

.title-info .title {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 24px;
    color: #222;
    font-weight: 500
}

.title-info .title:before,.title-info .title:after {
    position: absolute;
    display: block;
    content: "";
    width: 100px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background-color: #222
}

.title-info .title:before {
    right: 100%;
    margin-right: 40px
}

.title-info .title:after {
    left: 100%;
    margin-left: 40px
}
.bfc {
    display: block;
    overflow: hidden;
}
.ds-list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    font-size: 0;
    *word-spacing: -1px
}

.ds-list-inline .ds-list-inline-item {
    display: inline-block;
    *display: inline;
    *zoom:1;padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top
}

.ds-nav-channel {
    display: block;
    margin: 0;
    padding: 0 4%;
}

.ds-nav-channel-item {
    padding: 0;
    width: 18%
}

.ds-nav-channel-item a {
    color: #B0BEC5
}

.ds-nav-channel-item a:hover {
    color: #fff
}

.ds-nav-channel-item dd {
    line-height: 26px;
    font-size: 14px;
}

.ds-nav-channel-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333
}

.display-inline-block{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.display-block {
    display: block;
}
.color-tertiary {
    color: #df147f;
}
.color-muted {
    color: #777;
}
.color-warning {
    color: #E91E63;
}
.color-medium {
    color: #a4a4a4;
}
.bg-color-lighter {
    background-color: #f8f8f8!important;
}
.bg-color-darker {
    background-color: #444!important;
}
.bg-color-medium {
    background-color: #A4A4A4!important;
}
.bg-color-tertiary {
    background-color: #df147f;
}
.clearfix:before,.clearfix:after {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}
.type-center {
    text-align: center;
}
.type-left {
    text-align: left;
}
.type-right {
    text-align: right;
}
.btn--block {
    display: block;
    width: 100%;
    text-align: center;
}
.icon-location {
    display:inline-block;
    *display:inline;
    *zoom: 1;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/location2.png) center center no-repeat;
}
.icon-tel {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/tel.png) center center no-repeat;
}
.icon-add {
    display:inline-block;
    *display:inline;
    *zoom: 1;
    margin-top: -2px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/add.png) center center no-repeat;
    vertical-align: middle;
}
.icon-remove {
    display:inline-block;
    *display:inline;
    *zoom: 1;
    margin-top: -2px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/remove.png) center center no-repeat;
    vertical-align: middle;
}
.icon-light {
    display:inline-block;
    *display:inline;
    *zoom: 1;
    margin-top: 4px;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/light.png) center center no-repeat;
}
a:hover .icon-light {
    background-image: url(../images/light2.png);
}


.label-coupons {
    margin: 0 -16px;
    font-size: 0
}

.label-coupons label {
    position: relative;
    padding: 10px 25px 10px 20px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin: 0 14px 50px;
    height: 145px;
    width: 246px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.label-coupons label .title {
    padding-bottom: 5px;
    color: #fff
}

.label-coupons label .left,
.label-coupons--common label .left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.label-coupons label .right,
.label-coupons--common label .right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.label-coupons label .title-set {
    padding: 10px
}

.label-coupons label .des {
    height: 36px
}

.label-coupons label .date {
    padding: 5px 10px
}

.label-coupons label .mark {
    display: none;
    vertical-align: middle;
    line-height: 145px
}

.label-coupons label .mark .btn {
    margin-bottom: 0;
    padding: 15px 30px;
    line-height: 1;
    font-size: 18px;
    vertical-align: middle;
}

.label-coupons label .sp-used,.label-coupons label .sp-expired {
    position: absolute;
    right: -10px;
    top: -28px
}

.label-coupons label:hover .mark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');
    background: rgba(0,0,0,.5)
}

.label-coupons .check,
.label-coupons--common .check {
    position: absolute;
    left: -9999em
}

.label-coupons .cash,
.label-coupons--common .cash {
    background-color: #edab70
}

.label-coupons .cash .date,
.label-coupons--common .cash .date {
    border: 1px solid #f1bb8a
}

.label-coupons .consumer,
.label-coupons--common .consumer {
    background-color: #7cbeed
}

.label-coupons .consumer .date,
.label-coupons--common .consumer .date {
    border: 1px solid #96caee
}

.label-coupons .discount,
.label-coupons--common .discount {
    background-color: #d99fd5
}

.label-coupons .discount .date,
.label-coupons--common .discount .date {
    border: 1px solid #e1b1db
}

.label-coupons .expired,
.label-coupons--common .expired {
    background-color: #ccc
}

.label-coupons .expired .date,
.label-coupons--common .expired .date {
    border: 1px solid #d6d5d4
}

.label-coupons--common .label {
    position: relative;
    padding: 12px 15px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    vertical-align: middle
}
.label-coupons--common .list__item--checkbox {
    cursor: pointer;
}
.label-coupons--common  .check2,
.payment_radio .check2,
.payment_radio img {
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
}
.payment_radio .check2 {
    margin-right: 10px;
}
.payment_radio img {
    width: 80%;
}
.payment_radio .list__item--checkbox{
    display:block;
    cursor: pointer;
    margin-bottom: 15px;
}
.label-coupons--common .label .title-set {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.label-coupons--common .label .title {
    padding-bottom: 5px;
    color: #fff;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-align: center
}

.label-coupons--common .label .left {
    top: 50%;
    margin-top: -61px
}

.label-coupons--common .label .right {
    top: 50%;
    right: -1px;
    margin-top: -61px
}

.label-coupons--common .label .title-set {
    padding: 0
}

.label-coupons--common .label .des {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.label-coupons--common .label .sp-used,.label-coupons--common .label .sp-expired {
    position: absolute;
    right: -10px;
    top: -28px
}
.label-coupons--common .arrow--bottom {
    margin-left: 15px;
    display: inline-block;
    *display: inline;
    *zoom:1;height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #222;
    vertical-align: middle
}

.label-coupons--common .collapsed .arrow--bottom {
    border-bottom: none;
    display: inline-block;
    *display: inline;
    *zoom:1;height: 0;
    width: 0;
    border-top: 6px solid #222;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}
.label-coupons--common .label .left {
    background-image: url(../images/coupons-left2.png);
    background-position: 0 0;
    width: 8px;
    height: 122px
}
.label-coupons--common .label .right {
    background-image: url(../images/coupons-right2.png);
    background-position: 0 0;
    width: 3px;
    height: 122px
}
.coupon-choose--common .cells_radio {
    max-height: 480px;
    overflow-y: auto
}

[class^="sp-"], [class*=" sp-"] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.sp-coupons-left {
  background-image: url(../images/sprite.png);
  background-position: 0px -86px;
  width: 20px;
  height: 145px;
}
.sp-coupons-right {
  background-image: url(../images/sprite.png);
  background-position: -174px 0px;
  width: 5px;
  height: 145px;
}
.sp-done {
  background-image: url(../images/sprite.png);
  background-position: -20px -86px;
  width: 52px;
  height: 52px;
}
.sp-expired {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 87px;
  height: 86px;
}
.sp-seckill {
  background-image: url(../images/sprite.png);
  background-position: -72px -86px;
  width: 44px;
  height: 44px;
}
.sp-seckill2 {
  background-image: url(../images/sprite.png);
  background-position: -116px -86px;
  width: 44px;
  height: 44px;
}
.sp-used {
  background-image: url(../images/sprite.png);
  background-position: -87px 0px;
  width: 87px;
  height: 86px;
}


table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #6e6e6e;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}
.table>thead .no-border>th,
.table>thead .no-border>td,
.table>tbody .no-border>th,
.table>tbody .no-border>td,
.table>tfoot .no-border>th,
.table>tfoot .no-border>td {
    border: none
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}


.table>tbody>tr:hover {
    background-color: #f5f5f5
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table>tbody>tr>td.active:hover,
.table>tbody>tr>th.active:hover,
.table>tbody>tr.active:hover>td,
.table>tbody>tr:hover>.active,
.table>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}
.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.number-button .btn{
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    height: 44px;
    line-height: 1;
    font-size: 30px;
    background-color: #546E7A;
    border-color: #546E7A;
}
.number-button .btn:active,
.number-button .btn:focus,
.number-button .btn:hover {
    color: #df147f;
    outline: none;
}
.number-button .minus{
    font-size: 36px;
}
.check__label {
    cursor: pointer;
}
.check__label .check2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}
.check__label + .check__label {
    margin-left: 30px;
}
.l-row {
    margin-left: -15px;
    margin-right: -15px
}
.l-row.l-row--sm {
    margin-left: -5px;
    margin-right: -5px
}
.l-row:before,.l-row:after {
    content: '';
    display: table
}

.l-row:after {
    clear: both
}

[class*=l-span] {
    position: relative;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px;
    box-sizing: border-box
}

[class*=l-span].no-span {
    padding: 0
}
[class*=l-span].span--sm {
    padding: 5px;
}

.l-span1 {
    width: 8.33333333%
}

.l-span2 {
    width: 16.66666667%
}

.l-span3 {
    width: 25%
}

.l-span4 {
    width: 33.33333333%
}

.l-span5 {
    width: 41.66666667%
}

.l-span6 {
    width: 50%
}

.l-span7 {
    width: 58.33333333%
}

.l-span8 {
    width: 66.66666667%
}

.l-span9 {
    width: 75%
}

.l-span10 {
    width: 83.33333333%
}

.l-span11 {
    width: 91.66666667%
}

.l-span12 {
    width: 25%;
}

.control--block {
    margin: 0 0 24px;
}
.control--block * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.control--block *:before,
.control--block *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.control--block,
.control--block .control__input,
.control--block .control__textarea,
.control--block .control__select {
    width: 100%
}

.control--block .control__input,
.control--block .control__textarea,
.control--block .control__select {
    margin-bottom: 0
}
.control__input,
.control__textarea,
.control__select {
    display: block;
    margin: 0 0 24px;
    padding: 10px 16px;
    width: auto;
    line-height: 22px;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    background-color: #fff;
    color: #a4a4a4;
    font-size: 16px;
    font-family: inherit;
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none*/
}
.control__textarea{
    min-height: 128px;
}
.control-tip {
    margin-top: 10px;
    position: relative;
}
.type-center {
    text-align: center;
}
.type-left {
    text-align: left;
}
.type-right {
    text-align: right;
}
.title--xxxs,.subtitle--xxxs {
    font-size: 10px
}

.title--xxs,.subtitle--xxs {
    font-size: 12px
}

.title--xs,.subtitle--xs {
    font-size: 14px
}

.title--sm,.subtitle--sm {
    font-size: 16px
}

.title--xxsm,.subtitle--xxsm {
    font-size: 18px
}

.title--xxxsm,.subtitle--xxxsm {
    font-size: 20px
}

.title--md,.subtitle--md {
    font-size: 22px
}

.title--xxmd,.subtitle--xxmd {
    font-size: 24px
}

.title--xxxmd,.subtitle--xxxmd {
    font-size: 26px
}

.title--lg,.subtitle--lg {
    font-size: 28px
}

.title--llg,.subtitle--llg {
    font-size: 30px
}

.title--lllg,.subtitle--lllg {
    font-size: 32px
}

.title--xl,.subtitle--xl {
    font-size: 34px
}

.title--xxl,.subtitle--xxl {
    font-size: 36px
}

.title--xxxl,.subtitle--xxxl {
    font-size: 38px
}
.btn {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 40px;
    border: 2px solid #6e6e6e;
    border-radius: 0;
    background-color: #6e6e6e;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 1s ease;
    cursor: pointer;
}
.btn--filled.btn--tertiary {
    border-color: #df147f;
    background-color: #df147f;
    color: #fff;
}
.btn--filled.btn--lighter {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #222;
}
.btn--filled.btn--warning {
    border-color: #5abac6;
    background-color: #5abac6;
    color: #fff;
}
.btn--filled:disabled,
.btn--disabled {
    border-color: #999;
    background-color: #999;
    color: #fff;
}
.btn--outlined.btn--white {
    border-color: #e0e0e0;
    background-color: #fff;
    color: #222;
}
.list--inline {
    letter-spacing: -1px;
    word-spacing: -1px;
    font-size: 0
}
.list--inline .list__item {
    display: inline-block;
    *display: inline;
    *zoom:1;letter-spacing: normal;
    word-spacing: normal;
    font-size: 14px;
    vertical-align: middle
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    letter-spacing: -1px;
    word-spacing: -1px;
    font-size: 0
}

.nav-tabs:before,.nav-tabs:after {
    content: '';
    display: table
}

.nav-tabs:after {
    clear: both
}

.nav-tabs>li {
    display: inline-block;
    *display: inline;
    *zoom:1;letter-spacing: normal;
    word-spacing: normal;
    font-size: 14px;
    vertical-align: middle;
    list-style: none;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    display: inline-block;
    *display: inline;
    *zoom:1;padding: 8px 16px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    border-radius: 3px 3px 0 0;
    border: 1px solid transparent
}

.nav-tabs>li>a:hover {
    color: #28a3ef;
    background-color: transparent
}

.nav-tabs>li+li {
    margin-left: 9px
}

.nav-tabs>li+li>a {
    margin-left: -1px
}

.nav-tabs .active {
    border-bottom: 0
}

.nav-tabs .active>a {
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs .active>a:hover {
    background-color: #fff
}

.nav-tabs.tabs-primary {
    padding-left: 0;
    margin-bottom: 35px
}

.nav-tabs.tabs-primary li>a {
    padding: 15px;
    min-width: 120px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #e0e0e0
}
.nav-tabs.tabs-primary .active>a,.nav-tabs.tabs-primary .active>a:hover {
    background-color: #546E7A;
    color: #fff
}
.nav-tabs.tabs-primary .active>a .color-muted {
    color: #ccc;
}
.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}
.modal-backdrop {
    position: fixed;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modal-backdrop,.modal-backdrop.fade.in {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.modal .shade {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0
}

.modal .shade.in {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    z-index: 10000050;
    width: 440px;
    background-color: #fff;
    border: 5px solid #b2b2b2;
    border: 5px solid rgba(178,178,178,.3);
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    background-clip: padding-box;
    outline: none
}

.modal.fade {
    transition: opacity .3s linear,top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 50%
}

.modal .modal-header {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #b7b7b7
}

.modal .modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal .modal-header .modal-title {
    font-size: 22px;
    margin: 0
}

.modal .modal-header .close {
    float: right;
    font-size: 24px;
    line-height: 18px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    outline: none
}

.modal .modal-header .close:hover,.modal .modal-header .close:focus {
    color: #ff5050;
    text-decoration: none;
    cursor: pointer
}

.modal .modal-header .close:focus {
    color: #dd5050
}

.modal .modal-header button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal .no-header {
    border: none
}

.modal .modal-body {
    position: relative;
    overflow-y: auto;
    min-height: 100px;
    max-height: 550px;
    margin: 0;
    padding: 10px 15px
}

.modal .modal-body.no-foot {
    min-height: 190px
}

.modal .modal-form {
    margin-bottom: 0
}

.modal .modal-footer {
    padding: 7px 10px 5px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f1f4f5;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff
}

.modal .modal-footer:before,.modal .modal-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.modal .modal-footer:after {
    clear: both
}

.modal .modal-footer .btn+.btn {
    margin-left: 7px;
    margin-bottom: 0
}

.modal .modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal .modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media(min-width: 768px) {
    .modal {
        margin-left:-380px;
        width: 660px
    }
}

@media(min-width: 992px) {
    .modal {
        margin-left:-496px;
        width: 992px
    }

    .modal .modal-body {
        max-height: 500px
    }
}

@media(min-width: 1200px) {
    .modal {
        margin-left:-600px;
        width: 1200px
    }

    .modal .modal-body {
        max-height: 580px
    }
}

.modal-sm {
    margin-left: -380px;
    width: 660px
}

.modal-md {
    margin-left: -496px;
    width: 892px
}

.modal-lg {
    margin-left: -600px;
    width: 1200px
}


.msg {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: inline-block;
    *display: inline;
    *zoom:1;margin-bottom: 15px;
    color: #555;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle
}

.msg:after {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -1px;
    top: 100%;
    content: "";
    display: inline-block;
    *display: inline;
    *zoom:1;height: 0;
    width: 0;
    border-top: 8px solid #fff2f2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.msg:before {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    top: 100%;
    content: "";
    display: inline-block;
    *display: inline;
    *zoom:1;height: 0;
    width: 0;
    border-top: 10px solid #ffe3e0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.msg>.msg-con {
    padding: 2px 10px 2px 23px;
    border-radius: 2px
}

.msg>.msg-con p {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 9px
}

.msg.msg-error {
    color: #ea4a36
}

.msg.msg-error>.msg-con {
    border: 1px solid #ffe3e0;
    background-color: #fff2f2
}

.msg.msg-success {
    color: #4ab933
}

.msg.msg-success>.msg-con {
    border: 1px solid #dcf9d6;
    background-color: #edffe9
}

.ds-progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #e4e4e4;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.ds-progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #666;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s ease
}

.ds-progress-striped .ds-progress-bar,
.ds-progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.ds-progress.active .ds-progress-bar,
.ds-progress-bar.active {
    animation: progress-bar-stripes 2s linear infinite
}

.ds-progress-bar-success {
    background-color: #019d08
}

.progress-striped .ds-progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.ds-progress-bar-danger {
    background-color: #df147f
}

.progress-striped .ds-progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.ds-progress-sm {
    height: 8px
}
.title-set .title {
    margin: 0
}
.title-set .title+.subtitle {
    margin-top: 0
}
.subtitle {
    font-weight: 100
}

.title,.subtitle {
    word-break: break-word
}
.title-set .title+.subtitle {
    margin-top: 0
}
.confirm,.confirm2 {
    font-size: 14px;
    color: #222
}

.confirm .section,.confirm2 .section {
    margin-bottom: 60px;
    background-color: #f8f8f8
}

.confirm .no-bg,.confirm2 .no-bg {
    background: none
}

.confirm .section__hd,.confirm2 .section__hd {
    color: #FFF
}

.confirm .section__hd .print,.confirm2 .section__hd .print {
    margin-top: -4px;
    color: #fff
}

.confirm .l-rows,.confirm2 .l-rows {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0
}

.confirm .l-rows>.l-row,.confirm2 .l-rows>.l-row {
    padding: 15px 0
}

.confirm .l-rows>.l-row p,.confirm2 .l-rows>.l-row p {
    margin-bottom: 10px
}

.confirm .no-bordered,.confirm2 .no-bordered {
    border: none
}

.confirm .title .display-inline-block,.confirm2 .title .display-inline-block {
    padding: 10px 0;
    border-bottom: 2px solid #222
}

.confirm .title-set .title,.confirm2 .title-set .title {
    margin-bottom: 12px
}

.confirm .title-set .subtitle,.confirm2 .title-set .subtitle {
    font-size: 14px
}

.confirm .hotel h6,.confirm2 .hotel h6 {
    padding-top: 20px;
    color: #222
}

.confirm .hotel p,.confirm2 .hotel p {
    position: relative;
    padding: 3px 10px 3px 24px
}

.confirm .hotel p:before,.confirm2 .hotel p:before {
    position: absolute;
    left: 0;
    top: 4px;
    color: #a4a4a4;
    font-size: 18px
}

.confirm .hotel img,.confirm2 .hotel img {
    display: block;
    margin-top: 30px
}

.confirm .map,.confirm2 .map {
    margin: 0;
    width: 686px;
    height: 300px;
    overflow: hidden
}

.confirm2 {
    padding-bottom: 60px;
    overflow: hidden;
    border: 1px solid #e0e0e0
}

.confirm2 .section__hd {
    padding: 20px 15px;
    color: #222;
    border-bottom: 1px solid #e0e0e0
}

.confirm2 .section {
    margin-bottom: 0;
    background-color: #fff
}

.confirm2 .title {
    margin-bottom: 0
}
.fill-info {
    margin-bottom: 120px
}

.fill-info .fill-info-right {
    padding: 30px 20px 30px 40px;
    width: 380px;
    min-height: 560px
}

.fill-info .fill-info-right.js-is-sticky {
    margin-left: 790px
}

.fill-info .fill-info-right .table tr td {
    padding: 20px 0;
    font-size: 16px
}

.fill-info .fill-info-right .table tr td .btn {
    width: 75%
}

.fill-info .fill-info-right td.type-right {
    font-weight: 700
}

.fill-info .fill-info--bfc {
    padding: 40px;
    width: 758px;
    border: 1px solid #e0e0e0
}

.fill-info .section .title span {
    padding: 10px 0;
    margin: 30px 0 20px;
    border-bottom: 2px solid #222
}

.fill-info .section .title2 {
    margin-bottom: 0
}

.fill-info .section .title2 span {
    padding: 10px 0;
    margin: 0;
    border-bottom: 2px solid #222
}

.fill-info .section .title-set .title span {
    margin-bottom: 0
}

.fill-info .section .l-rows {
    position: relative
}

.fill-info .section .l-rows .btn-modify {
    position: absolute;
    top: 32px;
    right: 0
}

.fill-info--quickPay .fill-info-right{
    width: 340px;
}
.fill-info--quickPay .fill-info--bfc{
    width: 718px;
}
.fill-info--quickPay .ds-dropdown .dropdown-toggle {
    height: 42px;
    line-height: 42px;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Noto Sans S Chines Light,fontYaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 18px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 6px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Noto Sans S Chines Light,fontYaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 18px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}