@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 {
    margin: 0;
    padding: 0;
}

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

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;
}

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

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

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

.left {
    float: left;
}

.right {
    float: right;
}

.head {
    background-color: #303a3f;
    height: 61px;
    width: 100%;
    margin-bottom: 0;
}

.headBox {
    max-width: 1300px;
    margin: 0 auto;
    height: 54px;
}

    .headBox .logo {
        float: left;
        padding-left: 10px;
        font-size: 20px;
        color: #dde2e7;
        line-height: 54px;
    }

        .headBox .logo img {
            float: left;
            margin: 10px 0 0 -152px;
        }

    .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;
            }


.head .headRig {
    padding-right: 18px;
}

    .head .headRig .colSpan {
        color: #d9d9d9;
        cursor: pointer;
        position: relative;
    }

    .head .headRig .headCustSpan {
        display: none;
    }

    .head .headRig .colSpan .container {
        padding: 15px 10px 15px 2px;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .head .headRig .headCustSpan .container, .head .headRig .headProviderSpan .container {
        padding-bottom: 19px;
    }

    .head .headRig .colSpan .container:hover {
        color: #03af80;
    }

    .head .headRig .colSpan .icon-arrow-down {
        background-image: url(../images/png.png);
        background-repeat: no-repeat;
        width: 12px;
        height: 8px;
        display: inline-block;
        background-position: -46px -300px;
        margin-bottom: 3px;
        margin-left: 4px;
    }

    .head .headRig .hdInfo {
        min-width: 32px;
    }

.headLayerBox {
    font-size: 14px;
    background-color: #eee;
    border: 1px solid #ddd;
    z-index: 99;
    display: none;
    border-radius: 5px;
    padding: 3px;
}

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

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

    .headLayerTitBox 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;
    }

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

.headLayerBox .formInputRow {
    margin-right: 35px;
    color: #999;
    float: left;
    height: 44px;
}

    .headLayerBox .formInputRow > label {
        width: 50px;
        display: inline-block;
    }

    .headLayerBox .formInputRow .ui-helper-hidden-accessible {
        display: none;
    }

.headLayerBox1 {
    font-size: 14px;
    background-color: #eee;
    border: 1px solid #ddd;
    z-index: 99;
    display: none;
    border-radius: 5px;
    padding: 3px;
}

    .headLayerBox1 .formInputRow {
        margin-right: 35px;
        color: #999;
        float: left;
        height: 44px;
    }

        .headLayerBox1 .formInputRow > label {
            width: 50px;
            display: inline-block;
        }

        .headLayerBox1 .formInputRow .ui-helper-hidden-accessible {
            display: none;
        }


.headModalBranchSelect {
    z-index: 999;
    background-color: white;
    position: absolute;
    display: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
    border-radius: 0px !important;
}

    .headModalBranchSelect ul {
        color: #777777;
        font-size: 14px;
    }

        .headModalBranchSelect ul li {
            padding-left: 15px;
            line-height: 30px;
            padding-right: 30px;
            box-sizing: border-box;
            max-width: 360px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .headModalBranchSelect ul li.on {
                background-color: #03AE81;
                color: white;
            }

                .headModalBranchSelect ul li.on::after {
                    content: "";
                    padding-right: 18px;
                    position: absolute;
                    right: 0px;
                    width: 10px;
                    display: inline-block;
                    height: 15px;
                    margin-top: 6px;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-image: url(../Images/check2.png);
                }

            .headModalBranchSelect ul li:not(.on):hover {
                background: #f5f2f2;
            }

    .headModalBranchSelect .nofoundrecord {
        display: none;
        color: #777777;
        font-size: 14px;
        padding-left: 15px;
        line-height: 30px;
        box-sizing: border-box;
    }

#lblHeadBranchSelect {
    text-align: center;
    width: 70px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdInfoIn {
    position: relative;
    width: 18px;
    height: 18px;
}

    .hdInfoIn .hdInfoIco {
        position: relative;
    }

        .hdInfoIn .hdInfoIco .icoInfo {
            width: 18px;
            height: 18px;
            display: inline-block;
            background-position: 0 -300px;
        }

        .hdInfoIn .hdInfoIco .infoNum {
            position: absolute;
            width: 20px;
            height: 20px;
            color: #fff;
            font-size: 12px;
            line-height: 20px;
            display: inline-block;
            background-color: #f0594e;
            border-radius: 50%;
            text-align: center;
            right: -10px;
            top: -10px;
        }

.head .headRig .hdIdentity { /*float:left;*/
    margin-top: 14px;
}

.hdIdentityIn {
    padding-left: 36px;
    color: #d9d9d9;
    position: relative;
    padding-right: 6px;
}

    .hdIdentityIn .hdIdentityCon {
        font-size: 14px;
        line-height: 34px;
        position: relative;
    }

    .hdIdentityIn .hdImgLeft {
        float: left;
        margin: 0 0 0 -36px;
    }

        .hdIdentityIn .hdImgLeft img {
            border-radius: 50%;
        }

    .hdIdentityIn .hdIdentityCon p i {
        width: 12px;
        height: 8px;
        display: inline-block;
        background-position: -46px -300px;
        margin-left: 5px;
    }
/* tips */
.head .headRig .notedefault {
    display: none;
    top: 18px;
    position: absolute;
    padding-top: 12px;
    margin-left: 10px;
}

.head .headRig .select_permission {
    width: 128px;
    position: relative;
    font-size: 14px;
}

    .head .headRig .select_permission .spInnerBox {
        text-align: left;
        border: solid 1px #dbdbdb;
        background-color: #fff;
        border-radius: 3px;
        zoom: 1;
        background-image: none;
    }

        .head .headRig .select_permission .spInnerBox ul {
            padding-top: 10px;
        }

            .head .headRig .select_permission .spInnerBox ul li {
                height: 28px;
                line-height: 28px;
                margin-bottom: 10px;
                overflow: hidden;
            }

                .head .headRig .select_permission .spInnerBox ul li a {
                    display: block;
                    padding-left: 46px;
                }

                    .head .headRig .select_permission .spInnerBox ul li a:hover {
                        background-color: #f5f6fa;
                    }

                    .head .headRig .select_permission .spInnerBox ul li a i {
                        width: 14px;
                        height: 14px;
                        display: inline-block;
                        float: left;
                        margin: 7px 0 0 -26px;
                    }

                    .head .headRig .select_permission .spInnerBox ul li a.changePass i {
                        background-position: -18px -300px;
                    }

                    .head .headRig .select_permission .spInnerBox ul li a.dropOut i {
                        background-position: -32px -300px;
                    }

                    .head .headRig .select_permission .spInnerBox ul li a.aboutUs i {
                        background-image: none !important;
                    }

.smsTips i {
    background-position: -72px -300px;
    width: 16px;
    height: 14px;
    display: inline-block;
    margin: 10px;
    float: left;
}

.smsTips a {
    color: #459ae9;
    text-decoration: none
}

    .smsTips a:hover {
        text-decoration: underline
    }

/* modify by yzl@20190402 重构top结构 */
.headBoxNew {
    display: table;
    margin: 0 auto;
    /*max-width: 1600px;*/
    padding: 5px 30px 0 30px;
}

    .headBoxNew .logo {
        font-size: 20px;
        color: #dde2e7;
        line-height: 54px;
        display: table-cell;
        vertical-align: top;
        width: 10%;
    }

        .headBoxNew .logo > div {
            display: table-row;
            width: 100%;
            white-space: nowrap;
        }

            .headBoxNew .logo > div > .himg {
                vertical-align: top;
                display: inline-block;
                margin: 13px;
                width: 136px;
                height: 27px;
                background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAbCAYAAACnSMe/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNTMzRjY2MkExOUYxMUU3QkU0MkZCNjY3RjdDODU0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNTMzRjY2M0ExOUYxMUU3QkU0MkZCNjY3RjdDODU0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MzNGNjYwQTE5RjExRTdCRTQyRkI2NjdGN0M4NTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MzNGNjYxQTE5RjExRTdCRTQyRkI2NjdGN0M4NTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+owxf2gAACkZJREFUeNrsmwuUVlUVx+8MMMwAoZgMMDoKRlCRYKJkkmBU5jLXCEiJCgqGpDzisbSiBxMBiyGUBlM0SMSyBwo5yiiIkGhAiDQhuFATTMCQIR8gMCCPpr3rd3Sv473znTsztHCt2Wv91/d993Huuef8z97/ve/9sqqrq6NM9uqOXVGDfXTtrMK2IXP8Ofn4rmCPoLlgq2BK4+PQnxGCToHHPi+4T9BNMDRm/0HBTwQdBDeZ7VsEdwZeo53gPMHimH2XCD4j2CxYVod7vkHwRwY3xBoJLuL7esF+b//n6fd2QUUt+3Sq4LNM/lohySH5bCafVTHkaCMfEwRLBKcJNgmOCX6UVc8eZLDg14HHvsXE7RP8VXBmQnuPCtYJOrPtgOACwQvesVmQqDmDq6Q6h0+1IsHjgqYCN0j3Mrn3C4bEXP/rgrtitg83hLpG8FvBXsEvBLMEbwbcvxt4XbkbvH1lgitq6FeI9RU8zPcO9HOk9l1I8pg3v2PkY7VgtGAM531VMD+7Hj3H+YI5gccqO78heF3wYAI5Zgp+x+B3NtuHxJDDDbgSaoZgvKAfA/OO4M+sygWCVYICztmXoZ9N6Jvz0QX8bmaO2US7J+mKS/BUtbX99dRORxaC9r9cCDFfcLLnbXYKchnvNUKio7qQ6osgbXCxuYHH3yJ4SnCboE/M/j8RDycJLjfbpwkW1tDuJNoeKKhkW39BL8Ejgt6s2OcIa5nsMJ9rBe0JRc5OZpuS7PuCq3Qx0u8kU492MXB2Hts1bL4GLmHfdWab4plakkvDWBcWTzWesaPZv1LwTUK6jncXIZDeW4v60CBN8AKnBx7/gKCU1T4mZv82OlvEinT2mPc7znQin2VwprMtm8ncKOgheJKJf8ucdyShvaoarjVWUOxtexxv1RyNsdTbXwpJrc0VPM0qVi901OxrSrjM4XecxtHrfcwQusoQ2Fm5aXcPpJ4tJNgonmKYYIV8vxTN05nQq+Hye/VBkFJWaIitJ353TwhHVcTetp6WeUUwSPDvDO1vY5CtreBzHIJYV29jwltkdE1N1ttoBmcv4ZXUPoEgbMVvJc6tghLEn7OleAK16/nUkLTG8ypOg9wNEWuys2Pu2bee3u9WhN8qk+ncKiRRbXcZGupa2fZuXQnyLbKWENuNu2+JCMpNyAa2EwJaGFfZNzBD2M7kH2bCGpGuHWVlbGF1/CDlfVYyuUUM7unooNtZjQO43qcg03izuq2VmO+OIBMRqd8W5BnCOQHrCKKe8S8xfbuce7Zkb4o3c55Fw/JUvrcwx+/x0uG1eOH3rS4EUdE3O/DYo4QNTYeWCwpjjpnBjZSbAYrwHJsDr9PVrKqNJuN4k/AyTN2m4NOCq1Pc60uI4w0QZAAu2NnTZmUugZgzmKRM9kNCUkGMLuplvPML3Jdvq2K2/dKQI8IbTRECPJ92kmsrUtsiSnMCjx/LIM5MCEfLcMWTBZd6ovORWvRvsqd51lFzuQwh9h6IE9tx1p56jMtmVtO3g/y2dYA8iDEhpp1CFsp9ZtsAUvSJhBq1h6gLDSVsOg0WYkNYFL5OLJMQ0u7/QZAcQkRB4PHzqCXozY6K2b+VrGOAN6iLmYS0NowVY9tvCqHVfX6RUKbe5pNmkjSMPBFzrxGpbbEh0JOEqjxIssU7bzqpfFzqvsCrbdxImHiUdiPC1QN4jTMR0XcF3HuR0XZLzPbNkFzF6BnHmyB3UqgKsXVoFA1H98TsP4C+KIRI1qUPihGGmbKpSbjXyAjaEjKW7QzyfGojFXiUiOphM64bealshKD9EmSz+suFF5chOK90B2HDt3sh6QhPuB8zgn83IfCnZkw0nO3IcP83EqJ1HH4u+JnZdyV913bXC0muOF4EGU5HQoVdf+JyUjgaQoGmzBSf9uIB3k3ZN4253+GeSsyAqh74uOBCUmutB/xDsMiUsV3MHpgQcnZQK3C1he6m3jHLHL8cknUjNLb02lOh+wWykzjbY8Z3AppjWwZP2gFizIEcJYhkm+buIpPR+21NuFkp6Kfl9/oiSM8o/PnHESqZ/6LzceFoCqFqgSmHV+M5/l4Lz/Y2hbfpXqg6ipgehSdTInQirDjFfiihze4mzfb7ngfxl3rXupaw82V0T0HK+9jBvURGnCaZlsZfxkPomN+UoH1OEoFayRyWMs696f8NNXUmNIs5jRXXJPD4UaRkc2JycCe4ilH6XzHbi8liamszTPXT6oiRCce7MJCbsDIHmhTzFJN6T4XIw4nt+ea8CoTog3iUnV67mm6f4dV+Chinqwm5WYTEtlQ9X4XkD0EYF3rnky63wjuuSbjPLNJYXQjjxGv8gbHam0nbZCSINOYEXpvASZoLMZLCkSt6XWXqBRHXmFLHuszhWp6Xm1C3eRF99ATeMNuklvcQBl8mhNnrl+Ottsa029fUQ6oJgRtNGwfQEFMph9+B/vkxxb6zTbFtH1nfoSjFcxshihK+l86tfK+uqwe5mxpCiK0xmUrSI+CWrNzdCEk36Pl4qMNR/dgy2nyjhmMqiNUVCQK6H9plK6RoTfHrb6w+R+w+rPJSc/6mhGsuZ4L/iVd+kdBQTOYyDzK68NIH3TKeAuJrXntJT47fMCWCqgSivJdpEGt83C8MGw2DQ2wnMdsSY2KCwFpHPWQk1UhLxhFRg9WrhbwwlFqkCjl6k7eHuvb+MV5jMhmKbz1w0TNZNc5uNuljg50Alp1AjkJEVqiIvRkh55u6p+two3Ep7mi0inXxs3GpDXYiEkTIkceqz09ROJtXw/59UfLDtpl4k/4mluYQ19s1TM+J6UE0Azk38PxnvEwkybSucU304cf1jfFUEXUJV5FM+6zHt4UmPV+R4rzpZB//Dd0ZiO/bAhZWGfWdUwPP0+rm/QjQiwPPacM8PRcFPHTUYpi+RWZ+TxN0SU0QOWksKWiIvU6+fyTw+CWkar7lQ4Z1HtkuSFGY860jBbGHow9eHAqx6yl0OcIOjj54BJ/JxqHB1FOOicLeS1USLoZcSsyVAefkUJxzr1H+PvCcczxStg65qcaGHJpO3RY4GIcIG5UpJ24a3ulKb/u5rIjBZELuXQmto2yIwl8rcHYK6WSzKPx5TntSV+dBvhb972Xq7lH8I/W4LG4Xk7E98JpDSXd7gEU1pMfOLqL28pu0YyJzPITvwQ/sGkOO9lTpGgWeN5zBS2vVTH6n6MPvNgyiTa0J6F8Rzmd7KYWkVSmucwzhrG9a6bOSrgHndKW+oTUIfYj3Nr+7pbx2mjpODuHXvdUesuBqWys6bGooVcEahIc1Zay6EJtVC/b6BSj1Pu/E7NOaSE8KVJVmQBaiJ0JtL5nRU1Hm1xSdKSlfQRPNZTVvYfvxskVkbM8yB7sDztHQcqFZQKG2/6zCtisVgeHvfQ3yqyjsDe+IAb+lHgZGq44DYyYvmwlqggY4YkRZ0muKSZlT3PdMwk8rl6vxHuX8zk9J/jR/VVDdNYEFoFXoXoHXKKLGtBodmMlU/B/0JMKhkA7+R4ABAFcR2A7mSa88AAAAAElFTkSuQmCC) no-repeat center;
            }

            .headBoxNew .logo > div > .himg {
                background-image: url(../Images/logo_icon_white.png);
                background-size: contain;
                height: 40px;
                margin-bottom: 7px;
                margin-top: 7px;
                width: 60px;
            }

            .headBoxNew .logo > div > .htit {
                display: table-cell;
                white-space: nowrap;
                vertical-align: top;
            }

    .headBoxNew .headRig {
        padding-right: 0px;
        display: table-cell;
        vertical-align: top;
        width: 10%;
    }

        .headBoxNew .headRig > div {
            display: table;
            text-align: right;
            float: right;
        }

            .headBoxNew .headRig > div > div {
                display: table-row;
                white-space: nowrap;
            }

                .headBoxNew .headRig > div > div > div {
                    display: table-cell;
                    text-align: left;
                    vertical-align: middle;
                }

.hdNavNew {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

    .hdNavNew > div {
        display: table;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

        .hdNavNew > div > div {
            display: table-cell;
        }

            .hdNavNew > div > div:first-child {
                min-width: 70%;
            }

            .hdNavNew > div > div:last-child {
                width: 10%;
                vertical-align: middle;
            }

            .hdNavNew > div > div > div {
                display: table;
                min-width: 70%;
                text-align: center;
                margin: 0 auto;
            }

    .hdNavNew .midmenu a {
        padding: 0 2px;
        color: #d9d9d9;
        height: 54px;
        display: table-cell;
        white-space: nowrap;
        max-width: 160px;
        vertical-align: middle;
        text-align: center;
    }

        .hdNavNew .midmenu a.on {
            height: 51px;
            border-bottom: solid 3px #0bbc8c;
            color: #03af80;
        }

.headBoxNew .versionType {
    margin-left: 5px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    font-size: 12px;
}

.btnChangeStyle {
    float: left;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    border-radius: 5px;
    margin-right: 10px;
}

#js_top_menu .search_i {
    height: 30px;
    border-radius: 5px;
    background: rgba(255,255,255,0.1);
    position: relative;
}

    #js_top_menu .search_i img {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 7px;
        left: 9px;
    }

    #js_top_menu .search_i input {
        height: 30px;
        padding: 0;
        background: #d9d9d9;
        border: none;
        padding-left: 24px;
    }

#js_top_menu .allMenu {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    margin-right: -24px;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 999;
    background: #fff;
    overflow: hidden;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
    border-radius: 0px !important;
}

    #js_top_menu .allMenu li {
        line-height: 30px;
    }

        #js_top_menu .allMenu li a {
            height: 30px;
            width: 100%;
            padding: 0;
            margin: 0;
            color: #000;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: middle;
        }

        #js_top_menu .allMenu li:hover {
            background: #333;
        }

            #js_top_menu .allMenu li:hover a {
                color: #fff;
            }

.hdNav {
    width: auto;
    margin: 0 auto;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}

    .hdNav a {
        padding: 0 2px;
        margin: 0 25px;
        color: #d9d9d9;
        height: 54px;
        display: inline-block;
    }

        .hdNav a.on {
            height: 51px;
            border-bottom: solid 3px #0bbc8c;
            color: #03af80;
        }

.main {
    max-width: 948px;
    margin: 0 auto;
    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%;
    }

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

            .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 img {
                float: right;
                padding-left: 6px;
                padding-right: 6px;
                width: 22px;
                height: 22px;
            }

            .menuLeft dl dd a {
                display: inline-block;
                vertical-align: top;
                color: #666;
                padding-left: 2px;
                height: 34px;
                line-height: 34px;
            }
                .menuLeft dl dd a:hover {
                    color: #333;
                }

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

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

        .menuLeft dl.appCenter 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.microReserve dt i {
            background-position: -60px -360px;
        }

        .menuLeft dl.microRecharge dt i {
            background-position: -96px -416px;
        }

        .menuLeft dl.microUpgrade dt i {
            background-position: -96px -388px;
        }

        .menuLeft dl.microIntegral dt i {
            background-position: -160px -388px;
        }

        .menuLeft dl.microIntegralMall dt i {
            background-position: -94px -360px;
        }

        .menuLeft dl.microTicket dt i {
            background-position: -1px -388px;
        }

        .menuLeft dl.vipMarketing dt i {
            background-position: -126px -418px;
        }

        .menuLeft dl.interactMarketing dt i {
            background-position: -160px -418px;
        }

        .menuLeft dl.flashMarketing dt i {
            background-position: -160px -362px;
        }

        .menuLeft dl.gameMarketing dt i {
            background-position: -63px -416px;
        }

        .menuLeft dl.otherMarketing dt i {
            background-position: -127px -390px;
        }

        .menuLeft dl.employeeReward dt i {
            background-position: -1px -362px;
        }

        .menuLeft dl.businessOrder dt i {
            background-position: -28px -388px;
        }

        .menuLeft dl.marketingOrder dt i {
            background-position: -60px -388px;
        }

        .menuLeft dl.electricInvoice dt i {
            background-position: -26px -442px;
        }

        .menuLeft dl.employeeData dt i {
            background-position: -26px -416px;
        }

        .menuLeft dl.vipData dt i {
            background-position: -126px -418px;
        }

        .menuLeft dl.marketingData dt i {
            background-position: -126px -418px;
        }

        .menuLeft dl.otherData dt i {
            background-position: -127px -390px;
        }

        .menuLeft dl.sms dt i {
            background-position: -1px -442px;
        }

        .menuLeft dl.branch dt i {
            background-position: -128px -362px;
        }

        .menuLeft dl.userAccount dt i {
            background-position: -1px -416px;
        }

        .menuLeft dl.paymentAccount dt i {
            background-position: -29px -362px;
        }

        .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.appCenter.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;
        }

        .menuLeft dl.microSite dt i {
            background-image: url("../images/microSite.png");
            background-position: 0 0;
        }

        .menuLeft dl.summary dt i {
            background-image: url("../images/summary.png");
            background-position: 0 0;
        }

        .menuLeft dl.microSite.current dt i {
            background-image: url("../images/microSiteOn.png");
            background-position: 0 0;
        }

        .menuLeft dl.summary.current dt i {
            background-image: url("../images/summaryOn.png");
            background-position: 0 0;
        }

        .menuLeft dl.PrecisionMarketing dt i {
            background-image: url("../images/PrecisionMarketing.png");
        }

        .menuLeft dl.PrecisionMarketing.current dt i {
            background-image: url("../images/PrecisionMarketingOn.png");
        }

        .menuLeft dl.SalesmanMarketing dt i {
            background-image: url("../images/SalesmanMarketing.png");
        }

        .menuLeft dl.SalesmanMarketing.current dt i {
            background-image: url("../images/SalesmanMarketingOn.png");
        }

        .menuLeft dl.VipMarketing dt i {
            background-image: url("../images/VipMarketing.png");
        }

        .menuLeft dl.VipMarketing.current dt i {
            background-image: url("../images/VipMarketingOn.png");
        }

        .menuLeft dl.MiniPg dt i {
            background-image: url("../images/MiniPg.png");
        }

        .menuLeft dl.MiniPg.current dt i {
            background-image: url("../images/MiniPgOn.png");
        }
        /*扫码购二级菜单图标样式*/
        .menuLeft dl.sweepCode dt i {
            background-image: url("../images/sweepCode.png");
        }

        .menuLeft dl.sweepCode.current dt i {
            background-image: url("../images/sweepCodeOn.png");
        }

        .menuLeft dl.activityData dt i {
            background-image: url("../images/Retail/MenuIcon/activityData.png");
        }

        .menuLeft dl.msgManage dt i {
            background-image: url("../images/Retail/MenuIcon/msgManage.png");
        }

        .menuLeft dl.orderManage dt i {
            background-image: url("../images/Retail/MenuIcon/orderManage.png");
        }

        .menuLeft dl.pictureManage dt i {
            background-image: url("../images/Retail/MenuIcon/pictureManage.png");
        }

        .menuLeft dl.playMethod dt i {
            background-image: url("../images/Retail/MenuIcon/playMethod.png");
        }

        .menuLeft dl.shopDecorate dt i {
            background-image: url("../images/Retail/MenuIcon/shopDecorate.png");
        }

        .menuLeft dl.custSummary dt i {
            background-image: url("../images/Retail/MenuIcon/custSummary.png");
        }

        .menuLeft dl.ticketManage dt i {
            background-image: url("../images/Retail/MenuIcon/ticketManage.png");
        }

        .menuLeft dl.xqLogo dt i {
            background-image: url("../images/Retail/MenuIcon/xqLogo.png");
        }

.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: 0px 50px 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: #2180b5;
    color: #fff;
    width: 84px;
    height: 32px;
    text-align: center;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

/* 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;
}

.custom-combobox {
    margin-right: 40px;
    line-height: 20px;
}

.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 */
.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: 165px;
    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: 165px;
    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{min-width:620px;}
        .detailBox .discountBox li em {
            width: 140px;
            margin-left: -100px;
        }

        .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;
    }


.loginHead {
    height: 80px;
    background: url(../images/topBg.png) repeat-x top;
    width: 100%;
}

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

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

.loginFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    height: 60px;
    background-color: #fff;
    text-align: center;
    color: #8F9295;
    line-height: 60px;
    font-size: 12px;
}

.loginBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 360px;
    margin: -180px 0 0 -180px;
    z-index: 1000;
}

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

.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: 40px;
        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: 10px;
            }

.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: 10px;
        color: #999;
        font-size: 16px;
    }

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

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

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

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

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


/* 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%;
}

.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;
    }

/* 20160224 */
.customBox .main {
    min-width: 948px;
}

.customBox .wrapBox {
    padding: 0;
    min-width: 1200px;
}

.customBox .head {
    min-width: 1200px;
}

.settingArea {
    margin: 20px 0;
    width: 950px;
}

.previewArea {
    float: left;
    margin-right: 12px;
    position: relative;
}

.mobileMenuPreview {
    position: relative;
    width: 317px;
    height: 580px;
    background: transparent url(../images/bg_mobile_head.png) no-repeat 0 0;
    border: 1px solid #e7e7eb;
}

    .mobileMenuPreview .mobileHd {
        color: #fff;
        text-align: center;
        padding-top: 30px;
        font-size: 15px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        margin: 0 30px;
    }

.mobileBd {
}

.mobileMenuPreview .preMenuList {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e7eb;
    background: transparent url(../images/bg_mobile_foot.png) no-repeat 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 43px;
}

.previewArea .preMenuItem {
    line-height: 50px;
}

.preMenuItem {
    position: relative;
    float: left;
    line-height: 38px;
    text-align: center;
}

.size1of3 {
    width: 33.33%;
}


.previewArea .preMenuItem:first-child .preMenuLink {
    border-left-width: 0;
}

.preMenuItem a {
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #616161;
    text-decoration: none;
    font-size: 14px;
}

.preMenuLink {
    border-left: 1px solid #e7e7eb;
}

.preMenuItem .iconMenuDot {
    background-position: 0 -120px;
    width: 7px;
    height: 7px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px;
    margin-top: -2px;
}

.previewArea .subPreMenuBox {
    bottom: 60px;
    background-color: #fafafa;
    border-top-width: 0;
}

.subPreMenuBox {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    border: 1px solid #d0d0d0;
    background-color: #fff;
}

.subPreMenuList {
}

.mobileBd .preMenuList li .subPreMenuBox {
    display: none;
}

.mobileBd .preMenuList li.on .subPreMenuBox {
    display: block;
}

.previewArea .subPreMenuList li:first-child {
    border-top: 1px solid #d0d0d0;
}

.previewArea .subPreMenuList li {
    line-height: 44px;
    border: 1px solid transparent;
    margin: 0 -1px -1px;
}

.subPreMenuList li a {
    padding: 0 .5em;
}

.previewArea .subPreMenuList li:first-child .subPreMenuInner {
    border-top-width: 0;
}

.previewArea .subPreMenuInner {
    display: block;
    border-top: 1px solid #e7e7eb;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
}

.previewArea .subPreMenuList li:hover {
    background-color: #eee;
    border: 1px solid #d0d0d0;
    line-height: 45px;
    cursor: pointer
}

    .previewArea .subPreMenuList li:hover .subPreMenuInner {
        border-top-width: 0
    }

    .previewArea .subPreMenuList li:hover:first-child {
        line-height: 44px
    }

.previewArea .iconMenuAdd {
    background-position: 0 -72px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
}

.subPreMenuBox .arrowOut {
    bottom: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-bottom-width: 0;
    border-top-color: #d0d0d0;
    border-top-style: solid;
}

.subPreMenuBox .arrowIn {
    bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-bottom-width: 0;
    border-top-color: #fafafa;
    border-top-style: solid;
}

.subPreMenuBox .arrowPosition {
    position: absolute;
    left: 50%;
    margin-left: -6px;
}

.gridLine .noExtra.gridItem {
    float: none;
    width: auto;
    overflow: hidden;
}

.previewArea .preMenuItem.clickCur .preMenuLink {
    border: 1px solid #44b549;
    line-height: 48px;
    background-color: #fff;
    color: #44b549;
}

.previewArea .addMenuBox.preMenuItem.clickCur .preMenuLink {
    border-left: 1px solid #e7e7eb;
    color: #616161;
    background-color: transparent;
}

.previewArea .subPreMenuList li.clickCur {
    background-color: #fff;
    border: 1px solid #44b549;
    position: relative;
    z-index: 1;
    line-height: 45px;
}

    .previewArea .subPreMenuList li.clickCur.addMenuBox {
        background-color: transparent;
        line-height: 44px;
        border: 1px solid transparent;
        margin: 0 -1px -1px;
        position: static;
    }

    .previewArea .subPreMenuList li.clickCur .subPreMenuInner {
        border-top: 1px solid #e7e7eb;
    }

    .previewArea .subPreMenuList li.clickCur a {
        color: #44b549;
    }

.previewArea .subPreMenuList li.addMenuBox:hover {
    background-color: #eee;
    border: 1px solid #d0d0d0;
    line-height: 45px;
    cursor: pointer
}

.previewArea .preMenuItem.gridItem.clickCur .preMenuLink {
    border: none;
}

.menuFormArea {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
}

.portableEditor.toLeft {
    padding-left: 12px;
}

.portableEditor {
    position: relative;
}

.menuFormArea .editorInner {
    min-height: 560px;
    padding-bottom: 20px;
    width: 560px;
    font-size: 14px;
}

