@media (max-width: 800px) {
    .container {
        position: relative;
        max-width: calc(100% - 24px);
        min-width: calc(100% - 24px);
        margin: 0 auto;
        height: auto;
    }

    header {
        height: 44px;
    }

    .logo {
        background-size: cover;
        height: 26px;
        width: 120px;
        margin: 10px 0 0 0;
    }

    .shadow {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000;
        transition: .25s;
    }

    .nav {
        float: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #fff;
        z-index: 1001;
        overflow-y: auto;
        transition: .25s;
    }

    .nav li {
        position: relative;
        float: none;
        margin-right: 0;
        border-bottom: 1px solid #e6e8f3;
    }

    .nav li > a {
        font-size: 16px;
        font-weight: 500;
    }

    .nav_show {
        padding: 12px;
        width: calc(100% - 80px);
    }

    .header_btn {
        float: right;
    }

    .header_btn > a {
        float: left;
        margin: 8px 0 0 0;
    }

    .btn_sub {
        display: block;
        width: 60px;
        line-height: 28px;
        border-radius: 4px;
        border: solid 1px #3860f4;
        color: #3860f4;
        font-size: 12px;
    }

    .btn_basic {
        display: block;
        width: 60px;
        line-height: 28px;
        background-image: linear-gradient(90deg,
        #3290ff 0%,
        #0466da 100%),
        linear-gradient(
                #3860f4,
                #3860f4);
        background-blend-mode: normal,
        normal;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
    }

    .btn_menu > i {
        font-size: 24px;
        color: #3860f4;
        padding: 0 0 0 10px;
    }

    .header_right {
        display: none;
    }

    .main_banner {
        background-position: left center;
        padding-top: 40px;
        height: auto;
        padding-bottom: 80px;
        text-align: center;
    }

    .main_banner_left_d1 {
        margin-bottom: 20px;
    }

    .main_banner_left_d2 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .main_banner_left_d3 {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .main_free_card_d1 li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .main_title {
        padding: 30px 0;
        width: calc(100% - 24px);
        margin: 0 auto;
    }

    .main_title b {
        font-size: 24px;
    }

    .main_title p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
    }

    .section1 {
        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 0px #ebeffc;
        border-radius: 4px;
        padding: 20px 12px;
        text-align: center;
        height: auto;
    }

    .section1 > img:last-child, .section1 > img:first-child {
        display: none;
    }

    .section1_d1 {
        float: none;
        margin: 0;
    }

    .section1_d1 b {
        font-size: 18px;
    }

    .section1_d1 p {
        font-size: 14px;
        line-height: 20px;
    }

    .section2_card > ul > li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 24px;
    }

    .section2_card_d3 li {
        margin-bottom: 20px;
    }

    .section2_card_line {
        margin: 20px 0;
    }

    .section2_card_d3 li p {
        padding-bottom: 12px;
        font-size: 14px;
    }

    .section2 {
        padding-bottom: 20px;
    }

    .section3 li {
        height: auto;
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 20px;
    }

    .section3 li p {
        font-size: 14px;
        line-height: 20px;
    }

    .section4 {
        height: auto;
    }

    .section4 li {
        width: 50%;
        border: none;
        height: auto;
        text-align: center;
        padding: 24px 0;
    }

    .section4 li:last-child {
        display: none;
    }

    .section4 li b {
        font-size: 24px;
    }

    .section4 li p {
        font-size: 14px;
        margin-top: 20px;
    }

    .section5 li {
        width: 50%;
        margin-bottom: 20px;
    }

    .section5 li img {
        height: 30px;
    }

    .section6_d1 li > img {
        width: 24px;
        margin-right: 4px;
    }

    .section3 li img {
        width: 24px;
    }

    .section3 li b {
        font-size: 18px;
    }

    .section6_d1 li {
        font-size: 16px;
    }

    .section6_d2 li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .section6_d2 li > a > span {
        font-size: 12px;
    }

    .section6_d2 li > a {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .foot1 {
        height: auto;
        text-align: center;
        margin-top: 40px;
        padding-bottom: 20px;
    }

    .foot1 b {
        font-size: 24px;
        margin-top: 20px;
    }

    .foot1 p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 18px;
    }

    .foot1 a {
        position: relative;
        top: 0;
        margin-top: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .foot2 {
        padding-top: 24px;
    }

    .foot2_left {
        float: none;
        width: 100%;
    }

    .foot2_left li {
        margin-bottom: 20px;
        width: 50%;
        text-align: center;
    }

    .foot2_left li > a {
        text-align: center;
        margin-bottom: 12px;
    }

    .foot2_right {
        float: none;
        width: 100%;
    }

    .foot2_right_d1 {
        text-align: center;
    }

    .foot2_right_d1 li {
        float: none;
        font-size: 14px;
        margin-right: 0;
    }

    .foot2_right_d2 {
        text-align: center;
    }

    .foot2_right_d2 li {
        float: none;
        display: inline-block;
        margin: 0 20px;
    }

    .about_banner {
        height: auto;
        padding: 40px 0 120px 0;
    }

    .about_banner b {
        font-size: 24px;
    }

    .about_banner p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
        padding: 0;
    }

    .about_section1 {
        height: auto;
        padding: 20px 12px 0 12px;
        margin-bottom: 40px;
    }

    .about_section1 li {
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
    }

    .about_section1 li b {
        font-size: 24px;
    }

    .about_section1 li .p1 {
        font-size: 16px;
        margin: 12px 0;
    }

    .about_section1 li .p2 {
        font-size: 14px;
        line-height: 20px;
    }

    .about_section2_d {
        float: none;
        width: 100%;
        padding-left: 80px;
        margin-bottom: 20px;
    }

    .about_section2_d_d1 {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .about_section2_d_d1 img {
        width: 32px;
    }

    .about_section2_d_d2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .about_section2_d_d3 {
        font-size: 14px;
    }

    .about_section2 {
        margin-bottom: 40px;
    }

    .about_section3_l b {
        font-size: 24px;
    }

    .about_section3_l p {
        font-size: 14px;
        line-height: 20px;
    }

    .about_section3_l {
        float: none;
    }

    .about_section3 img {
        float: none;
        width: 100%;
        margin-top: 12px;
    }

    .cust_tit {
        margin: 40px 0;
    }

    .cust_tit b {
        font-size: 32px;
    }

    .cust_tit p {
        font-size: 16px;
        line-height: 30px;
    }

    .cust_con {
        padding: 20px;
    }

    .cust_con_t {
        font-size: 22px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .cust_con_c {
        width: 100%;
    }

    .cust_con_c li {
        margin-bottom: 20px;
    }

    .cust_con_c li > b {
        display: block;
    }

    .cust_con_c li > a {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .cust_con_c li > input[type='text'] {
        width: 100%;
        font-size: 14px;
    }

    .cust_con_c li > textarea {
        width: 100%;
        font-size: 14px;
    }

    .cust_con_btn {
        margin: 20px auto;
        font-size: 16px;
        width: 100%;
    }

    .help_search {
        padding: 40px 0 20px 0;
    }

    .help_search_d1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .help_search_d2 {
        width: calc(100% - 24px);
    }

    .help_search_d2 input {
        font-size: 14px;
    }

    .help_search_d3 {
        width: calc(100% - 24px);
        font-size: 14px;
    }

    .help_title {
        margin: 20px auto;
        font-size: 24px;
    }

    .help_section1_tit li {
        width: 50%;
        line-height: 40px;
    }

    .help_section1_tit li:nth-child(3), .help_section1_tit li:nth-child(4) {
        display: none;
    }

    .help_section1_tit {
        height: 40px;
        font-size: 16px;
        padding: 0 10px;
    }

    .help_section1_list li {
        width: 50%;
        font-size: 14px;
    }

    .help_section1_list {
        padding: 0 10px;
    }

    .help_section1_list li:nth-child(3), .help_section1_list li:nth-child(4) {
        display: none;
    }

    .help_section1_list_a {
        margin-bottom: 14px;
    }

    .help_section1_list_line {
        margin: 12px 0;
    }

    .help_section2 li {
        height: auto;
        padding-bottom: 40px;
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .help_section2 li p {
        font-size: 14px;
        line-height: 24px;
    }

    .list_title_t1 {
        font-size: 32px;
        margin-top: 40px;
    }

    .list_title_t2 {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .list_nav {
        width: 100%;
        height: 90px;
    }

    .list_nav li {
        height: 80px;
    }

    .list_nav li a {
        line-height: 40px;
        font-size: 16px;
    }

    .list_con_left {
        float: none;
        width: 100%;
        padding: 0 12px;
    }

    .list_con_left_d {
        padding: 20px 0;
    }

    .list_con_left_d_l {
        width: 100px;
        padding: 20px 0;
    }

    .list_con_left_d_l .sp1 {
        font-size: 30px;
    }

    .list_con_left_d_l .sp2 {
        font-size: 12px;
        line-height: 14px;
    }

    .list_con_left_d_r .p2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .list_con_left_d_r {
        width: calc(100% - 100px);
        padding-left: 20px;
    }

    .list_con_right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .log_card {
        width: calc(100% - 24px);
        margin: 20px auto;
        padding: 20px;
    }

    .log_card_left {
        float: none;
        width: 100%;
        padding-right: 0;
        border: none;
    }

    .log_card_form li {
        margin-bottom: 10px;
    }

    .log_card_form li b {
        display: block;
    }

    .log_card_form li input {
        width: 100%;
        font-size: 14px;
    }

    .log_card_form li button {
        width: 100%;
    }

    .log_card_btm {
        margin-top: 12px;
        padding-left: 0;
    }

    .log_card_right {
        padding-left: 0;
        float: none;
        margin-top: 40px;
    }

    .log_card_right_ewm {
        display: inline-block;
    }

    .agree_p {
        font-size: 14px;
    }

    .reg_card_bg:before {
        display: none;
    }

    .news_left {
        width: 100%;
        float: none;
    }

    .news_left_d1 {
        margin: 20px 0;
    }

    .news_left_d2 {
        font-size: 24px;
    }

    .news_left_d3 {
        margin-bottom: 20px;
    }

    .news_left_d4 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .news_left_d5 li {
        float: none;
        width: 100%;
        height: 44px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .news_left_d5 li a {
        line-height: 44px;
        font-size: 14px;
    }

    .news_left_d5 li img {
        height: 12px;
        margin-top: 15px;
    }

    .hot_tit {
        font-size: 24px;
        margin: 20px 0;
    }

    .pro_banner {
        height: auto;
        padding: 20px 0;
        background-position: left center;
    }

    .pro_banner b {
        font-size: 32px;
    }

    .pro_banner p {
        font-size: 16px;
        margin-top: 20px;
    }

    .package_header .pak_h_ul {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .package_header .pak_h_ul .pak_h_li_tit {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: left;
    }

    .pro_menu {
        display: block;
        margin: 20px auto;
        height: 50px;
        width: calc(100% - 24px);
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .pro_menu li {
        float: none;
        display: inline-block;
        width: auto;
        height: 40px;
        line-height: 40px;
    }

    .pro_menu li a {
        font-size: 14px;
        padding: 0 10px;
    }

    .price_box_xq {
        display: none;
    }

    .price_box_right_con {
        float: none;
        width: 100%;
    }

    .price_box {
        padding: 12px;
        margin-top: 12px;
    }

    .price_box_title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .price_box_right_con_menu {
        width: 100%;
        margin: 20px auto;
    }

    .price_box_right_con_menu li {
        width: calc(50% - 6px);
        margin-right: 12px;
        margin-bottom: 12px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .price_box_right_con_menu li:nth-child(even) {
        margin-right: 0;
    }

    .price_box_right_con_tab {
        padding: 12px;
    }

    .price_box_right_con_tab_time {
        margin-bottom: 20px;
    }

    .price_box_right_con_tab_t {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .price_box_right_con_tab_time li {
        width: calc(50% - 6px);
        margin-right: 12px;
        margin-bottom: 12px;
    }

    .price_box_right_con_tab_time li:nth-child(even) {
        margin-right: 0;
    }

    .price_box_right_con_tab_td {
        margin-bottom: 20px;
    }

    .price_box_right_con_tab_pr {
        padding-top: 20px;
    }

    .price_box_pic {
        height: 70px;
        width: 60px;
        background-size: cover;
        top: -10px;
        right: -10px;
    }

    .price_box_right_con_tab_pr_left {
        float: none;
        text-align: center;
    }

    .price_box_right_con_tab_pr_right {
        float: none;
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 12px;
    }

    .cx_card li {
        width: calc(50% - 6px);
        margin-right: 12px;
        margin-bottom: 12px;
        height: auto;
        font-size: 14px;
        padding-bottom: 20px;
    }

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

    .cx_card li img {
        padding: 20px 0 10px 0;
    }

    .cx_card li img {
        width: 60%;
    }

    .price_box_right_con_tab_ll {
        margin-bottom: 20px;
    }

    .price_box_right_con_tab_ll li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
        height: auto;
        padding: 12px 12px 0 12px;
    }

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

    .price_box_right_con_tab_num_zy {
        width: auto;
        margin-right: 10px;
    }

    .num, .num1 {
        width: 50px;
    }

    .price_box_bg_left {
        width: 100%;
        float: none;
        padding: 12px;
        min-height: 500px;
        max-height: 500px;
        overflow-x: auto;
    }

    .hzc_tab {
        table-layout: auto;
    }

    .hzc_tab th, .hzc_tab td {
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        padding: 0 6px;
    }

    .price_box_bg_right {
        width: 100%;
        float: none;
        padding: 12px;
    }

    .pro_menu1 {
        /*width: 100%;*/
        /*max-width: 100%;*/
        /*min-width: auto;*/
    }

    /*.sf_menu li{*/
    /*    width: calc(24% - 9px);*/
    /*    margin: 0 12px 12px 0;*/
    /*}*/
    /*.sf_menu li:nth-child(4n){*/
    /*    margin-right: 0;*/
    /*}*/
    /*.sf_menu li:nth-child(6n){*/
    /*    margin-right: 12px;*/
    /*}*/
    .cs_menu .cs_menu_d {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .price_box_bg_right_list {
        min-height: 100px;
    }

    .share_banner img {
        display: none;
    }

    .share_banner b {
        font-size: 32px;
        padding-top: 40px;
    }

    .share_banner p {
        font-size: 16px;
        margin-top: 20px;
    }

    .share_banner {
        height: auto;
        padding-bottom: 40px;
    }

    .share_section1 li {
        float: none;
        width: 100%;
        margin: 12px 0;
    }

    .share_section2 li {
        float: none;
        width: 100%;
        margin: 0 0 12px 0;
        padding: 20px;
    }

    .share_section2 li > img {
        margin-bottom: 20px;
    }

    .share_section2 li > .p1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .share_section3 li {
        float: none;
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 12px;
        padding: 20px;
    }

    .share_section3 li img {
        width: 32px;
        left: 24px;
        top: 12px;
    }

    .share_section3 li p {
        margin-top: 20px;
    }

    .share_section3 li b {
        padding-left: 60px;
    }

    .pay_banner {
        padding-left: 0;
        height: auto;
    }

    .modal {
        width: 90%;
    }

    .pay_banner > img {
        position: relative;
        display: block;
        width: 69px;
        margin: 20px auto;
        top: 0;
    }

    .pay_banner_d1 {
        padding-top: 0;
        text-align: center;
        height: auto;
        padding-bottom: 12px;
    }

    .pay_banner_d1 > h3 {
        font-size: 24px;
    }

    .pay_banner_d1 > .p2 {
        position: relative;
        top: 0;
        padding-top: 10px;
    }

    .pay_banner_d2 li {
        float: none;
        width: 100%;
        text-align: right;
    }

    .pay_banner_d2 li > span {
        float: left;
        text-align: left;
    }

    .pay_con {
        margin-top: 20px;
    }

    .yh_card {
        width: calc(50% - 6px);
        margin: 0 12px 12px 0;
        padding: 0 12px;
        border-radius: 10px;
    }

    .yh_card_list .yh_card:nth-child(2n) {
        margin-right: 0;
    }

    .payment li {
        width: calc(50% - 6px);
        margin: 0 12px 12px 0;
    }

    .payment li:nth-child(2n) {
        margin-right: 0;
    }

    .pay_con_card_line {
        margin: 12px 0;
    }

    .buy_card {
        margin-top: 0;
    }

    .buy_card > ul > li, .buy_card.buy_card_b > ul > li, .buy_card.buy_card_c > ul > li {
        width: 100% !important;
        margin: 0 0 12px 0;
        border: 1px solid #eee;
    }

    .api_form_sl {
        width: 100%;
        margin-bottom: 10px;
    }

    .api_form_inp {
        width: 100%;
        margin-bottom: 10px;
    }

    .foot2_bottom_d2 span {
        display: block;
        margin-right: 10px;
        margin-top: 10px;
        color: rgba(55, 69, 103, 0.6);
    }
    .top_bg {
        display: none;
    }
}

@media (min-width: 800px) {
    .header_btn {
        display: none
    }
}

/*@media (min-width: 1930px) {*/
/*    .top_bg {*/
/*        height: 80px;*/
/*    }*/
/*    .top_bg a {*/
/*        height: 80px;*/
/*    }*/
/*}*/
@media (max-width: 1320px) {

    .nav li:nth-child(7) {
        display: none
    }
}