body {
    background: #f0f2f5;
}

.header-nav {
    padding: 0 30px;
    background: #fff;
    box-shadow: 0 10px 25px #e7ecf5
}

    .header-nav ul li {
        float: left;
        padding: 20px 40px;
        cursor: pointer;
    }

        .header-nav ul li:hover {
            background: #edf3ff;
        }

            .header-nav ul li:hover a {
                color: #4b89ff;
            }

        .header-nav ul li a {
            color: #485775;
        }

            .header-nav ul li a i {
                font-size: 18px;
                margin-right: 5px;
                position: relative;
                top: 2px;
            }

        .header-nav ul li.nav-active {
            background: #edf3ff;
            box-shadow: 0 -3px 0 #4b89ff inset;
        }

            .header-nav ul li.nav-active a {
                color: #4b89ff;
            }

.ex-wrapper {
    padding: 165px 30px 30px 30px;
}

.product-list {
    background: #fff;
    padding: 20px;
}

.p-list-title i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #4a77ff;
    box-shadow: 8px 5px 12px #e0ebff;
    margin-right: 5px;
}

.p-list-title {
    font-size: 16px;
    color: #3a3a44;
    margin-bottom: 20px;
}

.product-table {
    text-align: center;
}

    .product-table thead tr {
        background: #f0f2f5;
    }

        .product-table thead tr th {
            text-align: center;
            font-weight: normal;
            color: #586887;
        }

            .product-table thead tr th:first-child, .product-table tbody tr td:first-child {
                text-align: left;
            }

        .product-table thead tr th, .product-list table tbody tr td {
            padding: 14px 0;
            border-bottom: 1px solid #e6eaef;
            padding-left: 20px;
        }

        .product-table thead tr th, .product-table tbody tr td {
            padding: 14px 0;
            border-bottom: 1px solid #e6eaef;
            padding-left: 20px;
        }

            .product-table tbody tr td a {
                color: #50658e;
            }

                .product-table tbody tr td a:hover {
                    color: #4b89ff;
                    text-decoration: underline;
                }

.pagination > .active > a {
    background-color: #4b89ff;
    border-color: #4b89ff;
}

.pagination > li > a, .pagination > li > span {
    color: #4b89ff;
}

.icon-question {
    color: #ffb54b;
    font-size: 16px;
    margin-left: 5px;
}

.charts-analysis {
    margin-top: 30px;
}

.charts-item {
    background: #fff;
    padding: 20px;
}

.shop-analy .iconfont {
    display: inline-block;
    vertical-align: middle;
}

.shop-analy .people-num {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

    .shop-analy .people-num span {
        color: #8d9098;
    }

    .shop-analy .people-num p {
        text-align: left;
        font-weight: bold;
        color: #343533;
        font-size: 24px;
    }

.shop-analy .icon-exposure {
    background: #edf1ff;
    color: #508cff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.shop-analy .icon-click {
    background: #f3fcef;
    color: #8adf60;
}

.shop-analy .icon-search {
    background: #fff9e5;
    color: #ffc000;
}

.shop-analy .icon-collection {
    background: #fff5f5;
    color: #ff8080;
}

.shop-analy .iconfont {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
}

.shop-analy .col-sm-6 {
    text-align: center;
    padding: 50px 0;
}

.shop-analy .left-before::before {
    width: 1px;
    height: 60px;
    background: #ebeef5;
    content: '';
    display: block;
    position: absolute;
}

.shop-analy .right-before::before {
    width: 1px;
    height: 60px;
    right: 0;
    background: #ebeef5;
    content: '';
    display: block;
    position: absolute;
}

.shop-analy .top-before::before {
    width: 60px;
    height: 1px;
    left: 50%;
    background: #ebeef5;
    content: '';
    display: block;
    position: absolute;
    top: 0;
}

.shop-analy .bottom-before::before {
    width: 60px;
    height: 1px;
    left: 50%;
    background: #ebeef5;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 25%;
}

.charts-title a {
    color: #5c6c96;
}

    .charts-title a i {
        color: #cad6df;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
    }


/* 产品标题优化 */
.optimization {
    margin-top: -10px;
}

.optimization-title {
    padding: 0px 0px 10px;
}

    .optimization-title .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        line-height: 40px;
    }

    .optimization-title .about {
        float: right;
    }

    .optimization-title span {
        color: #9ca5b7;
        display: inline-block;
        margin-right: 10px;
    }

    .optimization-title .info {
        cursor: pointer;
        display: inline-block;
        color: #485775;
        width: 180px;
        line-height: 40px;
        text-align: center;
        border-radius: 20px;
        background-color: #FFFFFF;
    }

.icons-point {
    background-position: -480px -586px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.optimization-condition {
    margin-bottom: 20px;
}

    .optimization-condition dl dt, .optimization-condition dl dd {
        font-weight: normal;
        float: left;
        margin-right: 10px;
        line-height: 40px;
    }

        .optimization-condition dl dd button {
            position: relative;
            top: -1px;
        }

        .optimization-condition dl dd.no-space {
            margin-right: -2px;
        }

.form-control {
    height: 40px;
}

.btn-primary {
    border-color: #4b89ff;
    background-color: #4b89ff;
    border-radius: 2px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}

    .btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        border-color: #1b68fa;
        background-color: #1b68fa;
    }

.btn-default {
    border-radius: 2px;
    padding: 0px 15px;
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    height: 40px;
    line-height: 40px;
}

.w220 {
    width: 220px;
}

.optimization-condition dl .action {
    margin-left: 20px;
}