.portableEditor .editorInner {
    padding: 10px 20px;
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.menuFormArea .portableEditor.toLeft .editorArrowWrp {
    top: 545px;
}

.portableEditor.toLeft .editorArrowWrp {
    left: 0;
    top: 20px;
}

.portableEditor .editorArrowWrp, .portableEditor .editorArrow {
    position: absolute;
}

.portableEditor.toLeft .editorArrowOut {
    left: 0;
}

.portableEditor.toLeft .editorArrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #e7e7eb;
    border-right-style: solid;
}

.portableEditor .editorArrowWrp, .portableEditor .editorArrow {
    position: absolute;
}

.portableEditor.toLeft .editorArrowIn {
    left: 1px;
    border-right-color: #f4f5f9;
}

.menu_form_hd {
    padding: 9px 0;
    border-bottom: 1px solid #e7e7eb;
}

.global_mod.float_layout .global_info {
    float: left;
    font-weight: 400;
    font-size: 16px;
}

.global_mod .global_extra {
    text-align: right;
}

    .global_mod .global_extra a {
        color: #459ae9;
        text-decoration: none;
    }

        .global_mod .global_extra a:hover {
            text-decoration: underline;
        }

.menuFormArea .msg_sender_tips {
    padding-top: 10px;
}

.tips_global {
    color: #8d8d8d;
}

.portableEditor .frm_control_group {
    margin-bottom: 10px;
}

.portableEditor .frm_control_group {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.frm_control_group {
    padding-bottom: 25px;
}

.menuFormArea .frm_label {
    width: 5em;
}

.frm_label {
    float: left;
    width: 5em;
    margin-top: .3em;
    margin-right: 1em;
    font-size: 14px;
}

.portableEditor .frm_label .title {
    font-weight: 400;
    font-style: normal;
}

.frm_controls {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
}

.frm_input_box.counter_in {
    width: 228px;
    padding-right: 60px;
}

.frm_input_box.counter_in {
    padding-right: 70px;
}

.frm_input_box.append {
    padding-right: 30px;
}

.frm_input_box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 278px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
}

.frm_input {
    height: 22px;
    margin: 4px 0;
}

.frm_input, .frm_textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    outline: 0;
}

.menu_form_area .frm_tips, .menu_form_area .frm_msg {
    width: auto;
}

.frm_tips, .frm_msg {
    padding-top: 4px;
    width: 300px;
}

.frm_tips {
    color: #8d8d8d;
}

.customButBox {
    padding: 40px 0 50px;
    text-align: center;
}

.dialog_bd {
    padding: 66px 45px 108px;
}

.page_msg.simple {
    text-align: center;
}

    .page_msg.simple .inner {
        display: inline-block;
        text-align: left;
        min-width: 55%;
    }

.page_msg.default .inner {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.page_msg.large .inner {
    padding: 12px 70px;
}

.page_msg .inner {
    position: relative;
    background-color: #e0eaf6;
}

.page_msg .msg_icon_wrp, .page_msg .msg_icon_wrapper {
    float: left;
    margin-right: 10px;
    font-size: 0;
}

.icon_msg.warn {
    background-position: -75px -72px;
}

.icon_msg {
    width: 46px;
    height: 46px;
    vertical-align: middle;
    display: inline-block;
}

.page_msg .msg_content {
    padding-top: 0;
}

.page_msg .msg_content {
    overflow: hidden;
    padding-top: 5px;
}

.page_msg h4 {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.page_msg p {
    font-size: 14px;
    color: #8d8d8d;
}

.customLayerBut {
    text-align: center;
    padding: 16px 0;
    width: 100%;
    overflow: hidden;
}

.menu_content {
    background-color: #fff;
    padding: 16px 20px;
    border: 1px solid #e7e7eb;
}

.menu_content_tips {
    padding-bottom: 10px;
}

.tips_global {
    color: #8d8d8d;
}

.menu_content .frm_control_group {
    margin-top: 0;
    margin-bottom: 10px;
}

.btn_appmsg_wrap {
    padding-left: 85px;
}

    .btn_appmsg_wrap a {
        color: #459ae9;
        text-decoration: none;
    }

        .btn_appmsg_wrap a:hover {
            text-decoration: underline;
        }

.subMenuTop {
    margin: 10px 0 30px;
    height: 24px;
    line-height: 24px;
}

.tagLabelBox {
    padding-left: 85px;
    margin-top: -54px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 30px;
}

    .tagLabelBox label {
        margin-right: 10px;
        display: inline-block;
        cursor: pointer;
    }

        .tagLabelBox label input {
            margin: 6px 4px 0 0;
            float: left;
        }

.sub_title_bar.in_dialog {
    background-color: #fff;
    padding: 0 20px;
    border-bottom: 1px solid #e7e7eb
}

.sub_title_bar h4 {
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #222
}

.search_bar {
    margin: 10px 0;
}

.frm_input_box.search {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    .frm_input_box.search .frm_input_append {
        border-left: 1px solid #e7e7eb;
        right: 0;
        width: 30px;
        text-align: center;
    }

.frm_input_box.append .frm_input_append {
    position: absolute;
    top: 0;
    right: .8em;
}

.frm_input_box .frm_input_append {
    font-size: 0;
}

.frm_input_box.search .search_gray {
    vertical-align: -webkit-baseline-middle;
    margin-top: -0.2em;
}

.icon16_common.search_gray {
    background-position: 1px -141px;
}

.icon16_common {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden;
}

.listItemBox {
    height: 488px;
    padding-top: 15px;
    overflow-y: auto;
    margin: 0;
    overflow-x: hidden;
}

.listItem {
    width: 318px;
    float: left;
    margin: 0px 8px;
    cursor: pointer;
}

.appmsg {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #e7e7eb;
    background-color: #fff;
    color: #666;
    font-size: 14px;
}

.appmsg_content {
    padding: 0 14px;
    position: relative;
}

.appmsg_title {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding-top: 10px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

    .appmsg_title a {
        display: block;
        color: #222;
        font-family: @΢���ź�;
    }

.appmsg_info {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px;
}

.appmsg_date {
    font-weight: 400;
    font-style: normal;
    color: #666;
}

.appmsg_desc {
    padding: 5px 0 10px;
    word-wrap: break-word;
    word-break: break-all;
    height: 64px;
    overflow: hidden;
    font-family: @΢���ź�;
}

.appmsg_mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity = 60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    z-index: 1;
}

.listItem:hover .appmsg_mask {
    display: block;
}

.appmsg .icon_card_selected {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    line-height: 999em;
    overflow: hidden;
    z-index: 1;
}

.icon_card_selected {
    background-position: -127px -72px;
    width: 46px;
    height: 46px;
    vertical-align: middle;
    display: inline-block;
}

.appmsg_thumb_wrp {
    height: 160px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.listItem.choiceOn .appmsg_mask, .listItem.choiceOn .appmsg .icon_card_selected {
    display: block;
}
/*.imageTextBox {padding:5px;}*/
.tableWrp {
    margin-top: 20px;
    max-height: 286px;
    overflow: hidden;
    border: 1px solid #e7e7eb;
    font-size: 14px;
}

.tableTdList {
    max-height: 245px;
    overflow: auto;
}

.imgTextTable {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    text-align: center;
    border-spacing: 0;
    border: 0;
    margin-bottom: 0;
}

    .imgTextTable thead {
        background-color: #f4f5f9;
    }

        .imgTextTable thead .table_cell:first-child {
            border-left-width: 0;
        }

.table_cell:first-child {
    text-align: left;
}

.table_cell {
    line-height: 40px;
    border-bottom: 1px solid #e7e7eb;
    padding: 0 20px;
    font-weight: 400;
    font-style: normal;
}

.tbody .table_cell {
    border-top: 1px solid #e7e7eb;
}

.imgTextTable .table_cell.date {
    width: 120px;
    color: #8d8d8d;
}

.imgTextTable thead .table_cell.date {
    color: #333;
}

.tbody tr:first-child .table_cell {
    border-top-width: 0;
}

.tbody .table_cell {
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 22px;
}

.frm_radio_label, .frm_checkbox_label {
    display: inline-block;
    text-align: left;
    cursor: pointer;
    margin-right: 1em;
}

.tbody tr:last-child .table_cell {
    border-bottom: none;
}

.msg_sender {
    border: 1px solid #e7e7eb;
    min-height: 255px;
    background-color: #fff;
}

.senderHead {
    height: 38px;
    border-bottom: solid 1px #e7e7eb;
}

    .senderHead li {
        display: inline-block;
        padding-left: 24px;
        cursor: pointer;
        line-height: 38px;
        margin: 0 22px;
        color: #8d8d8d;
    }

        .senderHead li.on {
            color: #222;
        }

        .senderHead li i {
            display: inline-block;
            width: 20px;
            height: 20px;
            float: left;
            margin: 9px 0 0 -24px;
        }

            .senderHead li i.textIco {
                background-position: 0 0;
            }

        .senderHead li.on i.textIco {
            background-position: 0 -30px;
        }

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

        .senderHead li.on i.imageIco {
            background-position: 0 -90px;
        }

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

        .senderHead li.on i.videoIco {
            background-position: 0 -150px;
        }

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

        .senderHead li.on i.voiceIco {
            background-position: 0 -210px;
        }

        .senderHead li i.photoNewsIco {
            background-position: 0 -240px;
        }

        .senderHead li.on i.photoNewsIco {
            background-position: 0 -270px;
        }

        .senderHead li i.cardticketIco {
            background-position: 0 -360px;
        }

        .senderHead li.on i.cardticketIco {
            background-position: 0 -390px;
        }

        .senderHead li i {
            background-image: url(../images/wxIco.png);
            background-repeat: no-repeat;
        }

/*�Զ���˵�ѡ������*/
.settingsBox {
    width: 100%;
    height: auto;
    padding: 10px 0;
}

    .settingsBox ul {
        padding-left: 122px;
    }

    .settingsBox li {
        width: 100%;
        margin: 0 0 15px;
        line-height: 22px;
        list-style: none;
        height: 30px;
    }

        .settingsBox li > input {
            float: left;
            margin-left: -90px;
            margin-top: 4px;
        }

        .settingsBox li > span {
            width: 72px;
            float: left;
            margin-left: -72px;
            display: inline-block;
            text-align: right;
        }

        .settingsBox li select {
            padding: 1px;
        }

        .settingsBox li div dl dd {
            display: inline-block;
            margin: 0px;
        }

            .settingsBox li div dl dd input, .settingsBox li div dl dd label, .settingsBox li div dl dd select {
                vertical-align: middle;
                cursor: pointer;
            }

            .settingsBox li div dl dd input {
                margin-right: 4px;
            }

.setConBox {
    visibility: hidden;
}

.grouping {
}

.regionBox dd {
    width: 118px;
}

.describe {
    float: left;
    color: #A9A9A9;
}



/*����*/
span.emotion {
    width: 42px;
    height: 20px;
    background: url(../Scripts/qqface/face/icon.gif) no-repeat 2px 2px;
    padding-left: 20px;
    cursor: pointer
}

    span.emotion:hover {
        background-position: 2px -28px
    }

.qqFace {
    margin-top: 4px;
    background: #fff;
    padding: 2px;
    border: 1px #dfe6f6 solid;
}

    .qqFace table td {
        padding: 0px;
    }

        .qqFace table td img {
            cursor: pointer;
            border: 1px #fff solid;
        }

            .qqFace table td img:hover {
                border: 1px #0066cc solid;
            }

.highlight_box {
    position: relative;
    border-top: 1px solid #e7e7eb;
    padding: 9px 30px 9px 52px;
    background-color: #f4f5f9;
    margin: 5px 0 38px;
    line-height: 24px;
    font-size: 14px;
}

    .highlight_box .icon_msg_small {
        background-position: -368px -72px;
        float: left;
        margin: 6px 0 0 -45px;
    }

.icon_msg_small {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
}

.highlight_box .title, .highlight_box .desc {
    overflow: hidden;
}

.highlight_box .desc {
    color: #8d8d8d;
    overflow: hidden;
}

    .highlight_box .desc a {
        color: #459ae9;
    }

        .highlight_box .desc a:hover {
            text-decoration: underline;
        }

.highlight_box .releaseIco_small {
    background-position: -406px -72px;
}


/* �����˵� */
.billTransaction {
    padding: 10px 0;
    font-size: 14px;
}

    .billTransaction .dataTime {
        padding-left: 28px;
        line-height: 20px;
        margin-bottom: 20px;
    }

        .billTransaction .dataTime i {
            width: 16px;
            height: 16px;
            display: inline-block;
            background-position: -442px -72px;
            float: left;
            margin: 2px 0 0 -28px;
        }

.billList {
}

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

        .billList li em {
            float: left;
            line-height: 32px;
            margin-left: -120px;
        }

        .billList li.radioTag {
            overflow: hidden;
        }

            .billList li.radioTag label {
                margin-right: 16px;
                float: left;
                cursor: pointer;
            }

                .billList li.radioTag label input {
                    margin: 10px 5px 0 0;
                    float: left;
                }

.appmsg_item {
    position: relative;
    padding: 15px 14px;
    width: 290px;
    height: 78px;
    margin: 14px 0 0 -14px;
    border-top: 1px solid #e7e7eb;
}

    .appmsg_item .appmsg_thumb_wrp {
        float: right;
        width: 78px;
        height: 78px;
        margin-left: 14px;
    }

    .appmsg_item .appmsg_title {
        line-height: 24px;
        max-height: 48px;
        overflow: hidden;
        margin-top: 14px;
        font-size: 14px;
        padding-top: 0;
    }

/*2016 04 01 */
.guide-msg {
    color: #8d8d8d;
    background: #f4f5f9;
    padding-left: 30px;
    margin-bottom: 30px;
}

    .guide-msg p {
        font-size: 14px;
        font-family: @΢���ź�;
        line-height: 27px;
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

.dialog-bd {
    padding: 30px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

.form .form-item {
    margin-bottom: 20px;
}

.form lable {
    clear: both;
    float: left;
    width: 110px;
    padding-top: 4px;
    position: relative;
    cursor: default;
}

.form .element {
    margin-left: 110px;
    margin-bottom: 20px;
    min-height: 26px;
    position: relative;
    top: -20px;
}

.ipt-box {
    width: 278px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    vertical-align: middle
}
/*.ipt{ width: 100%; height: 22px;padding: 4px 0; background: transparent; border: 0; outline: 0; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",He}  */
.tips-error {
    padding-top: 4px;
    color: #e15f63;
    margin-left: 10px;
}

.hide {
    display: none;
}

.ztree {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #e7e7eb;
    min-height: 26px;
}

.dialog-ft {
    margin: 0;
    padding: 16px 0;
    text-align: center;
    border-top: 1px solid transparent;
    background: #f4f5f9;
}

.catalog {
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* ���۹��� */
.filterBox li.evaluateBox {
    width: 580px;
}

    .filterBox li.evaluateBox .timeDivBox {
        float: left;
        margin-right: 20px;
    }

        .filterBox li.evaluateBox .timeDivBox b {
            padding: 0 8px;
            color: #999;
        }

    .filterBox li.evaluateBox .cardText {
        width: 100px;
    }

.evaluateList {
    height: auto;
    margin-bottom: 38px;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
}

.evaluateHead {
    background-color: #f4f5f9;
    border: solid 1px #eee;
    line-height: 40px;
}

    .evaluateHead h4 {
        font-size: 14px;
        padding-left: 14px;
    }

.evaluateListBox {
    font-size: 14px;
}

    .evaluateListBox li {
        padding: 22px 0;
        border-bottom: solid 1px #dbdbdb
    }

        .evaluateListBox li .evaluateTop {
            padding: 0 5px;
            height: 20px;
            line-height: 20px;
            color: #666;
            margin-bottom: 8px;
        }

            .evaluateListBox li .evaluateTop .leftTxt {
                float: left;
            }

                .evaluateListBox li .evaluateTop .leftTxt p {
                    display: inline-block;
                    margin-right: 28px;
                }

                .evaluateListBox li .evaluateTop .leftTxt .scoreIco {
                    width: 79px;
                    height: 14px;
                    background-position: -336px -117px;
                    display: inline-block;
                }

                    .evaluateListBox li .evaluateTop .leftTxt .scoreIco.star5 {
                        background-position: -336px -117px;
                    }

                    .evaluateListBox li .evaluateTop .leftTxt .scoreIco.star4 {
                        background-position: -336px -133px;
                    }

                    .evaluateListBox li .evaluateTop .leftTxt .scoreIco.star3 {
                        background-position: -336px -149px;
                    }

                    .evaluateListBox li .evaluateTop .leftTxt .scoreIco.star2 {
                        background-position: -336px -165px;
                    }

                    .evaluateListBox li .evaluateTop .leftTxt .scoreIco.star1 {
                        background-position: -336px -181px;
                    }

            .evaluateListBox li .evaluateTop .rightTxt {
                float: right;
            }

                .evaluateListBox li .evaluateTop .rightTxt p {
                    display: inline-block;
                    margin-left: 28px;
                }

.evaluateCon {
    padding: 0 5px;
}

.evaluateConTxt {
    padding: 12px 0;
    width: 100%;
}

    .evaluateConTxt .evaConTxt {
        color: #999;
        font-weight: normal;
    }

.evaluateConImg {
    width: 100%;
    margin-bottom: 5px;
}

    .evaluateConImg a {
        display: block;
        width: 78px;
        height: 78px;
        float: left;
        margin: 0 20px 10px 0;
        border: solid 1px #d7d7d7;
        text-align: center;
    }

        .evaluateConImg a span {
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .evaluateConImg a img {
            vertical-align: middle;
        }

.evaluateReply {
    background-color: #f2f2f3;
    border: solid 1px #e8e8e8;
    padding: 10px 148px 10px 10px;
    border-radius: 5px;
    position: relative;
}

    .evaluateReply .arrowTopIco {
        width: 14px;
        height: 8px;
        display: inline-block;
        position: absolute;
        top: -8px;
        left: 24px;
        background-position: -296px -109px;
    }

.replyDivBox {
    height: 60px;
    position: relative;
}

    .replyDivBox .textTxt {
        width: 96%;
        height: 48px;
        padding: 5px;
        border: solid 1px #e5e5e5;
        font-size: 14px;
        color: #333;
    }

    .replyDivBox span {
        position: absolute;
        top: 6px;
        left: 6px;
        color: #999;
    }

    .replyDivBox .replyBut {
        width: 118px;
        height: 60px;
        text-align: center;
        background-color: #03af80;
        color: #fff;
        font-size: 16px;
        line-height: 60px;
        border-radius: 5px;
        float: right;
        margin-right: -132px;
    }

.replyTxtCon {
    padding-top: 5px;
}

    .replyTxtCon .repConTxt {
        font-weight: normal;
        color: #999;
    }


/* 0413 */
.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;
    }

.whiteListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
}

    .whiteListBox .addRule {
        text-align: right;
    }

        .whiteListBox .addRule a {
            text-align: left;
        }

        .whiteListBox .addRule a {
            width: 108px;
            padding-left: 32px;
        }

            .whiteListBox .addRule a i {
                margin-left: -22px;
            }

.whiteList {
    border: solid 1px #e1e6eb;
    height: auto;
    margin-bottom: 30px;
}

    .whiteList .whiteListHead {
        height: 34px;
        background-color: #f5f6fa;
        border-bottom: solid 1px #e1e6eb;
        text-align: right;
        line-height: 34px;
    }

        .whiteList .whiteListHead h4 {
            float: left;
            font-size: 14px;
            font-weight: normal;
            margin-left: 10px;
            padding-left: 14px;
        }

            .whiteList .whiteListHead h4 i {
                width: 10px;
                height: 10px;
                display: inline-block;
                background-position: -442px -120px;
                float: left;
                margin: 10px 0 0 -14px;
            }

        .whiteList .whiteListHead span a {
            display: inline-block;
            margin: 0 6px;
            color: #03af80;
        }

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

    .white_List li {
        border-top: solid 1px #e1e6eb;
        width: 100%;
        height: 42px;
        line-height: 42px;
    }

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

        .white_List li p {
            float: left;
            width: 23%;
            padding: 0 1%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.whiteListMore {
    position: absolute;
    left: 50%;
    width: 116px;
    height: 32px;
    margin-left: -58px;
    bottom: -32px;
}

    .whiteListMore a {
        display: inline-block;
        background-color: #e1e6eb;
        border-radius: 0 0 5px 5px;
        width: 116px;
        line-height: 32px;
        font-size: 14px;
    }

        .whiteListMore a i {
            width: 21px;
            height: 21px;
            display: inline-block;
            background-position: -461px -117px;
            margin: 6px 12px 0 14px;
            float: left;
        }

        .whiteListMore a.shrinkIco i {
            background-position: -461px -140px;
        }

.whiteList.moreWhiteList {
    margin-bottom: 50px;
}

.moreHeight {
    height: 85px;
    overflow: hidden;
}

.groupingBox {
    width: 740px;
    padding: 10px 0;
}

.groupingList {
    padding-left: 180px;
    margin-bottom: 16px;
}

    .groupingList .textLeft {
        text-align: right;
        line-height: 32px;
        float: left;
        margin-left: -180px;
        width: 160px;
        display: inline-block;
    }

.groupingNameText {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 10px;
    width: 538px;
    border: solid 1px #ccc;
}

.groupingBoxs {
    padding-left: 200px;
}

.groupingBoxLeft {
    width: 200px;
    float: left;
    margin-left: -200px;
    height: 300px;
}

    .groupingBoxLeft .retrievalBg {
        width: 198px;
        height: 28px;
        border: solid 1px #ddd;
        background-color: #fff;
    }

        .groupingBoxLeft .retrievalBg input {
            width: 178px;
            padding: 4px 10px;
            border: none;
            height: 20px;
            font-size: 14px;
        }

        .groupingBoxLeft .retrievalBg .labelBox {
            height: 28px;
        }

            .groupingBoxLeft .retrievalBg .labelBox span {
                line-height: 28px;
                left: 10px;
                font-size: 14px;
            }

.groupingListBox {
    border: solid 2px #eee;
    border-top: none;
    width: 196px;
    height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffe3;
}

    .groupingListBox label {
        display: block;
        line-height: 32px;
        height: 32px;
        padding-left: 8px;
        cursor: pointer;
        width: 182px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .groupingListBox label input {
            margin: 10px 6px 0 0;
            float: left;
        }

.groupingPage {
    height: 26px;
    border: solid 2px #eee;
    border-top: none;
    width: 196px;
    text-align: right;
    line-height: 26px;
}

    .groupingPage .selectAll {
        float: left;
        margin-left: 8px;
        height: 26px;
        cursor: pointer;
    }

        .groupingPage .selectAll input {
            float: left;
            margin: 8px 6px 0 0;
        }

    .groupingPage a {
        color: #666;
        margin: 0 2px;
    }

.groupingBoxRight {
    background-color: #f9f9fb;
    border: solid 2px #eee;
    border-left: none;
    min-height: 296px;
    overflow: hidden;
}

.groupingSelect {
    padding: 10px 0 0;
    min-height: 258px;
}

    .groupingSelect li {
        float: left;
        margin: 0 0 10px 10px;
        width: 112px;
        height: 28px;
        line-height: 28px;
        padding: 0 16px 0 10px;
        border: solid 1px #bbb;
        background-color: #fff;
    }

        .groupingSelect li p {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .groupingSelect li i {
            width: 10px;
            height: 10px;
            display: inline-block;
            float: right;
            margin: 10px -11px 0 0;
            background-position: -442px -140px;
            cursor: pointer;
        }

.groupingRemove {
    height: 26px;
    border-top: solid 2px #eee;
    line-height: 26px;
    text-align: right;
    padding-right: 8px;
    clear: both;
}

    .groupingRemove a {
        color: #06c;
    }

.groupingBut {
    text-align: right;
    padding-top: 12px;
}

/* 0419 */
.businessNumber {
    width: 100%;
    height: auto;
    font-size: 14px;
}

    .businessNumber ul {
        padding-top: 10px;
    }

    .businessNumber .bnLipadd {
        padding-left: 128px;
        margin-bottom: 5px;
    }

    .businessNumber li .bnTxtLeft {
        line-height: 32px;
        display: inline-block;
        float: left;
        margin-left: -128px;
        text-align: right;
        width: 120px;
    }

.bnText {
    border: 1px solid #999;
    border-radius: 4px;
    height: 20px;
    padding: 5px 2px 5px 0;
    text-indent: 4px;
    line-height: 20px;
    font-size: 14px;
    width: 198px;
}

    .bnText:hover {
        border-color: #03af80;
    }

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

.businessNumber .bnLipadd .inputEnable {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}

    .businessNumber .bnLipadd .inputEnable input {
        float: left;
        margin: 9px 5px 0 0;
    }

.testAccount {
    width: 200px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    height: 34px;
    cursor: pointer;
    line-height: 32px;
    color: #fff;
    border: solid 1px #03af80;
    background-color: #03af80;
    margin-top: 16px;
}


.TWhint {
    width: 500px;
    display: none;
}

.tuwen {
    height: 100px;
    width: 337px;
    float: left;
    margin-left: 140px;
}

    .tuwen a {
        color: #459ae9;
        font-size: 14px;
        text-align: center;
    }

    .tuwen p {
        margin-top: 10px;
        margin-left: 50px;
    }

    .tuwen a:hover {
        text-decoration: underline;
    }

.hint_label {
    float: left;
    position: relative;
    top: 20px;
}

.hint i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -333px 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
}

.hint {
    color: red;
    position: relative;
    top: -28px;
    left: 240px;
    display: none;
    width: 518px;
}

.TWtemplate {
    float: left;
    margin-left: 450px;
    margin-top: -100px;
}

    .TWtemplate img {
        width: 208px;
        height: 360px;
    }

/*��ӻ*/
.KJ_table tr td input {
    width: 345px;
}

#imgBtn {
    margin-left: 10px;
}

#ActivityDescription {
    width: 500px;
    height: 230px;
}

#ActivityRules {
    width: 500px;
    height: 230px;
}

.alert {
    color: Red;
    display: none;
}

.submit {
    width: 180px;
    margin-top: 40px;
    margin-left: 140px;
    float: left;
}

.audit {
    float: left;
    margin-top: 40px;
}

.title_img {
    position: absolute;
    left: 450px;
    top: 130px;
    z-index: 101;
    display: none;
}

.title_close {
    position: absolute;
    left: 450px;
    top: 130px;
    z-index: 101;
    display: none;
}


/* 20160505 */
/*����*/
.dishesPractice {
    width: 100%;
    height: auto;
    font-size: 14px;
}

    .dishesPractice .d-txtLeft {
        float: left;
        width: 94px;
        padding-right: 2px;
        text-align: right;
        line-height: 30px;
    }

    .dishesPractice .d-practiceBox {
        float: left;
        height: auto;
    }

        .dishesPractice .d-practiceBox li {
            float: left;
            margin: 0 12px 12px 0;
            overflow: hidden;
            height: auto;
        }

.chosenBox {
    height: 118px;
    overflow-y: auto;
}

    .chosenBox dl {
        padding: 6px 2px 2px;
    }

    .chosenBox dd {
        float: left;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding: 0 18px 0 6px;
        background-color: #03af80;
        color: #fff;
        margin: 0 0 5px 5px;
    }

        .chosenBox dd i {
            width: 9px;
            height: 9px;
            display: none;
            background-position: -114px -188px;
            float: right;
            margin: 6px -14px 0 0;
            cursor: pointer;
        }

        .chosenBox dd:hover i {
            display: inline-block;
        }

.dishesPractice .d-practiceBox li .backgroundBg {
    background-color: #6c6c6c;
    width: 188px;
    height: 156px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    display: none;
}

.dishesPractice .d-practiceBox li:hover .backgroundBg {
    display: block;
}

.dishesPractice .d-practiceBox li .packetName {
    width: 188px;
    height: 32px;
    background-color: #ffd7c4;
    text-align: center;
    line-height: 32px;
    color: #903a00;
    position: absolute;
    left: 0;
    bottom: 0;
}

.dishesPractice .d-practiceBox li .d-setUp {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 32px;
    border-top: solid 1px #e8e8e8;
    display: none;
    width: 188px;
    z-index: 3;
}

.dishesPractice .d-practiceBox li:hover .d-setUp {
    display: inline-block;
}

.dishesPractice .d-practiceBox li .d-setUp a {
    width: 94px;
    background-color: #f60;
    color: #fff;
    text-align: center;
    border-left: solid 1px #fff;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    float: left;
}

    .dishesPractice .d-practiceBox li .d-setUp a:first-child {
        border-left: none;
        width: 93px;
    }


.dishesPractice .d-practiceBox li .d-practiceLi {
    background-color: #fdfff0;
    border: solid 1px #e1e0dc;
    position: relative;
    width: 188px;
    height: 156px;
    line-height: 18px;
}

.dishesPractice .d-practiceBox li .d-AddGroup {
    line-height: 156px;
    text-align: center;
}

    .dishesPractice .d-practiceBox li .d-AddGroup a {
        color: #c92600;
    }

        .dishesPractice .d-practiceBox li .d-AddGroup a:hover {
            text-decoration: underline;
        }

.dishesPractice .d-practiceBox li.d-NewGroup {
    padding: 0;
}

    .dishesPractice .d-practiceBox li.d-NewGroup a.newGroupBut {
        background-color: #03af80;
        color: #fff;
        width: 80px;
        height: 30px;
        border-radius: 3px;
        line-height: 30px;
        display: inline-block;
        text-align: center;
    }



.selectPractice {
    width: 436px;
    height: auto;
}

    .selectPractice .s-practiceTit {
        padding-left: 32px;
        font-size: 16px;
        color: #000;
        height: 50px;
        line-height: 50px;
    }

    .selectPractice .s-selectBox {
        width: 100%;
    }

        .selectPractice .s-selectBox .s-leftMenu {
            margin-left: 32px;
            width: 152px;
            height: 260px;
            overflow-y: auto;
            background-color: #efefef;
            border-radius: 3px;
            float: left;
        }

            .selectPractice .s-selectBox .s-leftMenu ul {
                padding: 2px 10px;
            }

                .selectPractice .s-selectBox .s-leftMenu ul li {
                    margin-bottom: 5px;
                    width: 100%;
                    clear: both;
                    height: auto;
                    overflow: hidden;
                }

                    .selectPractice .s-selectBox .s-leftMenu ul li .aMenu {
                        height: 32px;
                        line-height: 32px;
                        display: inline-block;
                        margin-bottom: 3px;
                        border-bottom: solid 1px #dadada;
                        width: 100%;
                        font-size: 14px;
                    }

                        .selectPractice .s-selectBox .s-leftMenu ul li .aMenu span {
                            float: left;
                        }

                        .selectPractice .s-selectBox .s-leftMenu ul li .aMenu i {
                            width: 12px;
                            height: 7px;
                            display: inline-block;
                            float: right;
                            margin: 14px 4px 0 0;
                            background-position: -147px -188px;
                        }

                        .selectPractice .s-selectBox .s-leftMenu ul li .aMenu.on i {
                            background-position: -132px -188px;
                        }

                    .selectPractice .s-selectBox .s-leftMenu ul li dl {
                        font-size: 14px;
                        width: 100%;
                    }

                        .selectPractice .s-selectBox .s-leftMenu ul li dl dd {
                            height: 28px;
                            width: 100%;
                            margin-top: 4px;
                        }

                            .selectPractice .s-selectBox .s-leftMenu ul li dl dd a {
                                display: block;
                                height: 26px;
                                line-height: 26px;
                                text-align: center;
                                background-color: #fff;
                                border: solid 1px #e6e6e6;
                                color: #666;
                            }

                                .selectPractice .s-selectBox .s-leftMenu ul li dl dd a:hover {
                                    color: #000;
                                    border-color: #999;
                                }

                                .selectPractice .s-selectBox .s-leftMenu ul li dl dd a.chosenOn {
                                    background-color: #f60;
                                    color: #fff;
                                    border-color: #f60;
                                }

        .selectPractice .s-selectBox .s-arrowDiv {
            float: left;
            width: 68px;
            position: relative;
            height: 260px;
        }

            .selectPractice .s-selectBox .s-arrowDiv i {
                width: 31px;
                height: 22px;
                position: absolute;
                background-position: -44px -188px;
                left: 50%;
                top: 50%;
                margin-top: -11px;
                margin-left: -15px;
            }

        .selectPractice .s-selectBox .s-rightBox {
            width: 170px;
            height: 258px;
            overflow-y: auto;
            float: left;
            background-color: #fff;
            border: solid 1px #e2e2e2;
        }

            .selectPractice .s-selectBox .s-rightBox ul {
                padding: 12px;
            }

            .selectPractice .s-selectBox .s-rightBox li {
                margin-bottom: 5px;
                position: relative;
            }

                .selectPractice .s-selectBox .s-rightBox li a {
                    height: 28px;
                    line-height: 28px;
                    font-size: 16px;
                    display: inline-block;
                    width: 100%;
                    background-color: #f60;
                    color: #fff;
                    text-align: center;
                }

                .selectPractice .s-selectBox .s-rightBox li i {
                    width: 12px;
                    height: 12px;
                    position: absolute;
                    right: 5px;
                    top: 8px;
                    background-position: -95px -188px;
                    display: none;
                    cursor: pointer;
                }

                .selectPractice .s-selectBox .s-rightBox li:hover i {
                    display: inline-block;
                }

                .selectPractice .s-selectBox .s-rightBox li i:hover {
                    background-position: -95px -201px;
                }


/*����*/
.dishesPractice #food_size li {
    float: left;
    background-color: #fdfff0;
    border: solid 1px #e1e0dc;
    position: relative;
    width: 120px;
    height: 135px;
    margin: 0 12px 12px 0;
    line-height: 18px;
    overflow: hidden;
}

    .dishesPractice #food_size li .backgroundBg {
        background-color: #6c6c6c;
        width: 120px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        display: none;
    }

    .dishesPractice #food_size li:hover .backgroundBg {
        display: block;
    }

    .dishesPractice #food_size li .packetName {
        width: 120px;
        height: 32px;
        background-color: #ffd7c4;
        text-align: center;
        line-height: 32px;
        color: #903a00;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .dishesPractice #food_size li .d-setUp {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 32px;
        border-top: solid 1px #e8e8e8;
        display: none;
        width: 188px;
        z-index: 3;
    }

    .dishesPractice #food_size li:hover .d-setUp {
        display: inline-block;
    }

    .dishesPractice #food_size li .d-setUp a {
        width: 59px;
        background-color: #f60;
        color: #fff;
        text-align: center;
        border-left: solid 1px #fff;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        float: left;
    }

        .dishesPractice #food_size li .d-setUp a:first-child {
            border-left: none;
            width: 59px;
        }

    .dishesPractice #food_size li.d-NewGroup {
        border: none;
        background-color: transparent;
        padding: 0;
        width: 118px;
        height: 104px;
    }

        .dishesPractice #food_size li.d-NewGroup a.newGroupBut {
            background-color: #03af80;
            color: #fff;
            width: 80px;
            height: 30px;
            border-radius: 3px;
            line-height: 30px;
            display: inline-block;
            text-align: center;
        }


