/* CSS reset */
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both}
/*html,body{font-size: 62.5%; font-family: Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}*/
html,body{font-size: 62.5%; font-family: lato, Arial, Helvetica, sans-serif;}
.flex{ display: flex;}
ol,ul{ list-style:none; padding: 0; margin: 0;}
a{ color: #333333;}
a:hover{ text-decoration: none;}
.left{ text-align: left;}
.center{ text-align: center;}
/*---------index  style----------*/
.pages{ font-size: 1.6rem; display: grid;
     place-items: center; /* 同时实现水平和垂直居中 */
     height: 100vh;       /* 容器高度设为视窗高度，可以根据需要调整 */}
/* .layui-main{ width: 750px; margin: 0 auto;} */
.layui-main{ width: 800px; margin: 0 auto;} 
.form-item{ position: relative;}
.layui-form-item .layui-input-inline{ display: block; float: none; width: auto; margin: 0 auto; text-align: center;}
.layui-btn-normal{ font-size: 1.6rem;}
.layui-form-item .input{ width: 100%; position:absolute;top:0;left:0;margin:0;padding-left:5px;height:35px;line-height:35px;
  border:1px solid #c9cacb;}
.form-item span.form-btn{position:absolute;top:1px;right:1px;width:32px;height:32px;background:url("../images/arrow.png") no-repeat; }
.province-box{border: 1px solid #eee; z-index: 9; padding: 10px; background: #FFF; }
.province-tit{ height: 34px;line-height: 34px;border-bottom: 2px solid #1E9FFF;}
.province-tit span { float: right; color: #1E9FFF; height: 15px; width: 15px; line-height: 15px;
  text-align: center; border-radius: 3px; border: 1px solid #1E9FFF; cursor: pointer;}
/* .province-con{ flex-wrap: wrap; justify-content: space-between;} */
.province-con::after{ display: block; content: ""; clear: both;}
.province-con a{ float: left; width: 18%; line-height: 2; text-align: center; background: #f5f5f5;
   border-radius: 5px; font-size: 1.4rem; margin:10px 1% 0; cursor: pointer;}
.province-con a:hover{color: #fff; background-color: #1E9FFF;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{ color: #FFF;}


/* --------资料库--------- */
.list-page{ position: relative; font-size: 1.6rem; background-color: #f6f5fb; 
    max-width: 1440px; margin: 0 auto; }
.list-tit{ text-align: center;line-height: 50px;font-size: 1.8rem;}
.area{ width: 90%; margin: 10px auto;  background: #FFF; line-height: 35px; border-radius: 5px; padding: 0 15px;}
.card-box{ width: 90%; padding: 12px; margin: 10px auto;  background: #FFF;border-radius: 5px;}
.row-box{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.card-pic{ margin-right: 10px;}
.card-pic img{ border-radius: 5px;}
.card-con{ line-height: 2.5rem;}
.card-con a{ color: #c62131;}
.card-list{ padding-bottom: 60px;}
.area-sel{ height: 28px; line-height: 28px; width: 100px;}
/* -----------详情页-------- */
.detail-page{ position: relative; font-size: 1.6rem; background-color: #FFF;  max-width: 1440px; margin: 0 auto; }
.detail-tit{ background: #f9fafc; border-bottom: 1px solid #e4e4e4;text-align: center;line-height: 50px;font-size: 1.8rem;}
.detail-tit .icon-fanhui{ font-size: 1.8rem; position: absolute; left: 15px;}
.detail-box{ padding: 10px 15px 60px;}
.detail-title{ line-height: 2;}
.detail-time{ font-size: 1.4rem; line-height: 2; color: #a6a6a6; border-bottom: 1px solid #e0e0e0;}
.detail-nr,.detail-twpic{ padding: 10px 0;}
.detail-twtit{ line-height: 2; font-weight: bold; border-bottom: 1px solid #e0e0e0;}





/* -------footer-------- */
.footer{ position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #e4e5e9; padding: 5px 0; background: #FFF;max-width: 1440px; margin: 0 auto; width: 100%; }
.footer .foot-nav span{ line-height: 1; height: 16px;}
.footer .foot-nav{ width: 50%; text-align: center; float: left; cursor: pointer;}
.footer .foot-nav::after{ display: block; content: ""; clear: both;}
.footer .foot-nav a:hover,.footer .foot-nav a.hover{ color: #10b75f;}
.footer .foot-nav a{ font-size: 1.6rem;}
/* 媒体查询 */
@media (min-width: 768px){
  .layui-main{ width: 100%;}
}
@media screen and (max-width: 768px) {
    .layui-main{ width: 100%;}
    .layui-form-item .layui-inline{width: 30%;}
    
  }
  @media screen and (max-width: 767px) {
    .layui-form-item .layui-inline{ width: 100%; margin-right: 0; margin-bottom: 10px;}
    .list-page{ font-size: 1.4rem;}
    .list-tit,.detail-tit,.detail-tit .icon-fanhui{ font-size: 1.6rem;}
}