/* 1366*768*/

@media screen and (max-width: 1366px) and (max-height:768) {
    ul li a {
        padding-left: 30px;
        background: url(email-icon.png) left center no-repeat;
    }
}
.fixed-column {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    right: 0; /* 其他列，写内样式定义right+右固定列宽*/
    z-index: 1;
    background-color: #f9f9f9
}
/*max-height:calc( 100vh - 350px); overflow: auto*/
.fixed-column-left {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    left: 0; /* 其他列，写内样式定义left+左固定列宽*/
    z-index: 1;
    background-color: #f9f9f9;
    /*border: 1px solid #ccc*/
}

.fixed-row {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f9f9f9;
}

.margin_left0 {
    margin-left: 0px;
}

.select-input {
    max-width: 140px;
}

@media(max-height:500px) {
    .smallheight_hidden {
        display: none;
    }
}
/* (min-width: 1024px) and */
@media (max-width: 1366px) {
    .hidden-td {
        display: none;
    }
}
/*.visible-td{display:table-cell;}*/
@media (max-width: 1024px) {
    .visible-td {
        display: none;
    }
}

@media (max-width: 415px) {
    .select-input {
        max-width: 100%;
    }
}

.price {
    font-size: 14px;
}

    .price em {
        font-size: 12px;
        font-style: normal;
        font-family: 'Microsoft YaHei';
    }

.boutique-table {
    font-size: 14px;
}

    .boutique-table, .boutique-table > thead > tr > th, .boutique-table > tbody > tr > th, .boutique-table > tbody > tr > td {
        border: 0;
        padding: 8px 10px;
    }

        .boutique-table, .boutique-table caption {
            color: #34495e;
        }

            .boutique-table caption .boutique-table-name {
                color: #e7505a;
                font-size: 16px;
                font-weight: 700;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                text-align: center;
                width: 100%;
            }

            .boutique-table caption .boutique-table-caption-more {
                float: right;
                font-size: 14px;
            }

            .boutique-table caption .info-line {
                overflow: hidden;
                padding: 0 10px;
            }

                .boutique-table caption .info-line .lable {
                    margin-right: 4px;
                }

            .boutique-table caption .overview {
                color: #34495e;
                font-family: "Microsoft YaHei";
                padding: 0 10px;
            }

                .boutique-table caption .overview i {
                    color: #e7505a;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 18px;
                    padding: 0 4px;
                }

                .boutique-table caption .overview .price {
                    display: inline-block;
                    font-weight: 700;
                }

            .boutique-table tr {
                border-bottom: 1px solid #e7ecf1;
            }

            .boutique-table > thead > tr > th, .boutique-table > tbody > tr > td {
                line-height: 26px;
                overflow: hidden;
            }

            .boutique-table .icon-container, .boutique-table .operation-container {
                font-size: 16px;
                text-align: center;
                width: 10px;
            }

                .boutique-table .icon-container:after, .boutique-table .operation-container:after {
                    display: inline-block;
                    vertical-align: middle;
                    height: 40px;
                }

                .boutique-table .icon-container a, .boutique-table .icon-container div, .boutique-table .icon-container span, .boutique-table .operation-container a, .boutique-table .operation-container div, .boutique-table .operation-container span {
                    display: inline-block;
                    vertical-align: middle;
                }

            .boutique-table .operation-container {
                text-align: right;
                white-space: nowrap;
                width: auto;
            }

                .boutique-table .operation-container:after {
                    display: none;
                }

                .boutique-table .operation-container a {
                    margin-left: 4px;
                }

                    .boutique-table .operation-container a:first-child {
                        margin-left: 0;
                    }

            .boutique-table .font-size-16 {
                font-size: 16px;
            }

            .boutique-table .font-size-18 {
                font-size: 18px;
            }

            .boutique-table .boutique-number {
                white-space: nowrap;
            }

                .boutique-table .boutique-number .new-icon {
                    color: #e7505a;
                    margin-right: 4px;
                }

            .boutique-table .boutique-id {
                white-space: nowrap;
            }

            .boutique-table .boutique-mobile {
                white-space: nowrap;
                width: 120px;
            }

            .boutique-table .boutique-time {
                white-space: nowrap;
                width: 134px;
            }

            .boutique-table .boutique-friendly-time {
                padding: 7px 10px;
                width: 96px;
            }

                .boutique-table .boutique-friendly-time .friendly-date {
                    height: 16px;
                    line-height: 16px;
                }

                .boutique-table .boutique-friendly-time .friendly-date-time {
                    color: #999;
                    font-size: 12px;
                    height: 14px;
                    line-height: 14px;
                }

            .boutique-table .boutique-num {
                text-align: center;
                white-space: nowrap;
                min-width: 50px;
                width: 50px;
            }

            .boutique-table .boutique-price {
                text-align: right;
                white-space: nowrap;
                width: 80px;
                min-width: 80px;
            }

                .boutique-table .boutique-price.price {
                    font-size: 15px;
                }

            .boutique-table .boutique-state {
                text-align: center;
                width: 66px;
                min-width: 66px;
                white-space: nowrap;
            }

            .boutique-table .boutique-text-left {
                text-align: left;
            }

