@charset "UTF-8";
/* CSS Document */
input[type="submit"]:disabled {
    cursor: not-allowed;
    background: #999 !important;
    border: 1px solid #999;
}

body {
    font-size: 12px;
    font-family: Arial, '微软雅黑', "宋体";
    /*line-height:200%; */
    color: #333333;
    width: 100%;
    text-align: left;
    background-color: #eaedef;
    word-break: break-all;
}


.bodyBg {
    background: url(../image/bodyBg.jpg) left repeat-y #eaedef;
    min-width: 1002px;
}

body, img, form, ul, dl, input, fieldset, .clear, dt, dd, dl {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

select {
    padding: 2px;
}

input {
    outline: none;
}


ul, dl {
    list-style-type: none;
}

h1, h2, h3, h4 {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.clear {
    font-size: 0px;
    line-height: 0px;
    clear: both;
    height: 0px;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.fn {
    float: none;
}

.img_bor {
    border: 1px #d6d6d6 solid;
    padding: 1px;
}

a {
    color: #4287cf;
    text-decoration: none;
    cursor: pointer;
}

    a:link, a:visited {
    }

    a:hover {
        color: #fd7742;
        text-decoration: none;
    }

.font18 {
    font-size: 18px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font24 {
    font-size: 24px;
}

.fontB {
    font-weight: bold;
}

.fontRed {
    color: #F00;
}

.fontDeepRed {
    color: #8e241f;
}

.font999 {
    color: #999;
}

.font666 {
    color: #666;
}

.font333 {
    color: #333;
}

.fontaaa {
    color: #aaa;
}

.fontBlack {
    color: #000;
}

.fontWhite {
    color: #FFF;
}

.fontOrange {
    color: #fe3800;
}

.fontGreen {
    color: #54b856;
}

.fontOrange2 {
    color: #f29e00;
}

.fontBlue {
    color: #00aeff;
}

.fontDeepBlue {
    color: #53606b;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr20 {
    margin-right: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt2 {
    margin-top: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.height10 {
    height: 10px;
    display: block;
}

.height15 {
    height: 15px;
    display: block;
}

.borderB {
    border-bottom: 1px solid #d7d7d7;
}

.borderR {
    border-right: 1px solid #d7d7d7;
}

.borderL {
    border-left: 1px solid #d7d7d7;
}

.borderT {
    border-top: 1px solid #d7d7d7;
}

.fontNodata {
    font-size: 28px;
    color: #bcbdc1;
    line-height: 34px;
}

.cancelLinkStyle {
    color: #ccc;
    text-decoration: underline;
}

.wf50 {
    width: 50%;
}

.wf98 {
    width: 98%;
}

.loadding {
    background: url(../image/loading.gif) no-repeat center #000;
    width: 100px;
    height: 100px;
    position: absolute;
    box-shadow: 0 0px 18px rgba(0,0,0,.5);
    top: 40%;
    left: 45%;
    z-index: 1000;
    border-radius: 5px;
    opacity: 0.7;
}

/* 公共样式 */

.logo .link, .loginInfo .trial, .topActionArea .flow a .icon,
.topActionArea .flow a:hover .icon, .topActionArea .helpCenter a .icon, .topActionArea .helpCenter a:hover .icon, .topActionArea .more {
    background-image: url(../image/package.png);
}

.top {
    height: 66px;
    padding: 0px 10px;
    background: #fff;
}

.logo {
    padding-top: 5px;
    float: left;
}

    .logo .link {
        background-position: -106px -88px;
        width: 166px;
        height: 51px;
        float: left;
    }

        .logo .link.cxv19link {
            background-position: center center;
            width: auto;
            height: 51px;
            float: left;
            display: block;
        }

            .logo .link.cxv19link img {
                height: 51px;
            }

.topActionArea {
    float: right;
    padding-top: 10px;
}

.loginInfo .topAvatar {
    background-position: center;
    width: 35px;
    height: 35px;
    border: 2px solid #d7d7d7;
    border-radius: 35px;
    margin-right: 10px;
    float: left;
    position: relative;
    background-size: 35px 35px;
}

.loginInfo .trial {
    background-position: -336px -17px;
    width: 27px;
    height: 12px;
    position: absolute;
    margin-left: -25px;
}

.loginInfo {
    float: left;
    padding-right: 20px;
}

    .loginInfo .topUsername h1 {
        font-size: 14px;
        color: #7a8292;
        font-weight: normal;
    }

    .loginInfo .topUsername h2 {
        font-size: 12px;
        color: #7a8292;
        font-weight: normal;
    }

.topActionArea .flow a .icon {
    background-position: -177px -17px;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.topActionArea .flow a:hover .icon {
    background-position: -177px -52px;
}

.topActionArea .flow {
    float: left;
    margin: 15px 20px 0 0;
}

.topActionArea .helpCenter {
    float: left;
}

.topActionArea .flow .text {
    float: left;
    color: #7a8292;
}

.topActionArea .flow a:hover .text {
    color: #0360d7;
}

.topActionArea .helpCenter a .icon {
    background-position: -230px -17px;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.topActionArea .helpCenter a:hover .icon {
    background-position: -230px -52px;
}

.topActionArea .helpCenter {
    float: left;
    margin: 15px 20px 0 0;
}

.PrintCustom {
    float: right;
}

    .topActionArea .helpCenter .text, .PrintCustom .texts {
        float: left;
        color: #7a8292;
    }

        .topActionArea .helpCenter a:hover .text, .PrintCustom .texts:hover {
            color: #0360d7;
        }

    .topActionArea .helpCenter .arrowDown, .PrintCustom .PrintarrowDown {
        width: 8px;
        height: 8px;
        float: left;
        background: url(../image/arrowDown.png) no-repeat center;
        padding: 5px;
        -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform linear .3s;
        -o-transition: -webkit-transform linear .3s;
        -ms-transition: -webkit-transform linear .3s;
        -moz-transition: -webkit-transform linear .3s;
    }

    .topActionArea .helpCenter a:hover .arrowDown, .PrintCustom a:hover .PrintarrowDown {
        transform: rotate(90);
        -webkit-transform: rotate(180deg);
        -webkit-transition: -webkit-transform linear .3s;
        -o-transition: -webkit-transform linear .3s;
        -ms-transition: -webkit-transform linear .3s;
        -moz-transition: -webkit-transform linear .3s;
    }

.topActionArea .more {
    background-position: -282px -17px;
    width: 18px;
    height: 18px;
    padding: 5px 5px;
    cursor: pointer;
    margin-top: 12px;
    position: absolute;
    z-index: 11;
}

    .topActionArea .more:hover {
        background-color: #d3d7dd;
        border-radius: 3px;
    }

.topActionArea .helpCenter .InstalList, .topActionArea .InstalArea .InstalList {
    display: none;
}

.topActionArea .helpCenter:hover .InstalList, .topActionArea .InstalArea:hover .InstalList {
    display: block;
}

.leftMenu {
    width: 85px;
    float: left;
}

    .leftMenu .menu li a {
        width: 85px;
        height: 65px;
        background-image: url(../image/package.png);
        float: left;
    }

    .leftMenu .menu .mGoods .icon {
        background-position: 0 8px;
        padding-top: 8px;
    }

    .leftMenu .menu .mFinance .icon {
        background-position: 0 -65px;
    }

    .leftMenu .menu .mCustomr .icon {
        background-position: 0 -130px;
    }

    .leftMenu .menu .mChart .icon {
        background-position: 0 -195px;
    }

    .leftMenu .menu .mBasedata .icon {
        background-position: 0 -260px;
    }

    .leftMenu .menu .mSettings .icon {
        background-position: 0 -323px;
    }

    .leftMenu .menu .mSale .icon {
        background-position: -1147px -3px;
    }

    .leftMenu .select, .mFinance:hover, .mCustomr:hover, .mChart:hover, .mBasedata:hover, .mSettings:hover, .mSale:hover {
        background: url(../image/menuBg.png) center;
        float: left;
    }

.downArrow {
    float: left;
    position: absolute;
}

    .downArrow .downArrowIcon {
        background: url(../image/downArrow.png);
        width: 23px;
        height: 27px;
        float: left;
    }

    .downArrow .downArrowContent {
        background: #FFF;
        position: absolute;
        z-index: 100;
        box-shadow: 0 2px 4px rgba(0,0,0,.4);
        margin: 25px 0 0 -10px;
        display: none;
    }

        .downArrow .downArrowContent span {
            clear: both;
            float: left;
            border-bottom: 1px solid #EEE;
            padding: 3px 10px;
        }

            .downArrow .downArrowContent span:hover {
                background: #F8F8F8;
                cursor: pointer;
            }

    .downArrow:hover .downArrowContent {
        display: block;
    }

.secondMenu {
    position: absolute;
    background: #e9eef2;
    border: 1px solid #ccd1d5;
    border-width: 0 1px 1px 0;
    border-top: 3px solid #2a6aba;
    box-shadow: 3px 3px 10px rgba(0,0,0,.3);
    margin: 0 0 0 85px;
    *margin: 0 0 0 0px;
    overflow: hidden;
}

    .secondMenu .list {
        padding: 0px 15px 10px 15px;
        float: left;
    }
        /* .dashLineR{ border-right:1px dashed #bbbbbb;} */
        .secondMenu .list p {
            font-size: 14px;
            color: #999;
            clear: both;
            margin: 10px 0;
            float: left;
            width: 100%;
        }

        .secondMenu .list li, .row .list li {
            clear: both;
            padding-bottom: 5px;
        }

            .secondMenu .list li .text {
                width: 120px;
                color: #333;
                padding: 5px;
                float: left;
                border-radius: 3px;
            }

                .secondMenu .list li .text:hover, .row .list li .text:hover {
                    background-color: #d9f3ff;
                    background: #aacbe5;
                    padding: 5px;
                    color: #0080ff;
                }

            .secondMenu .list li .addIcon, .row .list li .addIcon {
                background: url(../image/package.png) -398px -8px;
                width: 30px;
                height: 30px;
                float: left;
                border-radius: 3px;
            }

                .secondMenu .list li .addIcon:hover, .row .list li .addIcon:hover {
                    background-color: #aacbe5;
                    background-position: -398px -43px;
                }

.mGoodsSon {
    margin: 0 0 0 85px;
    *margin: 0 0 0 0px;
}

.secondMenu .tips {
    clear: both;
    width: 350px;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #666666;
    background: #dbebff;
    border-top: 1px solid #bad6fb;
}

    .secondMenu .tips .addIcon {
        background: url(../image/package.png) -402px -7px;
        width: 21px;
        height: 24px;
        float: left;
    }



.main {
    background: #eaedef;
    float: left;
    padding: 10px 1%;
    width: 98%;
}

.moreArea {
    width: 28px;
    height: 38px;
    float: left;
    background: #FFF;
}

.moreList {
    position: absolute;
    margin-top: -10px;
    background: #e9eef2;
    border-left: solid #c7cedb 1px;
    width: 315px;
    min-height: 500px;
    z-index: 10;
    right: 0px;
    padding-top: 57px;
}

    .moreList .avatarBig {
        width: 84px;
        height: 84px;
        background: url(../image/package.png) -106px -160px;
        margin-left: 20px;
    }

    .moreList h1 {
        padding-left: 20px;
        color: #7a8292;
        font-size: 18px;
        margin: 20px 0 5px 0;
    }

    .moreList h2 {
        padding-left: 20px;
        color: #7a8292;
        font-size: 14px;
    }

    .moreList .list ul {
        border: 1px solid #dce2e8;
        border-width: 1px 0;
        display: block;
        background: #FFF;
        margin-top: 10px;
    }

        .moreList .list ul li {
            display: block;
            height: 48px;
        }

        .moreList .list ul .normal {
            border-bottom: 1px solid #dce2e8;
        }

        .moreList .list ul li a {
            padding: 0 20px 0 30px;
            float: left;
            line-height: 48px;
            width: 265px;
            background: url(../image/arrowR.png) right no-repeat;
        }

            .moreList .list ul li a .title {
                font-size: 14px;
                color: #53606b;
                width: 50%;
                float: left;
            }

            .moreList .list ul li a .value {
                font-size: 14px;
                color: #0080ff;
                width: 50%;
                float: left;
                text-align: right;
            }

            .moreList .list ul li a:hover {
                background-color: #d9f3ff;
            }

        .moreList .list ul .listButton a {
            background: none;
            text-align: center;
            font-size: 14px;
        }

        .moreList .list ul .blue a {
            background-color: #d9f3ff;
        }

            .moreList .list ul .blue a:hover {
                background-color: #fee4b4;
            }


.topTab {
    background: url(../image/tabline.png) bottom repeat-x #FFF;
    float: left;
    width: 100%;
}

    .topTab .select, .topTab .normal:hover {
        background: #eaedef;
        border: 1px solid #c7cedb;
        border-width: 0 1px 1px 1px;
        border-top: 2px solid #1c7efb;
        border-bottom: 1px solid #eaedef;
    }

    .topTab ul li {
        float: left;
        margin-right: 10px;
        line-height: 25px;
        padding: 0 10px;
        cursor: pointer;
    }

    .topTab .normal {
        background: #FFF;
        border: 1px solid #c7cedb;
        border-width: 0 1px 1px 1px;
        border-top: 2px solid #6cbe4a;
        color: #999;
    }

    .topTab ul li a:hover, .topTab .select a {
        color: #7c8389;
    }

    .topTab ul li a {
        color: #999;
        float: left;
    }

.MImore {
    position: absolute;
    width: 100px;
    top: 48px;
    right: 40px;
    z-index: 1001;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    border: 1px solid #d7d7d7;
}

    .MImore li {
        border-top: 1px solid #D7D7D7;
        float: left;
        width: 100px;
        background: #FFF;
    }

        .MImore li a {
            display: block;
            padding: 5px;
            float: left;
            width: 90px;
        }

            .MImore li a:hover {
                background: #f8f8f8;
            }

.quickSearch {
    float: left;
}

    .quickSearch input {
        background: url(../image/package.png) -531px -17px;
        width: 185px;
        height: 22px;
        padding: 8px 24px;
        float: left;
    }

        .quickSearch input:focus {
            background: url(../image/package.png) -531px -88px;
        }

    .quickSearch .searchButton {
        background: url(../image/package.png) -461px -18px;
        width: 33px;
        height: 33px;
        position: absolute;
        margin: 2px 0 0 -40px;
    }

        .quickSearch .searchButton:hover {
            background: url(../image/package.png) -461px -89px;
        }

        .quickSearch .searchButton:active {
            background: url(../image/package.png) -461px -159px;
            cursor: pointer;
        }

.close {
    text-align: center;
    height: 15px;
    width: 15px;
    float: left;
    margin-top: 5px;
    line-height: 16px;
}

    .close:hover {
        background: #d7d7d7;
        height: 15px;
        width: 15px;
    }


/* 列表样式 */
.whiteBox {
    background: #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    width: 98%;
    padding: 10px 1%;
    margin-bottom: 5px;
    filter: "progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=270,strength=1)";
}

    .whiteBox td btn {
        text-align: center;
    }

.button {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background-color: #f7f7f7;
    height: 28px;
    padding: 0 20px;
    cursor: pointer;
    line-height: 28px;
    display: inline-block;
    color: #666666;
}

    .button:hover {
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -o-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        color: #666666;
        cursor: pointer;
    }

    .button:active {
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        color: #666666;
        cursor: pointer;
    }


.blueButton {
    border: 1px solid #2091fc;
    border-radius: 3px;
    background-color: #28b5fd;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
    background: -o-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
    color: #FFFFFF;
}

    .blueButton:hover {
        border: 1px solid #2091fc;
        background-color: #6ecdff;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
        background: -o-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
        color: #FFFFFF;
    }

    .blueButton:active {
        border: 1px solid #2091fc;
        background-color: #2091fc;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -o-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        color: #FFFFFF;
    }

.redButton {
    border: 1px solid #fc5f4a;
    border-radius: 3px;
    background-color: #fd765c;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
    background: -o-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
    color: #FFFFFF;
}

    .redButton:hover {
        border: 1px solid #fc5f4a;
        background-color: #ffaa9a;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
        background: -o-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
        color: #FFFFFF;
    }

    .redButton:active {
        border: 1px solid #fc5f4a;
        background-color: #fc5f4a;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
        background: -o-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
        color: #FFFFFF;
    }

.greenButton {
    border: 1px solid #7dc855;
    border-radius: 3px;
    background-color: #9bda6a;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
    background: -o-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
    color: #FFFFFF;
}

    .greenButton:hover {
        border: 1px solid #7dc855;
        background-color: #b5eb8d;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
        background: -o-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
        color: #FFFFFF;
    }

    .greenButton:active {
        border: 1px solid #7dc855;
        background-color: #7dc855;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
        background: -o-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
        color: #FFFFFF;
    }

.lightBlueButton {
    border: 1px solid #b3d9fe;
    border-radius: 3px;
    background-color: #d0e7ff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
    background: -o-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
    color: #666666;
}

    .lightBlueButton:hover {
        border: 1px solid #b3d9fe;
        background-color: #b5eb8d;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
        background: -o-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
        color: #666666;
    }

    .lightBlueButton:active {
        border: 1px solid #7dc855;
        background-color: #7dc855;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
        background: -o-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
        color: #666666;
    }

.noActionButton, .noActionButton:hover, .noActionButton:active {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background-color: #e6e6e8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
    background: -o-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
    height: 28px;
    padding: 0 20px;
    cursor: default;
    line-height: 28px;
    display: inline-block;
    color: #B9B9B9;
}



.withIcon {
    padding-left: 15px;
}

    .withIcon .icon {
        width: 20px;
        height: 20px;
        float: left;
        background: url(../image/package.png);
        margin-top: 3px;
    }

    .withIcon .addIcon {
        background-position: -460px -228px;
    }

    .withIcon .importIcon {
        background-position: -460px -280px;
    }

    .withIcon .exportIcon {
        background-position: -460px -333px;
    }

.inputText {
    border: 1px solid #D7D7D7;
    border-radius: 3PX;
    height: 14PX;
    padding: 7px 0;
    line-height: 14PX;
    padding-left: 5PX;
    font-size: 12px;
    display: inline-block;
}

    .inputText:focus {
        border: 1px solid #49b8ff;
        box-shadow: 0 0 3px rgba(73,184,255,.5);
    }

    .inputText[readonly] {
        border: 1px solid #dfdfdf;
        background: #efefef;
        color: #aaa;
    }

.error {
    border: 1px solid #ff0000;
    box-shadow: 0 0 3px rgba(255,0,0,.5);
    color: #f00;
}

.date {
    background: url(../image/dateIcon.png) right center no-repeat #fff;
}

.actionArea .search .searchButton {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background: url(../image/package.png) -354px -230px;
    position: absolute;
    margin: 5px 0 0-30px;
}

    .actionArea .search .searchButton:hover {
        background-position: -354px -319px;
    }

.pageTop {
    float: left;
    padding-top: 5px;
}

    .pageTop span {
        float: left;
        color: #666;
        margin-right: 5px;
    }

        .pageTop span b {
            color: #6291cb;
        }

.first, .pre, .next, .last, .firstUnclickable, .preUnclickable, .nextUnclickable, .lastUnclickable {
    background-image: url(../image/package.png);
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.first {
    background-position: -124px -301px;
}

    .first:hover {
        background-position: -124px -336px;
    }

    .first:active {
        background-position: -124px -371px;
    }

.pre {
    background-position: -159px -301px;
}

    .pre:hover {
        background-position: -159px -336px;
    }

    .pre:active {
        background-position: -159px -371px;
    }

.next {
    background-position: -195px -301px;
}

    .next:hover {
        background-position: -195px -336px;
    }

    .next:active {
        background-position: -195px -371px;
    }

.last {
    background-position: -230px -301px;
}

    .last:hover {
        background-position: -230px -336px;
    }

    .last:active {
        background-position: -230px -371px;
    }

.firstUnclickable {
    background-position: -124px -265px;
    cursor: default;
}

.preUnclickable {
    background-position: -159px -265px;
    cursor: default;
}

.nextUnclickable {
    background-position: -195px -265px;
    cursor: default;
}

.lastUnclickable {
    background-position: -230px -265px;
    cursor: default;
}

.pageInput {
    border: 1px solid #D7D7D7;
    border-radius: 3PX;
    height: 14PX;
    padding: 3px 0;
    line-height: 14PX;
    padding-left: 5PX;
    font-size: 12px;
    display: inline-block;
}

.refresh, .set {
    background-image: url(../image/package.png);
    float: right;
    position: relative;
}

.refresh {
    background-position: -549px -230px;
    width: 42px;
    height: 30px;
}

    .refresh:hover {
        background-position: -655px -230px;
    }

    .refresh:active {
        background-position: -762px -230px;
    }

.set {
    background-position: -591px -230px;
    width: 41px;
    height: 30px;
}

    .set:hover {
        background-position: -697px -230px;
    }

    .set:active {
        background-position: -804px -230px;
    }

.tableStyle {
    border-collapse: collapse;
}

    .tableStyle .bg {
        float: left;
        width: 100%;
        padding: 5px 0 0 0;
        margin-top: -3px;
        overflow: hidden;
        white-space: nowrap;
    }

    .tableStyle .normal, .PaymentTableStyle .normal {
        background: #f4f4f4;
        height: 23px;
    }

.down, .up {
    background: url(../image/thBgS.png) top repeat-x #f4f4f4;
}

.sortable {
    cursor: pointer;
}

    .sortable .bg {
        background: url(../image/sortable.png) no-repeat center top;
    }

.down .bg {
    background: url(../image/down.png) no-repeat center top;
}

.up .bg {
    background: url(../image/up.png) no-repeat center top;
}

.tableStyle th .info {
    background: url(../image/package.png) -319px -372px;
    height: 11px;
    width: 11px;
    display: inline-block;
    right: 5px;
    top: 13px;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

/*.tableStyle .bg .info .tips{ position:absolute; margin:15px 0 0 -85px; z-index:501;}
.tableStyle .bg .info .tips h1{background:url(../image/thBgN.png) bottom repeat-x #FFF;  padding:5px 10px;  word-break:break-all; white-space:normal; text-align:left; float:left; font-size:12px; line-height:16px; border-radius:3px;  border:1px solid #d7d7d7; margin-top:7px; min-width:100px;}
.tableStyle .bg .info .tips h2{ background:url(../image/arrowT.png) center; width:15px; height:8px; z-index:1; position:absolute; margin-left:78px;  *margin-left:-85px;} */

.tableStyle .info .tips {
    position: absolute;
    right: 13px;
    top: -9px;
    z-index: 501;
    cursor: pointer;
}

    .tableStyle .info .tips h1 {
        background: url(../image/thBgN.png) bottom repeat-x #FFF;
        padding: 5px 10px;
        word-break: keep-all;
        white-space: nowrap;
        text-align: left;
        font-size: 12px;
        line-height: 16px;
        border-radius: 3px;
        border: 1px solid #d7d7d7;
        cursor: pointer;
    }
/*.tableStyle .info .tips h2{ background:url(../image/arrowT.png) center; width:15px; height:8px; z-index:1; position:absolute; margin-left:78px;  *margin-left:-85px;}*/

.tableStyle, .PaymentTableStyle {
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}

    .tableStyle th, .PaymentTableStyle th {
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #d7d7d7;
        font-size: 13px;
        color: #666;
        position: relative;
        background-color: #f4f4f4;
    }

    .tableStyle td, .PaymentTableStyle td {
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #d7d7d7;
    }

.greyLine {
    background-color: #fafafa;
}

.yellowLine {
    background-color: #fffde5;
}

.tableStyle tr:hover {
    background: #e4f3ff;
}

    .tableStyle tr:hover td {
        background: #e4f3ff;
    }

.operate {
    margin: 0 5px;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-color: transparent;
    background-image: url(../image/icon2.png);
}

.tableButtonArea {
    height: 26px;
    overflow: hidden;
}

.copy {
    background-position: 0 -29px;
}

.edit {
    background-position: -26px -29px;
}

.del {
    background-position: -52px -29px;
}

.details {
    background-position: -52px -86px;
}

.inWarehouse {
    background-position: -213px -86px;
}

.outWarehouse {
    background-position: -245px -86px;
}

.distribution {
    background-position: -276px -86px;
}

.return {
    background-position: -92px -146px;
}

.sale {
    background-position: -126px -146px;
}

.permissionIcon {
    background-position: -307px -86px;
}

.saleDetails {
    background-position: -245px -145px;
}

.tableStyle tr:hover td .permissionIcon {
    background-position: -307px -56px;
}

.tableStyle tr:hover td .return {
    background-position: -92px -116px;
    cursor: pointer;
}

.tableStyle tr:hover td .sale {
    background-position: -126px -116px;
    cursor: pointer;
}

.tableStyle tr:hover td .copy {
    background-position: 0 0px;
    cursor: pointer;
}

.tableStyle tr:hover td .edit {
    background-position: -26px 0px;
    cursor: pointer;
}

.tableStyle tr:hover td .del {
    background-position: -52px 0px;
    cursor: pointer;
}

.tableStyle tr:hover td .details {
    background-position: -52px -56px;
    cursor: pointer;
}

.tableStyle tr:hover td .inWarehouse {
    background-position: -213px -56px;
    cursor: pointer;
}

.tableStyle tr:hover td .outWarehouse {
    background-position: -245px -56px;
    cursor: pointer;
}

.tableStyle tr:hover td .distribution {
    background-position: -276px -56px;
    cursor: pointer;
}

.tableStyle tr:hover td .saleDetails {
    background-position: -245px -116px;
    cursor: pointer;
}

.lineSet {
    position: absolute;
    width: 350px;
    right: 20px;
    margin-top: 25px;
    z-index: 1001;
}

    .lineSet .lineSetIn {
        border: 1px solid #d7d7d7;
        background: #FFF;
        border-radius: 5px;
    }

    .lineSet .title {
        background: url(../image/thBgN.png) bottom #fdfefe repeat-x;
        padding: 5px;
        text-align: left;
        border-bottom: 1px solid #bbb;
        box-shadow: 0 0px 1px rgba(0,0,0,.2);
    }

        .lineSet .title .text {
            font-size: 16px;
        }

    .lineSet .content {
        padding: 10px;
        font-size: 14px;
        color: #666;
    }

    .lineSet .buttonArea {
        padding: 10px;
        background: url(../image/thBgN.png) bottom repeat-x;
        border-top: 1px solid #d7d7d7;
    }

    .lineSet .arrow {
        background: url(../image/arrowT.png);
        width: 15px;
        height: 8px;
        float: right;
        margin: 10px 17px -1px 0;
    }

    .lineSet .lineSetIn td {
        text-align: left;
    }

.lineSetUp {
    position: absolute;
    width: 350px;
    right: 20px;
    bottom: 70px;
    z-index: 10;
}

    .lineSetUp .lineSetIn {
        border: 1px solid #d7d7d7;
        background: #FFF;
        border-radius: 5px;
    }

    .lineSetUp .title {
        background: url(../image/thBgN.png) bottom #fdfefe repeat-x;
        padding: 5px;
        text-align: left;
        border-bottom: 1px solid #bbb;
        box-shadow: 0 0px 1px rgba(0,0,0,.2);
    }

        .lineSetUp .title .text {
            font-size: 16px;
        }

    .lineSetUp .content {
        padding: 10px;
        font-size: 14px;
        color: #666;
    }

    .lineSetUp .buttonArea {
        padding: 10px;
        background: #FFF;
        border-top: 1px solid #d7d7d7;
    }

    .lineSetUp .arrow {
        background: url(../image/arrowD.png);
        width: 15px;
        height: 8px;
        float: right;
        margin: -1px 17px 0px 0;
    }

.selectButton {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background-color: #f7f7f7;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
    background: -o-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
    height: 28px;
    padding: 0 0 0 20px;
    cursor: pointer;
    line-height: 28px;
    display: inline-block;
    color: #666666;
}

    .selectButton:hover {
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -o-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2f2f2));
        color: #666666;
        cursor: pointer;
    }

    .selectButton:active {
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFFFFF));
        color: #666666;
        cursor: pointer;
    }

    .selectButton .title .text {
        width: 60px;
        float: left;
    }

    .selectButton .title .icon {
        background: url(../image/selectDown.png);
        width: 25px;
        height: 28px;
        float: left;
        margin-left: 10px;
    }

    .selectButton .value {
        position: absolute;
        width: 113px;
        border: 1px solid #d1d1d1;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        margin: 28px 0 0 -21px;
        background-color: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
        background: -o-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
        z-index: 10000;
    }

        .selectButton .value .normal {
            border-bottom: 1px solid #d7d7d7;
            float: left;
            width: 100%;
        }

        .selectButton .value li a {
            width: 100%;
            float: left;
            color: #666;
            text-indent: 20px;
        }

            .selectButton .value li a:hover {
                background: #f8f8f8;
            }

.noborderTable td {
    border: 0px;
    line-height: 100%;
}

.expertSearch {
    background: #f7f7f7;
    border-top: 1px solid #d7d7d7;
    margin-top: -5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    margin-bottom: 5px;
}

    .expertSearch .value {
        float: left;
        padding-right: 10px;
        margin-bottom: 5px;
    }

        .expertSearch .value .title {
            float: left;
            color: #7c8389;
            line-height: 30px;
            padding-right: 5px;
        }

        .expertSearch .value .text {
            float: left;
            padding-right: 5px;
        }

.formTitle {
    font-size: 16px;
    border-bottom: 1px solid #D7D7D7;
    line-height: 30px;
    width: 100%;
    margin-bottom: 20px;
}

.formErrorIcon {
    background: url(../image/icon2.png) -20px -56px;
    width: 13px;
    height: 13px;
    float: left;
    margin: 7px 5px 0 0;
}

.selectWrite .arrow {
    background: url(../image/selectDown.png) #f4f4f4;
    width: 25px;
    height: 28px;
    border-radius: 3px;
}

/* 遮罩 */

.cover {
    background: url(../image/coverBg.png);
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    display: block;
}

.popArea {
    background: #FFF;
    border-radius: 5px;
    border: 3px solid #646464;
    position: absolute;
    z-index: 1000;
    top: 10%;
    left: 20%;
    width: 500px;
    height: 580px;
}

    .popArea .title {
        background: url(../image/thBgN.png) repeat-x bottom #fdfefe;
        border-bottom: 1px solid #d7d7d7;
        height: 33px;
        line-height: 33px;
        width: 100%;
        float: left;
    }

        .popArea .title .text {
            font-size: 14px;
            text-indent: 10px;
            float: left;
        }

.bottomButton {
    background: #F8F8F8;
    border-top: 1px solid #d7d7d7;
    width: 96%;
    padding: 10px 2%;
    float: left;
    text-align: right;
}

.popArea .close {
    width: 20px;
    padding-right: 10px;
    float: right;
}

    .popArea .close:hover {
        background: none;
    }

    .popArea .close .closeButton {
        width: 20px;
        height: 20px;
        background: url(../image/package.png) -691px -337px;
        display: inline-block;
        cursor: pointer;
    }

        .popArea .close .closeButton:hover {
            background: url(../image/package.png) -620px -337px;
            cursor: pointer;
        }

.popArea .content {
    clear: both;
    padding: 10px 2%;
    float: left;
    width: 96%;
}

.popArea .contentChoseGoods {
    padding: 0px;
}

.popArea .moveArea {
    cursor: move;
}

.formTable tr td {
    line-height: 28px;
}

.errorArea {
    padding-top: 10px;
}

.helpinfo {
    background: url(../image/package.png) -319px -372px;
    height: 11px;
    width: 11px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
    *margin-left: 0px;
    cursor: pointer;
    position: relative;
}

    .helpinfo .tips {
        position: absolute;
        margin: 15px 0 0 -80px;
        z-index: 1000;
    }

        .helpinfo .tips h1 {
            background: url(../image/thBgN.png) bottom repeat-x #FFF;
            padding: 5px 10px;
            width: 150px;
            word-break: break-all;
            white-space: normal;
            text-align: left;
            float: left;
            font-size: 12px;
            line-height: 16px;
            border-radius: 3px;
            border: 1px solid #d7d7d7;
            margin-top: 7px;
            box-shadow: 0 3px 3px rgba(0,0,0,.2);
        }

        .helpinfo .tips h2 {
            background: url(../image/arrowT.png);
            width: 15px;
            height: 8px;
            z-index: 1;
            position: absolute;
            margin-left: 78px;
            *margin-left: -85px;
        }


.classifyEdit a {
    background: url(../image/package.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 5px;
}

.classifyEdit .add {
    background-position: -761px -337px;
}

    .classifyEdit .add:hover {
        background-position: -761px -390px;
    }

.classifyEdit .edit {
    background-position: -814px -337px;
}

    .classifyEdit .edit:hover {
        background-position: -814px -390px;
    }

.classifyEdit .del {
    background-position: -885px -337px;
}

    .classifyEdit .del:hover {
        background-position: -885px -390px;
    }

.classifyBottomButton {
    padding-left: 215px;
    float: left;
}

.footer {
    clear: both;
    float: left;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    color: #999;
    margin-top: 15px;
    padding-top: 10px;
}

    .footer .fr {
        text-align: right;
    }

.noPadding {
    padding: 0px;
}

.wf100 {
    width: 100%;
}

.wf95 {
    width: 95%;
}

.sevBottom {
    padding-left: 10px;
}

    .sevBottom a {
        float: left;
        background: url(../image/package.png) no-repeat;
        width: 35px;
        height: 35px;
    }

    .sevBottom .QQ {
        background-position: -567px -284px;
    }

        .sevBottom .QQ:hover {
            background-position: -761px -284px;
        }

    .sevBottom .weibo {
        background-position: -606px -284px;
    }

        .sevBottom .weibo:hover {
            background-position: -800px -284px;
        }

    .sevBottom .weixin {
        background-position: -647px -284px;
    }

        .sevBottom .weixin:hover {
            background-position: -841px -284px;
        }

    .sevBottom .comment {
        background-position: -688px -284px;
    }

        .sevBottom .comment:hover {
            background-position: -882px -284px;
        }


.tabBar {
    background: url(../image/thBgN.png) bottom repeat-x;
    width: 100%;
    border-bottom: 2px solid #6cbe4a;
    float: left;
    height: 35px;
}

    .tabBar .tabN a {
        padding: 4px 19px;
        float: left;
        margin-bottom: -2px;
        font-size: 14px;
        margin-left: 5px;
        margin-top: 9px;
        color: #aab3c5;
    }

        .tabBar .tabS a, .tabBar .tabN a:hover {
            padding: 3px 18px;
            float: left;
            margin-bottom: -2px;
            border: 1px solid #6cbe4a;
            border-width: 1px 1px 0 1px;
            font-size: 14px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin-left: 5px;
            margin-top: 9px;
            background: #fff;
            color: #6e7686;
        }


/* 导入 */

.importContact {
    padding: 20px;
}

    .importContact .title {
        font-size: 24px;
        color: #000;
        padding-bottom: 20px;
    }

    .importContact .tab {
        display: block;
        width: 100%;
        height: 141px;
        background-color: #d8d7d7;
    }

        .importContact .tab ul {
            padding: 5px 5px 0 5px;
        }

            .importContact .tab ul .tabN {
                float: left;
                border: 3px solid #d8d7d7;
                border-width: 3px 3px 5px 3px;
                height: 128px;
                margin-right: 5px;
            }

                .importContact .tab ul .tabN:hover, .importContact .tab ul .tabS {
                    float: left;
                    border: 3px solid #FFF;
                    border-width: 3px 3px 5px 3px;
                    height: 128px;
                    margin-right: 5px;
                }

.impotButtonArea {
    border-bottom: 1px dashed #DCDCDC;
    padding: 0 0 10px 0;
}

.gmailLogin {
    background: url(../image/gmailLogin.gif);
    width: 262px;
    height: 55px;
    display: inline-block;
}

    .gmailLogin:hover {
        background: url(../image/gmailLogin.gif) -262px 0;
        height: 55px;
    }

.excelTemp {
    background: url(../image/excelTemp.gif);
    width: 197px;
    height: 55px;
    display: inline-block;
}

    .excelTemp:hover {
        background: url(../image/excelTemp.gif) -197px 0;
        height: 55px;
    }

.impotButtonArea .step1 {
    float: left;
}

    .impotButtonArea .step1 .downloadExcelTemp {
        background: url(../image/importExcel1.png);
        width: 197px;
        height: 156px;
        float: left;
        display: inline-block;
    }

        .impotButtonArea .step1 .downloadExcelTemp:hover {
            background: url(../image/importExcel1.png) -197px 0;
        }

.impotButtonArea .step2 {
    float: left;
    background: url(../image/importExcel2.png);
    width: 197px;
    height: 156px;
    margin-left: 10px;
}

    .impotButtonArea .step2 .text {
        width: 145px;
        text-align: center;
        padding-top: 120px;
        float: left;
    }

.impotButtonArea .step3 {
    float: left;
    background: url(../image/importExcel3.png);
    width: 145px;
    height: 156px;
    margin-left: 10px;
}

.choseFile {
    background: #1d91ff;
    color: #FFF;
    padding: 10px 20px;
}

    .choseFile:hover {
        background: #51a9fd;
        color: #FFF;
        padding: 10px 20px;
    }

.choseFileArea {
    width: 145px;
    text-align: center;
    float: left;
    padding-top: 70px;
}

.impotButtonArea .step3 .text {
    width: 145px;
    padding-top: 25px;
    text-align: center;
    float: left;
    line-height: 120%;
}

.impotButtonArea .step2End {
    background: url(../image/step2end.png);
    width: 145px;
    height: 156px;
    margin-left: 10px;
    float: left;
}

    .impotButtonArea .step2End .text {
        width: 145px;
        padding-top: 25px;
        text-align: center;
        float: left;
        line-height: 120%;
    }

.impotButtonArea .step1Outlook {
    float: left;
    background: url(../image/stepOutLook.png);
    width: 197px;
    height: 156px;
}

.importSuccees {
    border: 1px solid #feeb9d;
    background: #fffbe9;
    padding: 10px;
    margin-top: 10px;
}

.tab_pd {
    float: left;
    border: 1px solid #2c8fff;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
}

    .tab_pd ul li {
        float: left;
    }

.tab_pdN a {
    color: #2c8fff;
    text-align: center;
    width: 120px;
    float: left;
    height: 30px;
}

    .tab_pdS a, .tab_pdN a:hover {
        background: #2c8fff;
        color: #FFF;
        text-align: center;
        width: 120px;
        float: left;
        height: 30px;
    }

.propertyValue {
    float: left;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    padding: 3px 0px 3px 10px;
    margin: 4px 10px 4px 0;
    line-height: 25px;
}

.noBorder {
    border: 0px;
}

.photoPreview {
    border: 1px solid #dcdcdc;
    background: #eaeaea;
    padding: 4px;
    margin-right: 10px;
    float: left;
    height: 150px;
}

.proPhotoDetails {
    border: 1px solid #dcdcdc;
    background: #eaeaea;
    padding: 4px;
    display: inline-block;
    height: 120px;
}

    .proPhotoDetails:hover {
        border: 1px solid #52b6ff;
        background: #f5fbff;
    }

.disable {
    width: 54px;
    height: 54px;
    background: url(../image/package.png) -850px -18px;
    position: absolute;
    right: 30px;
}

.enable {
    width: 54px;
    height: 54px;
    background: url(../image/package.png) -850px -89px;
    position: absolute;
    right: 30px;
}


/* 单据样式 */

.receipts {
    width: 96%;
    padding: 20px 2% 20px 2%;
}

    .receipts .title {
        background: url(../image/line.png) bottom repeat-x;
    }

        .receipts .title .text {
            color: #454c51;
            font-size: 30px;
            line-height: 30px;
            padding-bottom: 20px;
        }

    .receipts .tableStyle tr th {
        font-size: 14px;
        color: #000;
    }

.receiptsInputText {
    width: 96%;
    display: block;
    height: 14px;
    line-height: 14px;
    color: #7c8389;
    border: 1px solid #FFF;
    background-color: #FFF;
    padding: 5PX 0;
    text-indent: 5PX;
    border-radius: 3px;
}

    .receiptsInputText:hover {
        border: 1px solid #06F;
    }

    .receiptsInputText:focus {
        border: 1px solid #06F;
    }

.receiptsInputTextError {
    width: 96%;
    display: block;
    height: 14px;
    line-height: 14px;
    color: #FF0000;
    border: 1px solid #F00;
    background-color: #FFF;
    padding: 5PX 0;
    text-indent: 5PX;
    border-radius: 3px;
}

    .receiptsInputTextError:hover {
        border: 1px solid #06F;
    }

    .receiptsInputTextError:focus {
        border: 1px solid #06F;
        color: #7c8389;
    }

.receipts .tableStyle tr:hover .receiptsInputText[readonly], .receipts .tableStyle tr:hover .receiptsInputText:hover[readonly] {
    background: #F1F1F1;
    border: 1PX solid #F1F1F1;
}

.receipts .tableStyle tr:hover .receiptsInputText:focus[readonly] {
    background: #F1F1F1;
    border: 1PX solid #f1f1f1;
}

.receipts .tableStyle tr .receiptsInputText:focus[readonly] {
    background: #FFFFFF;
    border: 1PX solid #FFFFFF;
}

.receipts .tableStyle tr:hover .plusLite {
    background: url(../image/icon2.png) no-repeat 0 -56px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 5px;
}

    .receipts .tableStyle tr:hover .plusLite:hover {
        background: url(../image/icon2.png) no-repeat 0 -73px;
    }

.receipts .tableStyle tr:hover .delLite {
    background: url(../image/icon2.png) no-repeat -20px -56px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 3px 5px 0 5px;
}

    .receipts .tableStyle tr:hover .delLite:hover {
        background: url(../image/icon2.png) no-repeat -20px -73px;
    }

.receipts .tableStyle tr .chose {
    display: none;
}

.receipts .tableStyle tr:hover .chose {
    display: block;
    width: 100%;
}

.receipts .tableStyle tr .num {
    display: block;
}

.receipts .tableStyle tr .actionArea {
    display: none;
}

.receipts .tableStyle tr:hover .num {
    display: none;
}

.receipts .tableStyle tr:hover .actionArea {
    display: block;
}

.receipts .tableStyle tr:hover .chose tr, .receipts .tableStyle tr:hover .chose tr td, .receipts .tableStyle tr:hover .chose {
    border: 0px;
}


.receipts .tableStyle tr:hover td {
    background: #f1f1f1;
}

.choseGoods {
    border-radius: 3px;
    background-color: #36c77b;
    color: #FFF;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: inline-block;
}

    .choseGoods:hover {
        background: #49dc8f;
        color: #FFF;
        cursor: pointer;
    }

    .choseGoods:active {
        background: #36c77b;
        color: #FFF;
        cursor: pointer;
    }

.deliver {
    border: 1px solid #eeeeee;
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    display: block;
    margin-top: 5px;
    padding: 10px 0;
    box-sizing: border-box;
}

    .deliver span {
        padding: 0 5px 0 10px;
        line-height: 30px;
    }

    .deliver input[type=checkbox] {
        margin: 8px 0 0 10px;
        float: left;
    }

.codeEdit {
    padding: 5px 0;
    padding-left: 6px;
    padding-right: 1px;
    height: 14PX;
    border: 0px;
    color: #999;
    text-decoration: underline;
    width: 140px;
    font-size: 12px;
}

    .codeEdit:hover {
        border: 1px solid #D7D7D7;
        border-radius: 3PX;
        height: 14PX;
        padding: 4px 0;
        background: none;
        line-height: 14PX;
        padding-left: 5PX;
        font-size: 12px;
        display: inline-block;
    }

    .codeEdit:focus {
        border: 1px solid #06F;
        border-radius: 3PX;
        padding: 4px 0;
        padding-left: 5PX;
        box-shadow: inset 0 1px 2px rgba(0,102,255,0.3);
        font-size: 12px;
        height: 14PX;
        background: none;
    }

.setButton, .refreshButton {
    padding: 0px;
    width: 28px;
    height: 28px;
}

    .setButton span {
        background: url(../image/setIcon.png) center no-repeat;
        width: 28px;
        height: 28px;
        float: left;
    }

    .refreshButton span {
        background: url(../image/refreshIcon.png) center no-repeat;
        width: 28px;
        height: 28px;
        float: left;
    }

.choseGoodArea .choseGoods {
    display: none;
}

.receipts .tableStyle tr:hover .choseGoods {
    display: inline-block;
}

.choseGoodArea .choseGoods .receiptsInputText {
    width: 170px;
}

.hidden {
    display: none;
}

.receipts .tableStyle tr:hover .hidden {
    display: block;
}

.highlight, .receipts .tableStyle tr:hover .highlight {
    background: #fffde5;
}

.receipts .highlight .receiptsInputText {
    border: 1px solid #eee79a;
}

.priceInfo {
    margin-right: 20px;
}

    .priceInfo tr td {
        border: 0px;
    }

.left {
    float: left;
    line-height: 30px;
}

    .left .button {
        margin-right: 5px;
    }

.right {
    float: right;
}

    .right .button {
        float: left;
        margin-left: 5px;
    }

#payArea tr:hover {
    background: #fffde5;
}

#payArea tr td {
    border: 0px;
    background-color: transparent;
}

#payArea tr:hover td {
    background-color: transparent;
}

.sn {
    width: 14px;
    height: 14px;
    background: url(../image/sn.png) no-repeat 2px 2px;
    display: inline-block;
    position: absolute;
    margin: 4px 0 0 -20px;
    z-index: 100;
    cursor: pointer;
}

    .sn:hover {
        background-position: -109px 2px;
    }

/* 弹出选择商品 */

.popArea .contentChoseGoods {
    clear: both;
    width: 100%;
    float: left;
}

.contentChoseGoods .secTitle {
    border-bottom: 1px solid #D7D7D7;
    width: 100%;
    float: left;
    line-height: 35px;
}

.contentChoseGoods .treeArea {
    height: 307px;
    border-bottom: 1px solid #D7D7D7;
    overflow: scroll;
    float: left;
    width: 100%;
}

.contentChoseGoods .quickList {
    padding: 15px 0 15px 15px;
    float: left;
}

    .contentChoseGoods .quickList li {
        float: left;
        width: 60px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 5px;
        padding: 0 10px;
        margin-right: 10px;
    }

        .contentChoseGoods .quickList li a {
            width: 60px;
            height: 30px;
            color: #39424b;
            float: left;
        }

    .contentChoseGoods .quickList .select {
        border: 1px solid #2091fc;
        background-color: #6ecdff;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -o-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
        color: #FFFFFF;
    }
    /*.contentChoseGoods .quickList li a .icon{ width:25px; height:25px; background-image:url(../image/package.png); background-repeat:no-repeat; float:left;} */
    .contentChoseGoods .quickList .recent a .icon {
        background-position: -865px -173px;
    }

    .contentChoseGoods .quickList .warning a .icon {
        background-position: -865px -224px;
    }


    .contentChoseGoods .quickList .hotGoods a .icon {
        background-position: -918px -135px;
    }

    .contentChoseGoods .quickList li a .text {
        color: #39424b;
        display: block;
        text-align: center;
    }

    .contentChoseGoods .quickList li a:hover .text {
        color: #39424b;
        text-align: center;
    }

    .contentChoseGoods .quickList .select a .text {
        color: #FFF;
        text-align: center;
    }

    .contentChoseGoods .quickList li a {
        position: relative;
    }

        .contentChoseGoods .quickList li a .newIcon {
            position: absolute;
            top: 0px;
            right: -15px;
        }

.count {
    position: relative;
}

    .count .short {
        background: url(../image/icon_ps.png) no-repeat 0 0;
        width: 22px;
        height: 22px;
        margin: 2px 0 0 2px;
        position: absolute;
        cursor: pointer;
        display: none;
    }

        .count .short:hover {
            background: url(../image/icon_ps.png) no-repeat 0 -28px;
        }

    .count .shortUnclickable {
        background: url(../image/icon_ps.png) no-repeat 0 -56px;
        width: 22px;
        height: 22px;
        margin: 2px 0 0 2px;
        position: absolute;
        cursor: default;
        display: none;
    }

    .count .plus {
        background: url(../image/icon_ps.png) no-repeat -40px 0;
        width: 22px;
        height: 22px;
        margin: 2px 0 0 -24px;
        position: absolute;
        cursor: pointer;
        display: none;
    }

        .count .plus:hover {
            background: url(../image/icon_ps.png) no-repeat -40px -28px;
        }

.tableStyle tr:hover .count .plus, .tableStyle tr:hover .count .short, .tableStyle tr:hover .shortUnclickable {
    display: inline-block;
}

.tableNoborder tr td {
    border: 0px;
}

.tableNoborder tr:hover {
    background-color: #FFF;
}

.low {
    font-size: 10px;
    color: #FFF;
    background-color: #F00;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.high {
    font-size: 10px;
    color: #FFF;
    background-color: #F90;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.remark {
    width: 100%;
    padding-top: 20px;
}


.inputMore {
    background-image: url(../image/package.png);
    background-position: -455px -377px;
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    margin-left: -28px;
    top: 0px;
    right: 0px;
}

    .inputMore:hover {
        background-position: -490px -377px;
    }

.lh30 {
    line-height: 30px;
}


/* 登录 */

.loginTop {
    border-bottom: 1px solid #d7d7d7;
    background: #FFF;
    width: 100%;
    float: left;
    padding: 10px 0;
}

.loginTopIn {
    width: 1002px;
    margin: 0 auto;
}

.loginContainer {
    width: 1002px;
    margin: 0 auto;
}

.showcase {
    width: 660px;
    height: 350px;
    overflow: hidden;
    float: left;
    padding-right: 20px;
    position: relative;
}

    .showcase .icon {
        position: absolute;
        bottom: 10px;
        height: 20px;
        right: 30px;
        background: url(../image/coverBg.png);
        border-radius: 20px;
        padding: 0 3px 3px 8px;
    }

        .showcase .icon .point {
            background: #999;
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 10px;
            margin-right: 5px;
            transition: background linear .3s;
        }

            .showcase .icon .point:hover {
                background: #FFF;
                transition: background linear .3s;
            }

        .showcase .icon .select {
            background: #FFF;
            transition: background linear .3s;
        }

.loginForm {
    width: 280px;
    float: left;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
}

.loginButton {
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.loginInput {
    width: 260px;
    height: 25px; /*line-height:25px;*/
}

.loginArea {
    height: 320px;
}

.otherLogin {
    width: 275px;
    border-bottom: 1px solid #d7d7d7;
    padding: 6px 0;
    float: left;
}

    .otherLogin a {
        width: 133px;
        text-align: center;
        float: left;
    }

.quickLink {
    width: 980px;
    float: left;
    overflow: hidden;
    padding: 10px;
}

    .quickLink ul li {
        float: left;
    }

        .quickLink ul li a {
            width: 114px;
            height: 114px;
            float: left;
            margin-right: 95px;
            cursor: pointer;
        }

            .quickLink ul li a:hover {
                background: #F8F8F8;
                border-radius: 5PX;
            }

            .quickLink ul li a .icon {
                background-image: url(../image/package.png);
                width: 40px;
                height: 40px;
                float: left;
                margin: 30px 35px 10px 37px;
                cursor: pointer;
            }

            .quickLink ul li a .text {
                width: 114px;
                float: left;
                text-align: center;
                color: #999;
                cursor: pointer;
            }

    .quickLink ul .pc a .icon {
        background-position: -514px -478px;
    }

    .quickLink ul .pc a:hover .icon {
        background-position: -514px -549px;
    }

    .quickLink ul .android a .icon {
        background-position: -602px -478px;
    }

    .quickLink ul .android a:hover .icon {
        background-position: -602px -549px;
    }

    .quickLink ul .ios a .icon {
        background-position: -690px -478px;
    }

    .quickLink ul .ios a:hover .icon {
        background-position: -690px -549px;
    }

    .quickLink ul .wb a .icon {
        background-position: -797px -478px;
    }

    .quickLink ul .wb a:hover .icon {
        background-position: -797px -549px;
    }

    .quickLink ul .website a .icon {
        background-position: -885px -478px;
    }

    .quickLink ul .website a:hover .icon {
        background-position: -885px -549px;
    }

/* 演示选择 */
.choseVersion {
    position: fixed;
    z-index: 1001;
    top: 190px;
    left: 33%;
    width: 462px;
    height: 220px;
    background: #FFF;
}

    .choseVersion .title {
        background: #F2F2F2;
        border-bottom: 1px solid #d7d7d7;
        width: 100%;
        height: 40px;
        font-size: 14px;
        color: #666;
        text-indent: 10px;
        line-height: 40px;
    }

    .choseVersion .Vbottom {
        background: #F2F2F2;
        border-top: 1px solid #eee;
        width: 100%;
        height: 30px;
        font-size: 12px;
        color: #999;
        text-indent: 10px;
        line-height: 30px;
        float: left;
    }

    .choseVersion .content {
        padding: 20px;
        float: left;
    }

        .choseVersion .content .baseVersion {
            background: url(../image/shopIcon1.png) #449bf1 no-repeat 20px 35px;
            transition: background linear .2s;
            width: 200px;
            height: 110px;
            border-radius: 5px;
            cursor: pointer;
            display: block;
            margin-right: 20px;
        }

            .choseVersion .content .baseVersion:hover {
                background: url(../image/shopIcon1.png) #6dbcf7 no-repeat 20px 35px;
                transition: background linear .2s;
                cursor: pointer;
            }

            .choseVersion .content .baseVersion h1 {
                font-size: 14px;
                color: #FFF;
                padding-left: 70px;
                padding-top: 15px;
            }

            .choseVersion .content .baseVersion h2 {
                font-size: 12px;
                color: #c5dffa;
                padding-left: 70px;
                line-height: 120%;
            }

        .choseVersion .content .chainVersion {
            background: url(../image/shopIcon2.png) #4ac55d no-repeat 20px 35px;
            transition: background linear .2s;
            width: 200px;
            height: 110px;
            border-radius: 5px;
            cursor: pointer;
            display: block;
        }

            .choseVersion .content .chainVersion:hover {
                background: url(../image/shopIcon2.png) #73e48b no-repeat 20px 35px;
                transition: background linear .2s;
                cursor: pointer;
            }

            .choseVersion .content .chainVersion h1 {
                font-size: 14px;
                color: #FFF;
                padding-left: 70px;
                padding-top: 15px;
            }

            .choseVersion .content .chainVersion h2 {
                font-size: 12px;
                color: #dcf2df;
                padding-left: 70px;
                line-height: 120%;
            }

    .choseVersion .closeIcon {
        background-image: url(../image/closeIcon.png);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        width: 23px;
        height: 23px;
        background-color: #999;
        float: right;
        margin-right: 20px;
    }

        .choseVersion .closeIcon:hover {
            background-color: #e77070;
            transition: linear background-color .3s;
            cursor: pointer;
        }

        .choseVersion .closeIcon:active {
            background-color: #d46666;
            transition: linear background-color .3s;
            cursor: pointer;
        }

/* 注册 */

.num1 {
    background: url(../image/package.png) -18px -402px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.num2 {
    background: url(../image/package.png) -55px -402px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.num3 {
    background: url(../image/package.png) -90px -402px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.num4 {
    background: url(../image/package.png) -90px -345px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.numWhite1 {
    background: url(../image/package.png) -18px -435px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.numWhite2 {
    background: url(../image/package.png) -55px -435px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.numWhite3 {
    background: url(../image/package.png) -91px -435px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.numWhite4 {
    background: url(../image/package.png) -90px -374px;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}

.stepChecked {
    background: url(../image/package.png) -88px -499px;
    height: 25px;
    width: 25px;
}

.bgGreen {
    background-color: #66CC66;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.bgGray {
    background-color: #E9EEF2;
    color: #949EA5;
    text-align: center;
    vertical-align: middle;
}

.Info { /*background:url(../image/package.png) -319px -372px; height:11px; width:11px; display:inline-block; margin-left:5px; margin-top:10px; *margin-left:0px; cursor:pointer;*/
}

    .Info .tips {
        background-color: #F9F9F9;
        padding: 5px 10px;
        width: 100%;
        word-break: break-all;
        white-space: normal;
        text-align: left;
        float: left;
        font-size: 12px;
        line-height: 16px;
        border-radius: 3px;
        border: 1px solid #dddddd;
        margin-top: 7px;
    }

    .Info h2 {
        background: url(../image/arrowT.png);
        width: 15px;
        height: 9px;
        position: absolute;
        margin-left: 18px;
        *margin-left: -85px;
    }

    .Info .left { /* background:url(../image/arrowL.png); */
        width: 8px;
        height: 15px;
        position: absolute;
        margin-left: 1px;
        margin-top: 1px;
        *margin-left: -85px;
    }

    .Info h3 { /* background:url(../image/T.png) no-repeat */
        ;
        font-size: 12px;
    }

.formInfo {
    display: inline-block;
    margin-left: 5px;
    margin-top: 2px;
    *margin-left: 0px;
    cursor: pointer;
}

    .formInfo .tips {
        position: absolute;
        background-color: #F9F9F9;
        padding: 10px 20px;
        width: 200px;
        word-break: break-all;
        white-space: normal;
        text-align: left;
        float: left;
        font-size: 12px;
        line-height: 16px;
        border-radius: 3px;
        border: 1px solid #dddddd;
        margin-top: -20px;
        margin-left: 9px;
    }

    .formInfo h2 {
        background: url(../image/arrowT.png);
        width: 15px;
        height: 9px;
        position: absolute;
        margin-left: 18px;
        margin-top: 0px;
    }

    .formInfo .left { /* background:url(../image/arrowL.png); */
        z-index: 1;
        position: absolute;
        width: 8px;
        height: 15px;
        position: absolute;
        margin-left: 2px;
        margin-top: -5px;
        *margin-left: -85px;
    }

    .formInfo h3 { /* background:url(../image/T.png) no-repeat; */
        background-position: center left;
        font-size: 12px;
        margin-top: 0px;
        padding-left: 10px;
        padding-top: -10px;
    }

    .formInfo .error { /* background:url(../image/T.png) no-repeat; */
        font-size: 12px;
        margin-top: 3px;
        color: red;
        border: none;
    }

/*.formInfo{  height:11px; width:11px; display:inline-block; margin-left:5px; margin-top:10px; *margin-left:0px; cursor:pointer;}
.formInfo .tips{ background-color:#F9F9F9; position:absolute; margin:15px 0 0 -80px; word-break:break-all; white-space:normal; text-align:left; float:left; font-size:12px; line-height:16px; border-radius:3px;  border:1px solid #dddddd; margin-top:25px; margin-left:9px;}
.formInfo .tips h1{background:url(../image/thBgN.png) bottom repeat-x #FFF;  padding:5px 10px; width:150px; word-break:break-all; white-space:normal; text-align:left; float:left; font-size:12px; line-height:16px; border-radius:3px;  border:1px solid #d7d7d7; margin-top:7px;  box-shadow:0 3px 3px rgba(0,0,0,.3)}
.formInfo .tips h2{ background:url(../image/arrowT.png); width:15px; height:8px; z-index:1; position:absolute; margin-left:78px; *margin-left:-85px;}
*/

.imgPc {
    background: url(../image/package.png) -356px -409px;
    height: 100px;
    width: 103px;
    display: inline-block;
}

.imgAndroid {
    background: url(../image/package.png) -132px -405px;
    height: 100px;
    width: 100px;
    display: inline-block;
}

.imgIOS {
    background: url(../image/package.png) -244px -405px;
    height: 100px;
    width: 100px;
    display: inline-block;
}



.block {
    display: block;
}

/* 模拟select */

.fakeSelect h2 {
    font-size: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 3PX;
    height: 14PX;
    padding: 5px 0;
    line-height: 14PX;
    padding-left: 5PX;
    font-size: 12px;
    display: block;
    background: url(../image/selectDown.png) right center no-repeat #FFF;
    text-align: left;
}

.fakeSelect:hover .FSvalue {
    display: block;
    position: absolute;
}

.fakeSelect .FSvalue {
    display: none;
}

.FSvalue {
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    z-index: 500;
    text-align: left;
    text-indent: 5px;
    position: relative;
    width: 120px;
    margin-top: -1px;
}

.fakeSelect:hover h2 {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.11) inset;
}

.FSvalue li:hover {
    background: #d2d2d2;
    cursor: pointer;
}

/*分类选择样式*/
.levelSelect {
    position: relative;
    display: block;
    float: left;
}

    .levelSelect .ls {
        position: absolute;
        z-index: 2000;
    }

    .levelSelect .ls-input {
        display: block;
        border: medium none;
        color: #202626;
        height: 19px;
        line-height: 18px;
        padding: 5px 22px 4px 4px;
        text-indent: 2px;
        width: 81px;
        cursor: default;
        background: url(../image/selectBg.png) no-repeat right -31px #FFF;
        border: 1px solid #d7d7d7;
        border-radius: 3px;
    }

        .levelSelect .ls-input:hover {
            background-position: right -62px;
            border: 1px solid #d7d7d7;
            border-radius: 3px;
        }

        .levelSelect .ls-input:active {
            background-position: right 0px;
            box-shadow: 0 2px 1px rgba(0, 0, 0, 0.11) inset;
        }

.ls-inputReadonly {
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    height: 19px;
    line-height: 18px;
    padding: 5px 22px 4px 4px;
    text-indent: 2px;
    width: 81px;
    cursor: default;
    background: url(../image/selectBg.png) no-repeat right -31px #efefef;
    color: #aaa;
}

.levelSelect .ls-box {
    padding: 5px 0 5px 4px;
    box-shadow: 0 2px 1px rgba(0,0,0,0.11);
    background: #FFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.levelSelect .ls-ul {
    padding-right: 4px;
}

.levelSelect .ls-li {
    position: relative;
    text-align: left;
    cursor: default;
    height: 24px;
    line-height: 24px;
    padding-left: 12px;
    background: #FFFFFF url(../image/arrow.png) no-repeat 93px 8px;
}

    .levelSelect .ls-li.mouseover {
        background: #eee url(../image/arrow.png) no-repeat 93px 8px;
    }

    .levelSelect .ls-li.nochild {
        background-image: none;
    }

    .levelSelect .ls-li span {
        line-height: 24px;
        text-align: left;
    }

.levelSelect .ls-tit {
    font-size: 0;
    line-height: 0;
    padding-left: 4px;
    background: url(../image/selectBg.png) repeat-y 0 0;
}


.levelSelect .ls1 {
    top: 24px;
    width: 114px;
}

.levelSelect .ls2 {
    left: 103px;
    top: 0;
    width: 100px;
}

    .levelSelect .ls2 li {
        cursor: pointer;
    }

.levelSelect .color {
    color: #64AAA0;
}

.noBg {
    background: none;
}

.ls-li span {
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
    float: left;
}


.check {
    background-position: -86px -86px;
}

.tableStyle tr:hover td .check {
    background-position: -86px -56px;
    cursor: pointer;
}

/* 序列号 */

.snAdd h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

.snAdd h2 {
    font-size: 14px;
    font-weight: normal;
    color: #888;
}

.snTab {
    float: left;
}

    .snTab li {
        float: left;
    }

    .snTab .tabN a {
        border: 1px solid #d7d7d7;
        background: #eee;
        margin-bottom: -1px;
        padding: 5px 10px;
        color: #666;
        float: left;
        margin-right: 5px;
    }

        .snTab .tabS a, .snTab .tabN a:hover {
            border: 1px solid #d7d7d7;
            margin-bottom: -1px;
            background: #FFF;
            border-bottom: 1px solid #FFF;
            padding: 5px 10px;
            color: #333;
            float: left;
            margin-right: 5px;
        }

.snTable {
    border: 1px solid #d7d7d7;
}

.snTab ul li a {
    color: #666;
}

    .snTab ul li a:hover {
        color: #333;
    }

.tableStyle tr:hover .delLite {
    background: url(../image/icon2.png) no-repeat -20px -56px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 5px;
}

    .tableStyle tr:hover .delLite:hover {
        background: url(../image/icon2.png) no-repeat -20px -73px;
    }

.tableStyle tr .num {
    display: block;
    width: 30px;
    margin: 0 0px;
}

.tableStyle tr .actionArea {
    display: none;
}

.tableStyle tr:hover .num {
    display: none;
}

.tableStyle tr:hover .actionArea {
    display: block;
}

.snSetProList {
    width: 100%;
    float: left;
}

    .snSetProList ul li {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin-bottom: 1px;
        cursor: pointer;
    }

    .snSetProList ul .select, .snSetProList ul .normal:hover {
        background: #2197fc;
    }

        .snSetProList ul .select a {
            width: 94%;
            margin: 0 3%;
            float: left;
            color: #fff;
        }

            .snSetProList ul .select a h2 {
                color: #FFF;
            }

    .snSetProList ul .normal {
        background: #FFF;
    }

        .snSetProList ul .normal a {
            border-bottom: 1px solid #e4e4e4;
            width: 94%;
            margin: 0 3%;
            float: left;
            color: #fff;
        }

    .snSetProList ul li a h1 {
        font-size: 14px;
        line-height: 120%;
        padding-bottom: 2px;
    }

    .snSetProList ul li a h2 {
        font-size: 12px;
        color: #999;
    }

    .snSetProList ul .normal a h1 {
        color: #666;
    }

    .snSetProList ul .normal:hover a h1 {
        color: #fff;
    }

    .snSetProList ul .normal a h2 {
        color: #999;
    }

    .snSetProList ul .normal:hover a h2 {
        color: #fff;
    }

    .snSetProList ul .normal:hover a {
        border-bottom: 1px solid #2197fc;
    }

.tableTitleBg {
    background: url(../image/thBgN.png) bottom repeat-x #fdfefe;
}


/* 智能提示框样式 20130402 */
.autoCompleteBox {
    border: 1px solid #D7D7D7;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 999999;
}

    .autoCompleteBox table {
        background: none repeat scroll 0 0 #FFFFFF;
        cursor: default;
        width: 100%;
    }

        .autoCompleteBox table th {
            background: #e3f4fe;
            border-bottom: 1px solid #d7d7d7;
            height: 23px;
            font-size: 12px;
            padding: 0 4px;
            line-height: 23px;
            color: #9a6a00;
            text-align: left;
        }

        .autoCompleteBox table tr {
            background: #fcf3f3;
        }

        .autoCompleteBox table td {
            border-bottom: 1px solid #eee;
            height: 23px;
            line-height: 23px;
            color: #4c4c4b;
            padding: 0 4px;
            font-size: 12px;
            background-color: #FFF;
        }

            .autoCompleteBox table td:hover {
                background: #f7fff3;
            }

    .autoCompleteBox .nowRow {
        background: #fbdab0;
        border-bottom: 1px solid #e2d2ac;
        height: 23px;
        line-height: 23px;
        color: #4c4c4b;
        cursor: pointer;
    }

    .autoCompleteBox .key {
        color: #F00;
        font-weight: bold;
    }

.delLine {
    background: url(../image/icon2.png) no-repeat -20px -56px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 3px 5px 0 5px;
    cursor: pointer;
}

    .delLine:hover {
        background: url(../image/icon2.png) no-repeat -20px -73px;
        cursor: pointer;
    }

.cancellation {
    color: #ccc;
}

    .cancellation .cancelIcon {
        background: url(../image/icon2.png) no-repeat -158px 0;
        width: 30px;
        height: 14px;
        display: inline-block;
    }

    .cancellation .disableLine {
        background: url(../image/icon2.png) no-repeat -198px 0;
        width: 30px;
        height: 14px;
        display: inline-block;
    }

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
}

/* 新增数据分享 2014-02-19  */

.getReady {
    border: 1px solid #ffba00;
    background: #fffbeb url(../image/loading.gif) no-repeat center top;
    padding: 38px 10px 10px 10px;
    display: block;
    color: #53606b;
    font-size: 14px;
    text-align: center;
}

.already {
    border: 1px solid #c2c2c2;
    background: #ebebeb;
    padding: 10px;
    display: block;
    color: #53606b;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    white-space: normal;
}

.shareList ul li {
    float: left;
    padding-right: 10px;
}

    .shareList ul li a {
        background: url(../image/share.jpg);
        width: 94px;
        height: 94px;
        display: inline-block;
    }

.shareList .copy {
    background-position: 0 0;
}

    .shareList .copy:hover {
        background-position: 0 -118px;
    }

.shareList .mail {
    background-position: -113px 0;
}

    .shareList .mail:hover {
        background-position: -113px -118px;
    }

.shareList .QQ {
    background-position: -227px 0;
}

    .shareList .QQ:hover {
        background-position: -227px -118px;
    }

.shareList .weixin {
    background-position: -339px 0;
}

    .shareList .weixin:hover {
        background-position: -339px -118px;
    }

.shareArea {
    border-top: 1px #DDD solid;
    padding: 10px;
}

.VBbody {
    background: #758089;
}

.viewBillsLogin {
    width: 430px;
    margin: 100px auto 10px auto;
}

.BillsInfo {
    background: #ff8250;
    height: 150px;
    padding-top: 30px;
}

.billsLogo {
    border-radius: 50px;
    width: 99px;
    height: 99px;
    border: 3px solid #FFF;
    margin: 0 auto;
}

.VBLoginContent {
    padding: 10px;
}

.billsTop {
    background: #FFFFFF;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 100px;
}

.VBlogo {
    width: 80px;
    height: 80px;
    border-radius: 45px;
    border: 2px solid #F8F8F8;
    background-position: center;
    margin: 5px 0 0 10px;
}

.VBbottom {
    width: 100%;
    border-top: #CCC 1px solid;
    background-color: #FFF;
    text-align: right;
    padding: 10px 0;
}

.popWechat {
    position: absolute;
    border: 1px solid #DDD;
    background: #f8f8f8;
    padding: 10px;
    margin: -150px 0 0 95px;
    width: 150px;
}

    .popWechat .text {
        white-space: normal;
    }

.borderTopNon {
    border-top: 0px;
}

.packUp, .unfold:hover {
    background: url(../image/package.png) -951px -74px;
    width: 11px;
    height: 42px;
    float: left;
    margin-top: 200px;
}

    .packUp:hover, .unfold {
        background: url(../image/package.png) -951px -10px;
        width: 11px;
        height: 42px;
        float: left;
        margin-top: 200px;
    }

.cancelImg {
    position: absolute;
    margin-top: 200px;
    margin-left: 400px;
    background: url(../image/cancel.png) no-repeat;
    width: 400px;
    height: 300px;
    z-index: 1000;
}

.snProChoose {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    height: 24px;
    line-height: 25px;
    text-align: left;
    cursor: pointer;
    background: #FFF url(../image/snN.png) right no-repeat;
}

    .snProChoose:hover {
        border: 1px solid #49b8ff;
        box-shadow: 0 0 3px rgba(73,184,255,.5);
        background: #FFF url(../image/snS.png) right no-repeat;
    }

.defaultIcon {
    background: url(../image/icon2.png) no-repeat -158px -20px;
    width: 30px;
    height: 14px;
    display: inline-block;
}

.baseAcount {
    background: url(../image/icon2.png) no-repeat -198px -20px;
    width: 30px;
    height: 14px;
    display: inline-block;
}

.returnIcon {
    background: url(../image/icon2.png) no-repeat -317px 0px;
    width: 30px;
    height: 14px;
    display: inline-block;
}

.returnPartIcon {
    background: url(../image/icon2.png) no-repeat -232px -20px;
    width: 44px;
    height: 14px;
    display: inline-block;
}

.returnAllIcon {
    background: url(../image/icon2.png) no-repeat -232px 0px;
    width: 44px;
    height: 14px;
    display: inline-block;
}

.linkedIcon {
    background: url(../image/icon2.png) no-repeat -281px -20px;
    width: 30px;
    height: 14px;
    display: inline-block;
}

.linkedDefualtIcon {
    background: url(../image/icon2.png) no-repeat -281px 0px;
    width: 30px;
    height: 14px;
    display: inline-block;
}

.newIcon {
    background: url(../image/new.gif) no-repeat center;
    width: 30px;
    height: 14px;
    display: inline-block;
}




/* spr */
.ui-combo-wrap .trigger {
    background: url('../image/spr_icons.png') no-repeat;
}

/* 下拉框 */
.ui-combo-wrap {
    position: relative;
    display: inline-block;
    height: 28px;
    *display: inline;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
    overflow: hidden;
    zoom: 1;
}

    .ui-combo-wrap .input-txt {
        outline: none;
        float: left;
        padding: 6px 0px 6px 5px;
        height: 16px;
        line-height: 16px;
        color: #555;
        border: 0;
    }

    .ui-combo-wrap .trigger {
        float: left;
        width: 16px;
        height: 100%;
        overflow: hidden;
        background-position: 0 -16px;
    }

        .ui-combo-wrap .trigger:hover {
            background-position: -16px -16px;
        }

.ui-combo-active, .ui-combo-active:hover {
    border: 1px solid #aaa;
}

    .ui-combo-active, .ui-combo-active input {
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.11) inset;
    }

.ui-combo-disabled .input-txt {
    background-color: #f0f0f0;
    color: #aaa;
}

.ui-combo-disabled .trigger, .ui-combo-disabled .trigger:hover {
    background-color: #f0f0f0;
    background-position: 0 -16px;
}

.ui-droplist-wrap {
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    z-index: 500;
}

    .ui-droplist-wrap .droplist {
        background-color: #fff;
        position: relative;
    }

    .ui-droplist-wrap .list-item {
        _position: relative;
        padding: 2px 5px;
        line-height: 22px;
        cursor: default;
        overflow: hidden;
    }

    .ui-droplist-wrap .loading {
        line-height: 26px;
        padding: 5px 5px 5px 40px;
    }

    .ui-droplist-wrap .tips {
        line-height: 18px;
        padding: 5px;
    }

    .ui-droplist-wrap .on {
        background-color: #eee;
    }

    .ui-droplist-wrap .selected {
        background-color: #d2d2d2;
    }

.ui-subjectList-wrap .list-item {
    font-size: 12px;
}

.ui-combo-wrap-small {
    height: 22px;
}

    .ui-combo-wrap-small .input-txt {
        padding: 3px 5px;
        height: 14px;
        font-size: 12px;
        line-height: 14px;
    }

.ui-droplist-wrap-small .list-item {
    font-size: 12px;
    line-height: 20px;
}

.ui-combo-wrap-small .trigger {
    background-position: 0 -19px;
}

    .ui-combo-wrap-small .trigger:hover {
        background-position: -16px -19px;
    }

.ui-droplist-wrap .extra-list-ctn {
    border-top: 1px solid #ddd;
    background: #f5f5f5;
    padding-left: 5px;
}

.selectArea .receiptsInputText {
    width: 68px;
    padding-right: 20px;
    border: 1px solid #d7d7d7;
    position: relative;
}

.selectArea {
    position: relative;
    width: 90px;
}

.selectArrow {
    background: url(../image/arrowDownR.png) right center no-repeat #FFF;
    border-radius: 3px;
    width: 15px;
    height: 21px;
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 4px;
}

    .selectArrow:hover {
        opacity: 0.6;
    }

.quick-add-link {
    line-height: 30px;
    padding-left: 20px;
    position: relative;
    color: #555;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}

/* 下拉菜单结束 */

/* tab样式 */

.whiteBoxTab {
    background: url(../image/tabline.png) bottom repeat-x;
    float: left;
    width: 100%;
}

    .whiteBoxTab ul li, .whiteBoxTab ul {
        float: left;
        margin-left: 5px;
    }

    .whiteBoxTab .tabN {
        border: 1px solid #d9e0eb;
        background: #f7f7f7;
        font-size: 16px;
        padding: 5px 10px;
        cursor: pointer;
        width: 100px;
        text-align: center;
    }

        .whiteBoxTab .tabS, .whiteBoxTab .tabN:hover {
            border: 1px solid #c7cedb;
            border-bottom: 1px solid #fff;
            font-size: 16px;
            padding: 5px 10px;
            background: #FFF;
            cursor: pointer;
            width: 100px;
            text-align: center;
        }

            .whiteBoxTab .tabN a, .whiteBoxTab .tabS a {
                color: #666;
                display: block;
            }

/* 提示信息样式 */
.errorInfo {
    border: 1px solid #c43131;
    position: absolute;
    top: 10px;
    right: 35%;
    width: 30%;
    z-index: 2000;
    opacity: 0.9;
    color: #fff;
    line-height: 30px;
    padding: 0 5px;
    background: #f94949;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    max-height: 95px;
    overflow: hidden;
    font-size: 14px;
    border-radius: 3px;
}

.succeedInfo {
    border: 1px solid #359e42;
    position: absolute;
    top: 10px;
    right: 35%;
    width: 30%;
    z-index: 2000;
    opacity: 0.9;
    color: #fff;
    line-height: 30px;
    padding: 0 5px;
    background: #40bf50;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    max-height: 95px;
    overflow: hidden;
    font-size: 14px;
    border-radius: 3px;
}

.alert {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
    position: absolute;
    z-index: 1000;
    top: 30%;
    left: 35%;
    width: 30%;
}

    .alert .title {
        background: #2195fc;
        color: #FFF;
        text-align: left;
        padding-left: 20px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .alert .content {
        padding: 25px;
        text-align: center;
        font-size: 14px;
        color: #333;
    }

    .alert .buttonArea {
        text-align: center;
        padding-bottom: 20px;
    }

    .alert .closeButton {
        width: 20px;
        height: 20px;
        background: url(../image/package.png) -691px -337px;
        display: inline-block;
        cursor: pointer;
        float: right;
        margin: 12px;
    }

        .alert .closeButton:hover {
            background: url(../image/package.png) -620px -337px;
            cursor: pointer;
        }

.greyRoundedBox {
    border: 1px solid #d7d7d7;
    background: #F8F8F8;
    border-radius: 3px;
    padding: 10px;
}

.bottomButtonArea {
    height: 35px;
}

.downArrow {
    float: left;
    position: absolute;
}

    .downArrow .downArrowIcon {
        background: url(../image/downArrow.png);
        width: 23px;
        height: 27px;
        float: left;
    }

    .downArrow .downArrowContent {
        background: #FFF;
        position: absolute;
        z-index: 100;
        box-shadow: 0 2px 4px rgba(0,0,0,.4);
        margin: 25px 0 0 -10px;
        display: none;
    }

        .downArrow .downArrowContent span {
            clear: both;
            float: left;
            border-bottom: 1px solid #EEE;
            padding: 3px 10px;
        }

            .downArrow .downArrowContent span:hover {
                background: #F8F8F8;
                cursor: pointer;
            }

            .downArrow .downArrowContent span a {
                white-space: nowrap;
                color: #666;
                width: 90px;
                display: block;
            }

    .downArrow:hover .downArrowContent {
        display: block;
    }

/*应收欠款*/
.List, .Graph, .ListSelect, .GraphSelect {
    background-image: url(../image/package.png);
    float: right;
}

.List, .ListSelect {
    background-position: -549px -192px;
    width: 41px;
    height: 30px;
}

    .List:hover {
        background-position: -655px -192px;
    }

    .List:active {
        background-position: -655px -155px;
    }

.ListSelect {
    cursor: default;
    background-position: -655px -155px;
}

.Graph, .GraphSelect {
    background-position: -590px -192px;
    width: 42px;
    height: 35px;
}

    .Graph:hover {
        background-position: -696px -192px;
    }

    .Graph:active {
        background-position: -696px -155px;
    }

.GraphSelect {
    cursor: default;
    background-position: -696px -155px;
}

/* 首页内容 */

.lineTab {
    float: left;
}

    .lineTab ul li {
        float: left;
    }

        .lineTab ul li a {
            font-size: 16px;
            color: #999;
            cursor: pointer;
            float: left;
        }

    .lineTab .tabS a, .lineTab .tabN a:hover {
        border-bottom: 3px solid #1c8ef4;
        padding: 10px 20px;
    }

    .lineTab .tabN a {
        padding: 10px 20px;
    }

    .lineTab .tabS a {
        color: #333;
    }

.whiteBox .indexTitle {
    padding: 10px 0;
    width: 100%;
    height: 28px;
    border-bottom: 1px solid #d7d7d7;
}

    .whiteBox .indexTitle .more {
        float: right;
        margin-right: 10px;
    }

    .whiteBox .indexTitle .titleText {
        font-size: 16px;
        margin-left: 10px;
    }

.dynamicArea {
    padding: 20px 0px;
    float: left;
    *padding: 0px 0px 55px 0px;
    background: url(../image/tabline.png) center repeat-x;
    width: 100%;
}

    .dynamicArea .dynamicContent {
        height: 160px;
        width: 800px;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 190px;
    }

        .dynamicArea .dynamicContent .oddLine {
            width: 180px;
            height: 190px;
            position: relative;
            float: left;
            margin-right: 60px;
            *margin-top: 28px;
        }

            .dynamicArea .dynamicContent .oddLine .box .content, .dynamicArea .dynamicContent .evenLine .box .content {
                border: 1px solid #d7d7d7;
                border-radius: 5px;
                width: 160px;
                height: 120px;
                padding: 10px;
                overflow: hidden;
                line-height: 180%;
            }

            .dynamicArea .dynamicContent .oddLine .time {
                width: 180px;
                text-align: center;
                background: url(../image/greenDot.png) bottom no-repeat;
                padding-bottom: 10px;
            }

            .dynamicArea .dynamicContent .oddLine .angle {
                background: url(../image/arrowD.png) center no-repeat;
                width: 180px;
                height: 8px;
                margin-top: -1px;
            }

        .dynamicArea .dynamicContent .evenLine {
            width: 180px;
            height: 190px;
            position: absolute;
            margin-top: 150px;
            *margin-top: 178px;
            margin-left: 120px;
            *margin-left: -120px;
            float: left;
        }

            .dynamicArea .dynamicContent .evenLine .box .content {
                margin-top: 8px;
                float: left;
            }

            .dynamicArea .dynamicContent .evenLine .time {
                width: 180px;
                text-align: center;
                background: url(../image/orangeDot.png) bottom no-repeat;
                padding-bottom: 10px;
            }

            .dynamicArea .dynamicContent .evenLine .angle {
                background: url(../image/arrowT.png) center no-repeat;
                width: 180px;
                height: 8px;
                margin-top: 1px;
                z-index: 1;
                position: absolute;
                float: left;
                *margin-left: -180px;
            }

.notice {
    width: 300px;
    float: right;
    font-size: 12px;
    margin-bottom: 8px;
    height: 27px;
}

    .notice .icon {
        background-image: url(../image/package.png);
        background-position: -951px -332px;
        width: 27px;
        height: 27px;
        float: left;
    }

    .notice .text a {
        color: #f90;
    }

        .notice .text a:hover {
            color: #78bf5f;
        }

    .notice .text {
        width: 220px;
        overflow: hidden;
        height: 27px;
        float: left;
        line-height: 27px;
    }

    .notice .more {
        float: left;
        line-height: 27px;
    }

        .notice .more a {
            line-height: 27px;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eaeaea));
            background: -moz-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eaeaea));
            background: -o-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eaeaea));
            background: -ms-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eaeaea));
            filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFFF,endcolorstr=#eaeaea,gradientType=0);
            width: 53px;
            height: 27px;
            float: left;
            text-align: center;
            color: #999;
            cursor: pointer;
        }

            .notice .more a:hover {
                color: #fd7742;
                background: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFFFFF));
                background: -moz-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFFFFF));
                background: -o-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFFFFF));
                background: -ms-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFFFFF));
                filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#eaeaea,endcolorstr=#FFFFFF,gradientType=0);
                cursor: pointer;
            }

