:root {
    --main-bgimg: url(/images/webp/009/Uv4TcwL.webp) no-repeat;
    --main-bgavecolor: #80808080;
    --content-maxwidth:100%;
    --pagin-linkcolor:#384050;
    --main-bgc: #ffffffe0;
    --page-max-width:100%;
}

body { position:relative; }

body::before {
    filter:none; -webkit-filter: none ;
    transform: none;
}





body[data-usercid="1"] {--main-bgimg: url(/images/webp/009/UvJZ0Ui.webp) no-repeat;}
body[data-usercid="2"] {--main-bgimg: url(/images/webp/009/Utui68C.webp) no-repeat;}
body[data-sid="1"] {--main-bgimg: url(/images/webp/009/UvPyNZf.webp) no-repeat;}
body[data-sid="2"] {--main-bgimg: url(/images/webp/009/Uv3iLH7.webp) no-repeat;}

body[data-usercid="1"][data-sid="1"] {--main-bgimg: url(/images/webp/009/UvPvjCn.webp) no-repeat;} /* 个人出售 */
body[data-usercid="1"][data-sid="2"] {--main-bgimg: url(/images/webp/009/UvJYzpF.webp) no-repeat;} /* 个人出租 */
body[data-usercid="2"][data-sid="1"] {--main-bgimg: url(/images/webp/009/Uv4TdUW.webp) no-repeat;} /* 中介出售 */
body[data-usercid="2"][data-sid="2"] {--main-bgimg: url(/images/webp/009/UvQgRMV.webp) no-repeat;} /* 中介出租 */

.topbar {
    p.osition:relative; overflow:visible; 
    z-index:9; margin:0; padding:0; width:100%; 
    min-width:var(--page-min-width); overflow:visible; display:block;  border-bottom:0px solid #ffffff30; flex-grow:0; flex-shrink:0; 
    transition-property: background,border,color,box-shadow; transition-duration: 200ms; transition-timing-function: linear,ease;
}















































.mainrows { position:relative; z-index:9;  margin:0 ; padding:0;  width:100%;  flex-grow:1; overflow:visible;  display:flex; justify-content:center; align-items: center;  /*   backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); */}
.centers { position:relative; z-index:9;  margin:0 auto ; padding:0;  width:100%; min-width:var(--page-min-width);  max-width:var(--page-max-width);   overflow:hidden; b.order-top-left-radius:1rem; b.order-top-right-radius:1rem;  }




div.maincon  { margin:0;  padding:0; overflow:hidden ;  display:block;  flex-grow:1; display:flex;  }



