* {
    margin: 0;
    padding: 0;
}

dl, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover{
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

body, button, input, select, textarea {
    outline: 0;
    font: 400 12px/1 "Microsoft YaHei","微软雅黑";
}


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

fieldset, img {
    border: 0;
}

input, select, textarea {
    outline: 0;
}

textarea {
    resize: none;
}

img {
    vertical-align: top;
}

.hide {
    display: none !important;
}

.clearfix {
    *zoom: 1;
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.a_hover {
    color: #1C89D5;
}

    .a_hover:hover {
        text-decoration: underline;
        color: #1C89D5;
    }

.ovfEps {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.pd0 {
    padding: 0 !important;
}

.pdt3, .pdt4 {
    padding-top: 3px;
}

.pdt5 {
    padding-top: 5px;
}

.pdt10 {
    padding-top: 10px;
}

.pdt20 {
    padding-top: 20px;
}

.pdl15 {
    padding-left: 15px;
}

.pdl110 {
    padding-left: 110px;
}

.pdl120 {
    padding-left: 120px;
}

.pdl130 {
    padding-left: 130px;
}

.pdl180 {
    padding-left: 180px;
}

.pdl190 {
    padding-left: 190px;
}

.pdl400 {
    padding-left: 400px;
}

.mgauto {
    margin-left: auto;
    margin-right: auto;
}

.mgt0 {
    margin-top: 0;
}

.mgt3 {
    margin-top: 3px;
}

.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt25 {
    margin-top: 25px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}

.mgb10 {
    margin-bottom: 10px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgl3 {
    margin-left: 3px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgl15 {
    margin-left: 15px;
}

.mgl20 {
    margin-left: 20px;
}

.mgl50 {
    margin-left: 50px;
}

.mgl65 {
    margin-left: 65px;
}

.mgl90 {
    margin-left: 90px;
}

.mgl120 {
    margin-left: 120px;
}

.mgl130 {
    margin-left: 130px;
}

.mgl140 {
    margin-left: 140px;
}

.mgl150 {
    margin-left: 150px;
}

.mgl160 {
    margin-left: 160px;
}

.mgl170 {
    margin-left: 170px;
}

.mgl180 {
    margin-left: 180px;
}

.mgl190 {
    margin-left: 190px;
}

.bdrad5 {
    border-radius: 5px;
}

.colorRed {
    color: red !important;
}

.colorBlack {
    color: #000;
}

.colorGray {
    color: #999;
}

.colorGreen {
    color: #059305 !important;
}

.colorBlue {
    color: #1C89D5;
}

.colorOrange {
    color: #fa0;
}

.txtCenter {
    text-align: center;
}

.txtRight {
    text-align: right;
}

.txtLeft {
    text-align: left;
}

.vtalgMid {
    vertical-align: middle;
}

.ftsize10 {
    font-size: 10px;
}

.ftsize12 {
    font-size: 12px;
}

.ftsize14 {
    font-size: 14px;
}

.ftsize16 {
    font-size: 16px;
}

.ftsize18 {
    font-size: 18px;
}

.ftsize20 {
    font-size: 20px;
}

.ftsize24 {
    font-size: 24px;
}

.ftnormal {
    font-weight: 400 !important;
}

.bold, .ftblod {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.per5 {
    width: 5%;
}

.per15 {
    width: 15%;
}

.per25 {
    width: 25%;
}

.per35 {
    width: 35%;
}

.per45 {
    width: 45%;
}

.per55 {
    width: 55%;
}

.per65 {
    width: 65%;
}

.per75 {
    width: 75%;
}

.per85 {
    width: 85%;
}

.per95 {
    width: 95%;
}

.per10 {
    width: 10%;
}

.per20 {
    width: 20%;
}

.per30 {
    width: 30%;
}

.per40 {
    width: 40%;
}

.per50 {
    width: 50%;
}

.per60 {
    width: 60%;
}

.per70 {
    width: 70%;
}

.per80 {
    width: 80%;
}

.per90 {
    width: 90%;
}

.per100 {
    width: 100%;
}

.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.h100 {
    height: 100px;
}

.h200 {
    height: 200px;
}

.h220 {
    height: 220px;
}

.h300 {
    height: 300px;
}

.h400 {
    height: 400px;
}

.h500 {
    height: 500px;
}

.h600 {
    height: 600px;
}

.lh-normal {
    line-height: 1.4em;
}

.lh-large {
    line-height: 1.6em;
}

.lh-xlarge {
    line-height: 1.8em;
}

.ofx-a {
    overflow-x: auto;
}

.ofy-a {
    overflow-y: auto;
}

.label {
    display: inline-block;
    padding: 3px 5px;
    margin: 3px 3px 3px 0;
    background: #333;
    color: #fff;
    border-radius: 3px;
}

.label-gray {
    background: #eee;
    color: #666;
}

.bt_g {
    padding-top: 20px;
    border-top: 1px solid #e7e7eb;
    margin-top: 10px;
    text-align: center;
}

.cursorPointer {
    cursor: pointer;
}

.cp-bodybox, body {
    background-color: #E7E8EB;
}

.clear {
    clear: both;
}

.placeholder {
    color: #aaa;
}

.inner {
    width: 100%;
    margin: 0 auto;
}

.header {
    border-top: 2px solid #1C89D5;
    width: 100%;
    height: 53px;
    background: #fff;
}

.header-logo {
    display: block;
    width: 200px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
}

    .header-logo img {
        vertical-align: top;
    }

.container {
    padding-top: 20px;
}

    .container .inner {
        background: #fff;
    }

.header-welcome {
    margin-right: 10px;
    line-height: 53px;
}

    .header-welcome span {
        font-family: Tahoma;
        font-size: 14px;
        font-weight: 700;
    }

.header-ctrl {
    margin-top: 10px;
}

.header-ctrl-item {
    position: relative;
    border: 1px solid #0279CB;
    margin-right: -1px;
}

    .header-ctrl-item > a {
        background: none repeat scroll 0 0 #1f9dfd;
        color: #fff;
        display: block;
        height: 25px;
        line-height: 25px;
        text-align: center;
        width: 65px;
    }

        .header-ctrl-item > a:hover {
            background: #0093FA;
        }

    .header-ctrl-item.show .header-ctrl-item-parent {
        position: relative;
        top: 0;
        right: 0;
        height: 43px;
        background: #fff;
        color: #000;
        z-index: 999;
        border: 0;
    }

.header-ctrl-item-parent i.white {
    display: inline-block;
}

.header-ctrl-item-parent i, .header-ctrl-item.show .header-ctrl-item-parent i.white {
    display: none;
}

.header-ctrl-item.show .header-ctrl-item-parent i {
    display: inline-block;
}

.header-ctrl-item-children {
    display: none;
    position: absolute;
    top: 42px;
    right: -1px;
    width: 100px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #0279CB;
    z-index: 99;
}

.header-ctrl-item.show .header-ctrl-item-children {
    display: block;
}

.header-ctrl-item-children li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

    .header-ctrl-item-children li:last-child {
        border-bottom: 0;
    }

.header-ctrl-item-children a {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    color: #666;
}

    .header-ctrl-item-children a:hover {
        background: #ECECEC;
        color: #0093FA;
    }

.header-ctrl-subnav {
    padding: 5px 0;
    margin-left: 50px;
    padding-left: 5px;
}

    .header-ctrl-subnav .header-ctrl-item {
        position: relative;
        border-color: #fff;
        margin-right: 0;
    }

        .header-ctrl-subnav .header-ctrl-item.show {
            border-color: #999;
        }

        .header-ctrl-subnav .header-ctrl-item > a {
            width: auto;
            padding: 0 10px;
            text-align: center;
            color: #666;
            background: 0 0;
            font-weight: 700;
            height: 20px;
            line-height: 20px;
            font-size: 16px;
        }

        .header-ctrl-subnav .header-ctrl-item:first-child > a {
            border-left: 1px solid #999;
        }

        .header-ctrl-subnav .header-ctrl-item > a:hover {
            color: #0279CB;
        }

    .header-ctrl-subnav .header-ctrl-item-children {
        width: 90px;
        border-color: #999;
    }

        .header-ctrl-subnav .header-ctrl-item-children a {
            padding: 0 5px;
            font-weight: 700;
        }

.header-nav-list a {
    display: block;
    padding: 0 10px;
    min-width: 42px;
    line-height: 53px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}

    .header-nav-list .active a, .header-nav-list a:hover {
        background-color: #1C89D5;
        color: #fff;
    }

.content-left {
    padding-top: 10px;
    width: 200px;
}

.left-menu {
    padding: 8px 0;
    font-size: 14px;
}

    .left-menu dd, .left-menu dt {
        line-height: 34px;
    }

    .left-menu dt {
        padding: 0 0 0 30px;
        color: #8d8d8d;
    }

        .left-menu dt i, .left-menu dt span {
            vertical-align: middle;
        }

        .left-menu dt a {
            display: block;
        }

            .left-menu dt a span {
                margin-left: 3px;
            }

    .left-menu dd a {
        display: block;
        padding: 0 0 0 62px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        color: #222;
    }

        .left-menu dd a:hover {
            background-color: #f4f5f9;
        }

    .left-menu dd.active a, .left-menu dd.active a:hover {
        background-color: #1C89D5;
        color: #fff;
    }

    .left-menu.shop_13 .subshop_7 {
        position: relative;
        z-index: 9;
    }

.shop_13 .icon_hot {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 99;
    right: 12px;
    top: -2px;
    background-image: url(/Public/images/hot.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.sub_cog .subshop_7.active .icon_hot {
    display: none;
}

.content-right {
    width: 959px;
    min-height: 660px;
    border-left: 1px solid #E7E7EB;
    padding: 20px;
}

.content-right-title {
    font-size: 14px;
    padding-bottom: 20px;
}

.footer {
    padding: 15px 0;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.info-table li {
    width: 30%;
    margin-right: 1%;
    line-height: 34px;
}

    .info-table li.long {
        width: auto;
    }

.table-loading {
    width: 250px;
    margin: 35px auto 0;
}

.gotop {
    display: none;
    bottom: 60px;
    position:absolute;
    right:-31px;
    width: 31px;
    height: 31px;
    background: url(/Admin/shop/Public/images/gotop.png) 0 -31px no-repeat;
    z-index: 999;
}

    .gotop:hover {
        background-position: 0 0;
    }

#tipLowFree, #tipLowIEVer {
    border-radius: 0;
    margin: 0;
    line-height: 1.8em;
}

    #tipLowFree h4, #tipLowIEVer h4 {
        font-size: 14px;
    }

    #tipLowFree a, #tipLowIEVer a {
        color: #0279CB;
        margin: 0 3px;
        font-weight: 700;
    }

        #tipLowFree a:hover, #tipLowIEVer a:hover {
            text-decoration: underline;
        }

.cst_h3 {
    font-size: 14px;
    line-height: 16px;
    border-left: 3px solid #1C89D5;
    padding-left: 5px;
    font-weight: 700;
    color: #333;
}

#qrcode {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 999999;
    cursor: pointer;
}

    #qrcode img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -100px 0 0 -100px;
        width: 200px;
        height: 200px;
        z-index: 9999999;
    }

    #qrcode .qrcode-btn {
        position: absolute;
        display: block;
        left: 50%;
        top: 50%;
        margin: -120px 0 0 100px;
        width: 14px;
        height: 14px;
    }

.goodsList {
    width: 480px;
}

    .goodsList a, .goodsList-img, .goodsList-info {
        display: inline-block;
        vertical-align: middle;
    }

.goodsList-img {
    width: 50px;
    height: 50px;
    padding: 1px;
    border: 1px solid #ccc;
    overflow: hidden;
}

    .goodsList-img img {
        width: 50px;
        height: auto;
    }

.goodsList-info {
    width: 320px;
}

    .goodsList-info p {
        width: 100%;
        height: 32px;
        overflow: hidden;
    }

.goodsList li {
    padding: 2px 0;
    border-bottom: 1px solid #ccc;
}

.prize-divider-title {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

    .prize-divider-title i {
        display: block;
        position: absolute;
        top: 14px;
        left: 0;
        width: 100%;
        height: 0;
        font-size: 0;
        border-bottom: 1px solid #ccc;
        z-index: 1;
    }

    .prize-divider-title span {
        position: relative;
        display: inline-block;
        background-color: #F8F8F8;
        color: #999;
        z-index: 11;
    }

.copylink-pretext {
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

    .copylink-pretext.max300 {
        max-width: 300px;
    }

.uploadify-button {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.uploadify:hover .uploadify-button {
    background-color: transparent !important;
}

#ImgPicker {
    width: 670px;
}

.img-list li {
    position: relative;
    float: left;
    padding: 1px;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
}

.imgpicker-list li {
    position: relative;
    float: left;
    padding: 1px;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    width: 120px;
    height: 90px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
}

.img-list li a {
    display: block;
    width: 60px;
    height:;
}

.img-list li img {
    width: 60px;
    height: auto;
    vertical-align: middle;
}

.j-imglistPanel .img-list li img {
    display: block;
    vertical-align: 0;
}

.audio-flag {
    height: 66px;
    position: relative;
}

.audio-name {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    z-index: 11;
}

.j-edit-name {
    display: none;
    height: 24px;
    line-height: 24px;
    width: 100%;
    position: absolute;
    z-index: 33;
    left: 0;
    top: 0;
    background-color: #fff;
}

    .j-edit-name input {
        height: 22px;
        line-height: 22px;
        width: 80px;
        border: 1px solid #ccc;
        vertical-align: 0;
        float: left;
    }

    .j-edit-name .j-getAudioName {
        width: 32px;
        height: 22px;
        line-height: 22px;
        padding: 0;
        float: right;
    }

.j-get-edit-name {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc;
}

.img-list li i.gicon-pencil.edit-img-name {
    background-image: url(/Admin/shop/Public/images/gicon_black.png);
    background-position: 0 -72px;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    background-repeat: no-repeat;
    top: 30px;
    left: 75px;
}

.audio-name:hover .j-get-edit-name {
    display: block;
}

.img-list-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 66;
}

.img-list-overlay-check {
    position: absolute;
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: url(/Admin/shop/Public/images/check.png) center center no-repeat #1C89D5;
    border-radius: 30px;
    z-index: 67;
}

.img-list-btndel {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: -13px 0 0 -11px;
    text-align: center;
    cursor: pointer;
    z-index: 11;
}

.img-move {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -6px;
    background-image: url(/Admin/shop/Public/images/icon-move-pic.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
}

.img-move-left {
    left: 0;
    background-position: 0 0;
}

.img-move-right {
    background-position: right 0;
    right: 0;
}

.img-list li.selected .img-list-overlay, .img-list li.selected .img-list-overlay-check, .img-list li:hover .img-list-btndel, .img-list li:hover .img-move {
    display: block;
}

.img-list li.img-list-add {
    background: #fff;
    border: 1px dashed #999;
    color: #999;
    font: 700 46px/60px arial;
    cursor: pointer;
}

.imgpicker-actionPanel {
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

#imgpicker_upload_input-button {
    background: #fff !important;
    border: 1px dashed #999 !important;
    color: #999 !important;
    text-shadow: none !important;
    font: 700 46px/60pxarial !important;
}

#imgpicker_upload_input-queue {
    float: left;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

.imgpicker-list, .uploadifyPanel {
    min-height: 310px;
}

#GamePicker, #GoodsAndGroupPicker, #MgzAndMgzCate, #ModulePicker {
    width: 100%;
}

.gagp-goodslist, .gagp-grouplist, .game-list, .mgz-list, .modulePicker-list {
    min-height: 570px;
}

.modulePicker-list {
    min-height: 310px;
}

    .modulePicker-list li {
        line-height: 24px;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

        .modulePicker-list li a {
            vertical-align: middle;
        }

.modulePicker-list-title {
    height: 24px;
    line-height: 24px;
    width: 580px;
}

.game-list {
    min-height: 310px;
}

    .game-list li {
        line-height: 24px;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

        .game-list li a {
            vertical-align: middle;
        }

.gagp-goodslist li {
    padding: 3px 0;
    border-bottom: 1px solid #ddd;
}

.gagp-goodslist .table-item-info {
    width: 510px;
}

.gagp-grouplist li, .mgz-list li {
    padding: 5px 0;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}

.labelList li {
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px 6px;
    border-radius: 2px;
    background-color: #1C89D5;
    color: #fff;
}

    .labelList li span {
        margin-right: 5px;
    }

    .labelList li i {
        margin: 0;
        cursor: pointer;
    }

.account_inbox_switch {
    display: block;
    width: 35px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid transparent;
    border-bottom-width: 0;
    position: relative;
    margin-top: 10px;
}

.header_mail {
    background: url(/Admin/shop/Public/images/ooico.png) 0 -96px no-repeat;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden;
}

    .header_mail span {
        width: 6px;
        height: 6px;
        display: block;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        right: 6px;
        top: 6px;
    }

        .header_mail span.act {
            background: red;
        }

#gonggao {
    width: 380px;
    height: 260px;
    z-index: 999;
    position: fixed;
    bottom: -270px;
    right: 3px;
    background: #f1efef;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

    #gonggao .gonggao_tt {
        height: 36px;
        background: #1c89d5;
        color: #FFF;
        font-size: 14px;
        line-height: 36px;
        padding: 0 10px;
        border-radius: 6px 6px 0 0;
    }

        #gonggao .gonggao_tt .gicon_gg_up {
            width: 20px;
            height: 18px;
            display: inline-block;
            background: url(/Admin/shop/Public/images/sound.png) no-repeat;
            margin-bottom: -3px;
            margin-right: 3px;
        }

        #gonggao .gonggao_tt .gound_close {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(/Admin/shop/Public/images/xx.png) no-repeat;
            margin: 8px 0;
        }

    #gonggao .gonggao_cent {
        height: 181px;
        overflow: hidden;
    }

        #gonggao .gonggao_cent .gonggao_cent_tt {
            text-align: center;
            font-size: 14px;
            color: #1c89d5;
            line-height: 50px;
        }

        #gonggao .gonggao_cent .gonggao_cent_cent {
            color: #525252;
            line-height: 30px;
            padding: 0 20px;
        }

    #gonggao .gonggao_href {
        height: 42px;
        border-top: 1px solid #e0e1e1;
        line-height: 42px;
        text-align: right;
    }

        #gonggao .gonggao_href a {
            padding: 0 10px;
            color: #1c89d5;
        }

