body {
    font-size: 13px;
}

.menu-btn,
.summariz-btn,
.more-options ul .close {
    display: none;
}

.header, .filter-bar {
    display: none;
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 25.6PX !important;
    }
    .wrap {
        padding-left: 0;
        padding-top: 50px;
        width: 100%;
        overflow: hidden;
        background: #E94F0F;
    }
    .header {
        /* padding-left: 0; */
        height: 50px;
        width: 100%;
        /* overflow: hidden; */
        background: #E94F0F;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 300;
    }

    .header-return {
        color: #fff;
        font-size: 30px;
        line-height: 50px;
        padding-left: 10px;
    }
    .menu-wrap {
        padding-left: 0;
    }
    .menu-wrap {
        width: 21%;
        right: 0;
        z-index: 200;
        /*display: none;*/
        height: 50px;
        overflow: hidden;
    }
    .menu-wrap.on {
        height: auto;
    }
    .menu-wrap .menu-items.login-status {
        position: relative;
    }
    .menu-wrap.on .menu-items.login-status {
        position: absolute;
        bottom: 18px;
    }
    .menu-items {
        margin-bottom: 0;
        width: 100%;
        height: 2.8rem;
        padding-top: 10px;
    }
    .order-tab-items .count {
        top: 10px;
        margin-left: 0;
        background: transparent;
        color: #333;
        font-size: 14px;
        width: 100%;
        left: 0;
    }

    .order-tab-items.on .count {
        color: #E94F0F;
    }

    .popover.popover-right {
        left: 21.1% !important;
        margin-left: 0;
    }
    .main-head-search.order-search input {
        display: none;
        width: 240px;
        padding-left: 10px;
        border: 1px solid #f5f5f5;
        height: 30px;
        margin-top: 10px;
    }
    .handle-wrap {
        min-width: 100%;
        padding: 0;
    }
    .main-head-search.order-search .search-btn {
        position: fixed;
        top: 0;
        z-index: 1;
        right: 15px;
        line-height: 50px;
        color: #fff;
    }
    .font-primary.js_order_create {
        color: #fff;
        position: fixed;
        top: 0;
        z-index: 1;
        right: 15px;
        line-height: 50px;
    }
    .main-head {
        margin: 0;
        height: auto;
        /*overflow: hidden;*/
        padding: 0 10px;
    }
    .main-position-left {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .main-big-block {
        /*padding: 10px;*/
        padding: 0;
    }
    /*.order-tab-items {
        width: 30%;
          height: 40px;
    line-height: 40px;
    }*/
    .order-tab-wrap {
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        overflow-x: scroll;
        margin-top: 10px;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 10px;
        border-radius: 0;
    }
    .main-big {
        border-radius: 0;
    }
    .order-item {
        padding-bottom: 40px;
        margin-bottom: 0;
        border: 0;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
    }
    .order-item .order-tips {
        top: inherit;
    }
    .order-item.on {
        background: #fff;
    }
    .dialog-box {
        width: 100% !important;
        height: 100%;
    }
    .dialog-body {
        padding: 10px;
        width: 100%;
        padding-bottom: 56px;
        /*  max-height: 20px;*/
        /*overflow: hidden;*/
        /*overflow-y: auto;*/
    }
    .dialog-left {
        width: 100%;
        margin-bottom: 10px;
        height: inherit;
    }
    .frm-group {
        padding-bottom: 10px;
    }
    .order-fixed .dropdown-box,
    .order-fixed .frm-input-box:first-child {
        /*    margin-bottom: 5px;*/
        width: 46%;
    }
    .order-fixed .frm-input-box:last-child {
        width: 46%;
    }
    .frm-control-large .frm-input-box {
        width: 100%;
        /*    max-width: 13.5rem; */
    }
    .frm-control-large {
        padding-right: 20px;
    }
    .frm-label {
        height: 70px;
    }
    .dialog-box {
        top: inherit;
        left: inherit;
        transform: inherit;
        height: 100%;
        width: 100%;
    }
    .dialog {
        height: 100%;
        overflow: auto;
        border: none;
        padding-bottom: 50px;
    }
    .dialog-goods-list .goods-num {
         bottom: 15px; 
        margin-left: -1px;
    }
    .dialog-right .block-items {
        padding: 0 10px;
    }
    .block-items .handles {
        right: 10px;
    }
    .frm-textarea-box.large {
        /* width: 500px; */
        max-width: 100%;
    }
    .dialog-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    .main-small {
        width: 100%;
        z-index: 3;
        position: absolute;
        left: 100%;
        border-radius: 0;
    }
    .frm-label {
        height: inherit;
        text-align: left;
        padding-left: 10px;
        width: 100%;
        margin-right: 5px;
    }
    .frm-textarea-box {
        max-width: 11.5rem;
    }
    .platform-join-items {
        width: 50%;
    }
    .frm-tips {
        line-height: 1.5rem;
    }
    .dialog-box .dialog-right {
        width: 100%;
        overflow: inherit;
        /*height: inherit;*/
        margin-bottom: 40px !important;
    }
    .report-table {
        bottom: 0;
    }
    .js-dialog {
        width: 90%;
        padding: 20px;
        text-align: center;
    }
    .dialog-body {
        padding: 10px;
        min-height: 13rem;
    }
    .order-filter-box {
        margin-top: 0;
        padding: 10px;
    }
    .data-empty {
        height: auto;
        padding-top: 50px;
        margin-top: 0;
    }
    .filter-item {
        justify-content: inherit;
        align-items: inherit;
        margin-top: 5px;
        display: block;
    }
    .filter-item .filter {
        /* max-width: 13rem; */
    }
    .filter-item .label {
        line-height: inherit;
        /* display: block; */
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        /* margin-right: 0; */
    }
    .filter-item .filter .item {
        margin-bottom: 5px;
        margin-right: 0;
    }
    .daterangepicker {
        width: 100%;
        top: 247px;
    }
    .daterangepicker.opensright:before {
        left: inherit;
        right: 3.95rem;
    }
    .daterangepicker.opensright:after {
        left: inherit;
        right: 4rem;
    }
    .calendars {
        width: 82%;
        margin-left: 9%;
    }
    .delivery-list {
        width: auto;
    }
    .delivery-list .item.checks {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
        margin-right: 0;
    }

    .table table td,
    .table table th {
        font-size: .6rem;
        padding: 0 .25rem;
    }
    .error-page {
        width: 100%;
    }
    .categorys-box .block-items .handles {
        bottom: 12px;
        right: 0;
    }
    .categorys-box .frm-input-box {
        margin-right: .4rem;
    }
    
    .goods-list {
        margin-left: 0;
        padding-left: 0;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        top: 60px;
    }
    
    .main-block {
        top: 0;
        bottom: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
        padding: 10px;
        border-radius: 0;
        height: 100%;
    }
    .goods-steps {
        width: inherit;
    }
    .frm-textarea-box.frm-textarea-big {
        width: 13.5rem;
    }
    .frm-mask {
        width: 100%;
    }
    .frm-control {
        display: block;
        padding-left: 10px;
    }
    .skus-box .frm-control .delete {
        right: -3px;
    }
    .skus-box .frm-input-box {
        margin-right: 4px;
        width: 8rem;
    }
    .skus-detail {
        width: 100%;
    }
    .report-block {
        width: 100%;
        padding: 0 10px;
        margin-top: 0;
        height: 400px;
    }
    .report-block div,
    .report-block canvas {
        width: 100% !important;
    }
    .dialog-header {
        padding: 0 10px;
    }
    .btn-add-order {
        float: right;
    }
    .main-head-search.order-search {
        position: fixed;
        top: 0;
        z-index: 9;
        width: 79%;
        right: 0;
        line-height: 50px;
        height: 50px;
        background-color: #E94F0F;
        border: none;
    }
    .menu-btn {
        width: 30px;
        height: 50px;
        margin-left: 15px;
        /* margin-top: 10px; */
        display: block;
        font-size: 22px;
        line-height: 50px;
    }

    .menu-wrap.on .menu-btn .icon:before {
        content: '\e651';
        font-size: 24px;
    }
    .frm-control span {
        vertical-align: top;
    }
    .goods-items .frm-control span {
        vertical-align: middle;
    }
    .goods-items .frm-control {
        padding-left: 0;
    }
    .frm-control-mid {
        width: 100%;
    }
    .more-options ul .close,
    .summariz-btn {
        display: block;
    }
    .summariz-btn {
        text-align: center;
        border-color: #ff7326;
        background-color: #ff7326;
        color: #fff;
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        border-radius: 3px;
        position: absolute;
        right: 10px;
        top: 0;
    }
    .order-handle .btn {
        width: 49%;
    }
    .main-panel {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .category-list {
        width: 100%;
        display: none;
        margin-top: 48px;
        overflow: auto;
        z-index: 100;
        background: #fff;
    }
    .order-tab-items {
        font-size: 14px;
        height: 60px;
        line-height: 80px;
    }
    .order-tab-items:first-child {
        border-left: 0;
        border-radius: 0;
    }

    .order-tab-items:last-child {
        border-right: 0;
        border-radius: 0;
    }

    .order-tab-items:last-child .count {
        margin-left: -9px;
    }

    .main-small.fn-right.report-list {
        width: 100%;
        z-index: 999;
        left: 100%;
        position: relative;
    }
    .wrap.delivery {
        height: 1220px;
    }
    .shop-items .item {
        width: 50%;
    }
    .channel-container {
        padding-left: 0;
        margin-left: 0;
        position: absolute;
        width: 100%;
        left: 0;
        height: 100%;
        background-color: #fff;
        /* padding-top: 30px; */
        top: 60px;
    }
    .map-container {
        width: 90%;
        min-width: 300px;
        margin: 0 auto;
    }
    .channel-container .close {
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .setting .main-small {
        left: 0;
    }
    .main-position-right {
        top: 0;
        right: 0;
        bottom: 0;
        left: 100%;
        z-index: 99;
    }
    .sku-list .name {
        float: inherit;
        white-space: inherit;
        width: 100%;
    }
    .sku-list .price {
        float: inherit;
    }
    .sku-list .item {
        height: inherit;
        padding: 0;
    }
    .sku-list.clearfix {
        width: 6rem;
    }
    
    #edui1_iframeholder {
        width: 100% !important;
    }

    .detail-info, .detail-goods {
        width: 100%;
        height: auto;
    }

    .detail-goods table td, .detail-goods table th {
        padding: 0 10px;
    }

    .detail-info {
        padding: 0 10px;
    }

    .form-box.guide {
        width: 100%;
    }

    .logistic-block {
        width: 100%;
        margin-top: 20px;
    }

    .form-box.logistic {
        width: 100%;
    }

    .filter-bar {
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        display: block;
        margin-left: -1px;
        padding: 0 20px;
        height: 47px;
        line-height: 47px;
        background: rgba(239,239,244,.35);
    }

    .filter-bar .icon {
        float: right;
        font-size: 20px;
    }

    .table-block {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .table table {
        width: 750px;
    }

    .touch.table table {
        width: 100%;
    }

    .category-list .item.toggle {
        padding-left: 20px;
    }

    .main-setting-nav {
        height: 60px;
        padding: 0;
        left: 0;
        width: auto!important;
    }

    .main-customer-nav {
        height: 60px;
        padding: 0;
        left: 0;
        z-index: 100;
        overflow: hidden;
    }

    .main-customer-nav.full {
        height: 100%;
    }

    .filter-box {
        background: #fff;
        display: none;
    }

    .main-customer-nav.full .filter-box {
        display: block;
    }

    .setting-menu-items {
        float: left;
        width: 25%;
        text-align: center;
        padding: 0 10px;
    }

    .main-setting-block {
        left: 0;
    top: 60px;
    }

    .setting-menu-items .icon {
        display: none;
    }

    .main-head-search input {
        width: auto;
    }

    .app-group li {
        display: block;margin-right: 0;width: auto;
    }

    .btn-icon {
        float: none;
        margin-bottom: 10px;
    }

    .table-fixed {
        width: 100px!important;
    }

    .import-steps, .upload-box, .channel-box, .import-shop.channel-box {
        width: auto;
    }

    .import-steps .item {
        margin: 0;
        width: 33.33%;
    }

    .import-steps .item:after {
        top: 15px;
        left: 100%;
        width: 60px;
        transform: translateX(-50%);
    }

    .block-footer.fixed {
        left: 10px;
        right: 10px;
    }

    .block-coupon .btn-add-coupon {
            display: block;
    margin: 10px auto;
    width: 120px;
    position: static;
    }

    .coupon-items .item {
         margin: 0; 
        width: 100%;
        margin-bottom: 10px;
    }

    .customer-count {
        position: static;
        padding-left: 10px;
    }

    .tab-wrap {
        padding: 10px 10px 0;
    }

    .block-header {
        margin-top: 10px;
    }

    .plugin-info {
        height: 170px;
    }

    .plugin-info .qrcode {
        display: none;
    }

    .plugin-thumbs li {
        float: none;
        width: auto;
    }

    .basic-setting-items {
        height: auto;
    }

    .basic-setting-items .legend {
        position: static;
    }

    .basic-setting-items .legend span {
        margin-left: 0;
        margin-right: 10px;
    }

    .printer-content, .printer-preview {
        width: 100%;
    }

    .printer-content .frm-textarea-box {
        max-width: 100%;
    }

    .printer-preview .vars-list {
        padding: 0;
        padding-top: 10px;
        margin-top: 20px;
    }

    .place-list {
        right: 0;top: 69px;left: 10px;
    }

    .full-page {
        left: 0;
        z-index: 300;
    }

    .close-page {
        margin-left: -30px;
    }

    .sms-tips li {
        width: 30%;
    }

    .filter-box .tips {
        padding: 0 10px;
    }

    .order-item .order-title {
        height: 60px;
        padding-left: 0;
        background: rgba(45, 174, 214, .1);
    }

    .order-icon {
        position: static;
        line-height: 60px;
        float: left;
        margin-left: 10px;
    }

    .order-item .icon {
        width: auto;
        height: auto;
        border-radius: 0;
        line-height: inherit;
        float: none;
        margin-right: 0;
    }

    .order-item .order-title .sn {
        float: none;
    }

    .order-item .order-title .tips {
        margin-left: 10px;
        float: left;
        margin-top: 10px;
        line-height: 20px;
    }

    .icons-channel {
        position: static;
        display: block;
        line-height: 22px;
    }

    .order-item .order-title .tips.one {
        margin-top: 21px;
    }

    .notify-title .pdate {
        position: static;
            margin-left: 80px;
    }

    .page {
        text-align: center;
    }

    .console-expand {
        display: none!important;
    }

    .order-console {
        display: none;
    }

    .block-order .main-head {
        overflow: initial;
        height: 140px;
        background: #fff;
        padding: 0;
    }

    .block-order-list {
        position: static;
    }

    .main-head-tab {
        border-bottom: solid 1px #f5f5f5;
    }

    .block-order .main-head-tab {
        padding: 0 10px;
    }

    .btn.btn-sms {
        display: block;
    }

    .order-tab-items:hover:after {
        display: none;
    }

    .order-small-head {
        /*bottom: 110px;*/
    }

    .filter-city {
        padding-left: 89px;
    }

    .frm-control-large.filter-city .frm-input-box
    {
        width: 100%;
    }

    .filter-city .dropdown-box {
        top: 35px;
        left: 10px;
    }

    .menu-items a {
        padding-top: 0;
    }

    .date-picker-btn {
        margin: 12px 0;
        float: none;
        display: block;
        font-size: 13px;
    }

    .main-report-head-items {
        display: none;
    }

    .btn-report-detail {
        display: block;
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -49px;
    }

    .channel-box .label {
        margin-left: 0 !important;
    }

    .goods-items.thumb .block-items {
        height: 130px;
    }

    .goods-items.thumb .goods-num {
        bottom: 44px;
    }

    .goods-items.thumb .block-items .handles {
        bottom: 10px;
        left: 120px;
    }

    .goods-items.thumb .block-items .handles .icon-handle-del{
        float: right;
    }

    .time-box {
        display: none;
    }

    .time-str {
        display: inline-block;
    }

    .console-more {
        display: none!important;
    }

    .message-box {
        z-index: 200;
        width: 100%;
    }

    .message-box.toggle {
        right: -100%;
    }

    .report-btns .item {
        width: 147px;
        float: left;
    }

    .expend-tips li {
        width: 50%!important;
    }

    .third-block .item {
        width: 100%!important;
        margin-bottom: 15px;
    }

    .service-info .btn {
        margin-top: 5px;
    }

    .sms-block .main-block .main-head-tab-items {
        padding: 0 10px
    }

    ::-webkit-scrollbar{width:0px}
}