.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {
    text-overflow: ellipsis;
    white-space: nowrap
}

html #layuicss-layer {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-layer,.layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto
}

.layui-layer-shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}

.layui-layer-close {
    position: absolute
}

.layui-layer-content {
    position: relative
}

.layui-layer-border {
    border: 1px solid #B2B2B2;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2)
}

.layui-layer-load {
    background: url(/static/image/_/js/libs/layer/theme/default/loading-1.gif) center center no-repeat #eee
}

.layui-layer-ico {
    background: url(/static/image/_/js/libs/layer/theme/default/icon.png) no-repeat
}

.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.layui-layer-move {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
    z-index: 2147483647
}

.layui-layer-resize {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    cursor: se-resize
}

.layer-anim {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes layer-bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layer-bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.layer-anim-00 {
    -webkit-animation-name: layer-bounceIn;
    animation-name: layer-bounceIn
}

@-webkit-keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-01 {
    -webkit-animation-name: layer-zoomInDown;
    animation-name: layer-zoomInDown
}

@-webkit-keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.layer-anim-02 {
    -webkit-animation-name: layer-fadeInUpBig;
    animation-name: layer-fadeInUpBig
}

@-webkit-keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-03 {
    -webkit-animation-name: layer-zoomInLeft;
    animation-name: layer-zoomInLeft
}

@-webkit-keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.layer-anim-04 {
    -webkit-animation-name: layer-rollIn;
    animation-name: layer-rollIn
}

@keyframes layer-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.layer-anim-05 {
    -webkit-animation-name: layer-fadeIn;
    animation-name: layer-fadeIn
}

@-webkit-keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.layer-anim-06 {
    -webkit-animation-name: layer-shake;
    animation-name: layer-shake
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial
}

.layui-layer-setwin a {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    _overflow: hidden
}

.layui-layer-setwin .layui-layer-min cite {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background-color: #2E2D3C;
    cursor: pointer;
    _overflow: hidden
}

.layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #2D93CA
}

.layui-layer-setwin .layui-layer-max {
    background-position: -32px -40px
}

.layui-layer-setwin .layui-layer-max:hover {
    background-position: -16px -40px
}

.layui-layer-setwin .layui-layer-maxmin {
    background-position: -65px -40px
}

.layui-layer-setwin .layui-layer-maxmin:hover {
    background-position: -49px -40px
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px;
    cursor: pointer
}

.layui-layer-setwin .layui-layer-close1:hover {
    opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: -28px;
    top: -28px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background-position: -149px -31px;
    *right: -18px;
    _display: none
}

.layui-layer-setwin .layui-layer-close2:hover {
    background-position: -180px -31px
}

.layui-layer-btn {
    text-align: right;
    padding: 0 15px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none
}

.layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none
}

.layui-layer-btn a:hover {
    opacity: .9;
    text-decoration: none
}

.layui-layer-btn a:active {
    opacity: .8
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff
}

.layui-layer-btn-l {
    text-align: left
}

.layui-layer-btn-c {
    text-align: center
}

.layui-layer-dialog {
    min-width: 260px
}

.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    position: absolute;
    top: 16px;
    left: 15px;
    _left: -40px;
    width: 30px;
    height: 30px
}

.layui-layer-ico1 {
    background-position: -30px 0
}

.layui-layer-ico2 {
    background-position: -60px 0
}

.layui-layer-ico3 {
    background-position: -90px 0
}

.layui-layer-ico4 {
    background-position: -120px 0
}

.layui-layer-ico5 {
    background-position: -150px 0
}

.layui-layer-ico6 {
    background-position: -180px 0
}

.layui-layer-rim {
    border: 6px solid #8D8D8D;
    border: 6px solid rgba(0,0,0,.3);
    border-radius: 5px;
    box-shadow: none
}

.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #D3D4D3;
    box-shadow: none
}

.layui-layer-hui {
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none
}

.layui-layer-hui .layui-layer-content {
    padding: 12px 25px;
    text-align: center
}

.layui-layer-dialog .layui-layer-padding {
    padding: 20px 20px 20px 55px;
    text-align: left
}

.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: auto
}

.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {
    padding-top: 10px
}

.layui-layer-nobg {
    background: 0 0
}

.layui-layer-iframe iframe {
    display: block;
    width: 100%
}

.layui-layer-loading {
    border-radius: 100%;
    background: 0 0;
    box-shadow: none;
    border: none
}

.layui-layer-loading .layui-layer-content {
    width: 60px;
    height: 24px;
    background: url(/static/image/_/js/libs/layer/theme/default/loading-0.gif) no-repeat
}

.layui-layer-loading .layui-layer-loading1 {
    width: 37px;
    height: 37px;
    background: url(/static/image/_/js/libs/layer/theme/default/loading-1.gif) no-repeat
}

.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2 {
    width: 32px;
    height: 32px;
    background: url(/static/image/_/js/libs/layer/theme/default/loading-2.gif) no-repeat
}

.layui-layer-tips {
    background: 0 0;
    box-shadow: none;
    border: none
}

.layui-layer-tips .layui-layer-content {
    position: relative;
    line-height: 22px;
    min-width: 12px;
    padding: 8px 15px;
    font-size: 12px;
    _float: left;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    background-color: #000;
    color: #fff
}

.layui-layer-tips .layui-layer-close {
    right: -2px;
    top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: transparent;
    border-style: dashed;
    *overflow: hidden
}

.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {
    left: 5px;
    border-right-style: solid;
    border-right-color: #000
}

