.page-price {
    padding-top: 120px;
}

.page-price .site-title {
    background: url(../images/1577681578429erurhjgg02egndr.png) no-repeat center center;
}

.page-price .site-title h2 {
    font-size: 40px;
    margin-bottom: 15px;
}

.page-price .site-title small {
    font-size: 16px;
}

.page-price .price-container {
    overflow: hidden;
    min-height: 600px;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#ffffff), to(#c1e7ff));
    background: linear-gradient(#ffffff, #ffffff, #c1e7ff);
}

.page-price .price-container:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/1577681660874rkkt8wyp86s57dv.png) repeat-x 0 bottom;
    height: 500px;
}

.page-price .price-container>.main {
    position: relative;
}

.page-price .price-grid-wrap {
    margin: 0 -100px;
}

.page-price .price-nav {
    text-align: center;
    /* margin-bottom: 36px; */
    padding-top: 18px;
    z-index: 10000;
}

.page-price .price-nav>a {
    display: inline-block;
    margin: 0 2px;
    padding: 10px 20px;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background: #9c9c9c;
}

.page-price .price-nav>a.active {
    background: #ff601b;
}

.page-price .grid {
    border: 2px #ff601b solid;
    border-radius: 26px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
    z-index: 10;
}

.page-price .grid>table {
    width: 100%;
    table-layout: fixed;
    table-space: 0;
}

.page-price .grid th {
    /* height: 72px; */
    background: #f7f7f7;
    color: #fff;
}

.page-price .grid th h3 {
    font-size: 15px;
}

.page-price .grid th small {
    font-weight: normal;
    font-size: 14px;
}

.page-price .grid th.title {
    color: #5e5e5e;
}

.page-price .grid th.normal {
    background: #e7e7e7;
    color: #5e5e5e;
}

.page-price .grid th.normal small {
    color: #838383;
}

.page-price .grid th .grid-cell.vip1 {
    background: #ffac1b;
}

.page-price .grid th .grid-cell.vip2 {
    background: #ff8b1b;
}

.page-price .grid th .grid-cell.vip3 {
    background: #ff601b;
}

.page-price .grid th .grid-cell.vip4 {
    background: #ff2255;
}

.page-price .grid th .grid-cell.vip5 {
    background: #ac29ff;
}

.page-price .grid tr>td:first-child {
    border-left: 0 !important;
}


/* .page-price .grid tr:first-child>td {
    padding-top: 30px;
}

.page-price .grid tr:last-child>td {
    padding-bottom: 30px;
} */

.page-price .grid td {
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 12px;
    border-left: 1px solid #c0c0c0;
    font-size: 15px;
}

.page-price .grid td b,
.page-price .grid td span,
.page-price .grid td small {
    color: #838383;
}

.page-price .grid td b {
    font-size: 18px;
}

.page-price .grid td span {
    font-size: 15px;
}

.page-price .grid td small {
    font-size: 12px;
}

.page-price .grid td.normal span,
.page-price .grid td.normal b {
    font-weight: normal;
    font-size: 15px;
}

.page-price .grid .grid-cell.vip1 span,
.page-price .grid .grid-cell.vip1 b {
    color: #ffac1b;
}

.page-price .grid .grid-cell.vip2 span,
.page-price .grid .grid-cell.vip2 b {
    color: #ff8b1b;
}

.page-price .grid .grid-cell.vip3 span,
.page-price .grid .grid-cell.vip3 b {
    color: #ff7543;
}

.page-price .grid .grid-cell.vip4 span,
.page-price .grid .grid-cell.vip4 b {
    color: #ff2255;
}

.page-price .grid .grid-cell.vip5 span,
.page-price .grid .grid-cell.vip5 b {
    color: #ac29ff;
}

@media screen and (max-width: 1600px) {
    .page-price .price-grid-wrap {
        max-width: 1400px;
        margin: auto;
    }
}

.page-price {
    text-align: center;
}


/* 
.page-price .price-title {
    height: 360px;
    color: #fff;
    padding-top: 60px;
    background: url(../images/1583981710430znlbtdudzzaj307.jpg) no-repeat center bottom #097aff;
} */

.page-price .price-title h1 {
    font-size: 40px;
}

.page-price .price-title small {
    font-size: 16px;
    margin-bottom: 10px;
}

.page-price .main {
    padding-bottom: 20px;
}


/* .price-nav {
    text-align: center;
    padding: 30px;
}

.price-nav>a {
    display: inline-block;
    margin: 0 -1px;
    padding: 6px 25px;
    background: #03BBFF;
    color: #fff;
}

.price-nav>a.active {
    background-color: #000;.page-price .price-title
}

.price-nav>a:first-child {
    border-radius: 25px 0 0 25px;
}

.price-nav>a:last-child {
    border-radius: 0 25px 25px 0;
} */

@media (max-width: 768px) {
    .page-price {
        padding-top: 60px;
    }
    .page-price .price-title {
        padding: 0;
        height: 60px;
        background: #fff;
        position: relative;
        z-index: 10000;
    }
    .page-price .main {
        padding-bottom: 0;
    }
    .price-nav {
        position: fixed;
        width: 100%;
        top: 50px;
    }
    .page-container .content {
        padding: 0 20px;
    }
}

.price-grid {
    /* margin-top: -81px; */
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.price-grid th,
.price-grid td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #E0E6EB;
    vertical-align: top;
}

.price-grid .grid-side {
    width: 20%;
    background: #5F728B;
    color: #fff;
    border-color: #546780;
    border-left: 1px #546780 solid;
}

.price-grid .grid-main {
    width: 80%;
    padding: 0 0;
}

.price-grid .grid-row {
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
}

.price-grid .grid-cell {
    padding: 5px;
    width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    border-right: 1px #E0E6EB solid;
}

.price-grid .grid-cell:last-child {
    border-width: 0 !important;
}

.price-grid .grid-cell b.deep {
    color: #29C7B2;
}

.price-grid .grid-cell span {
    display: none;
    text-align: right;
}

.price-grid .grid-cell span>i {
    font-style: normal;
    background-color: #5F728B;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 0.85em;
    color: #fff;
}

.price-grid .deep .grid-side {
    background: #596D88;
}

.price-grid .deep .grid-main {
    background-color: #EDF4F9;
}

.price-grid thead .grid-side,
.price-grid thead .grid-main,
.price-grid thead .grid-cell {
    background-color: #fff;
    border-color: #fff;
    color: inherit;
    /* height: 80px; */
    border: none;
}

.price-grid thead .grid-cell {
    padding-top: 20px;
}

.price-grid thead small {
    font-size: 1.1em;
}

.price-grid thead h3.deep {
    color: #29C7B2;
}

@media (max-width: 768px) {
    .price-grid {
        margin-top: 0;
        border-radius: 0;
    }
    .price-grid .grid-side {
        width: 30%;
    }
    .price-grid .grid-main {
        width: 70%;
    }
    .price-grid .grid-row {
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
    }
    .price-grid .grid-row .grid-cell {
        text-align: left;
    }
    .price-grid thead {
        display: none;
    }
    .price-grid .grid-cell {
        border-left: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .price-grid .grid-cell span.name {
        display: inline-block;
        width: 42%;
    }
}