﻿@charset "UTF-8";
*, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { color: #333; height: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.5; font-family: "Times New Roman","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; height: 100%; }
ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp { margin: 0; padding: 0; }
input, textarea, button, select, pre, xmp, tt, code, kbd, samp { line-height: inherit; font-family: inherit; }
h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select { font-size: inherit; }
address, cite, dfn, em, i, optgroup, var { font-style: normal; }
iframe {border:0px; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; text-align: left; }
ul, ol, menu { list-style-type: none; margin: 0; padding: 0; }
fieldset, img { border: 0; vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
blockquote:before, blockquote:after, q:before, q:after { content: "\0020"; }
textarea, pre, xmp { overflow: auto; -webkit-overflow-scrolling: touch; }
textarea { resize: none; }
input, textarea, button, select a { outline: 0 none; }
input, textarea, button, select { color: inherit; }
input:disabled, textarea:disabled, button:disabled, select:disabled { opacity: 1; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
mark { background-color: transparent; }
a, ins, s, u, del { text-decoration: none; }
a, img { -webkit-touch-callout: none; }
a { color: #F44336; text-decoration: none; }
a:hover { text-decoration: underline; }
a[onclick] {cursor:pointer; }
.g-clear::after, .g-mod::after { display: block; overflow: hidden; clear: both; height: 0; content: "\0020"; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
option:disabled { color: #ddd; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
.inline {display:inline-block; }
.fontbold { font-weight: bold; }
.basetable { width:100%; }
.basetable tr{ text-align:center; }
.basetable td{ text-align:left;padding: 0 0 5px 5px; }
td, th { padding: 0; }
/**share style*/
.items_center { align-items: center; }
.flex { display: flex; }
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; }
.hide { display: none; }
.musthide { display: none !important; }
.pointer { cursor: pointer; }
.mgr5 { margin-right: 5px; }
.mgl5 { margin-left: 5px; }
.mgr10 { margin-right: 10px; }
.mgl10 { margin-left: 10px; }
.mgr15 { margin-right: 15px; }
.mgl15 { margin-left: 15px; }
.mrgt10 { margin-top: 10px; }
.mrgt70 { margin-top: 70px; }
.mrgb10 { margin-bottom: 10px; }
.mrgr10 { margin-right: 10px; }
.mrgl10 { margin-left: 10px !important; }
.mrgr15 { margin-right: 15px; }
.mrgr20 { margin-right: 20px; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd010 { padding: 0 10px; }
.small9 { -webkit-transform: scale(0.9); }
.small8 { -webkit-transform: scale(0.8); }
.small7 { -webkit-transform: scale(0.7); }
.small5 { -webkit-transform: scale(0.5); }


/**button style*/
.btn { border-radius: 2px; border: 0; line-height: 20px; text-align: center; text-decoration: none; color: #fff; height: 30px; width: 90px; }
.btn.w120 { width: 120px; }
.btn.white { background: #44b549; color: #fff; width: 120px; }
.btn.z { background: #8253E8; }
.btn.normal { background: #44b549; }
.btn.mini { height: 30px; width: 40px; font-size: 12px; font-weight: normal; }
.btn.mini5 { width: 50px; }
.btn.mini8 { width: 80px; }
.btn.orange { background: #f75b08; }
.btn.brown { background: #f75b08; }
.btn.violet { background: #8e4eff; }
.btn.default { background: #44b549; }
.btn.ncolor { background: #363636; }
.btn.ncolor2 { background: #fff; color: #333; border: 1px solid #666; }
.btn.position { position: absolute; right: 10px; bottom: 10px; }
.btn.disabled { background: #bbb !important; color: #8d8d8d !important; pointer-events: none !important; cursor: not-allowed !important; }
.btn.notallowed { background: #ccc !important; color: #8d8d8d !important; pointer-events: none !important; cursor: not-allowed !important; }
/*input*/
.date { background: url(../images/default/icon_date.png)#323346; background-repeat: no-repeat; background-position: right center; }
.input { width: 120px; height: 30px; border: 1px solid #D6DAE2; padding: 2px 5px; background-color: #fefefe; }
.input:focus { border: 1px solid #239CC9; box-shadow: 0 0 3px #239CC9; }
.input.longtxt { width: 200px; }
.input.fulltxt { width: 100%; }
.input.bighight { height: 30px; }
.input.disabled { background-color: #f3f3f3; }
.input[onclick].disabled { pointer-events: none !important; }
.input.mini { width: 60px; }
.input.mini7 { width: 90px; }
.btn:hover { opacity: .8; -webkit-transition: opacity .2s ease-in-out; }
.help { text-shadow: 1px 1px 2px #0006; vertical-align: 2px; box-shadow: 2px 1px 2px #666; margin-left: 10px; border: 1px solid #fff; cursor: pointer; width: 18px; height: 18px; line-height: 18px; display: inline-block; background: #373737; font-size: 12px; text-align: center; color: #eee; border-radius: 50%; font-weight: bold; }
.help:hover { background: #000; -webkit-transition: opacity .2s ease-in-out; }

input, textarea, select { border: 0; }
input:disabled { background-color: #f3f3f3 !important; }
input:read-only { background-color: #f3f3f3; }
select:disabled { background-color: #f3f3f3 !important; pointer-events: none !important; }
select.disabled { pointer-events: none !important; }
.text-gradient { display: inline-block; color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.4))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

input::-webkit-input-placeholder { opacity: .7; }
input:focus::-webkit-input-placeholder { opacity: .5; }
select.input { padding-right: 0; padding-left: 2px; }

/*定义滚动*/
::-webkit-scrollbar { width: 4px; height: 8px; background-color: rgba(255,255,255,0.1); filter: alpha(opacity = 50); opacity: .5; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-thumb { background-color: rgba(68,181,73,0.8); border-radius: 10px; }

/*多选样式*/
.ms-parent { display: inline-block; position: relative; vertical-align: top; margin-top: 0px; padding: 0; }
.ms-choice { display: block; width: 100%; height: 28px; padding: 0; overflow: hidden; cursor: pointer; border: 0; text-align: left; white-space: nowrap; line-height: 28px; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fff; }
.ms-choice.disabled { background-color: #f4f4f4; background-image: none; cursor: default; }
.ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 6px !important; width: 100%; height: 100%; line-height: 28px; }
.ms-choice > span.placeholder { color: #999; }
.ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('multiple-select.png') left top no-repeat; }
.ms-choice > div.open { background: url('multiple-select.png') right top no-repeat; }
.ms-drop { width: auto; overflow: hidden; display: none; margin-top: 2px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); }
.ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); }
.ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; }
.ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }
.ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; text-align: left; border-bottom: 1px solid #eee; min-width: 120px;line-height:36px; }
.ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type="checkbox"] { vertical-align: middle; }
.ms-drop .ms-no-results { display: none; }
.ms-drop span { float: inherit !important; display: inline !important; font-size: 14px; padding: 2px 10px; }

/*搜索填入*/
.buildInput { position: fixed !important; background: #fff !important; overflow: auto !important; width: auto;max-width: 500px; box-shadow: 1px 1px 6px 0px #000 !important; padding: 2px 0 !important; z-index: 9999999 !important; }
.buildInputSet { line-height: 30px !important; background: url(../images/default/icon_down.png) no-repeat right center #fff !important; padding-right: 14px !important; }
.buildInput .item { font-size: 12px !important; color: #333 !important; padding: 6px 4px 6px 6px !important; cursor: pointer !important; border-bottom: 1px solid #f6f6f6 !important; line-height: 14px !important; min-height: 26px !important; }
.buildInput .item:hover { background: #2196F333 !important; }
.buildInput .item.select { background: #56b4ff !important; color: #fff !important; }
.buildInput .item .main { font-weight: bold !important; }

/*右下角提示框*/
.MsgBox { min-width: 210px; }
.MsgBox .title { margin: 5px 0; }
.MsgBox .title .main { font-weight: bold; color: #17ce70; }
.MsgBox .content { background: #f6f6f6; padding: 10px; }
.MsgBox .content .main { font-weight: bold; color: #E91E63; }



.mui-switch {width: 38px;height: 22px;position: relative;border: 1px solid #dfdfdf;background-color: #fdfdfd;box-shadow: #dfdfdf 0 0 0 0 inset;border-radius: 100px;background-clip: content-box;display: inline-block;-webkit-appearance: none;user-select: none;outline: none;margin: 0 5px;vertical-align: -5px;}
.mui-switch:before {content: '';width: 22px;height: 22px;position: absolute;top: -1px;left: 0;border-radius: 100px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.mui-switch:checked:before {left: 16px;}
.mui-switch.mui-switch-anim { transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
.mui-switch.mui-switch-anim:before { transition: left 0.3s; }
.mui-switch.mui-switch-anim:checked { box-shadow: #64bd63 0 0 0 20px inset; background-color: #64bd63; transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
.mui-switch.mui-switch-anim:checked:before { transition: left 0.3s; }
.mui-switch.mui-switch-anim.disabled { box-shadow: #bbbbbb 0 0 0 20px inset; } 