.wellcome {
    height: 26px;
    color: #7c8389;
}

.warningIndex {
    width: 300px;
    float: right;
}

.WIlist {
    padding: 10px;
}

    .WIlist ul li {
        float: left;
        border-bottom: 1px solid #eee;
    }

        .WIlist ul li a {
            float: left;
            padding: 5px;
        }

            .WIlist ul li a .icon {
                background-image: url(../image/package.png);
                width: 42px;
                height: 42px;
                float: left;
            }

            .WIlist ul li a .text {
                float: left;
                width: 228px;
                line-height: 180%;
            }

            .WIlist ul li a:hover {
                background-color: #f8f8f8;
            }

    .WIlist .inventoryLow {
        background-position: -1033px -125px;
    }

    .WIlist .receivable {
        background-position: -1033px -68px;
    }

    .WIlist .payable {
        background-position: -1033px -12px;
    }

    .WIlist .lowprice {
        background-position: -1033px -240px;
    }

    .WIlist .inWarehouseW {
        background-position: -1033px -297px;
    }

    .WIlist .outWarehouseW {
        background-position: -1033px -354px;
    }

    .WIlist .SNdeviant {
        background-position: -982px -12px;
    }

.editIndex {
    background-image: url(../image/package.png);
    background-repeat: no-repeat;
    background-position: -815px -336px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 5px;
}

    .editIndex:hover {
        background-position: -815px -389px;
        cursor: pointer;
    }

