@charset 'UTF-8';
/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/**
 * [response 媒体响应]
 * @param  {[type]} $media_type [m:手机(< 992px)，iPad(992px<xx<1376px)，md: 中屏（1376px<xx<1441px）lg:大屏（1440px<xx<1600px）]
 * @return {[type]}             [description]
 */
@keyframes zoomInDown
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19); 

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1); 

        opacity: 1;
    }
}

@keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center; 

        opacity: 0;
    }
}

.zoomOutRight
{
    -webkit-animation-name: zoomOutRight;
            animation-name: zoomOutRight;
}

@keyframes helpBounce
{
    0%,
    20%,
    50%,
    80%,
    100%
    {
        transform: translateY(0);
    }
    40%
    {
        transform: translateY(-5px) scale(.85);
    }
    60%
    {
        transform: translateY(-2px) scale(.85);
    }
}

@keyframes enterBounce
{
    0%,
    20%,
    50%,
    80%,
    100%
    {
        transform: translateY(0);
    }
    40%
    {
        transform: translateY(-20px);
    }
    60%
    {
        transform: translateY(-10px);
    }
}

@keyframes focusImg
{
    0%
    {
        -webkit-filter: blur(0px);
                filter: blur(0px);
    }
    2%
    {
        -webkit-filter: blur(2px);
                filter: blur(2px);
    }
    4%
    {
        -webkit-filter: blur(1px);
                filter: blur(1px);
    }
    6%
    {
        -webkit-filter: blur(4px);
                filter: blur(4px);
    }
    8%
    {
        -webkit-filter: blur(1px);
                filter: blur(1px);
    }
    10%
    {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1); 

        -webkit-filter: none;
                filter: none;
    }
    55%
    {
        -webkit-transform: scale(1.25);
           -moz-transform: scale(1.25);
            -ms-transform: scale(1.25);
             -o-transform: scale(1.25);
                transform: scale(1.25); 

        -webkit-filter: none;
                filter: none;
    }
    100%
    {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1); 

        -webkit-filter: none;
                filter: none;
    }
}

@keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0); 

        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none; 

        opacity: 1;
    }
}

@keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0); 

        opacity: 0;
    }
    50%
    {
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none; 

        opacity: 1;
    }
}

@-webkit-keyframes bounceInUp
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0); 

        opacity: 0;
    }
    60%
    {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0); 

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0); 

        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none; 

        opacity: 1;
    }
}

@keyframes fadeInRight
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0); 

        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none; 

        opacity: 1;
    }
}

@keyframes paddingInUp
{
    from
    {
        padding-top: 170px;
    }
    to
    {
        padding-top: 0;
    }
}

@keyframes fadeInCenter
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

@keyframes fadeInCenterBtn
{
    from
    {
        transform: scale(0); 

        opacity: 0;
    }
    20%
    {
    }
    to
    {
        transform: scale(1); 

        opacity: 1;
    }
}

@keyframes enterBtn
{
    0%,
    20%,
    50%,
    80%,
    100%
    {
        transform: translateY(0);
    }
    40%
    {
        transform: translateY(-20px);
    }
    60%
    {
        transform: translateY(-10px);
    }
}

.zoomInDown
{
    -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
}

.animation-out
{
    animation-duration: 800ms;
}

.animated
{
    transition: transform .6s ease .3s; 

    opacity: 0;
}

.fadeInUp
{
    animation: fadeInUp 700ms ease-out both;
}

.fadeInDown
{
    animation: fadeInDown 700ms ease-out both;
}

.paddingInUp
{
    animation: paddingInUp 700ms ease-out both;
}

.fadeInLeft
{
    animation: fadeInLeft 700ms ease-out both;
}

.fadeInRight
{
    animation: fadeInRight 700ms ease-out both;
}

.enterBounce
{
    animation: enterBounce 1s ease-in-out 200ms infinite !important; 

    opacity: 1;
}

/**
   * stepper
   * --------------------------------------------------
   */