.codeimg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
}

.linkadd {
    width: 596px;
    padding-left: 20px;
}

    .linkadd p {
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        color: #000;
    }

.btnlst {
    margin-top: 35px;
}

.noadd {
    font-size: 22px;
    color: #777;
}

.sup-right-title {
    font-size: 14px;
    margin-top: 30px;
}

.sups_tub {
    width: 100%;
    position: relative;
}

    .sups_tub .tabs_a {
        float: left;
        padding: 10px;
        margin-right: 10px;
        display: inline-block;
        text-align: center;
        background-color: #ebebeb;
        color: #666;
        min-width: 100px;
        margin-top: 10px;
        font-size: 14px;
    }

        .sups_tub .tabs_a.active {
            color: #FFF;
            background: #43BA1F;
        }

.fixedBar {
    width: auto;
    height: 672px;
    position: fixed;
    top: 50%;
    margin-top: -336px;
}

    .fixedBar ul {
        display: block;
        width: 100%;
    }

        .fixedBar ul li {
            display: block;
            line-height: 20px;
            text-align: center;
            background: #D5D4D6;
            margin-bottom: 5px;
            border-radius: 2px;
        }

            .fixedBar ul li:last-child {
                border-bottom: 0;
            }

            .fixedBar ul li a {
                display: block;
                width: 62px;
                color: #333;
                font-size: 12px;
                padding: 2px 4px;
            }

            .fixedBar ul li.cur, .fixedBar ul li.hover {
                background-color: #0171BD;
            }

                .fixedBar ul li.cur a, .fixedBar ul li.hover a {
                    color: #fff;
                }