.loaddingNum {
    background: url(../image/loadding.gif) no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0 10px;
}

/*角色权限首页*/
.row .icon {
    margin-left: 10px;
    margin-top: 5px;
    background-image: url(../image/package.png);
    float: left;
    width: 24px;
    height: 24px;
}

.iconStock {
    background-position: -29px -544px;
}

.iconAccount {
    background-position: -53px -544px;
}

.iconCustomer {
    background-position: -77px -544px;
}

.iconChart {
    background-position: -101px -544px;
}

.iconBaseData {
    background-position: -125px -544px;
}

.row {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-width: 0 1px 1px 1px;
    margin: 10px 5px 10px 10px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.1);
    width: 290px;
}

    .row .list li {
        width: 130px;
    }

        .row .list li .text {
            width: 90px;
            color: #7c8389;
            padding: 5px;
            float: left;
            border-radius: 3px;
        }

    .row .list {
        padding: 0px 8px 10px 8px;
        float: left;
        height: 342px;
        width: 120px;
    }

        .row .list p {
            font-size: 14px;
            color: #7c8389;
            clear: both;
            margin: 10px 0;
            float: left;
        }

    .row .tips {
        clear: both;
        display: block;
        height: 35px;
        line-height: 35px;
        color: #7c8389;
        background: #f8f8f8;
        border-top: 1px solid #d7d7d7;
    }

        .row .tips .addIcon {
            background: url(../image/package.png) -402px -7px;
            width: 21px;
            height: 24px;
            float: left;
        }

