@media screen and (max-width: 768px) { .form-horizontal .control-label { padding-top: 0px !important; } .btn-default{ margin-left:0; } } @media screen and (min-width: 768px) { .control-label{ margin-bottom:5px; } } .control-label { font-weight: normal; } .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } /*表单缩小间距*/ [class*="col-"] { padding-right: 15px; padding-left: 15px; } .form-control { margin-bottom: 5px; } /*背景改为白色*/ .gray-bg { background: #FFF; } .top-navigation .wrapper.wrapper-content { padding: 20px; } /*框架调整*/ .ibox-tools { display: none; } .ibox-content { padding-top: 16px; padding-left: 5px; padding-right: 5px; border: none !important; } .ibox-bnone { border: none !important; } /*表单*/ .footable { margin-top: 10px; } .bootstrap-table { margin-right: 15px; margin-top: 5px; } .table thead tr th input { vertical-align: bottom; } .table tbody tr td input { vertical-align: bottom; } .table tbody tr td { padding-left: 15px; } .table tbody tr .bs-checkbox { padding: 0 !important; } .fixed-table-container .bs-checkbox .th-inner { padding: 0 !important; } /*分页*/ .m-pagination { margin-top: 15px !important; } .fixed-table-pagination .pagination-info { font-size: 14px; } /*右侧二级导航*/ .navbar-nav { margin-left: 2%; } .btn a:first-child{ margin-left:10%; } .nav img{ width:25%; margin-right:5px; } .orderlist-nav li { margin-right: 10px; } .orderlist-nav { padding: 12px 0; } /*右侧二级导航边框*/ .nav-fixed{ width:100%; position:fixed; background:#FFF; z-index:3; } .orderlist-nav li a { border: 1px solid #27bc9c; border-radius: 5px; padding: 8px 13px !important; color: #27bc9c !important; } .orderlist-nav li:hover a { background: #27bc9c !important; border: 1px solid #27bc9c; color: #FFF !important; } /*按钮*/ .btn-primary { margin-right: 10px; background: #27bc9c; border: 1px solid #27bc9c; } .btn-default { margin-left: 10%; border: 1px solid #ddd; color: #6b6b6b; background: #f4f4f4; border-radius: 0px !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { background-color: #cbcbcb !important; border-color: #cbcbcb !important; color: #FFF; } /*文本框获取焦点*/ .form-control:focus, .single-line:focus { border-color: #27bc9c !important; } /*载单数据样式*/ .fa-caret-down{ margin-left:3px; } .detail-view .table{ border:1px solid #e5e6e7 !important; } .detail-view .table tr td{ border-right:none; } .detail-view thead { background: #2f4050; } .detail-view thead tr td { font-weight: bold; color:#FFF; font-family:"Microsoft YaHei"; } .detail-view thead tr td:first-child{ padding-left:25px !important; } .detail-view tbody tr td:first-child { padding-left: 25px !important; } .detail-view .table tbody tr { border-top: 1px solid #e5e6e7; color:#000; } .detail-view .table tr:nth-child(2n) { background: none !important; } /*textarea右侧计算字符*/ .m-left { padding-right:18px; } /*操作按钮*/ .table .audit:first-child{ margin-right:5px; } /*可选按钮左侧border*/ .dropdown-toggle{ border-left:none; } /*表格下面分页*/ .fixed-table-pagination { margin-top: 10px; } .pagination-info { font-size: 14px; } .page-list .btn-group { margin: 0 5px; } .page-list .btn-default { background: none; background: none; /*border: none !important;*/ padding: 5px 15px; } .page-list .btn-default:hover, .page-list .btn-default:visited { background: none !important; color: #676a6c; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: #f3f3f3; color:#666; } /*表格复选框*/ /*input[type='checkbox'] { width:14px; height:14px; background:#fff; -webkit-appearance: none; border: 1px solid #ddd; border-radius: 2px; outline: none; cursor: pointer; }*/ /*input[type=checkbox]:checked { background: url(/Content/hplus/img/check.jpg) no-repeat 21px 0px; }*/ .border-bottom { border-bottom: 2px solid #dcdcdc !important; } /*.ibox-content { border-top: 1px solid #dcdcdc !important; }*/ /*select*/ select { /*隐藏默认小箭头*/ appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/ico-arrow.png) no-repeat scroll right 10px center transparent !important; } /*input[type='radio'] { width: 20px; height: 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; outline: none; border: none; } input[type='radio']:before { content: ""; width: 15px; height: 15px; border: 1px solid #009bfc; display: inline-block; border-radius: 50%; vertical-align: middle; } input[type='radio']:checked:before { content: ""; width: 15px; height: 15px; border: 1px solid #009bfc; display: inline-block; border-radius: 50%; vertical-align: middle; } input[type='radio']:checked:after { content: ""; width: 9px; height: 9px; text-align: center; background: #009bfc; border-radius: 50%; display: block; position: absolute; top: 8px; left: 3px; }*/ /*权限设置*/ .user-information { margin: 20px 15px 0px 15px; padding:0; border:1px solid #f1f1f1; box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, .07); } .user-information .ibox-title { background:#f8f8f8; font-size:16px; font-weight:bold; color:#4a4a4a; text-align:center; } .user-information .ibox-title img{ width:23px; margin-top:-2px; margin-right:15px; display:block; float:left; } .user-information ul li { list-style: none; height: 35px; line-height: 35px; font-size: 16px; margin-bottom: 5px; } .user-information .ibox-content{ height:262px; overflow-y:scroll; } .user-information ul li .btn.copy { width: 90px; height: 33px; line-height: 33px; background: #f1f1f1; padding: 0; margin-bottom: 0; color: #4a4a4a; font-size:14px; display: block; float: right; margin-right: 11%; box-shadow: rgba(0, 0, 0, .1) 2px 3px 3px -2px; border:1px solid #e4e5e6; } .user-information ul li .btn.copy:hover { background: #30a1c7; border: 1px solid #30a1c7; color: #FFF; } .user-jurisdiction { margin-top: 20px; padding: 0; border: 1px solid #f1f1f1; box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, .07); } .user-jurisdiction .ibox-title { text-align: center; background: #f8f8f8; color: #4a4a4a; font-size:16px; font-weight:bold; } .user-jurisdiction .title{ height:37px; line-height:37px; margin:0 4%; text-align:center; padding:0; color:#FFF; font-size:15px; } .user-jurisdiction .title:nth-child(1) { background: #3c9ff9; } .user-jurisdiction .title:nth-child(2) { background: #22c29f; } .user-jurisdiction .title:nth-child(3) { background: #eb8b4f; } .user-jurisdiction .ibox-content{ margin:0 1%; overflow:hidden; } .user-jurisdiction .ibox-content .user-content { margin-left: 3%; margin-top: 15px; } .user-jurisdiction .tree{ margin-top:15px; margin-left:5%; } .user-jurisdiction .tree .subNav { font-size: 15px; list-style: none; line-height: 29px; position:relative; } .user-jurisdiction .tree .subNav.currentDt i { width: 13px; height: 13px; display: block; float: left; background: url(../img/plus.png) no-repeat 0px 0px; margin-top: 8px; margin-right: 7px; } .user-jurisdiction .tree .subNav.currentDd i { background: url(../img/reduce.png) no-repeat 0px 5px; } .user-jurisdiction .tree .subNav input[type='radio'] { margin: 0 2%; } .user-jurisdiction .tree .subNav a { float: left; } .user-jurisdiction .tree .subNav .visual-range{ width:20%; position:absolute; top:0px; left:42%; } .user-jurisdiction .tree .subNav .scope-operation { width: 20%; position: absolute; top: 0px; left: 77%; } .user-jurisdiction .tree .navContent { display: none; margin-left: -10px; overflow:hidden; } .user-jurisdiction .tree .navContent a { width: 100%; height: 25px; line-height: 25px; display: inline-block; font-size: 15px; color: #8a8a8a; } .user-jurisdiction .tree .navContent a input{ margin-top:6px; } /*标题*/ .ibox-title { border: none; padding-left: 0; } .ibox-title h5 { font-size: 18px; font-weight: bold; margin-bottom: 13px; color: #333; } .ibox-title h5 i { display: block; width: 5px; height: 20px; background: #42b0d5; margin-right: 10px; float: left; } /*按钮*/ .btn { padding: 7px 25px; font-size: 15px; } .btn-primary { background: #42b0d5; border: 1px solid #42b0d5; border-radius: 25px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background: #30a1c7 !important; border: 1px solid #30a1c7 !important; color: #FFF; } .btn-default { background: #FFF; border: 1px solid #dedede; border-radius: 25px !important; } .btn-default:hover { border: 1px solid #30a1c7 !important; background: none !important; color: #6b6b6b; } /*表格去border*/ .table-bordered { border: none !important; } .table thead tr { border-bottom: 1px solid #ebebeb; } .table thead tr th { border: none !important; } .table tbody tr{ border-bottom:1px solid #ebebeb; } .table tbody tr td { border: none !important; } .table > thead > tr > th { border-bottom: 1px solid #ebebeb; } .table thead tr th .th-inner { font-size: 15px; line-height: 30px; } /*.table thead tr th:last-child .th-inner { width: 65px !important; }*/ .bootstrap-table .table > thead > tr > th { vertical-align: middle !important; border: none !important; background: #fafafa; border-bottom:1px solid #ebebeb; } .bootstrap-table .table > thead > tr > th:first-child { padding-left: 15px !important; } .bootstrap-table .table > tbody > tr > td:first-child { padding-left: 25px !important; } .bootstrap-table .table > tbody > tr:hover { background: #f7fbfc; } .fixed-table-container { border: none; } /*操作按钮*/ .view-edit, .view-cancel-subscribe { color: #0275d8; } .view-del{ margin-left:8px; } .view-edit .fa, .view-del .fa, .view-subscribe-wechat .fa, .view-subscribe-edit .fa { margin-right: 3px; } .view-cancel-subscribe .fa, .view-subscribe-mail .fa { margin-right: 7px; } /*编辑模板*/ .layui-layer-shade { background: rgba(255,255,255,.1) !important; } .layui-layer { box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, .15) !important; border-radius: 7px !important; } body .layer-ext-moon .layui-layer-title { background: #FFF !important; } body .layer-ext-moon .layui-layer-title{ color:#333; } body .layer-ext-moon .layui-layer-btn { border-top: none !important; background: #FFF !important; } body .layer-ext-moon .layui-layer-btn .layui-layer-btn0 { background: #42b0d5 !important; border: 1px solid #42b0d5; border-radius: 25px !important; /*margin-right:25px;*/ } body .layer-ext-moon .layui-layer-btn .layui-layer-btn1 { background: #FFF; border: 1px solid #dedede; border-radius: 25px !important; } .form-horizontal .control-label { width: 16%; float: left; color: #646464; font-size: 15px; } .form-horizontal .control-label.account-label{ width:15%; } .form-horizontal .control-label.departure-date { width: 36%; margin-left: -13%; } .form-horizontal .box-type{ margin-left:-6.4%; } .form-horizontal .input-bk { /*background: #f4fafd;*/ /*overflow: hidden;*/ padding-top: 20px; margin-bottom: 15px; } /*文本框border加深*/ .form-control { color: #777; } .form-control:focus { border: 1px solid #42b0d5 !important; } .form-control, .single-line { border: 1px solid #dfdfdf !important; } /*文本框提示字符颜色*/ input::-webkit-input-placeholder { color: #b3b3b3 !important; } input::-moz-placeholder { color: #b3b3b3 !important; } input:-moz-placeholder { color: #b3b3b3 !important; } input:-ms-input-placeholder { color: #b3b3b3 !important; } .col-sm-boxtype-3{ margin-left:8% !important; } /*日期选择*/ .datepicker table tr td.active { background: #42b0d5 !important; } /*提醒设置*/ .subscribe, .remind { overflow: hidden; margin-left:0%; } .subscribe .ibox-title, .remind .ibox-title { font-size: 16px; font-weight: bold; color: #999; margin-bottom: 10px; } .subscribe .control-label, .remind .control-label { margin-bottom: 10px; color: #333; } .subscribe input[type='checkbox'], .remind input[type='checkbox'] { width: 18px; height: 18px; background: #FFF; -webkit-appearance: none; border: 1px solid #b7b7b7; border-radius: 2px; outline: none; display: block; float: left; margin-top: 1px; margin-right: 7px; } .subscribe input[type='checkbox']:checked, .remind input[type='checkbox']:checked { background: #42b0d5 url(../img/check.png) no-repeat center; background-size: cover; border: 1px solid #42b0d5; } .subscribe .low-price { background: #f4fafd; padding: 10px 15px; margin-bottom: 15px; /*margin-right: 15px;*/ } .subscribe .low-price p { color: #999; margin-top: 5px; } .subscribe .low-price .control-label { margin-top: 4px; float: left; } .subscribe .low-price .control-label:nth-child(1) { margin-right: 10px; } .subscribe .low-price .control-label:nth-child(3) { margin-left: 10px; } .subscribe .low-price input { width: 85px; height: 30px; line-height: 30px; border: 1px solid #dfdfdf; float: left; padding-left: 8px; } /*微信邮件*/ .remind{ position:relative; } .remind:before { content: ""; width: 1px; top: 10%; left: 0px; height: 110px; background: #eee; display: block; float: left; margin-right:15%; } .remind input { margin-top: 3px; } .remind img { margin-left: 7px; margin-right: 7px; vertical-align: middle; } /*关注大简云公众号*/ .modal-title { font-size: 16px; } .erweima { text-align: center; } /*下拉按钮*/ .input-group-btn .btn { padding: 5px 13px; padding-bottom: 6px; border: 1px solid #dfdfdf; border-left:none; } .input-group-btn:last-child > .btn{ z-index:1; } /*按回车键显示*/ .input-div{ position:relative; } .input-div input{ background:url(../img/ico-arrow.png) no-repeat 375px 15px; } .ul-group { width: 93%; float: left; padding-top: 10px; padding-bottom: 10px; padding-left:0px; display: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, .15) !important; position: absolute; top: 38px; left: 15px; right: 15px; z-index: 3; background: #FFF; } .ul-group li { list-style: none; line-height: 30px; padding-left:15px; } .ul-group li:hover { background: #42b0d5; color: #FFF; } /*用户权限*/ .nav-tabs > li > a{ font-size:15px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: 1px solid #FFF; } .nav-tabs { margin: 15px 0 0 15px; } .tab-content { margin: 0 15px; } .tab-content .bootstrap-table { margin-top:15px; margin-right:0px; } .tab-content .bootstrap-table .table tbody tr{ height:45px; } .tree input[type='checkbox'] { margin-right: 5px; } .tab-content .modal-dialog { width:420px; margin-top: 240px; } /*订阅查询*/ .form-subscription{ margin-bottom:15px; } .form-subscription .form-group { width: 200px; height: 39px; float: left; margin-right: 15px; margin-bottom: 5px; } .form-subscription .form-narrow{ width:140px !important; } .form-subscription .form-narrow .select{ width:140px !important; } .form-subscription .form-group input.date { background: url(../img/date.jpg) no-repeat 10px; padding-left: 32px !important; } /*select*/ .select { width: 200px; height: 34px; padding-left: 10px; border: 1px solid #dfdfdf; color: #999; /*隐藏默认小箭头*/ appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/select_arrow.jpg) no-repeat scroll right 10px center transparent; vertical-align: middle; } .select:focus { outline: none; border: 1px solid #42b0d5 !important; } .select option { background: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .btn-query { margin-right: 10px; background: #42b0d5; border: 1px solid #42b0d5; color: #FFF; border-radius: 25px; } .btn-reset { background: #FFF; border: 1px solid #dedede; border-radius: 25px; color: #676a6c; } .btn-btn { padding: 7px 25px; font-size: 15px; display: inline-block; margin-bottom:15px; float:left; } .btn-btn:hover { cursor: pointer; }