@charset "utf-8";

.btn {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    border-radiu0s: 0px;
    border: 1px solid #ccc;
    vertical-align: baseline;
    margin-top: 1px;
    margin-bottom: 2px;
}

    .btn:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
    }

input.btn {
    margin-right: auto;
    width: auto;
}

a.btn {
    height: 28px;
    line-height: 28px;
    *margin-right: .4em;
}

    a.btn i {
        vertical-align: -2px;
        _margin-top: 7px;
        _vertical-align: 0;
    }

.btn-grey, .btn.btn-danger, .btn.btn-primary, .btn.btn-success, .btn.btn-warning {
    color: #fff;
}

.btn.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn.btn-danger:hover {
        background-color: #c9302c;
        border-color: #ac2925;
    }

.btn.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn.btn-warning:hover {
        background-color: #ec971f;
        border-color: #d58512;
    }

.btn.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn.btn-success:hover {
        background-color: #449d44;
        border-color: #398439;
    }

.btn.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn.btn-primary:hover {
        background-color: #3071a9;
        border-color: #285e8e;
    }

.btn.btn-disabled {
    cursor: no-drop;
}

    .btn.btn-disabled:hover {
        background: #eee;
    }

.btn.btn-small {
    height: 24px;
    line-height: 24px;
}

a.btn.btn-small {
    height: 22px;
    line-height: 22px;
}

.btn.btn-mini {
    height: 20px;
    line-height: 20px;
}

a.btn.btn-mini {
    height: 18px;
    line-height: 18px;
}

.formitems {
    display: block;
}

.fi-imgslist, .formitems {
    *zoom: 1;
}

    .fi-imgslist:after, .formitems:after {
        display: block;
        content: " ";
        height: 0;
        visibility: hidden;
        clear: both;
    }

.fi-name {
    line-height: 28px;
    font-weight: 700;
}

.formitems .fi-name {
    float: left;
    width: 110px;
    text-align: right;
    color: #333;
}

.form-controls {
    margin-left: 120px;
}

.fi-help-text, .fi-name {
    display: block;
}

.fi-text {
    margin-right: 5px;
}

.formitems legend {
    padding: 20px 0 10px 10px;
    font-weight: 700;
}

.input, .select, .textarea {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 5px;
    width: 160px;
    border: 1px solid #ccc;
    line-height: normal;
    font-size: 12px;
    vertical-align: middle;
    color: #000;
}

.input {
    height: 20px;
}

.formitems .input, .formitems .select, .formitems .textarea {
    margin-bottom: 6px;
}

.select {
    width: 182px;
}

.textarea {
    width: 400px;
    height: 120px;
    vertical-align: top;
}

    .input:focus, .select:focus, .textarea:focus {
        border-color: #66AFE9;
        color: #000;
    }

    .input:disabled, .select:disabled, .textarea:disabled {
        background: #eee;
        cursor: no-drop;
    }

    .input.error, .select.error, .textarea.error {
        color: #000;
        border-color: red;
    }

.input.xmini {
    width: 30px;
    text-align: center;
}

.input.mini {
    width: 80px;
}

.input.small {
    width: 120px;
}

.input.large {
    width: 200px;
}

.input.xlarge {
    width: 240px;
}

.input.xxlarge {
    width: 400px;
}

.select.mini {
    width: 90px;
}

.select.small {
    width: 130px;
}

.select.default {
    width: 170px;
}

.select.large {
    width: 210px;
}

.select.xlarge {
    width: 250px;
}

.select.xxlarge {
    width: 390px;
}

.textarea.small {
    width: 200px;
    height: 100px;
}

.textarea.default {
    width: 400px;
    height: 140px;
}

.textarea.large {
    width: 580px;
    height: 200px;
}

textarea.xxlarge {
    width: 400px;
}

