body { background: #f2f3f7; }
#main{}
.box { background: #fff; border-radius: .8rem; margin: 0 .7rem; box-sizing: border-box; }
.box:first-child{margin-top:.7rem}
.slides { margin-bottom: .8rem; border-radius: .3rem; overflow: hidden;margin-bottom:.7rem }
.slides img { width: 100%; border-radius: .3rem; float: left }
.slides .van-swipe-item { position: relative }

.navs { display: flex;  padding: .7rem .2rem; flex-wrap: wrap; text-decoration: none; margin-bottom: .7rem }
.navs .n { text-align: center; width: 20%; margin: .7rem 0; font-size: 1.1rem; position: relative }
.navs .i { position: relative; height: 3.4rem; line-height: 3.4rem; width: 3.4rem; background: linear-gradient(135deg,#fcb369 40%, #fa7b8a 75%,#fc6d7a); border-radius: 1.35rem; margin: 0 auto .5rem auto }
.navs .i img { width: 2rem; height: 2rem ;margin-top:.7rem}
.navs .i svg { color: #fff; width: 2.0rem; height: 2.0rem; margin-top: .7rem }
.navs .n:nth-child(2n) .i { background: linear-gradient(135deg,#76c2fb 40%, #27a2f9 75%,#2faafe); }
.navs .n:nth-child(3n) .i { background: linear-gradient(135deg,#fdd81c 40%, #feb811 75%,#fcb110); }
.navs .n:nth-child(4n) .i { background: linear-gradient(135deg,#fe729c 40%, #fe3b6e 75%,#fe2f65); }
.navs .n:nth-child(5n) .i { background: linear-gradient(135deg,#bc8ffc 40%, #9d7ef9 75%,#9778f6); }
.navs .n .w { width: 100%; height: 100%; position: absolute; left: 0; top: 0 ;overflow:hidden;opacity:0}
.navs .tag { font-size: .65rem; color: #fff; background: linear-gradient(135deg,#fe6e2d 40%,#f45006 75%,#fc6d7a); animation: nav-shake 5s infinite; animation-delay: .5s; background-size: 200%; border-radius: .5rem .2rem .5rem 0; top: -.2rem; right: -.8rem; position: absolute; display: inline-block; line-height: initial; padding: .1rem .3rem }


.cs { padding: 1.2rem 1rem 1.2rem 5.5rem; position: relative;margin-bottom:.7rem }
.cs .ls { position: absolute; left: 1rem; top: 1.3rem }
.cs .tit svg { font-size: .8rem; margin-left: .7rem }
.cs .ls img { width: 3.6rem; height: 3.6rem; border-radius: .5rem; }
.cs .tit { color: #f45006; font-size: 1.1rem; height: 1.8rem; font-weight: bold; line-height: 1.8rem;margin-bottom:.2rem }
.cs .ns {  font-size: 1.15rem }
.cs .ns label { color: #f45006; }
.cs .ns .notice-swipe { height: 1.8rem; line-height: 1.8rem; color: #111; }
.cs .ns a { color: #111; }
.cs .van-notice-bar { background: initial; padding: initial; color: initial; line-height: initial; height: 1.8rem }
.cs .ls .van-notice-bar { width: 3.6rem ;height:3.6rem}
.cs .ls .notice-swipe { height: 3.6rem;line-height: 3.6rem }

.ts { padding: .1rem .7rem 0 .7rem; box-sizing: border-box;height:3.3rem;}
.ts .van-tabs__nav{background:initial;}
.ts .van-tab { font-size: 1.1rem;color:#222}
.ts .van-tab--active{color:#111;font-size:1.15rem}
.ts .van-tabs__line { background: linear-gradient(90deg,#79a6cf, #6491e3);height:.25rem;border-radius:.2rem;width:2rem }


.list.t1 { padding-bottom: 3.5rem }
.list { padding: .7rem .7rem .2rem .7rem; box-sizing: border-box ;}
.list .row { background: #fff; border-radius: .8rem; padding: 1rem .9rem .9rem .9rem; box-sizing: border-box;margin-bottom:.7rem }
.list .row .r1 { display: flex;justify-content: space-between }
.list .tit { position: relative; padding: 0 0rem .5rem 0; line-height: 2.2rem; margin-bottom: .2rem; display: flex; align-items: center; }
.list .tit span { font-weight: bold; font-size: 1.35rem; word-break: break-all; }
.list .tit .top { line-height: 1.2rem;height:1.2rem; color: #dd6c67; font-size: .9rem; background: #fdf7f8; border: 1px solid #dda3b4; display: inline-block; padding: .1rem .2rem; border-radius: .3rem; margin-right: .3rem; width: 2.2rem; text-align: center }
.list .pr { font-size: 1.15rem; color: #fb635a; white-space: nowrap; line-height: 2.2rem; }
.list .tags{color:#333;line-height:1.9rem;height:2.2rem;font-size:1.1rem}
.list .tags label{color:#eee;padding:0 .7rem;font-size:.8rem}
.list .c{color:#333;line-height:2.4rem;height:2.4rem;justify-content:space-between;}
.list .c img { width: 1.35rem; height: 1.35rem; border-radius: .2rem; margin-right: .4rem; vertical-align: sub; }
.list .cert {width:2rem;text-align:center; line-height: 1.2rem; color: #fd9624; font-size: .8rem; background: #fff1d6; border: 1px solid #ffb939; display: inline-block; padding: 0rem .15rem; border-radius: .3rem; margin-right:.25rem}
.list .c .time{float:right;color:#999}
.list .name{}
.list .name span { max-width: 13rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:.6rem }
.list .vip{width:1.8rem;}
.list .row.ed .tit { color: #777 }
.list .tagss { display: flex; flex-wrap: wrap; width: 100%; padding: .4rem 0 .3rem 0 }
.list .tagss .tag { margin: 0.1em 0; background-color: #F4F6FC; padding: 0.2rem 0.4rem; margin-right: .5rem; border-radius: 0.4rem; color: #333; }

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

.r-tool { width: 3rem; position: fixed; right: .7rem; bottom: 10rem; }
.r-tool .a { margin-top: .15rem; background: #5c7cf8; border-radius: 50%; display: block; text-align: center; width: 3rem;  height: 3rem; position: relative; box-shadow: 0 2px 8px rgb(0 0 0 / 5%) }
.r-tool .a svg { font-size: 1.6rem; fill: #fff; margin-top: .2rem }
.r-tool span{font-size:.85rem;color:#fff;display:block;margin-top:-.2rem}
.van-tabs__line { z-index: 0 }

.qs.t2 { padding-bottom: 3.5rem }
.qs { padding: 0rem .7rem 0 .7rem; box-sizing: border-box }
.qs .t{line-height:2rem}
.qs .t span { font-size: 1.15rem; color: #111; font-weight: bold;padding-left:.5rem }
.qs .t a{float:right;color:#999;}
.qs .t a svg{font-size:.8rem}
.qs .ls { padding: .7rem 0; box-sizing: border-box }
.qs .row { background: #fff; border-radius: .8rem; padding: 1rem .9rem .9rem .9rem; box-sizing: border-box; margin-bottom: .7rem }
.qs .tit{display:flex;align-items:center}
.qs .tit span { font-weight: bold; font-size: 1.35rem; }
.qs .tit .top { line-height: 1rem; color: #dd6c67; font-size: .9rem; background: #fdf7f8; border: 1px solid #dda3b4; display: inline-block; padding: .1rem .2rem; border-radius: .3rem; margin-right: .3rem }
.qs .dep { margin-top: 0.8rem; line-height: 1.8rem; max-height: 3.6rem; overflow: hidden; word-break: break-all;font-size:1.1rem;color:#333 }
.qs .bs { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; color: #737373; }
.qs .go{ border: 0.1rem solid #4975FE; border-radius: 1rem; color: #4470FE; width: 7rem; text-align: center; height: 2rem; line-height: 2rem; }
.qs .titl{height:3.4rem;line-height:1.6rem;padding:0 .6rem;justify-content:space-between}
.qs .titl span { font-weight: bold; font-size: 1.35rem; }
.qs .titl a { color:#999 }


.s-box .sear { flex: 1; background: #fff; position: relative; padding: .8rem; display: flex; align-items: center; color: #999; border-radius: .8rem; margin-right:.7rem; }
.s-box { margin: .7rem 0 .7rem .7rem; }
.s-box svg{color:#999;margin-right:.5rem;font-size:1.15rem}
.has-s { display: flex; justify-content: space-between }
.s-c { padding-right: 1rem }
.s-c span { padding-right: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 4.4rem; font-size: 1.1rem }
.s-c svg { font-size: .9rem; margin: 0; transform: rotate(90deg); }

.stats { display: flex; align-items: center; margin-bottom: .2rem; padding: .4rem .5rem; margin: 0 .6rem; font-size: .95rem; justify-content: center; line-height: 1.8rem }
.stats svg { font-size: 1.3rem; margin-right: .5rem; color: #4D77FE;width:2rem }
.stats .s-r{display:flex;justify-content:space-between;width:100%}
.stats .s-r div {}
.stats span { color: #4D77FE; padding-left: .2rem }
.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 }
.parentbox .qinchg { background: #F6F7F9 !important; color: #646567 !important; margin: 1rem 0; }
.parentbox .zhochg { background: #F1F5FE !important; color: #607EDF !important; margin: 1rem 0; font-weight: bold }
.parentbox .bottomsolid { border-bottom: 0.1rem solid #CCCEDB }
.parentbox .qinsur { background:#e1e8ff !important; color: #646567 !important; }
.parentbox { background: #FFFFFF;width:100%;height:100vh;}
.parentbox .bbchird { margin: 0 2rem }
.parentbox .name { padding-top: 5rem; padding-bottom: 5rem }
.parentbox .nagrey { font-size: 1.1rem; color: #A4A9AD }
.parentbox .bigsize {  font-size: 1.3rem;margin-top:.4rem}
.parentbox .titerr { font-weight: bold; padding:0 .3rem;height:2rem;font-size:1.1rem}
.parentbox .bottomdi { position: absolute; bottom: 1rem; width: calc(100% - 4rem); padding-top: 2rem; border-top: 0.1rem solid #f1f1f1 }


.adss { margin: 0 .7rem .7rem .7rem }
.ads { position: relative; height: auto; overflow: hidden; margin: 3px 0 }
.ads .van-image { width: 100%; border-radius: .7rem; float: left; overflow: hidden }

.qs .ads,.list .ads{margin-bottom:.7rem}

.van-back-top { width: 3rem; height: 3rem; }
.van-back-top__icon { font-size: 1.6rem }

.sub-s { z-index: 1000; position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100vh; box-sizing: border-box; padding: 1rem; border-radius: 0; display: flex; flex-direction: column; animation: fade_in .5s }
.sub-s .p-t { font-size: 1.2rem; height: 2rem }
.sub-s .p-h { font-size: 1.6rem; height: 2.5rem; margin: 1.5rem 0 .5rem 0 }
.sub-s .s-list { padding: 1rem 0; overflow-y: auto; flex: 1 }
.sub-s .row { font-size: 1.2rem; padding: 1rem 0 }
.sub-s .row a { display: block }
.sub-s .row.cur a { color: var(--bg-color) }

.change-sub { text-align: center }
.change-sub .name { font-size: 1.5rem; color: var(--text-color); padding: 1rem 0; font-weight: bold; }
.change-sub .t2 label { color: var(--text-color); }
.change-sub .t1 { color: #999; padding: .5rem 0 1rem 0; }
.change-sub .t2 { font-size: 1.1rem; padding: 1rem 0 2rem 0; }
.change-sub .b div { font-size: 1.1rem; display: inline-block; width: 45%; margin: 0 2.5%; padding: .7rem 0 }
.change-sub .b{margin-bottom:.3rem}