/***** 【后台基础】样式文件 CSS Document *****/
@charset "utf-8";

/* =========================基础样式.Start======================= */
*{ box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
time, mark, audio, video{ margin:0; padding:0; border:0; }
html{ font-size:14px; }
body{ min-width:1240px; font-family:"Microsoft YaHei","Hiragino Sans GB",sans-serif; padding-left:56px !important; }
p{ line-height:2; }
label{ margin-bottom:0; }
ul{ display:block; margin:0; padding:0; list-style:none; }
li{ display:block; margin:0; padding:0; list-style: none; list-style-type:none; }
.fl{ float:left; }
.fr{ float:right; }
.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }
/* =========================基础样式.End======================= */

/* =========================滚动条美化CSS(适合WebKit引擎的浏览器如chrome、oprea、Safari等).Start======================= */
/* ::-webkit-scrollbar{ width:6px; height:10px; }
::-webkit-scrollbar-button:vertical{ display:none; }
::-webkit-scrollbar-track:vertical{ background-color:black; }
::-webkit-scrollbar-track-piece{ background-color:#F0F0F0; }
::-webkit-scrollbar-thumb:vertical{ margin-right:6px; background-color:#c0c0c0; }
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#AAA; }
::-webkit-scrollbar-corner:vertical{ background-color:#555; }
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00; } */
/* =========================滚动条美化CSS(适合WebKit引擎的浏览器如chrome、oprea、Safari等).End======================= */

/* =========================分页.Start======================= */
.show-page{ float:left; font-size:13px; }
.show-page .dataTables_paginate{  }
.show-page .pagination{ float:left; margin-right:10px; }
.show-page .pagination li{ float:left; margin-left:-1px; height:34px; line-height:32px; color:#555; background-color:#FAFAFA; border:1px solid #DDD; }
.show-page .pagination li a{ float:left; padding:0 12px; text-decoration:none; min-width:40px; text-align:center; }
.show-page .pagination li a i{ font-size:14px; }
.show-page .pagination li:hover{ color:#222; background-color:#F0F0F0; border-color:#DDD; }
.show-page .pagination li:hover a{ color:#222; }
.show-page .pagination li.active,.show-page .pagination li.active:hover{ color:#FFF; cursor:default; background-color:#2878FF; border-color:#2878FF; }
.show-page .pagination li.active a{ color:#FFF; }
.show-page .pagination li.disabled a{ color:#666; }
.show-page .totle_info{ float:left; color:#555; height:34px; line-height:34px; padding:0 15px; background:#FAFAFA; border:1px solid #E2E2E2; margin-right:10px; }
/* =========================分页.End======================= */

/* =========================其他自定义样式.Start======================= */
/* placeholder颜色设置 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#BBB; font-size:14px; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#BBB; font-size:14px; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#BBB; font-size:14px; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#BBB; font-size:14px; }
/* 只读 */
.input-readonly{ background:#F4F4F4; pointer-events:none; cursor:not-allowed; color:#777; }
/* 图片去色 */
.img-remove-color{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; }
/* =========================其他自定义样式.End======================= */

/* =========================单图片上传（通用）.Start======================= */
/* 默认 （图片比例4:3） */
.img-upload{  }
.img-upload .img-show{ margin-left:10px; float:left; width:200px; position:relative; }
.img-upload .img-show .img-frame{ display:block; clear:both; width:100%; position:relative; padding-top:74%; overflow:hidden; border:1px solid #F0F0F0; background:#F6F6F6 url('../../common/image/no_image_icon.png') 50% 50% no-repeat; border-radius:3px; }
.img-upload .img-show .img-frame .img-joker{ position:absolute; top:0; left:0; width:100%; height:100%; }
.img-upload .img-show .img-delete{ position:absolute; top:5px; right:5px; color:#C0C0C0; cursor:pointer; }
.img-upload .img-show .img-delete:hover{ color:#F50; }
.img-upload .img-show .oper{ float:left; width:100%; margin-top:6px; }
.img-upload .img-show .oper a{ height:28px; line-height:28px; text-align:center; color:#FFF; font-size:12px; border-radius:1px; position:relative; cursor:pointer; border-radius:2px; }
.img-upload .img-show .oper a.upload{ float:left; width:60%; background:#F62; cursor:pointer; }
.img-upload .img-show .oper a.cancel{ float:right; width:40%; padding-left:5px; }
.img-upload .img-show .oper a.cancel span{ background:#777; display:block; height:100%; width:100%; border-radius:2px; }
.img-upload .img-show .oper a:hover{ opacity:0.8; cursor:pointer; }
.img-upload .img-show .oper a input{ opacity:0; position:absolute; top:0; left:0; width:100%; height:28px; cursor:pointer; }
/* =========================单图片上传（通用）.End======================= */


/* =========================色彩定义.Start======================= */
/* 通用色彩设置 */
.shell-color{ background-color:#2878FF; } /*浅蓝色*/
/* 彩色按钮 */
.btn-wathet{ background-color:#6CF; } /*浅蓝色*/
.btn-blue{ background-color:#2878FF; } /*蓝色*/
.btn-deep-blue{ background-color:#003; }/*深蓝色*/
.btn-red{ background-color:#D93C37; }/*红色*/
.btn-green{ background-color:#5EB95E; }/*绿色*/
.btn-tawny{ background-color:#F90; }/*黄褐色*/
.btn-brown{ background-color:#963; }/*褐色*/
.btn-gray{ background-color:#888; }/*灰色*/
.btn-reset{ background-color:#888; }/*重置灰色*/
.btn-black{ background-color:#444; }/*黑色*/
/* 镂空彩色按钮 */
.btn-hollow-blue{ border-color:#3BB4F2 !important; } /*蓝色*/
.btn-hollow-green{ border-color:#5EB95E !important; }/*绿色*/
.btn-hollow-tawny{ border-color:#F90 !important; }/*黄褐色*/
/* 通用背景色 */
.bg-light-blue{ background-color:#19F; } /*浅蓝色*/
.bg-light-green{ background-color:#71C016; }/*浅绿色*/
.bg-light-yellow{ background-color:#FFC100; }/*浅黄色*/
.bg-light-grey{ background-color:#888; }/*浅灰色*/
/* =========================色彩定义.End======================= */


/* =========================操作按钮集合.Start======================= */
.oper-gather{ position:relative; width:24px; margin:0 auto; }
.oper-gather .oper-btn{ padding:0; background:none; position:relative; top:0; }
.oper-gather .oper-btn i{ font-size:18px; color:#444; }
.oper-gather .oper-area{ display:none; float:left; position:absolute; top:50%; right:28px; margin-top:-30px; width:280px; padding:10px 9px 10px 5px; z-index:100; }
.oper-gather:hover .oper-area{ display:block; }
.oper-gather .oper-panel{ float:right; background:#FBFBFB; padding:10px 8px; border:1px solid #DDD; border-radius:4px; margin-top:12px; }
.oper-gather .oper-panel{ -webkit-box-shadow:2px 6px 15px 0 rgba(69,65,78,.1); -moz-box-shadow:2px 6px 15px 0 rgba(69,65,78,.1); box-shadow:2px 6px 15px 0 rgba(69,65,78,.1); }
.oper-gather .oper-panel .btn-oper{ float:left; margin:0 3px; }
.oper-gather .oper-panel .btn{ float:left; margin:0 3px; }
/* =========================操作按钮集合.End======================= */