.checkbox-group, .radio-group {
    display: inline-block;
    margin-right: 5px;
    padding-top: 5px;
    *display: inline;
    *zoom: 1;
}

    .checkbox-group label, .radio-group label {
        line-height: 20px;
        margin-right: 20px;
        cursor: pointer;
        *zoom: 1;
    }

.formitems input[type=checkbox], .formitems input[type=radio], .tables-form input[type=checkbox], .tables-form input[type=radio], .tables-searchbox input[type=checkbox], .tables-searchbox input[type=radio], .wxtables input[type=checkbox], .wxtables input[type=radio] {
    width: auto;
    border: 0;
    box-shadow: none;
    background: 0 0;
    margin: 0 2px 0 0;
    cursor: pointer;
}

.checkbox-group input, .radio-group input, input.checkbox, input.radio {
    width: auto;
    border: 0;
    box-shadow: none;
    background: 0 0;
    margin: 0 2px 0 0;
    vertical-align: -2px;
    *vertical-align: middle;
    cursor: pointer;
}

.fi-requisite {
    color: red;
}

.fi-help-text {
    font-size: 12px;
    color: #666;
}

    .fi-help-text.error {
        color: red !important;
    }

#attachment_preview, .formitems-img-preview {
    max-width: 500px;
    max-height: 300px;
}

input.fi-btn-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 20px;
    *height: 30px;
    z-index: 999;
    opacity: .00001;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.formactions {
    padding: 10px 0 0;
}

.diy-videowebsite input {
    width: 344px;
    vertical-align: 0;
    margin-right: 5px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.diy-node {
    color: #999;
    font-size: 13px;
    line-height: 30px;
}

.paginate {
    color: #666;
}

    .paginate a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-left: -1px;
        padding: 0 12px;
        height: 32px;
        line-height: 32px;
        color: #428bca;
        border: 1px solid #ddd;
        background: #fff;
    }

    .paginate .prev::before {
        display: inline-block;
        content: " ";
        width: 10px;
        height: 10px;
        margin-right: 5px;
        vertical-align: -1px;
        background: url(/Admin/shop/Public/images/doubleArrow.png) no-repeat;
    }

    .paginate .next::after {
        display: inline-block;
        content: " ";
        width: 10px;
        height: 10px;
        margin-left: 5px;
        vertical-align: -1px;
        background: url(/Admin/shop/Public/images/doubleArrow.png) no-repeat;
        background-position: 0 0;
    }

    .paginate .next.disabled::after {
        background-position: 0 -10px;
    }

    .paginate .prev::before {
        background-position: 0 -20px;
    }

    .paginate .prev.disabled::before {
        background-position: 0 -30px;
    }

    .paginate a:not(.goto):hover {
        background-color: #eee;
        color: #2a6496;
    }

    .paginate a.cur, .paginate a.cur:hover {
        background-color: #428bca;
        color: #fff;
        border-color: #428bca;
        margin-right: 1px;
    }

    .paginate a.disabled {
        background-color: #e6e6e6 !important;
        color: #bbb !important;
        cursor: no-drop;
    }

    .paginate a, .paginate button, .paginate span {
        vertical-align: middle;
    }

    .paginate .dotted {
        display: inline-block;
        width: 14px;
        text-align: center;
    }

    .paginate .total {
        margin: 0 10px 0 8px;
    }

    .paginate input {
        padding: 6px 0;
        line-height: 16px;
        width: 40px;
        background: #fff;
        border: 1px solid #ddd;
        text-align: center;
        vertical-align: middle;
    }

        .paginate input.focus {
            border: 1px solid #428bca;
        }

    .paginate .goto {
        width: 0;
        height: 31px;
        margin-right: 5px;
        background-color: #428bca;
        padding: 0;
        border: 0;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
        visibility: hidden;
    }

        .paginate .goto.focus {
            width: 60px;
            visibility: visible;
        }

    .paginate .prev {
        border-radius: 5px 0 0 5px;
    }

    .paginate .next {
        border-radius: 0 5px 5px 0;
    }

@charset "utf-8";

.wxtables {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e7e7eb;
}

    .wxtables.per10 {
        width: 10%;
    }

    .wxtables.per20 {
        width: 20%;
    }

    .wxtables.per30 {
        width: 30%;
    }

    .wxtables.per40 {
        width: 40%;
    }

    .wxtables.per50 {
        width: 50%;
    }

    .wxtables.per60 {
        width: 60%;
    }

    .wxtables.per70 {
        width: 70%;
    }

    .wxtables.per80 {
        width: 80%;
    }

    .wxtables.per90 {
        width: 90%;
    }

    .wxtables.bottom {
        border-bottom: 2px #e7e7eb solid;
    }

    .wxtables td {
        padding: 8px 10px;
        font-size: 12px;
        line-height: 1.5em;
        border-bottom: 1px solid #eee;
        color: #333;
    }

    .wxtables tbody tr:hover td {
        background-color: #F2F8FC;
    }

    .wxtables.taller td {
        height: 100px;
    }

    .wxtables.tall td {
        height: 70px;
    }

    .wxtables.low td {
        height: 60px;
    }

    .wxtables.lower td {
        height: 50px;
    }

    .wxtables td.left {
        text-align: left;
    }

    .wxtables td.right {
        text-align: right;
    }

    .wxtables td.center {
        text-align: center;
    }

    .wxtables td p.mob, .wxtables td p.pc {
        font-size: 10px;
        display: block;
        cursor: pointer;
    }

    .wxtables thead td {
        font-weight: 700;
        background: #eee;
        color: #555;
        border-left: 0;
        border-right: 0;
    }

    .wxtables thead tr td:first-child {
        border-left: 1px solid #e7e7eb;
    }

    .wxtables thead tr td:last-child {
        border-right: 1px solid #e7e7eb;
    }

    .wxtables tbody td .minpic {
        border: 4px solid #cfcdce;
        width: 40px;
        height: 40px;
        text-align: center;
        overflow: hidden;
    }

        .wxtables tbody td .minpic img {
            width: 40px;
            height: 40px;
        }

.tables-searchbox {
    padding: 10px 0;
}

.tbs-txt {
    margin: 0 0 5px;
}

.tables-btmctrl {
    padding: 20px 0;
}

.wxtables.data thead td {
    color: #000;
}

.wxtables.data tbody tr td {
    padding: 5px 10px;
    color: #000;
}

.wxtables.data tbody tr:hover td {
    background: 0 0;
}

.wxtables.data tbody tr td:hover {
    background: #F2F8FC;
}

.wxtables.data .dataItems {
    line-height: 28px;
}

.wxtables.data .num1 {
    font-size: 20px;
    font-weight: 700;
    font-family: Arial;
}

.wxtables.data .num2 {
    color: #5BA928;
    padding: 0 10px;
}

.icon-tablesData {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/Admin/shop/Public/images/tables-updown.png) no-repeat;
}

.data-rise .icon-tablesData {
    background-position: 0 0;
}

.data-rise {
    color: red !important;
}

.data-lower .icon-tablesData {
    background-position: 0 -11px;
}

.wxtables.table-order td {
    border: 1px solid #e7e7eb;
    background-color: #fff;
}

.wxtables.table-order thead td {
    background-color: #fff;
    line-height: 1.2em;
}

.table-item {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px;
}

    .table-item:last-child {
        border-bottom: 0;
    }

.table-item-img, .table-item-info {
    display: inline-block;
    vertical-align: middle;
}

.table-item-img {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #fff;
    padding: 1px;
    overflow: hidden;
    border: #CCC 1px solid;
}

    .table-item-img .icon-platform {
        position: absolute;
        right: -2px;
        bottom: 0;
    }

    .table-item-img img {
        width: 60px;
        height: auto;
    }

.table-item-info {
    width: 170px;
    margin-left: 5px;
}

    .table-item-info p {
        width: 100%;
        height: 36px;
        color: #1C89D5;
        overflow: hidden;
    }

    .table-item-info .price {
        color: #666;
        font-weight: 700;
    }

    .table-item-info .number {
        margin-left: 5px;
        color: #666;
    }

.wxtables td.tdborder {
    border-right: 1px solid #e7e7e7;
}

