/* =========================内页通用样式.开始======================= */
textarea { overflow: auto; }
textarea.input { width: 300px; height: 65px; }
.input { padding: 5px 4px; min-height: 32px; line-height: 20px; border: 1px solid #ccc; background: #fff; vertical-align: middle; color: #333; font-size: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *min-height: 20px; }
.input.normal { width: 300px; }
.input.txt { width: 200px; }
.input.small { width: 50px; }
.input:focus { background: #FFFBDE; border-color: #7BBFF2; outline: 2px solid #99D8F5; }
/*日期样式*/
.select { margin: 1px; padding: 4px; min-height: 20px; line-height: 20px; border: 1px solid #eee; background: #fff; vertical-align: middle; color: #333; font-size: 100%; }
.select1 { padding: 1px; min-height: 20px; line-height: 20px; border: 1px solid #eee; background: #fff; vertical-align: middle; color: #333; font-size: 100%; }
/* =========================内页通用样式.结束======================= */

/* ==========================列表页样式.开始======================== */
/*Tab选项卡内容*/
.tab-content { padding: 20px 0px; font-size: 12px; color: #666; border-top: none; box-sizing: border-box; overflow: hidden; }
.tab-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.tab-content dl, .div-content dl { clear: both; display: block; padding: 5px 0; line-height: 30px; }
.tab-content dl:after, .div-content dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.tab-content dl:first-child { border-top: none; }
.tab-content dl dt { display: block; float: left; width: 130px; text-align: right; color: #6d7e86; }
.tab-content dl dd { position: relative; margin-left: 150px; *position: static; }
/*迷你样式*/
.tab-content.mini dl dt { display: block; float: none; text-align: left; }
.tab-content.mini dl dd { margin-left: 0; }
.tab-content.mini dl dd .input { max-width: 100%; }

/*上传样式*/
.upload-box { position: relative; display: inline-block; height: 32px; vertical-align: middle; zoom: 1; *display: inline; }
.upload-box .upload-btn { display: inline-block; height: 32px; zoom: 1; *display: inline; }
.upload-box .upload-progress { position: absolute; top: 0; left: 0; padding: 2px 5px; width: 115px; height: 26px; border: 1px solid #d7d7d7; background: #fff; overflow: hidden; }
.upload-box .upload-progress .txt { display: block; padding-right: 10px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; height: 18px; text-overflow: ellipsis; overflow: hidden; }
.upload-box .upload-progress .bar { position: relative; display: block; width: 112px; height: 4px; border: 1px solid #1da76b; }
.upload-box .upload-progress .bar b { display: block; width: 0%; height: 4px; font-weight: normal; text-indent: -99em; background: #28B779; overflow: hidden; }
.upload-box .upload-progress .close { position: absolute; display: block; top: 1px; right: 1px; width: 14px; height: 14px; text-indent: -99em; background: url(skin_icons.png) -56px -196px no-repeat; cursor: pointer; overflow: hidden; }

/*图片相册样式*/
.photo-list { margin: 0; padding: 10px 0 0 0; }
.photo-list ul { margin: 0 0 0 -15px; }
.photo-list ul li { float: left; margin-left: 15px; text-align: center; *width: 118px; }
.photo-list ul li .img-box { position: relative; margin: 5px auto; width: 112px; height: 112px; border: 3px #efefed solid; cursor: pointer; overflow: hidden; }
.photo-list ul li .img-box.selected { border: 3px #f60 solid; }
.photo-list ul li .img-box img { width: 100%; height: 100%; opacity: 1; }
.photo-list ul li .img-box .remark { position: absolute; display: block; left: 0; right: 0; bottom: 0; margin: 0; padding: 3px 2px; height: 18px; line-height: 18px; background: #000; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; text-align: left; overflow: hidden; }
.photo-list ul li .img-box .remark:hover { top: 0; bottom: 0; height: 100%; }
.photo-list ul li .img-box .remark i { position: relative; font-size: 12px; color: #fff; font-style: normal; line-height: 18px; }
.photo-list ul li a { padding-right: 1em; }

/*附件列表样式*/
.attach-list { margin: 0; padding: 10px 0 0 0; }
.attach-list ul { margin: 0 0 0 -15px; list-style: none; }
.attach-list ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.attach-list ul li { position: relative; float: left; margin: 0 0 15px 15px; padding: 5px 18px 8px 18px; border: 1px solid #eee; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); width: 215px; }
.attach-list ul li .icon { position: absolute; display: block; top: 8px; left: 2px; width: 14px; height: 14px; text-indent: -999em; background: url(skin_icons.png) no-repeat -84px -140px; overflow: hidden; }
.attach-list ul li .del { position: absolute; display: block; top: 0; right: 0; width: 20px; height: 20px; text-indent: -99em; background: url(skin_icons.png) no-repeat -53px -193px; cursor: pointer; overflow: hidden; }
.attach-list ul li .edit { position: absolute; display: block; bottom: 6px; right: 5px; width: 20px; height: 20px; text-indent: -99em; background: url(skin_icons.png) -137px -81px no-repeat; cursor: pointer; overflow: hidden; }
.attach-list ul li .title { display: block; margin-bottom: 3px; border-bottom: 1px solid #ccc; line-height: 24px; height: 26px; font-weight: bold; white-space: nowrap; word-break: break-all; overflow: hidden; }
.attach-list ul li .info, .attach-list ul li .btns { display: block; line-height: 24px; }
.attach-list ul li .btns input { display: inline-block; padding: 0 3px; border: 1px solid #d7d7d7; width: 40px; height: 20px; line-height: 18px; color: #666; font-size: 12px; background: #fff; vertical-align: middle; }


/*按钮样式*/
.td-input { display: inline-block; padding: 0 3px; border: 1px solid #d7d7d7; width: 92%; height: 20px; line-height: 18px; color: #666; font-size: 12px; background: #fff; vertical-align: middle; }
.btn { background: #16a0d3; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Microsoft Yahei"; font-size: 12px; height: 32px; line-height: 32px; margin: 0 1px 0 0; padding: 0 20px; }
.btn:hover { background: #117ea6; }
.btn.green { background: #52A152; }
.btn.green:hover { background: #328032; }
.btn.yellow { background: #FF9C30; }
.btn.yellow:hover { background: #c87316; }
.btn.violet { background: #993333; }
.btn.violet:hover { background: #990033; }
.icon-btn { display: inline-block; margin: 0; padding: 4px 10px 4px 8px; line-height: 20px; height: 20px; border: solid 1px #e1e1e1; color: #333; font-size: 12px; text-decoration: none; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.icon-btn:hover { color: #2A72C5; }
.icon-btn span { display: inline-block; vertical-align: middle; }
.icon-btn i { display: inline-block; margin-right: 3px; width: 14px; height: 14px; text-indent: -9999em; background: url(skin_icons.png) no-repeat; vertical-align: middle; *text-indent: 0; }
.icon-btn.add i { background-position: 0 -28px; }
.img-btn { display: inline-block; margin: 0px 2px; width: 14px; height: 14px; background: url(skin_icons.png) no-repeat; vertical-align: middle; white-space: nowrap; word-break: break-all; cursor: pointer; overflow: hidden; text-indent: -9999px; *text-indent: 0; *font-size: 0; }
.img-btn.edit { background-position: -140px -84px; }
.img-btn.del { background-position: -84px -28px; }
/*多项单选*/
.multi-radio { display: inline-block; vertical-align: middle; *display: inline; }
.multi-radio:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.multi-radio .boxwrap { display: inline-block; vertical-align: middle; *display: inline; }
.multi-radio a { display: inline-block; margin-right: -1px; float: left; padding: 5px 15px; height: 20px; line-height: 20px; border: 1px solid #eee; vertical-align: middle; color: #333; font-size: 100%; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.multi-radio a:hover { background: #C9E1EF; text-decoration: none; }
.multi-radio a:active { text-decoration: none; }
.multi-radio a.selected { background: #16a0d3; border-color: #1096c7; color: #fff; }
/*单项选择*/
.single-checkbox { display: inline-block; vertical-align: middle; cursor: pointer; *display: inline; }
.single-checkbox a, .single-checkbox a:visited { display: inline-block; border: 1px solid #d4d4d4; background: #d4d4d4; width: 80px; vertical-align: middle; text-decoration: none; }
.single-checkbox a i { display: block; width: 50%; height: 28px; line-height: 28px; font-style: normal; background: #fff; color: #333; text-align: center; }
.single-checkbox a i.on { float: right; display: none; }
.single-checkbox a i.off { float: left; display: block; }
.single-checkbox a.selected { border: 1px solid #16a0d3; background: #16a0d3; }
.single-checkbox a.selected i.on { display: block; }
.single-checkbox a.selected i.off { display: none; }
/*多项选择*/
.multi-checkbox { display: inline-block; vertical-align: middle; }
.multi-checkbox:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.multi-checkbox .boxwrap { display: inline-block; vertical-align: middle; }
.multi-checkbox a { display: inline-block; float: left; margin-right: -1px; padding: 5px 15px; height: 20px; line-height: 20px; border: 1px solid #eee; vertical-align: middle; color: #333; font-size: 100%; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.multi-checkbox a:hover { background: #C9E1EF; text-decoration: none; }
.multi-checkbox a:active { text-decoration: none; }
.multi-checkbox a.selected { background: #16a0d3; border-color: #1096c7; color: #fff; }
.multi-checkbox a:last-child { /*border-right:1px solid #d4d4d4;*/ }
/*多项选择PORP*/
.multi-porp { }
.multi-porp ul li { float: left; position: relative; margin: 0 8px 8px 0; padding: 1px; line-height: 20px; vertical-align: middle; }
.multi-porp ul li a { display: block; padding: 4px 10px; color: #666; min-width: 10px; width: auto !important; text-align: center; text-decoration: none; border: 1px solid #eee; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.multi-porp ul li i { display: none; position: absolute; right: 0; bottom: 0; width: 12px; height: 12px; text-indent: -99em; background: url(skin_icons.png) -169px -85px no-repeat; overflow: hidden; }
.multi-porp ul li.sys { background: #FFFFD0; }
.multi-porp ul li.selected a { margin: -1px; color: #333; border: 2px solid #1e99c7; }
.multi-porp ul li.selected i { display: block; background-position: -84px -196px; }
/*下拉菜单*/
.single-select { position: relative; display: inline-block; margin-right: 5px; vertical-align: middle; cursor: pointer; *float: left; }
.single-select .boxwrap { display: inline-block; vertical-align: middle; }
.single-select .select-tit { position: relative; display: block; padding: 5px 38px 5px 10px; min-width: 40px; line-height: 20px; height: 20px; border: solid 1px #eee; text-decoration: none; background: #fff; white-space: nowrap; word-break: break-all; }
.single-select .select-tit span { display: inline-block; color: #333; font-size: 12px; vertical-align: middle; }
.single-select .select-tit i { position: absolute; right: 0; top: 0; display: block; width: 28px; height: 100%; border-left: 1px solid #ddd; background: url(skin_icons.png) 7px -189px no-repeat #fafafa; }
.single-select .select-items { display: none; position: absolute; left: 0; top: 45px; /*overflow:hidden;*/ }
.single-select .select-items ul { position: relative; padding: 5px; min-width: 120px; max-height: 280px; border: 1px solid #eee; background: #fff; overflow-y: auto; overflow-x: hidden; }
.single-select .select-items ul li { display: block; padding: 4px 10px; line-height: 20px; font-size: 12px; color: #666; white-space: nowrap; cursor: pointer; }
.single-select .select-items ul li:hover { color: #fff; text-decoration: none; background: #16a0d3; }
.single-select .select-items ul li.selected { color: #fff; background: #16a0d3; }
.single-select .arrow { display: none; position: absolute; left: 15px; top: 35px; width: 21px; height: 11px; text-indent: -9999px; background: url(skin_icons.png) 0 -290px no-repeat; }
.single-select.up .select-items { top: auto; bottom: 45px; }
.single-select.up .arrow { top: -13px; background: url(skin_icons.png) 0 -300px no-repeat; }

.page-footer { padding: 10px 0; height: 32px; font-size: 12px; }
.page-footer .btn-wrap { position: fixed; margin: 0; padding: 10px 0; top: auto; left: 15px; right: 15px; bottom: 0; background: #fff; z-index: 3; }
.page-footer .btn-wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* ==========================编辑页样式.结束======================== */

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading { padding-left: 20px; background: url(icon_onload.gif) no-repeat left center; }
.Validform_error { background: #FEFBD3; }

#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { position: relative; line-height: 35px; height: 35px; text-align: left; font-weight: bold; padding: 0 10px; color: #fff; background: #33B5E5; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 30px; position: absolute; right: 10px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #ccc; }
#Validform_msg .Validform_info { padding: 10px; border: 1px solid #bbb; border-top: none; text-align: left; }
/*=====================以上部分是Validform必须的====================*/

/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; width: 65px; line-height: 30px; height: 30px; border: 1px solid #e1e1e1; cursor: pointer; background: #fff; color: #333; text-align: center; overflow: hidden; zoom: 1; *display: inline; }
.webuploader-pick-hover { background: #fafafa; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
/*=====================以上部分是WebUploader必须的====================*/

/*cover*/
.cover { background: #fff; position: absolute; top: 0; left: 0; z-index: 1030; width: 100%; height: 100%; opacity: .75; }
.cover_loading { position: absolute; top: 50%; left: 50%; z-index: 1032; margin: -8px 0 0 -8px; }