﻿/* 
飞驰网站内容管理系统 管理端基础样式 
兼容版本 FvceCMS2017 最后修改日期：2016-8 作者：畅宇驰
西安飞驰网络通信有限公司版权所有
*/
*{padding:0;margin:0;margin:0 auto;text-align:left;box-sizing:border-box;}
html,body{font-family:Tahoma,Arial,Helvetica,"微软雅黑";font-size:12px;color:#555555;height:100%;text-align:center;background:#cccccc;}
body{display:table;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,ol,ul,li,table,th,td,p,span,a{border:0;}
html{overflow-y:scroll;}
ul,ol,li{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:12px;}


/*超级链接基础定义*/
A {text-decoration:none;font-size:12px;color:#555555;}
A:hover {text-decoration:none;color:#FF0000;}
A:visited {text-decoration:none;color:#555555;}

.f12A {font-size:12px;color:#555555;}
.f12A A {font-size:12px;color:#555555;}
.f12A A:hover {color:#FF0000;}

.f12B {color:#ffffff;}
.f12B A {font-size:12px;color:#ffffff;}
.f12B A:hover {color:#FF0000;}



input:read-only { background:#f5f5f5; border:1px solid #f1f1f1; color:#808080}
select:disabled {background:#f5f5f5; border:1px solid #f1f1f1;color:#808080}

input {border:1px solid #e9e9e9;line-height:24px;text-indent:5px;}
select {border:1px solid #e9e9e9;height:25px;line-height:24px;text-indent:5px;}
textarea {border:1px solid #e9e9e9;height:100px;line-height:18px;width:300px; padding:5px;}
.checkbox{ border:1px solid #cd0000;width:15px; height:24px; vertical-align:middle}

.left {float:left}
.right {float:right}
.border {border:1px solid #cccccc;}


/*【群组】背景渐变色*/
.bgc {
  background: -webkit-linear-gradient(#e8e8e8, #ffffff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e8e8, #ffffff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e8e8, #ffffff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e8e8, #ffffff); /* 标准的语法 */
}



/*按钮组*/
.but,#But,.sub,#but,.But { display:inline-block; border-radius:4px;height:30px;width:100px; line-height:30px; background:#44b548;color:#ffffff;text-align:center;text-indent:0px;cursor:pointer;font-family:"微软雅黑"; border:0;}
.but i ,#But i ,.But i ,.sub i ,#but i { margin-right:10px; font-size:14px;}
.but_bull{}


/*页面容器*/
.top {width:1000px;height:32px;background:#3d6680;float:left;margin-left:10px;}
.page_box{width:1000px;min-height:700px;float:left;overflow:hidden;padding:10px;float:left;margin-left:10px;background-color:#ffffff;}
.page_box {box-shadow: 0px 0px 10px 3px #d9d9d9 inset;background:rgba(255,255,255,0.9);}

.title{width:960px;height:50px;margin-bottom:10px;}
.title h1{text-align:center;line-height:30px; font-weight:normal;}
.title p{text-align:center;line-height:20px;}



/*页眉*/
header{background-color:#196186;height:100px;margin-bottom:0px}
header div {width:1200px;}
header div h1{width:500px;font-size:24px;height:100px;line-height:100px;float:left}
header div h1 span {font-size:14px;font-weight:normal}
header div ul{width:500px;height:30px;float:right;text-align: right;margin-top:10px;}
header div ul li {display:inline-block;margin-right:10px;}

/*页脚*/
footer {width:1000px;background:rgba(0,0,0,0.5);height:60px;margin:0 0 50px 10px;float:left;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
footer div {}
footer h2{font-size:12px;color:#ffffff;height:60px;line-height:60px;text-align:center; font-weight:normal;}
footer a { color:#ffffff}

/*导航*/
#nav { width:1000px; height:35px; line-height:35px; float:left;background:rgba(0,0,0,0.5);color:#ffffff;margin-left:10px;border-top-right-radius:10px;border-top-left-radius:10px;margin-top:15px;}
#nav a {color:#ffffff;}
#nav ul li { float: left; width: 120px; position: relative;text-align:center; }
#nav ul li:first-child{border-top-left-radius:15px;}
#nav ul li:hover {background: #cd0000;}
#nav ul li:hover ul { display:block;z-index:1; }
#nav ul li:hover ul li:first-child{border-top-left-radius:0;}
#nav ul li ul{position: absolute; display:none;background:rgba(0,0,0,0.7);}
#nav ul li ul li {float: none;border-bottom:1px solid #d9d9d9;margin:0;}

/*翻页*/
.num {margin-top:10px;background-color:#f6f6f6; margin-bottom:10px}
.num ul {border:1px solid #e9e9e9;text-align: center;}
.num ul li {display:inline-block;margin-left:20px;line-height:30px;}
.num ul li select { width:50px; height:20px;}

/*切换卡*/
.tab {width:100%; height:27px; line-height:27px;border-bottom:2px solid #dd423d;}
.tab li {width:100px;height:25px;background:#dbdbdb;display:inline-block;text-align:center;border-radius:4px 4px 0px 0px}
.tab a{cursor:pointer; color:#555555}

.tab .sel {background:#dd423d;}
.tab .sel a { color:#ffffff}
.tab .info{width:300px;float:right;background:none;color:#333333;text-align: right;}
.tab .info a{color:#333333;cursor:pointer;}
.tab .info input {width:200px;height:20px;}
.tab .info .but {width:60px;height:20px;line-height:20px;background:#cd0000;color:#ffffff; text-align:center; border:0;border-radius:0px 4px 4px 0px}
.tab .info .but i{ color:#ffffff;}
.tab_content {border:1px solid #e9e9e9; margin-bottom:10px;}

/*编辑器.edit .checkbox { width:90px; height:30px;margin-right:20px;}
.edit .checkbox input {width:10px; height:10px; margin-top:-20px;}
.edit .checkbox lable {border:1px solid #cd0000;}*/
.edit {width:960px;margin:10px auto;}
.edit  li {text-indent:10px;line-height:40px;}
.edit  li input { height:30px; margin-right:10px;border-radius:3px;}
.edit  li select {margin-right:10px;height:30px;}
.edit  li .sub {text-align:center;text-indent:0px;}
.edit  li .ke-container {margin-left: 10px}
.edit .lb input {width:140px}

.edit .RadioButton { width:90px; height:30px; margin-right:20px;}
.edit .RadioButton input {width:30px; height:10px; margin-top:-20px;}
.edit .RadioButton lable {border:1px solid #cd0000;}
.edit  li #but {text-align:center;text-indent:0px;}

.ButBar { width:950px; height:50px;}
.ButBar #but { width:180px; height:40px; line-height:40px; float:left;font-size:18px; margin-right:10px; }
.ButBar #but * {font-size:18px;}
.ButBar ul { width:500px; height:50px; float:right; margin-right:0; text-align:right;}
.ButBar ul li { display:inline-block; width:40px; height:40px; background:#44b548; text-align:center;border-radius:40px;cursor:pointer; }
.ButBar ul li a i { display:block; font-size:20px; color:#ffffff;text-align:center;line-height:40px;}
.ButBar .UserBar { width:180px; height:40px; float:left; padding-top:5px; text-align:center;border-radius:3px; border:1px solid #b6de92; background:#ebf4e4;}
.ButBar .UserBar input { width:70px; margin-right:5px;}
.ButBar .UserBar a { display:block; width:15px; height:15px; float:right; background:#44b548; margin:5px; text-align:center; color:#ffffff;border-radius:15px;}


/*列表【通用】*/
.list {margin-bottom:10px;border:1px solid #e9e9e9;overflow:hidden; }
.list ul {}
.list ul li {height:35px; border-bottom:1px dashed #ffffff; overflow:hidden;}
.list ul li:first-child { background-color:#cbd9e9;border-bottom:1px dashed #cccccc; }
.list ul li:first-child:hover { background-color:#cbd9e9;}
.list ul li:last-child { border:0;}
.list ul li span { display:block; margin-left:0px;text-align:center;height:34px; line-height:34px; float:left;}
.list ul li:hover {background:rgba(0,0,0,0.1);}
.list li span .but{display:inline-block;width:50px; height:20px;border-radius:4px;line-height:20px;text-align: center;color:#ffffff; border:0}

/*复制删除转移至*/
.tool {text-align:center;}
.tool select  {width:160px;}
.tool input {width:60px;text-align:center;text-indent:0px;}

/*表单列表【通用】*/
.form {}
.form h3{margin-right:50px;font-size:16px; color:#1a5ca7; font-weight:normal;}
.form ul {margin:0px 0px 20px 0px;}
.form ul li {}
.form ul li b { display:inline-block; width:100px; text-align:left; font-size:14px; font-weight:normal;}
.form ul li:hover {background:rgba(0,0,0,0.1);}
.form label{display:inline-block;width:100px;height:30px;margin-left:10px}
.form input{width:300px;height:30px;text-indent:5px;margin:5px;border-radius:2px}
.form input:read-only{ background:#f1f1f1;}
.form select{width:300px;height:30px;text-indent:5px;margin:5px;border-radius:2px}
.form textarea{width:300px;height:60px;padding:5px;margin:5px;border-radius:2px}
.form .radio input{width:20px;height:20px;}
.form span{}
.form .t{height:50px;line-height:30px;text-indent:10px;color:#333333;line-height:50px;}
.form .t h3{float:left;margin-right:50px;font-size:18px; color:#1a5ca7; font-weight:normal;}
.form .t p{float:left}
.form .small_but { width:80px; text-indent:0; text-align:center;}
.form span.chk{}
.form span.chk input {width:15px;height:20px;margin-top:5px;}
.form hr { width:95%; height:1px;border:none;border-top:1px dashed #d0d0d0;}
.form .sub ,.form #But , .form .But2 {display:inline-block;width:200px; height:40px;line-height:40px;text-align: center;margin:30px 0px 30px 110px;text-indent:0px;font-size:18px}
.form .But2 {width:100px; height:30px;line-height:30px;margin:0px 0px 0px 20px;text-indent:0px;font-size:12px}
.form .sub i ,.form #But i, .form .But2 i { font-size:18px;} 

/*贴士*/
.tips{width:100%;border:1px solid #b6de92;background:#ebf4e4;min-height:35px; _height:35px;line-height:35px;color:#21691d;margin-bottom:10px;}
.tips i { display:inline-block; width:50px; text-align:center; font-size:24px;line-height:25px; margin-right:10px;border:0px solid #647e9b; margin-top:5px; float:left;}
.tips p{width:98%}

/*警告*/
.warning{border:1px solid #cd0000;background:#ffea8a;color:#cd0000; margin-bottom:10px;}
.warning i { display:inline-block; width:50px; text-align:center; font-size:24px;line-height:25px; margin-right:10px;margin-top:5px; float:left;}
.warning p{width:98%;}

/*顶部操作提示*/
#TopAlert { display:none; width:1000px; height:50px; background:rgba(0,0,0,0.8); margin:0 0 0 10px;position:fixed; top:0; z-index:999;  padding-top:10px;}
#TopAlert p i { display:inline-block; width:50px; font-size:24px; color:#ffffff; text-align:center;}
#TopAlert p { display:block; width:800px; font-size:18px; color:#ffffff;text-align:center;}

/*运行中遮罩*/
#loading { display:none; width:100%; height:100%; background:rgba(0,0,0,0.5);position:absolute; z-index:999999; }
#loading div { width:1000px; text-align:center; margin-left:0;margin-top:10%; }
#loading div i {font-size:100px; color:#ffffff; margin-bottom:30px; }
#loading div p { font-size:18px; color:#ffffff;text-align:center;}

#Window_OP { width:1065px; height:600px; background:#ffffff; position:absolute; top:50px; left:50%; z-index:99999; display:none; margin-left:-550px;}
#Window_OP #Window_Title {width:100%; height:40px;background:#0c85be; }
#Window_OP #Window_Title h3 { width:300px; height:40px; line-height:40px; color:#ffffff; text-indent:10px;font-size:18px; font-weight:normal; float:left;}
#Window_OP #Window_Title i { float:right; margin-right:10px; line-height:40px;cursor:pointer;color:#ffffff; font-size:18px; }
#Window_OP #Window_Title a { color:#ffffff;font-size:18px;}
#Window_OP iframe { width:1060px; height:550px; overflow-x:hidden}

#lock_bg { width:100%; height:100%; position: absolute; top: 0px; left: 0px; background:rgba(0,0,0,0.5);z-index:9999; display:none;} 