.wxtables .app_dow_tr td.tdborder i {
    width: 200px;
    height: 194px;
    display: block;
}

.wxtables .app_dow_tr .android .hed {
    background: url(/Admin/shop/Public/images/android_c.png) no-repeat;
}

.wxtables .app_dow_tr .android .remo {
    background: url(/Admin/shop/Public/images/android.png) no-repeat;
}

.wxtables .app_dow_tr .iphone .hed {
    background: url(/Admin/shop/Public/images/iphone_c.png) no-repeat;
}

.wxtables .app_dow_tr .iphone .remo {
    background: url(/Admin/shop/Public/images/iphone.png) no-repeat;
}

.import_success {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/Admin/shop/Public/images/iconfont-gouxuanjian.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.import_success_bgc {
    font-weight: 400;
    font-size: 12px;
    background: #00B01D;
    color: #fff;
    border-radius: 3px;
    padding: 0 3px;
}

.icon_check {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/Admin/shop/Public/images/iconfont-gouxuan.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.alipay_account {
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.chartBox {
    border: 1px solid #ccc;
}

.cb-title {
    padding: 10px;
    background-color: #eee;
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.cb-contain {
    padding: 10px;
    min-height: 10px;
    background-color: #fff;
    border-top: 1px solid #ccc;
}

    .cb-contain.nopdd {
        padding: 0;
    }

.chartBox.per30 {
    width: 29%;
}

.chartBox.per50 {
    width: 49%;
}

.chartBox.per70 {
    width: 69%;
}

.chartBox.chartBox-bdr {
    border-radius: 5px;
    overflow: hidden;
}

.chartBox.chartBox-red {
    border-color: #e51400;
}

.chartBox.chartBox-orange {
    border-color: #f8a31f;
}

.chartBox.chartBox-green {
    border-color: #393;
}

.chartBox.chartBox-blue {
    border-color: #368ee0;
}

.chartBox.chartBox-red .cb-title {
    background-color: #e51400;
    border-bottom-color: #e51400;
}

.chartBox.chartBox-orange .cb-title {
    background-color: #f8a31f;
    border-bottom-color: #f8a31f;
}

.chartBox.chartBox-green .cb-title {
    background-color: #393;
    border-bottom-color: #393;
}

.chartBox.chartBox-blue .cb-title {
    background-color: #368ee0;
    border-bottom-color: #368ee0;
}

.chartBox.chartBox-blue .cb-title, .chartBox.chartBox-green .cb-title, .chartBox.chartBox-orange .cb-title, .chartBox.chartBox-red .cb-title {
    color: #fff;
}

.chartBox.chartBox-fullcolor .cb-contain {
    background-color: #eee;
}

.chartBox.chartBox-blue.chartBox-fullcolor .cb-contain, .chartBox.chartBox-green.chartBox-fullcolor .cb-contain, .chartBox.chartBox-orange.chartBox-fullcolor .cb-contain, .chartBox.chartBox-red.chartBox-fullcolor .cb-contain {
    background-color: #fff;
}

.panel-single {
    background: #eee;
    border: 1px solid #ccc;
    padding: 15px;
}

    .panel-single.panel-single-light {
        background: #FCFCFC;
        border: 1px solid #E8E8E8;
    }

    .panel-single.panel-single-white {
        background: #fff;
        border: 1px solid #E8E8E8;
    }

.tooltips {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 6px 10px 5px;
    *padding: 7px 10px 4px;
    line-height: 16px;
    color: #DB7C22;
    font-size: 12px;
    background-color: #FFFCEF;
    border: solid 1px #FFBB76;
    border-radius: 2px;
    box-shadow: 0 0 3px #ddd;
    z-index: 11;
}

.tooltips-arrow {
    position: absolute;
    overflow: hidden;
    font-style: normal;
    font-family: simsun;
    font-size: 12px;
    text-shadow: 0 0 2px #ccc;
}

    .tooltips-arrow em, .tooltips-arrow i {
        position: absolute;
        left: 0;
        top: 0;
        font-style: normal;
    }

    .tooltips-arrow em {
        color: #FFBB76;
    }

    .tooltips-arrow i {
        color: #FFFCEF;
        text-shadow: none;
    }

.tooltips-arrow-bottom, .tooltips-arrow-top {
    height: 6px;
    width: 12px;
    left: 12px;
    margin-left: -6px;
}

.tooltips-arrow-left, .tooltips-arrow-right {
    height: 12px;
    width: 6px;
    top: 12px;
    margin-top: -6px;
}

.tooltips-arrow-top {
    top: -6px;
}

    .tooltips-arrow-top em {
        top: -1px;
    }

    .tooltips-arrow-top i {
        top: 0;
    }

.tooltips-arrow-bottom {
    bottom: -6px;
}

    .tooltips-arrow-bottom em {
        top: -8px;
    }

    .tooltips-arrow-bottom i {
        top: -9px;
    }

.tooltips-arrow-left {
    left: -6px;
}

    .tooltips-arrow-left em {
        left: 1px;
    }

    .tooltips-arrow-left i {
        left: 2px;
    }

.tooltips-arrow-right {
    right: -6px;
}

    .tooltips-arrow-right em {
        left: -6px;
    }

    .tooltips-arrow-right i {
        left: -7px;
    }

.hint {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -310px;
    width: 600px;
    padding: 10px;
    border: 1px solid transparent;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
    z-index: 999999;
}

.hint-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.hint-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.hint-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.tabs {
    position: relative;
    border-bottom: 1px solid #ddd;
}

    .tabs .tabs_a {
        position: relative;
        padding: 10px 20px;
        margin-right: -1px;
        display: inline-block;
        *display: inline;
        text-align: center;
        background-color: #ebebeb;
        color: #666;
        border: 1px solid #c8c8c8;
        border-width: 1px 1px 0;
        *zoom: 1;
    }

        .tabs .tabs_a:hover {
            background: #f5f5f5;
        }

        .tabs .tabs_a.active {
            font-weight: 700;
            background: #fff !important;
            color: #333;
            border-top: 2px solid #1C89D5;
            margin-bottom: -1px;
        }

.tabs_contains .tc {
    display: none;
}

    .tabs_contains .tc.active {
        display: block;
    }

.tabs-content {
    padding: 15px 0 10px;
}

.wizardstep-num {
    margin-right: 5px;
    padding: 3px 8px;
    background-color: #ddd;
    color: #888;
}

.tabs_a.active .wizardstep-num {
    background-color: #368ee0;
    color: #fff;
}

.wizardstep .tabs_a {
    background-color: #eee;
}

[class*=" gicon-"], [class^=gicon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .3em;
    line-height: 14px;
    vertical-align: -2px;
    background-image: url(/Admin/shop/Public/images/gicon_black.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

    [class*=" gicon-"].white, [class^=gicon-].white {
        background-image: url(/Admin/shop/Public/images/gicon_white.png);
    }

.gicon-glass {
    background-position: 0 0;
}

.gicon-music {
    background-position: -24px 0;
}

.gicon-search {
    background-position: -48px 0;
}

.gicon-envelope {
    background-position: -72px 0;
}

.gicon-heart {
    background-position: -96px 0;
}

.gicon-star {
    background-position: -120px 0;
}

.gicon-star-empty {
    background-position: -144px 0;
}

.gicon-user {
    background-position: -168px 0;
}

.gicon-film {
    background-position: -192px 0;
}

.gicon-th-large {
    background-position: -216px 0;
}

.gicon-th {
    background-position: -240px 0;
}

.gicon-th-list {
    background-position: -264px 0;
}

.gicon-ok {
    background-position: -288px 0;
}

.gicon-remove {
    background-position: -312px 0;
    margin-top: 10px;
}

.gicon-zoom-in {
    background-position: -336px 0;
}

.gicon-zoom-out {
    background-position: -360px 0;
}

.gicon-off {
    background-position: -384px 0;
}

.gicon-signal {
    background-position: -408px 0;
}

.gicon-cog {
    background-position: -432px 0;
}

.gicon-trash {
    background-position: -456px 0;
}

.gicon-home {
    background-position: 0 -24px;
}

.gicon-file {
    background-position: -24px -24px;
}

.gicon-time {
    background-position: -48px -24px;
}

.gicon-road {
    background-position: -72px -24px;
}

.gicon-download-alt {
    background-position: -96px -24px;
}

.gicon-download {
    background-position: -120px -24px;
}

.gicon-upload {
    background-position: -144px -24px;
}

.gicon-inbox {
    background-position: -168px -24px;
}

.gicon-play-circle {
    background-position: -192px -24px;
}

.gicon-repeat {
    background-position: -216px -24px;
}

.gicon-refresh {
    background-position: -240px -24px;
}

.gicon-list-alt {
    background-position: -264px -24px;
}

.gicon-lock {
    background-position: -287px -24px;
}

.gicon-flag {
    background-position: -312px -24px;
}

.gicon-headphones {
    background-position: -336px -24px;
}

.gicon-volume-off {
    background-position: -360px -24px;
}

.gicon-volume-down {
    background-position: -384px -24px;
}

.gicon-volume-up {
    background-position: -408px -24px;
}

.gicon-qrcode {
    background-position: -432px -24px;
}

.gicon-barcode {
    background-position: -456px -24px;
}

.gicon-tag {
    background-position: 0 -48px;
}

.gicon-tags {
    background-position: -25px -48px;
}

.gicon-book {
    background-position: -48px -48px;
}

.gicon-bookmark {
    background-position: -72px -48px;
}

.gicon-print {
    background-position: -96px -48px;
}

.gicon-camera {
    background-position: -120px -48px;
}

.gicon-font {
    background-position: -144px -48px;
}

.gicon-bold {
    background-position: -167px -48px;
}

.gicon-italic {
    background-position: -192px -48px;
}

.gicon-text-height {
    background-position: -216px -48px;
}

.gicon-text-width {
    background-position: -240px -48px;
}

.gicon-align-left {
    background-position: -264px -48px;
}

.gicon-align-center {
    background-position: -288px -48px;
}

.gicon-align-right {
    background-position: -312px -48px;
}

.gicon-align-justify {
    background-position: -336px -48px;
}

.gicon-list {
    background-position: -360px -48px;
}

.gicon-indent-left {
    background-position: -384px -48px;
}

.gicon-indent-right {
    background-position: -408px -48px;
}

.gicon-facetime-video {
    background-position: -432px -48px;
}

.gicon-picture {
    background-position: -456px -48px;
}

.gicon-pencil {
    background-position: 0 -72px;
}

.gicon-map-marker {
    background-position: -24px -72px;
}

.gicon-adjust {
    background-position: -48px -72px;
}

.gicon-tint {
    background-position: -72px -72px;
}

.gicon-edit {
    background-position: -96px -72px;
}

.gicon-share {
    background-position: -120px -72px;
}

.gicon-check {
    background-position: -144px -72px;
}

.gicon-move {
    background-position: -168px -72px;
}

.gicon-step-backward {
    background-position: -192px -72px;
}

.gicon-fast-backward {
    background-position: -216px -72px;
}

.gicon-backward {
    background-position: -240px -72px;
}

.gicon-play {
    background-position: -264px -72px;
}

.gicon-pause {
    background-position: -288px -72px;
}

.gicon-stop {
    background-position: -312px -72px;
}

.gicon-forward {
    background-position: -336px -72px;
}

.gicon-fast-forward {
    background-position: -360px -72px;
}

.gicon-step-forward {
    background-position: -384px -72px;
}

.gicon-eject {
    background-position: -408px -72px;
}

.gicon-chevron-left {
    background-position: -432px -72px;
}

.gicon-chevron-right {
    background-position: -456px -72px;
}

.gicon-plus-sign {
    background-position: 0 -96px;
}

.gicon-minus-sign {
    background-position: -24px -96px;
}

.gicon-remove-sign {
    background-position: -48px -96px;
}

.gicon-ok-sign {
    background-position: -72px -96px;
}

.gicon-question-sign {
    background-position: -96px -96px;
}

.gicon-info-sign {
    background-position: -120px -96px;
}

.gicon-screenshot {
    background-position: -144px -96px;
}

.gicon-remove-circle {
    background-position: -168px -96px;
}

.gicon-ok-circle {
    background-position: -192px -96px;
}

.gicon-ban-circle {
    background-position: -216px -96px;
}

.gicon-arrow-left {
    background-position: -240px -96px;
}

.gicon-arrow-right {
    background-position: -264px -96px;
}

.gicon-arrow-up {
    background-position: -289px -96px;
}

.gicon-arrow-down {
    background-position: -312px -96px;
}

.gicon-share-alt {
    background-position: -336px -96px;
}

.gicon-resize-full {
    background-position: -360px -96px;
}

.gicon-resize-small {
    background-position: -384px -96px;
}

.gicon-plus {
    background-position: -408px -96px;
}

.gicon-minus {
    background-position: -433px -96px;
}

.gicon-asterisk {
    background-position: -456px -96px;
}

.gicon-exclamation-sign {
    background-position: 0 -120px;
}

.gicon-gift {
    background-position: -24px -120px;
}

.gicon-leaf {
    background-position: -48px -120px;
}

.gicon-fire {
    background-position: -72px -120px;
}

.gicon-eye-open {
    background-position: -96px -120px;
}

.gicon-eye-close {
    background-position: -120px -120px;
}

.gicon-warning-sign {
    background-position: -144px -120px;
}

.gicon-plane {
    background-position: -168px -120px;
}

.gicon-calendar {
    background-position: -192px -120px;
}

.gicon-random {
    width: 16px;
    background-position: -216px -120px;
}

.gicon-comment {
    background-position: -240px -120px;
}

.gicon-magnet {
    background-position: -264px -120px;
}

.gicon-chevron-up {
    background-position: -288px -120px;
}

.gicon-chevron-down {
    background-position: -313px -119px;
}

.gicon-retweet {
    background-position: -336px -120px;
}

.gicon-shopping-cart {
    background-position: -360px -120px;
}

.gicon-folder-close {
    width: 16px;
    background-position: -384px -120px;
}

.gicon-folder-open {
    width: 16px;
    background-position: -408px -120px;
}

.gicon-resize-vertical {
    background-position: -432px -119px;
}

.gicon-resize-horizontal {
    background-position: -456px -118px;
}

.gicon-hdd {
    background-position: 0 -144px;
}

.gicon-bullhorn {
    background-position: -24px -144px;
}

.gicon-bell {
    background-position: -48px -144px;
}

.gicon-certificate {
    background-position: -72px -144px;
}

.gicon-thumbs-up {
    background-position: -96px -144px;
}

.gicon-thumbs-down {
    background-position: -120px -144px;
}

.gicon-hand-right {
    background-position: -144px -144px;
}

.gicon-hand-left {
    background-position: -168px -144px;
}

.gicon-hand-up {
    background-position: -192px -144px;
}

.gicon-hand-down {
    background-position: -216px -144px;
}

.gicon-circle-arrow-right {
    background-position: -240px -144px;
}

.gicon-circle-arrow-left {
    background-position: -264px -144px;
}

.gicon-circle-arrow-up {
    background-position: -288px -144px;
}

.gicon-circle-arrow-down {
    background-position: -312px -144px;
}

.gicon-globe {
    background-position: -336px -144px;
}

.gicon-wrench {
    background-position: -360px -144px;
}

.gicon-tasks {
    background-position: -384px -144px;
}

.gicon-filter {
    background-position: -408px -144px;
}

.gicon-briefcase {
    background-position: -432px -144px;
}

.gicon-fullscreen {
    background-position: -456px -144px;
}

.gicon_linkother {
    background-image: url(/Public/images/icon_ques.png);
    background-position: 0 0;
    background-size: 100%;
    margin-left: 5px;
}

.icon-platform {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: .3em;
    line-height: 16px;
    vertical-align: -3px;
    background: url(/Public/images/icon-platform.png) no-repeat;
}

    .icon-platform.taobao {
        background-position: 0 0;
    }

    .icon-platform.paipai {
        background-position: 0 -16px;
    }

    .icon-platform.tablet {
        background-position: 0 -32px;
    }

    .icon-platform.switch {
        background-position: 0 -48px;
    }

    .icon-platform.mobile {
        background-position: 0 -64px;
    }

    .icon-platform.laptop {
        background-position: 0 -80px;
    }

    .icon-platform.jd {
        background-position: 0 -96px;
    }

    .icon-platform.office {
        background-position: 0 -112px;
    }

    .icon-platform.qifenxiao {
        background-position: 0 -128px;
    }

    .icon-platform.guan {
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        background: #fff;
        font-size: 12px;
        border: 1px solid #ccc;
        font-style: normal;
    }

.icon-dbarrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/Admin/shop/Public/images/doubleArrow.png) no-repeat;
}

    .icon-dbarrow.up-blue {
        background-position: 0 -43px;
    }

.icon-yellowhelp {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/Admin/shop/Public/images/icon-yellowhelp.png) no-repeat;
}

.icon-menu {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url(/Public/images/sprite_left_menu.png) no-repeat;
}

    .icon-menu.signup {
        background-position: 0 0;
    }

    .icon-menu.shield {
        background-position: 0 -18px;
    }

    .icon-menu.pencil {
        background-position: 0 -36px;
    }

    .icon-menu.users {
        background-position: 0 -54px;
    }

    .icon-menu.tags {
        background-position: 0 -72px;
    }

    .icon-menu.smiley {
        background-position: 0 -90px;
    }

    .icon-menu.coin {
        background-position: 0 -108px;
    }

    .icon-menu.cog {
        background-position: 0 -126px;
    }

    .icon-menu.cabinet {
        background-position: 0 -144px;
    }

    .icon-menu.map {
        background-position: 0 -162px;
    }

    .icon-menu.home {
        background-position: 0 -180px;
    }

    .icon-menu.download {
        background-position: 0 -198px;
    }

    .icon-menu.weixin {
        background-position: 0 -216px;
    }

    .icon-menu.sck {
        background-position: 0 -234px;
    }

    .icon-menu.cw {
        background-position: 0 -252px;
    }

    .icon-menu.set {
        background-position: 0 -270px;
    }

    .icon-menu.commodity {
        background: url(/Admin/shop/Public/images/shangping.png) no-repeat;
    }

    .icon-menu.membership {
        background: url(/Admin/shop/Public/images/huiyuanguanli.png) no-repeat;
    }

    .icon-menu.logistics {
        background: url(/Admin/shop/Public/images/wuliu.png) no-repeat;
    }

    .icon-menu.mpermissions {
        background: url(/Admin/shop/Public/images/quanxian.png) no-repeat;
    }

    .icon-menu.smessage {
        background: url(/Admin/shop/Public/images/duanxin.png) no-repeat;
    }

.left-menu .icon-hot {
    display: none;
}

.sub_cog .icon-hot {
    position: absolute;
    top: -10px;
    left: 40px;
    display: block;
    margin-right: 5px;
    width: 21px;
    height: 11px;
    background: url(/Admin/shop/Public/images/hot.gif) no-repeat;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

    .badge.badge-white {
        color: #000;
        background-color: #fff;
    }

    .badge.badge-primary {
        color: #fff;
        background-color: #357ebd;
    }

    .badge.badge-warning {
        color: #fff;
        background-color: #f0ad4e;
    }

    .badge.badge-danger {
        color: #fff;
        background-color: #d9534f;
    }

    .badge.badge-success {
        color: #fff;
        background-color: #5cb85c;
    }

    .badge span {
        vertical-align: middle;
    }

.badge-link {
    display: inline-block;
    max-width: 150px;
    font-style: normal;
    border-left: 1px solid #fff;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}

.alert {
    position: relative;
    padding: 7px 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    line-height: 1.4em;
}

    .alert h4 {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 5px;
        color: inherit;
    }

    .alert b, .alert strong {
        font-size: 14px;
        margin-right: 5px;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert .alert-delete {
        position: absolute;
        right: 5px;
        top: 9px;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.alert.hasctrl {
    padding-bottom: 25px;
}

.alert-notips {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: block;
    width: 50px;
    height: 16px;
    line-height: 16px;
}

    .alert-notips:hover {
        color: #1C89D5;
        text-decoration: underline;
    }

.dq-box {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,.5);
    text-align: center;
}

    .dq-box img {
        height: 100%;
        width: auto;
        margin: auto;
    }

#dqAlert {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,.4);
    text-align: center;
}

.wizard {
    padding: 25px 20px;
    color: #666;
    text-align: center;
}

.wizard-ic-desc, .wizard-ic-step, .wizard-item {
    display: inline-block;
}

.wizard-ic-step {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.wizard-icstp-num {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
    border: 2px solid #999;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    color: #999;
}

.wizard-icstp-date, .wizard-icstp-title {
    position: absolute;
    bottom: -27px;
    left: -50px;
    display: block;
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.wizard-icstp-date {
    bottom: -45px;
}

.wizard-ic-desc {
    width: 200px;
    content: " ";
    height: 5px;
    background-color: #999;
    border-radius: 7px;
    vertical-align: 3px;
}

.complete .wizard-icstp-title {
    color: #1C89D5;
    font-weight: 700;
}

.complete .wizard-icstp-num {
    border-color: #1C89D5;
    background: #1C89D5;
    color: #fff;
}

.process .wizard-icstp-num {
    border-color: #1C89D5;
    color: #1C89D5;
}

.complete .wizard-ic-desc {
    background-color: #1C89D5;
}

.droplist {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
}

.droplist-title {
    color: #1C89D5;
}

.droplist-menu {
    display: none;
    position: absolute;
    top: 23px;
    margin-right: 50px;
    width: 150px;
    padding: 5px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    z-index: 1111;
}

    .droplist-menu li {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 0;
        text-align:center;
    }

        .droplist-menu li a {
            display: block;
            padding: 0 5px;
            line-height: 30px;
        }

            .droplist-menu li a:hover {
                color: #fff;
                background-color: #1C89D5;
                text-decoration:none;
            }

.provicepack label {
    display: inline-block;
    width: 140px;
    line-height: 22px;
    padding: 0 5px;
    position: relative;
}

    .provicepack label input {
        vertical-align: -2px;
    }

    .provicepack label strong {
        display: none;
    }

.getArea, .getCity {
    display: none;
    width: 12px;
    height: 12px;
    background: url(../images/areaArr.gif) center no-repeat;
    position: absolute;
    z-index: 99;
    top: 5px;
    cursor: pointer;
}

.citypack {
    display: none;
    width: 304px;
    max-width: 304px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 22px;
    background-color: #FFFEC6;
    border: 1px solid #E4E27E;
}

.closebtn {
    text-align: right;
    padding: 0 10px;
}

.areapack {
    display: none;
    width: 304px;
    max-width: 304px;
    position: absolute;
    z-index: 400;
    right: 0;
    top: 22px;
    background-color: #bce8f1;
    border: 1px solid #78CFE1;
}

a.Jclose {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    padding: 1px 3px;
}

.provicepack > label.on {
    background-color: #FAF600;
}

.citypack > label.on {
    background-color: #bce8f1;
}

#albums, #icon-container {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -345px 0 0 -520px;
    width: 1040px;
    height: 690px;
    background: #fff;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    z-index: 999;
}

#albums-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 998;
}

.albums-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
}

.albums-cl {
    width: 214px;
    border-right: 1px solid #e5e5e5;
}

.albums-cl-actions {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e5e5e5;
    background: #eee;
    text-align: center;
}

    .albums-cl-actions a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }

        .albums-cl-actions a:hover {
            color: #418BCA;
        }

.albums-cl-tree {
    padding: 10px 0;
    height: 584px;
    overflow: auto;
}

.albums-cl-tree, .albums-cr-imgs {
    position: relative;
}

    .albums-cl-tree .loading, .albums-cr-imgs .loading {
        position: absolute;
        width: 100%;
        height: 30px;
        top: 0;
        left: 0;
    }

.albums-cr-imgs-noPic {
    position: absolute;
    padding-top: 100px;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -45px;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 14px;
    color: #D8D8D8;
    background: url(/Admin/shop/Public/images/albums_noPic.jpg) no-repeat;
}

.albums-cl-tree dt {
    padding: 0 10px;
    cursor: pointer;
}

    .albums-cl-tree dt.selected {
        background: #428bca;
        color: #fff;
    }

.albums-cl-tree dt {
    min-width: 170px;
    height: 28px;
    line-height: 28px;
}

    .albums-cl-tree dt span {
        display: inline-block;
    }

.albums-cl-tree dd {
    padding-left: 15px;
}

.albums-cl-tree dt .ipt {
    height: 20px;
    line-height: normal;
    width: 55%;
    color:#333;
}

.albums-cl-tree dt em {
    font-style: normal;
}

.albums-cl-tree dt .icon-loading, .albums-cl-tree dt .ipt {
    display: none;
}

.albums-cr {
    width: 820px;
    height: 650px;
    overflow: hidden;
}

.albums-cr-actions {
    position: relative;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.albums-cr-imgs {
    height: 540px;
    overflow-x:hidden;
    overflow-y:scroll;
}

    .albums-cr-imgs ul {
        padding: 10px;
        margin-right: -10px;
    }

    .albums-cr-imgs li {
        position: relative;
        width: 115px;
        height: 120px;
        padding: 2px;
        margin: 0 10px 10px 0;
        border: 1px solid #e5e5e5;
        cursor: pointer;
        overflow: hidden;
        background: #fafafa;
    }

    .albums-cr-imgs img {
        width: 100px;
        height: auto;
        margin: 0;
        padding: 0;
        border: 0;
    }

.albums-cr-imgs-selected {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,.5);
}

    .albums-cr-imgs-selected i {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 50%;
        top: 50%;
        margin: -15px 0 0 -15px;
        background: url(/Admin/shop/Public/images/check.png) center center no-repeat #1C89D5;
        border-radius: 30px;
        z-index: 999;
    }

.albums-cr-imgs li.selected .albums-cr-imgs-selected {
    display: block;
}

.albums-cr-ctrls {
    padding: 10px;
}

.icon-folder {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/Admin/shop/Public/images/sprite_folder.png) -16px 0 no-repeat;
    vertical-align: -2px;
}

    .icon-folder.open {
        background-position: 0 0;
    }

    .icon-folder.no {
        background: 0 0;
    }

#albums .uploadify-button-text {
    font-family: "Microsoft YaHei","微软雅黑";
}

#albums .uploadify-button {
    background: #5cb85c !important;
    border: 1px solid #4cae4c !important;
    border-radius: 2px !important;
}