/*2016-5-26*/
.newLabelIn {
    font-size: 14px;
    border: 1px solid #d9dadc;
    height: 140px;
}

    .newLabelIn .attend_group_sel {
        padding: 25px;
    }






    .newLabelIn .addtag {
        margin-top: 20px;
    }

.attend_groups {
    width: 100%;
    clear: both;
}

.attend_groups_box {
    width: 100%;
    overflow: hidden;
    height: auto;
}

.attend_group_new {
    width: 100%;
    color: #459ae9;
    padding-top: 5px;
    line-height: 32px;
}

    .attend_group_new span {
        cursor: pointer;
    }

        .attend_group_new span:hover {
            text-decoration: underline;
        }

.attend_group_add {
    width: 100%;
    padding-top: 5px;
    line-height: 32px;
}

    .attend_group_add input {
        width: 323px;
        border: 1px solid #e7e7eb;
        color: #666;
        height: 20px;
        line-height: 20px;
        padding: 5px;
    }

    .attend_group_add a {
        color: #459ae9;
        margin-left: 5px;
    }

        .attend_group_add a:hover {
            text-decoration: underline;
        }

.newLabelButBox {
    width: 100%;
    height: 32px;
    padding: 20px 0;
    text-align: center;
    border-top: solid 1px #e7e7eb;
}

    .newLabelButBox .renameBut {
        width: 355px;
        margin: 0 auto;
    }



.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, .scrollBox span i,
.onlineService .floatL a i, .highlight_box .icon_msg_small, .billTransaction .dataTime i, .evaluateListBox li .evaluateTop .leftTxt .scoreIco,
.evaluateReply .arrowTopIco, .rebox-caption .pictureBut span, .rebox-close, .rebox-next, .rebox-prev, .whiteList .whiteListHead h4 i, .whiteListMore a i, .orderList .orderListHead h4 i, .orderListMore a i,
.groupingSelect li i, .hint i, .selectPractice .s-selectBox .s-arrowDiv i, .selectPractice .s-selectBox .s-rightBox li i, .chosenBox dd i, .selectPractice .s-selectBox .s-leftMenu ul li .aMenu i, .tag_alert i, .hdInfoIn .hdInfoIco .icoInfo, .hdIdentityIn .hdIdentityCon p i, .head .headRig .select_permission .spInnerBox ul li a i, .smsTips i {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}



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

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

/* 20160901 */
.newBodyW .head {
    min-width: 1130px;
}

.newBodyW .wrapBox {
    min-width: 1110px;
}

.headBox .logo .versionTxt {
    width: 44px;
    height: 16px;
    display: inline-block;
    margin-left: 12px;
    background-color: #54c4cf;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    border-radius: 3px;
}

.headBox .upgradeUl {
    float: right;
    margin-right: 30px;
}

    .headBox .upgradeUl li {
        height: 18px;
        line-height: 18px;
        float: left;
        margin-right: 20px;
        padding-top: 21px;
        font-size: 14px;
    }

        .headBox .upgradeUl li a {
            display: inline-block;
            padding-left: 25px;
        }

            .headBox .upgradeUl li a:hover {
                text-decoration: underline;
            }

            .headBox .upgradeUl li a i {
                width: 20px;
                height: 18px;
                display: inline-block;
                float: left;
                margin-left: -25px;
            }

        .headBox .upgradeUl li.upgradeIco a i {
            background-position: 0 -234px;
        }

        .headBox .upgradeUl li.renewalsIco a i {
            background-position: -20px -234px;
        }

.stepBox.signedBox li {
    width: 24.9%;
}

.signedSelect {
    width: 100%;
}

    .signedSelect .selectSignedIn {
        width: 860px;
        margin: 0 auto;
        height: 380px;
        padding-top: 30px;
    }

        .signedSelect .selectSignedIn ul {
            width: 100%;
        }

        .signedSelect .selectSignedIn li {
            float: left;
            width: 250px;
            float: left;
            margin-left: 50px;
        }

            .signedSelect .selectSignedIn li:first-child {
                margin-left: 0;
            }

            .signedSelect .selectSignedIn li .ssInBox {
                border: solid 1px #e7e7eb;
                background-color: #fff;
                height: 380px;
                text-align: left;
                padding: 0 15px;
            }

                .signedSelect .selectSignedIn li .ssInBox:hover {
                    background-color: #f4f5f9;
                    border-color: #d9dadc;
                }

                .signedSelect .selectSignedIn li .ssInBox .ssInOneBox {
                    height: 200px;
                    position: relative;
                    border-bottom: solid 1px #f1f1f2;
                }

                    .signedSelect .selectSignedIn li .ssInBox .ssInOneBox p {
                        width: 120px;
                        height: 120px;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin: -60px 0 0 -60px;
                        border-radius: 50%;
                        color: #fff;
                        font-size: 22px;
                        text-align: center;
                        line-height: 120px;
                    }

                        .signedSelect .selectSignedIn li .ssInBox .ssInOneBox p.bgColor1 {
                            background-color: #54c4cf;
                        }

                        .signedSelect .selectSignedIn li .ssInBox .ssInOneBox p.bgColor2 {
                            background-color: #66b2df;
                        }

                        .signedSelect .selectSignedIn li .ssInBox .ssInOneBox p.bgColor3 {
                            background-color: #4a90e2;
                        }

                .signedSelect .selectSignedIn li .ssInBox .ssInTwoBox {
                    height: 98px;
                    color: #999;
                    line-height: 20px;
                    padding-top: 15px;
                }

a.featuresBut, a.featuresBut2 {
    width: 106px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border: none;
}

a.featuresBut {
    background-color: #03af80;
    color: #fff;
}

a.featuresBut2 {
    background-color: #ccc;
    color: #fff;
}

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

.signedButBox {
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

    .signedButBox .signedBut {
        width: 200px;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        color: #666;
        border: solid 1px #999;
        background-color: #fff;
    }

        .signedButBox .signedBut:hover {
            background-color: #03af80;
            color: #fff;
            border: solid 1px #03af80;
        }


.submissionsBox {
    font-size: 14px;
}

.versionUlBox {
    width: 100%;
}

    .versionUlBox li {
        padding-left: 100px;
        height: 32px;
        line-height: 31px;
        margin-bottom: 16px;
    }

        .versionUlBox li b {
            font-weight: normal;
            color: #999;
            float: left;
            margin-left: -88px;
        }

.submissionsTag {
    padding: 10px 0 0 100px;
}

    .submissionsTag .autoReplayTab, .selectPayBox .autoReplayTab {
        height: 38px;
    }

        .submissionsTag .autoReplayTab li, .selectPayBox .autoReplayTab li {
            width: 158px;
            height: 36px;
            line-height: 36px;
        }

.submissionsTagCon {
    width: 100%;
}

.submissionsCon1 h2 {
    border-bottom: solid 1px #ccc;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight: normal;
    color: #000;
    margin-bottom: 18px;
}

.submissionsCon1 .submissionsUlBox > li {
    padding-left: 130px;
    line-height: 32px;
    margin-bottom: 18px;
}

    .submissionsCon1 .submissionsUlBox > li .scTxtLeft {
        float: left;
        margin-left: -130px;
    }

    .submissionsCon1 .submissionsUlBox > li .txtNote {
        line-height: 22px;
        color: #999;
        width: 100%;
        font-size: 12px;
    }

    .submissionsCon1 .submissionsUlBox > li .txtNote2 {
        line-height: 22px;
        color: #999;
        width: 230px;
        font-size: 12px;
        float: left;
        margin-top: 84px;
    }

    .submissionsCon1 .submissionsUlBox > li .credentialsBox {
        float: left;
        margin-right: 10px;
    }

        .submissionsCon1 .submissionsUlBox > li .credentialsBox .credentialsIn {
            width: 266px;
            height: 138px;
            background-color: #fff;
            padding: 4px;
            border: solid 2px #ccc;
            position: relative;
            cursor: pointer;
        }

            .submissionsCon1 .submissionsUlBox > li .credentialsBox .credentialsIn span {
                font-family: "Arial Normal", "Arial";
                font-size: 48px;
                position: absolute;
                left: 50%;
                top: 50%;
                cursor: pointer;
                margin: -16px 0 0 -16px;
            }

    .submissionsCon1 .submissionsUlBox > li.credentialsH {
        height: 170px;
    }

    .submissionsCon1 .submissionsUlBox > li .scSmsBox .scText1 {
        float: left;
        margin-right: 20px;
        width: 180px;
    }

    .submissionsCon1 .submissionsUlBox > li .scSmsBox a {
        color: #03af80;
    }

    .submissionsCon1 .submissionsUlBox > li .scProtocolBox {
        height: 22px;
        line-height: 22px;
        vertical-align: middle;
    }

        .submissionsCon1 .submissionsUlBox > li .scProtocolBox input, .submissionsCon1 .submissionsUlBox > li .scProtocolBox label {
            vertical-align: middle;
        }

        .submissionsCon1 .submissionsUlBox > li .scProtocolBox input {
            margin-right: 5px;
        }

        .submissionsCon1 .submissionsUlBox > li .scProtocolBox label a {
            color: #03af80;
        }

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

.scPhoneBox {
    width: 100%;
    height: 32px;
}

    .scPhoneBox .scText1 {
        float: left;
        width: 180px;
        margin-right: 20px;
    }

    .scPhoneBox .scPhoneCode {
        height: 32px;
        width: 120px;
        background-color: #03af80;
        border: none;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        float: left;
        cursor: pointer;
        line-height: 32px;
    }

.submissionsBut a {
    margin: 0 10px;
}

.signedCheck {
    text-align: center;
    width: 100%;
    padding: 20px 0;
}

    .signedCheck h2 {
        padding: 20px 0;
        margin-bottom: 20px;
        color: #666;
        font-size: 28px;
        font-weight: 500;
    }

        .signedCheck h2.failureColor {
            color: #f00;
            margin-bottom: 0;
        }

    .signedCheck .signedCheckTxt {
        font-size: 18px;
        width: 488px;
        margin: 0 auto;
        line-height: 40px;
        text-align: left;
    }

    .signedCheck .signedCheckTxt2 {
        width: 488px;
        margin: 0 auto;
        line-height: 40px;
        font-size: 18px;
        padding-top: 20px;
    }

        .signedCheck .signedCheckTxt2 p {
            text-align: left;
        }

.signedCheckBut {
    padding: 10px 0 40px;
}

    .signedCheckBut a {
        width: 198px;
        height: 56px;
        background-color: #03af80;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        margin: 0 20px;
        display: inline-block;
        font-size: 16px;
        line-height: 56px;
    }

    .signedCheckBut.signedCheckBut2 {
        padding: 40px 0;
    }

        .signedCheckBut.signedCheckBut2 a {
            width: 220px;
            margin: 0 auto;
        }

.paySelectBox .hTxt2 {
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
    margin-bottom: 20px;
}

.selectPayBox {
    font-size: 14px;
}

.selectPayCon {
    width: 100%;
}

.selectPayConIn {
    padding-top: 15px;
}

    .selectPayConIn li.sPayLi {
        padding-left: 100px;
        line-height: 32px;
        margin-bottom: 15px;
    }

        .selectPayConIn li.sPayLi .sPayTxtL {
            float: left;
            margin-left: -98px;
            color: #666;
        }

        .selectPayConIn li.sPayLi .sPayName span {
            color: #999;
        }

        .selectPayConIn li.sPayLi .sPayName a {
            color: #03af80;
        }

        .selectPayConIn li.sPayLi .sPayStoresNote span {
            color: #666
        }

        .selectPayConIn li.sPayLi .sPayCost em {
            color: #f00;
            font-size: 16px;
        }

        .selectPayConIn li.sPayLi .sPayTagBox {
            width: 100%;
        }

            .selectPayConIn li.sPayLi .sPayTagBox .sPayTab, .selectPayConIn li.sPayLi .sPayTagBox .sPayTab2 {
                width: 100%;
                height: 32px;
            }

                .selectPayConIn li.sPayLi .sPayTagBox .sPayTab li, .selectPayConIn li.sPayLi .sPayTagBox .sPayTab2 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;
                    margin-right: 15px;
                }

                    .selectPayConIn li.sPayLi .sPayTagBox .sPayTab li.on, .selectPayConIn li.sPayLi .sPayTagBox .sPayTab2 li.on {
                        background-color: #f60;
                        border-color: #f60;
                        color: #fff;
                    }

        .selectPayConIn li.sPayLi .sPayTotalCost b {
            color: #f00;
            font-size: 26px;
            font-weight: normal;
        }

        .selectPayConIn li.sPayLi .sPayBut {
            height: 36px;
            line-height: 36px;
            background-color: #03af80;
            color: #fff;
            font-size: 16px;
            margin-top: 20px;
            text-align: center;
            border-radius: 3px;
            width: 180px;
            border: none;
            cursor: pointer;
        }

        .selectPayConIn li.sPayLi .sPayInvoice {
            height: 22px;
            line-height: 22px;
            vertical-align: middle;
        }

            .selectPayConIn li.sPayLi .sPayInvoice input, .selectPayConIn li.sPayLi .sPayInvoice label {
                vertical-align: middle;
            }

            .selectPayConIn li.sPayLi .sPayInvoice label {
                cursor: pointer;
                padding-left: 5px;
            }

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

.main.mainBox {
    padding: 0 20px;
    background-image: none;
    max-width: 1158px;
    min-height: 700px;
}

.signedPayBox {
    width: 928px;
    margin: 0 auto;
    color: #222;
}

.signedPayTit {
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #e7e7eb;
    font-size: 16px;
}

    .signedPayTit span {
        font-size: 13px;
        color: #777;
    }

.signedPayInfo {
    width: 100%;
    height: auto;
    padding-top: 25px;
    margin-bottom: 45px;
}

    .signedPayInfo .signedPayOne {
        float: left;
        width: 258px;
    }

        .signedPayInfo .signedPayOne p, .signedPayInfo .signedPayTwo p {
            line-height: 28px;
            font-size: 13px;
        }

    .signedPayInfo .signedPayTwo {
        float: left;
        padding-left: 38px;
        border-left: solid 1px #d9dadc;
    }

    .signedPayInfo .signedPayRight {
        float: right;
        font-size: 15px;
        text-align: right;
    }

        .signedPayInfo .signedPayRight p {
            line-height: 30px;
            height: 30px;
            margin-bottom: 12px;
        }

            .signedPayInfo .signedPayRight p span {
                color: #ff5027;
                font-size: 24px;
            }

        .signedPayInfo .signedPayRight .resubmitBut {
            width: 112px;
            height: 32px;
            background-color: #03af80;
            color: #fff;
            font-size: 14px;
            text-align: center;
            line-height: 32px;
            display: inline-block;
            border-radius: 3px;
        }

.payMethod {
    width: 100%;
    height: 46px;
    padding-top: 26px;
    margin-bottom: 45px;
}

    .payMethod li {
        float: left;
        margin-right: 18px;
    }

        .payMethod li a {
            padding-left: 80px;
            width: 130px;
            height: 44px;
            line-height: 44px;
            border: solid 1px #e7e7eb;
            display: inline-block;
            text-align: left;
            line-height: 44px;
            background-color: #fff;
            border-radius: 2px;
            font-size: 16px;
            color: #222;
        }

            .payMethod li a i {
                margin-left: -58px;
                margin-top: 7px;
                float: left;
                width: 48px;
                height: 32px;
                display: inline-block;
            }

            .payMethod li a.payIco1 i {
                background-position: -44px -234px;
            }

            .payMethod li a.payIco2 i {
                background-position: -92px -234px;
            }

            .payMethod li a.payIco3 i {
                background-position: -140px -234px;
            }

.payTransfers {
    font-size: 13px;
    color: #222;
    padding-top: 12px;
}

    .payTransfers p {
        height: 30px;
        line-height: 30px;
    }

    .payTransfers li {
        height: 28px;
        padding-left: 66px;
        line-height: 28px;
    }

        .payTransfers li i {
            width: 66px;
            margin-left: -66px;
            float: left;
        }

.paySuccessful {
    text-align: center;
    width: 100%;
    border-top: solid 1px #e7e7eb;
    padding-top: 30px;
    min-height: 300px;
}

    .paySuccessful strong {
        color: #666;
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }

    .paySuccessful p {
        font-size: 13px;
        color: #222;
        margin-bottom: 36px;
        padding-top: 20px;
    }

    .paySuccessful .experienceBut {
        width: 218px;
        height: 46px;
        border-radius: 6px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 46px;
        background-color: #03af80;
        display: inline-block;
    }


.newWrapBox {
    color: #222;
    min-width: 1130px;
}

    .newWrapBox .main {
        max-width: 987px;
        padding: 0 0 0 211px;
    }

    .newWrapBox .curTitle {
        padding-left: 32px;
    }


    /**/
    .newWrapBox .filterBox {
        padding-top: 0;
        font-size: 14px;
        margin-bottom: 0;
    }

        .newWrapBox .filterBox li {
            margin: 0 15px 16px 0;
        }

            .newWrapBox .filterBox li em {
                color: #222;
            }

    .newWrapBox .tag_select {
        padding: 0 20px 0 10px;
        border: solid 1px #e7e7eb;
        width: 95px;
        color: #222;
        border-radius: 0px;
        background: #fff url(../images/selectAr.png) no-repeat right center;
    }

    .newWrapBox .tag_select_hover {
        border: solid 1px #e7e7eb;
        background: #fff url(../images/selectAr.png) no-repeat right center;
    }

    .newWrapBox .tag_select_open {
        background: #fff url(../images/selectAr.png) no-repeat right center;
        border: solid 1px #e7e7eb;
    }

    .newWrapBox dl.tag_options {
        border-radius: 0px;
        padding: 1px;
        width: 123px;
    }

        .newWrapBox dl.tag_options dd {
            border-radius: 0px;
        }

    .newWrapBox .filterBox .dateLiBox {
        width: 368px;
        margin-right: 0;
    }

    .newWrapBox .dateLiBox b {
        font-weight: normal;
        padding: 0 5px;
    }

    .newWrapBox .dateLiBox .timeText2 {
        width: 91px;
        padding: 5px 24px 5px 10px;
        background: #fff url(../images/dateIco.png) no-repeat right center;
        border: solid 1px #e7e7eb;
    }

    /**/

    /**/
    .newWrapBox .listTable {
        border: solid 1px #e7e7eb;
    }

        .newWrapBox .listTable td, .newWrapBox .listTable th {
            border: solid 1px #e7e7eb;
            border-left: none;
            border-right: none;
            text-align: left;
            border-collapse: collapse;
            padding-left: 5px;
        }

        .newWrapBox .listTable th {
            color: #222;
            background-color: #f4f5f9;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
        }

        .newWrapBox .listTable td {
            color: #222;
            height: 60px;
            line-height: 6px;
        }

            .newWrapBox .listTable td .seeDetails a {
                color: #459ae9;
            }

            .newWrapBox .listTable td a {
                margin: 0;
            }
    /**/
    .newWrapBox .labelBox {
        margin-right: 0;
    }

        .newWrapBox .labelBox span {
            font-size: 14px;
        }

    .newWrapBox .filterBox li.searchForLi .selectBoxs {
        margin-right: 15px;
    }



