header {
    min-width: 1200px;
}

    header .head_right .nav_left {
        font-size: 14px !important;
        padding-bottom: 6px;
        color: #5fcdd3;
        border-bottom: 3px solid #5fcdd3;
    }

    header .head_right li:nth-child(1) .nav_left {
        color: #333;
        border-bottom: 0;
    }

    header .head_right .nav_left:hover {
        padding-bottom: 6px;
        color: #5fcdd3;
    }

    header .head_right li a.fff {
        border-bottom: none;
    }

footer {
    min-width: 1200px;
}

.content .price {
    min-width: 1200px;
}

    .content .price .head {
        text-align: center;
        margin-bottom: 30px;
    }

.content .box h2 {
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
    min-width: 1200px;
}

.content .price .head h1 .t_line, .content .price .head h2 .t_line {
    width: 50px;
    border: 1px solid #999;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
}


.content .price .head > div {
    background: #e2e2e2;
    width: 1110px;
    margin: 0 auto;
    padding-top: 41px;
    padding-bottom: 20px;
}

.content .price .head div ul {
    padding-left: 77px;
    margin-bottom: 20px;
    margin-top: 14px;
}

    .content .price .head div ul li {
        float: left;
        height: 41px;
        line-height: 41px;
        font-size: 14px;
        text-align: left;
    }

        .content .price .head div ul li .num {
            width: 41px;
            height: 41px;
            font-size: 26px;
            line-height: 32px;
            border-radius: 50%;
            color: #e2e2e2;
            text-align: center;
            margin-right: 5px;
            font-weight: 700;
            margin-left: 38px;
        }

        .content .price .head div ul li .font {
            font-size: 16px;
            margin-right: 40px;
            color: #666;
        }

.content .price .head div p {
    font-size: 14px;
    color: #999;
    margin-bottom: 2px;
}

#classify {
    width: 662px;
    margin: 0 auto;
    border: 1px solid #e2e2e2;
    border-radius: 25px;
    background: #eee;
}

    #classify li {
        width: 168px;
        border-radius: 25px;
        color: #666;
        font-size: 14px;
        float: left;
        text-align: center;
        height: 38px;
        line-height: 38px;
        cursor: pointer;
    }

        #classify li a {
            color: #333;
        }

        #classify li:last-child {
            margin-left: -10px;
        }

        #classify li.on a {
            display: block;
            width: 168px;
            border-radius: 25px;
            background: #5fcdd3;
            color: #fff;
            z-index: 1;
            text-align: center;
        }



#classified .box {
    display: none;
}

    #classified .box.active {
        display: block;
    }








.content .price .p_price, .content .price .offline_package,
.content .price .publishing_packages, .content .price .v_price {
    width: 540px;
    display: inline-block;
}

/*.content .price .offline_package {
    margin-bottom: 17px;
}*/

.content .price .p_price {
    float: left;
    margin-right: 30px;
}

    .content .price .p_price .package,
    .content .price .offline_package .package,
    .content .price .publishing_packages .package,
    .content .price .v_price .package {
        width: 540px;
    }

        .content .price .p_price .package > div,
        .content .price .publishing_packages .package > div,
        .content .price .v_price .package > div {
            float: left;
            width: 100%;
        }

        .content .price .offline_package .package > div {
            width: 100%;
        }

        .content .price .p_price .package h3,
        .content .price .offline_package .package h3,
        .content .price .publishing_packages .package h3, .content .price .v_price .package h3 {
            font-size: 20px;
            color: #fff;
            font-weight: 400;
            text-align: center;
            height: 60px;
            background: #28be9b;
            padding-top: 7px;
            box-sizing: border-box;
            position: relative;
        }

        .content .price .p_price .package h3,
        .content .price .offline_package .package h3,
        .content .price .publishing_packages .package h3 {
            position: relative;
            width: 100%;
            font-size: 20px;
            text-align: center;
            padding: 5px 0;
            height: 60px;
            /*line-height: 25px;*/
        }

.content .price .audio .package h3,
.content .price .vr .package h3 {
    position: relative;
    padding-top: 18px;
}

.content .price .v_price .package div .pur_meal_table li.audio_tit,
.content .price .v_price .package div .pur_meal_table li.vr_tit {
    height: 75px;
    font-size: 14px;
    color: #999;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
}

.content .price .p_price .package h3 span,
.content .price .offline_package .package h3 span,
.content .price .publishing_packages .package h3 span,
.content .price .v_price .package h3 span {
    font-size: 13px;
    display: inline-block;
    color: #fff;
}

.content .price .p_price .package h3 a,
.content .price .offline_package .package h3 a,
.content .price .publishing_packages .package h3 a,
.content .price .audio .package h3 a {
    position: absolute;
    right: 12px;
    top: 20px;
    color: #fff;
    font-size: 12px;
}

.content .price .audio .package h3 a {
    top: 24px;
}

.content .price .p_price .package h3 a:hover,
.content .price .offline_package .package h3 a:hover {
    color: #5fcdd3;
}

.content .price .p_price .package h3 a em,
.content .price .offline_package .package h3 a em {
    font-weight: 700;
    font-size: 14px;
}



.content .price .p_price .package h3 div,
.content .price .offline_package .package h3 div,
.content .price .publishing_packages .package h3 div {
    font-size: 12px;
    display: block;
    color: #fff;
    margin-top: 8px;
}