@media (max-width: 767px) {
    .boutique-table {
        margin-bottom: 10px;
    }

        .boutique-table thead {
            display: none;
        }

        .boutique-table tr {
            margin-bottom: 10px;
            display: block;
            border-bottom: 2px solid #ddd;
            border-top: 2px solid #ddd;
        }

        .boutique-table, .boutique-table > thead > tr > th, .boutique-table > tbody > tr > th, .boutique-table > tbody > tr > td {
            border: 0;
        }

            .boutique-table > tbody > tr > td {
                border-bottom: 1px dotted #ccc;
            }

                .boutique-table > tbody > tr:hover, .boutique-table > tbody > tr.active > td, .boutique-table > tbody > tr.active > th, .boutique-table > tbody > tr > td.active, .boutique-table > tbody > tr > th.active, .boutique-table > tfoot > tr.active > td, .boutique-table > tfoot > tr.active > th, .boutique-table > tfoot > tr > td.active, .boutique-table > tfoot > tr > th.active, .boutique-table > thead > tr.active > td, .boutique-table > thead > tr.active > th, .boutique-table > thead > tr > td.active, .boutique-table > thead > tr > th.active {
                    background: #fff;
                }

    .table-checkable.boutique-table tr > td:first-child, .table-checkable.boutique-table tr > th:first-child {
        text-align: right;
    }

    .table-checkable.boutique-table > tbody > tr > td.first-td {
        padding-left: 0;
    }

    .table-checkable tr > td.boutique-not-checkable, .table-checkable tr > th.boutique-not-checkable {
        padding-left: 10px;
    }

    .boutique-table td {
        display: block;
        text-align: right;
    }

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

    .boutique-table .visible-td {
        display: none;
    }

    .boutique-table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }

    .boutique-table > tbody > tr > td.multi-line {
        height: auto;
    }

    .boutique-table .boutique-num, .boutique-table .boutique-price, .boutique-table .boutique-state, .boutique-table .boutique-time, .boutique-table .boutique-friendly-time, .boutique-table .boutique-mobile, .boutique-table .icon-container {
        text-align: right;
        width: auto;
    }

    .boutique-table .operation-container {
        text-align: left;
        white-space: nowrap;
        width: auto;
    }

        .boutique-table .operation-container:after {
            display: none;
        }

        .boutique-table .operation-container a {
            margin-left: 4px;
        }

            .boutique-table .operation-container a:first-child {
                margin-left: 0;
            }

    .boutique-table .icon-container {
        text-align: right;
    }

    .table-caption caption {
        padding-bottom: 8px;
    }

    /*.fade
    {
        border-radius:25px;
    }*/
}