.o-title {
    max-width: 425px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-title {
    color: #4b89ff !important;
    display: inline-block;
    margin: 0px 5px;
}

    .link-title:hover {
        text-decoration: none !important;
    }

@media (min-width: 1366px) and (max-width: 1440px) {
    .o-title {
        max-width: 240px;
    }

    .product-table thead tr th, .product-table tbody tr td {
        padding-left: 5px;
    }

    .product-table thead tr th, .product-list table tbody tr td {
        padding-left: 5px;
    }

        .product-table thead tr th:first-child, .product-table tbody tr td:first-child {
            padding-left: 10px;
        }

        .product-table thead tr th:first-child, .product-list table tbody tr td:first-child {
            padding-left: 10px;
        }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .o-title {
        max-width: 100px;
    }

    .product-table thead tr th:first-child, .product-table tbody tr td:first-child {
        padding-left: 10px;
    }

    .product-table thead tr th:first-child, .product-list table tbody tr td:first-child {
        padding-left: 10px;
    }
}
/* 表单 */
.form {
    padding: 25px 30px 65px;
}

    .form .form-group {
        position: relative;
        margin-bottom: 20px
    }

        .form .form-group:after {
            clear: both;
            display: block;
            content: ""
        }

        .form .form-group .unit {
            position: absolute;
            top: 0;
            right: 10px;
            z-index: 100
        }

    .form .form-title {
        float: left;
        display: block;
        margin: 0;
        padding-right: 10px;
        width: 120px;
        color: #333;
        text-align: right;
        font-weight: 400;
        line-height: 40px
    }

    .form .form-input {
        position: relative;
        margin-left: 120px;
        line-height: 40px
    }

    .form .form-control {
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
    }

    .form .form-info {
        color: #ff0000;
    }

.single-line .form-input {
    margin-left: 0px;
}

.form-action {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: right;
}

    .form-action button {
        margin-left: 15px;
        padding: 0px 25px;
        height: 40px;
        line-height: 40px;
    }

    .form-action input[type=submit] {
        padding: 0px 25px;
    }

.layui-layer-btn a {
    padding: 0px 25px;
    height: 34px;
    line-height: 34px;
}

.attention {
    color: #5c5c66;
}

    .attention i {
        font-style: normal;
        color: #999;
    }

.portrait-btn a {
    background: #f7fafc;
    border-radius: 20px;
    padding: 5px 15px;
    color: #3a3a44;
}

    .portrait-btn a + a {
        margin-left: 10px;
    }

    .portrait-btn a:hover {
        background: #e4eaf2;
    }

    .portrait-btn a.portrait-active {
        background: #81acff;
        color: #fff;
    }
/*底部*/
.footer {
    background: #fff;
    color: #85898b;
    font-size: 13px;
    text-align: center;
    height: 70px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e8e8e8;
    line-height: 70px;
}
/*商品信息*/
.crumbs {
    margin-bottom: 20px;
    color: #4a4a4d;
}

    .crumbs a {
        color: #6999fe;
    }

        .crumbs a:hover {
            color: #4280f8;
        }

.info-details h2 {
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.goods-info {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 20px;
}

    .goods-info .info-type {
        color: #999;
        padding: 0 45px 0 25px;
        line-height: 30px;
    }

    .goods-info .goods-details {
        color: #333;
        line-height: 30px;
        width: 85%;
    }

        .goods-info .goods-details ul li + li {
            margin-top: 30px;
        }

.goods-form {
    padding-bottom: 0;
    height: 500px;
}
/*店铺访客*/
.visitor {
    margin-bottom: 30px;
}

    .visitor ul {
        margin: 0 -15px;
    }

    .visitor li {
        float: left;
        width: 25%;
    }

    .visitor .visitor-li {
        background: #fff;
        padding: 30px 40px;
        margin: 0 15px;
        border-radius: 3px;
    }


/* 直通车 */
.bg-write .wrapper {
    min-height: calc(100% - 0px);
    min-height: -webkit-calc(100% -0px);
    min-height: -moz-calc(100% -0px);
}

.wrapper {
    position: relative;
    min-height: calc(100% - 71px);
    min-height: -webkit-calc(100% -71px);
    min-height: -moz-calc(100% -71px);
}

.btn-write {
    border-radius: 2px;
    padding: 0px 15px;
    border: 1px solid #dedede;
    background-color: #FFFFFF;
    height: 40px;
    line-height: 40px;
}

.link-delete {
    color: #ff5959 !important;
    display: inline-block;
    margin: 0px 5px;
}

.p-title {
    max-width: 220px;
}

.form .form-group.min .form-input {
    margin-bottom: 0px;
    line-height: 20px;
}

.form .form-group.min .form-title {
    line-height: 20px;
}

.product-table .check-list {
    display: inline-block;
    width: 20px;
}

    .product-table .check-list label {
        margin: 0px;
        display: inline-block;
        width: 18px;
        height: 18px;
        padding: 0px;
    }

/*流量解析*/
.t-charts {
    width: 50%;
}

    .t-charts .optimization-condition {
        position: relative;
        z-index: 100;
    }

    .t-charts .drop-down {
        max-width: 300px;
    }

.t-table {
    width: 50%;
}

.product-table tbody .progress {
    height: 8px;
    margin-bottom: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-right: 20px;
}

.product-table tbody .progress-bar-warning {
    background: #ffa04b;
}

.product-table .progress-bar {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
}

.past-period {
    color: #586887;
    margin-top: 20px;
}

.t-table .product-table thead tr th {
    text-align: left;
}

.t-table .product-table tbody tr td:first-child {
    width: 348px;
}

.toshow-table {
    height: 490px;
    overflow-y: scroll;
}
/*暂无数据*/
.no-data {
    height: 430px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

    .no-data p {
        color: #b3b3b3;
        position: relative;
        top: 25%;
        margin-top: 20px;
    }

        .no-data p.iconfont {
            font-size: 100px;
            color: #dbdbdb;
        }
/*关键词*/
.k-form.form .form-title {
    width: 60px;
}

.k-form.form .form-input {
    margin-left: 60px;
    margin-right: 30px;
}

.export-excel .btn-primary {
    border: 1px solid #4b89ff;
    background-color: #fff;
    color: #4b89ff;
}

.optimization-condition dl .action.export-excel {
    margin-left: 0;
}

.arrow-sort {
    display: inline-block;
    position: absolute;
    margin-top: 7px;
    margin-left: 10px;
}

    .arrow-sort p {
        font-size: 12px;
        cursor: pointer;
        color: #abafb5;
    }

        .arrow-sort p:first-child {
            margin-top: -10px;
            position: absolute;
        }
/*直通车*/
.phone-select {
    margin-bottom: 30px;
}

    .phone-select a {
        background-color: #fff;
        border: 1px solid #acb0bb;
        color: #666666;
        border-radius: 5px;
    }

        .phone-select a i {
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

        .phone-select a + a {
            margin-left: 10px;
        }

        .phone-select a:hover {
            background: #fff;
        }

.phone-table.product-table thead tr th:first-child, .phone-table.product-table tbody tr td:first-child {
    text-align: center;
}

.phone-table {
    margin-bottom: 30px;
}

.product-table tbody tr td .link-look {
    color: #4b89ff;
    margin-right: 10px;
}

.product-table tbody.temporary-no tr td:first-child {
    text-align: center;
    color: #b3b3b3;
}

.unit-img {
    width: 77px;
    height: 77px;
    float: left;
    margin-right: 10px;
}

    .unit-img img {
        width: 100%;
        height: 100%;
    }

.unit-thead tr th:nth-child(2) {
    text-align: left;
}

.extension-unit tr td:nth-child(2) {
    width: 300px;
    text-align: left;
}

.extension-unit .p-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
/*地域选择弹窗*/
.district {
    width: 20%;
}

.r-select {
    padding: 20px 20px 0 20px;
}

.region-select {
    width: 80%;
}

    .region-select .check-list {
        float: left;
        margin-bottom: 10px;
    }

.r-select li {
    overflow: hidden;
    background: #f0f2f5;
    padding: 10px 10px 0 10px;
}

    .r-select li + li {
        margin-top: 10px;
    }
/*投放时间*/
.put-time {
    padding: 20px 20px 0 20px;
}

.add-put {
    border: 1px dashed #c9cdd6;
    color: #999;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
}

    .add-put i {
        margin-right: 5px;
    }

.select-time {
    padding: 20px;
}

    .select-time label {
        vertical-align: middle;
        margin-bottom: 0;
        font-weight: normal;
    }

.drop-time {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #c9cdd6;
    border-radius: 3px;
    padding: 8px 0;
    position: relative;
}

    .drop-time .drop-down {
        min-width: auto;
        width: 85px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        border: none;
        line-height: normal;
    }

        .drop-time .drop-down .drop-title span {
            padding-right: 15px;
        }

        .drop-time .drop-down:first-child {
            border-right: 1px solid #c9cdd6;
            border-radius: 0;
        }

        .drop-time .drop-down .drop-title {
            padding-right: 0;
        }

    .drop-time .icon-shijian {
        position: absolute;
        top: 0px;
        right: 5px;
        color: #c0c3cd;
    }

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

.custom .form-control {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
}

.custom input {
    border: 1px solid #c9cdd6;
    box-shadow: none;
    height: 38px;
}

.custom .radio-list label {
    margin: 0 3px 0 0;
}

.custom span {
    color: #ccc;
    margin-top: 4px;
}
/* 钻石展位 */
.optimization-title .small {
    font-size: 14px;
    color: #4a4a4d;
    font-weight: normal;
    line-height: 28px;
}

    .optimization-title .small span {
        color: #4a4a4d;
    }

.optimization-title a {
    color: #4b89ff;
}

.form.form-check .form-group {
    background-color: #f0f2f5;
    margin-bottom: 10px;
}

.orien_tab {
    border-bottom: 1px solid #cdd7dd;
    margin-bottom: 10px;
}

    .orien_tab a {
        display: block;
        float: left;
        line-height: 40px;
        padding: 0px 35px;
        color: #9a9aa9;
        position: relative;
        top: 1px;
    }

    .orien_tab .current {
        border: 1px solid #cdd7dd;
        border-bottom: 0px;
        background-color: #FFFFFF;
        color: #4b89ff;
    }

    .orien_tab a:hover {
        background-color: #f0f2f5;
    }

.c-orange {
    color: #ffa04b;
}

.p-form thead tr th, .p-form tbody tr td {
    padding: 9px 0;
    padding-left: 20px;
}

.form .bid-input {
    width: 75px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.form .s-name {
    color: #9a9aa9;
}

    .form .s-name i {
        font-style: normal;
    }

.form .s-unit {
    margin: 0px 10px;
}

.visitor-list li {
    width: 25%;
    float: left;
}

.visitor-list .item {
    position: relative;
    border: 1px solid #e6ebf4;
    margin: 0px 10px 20px;
    padding: 15px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.visitor-list h4 {
    color: #3a3a44;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.visitor-list h3 {
    margin-top: 10px;
    color: #faac06;
    font-size: 16px;
}

.visitor-list p {
    color: #8396bd;
    margin-top: 10px;
}

    .visitor-list p span {
        color: #3a3a44;
    }

.icons-check {
    position: absolute;
    background-size: 340px auto;
    background-position: -106px -285px;
    width: 40px;
    height: 36px;
    bottom: -1px;
    right: -1px;
    display: none;
}

.visitor-list {
    margin: 0px -10px;
}

    .visitor-list ul {
        max-height: 385px;
        overflow: hidden;
        overflow-y: auto;
    }

    .visitor-list li .active {
        border: 1px solid #4b89ff;
    }

        .visitor-list li .active .icons-check {
            display: block;
        }

.visitor-action .info {
    line-height: 40px;
    color: #9a9aa9;
}

.visitor-action .box {
    display: inline-block;
    background-color: #a6c5ff;
    color: #FFFFFF;
    min-width: 290px;
    padding: 0px 10px;
    margin-left: 10px;
}

    .visitor-action .box span {
        margin-right: 10px;
    }

.p-baby {
    max-height: 324px;
    overflow: hidden;
    overflow-y: auto;
}

    .p-baby .text-left {
        text-align: left !important;
    }

    .p-baby .o-title {
        max-width: 360px;
        text-align: left;
    }

.similar-baby {
    margin-bottom: 20px;
}

.radio-shop .form-title {
    width: 150px;
}

.radio-shop .form-input {
    margin-left: 150px;
}

.radio-shop .form-group {
    margin-bottom: 0px;
}

.radio-tab {
    margin-bottom: 15px;
    padding-left: 10px;
}

.baby-unit {
    max-height: 200px;
    overflow-y: scroll;
}

.diamond-table .o-title {
    max-width: none;
}

.diamond-table td:nth-child(2) {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 创意广告 */
.creative {
    padding: 60px 20px 40px;
    width: 90%;
    margin: auto;
}

    .creative .title {
        float: left;
        color: #3a3a44;
    }

    .creative .list {
        margin-left: 100px;
    }

        .creative .list ul li {
            float: left;
            margin: 0px 20px 20px 0px;
        }

        .creative .list .pic {
            position: relative;
            cursor: pointer;
            width: 160px;
            height: 160px;
            border: 1px solid #e9eef4;
        }

            .creative .list .pic.active {
                border-color: #2b8eef;
            }

            .creative .list .pic img {
                width: 100%;
                height: 100%;
            }

.icons-creative {
    position: absolute;
    background-position: -290px -170px;
    width: 30px;
    height: 30px;
    right: -10px;
    top: -10px;
    display: none;
}

.creative .list .pic.active .icons-creative {
    display: block;
}

.creative-action {
    text-align: center;
    padding: 80px 0px;
}

.similar-baby-check {
    padding: 10px 0px 0px 100px;
}

.b-detail p {
    margin: 4px 0px;
}
/* 客服 */
.service-wrap {
    padding: 100px 30px 0px;
}

.service-box {
    background-color: #FFFFFF;
}

.service-right {
    width: 525px;
    border-left: 1px solid #cdd6dc;
    float: right;
    height: 720px;
    padding: 20px 20px 0px;
}

.service-left {
    float: left;
    width: calc(100% - 525px);
    width: -webkit-calc(100% 525px);
    width: -moz-calc(100% -525px);
    padding: 20px;
}

.service-content {
    padding: 15px 0px 0px 25px;
}

.paragraph {
    color: #666672;
    margin-bottom: 25px;
    line-height: 25px;
    margin-right: 15px;
}

.service-panel {
    height: 600px;
    overflow: hidden;
}

.s-question {
    margin-bottom: 24px;
    margin-right: 15px;
}

    .s-question .theme {
        border: 1px solid #ff9812;
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 100%;
        color: #ff9000;
    }

        .s-question .theme span {
            font-size: 18px;
        }

        .s-question .theme i {
            font-style: normal;
            font-size: 12px;
        }

    .s-question .info {
        margin-left: 50px;
    }

    .s-question h5 {
        color: #3a3a44;
        font-size: 16px;
        position: relative;
        padding: 5px 0px;
        line-height: 25px;
        margin-bottom: 10px;
    }

        .s-question h5:after {
            display: block;
            content: "";
            clear: both;
            position: absolute;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background-color: #f0f2f5;
            height: 2px;
            z-index: 1;
        }

        .s-question h5:before {
            display: block;
            content: "";
            clear: both;
            position: absolute;
            left: 0px;
            bottom: 0px;
            background-color: #ff9812;
            height: 2px;
            width: 200px;
            border-right: 5px solid #FFFFFF;
            z-index: 10;
        }

    .s-question .box {
        background-color: #f5f8fc;
        color: #666672;
        position: relative;
        padding: 15px 15px 15px 45px;
        line-height: 22px;
        font-size: 14px;
    }

    .s-question h6 {
        font-size: 14px;
        position: absolute;
        top: 0px;
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
        left: 0px;
        bottom: 0px;
        width: 30px;
        background-color: #9dbfff;
        display: flex;
        justify-content: center;
        align-items: center;
        writing-mode: tb-rl
    }

.s-reply {
    background-color: #f0f2f5;
    line-height: 20px;
    padding: 10px;
    color: #c4a377;
    font-size: 13px;
}

    .s-reply span {
        color: #333333;
        font-size: 15px;
        margin-right: 5px;
    }

.s-textarea {
    margin: 20px 0px;
}

    .s-textarea .form-control {
        height: 130px;
    }

.s-condition .title {
    float: left;
    line-height: 40px;
}

.s-condition .s-select {
    margin: 0px 120px 0px 80px;
}

.s-condition .s-action {
    float: right;
}

    .s-condition .s-action button {
        width: 100px;
    }

.s-select .add-group {
    color: #4b89ff;
}

.s-select .txt {
    background: transparent;
    border: 0px;
    border-left: 1px solid #4b89ff;
    height: 22px;
    line-height: 22px;
    width: 100%;
    text-indent: 5px;
}

    .s-select .txt[readonly=readonly] {
        border: 0px;
    }

.s-reply-theme {
    margin-top: 20px;
    background-color: #f0f2f5;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 6px;
}

    .s-reply-theme .drop-down {
        border: 0px;
        min-width: 160px;
    }

        .s-reply-theme .drop-down .icons.icons-arrow {
            background-position: -218px -368px;
        }

.s-reply-list {
    height: 360px;
    overflow: hidden;
}

.icnos-replay {
    background-position: -488px -624px;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 20px;
}

.s-reply-list li {
    padding: 9px 20px 9px 40px;
    line-height: 20px;
    color: #666672;
    font-size: 13px;
    position: relative;
}

    .s-reply-list li:hover {
        background-color: #e5eeff;
    }

.s-reply-list a {
    display: inline-block;
    border: 1px solid #c9cdd6;
    margin-left: 2px;
    padding: 1px 8px;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #666666;
}

    .s-reply-list a:hover {
        border-color: #4b89ff;
        color: #4b89ff;
    }

.s-reply-list .iconfont {
    font-size: 15px;
}

.service-action {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .service-wrap {
        padding: 90px 20px 0px;
    }

    .service-left {
        padding: 15px;
    }

    .service-right {
        padding: 15px 15px 0px;
        height: 660px;
    }

    .s-textarea {
        margin: 15px 0px;
    }

    .s-reply-theme {
        margin-top: 15px;
    }

    .s-question {
        margin-bottom: 10px;
    }

    .paragraph {
        margin-bottom: 15px;
    }

    .service-content {
        padding-left: 15px;
    }

    .service-action {
        padding: 15px 0px;
    }

    .service-panel {
        height: 540px;
    }

    .s-reply-list {
        height: 330px;
    }

    .s-textarea .form-control {
        height: 100px;
    }
}


/*新建推广单元*/
.text-orange {
    color: #ff9000;
}

.unit-button {
    margin-bottom: 20px;
}

    .unit-button .btn-default {
        border: 1px solid #4b89ff;
        color: #4b89ff;
    }

    .unit-button a {
        margin-left: 10px;
    }

.step-navi {
    width: 50%;
    background-image: linear-gradient(to right, #5fbeff 0%, #689aff 100%);
    margin-top: -20px;
    text-align: center;
    padding: 15px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    .step-navi ul li {
        display: inline-block;
        margin: 0 auto;
        color: #fff;
    }

        .step-navi ul li b {
            background: #c1deff;
            width: 30px;
            height: 30px;
            display: block;
            border-radius: 50%;
            line-height: 30px;
            font-size: 18px;
            margin: 0 auto;
            font-weight: normal;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        .step-navi ul li span {
            width: 36px;
            height: 36px;
            display: block;
            border-radius: 50%;
            border: 1px solid #fff;
            margin: 0 auto;
        }

        .step-navi ul li p {
            margin-top: 5px;
        }

        .step-navi ul li i {
            display: block;
            width: 200px;
            height: 1px;
            border-top: 1px solid #c1deff;
            position: relative;
            top: -34px;
        }

.unit-table {
    margin-top: 50px;
    padding-top: 70px;
}

.step-navi ul li .current-s {
    background: #fff;
    color: #60b9ff;
}

/*新建推广单元-创意宝贝*/
.warning-strip {
    background: #fffbf0;
    border: 1px solid #fff0c2;
    color: #555e64;
    padding: 8px 10px;
    width: 82%;
    margin: 0 auto;
    margin-bottom: 30px;
}

    .warning-strip i {
        margin-right: 10px;
        color: #ffc000;
    }

.select-product {
    width: 82%;
    margin: 0 auto;
    padding: 0 40px;
}

.p-info {
    border: 1px solid #cdd7dd;
    width: 220px;
    padding: 8px;
    color: #3a3a44;
    float: left;
    margin-bottom: 20px;
}

    .p-info img {
        width: 100%;
        height: 100%;
    }

    .p-info p {
        margin-top: 10px;
    }

    .p-info .text-orange {
        font-weight: bold;
    }

.s-originality {
    margin-top: 20px;
    margin-left: 250px;
}

    .s-originality label {
        float: left;
        font-weight: normal;
        margin-right: 10px;
    }

    .s-originality .edit-title {
        margin-top: 30px;
        width: 80%;
    }

        .s-originality .edit-title label {
            margin-top: 10px;
        }

        .s-originality .edit-title input {
            padding: 8px 20px;
            border: 1px solid #c9cdd6;
            border-radius: 3px;
            width: 100%;
            margin: 20px 0;
        }

.icon-around p {
    width: 35px;
    height: 35px;
    background: #f0f2f5;
    text-align: center;
    line-height: 35px;
    color: #d1d4d8;
    cursor: pointer;
    margin-left: 40%;
}

    .icon-around p:first-child {
        margin-top: 58px;
    }

    .icon-around p + p {
        margin-top: 10px;
    }

.select-product ul li {
    overflow: hidden;
}

    .select-product ul li + li {
        border-top: 1px dashed #e1e7f0;
        padding-top: 20px;
    }

.s-originality .tips {
    color: #a8b3c9;
}

.s-originality .edit-title .text-orange {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #ff9000;
    margin-right: 5px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .s-originality {
        width: 70%;
    }
}
/*关键词设置*/
.key-setting {
    margin: 0px -10px 0px;
}

    .key-setting .p-info {
        float: left;
        cursor: pointer;
        width: calc(10% - 20px);
        width: -webkit-calc(10% - 20px);
        width: -moz-calc(10% - 20px);
        margin: 0px 10px 20px;
    }

        .key-setting .p-info:hover {
            box-shadow: 0 0 10px #E2E2E2;
        }
        /* .key-setting .p-info + .p-info{ margin-left: 30px;} */
        .key-setting .p-info.key-active {
            border: 1px dashed #93c1ee;
            background: #f3f9ff;
        }

.optimization-key i {
    font-size: 14px;
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .key-setting .p-info {
        width: calc(20% - 20px);
        width: -webkit-calc(20% - 20px);
        width: -moz-calc(20% - 20px);
    }
}
/*新建关键词*/
.inventory {
    width: 390px;
    background: #f5f7fa;
    padding: 20px;
}

    .inventory h3 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-left: -10px;
    }

.input-key {
    height: 400px;
    position: relative;
    overflow-y: scroll;
    background: #ebeff5;
    padding-left: 40px;
}

    .input-key div {
        background: #fff;
        line-height: 28px;
        padding: 0 20px 30px 0;
        min-height: 400px;
    }

.z-box {
    position: relative;
}

.tip-wrapper {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    line-height: 30px;
    padding: 0px 10px;
    display: block;
    margin: 0px;
    font-weight: normal;
    background-color: #dee9ff;
    color: #999999;
}

.inventory .select-time {
    background: #fff;
    margin-top: 10px;
}

    .inventory .select-time .form-inline {
        margin-bottom: 10px;
    }

.keyword-search {
    float: none !important;
    margin-left: 415px;
}

    .keyword-search .product-table td:first-child:hover {
        color: #ffa04b;
        cursor: pointer;
    }

.k-search-li {
    margin-bottom: 10px;
    width: 345px;
}

    .k-search-li ul li {
        float: left;
        padding: 14px 30px;
        cursor: pointer;
    }

        .k-search-li ul li + li {
            margin-left: 10px;
        }

    .k-search-li ul li {
        border: 1px solid #cdd7dd;
        border-bottom: none;
    }

        .k-search-li ul li.k-search-active {
            background: #f0f2f5;
        }

.search-btn {
    position: relative;
    border: 1px solid #c9cdd6;
    height: 41px;
}

    .search-btn input {
        padding: 9px 15px;
        border: none;
        width: 75%;
    }

    .search-btn button {
        position: absolute;
        right: 0;
        border-radius: 0;
        border: none;
    }

    .search-btn input::-webkit-input-placeholder {
        color: #ccc;
    }

    .search-btn input::-moz-placeholder {
        color: #ccc;
    }

.keyword-search .product-table .icon-xiangxiajiantou {
    color: #d3d7dd;
    font-size: 14px;
    margin-left: 5px;
}

    .keyword-search .product-table .icon-xiangxiajiantou.arrow-b {
        color: #518dff;
    }

.keyword-search .product-table tbody .progress {
    width: 40px;
    margin: 0 auto;
}

.already-added span {
    color: #9797a6;
    display: inline-block;
    width: 40px;
    text-align: center;
    margin-right: 10px;
    background: #ebeff5;
    position: relative;
    margin-left: -40px;
}

.keyword-search .optimization-condition {
    margin-top: 20px;
}

    .keyword-search .optimization-condition button {
        margin-right: 20px;
        color: #666;
    }

        .keyword-search .optimization-condition button i {
            position: relative;
            top: 2px;
        }

    .keyword-search .optimization-condition .radio {
        margin: 0;
    }

.center-btn {
    text-align: center;
    position: relative;
    top: 20px;
}

.inventory .form-inline .radio label {
    padding-left: 26px;
}


/*推广宝贝*/
.baby-info-details {
    min-height: 650px;
}

.baby-info {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

    .baby-info img {
        width: 100px;
        height: 100px;
        border: 1px solid #c9cdd6;
        float: left;
    }

.baby-detail {
    margin-left: 10px;
    font-size: 15px;
}

.baby-parice {
    margin-top: 20px;
}

.baby-nav {
    margin-bottom: 20px;
}

    .baby-nav .nav-tabs > li > a {
        color: #9a9aa9;
    }

    .baby-nav .nav-tabs > li.active > a {
        color: #4b89ff;
    }
/*设置标签样式*/
.lables {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: #e7e7e7;
}

    .lables.core {
        background: #a5bdf1;
    }

    .lables.optimize {
        background: #ff897a;
    }

    .lables.akey {
        background: #c7e591;
    }

.s-lables {
    padding: 20px;
}

    .s-lables div + div {
        margin-top: 10px;
    }
/*添加精选人群*/
.form .add-people .bid-input {
    width: 100px;
}

.add-people {
    display: none;
}

.add-people-show {
    display: inline-table;
}
/*自定义人群*/
.custom-people .form-group {
    margin-bottom: 15px;
}

.custom-people .check-list {
    display: inline-block;
}

.custom-people .form-title {
    width: auto;
}

.custom-people .form-input {
    display: inline-block;
    margin-left: auto;
}

.custom-people .form-group input {
    display: inline-block;
}

.overcrowding {
    background: #f0f2f5;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.people-numberx p {
    font-size: 14px;
    line-height: 35px;
}

.people-numberx b {
    font-size: 50px;
    position: relative;
    top: 10px;
    margin: 0 80px;
}

.people-numberx i {
    font-size: 80px;
    color: #c0c5cc;
    position: absolute;
    right: 20px;
    line-height: 70px;
}

.overcrowding {
    position: relative;
}

    .overcrowding .add-tips {
        font-size: 10px;
        color: #c3c3c3;
        margin-top: 20px;
    }

.custom-crowd {
    width: 100%;
}

.origin-img {
    width: 330px;
    margin-left: -10px;
    margin-right: 60px;
}

.origin-info {
    width: 225px;
    padding: 10px 20px;
}

    .origin-info p.text-orange {
        text-align: center;
    }

.orgin-edit {
    margin-left: 20px;
    width: 63%;
}

    .orgin-edit p {
        font-size: 13px;
        color: #999;
        margin-top: 10px;
    }

.select-img-title {
    margin-bottom: 20px;
}

.orgin-edit .form-control {
    height: auto;
    line-height: normal;
    border-color: #cdd7dd;
}

.orgin-title {
    margin-bottom: 20px;
}

.ranking-query {
    text-align: center;
    min-height: 680px;
}

    .ranking-query h2 {
        font-size: 72px;
        color: #edf3ff;
        font-weight: bold;
        margin-top: 8%;
    }

    .ranking-query p {
        font-size: 36px;
        font-weight: bold;
        color: #4b89ff;
        position: relative;
        top: -40px;
    }

.r-search.search-btn {
    margin: 0 auto;
    width: 36%;
}

    .r-search.search-btn input {
        width: 99%;
    }

.ranking-list {
    width: 1405px;
    margin: 0 auto;
    margin-top: 20px;
}

.r-left-list {
    width: calc(100% - 280px);
    width: -webkit-calc(100% -280px);
    width: -moz-calc(100% -280px);
}

.r-list-detail ul {
    margin-left: -20px;
    border-right: 1px solid #e1e7f0;
    padding-right: 10px;
}

.r-list-detail li {
    width: calc(25% - 20px);
    width: -webkit-calc(25% -20px);
    width: -moz-calc(25% -20px);
    border: 1px solid #cdd7dd;
    float: left;
    margin: 0px 10px 20px;
    position: relative;
    height: 391px;
}

.business {
    margin: 0px -10px;
}

    .business p {
        border-bottom: 1px solid #cdd7dd;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

.r-list-detail li:hover {
    box-shadow: 0 0 5px #ccc;
}

.r-list-detail li img {
    width: 100%;
    height: 264px;
}

.r-list-info {
    padding: 10px;
}

.r-list-detail .r-list-info strong {
    font-size: 18px;
}

.r-list-info i {
    font-style: normal;
    float: right;
    font-size: 14px;
    color: #999;
}

.r-list-detail .r-list-info p {
    color: #666;
    margin: 10px 0;
    position: relative;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.r-list-detail .r-list-info span {
    border: 1px solid #ff9711;
    color: #ff9711;
    padding: 0 4px;
    border-radius: 3px;
}

.shop-hot {
    width: 245px;
    position: relative;
    margin-left: 25px;
}

    .shop-hot img {
        width: 100%;
        height: 245px;
    }

    .shop-hot h4 {
        font-size: 16px;
        color: #4a4a4d;
        border-bottom: 1px solid #e1e7f0;
        padding-bottom: 10px;
    }

.best-sellers {
    border: 1px solid #cdd7dd;
    margin-top: 10px;
    position: relative;
}

.best-title {
    position: absolute;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    display: none;
}

.my-icon {
    width: 85px;
    height: 30px;
    background-image: url(../images/icon.png);
    background-position: -229px -224px;
    display: block;
    position: absolute;
    left: -7px;
    top: 8px;
}

.r-left-list .pagination {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.r-nodata {
    border-bottom: 0;
}

.business .r-list-detail li {
    width: 20%;
    width: calc(20% - 20px);
    width: -webkit-calc(20% - 20px);
    width: -moz-calc(20% - 20px);
    list-style-type: none;
}

.business p {
    border-bottom: 1px solid #cdd7dd;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .ranking-list {
        width: 100%;
    }

    .r-list-detail li {
        width: calc(33% - 20px);
        width: -webkit-calc(33% -20px);
        width: -moz-calc(33% -20px);
    }

        .r-list-detail li img {
            width: 100%;
            height: 224px;
        }

    .r-list-detail ul {
        margin-left: 0px;
    }

    .r-list-detail .r-list-info p {
        font-size: 13px;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .ranking-list {
        width: 100%;
    }

    .r-list-detail li {
        width: calc(25% - 20px);
        width: -webkit-calc(25% -20px);
        width: -moz-calc(25% -20px);
    }

        .r-list-detail li img {
            height: 220px;
        }

    .r-list-detail .r-list-info p {
        font-size: 13px;
    }
}
/*首页*/
.index-bk {
    background: url(../images/bk-index.png) no-repeat;
    min-height: 100%;
}

    .index-bk .header {
        background-color: transparent;
    }

.index-text {
    padding-top: 8%;
    text-align: center;
}

    .index-text h2 {
        font-size: 72px;
        color: #589afe;
        font-weight: 600;
    }

    .index-text p {
        font-size: 36px;
        color: #fffefe;
        position: relative;
        top: -40px;
        font-weight: 600;
    }

.index-list {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

    .index-list ul {
        display: inline-block;
    }

.index-text span {
    font-size: 16px;
    color: #b8d1ff;
    position: relative;
    top: -20px;
}

.index-list ul li {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    width: 280px;
    padding: 40px 0 30px 0;
    float: left;
}

    .index-list ul li + li {
        margin-left: 30px;
    }

    .index-list ul li p {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
    }

    .index-list ul li span {
        color: #95a1b7;
        display: block;
        margin-bottom: 30px;
    }

    .index-list ul li a {
        display: block;
        width: 100px;
        margin: 0 auto;
        padding: 6px 0;
        background: #ff7f52;
        color: #fff;
        border-radius: 3px;
        margin-top: 38px;
    }

        .index-list ul li a.go-ext {
            background: #fd9c00;
        }

        .index-list ul li a.go-booth {
            background: #6c94fa;
        }

        .index-list ul li a.go-optimize {
            background: #47c6ba;
        }

.footer-text {
    color: #a5c3fd;
    font-size: 13px;
    text-align: center;
    margin-top: 3%;
}
/*首页笔记本*/
@media (min-width: 1200px) and (max-width: 1366px) {
    .index-list ul li {
        width: 250px;
    }

        .index-list ul li img {
            width: 100px;
        }

        .index-list ul li a {
            margin-top: 20px;
        }

        .index-list ul li span {
            margin-bottom: 20px;
        }

    .index-text {
        padding-top: 5%;
    }

    .index-list {
        margin-top: 20px;
    }
}
/*表格样式*/
.table-newstyle {
    height: 300px;
    overflow-y: scroll;
}

.key-table-style {
    max-height: 450px;
    overflow-y: scroll;
}
/*.key-table-style .product-table tr td:first-child{ width: 173px;}
.key-table-style .product-table tr td:nth-child(2){ width: 227px;}*/
.keyword-search thead tr th, .keyword-search table tbody tr td {
    padding: 10px 0;
    padding-left: 20px;
}

.key-set-table thead tr th, .key-set-table table tbody tr td {
    padding: 10px 0;
    padding-left: 20px;
}

.small-input {
    width: 120px !important;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding-right: 0px;
}

.small-table thead tr th, .small-table tbody tr td {
    padding: 9px 0px !important;
    padding-left: 20px;
    !important;
}
/*聊天框*/
.chat-box {
    width: 1168px;
    height: 633px;
    background: url(../images/chat-box.png) no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: -246px auto 0px;
    top: 50%;
}

.chat-head {
    padding: 20px 0 0 20px;
}

    .chat-head img {
        width: 46px;
        height: 46px;
        border-radius: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .chat-head p {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        margin-left: 10px;
    }

.chat-list {
    width: 220px;
    position: absolute;
    top: 162px;
}

    .chat-list .chat-num {
        background: #f7fbff;
        padding: 10px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .chat-list .chat-num i {
            font-size: 12px;
            color: #89d3ff;
            margin-right: 10px;
        }

        .chat-list .chat-num.chat-num-active i {
            display: inline-block;
            transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transition: transform .5s ease;
        }

.c-people ul li {
    padding: 10px 0 10px 30px;
    cursor: pointer;
}

    .c-people ul li img {
        width: 20px;
        height: 20px;
    }

    .c-people ul li.chart-active {
        background-image: linear-gradient(to right, #46c1fd 0%, #04a7ff 100%);
        color: #fff;
        box-shadow: 0 10px 10px #d3e8fb;
    }

        .c-people ul li.chart-active img {
            width: 35px;
            height: 35px;
        }

.c-people.c-people-no {
    display: none;
}

.c-people ul li span {
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-people ul {
    max-height: 370px;
    overflow-y: scroll;
}

.current-chat {
    position: absolute;
    top: 94px;
    left: 230px;
}

    .current-chat img {
        width: 20px;
        height: 20px;
    }

.dialog-box {
    width: 466px;
    height: 300px;
    position: relative;
    left: 220px;
    top: 10%;
    padding: 20px;
    overflow-y: scroll;
}

.dialog-time i {
    font-size: 12px;
    color: #9f9d9f;
    font-style: normal;
}

.dialog-box p {
    font-size: 14px;
    color: #000081;
    margin-top: 10px;
    padding-left: 20px;
}

.dialog-left, .dialog-right {
    margin-bottom: 20px;
}

    .dialog-left span {
        color: #5093d3;
    }

    .dialog-right span {
        color: #2dbb1d;
    }

.historical-news {
    text-align: center;
    color: #9f9d9f;
    margin-bottom: 20px;
}

.dialog-right p {
    color: #333;
}

.chart-text {
    width: 440px;
    position: absolute;
    bottom: 5%;
    left: 20%;
}

    .chart-text textarea {
        border: none;
        box-shadow: none;
        resize: none;
        height: 125px;
        width: 440px;
    }

.chart-send {
    border: 1px solid #bbb9b9;
    color: #333;
    position: absolute;
    display: block;
    bottom: 8px;
    left: 52%;
    width: 55px;
    text-align: center;
}

.grouping {
    width: 480px;
    position: absolute;
    right: 2px;
    top: 19%;
    height: 480px;
    overflow-y: scroll;
}

    .grouping .drop-down {
        background: #ebf1f5;
        color: #4a4a4a;
        border: none;
        -webkit-border-radius: 0;
    }

        .grouping .drop-down .drop-title {
            line-height: 30px;
        }

            .grouping .drop-down .drop-title span {
                margin-left: 20px;
            }

        .grouping .drop-down .icons.icons-arrow {
            top: 11px;
            left: 1px;
        }

        .grouping .drop-down .drop-title span[data-value=''] {
            margin-left: 20px;
        }

    .grouping ul li {
        background: #f1f9f9;
        border: 1px solid #f1f9f9;
        margin-bottom: 3px;
        padding: 3px 10px;
        cursor: pointer;
    }

        .grouping ul li.g-bk-white {
            background: #fff;
            border-color: #fff;
        }

        .grouping ul li.g-active-bk {
            background: #c9eeff;
            border-color: #abe5ff;
        }

        .grouping ul li span {
            display: inline-block;
        }

    .grouping ul.group-list-no {
        display: none;
    }

    .grouping .drop-down .drop-list li {
        margin-bottom: 0px;
    }

.chart-operation {
    position: absolute;
    width: 477px;
    bottom: 10px;
    left: 59%;
    border-top: 1px solid #e7e7e7;
    padding: 5px 0 0 10px;
}

    .chart-operation a {
        color: #9f9d9f;
        font-size: 12px;
        cursor: not-allowed;
    }

        .chart-operation a + a {
            margin-left: 30px;
        }

        .chart-operation a i {
            color: #72706e;
            font-size: 10px;
            margin-right: 5px;
        }

.chart-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 2px;
    cursor: pointer;
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .a-content {
        width: 1100px;
    }

    .chat-box {
        position: relative;
        margin: 100px auto;
        inherit: 0;
        bottom: inherit;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .a-content {
        width: 980px;
    }

    .chat-box {
        position: relative;
        margin: 90px auto 10px;
        inherit: 0;
        bottom: inherit;
    }
}

table.product-table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 20px !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
    margin-top: 20px !important;
}

.u-form {
    position: relative;
}

    .u-form .unit {
        position: absolute;
        right: 1px;
        display: inline-block;
        top: 21px;
        height: 36px;
        line-height: 36px;
        padding: 0px 10px;
        background-color: #FFFFFF;
        border-radius: 6px;
    }

.form .form-group .u-form .unit {
    top: 2px;
    right: 1px;
}

.form .form-group .tips {
    color: #a8b3c9;
}

.method {
    display: flex;
    align-items: center;
}

.edit-title .method .radio-list label {
    margin-top: 0;
}

.s-originality.creative-show .edit-title {
    margin-top: 0px;
}

.s-originality.creative-show {
    margin-top: 10px;
}

    .s-originality.creative-show .edit-title .item-img > div.items {
        border: 1px rgb(201, 205, 214) solid;
        border-radius: 2px;
        width: 162px;
        height: 208px;
        padding: 6px;
        margin-right: 15px;
        position: relative;
    }

        .s-originality.creative-show .edit-title .item-img > div.items span {
            position: absolute;
            top: -3px;
            right: -3px;
            display: none;
            border-radius: 2px;
            background: rgb(0, 0, 0,0.361);
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
        }
        .s-originality.creative-show .edit-title .item-img > div.items:hover span {
            display: block;
            text-align: center;
        }
        .s-originality.creative-show .edit-title .item-img > div.items:hover {
            border-width: 3px;
            border-color: rgb(147, 193, 238);
            border-style: dotted;
            border-radius: 2px;
        }
        .s-originality.creative-show .edit-title .item-img > div.items span i {
            display: block;
            color: #fff;
            font-size: 14px;
            cursor:pointer;
        }

    .s-originality.creative-show .edit-title .item-img {
        margin: 16px 0 20px;
        display: flex;
        align-items: center;
    }

        .s-originality.creative-show .edit-title .item-img > div.items p {
            color: #666;
            font-size: 12px;
            line-height: 18px;
            margin-top: 7px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

.creative-show .edit-title .item-img .upload {
    border: 3px rgb(201, 205, 214) dotted !important;
    border-radius: 2px;
    width: 162px;
    height: 208px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .creative-show .edit-title .item-img .upload:hover {
        border: 3px rgb(147, 193, 238) dotted !important;
        background-color: rgb(242, 249, 255);
    }

.s-originality.creative-show .edit-title .item-img .upload i {
    font-size: 30px;
    color: #4b89ff;
}

.s-originality.creative-show .edit-title .item-img .upload span {
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    line-height: 13px;
}

.s-originality.creative-show .edit-title .item-img .upload p {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:7px;
}

.p-info p:nth-child(2) {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.edit-title .text-orange {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #ff9000;
    margin-right: 5px;
}

.addCreativeImg-layer .layui-layer-content {
    padding: 18px 24px 0;
}

.addCreativeImg-layer .orange {
    color: #ff9000
}

.addCreativeImg-layer ul {
    margin-top: 15px;
    overflow: hidden;
}

    .addCreativeImg-layer ul li {
        /*width: 214px;*/
        width: 25%;
        height: 214px;
        float: left;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 20px;
    }

        .addCreativeImg-layer ul li div {
            border: 1px rgb(201, 205, 214) solid;
            border-radius: 2px;
            width: 214px;
            height: 214px;
            padding: 8px;
            position: relative;
        }

#addCreativeImg {
    display: none;
}

.addCreativeImg-layer ul li:hover div,
.addCreativeImg-layer ul li.active div {
    border: 3px rgb(147, 193, 238) dotted;
    border-radius: 2px;
    /*background-color: rgb(242, 249, 255);*/
    /* height: 214px;*/
    box-sizing: border-box;
}

    .addCreativeImg-layer ul li.active div::before {
        position: absolute;
        bottom: -3px;
        right: -3px;
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url('../images/Contest/selected.png') no-repeat center center;
    }

.addCreativeImg-layer .edit-title input {
    padding: 8px 20px;
    border: 1px solid #c9cdd6;
    border-radius: 3px;
    width: 100%;
    margin: 10px 0;
    width: 700px;
}

.addCreativeImg-layer .u-form {
    width: 700px;
}

.addCreativeImg-layer .tips {
    color: #a8b3c9;
    font-weight: 300;
    font-size: 13px;
}

.addCreativeImg-layer .u-form .unit {
    top: 11px;
}

.addCreativeImg-layer .layui-layer-btn {
    text-align: center;
    padding: 0;
}

.addCreativeImg-layer .layui-layer-btn0 {
    width: 130px;
    height: 40px;
    height: 40px;
    line-height: 40px;
    color: #666666;
    background: #fff;
    border: 1px rgb(172, 176, 187) solid;
    margin-bottom: 0;
}

.addCreativeImg-layer .layui-layer-btn1 {
    width: 130px;
    border: 1px #4b89ff solid;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #4b89ff;
    margin-bottom: 0;
}

#addCreativeImg .spot {
    display: flex;
}

.addCreativeImg-layer .spot,
.creative-show .spot {
    display: flex;
    align-items: center;
}
.method .spot{
    margin-right:30px;
}
.method .radio-list label {
    margin-right: 20px;
}