* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body{ --radius: .5rem; } ul,li{ list-style-type:none } p img{ width: 100% } .bs-container{ position: absolute; width: 100%; } .bs-main-container{ transition: margin linear 0.1s; margin: 5px; overflow-y: auto; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); border-radius: var(--radius); border: 1px solid #ebeef5; background: #fff; position: absolute; left: 0; right: 0; top: 69px; bottom: .5px; } .Topcarousel{ border-radius: 50%; text-align: center; display: inline-block; font-size: 18px; width: 35px; height: 35px; line-height: 35px; color:#FFF; } .nav>li>a{ position: relative; display: block; padding: 13px 10px; } .navbar-inverse{ margin: 0; border-radius: 0; height: 64px; position: fixed; right: 0; left: 0; z-index: 999999; top:0 } .app_popup-parent .basil{ font-size: 24px; vertical-align: text-top; } .navbar>li>a { color: #000; font-size: larger; line-height: 34px; position: relative; display: block; padding: 10px 15px; } .site-logo>img { max-height: 30px; vertical-align: middle; } .hide{ display: none!important; } .img-circle{ border-radius: 50%; } .text-center {text-align: center;} .popbox-footer{padding:0 15px 15px 15px;margin-bottom:0;border-radius:0 0 6px 6px;text-align: center;}.popbox-footer:before,.popbox-footer:after{content:" ";display:table} .popbox-footer a { color: #3792ef; text-decoration: none; } .text-warning{text-align: center;box-shadow: 1px 1px 10px #d8e5f9;border-radius: var(--radius);} /*start bootstrap模态框*/ .modal{ z-index:11200;position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0} .modal-open .in.modal{ display: -moz-flex!important; display: -webkit-flex!important; display: -ms-flexbox!important; display:flex !important; } .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal .modal-header,.modal-open .modal .modal-body{ padding: 10px 20px 20px 20px; clear:both; } .modal-header .close{margin-top:-2px} img{vertical-align:middle;border-radius: var(--radius);} .modal-title{margin:0;line-height:1.42857143} .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.9}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;opacity: .5;} .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .modal-backdrop{ z-index:11199; position:fixed; position:absolute;top:0;right:0;left:0;bottom:0;background-color:#000} .modal-backdrop.in{filter:alpha(opacity=50);opacity:.5} .modal-dialog{position:relative;width:auto;margin:10px} .modal .modal-dialog{ margin: auto; padding: 30px 0; } .modal .modal-footer{ border: 0; padding: 0 20px 15px 20px; } /*end bootstrap模态框*/ /*弹出框对应颜色结束*/ .form-group kbd{ padding:0; } .form-group .help-block{ margin-bottom:0; } /*弹出对话框样式*/ .fwinmask { background:#FFF; box-shadow:1px 3px 15px rgba(0,0,0,0.8),inset 0 0 10px #FFF; padding:5px; border:1px solid #CCC; *border:1px solid #CCC; border-radius: var(--radius); min-width:320px; max-width:600px; } .fwinmask table{ width:100%; } .fwinmask p{ margin:0; padding:0px; } .fwinmask button.close { font-size: 1.5rem; position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; } .fwinmask .c.altw p{ color: #666666; } .fwinmask .m_c h3{ margin: 0; padding: 10px 20px 20px 20px; line-height: 30px; font-size:16px; font-weight:bold; } .fwinmask .m_c h3{*zoom:1} .fwinmask .m_c h3:before,.fwinmask .m_c h3:after{display:table;line-height:0;content:""} .fwinmask .m_c h3:after{clear:both} .fwinmask .m_c h3 .close{ margin-right:10px\0; *zoom:1 } .fwinmask .m_c h3 em{ font-style:normal; display: inline-block; padding: 0; } .fwinmask .m_c .o { background: none; border-top: none; padding: 0 25px 15px 0; text-align: right; } .fwinmask .m_c .o .muted{ padding-top:8px; color:#999; font-size:12px; } .fwinmask .m_c .c { margin: 0 !important; padding: 0 20px 20px 30px; } .fwinmask .m_c .last{ border-bottom: none; border-top: 1px solid #FFFFFF; margin:0px; padding:10px 0; } .fwinmask .alert_icon .alert_icon_img{ background:#FFF; width:48px; height:48px; margin-left: -58px; padding: 1px; position: absolute; } .fwinmask .alert_icon { font-size: 14px; height: auto !important; line-height: 160%; min-height: 50px; padding: 6px 0 6px 68px; } /*首选样式开始*/ .btn-primary{ color:#FFFFFF; background-color: #4c89fb; border-color: transparent; } .btn-primary:hover{ color:#FFFFFF; background-color: #689cfe; border-color: transparent; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{ background-color: #165ad8; color: #fff; border-color: transparent; } .btn-primary:focus{ color:#FFFFFF; background-color: #165ad8; border-color:#ff9c00; } .btn-primary:active{ background-color: #165ad8; color: #fff; border-color:#165ad8 ; text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-primary:active:focus{ background-color: #165ad8; color: #fff; border-color:#165ad8 ; } /*边框首选样式开始*/ .btn-primary-outline{ background: none; border: 1px solid #4c89fb; color: #4c89fb; transition: 0.5s linear; } .btn-primary-outline:hover{ background:#4c89fb; border: 1px solid #4c89fb; color: #FFFFFF; } .btn-primary-outline:focus{ background:#165ad8; /*border: 1px solid #ff9c00;*/ color: #FFFFFF; } .btn-primary-outline:active{ background-color: #165ad8; border: 1px solid #4c89fb; color: #fff; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框首选样式结束*/ /*边框首选3d样式开始*/ .btn-primary-3d{ box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-primary-3d:focus{ color:#FFFFFF; background-color: #0674d9; box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-primary-3d:active{ box-shadow: 0 1px 0 #0361b8, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #1881e5; color: #0361b8; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框首选3d样式结束*/ /*首选样式开始结束*/ /*不可用样式开始*/ .btn-disabled{ color: #fff; background-color: rgba(204,204,204,0.85); } .btn-disabled:hover{ color: #fff; } .btn-disabled-outline{ background-color:transparent; color: #DDDDDD; border-color:rgba(204,204,204,0.85); } .btn-disabled-outline:hover{ color: #DDDDDD; } .btn-disabled-primary{ color:rgba(76,137,251,0.85); border-color:rgba(76,137,251,0.85); } .btn-disabled-primary:hover{ color:rgba(76,137,251,0.85); } /*不可用样式结束*/ /*危险样式开始*/ .btn-danger{ color:#FFFFFF; background-color: #e53935; border-color: transparent; } .btn-danger:hover{ color:#FFFFFF; background-color: #e57373; border-color: transparent; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{ background-color: #c62828; color: #fff; border-color: transparent; } .btn-danger:focus{ color:#FFFFFF; background-color: #c62828; border-color: #ff9c00; } .btn-danger:active{ background-color: #c62828; color: #c40b0d; text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*危险默认样式结束*/ /*危险3d样式开始*/ .btn-danger-3d{ box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-danger-3d:focus{ color:#FFFFFF; background-color: #e60d0f; box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-danger-3d:active{ box-shadow: 0 1px 0 #c40b0d, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #f21717; color: #c40b0d; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*危险3d样式结束*/ /*边框危险样式*/ .btn-danger-outline{ background: none; border: 1px solid #e60d0f; color: #e60d0f; } .btn-danger-outline:hover{ color:#FFFFFF; background-color: #f21717; border: 1px solid #f21717; } .btn-danger-outline:focus{ color:#FFFFFF; background-color: #f21717; border: 1px solid #f21717; } .btn-danger-outline:active{ background: #f21717; border: 1px solid #f21717; color: #c40b0d; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*危险样式结束*/ /*样式大小开始*/ .btn-lg{ padding:1rem 2.28rem; } .btn-small{ padding:0.5rem 1.64rem; } .btn-super-small{ padding:0.35rem 0.71rem; } /*样式大小结束*/ /*成功样式*/ .btn-success{ color:#FFFFFF; background-color: #00aa63; border-color: transparent; } .btn-success-3d{ box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-success:hover{ color:#FFFFFF; background-color: #05be6d; border-color: transparent; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{ background-color: #05be6d; color: #009253; border-color: transparent; } .btn-success:focus{ color:#FFFFFF; background-color: #00aa63; border-color: transparent; } .btn-success-3d:focus{ color:#FFFFFF; background-color: #00aa63; box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-success:active{ background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-success-3d:active{ box-shadow: 0 1px 0 #009253, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框成功样式*/ .btn-success-outline{ background: none; border: 1px solid #00aa63; color: #00aa63; } .btn-success-outline:hover{ background:#05be6d; border: 1px solid #05be6d; color: #FFFFFF; } .btn-success-outline:focus{ background:#05be6d; border: 1px solid #05be6d; color: #FFFFFF; } .btn-success-outline:active{ background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*一般信息样式*/ .btn-info{ color:#FFFFFF; background-color: #00b6ce; border-color: transparent; } .btn-info-3d{ box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-info:hover{ color:#FFFFFF; background-color: #13c6de; border-color: transparent; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{ background-color: #13c6de; color: #009cb0; border-color: transparent; } .btn-info:focus{ color:#FFFFFF; background-color: #00b6ce; border-color: transparent; } .btn-info-3d:focus{ color:#FFFFFF; background-color: #00b6ce; box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-info:active{ background-color: #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-info-3d:active{ box-shadow: 0 1px 0 #009cb0, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框一般信息样式*/ .btn-info-outline{ background: none; border: 1px solid #00b6ce; color: #00b6ce; } .btn-info-outline:hover{ background: #13c6de; border: 1px solid #13c6de; color: #FFFFFF; } .btn-info-outline:focus{ background: #13c6de; border: 1px solid #13c6de; color: #FFFFFF; } .btn-info-outline:active{ background: #13c6de; border: 1px solid #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*警告样式*/ .btn-warning{ color:#FFFFFF; background-color: #f4820b; border-color: transparent; } .btn-warning-3d{ box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-warning:hover{ color:#FFFFFF; background-color: #f68e23; border-color: transparent; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover{ background-color: #f68e23; color: #d06d09; border-color: transparent; } .btn-warning:focus{ color:#FFFFFF; background-color: #f4820b; border-color: transparent; } .btn-warning-3d:focus{ color:#FFFFFF; background-color: #f4820b; box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-warning:active{ background-color: #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-warning-3d:active{ box-shadow: 0 1px 0 #d06d09, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框警告样式*/ .btn-warning-outline{ background: none; border: 1px solid #f4820b; color: #f4820b; } .btn-warning-outline:hover{ background: #f68e23; border: 1px solid #f68e23; color: #FFFFFF; } .btn-warning-outline:focus{ background: #f68e23; border: 1px solid #f68e23; color: #FFFFFF; } .btn-warning-outline:active{ background: #f68e23; border: 1px solid #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*暗色按钮*/ .btn-dark{ color:#FFFFFF; background-color: #535353; } .btn-dark-3d{ box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-dark:hover{ color:#FFFFFF; background-color: #656565; } .btn-dark:focus{ color:#FFFFFF; background-color: #535353; } .btn-dark-3d:focus{ color:#FFFFFF; background-color: #535353; box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-dark:active{ background-color: #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-dark-3d:active{ box-shadow: 0 1px 0 #434343, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框暗色样式*/ .btn-dark-outline{ background: none; border: 1px solid #535353; color: #535353; } .btn-dark-outline:hover{ color:#FFFFFF; background-color: #656565; border: 1px solid #656565; } .btn-dark-outline:focus{ color:#FFFFFF; background-color: #656565; border: 1px solid #656565; } .btn-dark-outline:active{ background-color: #656565; border: 1px solid #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*小图标*/ .btn .icon { width: 1em; margin: -1px 5px 0; line-height: inherit; text-align: center; } .btn-icon, .btn.icon { padding: 10px; line-height: 1em; } .btn-icon.btn-xs, .btn.icon.btn-xs { padding: 4px; font-size: 12px; } .btn-icon.btn-sm, .btn.icon.btn-sm { padding: 8px; font-size: 14px; } .btn-icon.btn-lg, .btn.icon.btn-lg { padding: 12px; font-size: 20px; } .btn-icon.disabled, .btn.icon.disabled { color: #a3afb7; } .btn-icon .icon { margin: -1px 0 0; } /*禁用状态*/ .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { color: #fff; background-color: #a2caee; border-color: #a2caee; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { color: #FFFFFF; background-color: #5cb85c; border-color: #4cae4c; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { color: #FFFFFF; background-color: #5bc0de; border-color: #46b8da; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { color: #FFFFFF; background-color: #f0ad4e; border-color: #eea236; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { color: #FFFFFF; background-color: #d9534f; border-color: #d43f3a; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{ color: #76838f; background-color: #f3f7f9; border-color: #f3f7f9; } .btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { color:#FFFFFF; background-color: #8f8f8f; border-color: #8f8f8f; } /*纯图标*/ .btn-pure, .btn-pure:hover, .btn-pure:focus, .btn-pure:active, .btn-pure.active, .open > .dropdown-toggle.btn-pure, .btn-pure[disabled], fieldset[disabled] .btn-pure { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-pure:hover, .btn-pure:hover:hover, .btn-pure:focus:hover, .btn-pure:active:hover, .btn-pure.active:hover, .open > .dropdown-toggle.btn-pure:hover, .btn-pure[disabled]:hover, fieldset[disabled] .btn-pure:hover, .btn-pure:focus, .btn-pure:hover:focus, .btn-pure:focus:focus, .btn-pure:active:focus, .btn-pure.active:focus, .open > .dropdown-toggle.btn-pure:focus, .btn-pure[disabled]:focus, fieldset[disabled] .btn-pure:focus, .btn-pure.focus, .btn-pure:hover.focus, .btn-pure:focus.focus, .btn-pure:active.focus, .btn-pure.active.focus, .open > .dropdown-toggle.btn-pure.focus, .btn-pure[disabled].focus, fieldset[disabled] .btn-pure.focus { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-pure.btn-default { color: #a3afb7; } .btn-pure.btn-default:hover, .btn-pure.btn-default:focus, .btn-pure.btn-default:active, .btn-pure.btn-default.active, .open > .dropdown-toggle.btn-pure.btn-default { color: #526069; } .btn-pure.btn-default:hover:hover, .btn-pure.btn-default:focus:hover, .btn-pure.btn-default:active:hover, .btn-pure.btn-default.active:hover, .open > .dropdown-toggle.btn-pure.btn-default:hover, .btn-pure.btn-default:hover:focus, .btn-pure.btn-default:focus:focus, .btn-pure.btn-default:active:focus, .btn-pure.btn-default.active:focus, .open > .dropdown-toggle.btn-pure.btn-default:focus, .btn-pure.btn-default:hover.focus, .btn-pure.btn-default:focus.focus, .btn-pure.btn-default:active.focus, .btn-pure.btn-default.active.focus, .open > .dropdown-toggle.btn-pure.btn-default.focus { color: #526069; } .btn-pure.btn-default:hover .badge, .btn-pure.btn-default:focus .badge, .btn-pure.btn-default:active .badge, .btn-pure.btn-default.active .badge, .open > .dropdown-toggle.btn-pure.btn-default .badge { color: #526069; } .btn-pure.btn-primary { color: #62a8ea; } .btn-pure.btn-primary:hover, .btn-pure.btn-primary:focus, .btn-pure.btn-primary:active, .btn-pure.btn-primary.active, .open > .dropdown-toggle.btn-pure.btn-primary { color: #3583ca; } .btn-pure.btn-primary:hover:hover, .btn-pure.btn-primary:focus:hover, .btn-pure.btn-primary:active:hover, .btn-pure.btn-primary.active:hover, .open > .dropdown-toggle.btn-pure.btn-primary:hover, .btn-pure.btn-primary:hover:focus, .btn-pure.btn-primary:focus:focus, .btn-pure.btn-primary:active:focus, .btn-pure.btn-primary.active:focus, .open > .dropdown-toggle.btn-pure.btn-primary:focus, .btn-pure.btn-primary:hover.focus, .btn-pure.btn-primary:focus.focus, .btn-pure.btn-primary:active.focus, .btn-pure.btn-primary.active.focus, .open > .dropdown-toggle.btn-pure.btn-primary.focus { color: #3583ca; } .btn-pure.btn-primary:hover .badge, .btn-pure.btn-primary:focus .badge, .btn-pure.btn-primary:active .badge, .btn-pure.btn-primary.active .badge, .open > .dropdown-toggle.btn-pure.btn-primary .badge { color: #3583ca; } .btn-pure.btn-success { color: #46be8a; } .btn-pure.btn-success:hover, .btn-pure.btn-success:focus, .btn-pure.btn-success:active, .btn-pure.btn-success.active, .open > .dropdown-toggle.btn-pure.btn-success { color: #279566; } .btn-pure.btn-success:hover:hover, .btn-pure.btn-success:focus:hover, .btn-pure.btn-success:active:hover, .btn-pure.btn-success.active:hover, .open > .dropdown-toggle.btn-pure.btn-success:hover, .btn-pure.btn-success:hover:focus, .btn-pure.btn-success:focus:focus, .btn-pure.btn-success:active:focus, .btn-pure.btn-success.active:focus, .open > .dropdown-toggle.btn-pure.btn-success:focus, .btn-pure.btn-success:hover.focus, .btn-pure.btn-success:focus.focus, .btn-pure.btn-success:active.focus, .btn-pure.btn-success.active.focus, .open > .dropdown-toggle.btn-pure.btn-success.focus { color: #279566; } .btn-pure.btn-success:hover .badge, .btn-pure.btn-success:focus .badge, .btn-pure.btn-success:active .badge, .btn-pure.btn-success.active .badge, .open > .dropdown-toggle.btn-pure.btn-success .badge { color: #279566; } .btn-pure.btn-info { color: #57c7d4; } .btn-pure.btn-info:hover, .btn-pure.btn-info:focus, .btn-pure.btn-info:active, .btn-pure.btn-info.active, .open > .dropdown-toggle.btn-pure.btn-info { color: #37a9b7; } .btn-pure.btn-info:hover:hover, .btn-pure.btn-info:focus:hover, .btn-pure.btn-info:active:hover, .btn-pure.btn-info.active:hover, .open > .dropdown-toggle.btn-pure.btn-info:hover, .btn-pure.btn-info:hover:focus, .btn-pure.btn-info:focus:focus, .btn-pure.btn-info:active:focus, .btn-pure.btn-info.active:focus, .open > .dropdown-toggle.btn-pure.btn-info:focus, .btn-pure.btn-info:hover.focus, .btn-pure.btn-info:focus.focus, .btn-pure.btn-info:active.focus, .btn-pure.btn-info.active.focus, .open > .dropdown-toggle.btn-pure.btn-info.focus { color: #37a9b7; } .btn-pure.btn-info:hover .badge, .btn-pure.btn-info:focus .badge, .btn-pure.btn-info:active .badge, .btn-pure.btn-info.active .badge, .open > .dropdown-toggle.btn-pure.btn-info .badge { color: #37a9b7; } .btn-pure.btn-warning { color: #f2a654; } .btn-pure.btn-warning:hover, .btn-pure.btn-warning:focus, .btn-pure.btn-warning:active, .btn-pure.btn-warning.active, .open > .dropdown-toggle.btn-pure.btn-warning { color: #e98f2e; } .btn-pure.btn-warning:hover:hover, .btn-pure.btn-warning:focus:hover, .btn-pure.btn-warning:active:hover, .btn-pure.btn-warning.active:hover, .open > .dropdown-toggle.btn-pure.btn-warning:hover, .btn-pure.btn-warning:hover:focus, .btn-pure.btn-warning:focus:focus, .btn-pure.btn-warning:active:focus, .btn-pure.btn-warning.active:focus, .open > .dropdown-toggle.btn-pure.btn-warning:focus, .btn-pure.btn-warning:hover.focus, .btn-pure.btn-warning:focus.focus, .btn-pure.btn-warning:active.focus, .btn-pure.btn-warning.active.focus, .open > .dropdown-toggle.btn-pure.btn-warning.focus { color: #e98f2e; } .btn-pure.btn-warning:hover .badge, .btn-pure.btn-warning:focus .badge, .btn-pure.btn-warning:active .badge, .btn-pure.btn-warning.active .badge, .open > .dropdown-toggle.btn-pure.btn-warning .badge { color: #e98f2e; } .btn-pure.btn-danger { color: #f96868; } .btn-pure.btn-danger:hover, .btn-pure.btn-danger:focus, .btn-pure.btn-danger:active, .btn-pure.btn-danger.active, .open > .dropdown-toggle.btn-pure.btn-danger { color: #d6494b; } .btn-pure.btn-danger:hover:hover, .btn-pure.btn-danger:focus:hover, .btn-pure.btn-danger:active:hover, .btn-pure.btn-danger.active:hover, .open > .dropdown-toggle.btn-pure.btn-danger:hover, .btn-pure.btn-danger:hover:focus, .btn-pure.btn-danger:focus:focus, .btn-pure.btn-danger:active:focus, .btn-pure.btn-danger.active:focus, .open > .dropdown-toggle.btn-pure.btn-danger:focus, .btn-pure.btn-danger:hover.focus, .btn-pure.btn-danger:focus.focus, .btn-pure.btn-danger:active.focus, .btn-pure.btn-danger.active.focus, .open > .dropdown-toggle.btn-pure.btn-danger.focus { color: #d6494b; } .btn-pure.btn-danger:hover .badge, .btn-pure.btn-danger:focus .badge, .btn-pure.btn-danger:active .badge, .btn-pure.btn-danger.active .badge, .open > .dropdown-toggle.btn-pure.btn-danger .badge { color: #d6494b; } .btn-pure.btn-dark { color: #526069; } .btn-pure.btn-dark:hover, .btn-pure.btn-dark:focus, .btn-pure.btn-dark:active, .btn-pure.btn-dark.active, .open > .dropdown-toggle.btn-pure.btn-dark { color: #37474f; } .btn-pure.btn-dark:hover:hover, .btn-pure.btn-dark:focus:hover, .btn-pure.btn-dark:active:hover, .btn-pure.btn-dark.active:hover, .open > .dropdown-toggle.btn-pure.btn-dark:hover, .btn-pure.btn-dark:hover:focus, .btn-pure.btn-dark:focus:focus, .btn-pure.btn-dark:active:focus, .btn-pure.btn-dark.active:focus, .open > .dropdown-toggle.btn-pure.btn-dark:focus, .btn-pure.btn-dark:hover.focus, .btn-pure.btn-dark:focus.focus, .btn-pure.btn-dark:active.focus, .btn-pure.btn-dark.active.focus, .open > .dropdown-toggle.btn-pure.btn-dark.focus { color: #37474f; } .btn-pure.btn-dark:hover .badge, .btn-pure.btn-dark:focus .badge, .btn-pure.btn-dark:active .badge, .btn-pure.btn-dark.active .badge, .open > .dropdown-toggle.btn-pure.btn-dark .badge { color: #37474f; } .btn-pure.btn-inverse { color: #fff; } .btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:active, .btn-pure.btn-inverse.active, .open > .dropdown-toggle.btn-pure.btn-inverse { color: #fff; } .btn-pure.btn-inverse:hover:hover, .btn-pure.btn-inverse:focus:hover, .btn-pure.btn-inverse:active:hover, .btn-pure.btn-inverse.active:hover, .open > .dropdown-toggle.btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:hover:focus, .btn-pure.btn-inverse:focus:focus, .btn-pure.btn-inverse:active:focus, .btn-pure.btn-inverse.active:focus, .open > .dropdown-toggle.btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:hover.focus, .btn-pure.btn-inverse:focus.focus, .btn-pure.btn-inverse:active.focus, .btn-pure.btn-inverse.active.focus, .open > .dropdown-toggle.btn-pure.btn-inverse.focus { color: #fff; } .btn-pure.btn-inverse:hover .badge, .btn-pure.btn-inverse:focus .badge, .btn-pure.btn-inverse:active .badge, .btn-pure.btn-inverse.active .badge, .open > .dropdown-toggle.btn-pure.btn-inverse .badge { color: #fff; } /*上传成功按钮*/ .text-active, .active > .text, .active > .auto .text{ display: none!important; } .active .icon { line-height: 1; } .active > .text-active, .active > .auto .text-active { display: inline-block !important; } /*按钮样式结束*/ /*徽章颜色*/ .badge-success{ color: #fff; background-color: #46be8a; } .badge-info{ color: #fff; background-color: #57c7d4; } .badge-warning{ color: #fff; background-color: #f2a654; } .badge-danger{ color: #fff; background-color: #f96868; } /*button样式结束*/ /*表单样式 start*/ /*输入框下划线部分*/ .form-control{ background-color:transparent; border-style:solid; border-width:0 0 1px 0; border-color: #e1e1e1; box-shadow:none; } .form-control:focus{ box-shadow: none !important; } .has-error .form-control{ box-shadow:none; } .input-group .input-group-addon{ background-color:transparent; border-style:solid; border-width:0 0 1px 0; border-radius:var(--radius); } .input-group .input-group-addon{ border-color: transparent; transition:none; } .input-group input.form-control+.input-group-addon{ border-color: #e1e1e1; } /*输入框下划线部分结束*/ .form-control:focus{ border-color:#3779ff; } .input-group input.form-control:focus+.input-group-addon{ border-color:#3779ff; } .form-control:focus{ border-color:#3779ff; } .has-error .form-control{ border-color:#FF0000 !important; } .has-error .help-msg{ color:#FF0000 } /*表单样式 end*/ /*button样式开始*/ .btn{ transition-property: all; transition-duration: .3s; padding: 0.45rem 2.152rem; font-size: 0.92rem; font-weight: bold; border-radius: var(--radius); } .btn.focus, .btn:focus, .btn:hover{ box-shadow: 0px 1px 5px 0px rgba(28, 28, 28, 0.28); } .btn-link:focus, .btn-link:hover{ box-shadow:none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; } .btn.active, .btn:active{ -webkit-box-shadow: none; box-shadow: none; } .btn-circle{ border-radius: var(--radius); padding: 10px 22px; } .btn-pill-left { border-radius: var(--radius); } .btn-pill-right { border-radius: var(--radius); } html{ font-size:14px; } /*下来菜单支持二级*/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); } /*修复bootcss中与桌面不兼容的部分*/ .form-control{ box-shadow:none; border-color:#e1e1e1; border-radius: var(--radius); } .form-horizontal .form-control:focus,.form-control:focus{ box-shadow:none; } .input-group-addon{ box-shadow:none; border-color:#e1e1e1; } .input-group-addon{ background:#F9F9F9 } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{ padding-left:20px; } .modal{ z-index:11200; } .modal-backdrop{ z-index:11199; position:fixed; } .popover{ z-index:11300; } .radio-inline, .checkbox-inline{ position:relative; } /*添加css nav nav-pills-bottomguide */ .nav-pills-bottomguide>li{ margin-bottom:-2px; } .nav-pills-bottomguide>li>a{ border-bottom:3px solid transparent; border-radius: var(--radius); font-size:14px; } .nav-pills-bottomguide>li button{ margin-top: 7px; } .nav-pills-bottomguide>li>form{ padding:7px; } .nav-pills-bottomguide>li>a:hover{ background:none; color:#428bca; border-bottom:3px solid #428bca; transition: all 0.2s ease-in 0s; } .nav-pills-bottomguide>li>a:focus{ background:none; } .nav-pills-bottomguide>li.active>a, .nav-pills-bottomguide>li.active>a:hover, .nav-pills-bottomguide>li.active>a:focus{ background:none; color:#DD4B39; border-bottom:3px solid #DD4B39; transition: all 0.5s ease-in 0s; } .nav-pills-leftguide>li>a{ border-left:3px solid transparent; border-radius: var(--radius); } .nav-pills-leftguide>li>a:focus{ background:none; } .nav-pills-leftguide>li>a:hover{ background:none; color:#428bca; border-left:3px solid #428bca; transition: all 0.2s ease-in 0s; } .nav-pills-leftguide>li.active>a, .nav-pills-leftguide>li.active>a:hover, .nav-pills-leftguide>li.active>a:focus{ border-left:3px solid #DD4B39; background:none; color:#DD4B39; } .nav-pills-leftguide .open>a, .nav-pills-leftguide .open>a:hover,.nav-pills-bottomguide .open>a, .nav-pills-bottomguide .open>a:hover{ background-color: none; border-color: #428bca; } /*弹出消息相关css*/ .altw .fltc { margin-bottom: 0; padding: 8px; } .alert_right, .alert_error, .alert_info { padding: 6px 0; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background-repeat:no-repeat;background-position:8px 5px; font-size: 14px; } .alert_error a { font-weight: 700; } .alert_btnleft { margin-top: 8px; } .alert_btn { margin-top: 20px; text-align: center; } .alert_act { margin-top: 20px; padding-left: 58px; } .passlevel { padding-left: 70px; background: url(../../image/common/passlevel.png) no-repeat 0 5px; } .passlevel1 { background-position: 0 -35px; } .passlevel2 { background-position: 0 -75px; } .passlevel3 { background-position: 0 -115px; } .well h3 em{font-style:normal;font-size:18px;} /*弹出框对应颜色开始*/ #message_tip_box.message_tip_box{ box-shadow: 0 3px 5px RGBA(0,0,0,0.5); z-index:99999999; position:fixed; background-color:#fff; margin:10px; box-shadow:0 2px 8px rgba(0,0,0,.2) } #message_tip_box{ border-radius: var(--radius); } #message_tip_box .alert{ padding:15px; margin:0; color: #666; } #message_tip_box .spantype{ font-size: 24px; position: absolute; top: 16px; } #message_tip_box div.title-con{ padding-left: 35px; margin-right: 10px; } #message_tip_box div.title-con p{ margin: 0px; } #message_tip_box .alert>.close{ position:absolute;right:8px;top:5px; color: #666; } #message_tip_box .alert-success{ color: #666; background-color: #fff; border-color:transparent; } #message_tip_box .alert-warning{ color:#666; background-color: #fff; border-color:transparent; } #message_tip_box .alert-danger{ color:#666; background-color: #fff; border-color:transparent; } #message_tip_box .alert-danger button.close{ color: #666; } #message_tip_box .alert-info{ color:#666; background-color: #fff; border-color:transparent; } #message_tip_box .alert-info button.close{ color:#666; } #message_tip_box .text-success{ color: #666; } #message_tip_box .text-danger{ color:#666; } /*弹出框对应颜色结束*/ .form-group kbd{ padding:0; } .form-group .help-block{ margin-bottom:0; } /*弹出对话框样式*/ .fwinmask { background:#FFF; box-shadow:1px 3px 15px rgba(0,0,0,0.8),inset 0 0 10px #FFF; padding:5px; border:1px solid #CCC; *border:1px solid #CCC; border-radius: var(--radius); min-width:320px; max-width:600px; } .fwinmask table{ width:100%; } .fwinmask p{ margin:0; padding:0px; } .fwinmask button.close { font-size: 1.5rem; position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; } .fwinmask .c.altw p{ color: #666666; } .fwinmask .m_c h3{ margin: 0; padding: 10px 20px 20px 20px; line-height: 30px; font-size:16px; font-weight:bold; } .fwinmask .m_c h3{*zoom:1} .fwinmask .m_c h3:before,.fwinmask .m_c h3:after{display:table;line-height:0;content:""} .fwinmask .m_c h3:after{clear:both} .fwinmask .m_c h3 .close{ margin-right:10px\0; *zoom:1 } .fwinmask .m_c h3 em{ font-style:normal; display: inline-block; padding: 0; } .fwinmask .m_c .o { background: none; border-top: none; padding: 0 25px 15px 0; text-align: right; } .fwinmask .m_c .o .muted{ padding-top:8px; color:#999; font-size:12px; } .fwinmask .m_c .c { margin: 0 !important; padding: 0 20px 20px 30px; } .fwinmask .m_c .last{ border-bottom: none; border-top: 1px solid #FFFFFF; margin:0px; padding:10px 0; } .fwinmask .alert_icon .alert_icon_img{ background:#FFF; width:48px; height:48px; margin-left: -58px; padding: 1px; position: absolute; } .fwinmask .alert_icon { font-size: 14px; height: auto !important; line-height: 160%; min-height: 50px; padding: 6px 0 6px 68px; } /*end 弹出对话框样*/ /*start bootstrap模态框*/ .modal-open .in.modal{ display: -moz-flex!important; display: -webkit-flex!important; display: -ms-flexbox!important; display:flex !important; } .modal .modal-header,.modal-open .modal .modal-body{ padding: 10px 20px 20px 20px; clear:both; } .modal .modal-dialog{ margin: auto; padding: 30px 0; } .modal .modal-footer{ border: 0; padding: 0 20px 15px 20px; } /*end bootstrap模态框*/ /*下拉框样式开始*/ .dropdown-menu{ margin-top: 5px; -webkit-box-shadow: 0px 4px 13px 0px rgba(62, 62, 62, 0.28); box-shadow: 0px 4px 13px 0px rgba(62, 62, 62, 0.28); -webkit-transition: .25s; -o-transition: .25s; transition: .25s; border: 1px solid rgba(0,0,0,0.05); } .dropdown-menu>li{ padding:0rem; margin: 0rem; position: relative; } .dropdown-menu>li>a{ font-weight: 100; } .dropdown-menu>li>a{ padding: 0.57rem 0rem 0.57rem 1.78rem; border-radius: var(--radius); -webkit-transition: background-color .25s; -o-transition: background-color .25s; transition: background-color .25s; } .dropdown-menu li:hover, .dropdown-menu > li > a:focus{ background-color: #f3f3f3; } .dropdown-menu .dropdown-dropright{ position: absolute; right: 0px; font-size: 20px; color: #333333; } .dropdown-twomenu{ position: absolute; top: -10px; left: calc(100%); left: -moz-calc(100%); left: -webkit-calc(100%); } .dropdown-menu > li:hover>.dropdown-menu{ display: block; } .dropdown-menu .filee-icon { position: absolute; left: 15px; top: 8px; font-size: 20px; color:#8b8f92 ; } .dropdown-menu .menu-text{ padding-left: 1.3rem; } /*下拉菜单开始*/ .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ color: #76838f; text-decoration: none; background-color: #f3f7f9; outline: 0; } .dropdown-menu-primary>.active>a, .dropdown-menu-primary>.active>a:focus, .dropdown-menu-primary>.active>a:hover{ color: #fff; background-color: #0674d9; } .dropdown-menu-success>.active>a, .dropdown-menu-success>.active>a:focus, .dropdown-menu-success>.active>a:hover{ color: #fff; background-color: #00aa63; } .dropdown-menu-info>.active>a, .dropdown-menu-info>.active>a:focus, .dropdown-menu-info>.active>a:hover{ color: #fff; background-color: #00b6ce; } .dropdown-menu-warning>.active>a, .dropdown-menu-warning>.active>a:focus, .dropdown-menu-warning>.active>a:hover{ color: #fff; background-color: #f4820b; } .dropdown-menu-danger>.active>a, .dropdown-menu-danger>.active>a:focus, .dropdown-menu-danger>.active>a:hover{ color: #fff; background-color: #e60d0f; } .dropdown-menu-dark>.active>a, .dropdown-menu-dark>.active>a:focus, .dropdown-menu-dark>.active>a:hover{ color: #fff; background-color: #535353; } .blocks-dropdowns > li { margin-bottom: 50px; } @media (min-width: 992px) { .blocks-dropdowns > li { max-width: 300px; } } .dropdown-menu>.dropdown-header{ padding: 8px 20px 6px; font-size: 14px; font-weight: 500; cursor: default; color: #37474f; } .dropdown-menu>.dropdown-submenu{ position: relative; } .dropdown-menu>.dropdown-submenu>a{ position: relative; } .dropdown-menu>.dropdown-submenu>a:after{ position: absolute; right: 10px; display: inline-block; width: 0; height: 0; margin-top: 6px; vertical-align: middle; content: ''; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .dropdown .dropdown-submenu .dropdown-menu{ top:0; } .dropdown-menu>.dropdown-submenu .dropdown-menu{ left: 100%; margin: 0; } .dropdown-menu>.dropdown-submenu:hover .dropdown-menu{ display: block; } .dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu{ left: -100%; } /*下拉位置不同*/ .dropdown-menu.bullet { margin-top: 12px; } .dropdown-menu.bullet:before, .dropdown-menu.bullet:after { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-width: 0; } .dropdown-menu.bullet:before { top: -7px; border-bottom-color: #e4eaec; } .dropdown-menu.bullet:after { top: -6px; border-bottom-color: #fff; } .dropdown-menu-right.bullet:before, .dropdown-menu-right.bullet:after { right: 10px; left: auto; } .dropup .dropdown-menu.bullet, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet { margin-bottom: 12px; } .dropup .dropdown-menu.bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before, .dropup .dropdown-menu.bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after { top: auto; border-top-width: 7px; border-bottom-width: 0; } .dropup .dropdown-menu.bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before { bottom: -7px; border-top-color: #e4eaec; } .dropup .dropdown-menu.bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after { bottom: -6px; border-top-color: #fff; } /*下拉菜单结束*/ /*面包屑导航开始*/ .breadcrumb{ padding: 25px 22px; margin: 0; border-bottom: 1px solid #DCDCDC; border-radius: var(--radius); background: #FFFFFF; display: flex; } .breadcrumb > li + li:before{ padding: 0; vertical-align: top; margin-right: -5px; } .breadcrumb > li { display: inline-block; height: 20px; } .breadcrumb>li>a{ color: #71717A; } .breadcrumb>li.active>a{ color: #4C89FB; } .breadcrumb > li:before{ font-family: 'dzz' !important; } .arrows > li + li:before{ content: "\e925"; } .arrows.return > li:first-of-type:before{ color: #ccc; content: "\e962"; vertical-align: top; } .arrows.return > li:first-child + li:before{ content: "\e98e"; } .slash > li + li:before{ content: "\e975"; } .slash.return > li:first-of-type:before{ color: #ccc; content: "\e962"; vertical-align: top; } .slash.return > li:first-child + li:before{ content: "\e98e"; } /*面包屑导航结束*/ /*分页开始*/ .pagination { margin: 0; border-radius: var(--radius); } .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: var(--radius); } .pagination li>a{ padding: 8px 15px; } .pagination li>span{ padding: 6px 15px; } .pagination li>a, .pagination li>span { font-size: 14px; color: #76838f; background-color: transparent; border: 1px solid #e4eaec; -webkit-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out; -o-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out; transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out; } .pagination li input{ width: 45px; } .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: #fff; cursor: default; background-color: #4C89FB; border-color: #4C89FB; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #89bceb; background-color: #f3f7f9; border-color: #e4eaec; } /*分页结束*/ /*button样式开始*/ .btn{ transition-property: all; transition-duration: .3s; padding: 0.45rem 2.152rem; font-size: 0.92rem; font-weight: bold; border-radius: var(--radius); } .btn.focus, .btn:focus, .btn:hover{ box-shadow: 0px 1px 5px 0px rgba(28, 28, 28, 0.28); } .btn-link:focus, .btn-link:hover{ box-shadow:none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; } .btn.active, .btn:active{ -webkit-box-shadow: none; box-shadow: none; } .btn-circle{ border-radius: var(--radius); padding: 10px 22px; } .btn-pill-left { border-radius: var(--radius); } .btn-pill-right { border-radius: var(--radius); } /*默认样式开始*/ .btn-default{ border-color: #bbbbbb; color:#666; background-color: #FFFFFF; } .btn-default:hover{ color:#666666; background-color: #e8fff5; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ color: #bbbbbb; border-color: #bbbbbb; background-color: #f2f2f2; } .btn-default:focus{ background-color: #FFFFFF; border-color: #bbbbbb; color:#666666; border: 1px solid #bbb; } .btn-default:active{ background-color: #f2f2f2; border-color: #bbbbbb; color: #bbbbbb; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .btn-default-3d{ box-shadow: 0px 2px 0px 0px rgba(187, 187, 187, 1); position:relative } .btn-default-3d:active{ box-shadow: 0px 0px 0px 0px rgba(187, 187, 187, 1); top: 1px; background-color: #f2f2f2; border-color: #bbbbbb; color: #bbbbbb; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } /*边框默认样式*/ .btn-default-outline{ background: none; border: 1px solid #cccccc; color: #666; transition:0.5s linear; } .btn-default-outline:hover{ background: #F2F2F2; border: 1px solid #CCCCCC; color: #666; } .btn-default-outline:focus{ background:#DDDDDD; border: 1px solid #CCCCCC; color: #666; } .btn-default-outline:active{ background-color: #DDDDDD; border: 1px solid #CCCCCC; color: #666; text-shadow: 0rem 1rem 0rem rgba(255, 255, 255, 0.20); } /*默认样式结束*/ /*首选样式开始*/ .btn-primary{ color:#FFFFFF; background-color: #4c89fb; border-color: transparent; } .btn-primary:hover{ color:#FFFFFF; background-color: #689cfe; border-color: transparent; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{ background-color: #165ad8; color: #fff; border-color: transparent; } .btn-primary:focus{ color:#FFFFFF; background-color: #165ad8; border-color:#ff9c00; } .btn-primary:active{ background-color: #165ad8; color: #fff; border-color:#165ad8 ; text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-primary:active:focus{ background-color: #165ad8; color: #fff; border-color:#165ad8 ; } /*边框首选样式开始*/ .btn-primary-outline{ background: none; border: 1px solid #4c89fb; color: #4c89fb; transition: 0.5s linear; } .btn-primary-outline:hover{ background:#4c89fb; border: 1px solid #4c89fb; color: #FFFFFF; } .btn-primary-outline:focus{ background:#165ad8; /*border: 1px solid #ff9c00;*/ color: #FFFFFF; } .btn-primary-outline:active{ background-color: #165ad8; border: 1px solid #4c89fb; color: #fff; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框首选样式结束*/ /*边框首选3d样式开始*/ .btn-primary-3d{ box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-primary-3d:focus{ color:#FFFFFF; background-color: #0674d9; box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-primary-3d:active{ box-shadow: 0 1px 0 #0361b8, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #1881e5; color: #0361b8; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框首选3d样式结束*/ /*首选样式开始结束*/ /*不可用样式开始*/ .btn-disabled{ color: #fff; background-color: rgba(204,204,204,0.85); } .btn-disabled:hover{ color: #fff; } .btn-disabled-outline{ background-color:transparent; color: #DDDDDD; border-color:rgba(204,204,204,0.85); } .btn-disabled-outline:hover{ color: #DDDDDD; } .btn-disabled-primary{ color:rgba(76,137,251,0.85); border-color:rgba(76,137,251,0.85); } .btn-disabled-primary:hover{ color:rgba(76,137,251,0.85); } /*不可用样式结束*/ /*危险样式开始*/ .btn-danger{ color:#FFFFFF; background-color: #e53935; border-color: transparent; } .btn-danger:hover{ color:#FFFFFF; background-color: #e57373; border-color: transparent; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{ background-color: #c62828; color: #fff; border-color: transparent; } .btn-danger:focus{ color:#FFFFFF; background-color: #c62828; border-color: #ff9c00; } .btn-danger:active{ background-color: #c62828; color: #c40b0d; text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*危险默认样式结束*/ /*危险3d样式开始*/ .btn-danger-3d{ box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-danger-3d:focus{ color:#FFFFFF; background-color: #e60d0f; box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-danger-3d:active{ box-shadow: 0 1px 0 #c40b0d, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #f21717; color: #c40b0d; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*危险3d样式结束*/ /*边框危险样式*/ .btn-danger-outline{ background: none; border: 1px solid #e60d0f; color: #e60d0f; } .btn-danger-outline:hover{ color:#FFFFFF; background-color: #f21717; border: 1px solid #f21717; } .btn-danger-outline:focus{ color:#FFFFFF; background-color: #f21717; border: 1px solid #f21717; } .btn-danger-outline:active{ background: #f21717; border: 1px solid #f21717; color: #c40b0d; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*危险样式结束*/ /*样式大小开始*/ .btn-lg{ padding:1rem 2.28rem; } .btn-small{ padding:0.5rem 1.64rem; } .btn-super-small{ padding:0.35rem 0.71rem; } /*样式大小结束*/ /*成功样式*/ .btn-success{ color:#FFFFFF; background-color: #00aa63; border-color: transparent; } .btn-success-3d{ box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-success:hover{ color:#FFFFFF; background-color: #05be6d; border-color: transparent; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{ background-color: #05be6d; color: #009253; border-color: transparent; } .btn-success:focus{ color:#FFFFFF; background-color: #00aa63; border-color: transparent; } .btn-success-3d:focus{ color:#FFFFFF; background-color: #00aa63; box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-success:active{ background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-success-3d:active{ box-shadow: 0 1px 0 #009253, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框成功样式*/ .btn-success-outline{ background: none; border: 1px solid #00aa63; color: #00aa63; } .btn-success-outline:hover{ background:#05be6d; border: 1px solid #05be6d; color: #FFFFFF; } .btn-success-outline:focus{ background:#05be6d; border: 1px solid #05be6d; color: #FFFFFF; } .btn-success-outline:active{ background-color: #05be6d; color: #009253; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*一般信息样式*/ .btn-info{ color:#FFFFFF; background-color: #00b6ce; border-color: transparent; } .btn-info-3d{ box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-info:hover{ color:#FFFFFF; background-color: #13c6de; border-color: transparent; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{ background-color: #13c6de; color: #009cb0; border-color: transparent; } .btn-info:focus{ color:#FFFFFF; background-color: #00b6ce; border-color: transparent; } .btn-info-3d:focus{ color:#FFFFFF; background-color: #00b6ce; box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-info:active{ background-color: #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-info-3d:active{ box-shadow: 0 1px 0 #009cb0, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框一般信息样式*/ .btn-info-outline{ background: none; border: 1px solid #00b6ce; color: #00b6ce; } .btn-info-outline:hover{ background: #13c6de; border: 1px solid #13c6de; color: #FFFFFF; } .btn-info-outline:focus{ background: #13c6de; border: 1px solid #13c6de; color: #FFFFFF; } .btn-info-outline:active{ background: #13c6de; border: 1px solid #13c6de; color: #009cb0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*警告样式*/ .btn-warning{ color:#FFFFFF; background-color: #f4820b; border-color: transparent; } .btn-warning-3d{ box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-warning:hover{ color:#FFFFFF; background-color: #f68e23; border-color: transparent; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover{ background-color: #f68e23; color: #d06d09; border-color: transparent; } .btn-warning:focus{ color:#FFFFFF; background-color: #f4820b; border-color: transparent; } .btn-warning-3d:focus{ color:#FFFFFF; background-color: #f4820b; box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-warning:active{ background-color: #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-warning-3d:active{ box-shadow: 0 1px 0 #d06d09, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框警告样式*/ .btn-warning-outline{ background: none; border: 1px solid #f4820b; color: #f4820b; } .btn-warning-outline:hover{ background: #f68e23; border: 1px solid #f68e23; color: #FFFFFF; } .btn-warning-outline:focus{ background: #f68e23; border: 1px solid #f68e23; color: #FFFFFF; } .btn-warning-outline:active{ background: #f68e23; border: 1px solid #f68e23; color: #d06d09; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*暗色按钮*/ .btn-dark{ color:#FFFFFF; background-color: #535353; } .btn-dark-3d{ box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3); position: relative; top: 0px; } .btn-dark:hover{ color:#FFFFFF; background-color: #656565; } .btn-dark:focus{ color:#FFFFFF; background-color: #535353; } .btn-dark-3d:focus{ color:#FFFFFF; background-color: #535353; box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3); } .btn-dark:active{ background-color: #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } .btn-dark-3d:active{ box-shadow: 0 1px 0 #434343, 0 1px 1px rgba(0, 0, 0, 0.2); top: 2px; background-color: #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; } /*边框暗色样式*/ .btn-dark-outline{ background: none; border: 1px solid #535353; color: #535353; } .btn-dark-outline:hover{ color:#FFFFFF; background-color: #656565; border: 1px solid #656565; } .btn-dark-outline:focus{ color:#FFFFFF; background-color: #656565; border: 1px solid #656565; } .btn-dark-outline:active{ background-color: #656565; border: 1px solid #656565; color: #434343; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20); } /*小图标*/ .btn .icon { width: 1em; margin: -1px 5px 0; line-height: inherit; text-align: center; } .btn-icon, .btn.icon { padding: 10px; line-height: 1em; } .btn-icon.btn-xs, .btn.icon.btn-xs { padding: 4px; font-size: 12px; } .btn-icon.btn-sm, .btn.icon.btn-sm { padding: 8px; font-size: 14px; } .btn-icon.btn-lg, .btn.icon.btn-lg { padding: 12px; font-size: 20px; } .btn-icon.disabled, .btn.icon.disabled { color: #a3afb7; } .btn-icon .icon { margin: -1px 0 0; } /*禁用状态*/ .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { color: #fff; background-color: #a2caee; border-color: #a2caee; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { color: #FFFFFF; background-color: #5cb85c; border-color: #4cae4c; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { color: #FFFFFF; background-color: #5bc0de; border-color: #46b8da; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { color: #FFFFFF; background-color: #f0ad4e; border-color: #eea236; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { color: #FFFFFF; background-color: #d9534f; border-color: #d43f3a; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{ color: #76838f; background-color: #f3f7f9; border-color: #f3f7f9; } .btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { color:#FFFFFF; background-color: #8f8f8f; border-color: #8f8f8f; } /*纯图标*/ .btn-pure, .btn-pure:hover, .btn-pure:focus, .btn-pure:active, .btn-pure.active, .open > .dropdown-toggle.btn-pure, .btn-pure[disabled], fieldset[disabled] .btn-pure { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-pure:hover, .btn-pure:hover:hover, .btn-pure:focus:hover, .btn-pure:active:hover, .btn-pure.active:hover, .open > .dropdown-toggle.btn-pure:hover, .btn-pure[disabled]:hover, fieldset[disabled] .btn-pure:hover, .btn-pure:focus, .btn-pure:hover:focus, .btn-pure:focus:focus, .btn-pure:active:focus, .btn-pure.active:focus, .open > .dropdown-toggle.btn-pure:focus, .btn-pure[disabled]:focus, fieldset[disabled] .btn-pure:focus, .btn-pure.focus, .btn-pure:hover.focus, .btn-pure:focus.focus, .btn-pure:active.focus, .btn-pure.active.focus, .open > .dropdown-toggle.btn-pure.focus, .btn-pure[disabled].focus, fieldset[disabled] .btn-pure.focus { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-pure.btn-default { color: #a3afb7; } .btn-pure.btn-default:hover, .btn-pure.btn-default:focus, .btn-pure.btn-default:active, .btn-pure.btn-default.active, .open > .dropdown-toggle.btn-pure.btn-default { color: #526069; } .btn-pure.btn-default:hover:hover, .btn-pure.btn-default:focus:hover, .btn-pure.btn-default:active:hover, .btn-pure.btn-default.active:hover, .open > .dropdown-toggle.btn-pure.btn-default:hover, .btn-pure.btn-default:hover:focus, .btn-pure.btn-default:focus:focus, .btn-pure.btn-default:active:focus, .btn-pure.btn-default.active:focus, .open > .dropdown-toggle.btn-pure.btn-default:focus, .btn-pure.btn-default:hover.focus, .btn-pure.btn-default:focus.focus, .btn-pure.btn-default:active.focus, .btn-pure.btn-default.active.focus, .open > .dropdown-toggle.btn-pure.btn-default.focus { color: #526069; } .btn-pure.btn-default:hover .badge, .btn-pure.btn-default:focus .badge, .btn-pure.btn-default:active .badge, .btn-pure.btn-default.active .badge, .open > .dropdown-toggle.btn-pure.btn-default .badge { color: #526069; } .btn-pure.btn-primary { color: #62a8ea; } .btn-pure.btn-primary:hover, .btn-pure.btn-primary:focus, .btn-pure.btn-primary:active, .btn-pure.btn-primary.active, .open > .dropdown-toggle.btn-pure.btn-primary { color: #3583ca; } .btn-pure.btn-primary:hover:hover, .btn-pure.btn-primary:focus:hover, .btn-pure.btn-primary:active:hover, .btn-pure.btn-primary.active:hover, .open > .dropdown-toggle.btn-pure.btn-primary:hover, .btn-pure.btn-primary:hover:focus, .btn-pure.btn-primary:focus:focus, .btn-pure.btn-primary:active:focus, .btn-pure.btn-primary.active:focus, .open > .dropdown-toggle.btn-pure.btn-primary:focus, .btn-pure.btn-primary:hover.focus, .btn-pure.btn-primary:focus.focus, .btn-pure.btn-primary:active.focus, .btn-pure.btn-primary.active.focus, .open > .dropdown-toggle.btn-pure.btn-primary.focus { color: #3583ca; } .btn-pure.btn-primary:hover .badge, .btn-pure.btn-primary:focus .badge, .btn-pure.btn-primary:active .badge, .btn-pure.btn-primary.active .badge, .open > .dropdown-toggle.btn-pure.btn-primary .badge { color: #3583ca; } .btn-pure.btn-success { color: #46be8a; } .btn-pure.btn-success:hover, .btn-pure.btn-success:focus, .btn-pure.btn-success:active, .btn-pure.btn-success.active, .open > .dropdown-toggle.btn-pure.btn-success { color: #279566; } .btn-pure.btn-success:hover:hover, .btn-pure.btn-success:focus:hover, .btn-pure.btn-success:active:hover, .btn-pure.btn-success.active:hover, .open > .dropdown-toggle.btn-pure.btn-success:hover, .btn-pure.btn-success:hover:focus, .btn-pure.btn-success:focus:focus, .btn-pure.btn-success:active:focus, .btn-pure.btn-success.active:focus, .open > .dropdown-toggle.btn-pure.btn-success:focus, .btn-pure.btn-success:hover.focus, .btn-pure.btn-success:focus.focus, .btn-pure.btn-success:active.focus, .btn-pure.btn-success.active.focus, .open > .dropdown-toggle.btn-pure.btn-success.focus { color: #279566; } .btn-pure.btn-success:hover .badge, .btn-pure.btn-success:focus .badge, .btn-pure.btn-success:active .badge, .btn-pure.btn-success.active .badge, .open > .dropdown-toggle.btn-pure.btn-success .badge { color: #279566; } .btn-pure.btn-info { color: #57c7d4; } .btn-pure.btn-info:hover, .btn-pure.btn-info:focus, .btn-pure.btn-info:active, .btn-pure.btn-info.active, .open > .dropdown-toggle.btn-pure.btn-info { color: #37a9b7; } .btn-pure.btn-info:hover:hover, .btn-pure.btn-info:focus:hover, .btn-pure.btn-info:active:hover, .btn-pure.btn-info.active:hover, .open > .dropdown-toggle.btn-pure.btn-info:hover, .btn-pure.btn-info:hover:focus, .btn-pure.btn-info:focus:focus, .btn-pure.btn-info:active:focus, .btn-pure.btn-info.active:focus, .open > .dropdown-toggle.btn-pure.btn-info:focus, .btn-pure.btn-info:hover.focus, .btn-pure.btn-info:focus.focus, .btn-pure.btn-info:active.focus, .btn-pure.btn-info.active.focus, .open > .dropdown-toggle.btn-pure.btn-info.focus { color: #37a9b7; } .btn-pure.btn-info:hover .badge, .btn-pure.btn-info:focus .badge, .btn-pure.btn-info:active .badge, .btn-pure.btn-info.active .badge, .open > .dropdown-toggle.btn-pure.btn-info .badge { color: #37a9b7; } .btn-pure.btn-warning { color: #f2a654; } .btn-pure.btn-warning:hover, .btn-pure.btn-warning:focus, .btn-pure.btn-warning:active, .btn-pure.btn-warning.active, .open > .dropdown-toggle.btn-pure.btn-warning { color: #e98f2e; } .btn-pure.btn-warning:hover:hover, .btn-pure.btn-warning:focus:hover, .btn-pure.btn-warning:active:hover, .btn-pure.btn-warning.active:hover, .open > .dropdown-toggle.btn-pure.btn-warning:hover, .btn-pure.btn-warning:hover:focus, .btn-pure.btn-warning:focus:focus, .btn-pure.btn-warning:active:focus, .btn-pure.btn-warning.active:focus, .open > .dropdown-toggle.btn-pure.btn-warning:focus, .btn-pure.btn-warning:hover.focus, .btn-pure.btn-warning:focus.focus, .btn-pure.btn-warning:active.focus, .btn-pure.btn-warning.active.focus, .open > .dropdown-toggle.btn-pure.btn-warning.focus { color: #e98f2e; } .btn-pure.btn-warning:hover .badge, .btn-pure.btn-warning:focus .badge, .btn-pure.btn-warning:active .badge, .btn-pure.btn-warning.active .badge, .open > .dropdown-toggle.btn-pure.btn-warning .badge { color: #e98f2e; } .btn-pure.btn-danger { color: #f96868; } .btn-pure.btn-danger:hover, .btn-pure.btn-danger:focus, .btn-pure.btn-danger:active, .btn-pure.btn-danger.active, .open > .dropdown-toggle.btn-pure.btn-danger { color: #d6494b; } .btn-pure.btn-danger:hover:hover, .btn-pure.btn-danger:focus:hover, .btn-pure.btn-danger:active:hover, .btn-pure.btn-danger.active:hover, .open > .dropdown-toggle.btn-pure.btn-danger:hover, .btn-pure.btn-danger:hover:focus, .btn-pure.btn-danger:focus:focus, .btn-pure.btn-danger:active:focus, .btn-pure.btn-danger.active:focus, .open > .dropdown-toggle.btn-pure.btn-danger:focus, .btn-pure.btn-danger:hover.focus, .btn-pure.btn-danger:focus.focus, .btn-pure.btn-danger:active.focus, .btn-pure.btn-danger.active.focus, .open > .dropdown-toggle.btn-pure.btn-danger.focus { color: #d6494b; } .btn-pure.btn-danger:hover .badge, .btn-pure.btn-danger:focus .badge, .btn-pure.btn-danger:active .badge, .btn-pure.btn-danger.active .badge, .open > .dropdown-toggle.btn-pure.btn-danger .badge { color: #d6494b; } .btn-pure.btn-dark { color: #526069; } .btn-pure.btn-dark:hover, .btn-pure.btn-dark:focus, .btn-pure.btn-dark:active, .btn-pure.btn-dark.active, .open > .dropdown-toggle.btn-pure.btn-dark { color: #37474f; } .btn-pure.btn-dark:hover:hover, .btn-pure.btn-dark:focus:hover, .btn-pure.btn-dark:active:hover, .btn-pure.btn-dark.active:hover, .open > .dropdown-toggle.btn-pure.btn-dark:hover, .btn-pure.btn-dark:hover:focus, .btn-pure.btn-dark:focus:focus, .btn-pure.btn-dark:active:focus, .btn-pure.btn-dark.active:focus, .open > .dropdown-toggle.btn-pure.btn-dark:focus, .btn-pure.btn-dark:hover.focus, .btn-pure.btn-dark:focus.focus, .btn-pure.btn-dark:active.focus, .btn-pure.btn-dark.active.focus, .open > .dropdown-toggle.btn-pure.btn-dark.focus { color: #37474f; } .btn-pure.btn-dark:hover .badge, .btn-pure.btn-dark:focus .badge, .btn-pure.btn-dark:active .badge, .btn-pure.btn-dark.active .badge, .open > .dropdown-toggle.btn-pure.btn-dark .badge { color: #37474f; } .btn-pure.btn-inverse { color: #fff; } .btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:active, .btn-pure.btn-inverse.active, .open > .dropdown-toggle.btn-pure.btn-inverse { color: #fff; } .btn-pure.btn-inverse:hover:hover, .btn-pure.btn-inverse:focus:hover, .btn-pure.btn-inverse:active:hover, .btn-pure.btn-inverse.active:hover, .open > .dropdown-toggle.btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:hover:focus, .btn-pure.btn-inverse:focus:focus, .btn-pure.btn-inverse:active:focus, .btn-pure.btn-inverse.active:focus, .open > .dropdown-toggle.btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:hover.focus, .btn-pure.btn-inverse:focus.focus, .btn-pure.btn-inverse:active.focus, .btn-pure.btn-inverse.active.focus, .open > .dropdown-toggle.btn-pure.btn-inverse.focus { color: #fff; } .btn-pure.btn-inverse:hover .badge, .btn-pure.btn-inverse:focus .badge, .btn-pure.btn-inverse:active .badge, .btn-pure.btn-inverse.active .badge, .open > .dropdown-toggle.btn-pure.btn-inverse .badge { color: #fff; } /*上传成功按钮*/ .text-active, .active > .text, .active > .auto .text{ display: none!important; } .active .icon { line-height: 1; } .active > .text-active, .active > .auto .text-active { display: inline-block !important; } /*按钮样式结束*/ /*徽章颜色*/ .badge-success{ color: #fff; background-color: #46be8a; } .badge-info{ color: #fff; background-color: #57c7d4; } .badge-warning{ color: #fff; background-color: #f2a654; } .badge-danger{ color: #fff; background-color: #f96868; } /*button样式结束*/ /*表单样式 start*/ /*输入框下划线部分*/ .form-control{ background-color:transparent; border-style:solid; border-width:0 0 1px 0; border-color: #e1e1e1; box-shadow:none; } .form-control:focus{ box-shadow: none !important; } .has-error .form-control{ box-shadow:none; } .input-group .input-group-addon{ background-color:transparent; border-style:solid; border-width:0 0 1px 0; border-radius:.5rem; } .input-group .input-group-addon{ border-color: transparent; transition:none; } .input-group input.form-control+.input-group-addon{ border-color: #e1e1e1; } /*输入框下划线部分结束*/ .form-control:focus{ border-color:#3779ff; } .input-group input.form-control:focus+.input-group-addon{ border-color:#3779ff; } .form-control:focus{ border-color:#3779ff; } .has-error .form-control{ border-color:#FF0000 !important; } .has-error .help-msg{ color:#FF0000 } /*表单样式 end*/