@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    text-align: left;
    background: #eee;
}

body, button, input, select, textarea {
    font: 500 12px/1.5 "Microsoft YaHei",arial,Simsun,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var, i {
    font-style: normal;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: middle;
}

button, input, select, textarea {
    font-size: 100%;
    outline: none;
}

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

a, a:visited {
    color: #333;
    text-decoration: none;
    outline: none;
}

    a:hover, a:active, a:focus {
        text-decoration: none;
        color: #333;
        background: none;
    }

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

.left {
    float: left;
}

.right {
    float: right;
}

.error {
    color: Red;
}

.head {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    height: 60px;
    width: 100%;
    margin-bottom: 18px;
}

.headBox {
    max-width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
}

    .headBox .logo {
        float: left;
        padding-left: 178px;
        font-size: 18px;
        color: #666;
    }

        .headBox .logo img {
            float: left;
            margin: 14px 0 0 -178px;
        }

    .headBox .nameRight {
        float: right;
        font-size: 14px;
    }

        .headBox .nameRight a, .headBox .nameRight span {
            display: inline-block;
            margin-right: 5px;
        }

        .headBox .nameRight a {
            margin-left: 16px;
        }

            .headBox .nameRight a:hover {
                text-decoration: underline;
                color: #f33;
            }

.wrapBox {
    padding: 0 10px;
    min-width: 980px;
}

.main {
    max-width: 948px;
    margin: 0 auto 60px;
    padding: 0 20px 0 230px;
    height: auto;
    background: #fff url(../images/sline.gif) repeat-y 210px top;
    border: solid 1px #ddd;
}

.menuLeft {
    width: 210px;
    float: left;
    font-size: 14px;
    height: auto;
    padding-top: 15px;
    margin-left: -230px;
}

    .menuLeft dl {
        width: 100%;
        border-bottom: solid 1px #ddd;
    }

        .menuLeft dl dt {
            padding-left: 58px;
            height: 36px;
            line-height: 36px;
            padding-top: 6px;
            color: #999;
        }

            .menuLeft dl dt i {
                float: left;
                margin: 8px 0 0 -30px;
                width: 22px;
                height: 20px;
            }

        .menuLeft dl dd {
            width: 100%;
            height: auto;
            margin-bottom: 5px;
        }

            .menuLeft dl dd a {
                display: block;
                padding-left: 58px;
                height: 34px;
                line-height: 34px;
            }

                .menuLeft dl dd a:hover {
                    background-color: #eee;
                }

                .menuLeft dl dd.on {
                    background-color: #03af80;
                }

                .menuLeft dl dd a.on {
                    background-color: #03af80;
                    color: #fff;
                }

        .menuLeft dl.microSite dt i {
            background-position: 2px 0;
        }

        .menuLeft dl.microMember dt i {
            background-position: -29px 0;
        }

        .menuLeft dl.microDining dt i {
            background-position: -64px 0;
        }

        .menuLeft dl.microMall dt i {
            background-position: -95px 0;
        }

        .menuLeft dl.scheduled dt i {
            background-position: -128px 0;
        }

        .menuLeft dl.microPayment dt i {
            background-position: -159px 0;
        }

        .menuLeft dl.client dt i {
            background-position: -192px 0;
        }

        .menuLeft dl.system dt i {
            background-position: -221px 0;
        }

        .menuLeft dl.system {
            border-bottom: none;
        }

        .menuLeft dl.current dt {
            color: #03af80;
        }

        .menuLeft dl.microSite.current dt i {
            background-position: 2px -22px;
        }

        .menuLeft dl.microMember.current dt i {
            background-position: -29px -22px;
        }

        .menuLeft dl.microDining.current dt i {
            background-position: -64px -22px;
        }

        .menuLeft dl.microMall.current dt i {
            background-position: -95px -22px;
        }

        .menuLeft dl.scheduled.current dt i {
            background-position: -128px -22px;
        }

        .menuLeft dl.microPayment.current dt i {
            background-position: -159px -22px;
        }

        .menuLeft dl.client.current dt i {
            background-position: -192px -22px;
        }

        .menuLeft dl.system.current dt i {
            background-position: -221px -22px;
        }

.mainRight {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}

.curTitle {
    height: 60px;
}

    .curTitle h2 {
        line-height: 60px;
        color: #000;
        font-size: 18px;
        font-weight: 500;
    }

.tabBox {
    border-bottom: solid 1px #ddd;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
}

    .tabBox span, .tabBox a {
        display: inline-block;
        margin-right: 18px;
    }

    .tabBox a {
        color: #999;
    }

        .tabBox a:hover {
            color: #666;
        }

    .tabBox span {
        border-bottom: solid 2px #03af80;
        height: 28px;
    }

.filterBox {
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 6px;
    height: auto;
    width: 100%;
}

    .filterBox ul {
        height: auto;
        width: 100%;
        position: relative;
    }

    .filterBox li {
        float: left;
        height: 32px;
        margin: 20px 15px 20px 0;
    }

        .filterBox li em {
            color: #999;
            float: left;
            line-height: 32px;
            padding-right: 10px;
        }

        .filterBox li.dealerOne {
        }

        .filterBox li .selectBoxs {
            float: left;
        }

        .filterBox li.newAddBox {
            float: right;
        }

.cardText {
    width: 170px;
    height: 20px;
    padding: 5px 10px;
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 4px;
}

    .cardText:focus {
        border-color: #03af80;
    }

.labelBox {
    position: relative;
    display: block;
    height: 32px;
    float: left;
    margin-right: 22px;
}

    .labelBox span {
        position: absolute;
        line-height: 32px;
        left: 10px;
        color: #999;
        font-size: 16px;
        cursor: text;
    }

.inquireBut {
    background-color: #03af80;
    color: #fff;
    width: 84px;
    height: 32px;
    text-align: center;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.newAddBut {
    width: 100px;
    background-color: #03af80;
    color: #fff;
    height: 32px;
    text-align: center;
    border: none;
    font-size: 14px;
    border-radius: 4px;
}

/* select */
.selectBoxs {
    position: relative;
    height: 32px;
}

.tag_select {
    display: block;
    padding: 0 31px 0 10px;
    border: solid 1px #999;
    height: 30px;
    width: 200px;
    position: relative;
    font-size: 14px;
    color: #333;
    float: left;
    border-radius: 4px;
    background: #fff url(../images/selectImg.png) no-repeat right 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    cursor: pointer;
}

.selectWidth .tag_select {
    width: 150px;
}

.tag_select_hover {
    background: #fff url(../images/selectImg.png) no-repeat right -30px;
    border: solid 1px #03af80;
}

.tag_select_open {
    background: #fff url(../images/selectImg.png) no-repeat right -30px;
    border: solid 1px #03af80;
}

dl.tag_options {
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ddd;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 88888;
    border-radius: 3px;
    background-color: #f8f8f8;
    display: none;
    padding: 1px;
    width: 239px;
}

    dl.tag_options dd {
        height: 26px;
        line-height: 26px;
        cursor: pointer;
        border: solid 1px #f8f8f8;
        border-radius: 3px;
        padding: 0 5px;
        white-space: nowrap;
        overflow: hidden;
    }

        dl.tag_options dd.open_hover {
            background-color: #03af80;
            border-color: #03af80;
            color: #fff;
        }

        dl.tag_options dd.open_selected {
            background-color: #dfdfdf;
        }

            dl.tag_options dd.open_selected:hover {
                background-color: #03af80;
            }

.filterBox li.clientLi .tag_select {
    width: 120px;
}

.filterBox li.clientLi dl.tag_options {
    width: 159px;
}

.filterBox li.dealerTwo .tag_select {
    width: 120px;
}

.filterBox li.dealerTwo dl.tag_options {
    width: 159px;
}

.filterBox li.bindingLi .tag_select {
    width: 80px;
    margin-right: 20px;
}

.filterBox li.bindingLi dl.tag_options {
    width: 119px;
}

.listBox {
    height: auto;
    margin-bottom: 38px;
    width: 100%;
}

.listTable {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #eee;
    font-size: 14px;
}

    .listTable td, .listTable th {
        border: solid 1px #eee;
        border-left: none;
        border-right: none;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-collapse: collapse;
    }

    .listTable th {
        color: #000;
        background-color: #f4f5f9;
        font-weight: 500;
    }

    .listTable td {
        color: #313131;
    }

        .listTable td a {
            color: #03af80;
            display: inline-block;
            margin: 0 7px;
        }

            .listTable td a:hover {
                text-decoration: underline;
            }

        .listTable td .titleTxt {
        }

        .listTable td .nameTxt {
            display: table;
            overflow: hidden;
            height: 40px;
            line-height: 16px;
            *position: relative;
        }

            .listTable td .nameTxt .titleTxt {
                font-size: 14px;
                text-align: left;
                vertical-align: middle;
                display: table-cell;
                *position: absolute;
                *top: 50%;
            }

                .listTable td .nameTxt .titleTxt a {
                    *position: relative;
                    *top: -50%;
                }

                .listTable td .nameTxt .titleTxt a {
                    color: #313131;
                    display: block;
                }

.page {
    height: 38px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}

    .page a {
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border: solid 1px #ccc;
        margin: 0 6px;
        background: #f7f7f7 url(../images/gradientBg.png) repeat-x 0 0;
        border-radius: 3px;
        color: #666;
    }

        .page a:hover {
            color: #03af80;
        }

    .page span.on {
        width: 36px;
        height: 36px;
        background-color: #03af80;
        background-image: none;
        border: solid 1px #03a075;
        border-top: solid 1px #02815f;
        margin: 0 6px;
        display: inline-block;
        border-radius: 3px;
        color: #fff;
        line-height: 36px;
    }

.pageText {
    width: 46px;
    height: 36px;
    border-radius: 3px;
    backgrond-color: #fff;
    border: solid 1px #ccc;
    outline: none;
    margin-left: 30px;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.pageBut {
    margin-left: 10px;
    line-height: 38px;
    height: 38px;
    width: 38px;
    text-align: center;
    border: none;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    background-color: #f7f7f7;
    background-position: -251px 0;
}

    .pageBut:hover {
        color: #03af80;
    }

.footer {
    height: 80px;
    width: 100%;
    line-height: 80px;
    border-top: solid 1px #ddd;
    color: #999;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
}

.menuSet {
    color: #999;
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 50px;
}

.menuSetBox {
    height: 630px;
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 18px 0 0 460px;
}

    .menuSetBox .menuImgBg {
        width: 320px;
        height: 600px;
        background: url(../images/iphone6.png) no-repeat 0 0;
        position: relative;
        float: left;
        margin-left: -410px;
    }

/* 1116 */
.stepBox {
    width: 100%;
    height: 46px;
    font-size: 14px;
    margin-bottom: 32px;
}

    .stepBox ul {
        width: 100%;
    }

    .stepBox li {
        float: left;
        width: 33%;
        text-align: center;
        color: #777;
        line-height: 44px;
        border-top: solid 1px #e6e7ea;
        border-bottom: solid 1px #e6e7ea;
    }

        .stepBox li.garyArrow {
            background: #fff url(../images/stepBg.png) no-repeat right 0;
        }

        .stepBox li.colourArrow {
            background: #03af80 url(../images/stepBg.png) no-repeat right -44px;
            color: #fff;
        }

        .stepBox li.colourArrow2 {
            background: #fff url(../images/stepBg.png) no-repeat right -88px;
        }

        .stepBox li.stepOne {
            border-left: solid 1px #e6e7ea;
        }

        .stepBox li.stepThree {
            border-right: solid 1px #e6e7ea;
        }

        .stepBox li.onColor {
            background-color: #03af80;
            color: #fff;
        }

.discountBox {
    width: 100%;
    font-size: 14px;
}

    .discountBox li {
        line-height: 32px;
        margin-bottom: 20px;
        padding-left: 120px;
    }

        .discountBox li em {
            width: 112px;
            float: left;
            margin-left: -112px;
        }

        .discountBox li.selectDis {
            height: 64px;
        }

            .discountBox li.selectDis .inDiv {
                margin: 0;
                border: 0;
            }

                .discountBox li.selectDis .inDiv label {
                    height: 32px;
                    display: block;
                    vertical-align: middle;
                }

        .discountBox li em.twoLines {
            line-height: 20px;
            padding-top: 6px;
        }

        .discountBox li b {
            font-weight: normal;
            padding: 0 5px;
        }

        .discountBox li.selectDis .inDiv label b {
            padding: 0 8px;
        }

.discountText1 {
    width: 288px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #e7e7eb;
}

.discountText2 {
    width: 122px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #e7e7eb;
}

.discountTxt1 {
    color: #8d8d8d;
    padding-left: 8px;
}

.timeText2 {
    width: 122px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    background: #fff url(../images/timeBg.png) no-repeat right center;
    border: solid 1px #e7e7eb;
}

a.discountBut, a.returnBut {
    width: 106px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 20px;
}

a.discountBut {
    background-color: #03af80;
    color: #fff;
    height: 32px;
    line-height: 32px;
    border: none;
}

a.returnBut {
    height: 30px;
    line-height: 30px;
    color: #666;
    border: solid 1px #999;
    background-color: #fff;
}

.payBy {
    height: 32px;
    vertical-align: middle;
}

    .payBy input, .payBy label {
        vertical-align: middle;
    }

    .payBy label {
        padding-left: 4px;
        margin-right: 20px;
    }

.leftDiscount {
    float: left;
}

.rightPreview {
    float: right;
    wdith: 298px;
    margin-right: 20px;
}

    .rightPreview .previewTxt {
        line-height: 30px;
        height: 30px;
        margin-bottom: 5px;
    }

.previewBox {
    width: 266px;
    padding: 15px;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    border: solid 1px #e8e8e8;
}

.previewInBox {
    background-color: #d54036;
    width: 266px;
    height: 160px;
    color: #fff;
    text-align: center;
    position: relative;
}

    .previewInBox .logoArea {
        height: 40px;
        padding: 15px 0 0 62px;
        line-height: 40px;
        text-align: left;
    }

        .previewInBox .logoArea img {
            float: left;
            margin-left: -47px;
        }

    .previewInBox h2 {
        height: 48px;
        line-height: 48px;
        font-size: 30px;
        font-weight: 500;
        text-align: center;
    }

    .previewInBox .validityTxt {
        padding-top: 6px;
        color: #ffb6b1;
    }

.moneyColor {
    color: #03AF80;
}

.discountList {
    padding-top: 30px;
    width: 100%;
}

    .discountList li {
        float: left;
        width: 298px;
        margin: 0 9px 20px;
    }

.previewBox .batch {
    height: 14px;
    line-height: 14px;
    margin-bottom: 14px;
}

    .previewBox .batch p {
        float: left;
    }

        .previewBox .batch p i {
            padding: 0 6px;
            color: #e8edf6;
        }

        .previewBox .batch p em {
            color: #8d8d8d;
        }

    .previewBox .batch a {
        float: right;
        color: #459ae9;
    }

        .previewBox .batch a:hover {
            text-decoration: underline;
        }

.previewBox .promptTxt {
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding-top: 12px;
}

.previewInBox .tranLayer {
    width: 266px;
    height: 160px;
    background-color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.setTips {
    padding-left: 35px;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    margin-bottom: 30px;
}

    .setTips i {
        float: left;
        margin-left: -26px;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-position: -333px 0;
    }

.detailBox {
    width: 100%;
    height: auto;
    font-size: 14px;
    padding-top: 5px;
}

.detailLeft {
    width: 520px;
    float: left;
}

.detailRight {
    width: 150px;
    float: right;
    margin-top: 122px;
}

.dataiPrompt {
    height: 24px;
    line-height: 24px;
}

    .dataiPrompt span {
        margin-right: 14px;
        font-size: 20px;
    }

    .dataiPrompt em {
        display: inline-block;
        height: 24px;
        padding: 0 5px;
        margin-right: 14px;
    }

        .dataiPrompt em.greenBg {
            background-color: #03af80;
            color: #fff;
        }

        .dataiPrompt em.grayBg {
            background-color: #8d8d8d;
            color: #222;
        }

    .dataiPrompt i {
        padding-left: 2px;
    }

.datailBatch {
    height: 32px;
    line-height: 32px;
    margin-bottom: 24px;
}

.datailTitle {
    height: 16px;
    line-height: 16px;
    padding-left: 10px;
    border-left: solid 3px #03af80;
    margin-bottom: 30px;
    font-weight: 500;
}

.datailPreview {
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}

    .datailPreview .previewInBox {
        margin: 0 auto 28px;
    }

.detailBox .discountBox {
    margin-top: -6px;
}

    .detailBox .discountBox li {
        margin-bottom: 15px;
        padding-left: 110px;
    }

        .detailBox .discountBox li em {
            width: 110px;
            margin-left: -110px;
        }

        .detailBox .discountBox li .boldTxt {
            font-weight: bold;
        }

.downBut {
    padding-top: 58px;
    height: 32px;
    margin-bottom: 45px;
    width: 100%;
    text-align: center;
}

    .downBut a {
        width: 128px;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        color: #666;
        border: solid 1px #999;
        background-color: #fff;
        margin: 0 auto;
    }

        .downBut a:hover {
            background-color: #03af80;
            color: #fff;
            border-color: #03af80;
        }

.modifyLink {
    text-align: right;
    padding-right: 5px;
}

    .modifyLink a {
        color: #459ae9;
    }

/* layer */
.layerBox {
    position: absolute;
    font-size: 12px;
    background-color: #eee;
    border: 1px solid #ddd;
    z-index: 10001;
    display: none;
    border-radius: 5px;
    padding: 3px;
}

.layerTitBox {
    background-color: #03af80;
    color: #fff;
    line-height: 35px;
    height: 35px;
    border-radius: 4px;
}

    .layerTitBox h2 {
        font-weight: bold;
        padding-left: 16px;
        float: left;
        font-size: 15px;
    }

    .layerTitBox span {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #fff url(../images/close.png) no-repeat center center;
        float: right;
        margin: 7px 5px 0 0;
        cursor: pointer;
        border-radius: 4px;
    }

        .layerTitBox span:hover {
            background-color: #ebebeb;
        }

.dishesEditor {
    width: 600px;
}

.layerBut {
    height: 44px;
    border-top: solid 1px #ddd;
    padding-top: 12px;
    text-align: right;
    padding-right: 22px;
}

    .layerBut input {
        width: 62px;
        height: 28px;
        padding: 0;
        background-color: #fafafa;
        border: solid 1px #ccc;
        text-align: center;
        color: #000;
        margin-left: 10px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
    }

        .layerBut input:hover {
            background-color: #ddfcf4;
            border-color: #03af80;
            color: #03af80;
        }

.loginBody {
    background-color: #fff;
}

.loginHead {
    height: 80px;
    background-color: #fff;
    width: 100%;
}

.loginTop {
    width: 1000px;
    margin: 0 auto;
}

.loginTop .logoLogin {
    width: 409px;
    height: 60px;
    float: left;
    margin: 8px 0 0 20px;
    background: url(../Images/logo_product_name.png) no-repeat 0 0;
}

.loginFooter {
    width: 100%;
    height: 60px;
    background-color: #333;
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 14px;
}

.loginBanner {
    height: 458px;
    width: 100%;
    background: url(../images/loginBg.jpg) no-repeat center top;
}

.loginBox {
    width: 1000px;
    height: 458px;
    margin: 0 auto;
}

.loginInRight {
    width: 536px;
    float: right;
    margin-top: 48px;
}

.loginInBox {
    width: 360px;
    height: 360px;
    position: relative;
    float: left;
}

.loginInBg {
    width: 360px;
    height: 360px;
    background-color: #fff;
    left: 0;
    top: 0;
    border-radius: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.loginFrom {
    width: 280px;
    height: auto;
    padding: 20px 40px 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10001;
}

    .loginFrom h2 {
        height: 58px;
        line-height: 58px;
        padding-left: 10px;
        font-size: 20px;
        color: #000;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .loginFrom ul {
        width: 100%;
    }

    .loginFrom li {
        height: 35px;
        margin-bottom: 20px;
        position: relative;
    }

        .loginFrom li.rememberLi {
            margin-top: -5px;
            height: 20px;
            line-height: 20px;
            vertical-align: middle;
            color: #333;
            font-size: 14px;
            margin-bottom: 46px;
        }

            .loginFrom li.rememberLi input, .loginFrom li.rememberLi label {
                vertical-align: middle;
            }

            .loginFrom li.rememberLi input {
                margin-right: 6px;
            }

.loginBut {
    width: 280px;
    height: 40px;
    line-height: 40px;
    background-color: #03ae81;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.LogLabelBox {
    position: relative;
    display: block;
    height: 40px;
}

    .LogLabelBox span {
        position: absolute;
        left: 38px;
        height: 20px;
        line-height: 20px;
        top: 7px;
        color: #999;
        font-size: 12px;
    }

    .LogLabelBox i {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 8px;
        background-image: url(../images/loginIco.png);
        background-repeat: no-repeat;
    }

        .LogLabelBox i.usernameIco {
            background-position: 0 0;
        }

        .LogLabelBox i.passwordIco {
            background-position: 0 -20px;
        }

        .LogLabelBox i.checkcodeIco {
            background-position: 0 -40px;
        }

.loginText {
    width: 232px;
    height: 20px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 10px 6px 38px;
    float: left;
    border: none;
}

    .loginText:focus {
        border: solid 1px #28b18a;
    }

.LogLableCheck {
    display: inline-block;
    vertical-align: middle;
}

.qrCodeBox {
    width: 134px;
    height: 178px;
    float: left;
    margin-left: 20px;
    position: relative;
}

.qrCodeBg {
    width: 134px;
    height: 178px;
    background-color: #fff;
    left: 0;
    top: 0;
    border-radius: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.qrCodeBox dl {
    width: 102px;
    padding: 16px;
    left: 0;
    top: 0;
    text-align: center;
    position: absolute;
}

    .qrCodeBox dl dd {
        color: #666;
        line-height: 18px;
        padding-top: 8px;
    }

.loginMainBox {
    width: 1000px;
    margin: 0 auto;
}

.loginNewsBox {
    height: 42px;
    border: solid 1px #ddd;
    font-size: 14px;
    background-color: #fff;
    line-height: 42px;
    margin: 30px 0;
    padding: 0 90px 0 20px;
    overflow: hidden;
    position: relative;
    color: #000;
}

    .loginNewsBox dt {
        float: left;
    }

    .loginNewsBox dd {
        float: left;
        margin-left: 30px;
        margin-top: -2px;
        padding-right: 8px;
    }

        .loginNewsBox dd a {
            color: #333;
        }

            .loginNewsBox dd a.newsLink {
                display: inline-block;
                vertical-align: middle;
                width: auto;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                max-width: 260px;
            }

            .loginNewsBox dd a:hover {
                color: #39f;
                text-decoration: underline;
            }

        .loginNewsBox dd i {
            display: inline-block;
            vertical-align: middle;
            color: #aaa;
            font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial;
        }

        .loginNewsBox dd .moreIco {
            width: 23px;
            height: 9px;
            display: inline-block;
            background-position: -65px -51px;
            vertical-align: middle;
            margin-left: 5px;
        }

        .loginNewsBox dd.moreLink {
            position: absolute;
            right: 16px;
            top: 0;
            margin-top: 0;
            padding-right: 0;
        }

            .loginNewsBox dd.moreLink i {
                width: 7px;
                height: 11px;
                display: inline-block;
                vertical-align: middle;
                background-position: -29px -51px;
                margin-top: -2px;
                margin-left: 4px;
            }

.loginTabBox {
    margin-bottom: 82px;
}

    .loginTabBox h2 {
        height: 52px;
        line-height: 52px;
        margin-bottom: 15px;
        font-size: 18px;
        color: #333;
        font-weight: 500;
    }

.loginTab {
    height: 112px;
    font-size: 14px;
}

    .loginTab li {
        display: inline-block;
        width: 96px;
        margin-right: 50px;
        text-align: center;
        cursor: pointer;
        position: relative;
        height: 112px;
    }

        .loginTab li .arrowBot {
            width: 16px;
            height: 11px;
            position: absolute;
            bottom: -1px;
            left: 50%;
            margin-left: -10px;
            display: none;
        }

        .loginTab li.cur .arrowBot {
            display: inline-block;
        }

        .loginTab li .arrowBot i {
            position: absolute;
            left: 0;
        }

        .loginTab li .arrowBot .arrowOut {
            display: inline-block;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: dashed;
            border-color: transparent;
            border-top-width: 0;
            border-bottom-color: #ddd;
            border-bottom-style: solid;
        }

        .loginTab li .arrowBot .arrowIn {
            display: inline-block;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: dashed;
            border-color: transparent;
            border-top-width: 0;
            border-bottom-color: #fff;
            border-bottom-style: solid;
            bottom: -1px;
        }

        .loginTab li span {
            display: inline-block;
        }

            .loginTab li span i {
                width: 72px;
                height: 72px;
                vertical-align: middle;
                display: inline-block;
                background-image: url(../images/cases/tabIco.png);
                background-repeat: no-repeat;
            }

        .loginTab li h4 {
            padding-top: 5px;
            font-weight: 500;
        }

        .loginTab li span i.tabIco1 {
            background-position: 0 0;
        }

        .loginTab li.cur span i.tabIco1 {
            background-position: -72px 0;
        }

        .loginTab li span i.tabIco2 {
            background-position: 0 -72px;
        }

        .loginTab li.cur span i.tabIco2 {
            background-position: -72px -72px;
        }

        .loginTab li span i.tabIco3 {
            background-position: 0 -144px;
        }

        .loginTab li.cur span i.tabIco3 {
            background-position: -72px -144px;
        }

        .loginTab li span i.tabIco4 {
            background-position: 0 -216px;
        }

        .loginTab li.cur span i.tabIco4 {
            background-position: -72px -216px;
        }

        .loginTab li span i.tabIco5 {
            background-position: 0 -288px;
        }

        .loginTab li.cur span i.tabIco5 {
            background-position: -72px -288px;
        }

        .loginTab li span i.tabIco6 {
            background-position: 0 -360px;
        }

        .loginTab li.cur span i.tabIco6 {
            background-position: -72px -360px;
        }

        .loginTab li span i.tabIco7 {
            background-position: 0 -432px;
        }

        .loginTab li.cur span i.tabIco7 {
            background-position: -72px -432px;
        }

.tabConBox {
    border: solid 1px #ddd;
    padding: 16px 15px;
}

.tabConInBox {
    overflow: hidden;
}

    .tabConInBox .tabConImg {
        float: left;
        width: 320px;
        margin-right: 10px;
    }

        .tabConInBox .tabConImg.imgRight {
            margin-right: 20px;
        }

.tabContent {
    margin-right: 10px;
    line-height: 28px;
    font-size: 14px;
}

    .tabContent .tabConTitle {
        display: block;
        font-weight: 500;
        color: #333;
    }

    .tabContent .tabConTxt {
        color: #999;
    }

/* 1123 */
.tableThSelect {
}

    .tableThSelect .selectBoxs {
        height: 40px;
    }

    .tableThSelect .tag_select {
        padding: 0 20px 0 12px;
        border: solid 1px #f4f5f9;
        border-top: 0;
        border-bottom: 0;
        height: 40px;
        width: 85px;
        color: #000;
        float: left;
        border-radius: 0px;
        background: #f4f5f9 url(../images/arrowTh.png) no-repeat right center;
        line-height: 40px;
        cursor: pointer;
        text-align: left;
    }

    .tableThSelect .tag_select_hover {
        background: #f4f5f9 url(../images/arrowTh.png) no-repeat right center;
        border: solid 1px #e7e7e7;
        border-top: 0;
        border-bottom: 0;
        padding: 0 20px 0 12px;
    }

    .tableThSelect .tag_select_open {
        background: #f4f5f9 url(../images/arrowTh.png) no-repeat right center;
        border: solid 1px #e7e7e7;
        border-top: 0;
        border-bottom: 0;
        padding: 0 20px 0 12px;
    }

    .tableThSelect dl.tag_options {
        overflow: hidden;
        cursor: pointer;
        border: solid 1px #ddd;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 88888;
        border-radius: 0px;
        background-color: #f8f8f8;
        display: none;
        padding: 1px;
        width: 115px;
    }

        .tableThSelect dl.tag_options dd {
            height: 26px;
            line-height: 26px;
            cursor: pointer;
            border: solid 1px #f8f8f8;
            border-radius: 3px;
            padding: 0 5px;
            white-space: nowrap;
            overflow: hidden;
        }

            .tableThSelect dl.tag_options dd.open_hover {
                background-color: #03af80;
                border-color: #03af80;
                color: #fff;
            }

            .tableThSelect dl.tag_options dd.open_selected {
                background-color: #dfdfdf;
            }

                .tableThSelect dl.tag_options dd.open_selected:hover {
                    background-color: #03af80;
                }

.deatilTxt {
    font-weight: normal;
    color: #03AF80;
    cursor: pointer;
}

.detailListBox {
    padding: 5px;
}

.detailList {
    width: 100%;
    font-size: 12px;
}

.detailTxtRed {
    color: #f00;
    font-weight: normal;
}

.successBox {
    padding: 50px 0;
    width: 100%;
    text-align: center;
}

.succcess {
    width: 320px;
    text-align: left;
    pdding-left: 56px;
    margin: 0 auto;
    font-size: 14px;
}

    .succcess i {
        width: 46px;
        height: 46px;
        display: inline-block;
        background-position: -368px 0;
        float: left;
        margin-left: -56px;
    }

.succcessTxt {
    padding-top: 10px;
    line-height: 24px;
    margin-bottom: 30px;
}

    .succcessTxt span {
        color: #8d8d8d;
    }

.editTxtBox {
    padding-right: 20px;
    display: inline-block;
    text-align: right;
    width: 50px;
    margin: 0 auto;
}

    .editTxtBox i {
        width: 14px;
        height: 14px;
        display: inline-block;
        float: right;
        margin: 13px -20px 0 0;
        background-position: -436px 0;
        cursor: pointer;
    }

        .editTxtBox i:hover {
            background-position: -436px -22px;
        }

/* 20160106 */
.autoReplay {
    width: 100%;
    padding-top: 10px;
}

.autoReplayTab {
    width: 100%;
    height: 32px;
    margin-bottom: 20px;
}

    .autoReplayTab li {
        background-color: #fff;
        width: 138px;
        height: 30px;
        line-height: 30px;
        border: solid 1px #c9cec9;
        border-radius: 3px;
        text-align: center;
        font-size: 14px;
        float: left;
        cursor: pointer;
    }

        .autoReplayTab li:first-child {
            border-radius: 3px 0 0 3px;
            border-right: none;
        }

        .autoReplayTab li:last-child {
            border-radius: 0 3px 3px 0;
            border-left: none;
        }

        .autoReplayTab li.on {
            background-color: #03af80;
            border-color: #03af80;
            color: #fff;
        }

.replayBox {
    width: 100%;
    height: auto;
}

.replayConBox {
}

.replayInputBox {
    margin-bottom: 20px;
}

.addRule {
    height: 32px;
    margin-bottom: 15px;
}

    .addRule a {
        width: 78px;
        padding-left: 42px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        font-size: 14px;
        background-color: #03af80;
        display: inline-block;
        border-radius: 3px;
    }

        .addRule a i {
            width: 12px;
            height: 12px;
            display: inline-block;
            background-position: 0 -52px;
            float: left;
            margin: 11px 0 0 -18px;
        }

.ruleItem {
    font-size: 14px;
}

.ruleLiItem {
    margin-bottom: 20px;
    border: solid 1px #e7e7eb;
}

.ruleHead {
    height: 40px;
    line-height: 40px;
    background-color: #f4f5f9;
    padding: 0 14px;
    cursor: pointer;
}

    .ruleHead .arrowRight {
        float: right;
    }

        .ruleHead .arrowRight a {
            position: relative;
            width: 10px;
            height: 12px;
            vertical-align: middle;
            display: inline-block;
        }

        .ruleHead .arrowRight i {
            vertical-align: top;
            width: 0;
            height: 0;
            border-width: 5px;
            border-style: dashed;
            border-color: transparent;
            border-top-width: 0;
            border-bottom-color: #c6c6c6;
            border-bottom-style: solid;
            cursor: pointer;
            position: absolute;
        }

        .ruleHead .arrowRight .arrow_down {
            left: 0;
            bottom: 0;
            border-bottom-color: transparent;
            border-bottom-style: dashed;
            border-top-width: 5px;
            border-top-color: #c6c6c6;
            border-top-style: solid;
            border-bottom-width: 0;
            top: 3px;
        }

        .ruleHead .arrowRight .arrow_up {
            top: 2px;
            display: none;
        }

.ruleAddBoxOne {
    padding: 14px;
}

.closeBlockHd {
    line-height: 28px;
}

.keyInfoTitle {
    float: left;
    width: 75px;
}

.keyInfoDetail {
    padding-left: 90px;
}

    .keyInfoDetail li {
        display: inline-block;
        vertical-align: top;
        line-height: 24px;
        height: 24px;
        margin: 2px 10px 8px 0;
        background-color: #e5e7ec;
        padding: 0 .5em;
    }

        .keyInfoDetail li em {
            display: inline-block;
            width: auto;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            max-width: 265px;
            font-style: normal;
        }

.ruleAddBoxTwo {
    display: none;
}

.ruleLineBox {
    border-bottom: solid 1px #e7e7eb;
    padding: 14px;
}

.ruleRight {
    float: right;
}

.ruleTxtLeft {
    float: left;
    width: 60px;
    display: inline-block;
    padding-left: 12px;
    line-height: 32px;
    height: 32px;
    background: url(../images/point.png) no-repeat left center;
}

.ruleControls {
    display: table-cell;
    width: auto;
}

.ruleNameText {
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border: solid 1px #e7e7eb;
    background-color: #fff;
    width: 170px;
}

.ruleNameTxt {
    color: #8d8d8d;
    padding-top: 5px;
}

.categoriesHd {
    padding: 0 14px;
    line-height: 40px;
    text-align: right;
}

    .categoriesHd .ruleTxtLeft {
        text-align: left;
        line-height: 40px;
        height: 40px;
    }

.addCategories a {
    color: #03af80;
}

.keyWordsListBox {
}

.keyWordsList {
    border-top: solid 1px #e7e7eb;
    padding-left: 30px;
}

    .keyWordsList li {
        position: relative;
        line-height: 40px;
        border-top: solid 1px #e7e7eb;
    }

        .keyWordsList li:first-child {
            border-top: none;
        }

        .keyWordsList li .categorTxt {
            margin-right: 200px;
            padding: 15px 0;
            line-height: normal;
        }

            .keyWordsList li .categorTxt strong {
                font-weight: 500;
            }

        .keyWordsList li .operatingKey {
            position: absolute;
            top: 15px;
            right: 14px;
            line-height: normal;
        }

            .keyWordsList li .operatingKey a {
                color: #03af80;
                margin-left: 12px;
            }

                .keyWordsList li .operatingKey a.operatingIco {
                    width: 14px;
                    height: 14px;
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 100px;
                    overflow: hidden;
                }

a.editIco {
    background-position: -436px 0;
}

    a.editIco:hover {
        background-position: -436px -22px;
    }

a.deleteIco {
    background-position: -459px 0;
}

    a.deleteIco:hover {
        background-position: -459px -22px;
    }

.replyBox {
}

    .replyBox .categoriesHd {
        height: 40px;
        border-top: solid 1px #e7e7eb;
    }

.replyCheckR {
    float: right;
}

    .replyCheckR input {
        float: left;
        margin-top: 15px;
        margin-right: 2px;
    }

.replyIcoBox {
}

.replyIcoList {
    border-top: solid 1px #e7e7eb;
    padding: 5px 30px;
}

    .replyIcoList li {
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
        padding: 5px 0;
    }

        .replyIcoList li a i {
            width: 20px;
            height: 20px;
            margin: -2px 3px 0 0;
            vertical-align: middle;
            display: inline-block;
            background-image: url(../images/wxIco.png);
            background-repeat: no-repeat;
        }

        .replyIcoList li a.writingIco i {
            background-position: 0 0;
        }

        .replyIcoList li a.writingIco:hover i {
            background-position: 0 -30px;
        }

        .replyIcoList li a.imageIco i {
            background-position: 0 -60px;
        }

        .replyIcoList li a.imageIco:hover i {
            background-position: 0 -90px;
        }

        .replyIcoList li a.voiceIco i {
            background-position: 0 -180px;
        }

        .replyIcoList li a.voiceIco:hover i {
            background-position: 0 -210px;
        }

        .replyIcoList li a.videoIco i {
            background-position: 0 -120px;
        }

        .replyIcoList li a.videoIco:hover i {
            background-position: 0 -150px;
        }

        .replyIcoList li a.graphicIco i {
            background-position: 0 -240px;
        }

        .replyIcoList li a.graphicIco:hover i {
            background-position: 0 -270px;
        }

        .replyIcoList li a.cardVouIco i {
            background-position: 0 -360px;
        }

        .replyIcoList li a.cardVouIco:hover i {
            background-position: 0 -390px;
        }
/* tips */
.dark-tooltip {
    display: none;
    position: absolute;
    z-index: 99;
    text-decoration: none;
    font-weight: normal;
    height: auto;
    top: 0;
    left: 0;
}

    .dark-tooltip.small {
        padding: 4px;
        font-size: 12px;
        max-width: 150px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .dark-tooltip.medium {
        padding: 6px 8px;
        font-size: 14px;
        max-width: 200px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .dark-tooltip.large {
        padding: 16px;
        font-size: 16px;
        max-width: 250px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .dark-tooltip .tip {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        line-height: 0px;
    }

    .dark-tooltip.south .tip {
        left: 50%;
        top: 100%;
    }

    .dark-tooltip.south.medium .tip {
        border-width: 6px 6px 0 6px;
        margin-left: -6px;
    }

    .dark-tooltip.dark {
        background-color: #1B1E24;
        color: #fff;
    }

        .dark-tooltip.dark.south .tip {
            border-color: #1B1E24 transparent transparent transparent;
            _border-color: #1B1E24 #000000 #000000 #000000;
            _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        }

.cardListBox {
    padding-left: 30px;
    border-top: solid 1px #e7e7eb;
}

    .cardListBox li {
        position: relative;
        line-height: 40px;
        border-top: solid 1px #e7e7eb;
    }

        .cardListBox li:first-child {
            border-top-width: 0;
        }

.cardLeftBox {
    margin-right: 200px;
    padding: 15px 0;
    line-height: normal;
}

.cardInnerBox {
    width: 298px;
    border-radius: 5px;
    border: solid 1px #e7e7eb;
}

.cardBox {
    position: relative;
    padding: 21px 13px 21px 84px;
    height: 60px;
    line-height: 57px;
    background-color: #03af80;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-weight: normal;
}

    .cardBox .cardLogo {
        position: absolute;
        top: 21px;
        left: 13px;
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        padding: 0;
        margin-top: 0;
    }

.cardInnerBox .cardTxt {
    border-radius: 0 0 3px 3px;
    padding: 7px 13px;
    color: #8d8d8d;
}

.card_tpl_deco {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 298px;
    height: 5px;
    background: url(../images/card_tpl_deco.png) repeat-x center;
    border-left: solid 1px #e7e7eb;
    border-right: solid 1px #e7e7eb;
}

.cardDelete {
    position: absolute;
    top: 15px;
    right: 14px;
    line-height: normal;
}

    .cardDelete a {
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-left: 12px;
        display: inline-block;
        line-height: 100px;
        overflow: hidden;
    }

.replyFot {
    line-height: 50px;
    padding: 0 14px;
    background-color: #f4f5f9;
    border-top: solid 1px #e7e7eb;
    display: none;
}

    .replyFot .replyTxtBox {
        float: left;
        color: #8d8d8d;
    }

    .replyFot .replyBot {
        text-align: right;
    }

        .replyFot .replyBot a {
            margin: 0 2px 0 8px;
        }

.ruleLiItem.open .ruleAddBoxTwo, .ruleLiItem.open .replyFot, .ruleLiItem.open .arrow_up {
    display: block;
}

.ruleLiItem.open .ruleAddBoxOne, .ruleLiItem.open .arrow_down {
    display: none;
}

.cardListBox li .ruleInsert {
    padding: 15px 0;
    margin-right: 200px;
    line-height: normal;
}

.cardListBox li .graphicBox {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    margin-bottom: 20px;
    border: solid 1px #e7e7eb;
    background-color: #fff;
}

    .cardListBox li .graphicBox .graphicInner {
        padding: 0 14px;
        position: relative;
    }

        .cardListBox li .graphicBox .graphicInner h3 {
            font-weight: 500;
            font-weight: normal;
            font-size: 16px;
            padding-top: 10px;
            line-height: 28px;
            max-height: 56px;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
        }

        .cardListBox li .graphicBox .graphicInner .graphicTime {
            font-size: 13px;
            line-height: 20px;
            padding-bottom: 10px;
            color: #666;
        }

            .cardListBox li .graphicBox .graphicInner .graphicTime em {
                font-style: normal;
            }

        .cardListBox li .graphicBox .graphicInner .graphicImg {
            height: 160px;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .cardListBox li .graphicBox .graphicInner .graphicTxt {
            padding: 5px 0 10px;
            word-wrap: break-word;
            word-break: break-all;
            color: #666;
        }

.scrollBox {
    width: 48px;
    height: 70px;
    text-align: center;
    position: fixed;
    right: 30px;
    bottom: 66px;
    cursor: pointer;
    font-size: 14px;
}

    .scrollBox span {
        background: #9D9D9D;
        border-radius: 3px;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

        .scrollBox span i {
            width: 32px;
            height: 18px;
            display: inline-block;
            background-position: -296px -72px;
            margin: 15px auto 0;
        }

    .scrollBox p {
        padding-top: 4px;
        color: #ccc;
        -moz-transition: color 1s;
        -webkit-transition: color 1s;
        -o-transition: color 1s;
    }

    .scrollBox:hover p {
        color: #666;
    }

.caseLink {
    display: none;
    position: absolute;
    bottom: -55px;
    text-align: center;
    height: 40px;
    width: 134px;
    left: 0;
}

    .caseLink p {
        position: relative;
    }

        .caseLink p span {
            height: 40px;
            width: 134px;
            background-color: #bebdae;
            border-radius: 5px;
            position: absolute;
            left: 0;
            top: 0;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }

    .caseLink:hover p span {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

    .caseLink p a {
        height: 40px;
        width: 134px;
        display: inline-block;
        line-height: 40px;
        color: #232323;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18px;
    }

/* online service */
.onlineService {
    font-size: 14px;
    position: fixed;
    bottom: 150px;
    right: 0px;
    _position: absolute;
    z-index: 10002;
}

    .onlineService .floatL {
        width: 48px;
        float: left;
        position: relative;
        z-index: 1;
        height: 148px;
        background-color: #03ae81;
        border-radius: 5px 0 0 5px;
    }

        .onlineService .floatL a {
            font-size: 18px;
            display: block;
            padding: 15px 10px 0;
            text-align: center;
            width: 28px;
            line-height: 22px;
            color: #fff;
        }

            .onlineService .floatL a i {
                width: 12px;
                height: 14px;
                display: inline-block;
                margin: 0 auto;
                margin-top: 10px;
            }

        .onlineService .floatL .btnOpen, .onlineService .floatL .btnCtn {
            position: relative;
            z-index: 9;
            top: 0;
            left: 0;
            display: block;
            height: 148px;
        }

            .onlineService .floatL .btnOpen i {
                background-position: -348px -72px;
            }

            .onlineService .floatL .btnCtn i {
                background-position: -336px -72px;
            }

    .onlineService .floatR {
        width: 160px;
        height: 300px;
        border: solid 1px #d7d7d7;
        border-right: none;
        background-color: #fff;
        float: left;
        padding: 0 10px;
        margin-left: -1px;
        overflow: hidden;
        -webkit-box-shadow: -2px 3px 5px rgba(180, 180, 180, 0.4);
        -moz-box-shadow: -2px 3px 5px rgba(180, 180, 180, 0.4);
        box-shadow: -2px 3px 5px rgba(180, 180, 180, 0.4);
    }

        .onlineService .floatR .qqOnline {
            padding-top: 4px;
        }

    .onlineService .qqOnline h3 {
        font-size: 16px;
        color: #000;
        line-height: 45px;
        font-weight: 500;
    }

    .onlineService .qqOnline ul {
        padding: 0 0 10px;
        border-bottom: solid 1px #e7e7e7;
    }

        .onlineService .qqOnline ul li {
            line-height: 22px;
            height: 22px;
            margin-bottom: 20px;
        }

            .onlineService .qqOnline ul li span {
                color: #555;
            }

            .onlineService .qqOnline ul li.hotline {
                font-size: 16px;
                color: #b91100;
                padding-top: 2px;
                margin-bottom: 10px;
            }

.serviceHours {
    text-align: center;
    color: #555;
    padding-top: 10px;
    line-height: 22px;
}

.menuLeft dl dt i, .pageBut, .navsdivs_left_content_top_center_div em, .setTips i, .succcess i, .editTxtBox i, .addRule a i, .keyWordsList li .operatingKey a.operatingIco, .cardDelete a, .loginNewsBox dd .moreIco, .loginNewsBox dd.moreLink i, .preMenuItem .iconMenuDot, .previewArea .iconMenuAdd, .icon_msg.warn, .icon16_common.search_gray, .icon_card_selected, .senderHead li i, .scrollBox span i, .onlineService .floatL a i {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}

/* 1024 */
.loginBody2 {
    background-color: #e7e8eb;
}

.loginHead2 {
    height: 60px;
    background-color: #fff;
    width: 100%;
}

    .loginHead2 .loginTopDiv {
        width: auto;
        max-width: 1150px;
        margin: 0 auto;
    }

        .loginHead2 .loginTopDiv .loginLogo {
            float: left;
            margin-top: 14px;
        }

        .loginHead2 .loginTopDiv .loginTxt {
            float: right;
            margin-top: 16px;
        }

            .loginHead2 .loginTopDiv .loginTxt a {
                width: 80px;
                height: 30px;
                background-color: #44b549;
                color: #fff;
                text-align: center;
                border-radius: 4px;
                font-size: 16px;
                line-height: 30px;
                display: inline-block;
            }

.focusBanner {
    height: 560px;
    width: 100%;
}

/* banner */
#banner {
    width: 100%;
    height: 540px;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    position: relative;
}

    #banner a {
        width: 100%;
        height: 540px;
        display: none;
    }

    #banner img {
        margin: 0 auto;
        display: block;
        height: 540px;
    }

.banner_bar {
    width: 240px;
    z-index: 69;
    height: 10px;
    margin-left: -90px;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
}

    .banner_bar div {
        width: 48px;
        height: 7px;
        margin: 0 6px;
        float: left;
        display: inline-block;
        cursor: pointer;
        background-color: #e7e8eb;
    }

    .banner_bar .dq {
        background-color: #50a7d7;
    }

    .banner_bar .no {
    }

#bannerBg {
    height: 540px;
    overflow: hidden;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
}

#bannerLine {
    height: 540px;
    width: 100%;
    clear: both;
}

.loginMainBox2 {
    width: auto;
    max-width: 1150px;
    margin: 0 auto;
}

.noticeBox {
    padding: 12px 20px;
    background-color: #fff;
}

    .noticeBox .loginNewsBox {
        height: 48px;
        border: solid 1px #ddd;
        font-size: 14px;
        background-color: #fff;
        line-height: 48px;
        margin: 0;
        padding: 0 90px 0 20px;
        overflow: hidden;
        position: relative;
        color: #000;
    }

        .noticeBox .loginNewsBox dd a {
            color: #000;
        }

            .noticeBox .loginNewsBox dd a:hover {
                color: #39f;
                text-decoration: underline;
            }

        .noticeBox .loginNewsBox dd i {
            color: #ff2020;
        }

.platformBox {
    width: 100%;
    height: auto;
    padding-top: 15px;
    color: #000;
}

    .platformBox h2 {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 8px;
        font-weight: 500;
    }

.platformInBox {
    height: 344px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

    .platformInBox ul {
        width: 100%;
        margin-left: -1px;
    }

    .platformInBox li {
        height: 344px;
        width: 33%;
        float: left;
        position: relative;
        border-left: solid 1px #e7e8eb;
    }

        .platformInBox li .freeIco {
            width: 62px;
            height: 62px;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            background-position: 0 0;
        }

        .platformInBox li h3 {
            height: 72px;
            line-height: 72px;
            font-size: 14px;
            text-align: center;
            font-weight: 500;
        }

        .platformInBox li .modularDiv {
            width: 295px;
            height: 230px;
            margin: 0 auto;
            overflow: hidden;
        }

            .platformInBox li .modularDiv table {
                width: 299px;
                height: 234px;
                margin: -2px;
                border-collapse: collapse;
            }

                .platformInBox li .modularDiv table td {
                    border: solid 1px #e7e8eb;
                    width: 50%;
                }

.modularInDiv {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    line-height: 16px;
}

    .modularInDiv a {
        width: 100%;
        height: 100%;
        display: block;
        line-height: 18px;
    }

        .modularInDiv a i {
            width: 62px;
            height: 62px;
            display: block;
            margin: 0 auto 5px;
            clear: both;
        }

        .modularInDiv a.modularIco1 i {
            background-position: 0 -68px;
        }

        .modularInDiv a.modularIco1:hover i {
            background-position: 0 -130px;
        }

        .modularInDiv a.modularIco2 i {
            background-position: -62px -68px;
        }

        .modularInDiv a.modularIco2:hover i {
            background-position: -62px -130px;
        }

        .modularInDiv a.modularIco3 i {
            background-position: -372px -68px;
        }

        .modularInDiv a.modularIco3:hover i {
            background-position: -372px -130px;
        }

        .modularInDiv a.modularIco4 i {
            background-position: -434px -68px;
        }

        .modularInDiv a.modularIco4:hover i {
            background-position: -434px -130px;
        }

        .modularInDiv a.modularIco5 i {
            background-position: -124px -68px;
        }

        .modularInDiv a.modularIco5:hover i {
            background-position: -124px -130px;
        }

        .modularInDiv a.modularIco6 i {
            background-position: -186px -68px;
        }

        .modularInDiv a.modularIco6:hover i {
            background-position: -186px -130px;
        }

        .modularInDiv a.modularIco7 i {
            background-position: -496px -68px;
        }

        .modularInDiv a.modularIco7:hover i {
            background-position: -496px -130px;
        }

        .modularInDiv a.modularIco8 i {
            background-position: -558px -68px;
        }

        .modularInDiv a.modularIco8:hover i {
            background-position: -558px -130px;
        }

        .modularInDiv a.modularIco9 i {
            background-position: -248px -68px;
        }

        .modularInDiv a.modularIco9:hover i {
            background-position: -248px -130px;
        }

        .modularInDiv a.modularIco10 i {
            background-position: -310px -68px;
        }

        .modularInDiv a.modularIco10:hover i {
            background-position: -310px -130px;
        }

        .modularInDiv a.modularIco11 i {
            background-position: -620px -68px;
        }

        .modularInDiv a.modularIco11:hover i {
            background-position: -620px -130px;
        }

        .modularInDiv a.modularIco12 i {
            background-position: -682px -68px;
        }

        .modularInDiv a.modularIco12:hover i {
            background-position: -682px -130px;
        }

        .modularInDiv a.modularIco13 i {
            background-position: -744px -68px;
        }

        .modularInDiv a.modularIco13:hover i {
            background-position: -744px -130px;
        }

        .modularInDiv a.modularIco14 i {
            background-position: -806px -68px;
        }

        .modularInDiv a.modularIco14:hover i {
            background-position: -806px -130px;
        }

        .modularInDiv a.modularIco15 i {
            background-position: -124px -192px;
        }

        .modularInDiv a.modularIco15:hover i {
            background-position: -124px -254px;
        }

        .modularInDiv a.modularIco16 i {
            background-position: -186px -192px;
        }

        .modularInDiv a.modularIco16:hover i {
            background-position: -186px -254px;
        }

        .modularInDiv a.modularIco17 i {
            background-position: -868px -68px;
        }

        .modularInDiv a.modularIco17:hover i {
            background-position: -868px -130px;
        }

        .modularInDiv a.modularIco18 i {
            background-position: -930px -68px;
        }

        .modularInDiv a.modularIco18:hover i {
            background-position: -930px -130px;
        }

        .modularInDiv a.modularIco19 i {
            background-position: -248px -192px;
        }

        .modularInDiv a.modularIco19:hover i {
            background-position: -248px -254px;
        }

        .modularInDiv a.modularIco20 i {
            background-position: -310px -192px;
        }

        .modularInDiv a.modularIco20:hover i {
            background-position: -310px -254px;
        }

        .modularInDiv a.modularIco21 i {
            background-position: 0 -192px;
        }

        .modularInDiv a.modularIco21:hover i {
            background-position: 0 -254px;
        }

        .modularInDiv a.modularIco22 i {
            background-position: -62px -192px;
        }

        .modularInDiv a.modularIco22:hover i {
            background-position: -62px -254px;
        }

        .modularInDiv a.modularIco23 i {
            background-position: -372px -192px;
        }

        .modularInDiv a.modularIco23:hover i {
            background-position: -372px -254px;
        }

        .modularInDiv a.modularIco24 i {
            background-position: -434px -192px;
        }

        .modularInDiv a.modularIco24:hover i {
            background-position: -434px -254px;
        }


        .modularInDiv a.modularIco25 i {
            background-position: -496px -192px;
        }

        .modularInDiv a.modularIco25:hover i {
            background-position: -496px -254px;
        }

        .modularInDiv a.modularIco26 i {
            background-position: -558px -192px;
        }

        .modularInDiv a.modularIco26:hover i {
            background-position: -558px -254px;
        }

        .modularInDiv a.modularIco27 i {
            background-position: -744px -192px;
        }

        .modularInDiv a.modularIco27:hover i {
            background-position: -744px -254px;
        }

        .modularInDiv a.modularIco28 i {
            background-position: -806px -192px;
        }

        .modularInDiv a.modularIco28:hover i {
            background-position: -806px -254px;
        }

        .modularInDiv a.modularIco29 i {
            background-position: -620px -192px;
        }

        .modularInDiv a.modularIco29:hover i {
            background-position: -620px -254px;
        }

        .modularInDiv a.modularIco30 i {
            background-position: -682px -192px;
        }

        .modularInDiv a.modularIco30:hover i {
            background-position: -682px -254px;
        }

        .modularInDiv a.modularIco31 i {
            background-position: -868px -192px;
        }

        .modularInDiv a.modularIco31:hover i {
            background-position: -868px -254px;
        }

        .modularInDiv a.modularIco32 i {
            background-position: -930px -192px;
        }

        .modularInDiv a.modularIco32:hover i {
            background-position: -930px -254px;
        }


        .modularInDiv a.modularIco33 {
            font-size: 18px;
            line-height: 28px;
        }

            .modularInDiv a.modularIco33 p {
                padding-top: 128px;
            }

                .modularInDiv a.modularIco33 p i {
                    display: block;
                    width: 74px;
                    height: 74px;
                    margin-bottom: 12px;
                    background-position: 0 -316px;
                }

            .modularInDiv a.modularIco33:hover p i {
                background-position: -74px -316px;
            }

.caseBgBox {
    padding: 20px;
    background-color: #fff;
    overflow: auto;
    margin-bottom: 40px;
}

    .caseBgBox .loginTabBox {
        margin-bottom: 0px;
    }

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

    .loginLayer .closeBut {
        cursor: pointer;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 8px;
        right: 10px;
        display: inline-block;
        background-position: -74px 0;
    }

    .loginLayer dl {
        height: 202px;
        padding-top: 33px;
    }

        .loginLayer dl dt {
            float: left;
            text-align: center;
            width: 204px;
            line-height: 24px;
            font-size: 14px;
            padding-top: 11px;
        }

            .loginLayer dl dt img {
                display: block;
                margin: 0 auto 12px;
            }

        .loginLayer dl dd {
            float: left;
            height: 202px;
            padding-left: 45px;
            width: 240px;
        }

            .loginLayer dl dd h2 {
                height: 24px;
                line-height: 24px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .loginLayer dl dd li {
                font-size: 12px;
                height: 36px;
                margin-bottom: 15px;
                line-height: 36px;
            }

                .loginLayer dl dd li .focusText {
                    width: 240px;
                    height: 36px;
                    display: block;
                    position: relative;
                }

                    .loginLayer dl dd li .focusText span {
                        position: absolute;
                        left: 37px;
                        color: #a0a0a0;
                    }

                    .loginLayer dl dd li .focusText i {
                        width: 19px;
                        height: 19px;
                        display: inline-block;
                        position: absolute;
                        left: 9px;
                        top: 9px;
                    }

                        .loginLayer dl dd li .focusText i.usernameIco {
                            background-position: -103px 0;
                        }

                        .loginLayer dl dd li .focusText i.passwordIco {
                            background-position: -133px 0;
                        }

                    .loginLayer dl dd li .focusText .loginInput {
                        color: #000;
                        padding: 7px 4px 7px 36px;
                        border: solid 1px #a0a0a0;
                        border-radius: 3px;
                        width: 198px;
                    }

                .loginLayer dl dd li.savePassword {
                    height: 20px;
                    line-height: 20px;
                    margin-bottom: 12px;
                    margin-top: -4px;
                }

                    .loginLayer dl dd li.savePassword p input, .loginLayer dl dd li.savePassword p label {
                        vertical-align: middle;
                    }

                    .loginLayer dl dd li.savePassword p label {
                        padding-left: 6px;
                    }

.loginLayerBut {
    height: 36px;
    line-height: 36px;
    width: 240px;
    background-color: #44b549;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}


.platformInBox li .freeIco, .modularInDiv a i, .loginLayer .closeBut, .loginLayer dl dd li .focusText i {
    background-image: url(../images/png2.png);
    background-repeat: no-repeat;
}


@media screen and (max-width:1050px) {
    .filterBox li {
        margin-right: 5px;
    }
}

@media screen and (max-height:720px) {
    .caseLink {
        display: block;
    }
}