/*预警*/
.Roundbackground {
    background: none repeat scroll 0 0 #FF3300;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 0 5px;
    float: left;
}


/* 蓝色标签页 */

.tab_pd {
    float: left;
    border: 1px solid #2c8fff;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
}

    .tab_pd ul li {
        float: left;
    }

.tab_pdN a {
    color: #2c8fff;
    text-align: center;
    width: 120px;
    float: left;
    height: 30px;
}

    .tab_pdS a, .tab_pdN a:hover {
        background: #2c8fff;
        color: #FFF;
        text-align: center;
        width: 120px;
        float: left;
        height: 30px;
    }


/*经营状况*/
.OtherTimesTriangle {
    background: url(../image/arrowDown.png);
    float: right;
    width: 8px;
    height: 6px;
    margin-top: 10px;
}

.DataModule {
    width: 100%;
    margin-top: 14px;
    background: #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.pd10 {
    padding: 10px;
}

.Totalprofit {
    background-image: url(../image/Totalprofit.png);
    background-repeat: no-repeat;
    background-position: 96% 95%;
}

.ArrowR {
    float: right;
}

    .ArrowR a {
        display: block;
        width: 15px;
        height: 22px;
        background: url(../image/arrowRL.png) 0px 0px;
    }

        .ArrowR a:hover {
            display: block;
            width: 15px;
            height: 22px;
            background: url(../image/arrowRL.png) 0px -23px;
        }