#albums .uploadify:hover .uploadify-button {
    background: #449d44 !important;
    border: 1px solid #398439 !important;
}

#albums .uploadify-queue {
    width: 360px !important;
    right: 10px !important;
    top: 50px !important;
    left: auto !important;
    z-index: 999;
}

#albums .uploadify-queue-item {
    box-shadow: 0 0 1px 2px rgba(0,0,0,.3);
}

.albums-cr-actions.noborder {
    border: 0;
}

.albums-color-tab h2 {
    height: 46px;
    padding: 5px 10px;
}

    .albums-color-tab h2 span {
        padding-left: 10px;
        color: #999;
        font-size: 12px;
    }

.albums-cr-actions a.cur {
    position: relative;
    border: 1px solid #E80039;
}

.albums-cr-actions a i {
    display: none;
    width: 16px;
    height: 14px;
    background: url(/Admin/shop/PublicMob/images/currentbg.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: -2px;
}

.albums-cr-actions a.cur i {
    display: block;
}

.albums-color-tab ul {
    display: block;
    padding: 10px 20px;
}

    .albums-color-tab ul li {
        display: inline-block;
        width: 70px;
        height: 24px;
        float: left;
        margin-left: 10px;
        line-height: 24px;
        cursor: pointer;
    }

        .albums-color-tab ul li span {
            display: inline-block;
            color: #000;
            font-size: 14px;
            float: left;
            margin-right: 5px;
        }

        .albums-color-tab ul li .color {
            width: 20px;
            height: 20px;
        }

.color0 {
    background-color: #000;
    border: 2px solid #000;
}

.color1 {
    background-color: #fff;
    border: 2px solid #E30000;
}

.color2 {
    background-color: #979797;
    border: 2px solid #979797;
}

.color3 {
    background-color: #E30000;
    border: 2px solid #E30000;
}

.color4 {
    background-color: #EDD400;
    border: 2px solid #EDD400;
}

.color5 {
    background-color: #2FA800;
    border: 2px solid #2FA800;
}

.color6 {
    background-color: #005BA8;
    border: 2px solid #005BA8;
}

.color7 {
    background-color: #B400D5;
    border: 2px solid #B400D5;
}

.color8 {
    background-color: #FF9600;
    border: 2px solid #FF9600;
}

.albums-icon-tab ul {
    padding: 10px 20px;
}

.albums-icon-tab li {
    display: inline-block;
    *display: inline;
    float: left;
    width: 80px;
    height: 60px;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    padding: 10px;
}

    .albums-icon-tab li img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .albums-icon-tab li span {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 666;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.5);
    }

    .albums-icon-tab li.selected span {
        display: block;
    }

    .albums-icon-tab li i {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 50%;
        top: 50%;
        margin: -15px 0 0 -15px;
        background: url(/Admin/shop/Public/images/check.png) center center no-repeat #1C89D5;
        border-radius: 30px;
        z-index: 999;
    }

