@media only screen and (max-width:760px) {
  .hamburger.is-closed .hamb-middle {
    margin-top: -1px;
  }
  .hamburger.is-closed .hamb-top {
    top: 2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 2px;
  }
  .sidebar-nav {
    z-index: 9;
    background-color: #fff;
    padding: 100px 30px 50px;
  }
  .sidebar-nav .sidebar-brand a {
    color: #222;
  }
  .sidebar-nav .sidebar-brand > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 20px;
  }
  .sidebar-nav {
    overflow-y: scroll;
  }
  .headerwrap_current .header {
    background-color: #1a1a1a;
  }
  .sidebar-nav .sidebar-brand .sidebar-brand-there a {
    font-size: 14px;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .hamburger {
    height: 26px;
    right: 2%;
    top: 14px;
    z-index: 10;
    display: block;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #04B8D3;
    height: 2px;
  }
  .sidebar-nav .sidebar-brand a .sj{
    border-color: #222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .center{
    width: 100%;
    /* border: 1px solid red; */
  }
  .e-index1Box{
    padding-top: 50px;
  }
  .order-ext{
    padding-top: 80px;
  }
  .order-ext .e-top{
    width: 97%;
  }
  .addCart .text{
    font-size: 12px;
    margin-left: 2px;
  }
  .addCart i{
    font-size: 16px;
  }
  .addCartList{
    display: none;
  }
  .addCart{
    margin-right: 5px;
    width: 82px;
    height: 27px;
  }
  .headerInnerBox .right .searchBox{
    margin-right: 5px;
  }
  .headerInnerBox .right .login-box p{
    font-size: 12px;
    margin-left: 5px;
  }
  .headerBox .headerInnerBox{
    width: 95%;
    height: 50px;
  }
  .headerInnerBox .left .logo{
    width: 55px;
  }
  .headerInnerBox .left .headerNav{
    display: none;
  }
  .headerInnerBox .right .searchBox form{
    width: 110px;
    height: 25px;
  }
  .headerInnerBox .right .searchBox form input{
    width: 80px;
    font-size: 12px;
  }
  .headerInnerBox .right .searchBox form button i{
    font-size: 12px;
  }
  .headerInnerBox .right .peo-box{
    width: 30px;
    height: 30px;
    margin-right: 30px;
  }
  .e-index1InnerBox .left .my-ex-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
  }
  .e-index1InnerBox .left .my-ex-swiper .swiper-pagination .swiper-pagination-bullet:last-of-type{
    margin-right: 10px;
  }
  .e-index1InnerBox .left .my-ex-swiper .swiper-pagination{
    bottom: 10px;
  }
  .e-index1InnerBox .left .my-ex-swiper .s-c{
    height: 180px;
  }
  .e-index1Box .e-index1InnerBox{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .e-index1InnerBox .left{
    width: 95%;
    margin: 0 auto;
  }
  .e-index1InnerBox .left .container{
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 20px;
  }
  .e-index1InnerBox .left .container .c-left{
    width: 100%;
  }
  .e-index1InnerBox .left .container .c-right{
    width: 100%;
  }
  .e-index1InnerBox .left .container .c-left .one-ul li>a img{
    width: 18px;
    height: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search{
    margin-top: 20px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .my-ser-swiper .title{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .item-list .all{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .t-hd{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row{
    padding: 18px 0;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .item-list li{
    margin-top: 5px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .item-list .all{
    margin-top: 5px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .item-list li .text{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .item-list{
    margin-left: 37px;
    width: calc(100% - 30px - 37px);
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-box{
    margin-left: 15px;
    width: calc(100% - 15px - 55px);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-box input{
    width: 100%;
    height: 32px;
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-box span{
    display: none;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-box input:last-of-type{
    margin-top: 10px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .num-line{
    padding: 18px 0 35px 0;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-list li p{
    padding-top: 15px;
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .row .num-list{
    height: 2px;
    width: calc(100% - 55px - 15px);
  }
  .e-index1InnerBox .left .container .c-right .c-search .btn1{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .btn-box .serach{
    font-size: 12px;
    margin: 0 0 0 10px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .btn-box{
    justify-content: center;
    -webkit-justify-content: center;
  }
  .e-index1InnerBox .left .container .c-right .c-search .downup .up-box p{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .downup .up-box i{
    font-size: 14px;
  }
  .e-index1InnerBox .left .container .c-right .c-search .downup .title{
    font-size: 12px;
  }
  .e-index1InnerBox .left .container .c-right .search-list .sl-top{
    padding: 20px 0;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .e-index1InnerBox .left .container .c-right .search-list .sl-top .sl-top-t h3{
    font-size: 18px;
  }
  .e-index1InnerBox .left .container .c-right .search-list .sl-top .sl-top-t span{
    font-size: 14px;
    line-height: 1;
  }
  .e-index1InnerBox .left .container .c-right .search-list .sl-top .form-box{
    width: 100%;
    height: 35px;
    margin-top: 10px;
  }
  .e-index1InnerBox .left .container .c-right .search-list .sl-top .form-box input{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content{
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .img-box{
    width: 40px;
    height: 40px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .img-box .flow-type{
    width: 15px;
    height: 15px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left{
    width: 100%;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon{
    width: calc(100% - 40px - 20px);
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .title a{
    font-size: 14px;
    width: calc(100% - 14px - 10px);
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .title i{
    font-size: 14px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .img-icon img:not(:first-of-type){
    margin-left: 10px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .img-icon{
    margin-top: 7px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right{
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .view-num{
    margin-right: 0px;
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .collect{
    margin: 0;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .num-box-show .j-num{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .collect i{
    font-size: 18px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .up-down .money{
    font-size: 16px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .up-down .money span{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .up-down i{
    font-size: 16px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-right .num-box-hide .n-b-t .j-num{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul{
    width: 90%;
    padding: 10px 0;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul li .t-content{
    padding: 10px 0;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-l{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-r .num3{
    font-size: 14px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .sex span{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-l .t-t-title{
    font-size: 14px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-l .sex{
    margin: 0;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-l .t-t-title{
    width: calc(100%);
    /*margin-right: 20px;*/
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-r{
    margin-top: 10px;

  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-r .num1{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-r .num2 span{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .t-top .t-t-r .num2 p{
    font-size: 14px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .icon-list img:not(:first-of-type){
    margin-left: 10px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul h6{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .time-type{
    margin-top: 15px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .time{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .one-li .two-ul .time-type .type{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .title .update .qdqx .qd, .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .title .update .qdqx .qx{
    font-size: 12px;
  }
  .search-list .s-list-box .s-c-list .nl-content .nl-c-left .t-icon .title .update input{
    font-size: 12px;
  }
  .page .el-pager li{
    width: 25px;
    height: 25px;
    min-width: 25px;
    font-size: 12px !important;
    line-height: 25px;
  }
  .page .el-pagination .btn-prev{
    width: 25px;
    height: 25px;
    min-width: 25px;
  }
  .page .el-pagination .btn-next{
    width: 25px;
    height: 25px;
    min-width: 25px;
  }
  .page .el-pagination__total{
    margin-right: 10px;
    font-size: 12px !important;
  }
  .e-index1InnerBox .left .container .c-right .search-list .page-box{
    margin-top: 20px;
  }
  .e-index1InnerBox .right{
    width: 95%;
    margin: 30px auto 0;
  }
  .e-index1InnerBox .right .time-con-box .content{
    width: 90%;
    padding: 20px 0;
  }
  .e-index1InnerBox .right .time-con-box .content .time-box h4{
    font-size: 14px;
  }
  .e-index1InnerBox .right .time-con-box .content .time-box h3{
    font-size: 16px;
    margin: 10px 0 20px 0;
  }
  .e-index1InnerBox .right .time-con-box .content .time-box ul li .top p{
    font-size: 14px;
  }
  .e-index1InnerBox .right .time-con-box .content .time-box ul li .top img{
    width: 18px;
    height: 18px;
  }
  .e-index1InnerBox .right .time-con-box .content .time-box ul li .time{
    font-size: 14px;
  }
  .e-index1InnerBox .right .conversion{
    margin-top: 10px;
  }
  .e-index1InnerBox .right .conversion h4{
    font-size: 14px;
  }
  .e-index1InnerBox .right .cooperation .content{
    padding: 20px 0;
    width: 90%;
  }
  .e-index1InnerBox .right .cooperation .content .top h3{
    font-size: 14px;
  }
  .e-index1InnerBox .right .cooperation .content .top img{
    width: 18px;
    height: 18px;
  }
  .e-index1InnerBox .right .cooperation .content h6{
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0;
  }
  .e-index1InnerBox .right .cooperation .content a{
    width: 80px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border-radius: 7px;
  }
  .e-index1InnerBox .right .cooperation .content a .img-box{
    width: 100px;
    top: 40px;
  }
  .e-index1InnerBox .right .copy .content{
    width: 90%;
    padding: 20px 0;
  }
  .e-index1InnerBox .right .copy .content .top img{
    width: 18px;
    height: 18px;
  }
  .e-index1InnerBox .right .copy .content .top h3{
    font-size: 14px;
  }
  .e-index1InnerBox .right .copy i{
    font-size: 14px;
  }
  .e-index1InnerBox .right .copy .content .text{
    margin-top: 15px;
  }
  .e-index1InnerBox .right .copy .content .text p{
    font-size: 12px;
    line-height: 20px;
  }
  .e-index1InnerBox .right .copy .content a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 7px;
    margin-top: 15px;
  }
  .e-index1InnerBox .right .compilation .content{
    width: 90%;
    padding: 20px 0;
  }
  .e-index1InnerBox .right .compilation .content .top .co-left img{
    width: 18px;
    height: 18px;
  }
  .e-index1InnerBox .right .compilation .content .top .co-left h3{
    font-size: 14px;
  }
  .e-index1InnerBox .right .compilation .content .top a{
    font-size: 14px;
  }
  .e-index1InnerBox .right .compilation .content .text{
    margin-top: 15px;
  }
  .e-index1InnerBox .right .compilation .content .text p{
    font-size: 12px;
    line-height: 20px;
  }
  .e-index1InnerBox .right .compilation .content .text p:not(:first-of-type){
    margin-top: 0px;
  }
  .e-index1InnerBox .right .recruit .content{
    width: 90%;
    padding: 20px 0;
  }
  .e-index1InnerBox .right .recruit .content .top img{
    width: 18px;
    height: 18px;
  }
  .e-index1InnerBox .right .recruit .content .top h3{
    font-size: 14px;
  }
  .e-index1InnerBox .right .recruit .content h6{
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0;
  }
  .e-index1InnerBox .right .recruit .content a{
    width: 80px;
    border-radius: 7px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .e-index1InnerBox .right .case-box .content{
    width: 90%;
    padding: 20px 0;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper{
    padding-bottom: 30px;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper .s-c .s-c-bottom{
    font-size: 12px;
    line-height: 20px;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper .s-c .s-c-top img{
    width: 50px;
    height: 50px;
    border-radius: 7px;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper .s-c .s-c-top .s-c-t-r h5{
    font-size: 14px;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper .s-c .s-c-top .s-c-t-r h6{
    font-size: 12px;
    margin-top: 2px;
  }
  .e-index1InnerBox .right .case-box .content .my-case-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
  }
  .e2-index1Box .e2-index1InnerBox{
    padding: 0;
    width: 95%;
  }
  .e-public-title .left img{
    width: 18px;
    height: 18px;
  }
  .e-public-title .left h3{
    font-size: 14px;
    margin-left: 15px;
  }
  .e-public-title a{
    font-size: 14px;
  }
  .e2-index1InnerBox .my-zy-swiper{
    width: 100%;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide{
    width: 50%;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .img-box img{
    height: 120px;
    border-radius: 3px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content .content-c h3{
    font-size: 14px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content .type{
    margin: 8px 0;
    font-size: 12px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content h6 span{
    font-size: 12px;
    line-height: 20px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content .time-user{
    margin-top: 10px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content .time-user .time{
    font-size: 12px;
  }
  .e2-index1InnerBox .my-zy-swiper .swiper-slide .content .time-user .user{
    font-size: 12px;
  }
  .e2-index1InnerBox .my-zy-swiper{
    margin: 30px auto 0;
  }
  .e3-index1Box .e3-index1InnerBox{
    padding: 20px 0;
    width: 95%;
  }
  .e3-index1InnerBox h4{
    font-size: 12px;
    line-height: 20px;
    margin: 20px 0 30px 0;
  }
  .e3-index1InnerBox .flow{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .e3-index1InnerBox .flow .item{
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px) / 2);
    height: 180px;
  }
  .e3-index1InnerBox .flow .item:nth-of-type(2n){
    margin-right: 0px;
  }
  .e3-index1InnerBox .flow .item .content h5{
    font-size: 14px;
  }
  .e3-index1InnerBox .flow .item .content h6{
    font-size: 12px;
    line-height: 20px;
  }
  .e4-index1Box .e4-index1InnerBox{
    padding: 0;
    width: 95%;
  }
  .e4-index1InnerBox .container{
    margin-top: 20px;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .e4-index1InnerBox .container .left{
    width: 100%;
  }
  .e4-index1InnerBox .container .right{
    width: 100%;
  }
  .e4-index1InnerBox .container .left .img-box{
    height: 180px;
  }
  .e4-index1InnerBox .container .left h3{
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .e4-index1InnerBox .container .left h6{
    font-size: 12px;
    margin: 10px 0;
  }
  .e4-index1InnerBox .container .left .bottom .user{
    font-size: 12px;
  }
  .e4-index1InnerBox .container .left .bottom .time{
    font-size: 12px;
  }
  .e4-index1InnerBox .container .right{
    margin-top: 30px;
  }
  .e4-index1InnerBox .container .right li .top{
    font-size: 14px;
  }
  .e4-index1InnerBox .container .right li .bottom{
    margin-top: 10px;
  }
  .e4-index1InnerBox .container .right li .bottom .user, .e4-index1InnerBox .container .right li .bottom .time{
    font-size: 12px;
  }
  .e4-index1InnerBox .container .right li{
    padding-bottom: 15px;
  }
  .e4-index1InnerBox .container .right li:not(:first-of-type){
    padding-top: 15px;
  }
  .e5-index1Box .e5-index1InnerBox{
    padding: 20px 0;
    width: 95%;
  }
  .e5-index1InnerBox .numContent{
    width: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .e5-index1InnerBox .numContent .line{
    display: none
  }
  .e5-index1InnerBox .numContent .num-b{
    width: calc(100% / 2);
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 10px;
  }
  .e5-index1InnerBox .numContent{
    margin-top: 20px;
  }
  .e5-index1InnerBox .numContent .num-b .numText .num{
    font-size: 20px;
  }
  .e5-index1InnerBox .numContent .num-b .numText span{
    padding-bottom: 0px;
    font-size: 14px;
    margin-left: 2px;
  }
  .e5-index1InnerBox .numContent .num-b .text{
    font-size: 14px;
    margin-top: 2px;
  }
  /* index */
  .i-index1Box{
    padding-top: 50px;
  }
  .i-index1Box .i-index1InnerBox{
    width: 95%;
    padding-top: 20px;
  }
  .headerInnerBox .right .login-box{
    margin-right: 30px;
  }
  .headerInnerBox .right .login-box i{
    font-size: 16px;
  }
  .headerInnerBox .right .login-box p{
    font-size: 14px;
  }
  .i-index1InnerBox .top{
    flex-direction: column;
    -webkit-flex-direction: column;
    height: max-content;
  }
  .i-index1InnerBox .top ul{
    width: 100%;
  }
  .i-index1InnerBox .top .my-ex-swiper{
    width: 100%;
  }
  .i-index1InnerBox .top .my-ex-swiper .s-c{
    height: 180px;
  }
  .i-index1InnerBox .top .my-ex-swiper .s-c .item{
    left: 20px;
  }
  .i-index1InnerBox .top .my-ex-swiper .s-c .item h3{
    font-size: 16px;
  }
  .i-index1InnerBox .top .my-ex-swiper .s-c .item a{
    font-size: 12px;
    width: 130px;
    height: 36px;
    margin-top: 20px;
  }
  .i-index1InnerBox .top .my-ex-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
  }
  .i-index1InnerBox .top ul{
    margin-top: 20px;
  }
  .i-index1InnerBox .top ul li{
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
    height: 120px;
  }
  .i-index1InnerBox .top ul li p{
    font-size: 12px;
    height: 35px;
  }
  .i-index1InnerBox .container{
    margin-top: 20px;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .i-index1InnerBox .container .left{
    width: 100%;
  }
  .i-index1InnerBox .container .left .nav{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .i-index1InnerBox .container .left .nav ul{
    margin-left: 0px;
    width: 100%;
    overflow-x: auto;
  }
  .i-index1InnerBox .container .left .nav ul li{
    width: max-content;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
  }
  .i-index1InnerBox .container .left .nav ul li a{
    font-size: 14px;
    padding: 15px 0;
  }
  .i-index1InnerBox .container .left .nav .title p{
    font-size: 14px;
  }
  .i-index1InnerBox .container .left .nav .title img{
    width: 25px;
    height: 25px;
  }
  .i-index1InnerBox .container .left .list li a{
    flex-direction: column;
    -webkit-flex-direction: column;
    height: max-content;
  }
  .i-index1InnerBox .container .left .list li a .l-left{
    width: 100%;
    height: 170px;
  }
  .i-index1InnerBox .container .left .list li a .l-left .flow{
    font-size: 12px;
  }
  .i-index1InnerBox .container .left .list li a .l-right{
    width: calc(100% - 20px);
    padding: 10px;
  }
  .i-index1InnerBox .container .left .list li a .l-right .title h3{
    font-size: 14px;
    /*max-width: calc(100% - 18px - 7px - 70px);*/
  }
  .i-index1InnerBox .container .left .list li a .l-right .title .type{
    font-size: 12px;
    padding: 2px 8px;
  }
  .i-index1InnerBox .container .left .list li a .l-right h6{
    height: 40px;
    margin: 10px 0 15px 0;
  }
  .i-index1InnerBox .container .left .list li a .l-right h6 span{
    font-size: 12px;
    line-height: 20px;
  }
  .i-index1InnerBox .container .left .list li a .l-right .bottom .state{
    font-size: 12px;
  }
  .i-index1InnerBox .container .left .list li a .l-right .bottom .b-l .time{
    font-size: 12px;
  }
  .i-index1InnerBox .container .left .list li a .l-right .bottom .b-l .name{
    font-size: 12px;
  }
  .i-index1InnerBox .container .left .list li:not(:first-of-type){
    margin-top: 20px;
  }
  .i-index1InnerBox .container .left .more{
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin: 30px auto 0;
  }
  .i-index1InnerBox .container .left .more span{
    font-size: 12px;
  }
  .i-index1InnerBox .container .left .more i{
    margin-left: 10px;
  }
  .public-right{
    width: 100%;
    margin-top: 30px;
  }
  .public-right .container1 .content{
    width: 90%;
    padding: 20px 0;
  }
  .art-d-public-top p{
    font-size: 14px;
  }
  .public-right .container1 .content ul{
    margin-top: 20px;
  }
  .public-right .container1 .content ul li a .num{
    width: 20px;
    height: 20px;
  }
  .public-right .container1 .content ul li a h6{
    font-size: 14px;
    line-height: 22px;
  }
  .public-right .container1 .content ul li:not(:first-of-type){
    margin-top: 15px;
  }
  .public-right .container2 .content ul{
    margin-top: 20px;
  }
  .public-right .container2 .content ul li:not(:last-of-type){
    padding-bottom: 15px;
  }
  .public-right .container2 .content ul li:not(:first-of-type){
    padding-top: 15px;
  }
  .public-right .container2 .content{
    width: 90%;
    padding: 20px 0;
  }
  .public-right .container2 .content ul li a .c2-text h6{
    font-size: 12px;
  }
  .public-right .container2 .content ul li a .c2-text .time{
    font-size: 12px;
  }
  .public-right .container3 .content{
    width: 90%;
    padding: 20px 0;
  }
  .public-right .container3 .content ul{
    margin-top: 10px;
  }
  .public-right .container3 .content ul li a{
    font-size: 12px;
  }
  .public-right .container4 .content{
    width: 90%;
    padding: 20px 0;
  }
  .public-right .container4 .content ul li .img-box{
    width: 30px;
    height: 30px;
  }
  .public-right .container4 .content ul li .img-box img{
    max-width: 70%;
  }
  .public-right .container4 .content ul li .c4-text{
    font-size: 12px;
    width: calc(100% - 30px - 50px - 30px);
  }
  .public-right .container4 .content ul li .btn{
    font-size: 12px;
  }
  .public-right .container4 .content ul li .btn .flow-img-box img{
    width: 80px;
    height: 80px;
  }
  .i-index2Box{
    padding-top: 30px;
    height: 100px;
  }
  .a-index1Box{
    padding-top: 50px;
  }
  .a-index1Box .a-index1InnerBox{
    padding: 20px 0;
    width: 95%;
  }
  .table li a{
    padding: 2px 10px;
    font-size: 12px;
  }
  .table{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .case-list{
    margin-top: 20px;
  }
  .case-list li{
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px) / 2);
  }
  .case-list li:nth-of-type(2n){
    margin-right: 0px;
  }
  .case-list li:nth-of-type(3n){
    margin-right: 10px;
  }
  .case-list li a .img-box .flow-type{
    font-size: 12px;
    top: 10px;
  }
  .case-list li a .img-box{
    height: 120px;
  }
  .case-list li .content{
    height: 140px;
    padding-bottom: 10px;
  }
  .case-list li .content .text{
    padding-top: 10px;
  }
  .case-list li .content .text h3{
    font-size: 14px;
  }
  .case-list li .content .text h6 span{
    font-size: 12px;
    line-height: 20px;
  }
  .case-list li .content .text .bottom{
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .case-list li .content .text .bottom .time{
    font-size: 12px;
    width: 100%;
    /*margin-right: 40px;*/
  }
  .case-list li .content .text .bottom .user{
    font-size: 12px;
    margin-left: 0px;
  }
  .case-list li .content .text .bottom .type{
    font-size: 12px;
    margin-left: unset;
  }
  .case-list li .content .text h6{
    height: 40px;
    margin: 8px 0;
  }
  .a-index1InnerBox .page-box{
    height: 80px;
  }
  /* art-details */
  .a-d-index1Box{
    padding-top: 50px;
  }
  .a-d-index1Box .a-d-index1InnerBox{
    padding: 20px 0;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .a-d-index1InnerBox .left{
    width: 100%;
  }
  .a-d-index1InnerBox .left .c-content{
    padding: 20px 0;
  }
  .a-d-index1InnerBox .left .container .title{
    font-size: 18px;
    line-height: 26px;
    width: 95%;
  }
  .a-d-index1InnerBox .left .container .top{
    width: 95%;
    margin: 20px auto;
  }
  .a-d-index1InnerBox .left .container .top .user{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .container .top .time{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .container .top .item-box p{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .container .top .item-box ul li{
    padding: 2px 10px;
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .container .top .t-type{
    font-size: 12px;
    padding: 2px 10px;
  }
  .a-d-index1InnerBox .left .container .content p{
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
  }
  .a-d-index1InnerBox .left .container .content h3{
    font-size: 16px;
  }
  .a-d-index1InnerBox .left .container .content span{
    font-size: 12px;
    line-height: 20px;
  }
  .a-d-index1InnerBox .left .container .collect{
    width: 100px;
    height: 35px;
    margin: 30px auto 20px;
  }
  .a-d-index1InnerBox .left .container .collect i{
    font-size: 16px;
  }
  .a-d-index1InnerBox .left .container .collect span{
    font-size: 14px;
  }
  .a-d-index1InnerBox .left .container .share-box{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide{
    border: none;
    margin: 15px 0;
    padding: 0;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    width: 100%;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide .fx i{
    font-size: 18px;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide .fx span{
    font-size: 14px;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide ul li a i{
    font-size: 14px;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide ul{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: calc(100% - 60px - 25px);
  }
  .a-d-index1InnerBox .left .container .share-box .collect-num span{
    font-size: 14px;
    line-height: 1;
  }
  .a-d-index1InnerBox .left .container .share-box .collect-num i{
    font-size: 18px;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide ul li:not(:first-of-type){
    margin-left: unset;
  }
  .a-d-index1InnerBox .left .container .share-box .share-mide ul li:not(:last-of-type){
    margin-right: 20px;
  }
  .a-d-index1InnerBox .left .container .bottom-link{
    padding-top: 20px;
    margin-top: 20px;
  }
  .a-d-index1InnerBox .left .container .bottom-link a{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .bottom-container .bc-content{
    padding: 20px 0;
  }
  .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .b-title span{
    width: 5px;
    height: 20px;
  }
  .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .b-title p{
    font-size: 16px;
  }
  .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .p-n-box .prev, .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .p-n-box .next{
    width: 25px;
    height: 25px;
  }
  .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .p-n-box .prev i, .a-d-index1InnerBox .left .bottom-container .bc-content .b-top .p-n-box .next i{
    font-size: 16px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper{
    margin-top: 20px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .img-box .flow-type{
    font-size: 12px;
    top: 10px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .img-box{
    border-radius: 5px;
    height: 120px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .s-text h3{
    font-size: 14px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .s-text h6 span{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .intro{
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .intro .time{
    font-size: 12px;
  }
  .a-d-index1InnerBox .left .bottom-container .my-pro-swiper .s-content .intro .i-user{
    font-size: 12px;
    margin-left: 0px;
  }
  .qa-index1Box{
    padding-top: 50px;
  }
  .qa-index1Box .qa-index1InnerBox{
    padding: 20px 0;
    width: 95%;
  }
  .qa-index1InnerBox .qabg{
    margin-top: 20px;
  }
  .qa-index1InnerBox .container{
    margin-top: 20px;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .qa-index1InnerBox .container .left{
    width: 100%;
  }
  .qa-index1InnerBox .container .left .content{
    padding: 20px 0;
    width: 90%;
  }
  .qa-index1InnerBox .container .left .content .top i{
    font-size: 18px;
  }
  .qa-index1InnerBox .container .left .content .top p{
    font-size: 14px;
  }
  .qa-index1InnerBox .container .right{
    width: 100%;
    margin-top: 20px;
  }
  .qa-index1InnerBox .container .left .content ul{
    margin-top: 20px;
  }
  .qa-index1InnerBox .container .left .content ul li a{
    font-size: 12px;
  }
  .qa-index1InnerBox .container .right .content{
    width: 90%;
    padding: 20px 0;
  }
  .qa-index1InnerBox .container .right .content h3{
    font-size: 14px;
  }
  .qa-index1InnerBox .container .right .content .text{
    margin-top: 20px;
  }
  .qa-index1InnerBox .container .right .content .text p{
    font-size: 12px;
    line-height: 20px;
  }
  .qa-index1InnerBox .container .right .content .text p:not(:first-of-type){
    margin-top: 10px;
  }
  /* people-1 */
  .p-index1Box{
    padding-top: 50px;
  }
  .p-index1Box .p-index1InnerBox{
    padding-top: 20px;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 95%;
  }
  .p-index1InnerBox .peo-slide{
    width: 100%;
    height: auto;
  }
  .p-index1InnerBox .peo-slide .peo .img-box{
    width: 85px;
    height: 85px;
  }
  .p-index1InnerBox .peo-slide .peo {
    padding: 30px 0 20px 0;
  }
  .p-index1InnerBox .peo-slide .peo p{
    font-size: 16px;
    margin: 15px auto 0;
  }
  .p-index1InnerBox .container{
    width: 100%;
    margin-top: 20px;
    height: 550px;
  }
  .p-index1InnerBox .tz-box{
    width: 100%;
    margin-top: 20px;
  }
  .p-index1InnerBox .tz-box .content .ts-box{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .p-index1InnerBox .peo-slide .slide-ul li a .content i{
    font-size: 16px;
  }
  .p-index1InnerBox .peo-slide .slide-ul li a .content span{
    font-size: 14px;
  }
  .p-index1InnerBox .container .content{
    width: 90%;
    padding: 20px 0;
  }
  .p-index1InnerBox .container .content h3{
    font-size: 14px;
  }
  .people-1{
    margin-top: 20px;
  }
  .people-1 .item .title{
    font-size: 14px;
  }
  .people-1 .item1 form input{
    font-size: 14px;
  }
  .people-1 .item3 .wbd-wx span .flow-content{
    width: 250px;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 20px 0;
  }
  .people-1 .item3 .wbd-wx span .flow-content .top h3{
    font-size: 14px;
  }
  .people-1 .item3 .wbd-wx span .flow-content img{
    width: 100px;
    height: 100px;
    margin: 20px auto 15px;
  }
  .people-1 .item3 .wbd-wx span .flow-content p{
    width: 90%;
    margin: 0 auto;
    line-height: 20px;
  }
  .people-1 .item4 span .flow-content{
    width: 250px;
    width: 250px;
    right: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 0;  
  }
  .people-1 .item4 span .flow-content .top h3{
    font-size: 14px;
  }
  .people-1 .item4 span .flow-content form{
    margin: 20px auto 0;
    width: 90%;
  }
  .people-1 .item4 span .flow-content form .its input{
    width: calc(100% - 75px);
    height: 30px;
  }
  .people-2 li .la .left{
    width: 100%;
    margin-bottom: 10px;
    flex: unset;
  }
  .people-2 li .la .nums{
    flex: unset;
  }
  .people-2 li .la .fwl-mon{
    flex: unset;
  }
  .people-2 li .la .xon{
    flex: unset;
  }
  .people-2 li .la{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .people-2 li .la .left .img-box .bg{
    width: 50px;
    height: 50px;
  }
  .people-2 li .la .left .title .top p{
    font-size: 14px;
  }
  .people-2 li .la .left .title .top i{
    font-size: 16px;
  }
  .people-2 li .la .nums p{
    font-size: 12px;
  }
  .people-2 li .la .nums img{
    width: 15px;
    height: 13px;
  }
  .people-2 li .la .fwl-mon .fwl{
    font-size: 12px;
  }
  .people-2 li .la .fwl-mon .mon p{
    font-size: 16px;
  }
  .people-2 li .la .fwl-mon .mon span{
    font-size: 12px;
  }
  .people-2 .number{
    margin-top: 20px;
  }
  .people-3 ul{
    height: 430px;
  }
  .people-3 ul li a{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .people-3 ul li a .title{
    width: 100%;
  }
  .people-3 ul li a .name{
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 7px 0;
  }
  .people-3 ul li a .type{
    font-size: 12px;
    width: max-content;
  }
  .people-3 ul li a .time{
    width: max-content;
    font-size: 12px;
  }
  .people-3 ul li a .ydwd{
    width: max-content;
  }
  .login-container .login{
    width: 90%;
  }
  .login-container .login .public-top h3{
    font-size: 14px;
  }
  .login-container .login .content{
    width: 85%;
    padding: 15px 0;
  }
  .login-container .login .public-top h6{
    font-size: 12px;
    line-height: 18px;
  }
  .login-container .login .content .mm-box form .item{
    height: 35px;
  }
  .login-container .login .content .mm-box form .item .mide input{
    font-size: 12px;
  }
  .login-container .login .content .mm-box form .item .mide .line{
    height: 15px;
  }
  .login-container .login .content .mm-box form .check span{
    font-size: 12px;
  }
  .login-container .login .content .mm-box form button{
    height: 35px;
    font-size: 12px;
  }
  .login-container .login .content .mm-box .bottom{
    margin-top: 20px;
  }
  .login-container .login .content .mm-box .bottom .other span{
    font-size: 12px;
  }
  .login-container .login .content .mm-box .bottom .wxbtn{
    height: 35px;
    margin: 15px 0 25px 0;
  }
  .login-container .login .content .mm-box .bottom .wxbtn span{
    font-size: 12px;
  }
  .login-container .login .content .mm-box .bottom .wxbtn i{
    font-size: 14px;
  }
  .login-container .login .content .mm-box .bottom .signin-link a{
    font-size: 12px;
  }
  .login-container .login .content .wx-box .agreement p{
    font-size: 12px;
  }
  .login-container .login .content .wx-box .agreement a{
    font-size: 12px;
  }
  .login-container .login .public-top{
    margin-bottom: 15px;
  }
  .login-container .login .content .wx-box img{
    width: 120px;
    height: 120px;
    margin: 20px auto;
  }
  .login-container .login .content .wx-box .btn1,
  .login-container .login .content .wx-box .btn2{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  .login-container .login .content .wx-s-box img{
    width: 120px;
    height: 120px;
    margin: 20px auto;
  }
  .footerBox .footerInnerBox{
    padding: 20px 0;
    width: 95%;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .login-container .login .content .wx-s-box p{
    font-size: 12px;
  }
  .login-container .login .content .wx-s-box .bottom{
    margin-top: 40px;
  }
  .login-container .login .content .wx-s-box .bottom .text span{
    font-size: 12px;
  }
  .login-container .login .content .wx-s-box .bottom .btn{
    height: 35px;
  }
  .login-container .login .content .wx-s-box .bottom .btn span{
    font-size: 12px;
  }
  .si-index1Box{
    padding-top: 50px;
  }
  .si-index1Box .si-index1InnerBox{
    padding-top: 20px;
  }
  .si-index1InnerBox .container{
    width: 100%;
    padding: 20px 0;
  }
  .si-index1InnerBox .container form{
    width: 90%;
  }
  .si-index1InnerBox .container form .top h3{
    font-size: 14px;
  }
  .si-index1InnerBox .container form .top a{
    font-size: 14px;
  }
  .si-index1InnerBox .container form .top{
    margin-bottom: 20px;
  }
  .si-index1InnerBox .container form .content .item .title{
    margin-bottom: 8px;
  }
  .si-index1InnerBox .container form .content .item .title span,
  .si-index1InnerBox .container form .content .item .title p{
    font-size: 12px;
  }
  .si-index1InnerBox .container form .content .item input{
    height: 30px;
    font-size: 12px;
  }
  .si-index1InnerBox .container form .content .item .fs-yzm input{
    width: calc(100% - 100px - 15px);
  }
  .si-index1InnerBox .container form .content .item .fs-yzm .fs-yzm-btn, .si-index1InnerBox .container form .content .item .fs-yzm .yzm-time{
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 100px;
  }
  .si-index1InnerBox .container form .content .item:not(:first-of-type){
    margin-top: 20px;
  }
  .si-index1InnerBox .container form .bottom a{
    font-size: 12px;
  }
  .si-index1InnerBox .container form button{
    width: 130px;
    height: 35px;
    font-size: 12px;
    margin: 30px auto 20px;
  }
  .order-Box{
    padding-top: 50px;
  }
  .order-Box .order-InnerBox{
    width: 97%;
  }
  /*.order-InnerBox .top-box{*/
  /*  padding-top: 20px;*/
  /*}*/
  .order-InnerBox .top-box .tz{
    padding: 15px 0 12px 13px;
    width: calc(100% - 13px);
  }
  .order-flow{
    border-radius: 0 0 8px 8px;
    height: 50px;
  }
  .order-flow .content .item .line{
    display: none;
  }
  .order-flow .content .item .rund-box .text{
    font-size: 12px;
    margin-left: 3px;
  }
  .order-flow .content .item .rund-box .rund{
    width: 15px;
    height: 15px;
    font-size: 12px;
  }
  .order-flow .content .item.active .rund-box .text{
    font-size: 12px;
  }
  .order-flow .content{
    width: 95%;
  }
  .order-InnerBox .bd-container .content{
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 97%;
  }
  .bd-left{
    width: 100%;
  }
  .bd-left .el-form-item__label{
    font-size: 12px;
    padding: 0 0 0px;
  }
  .bd-left .el-input__inner{
    font-size: 12px;
    padding: 0 5px;
  }
  .bd-left .el-input--suffix .el-input__inner{
    padding-right: 25px;
  }
  .bd-left .el-input__icon{
    width: 15px;
  }
  .bd-left .row-box .el-form-item, .bd-left .yyTime-box, .bd-left .upload{
    width: calc((100% - 10px) / 2);
  }
  .bd-left .el-form-item{
    margin-bottom: 20px;
  }
  .bd-left .el-date-editor .el-range-input{
    font-size: 12px;
  }
  .el-date-range-picker .el-picker-panel__body{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    min-width: 100%;
    width: 100%;
  }
  .el-date-range-picker__content{
    width: 100%;
    padding: 5px;
  }
  .el-date-range-picker{
    width: 95%;
  }
  .el-input--small .el-input__inner{
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 0px;
    text-align: center;
  }
  .el-date-range-picker__time-header>.el-icon-arrow-right{
    font-size: 12px;
  }
  .el-date-range-picker__header div{
    font-size: 14px;
  }
  .el-time-panel{
    left: unset;
    right: 0px;
  }
  .el-time-panel{
    width: 130px;
  }
  .el-select-dropdown__item{
    font-size: 12px;
    height: 27px;
    line-height: 27px;
  }
  .bd-left .time-upload-box{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .bd-left .yyTime-box, .bd-left .upload{
    width: 100%;
  }
  .bd-left .el-radio__label{
    font-size: 12px;
  }
  .bd-left .el-radio__inner{
    width: 15px;
    height: 15px;
  }
  .bd-left .el-radio__label{
    padding-left: 7px;
  }
  .bd-left .el-input__prefix{
    left: unset;
    right: 5px;
  }
  .bd-left .rad .r-js{
    font-size: 12px;
    margin-top: 10px;
  }
  .bd-left .upload .up-top p{
    font-size: 12px;
  }
  .bd-left .yyTime-box, .bd-left .upload{
    margin-top: 10px;
  }
  .bd-left .upload .el-upload-dragger .el-upload__text, .bd-left .upload .up-text{
    font-size: 12px;
  }
  .bd-left .time-upload-box{
    margin-bottom: 20px;
  }
  .bd-left .qd,
  .bd-left .cz{
    font-size: 12px;
  }
  .bd-right{
    margin-top: 20px;
    width: 100%;
  }
  .bd-right .mb-box textarea{
    font-size: 12px;
    padding: 15px 0 0 10px;
  }
  .bd-right .mb-box .mb-bottom .pb{
    font-size: 12px;
  }
  .bd-right .wt-box{
    margin-top: 20px;
  }
  .bd-right .wt-box .wt-content{
    width: 95%;
    padding: 15px 0;
  }
  .bd-right .wt-box .wt-content .top .title h3{
    font-size: 16px;
  }
  .bd-right .wt-box .wt-content .top .title i{
    font-size: 18px;
  }
  .bd-right .wt-box .wt-content .top .qb p{
    font-size: 12px;
  }
  .bd-right .wt-box .wt-content .item-box{
    margin-top: 15px;
  }
  .bd-right .wt-box .wt-content .item-box a{
    font-size: 12px;
    line-height: 26px;
  }
  .order-ext .right .xz-order .xz-content{
    width: 95%;
  }
  .order-ext .right .xz-order .xz-content .xz-list li .xz-left{
    width: 50px;
    height: 50px;
  }
  .order-ext .right .xz-order .xz-right .xz-text .xz-name{
    font-size: 14px;
  }
  .order-ext .right .xz-order .xz-content .xz-list{
    margin: 20px 0;
    height: auto;
    max-height: 297px;
  }
  .order-ext .right .xz-order .xz-btn .xz-next{
    font-size: 14px;
  }
  .order-ext .right .xz-order .xz-btn .xz-back{
    display: none;
  }
  .orderList-Box{
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .orderList-Box .orderList-InnerBox{
    width: 97%;
  }
  .orderList-InnerBox .top-box{
    height: auto;
    border-radius: 6px;
  }
  .orderList-InnerBox .top-box .content{
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding: 15px 0;
  }
  .orderList-InnerBox .top-box .content .order-search{
    margin-left: 0px;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin-top: 5px;
    width: 100%;
  }
  .orderList-InnerBox .top-box .content .reset{
    font-size: 24px;
  }
  .orderList-InnerBox .top-box .el-range-editor.el-input__inner{
    width: 100%;
  }
  .orderList-InnerBox .top-box .el-date-editor .el-range-input{
    font-size: 12px;
  }
  .orderList-InnerBox .top-box .el-date-editor .el-range-separator{
    font-size: 12px;
  }
  .orderList-InnerBox .top-box .pb{
    width: 100%;
    margin-right: 0px;
    margin-top: 15px;
  }
  .orderList-InnerBox .top-box .ss{
    width: 100%;
    margin-top: 15px;
  }
  .orderList-InnerBox .top-box .el-input__inner{
    font-size: 12px;
  }
  .orderList-InnerBox .one-ul .one-li:first-of-type{
    display: none;
  }
  .orderList-InnerBox .order-list-box{
    border-radius: 6px;
    padding-bottom: 20px;
  }
  .orderList-InnerBox .one-ul .one-content .cp .xz{
    display: none;
  }
  .orderList-InnerBox .one-ul .one-content .one-flow-wz{
    position: unset;
  }
  .orderList-InnerBox .one-ul .one-content{
    padding: 20px 8px;
    width: calc(100% - 16px);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .orderList-InnerBox .one-ul .one-content .one-flow-wz{
    width: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .orderList-InnerBox .one-ul .one-content .one-flow-wz .ofpb:not(:first-of-type){
    margin-left: 0px;
  }
  .orderList-InnerBox .one-ul .one-content .one-flow-wz .ofdd{
    width: 100%;
  }
  .orderList-InnerBox .one-ul .one-content .one-flow-wz .ofpb:last-of-type{
    margin-top: 10px;
    width: 45%;
    /*justify-content: flex-end;*/
    /*-webkit-justify-content: flex-end;*/
  }
  .orderList-InnerBox .one-ul .one-content .oftime{
    width: 55%;
    margin-top: 10px;
  }
  .orderList-InnerBox .one-ul .one-content .cp .bg{
    margin: 0 10px 0 0;
  }
  .orderList-InnerBox .one-ul .one-content .cp-ct{
    width: calc(100% - 47px - 10px);
  }
  .orderList-InnerBox .one-ul .one-content .cp-ct .cp-title .name,
  .orderList-InnerBox .one-ul .two-ul .two-content .gxk-ct .js .js-text .t-name span,
  .orderList-InnerBox .one-ul .two-ul .two-content .gxk-ct .js .js-text .flow-oneTitle span{
    font-size: 12px;
  }
  .orderList-InnerBox .one-ul .one-li .pb1,
  .orderList-InnerBox .one-ul .one-li .pb3,
  .orderList-InnerBox .one-ul .one-li .pb4,
  .orderList-InnerBox .one-ul .one-li .pb5{
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .one-li .pb2{
    width: calc(100% - 190px);
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .one-li .pb6{
    display: none;
  }
  .orderList-InnerBox .one-ul .one-li .pb7{
    margin-top: 25px;
    width: 100%;
  }
  .orderList-InnerBox .one-ul .one-content .cz .btn-box .pbc{
    font-size: 12px;
  }
  .orderList-InnerBox .one-ul .one-content .cz .btn-box{
    justify-content: center;
    -webkit-justify-content: center;
  }
  .orderList-InnerBox .one-ul .two-ul{
    padding: 15px 0;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content{
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .gxk-ct .js img{
    margin-right: 10px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb1{
    width: max-content;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb2{
    margin-left: 0px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb3{
    width: 85px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb4{
    margin-left: 0px;
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb5{
    width: 30px;
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb6{
    width: 80px;
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .cz-ct .bt{
    font-size: 12px;
    padding: 3px 12px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .two-pb7{
    width: max-content;
    margin-top: 20px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-li:first-of-type{
    display: none;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content{
    padding: 0 5px;
    width: calc(100% - 10px);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .orderList-InnerBox .order-list-box .or-bottom{
    padding: 0 5px;
    width: calc(100% - 10px);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 30px auto 0;
  }
  .orderList-InnerBox .order-list-box .or-bottom .total-box{
    margin-top: 20px;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .orderList-InnerBox .order-list-box .or-bottom .total-box .total-sz span{
    padding-bottom: 1px;
  }
  .orderList-InnerBox .order-list-box .or-bottom .total-box .total-sz .total{
    font-size: 18px;
  }
  .orderList-InnerBox .order-list-box .or-bottom .total-box .btn-zf{
    font-size: 12px;
  }
  .edit-box .container{
    width: 100%;
  }
  .refund-box .container{
    width: 95%;
  }
  .refund-box .container .top .content span{
    font-size: 14px;
  }
  .refund-box .container .bottom{
    padding: 15px 0 20px 0;
  }
  .refund-box .container .bottom .ddh{
    font-size: 14px;
  }
  .refund-box .container .bottom .js{
    margin: 15px 0 20px 0;
  }
  .refund-box .container .bottom .js p{
    font-size: 12px;
  }
  .refund-box .container .bottom .el-form--label-top .el-form-item__label{
    font-size: 12px;
  }
  .refund-box .container .bottom .el-radio-group .el-radio-button__inner{
    font-size: 12px;
  }
  .refund-box .container .bottom .btn{
    font-size: 12px;
  }
  .message-box .container{
    width: 95%;
    padding: 0 0 20px 0;
  }
  .message-box .container .mes-top{
    padding: 20px 0 10px 0;
  }
  .message-box .container .title{
    font-size: 14px;
  }
  .message-box .container .js{
    margin: 10px auto 0;
    font-size: 12px;
  }
  .message-box .container .content .row .wzt .wz{
    padding: 5px 15px;
    font-size: 12px;
    width:calc(230px - 30px)
  }
  .message-box .container .sr button{
    font-size: 12px;
    height: 30px;
    width: 70px;
  }
  .message-box .container .sr .inp-box{
    width: calc(100% - 140px - 20px);
  }
  .message-box .container .sr input{
    font-size: 12px;
    height: 30px;
    text-indent: 7px;
  }
  .message-box .container .bottom a,
  .message-box .container .bottom a span{
    font-size: 12px;
  }
  .message-box .container .content{
    height: 200px;
  }
  .message-box .container .submit{
    margin-top: 15px;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  .message-box .container .sr .inp-box ul li a{
    font-size: 12px;
    padding: 3px 7px;
  }
  .message-box .container .bottom a ul li{
    font-size: 12px;
  }
  .pb-flow-dl{
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
  }
  .payment-box .container{
    width: 95%;
  }
  .payment-box .container .top .content span{
    font-size: 14px;
  }
  .payment-box .container .top .content{
    padding: 10px 0;
  }
  .payment-box .container .bottom .content{
    padding: 20px 0;
  }
  .payment-box .container .bottom .content .pb{
    font-size: 12px;
  }
  .payment-box .container .bottom .content .pb span{
    font-size: 14px;
  }
  .payment-box .container .bottom .content .pb:not(:first-of-type){
    margin-top: 5px;
  }
  .payment-box .container .bottom .content .pay-total-box{
    margin: 25px 0 15px 0;
  }
  .payment-box .container .bottom .content .pay-total-box .pay-total{
    font-size: 20px;
  }
  .payment-box .container .bottom .content .pay-total-box .js{
    margin-top: 10px;
    font-size: 12px;
  }
  .payment-box .container .bottom .content .qr img{
    width: 100px;
  }
  .payment-box .container .bottom .content .btn-box{
    margin: 15px 0 0 0;
  }
  .payment-box .container .bottom .content .btn-box .item span{
    font-size: 12px;
  }
  .payment-box .container .bottom .content .qxz{
    font-size: 14px;
  }
  .payment-box .container .bottom .content .tip{
    font-size: 12px;
    margin-top: 10px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .jz-ct .flow-tk-box{
    left: unset;
    transform: unset;
    right: 0px;
    top: calc(-190px);
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .jz-ct .flow-tk .tk-c .item p{
    font-size: 12px;
  }
  .orderList-InnerBox .one-ul .two-ul .two-content .jz-ct .flow-tk-box .flow-tk{
    width: 220px;
  }
  .tz-message .container{
      width: 90%;
  }
  .tz-message .container .content{
      max-height: 200px;
  }
  .tz-message .container .title{
      font-size: 16px;
      padding-bottom: 18px;
  }
  .footerInnerBox .left{
    width: 100%;
  }
  .footerInnerBox .left h3{
    font-size: 14px;
  }
  .footerInnerBox .left .line{
    width: 15px;
    margin: 7px 0;
  }
  .footerInnerBox .left .text{
    font-size: 12px;
    line-height: 20px;
  }
  .footerInnerBox .f-nav{
    margin-top: 15px;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
  }
  .footerInnerBox .f-nav li:not(:first-of-type){
    margin-left: 0px;
  }
  .footerInnerBox .f-nav li h3 a{
    font-size: 14px;
  }
  .footerInnerBox .f-nav li .content{
    margin-top: 10px;
  }
  .footerInnerBox .f-nav li .content a{
    font-size: 12px;
  }
  .footerInnerBox .f-nav li .content a:not(:first-of-type){
    margin-top: 5px;
  }
  .footerInnerBox .qr-box{
    margin-top: 15px;
  }
  .footerInnerBox .qr-box h3{
    font-size: 14px;
  }
  .footerInnerBox .qr-box .box{
    margin-top: 10px;
    width: 100%;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
  }
  .footerInnerBox .qr-box .box .item:last-of-type{
    margin-left: 0px;
  }
  .footerInnerBox .qr-box .box .item p{
    margin-top: 5px;
    font-size: 12px;
  }
  .footerBox .bottom .link{
    padding: 15px 0;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .footerBox .bottom .link .left a{
    font-size: 12px;
  }
  .footerBox .bottom .link ul{
    margin-top: 10px;
  }
  .footerBox .bottom .link ul li a{
    width: 25px;
    height: 25px;
  }
  .footerBox .bottom .link ul li i{
    font-size: 14px;
  }
  .tips{
    right: 10px;
  }
  .tips ul li{
    width: 35px;
    height: 35px;
  }
  .tips ul li a i{
    font-size: 14px;
  }
  .tips ul li .tip-phone{
    font-size: 12px;
  }
  .tips ul li .fadein{
    padding: 5px;
  }
  .tips ul li .tip-img img{
    width: 80px;
    height: 80px;
  }
  .el-message{
    min-width: 97%;
  }
  .el-message__content{
    font-size: 12px;
  }
}