/* CSS Document */
*,::before,::after{margin:0; padding:0;-webkit-box-sizing:border-box; -webkit-tap-heightlight:transparent;/*消除点击默认的高亮效果*/}
article, aside, audio,video, canvas, details,figcaption, figure, footer, header, hgroup, time, section,menu,summary, nav,blockquote,body,  caption, dd,  div, dl, dt, em, embed, fieldset,  form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, label, legend, li,  object, ol, output, p,s,  small, span, strong, sub,  sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, b,a
 { margin: 0; padding: 0; border: 0;}
 ol, ul,li{ list-style: none;}

table { border-collapse: collapse;/*表格的边线重叠*/ border-spacing: 0; }
input,
button,
textarea {
  font: inherit;
  color: inherit;
}
input,textarea{resize:none;/*调整尺寸*/  outline:none;/*清除表单默认的蓝色边框效果*/ -webkit-appearance:none;/* 针对表单的默认的样式进行清除  比如立体效果*/}
:focus{outline:none;}
img{ display:block; -webkit-touch-callout:none;/*当你触摸并按住触摸目标时候，禁止或显示系统默认菜单 */}
a{color: #333;}
a:link,a:visited{ 
  text-decoration:none; 
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -moz-tap-highlight-color:rgba(0, 0, 0, 0);
  -ms-tap-highlight-color:rgba(0, 0, 0, 0);
  -o-tap-highlight-color:rgba(0, 0, 0, 0);
  tap-highlight-color:rgba(0, 0, 0, 0);
}
a:hover{ 
  color:#333;
	}
/*清除浮动  自适应高度*/	
.clearfix:after{content:""; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

html{-webkit-text-size-adjust: none;/*不调整（拉伸）字大小*/  font-size:100px;/*表示100px=1rem;       625%          62.5%*/}

body{font-family: "microsoft yahei", "\534E\6587\7EC6\9ED1", Verdana, Arial, Helvetica, sans-serif; font-size:28px; background:#fff; -webkit-user-select:none; /*禁止选中内容*/}  

                 /*微软雅黑                  华文细黑                                      最后一个字体：ios系统默认 */ 

/*@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:0.4rem;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*header*/
header{width:100%; height:0.88rem; background:rgba(255,255,255,1); position:fixed; top:0; left:0; z-index:11;}
header .header_left{width:0.42rem; height:0.42rem; position:absolute; top:0.22rem; right:0.28rem;float: left;}
header .header_left i{font-size:0.4rem; color:#686868;}
header .header_right{width:100%; height:100%; padding:0.11rem 0.17rem 0 0.2rem;float: left;}
header .header_right input{border:0 none;}
header .header_right input[type=search]{width:100%; height:0.66rem; background:#f5f5f5; padding-left:0.7rem; font-size:0.28rem; border-radius:0.1rem; box-shadow:0 0.02rem 0.06rem #e5e5e5 inset;}
header .header_right input::-webkit-input-placeholder{color:#919191;}
header .header_right input[type=submit]{width:0.42rem; height:0.42rem; font-size:0.38rem; color:#808080; position:absolute; left:0.4rem; top:0.22rem; background:transparent;}
header .header_right input[type=button]{width:0.6rem; height:0.6rem; font-size:0.5rem; color:#808080; position:absolute; right:1.1rem; top:0.15rem; background:transparent;}
/*header  end*/

.m_layout {
  width:100%; 
  max-width:7.5rem; 
  min-width:3.2rem; 
  height:auto; 
  margin:0 auto;
  padding-bottom:0.98rem; 
  position:relative; 
  z-index:1; 
  background:#fff;
  color: #333;
}

footer{width:100%; max-width:7.5rem; min-width:3.2rem; height:0.98rem; background:#fff; position: fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:101;border:1px solid #e5e5e5;}
footer ul{display:flex;}
footer ul li{flex:1; text-align:center;}
footer ul li a{ display:inline-block;width:1.17rem; height:0.98rem;padding:0.1rem 0;font-size:0.2rem; line-height:0.4rem;}
footer ul li.on a{color:#f8a120;}


/*分页*/
.pagination{
  width: 60%;
  margin:0.5rem auto;
  display: flex;
}
.pagination li{
   
}
.pagination li{
  flex: 1;
  border: 1px solid #ddd;
  color: #333;
  float: left;
  padding: 0.08rem 0.2rem;
  box-sizing: border-box;
  margin:0 0.05rem;
  
}
ul.pagination li.active {

    background-color: #f8a120;
    color: #fff;
    border-color: #f8a120;
}

ul.pagination li:hover:not(.active) {background-color: #ddd;}