@charset "utf-8";
/* CSS Document */
a { color: #333; text-decoration: none; outline: none; cursor: pointer;}
.blue { color: #2b8fff;}
.green { color: #007cd5;}
.green1 { color: #007cd5;}
.orange { color: #ef920c;}
.red { color: #ce1414;}
.money { color: #f49500}
span.tips { color: #a3a3a3; font-size: 12px;}

/*模拟下拉框*/
.select_box label,.select_box span { line-height: 28px; color: #4c4c4c; font-size: 14px;}
.select, .select ul { border: 1px #ccc solid;}
.select { position: relative; min-width: 98px; cursor: pointer; height: 28px; line-height: 28px;}
.select span { padding-left: 10px; background: #fff; display: block; position: relative; color: #888;}
.select span i { background: url("../images/arrow.png") 8px 10px no-repeat; display: inline-block; width: 8px; height: 12px; padding: 8px 10px; position: absolute; top: 0px; right: 0px; /*border-left: 1px #eaeaec solid;*/ }
.select.focus,.select.focus ul { border-color:#008cd5; color:#4c4c4c;}
.select.focus span { color: #4c4c4c;}
.select.focus span i { background-position: 8px -38px;}
.select ul { position: absolute; left: -1px; top: 28px; display: none; z-index: 11; background: #fff; max-height: 200px; overflow-x: hidden; overflow-y:scroll;}
.select ul li { height: 28px; line-height: 28px; font-size: 14px; cursor: pointer; padding-left: 10px; color: #4c4c4c; }
.select ul li:hover { background: #f5f5f5;}
.select span.error { positon:absolute; left:240px; top:-40px; padding-left:0px; background:none;}


form .edit_box .select,.edit_box form .select{ height: 38px; line-height: 38px; border: 1px #ccc solid; max-width: 228px;}
form .edit_box .select ul,.edit_box form .select ul { top: 38px;line-height: 38px; border: 1px #ccc solid; left: -1px; display: none;}
form .edit_box .select ul li,.edit_box form .select ul li { height: 38px; line-height: 38px;}
form .edit_box .select span i,.edit_box form .select span i { background-position: 8px 14px;}
form .edit_box .select.focus span i,.edit_box form .select.focus span i { background-position: 8px -34px;}
form .edit_box .select.focus,.edit_box form .select.focus,form .edit_box .select.focus ul,.edit_box form .select.focus ul { border-color:#008cd5; color:#4c4c4c;}

.select_type { position: relative;}
.select_type span.error { position: absolute; top: 10px; left: 238px;}

/*文本框*/
input[type='text'],input[type='password'] { border: 1px #ccc solid; min-width: 218px; padding-left: 10px; height: 38px; line-height: 38px; background: #fff; color: #888; font-family: 微软雅黑; font-style: 14px;}
input[type='text']:focus,input[type='password']:focus,input[type='text'].focus,input[type='password'].focus { color: #4c4c4c; border-color: #008cd5;}

/*文本域*/
textarea { min-width: 660px; padding: 10px; border: 1px #ccc solid; resize:none; background: #fff; color: #888; font-size: 14px; font-family: 微软雅黑;}
textarea:focus,textarea.focus { color: #4c4c4c; border-color: #008cd5;}

/*错误提示*/
form span.error { color: #e64141; font-size: 12px; display: inline-block; margin-left: 5px;}
form span.tips { color: #a3a3a3; font-size: 12px;}
form span.notice { color: #fe9500; font-size: 12px;}
form i.star { background: url("../images/star.png") 0 0 no-repeat; width: 5px; height: 6px; display: inline-block; margin-right: 5px; position: relative; top: 15px;}

/*按钮*/
input[type='button'],input[type='submit'] { font-family: 微软雅黑; cursor: pointer;}
.cancel_btn { border: 1px #ccc solid; background: #fff; width: 78px; height: 32px; line-height: 16px; text-align: center; color: #383838; cursor: pointer;}
.cancel_btn:hover { background: #eeeeee;}
.confirm_btn { border: 1px #008cd5 solid; background: #008cd5; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #fff; cursor: pointer;}
.confirm_btn:hover { background: #007cd5; border-color: #007cd5;}
.grey_btn,.grey_btn:hover { border: 1px #ccc solid; background: #eeeeee; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #383838; cursor: default;}
.edit_form .confirm_btn { width: 60px;}

/*模拟上传*/
.file { position: relative; width:588px;}
.file input.file_btn { color: #4c4c4c; background: #fff; border:none; cursor: pointer; border-left: 1px #ccc solid; width: 78px; height: 38px; line-height:38px; position: absolute; right: -11px; top: 1px;}
.file input.file_txt { width: 588px; }
.file input.file_1 { opacity: 0; filter:alpha(opacity=0); position: absolute; left: 0px; top: 0px; display: inline-block; width: 590px; padding-left:10px; height: 40px; line-height: 40px; position: absolute; text-outline: 0px; left: 0px; }

.file_short,.file_short input.file_txt,.file_short input.file_1 { width: 295px;}
.file.focus input.file_btn,.file.focus input.file_txt { border-color: #008cd5;}
/*.file_short input.file_txt { height: 40px; line-height: 40px;}
.file_short input.file_btn { right:1px;}*/

/* 通用<a>标签铵钮样式 */
.normalBtn {background: #008cd5 none repeat scroll 0 0;color: #fff;font-size: 14px;font-weight: bold;height: 26px;line-height: 26px;text-align: center;width: 80px;}
.normalBtn:hover { background: #007cd5; border-color: #007cd5;}

/** 字体设置 */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}

/** 表单 **/
* {margin: 0;outline: medium none;padding: 0;}
ul, ol, li {list-style: outside none none;}
.item_box {margin-bottom: 10px;overflow: hidden;width: 100%;}
.item_box a { color: #fff; font-size: 12px; font-weight: bold; background: #007cd5; height: 20px; line-height: 20px; display: inline-block;}
.edit_box .txt{height:20px;line-height:30px;margin-bottom:10px;}
.state_box {background: #f3f4f5 none repeat scroll 0 0;border: 1px solid #ccc;color: #666;font-size: 12px;margin-bottom: 20px;padding: 20px;}
/*tab标题*/
.main_tab_tit { border-bottom: 1px #e8e8e8 solid; overflow: hidden; margin-bottom: 20px;}
.main_tab_tit ul li { cursor: pointer;font-size: 14px; font-weight: bold; color: #4c4c4c; float: left; display: inline; height: 31px; line-height: 31px; border: 1px #e8e8e8 solid; border-bottom: none; margin-right: 10px; padding: 0px 17px;}
.main_tab_tit ul li.active { border-top: 2px #007cd5 solid; height: 30px; color: #262626;}

.edit_basic dt {width: 130px;}
.edit_basic dd {margin-bottom: 5px;margin-left: 145px;}
.edit_field dt {color: #4c4c4c;display: inline;float: left;font-size: 14px;line-height: 30px;margin-right: 10px;text-align: right;}
.edit_box .select, .edit_box form .select {border: 1px solid #ccc;height: 38px;line-height: 38px;max-width: 228px;}
.select {cursor: pointer;height: 28px;line-height: 28px;min-width: 98px;position: relative;}
.select span i {background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 8px 10px;display: inline-block;height: 12px;padding: 8px 10px;position: absolute;right: 0;top: 0;width: 8px;}
.edit_btn {text-align: center;}

/*表格*/
.table_box { margin-bottom: 20px; /* overflow: hidden; */}
.table_tit { border: 1px #ccc solid; border-bottom: none; height: 58px; line-height: 58px;}
.table_tit h1 { font-size: 14px; font-weight: bold; margin-left: 20px; color: #333; float: left; display: inline;}
.table_link { float: right; display: inline; margin-right: 10px; }
.table_link a { background: url("../images/icon.png") 13px -83px #007cd5 no-repeat ; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 12px 8px 42px;}
.table_link a:hover { background-color: #008cd5;}
.table_box table { border: 1px #ccc solid; width: 100%; margin-bottom: 20px;}
.table_box table tr.even { background: #f6f6f6;}
.table_box table th { border-bottom: 1px #ccc solid; text-align: center; height: 40px; line-height: 40px; background: #f3f4f5; color: #666; font-size: 14px; position: relative;}
.table_box table td { text-align: center; font-size: 14px; color: #333; height: 40px; line-height: 40px;}
.table_box table td.blue,.table_box table td.blue a { color: #2b8fff;}
.table_box table td.green { color: #007cd5;}
.table_box table td.orange { color: #ef920c;}
.table_box table td.red { color: #ce1414;}
.table_box table td a { display: inline-block; cursor:pointer;}
table tr:hover { background:#f1f7fa;}
table td span.block { display:block; width:100%;}
table td span.block2 { margin-top:-25px;}

/*分页*/
.page_box { float: right; display: inline;}
.page_box ul li { font-size: 14px; float: left; display: inline; margin: 0px 5px;}
.page_box ul li a { color: #333;}
.page_box ul li.active a { color: #60abff}

/*分页*/
.page { }
.page span { margin-right:5px; }
.page { text-align: center }
.page a { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none }
.page a:hover { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px }
.page a:active { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px }
.page span.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFF }
.page span.disabled { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px }
.page span.quantity { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px }