.stepper .stepper-input
{
    overflow: hidden;

    -moz-appearance: textfield;
}
.stepper .stepper-input::-webkit-inner-spin-button,
.stepper .stepper-input::-webkit-outer-spin-button
{
    margin: 0; 

    -webkit-appearance: none;
}

.stepper .stepper-arrow
{
    position: absolute;
    right: 15px;

    display: block;

    width: 20px; 
    height: 50%;

    cursor: pointer;
    text-indent: -99999px;

    background-color: #09e;
}
.stepper .stepper-arrow:hover,
.stepper .stepper-arrow:active
{
    background-color: #22b0ff;
}

.stepper .up
{
    top: 0; 

    border: 1px solid #0082ca;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
}

.stepper .down
{
    bottom: 0; 

    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
            border-bottom-right-radius: 3px;
}

.stepper .up::before,
.stepper .down::before
{
    position: absolute;

    width: 0;
    height: 0;

    content: '';

    border-right: 4px solid transparent; 
    border-left: 4px solid transparent;
}

.stepper .up::before
{
    top: 5px;
    left: 5px;

    border-bottom: 4px solid #fff;
}

.stepper .down:before
{
    bottom: 5px;
    left: 6px;

    border-top: 4px solid #fff;
}

.stepper.disabled .stepper-arrow
{
    opacity: .45;
    background-color: #09e;

    filter: alpha(opacity=45);
}