.newMenuLeft {
    width: 210px;
    float: left;
    font-size: 14px;
    height: auto;
    padding-top: 10px;
    margin-left: -211px;
}

    .newMenuLeft .newMenuInBox {
        min-height: 680px;
    }

    .newMenuLeft li ul {
        display: none;
    }

    .newMenuLeft .mainMenuBox {
        border-bottom: solid 1px #e7e7eb;
        padding: 14px 0 16px 18px;
    }

        .newMenuLeft .mainMenuBox .mainMenuIco {
            display: block;
            padding-left: 28px;
            line-height: 18px;
        }

            .newMenuLeft .mainMenuBox .mainMenuIco i {
                display: inline-block;
                width: 18px;
                height: 18px;
                float: left;
                margin-left: -28px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco1 i {
                background-position: 0 -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco2 i {
                background-position: -18px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco3 i {
                background-position: -36px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco4 i {
                background-position: -54px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco5 i {
                background-position: -72px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco6 i {
                background-position: -90px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco7 i {
                background-position: -108px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco8 i {
                background-position: -126px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco9 i {
                background-position: -144px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco10 i {
                background-position: -162px -270px;
            }

            .newMenuLeft .mainMenuBox .mainMenuIco.menuIco11 i {
                background-position: -180px -270px;
            }

        .newMenuLeft .mainMenuBox.borderNone {
            border-bottom: none;
        }

.menuInBox {
    padding-top: 6px;
}

    .menuInBox li {
        padding-left: 28px;
        line-height: 36px;
    }

        .menuInBox li a {
            color: #5e5e5e;
        }

.authorizeBox {
    margin-top: 15px;
    height: auto;
    padding: 15px 250px 15px 0;
    overflow: hidden;
    background-color: #f4f5f9;
    border-top: solid 1px #e7e7eb;
}

.authorizeBoxLeft {
    float: left;
    margin-left: 30px;
    line-height: 22px;
    padding-left: 42px;
    color: #8d8d8d;
    font-size: 13px;
}

    .authorizeBoxLeft p {
        font-size: 14px;
        color: #222;
    }

    .authorizeBoxLeft a {
        color: #459ae9;
    }

    .authorizeBoxLeft .authorizeIco {
        width: 32px;
        height: 32px;
        display: inline-block;
        background-position: -211px -234px;
        float: left;
        margin-left: -42px;
    }

.authorizeBoxRight {
    float: right;
    margin: 5px -210px 0 0;
}

    .authorizeBoxRight a {
        display: block;
        width: 178px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        background-color: #03af80;
        color: #fff;
        border-radius: 3px;
    }

.authorizeMain {
    padding: 18px 30px;
    font-size: 13px;
}

    .authorizeMain .authorizeInBox {
        padding-left: 336px;
        height: auto;
        display: flex;
    }

        .authorizeMain .authorizeInBox .authorizeInLeft {
            min-height: 725px;
            width: 318px;
            background-color: #fff;
            border: solid 1px #e7e7eb;
            margin-left: -336px;
            margin-right: 20px;
        }

.alDlBox {
    width: 314px;
    margin: 0 auto;
    padding-top: 10px;
}

    .alDlBox dt {
        height: 150px;
        width: 100%;
        position: relative;
        border-bottom: solid 1px #e7e7eb;
        margin-bottom: 20px;
    }

        .alDlBox dt img {
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -50px 0 0 -50px;
            border-radius: 50%;
        }

        .alDlBox dt a {
            position: absolute;
            right: 0;
            top: 10px;
            color: #8d8d8d;
        }

    .alDlBox dd {
        line-height: 28px;
        color: #222;
    }

        .alDlBox dd p {
            height: 30px;
            line-height: 30px;
            padding-left: 102px;
        }

            .alDlBox dd p i {
                float: left;
                color: #8d8d8d;
                margin-left: -94px;
            }

.authorizeList {
    font-size: 14px;
    border: solid 1px #e7e7eb;
    min-height: 725px;
    background-color: #fff;
    flex: 1;
}

    .authorizeList .authorizeTit {
        height: 38px;
        line-height: 38px;
        background-color: #f4f5f9;
        padding-left: 20px;
        border-bottom: solid 1px #e7e7eb;
    }

    .authorizeList ul {
        padding: 5px 20px;
    }

        .authorizeList ul li {
            line-height: 45px;
            height: 45px;
        }

            .authorizeList ul li span {
                float: left;
            }

            .authorizeList ul li i {
                float: right;
            }

                .authorizeList ul li i.txtOrange {
                    color: #ff5027;
                }

                .authorizeList ul li i.txtGray {
                    color: #8d8d8d;
                }

.authorizeTwoBox {
    padding: 15px 30px;
}

    .authorizeTwoBox .authorizeTwoIn {
        background-color: #e0eaf6;
        height: 40px;
        padding-left: 40px;
        font-size: 14px;
        line-height: 40px;
    }

        .authorizeTwoBox .authorizeTwoIn i {
            width: 16px;
            height: 16px;
            display: inline-block;
            float: left;
            margin-left: -22px;
            background-position: -251px -234px;
            margin-top: 12px;
        }

        .authorizeTwoBox .authorizeTwoIn a {
            color: #459ae9;
        }

            .authorizeTwoBox .authorizeTwoIn a:hover {
                text-decoration: underline;
            }

.listingTabBox {
    width: 100%;
    height: 44px;
    border-bottom: solid 1px #e7e7eb;
    font-size: 14px;
}

    .listingTabBox .listingTab {
        float: left;
        position: relative;
        height: 45px;
        padding-left: 15px;
    }

        .listingTabBox .listingTab li {
            padding: 0 20px;
            height: 42px;
            line-height: 42px;
            float: left;
            cursor: pointer;
        }

            .listingTabBox .listingTab li.on {
                border-bottom: solid 3px #03c791;
                cursor: default;
            }

    .listingTabBox p {
        float: right;
        margin-right: 36px;
    }

a.newBut {
    display: inline-block;
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    background-color: #03af80;
    color: #fff;
    border-radius: 3px;
}

.listingConBox {
    padding: 30px;
    height: auto;
}

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

.newWrapBox .filterBox li.searchForLi {
    margin-right: 0;
}

.searchForLi input {
    float: left;
}

.searchTextN {
    width: 310px;
    padding: 5px 32px 5px 10px;
    border: solid 1px #e7e7eb;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    font-size: 14px;
}

.searchButN {
    height: 30px;
    border: none;
    position: relative;
    border-left: solid 1px #e7e7eb;
    width: 30px;
    background-color: #fff;
    background-position: -288px -225px;
    cursor: pointer;
}

.searchForLi .searchButN {
    margin: 1px 0 0 -31px;
}

.newWrapBox .listTable th.thWidth1 {
    width: 70px;
}

.newWrapBox .listTable th.thWidth2 {
}

.newWrapBox .listTable th.thWidth3 {
    width: 90px;
}

.newWrapBox .listTable th.thWidth4 {
    width: 100px;
}

.newWrapBox .listTable th.thWidth5 {
    width: 90px;
}

.newWrapBox .listTable th.thWidth6 {
    width: 80px;
}

.newWrapBox .listTable th.thWidth7 {
    width: 70px;
}

.newWrapBox .listTable th.thWidth8 {
    width: 70px;
}

.newWrapBox .listTable th.thWidth9 {
    width: 90px;
}

.newWrapBox .listTable th.thWidth10 {
    width: 75px;
}

.newWrapBox .listTable th.thWidthW0 {
}

.newWrapBox .listTable th.thWidthW1 {
    width: 70px;
}

.newWrapBox .listTable th.thWidthW2 {
}

.newWrapBox .listTable th.thWidthW3 {
    width: 70px;
}

.newWrapBox .listTable th.thWidthW4 {
    width: 50px;
}

.newWrapBox .listTable th.thWidthW5 {
    width: 50px;
}

.newWrapBox .listTable th.thWidthW6 {
}

.newWrapBox .listTable th.thWidthW7 {
    width: 80px;
}

.newWrapBox .listTable th.thWidthW8 {
    width: 90px;
}

.newWrapBox .listTable th.thWidthW9 {
    width: 70px;
}

.newWrapBox .listTable th.thWidthW10 {
    width: 70px;
}


.newTitLine {
    border-bottom: solid 1px #e7e7eb;
    width: 100%;
    height: 10px;
}

    .newTitLine a.returnALink {
        float: right;
        margin: -38px 25px 0 0;
        color: #459ae9;
        font-size: 14px;
    }

.infoAuditBox {
    padding: 25px 30px;
    font-size: 14px;
    color: #333;
}

    .infoAuditBox .infoAuditInBox {
        width: 100%;
    }

.infoAuditLeft {
    float: left;
    width: 456px;
}

    .infoAuditLeft li {
        line-height: 28px;
        min-height: 28px;
        padding-left: 156px;
        margin-bottom: 28px;
    }

        .infoAuditLeft li em {
            float: left;
            margin-left: -156px;
        }

        .infoAuditLeft li.iAButLi {
            padding-top: 20px;
            height: 32px;
            padding-left: 0;
        }

            .infoAuditLeft li.iAButLi .divAuditBut1 {
                float: left;
                margin-right: 12px;
            }

.auditByBut, .auditFailBut {
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: solid 1px #e7e7eb;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    padding: 0;
    box-sizing: inherit;
    cursor: pointer;
}

    .auditByBut:hover, .auditFailBut:hover {
        background-color: #03af80;
        color: #fff;
        border: solid 1px #03af80;
    }

.infoAuditLeft li.iAButLi .divAuditBut2 {
    float: left;
    position: relative;
}

    .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox {
        position: absolute;
        left: 0;
        top: 42px;
    }

        .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox {
            position: relative;
            padding-top: 7px;
        }

            .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox b {
                position: absolute;
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-bottom: 8px solid #fff;
                border-right: 8px solid transparent;
                left: 46px;
                top: 0px;
                z-index: 2;
            }

                .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox b:first-child {
                    border-bottom: 8px solid #e7e7eb;
                    z-index: 1;
                    top: -1px;
                }

            .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox .divFailInText {
                height: 40px;
                padding: 5px 0;
                border: solid 1px #e7e7eb;
                width: 716px;
                background-color: #fff;
            }

                .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox .divFailInText input {
                    border: none;
                    width: 700px;
                    padding: 10px 8px;
                    height: 20px;
                    line-height: 20px;
                }

                .infoAuditLeft li.iAButLi .divAuditBut2 .divFailBox .divFailInBox .divFailInText .labelBox span {
                    line-height: 40px;
                }

.infoAuditRight {
    float: right;
}

.licenseBox {
    width: 376px;
}

    .licenseBox .licenseTit {
        margin-bottom: 20px;
    }

    .licenseBox .licenseImgBox {
        background-color: #fff;
        border: solid 1px #e7e7eb;
        padding: 15px;
    }

    .licenseBox .licenseCoding {
        padding-top: 28px;
    }

        .licenseBox .licenseCoding span {
            padding-left: 24px;
        }

.earningsData {
    padding: 0 30px 30px;
}

.incomeBox {
    width: 100%;
    height: 125px;
    padding-top: 8px;
    margin-bottom: 30px;
}

    .incomeBox .incomeLeft, .incomeBox .incomeRight {
        width: 50%;
    }

    .incomeBox .incomeLeft {
        float: left;
    }

        .incomeBox .incomeLeft .incomeLeftIn {
            padding-right: 8px;
        }

            .incomeBox .incomeLeft .incomeLeftIn .incomeInBox {
                background-color: #7cbae5;
                border: solid 1px #6eb0dd;
            }

    .incomeBox .incomeRight {
        float: right;
    }

        .incomeBox .incomeRight .incomeRightIn {
            padding-left: 8px;
        }

            .incomeBox .incomeRight .incomeRightIn .incomeInBox {
                background-color: #60d295;
                border: solid 1px #57c78b;
            }

.incomeInBox {
    height: 123px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 17px;
}

    .incomeInBox em {
        display: inline-block;
        padding-top: 10px;
    }

    .incomeInBox p {
        font-size: 20px;
    }

        .incomeInBox p span {
            font-size: 36px;
        }

    .incomeInBox a {
        color: #fff;
        font-size: 13px;
    }

        .incomeInBox a:hover {
            text-decoration: underline;
        }

.dataChartBox {
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}

    .dataChartBox h2 {
        font-weight: 500;
        color: #222;
        font-size: 16px;
        padding-top: 10px;
    }

    .dataChartBox .dataChartIn {
        padding-top: 20px;
    }

.sRSearchBox {
    width: 100%;
    height: 8px;
}

    .sRSearchBox .sRSearchIn {
        float: right;
        margin-top: -42px;
    }

        .sRSearchBox .sRSearchIn .labelBox {
            margin-right: 0;
        }

        .sRSearchBox .sRSearchIn .searchButN {
            margin: 1px 0 0 -31px;
            float: left;
        }

.sRTableBox {
    width: 100%;
    margin-bottom: 40px;
}

    .sRTableBox .listTable td {
        height: 66px;
    }

    .sRTableBox .listTable td, .sRTableBox .listTable th {
        text-align: left;
        padding-left: 15px;
        color: #222;
    }

        .sRTableBox .listTable th.thWidthS1 p {
            height: 40px;
        }

            .sRTableBox .listTable th.thWidthS1 p label, .sRTableBox .listTable th.thWidthS1 p input {
                vertical-align: middle;
            }

            .sRTableBox .listTable th.thWidthS1 p label {
                padding-left: 4px;
            }

        .sRTableBox .listTable th.thWidthS6 {
            width: 190px;
        }

            .sRTableBox .listTable th.thWidthS6 .sRTxt, .sRTableBox .listTable th.thWidthS6 .selectBoxs {
                float: left;
            }

            .sRTableBox .listTable th.thWidthS6 .selectBoxs {
                margin: 4px 0 0 12px;
            }

            .sRTableBox .listTable th.thWidthS6 .tag_select {
                padding: 0 20px 0 10px;
                border: solid 1px #e7e7eb;
                width: 95px;
                color: #222;
                border-radius: 0px;
                background: #fff url(../images/selectAr.png) no-repeat right center;
            }

            .sRTableBox .listTable th.thWidthS6 dl.tag_options {
                border-radius: 0px;
                padding: 1px;
                width: 123px;
            }

.ageLimitBox {
    width: 100%;
    margin-bottom: 40px;
    color: #222;
    font-size: 16px;
}

    .ageLimitBox h2 {
        font-weight: 500;
        margin-bottom: 30px;
    }

    .ageLimitBox li {
        height: 42px;
        line-height: 42px;
        text-align: center;
        width: 208px;
        float: left;
        margin: 0 20px 10px 0;
        background-color: #fafafa;
        border: solid 1px #e7e7eb;
        cursor: pointer;
        border-radius: 2px;
    }

        .ageLimitBox li.on {
            cursor: default;
            border-color: #7cbae5;
            background-color: #7cbae5;
            color: #fff;
        }

.sRMoney {
    width: 100%;
    font-size: 16px;
    color: #222;
    margin-bottom: 20px;
}

    .sRMoney span {
        color: #ff5027;
        font-size: 24px;
    }

a.sRPayBut {
    width: 190px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background-color: #03af80;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    border: none;
    display: inline-block;
}



/*2016-11-1*/
.cLTitBox {
    padding: 6px 0 0 121px;
    line-height: 17px;
    text-align: left;
}

    .cLTitBox img {
        float: left;
        margin-left: -70px;
        margin-bottom: 5px;
    }

    .cLTitBox .bhTxt {
        color: #999;
        font-size: 12px;
        margin: 0px 0px 0px 3px;
    }

    .cLTitBox a {
        color: #333;
    }

    .cLTitBox a {
        margin: 0px 0px 0px 3px;
    }

.nameTxt .titleTxt {
    padding-left: 10px;
}

    .nameTxt .titleTxt span {
        color: #f60;
    }

    .nameTxt .titleTxt del {
        color: #999;
    }

.operationTxt i {
    padding: 0 4px;
    color: #ccc;
}
/*.tableList th:first-child p, .tableList tr td:first-child p {text-align:left;padding-left:6px; vertical-align:middle;}
 .tableList th:first-child input,.listTable.commodityList th:first-child label {vertical-align:middle;}
 .tableList th:first-child label {padding-left:2px;}*/


/*2016-11-2*/
.commodityInfo {
    font-size: 14px;
    margin-bottom: 15px;
    height: auto;
    width: 100%;
}

    .commodityInfo .cITit {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 12px;
        color: #666;
    }

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

        .commodityInfo ul.cIUl li {
            padding: 10px 0 10px 106px;
            height: 34px;
            line-height: 27px;
            border-top: solid 1px #ddd;
        }

            .commodityInfo ul.cIUl li em {
                color: #999;
                float: left;
                line-height: 32px;
                padding-right: 16px;
                text-align: right;
                margin-left: -106px;
                width: 90px;
                display: inline-block;
            }

            .commodityInfo ul.cIUl li.classify .selectBoxs {
                float: left;
            }

            .commodityInfo ul.cIUl li .cIText {
                width: 818px;
                height: 20px;
                padding: 6px 5px;
                background-color: #fff;
                border: solid 1px #999;
                border-radius: 4px;
            }

            .commodityInfo ul.cIUl li .cImoney .cIText {
                float: left;
                width: 784px;
                border-left: none;
                border-radius: 0 4px 4px 0;
            }

            .commodityInfo ul.cIUl li .cImoney .moneyDiv {
                width: 32px;
                height: 32px;
                border: solid 1px #999;
                border-radius: 4px 0 0 4px;
                background-color: #eee;
                text-align: center;
                line-height: 32px;
                color: #555;
                float: left;
            }

            .commodityInfo ul.cIUl li.cIImgBox {
                height: auto;
                min-height: 116px;
                padding-top: 0;
                padding-bottom: 0;
            }

                .commodityInfo ul.cIUl li.cIImgBox em {
                    line-height: 116px;
                }
                /*.commodityInfo ul.cIUl li.cIImgBox .cIImgList {background-color:#eee;width:100%;height:116px;overflow:hidden;padding-top:10px;}*/
                .commodityInfo ul.cIUl li.cIImgBox .cIImgList {
                    background-color: #eee;
                    width: 100%;
                    height: 112px;
                    overflow: hidden;
                    padding-top: 10px;
                    position: relative;
                }

                    .commodityInfo ul.cIUl li.cIImgBox .cIImgList dd {
                        float: left;
                        background-color: #fff;
                        border: solid 1px #c9c9c9;
                        width: 98px;
                        height: 98px;
                        margin: 0 0 10px 10px;
                    }

                    .commodityInfo ul.cIUl li.cIImgBox .cIImgList .imgDl dd {
                        position: relative;
                    }

                        .commodityInfo ul.cIUl li.cIImgBox .cIImgList .imgDl dd a {
                            position: absolute;
                            line-height: 20px;
                            right: 5px;
                            top: 0px;
                            color: #f00;
                            font-size: 22px;
                        }

                    .commodityInfo ul.cIUl li.cIImgBox .cIImgList dd .uploadPic {
                        font-size: 18px;
                        cursor: pointer;
                        line-height: 98px;
                        text-align: center;
                    }

            .commodityInfo ul.cIUl li.imgTxt {
                height: 32px;
                line-height: 32px;
                font-size: 12px;
                color: #666;
                padding-top: 0;
                padding-bottom: 0;
            }

            .commodityInfo ul.cIUl li.brandSele {
            }

                .commodityInfo ul.cIUl li.brandSele .tag_select {
                    width: 786px;
                }

                .commodityInfo ul.cIUl li.brandSele dl.tag_options {
                    width: 825px;
                }

            .commodityInfo ul.cIUl li.specLi {
                height: auto;
                min-height: 34px;
            }

.specBox {
    width: 804px;
    border: dashed 1px #333;
    margin-bottom: 12px;
    position: relative;
    padding: 6px 10px;
    height: auto;
    overflow: hidden;
}

    .specBox .sBcolseBut {
        position: absolute;
        right: 8px;
        top: 4px;
        cursor: pointer;
        line-height: 22px;
        font-size: 22px;
    }

    .specBox .sBTit {
        font-size: 15px;
        color: #454545;
    }

    .specBox .specInBox {
        width: 100%;
        height: auto;
        zoom: 0;
        clear: both;
    }

        .specBox .specInBox dl {
            width: 832px;
        }

        .specBox .specInBox dd {
            width: 180px;
            height: 30px;
            float: left;
            position: relative;
            margin: 0 28px 8px 0;
        }

            .specBox .specInBox dd span {
                width: 36px;
                height: 28px;
                border: solid 1px #999;
                background-color: #eee;
                display: inline-block;
                float: left;
                text-align: center;
                border-radius: 3px 0 0 3px;
                line-height: 28px;
            }

                .specBox .specInBox dd span input {
                }

            .specBox .specInBox dd .textTxt {
                float: left;
                width: 127px;
                border: solid 1px #999;
                background-color: #eee;
                line-height: 20px;
                height: 20px;
                padding: 4px 5px 4px 8px;
                border-left: none;
                font-size: 12px;
            }

            .specBox .specInBox dd .closeDD {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                position: absolute;
                display: inline-block;
                border: solid 1px #aaa;
                text-align: center;
                line-height: 18px;
                color: #333;
                right: -9px;
                top: -9px;
                display: none;
            }

            .specBox .specInBox dd:hover .closeDD {
                display: block;
            }

    .specBox .specAllBox {
        height: 32px;
        width: 100%;
        line-height: 32px;
        clear: both;
    }

        .specBox .specAllBox p {
            float: left;
            margin-right: 30px;
        }

            .specBox .specAllBox p input, .specBox .specAllBox p label {
                vertical-align: middle;
            }

            .specBox .specAllBox p label {
                padding-left: 5px;
                cursor: pointer;
            }

.keyWordsBox {
    width: 808px;
    border: dashed 1px #333;
    position: relative;
    padding: 10px;
    height: auto;
    overflow: hidden;
}

    .keyWordsBox .sBcolseBut {
        position: absolute;
        right: 8px;
        top: 4px;
        cursor: pointer;
        line-height: 22px;
        font-size: 22px;
    }

    .keyWordsBox .sBTit {
        font-size: 15px;
        color: #454545;
    }

    .keyWordsBox .keyWordsInBox {
        width: 100%;
        height: auto;
        zoom: 0;
        clear: both;
    }

        .keyWordsBox .keyWordsInBox dl {
            width: 808px;
        }

        .keyWordsBox .keyWordsInBox dd {
            width: auto;
            height: 30px;
            float: left;
            position: relative;
            margin: 0 28px 8px 0;
        }

            .keyWordsBox .keyWordsInBox dd span {
                width: 36px;
                height: 28px;
                border: solid 1px #999;
                background-color: #eee;
                display: inline-block;
                float: left;
                text-align: center;
                border-radius: 3px 0 0 3px;
                line-height: 28px;
            }

                .keyWordsBox .keyWordsInBox dd span input {
                }

            .keyWordsBox .keyWordsInBox dd .textTxt {
                float: left;
                width: 159px;
                border: solid 1px #999;
                background-color: #eee;
                line-height: 20px;
                height: 20px;
                padding: 4px 5px 4px 8px;
                font-size: 12px;
            }

            .keyWordsBox .keyWordsInBox dd .closeDD {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                position: absolute;
                display: inline-block;
                border: solid 1px #aaa;
                text-align: center;
                line-height: 18px;
                color: #333;
                right: -9px;
                top: -9px;
                display: none;
            }

            .keyWordsBox .keyWordsInBox dd:hover .closeDD {
                display: block;
            }

    .keyWordsBox .keyWordsAllBox {
        height: 32px;
        width: 100%;
        line-height: 32px;
        clear: both;
    }

        .keyWordsBox .keyWordsAllBox p {
            float: left;
            margin-right: 30px;
        }

            .keyWordsBox .keyWordsAllBox p input, .keyWordsBox .keyWordsAllBox p label {
                vertical-align: middle;
            }

            .keyWordsBox .keyWordsAllBox p label {
                padding-left: 5px;
                cursor: pointer;
            }

.detailsEdit {
    width: 830px;
    height: 490px;
}

.commodityInfo ul.cIUl li.editLi {
    height: 490px;
}

.commodityInfo ul.cIUl li.releaseTime {
    height: auto;
}

    .commodityInfo ul.cIUl li.releaseTime em {
        line-height: 75px;
    }

    .commodityInfo ul.cIUl li.releaseTime .rTInBox {
        width: 100%;
    }

        .commodityInfo ul.cIUl li.releaseTime .rTInBox dd {
            height: 24px;
            line-height: 24px;
            margin: 9px 0;
        }

            .commodityInfo ul.cIUl li.releaseTime .rTInBox dd label {
                float: left;
                padding-left: 20px;
                margin-right: 6px;
            }

                .commodityInfo ul.cIUl li.releaseTime .rTInBox dd label input {
                    float: left;
                    margin: 7px 0 0 -20px;
                }

            .commodityInfo ul.cIUl li.releaseTime .rTInBox dd .timeText {
                height: 22px;
                line-height: 22px;
                border: solid 1px #999;
                width: 145px;
            }

.specButBox {
    padding-left: 106px;
}

.specSelect {
    position: relative;
}

.specHide {
    display: none;
}

.specOn {
}

.specCon {
    position: absolute;
    top: 34px;
    left: 0;
    border: solid 1px #ddd;
    border-radius: 3px;
    background-color: #f8f8f8;
    width: 410px;
    z-index: 100
}

    .specCon a {
        padding-left: 5px;
        height: 30px;
        line-height: 30px;
        display: block;
    }

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

.sizeBox {
    width: 826px;
    height: auto;
    padding: 10px 0;
}

    .sizeBox .sizeTable {
        width: 100%;
        border-collapse: collapse;
    }

        .sizeBox .sizeTable th.size {
            width: 20px;
        }

        .sizeBox .sizeTable th.inputThW {
            width: 70px;
        }

            .sizeBox .sizeTable th.inputThW div {
                font-weight: bold;
                color: #787878;
                line-height: 18px;
                font-size: 12px;
            }

        .sizeBox .sizeTable th {
            height: 30px;
            line-height: 30px;
            font-weight: normal;
            text-align: center;
        }

        .sizeBox .sizeTable th, .sizeBox .sizeTable td {
            padding: 8px;
            border: solid 1px #ddd;
        }

        .sizeBox .sizeTable td {
            height: 30px;
            line-height: 30px;
        }

        .sizeBox .sizeTable .sizeInput {
            height: 28px;
            padding: 0 0 0 10px;
            width: 94px;
            font-size: 12px;
            line-height: 28px;
            border-radius: 3px;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #999;
        }

#sizeTbody .evenTr {
    background-color: #f9f9f9
}


.headBox .upgradeUl li a i, .payMethod li a i, .newMenuLeft .mainMenuBox .mainMenuIco i, .authorizeBoxLeft .authorizeIco, .authorizeBoxLeft .noauthorizeIco, .authorizeBoxLeft .fullauthorizeIco, .authorizeTwoBox .authorizeTwoIn i, .searchButN {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}

@media screen and (max-width:1190px) {
    .searchTextN {
        width: 220px;
    }
}

@media screen and (max-width:1160px) {
    .newWrapBox .listTable th.thWidth1 {
        width: 60px;
    }

    .newWrapBox .listTable th.thWidth2 {
    }

    .newWrapBox .listTable th.thWidth3 {
        width: 80px;
    }

    .newWrapBox .listTable th.thWidth4 {
        width: 90px;
    }

    .newWrapBox .listTable th.thWidth5 {
        width: 80px;
    }

    .newWrapBox .listTable th.thWidth6 {
        width: 70px;
    }

    .newWrapBox .listTable th.thWidth7 {
        width: 65px;
    }

    .newWrapBox .listTable th.thWidth8 {
        width: 65px;
    }

    .newWrapBox .listTable th.thWidth9 {
        width: 85px;
    }

    .newWrapBox .listTable th.thWidth10 {
        width: 65px;
    }
}


.headBox .upgradeUl li a i, .payMethod li a i, .newMenuLeft .mainMenuBox .mainMenuIco i, .authorizeBoxLeft .authorizeIco, .authorizeTwoBox .authorizeTwoIn i, .searchButN, .memberConCount .memberSearch .memberButton, .memberListPage .mListInPage em i {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}
/* 20161014 */
.newBodyW2 .head {
    min-width: 1230px;
}

.newBodyW2 .wrapBox {
    min-width: 1210px;
}

.newBodyW2 .footer {
    min-width: 1230px;
}

.filterBox.commodityFilter li {
    margin: 15px 50px 15px 0;
}

    .filterBox.commodityFilter li .tag_select {
        padding: 0 31px 0 10px;
        width: 90px;
    }

    .filterBox.commodityFilter li dl.tag_options {
        width: 129px;
    }

.listTable.commodityList th:first-child p, .listTable.commodityList tr td:first-child p {
    text-align: left;
    padding-left: 6px;
    vertical-align: middle;
}

.listTable.commodityList th:first-child input, .listTable.commodityList th:first-child label {
    vertical-align: middle;
}

.listTable.commodityList th:first-child label {
    padding-left: 2px;
}

.listTable.commodityList td {
    height: 75px;
    line-height: 75px;
}

    .listTable.commodityList td .cLTitBox {
        padding: 6px 0 0 70px;
        line-height: 16px;
        text-align: left;
    }

        .listTable.commodityList td .cLTitBox img {
            float: left;
            margin-left: -70px;
        }

        .listTable.commodityList td .cLTitBox .bhTxt {
            color: #999;
            font-size: 12px;
        }

        .listTable.commodityList td .cLTitBox a {
            color: #333;
        }

    .listTable.commodityList td a {
        margin: 0;
    }

    .listTable.commodityList td .nameTxt .titleTxt {
        padding-left: 10px;
    }

        .listTable.commodityList td .nameTxt .titleTxt span {
            color: #f60;
        }

        .listTable.commodityList td .nameTxt .titleTxt del {
            color: #999;
        }

    .listTable.commodityList td .operationTxt i {
        padding: 0 4px;
        color: #ccc;
    }


/* 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: 540px;
    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: 180px;
    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;
            border-left: solid 2px #e7e8eb;
            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:1060px) {
    .loginTab li {
        margin-right: 40px;
    }
}


/* 20161028 */
.memberData {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0 30px;
}

    .memberData li {
        width: 33.3%;
        text-align: center;
        float: left;
    }

        .memberData li .dataInBox {
            width: 148px;
            height: 148px;
            margin: 0 auto;
            background-color: #fff;
            border: solid 1px #c9c9c9;
            text-align: center;
            color: #222;
            border-radius: 50%;
        }

            .memberData li .dataInBox p {
                padding-top: 52px;
                line-height: 26px;
            }

                .memberData li .dataInBox p span {
                    font-size: 18px;
                    color: #40a638;
                }

.listConBox {
    padding: 20px 30px;
    height: auto;
    font-size: 14px;
}

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

.memberConCount {
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 15px;
}

    .memberConCount .memberSearch {
        float: right;
    }

        .memberConCount .memberSearch input {
            float: left;
        }

        .memberConCount .memberSearch .memberText {
            padding: 4px;
            width: 100px;
            height: 20px;
            line-height: 20px;
            border: solid 1px #b2b2b2;
            background-color: #fff;
            border-right: none;
            font-size: 14px;
        }

        .memberConCount .memberSearch .memberButton {
            border: none;
            width: 34px;
            height: 30px;
            background-color: #b3b3b3;
            background-position: -360px -262px;
            cursor: pointer;
        }

    .memberConCount .dataDate {
        float: right;
        color: #5e5e5e;
        width: 320px;
    }

        .memberConCount .dataDate span {
            margin-right: 10px;
        }

        .memberConCount .dataDate input {
            padding: 2px;
            width: 92px;
            height: 20px;
            line-height: 20px;
            border: solid 1px #b2b2b2;
            background-color: #fff;
            font-size: 14px;
        }

    .memberConCount em {
        color: #03af80;
    }

.memberInTable {
    width: 100%;
    height: auto;
    margin-bottom: 28px;
}

.memberTableBox {
    width: 100%;
    border-collapse: collapse;
}

    .memberTableBox th, .memberTableBox td {
        text-align: left;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
    }

    .memberTableBox th {
        background-color: #f5f5f5;
        font-weight: normal;
    }

    .memberTableBox td {
        border-bottom: solid 1px #f5f5f5;
    }

        .memberTableBox td.moneyTxt, .memberTableBox th.moneyTxt {
            padding-right: 40px;
            padding-left: 0;
            text-align: right;
        }

    .memberTableBox.payAreac th, .memberTableBox.payAreac td {
        text-align: right;
        padding-left: 0;
        padding-right: 20px;
    }

        .memberTableBox.payAreac th:first-child, .memberTableBox.payAreac td:first-child {
            text-align: left;
            padding-right: 0;
            padding-left: 20px;
        }

.dataChartBox {
    width: 100%;
}

    .dataChartBox .dataChartTable {
        width: 100%;
    }

        .dataChartBox .dataChartTable th {
            background-color: #f5f5f5;
            font-weight: 500;
            padding-left: 20px;
        }

        .dataChartBox .dataChartTable th, .dataChartBox .dataChartTable td {
            text-align: left;
            height: 30px;
            line-height: 30px;
        }

        .dataChartBox .dataChartTable td {
            padding: 12px 0 12px 20px;
        }

        .dataChartBox .dataChartTable tbody tr:first-child td {
            padding-top: 35px;
        }

.regionBgBox {
    padding-left: 100px;
}

    .regionBgBox i {
        display: inline-block;
        width: 70px;
        height: 30px;
        float: left;
        margin-left: -100px;
    }

        .regionBgBox i.regionColor1 {
            background-color: #2d9edf;
        }

        .regionBgBox i.regionColor2 {
            background-color: #aacf3a;
        }

        .regionBgBox i.regionColor3 {
            background-color: #a18cef;
        }

        .regionBgBox i.regionColor4 {
            background-color: #37bbc8;
        }

        .regionBgBox i.regionColor5 {
            background-color: #e14f9c;
        }

        .regionBgBox i.regionColor6 {
            background-color: #eba41c;
        }


.memberListPage {
    height: 20px;
    margin-bottom: 28px;
    line-height: 20px;
    width: 100%;
}

    .memberListPage .mListInPage {
        float: right;
        line-height: 20px;
        margin-right: 50px;
    }

        .memberListPage .mListInPage p {
            float: left;
        }

            .memberListPage .mListInPage p input {
                float: left;
            }

        .memberListPage .mListInPage span {
            margin-right: 10px;
        }

        .memberListPage .mListInPage em {
            display: inline-block;
            width: 15px;
            height: 20px;
            margin-right: 16px;
        }

            .memberListPage .mListInPage em i {
                display: inline-block;
                width: 14px;
                height: 14px;
                background-color: #fff;
                border: solid 1px #c9c9c9;
                background-position: -402px -267px;
                position: relative;
                top: 2px;
                cursor: pointer;
            }

        .memberListPage .mListInPage .numberPageText {
            width: 40px;
            text-align: center;
            height: 18px;
            line-height: 18px;
            border: solid 1px #a0a0a0;
            margin-right: 20px;
        }

        .memberListPage .mListInPage .numberPageBut {
            width: 38px;
            height: 20px;
            text-align: center;
            border: solid 1px #a0a0a0;
            cursor: pointer;
            font-size: 12px;
            background-color: #fff;
            line-height: 20px;
        }

.dataStatistics {
    width: 100%;
    padding-top: 15px;
}

    .dataStatistics dd {
        height: 330px;
        width: 256px;
        float: left;
        margin: 0 30px 50px 30px;
    }

        .dataStatistics dd .dSListBox {
            width: 254px;
            height: 328px;
            text-align: center;
            background-color: #fff;
            border: solid 1px #e7e8eb;
        }

            .dataStatistics dd .dSListBox h2 {
                padding-top: 26px;
                height: 32px;
                line-height: 32px;
                font-size: 16px;
                margin-bottom: 22px;
            }

            .dataStatistics dd .dSListBox .dSlistBut {
                text-align: center;
            }

                .dataStatistics dd .dSListBox .dSlistBut a {
                    width: 100px;
                    height: 28px;
                    line-height: 28px;
                    background-color: #009dd9;
                    color: #fff;
                    display: inline-block;
                    text-align: center;
                    margin: 0 auto;
                }

.dataListBox {
    height: 165px;
}

    .dataListBox .dataListTag {
        width: 176px;
        height: 18px;
        line-height: 18px;
        margin: 0 auto;
        border: solid 1px #e7e8eb;
        overflow: hidden;
    }

        .dataListBox .dataListTag ul {
            width: 100%;
        }

        .dataListBox .dataListTag li {
            float: left;
            width: 58px;
            text-align: center;
            border-left: solid 1px #e7e8eb;
            height: 18px;
            line-height: 18px;
            background-color: #fff;
        }

            .dataListBox .dataListTag li:first-child {
                border-left: none;
            }

            .dataListBox .dataListTag li.on {
                background-color: #44b549;
                color: #fff;
            }

.dataListBox {
}

    .dataListBox .hd {
    }

        .dataListBox .hd ul {
        }

            .dataListBox .hd ul li {
                float: left;
                cursor: pointer;
            }

                .dataListBox .hd ul li.on {
                }

    .dataListBox .bd {
        width: 178px;
        margin: 0 auto;
        padding-top: 12px;
    }

        .dataListBox .bd div {
            zoom: 1;
            text-align: left;
            line-height: 38px;
        }

@media screen and (max-width:1200px) {
    .dataStatistics dd {
        margin: 0 15px 50px 0px;
    }
}

@media screen and (max-width:1170px) {
    .dataStatistics dd {
        width: 226px;
    }

        .dataStatistics dd .dSListBox {
            width: 224px;
        }
}

/* 20161109 */
.orderTime {
    padding: 10px 30px;
    height: auto;
    font-size: 14px;
}

    .orderTime .orderTimeTit {
        height: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .orderTime .orderTimeIn {
        padding-left: 22px;
        overflow: hidden;
    }

        .orderTime .orderTimeIn .orderTimeInBox {
            border-left: solid 2px #dcdcdc;
        }

            .orderTime .orderTimeIn .orderTimeInBox ul {
                width: 100%;
                margin-top: -4px;
            }

            .orderTime .orderTimeIn .orderTimeInBox li {
                line-height: 22px;
                padding-bottom: 40px;
                padding-left: 168px;
            }

                .orderTime .orderTimeIn .orderTimeInBox li i {
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    float: left;
                    margin-left: -176px;
                    background-color: #d7d7d7;
                    border-radius: 50%;
                    margin-top: 4px;
                }

                .orderTime .orderTimeIn .orderTimeInBox li em {
                    float: left;
                    margin-left: -156px;
                    color: #888;
                }

/* 20161128 */
.newBodyW3 .head {
    min-width: 1200px;
}

.newBodyW3 .wrapBox {
    min-width: 1180px;
}

.newBodyW3 .footer {
    min-width: 1200px;
}

.stepBox.signedBox2 li {
    width: 49.9%;
}

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

.coupinInnerBox {
    min-height: 660px;
}

.card_preview_area {
    float: left;
    width: 318px;
    margin-right: 16px;
    padding-bottom: 150px;
    overflow: hidden;
    background: #f6f6f8 url(../images/topbar28a82e.png) no-repeat center 5px;
}

    .card_preview_area[style^="background-color"] {
        background-image: url(../images/topbar_white29bc6c.png);
    }

.coupinInnerBox .card_preview_area .card_body {
    margin: 64px 10px 10px;
}

.coupinInnerBox .card_preview_area .msg_title {
    text-align: center;
    height: 62px;
    line-height: 85px;
    font-size: 11px;
    color: #fff;
    display: none;
}

.coupinInnerBox .card_preview_area .msg_card_section.shop {
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #e7e7eb;
    position: relative;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .coupinInnerBox .card_preview_area .msg_card_section.shop .shop_panel {
        padding: 21px 12px 12px;
        min-height: 137px;
        height: auto;
        text-align: center;
    }

.coupinInnerBox .card_preview_area .logo_area {
    position: relative;
    margin-bottom: 7px;
    line-height: 42px;
    color: #8d8d8d;
    margin-top: -40px;
}

.coupinInnerBox .card_preview_area .logo {
    display: block;
    width: 38px;
    height: 38px;
    padding-top: 0;
    margin: 0 auto;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    float: none;
    border: 1px solid #e7e7eb;
    background-color: #fff;
    font-size: 24px;
}

    .coupinInnerBox .card_preview_area .logo img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        -moz-border-radius: inherit;
        -webkit-border-radius: inherit;
    }

.coupinInnerBox .card_preview_area .msg_area {
}

    .coupinInnerBox .card_preview_area .msg_area .tick_msg {
        margin-bottom: 6px;
    }

        .coupinInnerBox .card_preview_area .msg_area .tick_msg .card_name {
            font-weight: normal;
            font-size: 28px;
            word-break: break-word;
            word-wrap: break-word;
        }

        .coupinInnerBox .card_preview_area .msg_area .tick_msg .btn_use_card {
            border-width: 0;
            background-color: #f4f5f9;
        }

        .coupinInnerBox .card_preview_area .msg_area .tick_msg .btn {
            min-width: 60px;
            display: inline-block;
            overflow: visible;
            padding: 0 22px;
            height: 30px;
            line-height: 30px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            font-size: 14px;
            border-width: 1px;
            border-style: solid;
            cursor: pointer;
        }

        .coupinInnerBox .card_preview_area .msg_area .tick_msg .btn_use_card[style^="background"] {
            color: #fff;
        }

.card_usage {
    text-align: left;
    padding: 0 10px 1em;
    background-color: #fff
}

    .card_usage li {
        overflow: hidden;
        padding-left: 5em;
        clear: both;
        color: #8d8d8d
    }

    .card_usage .usage_label {
        float: left;
        margin-left: -5em;
        color: #222
    }

.msg_card_cell.quick_pay {
    height: 14px;
    line-height: 14px;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e7e7eb
}

.card_preview_area .msg_card_cell {
    background-color: #fff;
    *zoom: 1
}

.msg_card_cell.dispose {
    display: none;
}

.msg_img_text .list {
    overflow: hidden;
    border-bottom: 0
}

.li_panel {
    position: relative;
}

.coupinInnerBox .card_preview_area .list {
    margin: 0 10px;
    border-bottom: 1px solid #e7e7eb;
}

.msg_img_text .list .li_panel {
    padding: 11px 0 0
}

    .msg_img_text .list .li_panel .ic {
        top: 16px
    }

.msg_card_section {
    position: relative;
}

.section_card_intro {
    position: relative;
    width: 100%;
    height: auto;
    color: #8d8d8d;
    overflow: hidden;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 24px
}

    .section_card_intro .cover_wrap {
        overflow: hidden;
        max-height: 116px;
        height: auto;
        padding-top: 5px
    }

    .section_card_intro img {
        width: 100%;
    }

    .section_card_intro .cover_summary {
        height: 24px;
        background: #000;
        background: rgba(0,0,0,0.7);
        margin-top: 0;
        position: absolute;
        z-index: 9;
        left: 0;
        width: 100%;
        bottom: 0;
        color: #fff;
        text-indent: 1em
    }

.list li .li_panel {
    display: block;
    padding: 11px 30px 11px 0;
    border-bottom: 1px solid #e7e7eb
}

    .list li .li_panel .ic {
        position: absolute;
        top: 36%;
        right: 5px;
        width: 16px;
        height: 15px;
        background: url(../images/card_control_z30bdda.png) 0 -62px no-repeat
    }

.msg_img_text .list .li_panel .ic {
    top: 5px;
}



.msg_card_cell.shop_detail {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

    .msg_card_cell.shop_detail .list li:last-child .li_panel {
        border-bottom-width: 0
    }


.msg_card_cell.last_cell {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

.list li .li_panel {
}

span.ic.ic_go {
    position: absolute;
    top: 36%;
    right: 5px;
    width: 16px;
    height: 15px;
    background: url(../images/card_control_z30bdda.png) 0 -62px no-repeat;
}

.msg_card_cell.custom_detail {
    margin-top: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

    .msg_card_cell.custom_detail .list {
        border-bottom-width: 0
    }

        .msg_card_cell.custom_detail .list li:last-child .li_panel {
            border-bottom-width: 0
        }

.media_edit_area {
    float: right;
    width: 800px;
    min-height: 660px;
    margin-bottom: 20px;
}

    .media_edit_area.couponTwo_in {
        width: auto;
        float: none;
    }

    .media_edit_area .mediaEditIn {
        position: relative;
        padding-left: 0;
    }

        .media_edit_area .mediaEditIn .editInnerBox {
            min-height: 660px;
            padding: 20px;
            border: solid 1px #e7e7eb;
            background-color: #f4f5f9;
            font-size: 14px;
        }

.appmsg_editor .arrow_out, .appmsg_editor .arrow_in {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #e7e7eb;
    border-right-style: solid;
    top: 120px;
    left: -11px;
}

.appmsg_editor .arrow_in {
    border-right-color: #f4f5f9;
    top: 120px;
    left: -10px;
}

.appmsg_editor .arrow {
    position: absolute;
}

.editInnerBox .essentialInfo {
    width: 100%;
    margin-bottom: 20px;
}

    .editInnerBox .essentialInfo h3 {
        height: 34px;
        line-height: 34px;
        border-bottom: solid 1px #e6e9eb;
        font-weight: 500;
        font-size: 14px;
    }

.editInnerBox .controlGroup {
    margin-top: 30px;
    margin-bottom: 30px;
    clear: both;
    padding-bottom: 0;
    padding-left: 98px;
}

.controlGroup .frm_label {
    width: 98px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0;
    margin-left: -98px;
}

    .controlGroup .frm_label em {
        color: #8d8d8d;
    }

    .controlGroup .frm_label.tipTxt {
        line-height: 22px;
        height: 22px;
        margin-top: 4px;
    }

.controlGroup .frm_tips {
    padding-top: 5px;
    width: auto;
}

    .controlGroup .frm_tips a {
        color: #459ae9;
    }

        .controlGroup .frm_tips a:hover {
            text-decoration: underline;
        }

.controlGroup .frmCon_maB {
    padding-bottom: 5px;
}

.controlGroup .merchantCon {
    width: 100%;
    line-height: 30px;
}

    .controlGroup .merchantCon .brand_img, .controlGroup .merchantCon .brand_name {
        display: inline-block;
        vertical-align: top;
    }

        .controlGroup .merchantCon .brand_img img {
            width: 80px;
            height: 80px;
            margin-right: 12px;
        }

.controlGroup .selectColorBox {
    height: 32px;
}

.controlGroup .discount_Box {
    width: 100%;
}

    .controlGroup .discount_Box span {
        display: inline-block;
    }

.con_input_Box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 188px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
}

.controlGroup .dis_input {
    width: 100%;
    background-color: transparent;
    border: 0;
    height: 22px;
    margin: 4px 0;
    outline: 0;
    vertical-align: top;
}

.controlGroup .discount_Box .dis_inputBox {
    padding-right: 60px;
}

.controlGroup .discount_Box .dis_inputAppend {
    right: 0;
    text-align: right;
    padding-right: 10px;
    width: 50px;
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    top: 0;
}

.controlGroup .term_of_validity {
    height: 32px;
    padding-left: 98px;
    margin-bottom: 12px;
}

    .controlGroup .term_of_validity .t_radio_label {
        float: left;
        float: left;
        margin-top: 5px;
        margin-left: -98px;
    }

        .controlGroup .term_of_validity .t_radio_label input {
            margin: 4px 5px 0 0;
            float: left;
        }

    .controlGroup .term_of_validity .dateInputBox .dateInput {
        height: 22px;
        line-height: 22px;
        padding: 4px 20px 4px 10px;
        background: #fff url(../images/arrowDate.png) no-repeat right center;
        border: solid 1px #e6e7ec;
    }

    .controlGroup .term_of_validity .dateInputBox2 {
        line-height: 30px;
        width: 100%;
    }

    .controlGroup .term_of_validity.part_radioW {
        padding-left: 0;
        height: auto;
    }

        .controlGroup .term_of_validity.part_radioW .t_radio_label {
            margin-left: 0;
        }

    .controlGroup .term_of_validity .dateInputBox2 .take_effectTxt {
        padding: 0 4px;
        float: left;
    }

.controlGroup .part_radioBox {
    clear: both;
    padding-left: 18px;
}

    .controlGroup .part_radioBox .date_checkboxBox {
        height: 22px;
        line-height: 22px;
        padding: 10px 0;
    }

        .controlGroup .part_radioBox .date_checkboxBox label {
            float: left;
            margin-right: 8px;
        }

            .controlGroup .part_radioBox .date_checkboxBox label input {
                float: left;
                margin: 5px 4px 0 0;
            }

            .controlGroup .part_radioBox .date_checkboxBox label:first-child {
                margin-right: 12px;
            }

    .controlGroup .part_radioBox .addTo_timeTxt {
        height: 30px;
        line-height: 30px;
    }

    .controlGroup .part_radioBox a {
        color: #459ae9;
    }

        .controlGroup .part_radioBox a:hover {
            text-decoration: underline;
        }

    .controlGroup .part_radioBox .addTo_timeBox {
        width: 100%;
    }

    .controlGroup .part_radioBox .addTo_timeInBox {
        padding-left: 48px;
        line-height: 32px;
    }

        .controlGroup .part_radioBox .addTo_timeInBox .labelTxtLeft {
            float: left;
            margin-left: -48px;
        }

        .controlGroup .part_radioBox .addTo_timeInBox .addToTime a {
            margin-right: 10px;
        }

        .controlGroup .part_radioBox .addTo_timeInBox .addToTime .addTimeIn {
            margin-right: 15px;
        }

            .controlGroup .part_radioBox .addTo_timeInBox .addToTime .addTimeIn input {
                width: 88px;
                padding: 4px 10px;
                height: 20px;
                line-height: 20px;
                border: 1px solid #e7e7eb;
            }

            .controlGroup .part_radioBox .addTo_timeInBox .addToTime .addTimeIn span {
                padding: 0 3px;
            }

.controlGroup .c_conditionBox {
    width: 100%;
}

    .controlGroup .c_conditionBox .c_cond_label {
        height: 30px;
        line-height: 32px;
    }

        .controlGroup .c_conditionBox .c_cond_label input {
            float: left;
            margin: 10px 4px 0 0;
        }

    .controlGroup .c_conditionBox .c_cond_Box {
        width: 100%;
        height: auto;
        padding-top: 10px;
    }

    .controlGroup .c_conditionBox .c_cond_apply {
        padding-left: 120px;
    }

        .controlGroup .c_conditionBox .c_cond_apply:first-child {
            margin-bottom: 12px;
        }

        .controlGroup .c_conditionBox .c_cond_apply .apple_label {
            float: left;
            margin-left: -100px;
            line-height: 32px;
        }

        .controlGroup .c_conditionBox .c_cond_apply .number_Txt {
            padding-left: 5px;
            color: #8d8d8d;
            line-height: 32px;
        }

    .controlGroup .c_conditionBox .c_ShareBox {
        height: 32px;
        padding-top: 10px;
    }

        .controlGroup .c_conditionBox .c_ShareBox .c_shareLabel {
            float: left;
            margin-right: 10px;
            line-height: 32px;
        }

        .controlGroup .c_conditionBox .c_ShareBox .selectBoxs {
            float: left;
        }

        .controlGroup .c_conditionBox .c_ShareBox .tag_select {
            width: 120px;
        }

        .controlGroup .c_conditionBox .c_ShareBox dl.tag_options {
            width: 150px;
        }

        .controlGroup .c_conditionBox .c_ShareBox .icon_msg_mini {
            background: url(../images/ico2.png) 0 0 no-repeat;
            width: 16px;
            height: 16px;
            float: left;
            margin: 8px 0 0 6px;
            display: inline-block;
        }

.controlGroup .cover_img_box {
    width: 100%;
    height: auto;
}

.controlGroup .cover_img_Inbox .coverImgBox {
    float: left;
    width: 400px;
}

    .controlGroup .cover_img_Inbox .coverImgBox .coverUploadImg {
        height: 32px;
        padding: 10px 0;
    }

        .controlGroup .cover_img_Inbox .coverImgBox .coverUploadImg .btn_upload {
            background-color: #fff;
            background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
            background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
            background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
            background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
            border: solid 1px #e7e7eb;
            color: #222;
            height: 30px;
            line-height: 30px;
            width: auto;
            padding: 0 22px;
            display: inline-block;
            min-width: 60px;
            text-align: center;
        }

    .controlGroup .cover_img_Inbox .coverImgBox .UploadImgBox {
        margin-top: 10px;
    }

        .controlGroup .cover_img_Inbox .coverImgBox .UploadImgBox img {
            max-width: 100px;
            max-height: 100px;
        }

.controlGroup .cover_img_Inbox .img_Sample {
    width: 200px;
    float: left;
    margin-left: 10px;
}

    .controlGroup .cover_img_Inbox .img_Sample .sample_txt {
        margin-bottom: 5px;
    }

    .controlGroup .cover_img_Inbox .img_Sample .img_wrap {
        display: inline-block;
        vertical-align: top;
        cursor: zoom-in;
    }

        .controlGroup .cover_img_Inbox .img_Sample .img_wrap img {
            max-width: 190px;
        }

    .controlGroup .cover_img_Inbox .img_Sample .sample_c {
        text-align: center;
        padding-top: 5px;
    }

.controlGroup .discount_Box.txt_lineH {
    line-height: 30px;
}

.controlGroup .c_textareaBox {
    padding: 4px 0 4px 10px;
    font-size: 14px;
    border: 1px solid #e7e7eb;
    height: 100px;
    resize: none;
    width: 648px;
}

.controlGroup .frm_tips.wordNum {
    margin-top: 0;
    text-align: right;
    line-height: 14px;
}

.controlGroup .card_article_box {
    padding: 0 0 72px;
    position: relative;
    border: 1px solid #d9dadc;
    background-color: #fff;
}

.controlGroup .card_article_add {
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    height: 72px;
    line-height: 48px;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

    .controlGroup .card_article_add.editting {
        background-color: #f3f3f3;
    }

        .controlGroup .card_article_add.editting .icon_article_add, .controlGroup .card_article_add.editting .icon_article_add a.icon_add {
            cursor: default;
        }

            .controlGroup .card_article_add.editting .icon_article_add a.icon_add:hover {
                background-position: 0 -84px;
            }

    .controlGroup .card_article_add .icon_article_add {
        position: absolute;
        text-align: center;
        cursor: pointer;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        -ms-transition: top .5s;
        -webkit-transition: top .5s;
        transition: top .5s;
        border: 1px dashed #d9dadc;
    }

        .controlGroup .card_article_add .icon_article_add a.icon_add {
            width: 42px;
            height: 42px;
            vertical-align: middle;
            display: inline-block;
            line-height: 100px;
            overflow: hidden;
            background: url(../images/addIco2.png) no-repeat 0 -84px;
            cursor: pointer;
        }

            .controlGroup .card_article_add .icon_article_add a.icon_add:hover {
                background-position: 0 -130px;
            }

.controlGroup .card_imgTxtBox {
}

    .controlGroup .card_imgTxtBox .card_imgTxt_item {
    }

.controlGroup .card_article_img {
    margin: 10px;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 0;
    min-height: 60px;
    background-color: #f4f5f9;
}

    .controlGroup .card_article_img .btn_card_image {
        position: absolute;
        top: 20%;
        left: 45%;
        z-index: 1000;
        background: url(../images/addIco2.png) no-repeat 0 -42px;
        width: 38px;
        height: 38px;
        vertical-align: middle;
        display: inline-block;
    }

.controlGroup .card_article_description {
    margin: 10px;
    position: relative;
}

    .controlGroup .card_article_description .frm_textarea_box {
        width: 100%;
        padding-bottom: 24px;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        border: solid 1px #e7e7eb;
        margin-bottom: 0;
        padding: 4px 0 4px 10px;
        font-size: 14px;
    }

        .controlGroup .card_article_description .frm_textarea_box textarea {
            height: 100px;
            width: 100%;
            background-color: transparent;
            border: 0;
            outline: 0;
            resize: none;
        }

    .controlGroup .card_article_description .frm_textarea_append {
        padding-top: 0;
        position: absolute;
        right: 10px;
        bottom: 0;
    }

.controlGroup .card_article_opr {
    text-align: right;
    margin: 10px;
}

.c_btn {
    display: inline-block;
    overflow: visible;
    padding: 0 22px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    min-width: 60px;
}

.btn_primary, .card_article_opr a.btn_primary {
    margin-right: 14px;
    background-color: #44b549;
    background-image: -moz-linear-gradient(top,#44b549 0,#44b549 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#44b549),to(#44b549));
    background-image: -webkit-linear-gradient(top,#44b549 0,#44b549 100%);
    background-image: -o-linear-gradient(top,#44b549 0,#44b549 100%);
    background-image: linear-gradient(to bottom,#44b549 0,#44b549 100%);
    border-color: #44b549;
    color: #fff;
}

.btn_default {
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
    background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
    border-color: #e7e7eb;
    color: #222;
}

.controlGroup .service_checkboxBox {
    height: 30px;
    line-height: 30px;
}

    .controlGroup .service_checkboxBox label {
        float: left;
        margin-right: 8px;
    }

        .controlGroup .service_checkboxBox label input {
            float: left;
            margin: 9px 4px 0 0;
        }

a.editor_collapsor {
    float: right;
    color: #459ae9;
    margin-right: 10px;
}

    a.editor_collapsor:hover {
        text-decoration: underline;
    }

.entrance_item {
    padding-top: 20px;
}

.entrance_item_in {
    width: 100%;
}

    .entrance_item_in .entrance_title {
    }

        .entrance_item_in .entrance_title p a {
            float: right;
            color: #459ae9;
            margin-right: 10px;
        }

            .entrance_item_in .entrance_title p a:hover {
                text-decoration: underline;
            }

.setUp_checkbox {
    margin: 30px 0;
    clear: both;
}

    .setUp_checkbox .setup_in_checkbox {
        width: 100%;
    }

        .setUp_checkbox .setup_in_checkbox label {
            float: left;
            margin-right: 15px;
            line-height: 20px;
        }

            .setUp_checkbox .setup_in_checkbox label input {
                float: left;
                margin: 5px 2px 0 0;
            }



.tool_custom_btn {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-top-color: #d9dadc;
    border-top: 1px solid #e7e7eb;
    clear: both;
    padding-top: 20px;
}

/* tag */
.radio_tagBox {
    width: 100%;
    height: auto;
}

.test_box {
    position: relative;
}

.test_tab {
    padding-top: 30px;
    margin-bottom: 15px;
}

.test_radio, .test_label {
    float: left;
    cursor: pointer;
}

.test_radio {
    margin-top: -20px;
}

.test_label {
    margin: -25px 0 0 18px;
}

.test_tab_content {
    position: absolute;
    left: 0;
    right: 0;
    position: static;
    padding: 5px 10px 10px 18px;
}

.test_radio:checked ~ .test_tab_content {
    left: 0;
    right: 0;
    position: static;
    padding: 5px 10px 10px 18px;
}

.test_radio:checked ~ .test_label {
    position: relative;
    z-index: 1;
}

.test_box_s {
    position: relative;
}

.test_tab_s {
    padding-top: 30px;
    margin-bottom: 15px;
}

.test_radio_s, .test_label_s {
    float: left;
    cursor: pointer;
}

.test_radio_s {
    margin-top: -20px;
}

.test_label_s {
    margin: -25px 0 0 18px;
}

.test_tab_content_s {
    left: 0;
    right: 0;
    position: static;
    padding: 5px 10px 10px 18px;
}

.test_label_s {
    position: relative;
    z-index: 1;
}

.radio_tagCon {
    width: 100%;
}

.radio_tagTips {
    color: #8d8d8d;
}

    .radio_tagTips a {
        color: #459ae9;
    }

        .radio_tagTips a:hover {
            text-decoration: underline;
        }

.selfHelp_checkbox {
    padding-top: 10px;
    width: 100%;
}

    .selfHelp_checkbox .selfHelp_item .selfHelp_inTxt {
        padding: 4px 10px 10px 18px;
    }

    .selfHelp_checkbox .selfHelp_item label {
        clear: both;
        height: 22px;
        line-height: 22px;
    }

        .selfHelp_checkbox .selfHelp_item label input {
            float: left;
            margin: 6px 4px 0 0;
        }

.scanCodeCon {
    width: 100%;
}

    .scanCodeCon .scanCodeConIn {
        width: 180px;
        margin: 0 20px 12px 0;
        vertical-align: top;
        display: inline-block;
    }

        .scanCodeCon .scanCodeConIn .sC_radio_label {
            display: inline-block;
            text-align: left;
            cursor: pointer;
        }

            .scanCodeCon .scanCodeConIn .sC_radio_label .sC_radioTit {
                height: 22px;
                line-height: 22px;
            }

                .scanCodeCon .scanCodeConIn .sC_radio_label .sC_radioTit input, .scanCodeCon .scanCodeConIn .sC_radio_label .sC_radioTit span {
                    vertical-align: middle;
                }

                .scanCodeCon .scanCodeConIn .sC_radio_label .sC_radioTit input {
                    margin-right: 4px;
                }

            .scanCodeCon .scanCodeConIn .sC_radio_label .frm_tips {
                margin-left: 18px;
                clear: both;
                display: block;
            }

            .scanCodeCon .scanCodeConIn .sC_radio_label .frm_demo_img {
                margin-left: 18px;
                width: 144px;
                height: 70px;
                padding: 10px;
                background-color: #fff;
                border: 1px solid #e7e7eb;
                text-align: center;
            }


.store_table {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 10px;
    border-collapse: collapse;
    border: 1px solid #e7e7eb;
}

    .store_table th {
        background-color: #f4f5f9;
        height: 40px;
        line-height: 40px;
        font-weight: 500;
    }

    .store_table td {
    }

    .store_table th, .store_table td {
        border-bottom: 1px solid #e7e7eb;
    }

        .store_table th div, .store_table td div {
            padding: 0 10px;
        }

            .store_table th div.operation_column, .store_table td div.operation_column {
                text-align: center;
            }

            .store_table td div.gray_txt {
                color: #8d8d8d;
            }

        .store_table td div {
            height: 20px;
            line-height: 20px;
            margin: 11px 0;
        }

    .store_table .table_cell {
        color: #000;
        padding: 0;
        line-height: normal;
        text-align: left;
    }

        .store_table .table_cell .td_panel {
            padding: 10px 1em;
        }

    .store_table td {
        background-color: #fff;
    }

    .store_table a.td_delete_ico {
        margin: 0 auto;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(../images/deleteIco.png) no-repeat 0 0;
    }

        .store_table a.td_delete_ico:hover {
            background-position: 0 -22px;
        }

.ic_declarerer {
    background-color: #87c2e8;
    color: #fff;
    font-size: 12px;
    padding: 1px 3px;
    font-style: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    word-wrap: normal;
    word-break: normal;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.addTo_link a {
    color: #459ae9;
}

    .addTo_link a:hover {
        text-decoration: underline;
    }

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

    .no_AppointBox .no_a_title {
        height: 22px;
        line-height: 22px;
        margin: 5px 0 30px;
        width: 100%;
        clear: both;
    }

        .no_AppointBox .no_a_title label {
            margin-right: 20px;
        }

            .no_AppointBox .no_a_title label input, .no_AppointBox .no_a_title label span {
                vertical-align: middle;
            }

            .no_AppointBox .no_a_title label input {
                margin-right: 4px;
            }

.no_AppointCon {
    width: 100%;
}

    .no_AppointCon .no_aCIn {
        width: 100%;
        clear: both;
    }

        .no_AppointCon .no_aCIn .no_textareaBox {
            position: relative;
        }

            .no_AppointCon .no_aCIn .no_textareaBox textarea {
                width: 980px;
                height: 90px;
                padding: 5px;
                border: 1px solid #e7e7eb;
                resize: none;
            }

            .no_AppointCon .no_aCIn .no_textareaBox .frm_tips {
                text-align: right;
                padding-right: 5px;
                padding-top: 0;
                margin-top: 0;
            }

.prompt_info {
    color: #e15f63;
    height: 22px;
    line-height: 22px;
    padding-top: 5px;
}



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

.essentialInfo .tag_select {
    padding: 0 20px 0 10px;
    border: solid 1px #e7e7eb;
    width: 80px;
    position: relative;
    font-size: 14px;
    color: #333;
    float: left;
    border-radius: 0px;
    background: #fff url(../images/arrowDate.png) no-repeat right center;
}

.essentialInfo .tag_select_hover {
    background: #fff url(../images/arrowDate.png) no-repeat right center;
    border: solid 1px #e7e7eb;
}

.essentialInfo .tag_select_open {
    background: #fff url(../images/arrowDate.png) no-repeat right center;
    border: solid 1px #e7e7eb;
}

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

    .essentialInfo dl.tag_options dd {
        height: 28px;
        line-height: 28px;
        cursor: pointer;
        border: none;
        border-radius: 0px;
        padding: 0 10px;
        white-space: nowrap;
        overflow: hidden;
    }

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

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

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

.essentialInfo .dateInputBox2 .selectBoxs {
    float: left;
}

.essentialInfo .dateInputBox2 .tag_select {
    width: 80px;
}

.essentialInfo .dateInputBox2 dl.tag_options {
    width: 110px;
    max-height: 150px;
    overflow-y: auto;
}



.tool_bar {
    clear: both;
    padding-bottom: 50px;
    padding-top: 20px;
    text-align: center;
}

    .tool_bar.border {
        border-top: 1px solid #e7e7eb;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

    .tool_bar.tc a {
        display: inline-block;
        overflow: visible;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 14px;
        border-width: 1px;
        border-style: solid;
        min-width: 104px;
        border-color: #e7e7eb;
    }

        .tool_bar.tc a.submitAudit {
            background-color: #03af80;
            border-color: #03af80;
            color: #fff;
            margin: 0 15px;
        }

/* 20161216 */
.card_wrap {
    width: 100%;
    min-height: 600px;
}

.card_leftBox {
    width: 310px;
    float: left;
}

    .card_leftBox.rollLocation {
        z-index: 89;
    }

    .card_leftBox .card_leftIn {
        background-color: #ebebeb;
        width: 310px;
        height: auto;
        padding-bottom: 10px;
    }

        .card_leftBox .card_leftIn .cardOneBox {
            height: 146px;
            padding-top: 63px;
            background: url(../images/card_bg.jpg) no-repeat 0 0;
        }

            .card_leftBox .card_leftIn .cardOneBox .cardOneIn {
                width: 232px;
                height: 136px;
                margin: 0 auto;
                position: relative;
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                border-radius: 5px;
            }

                .card_leftBox .card_leftIn .cardOneBox .cardOneIn .cardOneBg {
                    position: absolute;
                    z-index: 1;
                    width: 232px;
                    height: 136px;
                }

                .card_leftBox .card_leftIn .cardOneBox .cardOneIn .cardOneLogo {
                    width: 28px;
                    height: 28px;
                    border-radius: 50%;
                    position: absolute;
                    top: 11px;
                    left: 12px;
                    z-index: 2;
                    overflow: hidden;
                }

                .card_leftBox .card_leftIn .cardOneBox .cardOneIn .cardOneTxt {
                    position: absolute;
                    left: 46px;
                    top: 10px;
                    color: #fff;
                    z-index: 2;
                    line-height: 16px;
                    width: 130px;
                }

                .card_leftBox .card_leftIn .cardOneBox .cardOneIn .cardOneQr {
                    position: absolute;
                    right: 15px;
                    top: 15px;
                    z-index: 2;
                }

                .card_leftBox .card_leftIn .cardOneBox .cardOneIn .cardOneTxt2 {
                    color: #fff;
                    position: absolute;
                    left: 12px;
                    bottom: 10px;
                    z-index: 2;
                    color: #fff;
                    line-height: 14px;
                }

        .card_leftBox .card_leftIn .cardTwoBox {
            margin-bottom: 8px;
            height: 58px;
            width: 100%;
            background-color: #fff;
            border-top: solid 1px #ddd;
            border-bottom: solid 1px #ddd;
        }

            .card_leftBox .card_leftIn .cardTwoBox table {
                width: 100%;
                border-collapse: collapse;
            }

                .card_leftBox .card_leftIn .cardTwoBox table td {
                    height: 58px;
                    border: solid 1px #e4e4e4;
                    text-align: center;
                }

            .card_leftBox .card_leftIn .cardTwoBox .cardTwoT1 td {
                width: 33.3%;
            }

            .card_leftBox .card_leftIn .cardTwoBox .cardTwoT2 td {
                width: 50%;
            }

            .card_leftBox .card_leftIn .cardTwoBox .cardTwoT3 td {
                width: 100%;
            }

.cardTwoTp p {
    line-height: 14px;
}

    .cardTwoTp p:first-child {
        height: 30px;
    }

    .cardTwoTp p .grayTxt {
        color: #999;
    }

.cardTwoTp .priceTxt {
    color: #fd5001;
}

.cardThree {
    width: 100%;
    background-color: #fff;
}

    .cardThree table {
        width: 100%;
        height: auto;
        border-collapse: 0;
    }

        .cardThree table td {
            height: 88px;
            border: solid 1px #eee;
            text-align: center;
            width: 33.3%;
        }

.cardThreeTP P.imgBox {
    width: 28px;
    height: 28px;
    margin: 0 auto 8px;
}

    .cardThreeTP P.imgBox img {
        width: 100%;
    }


.card_edit_area {
    float: right;
    width: 800px;
    height: auto;
    font-size: 14px;
}

.projectOneBox {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.itemLiBox {
    padding-left: 90px;
    margin-top: 30px;
    margin-bottom: 30px;
    clear: both;
    padding-bottom: 0;
}

    .itemLiBox .leftLabel {
        width: 90px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: -90px;
    }

    .itemLiBox .itemConBox {
        width: 100%;
        height: auto;
    }

.item_bgImg {
    vertical-align: top;
    margin-right: 26px;
}

    .item_bgImg img {
        border: solid 1px #e7e7eb;
    }

.bgImgEdit {
    vertical-align: top;
    margin-right: 10px;
    line-height: 64px;
}

    .bgImgEdit a {
        color: #007eff;
    }

.imgTxtRemarks {
    color: #666;
    vertical-align: top;
    width: 490px;
    padding-top: 20px;
    line-height: 22px;
}

.itemDivIb {
    display: inline-block;
}

.itemText {
    width: 298px;
    height: 20px;
    line-height: 20px;
    padding: 4px 5px;
    border: solid 1px #979797;
}

.itemSelect {
    width: 310px;
    padding: 4px 2px 4px 5px;
    border: solid 1px #979797;
}

.itemCheck label {
    vertical-align: top;
    display: block;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    cursor: pointer;
}

    .itemCheck label input, .itemCheck label span {
        float: left;
    }

    .itemCheck label input {
        margin: 10px 4px 0 0;
    }

.itemTextarea {
    width: 620px;
    position: relative;
    height: 160px;
    padding: 5px 5px 28px;
    background-color: #fff;
    border: solid 1px #979797;
}

    .itemTextarea textarea {
        width: 100%;
        height: 160px;
        border: none;
        resize: none;
    }

    .itemTextarea .surplusTxt {
        text-align: right;
    }

.selectItemTit {
    line-height: 40px;
    font-size: 16px;
}

    .selectItemTit em {
        font-size: 12px;
        color: #666;
    }

.selectItemBox {
    width: 100%;
    height: 140px;
    padding-top: 20px;
}

    .selectItemBox li {
        float: left;
        text-align: center;
        margin: 0 15px 0 35px;
        cursor: pointer;
    }

        .selectItemBox li div {
            width: 126px;
            height: 100px;
            background-color: #fff;
            border: solid 1px #898989;
        }

        .selectItemBox li.selected div {
            background-color: #def4ff;
            border-color: #007eff;
        }

        .selectItemBox li div p:first-child {
            font-size: 16px;
            height: 55px;
            vertical-align: top;
            padding-top: 12px;
        }

            .selectItemBox li div p:first-child span {
                color: #666;
                font-size: 12px;
            }

        .selectItemBox li div p.orangeTxt {
            color: #ff3b00;
            font-size: 16px;
        }

        .selectItemBox li div p.yellowTxt {
            color: #e1a101;
            font-size: 16px;
        }

    .selectItemBox.functionItme {
        height: auto;
    }

        .selectItemBox.functionItme li {
            margin-bottom: 80px;
        }

            .selectItemBox.functionItme li div {
                height: 120px;
            }

                .selectItemBox.functionItme li div p:first-child {
                    padding-top: 10px;
                }

                .selectItemBox.functionItme li div .functionTxt {
                    font-size: 16px;
                    padding-top: 22px;
                }

.addFunction {
    width: 100%;
    clear: both;
    position: relative;
}

    .addFunction .selectItemTit {
        position: absolute;
        top: -45px;
    }

.addFunctionIn {
    width: 678px;
    height: auto;
    padding-left: 30px;
}

    .addFunctionIn .addFunctionBox {
        border: solid 1px #898989;
        padding: 0 20px;
    }

.completeButBox {
    margin-bottom: 50px;
    padding-left: 30px;
}

.cardBut {
    width: 228px;
    height: 44px;
    border-radius: 6px;
    background-color: #44b549;
    border: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.promptTxtBox {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pIco.png) no-repeat 0 0;
    vertical-align: middle;
    margin-left: 5px;
}

.promptTxtTip {
    width: 300px;
    border: 1px solid #d9dadc;
    background-color: #fff;
    padding: 10px;
    line-height: 22px;
    margin-left: -48px;
}

/* 20170213 */
.adminBoxWrap {
    width: 100%;
    height: auto;
    font-size: 14px;
}

.adminBoxHead {
    height: 32px;
    width: 100%;
}

    .adminBoxHead .abhLeft {
        float: left;
        line-height: 32px;
        padding-left: 26px;
    }

        .adminBoxHead .abhLeft i {
            width: 16px;
            height: 16px;
            display: inline-block;
            background-position: -442px -72px;
            float: left;
            margin: 7px 0 0 -26px;
        }

    .adminBoxHead .abhRight {
        float: right;
    }

.staff_ruleList {
    padding: 20px 0;
    margin-left: -20px;
    float: left;
}

    .staff_ruleList .rule_item {
        float: left;
        width: 255px;
        min-height: 286px;
        position: relative;
        border: 1px solid #e8e8e8;
        padding: 30px 20px;
        margin: 0 0 20px 20px;
        text-align: center;
    }

        .staff_ruleList .rule_item .nameBox {
            font-size: 16px;
        }

            .staff_ruleList .rule_item .nameBox .ico {
                display: block;
                width: 74px;
                height: 74px;
                margin: 12px auto;
                background: url(../images/ico_rule.png) no-repeat;
            }

            .staff_ruleList .rule_item .nameBox .ico-basic {
                background-position: 0 0;
            }

            .staff_ruleList .rule_item .nameBox .ico-service {
                background-position: -80px 0;
            }

            .staff_ruleList .rule_item .nameBox .ico-finance {
                background-position: -160px 0;
            }

            .staff_ruleList .rule_item .nameBox .ico-admin {
                background-position: -240px 0;
            }

            .staff_ruleList .rule_item .nameBox .ico-custom {
                background-position: -320px 0;
            }

    .staff_ruleList .statBox {
        height: 112px;
        margin: 4px 11px 0;
        color: #8d8d8d;
        text-align: left;
    }

        .staff_ruleList .statBox .redTxt {
            padding: 0 3px;
            color: #e15f63;
        }

.pole_msgBox {
    position: relative;
    display: inline-block;
}

    .pole_msgBox a {
        color: #459ae9;
        text-decoration: none;
    }

    .pole_msgBox .ico-msg-s {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        background: url(../images/ico2.png) no-repeat;
        margin: -3px 0 0 4px;
    }

.staff_ruleList .rootBox {
    position: absolute;
    top: 15px;
    right: 20px;
}

    .staff_ruleList .rootBox a {
        color: #8d8d8d;
    }

        .staff_ruleList .rootBox a:hover {
            text-decoration: underline;
        }

        .staff_ruleList .rootBox a .ico-setup {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: 0 0 0 3px;
            vertical-align: middle;
            background: url(../images/sprite.png) no-repeat -136px -16px;
        }

.staff_ruleList .toolBox {
}

    .staff_ruleList .toolBox a.btn {
        display: inline-block;
        min-width: 60px;
        padding: 0 22px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

    .staff_ruleList .toolBox a.btn {
        margin: 15px 8px 0;
    }

    .staff_ruleList .toolBox a.btn-default {
        background: #fff;
        border-color: #e7e7eb;
        color: #222;
    }

        .staff_ruleList .toolBox a.btn-default:hover {
            background-color: #e6e7ec;
            border-color: #dadbe0;
        }

    .staff_ruleList .toolBox a.btn-primary {
        background: #03af80;
        border-color: #03af80;
        color: #fff;
    }

        .staff_ruleList .toolBox a.btn-primary:hover {
            background-color: #00956c;
            border-color: #00956c;
        }

/**/
.select_permission {
    width: 294px;
    color: #222;
    margin-left: 8px;
    position: relative;
    font-size: 14px;
}

    .select_permission .arrow {
        top: 20px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        position: absolute;
        margin: -8px 0 0 -8px;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-width: 8px;
        border-right-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 0;
        border-top-style: dashed;
        border-right-style: solid;
        border-bottom-style: dashed;
        border-left-style: dashed;
    }

    .select_permission .arrow_out {
        left: 0px;
        border-right-color: #d9dadc;
    }

    .select_permission .arrow_in {
        left: 1px;
        border-top-color: transparent;
        border-right-color: #f4f5f9;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .select_permission.listTips {
        margin-left: 0;
    }

        .select_permission.listTips .arrow {
            top: 20px;
            width: 0px;
            height: 0px;
            overflow: hidden;
            position: absolute;
            margin: -10px 0 0 -10px;
            border-top-color: transparent;
            border-right-color: transparent;
            border-left-color: transparent;
            border-top-width: 0;
            border-right-width: 10px;
            border-bottom-width: 10px;
            border-left-width: 10px;
            border-top-style: dashed;
            border-right-style: dashed;
            border-bottom-style: solid;
            border-left-style: dashed;
        }

        .select_permission.listTips .arrow_out {
            left: 50%;
            top: 1px;
            border-bottom-color: #d9dadc;
        }

        .select_permission.listTips .arrow_in {
            left: 50%;
            top: 2px;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: #fff;
            border-left-color: transparent;
        }

        .select_permission.listTips .spInnerBox .root_list {
            max-height: 326px;
        }

    .select_permission .spInnerBox {
        text-align: left;
        border: solid 1px #d9dadc;
        zoom: 1;
        background-image: none;
        background-attachment: scroll;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-color: rgb(255, 255, 255);
        padding: 0;
    }

        .select_permission .spInnerBox .intro_tit {
            padding: 7px 15px 9px 11px;
            border-bottom: solid 1px #e7e7eb;
            background-image: none;
            background-color: rgb(244, 245, 249);
        }

        .select_permission .spInnerBox .root_list {
            position: relative;
            overflow-y: auto;
            max-height: 303px;
        }

            .select_permission .spInnerBox .root_list .listUl li {
                padding: 7px 15px 9px 24px;
                border-bottom: solid 1px #e7e7eb;
                position: relative;
                cursor: pointer;
                cursor: pointer;
            }

                .select_permission .spInnerBox .root_list .listUl li:last-child {
                    border-bottom: none;
                }

                .select_permission .spInnerBox .root_list .listUl li:hover {
                    background-color: #f4f5f9;
                }

                .select_permission .spInnerBox .root_list .listUl li .list_tit i {
                    left: 11px;
                    top: 14px;
                    width: 0;
                    height: 0;
                    overflow: hidden;
                    border-top-color: transparent;
                    border-right-color: transparent;
                    border-bottom-color: transparent;
                    border-left-color: #c2c0be;
                    border-width: 5px 0 5px 5px;
                    border-style: dashed dashed dashed solid;
                    position: absolute;
                }

                .select_permission .spInnerBox .root_list .listUl li .list_tit.on i {
                    left: 10px;
                    top: 18px;
                    border-top-color: #c2c0be;
                    border-right-color: transparent;
                    border-bottom-color: transparent;
                    border-left-color: transparent;
                    border-width: 5px 5px 0 5px;
                    border-style: solid dashed dashed dashed;
                }

                .select_permission .spInnerBox .root_list .listUl li .list_tit {
                    line-height: 24px;
                }

                .select_permission .spInnerBox .root_list .listUl li .list_conTxt {
                    color: #8d8d8d;
                }

/**/
.dialog_bd {
    padding: 45px;
    max-height: 400px;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.data_box {
    margin-bottom: 30px;
}

    .data_box .data_hd {
        margin-bottom: 20px;
        height: 16px;
        line-height: 16px;
        padding-left: 10px;
        border-left: solid 3px #44b549;
    }

        .data_box .data_hd h3 {
            font-weight: 700;
        }

    .data_box .data_bd {
    }

.table_wrp {
    margin-bottom: 20px;
}

.table_wrap {
    border: 1px solid #e7e7eb;
    background-color: #fff;
}

    .table_wrap th {
        text-align: left;
        background: #f4f5f9;
        font-weight: 400;
    }

    .table_wrap th, .table_wrap td {
        padding: 8px 10px;
        border-bottom: 1px solid #e7e7eb;
        empty-cells: show;
    }

        .table_wrap td .redTxt {
            color: #e15f63;
        }

        .table_wrap td a {
            color: #459ae9;
        }

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

.gapr_wide {
    margin-right: 14px;
}

.marks_msg {
    margin-top: 20px;
    color: #8d8d8d;
}

    .marks_msg.with_title {
        padding-left: 30px;
    }

    .marks_msg h4 {
        float: left;
        margin-left: -30px;
        font-weight: 400;
    }

.data_box .data_hd h2 {
    font-weight: 400;
}

.operation_wrp {
    margin-bottom: 20px;
    line-height: 28px;
    height: 28px;
}

.search_barFl {
    float: left;
}

    .search_barFl .ipt_box {
        display: inline-block;
        border: 1px solid #e7e7eb;
        background: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        vertical-align: middle;
        width: 180px;
        padding-right: 30px;
        position: relative;
    }

        .search_barFl .ipt_box .ipt {
            height: 22px;
            width: 100%;
            padding: 4px 0;
            background: transparent;
            border: 0;
            outline: 0;
        }

        .search_barFl .ipt_box .btn_zoom {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0;
            right: 0;
            border-left: 1px solid #e7e7eb;
            background: url(../images/ico_zoom.png) center no-repeat;
        }

.operation_wrp .operationFr {
    float: right;
}

    .operation_wrp .operationFr .btn_primary {
        background: #44b549;
        border-color: #44b549;
        color: #fff;
        display: inline-block;
        min-width: 60px;
        padding: 0 22px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

        .operation_wrp .operationFr .btn_primary .ico_add {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: -1px 5px 0 0;
            line-height: 100px;
            vertical-align: middle;
            overflow: hidden;
            background: url(../images/ico_add.png) no-repeat;
        }

.pagination_wrp {
    margin-bottom: 20px;
    zoom: 1;
    font-size: 14px;
}

    .pagination_wrp .pole_msg {
        position: relative;
        z-index: 100;
        display: inline-block;
    }

.cbx_label {
    display: inline-block;
    line-height: 30px;
    margin: 0 20px;
}

    .cbx_label input {
        float: left;
        margin: 10px 4px 0 0;
    }

.pole_msg.fl {
    float: left;
    margin-right: 15px;
}

.pole_msg .btn_but {
    display: inline-block;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    background: #fff;
    border-color: #e7e7eb;
    color: #222;
    vertical-align: top;
    padding: 0 10px;
    margin-right: 8px;
}

    .pole_msg .btn_but:hover {
        background-color: #e6e7ec;
        border-color: #dadbe0;
    }

.notes_txt {
    margin-top: 20px;
    padding-left: 30px;
    color: #8d8d8d;
}

    .notes_txt h4 {
        float: left;
        margin-left: -30px;
        font-weight: 400;
    }

.notedefault {
    visibility: hidden;
    top: 30px;
    position: absolute;
    margin-left: -80px;
}

.boxInner {
    width: 294px;
    background-color: #f60;
}

.adminBoxHead .abhLeft i {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}

/* 20170223 */
.webAnalytics {
    width: 100%;
    height: auto;
    font-size: 14px;
}

    .webAnalytics .info_box {
        margin-bottom: 20px;
    }

        .webAnalytics .info_box .inner_Box {
            border: 1px solid #e7e7eb;
        }

            .webAnalytics .info_box .inner_Box .info_hd {
                line-height: 38px;
                height: 38px;
                background-color: #f4f5f9;
                border-bottom: 1px solid #e7e7eb;
            }

                .webAnalytics .info_box .inner_Box .info_hd .timeLable {
                    margin-left: 20px;
                    height: 38px;
                    line-height: 38px;
                    font-size: 14px;
                    font-weight: 500;
                    font-style: normal;
                    float: left;
                }

                .webAnalytics .info_box .inner_Box .info_hd .tabsBox {
                    display: inline-block; /*padding-left:15px;*/
                    float: left;
                }

                    .webAnalytics .info_box .inner_Box .info_hd .tabsBox a {
                        float: left;
                        font-size: 14px;
                        top: -2px;
                        padding: 0 15px;
                        text-align: center;
                        color: #333;
                        height: 38px;
                        display: inline-block;
                    }

                        .webAnalytics .info_box .inner_Box .info_hd .tabsBox a:hover {
                            background-color: #e7e7eb;
                        }

                        .webAnalytics .info_box .inner_Box .info_hd .tabsBox a.cur {
                            color: #fff;
                            background-color: #03af80;
                            cursor: default;
                        }



                .webAnalytics .info_box .inner_Box .info_hd .global_infoLeft {
                    float: left;
                }

.seleWrapBox {
    float: left;
    width: 126px;
}

    .seleWrapBox .selectBoxs, .dateRight .dateOneBox .selectBoxs {
        height: 38px;
    }

    .seleWrapBox .tag_select, .dateRight .dateOneBox .tag_select {
        padding: 0 25px 0 10px;
        border: none;
        border-right: solid 1px #e7e7eb;
        height: 38px;
        width: 90px;
        border-radius: 0;
        background: #f4f5f9 url(../images/arrow2.png) no-repeat right 0;
        line-height: 38px;
    }

        .seleWrapBox .tag_select:hover, .dateRight .dateOneBox .tag_select:hover {
            background-color: #e7e7eb;
            background-position: right -38px;
        }

    .seleWrapBox dl.tag_options, .dateRight .dateOneBox dl.tag_options {
        border: solid 1px #d9dadc;
        top: 38px;
        z-index: 88888;
        border-radius: 0px;
        background-color: #fff;
        padding: 0px;
        width: auto;
        height: 300px;
        overflow-y: auto;
    }

        .seleWrapBox dl.tag_options dd.open_selected, .dateRight .dateOneBox dl.tag_options dd.open_selected {
            background-color: #fff;
        }

            .seleWrapBox dl.tag_options dd.open_selected:hover, .dateRight .dateOneBox dl.tag_options dd.open_selected:hover {
                background-color: #f4f5f9;
            }

        .seleWrapBox dl.tag_options dd, .dateRight .dateOneBox dl.tag_options dd {
            height: 30px;
            line-height: 30px;
            cursor: pointer;
            border: none;
            border-radius: 0px;
            padding: 0 25px 0 10px;
            white-space: nowrap;
            overflow: hidden;
        }

            .seleWrapBox dl.tag_options dd.open_hover, .dateRight .dateOneBox, dl.tag_options dd.open_hover {
                background-color: #f4f5f9;
                color: #333;
            }

.iconMsgWrap {
    float: left;
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    position: relative;
}

    .iconMsgWrap .icoMsgBox {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        background: url(../images/ico2.png) no-repeat 0 0;
    }

    .iconMsgWrap .notedefault {
        top: 40px;
        position: absolute;
        margin-left: -139px;
    }

    .iconMsgWrap .msgTxtIn {
        padding: 20px;
        line-height: 26px;
    }


.dateRight {
    float: right;
}

    .dateRight .dateOneBox {
        float: left;
        height: 38px; /*border-left:solid 1px #e7e7eb;*/
    }

        .dateRight .dateOneBox .tag_select {
            border-right: none;
            width: 68px;
        }

        .dateRight .dateOneBox dl.tag_options {
            width: 102px;
            height: auto;
            overflow: hidden;
        }

    .dateRight .divDateTwo {
        float: right; /*border-left:solid 1px #e7e7eb;*/
    }

        .dateRight .divDateTwo .divJsDate {
            min-width: 90px;
            display: inline-block;
            height: 38px;
            padding: 0 28px 0 10px;
            cursor: pointer; /*background:#f4f5f9 url(../images/arrow2.png) no-repeat right 0;*/
        }

            .dateRight .divDateTwo .divJsDate:hover {
                background-color: #e7e7eb;
                background-position: right -38px;
            }

.chartDivBox {
    padding: 10px;
}

.webAnalytics .info_box .inner_Box .info_hd.analyticsListHd h4 {
    float: left;
    font-weight: 500;
    padding-left: 16px;
}

.webAnalytics .info_box .inner_Box .info_hd.analyticsListHd .hdRight {
    float: right;
}

    .webAnalytics .info_box .inner_Box .info_hd.analyticsListHd .hdRight .downBtn {
        padding: 0 22px;
        height: 38px;
        line-height: 38px;
        border-left: solid 1px #e7e7eb;
        display: inline-block;
        color: #459ae9;
    }

        .webAnalytics .info_box .inner_Box .info_hd.analyticsListHd .hdRight .downBtn:hover {
            text-decoration: underline;
        }

    .webAnalytics .info_box .inner_Box .info_hd.analyticsListHd .hdRight .iconMsgWrap {
        float: none;
        display: inline-block;
        border-left: solid 1px #e7e7eb;
    }

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

    .tableAnalysis .tableInner {
        width: 100%;
        border-collapse: collapse;
        background-color: #fff;
    }

        .tableAnalysis .tableInner th {
            border-bottom: 1px solid #e7e7eb;
            font-weight: 500;
        }

            .tableAnalysis .tableInner th.rankArea {
                cursor: pointer;
            }

        .tableAnalysis .tableInner td {
            border-top: 1px solid #e7e7eb;
        }

        .tableAnalysis .tableInner th, .tableAnalysis .tableInner td {
            line-height: 40px;
            vertical-align: middle;
            padding: 0 20px;
            text-align: left;
        }

            .tableAnalysis .tableInner th .iconRank {
                display: inline-block;
                vertical-align: middle;
                margin-top: -3px;
                position: relative;
                width: 10px;
                height: 12px;
            }

                .tableAnalysis .tableInner th .iconRank i {
                    display: inline-block;
                    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;
                    vertical-align: top;
                }

                    .tableAnalysis .tableInner th .iconRank i.arrow_up {
                    }

                    .tableAnalysis .tableInner th .iconRank i.arrow_down {
                        position: absolute;
                        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;
                    }

            .tableAnalysis .tableInner th.rankArea:hover .iconRank i.arrow_up {
                border-bottom-color: #a0a0a0
            }

            .tableAnalysis .tableInner th.rankArea:hover .iconRank i.arrow_down {
                border-top-color: #a0a0a0
            }

        .tableAnalysis .tableInner tbody {
            color: #8d8d8d;
        }

        .tableAnalysis .tableInner .txtTr {
            text-align: right;
        }

        .tableAnalysis .tableInner td a {
            color: #459ae9;
        }

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




.pageWrap {
    text-align: right;
}

.pageInner {
    *font-size: 0
}

.page_nav_area {
    letter-spacing: 4px;
}

.page_nav_area, .goto_area {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.page_num {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: normal;
}

.pageInner .page_nav_area .btn {
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    overflow: visible;
    padding: 0 14px;
}

.pageInner .page_nav_area .btn {
    min-width: 0;
}

    .pageInner .page_nav_area .btn.page_prev, .pageInner .page_nav_area .btn.page_next {
        position: relative;
        font-size: 0;
        letter-spacing: -5px;
        background-color: #fff;
        background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
        background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
        background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
        background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
        border-color: #e6e7ec;
        color: #222;
        height: 30px;
        line-height: 30px;
        width: auto;
        padding-left: 14px;
        padding-right: 14px;
    }

        .pageInner .page_nav_area .btn.page_prev:hover, .pageInner .page_nav_area .btn.page_next:hover {
            background-color: #e6e7ec;
            background-image: -moz-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e7ec),to(#e6e7ec));
            background-image: -webkit-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: -o-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: linear-gradient(to bottom,#e6e7ec 0,#e6e7ec 100%);
            border-color: #dadbe0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            color: #000
        }

.pageInner .page_nav_area .page_prev .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #919191;
    border-right-style: solid;
}

.pageInner .page_nav_area .page_next .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-right-width: 0;
    border-left-color: #919191;
    border-left-style: solid;
}

.pageInner .page_nav_area .btn.page_prev .arrow, .pageInner .page_nav_area .btn.page_next .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
}

.goto_area input[type="text"] {
    vertical-align: middle;
    width: 75px;
    height: 22px;
    line-height: 22px;
    padding: 4px 0;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin-right: 4px;
}

.goto_area .btn {
    display: inline-block;
    overflow: visible;
    padding: 0 22px;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}

    .goto_area .btn.page_go {
        background-color: #fff;
        background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
        background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
        background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
        background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
        border-color: #e6e7ec;
        color: #222;
        height: 30px;
        line-height: 30px;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

        .goto_area .btn.page_go:hover {
            background-color: #e6e7ec;
            background-image: -moz-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e7ec),to(#e6e7ec));
            background-image: -webkit-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: -o-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
            background-image: linear-gradient(to bottom,#e6e7ec 0,#e6e7ec 100%);
            border-color: #dadbe0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            color: #000
        }

/* 20170323 */
.newBodyW4 .head {
    min-width: 1130px;
}

.newBodyW4 .wrapBox {
    min-width: 1110px;
}

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

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

.newBodyW4 .newWrapBox {
    color: #222;
    min-width: 1130px;
}

    .newBodyW4 .newWrapBox .main {
        max-width: 100%;
        padding: 0 0 0 211px;
    }

    .newBodyW4 .newWrapBox .curTitle {
        padding-left: 22px;
        height: 58px;
        border-bottom: solid 1px #e7e7eb;
    }

        .newBodyW4 .newWrapBox .curTitle h2 {
            line-height: 58px;
        }


.userNumWrap {
    width: 100%;
}

.userDataBox {
    padding: 25px 0;
    overflow: hidden;
    height: 125px;
}

    .userDataBox .userDataItem {
        width: 33.3%;
        float: left;
    }

        .userDataBox .userDataItem .dataItemIn {
            padding: 0 22px;
        }

.userInBox {
    font-size: 14px;
    color: #fff;
    width: 100%;
    height: 125px;
    border-radius: 5px;
    background-color: #7dbce8;
    -webkit-box-shadow: 0 0 16px rgba(69, 136, 183, .5);
    -moz-box-shadow: 0 0 16px rgba(69, 136, 183, .5);
    box-shadow: 0 0 16px rgba(69, 136, 183, .5);
}

    .userInBox .todayData {
        height: 62px;
        padding: 16px 10px 0;
    }

        .userInBox .todayData span {
            font-size: 38px;
            padding: 0 5px;
        }

    .userInBox .totalData {
        border-top: solid 1px #a5d3f2;
        height: 46px;
        width: 100%;
    }

        .userInBox .totalData li {
            width: 50%;
            float: left;
            line-height: 46px;
        }

            .userInBox .totalData li:first-child div {
                height: 46px;
                padding-left: 10px;
                border-right: solid 1px #a5d3f2;
            }

            .userInBox .totalData li div {
                padding-left: 12px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .userInBox .totalData li div span {
                    font-size: 18px;
                }

            .userInBox .totalData li .markIco {
                padding-left: 25px;
            }

                .userInBox .totalData li .markIco i {
                    width: 12px;
                    height: 12px;
                    display: inline-block;
                    background: url(../images/markIco.png) no-repeat 0 0;
                    float: left;
                    margin: 5px 0 0 -16px;
                }

    .userInBox.userBoxColor2 {
        background-color: #f98067;
        -webkit-box-shadow: 0 0 16px rgba(188, 83, 61, .45);
        -moz-box-shadow: 0 0 16px rgba(188, 83, 61, .45);
        box-shadow: 0 0 16px rgba(188, 83, 61, .45);
    }

        .userInBox.userBoxColor2 .totalData {
            border-top: solid 1px #faa695;
        }

            .userInBox.userBoxColor2 .totalData li:first-child div {
                border-right: solid 1px #faa695;
            }

    .userInBox.userBoxColor3 {
        background-color: #f89e3d;
        -webkit-box-shadow: 0 0 16px rgba(176, 117, 53, .7);
        -moz-box-shadow: 0 0 16px rgba(176, 117, 53, .7);
        box-shadow: 0 0 16px rgba(176, 117, 53, .7);
    }

        .userInBox.userBoxColor3 .totalData {
            border-top: solid 1px #f8b976;
        }

            .userInBox.userBoxColor3 .totalData li:first-child div {
                border-right: solid 1px #f8b976;
            }

.userFilterBox {
    width: 100%;
    padding: 0;
}


.filterBox.userFilterBox {
}

    .filterBox.userFilterBox ul {
        padding: 25px 0 10px;
        background-color: #f5f5f5;
        height: auto;
        display: table;
    }

    .filterBox.userFilterBox li {
        margin: 0 10px 15px 20px;
    }

        .filterBox.userFilterBox li.liBox1 div {
            float: left;
        }

        .filterBox.userFilterBox li.liBox1 div {
            float: left;
        }

        .filterBox.userFilterBox li.liBox1 .tag_select {
            width: 70px;
        }

        .filterBox.userFilterBox li.liBox1 dl.tag_options {
            width: 93px;
        }


        .filterBox.userFilterBox li.liBox1 div:first-child {
            margin-right: 6px;
        }

    .filterBox.userFilterBox .textColor {
        border: solid 1px #bfbfbf;
        height: 20px;
        line-height: 20px;
        width: 140px;
        padding: 5px;
    }

    .filterBox.userFilterBox .dateLiBox {
        width: 310px;
    }

        .filterBox.userFilterBox .dateLiBox .timeText2 {
            width: 88px;
            padding: 5px 24px 5px 5px;
            border: solid 1px #bfbfbf;
        }

    .filterBox.userFilterBox .butColor {
        width: auto;
        height: 32px;
        padding: 0 15px;
        display: inline-block;
        line-height: 32px;
        border-radius: 3px;
        background-color: #03c791;
        color: #fff;
        text-align: center;
        border: none;
        margin-right: 10px;
        cursor: pointer;
    }

        .filterBox.userFilterBox .butColor:hover {
            background-color: #00ad7d;
        }

    .filterBox.userFilterBox .tag_select {
        padding: 0 20px 0 5px;
        border: solid 1px #bfbfbf;
        width: 80px;
    }

    .filterBox.userFilterBox .tag_select_hover {
        border: solid 1px #bfbfbf
    }

    .filterBox.userFilterBox .tag_select_open {
        border: solid 1px #bfbfbf;
    }

    .filterBox.userFilterBox dl.tag_options {
        width: 103px;
    }

.userTableBox {
    width: 100%;
}

    .userTableBox .userTable {
        border-collapse: collapse;
        font-size: 14px;
        width: 100%;
        min-width: 1180px;
    }

        .userTableBox .userTable th {
            height: 40px;
            background-color: #dcdcdc;
            color: #808080;
            font-weight: 500;
        }

            .userTableBox .userTable th p {
                height: 22px;
                border-left: solid 1px #f7f7f7;
                padding: 0 8px;
                text-align: center;
            }

            .userTableBox .userTable th:first-child p {
                border-left: none;
            }

        .userTableBox .userTable td {
            padding: 0 8px;
            text-align: center;
            height: 40px;
        }

            .userTableBox .userTable td.operatingLink a {
                color: #2aacfe;
                margin: 0 5px;
            }

                .userTableBox .userTable td.operatingLink a:hover {
                    text-decoration: underline;
                }

        .userTableBox .userTable #tbody .even, .userTableBox .userTable #tbody2 .even, .userTableBox .userTable #tbody3 .even {
            background-color: #fff;
        }

        .userTableBox .userTable #tbody .odd, .userTableBox .userTable #tbody2 .odd, .userTableBox .userTable #tbody3 .odd {
            background-color: #f9f9f9;
        }

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

.mIHdReturn {
    padding: 30px;
    height: 32px;
    border-bottom: solid 1px #dadadc;
}

    .mIHdReturn a {
        background-color: #02c791;
        width: 80px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        border-radius: 4px;
        display: inline-block;
    }

.newBodyW4 .memberInfoWrap .curTitle {
    padding-left: 30px;
    border-bottom: none;
}

.memberInfoEdit {
    padding: 30px;
}

    .memberInfoEdit .editInBox {
        padding: 20px 0;
        background-color: #f2f2f2;
        width: 100%;
        max-width: 1450px;
        border-radius: 10px;
    }

        .memberInfoEdit .editInBox .editInfoBox {
            display: inline-block;
            width: 49.6%;
            vertical-align: top;
        }

.memberDlEdit {
    padding-left: 200px;
}

    .memberDlEdit dt {
        width: 200px;
        float: left;
        margin-left: -200px;
    }

        .memberDlEdit dt div {
            text-align: center;
            font-size: 16px;
            padding-top: 30px;
        }

            .memberDlEdit dt div p {
                padding-top: 12px;
            }

    .memberDlEdit dd {
        width: 100%;
    }

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

    .txtEditBox li {
        height: 30px;
        margin: 4px 0;
        line-height: 30px;
        padding: 0 0 0 102px;
    }

        .txtEditBox li em {
            color: #8c8c8c;
            float: left;
            margin-left: -102px;
        }

        .txtEditBox li .editTxtIn {
            width: 230px;
            float: left;
        }

            .txtEditBox li .editTxtIn input {
                border: solid 1px #7ecdf4;
                width: 150px;
                height: 20px;
                line-height: 20px;
                padding: 4px;
                color: #018de4;
                font-size: 14px;
            }

            .txtEditBox li .editTxtIn.txtColor {
                color: #fd7400;
            }

        .txtEditBox li .editTxtR {
            float: left;
            margin-left: 10px;
            color: #3fa8fb;
            cursor: pointer;
        }

.memberInfoEdit .editInBox .editInfoBox.bgImgLeft {
    background: url(../images/leftLine.jpg) no-repeat left 25px;
}

.memberTabBox {
    padding: 0 30px;
    margin-bottom: 25px;
}

    .memberTabBox .memberTabOn {
        height: 40px;
        border-bottom: solid 1px #e8e7ed;
        font-size: 14px;
    }

        .memberTabBox .memberTabOn li {
            position: relative;
            line-height: 38px;
            cursor: pointer;
            height: 38px;
            margin-right: 58px;
            float: left;
            padding: 0 10px;
        }

            .memberTabBox .memberTabOn li.on {
                border-bottom: solid 3px #02c791;
            }

.payArrow i {
    width: 19px;
    height: 9px;
    margin-left: 10px;
    cursor: pointer;
    background: url(../images/arrow1.jpg) no-repeat 0 0;
    display: inline-block;
}

.memberPage {
    text-align: right;
    width: 100%;
    font-size: 14px;
}

    .memberPage .pageInM {
        padding: 20px 30px;
        height: 24px;
        line-height: 24px;
        color: #808080;
    }

        .memberPage .pageInM a {
            color: #808080;
            margin: 0 5px;
        }

            .memberPage .pageInM a:hover {
                color: #333;
            }

            .memberPage .pageInM a.prevBg, .memberPage .pageInM a.nextBg {
                background-color: #dcdcdc;
                padding: 0 12px;
                height: 24px;
                display: inline-block;
            }

/* 20170411 */
.curTitle .activityBut {
    float: right;
    width: 98px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #40a638;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    line-height: 30px;
    padding: 0;
    margin: 14px 0 0 0;
}
/*.giftListWrap {padding:20px 25px;}*/


.giftListWrap .listTable td, .newWrapBox .giftListWrap .listTable th {
    padding: 10px;
    text-align: center;
}

.giftListWrap .listTable th {
    padding: 0 10px;
}

.giftListWrap .listTable td .nameTxt .titleTxt a {
    color: #459ae9;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.giftListWrap .listTable.commodityList td .nameTxt .titleTxt {
    padding-left: 0;
}

.giftListWrap .listTable td .nameTxt {
    width: 100%;
}

.giftListWrap .listTable.commodityList td .nameTxt .titleTxt span {
    color: #333;
}

.giftListWrap .listTable td .nameTxt .titleTxt {
    text-align: center;
}

.giftListWrap .listTable td .nameTxt.txtLeft {
    width: 76px;
    margin: 0 auto;
}

    .giftListWrap .listTable td .nameTxt.txtLeft .titleTxt {
        text-align: left;
    }

.giftListWrap .listTable td .nameTxt {
    line-height: 18px;
}

.marketingList {
    padding: 10px 35px;
    overflow: hidden;
}

    .marketingList .marketingInList {
        margin: 0 -20px;
    }

.marketingItem {
    width: 33.3%;
    float: left;
}

    .marketingItem .marketingInItem {
        padding: 0 20px;
    }

        .marketingItem .marketingInItem .marketItemBox {
            width: 100%;
            height: 365px;
            text-align: center;
        }

            .marketingItem .marketingInItem .marketItemBox .itemTopBox {
                font-size: 14px;
                height: 190px;
                color: #fff;
                line-height: 26px;
            }

                .marketingItem .marketingInItem .marketItemBox .itemTopBox h2 {
                    font-size: 16px;
                    padding-top: 15px;
                }

                .marketingItem .marketingInItem .marketItemBox .itemTopBox .cardIcoBox {
                    height: 66px;
                    padding-top: 18px;
                }

                    .marketingItem .marketingInItem .marketItemBox .itemTopBox .cardIcoBox i {
                        width: 82px;
                        height: 66px;
                        display: inline-block;
                        margin: 0 auto;
                    }

                    .marketingItem .marketingInItem .marketItemBox .itemTopBox .cardIcoBox.cardIco1 i {
                        background: url(../images/markIco1.png) no-repeat 0 0;
                    }

                    .marketingItem .marketingInItem .marketItemBox .itemTopBox .cardIcoBox.cardIco2 i {
                        background: url(../images/markIco2.png) no-repeat 0 0;
                    }

                    .marketingItem .marketingInItem .marketItemBox .itemTopBox .cardIcoBox.cardIco3 i {
                        background: url(../images/markIco3.png) no-repeat 0 0;
                    }

            .marketingItem .marketingInItem .marketItemBox .itemBotBox {
                padding-top: 5px;
            }

                .marketingItem .marketingInItem .marketItemBox .itemBotBox .frequencyBox {
                    width: 200px;
                    margin: 0 auto;
                    text-align: left;
                    font-size: 14px;
                    color: #333;
                    line-height: 30px;
                    margin-bottom: 20px;
                }

                    .marketingItem .marketingInItem .marketItemBox .itemBotBox .frequencyBox i {
                        display: inline-block;
                        width: 108px;
                    }

                    .marketingItem .marketingInItem .marketItemBox .itemBotBox .frequencyBox span {
                        font-weight: bold;
                        color: #fff;
                        font-size: 18px;
                    }

                .marketingItem .marketingInItem .marketItemBox .itemBotBox .useBut {
                    text-align: center;
                }

                    .marketingItem .marketingInItem .marketItemBox .itemBotBox .useBut a {
                        width: 178px;
                        height: 40px;
                        background-color: #fff;
                        line-height: 40px;
                        text-align: center;
                        color: #000;
                        font-size: 14px;
                        display: inline-block;
                        margin: 0 auto;
                    }

            .marketingItem .marketingInItem .marketItemBox.itemBg1 {
                background: #ff8c6b url(../images/bg1.jpg) repeat-x left top;
            }

            .marketingItem .marketingInItem .marketItemBox.itemBg2 {
                background: #bb97ff url(../images/bg2.jpg) repeat-x left top;
            }

            .marketingItem .marketingInItem .marketItemBox.itemBg3 {
                background: #4bb2ff url(../images/bg3.jpg) repeat-x left top;
            }


.createConWrap { /*padding:26px 30px;*/
    font-size: 14px;
}

    .createConWrap .createTableBox {
        width: 100%;
        border-collapse: collapse;
    }

        .createConWrap .createTableBox th {
            height: 38px;
            line-height: 38px;
            background-color: #f4f5f9;
            padding-left: 20px;
            color: #333;
            font-weight: 500;
            text-align: left;
        }

        .createConWrap .createTableBox th, .createConWrap .createTableBox td {
            border: solid 1px #e7e7eb;
        }

        .createConWrap .createTableBox td {
            padding: 10px 0;
            vertical-align: top;
        }

.createItem {
    height: auto;
    min-height: 30px;
    padding: 0 80px 0 100px;
}

    .createItem .txt_Left {
        color: #808080;
        width: 88px;
        text-align: right;
        line-height: 30px;
        float: left;
        margin-left: -100px;
    }

        .createItem .txt_Left i {
            color: #f00;
            font-family: Simsun;
            padding-right: 4px;
        }

    .createItem .groupTxt {
        line-height: 30px;
        color: #3a80ff;
    }

        .createItem .groupTxt span {
            margin-left: 50px;
            color: #03af80;
        }

        .createItem .groupTxt a {
            color: #3a80ff;
        }

    .createItem .groupItemBox {
        border: solid 1px #e7e7eb;
        clear: both;
        padding: 0 15px 15px 15px;
    }

        .createItem .groupItemBox li {
            padding: 0 40px 0 22px;
            height: 32px;
            line-height: 32px;
            float: left;
            margin: 15px 20px 0 0;
            background-color: #f4f4f4;
        }

            .createItem .groupItemBox li i {
                float: right;
                margin: 8px -30px 0 0;
                cursor: pointer;
                width: 17px;
                height: 17px;
                display: inline-block;
                background: url(../images/deleteIco.png) no-repeat 1px 0;
            }

                .createItem .groupItemBox li i:hover {
                    background-position: 1px -22px;
                }

    .createItem .activityTime {
        line-height: 30px;
    }

        .createItem .activityTime .aTimeBox1 {
            float: left;
            margin-right: 30px;
        }

            .createItem .activityTime .aTimeBox1 .iTxt {
                color: #c7c7c7;
                font-family: Simsun;
                padding: 0 5px;
            }

        .createItem .activityTime .aTimeBox2 {
            float: left;
        }

            .createItem .activityTime .aTimeBox2 input {
                float: left;
                margin: 10px 4px 0 0;
            }

    .createItem .weekBox label {
        float: left;
        height: 30px;
        line-height: 30px;
        margin-right: 20px;
    }

        .createItem .weekBox label input {
            float: left;
            margin: 10px 4px 0 0;
        }

    .createItem .cardTopBox {
        height: 30px;
        line-height: 30px;
    }

        .createItem .cardTopBox .cardTxt_left {
            float: left;
            margin-right: 30px;
            color: #808080;
        }

        .createItem .cardTopBox .cardSwitch, .createItem .giftMoney .cardSwitch {
            float: left;
            padding-top: 2px;
        }

    .createItem .cardBotBox {
        padding: 10px 0;
    }

        .createItem .cardBotBox li {
            height: 30px;
            line-height: 30px;
            margin: 10px 0;
        }

            .createItem .cardBotBox li .cBBox1 {
                width: 280px;
                float: left;
            }

                .createItem .cardBotBox li .cBBox1 select {
                    width: 260px;
                    height: 28px;
                    line-height: 28px;
                    border: solid 1px #e7e7eb;
                    font-size: 14px;
                    color: #333;
                }

            .createItem .cardBotBox li .cBBox2 {
                float: left;
                width: 150px;
            }

            .createItem .cardBotBox li .cBBox3 {
                float: left;
                width: 150px;
            }

                .createItem .cardBotBox li .cBBox3 span {
                    margin-right: 22px;
                }

            .createItem .cardBotBox li .cBBox4 {
                float: left;
            }

                .createItem .cardBotBox li .cBBox4 a {
                    width: 78px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    display: inline-block;
                    border-radius: 3px;
                    background-color: #44b549;
                    color: #fff;
                }

    .createItem .giftMoney {
        line-height: 30px;
    }

        .createItem .giftMoney .moneyText {
            float: left;
            margin-right: 45px;
        }

            .createItem .giftMoney .moneyText span {
                padding-left: 6px;
            }

    .createItem .birthdayBox {
        line-height: 30px;
    }

    .createItem .b_input {
        margin: 0 5px;
    }

.createBut {
    padding: 10px 0;
    text-align: center;
}

    .createBut input {
        width: 200px;
        height: 40px;
        font-size: 16px;
        color: #fff;
        background-color: #44b549;
        border-radius: 3px;
        border: none;
        cursor: pointer;
        text-align: center;
    }


.createItem .textStyle {
    font-size: 14px;
    color: #333;
    width: 378px;
    height: 20px;
    line-height: 20px;
    padding: 4px 10px;
    border: solid 1px #e7e7eb;
}

.createItem .textStyle1 {
    width: 378px;
}

.createItem .textStyle2 {
    width: 86px;
    padding: 4px 8px;
}

.createItem .textStyle3 {
    width: 40px;
    text-align: center;
}

.createItem .textStyle4 {
    width: 146px;
    padding: 4px 8px;
}

.createItem .textStyle5 {
    width: 40px;
    text-align: center;
}

.newWrapBox .listTable td {
    color: #222;
    height: 60px;
    line-height: 6px;
}

    .newWrapBox .listTable td .seeDetails a {
        color: #459ae9;
    }

    .newWrapBox .listTable td a {
        margin: 0;
    }


@media screen and (max-width:1326px) {
    /*.filterBox.userFilterBox ul {height:79px;}*/
}

@media screen and (max-width:1500px) {
    .memberDlEdit {
        padding-left: 180px;
    }

        .memberDlEdit dt {
            width: 180px;
            margin-left: -180px;
        }

    .txtEditBox li {
        padding: 0 0 0 92px;
    }

        .txtEditBox li em {
            margin-left: -92px;
        }

        .txtEditBox li .editTxtIn {
            width: 210px;
        }

            .txtEditBox li .editTxtIn input {
                width: 140px;
            }
}

@media screen and (max-width:1400px) {
    .userInBox .totalData li:first-child div {
        padding-left: 6px;
    }

    .userInBox .totalData li div {
        padding-left: 8px;
        font-size: 12px;
    }

        .userInBox .totalData li div span {
            font-size: 16px;
        }

    .userInBox .totalData li .markIco {
        padding-left: 20px;
    }


    .memberDlEdit {
        padding-left: 170px;
    }

        .memberDlEdit dt {
            width: 170px;
            margin-left: -170px;
        }

    .txtEditBox li {
        padding: 0 0 0 88px;
    }

        .txtEditBox li em {
            margin-left: -88px;
        }

        .txtEditBox li .editTxtIn {
            width: 180px;
        }

            .txtEditBox li .editTxtIn input {
                width: 140px;
            }
}

@media screen and (max-width:1300px) {
    .userInBox .totalData li:first-child div {
        padding-left: 4px;
    }

    .userInBox .totalData li div {
        padding-left: 6px;
    }

        .userInBox .totalData li div span {
            font-size: 14px;
        }

    .memberDlEdit {
        padding-left: 160px;
    }

        .memberDlEdit dt {
            width: 160px;
            margin-left: -160px;
        }

    .txtEditBox li {
        padding: 0 0 0 78px;
    }

        .txtEditBox li em {
            margin-left: -78px;
        }

        .txtEditBox li .editTxtIn {
            width: 150px;
        }

            .txtEditBox li .editTxtIn input {
                width: 130px;
            }
}

@media screen and (max-width:1200px) {
    .memberDlEdit {
        padding-left: 160px;
    }

        .memberDlEdit dt {
            width: 160px;
            margin-left: -160px;
        }

    .txtEditBox li {
        padding: 0 0 0 72px;
    }

        .txtEditBox li em {
            margin-left: -72px;
        }

        .txtEditBox li .editTxtIn {
            width: 125px;
        }

            .txtEditBox li .editTxtIn input {
                width: 105px;
            }
}

/* 20171206 */

.evaluationSet {
    width: 100%;
    padding-top: 10px;
}

.evaluationTab {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

    .evaluationTab li {
        position: relative;
        font-size: 16px;
        font-weight: 500;
        width: 204px;
        height: 56px;
        float: left;
        background: #f3f3f3;
        line-height: 56px;
        margin-right: 4px;
        text-align: center;
        cursor: pointer
    }

        .evaluationTab li:before {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            z-index: 1;
            right: -28px;
            border-top: 28px solid transparent;
            border-left: 28px solid #f3f3f3;
            border-bottom: 28px solid transparent
        }

    .evaluationTab .on {
        background: #03af80;
        color: #fff
    }

        .evaluationTab .on:before {
            border-left-color: #03af80;
        }

    .evaluationTab .special-item:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        border-top: 28px solid transparent;
        border-left: 28px solid #fff;
        border-bottom: 28px solid transparent
    }

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

.evaluationConWrap {
    padding-left: 376px;
    height: auto;
}

    .evaluationConWrap .evaluationImg {
        border: 1px solid #d1d1d1;
        width: 352px;
        height: 626px;
        float: left;
        margin-left: -376px;
    }

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

    .eEditBox .eEditIn {
        border: 1px solid #d1d1d1;
        padding: 16px;
        border-radius: 6px;
        margin-bottom: 16px;
    }

        .eEditBox .eEditIn .boxTitle {
            line-height: 1em;
            padding-bottom: 14px;
            color: #333;
            font-weight: 500;
        }

            .eEditBox .eEditIn .boxTitle .promptBox {
                margin-left: 10px;
            }

            .eEditBox .eEditIn .boxTitle .promptIcoBg {
                width: 24px;
                height: 24px;
                vertical-align: middle;
                cursor: pointer;
                display: inline-block;
                background: url(../images/prompt.png) no-repeat 0 0;
            }

        .eEditBox .eEditIn .listEditBox {
            height: 26px;
            line-height: 26px;
            color: #666;
        }

            .eEditBox .eEditIn .listEditBox.remindTxt {
                color: #333;
            }

                .eEditBox .eEditIn .listEditBox.remindTxt .summaryTxt {
                    color: #666;
                    display: inline-block;
                    margin-left: 16px;
                    font-size: 12px;
                }

        .eEditBox .eEditIn .operatingRig {
            float: right;
        }

        .eEditBox .eEditIn .newLabelBox {
            padding-bottom: 14px;
            text-align: right;
        }

            .eEditBox .eEditIn .newLabelBox a {
                color: #03AF80;
            }

        .eEditBox .eEditIn .editChildren .newLabelBox {
            line-height: 28px;
            padding-top: 8px;
            padding-bottom: 12px;
        }

        .eEditBox .eEditIn .editItemBox {
        }

            .eEditBox .eEditIn .editItemBox .boxTitle {
                position: relative;
                border-bottom: 1px solid #d1d1d1;
            }

                .eEditBox .eEditIn .editItemBox .boxTitle .cate-action {
                    position: absolute;
                    right: 0;
                    bottom: 8px;
                }

                    .eEditBox .eEditIn .editItemBox .boxTitle .cate-action i:first-child {
                        margin-right: 16px;
                    }

            .eEditBox .eEditIn .editItemBox .editIcon, .evaluationTable .operatingTd .editIcon {
                width: 20px;
                height: 20px;
                margin-left: 8px;
                vertical-align: middle;
                cursor: pointer;
                display: inline-block;
                background: url(../images/editImgBut.png) no-repeat 0 0;
            }

            .eEditBox .eEditIn .editItemBox .delIcon, .evaluationTable .operatingTd .delIcon {
                display: inline-block;
                width: 18px;
                height: 18px;
                vertical-align: middle;
                cursor: pointer;
                background: url(../images/closeImgBut.png) no-repeat 0 0;
            }

            .eEditBox .eEditIn .editItemBox .boxTitle .editIcon {
                margin-top: 3px;
                float: left;
            }

            .eEditBox .eEditIn .editItemBox .multiSwitchWrap {
                float: left;
            }

        .eEditBox .eEditIn .editChildren li {
            border-bottom: 1px solid #e4e4e4;
            line-height: 28px;
            height: 28px;
            padding: 8px 16px;
            color: #666;
        }


    .eEditBox .evaluationButBox {
        text-align: right;
    }

        .eEditBox .evaluationButBox a.discountBut, .eEditBox .evaluationButBox a.returnBut, .deployButBox a.returnBut {
            margin-left: 20px;
            margin-right: 0px;
        }

.addLabelBox {
    padding: 25px 16px 0;
    font-size: 14px;
}

    .addLabelBox .labelLi {
        margin-bottom: 24px;
        padding-left: 120px;
        height: 32px;
        line-height: 32px;
    }

        .addLabelBox .labelLi .fLabel {
            float: left;
            width: 120px;
            text-align: right;
            margin-left: -120px;
        }

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

    .tagFields .tag-field {
        margin-top: 16px;
        height: 32px;
        line-height: 32px;
        padding-left: 130px;
    }

    .tagFields .total-score-item {
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 10px;
    }

    .tagFields .tag-field .tag-name {
        float: left;
        text-align: right;
        width: 126px;
        margin-left: -130px;
    }

    .tagFields .tag-field .tag-value .txtFBox {
        float: left;
    }

    .tagFields .tag-field .tag-value .selectBoxs {
        float: left;
        margin: 0 5px;
    }

.filterClient {
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
}

    .filterClient .con-item {
        float: left;
        width: 50%;
        height: 30px;
    }

        .filterClient .con-item .fInConBox {
            padding-right: 16px;
        }

            .filterClient .con-item .fInConBox input {
                width: 100%;
            }

        .filterClient .con-item .fRInConBox {
            padding-left: 16px;
        }

            .filterClient .con-item .fRInConBox select {
                width: 100%;
            }

.evaluationTable {
    margin-top: 20px;
}

    .evaluationTable .operatingTd {
    }

.deployButBox {
    text-align: right;
    margin-bottom: 25px;
}

/**/
.evaChoice {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    font-size: 14px;
}

    .evaChoice .choiceInBox {
        border: 1px solid #e4e4e4;
        margin-bottom: 8px;
        padding: 16px 0;
    }

        .evaChoice .choiceInBox .choiceIn {
            padding-left: 182px;
        }

            .evaChoice .choiceInBox .choiceIn .choiceInLeft {
                width: 182px;
                float: left;
                margin: 5px 0 0 -182px;
                text-align: center;
            }

                .evaChoice .choiceInBox .choiceIn .choiceInLeft .counts {
                    font-size: 26px;
                    color: #03af80;
                }

            .evaChoice .choiceInBox .choiceIn .choiceInContent {
                font-size: 12px;
                color: #666;
                border-left: 1px dashed #c8c8c8;
                padding: 0 24px;
                min-height: 60px;
            }

                .evaChoice .choiceInBox .choiceIn .choiceInContent .choinceCon {
                    border: 1px solid #e4e4e4;
                    margin: 8px 8px 8px 0;
                    border-radius: 4px;
                    line-height: 24px;
                    padding: 0 16px;
                    display: inline-block;
                    text-align: center;
                    cursor: pointer;
                }

                .evaChoice .choiceInBox .choiceIn .choiceInContent .choSelected {
                    color: #fff;
                    background-color: #03af80;
                }

.checkBoxWrap {
    margin-bottom: 8px;
    height: 22px;
}

    .checkBoxWrap .checkBoxInWrap {
        width: 100%;
    }

        .checkBoxWrap .checkBoxInWrap ul {
            float: right;
        }

            .checkBoxWrap .checkBoxInWrap ul li {
                float: left;
                margin-right: 16px;
            }

                .checkBoxWrap .checkBoxInWrap ul li label {
                    cursor: pointer;
                }

                .checkBoxWrap .checkBoxInWrap ul li input {
                    float: left;
                    margin: 2px 2px 0 0;
                }

.evaluationTable.evaChoiceTable {
    margin-top: 0;
}

/* 20180103 */
.commodityBody .main {
    padding: 0 0 0 211px;
    max-width: none;
}

.commodityBody .menuLeft {
    margin-left: -211px;
}

.commodityBody .curTitle h2 {
    padding-left: 20px;
}

.commodityWrap {
    height: auto;
    padding-left: 240px;
    border-top: solid 1px #e5e5e5;
    overflow: hidden;
    background-color: #f7f7f7;
}

    .commodityWrap .commodityMenu {
        width: 239px;
        float: left;
        border-right: solid 1px #e5e5e5;
        margin-left: -240px;
    }

.categoryTitle {
    height: 58px;
    border-bottom: solid 1px #e5e5e5;
    background-color: #fff;
}

    .categoryTitle h2 {
        padding-left: 20px;
        float: left;
        line-height: 58px;
        font-size: 14px;
        font-weight: 700;
    }

    .categoryTitle .categoryButBox {
        float: right;
        margin: 12px 20px 0 0;
    }

        .categoryTitle .categoryButBox button {
            color: #03AE81;
            background-color: #fff;
            border: solid 1px #03AE81;
            display: inline-block;
            padding: 6px 12px;
            border-radius: 3px;
            font-size: 14px;
            cursor: pointer;
            vertical-align: middle;
        }

            .categoryTitle .categoryButBox button i {
                width: 16px;
                height: 16px;
                display: inline-block;
                background-position: 0 -318px;
                vertical-align: middle;
            }

            .categoryTitle .categoryButBox button:hover {
                background-color: #e8fff9;
            }

.categoryMenu {
    width: 100%;
}

    .categoryMenu li {
        height: 58px;
        line-height: 58px;
        padding-left: 30px;
        border-bottom: dashed 1px #e5e5e5;
        position: relative;
        font-size: 14px;
        border-left: solid 3px #f7f7f7;
        cursor: pointer;
    }

        .categoryMenu li.on {
            border-left-color: #03AE81;
            background-color: #e8fff9;
            color: #03AE81;
            font-weight: bold;
        }

        .categoryMenu li em {
            float: right;
            margin-right: 20px;
            font-size: 12px;
            color: #a0a0a0;
        }

        .categoryMenu li.on em {
            font-weight: normal;
        }

.categoryConBox {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.categoryName {
    font-size: 14px;
    border-bottom: solid 1px #e5e5e5;
    height: 58px;
    line-height: 58px;
    padding-left: 20px;
    font-weight: 700;
}

.categoryFilters {
    height: 58px;
    border-bottom: solid 1px #e5e5e5;
    vertical-align: middle;
}

    .categoryFilters .categoryFilter {
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
        padding: 0 20px;
        border-left: solid 1px #d2d2d2;
        margin-top: 22px;
        display: inline-block;
        cursor: pointer;
    }

        .categoryFilters .categoryFilter:first-child {
            border-left: none;
        }

        .categoryFilters .categoryFilter.cur {
            color: #03AE81;
        }

.productList {
    width: 100%;
}

    .productList .toolBar {
        height: 28px;
        padding: 15px 0;
        border-bottom: 1px solid #e5e5e5;
    }

        .productList .toolBar .selectAllBox {
            float: left;
            margin: 5px 20px 0 20px;
        }

            .productList .toolBar .selectAllBox label input {
                float: left;
                margin: 2px 2px 0 0;
            }

        .productList .toolBar .batchBut {
            float: left;
        }

            .productList .toolBar .batchBut input {
                padding: 0 10px;
                height: 26px;
                line-height: 26px;
                border: solid 1px #e5e5e5;
                border-radius: 3px;
                margin-right: 5px;
                background-color: #fff;
                cursor: pointer;
                color: #333;
            }

                .productList .toolBar .batchBut input:hover {
                    border-color: #03AE81;
                    color: #03AE81;
                }

        .productList .toolBar .batchMore {
            float: left;
            vertical-align: middle;
            margin: 5px 0 0 15px;
        }

            .productList .toolBar .batchMore span {
                position: relative;
                cursor: pointer;
            }

                .productList .toolBar .batchMore span i {
                    content: "";
                    position: absolute;
                    right: -12px;
                    width: 0;
                    height: 0;
                    border-bottom: 3px solid #333;
                    border-right: 3px solid #333;
                    border-left: 3px solid transparent;
                    border-top: 3px solid transparent;
                    transform: rotate(45deg);
                    top: 3px; /*transform: rotate(-135deg);*/
                }

    .productList .productInBox {
        width: 100%;
        height: auto;
    }

        .productList .productInBox .productCard {
            min-height: 102px;
            padding: 15px 20px;
            border-bottom: 1px dashed #e5e5e5;
            cursor: pointer;
            position: relative;
            font-size: 12px;
        }

            .productList .productInBox .productCard:hover {
                background-color: #fafafa;
            }

.productCard .productCardIn {
    padding-left: 146px;
}

    .productCard .productCardIn .checkedProduct {
        float: left;
        margin: 30px 0 0 -146px;
    }

    .productCard .productCardIn .productImg {
        float: left;
        display: inline-block;
        width: 96px;
        height: 74px;
        margin-left: -112px;
    }

        .productCard .productCardIn .productImg img {
            border: solid 1px #ebeff2;
        }

        .productCard .productCardIn .productImg:hover img {
            border-color: #03AE81;
        }

    .productCard .productCardIn .productDesWrapper {
        width: 100%;
    }

        .productCard .productCardIn .productDesWrapper .productDes {
            width: 300px;
            float: left;
        }

            .productCard .productCardIn .productDesWrapper .productDes .productName {
                height: 28px;
                margin-bottom: 7px;
            }

                .productCard .productCardIn .productDesWrapper .productDes .productName input {
                    border: solid 1px #e5e5e5;
                    height: 26px;
                    line-height: 26px;
                    padding: 0 5px;
                    width: 288px;
                    font-weight: bold;
                }

        .productCard .productCardIn .productDesWrapper .productTextBox.onFocus input {
            border-color: #03AE81;
        }

        .productCard .productCardIn .productDesWrapper .productTextBox {
            position: relative;
            z-index: 3;
        }

            .productCard .productCardIn .productDesWrapper .productTextBox .inputGroupAddon {
                width: 56px;
                position: absolute;
                right: -56px;
                top: 0;
                display: none;
            }

            .productCard .productCardIn .productDesWrapper .productTextBox.onFocus .inputGroupAddon {
                display: inline-block;
            }

.inputGroupAddon i {
    width: 28px;
    height: 28px;
    display: inline-block;
    float: left;
}

    .inputGroupAddon i.fa-check {
        background-color: #03AE81;
        background-position: 0 -334px;
    }

    .inputGroupAddon i.fa-remove {
        background-color: #e5e5e5;
        background-position: -28px -334px;
    }

.productCard .productCardIn .productDesWrapper .productDes .skusBox {
    height: 28px;
    padding: 6px;
    background-color: #f2f2f2;
}

    .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox {
        width: 100%;
    }

        .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item {
            float: left;
            position: relative;
        }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item:first-child {
                z-index: 6;
            }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item input {
                width: 46px;
                height: 26px;
                line-height: 26px;
                border: solid 1px #e5e5e5;
                padding: 0 2px;
                color: #4b494a;
            }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item .productTextBox.onFocus input {
                border-color: #03AE81;
            }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item .unitBox {
                line-height: 28px;
                float: left;
                margin: 0 5px 0 10px;
            }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-item .productTextBox {
                float: left;
            }

        .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-shortcut {
            line-height: 28px;
            color: #03AE81;
            margin-left: 10px;
        }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-shortcut a {
                color: #03AE81;
            }

            .productCard .productCardIn .productDesWrapper .productDes .skusBox .skusInBox .sku-shortcut i {
                padding: 0 2px;
            }

.productCard .productCardIn .productDesWrapper .productDes .minorBox {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 12px;
    position: relative;
}

    .productCard .productCardIn .productDesWrapper .productDes .minorBox .product-spec-edit {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #06c1ae;
        display: none;
    }

.productCard:hover .productCardIn .productDesWrapper .productDes .minorBox .product-spec-edit {
    display: inline-block;
}

.productCard .productCardIn .productDesWrapper .product-attr {
    width: 102px;
    margin-left: 25px;
    float: left;
}

    .productCard .productCardIn .productDesWrapper .product-attr .form-group {
        height: 28px;
        line-height: 28px;
        padding-left: 34px;
        margin-bottom: 16px;
    }

        .productCard .productCardIn .productDesWrapper .product-attr .form-group label {
            float: left;
            margin-left: -34px;
        }

        .productCard .productCardIn .productDesWrapper .product-attr .form-group input {
            width: 96px;
            border-radius: 2px;
            height: 26px;
            padding: 0 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border: solid 1px #e5e5e5;
            color: #4c4a4b;
        }

.productCard .productCardIn .productDesWrapper .product-opr-single {
    float: right;
    margin-right: 30px;
}

    .productCard .productCardIn .productDesWrapper .product-opr-single .kui-button {
        height: 28px;
    }

        .productCard .productCardIn .productDesWrapper .product-opr-single .kui-button input {
            width: 100px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            color: #03AE81;
            border: solid 1px #03AE81;
            border-radius: 2px;
            background-color: #fff;
            cursor: pointer;
        }

            .productCard .productCardIn .productDesWrapper .product-opr-single .kui-button input:hover {
                background-color: #e8fff9;
            }

    .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit {
        margin-top: 25px;
        line-height: 18px;
    }

        .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a {
            color: #03AE81;
        }

            .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a i {
                width: 14px;
                height: 14px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
            }

            .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a.opr-delete {
                margin-right: 10px;
            }

                .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a.opr-delete i {
                    background-position: 0 -204px;
                }

            .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a.opr-edit i {
                background-position: -23px -204px;
            }

.sortLayerBox {
    padding: 20px 20px 0 20px;
}

    .sortLayerBox .sortLayerIn {
        height: 320px;
        overflow-y: auto;
    }

        .sortLayerBox .sortLayerIn .addSortBox {
            height: 34px;
            margin-bottom: 10px;
        }

            .sortLayerBox .sortLayerIn .addSortBox .addSortText {
                height: 20px;
                line-height: 20px;
                padding: 6px 10px;
                border: solid 1px #d2d2d2;
                width: 352px;
                border-radius: 2px;
                font-size: 14px;
                margin-right: 20px;
            }

            .sortLayerBox .sortLayerIn .addSortBox .addSortBut {
                background-color: #03af80;
                padding: 0 12px;
                height: 34px;
                line-height: 34px;
                border-radius: 2px;
                color: #fff;
                font-size: 14px;
                border: none;
                cursor: pointer;
            }

        .sortLayerBox .sortLayerIn .sortNote {
            background-color: #eefffa;
            padding: 6px 10px;
            color: #6a6a6a;
            line-height: 22px;
            margin-bottom: 10px;
        }

        .sortLayerBox .sortLayerIn .sortListBox {
            width: 100%;
        }

            .sortLayerBox .sortLayerIn .sortListBox .sortItem {
                padding: 10px 0 0 10px;
                cursor: move;
                font-size: 14px;
            }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem:hover {
                    background-color: #eefffa;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName {
                    height: auto;
                    padding-bottom: 15px;
                    position: relative;
                    padding-left: 118px;
                    display: table;
                }

                    .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortExpand {
                        width: 11px;
                        height: 11px;
                        display: inline-block;
                        position: absolute;
                        left: 0;
                        top: 11px;
                        background-position: -16px -318px;
                        cursor: pointer;
                    }

                        .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortExpand.arrIco {
                            background-position: -27px -318px;
                        }

                    .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn {
                        width: 100%;
                    }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortNameTxt {
                    float: left;
                    margin-left: -90px;
                    line-height: 32px;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortnameText {
                    float: left;
                    margin-right: 5px;
                }

                    .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortnameText input {
                        border: solid 1px #999;
                        width: 158px;
                        padding: 5px 10px;
                        font-size: 14px;
                        cursor: text;
                        border-radius: 3px;
                        height: 20px;
                        line-height: 20px;
                    }

                        .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortnameText input:focus, .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortnameText input:hover {
                            border-color: #03af80;
                        }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .selectBoxs {
                    float: left;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .tag_select {
                    width: 160px;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn dl.tag_options {
                    width: 199px;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .sDeleteIco {
                    width: 11px;
                    height: 11px;
                    display: inline-block;
                    float: left;
                    background-position: -51px -318px;
                    cursor: pointer;
                    margin: 12px 12px 0;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .sDragIco {
                    float: left;
                    width: 13px;
                    height: 13px;
                    display: inline-block;
                    background-position: -38px -318px;
                    display: none;
                    margin-top: 11px;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem:hover .sortName .sortNameIn .sDragIco {
                    display: inline-block;
                }

                .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortFormGroup {
                    clear: both;
                    padding-left: 118px;
                }

                    .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortFormGroup .sortDesc {
                        height: 32px;
                        width: 100%;
                        margin: 0 0 15px 0;
                    }

                    .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortFormGroup .sortTopBox {
                        clear: both;
                        margin-bottom: 15px;
                    }

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

    .sortDateBox .sortDateTag {
        height: 32px;
        line-height: 32px;
    }

        .sortDateBox .sortDateTag li {
            margin-right: 18px;
            float: left;
        }

            .sortDateBox .sortDateTag li input {
                float: left;
                margin: 10px 4px 0 0;
            }

    .sortDateBox .sortDateConBox {
        width: 100%;
        height: 32px;
        line-height: 32px;
    }

        .sortDateBox .sortDateConBox label {
            float: left;
            margin-right: 12px;
        }

            .sortDateBox .sortDateConBox label input {
                float: left;
                margin: 10px 4px 0 0;
            }

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

    .editDesc .editTextarea {
        height: 220px;
    }

        .editDesc .editTextarea textarea {
            height: 200px;
            width: 420px;
            resize: none;
            border-color: #e5e5e5;
            background-color: #fafafa;
            padding: 10px 15px;
            line-height: 22px;
            font-size: 14px;
            color: #333;
        }

    .editDesc .wordCount {
        position: absolute;
        bottom: 5px;
        right: 12px;
    }

.propertyWrap {
    width: 100%;
}

.editProperty {
    min-height: 250px;
    max-height: 450px;
    overflow-y: auto;
    font-size: 14px;
}

    .editProperty .product-attr-title {
        padding: 10px 0 10px 35px;
        box-sizing: border-box;
        color: #4a4a4a;
    }

        .editProperty .product-attr-title .product-attr-xf {
            margin-left: 55px;
        }

            .editProperty .product-attr-title .product-attr-xf i {
                font-style: normal;
                font-size: 12px;
                color: #a0a0a0;
            }

    .editProperty .product-attr-append {
        margin-top: 15px;
        margin-left: 20px;
    }

        .editProperty .product-attr-append input {
            border-radius: 2px;
            text-align: center;
            border: solid 1px #03af80;
            color: #03af80;
            background-color: #fff;
            cursor: pointer;
            padding: 5px 10px;
        }

            .editProperty .product-attr-append input:hover {
                background-color: #e8fff9;
            }

        .editProperty .product-attr-append span {
            margin-left: 10px;
            line-height: 34px;
            font-size: 12px;
            color: #a0a0a0;
        }

.propertyList {
    margin: 0 20px;
}

    .propertyList li {
        padding: 15px;
        background-color: #f7f7f7;
        height: 80px;
    }

        .propertyList li .product-attr-name {
            height: 34px;
            width: 90px;
            float: left;
        }

        .propertyList li .propertyText {
            width: 76px;
            height: 30px;
            padding: 0 5px;
            line-height: 30px;
            border: solid 2px #e5e5e5;
            border-radius: 3px;
        }

        .propertyList li .product-attr-spetor {
            float: left;
            color: #d2d2d2;
            width: 24px;
            text-align: center;
            margin-top: 7px;
        }

        .propertyList li .product-attr-values {
            float: left;
            width: 510px;
        }

            .propertyList li .product-attr-values .product-attr-input {
                float: left;
                width: 90px;
                margin-right: 10px;
                margin-bottom: 10px;
            }

        .propertyList li .product-attr-delete {
            position: relative;
            height: 80px;
            float: left;
        }

            .propertyList li .product-attr-delete i {
                position: absolute;
                top: 50%;
                width: 11px;
                height: 11px;
                margin-top: -6px;
                background-position: -62px -318px;
                display: inline-block;
            }

.promptTxtTips {
    width: 270px;
    border: 1px solid #d9dadc;
    margin-left: -95px;
    background-color: #fff;
    font-size: 12px;
    display: none;
}

    .promptTxtTips .tipInBox {
        padding: 20px 10px 10px 20px;
    }

        .promptTxtTips .tipInBox span {
            padding: 8px 10px;
            display: inline-block;
            margin: 0 10px 10px 0;
            border-radius: 3px;
            border: solid 1px #e5e5e5;
            color: #333;
            cursor: pointer;
        }

            .promptTxtTips .tipInBox span:hover {
                border-color: #03af80;
                color: #03af80;
            }

.product-sku-maxtip {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.specWrap {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

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

    .specInBox .specTable {
        width: 100%;
        border-collapse: collapse;
        border: solid 1px #e5e5e5;
        font-size: 14px;
    }

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

            .specInBox .specTable th i {
                color: #f00;
            }

        .specInBox .specTable th, .specInBox .specTable td {
            border: solid 1px #e5e5e5;
            padding: 8px;
            height: 32px;
            border-collapse: collapse;
        }

            .specInBox .specTable td input {
                width: 100%;
                border: solid 1px #e5e5e5;
                height: 30px;
                line-height: 30px;
                border-radius: 2px;
                padding: 0 10px;
                box-sizing: border-box;
            }

            .specInBox .specTable td .czIco {
                width: 12px;
                height: 12px;
                display: inline-block;
                vertical-align: middle;
                cursor: pointer;
                margin-left: 5px;
            }

                .specInBox .specTable td .czIco.plus-circle {
                    background-position: -85px -318px;
                    margin-right: 5px;
                }

                .specInBox .specTable td .czIco.times-circle {
                    background-position: -73px -318px;
                }


.curTitle.hdReturn h2 {
    float: left;
}

.curTitle.hdReturn a {
    float: right;
    margin: 18px 10px 0 0;
    color: #03af80;
    font-size: 14px;
}

.modifyCommodity {
    width: 100%;
}

.mCInBox {
    font-size: 14px;
    padding: 15px 0;
}

    .mCInBox .formGroupBox {
        padding-left: 190px;
        height: auto;
        min-height: 32px;
        margin-bottom: 15px;
    }

        .mCInBox .formGroupBox .emTxt {
            float: left;
            margin-left: -190px;
            width: 160px;
            text-align: right;
            line-height: 32px;
        }

            .mCInBox .formGroupBox .emTxt i {
                color: #f00;
            }

        .mCInBox .formGroupBox .selectBoxs {
            float: left;
            margin-right: 10px;
        }

        .mCInBox .formGroupBox dl.tag_options {
            width: 199px;
        }

        .mCInBox .formGroupBox .tag_select {
            width: 160px;
            border-color: #ccc;
            ;
            background: #fff url(../images/selectImg2.png) no-repeat right 0;
        }

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

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


        .mCInBox .formGroupBox .butCom {
            border-radius: 2px;
            text-align: center;
            border: solid 1px #03af80;
            color: #03af80;
            background-color: #fff;
            cursor: pointer;
            padding: 4px 10px;
        }

            .mCInBox .formGroupBox .butCom:hover {
                background-color: #e8fff9;
            }

        .mCInBox .formGroupBox .fGText {
            width: 280px;
            border-radius: 2px;
            height: 30px;
            padding: 0 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border: solid 1px #ccc;
            color: #333;
        }

        .mCInBox .formGroupBox .fGImgBox img {
            border: solid 1px #e5e5e5;
            float: left;
        }

        .mCInBox .formGroupBox .fGImgBox .img-delete {
            float: left;
            width: 17px;
            height: 17px;
            display: inline-block;
            background-position: -97px -318px;
            margin: 94px 0 0 20px;
            cursor: pointer;
        }

        .mCInBox .formGroupBox .fGNormWrap {
            width: 85%;
        }

            .mCInBox .formGroupBox .fGNormWrap .fGNormItem {
                border: solid 1px #e5e5e5;
                margin-bottom: 10px;
            }

                .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox {
                    padding: 10px;
                    position: relative;
                }

                    .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .fGNormId {
                    }

                    .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .moreFg {
                        position: absolute;
                        right: 10px;
                        top: 75px;
                    }

                    .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .deleteNorm {
                        width: 17px;
                        height: 17px;
                        display: inline-block;
                        background-position: -97px -318px;
                        cursor: pointer;
                        position: absolute;
                        right: 8px;
                        top: 8px;
                    }

                    .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .moreFg .fGExpand {
                        color: #03af80;
                        height: 16px;
                        line-height: 16px;
                        position: relative;
                        cursor: pointer;
                        padding-right: 16px;
                    }

                        .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .moreFg .fGExpand i {
                            width: 0;
                            height: 0;
                            border-top: 5px solid #03af80;
                            border-right: 5px solid transparent;
                            border-left: 5px solid transparent;
                            position: absolute;
                            right: 0px;
                            top: 8px;
                        }

                        .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .moreFg .fGExpand em {
                            width: 0;
                            height: 0;
                            border-right: 5px solid transparent;
                            border-bottom: 5px solid #03af80;
                            border-left: 5px solid transparent;
                            position: absolute;
                            right: 0px;
                            top: 8px;
                        }

.normList {
    width: 100%;
    height: auto;
    margin: 0 -10px;
    height: 52px;
    padding-top: 20px;
}

    .normList .col-md-2-self {
        float: left;
        width: 15%;
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .normList .col-md-2-self .inNormBox {
            padding: 0;
        }

            .normList .col-md-2-self .inNormBox .nHdTxt {
                line-height: 22px;
            }

                .normList .col-md-2-self .inNormBox .nHdTxt i {
                    color: #f00;
                }

            .normList .col-md-2-self .inNormBox .normText input {
                width: 100%;
                height: 30px;
                border: solid 1px #ccc;
                padding: 0 5px;
                line-height: 30px;
                border-radius: 2px;
                box-sizing: border-box;
            }

                .normList .col-md-2-self .inNormBox .normText input:focus {
                    border: solid 1px #03af80;
                }

.mCInBox .formGroupBox .featuresBox {
    height: auto;
}

    .mCInBox .formGroupBox .featuresBox .featuresList {
        margin-bottom: 5px;
    }

        .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn {
            display: inline-block;
            box-sizing: border-box;
        }

            .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li {
                display: inline-block;
                margin-right: 10px;
                box-sizing: border-box;
            }

                .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button {
                    border: solid 1px #ccc;
                    display: inline-block;
                    background-color: #fff;
                    border-radius: 2px;
                    padding: 4px 10px 4px 8px;
                    color: #999;
                    cursor: pointer;
                }

                    .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button:hover {
                        background-color: #e8fff9;
                    }

                    .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button i {
                        width: 12px;
                        height: 12px;
                        display: inline-block;
                        vertical-align: middle;
                        background-position: -114px -318px;
                        margin-right: 2px;
                    }

                    .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button.butChecked {
                        border: solid 1px #03af80;
                        color: #03af80;
                    }

                        .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button.butChecked i {
                            background-position: -126px -318px;
                        }


        .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip, .mCTimeBox .mCTimeHd .featuresTip {
            display: inline-block;
        }

            .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip a, .mCTimeBox .mCTimeHd .featuresTip a {
                padding: 2px 3px;
                border: solid 1px #03af80;
                display: inline-block;
                color: #03af80;
                font-size: 12px;
                border-radius: 3px;
                cursor: pointer;
            }

                .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip a:hover, .mCTimeBox .mCTimeHd .featuresTip a:hover {
                    background-color: #e8fff9;
                }

                .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip a i, .mCTimeBox .mCTimeHd .featuresTip a i {
                    width: 12px;
                    height: 12px;
                    display: inline-block;
                    margin-right: 2px;
                    vertical-align: middle;
                }

                .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip a.featuresIco i {
                    background-position: -138px -318px;
                }

    .mCInBox .formGroupBox .featuresBox .featuresTxt {
        font-size: 12px;
        color: #999;
        padding-top: 5px;
    }


.mCFormGroup {
    position: relative;
    padding: 10px;
    height: 80px;
}

    .mCFormGroup .deleteNorm {
        width: 17px;
        height: 17px;
        display: inline-block;
        background-position: -97px -318px;
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 8px;
    }

    .mCFormGroup .pTextinput {
        width: 100%;
        height: 30px;
        border: solid 1px #ccc;
        padding: 0 5px;
        line-height: 30px;
        border-radius: 2px;
        box-sizing: border-box;
    }

        .mCFormGroup .pTextinput:focus {
            border: solid 1px #03af80;
        }

    .mCFormGroup .propertyLeft {
        width: 16%;
        float: left;
    }

        .mCFormGroup .propertyLeft .propertyInDiv {
            padding: 0 20px;
            margin: 0 -20px;
        }

    .mCFormGroup .propertyRigth {
        width: 70%;
        float: left;
        padding: 0 10px 0 20px;
    }

        .mCFormGroup .propertyRigth .propertyInItem {
            width: 20%;
            float: left;
            margin-bottom: 15px;
        }

            .mCFormGroup .propertyRigth .propertyInItem .propertyInDiv {
                padding: 0 10px;
            }


.mCTimeBox {
    width: 100%;
}

    .mCTimeBox .mCTimeHd {
        margin-bottom: 10px;
    }

        .mCTimeBox .mCTimeHd .mCTimeTag {
            display: inline-block;
        }

            .mCTimeBox .mCTimeHd .mCTimeTag li {
                display: inline-block;
                height: 32px;
                line-height: 32px;
                margin-right: 15px;
            }

                .mCTimeBox .mCTimeHd .mCTimeTag li input {
                    float: left;
                    margin: 11px 2px 0 0;
                }

        .mCTimeBox .mCTimeHd .featuresTip {
            height: auto;
            line-height: none;
        }

            .mCTimeBox .mCTimeHd .featuresTip a.featuresIco i {
                background-position: -138px -318px;
            }

.customConBox {
}

.customTime {
}

.customDateHd {
    height: 30px;
    line-height: 30px;
}

    .customDateHd label {
        float: left;
        margin-right: 12px;
    }

        .customDateHd label input {
            float: left;
            margin: 10px 4px 0 0;
        }

.customDateBox {
}

    .customDateBox td {
        padding: 10px 0;
    }

        .customDateBox td.w100 {
            width: 100px;
            text-align: center;
            line-height: 32px;
        }

        .customDateBox td .timeText2 {
            border-color: #ccc;
            border-radius: 2px;
        }

        .customDateBox td .deleteNorm {
            width: 17px;
            height: 17px;
            display: inline-block;
            background-position: -97px -318px;
            cursor: pointer;
            vertical-align: middle;
            margin-left: 15px;
        }

.descriptionText textarea {
    border: solid 1px #ccc;
    border-radius: 3px;
    width: 420px;
    height: 80px;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    resize: none;
}

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

.mCConBut {
    text-align: center;
}

.cMPromptTxts {
    line-height: 22px;
    font-size: 12px;
    padding: 5px 15px;
}

.promptTxtTips.cMPromptTxt, .promptTxtTips.cMPromptTxt2 {
    width: auto;
    margin-left: 0px;
    background-color: #fff;
    font-size: 12px;
    display: none;
}

.categoryTitle .categoryButBox button i, .inputGroupAddon i, .productCard .productCardIn .productDesWrapper .product-opr-single .product-opr-edit a i, .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortExpand, .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .sDeleteIco, .sortLayerBox .sortLayerIn .sortListBox .sortItem .sortName .sortNameIn .sDragIco, .propertyList li .product-attr-delete i, .specInBox .specTable td .czIco, .mCInBox .formGroupBox .fGImgBox .img-delete, .mCInBox .formGroupBox .fGNormWrap .fGNormItem .fGNormInBox .deleteNorm, .mCInBox .formGroupBox .featuresBox .featuresList .featuresIn li button i, .mCInBox .formGroupBox .featuresBox .featuresList .featuresTip a i, .mCFormGroup .deleteNorm, .mCTimeBox .mCTimeHd .featuresTip a i, .customDateBox td .deleteNorm {
    background-image: url(../images/png.png);
    background-repeat: no-repeat;
}


@media screen and (max-width:1500px) {
    .memberDlEdit {
        padding-left: 180px;
    }

        .memberDlEdit dt {
            width: 180px;
            margin-left: -180px;
        }

    .txtEditBox li {
        padding: 0 0 0 92px;
    }

        .txtEditBox li em {
            margin-left: -92px;
        }

        .txtEditBox li .editTxtIn {
            width: 210px;
        }

            .txtEditBox li .editTxtIn input {
                width: 140px;
            }
}

@media screen and (max-width:1400px) {
    .userInBox .totalData li:first-child div {
        padding-left: 6px;
    }

    .userInBox .totalData li div {
        padding-left: 8px;
        font-size: 12px;
    }

        .userInBox .totalData li div span {
            font-size: 16px;
        }

    .userInBox .totalData li .markIco {
        padding-left: 20px;
    }

    .memberDlEdit {
        padding-left: 170px;
    }

        .memberDlEdit dt {
            width: 170px;
            margin-left: -170px;
        }

    .txtEditBox li {
        padding: 0 0 0 88px;
    }

        .txtEditBox li em {
            margin-left: -88px;
        }

        .txtEditBox li .editTxtIn {
            width: 180px;
        }

            .txtEditBox li .editTxtIn input {
                width: 140px;
            }
}

@media screen and (max-width:1300px) {
    .userInBox .totalData li:first-child div {
        padding-left: 4px;
    }

    .userInBox .totalData li div {
        padding-left: 6px;
    }

        .userInBox .totalData li div span {
            font-size: 14px;
        }

    .memberDlEdit {
        padding-left: 160px;
    }

        .memberDlEdit dt {
            width: 160px;
            margin-left: -160px;
        }

    .txtEditBox li {
        padding: 0 0 0 78px;
    }

        .txtEditBox li em {
            margin-left: -78px;
        }

        .txtEditBox li .editTxtIn {
            width: 150px;
        }

            .txtEditBox li .editTxtIn input {
                width: 130px;
            }
}

@media screen and (max-width:1200px) {
    .memberDlEdit {
        padding-left: 160px;
    }

        .memberDlEdit dt {
            width: 160px;
            margin-left: -160px;
        }

    .txtEditBox li {
        padding: 0 0 0 72px;
    }

        .txtEditBox li em {
            margin-left: -72px;
        }

        .txtEditBox li .editTxtIn {
            width: 125px;
        }

            .txtEditBox li .editTxtIn input {
                width: 105px;
            }
}


/**/
.giftWrap {
}

    .giftWrap .timeText2 {
        border-color: #ccc;
    }

.dateEmTxt {
    padding: 0 9px;
    color: #999;
}

.mActivityBox {
    width: 100%;
}

    .mActivityBox .mActivityHd {
        margin-bottom: 10px;
    }

        .mActivityBox .mActivityHd .mActivityTag {
            display: inline-block;
        }

            .mActivityBox .mActivityHd .mActivityTag li {
                display: inline-block;
                height: 32px;
                line-height: 32px;
                margin-right: 30px;
            }

                .mActivityBox .mActivityHd .mActivityTag li input {
                    float: left;
                    margin: 11px 2px 0 0;
                }

                .mActivityBox .mActivityHd .mActivityTag li .setTxt {
                    display: none;
                    margin-left: 20px;
                    color: #03af80;
                }

                .mActivityBox .mActivityHd .mActivityTag li.on .setTxt {
                    display: inline-block;
                }

.mActivityConBox .memberText {
}

.typesOfBox {
    width: 100%;
}

    .typesOfBox label {
        vertical-align: top;
        display: block;
        float: left;
        margin-right: 30px;
        line-height: 30px;
        cursor: pointer;
    }

        .typesOfBox label input {
            float: left;
            margin: 10px 4px 0 0;
        }

.mStoreBox {
    width: 100%;
}

    .mStoreBox .mStoreHd {
        margin-bottom: 10px;
    }

        .mStoreBox .mStoreHd .mStoreTag {
            display: inline-block;
        }

            .mStoreBox .mStoreHd .mStoreTag li {
                height: 32px;
                line-height: 32px;
                margin-right: 30px;
            }

                .mStoreBox .mStoreHd .mStoreTag li input {
                    float: left;
                    margin: 11px 2px 0 0;
                }

                .mStoreBox .mStoreHd .mStoreTag li .storeBut {
                    display: none;
                    margin-left: 20px;
                    color: #03af80;
                }

                .mStoreBox .mStoreHd .mStoreTag li.on .storeBut {
                    display: inline-block;
                }

.customDateBox.storeWrap {
}

    .customDateBox.storeWrap td {
        padding: 0 0 10px;
    }

    .customDateBox.storeWrap .selectBoxs {
        margin: 0 20px;
    }

    .customDateBox.storeWrap td .txtPa1 input {
        margin: 0 6px;
    }

    .customDateBox.storeWrap td .txtPa2 input {
        margin-left: 6px;
    }

/* 上下按钮的图片排序用，参考/KMWeixin_Beta/AllOf/Food/CookEdit页面 */
.iconsort {
    background: url(../Images/UpAndDownArrow.png);
    width: 13px;
    height: 16px;
    display: inline-block;
    cursor: pointer
}

    .iconsort.up {
        background-position-y: 0px;
        margin-right: 6px
    }

    .iconsort.down {
        background-position-y: 38px;
        margin-left: 6px
    }

table tbody tr:first-child .iconsort.up {
    background-position-y: -21px
}

table tbody tr:last-child .iconsort.down {
    background-position-y: 16px
}

.filterArea select {
    padding: 0.3em;
    width: 120px;
    color: #333;
    text-align: left;
    border: 1px solid #cccccc;
    border-radius: 4px
}

.center {
    text-align: center;
}

span.delete a {
    color: #ff0000 !important;
}

.js_ticket_show_butCom { border-radius: 2px; text-align: center; border: solid 1px #03af80; color: #03af80; background-color: #fff; cursor: pointer; padding: 4px 10px }
#day_container li{padding: 0 40px 0 22px;height: 32px;line-height: 32px;float: left; margin: 15px 20px 0 0;background-color: #f4f4f4;}