.layui-layer-tips i.layui-layer-TipsT {
    bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
    top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
    top: 5px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.layui-layer-tips i.layui-layer-TipsR {
    left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
    right: -8px
}

.layui-layer-lan[type=dialog] {
    min-width: 280px
}

.layui-layer-lan .layui-layer-title {
    background: #4476A7;
    color: #fff;
    border: none
}

.layui-layer-lan .layui-layer-btn {
    padding: 5px 10px 10px;
    text-align: right;
    border-top: 1px solid #E9E7E7
}

.layui-layer-lan .layui-layer-btn a {
    background: #fff;
    border-color: #E9E7E7;
    color: #333
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
    background: #C9C5C5
}

.layui-layer-molv .layui-layer-title {
    background: #009f95;
    color: #fff;
    border: none
}

.layui-layer-molv .layui-layer-btn a {
    background: #009f95;
    border-color: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background: #92B8B1
}

.layui-layer-iconext {
    background: url(/static/image/_/js/libs/layer/theme/default/icon-ext.png) no-repeat
}

.layui-layer-prompt .layui-layer-input {
    display: block;
    width: 230px;
    height: 36px;
    margin: 0 auto;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
    color: #333
}

.layui-layer-prompt textarea.layui-layer-input {
    width: 300px;
    height: 100px;
    line-height: 20px;
    padding: 6px 10px
}

.layui-layer-prompt .layui-layer-content {
    padding: 20px
}

.layui-layer-prompt .layui-layer-btn {
    padding-top: 0
}

.layui-layer-tab {
    box-shadow: 1px 1px 50px rgba(0,0,0,.4)
}

.layui-layer-tab .layui-layer-title {
    padding-left: 0;
    overflow: visible
}

.layui-layer-tab .layui-layer-title span {
    position: relative;
    float: left;
    min-width: 80px;
    max-width: 260px;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    cursor: pointer
}

.layui-layer-tab .layui-layer-title span.layui-this {
    height: 43px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #fff;
    z-index: 10
}

.layui-layer-tab .layui-layer-title span:first-child {
    border-left: none
}

.layui-layer-tabmain {
    line-height: 24px;
    clear: both
}

.layui-layer-tabmain .layui-layer-tabli {
    display: none
}

.layui-layer-tabmain .layui-layer-tabli.layui-this {
    display: block
}

.layui-layer-photos {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.layui-layer-photos .layui-layer-content {
    overflow: hidden;
    text-align: center
}

.layui-layer-photos .layui-layer-phimg img {
    position: relative;
    width: 100%;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.layui-layer-imgbar,.layui-layer-imguide {
    display: none
}

.layui-layer-imgnext,.layui-layer-imgprev {
    position: absolute;
    top: 50%;
    width: 27px;
    _width: 44px;
    height: 44px;
    margin-top: -22px;
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

.layui-layer-imgprev {
    left: 10px;
    background-position: -5px -5px;
    _background-position: -70px -5px
}

.layui-layer-imgprev:hover {
    background-position: -33px -5px;
    _background-position: -120px -5px
}

.layui-layer-imgnext {
    right: 10px;
    _right: 8px;
    background-position: -5px -50px;
    _background-position: -70px -50px
}

.layui-layer-imgnext:hover {
    background-position: -33px -50px;
    _background-position: -120px -50px
}

.layui-layer-imgbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0,0,0,.8);
    background-color: #000\9;
    filter: Alpha(opacity=80);
    color: #fff;
    overflow: hidden;
    font-size: 0
}

.layui-layer-imgtit * {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    font-size: 12px
}

.layui-layer-imgtit a {
    max-width: 65%;
    overflow: hidden;
    color: #fff
}

.layui-layer-imgtit a:hover {
    color: #fff;
    text-decoration: underline
}

.layui-layer-imgtit em {
    padding-left: 10px;
    font-style: normal
}

@-webkit-keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.layer-anim-close {
    -webkit-animation-name: layer-bounceOut;
    animation-name: layer-bounceOut;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@media screen and (max-width: 1100px) {
    .layui-layer-iframe {
        overflow-y:auto;
        -webkit-overflow-scrolling: touch
    }
}

/*! laydate-v5.0.9 日期与时间组件 MIT License  http://www.layui.com/laydate/  By 贤心 */
.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list {
    box-sizing: border-box
}

html #layuicss-laydate {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-laydate * {
    margin: 0;
    padding: 0
}

.layui-laydate {
    position: absolute;
    z-index: 66666666;
    margin: 5px 0;
    border-radius: 2px;
    font-size: 14px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: laydate-upbit;
    animation-name: laydate-upbit
}

.layui-laydate-main {
    width: 272px
}

.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li {
    transition-duration: .3s;
    -webkit-transition-duration: .3s
}

@-webkit-keyframes laydate-upbit {
    from {
        -webkit-transform: translate3d(0,20px,0);
        opacity: .3
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes laydate-upbit {
    from {
        transform: translate3d(0,20px,0);
        opacity: .3
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.layui-laydate-static {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 0;
    -webkit-animation: none;
    animation: none
}

.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m {
    display: none!important
}

.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y {
    display: inline-block!important
}

.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month] {
    display: none!important
}

.layui-laydate-header {
    position: relative;
    line-height: 30px;
    padding: 10px 70px 5px
}

.laydate-set-ym span,.layui-laydate-header i {
    padding: 0 5px;
    cursor: pointer
}

.layui-laydate-header * {
    display: inline-block;
    vertical-align: bottom
}

.layui-laydate-header i {
    position: absolute;
    top: 10px;
    color: #999;
    font-size: 18px
}

.layui-laydate-header i.laydate-prev-y {
    left: 15px
}

.layui-laydate-header i.laydate-prev-m {
    left: 45px
}

.layui-laydate-header i.laydate-next-y {
    right: 15px
}

.layui-laydate-header i.laydate-next-m {
    right: 45px
}

.laydate-set-ym {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.laydate-time-text {
    cursor: default!important
}

.layui-laydate-content {
    position: relative;
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.layui-laydate-content table {
    border-collapse: collapse;
    border-spacing: 0
}

.layui-laydate-content td,.layui-laydate-content th {
    width: 36px;
    height: 30px;
    padding: 5px;
    text-align: center
}

.layui-laydate-content td {
    position: relative;
    cursor: pointer
}

.laydate-day-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden
}

.laydate-day-mark::after {
    position: absolute;
    content: '';
    right: 2px;
    top: 2px;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.layui-laydate-footer {
    position: relative;
    height: 46px;
    line-height: 26px;
    padding: 10px 20px
}

.layui-laydate-footer span {
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px
}

.layui-laydate-footer span:hover {
    color: #5FB878
}

.laydate-footer-btns {
    position: absolute;
    right: 10px;
    top: 10px
}

.laydate-footer-btns span {
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 2px
}

.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main {
    display: inline-block;
    vertical-align: middle
}

.layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff
}

.layui-laydate-list>li {
    position: relative;
    width: 33.3%;
    height: 36px;
    line-height: 36px;
    margin: 3px 0;
    text-align: center;
    cursor: pointer
}

.laydate-month-list>li {
    width: 25%;
    margin: 17px 0
}

.laydate-time-list>li {
    height: 100%;
    margin: 0;
    line-height: normal;
    cursor: default
}

.laydate-time-list p {
    position: relative;
    top: -4px;
    line-height: 29px
}

.laydate-time-list ol {
    height: 181px;
    overflow: hidden
}

.laydate-time-list>li:hover ol {
    overflow-y: auto
}

.laydate-time-list ol li {
    width: 130%;
    padding-left: 33px;
    line-height: 30px;
    text-align: left;
    cursor: pointer
}

.layui-laydate-hint {
    position: absolute;
    top: 115px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px
}

.layui-laydate-range {
    width: 546px
}

.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
    display: none
}

.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
    border-left: 1px solid #e2e2e2
}

.layui-laydate,.layui-laydate-hint {
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    background-color: #fff;
    color: #666
}

.layui-laydate-header {
    border-bottom: 1px solid #e2e2e2
}

.layui-laydate-header i:hover,.layui-laydate-header span:hover {
    color: #5FB878
}

.layui-laydate-content {
    border-top: none 0;
    border-bottom: none 0
}

.layui-laydate-content th {
    font-weight: 400;
    color: #333
}

.layui-laydate-content td {
    color: #666
}

.layui-laydate-content td.laydate-selected {
    background-color: #00F7DE
}

.laydate-selected:hover {
    background-color: #00F7DE!important
}

.layui-laydate-content td:hover,.layui-laydate-list li:hover {
    background-color: #eaeaea;
    color: #333
}

.laydate-time-list li ol {
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    border-left-width: 0
}

.laydate-time-list li:first-child ol {
    border-left-width: 1px
}

.laydate-time-list>li:hover {
    background: 0 0
}

.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev {
    color: #d2d2d2
}

.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev {
    background-color: #f8f8f8!important
}

.layui-laydate-footer {
    border-top: 1px solid #e2e2e2
}

.layui-laydate-hint {
    color: #FF5722
}

.laydate-day-mark::after {
    background-color: #5FB878
}

.layui-laydate-content td.layui-this .laydate-day-mark::after {
    display: none
}

.layui-laydate-footer span[lay-type=date] {
    color: #5FB878
}

.layui-laydate .layui-this {
    background-color: #009688!important;
    color: #fff!important
}

.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover {
    background: 0 0!important;
    color: #d2d2d2!important;
    cursor: not-allowed!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.laydate-theme-molv {
    border: none
}

.laydate-theme-molv.layui-laydate-range {
    width: 548px
}

.laydate-theme-molv .layui-laydate-main {
    width: 274px
}

.laydate-theme-molv .layui-laydate-header {
    border: none;
    background-color: #009688
}

.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span {
    color: #f6f6f6
}

.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover {
    color: #fff
}

.laydate-theme-molv .layui-laydate-content {
    border: 1px solid #e2e2e2;
    border-top: none;
    border-bottom: none
}

.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
    border-left: none
}

.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer {
    border: 1px solid #e2e2e2
}

.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover {
    background-color: #f2f2f2!important;
    color: #009688!important
}

.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev {
    color: #d2d2d2!important
}

.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list {
    margin: 1px 0 0 1px
}

.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li {
    margin: 0 -1px -1px 0
}

.laydate-theme-grid .laydate-year-list>li {
    height: 43px;
    line-height: 43px
}

.laydate-theme-grid .laydate-month-list>li {
    height: 71px;
    line-height: 71px
}

@font-face {
    font-family: laydate-icon;
    src: url(/static/font/src/js/libs/laydate/theme/default/font/iconfont.eot);
    src: url(/static/font/src/js/libs/laydate/theme/default/font/iconfont.eot#iefix) format('embedded-opentype'),url(/static/image/_/js/libs/laydate/theme/default/font/iconfont.svg#iconfont) format('svg'),url(/static/font/src/js/libs/laydate/theme/default/font/iconfont.woff) format('woff'),url(/static/font/src/js/libs/laydate/theme/default/font/iconfont.ttf) format('truetype')
}

.laydate-icon {
    font-family: laydate-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,textarea,ul {
    margin: 0;
    padding: 0
}

body,button,input,select,textarea {
    font-size: 12px;
    font-family: Helvetica,Helvetica Neue,Arial,Microsoft YaHei,SimSun,sans-serif
}

body {
    color: #222
}

button,input,select,textarea {
    border: none;
    outline: none;
    background-color: transparent
}

button:disabled,button[disabled],input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled] {
    background-color: #e9e9e9;
    cursor: not-allowed
}

input,textarea {
    -webkit-transition: .2s;
    transition: .2s
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #888;
    -webkit-transition: .2s;
    transition: .2s
}

input:focus,textarea:focus {
    caret-color: #008ccf
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: silver
}

select {
    cursor: pointer
}

dl,li,menu,ol,ul {
    list-style: none
}

a {
    color: #222;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s
}

a:hover {
    color: #008ccf
}

img {
    border: none;
    outline: none;
    vertical-align: middle
}

img[data-lazy] {
    background: #fbfbfb
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

input[type=checkbox],input[type=radio] {
    vertical-align: middle
}

.img {
    border: 0
}

.main,.main-width {
    background-color: #fff;
    width: 1200px;
    margin: 0 auto
}

.box-width {
    width: 998px;
    margin: 0
}

.cursor {
    cursor: pointer
}

.hide {
    display: none
}

.center {
    text-align: center
}

.weight {
    font-weight: 700
}

.simsun {
    font-family: SimSun
}

.price_color {
    color: #cb0505
}

.color999 {
    color: #999
}

.color666 {
    color: #666
}

.color333 {
    color: #333
}

.coloraaa {
    color: #aaa
}

.colorff8827 {
    color: #ff8827
}

.ft-yh {
    font-family: Microsoft YaHei
}

.ft-size {
    font-size: 14px
}

.ft-0 {
    font-size: 0
}

.ft-12 {
    font-size: 12px
}

.ft-14 {
    font-size: 14px
}

.ft-16 {
    font-size: 16px
}

.ft-18 {
    font-size: 18px
}

.ft-20 {
    font-size: 20px
}

.ft-tnr {
    font-family: Times New Roman
}

.clearfix {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.radius4 {
    border-radius: 4px
}

.radius100 {
    border-radius: 100%
}

.line200 {
    line-height: 200%
}

.line180 {
    line-height: 180%
}

.line160 {
    line-height: 160%
}

.line150 {
    line-height: 150%
}

.ft12 {
    font-size: 12px
}

.ft14 {
    font-size: 14px
}

.ft16 {
    font-size: 16px
}

.ft18 {
    font-size: 18px
}

.ft20 {
    font-size: 20px
}

.ft22 {
    font-size: 22px
}

.ft24 {
    font-size: 24px
}

.ft26 {
    font-size: 26px
}

.ft28 {
    font-size: 28px
}

.ft30 {
    font-size: 30px
}

.p-top5 {
    padding-top: 5px
}

.p-top10 {
    padding-top: 10px
}

.p-top15 {
    padding-top: 15px
}

.p-top20 {
    padding-top: 20px
}

.p-top25 {
    padding-top: 25px
}

.p-top30 {
    padding-top: 30px
}

.p-right5 {
    padding-right: 5px
}

.p-right10 {
    padding-right: 10px
}

.p-right15 {
    padding-right: 15px
}

.p-right20 {
    padding-right: 20px
}

.p-right25 {
    padding-right: 25px
}

.p-right30 {
    padding-right: 30px
}

.p-bottom5 {
    padding-bottom: 5px
}

.p-bottom10 {
    padding-bottom: 10px
}

.p-bottom15 {
    padding-bottom: 15px
}

.p-bottom20 {
    padding-bottom: 20px
}

.p-bottom25 {
    padding-bottom: 25px
}

.p-bottom30 {
    padding-bottom: 30px
}

.p-left5 {
    padding-left: 5px
}

.p-left10 {
    padding-left: 10px
}

.p-left15 {
    padding-left: 15px
}

.p-left20 {
    padding-left: 20px
}

.p-left25 {
    padding-left: 25px
}

.p-left30 {
    padding-left: 30px
}

.m-top1 {
    margin-top: 1px
}

.m-top5 {
    margin-top: 5px
}

.m-top10 {
    margin-top: 10px
}

.m-top15 {
    margin-top: 15px
}

.m-top20 {
    background-color: #fff;
    margin-top: 20px
}

.m-top25 {
    margin-top: 25px
}

.m-top30 {
    margin-top: 30px
}

.m-top40 {
    margin-top: 40px
}

.m-top50 {
    margin-top: 50px
}

.m-right5 {
    margin-right: 5px
}

.m-right10 {
    margin-right: 10px
}

.m-right15 {
    margin-right: 15px
}

.m-right20 {
    margin-right: 20px
}

.m-right25 {
    margin-right: 25px
}

.m-right30 {
    margin-right: 30px
}

.m-right80 {
    margin-right: 80px
}

.m-right90 {
    margin-right: 90px
}

.m-right100 {
    margin-right: 100px
}

.m-bottom5 {
    margin-bottom: 5px
}

.m-bottom10 {
    margin-bottom: 10px
}

.m-bottom15 {
    margin-bottom: 15px
}

.m-bottom20 {
    margin-bottom: 20px
}

.m-bottom25 {
    margin-bottom: 25px
}

.m-bottom30 {
    margin-bottom: 30px
}

.m-left5 {
    margin-left: 5px
}

.m-left10 {
    margin-left: 10px
}

.m-left15 {
    margin-left: 15px
}

.m-left20 {
    margin-left: 20px
}

.m-left25 {
    margin-left: 25px
}

.m-left30 {
    margin-left: 30px
}

.m-left50 {
    margin-left: 50px
}

.layui-layer-hui .layui-layer-content {
    color: #fff
}

.layui-layer-tips .layui-layer-content {
    max-width: 200px;
    padding: 5px 10px
}

.layui-layer-close {
    -webkit-transition: none;
    transition: none
}

.layer-anim-04 {
    -webkit-animation-name: layer-zoomInRight;
    animation-name: layer-zoomInRight
}

@-webkit-keyframes layer-zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120%);
        -ms-transform: translateX(120%);
        transform: translateX(120%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
        transform: translateX(20%);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.theme-dialog {
    padding: 0 20px;
    background-clip: border-box
}

.theme-dialog .layui-layer-title {
    height: 60px;
    padding-left: 0;
    line-height: 60px;
    background-color: #fff;
    font-size: 18px;
    color: #222
}

.theme-dialog .layui-layer-content {
    padding: 30px 0;
    font-size: 14px
}

.theme-dialog .layui-layer-setwin {
    right: 20px;
    top: 20px;
    height: 20px
}

.theme-dialog .layui-layer-setwin .layui-layer-ico {
    width: 20px;
    height: 20px;
    background: url(/static/image/public/icons/x.png) no-repeat 50%
}

.theme-dialog .layui-layer-btn {
    padding: 0 0 40px
}

.theme-dialog .layui-layer-btn a {
    width: 150px;
    height: 50px;
    margin: 0 0 0 30px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px
}

.theme-dialog .layui-layer-btn a:first-child {
    margin: 0
}

.theme-dialog .layui-layer-btn .layui-layer-btn0 {
    border-color: #008ccf;
    background: #008ccf
}

.activity-detail-dialog {
    left: auto;
    right: 40px;
    background: #eceaea
}

.activity-detail-dialog .layui-layer-title {
    padding-left: 10px;
    background: #eceaea;
    border: none
}

.article-detail .layui-layer-content {
    padding: 1.25em 2em;
    line-height: 1.6em;
    font-size: 14px;
    color: #888
}

.article-detail .layui-layer-content p {
    margin: .6em 0
}

.article-detail .layui-layer-content ol {
    margin: .8em 0;
    padding-left: 1.2rem
}

.article-detail .layui-layer-content ol li {
    list-style: disc;
    margin: .6em 0
}

body {
    min-width: 1200px
}

body.body-grey {
    background: #f2f2f2
}

.g-highlight {
    color: #008ccf
}

.g-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.g-wrapper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.g-message {
    margin: 1em 0;
    text-align: center;
    font-size: 14px;
    color: #999
}

.g-input-hidden {
    float: left;
    display: none;
    margin: 0;
    padding: 0;
    border: none
}

.g-important-tip {
    margin-top: 10px;
    text-align: left
}

.g-important-tip i {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px 0 25px;
    border: 1px solid #fce6d8;
    border-radius: 12px;
    background: #fcf6ec url(/static/image/public/icons/warn.png) no-repeat 5px;
    font-size: 12px;
    color: #ff6336;
    font-style: normal
}

.un-select {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bread-top {
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1)
}

.bread-top .bread-top-main {
    height: 40px;
    background: url(../IMG/home.png) no-repeat 0;
    line-height: 40px;
    text-indent: 20px
}

.brand-menu {
    width: 1190px;
    height: 50px;
    margin: 10px auto;
    background-color: #fff;
    /*height: 43px;
    margin: 0 auto;
    padding-top: 10px;
    background: url(../IMG/brand-menu.jpg) repeat-x 0 100%*/
}

.brand-menu .brand-menu-text {
    font-size: 14px;
    color: #222;
    line-height: 50px;
    padding-left: 20px
}

.shop-rate {
    width: 1200px;
    float: left;
    margin-top: 20px;
    height: 48px;
    background: url(/static/image/public/confirm-head.jpg) no-repeat 0 0
}

.shop-rate.shop-rate-cart {
    background-image: url(/static/image/public/confirm-head-cart.jpg)
}

.shop-rate.shop-rate-pay {
    background-image: url(/static/image/public/confirm-head-pay.png)
}

.m-list-empty {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    font-size: 14px;
    color: #666;
    text-align: center
}

.m-list-empty p {
    margin: .5em 0
}

.m-list-empty .empty-icon {
    margin-bottom: 20px
}

.m-list-empty .empty-icon img {
    max-width: 100%;
    height: 100%
}

.m-list-empty .empty-tips {
    font-size: 18px;
    font-weight: 400;
    color: #888
}

.m-list-empty .empty-btns {
    margin-top: 30px
}

.m-list-empty .empty-btns a {
    display: inline-block;
    height: 35px;
    margin-left: 30px;
    padding: 0 30px;
    line-height: 35px;
    font-size: 18px;
    color: #008ccf;
    border: 1px solid #008ccf;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

.m-list-empty .empty-btns a:first-child {
    margin-left: 0
}

.m-list-empty .empty-btns a:hover {
    background: #008ccf;
    color: #fff
}

.m-list-empty .empty-btns a.consult {
    border-color: #fd7505;
    color: #fd7505
}

.m-result-success {
    padding: 75px 0 100px;
    text-align: center;
    font-size: 14px
}

.m-result-success .success-icon img {
    height: 100px
}

.m-result-success .success-msg {
    margin: 30px auto;
    max-width: 350px
}

.m-result-success .success-msg .title {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 400;
    color: #222
}

.m-result-success .success-msg .tip {
    color: #888
}

.m-result-success .success-msg .handle {
    margin-top: 60px
}

.m-result-success .success-msg .handle .tip {
    margin-bottom: 20px
}

.m-result-success .success-msg .handle .btn {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    line-height: 38px;
    border: 1px solid #008ccf;
    border-radius: 20px;
    color: #008ccf;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s
}

.m-result-success .success-msg .handle .btn:hover {
    text-decoration: none;
    color: #fff;
    background: #278957
}

.m-form-normal {
    padding: 20px 30px
}

.m-form-normal .highlight {
    color: #008ccf
}

.m-form-normal .form-title {
    height: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3
}

.m-form-normal .form-title .title {
    position: relative;
    top: -12px;
    display: inline-block;
    height: 22px;
    padding: 0 15px;
    line-height: 22px;
    background: #fff;
    font-size: 14px;
    color: #333
}

.m-form-normal .form-tip {
    display: inline-block;
    border-bottom: 1px dashed #ddd;
    font-size: 14px
}

.m-form-normal .form-item {
    margin: 12px 0;
    line-height: 32px
}

.m-form-normal .form-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.m-form-normal .form-item .item-title {
    float: left;
    width: 120px;
    min-height: 32px;
    margin-right: 10px;
    text-align: right;
    font-size: 14px
}

.m-form-normal .form-item .item-title .highlight {
    font-weight: 700;
    color: red
}

.m-form-normal .form-item .item-cont {
    margin-left: 130px
}

.m-form-normal .form-item .item-cont:first-child {
    margin-left: 0
}

.m-form-normal .form-item .item-cont .item-line {
    margin-bottom: 12px
}

.m-form-normal .form-item .item-cont a,.m-form-normal .form-item .item-cont button,.m-form-normal .form-item .item-cont input,.m-form-normal .form-item .item-cont select,.m-form-normal .form-item .item-cont textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.m-form-normal .form-item .item-cont input[type=email],.m-form-normal .form-item .item-cont input[type=number],.m-form-normal .form-item .item-cont input[type=password],.m-form-normal .form-item .item-cont input[type=text],.m-form-normal .form-item .item-cont select,.m-form-normal .form-item .item-cont textarea {
    display: inline-block;
    width: 300px;
    height: 22px;
    padding: 5px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    font-size: 14px;
    vertical-align: top
}

.m-form-normal .form-item .item-cont input[type=email]:focus,.m-form-normal .form-item .item-cont input[type=number]:focus,.m-form-normal .form-item .item-cont input[type=password]:focus,.m-form-normal .form-item .item-cont input[type=text]:focus,.m-form-normal .form-item .item-cont select:focus,.m-form-normal .form-item .item-cont textarea:focus {
    border-color: #ccc
}

.m-form-normal .form-item .item-cont input[type=email].datetime,.m-form-normal .form-item .item-cont input[type=number].datetime,.m-form-normal .form-item .item-cont input[type=password].datetime,.m-form-normal .form-item .item-cont input[type=text].datetime,.m-form-normal .form-item .item-cont select.datetime,.m-form-normal .form-item .item-cont textarea.datetime {
    width: 200px;
    padding-left: 25px;
    background: url(/static/image/t_2.png) no-repeat 5px;
    cursor: pointer
}

.m-form-normal .form-item .item-cont input[type=email].short,.m-form-normal .form-item .item-cont input[type=number].short,.m-form-normal .form-item .item-cont input[type=password].short,.m-form-normal .form-item .item-cont input[type=text].short,.m-form-normal .form-item .item-cont select.short,.m-form-normal .form-item .item-cont textarea.short {
    width: 100px
}

.m-form-normal .form-item .item-cont input[type=email].long,.m-form-normal .form-item .item-cont input[type=number].long,.m-form-normal .form-item .item-cont input[type=password].long,.m-form-normal .form-item .item-cont input[type=text].long,.m-form-normal .form-item .item-cont select.long,.m-form-normal .form-item .item-cont textarea.long {
    width: 450px
}

.m-form-normal .form-item .item-cont input[type=email].hidden,.m-form-normal .form-item .item-cont input[type=number].hidden,.m-form-normal .form-item .item-cont input[type=password].hidden,.m-form-normal .form-item .item-cont input[type=text].hidden,.m-form-normal .form-item .item-cont select.hidden,.m-form-normal .form-item .item-cont textarea.hidden {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: none
}

.m-form-normal .form-item .item-cont input[type=email].error,.m-form-normal .form-item .item-cont input[type=number].error,.m-form-normal .form-item .item-cont input[type=password].error,.m-form-normal .form-item .item-cont input[type=text].error,.m-form-normal .form-item .item-cont select.error,.m-form-normal .form-item .item-cont textarea.error {
    border-color: red
}

.m-form-normal .form-item .item-cont input[type=checkbox],.m-form-normal .form-item .item-cont input[type=radio] {
    vertical-align: middle
}

.m-form-normal .form-item .item-cont select {
    width: auto;
    min-width: 100px;
    padding-left: 5px
}

.m-form-normal .form-item .item-cont textarea {
    height: 88px;
    resize: none
}

.m-form-normal .form-item .item-cont label {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.m-form-normal .form-item .item-cont a:focus {
    outline: 1px dotted #fd7505
}

.m-form-normal .form-item .item-cont .img-checkcode {
    display: inline-block;
    border: 1px solid #e3e3e3;
    width: 85px;
    height: 32px;
    vertical-align: top;
    cursor: pointer
}

.m-form-normal .form-item .item-cont .link {
    color: #3787da
}

.m-form-normal .form-item .item-cont .btn {
    display: inline-block;
    height: 32px;
    margin-left: 8px;
    line-height: 32px;
    border: 1px solid #e3e3e3;
    padding: 0 20px;
    background: #f2f2f2;
    vertical-align: top;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.m-form-normal .form-item .item-cont .btn.highlight {
    background: #008ccf;
    color: #fff;
    border-color: #008ccf
}

.m-form-normal .form-item .item-cont .btn:hover {
    text-decoration: none
}

.m-form-normal .form-item .item-cont .btn[disabled] {
    background: #eee;
    border-color: #e3e3e3;
    color: #bbb;
    cursor: not-allowed
}

.m-form-normal .form-item .item-cont .btn-submit {
    display: inline-block;
    height: 36px;
    margin-top: 15px;
    padding: 0 32px;
    line-height: 36px;
    color: #fff;
    background: #e80d42;
    border-radius: 5px;
    font-size: 16px
}

.m-form-normal .form-item .item-cont .btn-submit:hover {
    background: #008ccf;
    text-decoration: none
}

.m-form-normal .form-item .item-cont .btn-submit[disabled] {
    background: #ccc;
    cursor: not-allowed
}

.m-form-normal .form-item .item-cont .tips {
    font-size: 13px;
    color: #999
}

.m-form-normal .form-item .error-tip {
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    background: url(/static/image/icon_error.png) no-repeat 0;
    vertical-align: top
}

.m-form-full .form-title {
    margin-bottom: 50px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #222
}

.m-form-full .form-item {
    margin-top: 35px
}

.m-form-full .form-item:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.m-form-full .form-item:first-child {
    margin-top: 0
}

.m-form-full .form-item .item-title {
    float: left;
    width: 110px;
    min-height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #222
}

.m-form-full .form-item .item-cont {
    position: relative;
    margin-left: 120px;
    min-height: 50px
}

.m-form-full .form-item .item-cont button,.m-form-full .form-item .item-cont input,.m-form-full .form-item .item-cont select,.m-form-full .form-item .item-cont textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-form-full .form-item .item-cont input[type=email],.m-form-full .form-item .item-cont input[type=number],.m-form-full .form-item .item-cont input[type=password],.m-form-full .form-item .item-cont input[type=text],.m-form-full .form-item .item-cont textarea {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 5px 5px 5px 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.m-form-full .form-item .item-cont input[type=email]:hover,.m-form-full .form-item .item-cont input[type=number]:hover,.m-form-full .form-item .item-cont input[type=password]:hover,.m-form-full .form-item .item-cont input[type=text]:hover,.m-form-full .form-item .item-cont textarea:hover {
    border-color: #ccc
}

.m-form-full .form-item .item-cont input[type=email]:focus,.m-form-full .form-item .item-cont input[type=number]:focus,.m-form-full .form-item .item-cont input[type=password]:focus,.m-form-full .form-item .item-cont input[type=text]:focus,.m-form-full .form-item .item-cont textarea:focus {
    border-color: #0faaff
}

.m-form-full .form-item .item-cont input[type=email].error,.m-form-full .form-item .item-cont input[type=number].error,.m-form-full .form-item .item-cont input[type=password].error,.m-form-full .form-item .item-cont input[type=text].error,.m-form-full .form-item .item-cont textarea.error {
    border-color: #008ccf
}

.m-form-full .form-item .item-cont .link {
    color: #00a5ff
}

.m-form-full .form-item .item-cont .link:hover {
    color: #4a90e2
}

.m-form-full .form-item .item-cont .imgcode {
    right: 5px;
    top: 5px;
    height: 40px;
    line-height: 40px
}

.m-form-full .form-item .item-cont .btn,.m-form-full .form-item .item-cont .imgcode {
    position: absolute;
    z-index: 9;
    background: #00a5ff;
    vertical-align: top;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.m-form-full .form-item .item-cont .btn {
    right: 7px;
    top: 7px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px
}

.m-form-full .form-item .item-cont .btn:hover {
    text-decoration: none
}

.m-form-full .form-item .item-cont .btn[disabled] {
    background: silver;
    color: #fff;
    cursor: not-allowed
}

.m-form-full .form-item .item-cont .btn-submit {
    display: block;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: #008ccf;
    font-size: 20px;
    color: #fff;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.m-form-full .form-item .item-cont .btn-submit i {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    background: url(/static/image/public/icon_safe_w.png) no-repeat 0;
    font-size: 20px;
    color: #fff;
    font-style: normal
}

.m-form-full .form-item .item-cont .btn-submit:hover {
    background: #008ccf;
    text-decoration: none
}

.m-form-full .form-item .item-cont .btn-submit[disabled] {
    background: silver;
    cursor: not-allowed
}

.m-form-full .form-item .item-cont .btn-submit.inline {
    display: inline-block;
    padding: 0 70px;
    font-size: 16px
}

.m-form-full .form-item .item-cont .center-tip {
    margin-top: 15px;
    text-align: center
}

.m-form-full .form-item .item-cont .center-tip i {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 25px;
    border: 1px solid #f5ece7;
    border-radius: 12px;
    background: #fcf6ec url(/static/image/public/icon_tip_so.png) no-repeat 5px;
    font-size: 12px;
    color: #ff8827;
    font-style: normal
}

.m-form-full .form-item .item-cont.item-password .switch {
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 9;
    width: 30px;
    height: 30px;
    background: url(/static/image/public/icon_psw_hide.png) no-repeat 50%;
    cursor: pointer
}

.m-form-full .form-item .item-cont.item-password .switch.show {
    background: url(/static/image/public/icon_psw_show.png) no-repeat 50%
}

.m-form-full .form-item .item-cont .error-tip {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9;
    margin-top: 6px;
    padding-left: 20px;
    line-height: 16px;
    background: url(/static/image/public/icon_error.png) no-repeat 0;
    font-size: 12px;
    color: #008ccf
}

.m-form-full .form-item.form-submit {
    margin-top: 40px
}

.m-form-full.model-dialog .form-item {
    margin-top: 15px
}

.m-form-full.model-dialog .form-item .item-title {
    min-height: 40px;
    line-height: 40px;
    font-size: 14px
}

.m-form-full.model-dialog .form-item .item-cont {
    min-height: 40px
}

.m-form-full.model-dialog .form-item .item-cont input[type=email],.m-form-full.model-dialog .form-item .item-cont input[type=number],.m-form-full.model-dialog .form-item .item-cont input[type=password],.m-form-full.model-dialog .form-item .item-cont input[type=text],.m-form-full.model-dialog .form-item .item-cont textarea {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.m-form-full.model-dialog .form-item .item-cont .btn {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9;
    height: 30px;
    line-height: 30px
}

.m-form-full.model-dialog .form-item .item-cont .imgcode {
    height: 30px;
    line-height: 30px
}

.m-form-full.model-dialog .form-item .item-cont.item-password .switch {
    top: 10px;
    height: 20px
}

.m-list-condition {
    margin-top: 12px;
    padding: 12px 0
}

.m-list-condition .item-condition {
    display: inline-block;
    line-height: 30px;
    margin-right: 20px;
    margin-bottom: 12px;
    vertical-align: top
}

.m-list-condition .item-condition input,.m-list-condition .item-condition select {
    width: 200px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    line-height: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    font-size: 14px;
    vertical-align: top
}

.m-list-condition .item-condition input:focus,.m-list-condition .item-condition select:focus {
    border-color: #ccc
}

.m-list-condition .item-condition input.datetime,.m-list-condition .item-condition select.datetime {
    width: 150px;
    padding-left: 25px;
    background: url(/static/image/t_2.png) no-repeat 5px;
    cursor: pointer
}

.m-list-condition .item-condition input.short,.m-list-condition .item-condition select.short {
    width: 100px
}

.m-list-condition .item-condition input.long,.m-list-condition .item-condition select.long {
    width: 350px
}

.m-list-condition .item-condition input.hidden,.m-list-condition .item-condition select.hidden {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    border: none
}

.m-list-condition .item-condition input.error,.m-list-condition .item-condition select.error {
    border-color: red
}

.m-list-condition .item-condition select {
    width: auto;
    min-width: 100px;
    height: 30px;
    padding-left: 5px;
    line-height: 30px
}

.m-list-condition .item-condition .selection {
    display: inline-block;
    line-height: 30px;
    padding-left: 1px;
    vertical-align: top;
    border-radius: 3px;
    overflow: hidden
}

.m-list-condition .item-condition .selection:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.m-list-condition .item-condition .selection a {
    float: left;
    height: 30px;
    margin-left: -1px;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333
}

.m-list-condition .item-condition .selection a.selected {
    background: #008ccf;
    border-color: #008ccf;
    color: #fff
}

.m-list-condition .item-condition .btn-submit {
    display: inline-block;
    height: 32px;
    padding: 0 24px;
    line-height: 32px;
    color: #fff;
    background: #e80d42;
    border-radius: 5px;
    font-size: 14px
}

.m-list-condition .item-condition .btn-submit:hover {
    background: #008ccf;
    text-decoration: none
}

.m-list-condition .item-condition .btn-submit[disabled] {
    background: #ccc;
    cursor: not-allowed
}

.m-list-tabs {
    margin-top: 12px;
    border-bottom: 2px solid #008ccf
}

.m-list-tabs .tab-list {
    padding-left: 1px
}

.m-list-tabs .tab-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.m-list-tabs .tab-list a {
    float: left;
    min-width: 80px;
    height: 36px;
    margin-left: -1px;
    padding: 0 10px;
    line-height: 36px;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background: #f2f2f2;
    text-align: center;
    font-size: 14px;
    color: #333
}

.m-list-tabs .tab-list a.on {
    background: #008ccf;
    border-color: #008ccf;
    color: #fff
}

.m-radio-items {
    display: inline-block;
    vertical-align: top
}

.m-radio-items a {
    display: inline-block;
    min-width: 50px;
    height: 28px;
    margin-right: 12px;
    padding: 0 10px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}

.m-radio-items a:hover {
    text-decoration: none
}

.m-radio-items a.selected {
    position: relative;
    border-color: #008ccf;
    color: #008ccf
}

.m-radio-items a.selected:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 14px;
    background: url(/static/image/icon_select_checked.png) no-repeat 100% 100%
}

.m-radio-items a[disabled] {
    background-color: #ebebe4
}

.m-pagination {
    padding: 36px 0;
    text-align: center;
    font-size: 0
}

.m-pagination a,.m-pagination span {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    margin: 0 2px;
    padding: 0 5px;
    line-height: 26px;
    min-width: 16px;
    text-align: center;
    font-size: 13px
}

.m-pagination a {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.m-pagination a:hover {
    border-color: #008ccf;
    color: #008ccf
}

.m-pagination .on {
    border: 1px solid #008ccf;
    border-radius: 3px;
    background: #008ccf;
    color: #fff!important
}

.m-dialog-tips {
    padding: 50px 100px 60px;
    text-align: center
}

.m-dialog-tips .icon {
    max-width: 100%
}

.m-dialog-tips .title {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.m-dialog-tips .tip {
    margin-top: 10px;
    color: #aaa
}

.m-navigation {
    margin: 10px 0;
    padding: 15px 25px;
    background: #fff;
    color: #999
}

.m-navigation a {
    color: #333
}

.m-navigation a:hover {
    text-decoration: underline
}

.m-navigation .current {
    color: #222
}

.m-brand-authorizations {
    padding-top: 30px;
    text-align: center
}

.m-brand-authorizations img {
    width: 410px;
    height: 580px;
    vertical-align: top
}

.m-brand-authorizations .name {
    color: #222;
    font-size: 20px;
    line-height: 20px;
    margin-top: 30px
}

.m-form-theme .form-item {
    margin: 15px 0
}

.m-form-theme .form-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.m-form-theme .form-item .item-title {
    float: left;
    width: 110px;
    min-height: 50px;
    line-height: 50px;
    margin-right: 40px;
    text-align: right;
    font-size: 16px;
    color: #222
}

.m-form-theme .form-item .item-cont {
    position: relative;
    overflow: hidden;
    min-height: 50px;
    font-size: 14px
}

.m-form-theme .form-item .item-cont button,.m-form-theme .form-item .item-cont input,.m-form-theme .form-item .item-cont select,.m-form-theme .form-item .item-cont textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.m-form-theme .form-item .item-cont button:hover,.m-form-theme .form-item .item-cont input:hover,.m-form-theme .form-item .item-cont select:hover,.m-form-theme .form-item .item-cont textarea:hover {
    border-color: #ccc
}

.m-form-theme .form-item .item-cont button:focus,.m-form-theme .form-item .item-cont input:focus,.m-form-theme .form-item .item-cont select:focus,.m-form-theme .form-item .item-cont textarea:focus {
    border-color: #0faaff
}

.m-form-theme .form-item .item-cont button.error,.m-form-theme .form-item .item-cont input.error,.m-form-theme .form-item .item-cont select.error,.m-form-theme .form-item .item-cont textarea.error {
    border-color: #008ccf
}

.m-form-theme .form-item .item-cont input[type=email],.m-form-theme .form-item .item-cont input[type=number],.m-form-theme .form-item .item-cont input[type=password],.m-form-theme .form-item .item-cont input[type=text],.m-form-theme .form-item .item-cont textarea {
    display: block;
    width: 450px
}

.m-form-theme .form-item .item-cont input[type=email]::-webkit-input-placeholder,.m-form-theme .form-item .item-cont input[type=number]::-webkit-input-placeholder,.m-form-theme .form-item .item-cont input[type=password]::-webkit-input-placeholder,.m-form-theme .form-item .item-cont input[type=text]::-webkit-input-placeholder,.m-form-theme .form-item .item-cont textarea::-webkit-input-placeholder {
    color: #bbb
}

.m-form-theme .form-item .item-cont textarea {
    min-height: 75px;
    padding: 12px 10px;
    line-height: 24px;
    resize: none
}

.m-form-theme .form-item .item-cont select {
    min-width: 100px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-form-theme .form-item .item-cont input[type=checkbox],.m-form-theme .form-item .item-cont input[type=radio] {
    vertical-align: middle
}

.m-form-theme .form-item .item-cont label {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    font-size: 16px;
    color: #222
}

.m-form-theme .form-item .item-cont .important-tip {
    margin-top: 10px;
    text-align: left
}

.m-form-theme .form-item .item-cont .important-tip i {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 25px;
    border: 1px solid #fce6d8;
    border-radius: 12px;
    background: #fcf6ec url(/static/image/public/icons/warn.png) no-repeat 5px;
    font-size: 12px;
    color: #ff6336;
    font-style: normal
}

.m-form-theme .form-item .item-cont .error-tip {
    color: #008ccf
}

.m-tab-items .item {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    margin: 0 20px;
    padding: 0 10px;
    border-bottom: 2px solid transparent;
    color: #222
}

.m-tab-items .item.selected {
    border-color: #008ccf;
    color: #008ccf
}

.m-tab-items .item:disabled,.m-tab-items .item[disabled] {
    opacity: .5
}

.m-tabs-header {
    height: 40px
}

.m-tabs-header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.m-tabs-header .tab-item {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-tabs-header .tab-item .name {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 5px;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #222;
    -webkit-transition: .2s;
    transition: .2s
}

.m-tabs-header .tab-item.on .name,.m-tabs-header .tab-item:hover .name {
    color: #008ccf;
    border-color: #008ccf
}

.m-tabs-header.cols-3 .tab-item {
    width: 33.333%
}

.m-select-dialog {
    font-size: 14px
}

.m-select-dialog .select-empty {
    padding: 12px 0;
    color: #888
}

.m-select-dialog .select-list {
    position: relative
}

.m-select-dialog .select-list .list-item {
    position: relative;
    margin: 12px 0;
    padding-left: 30px;
    line-height: 20px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: left 2px;
    background-image: url(/static/image/public/icons/radio.png)
}

.m-select-dialog .select-list .list-item .item {
    margin-left: -30px;
    padding-left: 30px;
    cursor: pointer;
    color: #222
}

.m-select-dialog .select-list .list-item .item input[type=radio] {
    vertical-align: middle
}

.m-select-dialog .select-list .list-item .default {
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 3px;
    background: #008ccf;
    color: #fff;
    vertical-align: top
}

.m-select-dialog .select-list .list-item .handle {
    display: none;
    margin-left: 20px;
    vertical-align: top
}

.m-select-dialog .select-list .list-item .handle a {
    margin-right: 10px;
    color: #00a5ff
}

.m-select-dialog .select-list .list-item .handle a:hover {
    color: #4a90e2;
    text-decoration: none
}

.m-select-dialog .select-list .list-item.on .handle,.m-select-dialog .select-list .list-item:hover .handle {
    display: inline-block
}

.m-select-dialog .select-list .list-item.on {
    background-image: url(/static/image/public/icons/radio_selected.png)
}

.m-select-dialog .handle-btn {
    padding: 12px 0
}

.m-select-dialog .handle-btn a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #222
}

.m-select-dialog .handle-btn a.add {
    padding-left: 30px;
    background: url(/static/image/public/icons/add.png) no-repeat 0
}

.m-flow-banner {
    position: relative;
    display: block;
    height: 460px;
    overflow: hidden
}

.m-flow-banner .sliders {
    height: 100%
}

.m-flow-banner .sliders .slide-item {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    -webkit-transition: none;
    transition: none
}

.m-flow-banner .paganation {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 9;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.m-flow-banner .paganation li {
    display: inline-block;
    width: 20px;
    height: 6px;
    margin: 0 5px;
    border-radius: 3px;
    background: hsla(0,0%,100%,.6);
    text-indent: -999px;
    overflow: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.m-flow-banner .paganation li.on {
    background-color: #fff
}

.m-timedown {
    text-align: center
}

.m-timedown .item {
    margin-right: 5px
}

.m-timedown .item,.m-timedown .item .n {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.m-timedown .item .n {
    min-width: 30px;
    padding: 0 5px;
    border-radius: 5px;
    vertical-align: top;
    background: #000;
    font-size: 28px;
    font-style: normal;
    color: #fff
}

.m-timedown .item .u {
    margin-left: 4px;
    font-style: normal
}

.m-count-handle {
    display: inline-block;
    position: relative;
    width: 100px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    vertical-align: middle
}

.m-count-handle .btn {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #f6f6f6;
    font-size: 18px;
    text-align: center;
    color: #222
}

.m-count-handle .btn.minus {
    left: 0;
    border-right: 1px solid #ddd
}

.m-count-handle .btn.plus {
    right: 0;
    border-left: 1px solid #ddd
}

.m-count-handle .btn:hover {
    color: #000;
    background: #f2f2f2
}

.m-count-handle .btn:disabled,.m-count-handle .btn[disabled] {
    background: #eee;
    color: #999;
    cursor: not-allowed
}

.m-count-handle .input {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px
}

.m-top {
    height: 20px;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6e6e6;
    background: #f4f4f4
}

.m-top,.m-top a,.m-top span {
    font-size: 14px;
    color: #222
}

.m-top .link {
    margin-left: 12px
}

.m-top .link:first-child {
    margin-left: 0
}

.m-top .link:hover {
    color: #008ccf
}

.m-top .item {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
    border-left: 1px solid #dbdbdb;
    vertical-align: middle;
    font-size: 14px
}

.m-top .item:first-child {
    border-left: none
}

.m-top .top-welcome {
    float: left
}

.m-top .top-links {
    float: right;
    position: relative;
    font-size: 0
}

.m-top .top-links .tel {
    height: 26px;
    margin-top: -3px
}

.m-header {
    height: 80px;
    padding: 12px 0;
    background-color: #fff
}

.m-header .header-wrap {
    position: relative;
    z-index: 999;
    height: 65px;
    padding-top: 15px;
    background: #fff
}

.m-header .header-wrap .header-logo {
    float: left;
    width: 254px;
    height: 50px;
    margin-right: 35px;
    -webkit-transition: none;
    transition: none
}

.m-header .header-wrap .header-logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.m-header .header-wrap .header-logo .fix {
    display: none
}

.m-header .header-wrap .header-main {
    float: left
}

.m-header .header-wrap .header-search {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.m-header .header-wrap .header-search .search-input {
    position: relative;
    display: block;
    height: 36px;
    border: 2px solid #008ccf;
    border-radius: 5px;
    overflow: hidden
}

.m-header .header-wrap .header-search .search-input .input {
    display: block;
    width: 560px;
    height: 36px;
    padding: 0 15px;
    font-size: 16px;
    outline: none;
    -webkit-transition: none;
    transition: none
}

.m-header .header-wrap .header-search .search-input .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #008ccf;
    text-align: center;
    
    font-size: 18px;
    font-style: normal;
    color: #fff
}

.m-header .header-wrap .header-search .search-input .btn i {
    display: inline-block;
    padding-left: 30px;
    background: url(../IMG/icon_search.png) no-repeat 0;
    font-size: 18px;
    font-style: normal;
    color: #fff
}

.m-header .header-wrap .header-search .search-input .btn:hover {
    background: #278957
}

.m-header .header-wrap .header-search .search-keys {
    margin-top: 5px
}

.m-header .header-wrap .header-search .search-keys a {
    margin-right: 20px;
    color: #888
}

.m-header .header-wrap .header-search .search-keys a:hover {
    color: #008ccf
}

.m-header .header-wrap .header-search .search-think {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 100;
    width: 480px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding-top: 5px
}

.m-header .header-wrap .header-search .search-think a {
    display: block;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #adadad
}

.m-header .header-wrap .header-search .search-think a font {
    float: right;
    padding-right: 10px
}

.m-header .header-wrap .header-search .search-think a.on,.m-header .header-wrap .header-search .search-think a:hover {
    background-color: #eee;
    color: #666;
    text-decoration: none
}

.m-header .header-wrap .header-shopcart {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    padding: 0 20px;
    border-radius: 5px;
    background: #008ccf;
    vertical-align: top;
    text-align: center
}

.m-header .header-wrap .header-shopcart i {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    vertical-align: middle;
    background: url(/static/image/public/icon_shopcart.png) no-repeat 0;
    font-style: normal;
    font-size: 18px;
    color: #fff
}

.m-header .header-wrap .header-shopcart:hover {
    background: #278957
}

.m-header .header-wrap .header-qrcode {
    float: right;
    width: 80px;
    height: 80px;
    margin-top: 0px;
    text-align: right
}

.m-header .header-wrap .header-qrcode img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.m-header .header-wrap.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    padding-top: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-bottom: 1px solid #eee
}

.m-header .header-wrap.header-fixed .header-logo {
    width: 200px
}

.m-header .header-wrap.header-fixed .header-logo .normal {
    display: none
}

.m-header .header-wrap.header-fixed .header-logo .fix {
    display: block
}

.m-header .header-wrap.header-fixed .header-main {
    margin-top: 5px
}

.m-header .header-wrap.header-fixed .header-search .search-input input {
    width: 700px
}

.m-header .header-wrap.header-fixed .header-search .search-keys {
    display: none
}

.m-header .header-wrap.header-fixed .search-think {
    width: 620px
}

.m-header .header-wrap.header-fixed .header-qrcode,.m-header .header-wrap.header-fixed .header-shopcart {
    display: none
}

.m-menu {
    height: 38px;
    border-bottom: 2px solid #008ccf;
    background-color: #fff
}

.m-menu .menu-wrap {
    position: relative;
    z-index: 99
}

.m-menu .menu-wrap .menu-categories {
    float: left;
    width: 230px;
    height: 40px;
    line-height: 40px;
    background: #008ccf url(../IMG/menu.png) no-repeat 14px;
    text-indent: 48px;
    font-size: 18px;
    color: #fff
}

.m-menu .menu-wrap .menu-categories:hover {
    background-color: #278957
}

.m-menu .menu-wrap .menu-list {
    overflow: hidden
}

.m-menu .menu-wrap .menu-list li {
    float: left;
    padding: 0 32px
}

.m-menu .menu-wrap .menu-list li a {
    display: block;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    color: #222
}

.m-menu .menu-wrap .menu-list li a:hover {
    color: #008ccf
}

.m-menu .menu-wrap .categories-container {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 99;
    height: 460px
}

.m-categories-list {
    width: 230px;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.m-categories-list .categories-item {
    padding: 0 10px;
    background-color: transparent
}

.m-categories-list .categories-item .category-title {
    height: 50px;
    font-size: 0
}

.m-categories-list .categories-item .category-title .category-icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    padding-top: 17px;
    padding-right: 10px
}

.m-categories-list .categories-item .category-title .category-icon.category-icon-black {
    display: none
}

.m-categories-list .categories-item .category-title a {
    color: #fff
}

.m-categories-list .categories-item .category-title a:hover {
    color: #008ccf
}

.m-categories-list .categories-item .category-title div {
    color: #fff
}

.m-categories-list .categories-item .category-title .title {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    font-size: 14px
}

.m-categories-list .categories-item .category-title .hots {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-categories-list .categories-item .category-title .hots a {
    margin-right: 8px;
    font-size: 12px
}

.m-categories-list .categories-item .category-body {
    display: none;
    position: absolute;
    left: 230px;
    top: 0;
    bottom: 0;
    width: 970px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,.2);
    box-shadow: 2px 3px 10px rgba(0,0,0,.2)
}

.m-categories-list .categories-item:last-child .category-title {
    border-bottom: none
}

.m-categories-list .categories-item.inpreparation {
    position: relative
}

.m-categories-list .categories-item.inpreparation:before {
    content: "\4EA7\54C1\4E0A\67B6\4E2D\FF0C\656C\8BF7\671F\5F85";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    height: 56px;
    line-height: 56px;
    background: rgba(0,0,0,.6);
    text-align: center;
    font-size: 14px;
    color: #fff
}

.m-categories-list .categories-item.trigger:hover {
    background: #fff
}

.m-categories-list .categories-item.trigger:hover .category-title a {
    color: #222
}

.m-categories-list .categories-item.trigger:hover .category-title a:hover {
    color: #008ccf
}

.m-categories-list .categories-item.trigger:hover .category-title div {
    color: #222
}

.m-categories-list .categories-item.trigger:hover .category-body {
    display: block
}

.m-category-brands {
    float: right;
    width: 210px;
    height: 100%;
    padding: 0 10px;
    border-left: 1px solid #ebebeb;
    overflow: hidden
}

.m-category-brands .brands-list {
    margin-left: -10px;
    padding-top: 10px
}

.m-category-brands .brands-list .item {
    float: left;
    width: 100px;
    height: 40px;
    margin-left: 10px;
    margin-bottom: 10px
}

.m-category-brands .brands-list .item img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.m-category-brands .brands-list .item:hover {
    opacity: .8
}

.m-category-children {
    overflow: hidden;
    height: 100%
}

.m-category-children .subcategory-list {
    height: 100%;
    overflow: auto
}

.m-category-children .subcategory-list .subcategory-item {
    margin: 12px 20px;
    font-size: 12px
}

.m-category-children .subcategory-list .subcategory-item:first-child {
    margin-top: 25px
}

.m-category-children .subcategory-list .subcategory-item .item-title {
    float: left;
    width: 104px;
    margin-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #008ccf;
    margin-top: 18px;
    font-size: 13px;
}

.m-category-children .subcategory-list .subcategory-item .item-list {
    overflow: hidden
}

.m-category-children .subcategory-list .subcategory-item .item-list a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 8px;
    color: #222
}

.m-category-children .subcategory-list .subcategory-item .item-list a:hover {
    color: #008ccf
}

.m-footer {
    margin-top: 60px;
    background: #fff;
    border-top: 1px solid #eee
}

.m-footer .footer-feature {
    padding: 40px 0;
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.m-footer .footer-feature .feature-item {
    display: inline-block;
    width: 250px;
    margin: 0 20px;
    vertical-align: top
}

.m-footer .footer-feature .feature-item .icon {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.m-footer .footer-feature .feature-item .info {
    overflow: hidden;
    text-align: left
}

.m-footer .footer-feature .feature-item .info p {
    float: none;
    margin: 6px 0;
    color: #888;
    font-size: 14px
}

.m-footer .footer-feature .feature-item .info .tit {
    color: #222;
    font-size: 18px
}

.m-footer .footer-menu {
    padding-top: 50px;
    padding-bottom: 40px
}

.m-footer .footer-menu .menu-list {
    float: left;
    width: auto
}

.m-footer .footer-menu .menu-list .menu-item {
    display: inline-block;
    width: 150px;
    margin-right: 30px;
    vertical-align: top
}

.m-footer .footer-menu .menu-list .menu-item a:hover {
    text-decoration: underline
}

.m-footer .footer-menu .menu-list .menu-item .menu-title {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #222
}

.m-footer .footer-menu .menu-list .menu-item .sub-list a {
    display: block;
    margin: 10px 0;
    font-size: 12px;
    color: #888
}

.m-footer .footer-contact {
    float: left;
    max-width: 180px
}

.m-footer .footer-contact .item {
    margin-bottom: 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.m-footer .footer-contact .item p {
    float: none;
    margin-bottom: 10px;
    font-size: 12px;
    color: #222
}

.m-footer .footer-contact .item .tit {
    font-size: 18px
}

.m-footer .footer-contact .item.contact {
    background-image: url(../IMG/icon_consult.png)
}

.m-footer .footer-contact .item.worktime {
    background-image: url(../IMG/icon_time.png)
}

.m-footer .footer-qrcode {
    float: right;
    max-width: 180px
}

.m-footer .footer-qrcode img {
    max-width: 100%
}

.m-bottom {
    padding: 20px 0;
    background: #2e323f
}

.m-bottom,.m-bottom a,.m-bottom p,.m-bottom span {
    color: #666
}

.m-bottom a:hover {
    color: #999;
    text-decoration: underline
}

.m-bottom .bottom-info {
    margin: 12px 0;
    text-align: center
}

.m-bottom .bottom-info a {
    margin-left: 5px
}

.m-bottom .bottom-flinks {
    margin: 12px 0;
    line-height: 20px
}

.m-bottom .bottom-flinks .flinks-title {
    float: left;
    margin-right: 10px
}

.m-bottom .bottom-flinks .flinks-list {
    overflow: hidden
}

.m-bottom .bottom-flinks .flinks-list a {
    margin-right: 5px;
    margin-bottom: 5px
}

.m-bottom .bottom-cert {
    margin-top: 20px;
    text-align: center
}

.m-bottom .bottom-cert a {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

.m-bottom .bottom-cert img {
    max-height: 60px
}

.m-aside-tool {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9000;
    width: 40px;
    background: #222;
    color: #fff
}

.m-aside-tool .aside-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.m-aside-tool .aside-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.m-aside-tool .tool-list {
    border-top: 1px solid #333
}

.m-aside-tool .tool-list .tool-btn {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #333;
    -webkit-transition: .2s;
    transition: .2s
}

.m-aside-tool .tool-list .tool-btn .icon img {
    max-width: 100%;
    vertical-align: top
}

.m-aside-tool .tool-list .tool-btn .name {
    margin-top: 3px;
    font-size: 14px;
    color: #fff;
    width: 40px!important
}

.m-aside-tool .tool-list .tool-btn .sign {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    line-height: 21px;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background: #008ccf;
    text-align: center;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.m-aside-tool .tool-list .tool-btn .show-content {
    display: none;
    position: absolute;
    right: 40px;
    bottom: 0
}

.m-aside-tool .tool-list .tool-btn.show-btn-side .show-content {
    display: none
}

.m-aside-tool .tool-list .tool-btn.show-btn-side:hover .show-content {
    display: block
}

.m-aside-tool .tool-list .tool-btn:hover {
    background: #008ccf
}

.m-aside-tool .tool-list .tool-btn:hover .sign {
    background: #fff;
    color: #008ccf
}

.m-fast-login {
    padding: 30px 25px;
    background-color: #fff
}

.m-fast-login .login-header {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    color: #222
}

.m-fast-login .login-form {
    position: relative;
    padding-top: 15px
}

.m-fast-login .login-form .form-error {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    padding: 5px 5px 5px 25px;
    border-radius: 3px;
    background: #fef0f0 url(/static/image/login/list_ico_info@2x.png) no-repeat 5px 5px;
    font-size: 12px;
    color: #ff6336
}

.m-fast-login .login-form .form-line {
    margin-top: 20px;
    font-size: 14px
}

.m-fast-login .login-form .form-line a {
    color: #008ccf
}

.m-fast-login .login-form .form-line a:focus {
    outline: 1px dotted #fd7505;
    color: #d90e32
}

.m-fast-login .login-form .form-line input {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 5px 0 50px;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px
}

.m-fast-login .login-form .form-line input:focus {
    border-color: #00a5ff
}

.m-fast-login .login-form .form-line .content {
    position: relative;
    overflow: hidden
}

.m-fast-login .login-form .form-line .content .ico {
    position: absolute;
    margin-right: 10px;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.m-fast-login .login-form .form-line .content .ico.ico-account {
    background-image: url(/static/image/login/ico_user@2x.png)
}

.m-fast-login .login-form .form-line .content .ico.ico-password {
    background-image: url(/static/image/login/ico_passcode@2x.png)
}

.m-fast-login .login-form .form-submit {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 50px;
    line-height: 50px;
    border: none;
    border-radius: 4px;
    background: #008ccf;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.m-fast-login .login-form .form-submit[disabled] {
    background: silver;
    cursor: not-allowed
}

.m-fast-login .login-form .form-submit:focus {
    outline: 1px dotted #fd7505
}

.m-fast-login .login-form .reg-btn {
    float: right
}

.dialog-thirdparty-register {
    width: 420px;
    margin: 0 auto;
    padding: 40px 0 50px
}

.dialog-thirdparty-register .form-item {
    margin: 20px 0
}

.reseller-register {
    width: 800px;
    min-height: 520px
}

.reseller-register .reseller-body {
    margin-right: 315px;
    padding: 30px
}

.reseller-register .reseller-body .reseller-title {
    margin-bottom: 50px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #222
}

.reseller-register .reseller-aside {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 315px;
    background: #f4f4f5 url(/static/image/public/pic_reseller_ad.png) no-repeat 50%
}