.albums-edit {
    width: 100px;
    height: 22px;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    left: 2px;
    bottom: 0;
}

    .albums-edit i {
        display: block;
        margin: 4px auto 0;
    }

    .albums-edit p {
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        text-align: center;
        color: #666;
    }

    .albums-edit span {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #ccc;
    }

    .albums-edit:hover span {
        display: block;
        background: #ccc;
    }

.img-name-edit {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
}

    .img-name-edit input {
        width: 60%;
        vertical-align: 0;
    }

    .img-name-edit a {
        background: #428BCA;
        color: #fff;
        padding: 2px 4px;
        border-radius: 2px;
    }

.jbox {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: 99999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.jbox-title {
    position: relative;
    color: #000; /*height:40px;*/
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.jbox-title-txt {
    font-size: 14px;
    padding-left: 10px;
}

.jbox-close {
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(Images/remove-black.png) no-repeat;
    z-index: 999999;
}

.jbox-container {
    padding: 15px;
    overflow-y: auto;
    overflow-x: auto;
    min-height:120px;
}

.jbox-buttons {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: right;
}

    .jbox-buttons a {
        margin-left: 5px;
    }

#jbox-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.15);
    z-index: 999999;
}

    #jbox-loading i {
        display: block;
        position: fixed;
        height: 80px;
        width: 80px;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        background: url(Images/loading-blue.png) no-repeat;
        -webkit-animation: rotateLoading .8s linear infinite;
        -moz-animation: rotateLoading .8s linear infinite;
        animation: rotateLoading .8s linear infinite;
    }

@keyframes rotateLoading {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateLoading {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotateLoading {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}
.jGetgood{
    position:absolute;
    top:2px;
}
.filters {
    max-height: 350px;
    overflow-y: auto;
}
.filters_attr {
    
}

    .filters_attr .attrname {
        width: 100%;
        padding: 10px 0px;
        display: flex;
    }
        .filters_attr .attrname:before {
            content: "";
            width: 3px;
            height: 10px;
            background: #000;
            margin-right: 3px;
            margin-top: 2px;
        }

    .filters_attr .attritems {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .filters_attr .attritems span {
            /*width: 30px;*/
            padding: 0px 10px;
            background: #eeeeed;
            border-radius: 3px;
            margin-right: 10px;
            margin-bottom: 10px;
            line-height: 20px;
            font-size: 10px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer
        }
        .filters_attr .attritems .active {
            color: #fff;
            background: #000;
        }