body { background: #f7f7f7;position:relative }
.top { background-image: linear-gradient(to bottom, #46b9c1, #47d8af);height:auto;padding:1rem .8rem 2rem .8rem;box-sizing:border-box;position:relative;margin-bottom:2.1rem}
.slogan{height:3rem;text-align:center;font-size:1.4em;color:#fff;margin:1rem 0 .5rem 0}
.s-b { position: absolute;left:.7rem;right:.7rem; bottom: -1.5rem; background: #fff; border-radius: .8rem; padding: .7rem 3.2rem .7rem .7rem; box-sizing: border-box; height: 4rem; line-height: 2.6rem; box-shadow: 0px 0px 5px #ececec; }
.s-b .inp{float:left;width:43%;border:0;text-align:center;height:100%;padding:0;font-size:1.1rem}
.s-b .bh{width:10%;float:left;text-align:center}
.s-b .bh svg { color: #bfbdbd;font-size:1.1rem; }
.s-b .bbtn { background: #04cf8d; color: #fff; width: 2.8rem; height: 2.6rem; position: absolute; right: .7rem; top: .7rem; border-radius: .5rem; text-align: center }

.m-box{padding:0 .7rem}
.box { background: #fff; border-radius: .9rem; padding: .7rem; box-sizing: border-box;height:auto;overflow:hidden }
.lines .t{height:2.2rem;font-size:1.1rem;}
.line {overflow:hidden; font-size: 1.05rem; float: left; text-align: center; color: #222; width: 32%; margin: 1% 2% 1.5% 0; background: #f6f7f9; border-radius: .3rem; height: 2.5rem; line-height: 2.5rem; padding: 0 .5rem; box-sizing: border-box }
.line:nth-child(3n){margin-right:0}
.line.l { background: #fff6d7 }
.line.sel { background: #07cf8e; color: #fff; }
.ts { height: 3rem; line-height: 3rem; margin: .7rem 0 .5rem 0; font-size: 1.15rem; display: flex; flex-direction: row; overflow: hidden }
.ts div{float:left;text-align:center;color:#333;flex:1}
.ts .sel{font-weight:bold;position:relative;color:#000}
.ts .sel:after { content: ' '; width: 2rem; border-bottom: 2px solid #10c37d; position: absolute; left: 50%; bottom: 0; margin-left: -1rem }
.fs { background: #fff; border-radius: .7rem .7rem 0 0; line-height: 2.8rem; padding: 0 .7rem; box-sizing: border-box; height: 3.5rem; overflow: hidden }
.fs .num{float:left;color:#777}
.fs .sort{float:right;color:#bbb}
.fs .sort label{margin-left:.5rem;color:#666}
.fs .sort .sel { color: #04cf8d }
.cz-box { padding: 6rem 1rem 1rem 1rem; }
.cz-box .ic { position: absolute; background-image: linear-gradient(to bottom, #57e7b9, #07cf8e);height: 6rem; width: 6rem; border-radius: 50%; top: -2.5rem; left: 50%; margin-left: -3rem;text-align:center;}
.cz-box .ic svg{color:#fff;font-size:3.5rem;margin-top:1.4rem;}
.cz-box .ic:before { content: ' '; width: 5rem; height: 1.5rem; background-image: radial-gradient( #9fe9d0 10%, #fff 70%); position: absolute; bottom: -1.5rem; left: .5rem; z-index: 0; border-radius: 50% }
.cz-box .txt{color:#222;text-align:center;line-height:1.6em;height:6.5rem;font-size:1.05rem}
.cz-box .os{height:6rem;}
.cz-box .os div{float:left;width:33.3%;font-weight:bold;text-align:center;font-size:1.15rem}
.cz-box .os svg { color: #02bd81; margin-right: .5rem }
.cz-box .btn{width:100%;display:block;color:#fff;padding:.9rem 0}

.filters{padding:1rem 0 0 0}
.list{margin-top:-.5rem;padding-bottom:4rem}
.list .row { width: 100%;  border-radius: .7rem; background: #fff; box-shadow: 0px 0px 5px #eee;margin-bottom:.5rem;padding:.7rem;box-sizing:border-box }
.row { font-size: 1.05rem; position: relative; }
/*.row.isover { opacity: .4 }*/
.row .tit { font-size: 1.25rem; line-height: 1.7em; font-weight: bold }
.row .tit span{background:#04cf8d;font-weight:normal;vertical-align:text-bottom; border-radius:.3rem;color:#fff;font-size:.9rem;margin-right:.3rem;display:inline-block;padding:.25rem .3rem;line-height:normal;}
.row .tit .zd{background:red}
.row .tit .sj { background: #ffc911 }
.row .tit label{display:inline;float:left;word-break:break-all}
.row .tit .t2 { background: #4fa1f5 }
.row .tit .t3 { background: #2ce0a5 }
.row .tit .t4 { background: #2ce0a5 }
.row .r2 { color: #000; padding: .8rem 0 .8rem 0; height:auto;overflow:hidden;font-size:1.15rem;position:relative}
.row .r2 div{float:left;margin-right:.7rem}
.row .r2 span{padding-right:.2rem}
.row .r2 .p { font-weight: bold; color: red; position: absolute; right: 0; }
.row .r2 .t1{color:red}
.row .r2 .t2 { color: #0082e7 }
.row .remark { color: #666; line-height: 1.6em;padding-top:.6rem }
.row .tags{}
.row .tags span { padding: .1rem .5rem; border-radius: .2rem; background: #f6f7f9; color: #333; margin:.1rem .4rem .1rem 0;line-height:1.2rem;display:inline-block}
.row .bs{border-top:1px solid #ececec;padding:.6rem 0;margin-top:.6rem;display:flex;justify-content:space-between;align-items:center}
.row .bs .time{color:#999;font-size:.95rem;flex:1;line-height:1rem}
.row .bs .call{padding:.6rem 1.1rem;border-radius:1.2rem;background:#04cf8d;color:#fff;}
.row .over{font-size:1.5rem;color:#ccc;border:.3rem solid #ccc;border-radius:.5rem;position:absolute;right:4rem;top:2rem;padding:.8rem 2rem;background:rgba(255,255,255,.9);transform:rotate(-15deg);}
.row.type1 .r2 { padding-right: 7rem }
.r-tool { width: 3rem; position: fixed; right: .7rem; bottom: 10rem; }
.r-tool .a {margin-top:.15rem; background: #fff; border-radius: 50%; display: block; text-align: center; width: 3rem; line-height: 3rem; height: 3rem; position: relative; box-shadow: 0 2px 8px rgb(0 0 0 / 5%) }
.r-tool .a svg { font-size:2rem; fill: #04cf8d;margin-top:.5rem  }

.gzh-box { width: 55%;padding:1rem 1.5rem }
.gzh-box img{width:100%;}
.gzh-box .txt{text-align:center;height:2rem}

.kf-box { width: 55%; padding: 1rem 1.5rem }
.kf-box .txt { text-align: center; height: 2rem }
.kf-box img { width: 100%; }
.kf-box img+div{margin-top:1rem}
.kf-box .phone { text-align: center; font-weight: bold; font-size: 1.3rem }

.notice-box .content { max-height: 35rem; overflow-y: auto; padding: .5rem 0; line-height: 1.6em; margin-bottom: 1rem; font-size: 1.1rem }
.notice-box .content .van-image { margin-top: .5rem }

.notice {margin-top:.5rem; color: #666; background: #fff6d7; border-radius: .6rem; line-height: 1.6em; padding: .5rem .6rem;  }
.notice div {font-size: .95rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.notice em { color: #a36b0c; font-weight: bold; font-style: italic; font-size: 1rem; margin-right: .3rem }

.ads { margin-bottom: .5rem;position:relative;height:auto;overflow:hidden }
.ads img { width: 100%; border-radius: .7rem;float:left }

.row .bs .call { padding: .6rem 1.1rem; border-radius: 1.2rem; background: #04cf8d; color: #fff; }

.slides { margin-bottom: .8rem; width: 100%; border-radius:.3rem;overflow:hidden}
.slides img { width: 100%; border-radius: .3rem; float:left}
.slides .van-swipe-item{position:relative}

.bs .img { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; border-radius: .5rem; overflow: hidden }
.bs .img img { width: 100% }

.adss{margin-top:.5rem}