CSS _css样式

base.css

@charset "utf-8";
/*公共样式*/
body { background-color: rgba(238, 238, 238, 0.2); }
a { color: #1aa094;}
a:hover { color: #333;}
.g-c {  zoom: 1;}
.g-c:after {  content: '\20'; display: block; height: 0; clear: both; visibility: hidden;}
.g-l {  float: left;}
.g-r { float: right;}
.lb-del{ text-decoration: line-through;}

/*公共样式*/
.t-container { max-width: 1380px; min-width: 320px; margin: 0 auto 80px auto;}
.t-cont { max-width: 960px; min-width: 320px; margin: 0 auto 95px auto;}
.ui-logo{ border-bottom:1px solid #eee;}
.ui-logo a{ width:100%; line-height: 60px;  display: block; color:#1aa094;  text-align: center; font-size: 36px;}
.ui-logo a:hover{ background-color:#1aa094; color: #fff; }

/*地图样式*/
.m-map { height: 50px; line-height: 50px; background-color: #eee; z-index: 1001; color: #333; }
.m-map .lb-menu { padding-left:20px;}
.m-map .lb-save { padding-right:20px;}
.m-map ul {  float: left; margin-left: 10px;}
.m-map li {  float: left; margin-left: 6px;}

/*搜索样式*/
.m-search{ margin-top: 15px; margin-right: 10px;}
.m-btn{ width: 100%; display: block; margin-bottom: 15px; height: 40px;}
.lb-btn{ width: 25%; display: block; float: left;}

/*列表样式*/
.ui-tithead{ background-color: #eee; font-weight: bold;}
.ui-tabhead{ margin: 0; background-color: #eee;}
.ui-tabhead th{ width: 56px;}
.ui-item:hover .ui-tithead{ background-color:#FAFAD2;}
.ui-item:hover .ui-tabhead{  background-color:#FAFAD2;}

.ui-title{ background-color: #fff; font-size: 14px;}
.ui-title img{ float: right; border-radius: 10px; height: 20px; width: 20px; display: inline-block; z-index: 9999; margin-top: 11px;}
.ui-item:nth-child(2n-1) .ui-title{ background-color:#f9f9f9;}
.ui-item:nth-child(2n-1) .ui-table{ background-color:#f9f9f9;}
.ui-item:hover .ui-title{ background-color:#FAFAD2;}
.ui-item:hover .ui-table{  background-color:#FAFAD2;}
.ui-content{ padding: 0;}
.ui-table{ margin: 0;}
.ui-table th{ width: 56px;}

/*分页样式*/
.m-page{ text-align: center;}

/*内容主体样式*/
.m-body{ margin-bottom: 15px;}

.ui-view{}
.ui-view dl:hover dt{ color: #c00;}
.ui-view img{ margin: 2px;}
.ui-view dl dt{ width: 80px; line-height: 2; display: inline-block; text-align: right; font-weight: bold; color: #000000;}
.ui-view dl dd{ padding-left: 30px;}

/*链接样式*/
.m-path a{ margin-bottom: 15px;}

/*底部样式*/
.m-foot{ height: 35px; line-height: 35px; min-width: 320px; position: fixed; bottom: 0; font-size: 14px; background-color: #1aa094; border-radius: 0 2px 2px 0; max-width: 1380px;}
.m-foot p{ text-align: center; color:#fff;}
.m-foot p a{ color: #fff;}
.m-foot p a:hover{ color: #333;}

login.css

@charset "utf-8";
/*login 样式*/
body { background-color: rgba(238, 238, 238, 0.2); }
.t-login { box-shadow: 0px 0px 15px #ccc; width: 260px; margin-top: 200px; margin: 0 auto; background: #fff; padding: 60px 80px; position: fixed; top: 50%; left: 50%; margin-top: -210px; margin-left: -205px; }
.t-login h2 { font-size: 28px; font-weight: 100; color: #333; text-align: center; margin-bottom: 50px }
.lb-forget{ float: right; color: #666;  margin-top: 10px;}
.lb-forget:hover{ color:#1aa094;}
.layui-form-item{  position: relative; }
.layui-form-item .input-icon{ position: absolute; left: 5px; top: 10px; color: #999; }
.layui-form-item .layui-input{ padding-left: 24px; }
.layui-btn{ width: 100%;}