*{ padding:0; margin:0}
body{ padding-bottom: 4rem; padding-top: 40px;}
body,html,textarea{ font-family:"Microsoft YaHei"; font-size:14px; }
ul,li{ list-style:none}
a,p,h2,h3,h4,h1{ display:block; text-decoration:none; }
.w100{ width:100%; min-width:320px; margin-left:auto; margin-right:auto;}
.clear{ clear:both;}
select,input,textarea{ box-sizing: border-box;}
.red{ color:red; padding:0 2px}
.txt_over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.imgbox{ width: 200px; height: 140px; border-radius: 10px; overflow: hidden; background-size: cover;}
.imgbox img{ width: 100%; min-height: 100%;}
.btn_del{ background: red; color: #fff; border-radius: 4px; border: 0;padding:0 10px;text-decoration:none; font-size: 12px; margin-top: 5px; margin-bottom: 5px; cursor: pointer}
.btn_save{ background-color:#09C; color: #fff; border-radius: 4px;  border: 0; margin-right: 20px;padding: 0 10px;text-decoration:none;font-size: 12px;margin-top: 5px; margin-bottom: 5px; cursor: pointer}

.notice_box{ width: 80%; border-radius: 6px; position: fixed; left: calc(10% - 10px); bottom: 0; opacity: 0; z-index: 1000; line-height: 30px; font-size: 12px; padding: 2px 10px; box-shadow: 0 0 5px #666; text-align: center}
.graybg{ height: 10px; background-color: #efefef; width: 100%; clear: both;}

.appbox{ padding: .5rem; margin-bottom: 10px; background-color: #fff;}
.mengban{ position: fixed; z-index: 999; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none;}

.loadding{ position: fixed; z-index: 999; left: calc(50% - 20px); top: calc(50% - 20px);}

.emptydata{display: flex;justify-content: center;flex-direction: column;align-items: center;color: #aaa;padding: 20px 0;}
.emptydata img{width: 200px;}

/*公共头部*/
.header{ height: 40px; line-height: 40px; background-color: #fff; text-align: center; z-index: 998; position: fixed; top:0; left: 0; width: 100%; border-bottom: 1px solid #eee;}
.header a{ color: #222; float: left;}
.header p{ width: 85%; margin: 0 auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header i{ position: absolute; left: 5px; line-height: 40px;}

.meaubar{ position: fixed; right: 10px; top:0; z-index: 998; font-size: 30px; line-height: 40px}
.meau{ line-height: 3rem; background-color: #fff; z-index: 1000; position: fixed; top:40px; left: 100%; width: 80%; transition: .5s; opacity: 0; height: 100%;}
.meau>li{border-top: 1px solid #eee; padding-left: 10%; clear: both;}
.meau a{ color: #222;}
.meau i{ position: absolute; left: 5px; line-height: 40px;}
.ddmengban{top:40px}

/*各页面中分类列表*/
.catelist li{ width: 25%; float: left; text-align: center; margin-top: 10px; margin-bottom: 10px;}
.catelist li img{ width: 50%; height: 3.6rem;}
.catelist li a p{ color: #333; line-height: 180%;}

/*公共尾部*/
.footer{ position: fixed; z-index: 1; bottom: 0; left: 0; height: 4rem;  width: 100%;}
.footul{ height: 100%;}
.footul li{ float: left; width: 25%; text-align: center;height: 100%;}
.footul li a{ color: #000; display: block; width: 100%; height: 100%; background-color: #eee; font-size: .85rem;}
.footul li i{ width: 100%; font-size: 1.3rem; margin-top: .6rem; margin-bottom: 5px;}
.footul .cureent a{ color: #09c;}