.ArrowL {
    float: left;
}

    .ArrowL a {
        display: block;
        width: 15px;
        height: 22px;
        background: url(../image/arrowRL.png) -15px 0px;
    }

        .ArrowL a:hover {
            display: block;
            width: 15px;
            height: 22px;
            background: url(../image/arrowRL.png) -15px -23px;
        }

.Winner {
    background-image: url(../image/Winner.png);
    background-repeat: no-repeat;
    background-position: 50% 96%;
}

/* 新增数据分享 2014-02-19  */

.getReady {
    border: 1px solid #ffba00;
    background: #fffbeb url(../image/loading2.gif) no-repeat center top;
    padding: 38px 10px 10px 10px;
    display: block;
    color: #53606b;
    font-size: 14px;
    text-align: center;
}

.already {
    border: 1px solid #c2c2c2;
    background: #ebebeb;
    padding: 10px;
    display: block;
    color: #53606b;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    white-space: normal;
}

.shareList ul li {
    float: left;
    padding-right: 10px;
}

    .shareList ul li a {
        background: url(../image/share.jpg);
        width: 94px;
        height: 94px;
        display: inline-block;
    }

.shareList .copy {
    background-position: 0 0;
}

    .shareList .copy:hover {
        background-position: 0 -118px;
    }

