@media (max-width: 1400px) { .order-status { margin: 110px auto 10px !important; } } /*右侧二级导航小图标*/ .orderlist-nav li:nth-child(1) a i, .orderlist-nav li:nth-child(1) a:hover i { width: 15px; height: 15px; margin-top: 2px; background: url(../img/icon_add_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(2) a i, .orderlist-nav li:nth-child(2) a:hover i { width: 15px; height: 18px; margin-top: 1px; background: url(../img/icon_copy_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(3) a i, .orderlist-nav li:nth-child(3) a:hover i { width: 15px; height: 18px; margin-top: 1px; background: url(../img/icon_save_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(4) a i, .orderlist-nav li:nth-child(4) a:hover i { width: 16px; height: 16px; margin-top: 2px; background: url(../img/icon_tran_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(5) a i, .orderlist-nav li:nth-child(5) a:hover i { width: 15px; height: 18px; margin-top: 1px; background: url(../img/icon_saveas_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(6) a i, .orderlist-nav li:nth-child(6) a:hover i { width: 16px; height: 16px; margin-top: 2px; background: url(../img/icon_int_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(7) a i, .orderlist-nav li:nth-child(7) a:hover i { width: 18px; height: 15px; margin-top: 3px; background: url(../img/icon_sub_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(7) a#btnCancel i, .orderlist-nav li:nth-child(7) a#btnCancel:hover i { width: 23px; height: 16px; margin-top: 2px; background: url(../img/icon_revoke_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(8) a i, .orderlist-nav li:nth-child(8) a:hover i { width: 18px; height: 15px; margin-top: 2px; background: url(../img/icon_print_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(9) a i, .orderlist-nav li:nth-child(9) a:hover i { width: 20px; height: 15px; margin-top: 3px; background: url(../img/icon_upload_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(1) a:hover i{ background: url(../img/icon_add_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(2) a:hover i{ background: url(../img/icon_copy_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(3) a:hover i{ background: url(../img/icon_save_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(4) a:hover i{ background: url(../img/icon_tran_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(5) a:hover i{ background: url(../img/icon_saveas_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(6) a:hover i{ background: url(../img/icon_int_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(7) a:hover i{ background: url(../img/icon_sub_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(7) a#btnCancel:hover i { background: url(../img/icon_revoke_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(8) a:hover i{ background: url(../img/icon_print_l.png) no-repeat left center; background-size: cover; } .orderlist-nav li:nth-child(9) a:hover i{ background: url(../img/icon_upload_l.png) no-repeat left center; background-size: cover; } /*箱型箱量*/ .quantity input[type='checkbox'] { margin-right: 10px; margin-left: 26%; } /*订单状态*/ .cancel-status{ padding-left:21% !important; } .order-status { width: 80%; margin: 70px auto 10px; overflow: hidden; padding-left: 3%; } .order-status .col-lg-2{ width: 16%; padding-left:0; } .order-status .col-lg-2 label{ text-align: center; font-weight: normal; display: block; margin-top:20px; } .order-status .col-lg-2 .circle{ width: 35px; height: 35px; line-height: 35px; text-align: center; color:#FFF; border-radius:20px; background: url(../img/circle.png) no-repeat; display: block; margin:0 auto; position: relative; z-index: 1; } .order-status .col-lg-2 .status-b{ height: 1px; background: #dbdbdb; margin-top:-17px; position: relative; z-index: 0; } .order-status .col-lg-2:first-child .status-b{ width: 70%; margin-left:30%; } .order-status .col-lg-2:last-child .status-b{ width: 70%; } .order-status .col-lg-2 .time{ text-align: center; } /*状态加亮*/ .order-status .col-lg-2.active .circle{ background: url(../img/circle_hover.png) no-repeat; } .order-status .col-lg-2.active .status-b{ background: #33a3dc; } .order-status .col-lg-2.active label,.order-status .col-lg-2.active .time{ color:#33a3dc; } @media (max-width: 768px) { .order-status .col-sm-12:first-child .status-b, .order-status .col-sm-12:last-child .status-b { width: 100% !important; margin-left: 0% !important; } .order-status .col-sm-12 { width: 100%; } .col-m{ margin-bottom:5px; } } /*第二种状态*/ .state { width: 80%; margin: 15px auto 20px; overflow: hidden; } .state .col-lg-2{ width: 18%; padding-left:0; } .state .col-lg-2 .num{ font-size: 32px; text-align: center; margin-bottom:5px; color:#dbdbdb; } .state .col-lg-2 .circle{ width: 8px; height: 8px; border-radius:5px; display: block; background: #dbdbdb; margin:0 auto; position: relative; z-index: 1; } .state .col-lg-2 .state-b{ height: 1px; background: #dbdbdb; margin-top:-5px; position: relative; z-index: 0; } .state .col-lg-2 label{ text-align: center; display: block; font-weight: normal; margin-top:15px; color:#dbdbdb; } .state .col-lg-2 .time{ text-align: center; color:#dbdbdb; } .state .col-lg-2:first-child .state-b{ width: 70%; margin-left:30%; } .state .col-lg-2:last-child .state-b{ width: 70%; } /*第二种样式加亮状态*/ .state .col-lg-2.active .num,.state .col-lg-2.active .circle,.state .col-lg-2.active label,.state .col-lg-2.active .time{ color:#33a3dc; } .state .col-lg-2.active .circle,.state .col-lg-2.active .state-b{ background: #33a3dc; } /*新增样式改为左右模式*/ .row-bottom { margin-bottom: 15px; } .row-b { width: 95%; height: 0px; /*border-bottom: 3px double #e5e6e7;*/ box-shadow:0 0 3px rgba(0,0,0,.5); margin: 0 auto 15px; display:none; } /*.ibox-title{ display:none; }*/ .control-label{ font-weight:bold; text-align:left !important; margin-right:0 !important; } .ibox-tools{ margin-bottom:6px; margin-left:-20px; margin-right:5% !important; } textarea, input[type='text'], select { border: 1px dotted #33a3dc !important; } .goods .form-group { margin-left:-20px; } /*查看订单去掉灰色背景*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: none; } /*箱型箱量按钮*/ .navbar-i{ margin-left:2%; margin-top:5px; } .navbar-i a { display: inline-block; padding: 5px 10px; line-height: 22px; border-radius: 5px; margin-right: 5px; background: #33a3dc; color: #FFF; border: 1px solid #33a3dc; } .navbar-i a:hover { box-shadow: 2px 2px 5px rgba(51,163,220,.5); transition: all .3s ease-in-out; } .navbar-i a i{ display: inline-block; margin-top:-3px; margin-right: 5px; vertical-align: middle; } .bootstrap-table { } .bootstrap-table .table { width: 50% !important; border: none !important; margin-top: 5px; } .bootstrap-table .table thead tr th { background: none !important; } .bootstrap-table .table tbody tr { border: none; } .bootstrap-table .table tbody tr:hover { box-shadow: none !important; } .bootstrap-table .no-records-found { display: none; } .bootstrap-table .table thead tr th.bs-checkbox { width: 7%; } .bootstrap-table .table thead tr th:nth-child(2) { width: 30%; } .bootstrap-table .table thead tr th:nth-child(3) { width: 30%; } .hdn-temp .control-label, .hdn-danger .control-label { margin-left: 15px; } /*中文品名自动搜索*/ .input-group-btn:last-child > .btn { z-index: 1 !important; } /*上传附件链接*/ .orderlist-nav li:nth-child(9) span{ display: none; } .file-link{ line-height: 50px; float:left; margin-top:8px; } .file-link a{ color:#337ab7; } .file-link img{ width: 20px; margin-right: 5px; margin-top:-3px; } .date-form-group{ margin-bottom:5px; } /*文本框不可用状态*/ input.disable:focus { border: 1px solid #e5e6e7 !important; box-shadow:none !important; } /*表格复选框*/ .bs-checkbox input { vertical-align: initial; } /*自动上搜索*/ .dropdown-menu .table tbody tr.jhover, .dropdown-menu .table tbody tr.jhover:hover { background: #07d; } .dropdown-menu .table tbody tr.jhover td, .dropdown-menu .table tbody tr.jhover:hover td{ color:#FFF; } .select { background: url(../img/select_arrow_l.png) no-repeat scroll right 10px center transparent !important; } /*换编辑样式*/ /*.row-bg .ibox-content { border: 1.5px dashed #33a3dc; border-radius: 7px; overflow: hidden; padding-top:15px; } textarea, input[type='text'], select { border: 1px solid #e5e6e7 !important; } .select { background: url(../img/select_arrow.png) no-repeat scroll right 10px center transparent !important; } .btn-white { border: 1px solid #e5e6e7; color: #e5e6e7; } .input-group-btn .btn .caret { color: #333; }*/ /*修改汇总*/ .modify-summary .ibox-title h5 { border-left: 2px solid #33a3dc; padding-left: 8px; font-weight: bold; color: #666; font-size: 15px; } .modify-summary .modify-column{ padding-left:0px; } .modify-summary .modify-column li { list-style: none; height: 35px; line-height: 35px; background: #f7f7f7; padding-left: 25px; margin-bottom: 10px; } .modify-summary .modify-column li span{ width:250px; display:inline-block; } .modify-summary .modify-column li span i { width: 10px; height: 6px; display: inline-block; margin-left: 5px; margin-top: -2px; } .modify-summary .modify-column li span i.open-arrow { background: url(../img/open_arrow.png) no-repeat; } .modify-summary .modify-column li span i.close-arrow { background: url(../img/close_arrow.png) no-repeat; } .modify-summary table { margin: 10px 0 10px 25px; display: none; } .modify-summary table tbody tr{ height:25px; } .modify-summary table tbody tr td.modify-border { padding-left:25px; padding-right:25px; } .modify-summary .content-border { border-right: 1px solid #f5f5f5; } .soc-check input { width: 17px !important; height: 17px !important; border: 1px solid #33a3dc !important; float: left; margin-top:0px !important; } .soc-check-tip { font-weight: bold; margin-top: -1px; margin-bottom:0px; } input.form-control[readonly] { background: #eee; border: 1px dotted #e5e6e7 !important; } /*加按钮放大镜*/ .ibox-tools i.magnifier img { transform: rotate(90deg); } .form-people textarea.form-control { height:150px !important; } .form-people .ibox-tools{ margin-top:-15px; margin-right:5px !important; } .form-people .ibox-tools a { background: #24a7ea; color: #FFF !important; box-shadow: 0 0 5px rgba(36,167,234,.3); border: none !important; }