@charset "utf-8";
/* CSS Document */
@import "public.css";
body{margin:0;background:#f1f4f6;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

header{background:linear-gradient(15deg, #009fd6, #0b0);display:flex;justify-content:space-between;align-items:center;color:#fff;white-space:nowrap;}
header a{color:#fff;}

.logo{margin:0;padding:15px 25px;font-size:20px;font-weight:bold;text-shadow:5px 5px 9px rgba(0,0,0,0.5);}
.head-r{padding:0 15px;}


/*.header div{height:80px;}*/

/*内容区域*/
main{margin:10px auto;padding:0;background:#fff;max-width:1200px;}

footer{position:fixed;left:50%;bottom:0;transform:translate(-50%,-50%);font-size:10px;color:rgba(0,0,0,0.25);line-height:100%;}
footer span{color:rgba(0,220,0,0.5);}


.path-btn{padding:5px;background:#e8edf0;border:1px solid #ddd;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;align-items: center;white-space:nowrap;}
.path-btn btn{margin:0 5px;}
.path-btn div{margin:0 90px;}

/*表单显示样式*/
.form-ul	{display:block;margin:0;padding:0;position:relative;}
.form-ul li	{margin:0;padding:0;list-style:none;min-height:45px;display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #eee;color:#999;}
/*.form-ul li:nth-of-type(even)	{background:#fff;}*/
.form-ul li:hover	{background:#ffe;box-shadow:0 0 9px rgba(0,0,0,0.25);}
.form-ul .form-ul-title, .form-ul .form-ul-title:hover{padding:0 10px;border-bottom:1px solid #eee;background:#f9f9f9;box-shadow:0 0 0;}/*标题*/
.form-ul .form-ul-title i{padding-right:10px;}
.form-ul li span{flex:0 0 120px;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.form-ul li input{margin:5px;min-height:25px;}
.form-ul li select{margin:5px;min-height:33px;}
.form-ul li label{display:flex;align-items:center;margin:5px;padding-right:10px;border:1px solid #eee;border-radius:5px;background:#fff;cursor:pointer;}
.form-ul li label:hover{background:#ffe;}
.form-ul li input[type=radio], .form-ul li input[type=checkbox]{width:14px;}
.form-ul li input[name=px]{width:50px;}
.form-ul li input[disabled=disabled]{border:rgba(0,0,0,0);background:rgba(0,0,0,0);}

.form-ul li btn	{margin:5px;}
.form-ul li div{color:#20a53a;padding-left:8px;}
.form-ul li div a{color:#20a53a;}
.form-ul li iframe	{margin:10px 5px;width:68px;height:28px;border:0;overflow:hidden;}



/*数据列表*/
.form-table	{margin:0px;color:#555;border-collapse:separate;border-spacing:1px;background:#eee;width:100%;table-layout:fixed}
.form-table tr:nth-of-type(odd)		{background:#fcfcfc;}	/*奇数行 */
.form-table tr:nth-of-type(even)	{background:#fff;}	/*偶数行 */
.form-table tr:hover	{background:#ffe;}
.form-table tr:first-child	{background:#f8f8f8;}
.form-table tr:first-child:hover	{background:#f8f8f8;}
.form-table td{padding:5px 8px;line-height:25px;}/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
.form-table tr td:first-child	{text-align:center;}
.form-table .js-toggle{display:block;margin:auto;text-align:center;color:#ccc;cursor:pointer;font-size:20px;}
.form-table .fa-toggle-on{color:#0b0;}
.form-table-null{padding:80px;color:#ccc;border:1px solid #eee;text-align:center;border-bottom:0;}


/*当屏幕最小768时，执行下面css*/
@media screen and (min-width: 768px) {

}

/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {
    .head-r btn{display:none;}
    .head-r a btn{display:inline-block;}
}