:root {
    
    --main-back-color: #fffffff3;    /* 主体背景色 */
    --main-fore-color: #00000010;      /* Foreground 顶层突出背景色 */
    
}



div.infoview {
    margin:0px auto 0 auto; padding:0; height:auto; min-height:100vh; border:0px solid #FF0000;  position:relative; 
    display: flex; flex-direction: column; justify-content: flex-start;  overflow:visible;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: infoviewfadein;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes infoviewfadein {
    0% {   background:#ffffffFF;  }
    100% {  background:#ffffff00; }
}

div.infoview div.views {
    margin:0 auto 0 auto; padding:0; width:100%; border:0px solid #ff0000; border-radius:0px;
    position:relative; overflow:visible;  
    background:var(--main-back-color); 
    
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: viewsfadein;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes viewsfadein {
     0% { opacity: 0; transform:translate(0,50%);   }
   100% { opacity: 1; transform:translate(0,0);    }
}







/* 信息页的顶部导航栏 回退按钮 */
div.infoview .nopicbar { margin:0px; padding:0px; width:100%; display:block; position:relative;z-index:1; overflow:hidden;  border:0px solid #E30000; color:#FFFFFF; }

div.infoview .goback { margin:0px; padding:0px; width:100%; display:block; position:fixed; z-index:91; overflow:hidden;  top:0; left: 0;  width:100%; border:0px solid #E30000; color:#FFFFFF; }
div.infoview .goback[data-imgcount="0"] { position:static; }




div.infoview .backbar { margin:0; padding:1.5vmin; width:100%;  overflow:visible; display:flex; justify-content:space-between; }
div.infoview .backbar > div { padding:.25rem;  gap:.25rem;  overflow:visible; display:flex; justify-content: center; align-items: center;  line-height:100%; font-size:.875rem;  color:#ffffff;}

div.infoview .backbar > div a {margin:0px; padding:.25rem; gap:.25rem; display:flex; justify-content:center;align-items: center; line-height:100%;  color:#ffffffe0; /* font-weight:700; */ overflow:hidden;  border-radius:.3rem;     pointer-events: auto; }
div.infoview .backbar > div a span { padding:0; overflow:visible;  display:flex; justify-content: center; align-items: center;  }


div.infoview .backbar > div > span { padding:0; overflow:visible;  display:flex; justify-content: center; align-items: center;  }


div.infoview .backbar .icon { width:1.25rem; height:1.25rem; background:#ffffff; mask-size:100%; }

div.infoview .backbar > div a > .icon { width:1.25rem; height:1.25rem; background:#ffffffe0; mask-size:100%; display:flex; justify-content: center; align-items: center;     pointer-events: auto; }

div.infoview .backbar > div:nth-child(2) { flex-grow:1; }

div.infoview .backbar > div:nth-child(3) { padding-right:1rem;     pointer-events: none; }




div.infoview .navis { margin:0px; padding:0px; width:100%; display:block;  overflow:hidden; border:0px solid #E30000;     pointer-events: none; }
div.infoview .navis[data-imgbar="1"] { position:fixed; position:absolute; z-index:91; top:0px; left: 0px;   }
div.infoview .navis[data-imgbar="1"] .backbar > div a {
    position:fixed;
    top: 2rem;
    left:1rem;
    padding: .25rem .75rem .25rem .25rem; 
    background:#00000000;
    border:0px solid #00000030;
    filter:drop-shadow(0px 0px .25rem #00000080);
    pointer-events: auto;
    border:1px solid #ffffff20; 
    border-radius:.25rem;
}







div.infoview .opinions { margin:0px; padding:3vmin 6vmin; width:100%; display:block; overflow:hidden;background:#FFFFFF;border-top:0px dashed #e3e3e3;  display:flex; align-items: center; justify-content: center;  }
div.infoview .iconr {  margin:0px; padding:1px;  overflow:hidden; display:block;  border:0px solid #c3c3c3; background:#F3F3F3; color:#999999;  display:flex; border-radius:.2rem;  }
div.infoview .iconr span {  margin:0px; padding:.1rem .3rem;  overflow:hidden; display:block;  border:0px solid #F30000;  }
div.infoview .iconr img { width:1.5rem; height:1.5rem; overflow:hidden; display:block;  opacity: 0.5; }
div.infoview div.views div.topic1 {  padding:2vmin 3.3vmin 1vmin 3.3vmin; width:100%; color:#3385ff;  overflow:hidden;   }
div.infoview div.views div.topic1 h1 { margin:0px; padding:0px; width:100%;  font-size:1.25rem; display:block; overflow:hidden; color:#333333;   border:0px solid #ff0000;}

div.topicbar { margint:0; padding:3vmin 3.5vmin 3vmin 3.5vmin; width:100%; overflow:hidden;  border:0 solid #ffffff; display:flex; justify-content:space-between; }
div.topicbar div.c1 { margin:0; padding:0; overflow:hidden; border:0px DASHED #E3E3E3; flex-grow:1; order:0; flex-shrink:0; }
div.topicbar div.c1 img {  display:block;  overflow:hidden; width:3rem; height:3rem;  border-radius:50%;  border:0px solid #000000; object-fit:cover; }


div.topicbar div.c2 { margin:0px; overflow:hidden; float:left; padding:0 2vmin;  overflow:visible; flex-grow:1;}
div.topicbar div.c2 ul { margin:0px; padding:0px; display:block;  border:0px solid #ff0000; width:100%; }
div.topicbar div.c2 ul.r1 h1 { margin:0px; padding:0px; width:100%; line-height:130%; display:block; color:#303030;   border:0px solid #ff0000; font-size:1.25rem; font-weight:700; }
div.topicbar div.c2 ul.r1 h1 .icon { width:1.25em; height:1.25em;  display:inline-block; vertical-align:middle;  }




div.topicbar div.c2 ul.r2 { margin:0.2rem 0px 0px 0px ; border:0px solid #E3E3E3; font-size:0.75rem; line-height:1.3em; color:#888888;  border:0px DASHED #E3E3E3; }


div.topicbar div.c3 { margin:0; padding:.125rem 0; overflow:hidden; float:right; text-align:right;   border:0px solid #E3E3E3; color:#999999;   flex-shrink:0;}
div.topicbar div.c3 .icon  { width:1.25rem; height:1.25rem; background:#30303080;  }



/* 正在显示的电话 */
.phsbox { margin:0;   overflow:hidden; padding:.25rem;  overflow:hidden;}
.phsbox ul { margin:0; padding:0; line-height:100%;  border:0px solid #00000030; }
.phsbox ul:nth-child(1) { padding:0 .25rem 0 .25rem ; font-size:.875rem;  font-weight: 300;}
.phsbox ul:nth-child(2) { padding:.25rem 1rem .25rem .5rem ; overflow:visible; display:flex; font-size:1rem; font-weight: bold;  flex-shrink:0; -webkit-box-reflect: below -10px linear-gradient( transparent 0%, rgba(0, 0, 0, .2));   color:var(--infs-type-color); }
.phsbox ul:nth-child(3) { padding:.25rem .75rem .25rem .75rem ; font-size:.75rem; line-height:1.3; color:#00000080;  display:flex; j.ustify-content: center;  }
.phsbox ul:nth-child(3) a { color:#606060;  }
.phsbox ul:nth-child(3) a:hover { color:var(--infs-type-color);  }
.phsbox .icon { width:1rem; height:1rem; background:var(--infs-type-color);  flex-shrink:0;  }









.userosbar { overflow:hidden;  padding:3.3vmin 5vmin 6vmin 5vmin; font-size:1rem;  border-top:1px solid #00000011;  border-bottom:1px solid #00000011;  display:flex; align-items: flex-start; flex-wrap: wrap;}
.userosbar  div.os2 svg,
.userosbar  div.os2 img {  width:0.75rem; height:0.75rem; -moz-opacity:0.7;-khtml-opacity: 0.7; opacity:0.7;  }
.userosbar div.os3 svg,
.userosbar div.os3 img { display:block; overflow:hidden; width:1.5rem; height:1.5rem;  }
.userosbar div.os1 {  flex-grow:0; }
.userosbar div.os2{ padding:0 1vmin 0 1vmin; flex-grow:1;  }
.userosbar div.os3 {  flex-grow:1; border:0px solid #cdcdcd; display:flex; flex-wrap: wrap; justify-content:flex-end; }



.userosbar div.os3 a { display:block; overflow:hidden;  margin:1vmin; padding:.5rem;  border:1px solid rgba(0,0,0,.1);   border-radius:.25rem;  display:flex; line-height:100%; justify-content:center;align-items:center;  }


.userosbar div.os3 a.a1 {   background:rgba(255,255,255,0.3);  background:#3385ff; color:#ffffff; }
.userosbar div.os3 a.a2 {     }
.userosbar div.os3 a.a3 {   }

.userosbar div.os3 a:first-child  {   }
.userosbar div.os3 a:last-child  {  margin-right:0;   }

/*  订阅按钮  */
.subscribe { flex-grow:1;   gap:3vmin;  display:flex;  justify-content:space-between; justify-content: flex-end; align-items: flex-start; border:0px solid #00000080; align-items: stretch;  }
.subscribe a { display:block; overflow:hidden;   margin:0; padding:.25rem ;  color:var(--main-fontcolor); border:1px solid #00000010;  background:#00000000; border-radius:.25rem;  display:flex; line-height:100%; justify-content:center;align-items:center;  }
.subscribe a span { overflow:visible; display:none; margin:0px; padding:.25rem; font-size:.75rem }
.subscribe a:nth-child(1) { padding:0 .5rem;  }


.subscribe a .icon { width:1.5rem; height:1.5rem;  opacity:0.9; }

.subscribe[data-subscribe="0"] > a:nth-child(1) span:nth-child(1) { display:block;  }
.subscribe[data-subscribe="1"] > a:nth-child(1) span:nth-child(2) { display:block;  }
.subscribe[data-notice="0"] > a:nth-child(2) span:nth-child(1) { display:block;  }
.subscribe[data-notice="1"] > a:nth-child(2) span:nth-child(2) { display:block;  }
.subscribe[data-notice="2"] > a:nth-child(2) span:nth-child(3) { display:block;  }
























.photos1 img { display:block;  overflow:hidden; width:3rem; height:3rem;  border-radius:50%;  border:0px solid #000000; object-fit:cover; }












div.infoview div.views div.atlas1 { margin:0px 0px 0% 0px;  width:100%; position:relative;  overflow:hidden;  padding:0px ;  border:0px solid #E30000; background-color:#FFFFFF;}
div.infoview div.views div.atlas1 div.scene1 { width:100%;  overflow:hidden; border:0px solid #C2D0E7;}
div.infoview div.views div.atlas1 div.tits { width:100%;  padding:3px 6px 3px 6px ; overflow:hidden; border:0px solid #C2D0E7; background:rgba(0,0,0,0.3); font-size:12px; color:#E3E3E3; position:absolute; left:0px; bottom:0px; }
div.infoview div.views div.atlas1 div.osLink1  { padding: 10px 12px 10px 10px ; position:absolute; right:0px; bottom:0px;  overflow:hidden; border:0px solid #C2D0E7;  }
div.infoview div.views div.atlas1 div.osLink1 a { display:block;float:left; color: #333333;  width:2rem; height:1.5rem; line-height:1.5rem; text-align:center; margin:0px 1vmin 0px 0px;  padding: 0px; background:rgba(255,255,255,0.6); border:0px solid rgba(0,66,255,0.5);  font-weight:bold; font-size:1rem;  box-shadow:1px 1px 7px rgba(0,0,0,0.3) ;  border-radius:3px; }     /* 未访问的链接 */
div.infoview div.views div.atlas1 div.osLink1 a:link{color: #333333;  border:0px solid rgba(255,255,255,0.6);   }  
div.infoview div.views div.atlas1 div.osLink1 a:visited{color: #333333; border:0px solid rgba(255,255,255,0.6);  }
div.infoview div.views div.atlas1 div.osLink1 a:hover{ color: #FFFFFF; border:0px solid rgba(255,66,0,0.9); background:#FF0000;  } 
div.infoview div.views div.atlas1 div.osLink1 a:active{color: #FFFFFF;  border:0px solid rgba(255,66,0,0.9);  background:#FF0000;  } 
div.infoview div.views div.atlas1 div.osLink1 a.sels { color: #FFFFFF;  border:0px solid #3385ff; background:#ff0000; }

div.infoview div.views div.cens1 {    margin: 0; padding:3.5vmin 6vmin 0 6vmin;  width:100%; overflow:hidden;  margin: 0 auto; }
div.infoview div.views div.cens1 div:nth-child(1) {    margin: 0 ; width:100%; padding:0;  border:0px solid #C2D0E7;  overflow:hidden; font-size:0.75rem; color:#999999;font-weight:bold; }
div.infoview div.views div.cens1 .pricestr {   margin:0px; padding:3.3vmin;overflow:hidden; border:0px solid #C2D0E7;  float:left; font-size:0.75rem; color:#333333; b.ox-shadow:1px 1px 7px rgba(0,0,0,0.2) ;b.order-radius:50%;}




.views  .subtit { position:relative; margin-top:3.5vmin; padding:0 3.5vmin 0 3.5vmin; width:100%; overflow:hidden; display:block; border:0px solid #F00000;   display:flex; justify-content: flex-start; }
/* 背面的那条线 */
.views  .subtit::after { content: ''; position:absolute; left:3%;top:50%; right:3%; height:1px; background:#00000030; 
background: linear-gradient(to right, #00000030, #00000000);

 }
.views  .subtit .icon { width:1rem; height:1rem; mask-size:100%; background:#00000080; transform:var(--similar-iconrotate); }
.views  .subtit div {margin:0px; padding:.25rem; border:0px solid #00000022; border-radius:5rem; font-size:1rem;  overflow:hidden; display:flex;  z-index: 9;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
 }
.views  .subtit div > span { margin:0px; padding:0; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content: center; }
.views  .subtit div > span:last-child { padding:0 .25rem;   color:#30303080; font-weight:700; }








div.infoview div.views .keyinfo { width:100%;  color:#666666; margin:0px 0px 0px 0px; padding:.5vmin 0 3vmin 0 ;  overflow:hidden; display:flex; justify-content:flex-start; flex-wrap:wrap;}
div.infoview div.views .keyinfo div { margin:0 5vmin; padding:0; flex-grow:1;  }
div.infoview div.views .keyinfo div:nth-child(1) {  float:left;   overflow:hidden; border:0px solid #E0E0F0;  flex-grow:1;  }
div.infoview div.views .keyinfo div:nth-child(2) {  float:left;  overflow:hidden; border:0px solid #E0E0F0;   flex-grow:3; }
div.infoview div.views .keyinfo .halfcolor { opacity:.75; font-size:.75rem; }
div.infoview div.views .keyinfo span {   margin:0px; width:100%; padding:.25rem 0 2px 0 ;  font-size:0.875em; display:block;  overflow:hidden; border-bottom:1px dashed rgba(0,0,0,0.1); color:#333333; }








@-webkit-keyframes fadein3q {
    0% { opacity: 0.1;   -webkit-filter: blur(66px); filter: blur(66px); -webkit-transform:scale(0.3); }
    90% { opacity: 0.8;   -webkit-filter: blur(9px); filter: blur(9px); -webkit-transform:scale(1.1); }
    100% { opacity: 1;    -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform:scale(1); }
}






div.infoview div.emptybg { overflow:hidden; display:block; width:100%; min-height:6rem; flex-grow:1; background:var(--main-back-color); }














div.topics { margint:0px 0px 0px 0px ; padding:2vmin 3.3vmin .5vmin 3.3vmin; width:100%;  overflow:hidden; display:flex; justify-content:space-between; border:0px solid #ff0000;}
div.topics div.c1 { margin:0px; padding:0px; font-size:1rem; display:block; overflow:hidden;    border:0px solid #ff0000;flex-grow:1;}
div.topics div.c1 ul { margin:0px;  padding:0 1vmin 1vmin 0; display:block; overflow:hidden;border:0px solid #777777;}
div.topics div.c1 ul.r1 { font-size:1.25rem;  color:#3385ff; }
div.topics div.c1 ul.r2 { font-size:0.75rem;  color:#778899;  line-height:130%; }
div.topics div.c3 { margin:0px; padding:0px;  font-size:0.75rem;  color:#999999; display:block; overflow:hidden;  border:0px solid #ff0000;  flex-shrink:0; }
div.topics div.c3 span.s1 { margin:0; overflow:hidden;  float:right; text-align:right; padding:0 0 0 2vmin ;  border-left:1px dashed #999999; color:#666666;  line-height:130%; }

div.topics font.vips { font-size:0.75rem; color:#3385FF; background:#FFF3F3;}



















div.authors { margin:0px 0px 0px 0px ; padding:0vmin 3.3vmin; width:100%;  overflow:hidden; display:flex; justify-content:space-between; }
div.authors div.c1 { margin:0; padding:.33rem .5rem;  overflow:hidden; float:left; border:0px DASHED #E3E3E3; flex-grow:1; order:0; }
div.authors div.c1 img { width:3rem; height:3em;  border-radius:5px;  border:0px solid #F3F3F3; object-fit:cover; }
div.authors div.c2 { margin:0px; overflow:hidden; float:left; padding:.2rem; border:0px solid #000000; flex-grow:5;order:1;}
div.authors div.c2 a { margin:0;  color: #3385ff; TEXT-DECORATION: none;  padding:.2rem .5rem ; B.ACKGROUND:#F0F3FF; line-height:1.3rem; display:block; overflow:hidden; float:left;   border-left:2px dashed #999999;   border-right:2px dashed #999999; border-radius:.5rem; b1ox-shadow:1px 1px 6px rgba(0,0,0,0.5) ; } 
div.authors div.c2 a:link{color: #333333;   }  
div.authors div.c2 a:visited{color: #333333;    }
div.authors div.c2 a:hover{ color: #ffffff;  border:0px solid #3385ff; background:#3385ff; } 
div.authors div.c2 a:active{color: #FFFFFF;   border:0px solid #3385ff; background:#3385ff; } 
div.authors div.c3 { margin:0; overflow:hidden; font-size:0.75em; float:right; text-align:right; padding:0;  border:0px solid #E3E3E3; color:#666666; order:3; }
div.authors div.c3 span.s1 { margin:0; overflowspan:hidden;  float:right; text-align:right; padding:0 0 0 2vmin ;  border-left:2px dashed #999999; color:#666666;  }







div.similar {
      --similar-on:inline; --similar-off:none; --similar-iconrotate:rotate(90deg);
    padding:0px;padding:0;  width:100%; overflow:visible;   background:var(--main-back-color);  
    -webkit-animation-timing-function: ease-in-out ;
    -webkit-animation-name: similar_fadein ;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes similar_fadein {
    0% { opacity: 0; transform:translate(0,50%);   }
    100% { opacity: 1; transform:translate(0,0);    }
}

div.similar div.simlist { padding:0px; width:100%;  display:block; height:auto;  border:0px solid #C20000; }
div.similar div.simlist a { margin:1px 0; padding:2vmin 5vmin 2vmin 5vmin; color: #333333;  overflow:hidden; display:block; /* background:#fffffff0; */ display:flex; justify-content:space-between; transition-property: transform,border-radius,background;transition-duration: 200ms,200ms,200ms;transition-timing-function: linear,ease;}
div.similar div.simlist a:hover { background:#fffffff0; /* transform:scale(0.96); border-radius:.5rem; */ }

div.similar div.simlist a.sels {  background:#F3F3F3; transform:scale(0.90);   border-radius:.5rem; } 
div.similar div.simlist span {  display:block; overflow:hidden; float:left; border:0px solid #3385FF; }
div.similar div.simlist span.sort { margin:0px 1.5vmin 0px 0px; width:1.25rem; float:left;  flex-shrink:0; line-height:120%; color:#33333388; }
div.similar div.simlist span.thumbnail { position:relative;  margin:0px 1.5vmin 0px 0px;  padding:.2rem .2rem 0px 0px; float:left;  flex-shrink:0; }
div.similar div.simlist span.thumbnail img { display:block; overflow:hidden; border:0px; width:100%; height:100%; width:5rem; height:3.3rem;   border:0px solid #778899; border-radius:.2rem;  object-fit:cover; }
div.similar div.simlist 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:.2rem;}
div.similar div.simlist span.hp { display:none; }
div.similar div.simlist font.fs { display:none; }
div.similar div.simlist span.topic { padding:Opx .5rem 0 .5rem; float:left; flex-grow:1;  border:0px solid #000000;  }
div.similar div.simlist span.topic .ts1 {display:block; overflow:hidden; margin:0px; padding:0px;  width:100%;vertical-align: top;  line-height:130%;  font-size:1rem; max-height:2.6rem; overflow : hidden;text-overflow: ellipsis; display: }
div.similar div.simlist span.topic .ts2 {display:block; overflow:hidden; margin:0px; padding:.2rem 0 .2rem 0;   width:100%;  line-height:100%; font-size:.75rem; color:#666666; }
div.similar div.simlist span.buts { float:left; width:1rem; padding:0px; flex-shrink:0;  background-IMAGE: url(/svg/more_vert_black.svg); background-size:1.5rem;   background-repeat:no-repeat; background-position : 2px 0px ;  opacity: .5;  }

div.similar div.simlist span.icobox { margin:0; margin-left:1vmin; width:1.25rem; padding:2px 0 0 0; flex-shrink:0; display:flex; flex-direction: column;  align-items: flex-end;}
div.similar div.simlist span.icobox .icon {  width:.875rem; height:.875rem; mask-size:100%; background:#303030; }


div.similar div.simpage { margin:0px; padding:0 0 1rem 0; width:100%; overflow:hidden;  }
div.similar div.simpage .icon {  width:1.5rem; height:1.5rem; mask-size:100%; background:#303030; }


div.pages .progres { margin:0px; padding:0px 0px 0px 0px ;  overflow:hidden; width:100%; height:2px; }
div.pages .progres span { margin:0px; padding:0px ;  display:block; background:#778899; height:2px; width:0%; overflow:hidden;  transition-property: width; transition-duration: 2000ms; transition-timing-function: linear,ease; }


div.similar div.simpage {  display:flex; justify-content:center;  overflow:hidden;  width:100%;  padding:1vmin 3vmin ; }
div.similar div.simpage a { color: #3385FF; width:100%; TEXT-DECORATION: none; margin:0px; text-align:center; padding:1vmin; border:0px solid #00000033;  background:var(--main-fore-color);   display:flex; justify-content:center;  overflow:hidden; font-size:1rem; border-radius:5px; 
    transition-property: width,background;
    transition-duration: 300ms,500ms;
    transition-timing-function: linear,ease;
} 
div.similar div.simpage a:link{color: #333333;    }  
div.similar div.simpage a:visited{color: #333333;      }  
div.similar div.simpage a:hover{color: #ffffff;  background:#FFFFFF;   width:50%;  }  
div.similar div.simpage a:active{color: #ffffff;   background:#FFFFFF;  } 
div.similar div.simpage a img {  width:1.5rem; height:1.5rem;  display:block; overflow:hidden;  opacity: 0.5; }


div.similar .swbar { position:relative; padding:1vmin 3vmin 1vmin 3vmin ; width:100%; overflow:hidden; display:block; border:0px solid #F00000;   display:flex; justify-content: flex-start; }
div.similar .swbar::after { content: ''; position:absolute; left:3.6vmin;top:50%; right:3.6vmin; height:1px; background:var(--main-fore-color);  }
div.similar .swbar .icon { width:2rem; height:2rem; mask-size:100%; background:#303030; transform:var(--similar-iconrotate);}
div.similar .swbar img { overflow:hidden; display:block;  width:1.5rem;height:1.5rem; transform:var(--similar-iconrotate); }
div.similar .swbar div {margin:0px; padding:0px; border:0px solid #00000022; background:#fffffff0; border-radius:5rem; font-size:1rem; line-height:100%;  overflow:hidden; display:flex;  z-index: 9; }
div.similar .swbar div span { margin:0px; padding:0; overflow:hidden; font-size:.75rem; line-height:100%; border:0px solid #F00000;  display:flex; align-items: center; justify-content: center; }
div.similar .swbar div span:nth-child(2) { padding-right:1rem;  }

div.similar[data-switch="1"] {  --similar-on:inline; --similar-off:none; --similar-iconrotate:rotate(90deg); }
div.similar[data-switch="0"] {  --similar-on:none; --similar-off:inline; --similar-iconrotate:rotate(0deg); }



@-webkit-keyframes bbarmove {
    0% { transform:translate(0,200%) }
    100% { transform:translate(0,0%); }
}


div.bbar { position:relative; margin:0px; padding:.25vmin 2vmin 1vmin 2vmin; width:100%; position:fixed; z-index:66; left:0px; bottom:0px; right:0px; overflow:hidden;border-top:1px solid #00000060; background-color:#ffffff;  b.ox-shadow:0px 0px 0.5rem rgba(0,0,0,0.2) ;  
    display:flex;  justify-content:space-around;  align-items: center;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name: bbarmove;
    -webkit-animation-duration: 220ms;
    -webkit-animation-iteration-count: 1;

}

div.bbar a { margin:1.5vmin ; padding:.25rem .5rem ; float:right; text-align:center;  flex-grow:1; color:#303030; border:0px solid #F8F8F8;   overflow:visible;  display:flex; flex-direction: column;  align-items:center; } 
div.bbar a:hover{ color: #303030;   } 
div.bbar a .icon { width:1.25rem; height:1.25rem;  background:#303030e0; }

div.bbar a span {   display:block;  overflow:visible;  margin:0px; padding:0px; border:0px solid #999999; width:100%;  display:flex;  justify-content:center;  line-height:100%;   }
div.bbar a span:nth-child(1)  { width:100%;   display:flex;  justify-content:center; align-items:center; }
div.bbar a span:nth-child(1) img {   display:block;  margin:0px; width:1.25rem; height:1.25rem;}
div.bbar a span:nth-child(2) {  padding:.25rem 0 0 0;  font-size:0.75rem; }

/* 依据dataset显示 */
div.bbar1 a[data-browserusers],
div.bbar1 a[data-appusers] { display:none; }
div.bbar1[data-browserusers] a[data-browserusers] { display:flex; }
div.bbar1[data-appusers] a[data-appusers] { display:flex; }



div.bbar a[data-browserusers],
div.bbar a[data-appusers] { display:none; }

body[data-browserusers] div.bbar a[data-browserusers] { display:flex; }
body[data-appusers] div.bbar a[data-appusers] { display:flex; }



div.phonebar {  margin:0px; padding:0 0 .5rem 0 ; width:100%; height:4rem;  position:fixed; z-index:66; left:0px; bottom:0px; right:0px; overflow:hidden; background:#ffffff; border-top:1px solid #00000033; display:flex;  justify-content:center; /* box-shadow:0px 0px 6px rgba(0,0,0,0.3) ; */


    transition-property: height;
    transition-duration: 300ms;
    transition-timing-function: ease;

    -webkit-animation-timing-function:linear	;
    -webkit-animation-name: bbarmove;
    -webkit-animation-duration: 220ms;
    -webkit-animation-iteration-count: 1;
}
div.phonebar > .conts {  flex-grow:1;  display:flex; justify-content: center; }


div.phonebar a { margin:0px ; padding:0 .5rem 0 .5rem ;text-align:center; font-size:1rem;  f.ont-weight:700; color:var(--infs-type-color);  border:0px solid #ffffff; border-radius:5px; overflow:hidden;display:block;  flex-grow:1;  display:flex; justify-content: center  } 
div.phonebar a span {  overflow:hidden; margin:0px; padding:0; line-height:100%; display:flex;  align-items: center; justify-content: center;  }
div.phonebar a span:nth-child(1) {  padding:.125em 0 0 0;  }
div.phonebar a span:nth-child(1) img {   display:block;   overflow:hidden;  margin:0px; width:1.25rem; height:1.25rem;}
div.phonebar a span:nth-child(1) .icon { width:1.25em; height:1.25em; background:var(--infs-type-color); }
div.phonebar a span:nth-child(2) { margin:0px; padding:.3rem; }

div.phonebar > .corners {   position:absolute; z-index:30; top:.5rem; right:.5rem; overflow:hidden; display:none;  align-items: center; justify-content: center;   }
div.phonebar > .corners .icon {  width:1.5rem; height:1.5rem; background:#606060;  }

div.phonebar[data-barsize="1"] { height:50vmin; border-top-left-radius:1rem;  border-top-right-radius:1rem; box-shadow:0px 0px .5rem rgba(0,0,0,0.3); }
div.phonebar[data-barsize="1"] > .corners { display:flex; }

div.phonebar[data-sid="1"] { --infs-type-color:var(--infs-sale-fc); }
div.phonebar[data-sid="2"] { --infs-type-color:var(--infs-rent-fc); }







.top-player {
    width: 100%;
    aspect-ratio: 16 / 9; /* 使用现代比例属性 */
    background: #000;
    position: relative;
    overflow: visible; /* 允许内部容器脱出 */
}

.top-player .img-plays {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.top-player .img-plays .icon {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    background: #ffffffe0;
}

.top-player .imgfps {
    position: absolute;
    inset: 0;
    transition: opacity 1s ease;
    animation: img-fadein 600ms ease-in-out 1;
    -webkit-animation: img-fadein 500ms ease-in-out 1;
}

/* 模糊背景层 */
.top-player .imgfps .bg-blur {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(20px);
    opacity: 0.6;
    transform: scale(1.1);
}

/* 主图层 */
.top-player .imgfps .main-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 按钮样式优化 */
.top-player .opbar {
    position: absolute;
    z-index: 22;
    display: flex;
    gap: 1rem;
    pointer-events: none;
}


.top-player .opbar button {
    pointer-events: auto;
    line-height:100%;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: .5rem;
    padding: .5rem;
    cursor: pointer;
    backdrop-filter: blur(3px);
}
.top-player .op1 { top: 50%; width: 100%; justify-content: space-between; transform: translateY(-50%); padding: 0 1rem; }
.top-player .op2 { bottom:0; right:0 ; padding: 0 1rem 1rem 0; }

.top-player .btn-fullscreen i { display:none; }
.top-player[data-fullscreen="0"] .btn-fullscreen .icon_fullscreen { display:inline-block; }
.top-player[data-fullscreen="1"] .btn-fullscreen .icon_fullscreen_exit {display:inline-block;}



.top-player .imgvibe {
    position: absolute;
    left:1rem;
    right:33%;
    bottom:1rem;
    z-index: 10;
    display: flex;
    pointer-events: none;
    font-size:0.75rem;
    opacity: 0.8; 
    color:#ffffffc0;
    t.ext-shadow: 1px 1px 3px #00000080;
    transition: all 1s ease;
}

.top-player[data-fullscreen="1"] .imgvibe {
    font-size:1.25rem;
    left:10%;
    right:10%;
    bottom:25%;
    m.in-height:5rem;
    opacity: 1; 
}

.top-player[data-fullscreen="1"] .opbar button {

    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: .5rem;
    padding: .5rem;
    backdrop-filter: blur(0.25rem);
}






@-webkit-keyframes img-fadein {
    0% { opacity: 0;   }
    100% { opacity: 1; }
}



 /* 正文内容  */

.main-text { display:flex; flex-direction: column; gap:.5rem; margin: 0; padding:0 3.5vmin 7vmin 3.5vmin; width:100%; min-height:7rem;  border:0px solid #C2D0E7; position:relative;  line-height:150%;  overflow:hidden;  }

.main-text .ai-polishs { margin:0 0 0 0; padding:0.5rem; width:100%; min-height:3rem;  border:0px solid #ffffffc0; /* background:#ffffff30; */ position:relative;  line-height:130%;  overflow:hidden;  font-size:0.75rem; border-radius:.5rem; }
.main-text .ai-polishs >ul { margin:0 0 .5rem 0; padding:0rem; width:100%; line-height:130%;  overflow:hidden; font-size:0.75rem; }


/* 图片列表 */

.main-text .img-ls {
    margin:0 0 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: .75rem;
}

.main-text .text-part {
    position: relative;
    margin:0; padding:.5rem 0;
    line-height:170%;
}


/* 图片列表中 每个图片的容器 */
.main-text .img-ls > div {
    position: relative;
    margin:0; padding:0px;
    aspect-ratio: 1 / .75;
    display:block; overflow:hidden;  
    transition: all 0.3s ease;
    border-radius:.4rem;
}

.main-text .img-ls > div:hover {  border:0px solid #333333; /* -webkit-transform:scale(1.05);  */}  
.main-text .img-ls > div > img {  width:100%; height:100%;  border:none;  display:block; object-fit:cover;}

.main-text .img-ls > div .sel-marker { position:absolute; top:.25rem; right:.25rem; padding:2px; background:rgba(0,0,0, 0.2); filter:drop-shadow(0px 0px 6px #000000); border-radius:50%;  display:none; justify-content: center;  align-items: center; overflow:hidden; }
.main-text .img-ls > div .sel-marker .icon { background:#ffffff; width:1.25rem; height:1.25rem; mask-size:100%;}
.main-text .img-ls > div[data-marker] { box-shadow: 0 0 0 2px rgba(0, 150, 255, 0.5);}
.main-text .img-ls > div[data-marker] .sel-marker {display:flex; justify-content: center;  align-items: center;}

.main-text .img-num { position:absolute; top:.25rem; right:.25rem; padding:.25rem; color:#ffffff80;  background:rgba(0,0,0, 0.3); line-height:1; font-size:0.75rem; border-radius:3px; }

.main-text .img-text {
    position:absolute;
    bottom:0; left:0;
    padding:.5rem; color:#ffffffe0;  border-top:0px solid #00000020; background:rgba(0,0,0, 0.1); line-height:130%; font-size:0.75rem; 
    display: block;
    width:100%;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-overflow: ellipsis; 
    white-space: nowrap;
    overflow: hidden;
}