:root {
  --primary-color: #7e3200; /* #262626; */
  --second-color: #ff6600;
  --third-color: #fefef2;
}

* {box-sizing:border-box; font-family:'microsoft yahei ui','microsoft yahei',sans-serif;}
body, html {height:100%}
ul, li, dl, dt, dd, body, h1, h2 {padding:0; border:0; margin:0; list-style:none}

body {background:#fff}

input,button,select,textarea{outline:none}
select {padding:2px 10px}

.form > div input[type=radio] {cursor:pointer; margin:4px 0 4px 4px}
.form > div input[type=radio] + label {cursor:pointer; width:auto; padding-right:40px}

.btn {cursor:pointer; padding:7px 20px; background:var(--primary-color); color:#fff; font-size:12px; border:0}
.btn:hover {background:var(--second-color)}
.console .btn:not(:first-child) {margin-left:12px}

.box {padding:20px; margin-bottom:20px; background:#fff; box-shadow:0 3px 2px #ccc}
.box h1 {display:flex; justify-content:space-between; font-size:13px; font-weight:700; line-height:200%; margin-top:20px}
.box h1:first-child {margin-top:0}

.box h1 .console {display:flex}
.box h1 .console div {font-size:13px; padding:0 10px; cursor:pointer; color:#666}
.box h1 .console div:hover {color:#000}	
.box h1 .console input[type=image] {height:18px; cursor:pointer; margin-left:10px}
.box h1 .console input[type=image]:disabled {opacity:.2; cursor:default}

.box h2 {font-size:12px; font-weight:normal; color:#999}

.content {min-width:1000px; margin:auto; padding:20px}

.tip {padding:10px; margin-bottom:20px; background:#fef5e8; color:#bd5000; border:#f0e3c1 1px solid; font-size:12px}

@keyframes animate-btn-close {  
	form { transform:rotate(0) }   
	to { transform:rotate(90deg) }   
}

@keyframes animate-btn-close-leave {  
	form { transform:rotate(0) }   
	to { transform:rotate(-90deg) }   
}

.page-title, .dialogtitle {z-index:1; height:50px; padding:0 20px; font-weight:700; font-size:16px; background:#fff; box-shadow:0 3px 2px #ccc; display:flex; align-items:center; justify-content:space-between}
.page-title .console {display:flex; align-items:center; margin:0}
.page-title .console input[type=image], .dialogtitle input[type=image] {animation:200ms linear 0s animate-btn-close-leave; height:28px; width:28px; cursor:pointer}

.page-title .console .dialogclose:hover, .dialogtitle .dialogclose:hover, .advsearch .btn-icon-close:hover {animation:200ms linear 0s animate-btn-close}
.page-title .console .dialogclose, .dialogtitle .dialogclose {cursor:pointer; height:20px; width:20px}
.page-title .console .dialogclose:after, .dialogtitle .dialogclose:after, .advsearch .btn-icon-close:after {transform:rotate(45deg); top:6px; display:block; content:''; width:20px; height:3px; background:var(--primary-color); position:relative}
.page-title .console .dialogclose:before, .dialogtitle .dialogclose:before, .advsearch .btn-icon-close:before {transform:rotate(-45deg); top:9px; display:block; content:''; width:20px; height:3px; background:var(--primary-color); position:relative}

.page-console {display:flex; border-top:1px #eee solid; background:#fff; justify-content:flex-end; margin:0}
.page-console input {font-size:14px; padding:10px 40px}
.dialogbody {flex:1; font-size:14px; padding:20px}
.dialogfooter {display:flex}
.dialogfooter input {flex:1; cursor:pointer; color:#fff;  padding:10px 20px; border:0; background-color:#999}
.dialogfooter input:hover {background-color:#aaa}
.dialogfooter input.default {background:var(--primary-color)}
.dialogfooter input.default:hover {background:var(--second-color)}


.btn-icon-close {padding-left:10px; padding-right:10px; cursor:pointer}
.btn-icon-close:after {transform:rotate(45deg); top:4px; display:block; content:''; width:14px; height:2px; background:#fff; position:relative}
.btn-icon-close:before {transform:rotate(-45deg); top:6px; display:block; content:''; width:14px; height:2px; background:#fff; position:relative}

.advsearch {display:none}
.advsearch .form {width:100%; display:flex; flex-wrap:wrap; margin:10px 0}
.advsearch .console {justify-content:center; display:flex}
.advsearch .console input {margin-left:10px}
.advsearch .console input:first-child {margin-left:0}
.advsearch .btn-icon-close {width:26px; height:26px}
.advsearch .btn-icon-close:after {left:-7px; top:8.5px}
.advsearch .btn-icon-close:before {left:-7px; top:11.5px}

input[type=file] {display:none}

.edit-form {display:flex; flex-direction:column; height:100%}

.combobox {flex:1; position:relative}
.combobox select {flex:1; width:100%; background-color:#f00}
.combobox input {position:absolute; left:1px; top:1px; width:calc(100% - 20px)}