.shareList .mail {
    background-position: -113px 0;
}

    .shareList .mail:hover {
        background-position: -113px -118px;
    }

.shareList .QQ {
    background-position: -227px 0;
}

    .shareList .QQ:hover {
        background-position: -227px -118px;
    }

.shareList .weixin {
    background-position: -339px 0;
}

    .shareList .weixin:hover {
        background-position: -339px -118px;
    }

.shareArea {
    border-top: 1px #DDD solid;
    padding: 10px;
}

.VBbody {
    background: #758089;
}

.viewBillsLogin {
    width: 430px;
    margin: 100px auto 10px auto;
}

.BillsInfo {
    background: #ff8250;
    height: 150px;
    padding-top: 30px;
}

.billsLogo {
    border-radius: 50px;
    width: 99px;
    height: 99px;
    border: 3px solid #FFF;
    margin: 0 auto;
}

.VBLoginContent {
    padding: 10px;
}

.billsTop {
    background: #FFFFFF;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 100px;
}

.VBlogo {
    width: 80px;
    height: 80px;
    border-radius: 45px;
    border: 2px solid #F8F8F8;
    background-position: center;
    margin: 5px 0 0 10px;
}

.VBbottom {
    width: 100%;
    border-top: #CCC 1px solid;
    background-color: #FFF;
    text-align: right;
    padding: 10px 0;
}

.popWechat {
    position: absolute;
    border: 1px solid #DDD;
    background: #f8f8f8;
    padding: 10px;
    margin: -150px 0 0 95px;
    width: 150px;
}

    .popWechat .text {
        white-space: normal;
    }

/* 2014-07-25 序列号盘点 */

.AStable .delSn, .AStable .addSn, .AStable .checkSn, .graphica .delSn, .graphica .addSn, .graphica .checkSn {
    background: url(../image/icon2.png) no-repeat;
}



.AStable .delSn {
    background-position: -147px -195px;
    width: 8px;
    height: 8px;
}



.AStable .addSn {
    background-position: -170px -195px;
    width: 8px;
    height: 8px;
}



.AStable .checkSn {
    background-position: -190px -195px;
    width: 8px;
    height: 8px;
}



.graphica .delSn {
    background-position: -147px -195px;
    width: 8px;
    height: 8px;
    margin-top: 15px;
}



.graphica .addSn {
    background-position: -170px -195px;
    width: 8px;
    height: 8px;
    margin-top: 15px;
}



.graphica .checkSn {
    background-position: -190px -195px;
    width: 8px;
    height: 8px;
    margin-top: 15px;
}



.graphica {
    padding: 10px;
    border-top: 1px solid #ccc;
    height: 38px;
    line-height: 38px;
}



    .graphica div {
        padding-right: 10px;
    }

.snNum .snNumText {
    color: #4287cf;
}

.snNum .snList {
    display: none;
}

.snNum .snNumText {
    color: #4287cf;
    position: relative;
    cursor: pointer;
}

.snNum:hover .snNumText {
    color: #fd7742;
}

.snNum:hover .snList {
    display: block;
    position: absolute;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    padding: 10px;
    background: #FFF;
    line-height: 180%;
    z-index: 1;
    max-height: 150px;
    overflow: auto;
    min-width: 150px;
}


/* 2014-7-24 首页下拉 */
.InstalArea {
    width: 28px;
    height: 38px;
    float: left;
    background: #FFF;
}

.InstalList {
    position: absolute;
    margin-top: 40px;
    background: #FFF;
    border: solid #c7cedb 1px;
    width: 215px;
    right: 10px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.3);
    z-index: 1;
}

    .InstalList .Lists ul {
        border-bottom: 1px solid #dce2e8;
        display: block;
    }

        .InstalList .Lists ul li {
            display: block;
            height: 36px;
            cursor: pointer;
        }

        .InstalList .Lists ul .title a {
            font-size: 12px;
            color: #53606b;
            width: 190px;
            height: 36px;
        }

            .InstalList .Lists ul .title a:hover {
                font-size: 12px;
                color: #FFF;
                width: 190px;
                float: left;
                height: 36px;
            }

        .InstalList .Lists ul li a {
            padding-left: 20px;
            padding-right: 5px;
            float: left;
            line-height: 36px;
            width: 190px;
            background: url(../image/arrowRight.png) right no-repeat;
            background-position: 95% 50%;
        }

            .InstalList .Lists ul li a:hover {
                background-color: #3484e9;
            }

        .InstalList .Lists ul .listButton a {
            background: none;
            font-size: 12px;
            color: #FFF;
        }

        .InstalList .Lists ul .blue a {
            background-color: #3484e9;
        }

            .InstalList .Lists ul .blue a:hover {
                background-color: #3484e9;
                color: #FFF;
            }

.pageArea {
    padding-top: 5px;
}

.listTopSearchArea {
    width: 100%;
    float: left;
    background: #FFF;
    padding-top: 5px;
}

/* 缴费 */
.WhiteTick {
    background: url(../image/package.png) -116px -508px;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.ButtonGreen {
    border: 1px solid #7dc855;
    border-radius: 3px;
    background-color: #66CC66;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
    background: -o-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
    height: 28px;
    padding: 0 3%;
    cursor: pointer;
    line-height: 28px;
    display: inline-block;
    color: #FFFFFF;
}

    .ButtonGreen:hover {
        color: #FFFFFF;
        cursor: default;
    }

.SuccessCheckmark {
    background: url(../image/package.png) -15px -478px;
    width: 42px;
    height: 42px;
}

.failExclamation {
    background: url(../image/package.png) -161px -523px;
    width: 42px;
    height: 42px;
}

/* 商品列表修改 */
.classifyList {
    float: left;
    width: 200px;
    overflow: auto;
}

    .classifyList .title, .proList .title {
        padding: 10px;
        border-bottom: 1px solid #d7d7d7;
        height: 25px;
        overflow: hidden;
    }

    .classifyList .treeArea {
        padding: 10px;
    }

.lineBg {
    background: url(../image/lineBg.png) left repeat-y #FFF;
}

/*新手向导*/
.Guide {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-width: 0 1px 1px 1px;
    margin: 10px 15px 10px 0px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.1);
    width: 200px;
}

    .Guide .list li .text {
        width: 120px;
        color: #7c8389;
        padding: 5px;
        float: left;
        border-radius: 3px;
    }

        .Guide .list li .text:hover {
            background-color: #d9f3ff;
            background: #b3deff;
            padding: 5px;
            color: #0080ff;
        }

    .Guide .list {
        padding: 5px;
        float: left;
        height: 280px;
        width: 200px;
    }

.Guidebutton {
    float: left;
    border-radius: 3px;
    background-color: #c7cedb;
    color: #FFF;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 20px;
}

    .Guidebutton:hover {
        background: #d1d7e2;
        color: #FFF;
        cursor: pointer;
    }

    .Guidebutton:active {
        background: #c7cedb;
        color: #FFF;
        cursor: pointer;
    }

.ml30 {
    margin-left: 30px;
}

.StepbackgroundGray .tabN {
    border: 1px solid #d9e0eb;
    background: #f7f7f7;
    font-size: 16px;
    padding: 5px 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
}

    .StepbackgroundGray .tabN .step {
        background: url(../image/package.png) -295px -525px;
        height: 25px;
        width: 24px;
        display: inline-block;
        color: #FFF;
    }

    .StepbackgroundGray .tabS, .StepbackgroundGray .tabN:hover {
        border: 1px solid #c7cedb;
        border-bottom: 1px solid #fff;
        font-size: 16px;
        padding: 5px 10px;
        background: #FFF;
        cursor: pointer;
        width: 100px;
        text-align: center;
    }

        .StepbackgroundGray .tabS .step, .StepbackgroundGray .tabN:hover .step {
            background: url(../image/package.png) -295px -552px no-repeat;
            height: 25px;
            width: 24px;
            display: inline-block;
            color: #FFF;
        }

.videoicon {
    background: url(../image/package.png) -1033px -187px;
    height: 42px;
    width: 42px;
    color: #FFF;
}

/*期初建账*/
.Accounts .step {
    height: 58px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.1);
    margin-bottom: 10px;
    border: 1px solid #d3d8e2;
}

    .Accounts .step ul {
        height: 58px;
        float: left;
        width: 100%;
    }

        .Accounts .step ul li {
            float: left;
            height: 58px;
            font-size: 14px;
            line-height: 55px;
        }

            .Accounts .step ul li .stepN {
                color: #7a8292;
            }

            .Accounts .step ul li .stepG {
                color: #61d199;
            }

            .Accounts .step ul li a {
                display: block;
                padding: 0 10px 0 5px;
            }

                .Accounts .step ul li a .icon {
                    text-align: center;
                    margin-right: 8px;
                    float: left;
                }

            .Accounts .step ul li .stepN .icon {
                background: url(../image/package.png) -375px -510px;
                height: 38px;
                width: 30px;
                color: #FFF;
            }

            .Accounts .step ul li .stepG .icon {
                background: url(../image/package.png) -337px -553px;
                height: 38px;
                width: 30px;
                color: #FFF;
            }

            .Accounts .step ul li .stepS .icon, .Accounts .step ul li .stepN:hover .icon, .Accounts .step ul li .stepG:hover .icon {
                background: url(../image/package.png) -337px -510px;
                height: 38px;
                width: 30px;
                color: #FFF;
            }

            .Accounts .step ul li .stepS .text, .Accounts .step ul li .stepN:hover .text, .Accounts .step ul li .stepG:hover .text {
                color: #2297fc;
            }

.Arrows {
    background: url(../image/package.png) -424px -526px;
    height: 58px;
    width: 30px;
    float: left;
}

.bottomButtonHold {
    position: fixed;
    background: #eaedef;
    bottom: 0px;
    right: 0px;
    height: 40px;
    width: 100%;
    padding-top: 8px;
}


/*loading加载遮罩层css*/
#black_overlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=40);
    opacity: 0.4;
    overflow: hidden;
    background-color: #000;
}


#load_content {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 300px;
    height: 50px;
    border: 16px solid #FFF;
    border-bottom: none;
    background-color: white;
    z-index: 10002;
    overflow: auto;
    font-size: 14px;
    font-weight: bold;
}

/* 插件中心 */

.pluginBox {
    width: 260px;
    padding: 15px 20px;
    background: #fff;
    float: left;
}

.warehouseIcon {
    background: url(../image/plugInIcon1.jpg) no-repeat top #FFF;
}

.snManageIcon {
    background: url(../image/plugInIcon2.jpg) no-repeat top #FFF;
}

.borrowIcon {
    background: url(../image/plugInIcon3.jpg) no-repeat top #FFF;
}

    .warehouseIcon .title, .snManageIcon .title, .borrowIcon .title {
        color: #ff7800;
    }

    .warehouseIcon .content, .snManageIcon .content, .borrowIcon .content {
        padding-top: 140px;
    }

/* tab */

