body {background:rgb(243, 244, 248);}
a, a:visited {text-decoration: none; color: #666;}
a:hover {  color: #666;}

.yinying:hover {box-shadow: 0 5px 8px #7f7f7f;}
.clearfix { float:none; clear: both;}
.anim {transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container { clear: both; overflow: hidden;}
.cen {text-align: center;}
.w96 { width:96%; margin:0px auto; }
.w84 { width:84%; margin:0px auto; }
.w100 { width:100%;  }

.lay {}
.lay select,input[type="text"]{    border: 1px solid #ddd;    padding: 9px;    padding-right: 15px; background: #fff;    width: 100%;}
.lay input[type="text"]{  padding: 9px;    box-sizing: border-box;}
.lay label{ margin-right: 5px;}
.layui-laypage a, .layui-laypage span {background-color: whitesmoke!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:#2074EE!important;}

.swiper {max-height: 180px;}
.Banner  {height: 170px; background-size:100% ; position: relative;}
.Banner .links { position: absolute; right: 3%; top: 3%; color:#fff; font-size: 18px; }

.footer {border-top:1px solid #ddd; text-align:center; padding:15px; margin-top: 25px; color: #ccc; font-size: 11px; line-height: 30px;}

.kuai {height: 10px; background: #eee;}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}


/*导航*/
.menu{ position: fixed; width: 100%; height: 56px; border-top: 1px solid #dcdcdc; background: #fff; left: 0; bottom: 0}
.menu__href{ float: left; width: calc(100% / 3); display: block}
.menu__icon{ height: 24px; line-height: 24px; text-align: center; font-size: 2rem; color: #999; margin: 5px 0 0 0; display: block}
.menu__txt{ height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #a8a8a8; display: block}


.search {margin: 10px;}
.search input[type='date']{ width: 45%;}



.userLists { padding:10px 0;}
.userLists li {     border-bottom: 1px solid #eee; padding: 10px 10px;  background: #fff;  margin-bottom: 7px;  border-radius: 15px;}
.userLists li .pic {text-align: center;}
.userLists li .pic .imgs{ width: 60px; height:60px; border-radius: 50%; overflow: hidden; margin:0 auto; }
.userLists li .data { position: relative; }
.userLists li .data .value {font-size: 18px;}
.userLists li .data .label {color: #999; line-height: 23px;}
.userLists li  .newOldKehu{padding: 4px 5px; border-radius: 5px;}
.userLists li  .genJinYs {border: 1px solid #9FC7F8;    border-radius: 5px; padding:2px 5px;    color: #2074EE; position: absolute; bottom: -4px; right: 0px;}
.userLists li  .genJinYsToday{color: #fff; background: #BA3C40; border:0; }
.userLists li .data .phone{     width: 30px;    height: 30px;    line-height:22px; text-align: center; color: #999;  position: absolute; right: 0px; top:0px;}

.userLists .li1 {     border-bottom: 1px solid #2074EE;       background: #2074EE;    color: #fff;  }
.userLists .li1  .data .label { color: #fff;}
.userLists .li1  .newOldKehu{  background: #fff; color: #2074EE;}
.userLists .li1  .genJinYs{  background: #fff; color: #2074EE;}

.userInfo { margin-bottom: 100px;}
.userInfo .headers {text-align: center;}
.userInfo .headers img {width:25%;  overflow: hidden; border-radius: 50%;  margin: 0 auto;}
.userInfo .contents li{ line-height: 45px; border-bottom:1px solid #eee; font-weight: 800}
.userInfo .contents li span{float: right; text-align: right; font-weight: 500; width: 70%;}

.topBtn {position: fixed; left: 20px; top: 20px; }
.topBtn  i{font-size: 18px; color: #666}
.topBtn2 {position: fixed; right: 20px; top: 20px; }
.topBtn2  i{font-size: 18px; color: #666}


.yewuList {}
.yewuList li { border-bottom:1px solid #eee;  padding:15px 0;}
.yewuList li:hover{background: #eee;}

.fuDongJia {position: fixed;background: #1677FF;    z-index: 9; right: 10px; bottom:15%; width: 50px; line-height:50px; border-radius: 50%;   overflow: hidden; text-align: center;}
.fuDongJia i{font-size: 18px; color: #fff;}
.fuDongJia:hover {background: #eee;}

.openBox{position: fixed;background: #fff; box-shadow:#000000 3px 5px 45px; border-radius: 10px;   z-index: 9; left: 5%; top: 5%; width: 90% !important; overflow: auto;height: 90%; }

.Page{}

.tips {color: #f00;}
.kong {padding-top: 150px; text-align: center;}
.kong img {width: 70%}
.trPhone td input{width: 80%; float: left;}
.trPhone td .iconfont{font-size: 22px;    color: rgb(213, 100, 33);    line-height: 33px;    margin-left: 10px;}
.trAddress td input{width: 80%; float: left;}
.trAddress td .iconfont{font-size: 22px;    color: rgb(213, 100, 33);    line-height: 33px;    margin-left: 10px;}


.mbList .layui-panel {    float: left; width: 48%; margin-right:4%; margin-bottom: 10px; padding:15px; box-sizing: border-box; border-radius: 10px;}
.mbList .layui-panel:nth-child(2n){margin-right: 0;}