div.maincon .progres {margin:0; padding:.25rem; width:100% overflow:hidden ; display:flex; justify-content: center; border:0px solid #ff0000; }


div.maincon .progres span { margin:0; padding:0; height:5px; width:2rem; overflow:hidden ; display:block;  border:0px solid #ff0000;  border-radius:2px;   background:var(--main-focuscolor); -webkit-filter: blur(2px);
    filter: blur(2px); transition-property: background,border,width,transform; transition-duration: 1000ms; transition-timing-function: linear,ease; 
 animation: breathing-animation 6s ease-in-out infinite;
 }


@keyframes breathing-animation {
  0% {
    opacity: 0.2;

  }
  50% {
    opacity: 1;

  }
  100% {
    opacity: 0.2;

  }
}



div.progrbox { margin:0;padding:0; padding:0 3vw 0 3vw; width:100%; height:5px; overflow:visible; display:block; background:#ffffff;  display:none;  }
div.progrbox div:nth-child(1) {  position:relative; margin:0; padding:0;  width:70%; height:5px; display:block ;  overflow:visible;  display:block;  }
div.progrbox div.prbar { position:absolute; z-index:96; margin:0; padding:0; left:0; top:-2px; width:100%; height:5px; overflow:visible;  display:flex; justify-content:center; }
div.progrbox div.prbar span.progres {   margin:0; padding:0; width:2rem; height:5px;  border-radius:2px; display:block;overflow:visible; background-color:var(--main-focuscolor););  filter: blur(2px); transition-property: width,opacity,background; transition-duration: 1500ms; transition-timing-function: ease;  animation: breathing-animation 5s ease-in-out infinite; }




div.progresbar {   margin:0;  padding:0 3vw 0 3vw;  width:100%; height:1px; display:block;  overflow:visible;  }
div.progresbar div { margin:0;  padding:0;  width:100%; height:1px; float:left; display:inline-block ; border:1px solid #00000033;  overflow:visible; }
div.progresbar div:nth-child(1) { width:calc(30% + 2rem); display:flex;  height:1px; justify-content:center; position:relative; overflow:visible;  border:1px solid #00000033; }
div.progresbar div:nth-child(1) div.prbar { position:absolute; margin:0; padding:0;  top:-2px; left:50%;  width:100%; height:3px; display:block ;  overflow:visible;  display:flex; justify-content:center;  border:1px solid #00000033; }
div.progresbar span.progres { z-index:96; margin:0px auto; padding:0px; width:2rem; o.pacity:.9; height:5px; float:left;  border-radius:2px; display:block;overflow:visible; background-color:var(--main-focuscolor););  filter: blur(2px); transition-property: width,opacity,background; transition-duration: 1500ms; transition-timing-function: ease;  animation: breathing-animation 5s ease-in-out infinite; }


.mainrows .navsbar { display:none; }
.mainrows .progrbox { display:none; }




div.tits {  margin:0px 0px 0px 0px ;  padding:1vmin 3vw 1vmin 3vw; font-size:0.875rem; width:100%; overflow:hidden; color:var(--main-fontcolor); background:#f3f3f3;  b.order-top:1px solid #00000033;   b.order-bottom:1px solid #00000033;  display:flex; align-items: stretch;}
div.tits div.c1 {  width:70%;  flex-grow:1;  flex-shrink:1; display:flex; align-items:stretch;  justify-content:center;  border:0px solid #00000033; }
div.tits div.c5 {  width:30%; flex-grow:.5;  flex-shrink:0;  display:flex; justify-content:flex-end;  align-items: stretch; border:0px solid #00000033; }


.theme_light_gray .tits {   }
.theme_dark  .tits {   }




 

.themebar { position: relative; z-index:9; display:flex; margin:0; padding:.25rem; width:100%; min-height:4rem; overflow:hidden; color:#ffffffe0; display:flex; justify-content: space-between; align-items: center; }


.themebar > div { margin:0; padding:0; gap:.75rem; display:flex; justify-content:flex-start; align-items: center; border:0px solid #ff0000; }

.themebar > div:nth-child(1)  {  padding:0 0 0 1rem;  }
.themebar > div:nth-child(2)  {  padding:.75rem; flex-grow:1;  }
.themebar > div:nth-child(3)  {  padding:.75rem; justify-content: flex-end; display:none;}

[data-islogin] .themebar > div:nth-child(3) { display:flex }

.themebar > div:last-child    {  padding:.75rem; overflow:hidden; text-align: center; justify-content: flex-end; }


.themebar > div:nth-child(3) > div ,
.themebar > div:last-child > a { min-width:2rem;  background:#ffffff00; border-radius:.25rem;  display:flex; justify-content:center; align-items: center;}




.themebar > div:nth-child(3) .icon ,
.themebar > div:last-child .icon { width:1.5rem; height:1.5rem; mask-size:1.25rem; background-color:var(--this-fc); }



.themebar > div > * { height:2rem; border-radius:.25rem; }



.themebar .mini-analyzer .spectrum > div {
    background:#ffffff20;
 }

.themebar [data-colormode="white"] .mini-analyzer .spectrum > div::before {
    content: "";
    background:#3385ff60;
}

.themebar [data-colormode="white"] .mini-analyzer .spectrum > div::after {
        background: #ffa500;

}





.logobox {
     --usecolor:#fffffff0; --theme-color:#303030;  color:var(--usecolor);
     height:2.5rem;  margin:0; padding:0 1rem;
     cursor: pointer;
     transition-property:color,background,filter,mix-blend-mode;  transition-duration: 300ms;
}


.logobox .icon {  width:3rem; height:3rem; mask-size:3.5rem;   background-color:var(--usecolor); transition-property: background,filter,box-shadow,transform; transition-duration: 200ms;transition-timing-function: ease;  }



.logobox > div { flex-shrink:0; margin:0; padding:0; display:flex; justify-content: center; align-items: center;   transition-property:color,background,filter,mix-blend-mode;  transition-duration: 600ms;    }
.logobox > div:nth-child(1) { margin:0;  padding:0;  overflow:hidden; }
.logobox > div:nth-child(1) img { width:100%; height:100%; overflow:hidden;  display:block;  opacity: 0.7;  flex-grow:0; object-fit:cover; border-radius:.25rem;  t.ransform:scale(.75);}





.logobox > div:nth-child(2) { margin:0; flex-grow:0; align-items: center; }
.logobox > div:nth-child(2) span { overflow:hidden;  display:flex; justify-content: center; align-items: center;  border-radius:.25rem;   }
.logobox > div:nth-child(3) {  font-size:.875rem;   padding:0  .5rem 0 0; color:var(--usecolor); }



.logobox[data-colormode="white"] > div:nth-child(2),
.logobox[data-colormode="white"] > div:nth-child(3) { --usecolor:#000000e0; f.ilter:drop-shadow(0px 0px .3rem #00000060); }

.logobox[data-colormode="black"] > div:nth-child(2),
.logobox[data-colormode="black"] > div:nth-child(3) { --usecolor:#ffffffe0; f.ilter:drop-shadow(0px 0px .3rem #ffffff60); }
  




.themebar > .itemr {  padding:0 .25rem; display:flex; justify-content: center; align-items: center; }
.themebar > .itemr a { padding:0; display:flex; justify-content: center; align-items: center; border:1px solid #00000060; }
.themebar > .itemr span { padding:0 .25rem; display:flex; justify-content: center;   align-items: center;  font-size:.75rem; line-height:100%; }
.themebar > .itemr .icon {  width:1.25rem; height:1.25rem; background-color:#ffffff;  }


.mus {display:block; }




.msbox { padding:0; --this-fc:#ffffffe0; --theme-color:#ffffffe0; }
.msbox a { margin:0; padding:.25em; font-size:.875rem; line-height:100%; display:flex; justify-content: center; align-items: center; color:var(--this-fc); border:0px solid #ffffff30;  border-radius:.25rem;       transition-property: color,background,filter,box-shadow,transform; transition-duration: 300ms;transition-timing-function: ease; }

.msbox a span { padding:0 .125em; display:flex; justify-content: center; align-items: center; }
.msbox img { width:1.5em;height:1.5em; border-radius:5rem; overflow:hidden; dispaly:none; opacity: 0; }
.msbox .icon {  background-color:var(--this-fc); transition-property: background,filter,box-shadow,transform; transition-duration: 900ms;transition-timing-function: ease; }




.themebar [data-colormode="white"] *:has(span) { --this-fc:#000000e0; filter:drop-shadow(0px 0px .3rem #000000); }
.themebar [data-colormode="black"] *:has(span) { --this-fc:#ffffffe0; filter:drop-shadow(0px 0px .3rem #ffffff); }
  




.mini-analyzer333 {
    
    opacity:0.5;
    
    
    }















.fakeform { 

    backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
    margin:0px auto; padding:.125rem;  width:100%; flex-grow:1;  background-color:#ffffffa0; border:0px solid #ffffffe0; border-radius:.25rem;  
    position:relative; display:flex;  align-items: stretch;  
    transition-property:background,opacity; transition-duration: 300ms; transition-timing-function: ease; 
}

.fakeform span { f.ilter:drop-shadow(0px 0px 5px #ffffff);  }
.fakeform span:nth-child(1) { padding:0; flex-grow:1; display:flex;  align-items: center; }
.fakeform span:nth-child(2) { width:2rem;  display:flex; text-align: center; display:flex;  justify-content:center;  align-items:center;}
.fakeform span:nth-child(2) .icon { width:1.5rem; height:1.5rem;  background:#303030a0;; mask-size:100%; f.ilter:drop-shadow(0px 0px 5px #ffffff);}

.fakeform input[type=text] { flex-grow:1; margin:0px;  padding:0 .5rem 0.125rem .5rem; width:100%; height:2rem; vertical-align:text-top;  display:flex;  align-items: center;   color:#303030e0;     background-color:#00000000; border:0px solid #00000030; font-size:.875rem; line-height:150%;   outline: none;  }
body[data-reform="0"] .themebar .fakeform input { font-size:.75rem; color:#333333e0;  }


.fakeform:hover { background-color:#ffffffe3; }
.fakeform:hover .icobox .icon { background-color:#303030e0; }










.menusbar {

    margin:0; padding:0; width:100%; overflow:hidden; min-height:8rem; 
    display:flex; justify-content: center;
    
}

.centerbox {
    overflow:visible; 
    margin:0; padding:0; border:0px solid #ffffff60; 
    transition-property: all; transition-duration: 1.5s;transition-timing-function: ease;

    
}
.menusbar div:nth-child(2) { border:0px solid #ffffff; }



.menus { flex-grow:1; padding:0 0 1rem 0; gap:1rem;  display:flex; justify-content:space-around; justify-content: center;   }


.menus a {
    --ma-fc:#000000b0;  --ma-bgc:#ffffff10; --ma-brc:#00000060; 

     backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); 
    
       /*  b..ackdrop-filter:blur(6px) invert(100%) contrast(999) grayscale(100%)  ; -w..ebkit-backdrop-filter:blur(6px);  */
    overflow:visible; display:flex; font-weight:700; 
    margin:0; padding:.25rem .75rem ;  font-size:.875rem;  line-height:100%;   
    text-align:center;  color:var(--ma-fc); background:var(--ma-bgc); border:1px solid var(--ma-brc); border-radius:.25rem;
    transition-property: background,border,color,transform,filter; transition-duration:300ms;transition-timing-function: ease;
    
}


.menus[data-colormode="white"] a{ --ma-fc:#000000b0; --ma-bgc:#00000000; --ma-brc:#00000080;  }
.menus[data-colormode="black"] a{ --ma-fc:#ffffffe0; --ma-bgc:#ffffff00; --ma-brc:#ffffff80;  filter:drop-shadow(0px 0px .3rem #ffffffa0); }




.menus a:first-child { margin-left:0; }
.menus a:last-child { margin-right:0;  }
.menus a .icon { background:var(--ma-fc); width:1.25rem; height:1.25rem; transition-property: background,border,color,transform,filter; transition-duration: 300ms,900ms,300ms,900ms,900ms;transition-timing-function: ease;  }
.menus a span {

    margin:0px; padding:.125rem .125rem ; border:0px solid #999999;   line-height:100%; 
    display:flex;  justify-content:center; align-items: center;
    transition-property: background,color; transition-duration: 200ms;transition-timing-function: linear,ease; 
}

.menus  a span:nth-child(3) {  display:none;  }







body[data-sid="0"][data-usercid="0"] .menus a[data-sid="0"][data-usercid="0"],
body[data-sid="1"] .menus a[data-sid="1"],
body[data-sid="2"] .menus a[data-sid="2"],
body[data-usercid="1"] .menus a[data-usercid="1"],
body[data-usercid="2"] .menus a[data-usercid="2"] { --ma-fc:#000000c0;  --ma-bgc:#ffffffc0; --ma-brc:#00000000; font-weight:700;   color:#000000e0; }

body[data-sid="0"][data-usercid="0"] .menus a[data-sid="0"][data-usercid="0"]  span ,
body[data-sid="1"] .menus a[data-sid="1"]  span ,
body[data-sid="2"] .menus a[data-sid="2"]  span ,
body[data-usercid="1"] .menus a[data-usercid="1"]  span ,
body[data-usercid="2"] .menus a[data-usercid="2"] span {     filter:drop-shadow(0px 0px .2rem #000000a0);     }


.navsbar { margin:0;  padding:.25rem; width:100%;  overflow:hidden;  display:flex; justify-content: space-between; align-items: stretch;  background:#f3f3f3; font-size:.75rem; }
.navsbar > div:nth-child(1) img { width:7.5rem; height:2rem; overflow:hidden;  display:block;   object-fit:cover; border-radius:.25rem; }
.navsbar > div:nth-child(2) img { width:2.5rem; height:2.5rem; overflow:hidden;  display:block;   object-fit:cover; transform:scale(1.25); }






.rowsbox {
    margin:0px; width:100%;   padding:.5rem 1rem; display:flex; align-items:stretch;
    background:var(--main-bgc);
    transition-property: background,opacity;
    transition-duration: 1300ms; transition-timing-function: ease;
    
    /* backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); */
    
    border-radius:.75rem;
    box-shadow: 1px 1px .75rem rgba(0, 0, 0, .3)

}


.rowsbox > div {  margin:0; padding:.5rem;  display:flex;  align-items: flex-start;  border:0px solid #99999920;    }

.rowsbox > div:nth-child(1) { f.lex-grow:.2; width:10%; min-width:6rem; flex-shrink:0;  display:flex; justify-content:center; d.isplay:none;}
.rowsbox > div:nth-child(2) { f.lex-grow:.7;  width:65%; }
.rowsbox > div:nth-child(3) { f.lex-grow:.3;  width:25%; min-width:18rem;  flex-shrink:0;  display:flex; justify-content:center; } 
.rowsbox > div:nth-child(4) { f.lex-grow:0; display:none; } 

.rowsbox > div:nth-child(3) >* { width:100%; max-width:20rem; } 



/* 列表样式选择按钮 position:relative; */
.sslist { 
    margin:0; padding:3rem 0;  display:flex; justify-content:center; align-items: center; color:var(--main-fontcolor);
    justify-content: align-items: center; flex-direction: column;
    border:0px solid #999999;
    position: sticky; top: 1.5rem; left:0;
    gap:1.5rem;
}
.sslist a { margin:0; padding:.25rem 1rem;  border:1px solid #00000020; display:flex;  overflow: visible; overflow-y: auto;   flex-direction: column; align-items: stretch; color:var(--main-fontcolor); position:relative; font-size:.75rem; line-height:100%; transition-property: background,color,border,transform; transition-duration: 200ms,200ms,333ms,200ms;transition-timing-function: linear,ease;   overflow:hidden ;  text-align:center;  border-radius:.25rem; flex-grow:0;  } 
.sslist a span {  margin:0px; padding:.25rem ; border:0px solid #999999; display:flex;  justify-content:center; align-items: center; line-height:100%;  }
.sslist a span:nth-child(3) {   display:none; }
.sslist a .icon { width:1.5rem; height:1.5rem;  mask-size:100%; background:#303030; }

.sslist a:hover ,
body[data-infolist="1"] .sslist a[data-infolist="1"],
body[data-infolist="2"] .sslist a[data-infolist="2"],
body[data-infolist="3"] .sslist a[data-infolist="3"] { background:#00000010;  color:#303030;  border:1px solid #00000000;}

.sslist a:hover .icon,
body[data-infolist="1"] .sslist a[data-infolist="1"] .icon,
body[data-infolist="2"] .sslist a[data-infolist="2"] .icon,
body[data-infolist="3"] .sslist a[data-infolist="3"] .icon { background:#303030; }



.infsbox {   display:block; flex-direction: column; }
body[data-infolist="1"] .infsbox { padding:1rem;   }
body[data-infolist="2"] .infsbox { padding:1rem;  }
body[data-infolist="3"] .infsbox { padding:1rem;   }















/* 符合搜索条件的发布人  */
.rusers { margin:0; flex-grow:0;  padding:.25rem .25rem .25rem .25rem; overflow:hidden ; display:block; overflow:visible; max-height:60vh;  overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066; }
.rusers div.userrow { margin:.5rem; padding:.25rem; overflow:visible; display:flex;   background:var(-main-iofs-abgc:#383838;);  border:1px solid #00000011;  border-radius:.3rem; transition-property: background,border,margin,padding,border-radius,box-shadow,transform; transition-duration: 300ms; transition-timing-function: linear,ease;    }

.rusers div.userrow span { overflow:visible; }
.rusers div.userrow div:nth-child(1) { padding:.25rem; border:0px solid #000000; flex-shrink:0; display:flex; overflow:visible; }
.rusers div.userrow div:nth-child(2) { padding:.25rem; border:0px solid #000000; flex-grow:1; overflow:visible; }
.rusers div.userrow:hover { border:1px solid var(--main-bordercolor); transform:scale(1.05); }
.rusers .hpic img { display:block; overflow:hidden; border:0px; width:3rem; height:3rem;   border:0px solid #778899; border-radius:8rem;  object-fit:cover;  }
.rusers .r1 { margin:0; padding:0;  overflow:visible;  display:flex;  justify-content: space-between;  border:0px solid #ff000033;   }
.rusers .r1 span:nth-child(2) { font-size:0.75rem; }
.rusers .r2 { margin:0; padding:0; overflow:visible; display:block; font-size:0.75rem;  }









 .infsgood {  padding:0; overflow:hidden;   display:flex; flex-direction: column; 
 position: sticky; top: 1rem; left:0;
 overflow-y: auto; 
 }



.infsgood ul { margin:0; padding:.25rem;;  overflow-y: auto;  border:0px solid #00000033;  display:flex; flex-direction: column; justify-content: center; }
.infsgood ul:nth-child(1) { margin:0; padding:.25rem 1rem;  overflow:hidden; display:flex; justify-content: center; justify-content: center;   flex-direction: row;}
.infsgood ul:nth-child(1) span { margin:0;  padding:0 .25rem;  overflow:hidden; display:flex; justify-content: center; align-items:center; border:0px solid #00000030;  line-height:100%;}
.infsgood ul:nth-child(1) .icon { width:1.25rem; height:1.25rem; background:#303030; }


.infsgood a { margin:.25rem; padding:.25rem; flex-grow:1;  overflow:hidden; display:flex; color:var(--main-fontcolor);  border:1px solid #00000010; border-radius:.25rem; }
.infsgood a > span { margin:.25rem; padding:0; overflow:hidden; }

.infsgood a > span:nth-child(1) { padding:.125rem 0 0 0;  flex-shrink:0; }
.infsgood a > span:nth-child(2) { padding:0 0 0 0;  flex-grow:1; vertical-align:text-top; }

.infsgood a font.r1 { margin:0; padding:0; display:block; overflow:hidden; width:100%; font-size:.875rem; line-height:130%; vertical-align:text-top; }
.infsgood a font.r2 { margin:0; padding:0; display:block; overflow:hidden; width:100%; font-size:.75rem; color:#00000080;  }

.infsgood a img  { display:block; overflow:hidden; border:none;  width:4rem; height:3rem;  border:0px solid #778899; border-radius:.25rem;  object-fit:cover; }






.pages { margin:0; padding:.5rem 5%; display:inline-block; overflow:hidden;  }

body[data-infolist="1"] .pages { padding:.5rem 5%;  }







body[data-infolist="1"] .infolist { margin:0;  padding:0; width:100%;  overflow:hidden; position: relative   }
body[data-infolist="1"] .infolist > a { margin:0 0 0 0; padding:.5rem; color:var(--main-fontcolor); vertical-align: top; touch-action: auto;  overflow:hidden;  width:100%;  border-top:1px solid #00000010; border-bottom:1px solid #00000000;  display:flex; justify-content:flex-start; transition-property: transform,border-radius,background;transition-duration: 200ms;transition-timing-function: linear,ease;}
body[data-infolist="1"] .infolist > a:last-of-type {  border-bottom:1px solid #00000010;}
body[data-infolist="1"] .infolist > a:hover,
body[data-infolist="1"] .infolist > a.issel {  background:#00000010; border-top:1px dashed #00000000; border-bottom:1px solid #00000000; border-radius:.5rem;  overflow:hidden;}
body[data-infolist="1"] .infolist > a:first-child ,
body[data-infolist="1"] .infolist > a:hover + a,
body[data-infolist="1"] .infolist > a.issel + a { border-top:1px dashed #00000000; }

body[data-infolist="1"] .infolist a > span {   border:0px solid #3385FF; vertical-align: top; line-height:130%;  overflow:visible; transition-property: filter,drop-shadow; transition-duration: 200ms; transition-timing-function: linear,ease;}
body[data-infolist="1"] .infolist a > span.sort { display:flex;  flex-basis:auto;  text-align:right;  margin:0; padding:0 .25rem;  flex-shrink:0; color:#33333388; float:left;  }
body[data-infolist="1"] .infolist a > span.thumbnail, 
body[data-infolist="1"] .infolist a > span.thuempty { width:4.5rem; height:3rem; flex-basis:4.5rem;  font-size:0.75rem; color:#00000060;  display:flex; justify-content:center; align-items:center;  position:relative; margin:0 .5rem;padding:0; border-radius:.25rem; flex-shrink:0; float:left; background:#00000010; }
body[data-infolist="1"] .infolist a > span.thumbnail img { display:block; overflow:hidden; border:none;  width:100%; height:100%;  border:0px solid #778899; border-radius:.25rem;  object-fit:cover; }
body[data-infolist="1"] .infolist a > span.thuempty {  border:0px solid #00000030; background:#ffffff60; }

/*   (60% - 5rem) 所有列总和刚好时100%，所有固定宽总和再拆分后 分配给不固定的宽 */

body[data-infolist="1"] .infolist a > span.topic { flex-basis:10rem;  width:calc(68% - 17rem); flex-grow:1; display:block;  padding:0 .25rem; flex-shrink:0; float:left; }
body[data-infolist="1"] .infolist a > span.topic .ts1 { text-overflow: ellipsis; }
body[data-infolist="1"] .infolist a > span.topic .ts2 { display:block; padding:0; font-size:.75rem;  color:var(--main-fontcolor); opacity:.5; }

body[data-infolist="1"] .infolist a > span.price { width:calc(32% - 15rem);  flex-basis:7rem;  display:block;   margin:0;  padding:0 .5rem 0 .5rem; flex-shrink:0; text-align:right;float:left;  }
body[data-infolist="1"] .infolist a > span.price > font { display:block; text-align:right }
body[data-infolist="1"] .infolist a > span.price > font:nth-child(2) { color:#00000080; font-size:.75rem; }

body[data-infolist="1"] .infolist a > span.times { flex-basis:6rem;   display:block; margin:0;  padding:0 .5rem .2rem .2rem; flex-shrink:0; text-align:right; float:left;  }
body[data-infolist="1"] .infolist  .emptyrow {  margin:0; padding:0; width:100%;  overflow:hidden; height :1px; background:00000000; }
body[data-infolist="1"] .infolist a > span.hp {display:none; }

body[data-infolist="1"] .infolist a .fs {display:none; }
body[data-infolist="1"] .infolist a > span.buts { display:none;}
body[data-infolist="1"] .infolist a > span.rname {display:none;}









body[data-infolist="2"] .infsbox {  width:100%; overflow:visible; overflow-y: auto;}


body[data-infolist="2"] .infolist { padding:.5rem; width:100%;  gap:.5rem; display:flex !important; flex-wrap: wrap !important; justify-content:space-evenly !important;  border-radius:.5rem;  }
body[data-infolist="2"] .infolist a {  margin:0;  width:18rem;  flex-grow:1;  padding:.5rem; touch-action: auto;
		color:var(--main-fontcolor);  background:#ffffff30;   border:0px solid #00000030;  border-radius:.25rem;   
		overflow:hidden; display:flex; justify-content:space-between; 
		transition-property: transform,border-radius,background;transition-duration: 200ms; transition-timing-function: linear,ease;
	}

body[data-infolist="2"] .infolist .emptyrow ,
body[data-infolist="2"] .infolist .blanks { width:18rem; margin:0; padding:0; height:1px !important;  flex-grow:1; flex-shrink:0; display:block; overflow:hidden; }



body[data-infolist="2"] .infolist a:hover { background:#00000010; border:0px solid #00000000; border-radius:.5rem;  b.ox-shadow: 1px 1px 1rem rgba(0, 0, 0, .2)}
body[data-infolist="2"] .infolist a.sels {  background:#F3F3F3; transform:scale(0.90);   border-radius:.5rem; } 

body[data-infolist="2"] .infolist a > span {  display:block; overflow:visible; border:0px solid #3385FF;  vertical-align: top; line-height:130%; }
body[data-infolist="2"] .infolist a > span.sort { margin:0 .25rem 0 .25rem; writing-mode:vertical-lr; writing-mode:tb;  letter-spacing:.125rem;  flex-shrink:0; line-height:120%; color:#33333388; }


body[data-infolist="2"] .infolist a > span.thumbnail { position:relative;  margin:0 .25rem 0 .25rem;  padding:0; float:left;  width:6rem; height:4rem; flex-shrink:0; }

body[data-infolist="2"] .infolist a > span.thumbnail img.thus { display:block; overflow:hidden; border:0px; width:100%; height:100%;   border:0px solid #778899; border-radius:.25rem;  object-fit:cover; }

body[data-infolist="2"] .infolist a > span.thumbnail img.icon1 { background:rgba(0,0,0,.1); position: absolute; z-index:66; bottom:.2rem; left:.2rem;  border:0px solid #999999; height:1.25em;   opacity: .7;   border-radius:.25rem;}


body[data-infolist="2"] .infolist a > span.thuempty { display:none; }
body[data-infolist="2"] .infolist a > span.hp { display:none; }
body[data-infolist="2"] .infolist .fs { display:none; }
body[data-infolist="2"] .infolist a > span.topic { padding:0 .25rem 0 .25rem;  flex-grow:1;   }
body[data-infolist="2"] .infolist a > span.topic .ts1 {display:block; margin:0px; padding:0px;  width:100%;  font-size:1rem; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3; /* 调整行高，确保每行的高度一致 */
  max-height: calc(1.3em * 2); /* 计算两行的最大高度 */
  height: auto; /* 让容器高度自适应内容 */
  padding-right: 1rem; /* 防止省略号被裁剪 */
  word-break: break-all; /* 如果有长单词，可以断开 */
  white-space: normal; /* 确保文字换行 */
}
body[data-infolist="2"] .infolist a > span.topic .ts2 {display:block; margin:0px; padding:.2rem 0 .2rem 0;   width:100%;    font-size:.75rem;  color:var(--main-fontcolor); opacity:.5; }
body[data-infolist="2"] .infolist a > span.buts { float:left; width:1rem; width:calc(5vmin + 1rem ); padding:0px; flex-shrink:0;  background-IMAGE: url(/svg/more_vert_black.svg); background-size:1.25rem;   background-repeat:no-repeat; background-position : 2px 0px ;  opacity: .5; display:none; }
body[data-infolist="2"] .infolist a > span.price {  display:none;  padding:0 .25rem 0.25rem; flex-shrink:0; text-align:right; }
body[data-infolist="2"] .infolist a > span.rname {display:none; }
body[data-infolist="2"] .infolist a > span.times {display:none; }


body[data-infolist="3"] .infsbox { overflow:visible; overflow-y: auto;}
body[data-infolist="3"] .infolist { margin:0; padding:0; gap:0.75rem; width:100%;  overflow:hidden; display:flex; flex-wrap: wrap; align-items: stretch;  }
body[data-infolist="3"] .infolist  a { 
    touch-action: auto;
    margin:0; padding:.5rem; width:16rem;
    color:var(--main-fontcolor);  background:#ffffff60;  border:1px solid #00000000; border-radius:.5rem;
    position:relative; float:left; flex-grow:1; overflow:hidden; display:flex; flex-wrap: wrap; align-content: flex-start; 
    transition-property: transform,border-radius,background; transition-duration: 222ms; transition-timing-function: linear,ease;
}





body[data-infolist="3"] .infolist .emptyrow ,
body[data-infolist="3"] .infolist .blanks { width:16rem; margin:0; padding:0; height:1px !important;  flex-grow:1; flex-shrink:0; display:block; overflow:hidden; }







body[data-infolist="3"] .infolist a:hover { border-radius:.5rem;  b.ackground:#00000011;  border:1px solid #00000010;t.ransform:scale(0.95);  } 

body[data-infolist="3"] .infolist a.sels { border-radius:.5rem;  transform:scale(0.88); background:#e3e3e3; } 


body[data-infolist="3"] .infolist a > span {  overflow:visible;  border:0px solid #778899;}
body[data-infolist="3"] .infolist a > span.sort { display:none; }

body[data-infolist="3"] .infolist a > span.thumbnail,  
body[data-infolist="3"] .infolist a > span.thuempty  { font-size:1.5rem; font-weight:700; color:#00000030;  overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%;  margin:0 0 .25rem 0;  flex-shrink:0;  flex-grow:1;  aspect-ratio: 1/.5; b.ackground:#F3F3F3;border-radius:.25rem;  }

body[data-infolist="3"] .infolist a > span.thumbnail img { margin:0;  width:100%; height:100%; border:0px solid #000000; display:block; object-fit:cover;  }
body[data-infolist="3"] .infolist a > span.thuempty img { display:block; overflow:hidden; border:none;  width:1rem; height:1rem;  object-fit:cover; }


body[data-infolist="3"] .infolist a > span.hp { margin:0px;  padding: .2rem;  flex-shrink:0;  flex-grow:0; }
body[data-infolist="3"] .infolist a > span.hp img{ display:block; overflow:hidden; width:2rem; height:2rem;  border-radius:50%;  object-fit:cover; border:0px solid #E3E3E3; }
body[data-infolist="3"] .infolist a > span.hp .icon{ width:2rem; height:2rem; mask-size:125%; background-color:var(--main-fontcolor); }

body[data-infolist="3"] .infolist a > span.topic { padding:.25rem .5rem 0 .5rem; flex-grow:1; width:50%; }
body[data-infolist="3"] .infolist a > span.topic .ts1 {  margin:0px; display:block; overflow:visible; padding:0px; flex-grow:1; line-height:130%;  font-size:1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3; /* 调整行高，确保每行的高度一致 */
  max-height: calc(1.3em * 2); /* 计算两行的最大高度 */
  height: auto; /* 让容器高度自适应内容 */
  padding-right: 1rem; /* 防止省略号被裁剪 */
  word-break: break-all; /* 如果有长单词，可以断开 */
  white-space: normal; /* 确保文字换行 */
}
body[data-infolist="3"] .infolist a > span.topic .ts2 {  margin:0px; display:block; overflow:visible; padding:.2rem 0 .2rem 0; display:block; overflow:hidden; line-height:100%; font-size:.75rem;  color:var(--main-hfcolor);  }
body[data-infolist="3"] .infolist a > span.price {display:none;}
body[data-infolist="3"] .infolist a > span.rname {display:none;}
body[data-infolist="3"] .infolist a > span.buts {display:none;}
body[data-infolist="3"] .infolist a > span.times {display:none;}



.npag { width:100%; padding:.25rem 1rem 1rem 1rem ; display:flex; justify-content:center; overflow:visible;  }
.npag a {  margin:0; padding:.5rem; min-width:9rem;  font-size:.875rem;  text-align:center;
	overflow:visible; border-radius:.25rem; border:1px solid #00000030;
	color:var(--main-fontcolor); 
	display:flex;  justify-content: center; align-items: center; align-items: stretch;
	/* clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%); */
	transition-property: border,width,background,color,filter; transition-duration: 300ms;  transition-timing-function: linear,ease;
 	position: relative;
	
}

.npag a span {   padding:.25rem; line-height:100%; display:flex; justify-content:center; overflow:visible; align-items: center;   }

.npag a .icon { width:1.5rem; height:1.5rem; mask-size:100%; background-color: var(--main-fontcolor); overflow:visible; }
.npag a:hover{  border:1px solid #000000; }  
.npag a:hover .icon {  transform:scale(1.1);   filter: drop-shadow(0px 0px 3px #fffff0);    }  





div.formpage {
    position:relative;
    backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
    margin:0px; padding:.25rem; z-index:97; width:38rem; position:fixed;  overflow:hidden;  border-radius:.5rem;
    border:none;background:#ffffffc0;  box-shadow: 1px 1px .5rem rgba(0, 0, 0, .2) ;
    animation: formpage_fadein 200ms ease-in-out 1;
}

body[data-reform="1"] div.formpage { transition-property: top,left; transition-duration: 900ms; transition-timing-function: linear,ease;  border:0px solid #000000; }




@-webkit-keyframes formpage_fadein {
    0% {      opacity: .1;  }
    100% {      opacity: 1;}
}



div.formpage .titsbar { padding:0; overflow:visible;  border:0px solid #3385ff; width:100%; display:flex;  }

div.formpage .titsbar > div { margin:0px; padding:0;  font-size:1rem; border:0px solid #000000;  overflow:visible;  }

div.formpage .titsbar > div:nth-child(1) {padding-left:1.5rem;  flex-grow:1;   display:flex;   align-items: center; font-size:.75rem; }
div.formpage .titsbar > div:nth-child(2) { display:flex; justify-content:flex-end;  }

div.formpage .titsbar > div:nth-child(2) a { margin:.25rem; padding:.25rem .25rem ; display:block;  overflow:visible;  display:flex; align-items: center; justify-content:center; border:0px solid #00000030;  border-radius:.5rem; }
div.formpage .titsbar > div:nth-child(2) a span { margin:0; padding:0; overflow:hidden; display:flex; align-items:center; justify-content:center; border:0px solid #ffff00; color:#303030;  }
div.formpage .titsbar > div:nth-child(2) a span .icon { height:1.5rem; width:1.5rem; background:#303030; mask-size:100%; }














.sform { --main-input-color:#aacceee0; --main-input-focus-color:#303030;  display:block;  width:100%;  display:flex; flex-direction: column; }

.sform .inpsbox { margin:0px auto; padding:.5rem .5rem .5rem .5rem ; overflow:hidden; display:flex;  flex-wrap: wrap;    }
.sform .inpsbox span {  margin:.5rem;  padding:0;  display:block; overflow:hidden; position:relative;  border-radius:.25rem; width:100%;  flex-grow:1; }

.sform .inpsbox font.corner {  position:absolute; padding:0px; right:9px;  bottom:6px; border:0px solid #C2D0E7; color:var(--main-input-color); font-size:0.75em; line-height:100%; }
.sform .inpsbox .icobox {  position:absolute; padding:0 .25rem; top:0px; right:.25rem;  bottom:0px; border:0px solid #C2D0E7; color:#ffffff;  line-height:100%;   display:flex; align-items: center; justify-content:center;  }
.sform .inpsbox .icon {  background:#303030; width:1.25rem; height:1.25rem; mask-size:100%;  }

.sform .inpsbox .butbox {  position:absolute; padding:0 .75rem; top:0; right:0;  bottom:0; border:0px solid #C2D0E7;  background:var(--main-input-color);  background:#00000000; color:#303030;  font-weight:700; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content:center;  }
.sform .inpsbox span:focus-within  .butbox { background:var(--main-input-focus-color);  color:#ffffff;}
.sform .inpsbox span:focus-within  font.corner  { color:var(--main-input-focus-color);}

.sform .inpsbox input[type=text] { width:100%; height:2rem; padding:.3rem; font-size:1rem; border:1px solid var(--main-input-color); outline:none; border-radius:.25rem; }
.sform .inpsbox input[type=text]:focus { border:1px solid var(--main-input-focus-color);  }


.sform .inpsbox input[data-manual="0"] { border:1px solid var(--main-input-color);  }
.sform .inpsbox input[data-manual="1"] { box-shadow: 1px 1px .3rem rgba(0, 0, 0, .1) inset; border:1px solid #303030;  }

.sform .inpsbox span[data-manual="1"] font.corner { color:#303030;  }

.sform div.subs { margin:0px auto;  width:100%;  padding:2vmin;  width:100%;  display:block; overflow:hidden;  }


.sform div.subs .s1 { margin:0px;  width:100%;  padding:2vmin;  width:100%;  display:block; overflow:hidden; }

.sform div.subs a.buts { margin:0px; padding:0px ; width:100%; line-height:36px; height:38px;  float:right; text-align:center;  text-decoration: none; background-color:#3385ff;   border-radius:0px;  b1ox-shadow:1px 1px 5px rgba(0,0,0,0.3) ;  overflow:hidden;display:block; } 
.sform div.subs a.buts:link{ color: #FFFFFF; border:0px solid #e3e3e3; }
.sform div.subs a.buts:visited{ color: #FFFFFF; border:0px solid #e3e3e3; } 
.sform div.subs a.buts:hover{ color: #ffffff; background-color:#3385ff; border:0px solid #3385ff; } 
.sform div.subs a.buts:active{ color: #ffffff; background-color:#3385ff; border:0px solid #3385ff;  } 
.sform div.subs .buts img { width:24px;   }



.sform div.rbox1 {  padding:.25rem 1rem;   display:block; overflow:hidden; width:100%;  }


.sform .tishi {    margin:0 0 1rem 0;  padding:0;  width:100%; overflow-x:hidden;overflow-y:auto;  border-radius:.25rem;}
.sform .tishi ul {  margin:0px; padding:.5rem;   width:100%;  border:0px solid #00000030;}
.sform .tishi ul.r1 {  padding:.5rem; color:#303030; }
.sform .tishi ul:last-child {  padding:0; border:1px solid #00000030; border-radius:.25rem;}

.sform .tishi ul:only-child {  margin:0; padding:.5rem; border:1px solid #00000030; border-radius:.25rem; }

.sform .tishi a { width:100%;  padding:.25rem .5rem; color: #303030;  border-bottom:1px solid #00000030; display:block; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.sform .tishi a:last-child { border:0px solid #00000030; }

.sform .tishi a:hover{color: #cc6600;  }



.sform .roomn {  margin:0 0 1rem 0; padding:0px;  width:100%; overflow-x:hidden;overflow-y:auto;  border:1px solid #00000030; border-radius:.25rem; }
.sform .roomn a { width:100%;  padding:.25rem .5rem  ; color: #303030; display:block; overflow:hidden; border-bottom:1px solid #00000030; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.sform .roomn a:last-child { border:0px solid #00000030; }
.sform .roomn a:hover{color: #cc6600;  }


.sform .boxlist {  margin:0 0 1rem 0; padding:.5rem 1rem .5rem .5rem ;  width:100%; max-height:30vh;  overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066;}
.sform .boxlist li {  margin:0px; padding:0px;  width:100% ; border-bottom:1px solid #00000030; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.sform .boxlist li:last-child { border:0px solid #00000030; }



.sform .boxlist a { width:100%;  padding:.25rem .5rem  ; color: #303030; display:block; overflow:hidden;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.sform .boxlist a:hover{color: #cc6600;  }
.sform .boxlist a:active{color: #cc6600;  }


body[data-reform="0"] input { font-size:.75rem; color:#00000080; }








@media screen and (max-width: 66rem) {

    body[data-infolist="1"] .infolist span.times { display:none;  }


body[data-infolist="12"] .infolist span.sort { flex-basis:3rem; display:block; text-align:right;  margin:0; padding:0 .25rem;  flex-shrink:0; color:#33333388; float:left;  }

body[data-infolist="1"] .infolist span.sort { flex-basis:auto; margin:0; padding:0; writing-mode:vertical-lr; writing-mode:tb;  letter-spacing:.125rem;  flex-shrink:0; line-height:120%; color:#33333388; }


}













div.bottom1 { 


    position:relative; 
  p..osition: sticky;

  left:0px;
  right:0px;
  bottom: 0; 
  z-index:9;  
    
    --bottombar-color:#c8c8c8; 
    
    margin:1.5rem 0 0 0; 
    
    width:100%; font-size:1rem; border-top:0px solid rgba(255,255,255); display:block; overflow:hidden; font-size:.75rem;
    background-color:#000000a0; 
    backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); 
    box-shadow: 1px 1px .75rem rgba(0, 0, 0, .3)
    transition: all 200ms ease;
    
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    
}





div.bottom1 .cenr {  margin:0 auto;   padding:0px ;  display:block; overflow:hidden; width:66rem;  border:0px solid #C2D0E7; b.ackground-color:#505050; }
div.bottom1 .cenr > div:nth-child(1) { margin:0px;  padding:1rem ; display:block; overflow:hidden;  width:100%; text-align:center; font-size:1em; font-weight:700;   color:#ffffffe0; }






div.bottom1 .cenr > div:nth-child(2)  { margin:0px;  padding:0;  display:block; overflow:hidden;  width:100%; line-height:150%;   }
div.bottom1 .cenr > div:nth-child(2) .cens { margin:0px auto;  padding:.5rem; color: #80808080; display:block; overflow:hidden; width:38rem; min-height:90px; color:var(--bottombar-color);text-align:center; border-top:1px dashed #888888; }
div.bottom1 .cenr > div:nth-child(2) .cens ul { margin:0px;  padding:0px; display:block; overflow:hidden; color: #80808080; }
div.bottom1 .cenr > div:nth-child(2) .cens ul a { color: var(--bottombar-color);  text-decoration: none; color: var(--bottombar-color);  }
div.bottom1 .cenr > div:nth-child(2) .cens ul a:hover{ color: #ffffff; }
div.bottom1 .cenr > div:nth-child(2) .cens ul span { color: var(--bottombar-color);   }

div.bottom1[data-atbottom="1"] {position:relative;}
div.bottom1[data-atbottom="0"] {position:sticky;}






@media screen and (max-width: 1090rem) {
    .rowsbox {
        border-radius:0rem;
        box-shadow:none;
    }
    body[data-infolist="1"] .infolist span.times { display:none;  }


    div.bottom1 { margin:0; box-shadow:none;  background-color:#000000e0; }

}

/* 开关类功能 样式 */




[data-translucent="true"] .rowsbox {
    opacity:0.9;
    background: linear-gradient(
        120deg,
        #ffffffe0 0%,
        #ffffff30 100%
    );
    
}



@-webkit-keyframes rowsboxbg1 {
  0%   { background-position: 100% 0; }
  80%  { background-position: -100% 0; }
  100% { background-position: -100% 0;}
}