/* 基础字体设置 */
body{ 
    color:#333; 
    font-size:14px;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}
input,select,textarea{color:#333;}

/* 背景 */
.bg{ width:100%; height:100%; position:absolute; background:url(../images/bg.jpg) }

/* 面板 */
.panel{background:#fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.panel-shadow{box-shadow: 0 2px 15px rgba(0,0,0,0.1);}

form .form-group:last-child{padding-bottom:0;}
.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}
ul,li{ list-style-type:none;}

/* 左侧栏 */
.lefter{position:relative;float:left;width:200px;margin-right:-200px;background:#2c3e50;text-align:center;}
.righter{float:right;width:100%;padding-top:15px;background:#ecf0f1;}
.mainer{margin-left:200px;}

/* 字段图标 */
.field-icon-right .icon{ bottom:0px; top:auto}

/* Logo */
.logo{ float:left; color:#FFF; margin-top:12px; line-height:45px; font-size:18px; font-weight: bold;}
.logo img{ float:left; margin-right:10px;}
/* .loginbox { background:url(../images/tmbg-white.png); border:0px;} */
.loginbox { background:color(srgb red green blue); border:0px;}
/********头部******/
.header{
    height:60px; 
    overflow:hidden; 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.head-l{ float:left; margin-top:13px; margin-left:20px; }
.head-l .button{ padding:8px 15px; border-radius: 20px;}
.head-l .bg-blue:hover{ background-color:#03b6fd;}
.head-l .bg-green:hover{ background-color:#27ae60;}
.head-l .bg-red:hover{ background-color:#c0392b;}

/* 左侧导航 */
.leftnav{
    width:200px; 
    height:100%; 
    position:fixed; 
    top:60px; 
    left:0px;
    background: #2c3e50;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
}
.leftnav-title { 
    height:50px; 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color:#FFF; 
    padding-left:20px;  
    font-size:15px; 
    line-height:50px;
    font-weight: bold;
}
.leftnav-title span{ margin-right:10px;}
.leftnav h2{ 
    padding:12px 0 12px 20px; 
    transition:all .2s ease-in-out; 
    display:block; 
    cursor:pointer; 
    font-weight:bold; 
    font-size:14px; 
    border-top:1px solid #34495e;
    color: #ecf0f1;
}
.leftnav h2.on{ color:#667eea; background: rgba(255,255,255,0.1);}
.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}
.leftnav h2 span{ margin-right:10px;}
.leftnav h2:hover{ color:#667eea; background: rgba(255,255,255,0.05);}
.leftnav ul {
    display:none; 
    border-top:1px solid #34495e; 
    padding:5px 0; 
    opacity:1;
    background: rgba(0,0,0,0.1);
}
.leftnav ul li{ list-style-type:none;  }
.leftnav ul li a{ 
    display:block;
    padding:10px 0 10px 40px;
    line-height:20px;
    color: #bdc3c7;
    font-size:13px;
    transition: all 0.2s;
}
.leftnav ul li span{ margin-right:8px;}
.leftnav ul li a:hover,.leftnav ul li a.on{ 
    color:#fff; 
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    padding-left: 45px;
}

/***主要内容***/
.admin{
    background:#f5f7fa;
    position:fixed;
    right:0;
    bottom:0;
    top:60px;
    left:200px; 
    padding:20px; 
    overflow:auto; 
}

/* 内容区域 */
.content{width:100%;}
.body-content{padding:20px 0; overflow:hidden;}
.content .title{ 
    border-bottom:2px solid #667eea; 
    line-height:40px; 
    font-size:16px; 
    font-weight:bold; 
    color:#2c3e50;
    margin-bottom: 15px;
}

/* 表单样式 */
.form-x .form-group .label{ width:10%;}
.form-x .form-button { margin-left:10%;}
.w50 { width:25%; float:left;}
.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}
.input-help { float:left; line-height:30px;}
.input-help li{ float:left;margin-left:10px;}
.bread{ margin-left:210px; margin-top:4px;}
.bread li{ float:left;}

/* 标签 */
.label label{ font-weight:normal; color:#333;}

/* 表单组 */
.form-group{ margin-bottom:15px;}
.form-group .label{ font-size:14px; color:#555;}

/* 按钮优化 */
.button{ 
    padding:10px 20px; 
    border-radius: 4px;
    font-size:14px;
    transition: all 0.3s;
}
.button:hover{ transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,0,0,0.15);}

/* 字段 */
.form-group .field .file{ background:#FFF; border:0px;}
.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}
.form-group .radio { line-height:35px;}

/* 表格样式 */
.table{ 
    width:100%; 
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.table th{ 
    text-align:center; 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-weight: 600;
    padding: 14px 12px;
    font-size: 14px;
}
.table td { 
    vertical-align:middle;
    padding: 12px;
    border-bottom: 1px solid #ecf0f1;
    font-size: 13px;
}
.table tr:hover{ background: #f8f9fa;}

/* 提示图片 */
.tip img{width:100px; height:100px;}

/* 清除浮动 */
.clear{ clear:both; overflow:hidden;}

/* 分页样式 */
.pagelist {padding:15px 0; text-align:center;}
.pagelist span,.pagelist a{ 
    border-radius:4px; 
    border:1px solid #ddd;
    display:inline-block; 
    padding:8px 14px;
    font-size: 13px;
}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
    color:#FFF; 
    border-color:#667eea; 
    margin:0 2px;
}
.pagelist a:hover{
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
    color:#FFF; 
    border-color:#667eea; 
}

/* 搜索框 */
.search{ overflow:hidden;}
.search li{float:left; margin-right:15px; line-height:35px;}

/* 复选框和单选框 */
.button.bg-main.icon-check-square-o{ padding:10px 30px;margin-left: 150px;}
.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}
input[type="checkbox"], input[type="radio"]{ width:16px; height:16px; vertical-align:-3px; margin-right:8px;}

/* 文本域 */
textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px;}

/* 输入框优化 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    border: 1px solid #dde1e4;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 14px;
    transition: all 0.3s;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* 面板头部 */
.panel-header,
.panel-head {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}
.panel-header span,
.panel-head span{ margin-right:8px;}

/* 面板内容 */
.panel-body {
    padding: 20px;
}

/* 管理面板 */
.admin-panel {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}
.admin-panel .panel-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}
.admin-panel .panel-body {
    padding: 20px;
}