#tabDiv {
    width: 100%;
    background: url(../image/tabline.png) bottom repeat-x #FFF;
}

    #tabDiv .tab_title {
        width: 100%;
        height: 28px;
        left: 0;
        top: 0;
        clear: both;
        position: relative;
    }

        #tabDiv .tab_title .vleft, #tabDiv .tab_title .vright, #tabDiv .tab_title .u {
            float: left;
            width: 15px;
            height: 28px;
            line-height: 25px;
        }

        #tabDiv .tab_title .u {
            width: 97%;
            overflow: hidden;
            position: relative;
        }

        #tabDiv .tab_title ul {
            margin: 0 5px;
            position: absolute;
            float: left;
            width: 5000px;
        }

        #tabDiv .tab_title .vright {
            top: 0;
            right: 0px;
            position: absolute;
            margin-left: 2px;
            background: url(../image/tabs_rightarrow.png) center no-repeat #FFF;
            border: 1px solid #d7d7d7;
            height: 26px;
            border-width: 1px 0px 0 1px;
            padding-left: 5px;
        }

        #tabDiv .tab_title .vleft {
            top: 0;
            left: 0px;
            padding-left: 5px;
            background: url(../image/tabs_leftarrow.png) center no-repeat #FFF;
            border: 1px solid #d7d7d7;
            height: 26px;
            border-width: 1px 1px 0px 1px;
        }

#div1 {
    width: 120px;
    height: 15px;
    border: 1px #CCCCCC solid;
    position: absolute;
    display: none;
    background: #CCCCCC;
    font-size: 5px;
    padding: 2px;
    color: #999999;
}

#div2 {
    width: 120px;
    height: 15px;
    border: 1px #CCCCCC solid;
    position: absolute;
    display: none;
    background: #CCCCCC;
    font-size: 5px;
    padding: 2px;
    color: #999999;
}

.downArrow {
    top: 0px;
    right: 21px;
    position: absolute;
}

.tabActionArea {
    background: url(../image/topTabDownArrow.png) center no-repeat #888;
    height: 27px;
    width: 23px;
    float: left;
}

.downArrow .downArrowContent {
    background: #FFF;
    position: absolute;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0,0,0,.4);
    right: 0px;
}

    .downArrow .downArrowContent span {
        clear: both;
        float: left;
        border-bottom: 1px solid #EEE;
        padding: 3px 10px;
        width: 80px;
    }

        .downArrow .downArrowContent span:hover {
            background: #F8F8F8;
            cursor: pointer;
        }

.downArrow:hover .downArrowContent {
    display: block;
}

.topTab .tabClose {
    font-size: 1px;
    display: block;
    padding: 0px;
    width: 20px;
    height: 25px;
    background: url(../image/closeN.png) no-repeat center right;
    float: left;
}

    .topTab .tabClose:hover {
        font-size: 1px;
        display: block;
        padding: 0px;
        width: 20px;
        height: 25px;
        background: url(../image/closeS.png) no-repeat center right;
        float: left;
    }

/*系统重置 */
.checkBoxArea li {
    border-radius: 5px;
    background: #efefef;
    width: 110px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 14px;
    padding-left: 10px;
}

/*404.无权限*/
.ReplacingAccount, .GoBack, .GreyOwl {
    background: url(../image/package.png);
}

.ReplacingAccount {
    background: url(../image/package.png) -1007px -572px;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 4px;
}

.GoBack {
    background: url(../image/package.png) -986px -572px;
    height: 17px;
    width: 17px;
    float: left;
    margin-top: 4px;
}

.GreyOwl {
    background-position: -947px -419px;
    height: 145px;
    width: 150px;
}

.HomeIcon {
    background: url(../image/package.png) -947px -572px;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 4px;
}

.CloseWindow {
    background: url(../image/package.png) -967px -572px;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 4px;
}


.offLine {
    width: 14px;
    height: 14px;
    float: right;
    background: url(../image/offline.png);
    color: #d8dff0;
    text-align: center;
    line-height: 14px;
    margin-top: 5px;
}

/*业务流程*/
.PurchaseIcon1, .PurchaseIcon2, .PurchaseIcon3, .PurchaseIcon4, .PurchaseIcon5, .PurchaseIcon6, .PurchaseIcon7, .PurchaseIcon8, .PurchaseIcon9 {
    background: url(../image/Purchase.png);
}

.PurchaseIcon1 {
    background-position: -23px -28px;
    height: 232px;
    width: 130px;
}

    .PurchaseIcon1:hover {
        background-position: -23px -332px;
        height: 232px;
        width: 130px;
        cursor: pointer;
    }

    .PurchaseIcon1:active {
        background-position: -23px -28px;
        height: 232px;
        width: 130px;
        cursor: pointer;
    }

