/**********************Tags*************************/
body { font: 12px/1.5em "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,黑体; }
/********* common *********/
.hand { cursor: pointer; }
.overflow { overflow: hidden; }
.iframe { width: 100%; overflow-x: hidden; overflow-y: auto; border: 0px; }
.field-validation-error { color: Red; display: inline-block; background: url(data:image/gif;base64,R0lGODlhDQANAKIAAP////7q6u+treZ6eOFoZdYrK8wAAP///yH5BAEHAAcALAAAAAANAA0AAAM4CCpUVkQoFYa52IygbM4DIGAAiTHXZKhGQ07l5WQsNq+wTaQKHkem1Ang+VxCgIpRw5kwHBCJIgEAOw==) no-repeat 3px 3px; text-indent: 20px; border: 1px solid #efefef; background-color: Yellow; height: 20px; line-height: 20px; vertical-align: middle; }
.field-validation-success { color: green; display: inline-block; background: url(data:image/gif;base64,R0lGODlhDgAOALMAAP///+n14sbjuKXUi4rEbH69XHO5UWy2R2GwOU+nI0eiGECfEDebBf///wAAAAAAACH5BAEHAA0ALAAAAAAOAA4AAAReEMgwjlJnBMnFQkZRIAkjdIlBEIVhHMlyBovKugdCMhSyii8dIFZRAXMIScwiAgSTQ8Xi0gQIo4tp7sXBLhiZBFIp/TI0jIQukSgz3hsPu519mzqMbP196lIsGBocEQA7) no-repeat 3px 3px; text-indent: 20px; height: 20px; line-height: 20px; vertical-align: middle; }
/********* bootstrap *********/
.container { width: 100%; margin: 0; padding: 0; }
.pagination { margin: 0; }
.table { font-size: 12px; }
pre { white-space: pre-wrap; word-wrap: break-word; }
/********* layer *********/
/*.layui-layer-content { margin-top:-1px;}*/
/********* share *********/
.mt-10 { margin-top: 10px; }
.p-10 { padding: 10px; }
.h-0 { width: 0; height: 0; overflow: hidden; display: inline-block; }
.w-10 { width: 10px; overflow: hidden; display: inline-block; }

.data-row { padding: 0 0 5px 0; }
.data-select { min-width: 42px; }
.data-header { color: #999999; font-weight: normal; }
.data-header:after { content: ": " }
.data-img-large { max-width: 240px; }
.data-img-middle { max-width: 80px; }
.data-img-small { max-width: 42px; }
/********* file *********/
.upload-file .upload-file-list { margin-top: 10px; }
.upload-file .upload-file-item { width: 270px; float: left; margin-right: 10px; }
.upload-file .upload-file-item h3 { word-wrap: break-word; }
.upload-file .upload-file-val { width: 0; height: 0; overflow: hidden; }
.webuploader-container input { display: none; }
/********* home *********/
#top { width: 100%; height: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeBAMAAAAfu2n0AAAAA3NCSVQICAjb4U/gAAAAHlBMVEWWuObq8/zf7frZ6fnl7/vu9f3b6/rh7fnn8fvv9f0cAjnSAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8yNS8xNyDzxMMAAAAVSURBVAiZYwhgIAU2AGEBECYAIQMAIDsJ0Vva4gsAAAAASUVORK5CYII=); }
#top div { height: 30px; line-height: 30px; vertical-align: middle; }
#top .pull-left { padding-left: 10px; font-size: 16px; }
#top .pull-left #switch { text-decoration: none; }
#top .pull-left span.title { margin: 0; font-weight: bold; font-size: 14px; text-indent: 4px; margin-top: 6px; }
#top .pull-left span.sub-title { margin: 0; font: 9px verdana; color: #CCCCCC; padding-top: 3px; text-indent: 10px; margin-top: 6px; }
#top .pull-right { padding-right: 10px; color: #999 }

#left { width: 160px; float: left; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAABAKADAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUI/8QAGhABAAEFAAAAAAAAAAAAAAAAAAMEBTVzsv/EABUBAQEAAAAAAAAAAAAAAAAAAAAD/8QAGBEBAQADAAAAAAAAAAAAAAAAAAMBMTL/2gAMAwEAAhEDEQA/ANNKpgAAAAAAAAAAAAAAAAAJt5x1Xqk5Xl1hKmn/2Q==); }
#left h3 { font-size: 14px; margin-top: 10px; cursor: pointer; text-indent: 4px; font-weight: bold; }
#left h3 i { font-size: 14px; }
#left ul { padding-left: 15px; }
#left ul li { list-style: none; height: 25px; line-height: 25px; vertical-align: middle; }
#page { width: 100%; border: 0; overflow-x: hidden; overflow-y: auto; }
#content { padding: 10px; }

#left, #right { height: 100%; }
#left { overflow-x: hidden; overflow-y: auto; }

#nav_tabs { border-bottom: 1px solid #D7D5D5; background-color: #EBEBEB; }
#nav_tabs > li { border-left: 1px solid #D7D5D5; }
#nav_tabs > li > a { height: 30px; line-height: 30px; vertical-align: middle; border: 0; border-radius: 0; margin: 0; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#nav_tabs > li.active > a { font-weight: bold; }
#nav_tabs span.nav-tabs-delete { position: absolute; z-index: 9998; right: 5px; top: 5px; font-size: 16px; font-weight: bold; cursor: pointer; }

.nav-page { border: 0; width: 100%; overflow-x: hidden; overflow-y: auto; }

#logo { width: 100%; padding: 15px; overflow: hidden; }
#logo .pull-left { margin-left: 6px; }
#logo .pull-right { font-family: Verdana; font-size: 23px; padding-top: 6px; }
/********* jquery validate *********/
.validation-summary-errors { background-color: #FFFF99; font-size: 14px; font-weight: bold; color: red; }
.validation-summary-errors li { padding: 5px; }
.validation-hidden { width: 0px; height: 0px; overflow: hidden; }
/********* mobile *********/
#mobile_logo { text-indent: 8px; height: 30px; line-height: 30px; vertical-align: middle; font-size: 14px; font-weight: bold; }
#menu_close { font-size: 14px; position: absolute; z-index: 11; top: 10px; right: 15px; }
.mobile-logo { position: static; }
.mobile-menu { position: absolute; top: 30px; left: 0; z-index: 10; display: none; }
.mobile-page { margin-top: 20px; float: left; min-height: 100px; }

#title { height: 35px; line-height: 35px; vertical-align: middle; text-align: center; background-color: #EFEFEF; font-size: 16px; border-bottom: 1px solid #E3E3E3; }
#title a { display: block; width: 35px; height: 35px; font-size: 16px; }