.content .price .p_price .package div .pur_meal_table,
.content .price .offline_package .package div .pur_meal_table,
.content .price .publishing_packages .package div .pur_meal_table,
.content .price .v_price .package div .pur_meal_table {
    float: left;
    width: 100%;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    border-bottom: none;
}

    .content .price .p_price .package div .pur_meal_table li,
    .content .price .publishing_packages .package div .pur_meal_table li {
        width: 100%;
        height: 45px;
    }

        /*.content .price .offline_package .package div .pur_meal_table li {
                float: left;
                width: 50%;
            }*/

        .content .price .p_price .package div .pur_meal_table li.table_header,
        .content .price .offline_package .package div .pur_meal_table li.table_header,
        .content .price .publishing_packages .package div .pur_meal_table li.table_header,
        .content .price .v_price .package div .pur_meal_table li.table_header {
            height: 55px;
            font-size: 15px;
            padding: 5px;
            color: #999;
            text-align: left;
            border-bottom: 1px solid #e2e2e2;
            box-sizing: border-box;
        }

            .content .price .p_price .package div .pur_meal_table li.table_header .h3,
            .content .price .offline_package .package div .pur_meal_table li.table_header .h3,
            .content .price .publishing_packages .package div .pur_meal_table li.table_header .h3,
            .content .price .v_price .package div .pur_meal_table li.table_header .h3 {
                font-size: 16px;
                color: #333;
                margin-bottom: 3px;
            }

        .content .price .p_price .package div .pur_meal_table li .row,
        .content .price .offline_package .package div .pur_meal_table li .row,
        .content .price .publishing_packages .package div .pur_meal_table li .row,
        .content .price .v_price .package div .pur_meal_table li .row {
            position: relative;
        }

            .content .price .p_price .package div .pur_meal_table li .row div.bgc,
            .content .price .offline_package .package div .pur_meal_table li .row div.bgc,
            .content .price .publishing_packages .package div .pur_meal_table li .row div.bgc,
            .content .price .v_price .package div .pur_meal_table li .row div.bgc {
                width: 100%;
                height: 100%;
                background: #e7e7e7;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                display: none;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--label,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--label,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--label,
            .content .price .v_price .package div .pur_meal_table li .row .demo--label {
                position: absolute;
                top: 17px;
                left: 30px;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--radio,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--radio,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--radio,
            .content .price .v_price .package div .pur_meal_table li .row .demo--radio {
                display: none;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--radioInput,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--radioInput,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--radioInput,
            .content .price .v_price .package div .pur_meal_table li .row .demo--radioInput {
                background-color: #fff;
                border-radius: 100%;
                display: inline-block;
                height: 14px;
                margin-top: -1px;
                vertical-align: middle;
                width: 14px;
                line-height: 9px;
                border: 1px solid #28be9b;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput:after,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput:after,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput:after,
            .content .price .v_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput:after {
                background-color: #28be9b;
                border-radius: 100%;
                content: "";
                display: inline-block;
                height: 8px;
                margin-left: 3px;
                margin-top: 3px;
                width: 8px;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--checkbox.demo--radioInput,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--checkbox.demo--radioInput,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--checkbox.demo--radioInput,
            .content .price .v_price .package div .pur_meal_table li .row .demo--checkbox.demo--radioInput,
            .content .price .p_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--checkbox.demo--radioInput:after,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--radio:checked + .demo--checkbox.demo--radioInput:after,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--radio:checked + .demo--checkbox.demo--radioInput:after,
            .content .price .v_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--checkbox.demo--radioInput:after {
                border-radius: 0;
            }

            .content .price .p_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput,
            .content .price .offline_package .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput,
            .content .price .publishing_packages .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput,
            .content .price .v_price .package div .pur_meal_table li .row .demo--radio:checked + .demo--radioInput {
                border: 1px solid #5fcdd3;
                width: 14px;
                height: 14px;
            }

            .content .price .p_price .package div .pur_meal_table li .row span,
            .content .price .offline_package .package div .pur_meal_table li .row span,
            .content .price .publishing_packages .package div .pur_meal_table li .row span,
            .content .price .v_price .package div .pur_meal_table li .row span {
                font-size: 12px;
                color: #999;
            }

            .content .price .p_price .package div .pur_meal_table li .row .col2,
            .content .price .offline_package .package div .pur_meal_table li .row .col2,
            .content .price .publishing_packages .package div .pur_meal_table li .row .col2,
            .content .price .v_price .package div .pur_meal_table li .row .col2,
            .content .price .p_price .package div .pur_meal_table li .row .col4,
            .content .price .offline_package .package div .pur_meal_table li .row .col4,
            .content .price .publishing_packages .package div .pur_meal_table li .row .col4,
            .content .price .v_price .package div .pur_meal_table li .row .col2,
            .content .price .v_price .package div .pur_meal_table li .row .col4 {
                display: inline-block;
                width: 175px;
                height: 45px;
                font-size: 16px;
                line-height: 45px;
                cursor: pointer;
                box-sizing: border-box;
                text-align: left;
                padding-left: 66px;
            }

            .content .price .p_price .package div .pur_meal_table li .row .colmore,
            .content .price .offline_package .package div .pur_meal_table li .row .colmore,
            .content .price .publishing_packages .package div .pur_meal_table li .row .colmore,
            .content .price .v_price .package div .pur_meal_table li .row .colmore {
                display: inline-block;
                height: 45px;
                font-size: 16px;
                line-height: 45px;
                cursor: pointer;
                box-sizing: border-box;
                text-align: left;
                padding-left: 66px;
            }

.colmore p {
    color: #5fcdd3;
    display: inline;
}

.content .price .p_price .package div .pur_meal_table li .row .col5,
.content .price .offline_package .package div .pur_meal_table li .row .col5,
.content .price .publishing_packages .package div .pur_meal_table li .row .col5,
.content .price .v_price .package div .pur_meal_table li .row .col5 {
    display: inline-block;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    cursor: pointer;
    padding-left: 60px;
    width: 180px;
    padding-right: 39px;
    box-sizing: border-box;
    text-align: left;
}

.content .price .p_price .package div .pur_meal_table .table_header .row div,
.content .price .offline_package .package div .pur_meal_table .table_header .row div,
.content .price .publishing_packages .package div .pur_meal_table .table_header .row div,
.content .price .v_price .package div .pur_meal_table .table_header .row div {
    width: 176px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
    color: #333;
    display: inline-block;
}


    .content .price .p_price .package div .pur_meal_table .table_header .row div:first-child,
    .content .price .offline_package .package div .pur_meal_table .table_header .row div:first-child,
    .content .price .publishing_packages .package div .pur_meal_table .table_header .row div:first-child,
    .content .price .v_price .package div .pur_meal_table li.table_header .row div:first-child {
        padding-right: 57px;
        box-sizing: border-box;
    }

.content .price .vr .package div .pur_meal_table .table_header .row div:first-child {
    padding-right: 0px;
}

.content .price .p_price .package div .pur_meal_table .table_header .row div:nth-child(2),
.content .price .offline_package .package div .pur_meal_table .table_header .row div:nth-child(2),
.content .price .publishing_packages .package div .pur_meal_table .table_header.row div:nth-child(2),
.content .price .v_price .package div .pur_meal_table .table_header .row div:nth-child(2) {
    padding-left: 4px;
    box-sizing: border-box;
}

.content .price .p_price .package div .pur_meal_table .table_header .row div:last-child,
.content .price .offline_package .package div .pur_meal_table .table_header .row div:last-child,
.content .price .publishing_packages .package div .pur_meal_table .table_header .row div:last-child,
.content .price .v_price .package div .pur_meal_table .table_header .row div:last-child {
    padding-left: 65px;
    box-sizing: border-box;
}

.content .price .vr .package div .pur_meal_table .table_header .row div:last-child,
.content .price .vr .package div .pur_meal_table li .row .col5 {
    float: right;
    padding-left: 0;
}

.content .price .vr .package div .pur_meal_table li .row .col5 {
    padding-right: 70px;
}

.content .price .p_price .package div .pur_r,
.content .price .offline_package .package div .pur_r,
.content .price .publishing_packages .package div .pur_r,
.content .price .v_price .package div .pur_r {
    width: 100%;
    border: 1px solid #e7e7e7;
    float: left;
    height: 87px;
    box-sizing: border-box;
    position: relative;
    border-top: none;
}

    .content .price .p_price .package div .pur_r p,
    .content .price .offline_package .package div .pur_r p,
    .content .price .publishing_packages .package div .pur_r p,
    .content .price .v_price .package div .pur_r p {
        font-size: 14px;
        color: #666;
        margin-top: 48px;
        margin-bottom: 28px;
    }

    .content .price .p_price .package div .pur_r ul,
    .content .price .offline_package .package div .pur_r ul,
    .content .price .publishing_packages .package div .pur_r ul,
    .content .price .v_price .package div .pur_r ul {
        margin: 0 -5px;
    }

        .content .price .p_price .package div .pur_r ul li,
        .content .price .offline_package .package div .pur_r ul li,
        .content .price .publishing_packages .package div .pur_r ul li,
        .content .price .v_price .package div .pur_r ul li {
            display: inline-block;
            font-size: 14px;
            color: #666;
            padding: 4px;
            margin: 5px;
            border: 1px solid #e7e7e7;
            box-sizing: border-box;
        }

    .content .price .p_price .package div .pur_r div,
    .content .price .offline_package .package div .pur_r div,
    .content .price .publishing_packages .package div .pur_r div,
    .content .price .v_price .package div .pur_r div,
    .content .price .vr .package div .pur_r a {
        position: absolute;
        bottom: 28px;
        left: 50%;
        width: 140px;
        /*  height: 41px;*/
        margin-left: -70px;
        line-height: 41px;
        text-align: center;
        color: #fff;
        background: #5fcdd3;
        font-size: 16px;
        border-radius: 3px;
    }

        .content .price .p_price .package div .pur_r div:hover,
        .content .price .offline_package .package div .pur_r div:hover,
        .content .price .publishing_packages .package div .pur_r div:hover,
        .content .price .v_price .package div .pur_r div:hover,
        .content .price .vr .package div .pur_r a:hover {
            cursor: pointer;
            background: #52c1c7;
        }

    /*.content .price .offline_package .package div .pur_r {
            height: 105px;
        }*/

    .content .price .offline_package .package div .pur_r p {
        margin-top: 20px;
    }

/*.content .price .offline_package .package div .pur_r div {
                bottom: 40px;
            }*/
#vr .vr_more {
    float: right;
    font-size: 12px;
    margin-top: -13px;
    color: #5fcdd3;
}

.content .price .serve {
    width: 100%;
    background: #fff;
    height: 310px;
    margin: 56px auto 0;
    padding-bottom: 50px;
}

.content h1 {
    vertical-align: middle;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 15px;
    min-width: 1100px;
}

    .content h1 .t_line {
        width: 80px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 12px;
        border-bottom: 1px solid #ddd;
    }

.content .price .serve div {
    width: 991px;
    margin: 0 auto;
}

.content .price .serve ul {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;
}

    .content .price .serve ul li {
        float: left;
        padding-left: 143px;
        width: 210px;
        margin-top: 15px;
        margin-bottom: 30px;
        text-align: left;
        color: #666;
    }

        .content .price .serve ul li div {
            display: inline-block;
            width: 210px;
            text-align: center;
        }

            .content .price .serve ul li div.text {
                margin-top: 10px;
            }

.content .price .v_price {
    width: 1112px;
    margin: 0 auto;
    display: block;
}

    .content .price .v_price .package h3 span {
        display: block;
    }

    .content .price .v_price .package {
        width: 540px;
        display: inline-block;
    }

        .content .price .v_price .package:nth-child(1) {
            margin-right: 55px;
        }

    .content .price .v_price .annotation {
        text-align: right;
        font-size: 12px;
        color: #5fcdd3;
    }

    ul#meal-table-hd li.table_header, .content .price .v_price .package div .pur_meal_table li.table_header {
        height: auto;
    }

    .content .price .v_price .package div .pur_meal_table {
        width: 540px;
        /*   height: 300px;*/
        /*  border-bottom: 1px solid #e2e2e2;*/
    }

    .content .price .v_price.vr .package div .pur_meal_table {
        height: 277px;
    }

    .content .price .v_price.vr .package div .pur_meal_table {
        height: 220px;
    }

    .content .price .v_price .package div .pur_meal_table li {
        width: 540px;
        height: 50px;
        font-size: 0;
    }


        .content .price .v_price .package div .pur_meal_table li .row div.bgc {
            width: 100%;
            top: 0;
            left: 0;
            height: 100%;
        }

    /*.content .price .v_price .package div .pur_meal_table li .row .col2,
            .content .price .v_price .package div .pur_meal_table li .row .col4,
            .content .price .v_price .package div .pur_meal_table li .row .col5 {
                display: inline-block;
                width: 150px;
                font-size: 16px;
                font-size: 16px;
                height: 70px;
                line-height: 70px;
                text-align: left;
                padding-left: 65px;
                box-sizing: border-box;
            }*/

    /*.content .price .v_price .package div .pur_meal_table li .row .col4,
            .content .price .v_price .package div .pur_meal_table li .row .col5 {
                padding-left: 54px;
            }*/

    .content .price .v_price .package div .pur_meal_table div.btn,
    .content .price .v_price.audio .package div .pur_meal_table div.btn,
    .content .price .v_price.vr .package div .pur_meal_table div.btn {
        margin: 10px auto;
        width: 140px;
        height: 41px;
        line-height: 41px;
        text-align: center;
        color: #fff;
        background: #5fcdd3;
        font-size: 16px;
        border-radius: 3px;
    }

    .content .price .v_price.vr .package div .pur_meal_table div.btn {
        margin: 17px auto;
    }

        .content .price .v_price.vr .package div .pur_meal_table div.btn a {
            color: #fff;
        }

        .content .price .v_price .package div .pur_meal_table div.btn:hover,
        .content .price .v_price.vr .package div .pur_meal_table div.btn:hover,
        .content .price .v_price.audio .package div .pur_meal_table div.btn:hover {
            cursor: pointer;
            background: #52c1c7;
        }

.content .v_scope {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
}


.content .price .v_scope .scope {
    border: 1px solid #e7e7e7;
}

    .content .price .v_scope .scope ul li {
        height: 70px;
        line-height: 60px;
        text-align: center;
        font-size: 0;
    }

        .content .price .v_scope .scope ul li span {
            display: inline-block;
            text-align: center;
            font-size: 14px;
            width: 120px;
        }

            .content .price .v_scope .scope ul li span:first-child {
                width: 600px;
                color: #666;
                text-align: left;
                line-height: 20px;
                vertical-align: middle;
                position: relative;
                left: 25px;
            }

        /*            .content .price .v_scope .scope ul li span:nth-child(2) {
                width: 230px;
                color: #5fcdd3;
            }

            .content .price .v_scope .scope ul li span:last-child {
                width: 230px;
                color: #5fcdd3;
            }*/

        .content .price .v_scope .scope ul li:first-child {
            background: #28be9b !important;
        }

            .content .price .v_scope .scope ul li:first-child span {
                color: #fff;
                text-align: center;
            }

        .content .price .v_scope .scope ul li:nth-child(2n-1) {
            background: #eee;
        }

.content .price .v_scope .annotation {
    position: absolute;
    right: 0;
    bottom: -25px;
    font-size: 14px;
    color: red;
    text-align: right;
}

.content .price .enterprise {
    width: 1100px;
    margin: 70px auto 0;
    background: #28be9b;
    padding: 30px 0 57px;
    box-sizing: border-box;
}

    .content .price .enterprise h2 {
        font-size: 20px;
        color: #fff;
        float: left;
        margin-left: 50px;
    }

    .content .price .enterprise p {
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    .content .price .enterprise div {
        float: right;
        margin-right: 50px;
        margin-top: -5px;
        text-align: center;
    }

        .content .price .enterprise div a {
            display: block;
            width: 128px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            border-radius: 5px;
            background: #fff;
            color: #28be9b;
            font-size: 16px;
            margin: 0 auto;
        }

/*          .content .price .enterprise div a:hover {
                background: #fff;
                box-shadow: 0px 0px 5px 0px #fff;
            }*/

.content .price .faq {
    width: 1100px;
    margin: 0 auto;
    background: #f5f4f4;
}



    .content .price .faq ul {
        width: 860px;
        margin: 0 auto;
        padding-bottom: 25px;
    }

        .content .price .faq ul li {
            font-size: 14px;
            color: #666;
        }

            .content .price .faq ul li:nth-child(2n-1) {
                font-size: 16px;
                color: #333;
                margin-bottom: 5px;
            }

            .content .price .faq ul li:nth-child(2n) {
                line-height: 1.5;
                margin-bottom: 15px;
            }

.back {
    background: #ff9d00;
    color: #fff !important;
}


.content .price .vr .package div .pur_r,
.content .price .p_price.frequency .package div .pur_r {
    height: 70px !important;
}

.content .price .p_price.frequency .package div .pur_r {
    height: 55px;
}

.content .price .vr .package div .pur_meal_table li .row,
.content .price .vr .package div .pur_meal_table li .row .col2,
.content .price .vr .package div .pur_meal_table li .row .col5 {
    cursor: auto;
}

.content .price .p_price.frequency .package div .pur_r div {
    bottom: 20px;
}

.content .price .publishing_packages .package {
    border-bottom: 1px solid #eee;
}

    .content .price .publishing_packages .package div .pur_meal_table li .row .col2 {
        padding-left: 36px;
    }

#meal-table-cb > div {
    height: 20px;
    color: #5fcdd3;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;
}

.anchor_layer {
    width: 100%;
}

    .anchor_layer .nav_wrap {
        width: 660px;
        height: 45px;
        border-radius: 45px;
        background-color: #eee;
        overflow: hidden;
        margin: 0 auto 40px;
        behavior: url(pie.htc);
        text-align: center;
        border: 1px solid #e2e2e2;
    }

        .anchor_layer .nav_wrap.navFix {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            min-width: 1220px;
            border-radius: 0;
            z-index: 9999;
        }

        .anchor_layer .nav_wrap .wrap_layer {
            display: inline-block;
            height: 45px;
            margin: 0 auto;
            padding: 0;
        }

        .anchor_layer .nav_wrap .wrap_tab {
            width: 165px;
            height: 45px;
            float: left;
        }

        .anchor_layer .nav_wrap a {
            width: 165px;
            height: 45px;
            border-radius: 45px;
            display: block;
            color: #333;
            line-height: 45px;
            text-align: center;
            font-size: 14px;
            behavior: url(pie.htc);
        }

        .anchor_layer .nav_wrap .active, .details_main .anchor_layer .nav_wrap a:hover {
            background-color: #28be9b;
            behavior: url(pie.htc);
            color: #fff
        }

/****************新图片套餐begin***************/
/*.ppframe {
    justify-content: center;
    align-items: center;
    display: flex;
    color: #8d8d8d;
    font-weight: bold;
    text-align: center;
    flex-wrap: wrap
}

    .ppframe > div {
        width: 350px;*/
/* height: 370px;*/
/*border: 1px solid #c1c1c1;
        margin: 5px 10px 15px 10px;
        position: relative;
        padding-bottom: 50px;
    }

        .ppframe > div:nth-of-type(1),
        .ppframe > div:nth-of-type(2),
        .ppframe > div:nth-of-type(3) {*/
/* height: 380px;*/
/*margin-bottom: 30px;
        }

        .ppframe > div > div:nth-of-type(1) {
            height: 94px;
            line-height: 65px;
            font-size: 22px;
            color: #fff;
        }

            .ppframe > div > div:nth-of-type(1) > a {
                position: absolute;
                right: 10px;
                top: 8px;
                font-size: 12px;
                color: #fff;
                font-weight: 400;
                z-index: 999;
            }

            .ppframe > div > div:nth-of-type(1) > p {
                position: relative;
                font-size: 14px;
                bottom: 15px;
                line-height: 20px;
            }

        .ppframe > div:nth-of-type(1) > div:nth-of-type(1),
        .ppframe > div:nth-of-type(4) > div:nth-of-type(1),
        .ppframe > div:nth-of-type(5) > div:nth-of-type(1) {
            background: url(../images/p_5.png) no-repeat;
        }

        .ppframe > div:nth-of-type(2) > div:nth-of-type(1),
        .ppframe > div:nth-of-type(6) > div:nth-of-type(1) {
            background: url(../images/p_2.png) no-repeat;
        }

        .ppframe > div:nth-of-type(3) > div:nth-of-type(1) {
            background: url(../images/p_6.png) no-repeat;
        }

        .ppframe > div > div:nth-of-type(2) {
            line-height: 50px;
            color: #f29600;
            font-size: 30px;
        }

            .ppframe > div > div:nth-of-type(2) > lable {
                font-size: 15px;
            }

        .ppframe > div > div:nth-of-type(3) {
            color: #777;
            font-size: 15px;
        }

        .ppframe > div > div:nth-of-type(4) {
            background: url(../images/p_tag.png) no-repeat;
            width: 300px;
            line-height: 43px;
            font-size: 16px;
            color: #555;
            margin: 15px auto;
        }

        .ppframe > div > div:nth-of-type(5) {
            font-size: 13px;
            line-height: 25px;
        }

            .ppframe > div > div:nth-of-type(5) > div:nth-of-type(1) {
                font-size: 15px;
            }

        .ppframe > div > div:nth-of-type(6) {
            position: absolute;
            width: 180px;
            line-height: 40px;
            color: #fff;
            background: #f29600;
            font-size: 16px;
            border-radius: 20px;
            bottom: -20px;
            left: 50%;
            margin-left: -90px;
        }

            .ppframe > div > div:nth-of-type(6):hover {
                cursor: pointer;
                background: #f27600;
            }*/

.pprice {
    text-align: left;
    line-height: 70px;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    /* height:200px;*/
}

    .pprice > li {
        display: flex;
        cursor: pointer;
        flex-direction: row;
        flex-wrap: wrap;
    }
        /* .pprice > li > div {
            flex: 1;
        }*/
        .pprice > li > div:nth-of-type(1) {
            margin-left: 35px;
            flex: 1;
        }

        .pprice > li > div:nth-of-type(2) {
            flex: 0.6;
        }

        .pprice > li > div:nth-of-type(3) {
            flex: 0.8;
            text-align: center;
        }

        .pprice > li > div:nth-of-type(4) {
            flex-basis: 100%;
            line-height: 20px;
            margin: -12px 0px 9px 65px;
            color: #8d8d8d;
            font-size: 13px;
        }

        .pprice > li > div:nth-of-type(1) > input[type=radio] {
            position: absolute;
            opacity: 0;
        }

        .pprice > li > div:nth-of-type(1) > label:before {
            content: '';
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 14px;
            height: 14px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            cursor: pointer;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        .pprice > li > div:nth-of-type(1) > input[type="radio"]:checked + label:before {
            background-color: #5fcdd3;
            box-shadow: inset 0 0 0 4px #fff;
            border: 1px solid #5fcdd3;
        }

        .pprice > li > div:nth-of-type(1) > input[type="radio"]:focus + label:before {
            outline: none;
            border-color: #5fcdd3;
        }

.pyear {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 10px;
}

img.tuijian {
    position: absolute;
    width: 30px;
    top: -10px;
    right: -25px;
    content: url(/Commerce/images/cuxiao.png);
}

div.tip {
    font-size: 12px;
    color: #999;
    line-height: 22px;
}

.select {
    /* background-color: #e7e7e7;*/
}

.ppbox {
    width: 1100px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    color: #8d8d8d;
    /* font-weight: bold;*/
    text-align: center;
    flex-wrap: wrap;
    margin: 0px auto
}

    .ppbox > div {
        width: 24%;
        border: 1px solid #c1c1c1;
        position: relative;
        padding-bottom: 15px;
    }


        .ppbox > div > div:nth-of-type(1) {
            height: 90px;
            line-height: 50px;
            font-size: 20px;
            color: #fff;
        }

            .ppbox > div > div:nth-of-type(1) > .cuxiao {
                position: relative;
                top: -10px;
                left: 2px;
                content: url(/Commerce/images/cuxiao.png);
            }

            .ppbox > div > div:nth-of-type(1) > a {
                position: absolute;
                right: 15px;
                top: 8px;
                font-size: 12px;
                color: #fff;
                font-weight: 400;
                z-index: 999;
                display: none;
            }

            .ppbox > div > div:nth-of-type(1) > p {
                position: relative;
                font-size: 14px;
                bottom: 8px;
                line-height: 20px;
                font-weight: normal;
                color: #eee;
            }

        .ppbox > div > div:nth-of-type(1) {
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
        }

        .ppbox > div:nth-of-type(1) > div:nth-of-type(1),
        .ppbox > div:nth-of-type(2) > div:nth-of-type(1) {
            background-image: url(../images/p_1.png);
            background-repeat: no-repeat;
        }

        .ppbox:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1),
        .ppbox > div:nth-of-type(3) > div:nth-of-type(1),
        .ppbox > div:nth-of-type(4) > div:nth-of-type(1) {
            background-image: url(../images/p_2.png);
            background-repeat: no-repeat;
        }

    .ppbox div > div:nth-of-type(4) {
        width: 140px;
        line-height: 40px;
        color: #fff;
        background: #5fcdd3;
        font-size: 16px;
        margin: 10px auto;
        border-radius: 3px;
        /* margin-top: 30px; */
        /* margin-bottom: -35px; */
    }

    .ppbox > div > div:nth-of-type(4):hover {
        cursor: pointer;
        background: #52c1c7;
    }

    .ppbox > div .demand {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }

        .ppbox > div .demand:before,
        .ppbox > div .demand:after {
            content: "";
            width: 12px;
            display: inline-block;
            vertical-align: middle;
            border-bottom: 1px solid #000;
        }

    .ppbox div.topic {
        font-size: 14px;
        text-align: center;
        line-height: 22px;
    }

.pgaoji {
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}

    .pgaoji > div {
        display: flex;
        border-bottom: 1px solid #eee
    }

        .pgaoji > div:nth-of-type(3) {
            border-bottom: 0px solid #eee
        }

        .pgaoji > div > div {
            flex: 0.15;
            font-size: 15px;
            padding-left: 30px;
            text-align: left;
            margin: auto 0px;
        }

        .pgaoji > div > ul {
            flex: 0.8;
            display: flex;
        }

            .pgaoji > div > ul > li {
                flex: 0.5;
            }

/****************新图片套餐end***************/
.picmaxbox {
    width: 1110px;
    margin: 10px auto 20px;
    display: flex;
    justify-content: space-between;
}

.pimgbox {
    width: 350px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 0px 7px 0px #e2e2e2;
}

    .pimgbox > div:nth-of-type(1) {
        height: 70px;
        background-color: #28be9b;
        color: #fff;
        border-radius: 5px 5px 0px 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
    }

        .pimgbox > div:nth-of-type(1) > p:nth-of-type(1) {
            font-size: 18px;
            text-align: center;
            position: relative;
        }

        .pimgbox > div:nth-of-type(1) > p:nth-of-type(2) {
            font-size: 14px;
            text-align: center;
        }

    .pimgbox > div:nth-of-type(2) {
        padding: 30px 30px 40px 30px;
        display: flex;
        justify-content: space-around;
    }

.pricebox {
    min-width: 280px;
    text-align: center;
}

    .pricebox > div:nth-of-type(1) {
        margin-bottom: 15px;
    }

        .pricebox > div:nth-of-type(1) > p:nth-of-type(1) {
            color: #28beb7;
            font-size: 16px;
        }

        .pricebox > div:nth-of-type(1) > p:nth-of-type(2) {
            margin-top: 3px;
            color: #999;
            font-size: 12px;
        }

    .pricebox > div:nth-of-type(2) > ul {
        text-align: left;
        line-height: 55px;
        font-size: 16px;
        color: #333;
        font-weight: normal;
        /* height:200px;*/
    }

    .pricebox > div:nth-of-type(2) > .moreprice {
        color: #5fcdd3;
        font-size: 14px;
        cursor: pointer;
        height: 20px;
    }

        .pricebox > div:nth-of-type(2) > .moreprice:hover {
            color: #28be9b;
        }

        .pricebox > div:nth-of-type(2) > .moreprice > font:after {
            content: '\25BC';
        }

        .pricebox > div:nth-of-type(2) > .moreprice > font.shouqi:after {
            content: '\25B2';
        }

    .pricebox > div:nth-of-type(2) > ul > li {
        display: flex;
        cursor: pointer;
        justify-content: space-between;
        border-bottom: 1px solid #e7e7e7;
        padding: 5px 8px;
        line-height: 20px;
        margin: 20px 0px 10px;
    }

        .pricebox > div:nth-of-type(2) > ul > li.lihide {
            display: none;
        }

        .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(1) > input[type=radio] {
            position: absolute;
            opacity: 0;
        }

        .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(1) > label:before {
            content: '';
            border-radius: 100%;
            border: 1px solid #28be9b;
            display: inline-block;
            width: 14px;
            height: 14px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            cursor: pointer;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(1) > input[type="radio"]:checked + label:before {
            background-color: #28be9b;
            box-shadow: inset 0 0 0 3px #fff;
            border: 1px solid #28be9b;
        }

        .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(1) > input[type="radio"]:focus + label:before {
            outline: none;
            border-color: #28be9b;
        }

        .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(2) {
            text-align: right;
            line-height: 20px;
            margin: auto 0px;
            position: relative;
            min-width: 60px;
        }

            .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(2) > .vipcuxiao {
                font-size: 20px;
                color: #FF7B00;
            }

            .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(2) > p:nth-of-type(1) {
                color: #f29600;
                font-size: 17px;
            }

            .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(2) > p:nth-of-type(2) {
                font-size: 10px;
                color: #555;
            }

            .pricebox > div:nth-of-type(2) > ul > li > div:nth-of-type(2) > p:nth-of-type(3) {
                position: absolute;
                top: 3px;
                left: -60px;
                font-size: 14px;
                text-decoration: line-through;
                width: 56px;
            }

    .pricebox > div:nth-of-type(3) {
        width: 180px;
        line-height: 40px;
        color: #fff;
        background: #5fcdd3;
        font-size: 16px;
        margin: 10px auto;
        border-radius: 3px;
        /* margin-top: 35px;*/
    }

        .pricebox > div:nth-of-type(3):hover {
            cursor: pointer;
            background: #52c1c7;
            color: #fff;
            box-shadow: 0px 0px 5px 0px #52c1c7;
        }

    .pricebox .buy2 {
        color: #5fcdd3 !important;
        background: #fff !important;
        border: 1px solid #5fcdd3 !important;
    }

        .pricebox .buy2:hover {
            color: #5fcdd3 !important;
            background: #fff !important;
            border: 1px solid #52c1c7 !important;
            box-shadow: 0px 0px 5px 0px #52c1c7;
        }

    .pricebox .buy3 {
        background: #28be9b !important;
    }

        .pricebox .buy3:hover {
            background: #20a586 !important;
        }



div .titlebig {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

    div .titlebig:before,
    div .titlebig:after {
        content: "";
        width: 20px;
        margin: -2px 6px 0px 6px;
        display: inline-block;
        vertical-align: middle;
        border-bottom: 2px solid #000;
    }

div .titlesmall {
    text-align: center;
    font-size: 16px;
    color: #777;
    margin: 5px 0px 0px 0px;
}



/*顶部图片tag*/
.pigtag {
    width: 1110px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    /*justify-content: space-between;*/
}

    .pigtag > div:nth-of-type(1) {
        margin: 0px 100px 0px 145px;
    }

    .pigtag > div {
        width: 32%;
        height: 70px;
        /*line-height: 70px;*/
        text-align: center;
        background: rgba(255,255,255,.3);
        /*        opacity: 0.6;*/
        cursor: pointer;
        border-radius: 15px 15px 0px 0px;
        font-size: 22px;
        color: #fff;
    }

        .pigtag > div > p:nth-of-type(1) {
            height: 40px;
            line-height: 50px;
        }

        .pigtag > div > p:nth-of-type(2) {
            font-size: 14px;
            line-height: 30px;
        }

    .pigtag div.active {
        background: #34B599;
    }
/*包年会员*/
.ppbox {
    width: 1110px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    color: #8d8d8d;
    text-align: center;
    flex-wrap: wrap;
    margin: 10px auto 20px;
}

    .ppbox > div {
        width: 24%;
        border: 1px solid #c1c1c1;
        position: relative;
        padding-bottom: 15px;
        border-radius: 5px;
        border: 1px solid #e2e2e2;
        box-shadow: 0px 0px 7px 0px #e2e2e2;
    }


        .ppbox > div > div:nth-of-type(1) {
            height: 90px;
            line-height: 50px;
            font-size: 18px;
            color: #fff;
        }

            .ppbox > div > div:nth-of-type(1) > .cuxiao {
                position: relative;
                top: -10px;
                left: 2px;
                content: url(/Commerce/images/cuxiao.png);
            }

            .ppbox > div > div:nth-of-type(1) > a {
                position: absolute;
                right: 15px;
                top: 8px;
                font-size: 12px;
                color: #fff;
                font-weight: 400;
                z-index: 999;
                display: none;
            }

            .ppbox > div > div:nth-of-type(1) > p {
                position: relative;
                font-size: 12px;
                bottom: 8px;
                line-height: 10px;
                font-weight: normal;
                color: #eee;
            }

        .ppbox > div > div:nth-of-type(1) {
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            height: 70px;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            letter-spacing: 1px;
            border-radius: 5px 5px 0px 0px;
        }

        .ppbox > div:nth-of-type(1) > div:nth-of-type(1),
        .ppbox > div:nth-of-type(2) > div:nth-of-type(1),
        .ppbox > div:nth-of-type(3) > div:nth-of-type(1) {
            background-color: #28be9b;
        }

        .ppbox > div:nth-of-type(4) > div:nth-of-type(1) {
            /*background-image: url(../images/p_2.png);
            background-repeat: no-repeat;*/
            background-color: #198ca0;
        }

        .ppbox > div > div:nth-of-type(2) {
            line-height: 30px;
            font-size: 14px;
            color: #000;
        }
            /*
            .ppbox > div > div:nth-of-type(2) > div:nth-of-type(6) {
                background: url(../images/p_tag.png) no-repeat;
                width: 160px;
                height: 30px;
                line-height: 30px;
                color: #555;
                margin: 5px auto 2px;
                background-repeat: round;
            }*/

            .ppbox > div > div:nth-of-type(2) > div:nth-last-child(2) {
                height: 35px;
                line-height: 45px;
                color: #FF7B00;
                font-size: 30px;
                font-weight: bold;
                position: relative;
            }

                .ppbox > div > div:nth-of-type(2) > div:nth-last-child(2) > lable {
                    font-size: 15px;
                }

            .ppbox > div > div:nth-of-type(2) > div:nth-last-child(1) {
                text-decoration: line-through;
                font-size: 14px;
                color: #999;
            }
        /*.ppbox > div > div:nth-of-type(2) > div:last-child {
                font-size: 14px;
                color: #ef2424;
            }*/



        .ppbox > div > div:nth-of-type(4) {
            width: 140px;
            line-height: 40px;
            color: #fff;
            background: #5fcdd3;
            font-size: 16px;
            margin: 10px auto;
            border-radius: 3px;
            /* margin-top: 30px; */
            /* margin-bottom: -35px; */
        }

            .ppbox > div > div:nth-of-type(4):hover {
                cursor: pointer;
                background: #52c1c7;
                color: #fff;
                box-shadow: 0px 0px 5px 0px #52c1c7;
            }

        .ppbox > div .demand {
            font-size: 15px;
            font-weight: 600;
            color: #504a4a;
            line-height: 30px;
        }

            .ppbox > div .demand:before,
            .ppbox > div .demand:after {
                content: "";
                width: 10px;
                display: inline-block;
                vertical-align: middle;
                border-bottom: 1px solid #000;
                margin: -2px;
            }

    .ppbox div.topic {
        font-size: 14px;
        text-align: center;
        line-height: 22px;
    }


.date-djs {
    left: 0;
    right: 0;
    margin: 20px auto;
    width: 610px;
}

.date-block {
    width: 100%;
    height: 70px;
    font-size: 22px;
    color: #723D43;
    line-height: 70px;
    background: #FFF2D2;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
    border-radius: 49px;
}

    .date-block .djs-title {
        text-indent: 33px;
        font-size: 22px;
        float: left;
    }

    .date-block .djs-date span {
        font-size: 36px;
        color: #FE5200;
        margin: 0 14px 0 14px;
        vertical-align: -6px;
    }