body {
    background: url(../img/help_bg.jpg) top center no-repeat;
}

.pro_menu {
    margin: 40px auto 0 auto;
    width: 960px;
    height: 60px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 4px;
    border: solid 1px rgba(63, 104, 245, 0.35);
}

.pro_menu li {
    float: left;
    width: 20%;
    height: 50px;
    line-height: 50px;
}

.pro_menu li a {
    display: block;
    font-size: 18px;
}

.pro_menu li.active a {
    background-image: linear-gradient(90deg,
    #5f87f8 0%,
    #3860f4 100%);
    border-radius: 4px;
    color: #ffffff;
}

.pro_menu1 {
    width: 320px;
}
.pro_menu1 ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.pro_menu1 li {
    flex-basis: 50%;
}

.price_box_right_con_menu {
    width: 700px;
    margin: 40px auto;
}

.price_box_right_con_menu li {
    float: left;
    width: calc(19% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}

.price_box_right_con_menu li:last-child {
    margin-right: 0;
}

.price_box_right_con_menu li.active {
    background-image: linear-gradient(90deg,
    #ffcf87 0%,
    #ffbc76 100%);
    color: #4e342e;
}

.reduce, .add {
    float: left;
    border: 1px solid #d9ddec;
    background-color: #f7f8fc;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.add {
    /*margin-right: 40px;*/
}

.num {
    width: 48px;
    border: 1px solid #e6e8f3;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    height: 30px;
    float: left;
    text-align: center;
    font-weight: 500;
}

.reduce1, .add1 {
    float: left;
    border: 1px solid #d9ddec;
    background-color: #f7f8fc;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.num1 {
    width: 80px;
    border: 1px solid #e6e8f3;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    height: 36px;
    float: left;
    text-align: center;
    font-weight: 500;
}

.price_box_right_con_tab_td {
    padding: 10px 20px;
    line-height: 30px;
}

.price_box_right_con_tab_td li {
    line-height: 36px;
    font-weight: 500;
}

.price_box_right_con_tab_pr {
    border-top: 1px solid #e6e8f3;
    padding-top: 30px;
}

.price_box_right_con_tab_pr_left {
    float: left;
}

.price_box_right_con_tab_pr_left b {
    font-size: 32px;
    color: #3860f4;
}

.price_box_right_con_tab_pr_left > span {
    text-decoration: line-through;
    margin-left: 8px;
    color: #8593b6;
}

.price_box_right_con_tab_pr_right {
    display: inline-block;
    float: right;
    height: 36px;
    background-image: linear-gradient(90deg,
    #5f87f8 0%,
    #3860f4 100%);
    border-radius: 4px;
    line-height: 36px;
    color: #ffffff;
    padding: 0 40px;
}

.cx_card li {
    float: left;
    height: 200px;
    width: calc(25% - 24px);
    margin-right: 32px;
    margin-bottom: 30px;
    background-image: linear-gradient(0deg,
    #ffffff 0%,
    #ebeffc 100%),
    linear-gradient(90deg,
            #5f87f8 0%,
            #3860f4 100%);
    background-blend-mode: normal,
    normal;
    box-shadow: 2px 4px 10px 0 #ebeffc;
    border-radius: 4px;
    font-size: 20px;
    text-align: center;
}

.cx_card li img {
    /*padding: 30px 0 20px 0;*/
    margin: 30px 0 20px 0;
}

.cx_card li:nth-child(4n) {
    margin-right: 0;
}

.price_box_right_con_tab_ll li {
    position: relative;
    float: left;
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 30px;
    height: 120px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    padding: 20px;
    cursor: pointer;
}

.price_box_right_con_tab_ll li.active {
    background-color: #f7f8fc;
    border: solid 1px #d9ddec;
}

.price_box_right_con_tab_ll li:nth-child(4n) {
    margin-right: 0;
}

.price_box_right_con_tab_ll li > p {
    margin-bottom: 12px;
}

.price_box_right_con_tab_ll li > b {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}

.price_box_right_con_tab_ll li.active > p {
    color: #3861f4;
}

.price_box_right_con_tab_ll li > p > b {
    font-size: 24px;
}

.price_box_right_con_tab_ll li > span {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 24px;
    background-image: linear-gradient(90deg,
    #ffcf87 0%,
    #ffbc76 100%);
    border-radius: 4px;
    line-height: 24px;
    font-size: 14px;
    color: #4e342e;
    padding: 0 10px;
}

.price_box_right_con_tab_tit {
    font-weight: 500;
    margin-bottom: 20px;
}

.price_box_right_con_tab_tit > a {
    float: right;
    color: rgba(55, 69, 103, 0.6);
}

.price_box_bg {
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
}

.price_box_bg_left {
    float: left;
    padding: 40px 30px;
    border-right: 1px solid #e6e8f3;
    width: 68%;
    min-height: 500px;
    max-height: 500px;
    overflow: auto;
}

.hzc_tab {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.hzc_tab thead {
    border-bottom: 1px solid #e6e8f3;
    height: 40px;
}

.hzc_tab td {
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #e6e8f3;
}

.hzc_tab td > span {
    display: inline-block;
    height: 24px;
    border-radius: 4px;
    padding: 0 5px;
    color: #ffffff;
    font-size: 14px;
    margin-right: 5px;
    line-height: 24px;
    vertical-align: middle;
}

.hzc_tab td > span.sp1 {
    background-color: #f87070;
}

.hzc_tab td > span.sp2 {
    background-color: #f8a23c;
}

.hzc_tab td > span.sp3 {
    background-color: #14f1af;
}

.hzc_label {
    display: inline-block;
    cursor: pointer;
}

.hzc_label:last-child {
    margin-right: 0;
}

.hzc_radio {
    display: none;
}

.hzc_radioInput {
    background-color: #fff;
    border: 1px solid #e6e8f3;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    margin-top: -2px;
    vertical-align: middle;
    width: 20px;
    line-height: 1
}

.hzc_radio:checked + .hzc_radioInput:after {
    background-color: rgba(56, 96, 244, 0.8);
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 2px;
    width: 14px
}

.hzc_checkbox.hzc_radioInput, .hzc_radio:checked + .hzc_checkbox.hzc_radioInput:after {
    border-radius: 0
}

.price_box_bg_right {
    float: left;
    width: 32%;
    padding: 40px 20px;
}

.price_box_bg_right .check_del {
    color: #3860f4;
    float: right;
}

.price_box_bg_right_list {
    min-height: 150px;
    margin-bottom: 20px;
    /*max-height: 170px;*/
}

.price_box_bg_right_list li {
    height: 40px;
    line-height: 40px;
    background-color: #f7f8fc;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    margin-bottom: 10px;
}

.price_box_bg_right_list li > span {
    display: inline-block;
    /*width: 20%;*/
    text-align: center;
    font-size: 14px;
}

.price_box_bg_right_list li > span.pr {
    color: #3860f4;
}

.price_box_bg_right_list li > a {
    float: right;
    width: 40px;
    text-align: center;
}

.price_box_bg_right_time {
    margin-bottom: 40px;
}

.price_box_bg_right_time li {
    float: left;
    width: calc(25% - 9px);
    margin-right: 12px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.price_box_bg_right_time li:nth-child(4n) {
    margin-right: 0;
}

.price_box_bg_right_time li.active {
    background-color: #3860f4;
    color: #ffffff;
}

.choose_num {
    vertical-align: middle;
    display: inline-block;
    width: 25%;
}

.reduce3, .add3 {
    float: left;
    border: 1px solid #d9ddec;
    background-color: #f7f8fc;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.num3 {
    width: 36px;
    border: 1px solid #e6e8f3;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    height: 24px;
    float: left;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.price_box_bg_left1 {
    max-height: 700px;
}

.sf_menu {
    margin-bottom: 20px;
    height: 120px;
    overflow: hidden;
}

.sf_menu_show {
    height: auto;
    overflow: visible;
}

.sf_menu li {
    float: left;
    width: max-content;
    margin-right: 12px;
    margin-bottom: 10px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    padding: 0 20px;
}

/*.sf_menu li:nth-child(6n){*/
/*    margin-right: 0;*/
/*}*/
.sf_menu li.active {
    background-color: #f7f8fc;
    border-radius: 4px;
    border: solid 1px #d9ddec;
    color: #3861f4;
}

.cs_menu .cs_menu_d {
    float: left;
    width: calc(33.33% - 8px);
    margin-right: 12px;
    margin-bottom: 10px;
    /*padding-bottom: 20px;*/
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    cursor: pointer;
    overflow: hidden;
}

.cs_menu .cs_menu_d:hover {
    border: 2px solid #4e76f6;
}

.select-node {
    border: 2px solid #4e76f6 !important;
}

.cs_menu .cs_menu_d:nth-child(3n) {
    margin-right: 0;
}

.cs_menu_d_d1 {
    height: 40px;
    line-height: 40px;
    background-color: #f7f8fc;
    border-bottom: solid 1px #e6e8f3;
    padding: 0 20px;
}

.cs_menu_d_d1 img {
    float: right;
    margin-top: 14px;
}

.cs_menu_d_d2 {
    /*padding: 0 0 20px 0;*/
}

.cs_menu_d_d3 {
    margin-top: -30px;
    padding: 0 20px;
}

.cs_menu_d_d3 > span {
    display: inline-block;
    width: 50%;
}

.cs_menu_d_d3 > span:first-child {
    color: #3860f4;
}

.cs_menu_d_d3 > span:last-child {
    color: #ff3434;
}

.cs_menu1 .cs_menu_d {
    height: 105px;
}

.price_box_bg_right_tit li {
    float: left;
    width: 20%;
    text-align: center;
    height: 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.sc_sel {
    display: inline-block;
    height: 32px;
    width: 160px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    padding: 0 10px;
}

.sc_sel select {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}

.buy_card {
    margin-top: 60px;
}

.buy_card > ul > li {
    position: relative;
    float: left;
    width: calc(25% - 18px);
    background: #fff;
    border-radius: 10px;
    margin-right: 24px;
    transition: .2s;
}

.buy_card.buy_card_b > ul > li {
    width: calc(20% - 12px) !important;
    margin-right: 15px;
}

.buy_card.buy_card_c > ul > li {
    width: calc(33.3% - 20px) !important;
    margin-right: 30px;
}

.buy_card > ul > li:last-child {
    margin-right: 0;
}

.buy_card > ul > .actived {
    margin-top: -10px;
    padding-bottom: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.tjtc:before {
    content: '';
    display: block;
    background: url("../img/tj_tip.png");
    height: 106px;
    width: 97px;
    position: absolute;
    right: -16px;
    top: -24px;
}

.new-customer-img:before {
    content: '';
    display: block;
    background: url("../img/new-customer-img-1.png");
    height: 106px;
    width: 97px;
    position: absolute;
    right: -16px;
    top: -24px;
}

.price {
    position: relative;
    background: #f0f4fb;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.mons {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.mons > span {
    color: #fcbe2d;
}

.nums {
    position: relative;
    font-family: Impact, serif;
    font-size: 60px;
}

.nums:before {
    content: '¥';
    position: absolute;
    left: 10%;
    top: -10px;
    font-size: 18px;
}

.nums_ip:before {
    display: none;
}

.nums > span {
    font-size: 18px;
}

.pk_txt {
    padding: 0 20px;
}

.pk_txt li > span img {
    vertical-align: text-bottom;
    margin-right: 8px;
}

.pk_txt li {
    width: 100%;
    margin-bottom: 10px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #eee;
}

.pk_txt li:last-child {
    border: none;
}

.pk_txt li > span:first-child {
    float: left;
}

.pk_txt li > span:nth-child(2) {
    float: right;
}

.btn {
    text-align: center;
    display: block;
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    transition: 0.2s;
    cursor: pointer
}

.buy_btn {
    margin: 20px;
    border: 1px solid #5f87f8;
    color: #3860f4;
}

.buy_card > ul > .actived > .price {
    background: linear-gradient(90deg, #5f87f8 0%, #3860f4 100%);
    color: #fff
}

.buy_card > ul > .actived > .buy_btn {
    color: #fff;
    background: #3860f4
}

.buy_btn:hover {
    background: #3860f4 !important;
    color: #fff;
    border-color: #3860f4
}

.mb20 {
    margin-bottom: 20px;
}

.yellow {
    color: #fcbe2d;
}

.tc {
    text-align: center;
}

.op65 {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.lt {
    text-decoration: line-through;
}

.zj {
    color: #fcbe2d;
    font-size: 20px;
    margin-bottom: 10px;
}

.price_box_right_con_tab_num {
    padding: 10px 20px;
}

.price_box_right_con_tab_num_zy {
    float: left;
    font-weight: 500;
    line-height: 30px;
    width: 110px;
}

.price_box_right_con_tab_num_zy1 {
    width: 60px;
    text-align: center;
}

.callout {
    position: absolute;
    top: -32px;
    left: 10px;
    line-height: 24px;
    text-align: center;
    padding: 8px 12px;
    background: #ff6375;
    color: #fff;
    display: inline-block;
    z-index: 1;
    border-radius: 4px;
}

.callout::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 20px;
    padding: 6px;
    background: #ff6375;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}

.price_box {
    position: relative;
    padding: 40px 30px;
    background-color: #f7f8fc;
    border-radius: 10px;
    border: solid 1px #e6e8f3;
    margin-top: 40px;
    overflow: hidden;
}

.price_box_title {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.price_box_pic {
    position: absolute;
    top: -23px;
    right: -19px;
    background: url("../img/pro_right.png") no-repeat;
    height: 140px;
    width: 120px;
}

.price_box_right_con_tab_time {
    padding: 0 20px;
}

.price_box_right_con_tab_time li {
    float: left;
    width: calc(25% - 15px);
    margin: 10px 20px 0 0;
    height: 48px;
    line-height: 48px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e6e8f3;
    text-align: center;
    cursor: pointer;
}

.price_box_right_con_tab_time li:last-child {
    margin-right: 0;
}

.price_box_right_con_tab_time li.active {
    background-color: #f7f8fc;
    border-radius: 4px;
    border: solid 1px #d9ddec;
    color: #3861f4;
}

.package_header {
    margin-top: 95px;
    position: relative;
    z-index: 0;
}

.package_header .slogan_p {
    color: #020814;
    text-align: left;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 44px */
    text-transform: capitalize;
}

.package_header .pak_h_ul {
    display: flex;
    margin-top: 20px;
    margin-bottom: 65px;
}

.package_header .pak_h_ul .pak_h_li_tit {
    position: relative;
    padding-left: 21px;
    margin-right: 15px;
    color: #41464F;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 15px */
}

.package_header .pak_h_ul .pak_h_li_tit::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}

.bandwidth {
    width: calc(100% - 60px);
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin: 5px auto;
    text-align: center;
    border: 1px solid #e6e8f3;
    border-left: none;
    border-right: none;
}
.reduce-bandwidth , .add-bandwidth{
    width: 30px;
    height: 30px;
    margin: 5px auto;
    line-height: 30px;
    border: 1px solid #d9ddec;
    background-color: #f7f8fc;
    text-align: center;
    cursor: pointer;
}

.discount-tag {
    display: inline-block;
    background: rgb(255, 77, 79);
    color: #f2f2f2;
    width: fit-content;
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0 5px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 20px;
    z-index: 2;
}