.PurchaseIcon2 {
    background-position: -158px -28px;
    height: 99px;
    width: 131px;
}

    .PurchaseIcon2:hover {
        background-position: -158px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .PurchaseIcon2:active {
        background-position: -158px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.PurchaseIcon3 {
    background-position: -293px -28px;
    height: 99px;
    width: 131px;
}

    .PurchaseIcon3:hover {
        background-position: -293px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .PurchaseIcon3:active {
        background-position: -293px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.PurchaseIcon4 {
    background-position: -428px -28px;
    height: 99px;
    width: 131px;
}

    .PurchaseIcon4:hover {
        background-position: -428px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .PurchaseIcon4:active {
        background-position: -428px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.PurchaseIcon5 {
    background-position: -563px -28px;
    height: 99px;
    width: 100px;
}

    .PurchaseIcon5:hover {
        background-position: -563px -332px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .PurchaseIcon5:active {
        background-position: -563px -28px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.PurchaseIcon6 {
    background-position: -158px -205px;
    height: 99px;
    width: 131px;
}

    .PurchaseIcon6:hover {
        background-position: -158px -509px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .PurchaseIcon6:active {
        background-position: -158px -205px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.PurchaseIcon7 {
    background-position: -580px -195px;
    height: 58px;
    width: 30px;
}

    .PurchaseIcon7:hover {
        background-position: -660px -195px;
        height: 58px;
        width: 30px;
        cursor: pointer;
    }

    .PurchaseIcon7:active {
        background-position: -580px -195px;
        height: 58px;
        width: 30px;
        cursor: pointer;
    }

.PurchaseIcon8 {
    background-position: -617px -195px;
    height: 58px;
    width: 30px;
}

    .PurchaseIcon8:hover {
        background-position: -697px -195px;
        height: 58px;
        width: 30px;
        cursor: pointer;
    }

    .PurchaseIcon8:active {
        background-position: -617px -195px;
        height: 58px;
        width: 30px;
        cursor: pointer;
    }

.PurchaseIcon9 {
    background-position: -293px -133px;
    height: 171px;
    width: 191px;
}

    .PurchaseIcon9:hover {
        background-position: -293px -437px;
        height: 171px;
        width: 191px;
        cursor: pointer;
    }

    .PurchaseIcon9:active {
        background-position: -293px -133px;
        height: 171px;
        width: 191px;
        cursor: pointer;
    }

.SalesIcon1, .SalesIcon2, .SalesIcon3, .SalesIcon4, .SalesIcon6, .SalesIcon7, .SalesIcon8 {
    background: url(../image/Sales.png);
}

.SalesIcon1 {
    background-position: -23px -28px;
    height: 232px;
    width: 130px;
}

    .SalesIcon1:hover {
        background-position: -23px -332px;
        height: 232px;
        width: 130px;
        cursor: pointer;
    }

    .SalesIcon1:active {
        background-position: -23px -28px;
        height: 232px;
        width: 130px;
        cursor: pointer;
    }

.SalesIcon2 {
    background-position: -158px -28px;
    height: 99px;
    width: 131px;
}

    .SalesIcon2:hover {
        background-position: -158px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .SalesIcon2:active {
        background-position: -158px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.SalesIcon3 {
    background-position: -293px -28px;
    height: 99px;
    width: 131px;
}

    .SalesIcon3:hover {
        background-position: -293px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .SalesIcon3:active {
        background-position: -293px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.SalesIcon4 {
    background-position: -428px -28px;
    height: 99px;
    width: 131px;
}

    .SalesIcon4:hover {
        background-position: -428px -332px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .SalesIcon4:active {
        background-position: -428px -28px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.SalesIcon6 {
    background-position: -158px -205px;
    height: 99px;
    width: 131px;
}

    .SalesIcon6:hover {
        background-position: -158px -509px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

    .SalesIcon6:active {
        background-position: -158px -205px;
        height: 99px;
        width: 131px;
        cursor: pointer;
    }

.SalesIcon7 {
    background-position: -293px -133px;
    height: 171px;
    width: 191px;
}

    .SalesIcon7:hover {
        background-position: -293px -437px;
        height: 171px;
        width: 191px;
        cursor: pointer;
    }

    .SalesIcon7:active {
        background-position: -293px -133px;
        height: 171px;
        width: 191px;
        cursor: pointer;
    }

.SalesIcon8 {
    background-position: -563px -28px;
    height: 99px;
    width: 100px;
}

    .SalesIcon8:hover {
        background-position: -563px -332px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .SalesIcon8:active {
        background-position: -563px -28px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock1, .Stock2, .Stock3, .Stock4, .Stock5, .Stock6, .Stock7, .Stock8, .Stock9 {
    background: url(../image/stock.png);
}

.Stock1 {
    background-position: -294px -16px;
    height: 130px;
    width: 130px;
}

    .Stock1:hover {
        background-position: -294px -322px;
        height: 130px;
        width: 130px;
        cursor: pointer;
    }

    .Stock1:active {
        background-position: -294px -16px;
        height: 130px;
        width: 130px;
        cursor: pointer;
    }

.Stock2 {
    background-position: -429px -16px;
    height: 99px;
    width: 100px;
}

    .Stock2:hover {
        background-position: -429px -322px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock2:active {
        background-position: -429px -16px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock3 {
    background-position: -24px -193px;
    height: 99px;
    width: 100px;
}

    .Stock3:hover {
        background-position: -24px -499px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock3:active {
        background-position: -24px -193px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock4 {
    background-position: -159px -193px;
    height: 99px;
    width: 100px;
}

    .Stock4:hover {
        background-position: -159px -499px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock4:active {
        background-position: -159px -193px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock5 {
    background-position: -294px -193px;
    height: 99px;
    width: 100px;
}

    .Stock5:hover {
        background-position: -294px -499px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock5:active {
        background-position: -294px -193px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock6 {
    background-position: -429px -193px;
    height: 99px;
    width: 100px;
}

    .Stock6:hover {
        background-position: -429px -499px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock6:active {
        background-position: -429px -193px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock7 {
    background-position: -564px -193px;
    height: 99px;
    width: 100px;
}

    .Stock7:hover {
        background-position: -564px -499px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

    .Stock7:active {
        background-position: -564px -193px;
        height: 99px;
        width: 100px;
        cursor: pointer;
    }

.Stock8 {
    background-position: -24px -148px;
    height: 44px;
    width: 595px;
}

.Stock9 {
    background-position: -158px -16px;
    height: 99px;
    width: 130px;
}

    .Stock9:hover {
        background-position: -158px -322px;
        height: 99px;
        width: 130px;
        cursor: pointer;
    }

    .Stock9:active {
        background-position: -158px -16px;
        height: 99px;
        width: 130px;
        cursor: pointer;
    }

.AElement100 {
    display: block;
    height: 99px;
    width: 100px;
}

.AElement131 {
    display: block;
    height: 99px;
    width: 131px;
}

.StaffManagement, .CompanyData, .DataSet {
    background: url(../image/package.png);
}

.StaffManagement {
    background-position: -332px -133px;
    height: 16px;
    width: 16px;
    float: left;
    margin: 10px 5px 0 0;
}

.CompanyData {
    background-position: -348px -133px;
    height: 16px;
    width: 16px;
    float: left;
    margin: 10px 5px 0 0;
}

.DataSet {
    background-position: -316px -133px;
    height: 16px;
    width: 16px;
    float: left;
    margin: 10px 5px 0 0;
}

.beginningC {
    background: url(../image/beginningC.jpg) center no-repeat;
    height: 193px;
    width: 331px;
}

.PushpinLock, .PushpinUnlock {
    background: url(../image/package.png) center no-repeat;
}

.PushpinLock {
    background-position: -254px -207px;
    width: 16px;
    height: 16px;
}

.PushpinUnlock {
    background-position: -279px -207px;
    width: 16px;
    height: 16px;
}

/* 新闻样式 */

.newsBox .newsList {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    padding: 5px;
    margin-bottom: 5px;
}

    .newsBox .newsList:hover {
        background-color: #F8F8F8;
    }

.newsBox .unread .readTag {
    background: #6cbe4a;
    width: 5px;
    height: 45px;
    float: left;
}

.newsBox .readTag {
    width: 5px;
    height: 45px;
    float: left;
    margin-right: 10px;
}

.newsBox .newsLink {
    display: block; /* background:url(../image/newsArrow.png) no-repeat right; */
}

    .newsBox .newsLink:hover { /* background:url(../image/newsArrow.png) no-repeat right; */
    }

.newsBox .newsList .newsTitle {
    font-size: 14px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
    text-align: left;
}

.newsBox .unread .newsTitle {
    font-size: 14px;
    color: #454c51;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
    text-align: left;
}

.newsBox .unread .newsDate, .newsBox .newsList .newsDate {
    color: #999;
    text-align: left;
}

.newsBox .text {
    padding: 5px;
}

.newsBox .title {
    font-size: 18px;
    color: #53606b;
    height: 45px;
    line-height: 45px;
    border-bottom: #dfdfdf 1px solid;
    margin: 0 5px;
    text-indent: 5px;
}

.newsIntro {
    font-size: 12px;
    color: #777;
}

.NLcontent {
    height: 50px;
}

/*欢迎画面*/
.WelcomeOne {
    background: url(../image/One.png) center no-repeat;
    width: 700px;
    height: 250px;
}

.WelcometWo {
    background: url(../image/Two.jpg) center no-repeat;
    width: 700px;
    height: 256px;
}

.WelcomeThree {
    background: url(../image/Three.jpg) center no-repeat;
    width: 700px;
    height: 345px;
}

/* alect */
.bottomButtonReplace {
    height: 55px;
    width: 100%;
    float: left;
}

/*演示帐套*/
.CustomerService {
    background: url(../image/phoneNum.jpg) center no-repeat;
    width: 238px;
    height: 26px;
}

#noHover tr td {
    background: #fff;
}

#noHover tr td {
    background: #fff;
}

.noLink {
    background: url(../image/nolink.jpg) center left no-repeat;
    width: 140px;
    height: 110px;
}

.noData {
    background: url(../image/nodata.png) no-repeat center;
    width: 100%;
    height: 100%;
    float: left;
    opacity: 0.5;
}

.listNodata {
    background: url(../image/nodata.png) no-repeat center;
    width: 100%;
    height: 400px;
    float: left;
    opacity: 0.5;
    overflow: hidden;
}

    .listNodata h1 {
        padding-top: 300px;
    }

.importSuccees {
    border: 1px solid #feeb9d;
    background: #fffbe9;
    padding: 10px;
    margin-top: 10px;
}

.greyButtonImport {
    background: #ccc none;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #999;
    display: inline-block;
    cursor: default;
}


select {
    display: block;
    height: 30px;
    /* padding: 6px 12px; */
    font-size: 12px;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    }

    select[disabled], select[readonly], select[disabled] select {
        cursor: not-allowed;
        background-color: #eee;
    }

.weixinPop {
    position: absolute;
    width: 110px;
    height: 110px;
    margin-top: -110px;
}


/* 软件更新 */

.update {
    position: absolute;
    top: 150px;
    left: 30%;
    border: 3px solid rgba(0,0,0,.3);
    z-index: 1000;
}

    .update .close {
        background: url(../image/updateClose.jpg);
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

        .update .close:hover {
            background: url(../image/updateClose.jpg) -26px 0;
            width: 24px;
            height: 24px;
        }

/* 选择文件 */

.SFile {
    position: absolute;
    top: 0;
    left: 170px;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 100px;
    z-index: 811212;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.fileInputArea {
    position: relative;
}


/* 核销欠款 */

.tableStyle .price {
    display: block;
}

.tableStyle tr:hover .price {
    display: none;
}

.tableStyle tr .repayment {
    display: none;
    position: relative;
    text-align: center;
}

.tableStyle tr:hover .repayment {
    background: #58c56d;
    color: #FFF;
    display: block;
    border-radius: 3px;
    text-align: center;
}

    .tableStyle tr:hover .repayment:hover {
        background: #4be092;
        color: #FFF;
        display: block;
        border-radius: 3px;
        text-align: center;
    }

.repayment .repayTips {
    display: none;
    cursor: pointer;
    width: 200px;
    right: 0px;
}

.repayment:hover .repayTips {
    display: inline-block;
    border: 1px solid #b0dcbd;
    background: #f3fef6;
    position: absolute;
    cursor: pointer;
    margin: -25px 0 0 -280px;
    padding: 10px;
    color: #666;
    width: 200px;
    white-space: normal;
    word-break: break-all;
    box-shadow: 0 2px 2px rgba(0,0,0,.3);
    right: 0px;
}

.repaymentCheck {
    background: url(../image/checkGreen.png);
    width: 8px;
    position: relative;
    height: 7px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

    .repaymentCheck .repaymentInfo {
        display: none;
        cursor: pointer;
        right: 0px;
    }

    .repaymentCheck:hover .repaymentInfo {
        display: inline-block;
        border: 1px solid #b0dcbd;
        white-space: nowrap;
        background: #f3fef6;
        position: absolute;
        cursor: pointer;
        margin: -10px 0 0 -35px;
        padding: 0 10px;
        border-radius: 3px;
        right: 0px;
    }

/*打印设置*/
.PrintA4, .PrintWith, .SelectA4, .SelectPrintWith, .DownloadTemplate {
    background: url(../image/Print.png) center no-repeat;
}

.PrintA4 {
    background-position: -99px -10px;
    width: 63px;
    height: 76px;
    cursor: pointer;
}

    .PrintA4:hover, .SelectA4 {
        background-position: -13px -10px;
        width: 63px;
        height: 76px;
        cursor: pointer;
    }

.mt20 {
    margin-top: 20px;
}

.PrintWith {
    background-position: -99px -92px;
    width: 76px;
    height: 63px;
    cursor: pointer;
}

    .PrintWith:hover, .SelectPrintWith {
        background-position: -13px -92px;
        width: 76px;
        height: 63px;
        cursor: pointer;
    }

.DownloadTemplate {
    background-position: -182px -92px;
    width: 63px;
    height: 63px;
}

/*导入进度*/
.progress {
    background: #eee;
    height: 5px;
    width: 98%;
    margin: 20px 1% 0 1%;
    display: block;
}

    .progress .progressIN {
        background: url(../image/loaddingline.gif);
        display: block;
        height: 5px;
    }

/*手机验证*/
.activeSMS {
    background: url(../image/activeImg.jpg) bottom right no-repeat #FFF;
}
/* 邮箱激活 */
.activeEmail {
    background: url(../image/mailActive.png) bottom right no-repeat #FFF;
}

/* 邀请好友 */
.HavePurchased {
    background: url(../image/icon2.png) no-repeat -341px -73px;
    width: 40px;
    height: 14px;
    display: inline-block;
    margin-top: 5px;
}

.NoPurchased {
    background: url(../image/icon2.png) no-repeat -341px -90px;
    width: 40px;
    height: 14px;
    display: inline-block;
    margin-top: 5px;
}

.Invalid {
    background: url(../image/icon2.png) no-repeat -341px -57px;
    width: 40px;
    height: 14px;
    display: inline-block;
    margin-top: 5px;
}

.ShareWay ul li {
    float: left;
    padding-right: 10px;
}

    .ShareWay ul li a {
        background: url(../image/ShareWay.png) no-repeat;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

.ShareWay .Microblogging {
    background-position: -11px -12px;
}

    .ShareWay .Microblogging:hover {
        background-position: -11px -75px;
    }

.ShareWay .QQblogging {
    background-position: -83px -12px;
}

    .ShareWay .QQblogging:hover {
        background-position: -83px -75px;
    }

.ShareWay .QQ {
    background-position: -154px -12px;
}

    .ShareWay .QQ:hover {
        background-position: -154px -75px;
    }

.ShareWay .weixin {
    background-position: -226px -12px;
}

    .ShareWay .weixin:hover {
        background-position: -226px -75px;
    }

.ShareWay .QQspace {
    background-position: -297px -12px;
}

    .ShareWay .QQspace:hover {
        background-position: -297px -75px;
    }

.TuijianGif {
    background: url(../image/TuijianGif.gif) no-repeat;
    width: 124px;
    height: 14px;
    display: inline-block;
    float: left;
}

.topActionArea .Recommended a .icon {
    background-image: url(../image/package.png);
    background-position: -256px -185px;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.topActionArea .Recommended a:hover .icon {
    background-position: -274px -185px;
}

.topActionArea .Recommended {
    float: left;
    margin: 15px 20px 0 0;
}

    .topActionArea .Recommended .text {
        float: left;
        color: #7a8292;
    }

    .topActionArea .Recommended a:hover .text {
        color: #0360d7;
    }

.RecommendedPop {
    background: url(../image/RecommendedPop.png) no-repeat center;
    width: 750px;
    height: 250px;
}

/* 保存中 */
.processing, .processing:hover, .processing:active {
    background: url(../image/loadding.gif) no-repeat 10px 5px #ddd;
    border: 1px solid #D7D7D7;
    color: #999;
    padding-left: 30px;
    cursor: default;
}

/* 多级下拉框 */

.firstList, .secList {
    height: 150px;
    width: 150px;
    white-space: nowrap;
    position: absolute;
    border: 1px solid #D7D7D7;
    overflow-y: auto;
    background: #FFF;
    text-align: left;
}

.secList {
    margin-left: 150px;
}

    .firstList .normal, .secList .normal {
        cursor: pointer;
        padding: 2px 10px 2px 5px;
        margin: 5px;
        background-color: #fff;
        text-align: left;
        line-height: 23px;
    }

        .secList .normal:hover, .firstList .normal:hover, .firstList .select {
            background-color: #eee;
            padding: 2px 10px 2px 5px;
            margin: 5px;
            cursor: pointer;
            text-align: left;
            line-height: 23px;
        }

.haveChild {
    background-image: url(../image/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 23px;
    white-space: normal;
}



/* 商家动态 加载 */

.DCloadding {
    background: url(../image/loading2.gif) center no-repeat;
    min-height: 350px;
}

/* 列表拖动 */
.tableStyle th {
    position: relative;
}

.dragLine {
    position: absolute;
    height: 35px;
    width: 2px;
    background-color: transparent;
    cursor: col-resize;
    z-index: 2;
}

    .dragLine:hover, .dragLine:active {
        border: 1px dashed #aaa;
        border-width: 0 1px 0 0;
        background-color: transparent;
        cursor: col-resize;
    }

.tableText {
    overflow: hidden;
    white-space: nowrap;
    display: block;
}


/*展柜*/
.figureimg {
    position: relative;
}

    .figureimg .figureimgbackground {
        position: absolute;
        width: 100%;
        display: block;
        height: 45px;
        background: #000;
        opacity: 0.8;
        bottom: 0px;
        left: 0px;
    }

        .figureimg .figureimgbackground .character {
            color: #fff;
            padding: 10px;
        }

.EditTemplate {
    float: left;
    margin-left: 20px;
}

    .EditTemplate a .texts {
        float: left;
        color: #7a8292;
    }

    .EditTemplate a:hover .texts {
        color: #0360d7;
    }

    .EditTemplate a .iocns {
        background: url(../image/package.png);
        background-position: -351px -169px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
    }

    .EditTemplate a:hover .iocns {
        background: url(../image/package.png);
        background-position: -377px -169px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
    }

    .EditTemplate a .iocns2 {
        background: url(../image/package.png);
        background-position: -351px -192px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
    }

    .EditTemplate a:hover .iocns2 {
        background: url(../image/package.png);
        background-position: -377px -192px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
    }

    .EditTemplate a .iocns3 {
        background: url(../image/package.png);
        background-position: -948px -364px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 7px;
    }

    .EditTemplate a:hover .iocns3 {
        background: url(../image/package.png);
        background-position: -948px -390px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 7px;
    }

.showcaseTitle {
    border-bottom: 1px solid #d7d7d7;
    float: left;
    width: 100%;
}

    .showcaseTitle .logo {
        float: left;
        width: 40%;
    }

        .showcaseTitle .logo .avatar {
            width: 80px;
            height: 80px;
            border-radius: 100px;
            border: 2px solid #f1f1f1;
            float: left;
            margin: 10px;
        }

        .showcaseTitle .logo .content {
            float: left;
            padding-top: 30px;
        }

    .showcaseTitle .titleRtext {
        width: 60%;
        float: right;
        padding-top: 30px;
    }

        .showcaseTitle .titleRtext .inputText {
            width: 99%;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            color: #F00;
        }

.showcaseSecTitle {
    border-bottom: 1px solid #d7d7d7;
    padding: 10px 0;
}

.showcaseContent {
    width: 990px;
    margin: 0 auto;
    padding: 20px 0;
}

    .showcaseContent .list ul {
        padding-left: 10px;
        float: left;
    }

        .showcaseContent .list ul li {
            float: left;
            border: 1px solid #d7d7d7;
            background-color: #FFF;
            cursor: pointer;
            margin-right: 10px;
            margin-bottom: 20px;
        }

            .showcaseContent .list ul li:hover, .showcaseContent .list ul .select {
                border: 1px solid #1c7efb;
                box-shadow: 0 0 3px #1c7efb;
            }

        .showcaseContent .list ul .pro, .showcaseContent .list ul .SCadd {
            height: 330px;
            width: 230px;
        }

            .showcaseContent .list ul .SCadd .icon {
                width: 230px;
                height: 230px;
                float: left;
                background: url(../image/add.png) center no-repeat;
            }

            .showcaseContent .list ul .pro .photoArea {
                position: relative;
                width: 230px;
                height: 230px;
            }

                .showcaseContent .list ul .pro .photoArea .editArea {
                    display: none;
                    text-align: center;
                }

            .showcaseContent .list ul .pro:hover .photoArea .editArea {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 30px;
                background: url(../image/coverBg.png);
                line-height: 30px;
                display: block;
                text-align: center;
            }

            .showcaseContent .list ul .pro .photoArea .text {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 100%;
                height: 30px;
                background: url(../image/coverBg.png);
                color: #FFF;
                line-height: 30px;
                text-indent: 10px;
            }

            .showcaseContent .list ul .pro .price {
                padding: 10px 10px 0 10px;
            }

            .showcaseContent .list ul .pro h1 {
                font-size: 12px;
                color: #333;
                width: 210px;
                margin: 0px;
                padding: 0 10px;
                float: left;
            }

            .showcaseContent .list ul .pro h2 {
                clear: both;
                font-size: 12px;
                color: #999;
                width: 210px;
                margin: 0px;
                padding: 0 10px 10px 10px;
                float: left;
            }

    .showcaseContent .editArea .EAedit, .showcaseContent .editArea .EAdel {
        float: left;
        width: 50%;
        color: #fff;
    }

    .showcaseContent .editArea .EAtext:hover {
        color: #ff0;
    }

.SCbottom {
    border-top: 1px solid #d7d7d7;
    margin-top: 30px;
    padding-top: 10px;
}

.showPro .photo {
    width: 50px;
    padding-right: 20px;
    float: left;
}

.showPro .name {
    float: left;
    font-size: 14px;
    width: 180px;
    height: 50px;
    overflow: hidden;
}

.photoList {
    width: 470px;
    float: left;
}

    .photoList li {
        width: 70px;
        height: 70px;
    }

    .photoList .normal {
        border: 1px solid #d7d7d7;
        float: left;
        margin-right: 60px;
    }

    .photoList .select {
        border: 1px solid #1c7efb;
        box-shadow: 0 0 3px #1c7efb;
        float: left;
        margin-right: 60px;
    }

.photoEdit {
    border: 1px solid #d7d7d7;
    margin: 10px 0;
    float: left;
    height: 210px;
    width: 470px;
}

.showcaseStep {
    background: url(../image/showcaseStep.png) center no-repeat;
    height: 250px;
}

.showcaseTemp {
    background: url(../image/showcaseTemp.jpg) center no-repeat;
    height: 500px;
}

.ShareWay .clip {
    background-position: -373px -12px;
}

    .ShareWay .clip:hover {
        background-position: -373px -75px;
    }


/*打印*/

.printButton {
    width: 110px;
    height: 128px;
    float: left;
    margin: 0 10px 5px 0;
    cursor: pointer;
}

.A4 {
    font-size: 24px;
    line-height: 24px;
    color: #a9aaaa;
    text-align: center;
    background: url(../image/printIconA4.png) center no-repeat #FFF;
    border: 1px solid #D7D7D7;
}

    .A4 span {
        padding-top: 50px;
        float: left;
        width: 110px;
    }

.others {
    background: url(../image/printOthers.png) center no-repeat #FFF;
    border: 1px solid #D7D7D7;
}

    .others .Name {
        text-align: center;
        font-size: 14px;
        color: #A9aaaa;
        width: 110px;
        float: left;
        padding-top: 40px;
        border: none;
        text-indent: 0px;
        margin-top: 10px;
    }

    .others .dimension {
        text-align: center;
        font-size: 12px;
        color: #A9AAAA;
        width: 110px;
        float: left;
        text-indent: 0px;
        margin-top: 25px;
        padding: 0px;
    }

.printButton:hover {
    background-color: #f3f6fa;
    color: #000;
}

    .printButton:hover span, .printArea .select span, .printButton:active span {
        color: #000;
    }

.Custom {
    background: url(../image/printCustom.png) 20px 40px no-repeat #FFF;
    border: 1px solid #D7D7D7;
}

    .Custom .Name {
        padding-top: 80px;
        text-align: center;
        font-size: 14px;
        color: #A9AAAA;
        width: 110px;
        float: left;
        border: none;
        text-indent: 0px;
        margin: 0px;
    }


.SelectLight, .SelectGray, .SalesIcon, .PurchaseIcon, .SalesReturnsIcon, .PurchaseReturnsIcon, .AllocationIcon, .BorrowingIcon, .LoanIcon, .WarehousingIcon, .OutLibraryIcon, .BorrowReturnsIcon, .LoanReturnsIcon, .ExpendIcon, .EarningIcon, .ReceivableIcon, .PayableIcon {
    background: url(../image/package.png) no-repeat center;
    width: 24px;
    height: 24px;
    display: block;
}

.SelectLight {
    background-position: -546px -429px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin-top: 3px;
}

.SelectGray {
    background-position: -566px -429px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin-top: 3px;
}

a:hover .SelectGray {
    background-position: -526px -429px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin-top: 3px;
}

.SalesIcon {
    background-position: -608px -426px;
}

.PurchaseIcon {
    background-position: -703px -426px;
}

.SalesReturnsIcon {
    background-position: -640px -426px;
}

.PurchaseReturnsIcon {
    background-position: -671px -426px;
}

.AllocationIcon {
    background-position: -862px -426px;
}

.BorrowingIcon {
    background-position: -734px -426px;
}

.LoanIcon {
    background-position: -766px -426px;
}

.WarehousingIcon {
    background-position: -799px -426px;
}

.OutLibraryIcon {
    background-position: -830px -426px;
}

.BorrowReturnsIcon {
    background-position: -1197px -426px;
}

.LoanReturnsIcon {
    background-position: -1229px -426px;
}

.ExpendIcon {
    background-position: -1166px -426px;
}

.EarningIcon {
    background-position: -1261px -426px;
}

.ReceivableIcon {
    background-position: -1293px -426px;
}

.PayableIcon {
    background-position: -1324px -426px;
}

.printArea {
    padding: 10px 0;
}

    .printArea .select, .printButton:active {
        border: 1px solid #1c7efb;
        box-shadow: 0px 0px 3px #4d9afc;
        background-color: #f3f6fa;
    }

.printPreview {
    border: 1px solid #D7D7D7;
    float: left;
    width: 100%;
}

    .printPreview .title {
        padding: 10px 0;
        border-bottom: 1px solid #d7d7d7;
        background: #F1F1F1;
        float: left;
        width: 100%;
    }

    .printPreview .content {
        padding: 20px;
        float: left;
    }

.tempChose .autoCompleteBox {
    height: 264px !important;
    top: 0px !important;
}

.proName {
    position: relative;
}

.packageList {
    border: 1px solid #d7d7d7;
    background: url(../image/thBgN.png) bottom repeat-x #FFF;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    max-height: 300px;
    max-width: 500px;
    min-width: 200px;
    overflow: auto;
}

    .packageList h1 {
        font-size: 14px;
        background: #f2f2f2;
        padding: 5px 10px;
        border-bottom: 1px solid #D7D7D7;
    }

    .packageList h2 {
        font-size: 12px;
        border-bottom: #D7D7D7 solid 1px;
        padding: 0 10px;
    }

    .packageList h3 {
        font-size: 12px;
        padding: 0 10px;
    }

    .packageList p {
        margin: 0px;
        padding: 0 10px;
    }

    .packageList ul li {
        padding: 5px 0;
        border-bottom: 1px dotted #d7d7d7;
        float: left;
        width: 100%;
    }

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

        .packageList ul li:hover {
            background: #f3f3f3;
        }