body { font-size: 13px; font-family: 微软雅黑; } ul, li { padding: 0; margin: 0; } .flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex1{ flex:1; -webkit-flex: 1; height:100%; } .flex.column{ flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; } /*select2*/ .select2-container .select2-choice .select2-arrow{ cursor: pointer; border-left:none !important; background: #fff !important; } .select2-dropdown-open .select2-choice{ background: #fff !important; } select, input:focus, input, textarea { outline: none !important; box-shadow: none !important; } textarea:focus{ color: #666 !important; } .must::before { content: "*"; position: absolute; right: 0px; top: 10px; color: #eb6060; font-size: 12px } .tooltip-inner { background: rgba(0, 0, 0, 0.8); } .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.8); } /**page*/ .page-header { display: block; height: 65px; line-height: 30px; font-size: 12px; position: relative; padding-left: 10px; margin: 0; border: none; overflow: hidden; padding-top: 25px; } .page-header:before { content: " "; position: absolute; left: 0; top: 32px; width: 2px; height: 16px; border-left: 2px solid #44abf7; color: #44abf7; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .page-content{ width: 100%; min-height:100px; background: #fff; padding: 30px; } .page-toolbar { position: relative; width:100%; padding:0; height:35px;line-height:1; vertical-align: middle; margin-bottom:15px; } .page-toolbar .title { float:left; } .page-toolbar .col-sm-1, .page-toolbar .col-sm-2, .page-toolbar .col-sm-3, .page-toolbar .col-sm-4, .page-toolbar .col-sm-5, .page-toolbar .col-sm-6, .page-toolbar .col-sm-7, .page-toolbar .col-sm-8, .page-toolbar .col-sm-9, .page-toolbar .col-sm-10, .page-toolbar .col-sm-11, .page-toolbar .col-sm-12 { padding:0; padding-right:5px; } .caret { border: 0; } /*btn*/ .btn { outline: none !important; padding: 8px 16px; border-radius: 2px; font-size: 12px; line-height: 1; color: #fff; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; border: 1px solid transparent; } .btn .disabled{ background: inherit; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-lg{ display: inline-block; padding: 11px 18px; line-height: 1; border-radius: 2px; font-size: 12px; color: #fff; background: #dddddd; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-sm{ display: inline-block; padding: 7px 8px; border-radius: 2px; font-size: 12px; line-height: 1; color: #fff; background: #dddddd; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-xs{ display: inline-block; padding: 3px 5px; border-radius: 2px; font-size: 12px; line-height: 1; color: #fff; background: #fff; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-op{ padding: 4px !important; } .btn-operation{ background: #ffffff !important; color: #333 !important; border:1px solid #efefef !important; } .btn-operation:hover{ background:#e9e9e9 !important; color: #9d9d9d; } .btn-white:active{ background: #e9e9e9 !important; } .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background: #fdfdfd !important; color: #6b6b6b; } .btn-default{ background: #eee !important; color: #6b6b6b; border:1px solid #efefef !important; outline: none; } .btn-default:hover{ background:#f7f7f7 !important; } .btn-default:active{ background: #e9e9e9 !important; outline: none; border:1px solid #e9e9e9 !important; } .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background: #44abf7 !important; } .btn-primary{ background: #44abf7 !important; border-color: #44abf7 !important; color:#fff !important; } .btn-primary:hover{ background:#3c9be1 !important; border-color:#3c9be1 !important; } .btn-primary:active{ background:#368fcf !important; border-color:#368fcf !important; } .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background: #54c952 !important; border-color:#54c952 !important; } .btn-success{ background: #54c952 !important; border-color:#54c952 !important; color:#fff !important; } .btn-success:hover{ background:#48af48 !important; border-color:#48af48 !important; } .btn-success:active{ background:#409d40 !important; border-color:#409d40 !important; } .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background: #3abbdb !important; border-color:#3abbdb !important; } .btn-info{ background: #3abbdb !important; border-color:#3abbdb !important; color:#fff !important; } .btn-info:hover{ background:#32a3bf !important; border-color:#32a3bf !important; } .btn-info:active{ background:#2e95ad !important; border-color:#2e95ad !important; } .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background: #ffc000 !important; border-color:#ffc000 !important; } .btn-warning{ background: #ffc000 !important; border-color:#ffc000 !important; color:#fff !important; } .btn-warning:hover{ background:#f3b700 !important; border-color:#f3b700 !important; } .btn-warning:active{ background:#e9af00 !important; border-color:#e9af00 !important; } .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background: #eb6060 !important; border-color:#eb6060 !important; } .btn-danger{ background: #eb6060 !important; border-color:#eb6060 !important; color:#fff !important; } .btn-danger:hover{ background:#d95656 !important; border-color:#d95656 !important; } .btn-danger:active{ background:#c95050 !important; border-color:#c95050 !important; } .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled].focus, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover { background: #ffffff !important; border-color:#ffffff !important; color: #6b6b6b; } .btn-white{ background: #ffffff !important; color: #6b6b6b; border:1px solid #efefef !important; } .btn-white:hover{ background:#fdfdfd !important; } .btn-white:active{ background: #f9f9f9 !important; } .btn-primary:active, .btn-primary-o:active{ background:#368fcf !important; border-color:#368fcf !important; } .btn-primary-o{ color:#44abf7 !important; background:#fff !important; border-color: #44abf7 !important; } .btn-primary-o:hover{ color:#fff !important; background:#3c9be1 !important; border-color:#3c9be1 !important; } .btn-success:active, .btn-success-o:active{ background:#409d40 !important; border-color:#409d40 !important; } .btn-success-o{ color: #54c952 !important; background:#fff !important; border-color: #54c952 !important; } .btn-success-o:hover{ color:#fff !important; background:#48af48 !important; border-color:#48af48 !important; } .btn-info:active, .btn-info-o:active{ background:#706eb3 !important; border-color:#706eb3 !important; } .btn-info-o{ color: #8987d7 !important; background:#fff !important; border-color:#8987d7 !important; } .btn-info-o:hover{ color:#fff !important; background:#7a78c3 !important; border-color:#7a78c3 !important; } .btn-warning:active, .btn-warning-o:active { background:#e1a710 !important; border-color:#e1a710 !important; } .btn-warning-o{ color: #f9b912 !important; background:#fff !important; border-color:#f9b912 !important; } .btn-warning-o:hover{ color:#fff !important; background:#ebaf12 !important; border-color:#ebaf12 !important; } .btn-danger:active, .btn-danger-o:active{ background:#c95050 !important; border-color:#c95050 !important; } .btn-danger-o{ color: #eb6060 !important; background:#fff !important; border-color:#eb6060 !important; } .btn-danger-o:hover{ color:#fff !important; background:#d95656 !important; border-color:#d95656 !important; } .btn-white-o,.btn-default-o{ background: #ffffff !important; color: #6b6b6b !important;; border-color: #efefef !important; } .btn-white-o:hover, .btn-default-o:hover{ color:#fff !important; background:#ccc !important; } .btn-white:active, .btn-white-o:active{ background: #f9f9f9 !important; } .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #44abf7; text-decoration: none; border: 1px solid #44abf7; } .btn-group > .btn { border-radius: 1px; } /* text */ .text{ color: #999; } .text-success { color: #54c952 !important; } .text-primary { color: #44abf7 !important; } .text-info { color: #3abbdb !important; } .text-warning { color: #ffc000 !important; } .text-danger { color: #eb6060 !important; } .text-green{ color:#15d2b9 !important; } .text-default{ color: #000 !important; } /*label*/ .label { background-color: #d1dade; color: #fff; font-family: 'Open Sans'; font-size: 10px; font-weight: 600; padding: 3px 8px; text-shadow: none; border-radius: 2px; display: inline-block; } .label.label-default { background: #ccc; } .label.label-default:hover { background: #bbb; } .label.label-primary{ background: #44abf7 !important; } .label.label-primary:hover{ background: #3c9be1 !important; } .label.label-success{ background: #54c952 !important; } .label.label-success:hover{ background: #48af48 !important; } .label.label-info{ background: #3abbdb !important; } .label.label-info:hover{ background: #32a3bf !important; } .label.label-warning{ background: #ffc000 !important; } .label.label-warning:hover{ background: #f3b700 !important; } .label.label-danger{ background: #eb6060 !important; } .label.label-danger:hover{ background: #d95656 !important; } .control-label{ color: #666; } /*progress*/ .progress { height: 10px; margin: 0; margin-top: 4px; overflow: hidden; background-color: #ffffff; border-radius: 0px; box-shadow: none; } .progress-bar{ animation: animate-positive 2s; } .progress-num{ float: left; margin-right:15px; color: #999; } @-webkit-keyframes animate-positive{ 0% { width: 0%; } } @keyframes animate-positive{ 0% { width: 0%; } } .progress-bar-success{ background: #54c952; } .progress-bar-primary{ background: #44abf7; } .progress-bar-info{ background:#3abbdb } .progress-bar-warning{ background: #ffc000; } .progress-bar-danger{ background: #eb6060; } /*alert*/ .alert{ border-radius: 2px; } .alert-danger { color: #e55640; background-color: #fce9e6; border-color: #edd7d4; } .alert-warning { color: #e1a72b; background-color: #fdf6e7; border-color: #eee6d4; } .alert-info { color:#00c1de; background-color:#dff6fa ; border-color:#c1e7ee ; } .alert-primary{ color: #259fdc; background-color: #d9edf7; border-color: #c5dce7; } .alert-success{ color: #29bc85; background-color: #e7f7f1; border-color: #cfe5dd; } .alert-default{ color: #8c8c8c; background-color: #f2f2f2; border-color: #e3e4e5; } .alert a{ color:#666 !important; text-decoration: underline !important; } .alert a:hover{ color:#333 !important; } /*panel*/ .panel{ border-radius: 2px; border-color: #efefef; } .panel-heading{ border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel-default{ color: #8c8c8c; border-color: #efefef; } .panel-default .panel-heading{ background: #fdfdfd; border-color:#efefef; } .panel-primary{ border-color: #efefef; } .panel-primary .panel-heading{ background: #44abf7; border-color:#efefef; } .panel-success{ border-color: #efefef; } .panel-success .panel-heading{ color:#fff; background: #54c952; border-color:#efefef; } .panel-info { border-color:#efefef; } .panel-info .panel-heading { color:#fff; background:#8987d7; border-color:#efefef; } .panel-body ~ .panel-heading { border-top: 1px solid #efefef; } .panel-body,.panel-footer{ color:#999; } .panel-body.empty-data { text-align: center; padding: 30px; } .panel-danger { border-color: #efefef; } .panel-danger .panel-heading { color:#fff; background: #eb6060; border-color:#efefef; } .panel-warning { border-color: #efefef; } .panel-warning .panel-heading { color:#fff; background: #ffc000; border-color:#efefef; } .panel-footer{ background: #fff; border-color: #efefef; } /*表单*/ .form-group-title{ height: 65px; line-height:80px;; border-bottom:1px solid #efefef; margin-bottom: 20px; font-weight: bold; font-size:14px; color: #333; position: relative } .form-group-title:before{ content: ''; position: absolute; width:4px; height:14px; background:#00aeff; -webkit-border-radius:30%; -moz-border-radius:30%; border-radius:30%; top:33px; left:-10px; } .form-control { background-color: #FFFFFF; background-image: none; border: 1px solid #efefef; border-radius: 1px; color: inherit; display: block; -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-size: 12px; height:32px; } .form-control.textarea{ height:100px; } .form-control.textarea:focus{ color: #666; } .form-control.input-sm, .input-sm { height:28px; } .form-control.input-lg, .input-lg { height:36px; line-height:36px; font-size: 16px; padding:0 10px; } .fixmore-input-group{ width:600px; } .fixsingle-input-group{ width:300px; } .input-group-addon { background-color: #fff; border: 1px solid #efefef; border-radius: 1px; color: inherit; font-size: 12px; font-weight: 400; padding: 6px 12px; text-align: center; } .input-group-select { display: table-cell; width:1%; white-space: nowrap; vertical-align: middle; } .input-group-select select.form-control { cursor: pointer; width:auto; } select.form-control{ appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: center; padding-right:40px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdDNTFGMjcwOUVBMTFFN0JEM0FBMTI2MDQ0ODI5QjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdDNTFGMjYwOUVBMTFFN0JEM0FBMTI2MDQ0ODI5QjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyNzJFOTI4MDk2MjExRTc5RTI5REFEQUFBNTlDMzI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyNzJFOTI5MDk2MjExRTc5RTI5REFEQUFBNTlDMzI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H6DtmAAAAGNJREFUeNpidA3P3cjAwNABxMcZUIEzEOcDsT8Q/9+1YhIDNsAExNOAeAMQeyCJ5wDxEiDuBWlmwANYgHgn1Jb1QFwBxNZAbA7ElkD8gIEAYIHSJ4DYFWrYCaghXxiIAAABBgCUUBKqKacXdQAAAABJRU5ErkJggg==) right no-repeat; height:30px; line-height:30px; padding:0 10px; } .input-group .form-control, .input-group .input-group-addon, .input-group .input-group-btn > .btn, .input-group select.form-control{ border-radius:1px; font-size: 12px; height: 30px; } .input-group .input-group-addon:first-child, .input-group-sm .input-group-addon:first-child, .input-group-lg .input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-sm .form-control, .input-group-sm .input-group-addon, .input-group-sm .input-group-btn > .btn, .input-group-sm select.form-control, select.form-control.select-sm{ border-radius:1px; font-size: 12px; height:28px; line-height:1; } .input-group-lg .form-control, .input-group-lg .input-group-addon, .input-group-lg .input-group-btn > .btn, .input-group-lg select.form-control , select.form-control.select-lg { border-radius:1px; height:36px; line-height:0.75; font-size: 16px; } .img-item.input-group .input-group-addon{ padding: 0 12px; } .form-control.select2-container .select2-choice { background: #fff !important;} .form-control.select2-container .select2-choice .select2-arrow b { margin-top:1px; padding-right:20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdDNTFGMjcwOUVBMTFFN0JEM0FBMTI2MDQ0ODI5QjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdDNTFGMjYwOUVBMTFFN0JEM0FBMTI2MDQ0ODI5QjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyNzJFOTI4MDk2MjExRTc5RTI5REFEQUFBNTlDMzI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyNzJFOTI5MDk2MjExRTc5RTI5REFEQUFBNTlDMzI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H6DtmAAAAGNJREFUeNpidA3P3cjAwNABxMcZUIEzEOcDsT8Q/9+1YhIDNsAExNOAeAMQeyCJ5wDxEiDuBWlmwANYgHgn1Jb1QFwBxNZAbA7ElkD8gIEAYIHSJ4DYFWrYCaghXxiIAAABBgCUUBKqKacXdQAAAABJRU5ErkJggg==) left no-repeat; } .form-control.select2-container:not(.select2-container-multi) { height:30px !important; } .form-control.select2-container .select2-choice{ height:28px !important; line-height:28px; } .form-control.select2-container.select-sm:not(.select2-container-multi) , .input-group-sm .form-control.select2-container:not(.select2-container-multi) { height:28px !important; } .form-control.select2-container.select-sm:not(.select2-container-multi) .select2-choice, .input-group-sm .form-control.select2-container:not(.select2-container-multi) .select2-choice{ height:24px !important; line-height:26px; } .form-control.select2-container:not(.select2-container-multi).select-lg , .input-group-lg .form-control.select2-container:not(.select2-container-multi) { height:36px !important; } .form-control.select2-container.select-lg .select2-choice, .input-group-lg .form-control.select2-container .select2-choice { height:32px !important; line-height:34px; } .form-control.select2-container-multi .select2-choices{ min-height:26px !important;; } .form-control.select2-container-multi .select2-choices .select2-search-field { height:28px !important; } .form-control.select2-container-multi .select2-choices .select2-search-field input { height:28px !important; padding:0 10px; line-height:20px; } .form-control.select2-container-multi.select-sm .select2-choices .select2-search-field { height:24px !important; } .form-control.select2-container-multi.select-sm .select2-choices .select2-search-field input { height:24px !important; padding:0 10px; line-height:20px; } .form-control.select2-container-multi.select-lg .select2-choices .select2-search-field { height:34px !important; } .form-control.select2-container-multi.select-lg .select2-choices .select2-search-field input { height:34px !important; padding:0 10px; line-height:26px; } .form-control.select2-container.select2-container-multi .select2-choices .select2-search-choice{ line-height: 13px; } .form-control.select2-container.select2-container-multi.select-sm .select2-choices .select2-search-choice{ line-height: 13px; } .form-control.select2-container.select2-container-multi.select-lg .select2-choices .select2-search-choice{ line-height: 20px; } .form-control.select2-container.select2-container-multi.select-lg .select2-choices .select2-search-choice .select2-search-choice-close { margin-top:3px; } .input-group .form-control { border-radius:0; } .input-group .form-control:first-child.select2-container { border-top-left-radius: 1px; border-bottom-left-radius: 1px; } .has-error .help-block, .has-error .input-group-addon, .has-error .input-group-btn .btn, .has-error .control-label { color:#eb6060 !important; } .has-error .input-group-addon, .has-error .input-group-btn .btn, .has-error .form-control, .has-error.form-group .form-control:focus , .has-error .select2-container .select2-drop { border-color: #eb6060 !important; } .has-error .input-group-addon, .has-error .input-group-btn .btn { background: #fce9e6 !important; } .has-success .help-block, .has-success .input-group-addon, .has-success .input-group-btn .btn, .has-success .control-label { color:#54c952 !important; } .has-success .input-group-addon, .has-success .input-group-btn .btn, .has-success .form-control, .has-success .form-control:focus { border-color: #54c952 !important; } .has-success .input-group-addon, .has-success .input-group-btn .btn { background: #e7f7f1 !important;; } .has-warning .help-block, .has-warning .input-group-addon, .has-warning .input-group-btn .btn, .has-warning .control-label { color:#ffc000 !important; } .has-warning .input-group-addon, .has-warning .input-group-btn .btn, .has-warning .form-control, .has-warning .form-control:focus { border-color: #ffc000 !important;; } .has-warning .input-group-addon, .has-warning .input-group-btn .btn { background: #fdf6e7 !important; } /*变量模版*/ .variable{ margin-top: 5px; } /*栅格*/ .row { margin-right: -10px; margin-left: -10px; } .row.no-margins { margin: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } /*自定义栅格*/ .col-xs{ float: left; padding-right: 10px; padding-left: 10px; position: relative; width:50px; } .col-sm{ float: left; padding-right: 10px; padding-left: 10px; position: relative; width:80px; } .col-md{ float: left; padding-right: 10px; padding-left: 10px; position: relative; width:110px; } .col-lg{ float: left; padding-right: 10px; padding-left: 10px; position: relative; width:140px; } .ibox { clear: both; margin-bottom: 20px; margin-top: 0; padding: 0; background:#fff; height: auto; position: relative; } .ibox.h300 { min-height:300px; } .ibox-loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('../images/loading.gif'); background-color: #fff; background-repeat: no-repeat; background-size: 40px; background-position: center; z-index: 99; } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #efefef; -webkit-border-image: none; -o-border-image: none; border-image: none; border-width: 4px 0px 0; color: inherit; margin-bottom: 0; padding: 0 15px; line-height: 48px; height:48px; } .ibox-title h5{ float: left;margin:0; height:48px; line-height: 48px; } .ibox-title>ul { float: right; height: 48px; border-bottom: none; } .ibox-title>ul>li>a{ padding: 15px 0; } .ibox-content { clear: both; background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; -webkit-border-image: none; -o-border-image: none; border-image: none; border-style: solid solid none; border-width: 1px 0px; margin: 0 15px; } .ibox-content .tab-content{ height: 296px; } .ibox-content.no-border{ border:none; } .ibox.padding .ibox-content { padding: 15px 20px 20px 20px; } .form-cell{ border:none; background-color: inherit; border-top: 1px solid #efefef; display: block; overflow: hidden; margin-bottom: -1px; padding:20px 0; position: relative; } .form-cell .check{ margin-left: 25px; } .form-cell:first-child { border:none; } .form-cell .cell-label { display:inline-block; text-align: right; } .cell-label.col-lg-1, .cell-label.col-lg-10, .cell-label.col-lg-11, .cell-label.col-lg-12, .cell-label.col-lg-2, .cell-label.col-lg-3, .cell-label.col-lg-4, .cell-label.col-lg-5, .cell-label.col-lg-6, .cell-label.col-lg-7, .cell-label.col-lg-8, .cell-label.col-lg-9, .cell-label.col-md-1, .cell-label.col-md-10, .cell-label.col-md-11, .cell-label.col-md-12, .cell-label.col-md-2, .cell-label.col-md-3, .cell-label.col-md-4, .cell-label.col-md-5, .cell-label.col-md-6, .cell-label.col-md-7, .cell-label.col-md-8, .cell-label.col-md-9, .cell-label.col-sm-1, .cell-label.col-sm-10, .cell-label.col-sm-11, .cell-label.col-sm-12, .cell-label.col-sm-2, .cell-label.col-sm-3, .cell-label.col-sm-4, .cell-label.col-sm-5, .cell-label.col-sm-6, .cell-label.col-sm-7, .cell-label.col-sm-8, .cell-label.col-sm-9, .cell-label.col-xs-1, .cell-label.col-xs-10, .cell-label.col-xs-11, .cell-label.col-xs-12, .cell-label.col-xs-2, .cell-label.col-xs-3, .cell-label.col-xs-4, .cell-label.col-xs-5, .cell-label.col-xs-6, .cell-label.col-xs-7, .cell-label.col-xs-8, .cell-label.col-xs-9 { padding-left:0; } /**tabs**/ .nav-tabs{ border-color: #efefef; } .nav-tabs>li:hover{ background: transparent !important; } .nav>li>a{ padding: 0; padding: 10px 10px; margin:0px 15px; color:#666; } .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover{ border: none !important; position: relative; } .nav-tabs>li>a:focus, .nav>li>a:hover { color: #44abf7; text-decoration: none; background: transparent; border:none; } .nav-tabs>li.active>a:before{ content: ''; position: absolute; width:100%; border-top:2px solid #44abf7; left:0; bottom:0; } .nav-tabs.success>li>a:focus,.nav-tabs.success>li>a:hover { color: #54c952; border:none; } .nav-tabs.success>li.active>a, .nav-tabs.success>li.active>a:focus, .nav-tabs.success>li.active>a:hover{ color: #54c952; cursor: default; background-color: transparent; border-bottom: 2px solid #54c952 !important; } .nav-tabs.info>li>a:focus,.nav-tabs.info>li>a:hover { color: #8987d7; border:none; } .nav-tabs.info>li.active>a, .nav-tabs.info>li.active>a:focus, .nav-tabs.info>li.active>a:hover{ color: #8987d7; cursor: default; background-color: transparent; border-bottom: 2px solid #8987d7 !important; } .nav-tabs.warning>li>a:focus,.nav-tabs.warning>li>a:hover { color: #ffc000; border:none; } .nav-tabs.warning>li.active>a, .nav-tabs.warning>li.active>a:focus, .nav-tabs.warning>li.active>a:hover{ color: #ffc000; cursor: default; background-color: transparent; border-bottom: 2px solid #ffc000 !important; } .nav-tabs.danger>li>a:focus,.nav-tabs.danger>li>a:hover { color: #eb6060; border:none; } .nav-tabs.danger>li.active>a, .nav-tabs.danger>li.active>a:focus, .nav-tabs.danger>li.active>a:hover{ color: #eb6060; cursor: pointer; background-color: transparent; border-bottom: 2px solid #eb6060 !important; } /*双tab切换*/ .left-tabs{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 300px; margin-left:-20px; } .left-tabs .nav-tabs{ float: left; display: flex; flex-direction: column; border-bottom:none; width:250px; } .left-tabs .tab-content{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left:1px solid #efefef; padding-left:20px; } .left-tabs .nav li{ margin: 5px; } .left-tabs .nav-tabs li a{ color: #333!important; margin: 0; border:1px solid #efefef !important; height:40px; width:200px; cursor: pointer; } .left-tabs .nav-tabs>li.active>a, .left-tabs .nav-tabs>li.active>a:focus,.left-tabs .nav-tabs>li.active>a:hover, .left-tabs .nav-tabs>li>a:focus,.left-tabs .nav-tabs>li>a:hover{ color: #44abf7!important; cursor: pointer; background-color:#fdfdfd; border:1px solid #efefef !important; } /** table **/ .table { table-layout: fixed; position: relative; color: #666; } .table>tbody+tbody { border-top: none; } .table tr { height: 24px; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border: none; font-weight: normal; color: #999; border-top: 1px solid #efefef; } .table tr th{ color: #333 !important; } .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table > thead > tr > td.full, .table > tbody > tr > td.full, .table > tfoot > tr > td.full { white-space: normal; line-height: 20px; } .modal .table th, .modal .table td { text-align: left; position: relative; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid #efefef; vertical-align: middle; } .table tfoot { border-bottom: 1px solid #efefef; } .table.table-hover tbody tr:hover { background: #f9f9f9; } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; opacity: 0.4; background: #f5f5f5; } .page-table-header{ padding: 8px; } .page-table-header input[type=checkbox]{ margin-right: 5px; } .table > thead > tr > th input[type=checkbox], .table > tbody > tr > td input[type=checkbox] { margin-top: -2px; } .table > tfoot > tr > th .btn, .table > tfoot > tr > td .btn, .table > tfoot > tr > th .fui-pager, .table > tfoot > tr > td .fui-pager { margin-top: 2px; } .table thead > tr > th a { color: #999; } .table thead > tr > th .dropdown-menu a { color: #999; } .table > thead > tr > th { color: #999; } .table > tbody > tr > td.select { background: #f8f8f8 } .table > tbody > tr > td.empty span { text-align: center; padding: 10px 0; font-size: 16px; color: #999; display: block; border: none; } table .dropdown-menu > li > a { padding: 10px 20px; font-size: 12px; } table .dropdown-menu .divider { margin: 0; } table .dropdown-menu .active a, table .dropdown-menu .active a:hover { color: #999; background: #f2f2f2 } table .dropdown-menu { -webkit-filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); -moz-filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .1)); -o-filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .1)); filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); border-radius: 0; padding: 0; /*width:100%; */ min-width: 1px; border: 0px; } table .dropdown-menu:before { position: absolute; display: block; content: ""; top: -12px; left: 20%; width: 0; height: 0; overflow: hidden; border: 6px solid transparent; border-bottom-color: #fff; } .dropdown-select { margin-top: 10px; } .dropdown-select > li > a { color: #999; padding: 8px 16px; font-size: 12px; } .dropdown-select > li > a input { left: -9999px; position: absolute; } .dropdown-select > li > a i { float: right; margin-top: 1px; margin-left: 16px; } /** checkbox radio */ .checkbox-inline,.radio-inline{ position: relative; color:#666; padding-left:24px; vertical-align: middle; padding-top:7px; } .checkbox-inline input[type=checkbox] , .radio-inline input[type=radio] { position:absolute; margin-left:-24px; top:50%; margin-top:-5px; cursor: pointer; } input[type=checkbox], input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 16px; height:16px; border: 1px solid #e0e0e0; outline: 0; border-radius: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; vertical-align:middle; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: border-color ; transition-property:border-color ; } input[type=checkbox].large, input[type=radio].large{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 18px; height:18px; border: 1px solid #e0e0e0; outline: 0; border-radius: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; vertical-align:middle; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: border-color ; transition-property:border-color ; } input[type=checkbox],input[type=checkbox].large{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } input[type=checkbox]:checked,input[type=radio]:checked { border-color: #44abf7;; background: #44abf7; } input[type=checkbox]:checked:before { content: " "; display: inline-block; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); height:6px; width: 9px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; position: absolute; top: 3px; margin-left:3px; } input[type=checkbox].large:checked:before{ top: 4px; margin-left:4px; } input[type=radio]:checked:before { content: " "; display: inline-block; height:8px; width: 8px; background: #44abf7; border-radius: 50%; position: absolute; top: 2px; margin-left:2px; } input[type=radio].large:checked:before{ top: 3px; margin-left:3px; } input[type=radio]:checked{ border:2px solid #44abf7; background: #fff; } input[type=checkbox].success, input[type=radio].success { border: 1px solid #e0e0e0; } input[type=checkbox].success:checked,input[type=radio].success:checked:before { border-color: #54c952; background-color: #54c952; } input[type=radio].success:checked { background: #fff; border:2px solid #54c952; } input[type=checkbox].warning, input[type=radio].warning { border:1px solid #e0e0e0; } input[type=checkbox].warning:checked,input[type=radio].warning:checked:before { border-color: #ffc000; background-color: #ffc000; } input[type=radio].warning:checked{ border:2px solid #ffc000; background-color: #fff; } input[type=checkbox].danger, input[type=radio].danger { border:1px solid #e0e0e0; } input[type=checkbox].danger:checked,input[type=radio].danger:checked:before { border-color: #eb6060; background-color: #eb6060; } input[type=radio].danger:checked{ border:2px solid #eb6060; background-color: #fff; } input[type=checkbox].gray, input[type=radio].gray { border:1px solid #e0e0e0; } input[type=checkbox].gray:checked,input[type=radio].gray:checked:before { border-color: #ccc; background-color: #ccc; } input[type=radio].gray:checked{ border:2px solid #ccc; background-color: #fff; } input[type=checkbox].success:checked:before, input[type=checkbox].primary:checked:before, input[type=checkbox].warning:checked:before, input[type=checkbox].danger:checked:before, input[type=radio].success:checked:before, input[type=radio].primary:checked:before, input[type=radio].warning:checked:before, input[type=radio].danger:checked:before { border-color:#fff !important; } /**切换**/ .switchery.checked { border-color: #44abf7 !important; box-shadow: #44abf7 0px 0px 0px 16px inset !important; background-color: #44abf7 !important; } .multi-img-details .img-nickname { position: absolute; bottom: 0px; line-height: 25px; height: 25px; color: #fff; text-align: center; width: 90px; left: 5px; bottom: 5px; background: rgba(0,0,0,0.8); } /** modal */ .modal-title{ font-size:14px; } .modal-header { padding: 15px; border-radius:2px; background: #f6f6f6; border:none } .modal-content{ -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1); box-shadow: 0 6px 12px rgba(0,0,0,.1); border:none; border-radius: 2px; } /** 分页 */ .pagination { display: inline-block; padding-left: 0; margin: 0; border-radius: 4px; } .modal .pagination { display: inline-block; padding-left: 0; margin:20px 0; border-radius: 4px; } .pagination > li > a, .pagination > li > span{ margin-right: 5px; color: #000; line-height: 12px; font-size: 12px; padding:7px 10px; } .pagination li.num{ line-height: 28px; } .pagination > li > span.input { padding: 4px 5px; } .pagination > li > span.input:hover { background: #fff; color: #000; } .pagination > li > span.input input { width: 30px; } .pagination > li > span.nobg { background: none; border: 0; } .pagination > li > span.nobg:hover { color: #000; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #ccc; cursor: default; background: #f3f3f3; border-color: #f3f3f3; } /** 分页 Pager **/ .fui-pager { position: relative; margin: 0; padding: 0; } .fui-pager li { float: left; margin-left: -1px; font-size: 12px; border: 1px solid #f2f2f2; color: #333; list-style: none; } .fui-pager li a { display: inline-block; color: #333; padding: 5px 10px; text-decoration: none; } .fui-pager li:hover:not(.splitter):not(.active):not(.record-info):not(.page-info) { background: #eee; } .fui-pager li:active:not(.page-info):not(.record-info), .fui-pager li.active { background: #44abf7; } .fui-pager.danger li:active:not(.page-info):not(.record-info), .fui-pager.danger li.active { background: #eb6060; } .fui-pager.success li:active:not(.page-info):not(.record-info), .fui-pager.success li.active { background: #54c952; } .fui-pager.warning li:active:not(.page-info):not(.record-info), .fui-pager.warning li.active { background: #ffc000; } .fui-pager li:active:not(.page-info):not(.record-info) a, .fui-pager li.active a { color: #fff; } .fui-pager li:active:not(.page-info):not(.record-info) a { color: #333; } .fui-pager li:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fui-pager li:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .fui-pager li.splitter, .fui-pager li.record-info { padding: 4px 8px; line-height: 20px; border: none; } .fui-pager li.page-info { padding: 1px 4px; } .fui-pager .currentpage { float: left; width: 30px; height: 22px; margin: 1px; padding: 0 5px; text-align: center; border: 1px solid #f2f2f2; background: #eee; } .fui-pager .pagecount { float: left; padding: 4px; } .fui-pager .pagesize { border: none; } .ibox-content .fui-cell{ border:none; background-color: inherit; border-top: 1px solid #efefef; display: block; margin-bottom: -1px; padding: 25px 0px; position: relative; } .ibox-content .fui-cell .check{ margin-left: 25px; } .ibox-content .fui-cell:first-child { border:none; } /** list-group **/ /*goods-list-group 格子状的排列*/ .fui-list-group{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-bottom:1px solid #e6ecf1 ; } .fui-list-group .icow { font-size: 28px; vertical-align: middle; } .fui-list{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 38px 10px 20px; } .fui-list:hover a{ color: #000; } .fui-list a{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width:100%; height: 100%; } .fui-list-group.noborder{ border: none !important; } .fui-list.no-padding{ padding-top: 0 !important; } .fui-list-media{ border-left: 1px solid #e6ecf1; padding-left: 23px; } .fui-list:nth-of-type(1) .fui-list-media{ border: none; } .fui-list-inner{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .fui-list-inner h5{ font-size: 20px; line-height: 38px; } .fui-list-inner h4{ font-size: 24px; line-height: 25px; margin-top: 15px; font-weight: lighter; } /** pop **/ .fui-pop { position: absolute; z-index: 10100; border-radius: 2px; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2) } .fui-pop .fui-pop-inner { position: relative; background: #fff; border-radius: 2px; padding: 5px 10px; z-index: 2 } .fui-pop .arrow { position: absolute; width: 6px; height: 6px; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); z-index: 1 } .fui-pop.left-top, .fui-pop.left-center, .fui-pop.left-bottom { margin-left: -10px } .fui-pop.left-top .arrow, .fui-pop.left-center .arrow, .fui-pop.left-bottom .arrow { right: 0; -webkit-transform: rotate(45deg) translateX(50%); -moz-transform: rotate(45deg) translateX(50%); -ms-transform: rotate(45deg) translateX(50%); transform: rotate(45deg) translateX(50%); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50% } .fui-pop.left-top .arrow { top: 10px } .fui-pop.left-center .arrow { top: 50%; -webkit-transform: rotate(45deg) translateX(50%) translateY(-50%); -moz-transform: rotate(45deg) translateX(50%) translateY(-50%); -ms-transform: rotate(45deg) translateX(50%) translateY(-50%); transform: rotate(45deg) translateX(50%) translateY(-50%); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .fui-pop.left-bottom .arrow { bottom: 10px } .fui-pop.right-top, .fui-pop.right-center, .fui-pop.right-bottom { margin-left: 10px } .fui-pop.right-top .arrow, .fui-pop.right-center .arrow, .fui-pop.right-bottom .arrow { left: 0; -webkit-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50% } .fui-pop.right-top .arrow { top: 10px } .fui-pop.right-center .arrow { top: 50%; -webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%); -moz-transform: rotate(45deg) translateX(-50%) translateY(-50%); -ms-transform: rotate(45deg) translateX(-50%) translateY(-50%); transform: rotate(45deg) translateX(-50%) translateY(-50%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .fui-pop.right-bottom .arrow { bottom: 10px } .fui-pop.top-left, .fui-pop.top-center, .fui-pop.top-right { margin-top: -10px } .fui-pop.top-left .arrow, .fui-pop.top-center .arrow, .fui-pop.top-right .arrow { bottom: 0; -webkit-transform: rotate(45deg) translateY(50%); -moz-transform: rotate(45deg) translateY(50%); -ms-transform: rotate(45deg) translateY(50%); transform: rotate(45deg) translateY(50%); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100% } .fui-pop.top-left .arrow { right: 10px } .fui-pop.top-center .arrow { left: 50%; -webkit-transform: rotate(45deg) translateX(-50%) translateY(50%); -moz-transform: rotate(45deg) translateX(-50%) translateY(50%); -ms-transform: rotate(45deg) translateX(-50%) translateY(50%); transform: rotate(45deg) translateX(-50%) translateY(50%); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100% } .fui-pop.top-right .arrow { left: 10px } .fui-pop .popover-prompt .popover-btns > .btn { margin: 5px; } .fui-pop.bottom-left, .fui-pop.bottom-center, .fui-pop.bottom-right { margin-top: 10px } .fui-pop.bottom-left .arrow, .fui-pop.bottom-center .arrow, .fui-pop.bottom-right .arrow { top: 0; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } .fui-pop.bottom-left .arrow { right: 10px } .fui-pop.bottom-center .arrow { left: 50%; -webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%); -moz-transform: rotate(45deg) translateX(-50%) translateY(-50%); -ms-transform: rotate(45deg) translateX(-50%) translateY(-50%); transform: rotate(45deg) translateX(-50%) translateY(-50%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .fui-pop.bottom-right .arrow { left: 10px } .fui-pop .fui-pop-btns button { margin-left: 5px; } .fui-pop .fui-pop-btns button:first-child { margin-left: 0px; } .fui-pop .fui-pop-inner { word-break: break-all; } .msgbox { position:fixed; margin:auto; height:32px; line-height:32px; width:100%; text-align:center; z-index:99999; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; top:-32px; opacity:0; } .msgbox.in { top:-1px; opacity: 1; } .msgbox .msg { display:inline-block; white-space:nowrap; height:32px; line-height:30px; color:#fff; font-size:14px; min-width: 550px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .msgbox .msg.msg-success { background:#54c952 } .msgbox .msg.msg-warning { background:#ffc000 } .msgbox .msg.msg-error { background:#eb6060 } .msgbox.loading { top:10px; opacity:1; } .msgbox.loading .msg { min-width: 150px; background:#f8f8f8; border:1px solid #f2f2f2; border-radius:3px; color:#666; } .msgbox.loading i { color:#09c; } .fui-tooltipbox { position:absolute; left:0;top:0; text-align:center; padding:0px 10px; z-index:1000; line-height:30px; border:1px solid #e67300; color:#e67300; background-color:#fff; } .fui-tooltipbox.error { border:1px solid #c13e3e; color:#c13e3e; } .note-editor{ border:1px solid red; } /*图片显示*/ .img-thumbnail{ border-radius: 0 !important; } /* Nestable list */ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; border: 1px solid #e7eaec; background: #f5f5f5; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle span { font-weight: bold; } .dd-handle:hover { background: #f0f0f0; cursor: pointer; font-weight: bold; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } #nestable2 .dd-item > button { font-family: FontAwesome; height: 34px; width: 33px; color: #c1c1c1; } #nestable2 .dd-item > button:before { content: "\f067"; } #nestable2 .dd-item > button[data-action="collapse"]:before { content: "\f068"; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; z-index: 9999; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /*.close{*/ /*opacity: 1;*/ /*}*/ .multi-item{ margin-top: 0.5em; } /*pop*/ .popover{ border: 1px solid #efefef; border: 1px solid #efefef; border-radius: 6px; /*-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);*/ /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/ -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); -moz-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1)); -o-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1)); filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); } .popover-content{ padding: 10px !important; font-size:12px; } .popover.right>.arrow{ border-right-color: #efefef; } /*help_block*/ .help-block{ color: #999; } .variable{ color: #333; } .js-clip{ cursor: pointer; } .aops{ text-align: left; border-top:none !important; padding:5px 0 !important; } img.goodslist_img{ width: 72px; height: 72px; padding: 1px; border: 1px solid #efefef; margin: 7px 0; } .echarts { height: 240px; } .checkbox-inline, .radio-inline, .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin: 0 15px 0 0; } .navbar-toggle { background-color: #fff; } .J_menuTab { -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } ::-webkit-scrollbar-track { background-color: #F5F5F5; } ::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { background-color: #999; } select.we7-select { height: 30px !important; } /*青岛易联互动网络科技有限公司*/