.selecter
{
    position: relative;
    z-index: 1;

    display: block;

    min-width: 70px;
    max-width: 100%;

    outline: none;
    /* Open */
    /* 'Cover' Positioning */
    /* 'Bottom' Positioning */
    /* 'Bottom' + 'Cover' Positioning */
    /* Multiple Select */
    /* 'Disabled' State */
    /* Scroller Support */
}
.selecter .selecter-element
{
    position: absolute;
    z-index: 0; 
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;

    *left: -999999px;
    filter: alpha(opacity=0);
}
.selecter .selecter-element,
.selecter .selecter-element:focus
{
    outline: none;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
.selecter .selecter-selected
{
    position: relative;
    z-index: 2; 

    display: block;
    overflow: hidden;

    padding: 6px 10px;

    cursor: pointer;
    text-overflow: clip;

    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background-color: #fff;
}
.selecter .selecter-selected:after
{
    position: absolute;
    top: 14px;
    right: 10px;

    width: 0;
    height: 0;

    content: '';

    border-top: 4px solid #999;
    border-right: 4px solid transparent; 
    border-left: 4px solid transparent;
}
.selecter .selecter-options
{
    position: absolute;
    z-index: 50; 
    top: 100%;
    left: 0;

    display: none;
    overflow: auto;
    overflow-x: hidden;

    width: 100%;
    max-height: 260px;

    border: 1px solid #e5e5e5;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
       -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    *width: auto;
}
.selecter .selecter-group
{
    font-size: 11px;

    display: block;

    padding: 5px 10px 4px;

    text-transform: uppercase; 

    color: #e5e5e5;
    border-bottom: 1px solid #e6e9ed;
    background-color: #f5f7fa;
}
.selecter .selecter-item
{
    display: block;
    overflow: hidden;

    width: 100%; 
    margin: 0;
    padding: 6px 10px;

    cursor: pointer;
    text-overflow: ellipsis;

    border-bottom: 1px solid #e6e9ed;
    background-color: #fff;
}
.selecter .selecter-item.selected
{
    color: #fff;
    border-bottom-color: #22b0ff;
    background-color: #09e;
}
.selecter .selecter-item.disabled
{
    cursor: default; 

    color: #e5e5e5;
}
.selecter .selecter-item:first-child
{
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.selecter .selecter-item:last-child
{
    border-bottom: 0; 
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
}
.selecter .selecter-item:hover
{
    background-color: #e6e9ed;
}
.selecter .selecter-item.selected:hover
{
    background-color: #09e;
}
.selecter .selecter-item.disabled:hover,
.selecter:hover .selecter-selected,
.selecter.disabled .selecter-item:hover
{
    background-color: #fff;
}
.selecter.open
{
    z-index: 3; 

    outline: 0;
}
.selecter.open .selecter-selected
{
    z-index: 51; 

    border: 1px solid #09e;
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected
{
    background-color: #fff;
}
.selecter.cover .selecter-options
{
    top: 0; 

    border-width: 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.selecter.cover .selecter-options .selecter-item.first
{
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}
.selecter.cover.open .selecter-selected
{
    z-index: 49; 

    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}
.selecter.bottom .selecter-options
{
    top: auto; 
    bottom: 100%;

    border-width: 1px 1px 0;
}
.selecter.bottom .selecter-item:last-child
{
    border: none; 
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.selecter.bottom.open .selecter-selected
{
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
}
.selecter.bottom.open .selecter-options
{
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}
.selecter.bottom.cover .selecter-options
{
    top: auto; 
    bottom: 0;
}
.selecter.bottom.cover.open .selecter-selected,
.selecter.bottom.cover.open .selecter-options
{
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.selecter.multiple .selecter-options
{
    position: static;

    display: block;

    width: 100%; 

    border-width: 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    box-shadow: none;
}
.selecter.disabled .selecter-selected
{
    cursor: default; 

    color: #e5e5e5;
    border-color: #e6e9ed;
    background-color: #e6e9ed;
}
.selecter.disabled .selecter-options
{
    border-color: #e6e9ed; 
    background-color: #e6e9ed;
}
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item
{
    cursor: default; 

    color: #e5e5e5;
    border-color: #e6e9ed;
    background-color: #e6e9ed;
}
.selecter.disabled .selecter-item.selected
{
    opacity: .45;
    color: #fff; 
    background-color: #09e;

    filter: alpha(opacity=45);
}
.selecter .selecter-options.scroller
{
    overflow: hidden;
}
.selecter .selecter-options.scroller .scroller-content
{
    max-height: 260px;
    padding: 0;
}

/**
   * checkbox and radio
   * --------------------------------------------------
   */
.checkbox,
.radio
{
    margin-top: 0;
    padding-left: 0;
}

.checkbox label,
.radio label
{
    position: relative;
    top: 2px;

    padding-left: 5px;
}

.icheckbox_flat,
.icheckbox,
.iradio,
.iradio_flat
{
    display: inline-block;

    width: 13px;
    height: 13px;
    margin: 0;
    margin-top: -2px;
    padding: 0 !important;

    cursor: pointer; 
    vertical-align: middle;

    border: none;
    background: url('../img/check_flat/default.png') no-repeat;

    *display: inline;
}

.icheckbox_flat,
.icheckbox
{
    margin-right: 4px;

    background-position: -60px 0;
}
.icheckbox_flat.checked,
.icheckbox.checked
{
    background-position: -75px 0;
}
.icheckbox_flat.disabled,
.icheckbox.disabled
{
    cursor: not-allowed; 

    background-position: -89px 0;
}
.icheckbox_flat.checked.disabled,
.icheckbox.checked.disabled
{
    background-position: -104px 0;
}

.iradio_flat,
.iradio
{
    margin-right: 6px;

    background-position: -15px 0;
}
.iradio_flat.checked,
.iradio.checked
{
    background-position: -30px 0;
}
.iradio_flat.disabled,
.iradio.disabled
{
    cursor: not-allowed; 

    background-position: 0 0;
}
.iradio_flat.checked.disabled,
.iradio.checked.disabled
{
    background-position: -45px 0;
}

/**
   * timeline
   * --------------------------------------------------
   */
.timeline dl
{
    position: relative;
    top: 0;

    margin: 0;
    padding: 20px 0;
}
.timeline dl:before
{
    position: absolute;
    z-index: 100; 
    top: 0;
    bottom: 0;
    left: 50%;

    width: 2px;
    margin-left: -1px;

    content: '';

    background-color: #ccd1d9;
}
.timeline dl dt
{
    font-weight: normal;

    position: relative;
    z-index: 200; 
    top: 30px;

    width: 120px;
    margin: 0 auto 30px;
    padding: 3px 5px;

    text-align: center;

    color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #e5e5e5;
}
.timeline dl dd
{
    position: relative;
    z-index: 200;
}
.timeline dl dd .circ
{
    position: absolute;
    z-index: 200;
    top: 40px;
    left: 50%;

    width: 22px;
    height: 22px;
    margin-left: -11px;

    border: 4px solid #f5f7fa;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #22b0ff;
}
.timeline dl dd .time
{
    position: absolute;
    top: 31px;
    left: 50%;

    display: inline-block;

    width: 120px;
    padding: 10px 20px;

    color: #22b0ff;
}
.timeline dl dd .events
{
    position: relative;

    width: 47%; 
    margin-top: 31px;
    padding: 10px 10px 0;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fff;
}
.timeline dl dd .events:before
{
    position: absolute;
    top: 12px;

    width: 0;
    height: 0;

    content: '';

    border-width: 6px;
    border-style: solid;
}
.timeline dl dd .events .events-object
{
    margin-right: 10px;
}
.timeline dl dd .events .events-body
{
    overflow: hidden;
    zoom: 1;
}
.timeline dl dd .events .events-body .events-heading
{
    font-size: 14px; 

    margin: 0 0 10px;
}
.timeline dl dd.pos-right .time
{
    margin-left: -140px;

    text-align: right;
}
.timeline dl dd.pos-right .events
{
    float: right;
}
.timeline dl dd.pos-right .events:before
{
    left: -12px;

    border-color: transparent #fff transparent transparent;
}
.timeline dl dd.pos-left .time
{
    margin-left: 0;

    text-align: left;
}
.timeline dl dd.pos-left .events
{
    float: left;
}
.timeline dl dd.pos-left .events:before
{
    right: -12px;

    border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 767px)
{
    .timeline dl:before
    {
        left: 60px;
    }
    .timeline dl dt
    {
        margin: 0 0 30px;
    }
    .timeline dl dd .circ
    {
        left: 60px;
    }
    .timeline dl dd .time
    {
        left: 0;
    }
    .timeline dl dd.pos-left .time
    {
        margin-left: 0;
        padding: 10px 0;

        text-align: left;
    }
    .timeline dl dd.pos-left .events
    {
        float: right;

        width: 84%;
    }
    .timeline dl dd.pos-left .events:before
    {
        left: -12px;

        border-color: transparent #fff transparent transparent;
    }
    .timeline dl dd.pos-right .time
    {
        margin-left: 0;
        padding: 10px 0;

        text-align: left;
    }
    .timeline dl dd.pos-right .events
    {
        float: right;

        width: 84%;
    }
}

.radio-inline,
.checkbox-inline
{
    font-weight: 400;

    margin-right: 3rem;
    margin-bottom: .5em !important; 
    padding-left: 0;

    color: #666;
}

.checkbox-text,
.radio-text
{
    padding: 0 5px;

    vertical-align: middle;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline
{
    margin-left: 0 !important;
}

.radio-inline:last-child,
.checkbox-inline:last-child
{
    margin-right: 0;
}

textarea
{
    resize: vertical;
}

.tech-payoffway-select .radio-inline
{
    padding: .6rem;

    transition: all .2s ease-in-out; 

    border: 1px solid #eee;
}
.tech-payoffway-select .radio-inline .iradio
{
    width: 30px;
    height: 21px;
}
.tech-payoffway-select .radio-inline .icon-text
{
    transition: all .2s ease-in-out;
}
.tech-payoffway-select .radio-inline.hover
{
    border-color: #66c2f5;
}
.tech-payoffway-select .radio-inline.hover .icon-text
{
    opacity: .8; 
    color: #09e;
}
.tech-payoffway-select .radio-inline.hover.cash-radio-box .iradio
{
    background-image: url('../img/icon/cash-hover.png');
}
.tech-payoffway-select .radio-inline.hover.prepay-radio-box .iradio
{
    background-image: url('../img/icon/prepay-hover.png');
}
.tech-payoffway-select .radio-inline.cash-radio-box .iradio
{
    background-image: url('../img/icon/cash-lk.png');
    background-position: center;
}
.tech-payoffway-select .radio-inline.cash-radio-box .iradio.checked
{
    background-image: url('../img/icon/cash-hl.png');
}
.tech-payoffway-select .radio-inline.prepay-radio-box .iradio
{
    background-image: url('../img/icon/prepay-lk.png');
    background-position: center;
}
.tech-payoffway-select .radio-inline.prepay-radio-box .iradio.checked
{
    background-image: url('../img/icon/prepay-hl.png');
}
.tech-payoffway-select .radio-inline.radio-inline-checked
{
    border-color: #09e; 
    background-color: #ebf7fe;
}
.tech-payoffway-select .radio-inline.radio-inline-checked .icon-text
{
    opacity: 1; 
    color: #09e;
}
.tech-payoffway-select .radio-inline.radio-inline-checked:after
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;

    width: 16px;
    height: 16px;

    content: '';

    background-image: url('../img/icon/checked.png'); 
    background-repeat: no-repeat;
    background-position: center;
}

.loading-wrap
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0; 

    width: 100%;
    height: 100%;

    opacity: .5;
    background-color: #fff;
}
.loading-wrap img
{
    display: block;

    margin: auto;
}

.ueditor-text *
{
    max-width: 100%; 

    white-space: pre-wrap !important;
}

.ueditor-text img
{
    max-width: 100%;
    max-height: 100%;
}

.ueditor-text table tr > *
{
    padding: 1rem;
}

.ueditor-text table tr td
{
    border: 1px solid #e5e5e5;
}

.ueditor-text table tr th
{
    border: 1px solid #e5e5e5;
}

.btn
{
    font-size: 1.4rem; 

    -webkit-transition: all 200ms;
       -moz-transition: all 200ms;
            transition: all 200ms;
}

.btn-main
{
    color: #111;
    border-color: #09e;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-main:hover
{
    color: #fff;
    border-color: #0078bb; 
    background-color: #09e;
}
.btn-main:focus,
.btn-main.focus
{
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}
.btn-main.disabled,
.btn-main:disabled
{
    border-color: #09e; 
    background-color: #fff;
}
.btn-main:not([disabled]):not(.disabled):active,
.btn-main:not([disabled]):not(.disabled).active,
.show > .btn-main.dropdown-toggle
{
    color: #111;
    border-color: #0070ae;
    background-color: #e6e6e6;
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}

.btn-default-outline
{
    color: #70ace8;
    border-color: #70ace8; 
    background-color: transparent;
    background-image: none;
}
.btn-default-outline:hover
{
    color: #fff;
    border-color: #70ace8; 
    background-color: #70ace8;
}
.btn-default-outline:focus,
.btn-default-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(112, 172, 232, .5);
}
.btn-default-outline.disabled,
.btn-default-outline:disabled
{
    color: #70ace8;
    background-color: transparent;
}
.btn-default-outline:not([disabled]):not(.disabled):active,
.btn-default-outline:not([disabled]):not(.disabled).active,
.show > .btn-default-outline.dropdown-toggle
{
    color: #fff;
    border-color: #70ace8;
    background-color: #70ace8;
    box-shadow: 0 0 0 .2rem rgba(112, 172, 232, .5);
}

.btn-main-outline
{
    color: #09e;
    border-color: #09e; 
    background-color: transparent;
    background-image: none;
}
.btn-main-outline:hover
{
    color: #fff;
    border-color: #09e; 
    background-color: #09e;
}
.btn-main-outline:focus,
.btn-main-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}
.btn-main-outline.disabled,
.btn-main-outline:disabled
{
    color: #09e;
    background-color: transparent;
}
.btn-main-outline:not([disabled]):not(.disabled):active,
.btn-main-outline:not([disabled]):not(.disabled).active,
.show > .btn-main-outline.dropdown-toggle
{
    color: #fff;
    border-color: #09e;
    background-color: #09e;
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}

.btn-primary-outline
{
    color: #09e;
    border-color: #09e; 
    background-color: transparent;
    background-image: none;
}
.btn-primary-outline:hover
{
    color: #fff;
    border-color: #09e; 
    background-color: #09e;
}
.btn-primary-outline:focus,
.btn-primary-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled
{
    color: #09e;
    background-color: transparent;
}
.btn-primary-outline:not([disabled]):not(.disabled):active,
.btn-primary-outline:not([disabled]):not(.disabled).active,
.show > .btn-primary-outline.dropdown-toggle
{
    color: #fff;
    border-color: #09e;
    background-color: #09e;
    box-shadow: 0 0 0 .2rem rgba(0, 153, 238, .5);
}

.btn-info-outline
{
    color: #08c;
    border-color: #08c; 
    background-color: transparent;
    background-image: none;
}
.btn-info-outline:hover
{
    color: #fff;
    border-color: #08c; 
    background-color: #08c;
}
.btn-info-outline:focus,
.btn-info-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(0, 136, 204, .5);
}
.btn-info-outline.disabled,
.btn-info-outline:disabled
{
    color: #08c;
    background-color: transparent;
}
.btn-info-outline:not([disabled]):not(.disabled):active,
.btn-info-outline:not([disabled]):not(.disabled).active,
.show > .btn-info-outline.dropdown-toggle
{
    color: #fff;
    border-color: #08c;
    background-color: #08c;
    box-shadow: 0 0 0 .2rem rgba(0, 136, 204, .5);
}

.btn-success-outline
{
    color: #093;
    border-color: #093; 
    background-color: transparent;
    background-image: none;
}
.btn-success-outline:hover
{
    color: #fff;
    border-color: #093; 
    background-color: #093;
}
.btn-success-outline:focus,
.btn-success-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(0, 153, 51, .5);
}
.btn-success-outline.disabled,
.btn-success-outline:disabled
{
    color: #093;
    background-color: transparent;
}
.btn-success-outline:not([disabled]):not(.disabled):active,
.btn-success-outline:not([disabled]):not(.disabled).active,
.show > .btn-success-outline.dropdown-toggle
{
    color: #fff;
    border-color: #093;
    background-color: #093;
    box-shadow: 0 0 0 .2rem rgba(0, 153, 51, .5);
}

.btn-warning-outline
{
    color: #f80;
    border-color: #f80; 
    background-color: transparent;
    background-image: none;
}
.btn-warning-outline:hover
{
    color: #fff;
    border-color: #f80; 
    background-color: #f80;
}
.btn-warning-outline:focus,
.btn-warning-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(255, 136, 0, .5);
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled
{
    color: #f80;
    background-color: transparent;
}
.btn-warning-outline:not([disabled]):not(.disabled):active,
.btn-warning-outline:not([disabled]):not(.disabled).active,
.show > .btn-warning-outline.dropdown-toggle
{
    color: #fff;
    border-color: #f80;
    background-color: #f80;
    box-shadow: 0 0 0 .2rem rgba(255, 136, 0, .5);
}

.btn-danger-outline
{
    color: #d00;
    border-color: #d00; 
    background-color: transparent;
    background-image: none;
}
.btn-danger-outline:hover
{
    color: #fff;
    border-color: #d00; 
    background-color: #d00;
}
.btn-danger-outline:focus,
.btn-danger-outline.focus
{
    box-shadow: 0 0 0 .2rem rgba(221, 0, 0, .5);
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled
{
    color: #d00;
    background-color: transparent;
}
.btn-danger-outline:not([disabled]):not(.disabled):active,
.btn-danger-outline:not([disabled]):not(.disabled).active,
.show > .btn-danger-outline.dropdown-toggle
{
    color: #fff;
    border-color: #d00;
    background-color: #d00;
    box-shadow: 0 0 0 .2rem rgba(221, 0, 0, .5);
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled]
{
    color: #09e;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.btn-link:hover,
.btn-link:focus
{
    text-decoration: underline;
}

.btn
{
    border-radius: 3px;
}
.btn:focus,
.btn:active,
.btn:hover
{
    outline: none !important; 
    box-shadow: none !important;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover
{
    border-color: transparent;
}
.btn.btn-info:focus,
.btn.btn-info:active,
.btn.btn-info:hover
{
    border-color: transparent;
}
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success:hover
{
    border-color: transparent;
}
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:hover
{
    border-color: transparent;
}
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning:hover
{
    border-color: transparent;
}

.btn-xs,
.btn-group-xs
{
    padding: 1px 5px;
}

.btn-sm,
.btn-group-sm
{
    padding: 5px 18px;
}

.btn-lg,
.btn-group-lg
{
    font-size: 1.6rem; 

    padding: 7px 40px;
}

.btn-group-list
{
    margin-top: 20px;
}
.btn-group-list .btn
{
    margin-right: 3rem;
}
.btn-group-list .btn:last-child
{
    margin-right: 0;
}

.big-btn
{
    font-size: 1.6rem; 

    padding: 8px 50px;
}

@media (max-width: 62.1em)
{
    .btn-group-list .btn
    {
        margin-right: 1rem !important;
    }
}

.input-group .input-group-btn .selecter
{
    font-size: 1.4rem; 

    display: table-cell;
    float: left;

    max-width: inherit;
}
.input-group .input-group-btn .selecter .selecter-selected
{
    height: 34px;
}

.input-group .input-group-btn .btn
{
    padding: 6px 12px;
}

.input-group .form-control
{
    font-size: 1.4rem; 

    height: 34px;
}

.input-group .input-group-left .selecter .selecter-selected
{
    margin-right: -1px;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .input-group-center .selecter .selecter-selected
{
    margin-right: -1px;
    margin-left: -1px;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .input-group-right .selecter .selecter-selected
{
    margin-left: -1px;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/**
 *  数量加减组合框
 */
.goods-num-container
{
    display: inline-block;

    vertical-align: middle;
}
.goods-num-container .goods-num-box .input-group-btn
{
    width: auto;
    height: 30px; 

    border: none;
}
.goods-num-container .goods-num-box .input-group-btn .btn
{
    padding: 4px 12px;

    color: #999; 
    border: 1px solid #e5e5e5;
}
.goods-num-container .goods-num-box .input-group-btn .btn:focus,
.goods-num-container .goods-num-box .input-group-btn .btn:hover
{
    color: #fff;
    border-color: #09e; 
    background-color: #09e;
}
.goods-num-container .goods-num-box .reduce-num
{
    font-weight: 700;

    border-right: none !important;
}
.goods-num-container .goods-num-box .add-num
{
    font-weight: 700;

    margin-left: 0; 

    border-left: none !important;
}
.goods-num-container .goods-num-box .num-input
{
    width: 4em;
    height: 30px;

    text-align: center;
}
.goods-num-container .goods-num-box .num-input:focus
{
    border: 1px solid #09e;
}
.goods-num-container .help-block
{
    margin: 0;
}
.goods-num-container.has-error .help-block
{
    margin-top: 5px;
    margin-bottom: 10px;
}

@media (max-width: 62.1em)
{
    .goods-num-container
    {
        position: relative;
    }
    .goods-num-container .stepper-arrow
    {
        right: 0;
    }
    .goods-num-container .goods-num-box .num-input
    {
        height: 27px;
        margin-top: 1px;
    }
}

.modal-dialog .modal-header
{
    padding: 10px 16px 8px; 

    border-top: 6px solid #09e;
    border-radius: 0;
}

.modal-dialog .modal-body
{
    font-size: 14px;

    padding-top: 20px; 

    color: #333;
}

.modal-dialog .modal-content
{
    border-radius: 0;
}

.modal-dialog .modal-footer
{
    padding: 20px 15px 20px;

    text-align: center; 

    border: none;
}
.modal-dialog .modal-footer .btn
{
    margin-right: 6rem;
}
.modal-dialog .modal-footer .btn:last-child
{
    margin-right: 0;
}

.bootstrap-dialog .modal-header
{
    padding: 10px 16px 8px; 

    border-top: 6px solid #09e;
    border-radius: 0;
}

.bootstrap-dialog .modal-body
{
    font-size: 14px;

    padding-top: 50px;
    padding-bottom: 50px; 

    text-align: center;

    color: #333;
}

.bootstrap-dialog .modal-content
{
    border-radius: 0;
}

.bootstrap-dialog .modal-footer
{
    padding: 0 15px 60px;

    text-align: center; 

    border: none;
}
.bootstrap-dialog .modal-footer .btn
{
    margin-right: 6rem;
}
.bootstrap-dialog .modal-footer .btn:last-child
{
    margin-right: 0;
}

.bootstrap-dialog .bootstrap-dialog-title
{
    font-size: 1.8rem;
    font-weight: bold; 

    color: #333;
}

.bootstrap-dialog.type-primary .modal-header
{
    border-top: 6px solid #09e; 
    background-color: #fff;
}

.bootstrap-dialog.type-danger .modal-header
{
    border-top: 6px solid #d00; 
    background-color: #fff;
}

.bootstrap-dialog.type-alert .modal-header
{
    border-top: 6px solid #d00; 
    background-color: #fff;
}

.bootstrap-dialog.type-alert .modal-body
{
    padding: 50px 15px;
}

.bootstrap-dialog.type-alert .modal-footer
{
    display: none !important;
}
.bootstrap-dialog.type-alert .modal-footer .btn
{
    display: none;
}

.bootstrap-dialog.type-warning .modal-header
{
    border-top: 6px solid #f80; 
    background-color: #fff;
}

.bootstrap-dialog.type-info .modal-header
{
    border-top: 6px solid #08c; 
    background-color: #fff;
}

.bootstrap-dialog.type-success .modal-header
{
    border-top: 6px solid #093; 
    background-color: #fff;
}

.bootstrap-dialog .refresh-box
{
    font-size: 16px;
    font-weight: normal;

    position: absolute;
    top: 15px;
    right: 16px;

    text-decoration: none; 

    color: #d00;
}
.bootstrap-dialog .refresh-box i
{
    display: inline-block;

    width: 19px;
    height: 16px;
    margin-top: -2px;
    margin-right: 8px; 

    vertical-align: middle;

    background: url(../img/icon/refresh.png) center no-repeat;
}

@media (min-width: 992px)
{
    .bootstrap-dialog.type-des-modal .modal-dialog
    {
        width: 900px;
    }
}

.bootstrap-dialog.type-des-modal .modal-body
{
    padding: 2rem 1.6rem;
}

.widget-imageinput .fileinput
{
    display: block;
}

.widget-imageinput .file-input
{
    margin-bottom: 5px;
}
.widget-imageinput .file-input input[disabled]
{
    cursor: not-allowed;
}
.widget-imageinput .file-input p.hint
{
    font-size: 1.2rem;

    display: inline-block;

    color: #f80;
}

.widget-imageinput .ul_imgs
{
    padding: 0;
}
.widget-imageinput .ul_imgs > li
{
    float: left;

    width: 120px;
    height: 120px;
    margin: 0 5px 5px 0; 
    padding: 2px;

    list-style: none;

    text-align: center;

    border: 1px solid #ddd;
}
.widget-imageinput .ul_imgs > li .img
{
    position: relative;

    overflow: hidden;

    height: 100%;
    max-height: 100%;

    background-color: #fff;
}
.widget-imageinput .ul_imgs > li .img > span.img-del
{
    position: absolute;
    top: 2px;
    right: 2px;

    display: none;

    cursor: pointer; 

    background-color: #f5f5f5;
}
.widget-imageinput .ul_imgs > li .img:focus > span.img-del,
.widget-imageinput .ul_imgs > li .img:active > span.img-del,
.widget-imageinput .ul_imgs > li .img:hover > span.img-del
{
    display: inline-block;
}
.widget-imageinput .ul_imgs > li .img > img
{
    max-width: 100%;
    max-height: 100%;
}
.widget-imageinput .ul_imgs.sortable > li .img:focus,
.widget-imageinput .ul_imgs.sortable > li .img:active,
.widget-imageinput .ul_imgs.sortable > li .img:hover
{
    cursor: move;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]
{
    background-color: #09e !important;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected]
{
    background-color: #09e !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow
{
    border-left-color: transparent !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b
{
    right: 10px !important;
    left: auto !important; 

    border-width: 4px 4px 0 4px !important;
    border-color: #999 transparent transparent transparent !important;
}