/*===================== 基础样式 =====================*/

* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
body { color: #333; font-size: 13px; line-height: 1.42857143; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #f4f7fb; }
html, body, p, ul, ol, td, th, h1, h2, h3, h4, h5, h6, button, input, optgroup, select, textarea { padding: 0; margin: 0; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; outline: none; }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
label { font-weight: normal; }
ul, ol { list-style: none; }
i, em { font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
pre {display: block; padding: 9.5px; margin: 0 0 10px; line-height: 1.42857143; color: #333; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code {padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none;}
a[href]:hover { color: #d81f3e; -webkit-transition: color .15s ease-out; transition: color .15s ease-out;}

/* 画布最小高度 */
html { height: 100%; }
body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; }
.md-page { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

::-webkit-scrollbar-track { background-color: #F5F5F5; }
::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { background-color: #999; }

::-webkit-input-placeholder { font-size: 13px; }


.btn-upload { width: 100%; position: relative;}
.btn-upload object { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.btn-upload input[type=file] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer;}

select { display: inline-block; height: 30px; padding: 0 8px; font-size: inherit; line-height: 1.42857143; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	/*appearance:none; -webkit-appearance: none;*/}

input[type=text],
input[type=password] { display: inline-block; height: 30px; padding: 0 8px; font-size: inherit; line-height: 1.42857143; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;}

input.ul[type=text],
input.ul[type=password] { width: 100%; background: transparent; border: none; border-bottom: 1px solid #ccc; border-radius: 0; }


textarea { display: inline-block; width: 100%; height: 80px; padding: 6px 8px; font-size: inherit; line-height: 1.42857143; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;}

select:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { border-color: #D3AA50; }
input.ul[type=text]:focus,
input.ul[type=password]:focus { -webkit-box-shadow: none; box-shadow: none; }


input[disabled],
select[disabled],
textarea[disabled] { background: #eaeaea; }
input[type="checkbox"],
input[type="radio"] { width: 16px; height: 16px; }

select.error,
input[type=text].error,
input[type=password].error,
textarea.error { border-color: rgba(200, 0, 0, .5)!important; -webkit-box-shadow: 0 0 5px rgba(200, 0, 0, .5)!important; box-shadow: 0 0 5px rgba(200, 0, 0, .5)!important; }

.hide,
.v-cloak,
[v-cloak] { display: none!important }

.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-justify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}


/*===================== 预设样式 =====================*/

.checkbox { display: inline-block; vertical-align: middle; width: 16px; height: 16px; position: relative; overflow: hidden;}
.checkbox input[type="checkbox"] { width: 100%; height: 100%; vertical-align: top; visibility: hidden;}
.checkbox input[type="checkbox"] + span { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icons-checkbox.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
.checkbox input[type="checkbox"]:disabled + span { background-position: -32px 0; }
.checkbox input[type="checkbox"]:checked + span { background-position: -16px 0; }

.radio { display: inline-block; vertical-align: middle; width: 16px; height: 16px; position: relative; overflow: hidden; }
.radio input[type="radio"] { width: 100%; height: 100%; vertical-align: top; visibility: hidden;}
.radio input[type="radio"] + span { content: ''; display: block; width: 100%; height: 100%; background: url(../img/icons-radio.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
.radio input[type="radio"]:disabled + span { background-position: -32px 0; }
.radio input[type="radio"]:checked + span { background-position: -16px 0; }

.control-checkbox { display: inline-block; vertical-align: middle; white-space: nowrap; padding-right: 5px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.control-checkbox .checkbox { vertical-align: middle; margin-right: 5px; margin-top: -3px; }

.control-radio { display: inline-block; vertical-align: middle; padding-right: 15px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.control-radio .radio { vertical-align: middle; margin-right: 8px; margin-top: -3px; }
.control-checkbox.min,
.control-radio.min { min-width: 160px; }

.bg-white { background: #fff!important; }

.clearfix:before, .clearfix:after { display: table; content: " ";}
.clearfix:after { clear: both; }

.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }

.tdu { text-decoration: underline!important;}
.tdu:hover { text-decoration: none!important;}
.tdn { text-decoration: none!important;}

.text-white { color: #fff!important; }
.text-black { color: #333!important; }
.text-gray { color: #b2b2b2!important; }
.text-gray2 { color: #787878!important; }
.text-gray3 { color: #565656!important; }
.text-blue { color: #20a5ff!important; }
.text-green { color: #28af84!important; }
.text-orange { color: #ff711c!important; }
.text-red { color: #FF0000!important; }

.hide { display: none; }
.show { display: block; }

.space5 { height: 5px; }
.space10 { height: 10px; }
.space15 { height: 15px; }
.space20 { height: 20px; }
.space30 { height: 30px; }
.space40 { height: 40px; }
.space50 { height: 50px; }

.fr { float: right; }
.fl { float: left; }

.vat { vertical-align: top!important; }
.vam { vertical-align: middle!important; }
.vab { vertical-align: bottom!important; }

.box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.box-align-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -12px;}

.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }

.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }

.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }

.padding-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.padding-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-tb-30 { padding-top: 30px; padding-bottom: 30px; }

.padding-rl-5 { padding-right: 5px; padding-left: 5px; }
.padding-rl-10 { padding-right: 10px; padding-left: 10px; }
.padding-rl-20 { padding-right: 20px; padding-left: 20px; }
.padding-rl-30 { padding-right: 30px; padding-left: 30px; }

.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }

.margin-tb-5 { margin-top: 5px; margin-bottom: 5px; }
.margin-tb-10 { margin-top: 10px; margin-bottom: 10px; }
.margin-tb-20 { margin-top: 20px; margin-bottom: 20px; }
.margin-tb-30 { margin-top: 30px; margin-bottom: 30px; }

.margin-rl-5 { margin-right: 5px; margin-left: 5px; }
.margin-rl-10 { margin-right: 10px; margin-left: 10px; }
.margin-rl-20 { margin-right: 20px; margin-left: 20px; }
.margin-rl-30 { margin-right: 30px; margin-left: 30px; }

.loading { min-height: 200px; background: url(../img/loading.gif) no-repeat center center; background-size: 40px; }

/*===================== 布局样式 =====================*/


.md-page { margin: 15px; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(93, 111, 151, 0.15); box-shadow: 0 0 5px rgba(93, 111, 151, 0.15); }
.md-page.full { margin: 0; }
.md-page.clean { background: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }

.section { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(93, 111, 151, 0.15); box-shadow: 0 0 5px rgba(93, 111, 151, 0.15);}

/*===================== 模组 =====================*/

/* Icons 图标 */
.icons-trash,
.icons-minus,
.icons-question,
.icons-question2,
.icons-close,
.icons-close2,
.icons-lock,
.icons-unlock,
.icons-bell { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(../img/icons-layout.png) no-repeat; }
.icons-close { background-position: -180px 0; }
.icons-close:hover,
.icons-close.hover { background-position: -180px -20px; }
.icons-close2 { background-position: -300px -20px; }
.icons-trash { background-position: -240px -20px; }
.icons-minus { background-position: -260px -20px; }
.icons-minus:hover,
.icons-minus.hover { background-position: -280px -20px; }
.icons-question { background-position: -300px 0; }
.icons-lock { background-position: -60px -40px; }
.icons-unlock { background-position: -80px -40px; }
.icons-bell { background-position: -100px -40px; }
.icons-question2 { background-position: -120px -40px; }

.icons-alipay,
.icons-wechat { display: inline-block; width: 34px; height: 34px; vertical-align: middle; background: url(../img/icons-payment.png) no-repeat; }
.icons-alipay { background-position: 0 0; }
.icons-wechat { background-position: -34px 0; }

.md-loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; position: fixed; top: 50%; left: 50%; z-index: 100000; }
.md-loading.lock { width: 100%; height: 100%; background: rgba(255, 255, 255, .5); top: 0; left: 0; }

/* 加载动画 圆形放大缩小 */
.sk-spinner-double-bounce { width: 40px; height: 40px; position: relative; }
.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #D3AA50; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out;}
.sk-spinner-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes sk-doubleBounce {
	0%, 100% {
	    -webkit-transform: scale(0);
	    transform: scale(0);
	}
	50% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
}
@keyframes sk-doubleBounce {
	0%, 100% {
	    -webkit-transform: scale(0);
	    transform: scale(0);
	}
	50% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
}
/* 加载动画 方形放大缩小 */
.sk-spinner-cube-grid { width: 30px; height: 30px; margin: 0 auto;}
.sk-spinner-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #d81f3e; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-spinner-cube-grid .sk-cube:nth-child(1) { -webkit-animation-delay: .2s; animation-delay: .2s; }
.sk-spinner-cube-grid .sk-cube:nth-child(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.sk-spinner-cube-grid .sk-cube:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; }
.sk-spinner-cube-grid .sk-cube:nth-child(4) { -webkit-animation-delay: .1s; animation-delay: .1s; }
.sk-spinner-cube-grid .sk-cube:nth-child(5) { -webkit-animation-delay: .2s; animation-delay: .2s; }
.sk-spinner-cube-grid .sk-cube:nth-child(6) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.sk-spinner-cube-grid .sk-cube:nth-child(7) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.sk-spinner-cube-grid .sk-cube:nth-child(8) { -webkit-animation-delay: .1s; animation-delay: .1s; }
.sk-spinner-cube-grid .sk-cube:nth-child(9) { -webkit-animation-delay: .2s; animation-delay: .2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 100%, 70% {
	    -webkit-transform: scale3D(1,1,1);
	    transform: scale3D(1,1,1);
	}
	35% {
	    -webkit-transform: scale3D(0,0,1);
	    transform: scale3D(0,0,1);
	}
}
@keyframes sk-cubeGridScaleDelay {
	0%, 100%, 70% {
	    -webkit-transform: scale3D(1,1,1);
	    transform: scale3D(1,1,1);
	}
	35% {
	    -webkit-transform: scale3D(0,0,1);
	    transform: scale3D(0,0,1);
	}
}

/* 开关按钮 */
.md-switch { display: inline-block; width: 28px; height: 14px; background: #fff; border: 1px solid #b3b3b3; border-radius: 7px; cursor: pointer; position: relative; }
.md-switch:before { content: ''; display: inline-block; width: 14px; height: 14px; vertical-align: top; margin: 0; background: #b3b3b3; border-radius: 50%; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out; position: absolute; top: -1px; left: -1px; }
.md-switch.active { border-color: #d81f3e; }
.md-switch.active:before { left: 15px; background-color: #d81f3e; }
.md-switch input { display: none; }

.md-empty { padding: 80px 0; text-align: center; color: rgba(0, 0, 0, 0.2); font-weight: bold; font-size: 20px; }
/**
 * input-search: 带按钮文本框;
 * input-addon: 前后标文本框;
 */
.input-addon, .input-search { display: inline-table; border-collapse: separate; vertical-align: middle; }
.input-addon { width: 100%; }
.input-search { max-width: 300px;}
.input-addon input, .input-search input {/* display: table-cell;*/ width: 100%; height: 30px; position: relative; z-index: 5; }
.input-addon .addon, .input-search .btn-box { display: table-cell; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #555; padding: 5px 8px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 3px; width: 1%; white-space: nowrap; position: relative; z-index: 5; }
.input-addon input:focus, .input-search input:focus { z-index: 10; }
.input-search .btn-box { border: none; }
.input-search .btn-box { padding: 0; vertical-align: top; overflow: hidden; }
.input-search .btn-box .btn { min-width: 0; margin: 0; border-radius: 0; vertical-align: top; }
.input-addon > input:first-child,
.input-addon > .addon:first-child,
.input-search > input:first-child,
.input-search > .btn-box:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-addon > .addon:last-child,
.input-addon > input:last-child,
.input-search > .btn-box:last-child,
.input-search > input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-addon > .addon:last-child { border-left: none;}
.input-addon > .addon:first-child { border-right: none;}
.input-addon > input:not(:first-child):not(:last-child) { border-radius: 0; }
.input-search > .btn-box:last-child { left: -1px; }
.input-search > .btn-box:first-child { right: -1px; }


/* 按钮组 */
.btn { display: inline-block; line-height: 20px; font-size: 14px; padding: 5px 15px; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; background-image: none; border: none; outline: none; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn.small { min-width: 0; height: 22px; line-height: 22px; padding: 0 10px!important; font-size: 12px; border-radius: 2px; }
.btn.bd { padding: 4px 14px;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { }
.btn:hover,
.btn:focus,
.btn.focus {color: #333; text-decoration: none; outline: none; }
.btn.disabled,
.btn[disabled] {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }

.btn.btn-white { color: #323232; background: #fff; outline: none; border: 1px solid #fff; }
.btn.btn-white.bd { color: #323232; border-color: #ccc; border-width: 1px; border-style: solid; }

.btn.btn-light { color: #fff; background: #b3b3b3; outline: none; }
.btn.btn-light:hover { color: #fff; background: #bcbcbc; outline: none; }
.btn.btn-light:active { color: #fff; background: #989898; }
.btn.btn-light.bd { color: #e6e6e6; background: transparent; border-color: #e6e6e6; border-width: 1px; border-style: solid; }
.btn.btn-light.bd:hover { color: #e6e6e6; background: #fcfcfc; }
.btn.btn-light.bd:active { color: #fff; background: #e6e6e6; }

.btn.btn-gray { color: #fff; background: #b3b3b3; outline: none; }
.btn.btn-gray:hover { color: #fff; background: #bcbcbc; outline: none; }
.btn.btn-gray:active { color: #fff; background: #989898; }
.btn.btn-gray.bd { color: #b3b3b3; background: transparent; border-color: #b3b3b3; border-width: 1px; border-style: solid; }
.btn.btn-gray.bd:hover { color: #b3b3b3; background: #fcfcfc; }
.btn.btn-gray.bd:active { color: #fff; background: #b3b3b3; }

.btn.btn-black { color: #fff; background: #333333; outline: none; }
.btn.btn-black:hover { color: #fff; background: #4c4c4c; }
.btn.btn-black:active { color: #fff; background: #2b2b2b; }
.btn.btn-black.bd { color: #333333; background: #fff; border-color: #333333; border-width: 1px; border-style: solid; }
.btn.btn-black.bd:hover { color: #333333; background: #eaeaea; }
.btn.btn-black.bd:active { color: #fff; background: #333333; }

.btn.btn-red { color: #fff; background: #D3AA50; outline: none; position: relative; }
.btn.btn-red:hover { color: #fff; background: #AF7119;}
.btn.btn-red.linear { background: #D3AA50;}
.btn.btn-red.linear:hover { background: #AF7119;}
.btn.btn-red.linear:active { background: #AF7119;}

.btn.btn-red.bd { color: #D3AA50; background: transparent; border-color: #D3AA50; border-width: 1px; border-style: solid; }
.btn.btn-red.bd:hover { color: #FFF; background: #D3AA50; }

.btn.btn-red.shadow { -webkit-box-shadow: 0 0 25px -5px #D3AA50; box-shadow: 0 0 25px -5px #D3AA50;}
/*
.btn.btn-green.bd:active,
.btn.btn-green.bd:focus { color: #fff; background: #d81f3e; opacity: 1; }
 */
/*
.btn.btn-green2 { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#d42946), to(#f95974)); background: linear-gradient(to right, #d42946, #f95974); outline: none; }
.btn.btn-green2.bd { color: #d81f3e; background: #fff; border-color: #d81f3e; border-width: 1px; border-style: solid; }
.btn-group .btn.btn-green2 { background: #d42946;}

.btn.btn-green2.bd:hover { background: #fbe8eb; }
*/
.btn.btn-green { color: #fff; background: #28af84; outline: none; }
.btn.btn-green:hover { color: #fff; background: #48bb96;}
.btn.btn-green:active { color: #fff; background: #229570;}
.btn.btn-green.bd { color: #28af84; background: transparent; border-color: #28af84; border-width: 1px; border-style: solid; }
.btn.btn-green.bd:hover { color: #28af84; background: #e9f7f2;}
.btn.btn-green.bd:active { color: #fff; background: #28af84;}
.btn.btn-green.shadow { -webkit-box-shadow: 0 0 25px -5px #29b981; box-shadow: 0 0 25px -5px #29b981;}
.btn.btn-green.linear { background: -webkit-gradient(linear, left top, right top, from(#28ae83), to(#6bd4b0)); background: linear-gradient(to right, #28ae83, #6bd4b0);}
.btn.btn-green.linear:hover { background: -webkit-gradient(linear, left top, right top, from(#4dbd99), to(#7cd9ba)); background: linear-gradient(to right, #4dbd99, #7cd9ba);}
.btn.btn-green.linear:active { background: -webkit-gradient(linear, left top, right top, from(#21946f), to(#5ab496)); background: linear-gradient(to right, #21946f, #5ab496);}

.btn.btn-blue { color: #fff; background: #D3AA50; outline: none; }
.btn.btn-blue:hover { color: #fff; background: #AF7119;}

.btn.btn-blue.linear { background: -webkit-gradient(linear, left top, right top, from(#3956ff), to(#18bdff)); background: linear-gradient(to right, #3956ff, #18bdff);}
.btn.btn-blue.linear:hover { background: -webkit-gradient(linear, left top, right top, from(#516bff), to(#34c5ff)); background: linear-gradient(to right, #516bff, #34c5ff);}
.btn.btn-blue.linear:active { background: -webkit-gradient(linear, left top, right top, from(#3149d9), to(#14a1d9)); background: linear-gradient(to right, #3149d9, #14a1d9);}

.btn.btn-blue.bd { color: #D3AA50; background: transparent; border-color: #D3AA50; border-width: 1px; border-style: solid; }
.btn.btn-blue.bd:hover { color: #D3AA50; background: #FFFFCC;}
.btn.btn-blue.bd:active { color: #fff; background: #D3AA50;}
.btn.btn-blue.shadow { -webkit-box-shadow: 0 0 25px -5px #278fff; box-shadow: 0 0 25px -5px #278fff;}

.btn.btn-blue2 { color: #fff; background: #2f3b6b; outline: none; }
.btn.btn-blue2.bd { color: #2f3b6b; background: transparent; border-color: #2f3b6b; border-width: 1px; border-style: solid; }
.btn.btn-blue2.bd:hover { background: #eaebf0; }


.btn.btn-orange { color: #fff; background: #ff711c; outline: none; }
.btn.btn-orange:hover { color: #fff; background: #ff863e;}
.btn.btn-orange:active { color: #fff; background: #d96018;}
.btn.btn-orange.linear { background: -webkit-gradient(linear, left top, right top, from(#ff6f1c), to(#fea530)); background: linear-gradient(to right, #ff6f1c, #fea530);}
.btn.btn-orange.linear:hover { background: -webkit-gradient(linear, left top, right top, from(#ff8138), to(#feb049)); background: linear-gradient(to right, #ff8138, #feb049);}
.btn.btn-orange.linear:active { background: -webkit-gradient(linear, left top, right top, from(#d95e18), to(#d88c29)); background: linear-gradient(to right, #d95e18, #d88c29);}

.btn.btn-orange.bd { color: #ff711c; background: transparent; border-color: #ff711c; border-width: 1px; border-style: solid; }
.btn.btn-orange.bd:hover { color: #ff711c; background: #fff1e8;}
.btn.btn-orange.bd:active { color: #fff; background: #ff711c;}
.btn.btn-orange.shadow { -webkit-box-shadow: 0 0 25px -5px #ff7214; box-shadow: 0 0 25px -5px #ff7214;}

.btn-dropdown { display: inline-block; vertical-align: middle; position: relative; z-index: 500; }
.btn-dropdown .btn { vertical-align: top; margin-left: 0; }
.btn-dropdown .btn:after { display: inline-block; vertical-align: middle; content: ''; width: 0; height: 0; margin: 3px 0 0 5px; border: 6px solid transparent; border-top-color: #fff; }
.btn-dropdown .droplist { min-width: 160px; background: #fff; text-align: left; padding: 5px 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); position: absolute; top: 30px; left: 0; margin-top: 0; visibility: hidden; opacity: 0; border-radius: 1px;
	-webkit-transition: visibility 0s, opacity .2s linear, margin-top .2s ease-out;
	transition: visibility 0s, opacity .2s linear, margin-top .2s ease-out;
}
.btn-dropdown .droplist.pull-right { text-align: right; left: auto; right: 0; }
.btn-dropdown .droplist.pull-top { top: auto; bottom: 34px; }
.btn-dropdown .droplist .hr { height: 1px; margin: 5px 0; background: #dbdbdb; }
.btn-dropdown .droplist a { display: block; color: #555; white-space: nowrap; padding: 10px 30px ; }
.btn-dropdown .droplist a:hover { color: #555; background: #e9e9e9; }
.btn-dropdown.open .droplist { margin-top: 5px; opacity: 1; visibility: visible; }

.btn.icon-add:before,
.btn.icon-edit:before,
.btn.icon-del:before { float: left; line-height: 20px; content: ''; width: 20px; height: 20px; vertical-align: top; margin: 0 5px 0 -5px; background: url(../img/icons-layout.png) no-repeat; }
.btn.small.icon-add:before,
.btn.small.icon-edit:before,
.btn.small.icon-del:before { margin: 0 3px 0 -5px; -webkit-transform: scale(.8); transform: scale(.8); }
.btn.icon-add:before { background-position: 0 -40px; }
.btn.icon-edit:before { background-position: -20px -40px; }
.btn.icon-del:before { background-position: -40px -40px; }
.btn.onlyicon { padding: 0 5px; }
.btn.onlyicon:before { margin: 3.5px 0 0!important; }
.btn.onlyicon.small:before { margin: 0!important; }

.btn.min { min-width: 100px; }

.btn-group { display: inline-block; }
.btn-group .btn { margin: 0 -1px 0 0!important; border-radius: 0; }
.btn-group .btn:first-child { border-radius: 4px 0 0 4px; }
.btn-group .btn:last-child { border-radius: 0 4px 4px 0; }

/* 多选列表 */
.md-multiple { width: 240px; max-height: 200px; border: 1px solid #e2e4eb; overflow-y: auto; }
.md-multiple::-webkit-scrollbar { width: 4px; }
.md-multiple ul { padding: 5px 0; }
.md-multiple li { padding: 5px 10px; }

/* 内联布局 */
.md-inline { margin: 0 -10px; }
.md-inline:after { content: ''; height: 100%; vertical-align: middle; }
.md-inline > div { display: inline-block; vertical-align: middle; padding: 5px 0; margin: 0 0 0 10px; }
.md-inline .btn,
.md-inline .control-checkbox,
.md-inline .control-rodio { margin-top: 5px; margin-bottom: 5px; margin-left: 10px; }
.md-inline select,
.md-inline input[type=text],
.md-inline input[type=password],
.md-inline textarea,
.md-inline .input-search,
.md-inline .input-addon { max-width: 160px;}

/* 栅格系统 */
.column { margin-right: -10px; margin-left: -10px;}
.column:after { clear: both; display: table; content: " ";}
.column .col-1, .column .col-2, .column .col-3, .column .col-4, .column .col-5, .column .col-6, .column .col-7, .column .col-8, .column .col-9, .column .col-10, .column .col-11, .column .col-12 { float: left; padding-right: 10px; padding-left: 10px; position: relative; min-height: 1px; }
.column .col-1 { width: 8.33333333%; }
.column .col-2 { width: 16.66666667%; }
.column .col-3 { width: 25%; }
.column .col-4 { width: 33.33333333%; }
.column .col-5 { width: 41.66666667%; }
.column .col-6 { width: 50%; }
.column .col-7 { width: 58.33333333%; }
.column .col-8 { width: 66.66666667%; }
.column .col-9 { width: 75%; }
.column .col-10 { width: 83.33333333%; }
.column .col-11 { width: 91.66666667%; }
.column .col-12 { width: 100%; }

/* 翻页 */
.md-pagination { padding: 20px 0 10px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.md-pagination a,
.md-pagination b,
.md-pagination span { display: inline-block; height: 24px; font-weight: normal; line-height: 22px; vertical-align: top;
 color: #414455; padding: 0 10px; margin: 0 5px 0 0; background: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; }
.md-pagination b { color: #ffffff; background: #d81f3e; border-color: #d81f3e; }
.md-pagination span { line-height: 24px; background: none; border: none; }
.md-pagination a { line-height: 24px; cursor: pointer; }
.md-pagination a.desabled { cursor: default; opacity: .5; }
.md-pagination select { height: 24px; }

/* 右侧滑出框 */
.md-dialog-right { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: hidden; }
.md-dialog-right .panel { height: 100%; width: 80%; position: absolute; top: 0; right: 0; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.md-dialog-right .panel > .head { height: 60px; line-height: 60px; text-align: center; font-size: 18px; border-bottom: 1px solid #e2e4eb; /*box-shadow: 0 0 5px rgba(226, 228, 235, .6);*/ }
.md-dialog-right .panel > .head .close { float: left; margin: 20px 0 0 16px; cursor: pointer; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
.md-dialog-right .panel > .head .close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.md-dialog-right .panel > .body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; }

.md-dialog-right.in { display: block; opacity: 0; }
.md-dialog-right.in.show { opacity: 1; }
.md-dialog-right-show { overflow: hidden; }

/* tips */
.md-tips-panel { opacity: 0; padding: 8px; margin-top: -5px; position: absolute; top: 0; left: 0; -webkit-transition: opacity .2s ease-in-out, margin-top .3s ease-in-out; transition: opacity .2s ease-in-out, margin-top .3s ease-in-out; border-width: 1px; border-style: solid; border-radius: 2px; -webkit-box-shadow: 0 0 5px -1px rgba(88, 88, 88, .5); box-shadow: 0 0 5px -1px rgba(88, 88, 88, .5) }
.md-tips-panel:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; position: absolute; bottom: -8px; left: 15px; border-right-color: inherit; }
.md-tips-panel.in { opacity: 1; margin-top: 0; }

/* 标签页 */
.md-tabs {}
.md-tabs .tab-items { height: 35px; border-bottom: 1px solid #e6e6e6;}
.md-tabs .tab-items .item { float: left; height: 34px; line-height: 34px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; color: #808080; text-decoration: none; vertical-align: top; padding: 0 22px; margin: 0 1px 0 0; background: #e6e6e6;; border-bottom: none; cursor: pointer; position: relative; border-radius: 5px 5px 0 0;}
.md-tabs .tab-items .item.active { color: #fff; background: #D3AA50; }
.md-tabs > .tab-content { display: none; padding: 10px 0 15px; border-top: none; }
.tab-content.loading { min-height: 200px; background: url(../img/loading.gif) no-repeat center center; background-size: 40px; }

/* 条件筛选 */
.md-filter { padding: 10px; border-bottom: 1px solid #e2e4eb; }
.md-filter .item { display: inline-block; width: 320px; height: 46px; vertical-align: middle; padding: 8px 35px 8px 0; }
.md-filter .item span { display: inline-block; height: 30px; line-height: 30px; padding: 0 5px; font-size: 15px; text-align: right; vertical-align: middle; }
.md-filter .item span.title { width: 95px; padding: 0 10px 0 0; }
.md-filter .item .control { width: 190px; }
.md-filter .item.datetime { width: 545px; }
.md-filter .item.checkbox,
.md-filter .item.radio { width: auto; line-height: 30px; }
.md-filter .item.checkbox .checkbox,
.md-filter .item.radio .radio { vertical-align: middle; margin-right: 8px; margin-top: -3px; }
.md-filter .item.auto { width: auto; }
.md-filter .btnbar { text-align: right; }
.md-filter .btn { margin: 8px 15px 8px 0; }
.md-filter .btn-group { margin: 8px 15px 8px 0; }

/* 下拉输入框 */
.md-select-input { width: ; }
.md-select-input .input { position: relative; }
.md-select-input .input input { width: 100%; outline: none; }
.md-select-input .input input:focus { border-radius: 5px 5px 0 0; }
.md-select-input .caret { margin: 0!important; position: absolute; top: 50%; right: 15px; }
.md-select-input .panel { display: none; width: 400px; padding: 5px 0; background: #fff; border: 1px solid #ccc; position: absolute; top: 29px; left: 0; overflow: hidden; z-index: 50; border-radius: 0 0 5px 5px; }
.md-select-input .panel .item { float: left; vertical-align: top; padding: 5px 10px; font-size: 14px; cursor: default; }


/* Toast */
.md-toast { width: 300px; text-align: left; cursor: default; padding: 15px; margin: 0 0 0 -150px; position: fixed; top: -5px; left: 50%; z-index: 50000; border: none; border-radius: 3px; opacity: 0; -webkit-transition: opacity .2s ease-out, top .3s ease-out; transition: opacity .2s ease-out, top .3s ease-out; }
.md-toast.in { opacity: 1; top: 5px; }
.md-toast h4 {margin-top: 0; color: inherit; }
.toast-success {color: #28af84; background-color: #e9f7f2; }
.toast-info {color: #20a5ff; background-color: #e8f6ff; }
.toast-warning {color: #ff711c; background-color: #fff1e8; }
.toast-danger {color: #e9081c; background-color: #ffe5e7; }
.md-toast { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);}
.md-toast strong { display: block; margin: 0 10px 5px 0; }


/* 表格组 */
.md-table { width: 100%; border-collapse: collapse; cursor: default; }
.md-table th,
.md-table td { line-height: 20px; padding: 8px 10px;}
.md-table th { text-align: left; /*padding-top: 15px;*/ background: #f2f2f2; border: 1px solid #e6e6e6;}
.md-table td { border: 1px solid #e2e4eb;}
.md-table tfoot { background: #f9f9f9; border-radius: 5px;}

.md-table.hover tbody tr:hover td,
.md-table.hover tbody tr.active td { background: #e8f6ff!important;}

.md-table tbody tr:hover td,.md-table tbody tr.active td { background: #e8f6ff!important;}
 /**/

.md-table.even-bg tbody tr:nth-child(even) td { background: #f9f9f9;}

.md-table.center th,
.md-table.center td { text-align: center; }

.md-table.large th,
.md-table.large td { padding: 12px 15px; }

.md-table.compact th { font-size: 11px; line-height: 1.6; padding: 5px 8px; }
.md-table.compact td { font-size: 13px; line-height: 1.6; padding: 5px 8px; }
.md-table.compact select,
.md-table.compact input[type=text],
.md-table.compact input[type=password] { padding: 0 5px; }
.md-table.compact input::-webkit-input-placeholder { font-size: 11px; }

.md-table.click-highlight .highlight td { background: #e8f6ff!important; }

.md-table.through th,
.md-table.through td { border-left: none; border-right: none; }
.md-table.through th:first-child,
.md-table.through td:first-child { border-left: 1px solid #e2e4eb; }
.md-table.through th:last-child,
.md-table.through td:last-child { border-right: 1px solid #e2e4eb; }

.md-table .group-row { font-weight: bold; background: #fafafa; }
.md-table .group-row .group-arrow:before { content: ''; display: inline-block; vertical-align: middle; height: 0; width: 0; margin: 0 10px 0 0; border: 5px solid transparent; border-top-color: #37426f; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out;
}
.md-table .group-row.close .group-arrow:before { -webkit-transform: rotate(-90deg) translate(1px, 5px); transform: rotate(-90deg) translate(1px, 5px); }
.md-table tbody tr[action] td { cursor: pointer; }


.md-table tbody .gray td,
.md-table tbody .gray:hover td { color: #aaa; background: #fafafa!important; }
.md-table tbody .gray td a { color: #aaa; }

.md-table-scroll-y { border-bottom: 1px solid #e2e4eb; overflow: hidden; }
.md-table-scroll-y .md-table { margin: -1px 0; }
/* 滚动表格 */

.md-table-scroll { table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid #e2e4eb; }
.md-table-scroll table { table-layout: fixed; }
.md-table-scroll th,
.md-table-scroll td { height: 38px; max-height: 38px; padding: 0; background: #f1f1f1; border-top: 1px solid #e2e4eb; border-left: 1px solid #e2e4eb; overflow: hidden; }
.md-table-scroll th { background: #f1f1f1; text-shadow: 1px 1px 0 white; }
.md-table-scroll td { white-space: nowrap; text-align: center; background: #fff; }

.md-table-scroll .table-left, .md-table-scroll .table-right { padding: 0; }

.md-table-scroll .table-left { vertical-align: top; }
.md-table-scroll .table-left table { width: 100%; }

.md-table-scroll .table-right { vertical-align: top;}

.md-table-scroll .table-head { width: 100%; overflow: hidden; }
.md-table-scroll .table-body { max-height: 500px; overflow: scroll; }
.md-table-scroll .table-left .table-body { overflow-y: hidden; overflow-x: scroll; }
.md-table-scroll .table-left .table-body td { background: #fafafa; }
.md-table-scroll .table-right .table-head { width: 100%; overflow-y: scroll; }

.md-table-scroll .ovh { overflow: hidden; }
.table-head { width: auto; }
.table-body div { width: 100%; }

.md-table-scroll table tr:nth-child(even) td { background: #f9f9f9; }
.md-table-scroll table tr.active td,
.md-table-scroll table tr:hover td { background: #e8f6ff!important; }
/*.md-table-scroll table tr.highlight td { background: #badaef; }*/
.md-table-scroll table .ovh { overflow: hidden; display: inline-block; max-height: inherit; margin-top: -1px; vertical-align: middle; text-overflow: ellipsis;}

.md-table-scroll .row2 { max-height: 76px; height: 76px; }
.md-table-scroll .row3 { max-height: 114px; height: 114px; }
.md-table-scroll .row4 { max-height: 152px; height: 152px; }
.md-table-scroll .row5 { max-height: 190px; height: 190px; }
.md-table-scroll .row6 { max-height: 228px; height: 228px; }
.md-table-scroll .row7 { max-height: 266px; height: 266px; }
.md-table-scroll .row8 { max-height: 304px; height: 304px; }
.md-table-scroll .row9 { max-height: 342px; height: 342px; }
.md-table-scroll .row10 { max-height: 380px; height: 380px; }
.md-table-scroll .row11 { max-height: 418px; height: 418px; }
.md-table-scroll .row12 { max-height: 456px; height: 456px; }
.md-table-scroll .row13 { max-height: 494px; height: 494px; }
.md-table-scroll .row14 { max-height: 532px; height: 532px; }
.md-table-scroll .row15 { max-height: 579px; height: 579px; }
.md-table-scroll .row16 { max-height: 608px; height: 608px; }
.md-table-scroll .row17 { max-height: 646px; height: 646px; }
.md-table-scroll .row18 { max-height: 684px; height: 684px; }
.md-table-scroll .row19 { max-height: 722px; height: 722px; }
.md-table-scroll .row20 { max-height: 760px; height: 760px; }
.md-table-scroll .row21 { max-height: 798px; height: 798px; }
.md-table-scroll .row22 { max-height: 836px; height: 836px; }
.md-table-scroll .row23 { max-height: 874px; height: 874px; }
.md-table-scroll .row24 { max-height: 912px; height: 912px; }
.md-table-scroll .row25 { max-height: 950px; height: 950px; }
.md-table-scroll .row26 { max-height: 988px; height: 988px; }
.md-table-scroll .row27 { max-height: 1026px;height: 1026px; }
.md-table-scroll .row28 { max-height: 1064px;height: 1064px; }
.md-table-scroll .row29 { max-height: 1102px;height: 1102px; }
.md-table-scroll .row30 { max-height: 1140px;height: 1140px; }
.md-table-scroll .row31 { max-height: 1178px;height: 1178px; }
.md-table-scroll .row32 { max-height: 1216px;height: 1216px; }
.md-table-scroll .row33 { max-height: 1254px;height: 1254px; }
.md-table-scroll .row34 { max-height: 1292px;height: 1292px; }
.md-table-scroll .row35 { max-height: 1330px;height: 1330px; }
.md-table-scroll .row36 { max-height: 1368px;height: 1368px; }
.md-table-scroll .row37 { max-height: 1406px;height: 1406px; }
.md-table-scroll .row38 { max-height: 1444px;height: 1444px; }
.md-table-scroll .row39 { max-height: 1482px;height: 1482px; }
.md-table-scroll .row40 { max-height: 1520px;height: 1520px; }
.md-table-scroll .row41 { max-height: 1558px;height: 1558px; }
.md-table-scroll .row42 { max-height: 1596px;height: 1596px; }
.md-table-scroll .row43 { max-height: 1634px;height: 1634px; }
.md-table-scroll .row44 { max-height: 1672px;height: 1672px; }
.md-table-scroll .row45 { max-height: 1710px;height: 1710px; }
.md-table-scroll .row46 { max-height: 1748px;height: 1748px; }
.md-table-scroll .row47 { max-height: 1786px;height: 1786px; }
.md-table-scroll .row48 { max-height: 1824px;height: 1824px; }
.md-table-scroll .row49 { max-height: 1862px;height: 1862px; }
.md-table-scroll .row50 { max-height: 1900px;height: 1900px; }

/* 表单组 */
.md-form { width: 100%; }
.md-form td { padding: 8px 15px; }
/**/.md-form td.title { width: 1%; white-space: nowrap; padding-right: 10px; padding-left: 40px; text-align: right;}
.md-form input[type=text],
.md-form input[type=password],
.md-form select,
.md-form textarea { width: 100%; }
.md-form td .auto { width: auto; }
.md-form td .short { max-width: 280px; }
.md-form td .medium { max-width: 480px; }
.md-form td .long { max-width: 680px; }
.md-form td .tips { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; }

.md-form.gray td { border: 1px solid #e6e6e6; }
.md-form.gray .title { background: #f2f2f2; }

.md-form.white td { border: 1px solid #e6e6e6; }
.md-form div.remark { font-size: 12px; color: #9a9a9a; padding: 5px 0; }
.md-form span.remark { font-size: 12px; color: #9a9a9a;  margin: 0 20px; }

.md-form2 { width: 100%; }
.md-form2 .row { margin-bottom: 8px; }
.md-form2 .title { font-weight: 700; padding: 5px 0 3px; font-size: 12px; }
.md-form2 input[type=text],
.md-form2 input[type=password],
.md-form2 select,
.md-form2 textarea { width: 100%; }
.md-form2 .remark { font-size: 12px; color: #9a9a9a; padding: 5px 0; }

.md-form-inline { margin: 0 -5px; }
.md-form-inline > div { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; }
.md-form-inline select,
.md-form-inline input[type=text],
.md-form-inline input[type=password],
.md-form-inline textarea { width: auto; padding: 0 5px; }


/* 树菜单 */
.md-treemenu .checkbox { margin-right: 5px; margin-top: -2px; }
.md-treemenu .group,
.md-treemenu .item { display: inline-block; vertical-align: top; margin-right: 40px; padding: 3px 0; }
.md-treemenu ul { font-size: 18px; padding: 0 0 0 0; margin: 0 0 0 7px; }
.md-treemenu ul ul { font-size: 16px; }
.md-treemenu ul ul ul { font-size: 14px; }
.md-treemenu li { padding: 17px 0 0 18px; position: relative; }
.md-treemenu > ul > li { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.md-treemenu > ul > li:last-child { border-bottom: none; padding-bottom: none }

.md-treemenu .bd {  background: url(../img/line-treemenu.png) repeat-y left; }
.md-treemenu .bd > li:last-child { background: url(../img/line-treemenu2.png) no-repeat left 28px; }
.md-treemenu .bd > li:before { content: ''; width: 15px; height: 0; border-top: 1px dashed #ccc; position: absolute; top: 29px; left: 0; }

/* 图片列表 */
.md-pictures {  }
.md-pictures ul { margin: 0 -10px; }
.md-pictures ul:after { display: table; content: ''; clear: both; }
.md-pictures li { float: left; height: 120px; margin: 10px 10px 0; overflow: hidden; position: relative; -webkit-box-shadow: 0 0 5px rgba(93, 111, 151, 0.35); box-shadow: 0 0 5px rgba(93, 111, 151, 0.35); }
.md-pictures li img { height: 120px; }
.md-pictures li .remove { background: rgba(200, 0, 0, 0.8); color: #fff; font-size: 12px; padding: 2px 5px; border-radius: 0 0 0 4px; position: absolute; top: 0; right: 0; cursor: pointer; -webkit-box-shadow: 0 0 5px rgba(93, 111, 151, 0.15); box-shadow: 0 0 5px rgba(93, 111, 151, 0.15); }
.md-pictures li .remove:after { content: '删除'; }

/* 删选下拉 */
.md-filter-dropdown { display: none; max-width: 80%; padding: 5px 10px; background: #fff; border: 1px solid #f1f2f4; position: absolute; top: 0; left: 0; z-index: 100; -webkit-box-shadow: 0 2px 8px 0 #ccc; box-shadow: 0 2px 8px 0 #ccc; }
.md-filter-dropdown .fd-arrow { display: block; width: 30px; height: 20px; position: absolute; top: -20px; left: 0; overflow: hidden; }
.md-filter-dropdown .fd-arrow:before { content: ''; display: block; width: 16px; height: 16px; background: #fff; margin-left: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -8px; left: 50%; -webkit-box-shadow: 0 0 8px -1px #ccc; box-shadow: 0 0 8px -1px #ccc;}
.md-filter-dropdown ul { display: table; width: 100%; }
.md-filter-dropdown ul.loading { height: 120px; background: url(../img/loading.gif) no-repeat center; background-size: 40px; }
.md-filter-dropdown li { display: table-row; }
.md-filter-dropdown li .empty { text-align: center; color: #999; }

.md-filter-dropdown li .item { display: block; width: 100%; vertical-align: top; padding: 5px; border-radius: 3px; cursor: pointer; }
.md-filter-dropdown li .item i { color: #f95860; margin: 0 3px 0 0; }
.md-filter-dropdown li .item.active { background: #eaeaea;}
.md-filter-dropdown li > div:not(.item) { display: table-cell; vertical-align: top; padding: 8px 0; border-bottom: 1px dashed #e4e5ec; }
.md-filter-dropdown li > div.title { width: 100px; color: #666; padding-left: 5px; }
.md-filter-dropdown li > div.title span { display: inline-block; padding: 5px 0; }
.md-filter-dropdown li > div .item { display: inline-block; width: 135px;}
.md-filter-dropdown li:last-child > div:not(.item) { border-bottom: none; }
.md-filter-dropdown li.empty { text-align: center; color: #999; padding: 10px 0; }

/* 报表 营业汇总 */
.pg-report .grid-color { text-align: center; padding: 30px 0 ; }
.pg-report .grid-color .item { display: inline-block; vertical-align: top; width: 20%; margin: 0 15px; color: #fff; max-width: 220px; border-radius: 3px; }
.pg-report .grid-color .item.color1 { background: #aa8dfc; }
.pg-report .grid-color .item.color2 { background: #d086fa; }
.pg-report .grid-color .item.color3 { background: #ff7b97; }
.pg-report .grid-color .item.color4 { background: #ff9884; }
.pg-report .grid-color .item h4 { font-size: 16px; font-weight: normal; height: 36px; padding: 12px 0 0; }
.pg-report .grid-color .item h2 { font-size: 30px; font-weight: normal; height: 52px; padding: 5px 0 0; }
.pg-report .grid-color .item p { font-size: 16px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .5); }




.popup-video { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8);}
.popup-video .iframe { width: 600px; height: 500px; margin: -250px 0 0 -300px; background: #000; position: absolute; top: 50%; left: 50%;}
.popup-video .close { width: 30px; height: 30px; background: url(../img/icon-close.png) no-repeat; position: absolute; top: -15px; right: -15px; background-size: 100% auto; cursor: pointer;}




.app-bar-title {
    height: 36px; color: #fff; background: rgba(0, 0, 0, .8); position: fixed; top: 0; right: 0; left: 0; z-index: 5000; -webkit-app-region: drag;
}
.app-bar-title .welcome {
    line-height: 36px; padding: 0 0 0 20px;
}

.app-bar-title ~ .md-wraper {
    top: 36px;
}

.imgyuan_10px{
	border-radius:16px;
}

.suinfo {
	display: none;
}
.hid {
	display: none;
}
.md-pictures li{
	min-width:100px;
}