@media (max-width: 800px) {
    .container {
        width: calc(100% - 20px);
        padding: 0 10px;
    }
    header{
        position: fixed;
        width: 100%;
        background: #fff;
        height: 48px;
        line-height: 48px;
        z-index: 1001;
    }
    .logo {
        margin: 0;
    }
    .logo>img{
        height: 32px;
    }
    .section1{
        background: #7a7ff7;
        height: 200px;
    }
    .section2 {
        background: #fff;
        height: 870px;
    }
    .section3{
        height: auto;
    }
    .section4{background: #fff;padding: 20px 0;height: auto}
    .se1_left{margin: 75px 0 0 10px;color: #fff;width: 50%}
    .se1_left>h1{font-size: 18px;margin-bottom: 20px;line-height: 28px}
    .se1_left>p{display: none}
    .se1_left>a{display: none}
    .nav,.header_btn{display: none}
    .nav_btn{
        position: relative;
        float: right;
        height: 40px;
        width: 40px;
        margin-top: 4px;
        text-align: center;
        z-index: 1001;
    }
    .nav_btn:before{
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -6px;
        margin-left: -8px;
        display: inline-block;
        height: 2px;
        width: 18px;
        border-radius: 1px;
        background: #7a7ff7;
        transition: .2s;
    }
    .nav_btn:after{
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: 4px;
        margin-left: -8px;
        display: inline-block;
        height: 2px;
        width: 18px;
        border-radius: 1px;
        background: #7a7ff7;
        transition: .2s;
    }
    .nav_btn_on:before{
        margin-top: 0;
        transform: rotate(45deg);
    }
    .nav_btn_on:after{
        margin-top: 0;
        transform: rotate(-45deg);
    }
    .nav_btn i{
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -1px;
        margin-left: -8px;
        display: inline-block;
        height: 2px;
        width: 18px;
        border-radius: 1px;
        background: #7a7ff7;
    }
    .main_shadow{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top:0;
        left: 0;
        background: #1d1d28;
        opacity: 0.9;
        z-index: 1000;
    }
    .main_shadow ul{
        width: 80%;
        margin: 100px auto;
        text-align: center;
    }
    .main_shadow ul li{
        height: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .main_shadow ul li>a{
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 60px;
    }
    .bg01_m{display: block; width: 40%;float: right;margin: 70px 10px 0 0 }
    .gg_title{font-size: 12px;padding: 10px 0 15px 0;margin: 0;line-height:30px;font-weight: bold}
    .gg_title a{margin: 0 10px}
    .gg_title a.actived:before{display: none}
    .gg_list{border: none;height: auto}
    .gg_list li{float: none;width: calc(100% - 20px);padding:0 10px 10px 10px;border: none;margin-bottom: 15px;border-bottom:1px solid #eee;height: auto}
    .gg_list li h3{font-size: 14px;font-weight: normal}
    .gg_list li h3 img{height: 14px}
    .gg_list li p{font-size: 12px;line-height: 16px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap; }
    .se2_left {
        float: none;
        margin: 0;
        padding-top: 20px;
    }
    .se2_left a{display: none}
    .se2_left h1{font-size: 20px;text-align: center;margin-bottom: 10px}
    .se2_left p{display: none}
    .se2_right{float: none;width: 100%;margin: 0}
    .se2_right li:nth-child(2){margin-top: 30px}
    .se2_right li:nth-child(3){margin-top: 30px}
    .se2_right li{
        float: right;
        width: calc(50% - 32px);
        height: 150px;
        margin: 30px 15px 0 15px;
        padding-top: 40px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eee;
        box-shadow: none;
        color: #adafb5;
    }
    .se2_right li img{width: 60px;margin-top: -10px}
    .se2_right li>p {
        margin-top: 30px;
        line-height: 24px;
        font-size: 14px;
    }
    .se3_title {
        padding-top: 30px;
        color: #fff;
        margin-bottom: 40px;
    }
    .se3_title>h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .se3_title>p{font-size: 14px}
    .se3_left_img{display: none}
    .ys_img{margin-right: 20px;margin-left:10px;height: 60px}
    .ys_txt{width: calc(100% - 100px)}
    .ys_txt h3{font-size: 16px;margin-bottom: 10px;margin-top: 6px}
    .ys_txt p{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;height: 20px }
    .section3 li{margin-bottom: 60px}
    .zf_img{width: 80%;margin-left:10%;margin-top:10px;float: none}
    .section5{display: none}
    .section6{height: auto;background: #7a7ff7;padding:10px 0}
    .foot_card{display: none}
    .f_r{display: none;float: none;}
    .f_l{float: none;font-size: 12px;line-height: 18px;margin-top: 0}
    .logo1{display: inline-block}
    .logo2{display: none}
    .banner_left {
        width: calc(100% - 20px);
        margin: 70px 10px 0 10px;
    }
    .banner_left>h1{font-size: 20px;line-height: 32px;margin-bottom: 10px;}
    .banner_left>p {
        font-size: 14px;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
        margin-bottom: 0px;
    }
    .pro_img{width: 90%;margin-left:5%;margin-top:20px !important;float: none}
    .banner{height: auto}
    .pro_card{display: none}
    .pro_con{padding: 40px 0}
    .pro_con img{width: 70%;margin: 0 15%}
    .pro_con_txt{margin-top: 30px;padding: 0 10px}
    .pro_con_txt>h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .pro_con_txt>p {
        font-size: 14px;
        line-height: 24px;
        color: #adafb5;
        margin-bottom: 0px;
    }
    .banner_left>h3 {
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .white_bg{background: #fff}
    .search {
        font-size: 14px;
        padding: 0 10px;
        height: 60px;
        width: auto;
        border: 1px solid #eee;
        margin-bottom: 20px;
    }
    .search input {
        line-height: 56px;
        margin-left: 10px;
        width: calc(100% - 70px);
        border: none;
    }
    .search a {
        display: inline-block;
        width: 40px;
        text-align: right;
        border-left: 1px solid #eee;
        color: #7a7ff7;
    }
    .search img{height: 18px}
    .card_left{display: none}
    .card_right{width: 100%;float: none}
    .help_con{float: none;margin-top: -20px}
    .help_con .card {
        height: 150px;
        width: calc(100% - 20px);
        padding: 10px;
        background: #fff;
        border-radius: 4px;
        margin-bottom: 20px;
    }
    .card_right h3 a {
        line-height: 24px;
    }
    .card_right .p2{
        text-overflow:ellipsis;overflow:hidden;white-space: nowrap
    }
    .card_right .p1{margin-bottom: 15px}
    .tcdPageCode{padding: 0}
    .lanmu{margin-top: 20px}
    .yunyin{display: none}
    .contact_title {
        margin: 0;
        padding: 80px 10px 0px 10px;
        font-weight: normal;
        font-size: 20px;
        text-align: center;
    }
    .se5_left{float: none;width: auto}
    .se5_right{float: none;width: auto;padding-left: 0;border: none}
    .se5_left>img{
        width: 100%;
        margin: 20px 0;
    }
    .se5_txt{
        width: 100%;
        margin: 20px 0;
    }
    .se5_txt>span h3{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .se5_txt>span p{line-height: 20px;margin-bottom: 20px}
    .se5_img2{display: none}
    .log_banner {
        background: #7a7ff7;
        height: 250px;
        text-align: center;
        color: #fff;
    }
    .log_banner h1 {
        font-size: 22px;
        margin-bottom: 20px;
        padding-top: 80px;
    }
    .log_banner p {
        font-size: 16px;
    }
    .two_content .t_c_title .t_c_t_nav li {
        width: 50%;
        height: 60px;
        line-height: 80px;
        font-size: 18px;
        color: #33334f;
        letter-spacing: 1px;
        float: left;
        text-align: center;
    }
    .two_content .t_reg_div .t_left_div {
        float: none;
        width: 100%;
    }
    .two_content .t_reg_div .t_left_div ul li .reg_content input{width: calc(100% - 10px)}
    .two_content .t_reg_div .t_left_div .t_l_btn{margin-top: 0px;text-align: center}
    .two_content .t_reg_div .t_left_div .t_l_link{margin-top: 40px;text-align: center}
    .two_content .t_reg_div .t_right_div{display: none}
    .two_content .t_reg_div .t_left_div ul li .reg_content a{position: absolute;right: 50px;font-size: 12px}
    .mj_nav {
        width: 100%;
        margin-bottom: 20px;
    }
    .mj_nav a{font-size: 14px}
    .con {
        padding: 10px;
        margin-top: -30px;
        border-radius: 4px;
    }
    .order_search {
        width: calc(100% - 10px);
        margin: 10px 0;
        font-size: 14px;
        height: 40px;
    }
    .order_search select {
        height: 40px;
        margin-right: 10px;
        margin-left: 10px;
        border: none;
        border-right: 1px solid #eee;
        padding-right: 0px;
        background: none;
    }
    .order_search input{
        width: calc(100% - 110px);
        line-height: 38px;
    }
    .order_search img {
        height: 16px;
        margin-top: 12px;
        margin-right: 6px;
    }
    .order_search>a {
        height: 40px;
        line-height: 40px;
        color: #7a7ff7;
        padding: 0 5px;
        background: none;
    }
    .t_orders_ul .t_o_li{
        margin-top: 40px;
        padding: 16px 10px 60px 10px;
    }
    .t_orders_ul .t_o_li .o_title{font-size: 12px;left: 10px}
    .t_orders_ul .t_o_li .o_c_1{padding: 0}
    .t_orders_ul .m_t1 {
        margin-top: 15px;
    }
    .t_orders_ul .t_o_li .o_c_1 .o_c_1_div p{font-size: 12px}
    .t_orders_ul .t_o_li .o_c_1 .o_c_1_div span{font-size: 12px}
    .t_orders_ul .t_o_li .o_c_1 .o_c_1_div{margin-bottom: 10px}
    .t_orders_ul .t_o_li .o_c_1 .o_c_1_div a {
        margin-left: 0px;
        font-size: 12px;
    }
    .t_orders_ul .t_o_li .o_c_km {
        margin-top: 10px;
    }
    .t_orders_ul .t_o_li .o_c_km .o_c_li {
        margin-bottom: 10px;
        padding: 5px 10px;
        background-color: #f3e7c9;
    }
    .t_orders_ul .t_o_li .o_c_km .o_c_li .o_km_name {
        float: none;
        margin-right: 0;
    }
    .t_orders_ul .t_o_li .o_c_km .o_c_li div{font-size: 12px}
    .t_orders_ul .m_t3{display: none}
    .t_orders_ul .t_o_li .o_c_tips{display: none}
    .t_orders_ul .t_o_li .export_btn {
        bottom: 15px;
        right: 10px;
        border-radius: 13px;
        width: 100px;
        height: 26px;
        line-height: 24px;
        font-size: 12px;
    }
    .u_i_set {
        margin: 0 auto;
        padding: 10px 0 0;
    }
    .u_i_set .u_s_val input{width: calc(100% - 24px)}
    .u_i_set .u_s_val.jubao span {
        width: calc(50% - 5px);
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .u_i_set li {
        margin-bottom: 20px;
    }
    .u_i_set .u_s_val textarea {
        width: calc(100% - 24px)
    }
    .u_i_set .btn_save{margin-bottom: 20px;font-size: 14px}
    .complaint_c {
        width: calc(100% - 40px);
        padding: 20px;
        margin: 26px auto 0;
    }
    .complaint_c .c_c_content .us_content .c_imgs li{margin-bottom: 10px}
    .complaint_c .c_c_footer .msg_t_d textarea {
        width: 100%;
        font-size: 14px;
    }
    .complaint_c .c_c_head .p1{font-size: 16px;white-space: nowrap}
    .complaint_c .c_c_head .span1{font-size: 16px}

    .order_list li{
        float: none;
        margin: 0 0 20px 0;
        border: 1px solid #e5e5e5;
        padding: 0 20px 20px 20px;
        height: 200px;
        width: calc(100% - 40px);
        transition: 0.3s;
    }
    .order_list li:hover{
        border-color: #7a7ff7;
    }
    .order_list li:nth-child(even){margin-right: 0}
    .order1{
        height: 60px;
        line-height: 32px;
        border-bottom: 1px #eee solid;
    }
    .order1 span.fl{
        float: none;
        font-size: 14px;
    }
    .order1 span.fl i{font-size: 20px;color: #7a7ff7;;vertical-align: middle}
    .order1 span.fr{
        line-height: 20px;
        display: block;
        float: none;
        font-size: 12px;
        color: #adafb5;
        margin-left: 26px;
    }
    .order2{
        text-align: center;
        margin-top: 20px;
    }
    .order2 span.fl{
        width: 33%;
        margin-bottom: 30px;
    }
    .order2 span.fl h3{font-size: 16px;margin-bottom: 20px}
    .order2 span.fl p{font-size: 14px;color: #adafb5}
    .order2 a.fr{
        clear: both;
        float: none;
        margin: 0 auto;
    }
    .modal_main{
        padding: 20px;
        width: calc(100% - 50px);
    }
    .big_modal{
        width: calc(100% - 50px);
        max-height: calc(100% - 50px);
        overflow-y: auto;
    }
    .bottom_btn{
        width: calc(50% - 10px);
    }
    .t_orders_ul .t_o_li .o_c_1 .o_c_1_div{margin-right: 20px}
    .t_o_li .tousu_btn {
        position: absolute;
        bottom: 15px;
        right: 120px;
        border: 1px #7a7ff7 solid;
        border-radius: 16px;
        width: 100px;
        height: 26px;
        line-height: 26px;
        background-color: transparent;
        text-align: center;
        font-size: 12px;
        color: #7a7ff7;
        letter-spacing: 1px;
        font-weight: bold;
    }
    /*投诉订单*/
    .u_i_set {
        margin: 0 auto;
        max-width: 724px;
        padding: 20px 0 0;
    }

    .u_i_set li {
        margin-bottom: 15px;
        min-height: 32px;
        line-height: 32px;
    }

    .u_i_set .u_s_title {
        float: left;
        width: 60px;
        font-size: 12px;
        color: #33334f;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .u_i_set .u_s_val {
        float: left;
        width: calc(100% - 60px);
    }

    .u_i_set .u_s_val input {
        width: calc(100% - 20px);
        padding: 0 10px;
        height: 32px;
    }

    .u_i_set .u_s_val textarea {
        width: calc(100% - 20px);
        height: 70px;
        padding: 10px;
    }

    .u_i_set .u_s_val input,
    .u_i_set .u_s_val textarea {
        font-size: 12px;
        color: #858595;
        letter-spacing: 1px;
        border: 1px #eeeeee solid;
        border-radius: 4px;
    }

    .u_i_set .u_s_val input::-webkit-input-placeholder,
    .u_i_set .u_s_val textarea::-webkit-input-placeholder {
        font-size: 12px;
        color: #ccc;
        letter-spacing: 1px;
    }

    .u_i_set .u_s_val.jubao span {
        display: inline-block;
        position: relative;
        border: 1px #eeeeee solid;
        width: 65px;
        height: 28px;
        line-height: 26px;
        background-color: transparent;
        font-size: 12px;
        color: #858595;
        letter-spacing: 2px;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .u_i_set .u_s_val.jubao span .activ_icon,
    .u_i_set .u_s_val.jubao span i {
        display: none;
    }

    .u_i_set .u_s_val.jubao span.active {
        border-color: #2868f0;
        color: #2868f0;
    }

    .u_i_set .u_s_val.jubao span.active .activ_icon {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0px;
        height: 0px;
        border-width: 4px;
        border-style: solid;
        border-color: transparent #2868f0 #2868f0 transparent;
        z-index: 1;
    }

    .u_i_set .btn_save {
        display: block;
        width: 100px;
        height: 40px;
        line-height: 38px;
        background-color: #2868f0;
        text-align: center;
        font-size: 15px;
        color: #ffffff;
        letter-spacing: 1px;
        border-radius: 40px;
    }

    .file {
        float: left;
        position: relative;
        color: #2868f0;
        margin: 0 10px 0 0;
        padding: 0 10px;
        height: 50px;
        border: 2px dashed #eee;
        border-radius: 4px;
        cursor: pointer;
    }

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

    .file input[type=file] {
        display: none;
        left: 0;
        top: 0;
    }

    .file i {
        font-size: 24px;
        vertical-align: middle;
    }

    .file {
        font-size: 12px;
        height: 32px;
        margin-right: 4px;
        margin-bottom: 4px;
        border: 1px dashed #eee;
    }

    .file i {
        font-size: 14px
    }

    .t_help_div p {
        font-size: 14px;
    }
}