
:root {
    --infs-type-color:#303030;
    --watch-bgc:#f0f0f0f0;
}

body1[data-sid="1"] .watchs { --infs-type-color:var(--infs-sale-fc); --main-bgimg: url(/images/pc/1728105107.jpeg) no-repeat; }
body1[data-sid="2"] .watchs { --infs-type-color:var(--infs-rent-fc); --main-bgimg: url(/images/texture/1728104181.jpeg) no-repeat; }




body1[data-watchs_sid="1"] {  --main-bgimg: url(/images/pc/1728105535.jpeg) no-repeat;   }
body1[data-watchs_sid="2"] {  --main-bgimg: url(/images/texture/1728104360.jpeg) no-repeat; }

body1[data-watchs_sid="1"]  .watchs { --infs-type-color:var(--infs-sale-fc);  }
body1[data-watchs_sid="2"]  .watchs { --infs-type-color:var(--infs-rent-fc); }





.watchsbox { 
 /*   z-index: 56; */
    position:relative; margin:0 0 0 0; padding:0;  overflow:visible; border:0px solid #FF00ff; 
    user-select: none; -webkit-user-drag: none;
    flex-grow:1; width:100%;  
    display:flex; flex-direction: column; justify-content: flex-start; align-items: center; 
}




.watchsbox .infrows ,
.watchsbox .infpage { z-index:32; flex-grow:1; margin:0 0 0 0;  padding:0 0 0 0;  overflow:visible;  width:100%;  max-width:60rem; display:block; 

    transition-property: background,opacity,filter,top,left,height,max-height,width,min-width,border-radius,box-shadow,transform;
    transition-duration: 600ms;
    transition-timing-function: linear,ease; 


 } 

.watchsbox .borderbox {  margin:0;  padding:0;  display:block;   width:100%;  background:var(--watch-bgc); width:100%; /* border-radius:.5rem; */ }





.watchs {  margin:0px auto 0 auto; padding:0px;  width:100%;   overflow:hidden;  border:0px solid #ffffff;  position:relative; 

    /* border-radius:.5rem; */

    transition-property: background,opacity,filter,top,left,height,max-height,width,min-width,border-radius,box-shadow,transform;
    transition-duration: 300ms;
    transition-timing-function: linear,ease; 
}
.watchs[data-watchs_sid="1"] { --infs-type-color:var(--infs-sale-fc); }
.watchs[data-watchs_sid="2"] { --infs-type-color:var(--infs-rent-fc); }

.watchs .topicbar { margint:0; padding:2% 5% 2% 5%; width:100%; overflow:hidden;  border-bottom:1px solid #00000010; display:flex; justify-content:space-between; }
.watchs .topicbar > div { margin:0;  padding:0; }
.watchs .topicbar > div:nth-child(1) { flex-grow:1;}

.watchs .topicbar > div:nth-child(1) > ul { margin:0px; padding:0px; display:block; overflow:hidden; border:0px solid #ff0000; width:100%; }
.watchs .topicbar > div:nth-child(1) > ul:nth-child(1) { margin:0 ; padding:0; }

.watchs .topicbar > div:nth-child(1) h1 { margin:0px; padding:0; width:100%; line-height:130%; display:block; overflow:hidden; color:#333333;   border:0px solid #ff0000;   font-size:1.25rem; font-weight:bold; }
.watchs .topicbar > div:nth-child(1) h1 .icon { width:1.5rem; height:1.5rem; vertical-align:bottom; }

.watchs .topicbar > div:nth-child(1) > ul:nth-child(2) { margin:0 ; padding:.25rem 0 0 0 ; border:0px solid #E3E3E3; font-size:0.875rem; line-height:100%;  border:0px DASHED #E3E3E3; }
.watchs .topicbar > div:nth-child(1) > ul:nth-child(2) .icon { width:1rem; height:1rem;  vertical-align:bottom;  }


.watchs .topicbar > div:nth-child(2) { width:3rem; flex-grow:0; flex-shrink:0; display:flex; justify-content:flex-end; }
.watchs .topicbar > div:nth-child(2) span { display:block; overflow:hidden; float:left; padding:0px; flex-shrink:0;  border:0px dashed #000000;   }
.watchs .topicbar > div:nth-child(2) .icon {  background:#888888; width:1.25rem; height:1.25rem; }


.watchs div.topic1 { padding:2% 3% 1% 3%; width:100%;  overflow:hidden;  t.ext-shadow: 2px 2px 5px rgba(0,0,0,0.1); }
.watchs div.line1 { margin:0px 0px 1% 0px ;  width:100%; height:6px;  BACKGROUND-IMAGE: url(/w/skin/imgs/titleline.gif); overflow:hidden; }
.watchs div.topic1 h1 {margin:0px; padding:0px; font-size:1.25em;color:#333333; font1-weight:bold; }
.watchs div.authors { margin:0px 0px 1% 0px ; padding:0% 3% 0% 3%;   width:100%;  overflow:hidden;  border:0px solid #f00000;  position:relative; d1isplay:none; }
.watchs div.authors div.phones {padding: 1px 0px 1px 0px; border:0px dashed #c3c3c3; border:0px solid #f00000; }

.watchs div.authors a { color: #3366BB; TEXT-DECORATION: none; margin:0px 0px 0px 0px;  padding: 3px 9px 3px 9px; display:block; overflow:hidden; float:left; border:1px dashed #F3F3F3;  border-radius:5px; }
.watchs div.authors a:link{color: #333333;  border:1px solid #E3E3E3;  }  
.watchs div.authors a:visited{color: #333333;  border:1px solid #E3E3E3;  }
.watchs div.authors a:hover{ color: #ffffff;  border:1px solid #3366BB; BACKGROUND:#3366bb; } 
.watchs div.authors a:active{color: #FFFFFF;   border:1px solid #3366BB; BACKGROUND:#3366BB; }  

.watchs div.atlas1 { margin:0px 0px 0% 0px;  width:100%;position:relative;  overflow:hidden;  padding:0px ;  border:0px solid #E30000; background-color:#FFFFFF;}
.watchs div.atlas1 div.scene1 { width:100%;  overflow:hidden; border:0px solid #C2D0E7;}
.watchs 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; }
.watchs div.atlas1 div.osLink1  { padding: 10px 12px 10px 10px ; position:absolute; right:0px; bottom:0px;  overflow:hidden; border:0px solid #C2D0E7; b1ox-shadow:0px 0px 10px #000000 ; border-radius:0px; }
.watchs div.atlas1 div.osLink1 a { display:block;float:left; color: #3366BB; TEXT-DECORATION: none; width:30px; height:26px; line-height:26px; text-align:center; margin:0px 10px 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:16px;  box-shadow:1px 1px 7px rgba(0,0,0,0.3) ;  border-radius:3px; }     /* 未访问的链接 */
.watchs div.atlas1 div.osLink1 a:link{color: #333333;  border:0px solid rgba(255,255,255,0.6);   }  
.watchs div.atlas1 div.osLink1 a:visited{color: #333333; border:0px solid rgba(255,255,255,0.6);  }
.watchs div.atlas1 div.osLink1 a:hover{ color: #FFFFFF; border:0px solid rgba(255,66,0,0.9); BACKGROUND:#FF0000;  } 
.watchs div.atlas1 div.osLink1 a:active{color: #FFFFFF;  border:0px solid rgba(255,66,0,0.9);  BACKGROUND:#FF0000;  } 
.watchs div.atlas1 div.osLink1 a.sels { color: #FFFFFF;  border:0px solid #3366BB; BACKGROUND:#ff0000; }





.watchs .userbar { margin:0; overflow:hidden; padding:3% 5%; font-size:1rem; border-top:0px solid #00000011; border-bottom:1px solid #00000010; display:flex; justify-content:space-between;  flex-wrap: wrap   align-items: stretch; }

.watchs .userbar > div {  flex-shrink:0;  margin:0 3% 0 0; padding:.5rem; background:#00000000; border:0px solid #00000030; border-radius:.25rem;  }

.watchs .userbar > div:nth-child(1) { flex-shrink:0;  margin:0 3% 0 0;   padding:.5rem; background:#00000000; border:0px solid #00000030; }
.watchs .userbar > div:nth-child(1)  img { display:block ; width:5rem; height:5rem; border-radius:25rem; border:0px solid #00000030; object-fit:cover;  }




.watchs .userbar > div:nth-child(2) {   margin:0 .5rem 0 0;  padding:.25rem;  flex-grow:1; font-size:1.25rem; display:flex;  }

/* 名字及电话 */

.watchs .userbar .usort {font-size:.875rem; font-weight:700; color:#00000080;}












/* 正在显示的电话 */
.watchs .phsbox { margin:0 1rem 0 1rem ;   overflow:hidden; padding:.25rem;  overflow:hidden; min-width:16rem; }
.watchs .phsbox ul { margin:0; padding:0; width:100%;line-height:100%;  border:0px solid #00000030; }
.watchs .phsbox ul:nth-child(1) { padding:.25rem .5rem .25rem 1rem ;  border-bottom:1px dashed #00000030;}
.watchs .phsbox ul:nth-child(2) { padding:.25rem 1rem .25rem .5rem ; overflow:visible; display:flex; font-size:1.5rem; 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); }
.watchs .phsbox ul:nth-child(3) { padding:.25rem .25rem .25rem 2rem ; font-size:.875rem; line-height:1.3; color:#00000080;  display:flex; j.ustify-content: center;  }
.watchs .phsbox ul:nth-child(3) a { color:#606060;  }
.watchs .phsbox ul:nth-child(3) a:hover { color:var(--infs-type-color);  }

.watchs .phsbox .icon { width:1.5rem; height:1.5rem; background:var(--infs-type-color);  flex-shrink:0;  }
/* 打开菜单的按钮 */
.watchs .phsbut a { margin:0px; padding:.25rem; font-size:1rem; color:#303030; border:0px solid #00000030; border-radius:.25rem; display:flex;  }

.watchs .phsbut a span { margin:0px; padding:0; line-height:100%; display:flex; align-items: center; justify-content: center; }
.watchs .phsbut a .icon { width:1.25rem; height:1.25rem; background:#303030e0;  }






.watchs .userbar > div:nth-child(2) > div:nth-child(2) { padding:0 3% ;   border:0px solid #00000030;  display:flex;  justify-content: center; align-items: center; }


.watchs .userbar .phonebar > div.qrbox { margin:0;  padding:0 .5rem;  background:#ffffff; border:0px solid #00000080;  display:flex;  justify-content: center;     align-items: center;   border-radius:3px; -webkit-animation-timing-function:linear; -webkit-animation-name: qr_fadein; -webkit-animation-duration: 300ms;}
.watchs .userbar .phonebar > div.qrbox canvas { margin:0; padding:0;  display:none;}
.watchs .userbar .phonebar > div.qrbox img { margin:0; padding:0;  overflow:hidden;  display:block; }

    @-webkit-keyframes qr_fadein{0% { opacity: .1; transform:scale(.3); -webkit-transform:scale(.3) }100% { opacity: 1; transform:scale(1); -webkit-transform:scale(1)  }}


.watchs .userbar > div:last-child {}

.watchs .userbar > .subscribe { flex-shrink:0; margin:0; display:flex;  justify-content:space-between; justify-content: flex-end; border:0px solid #00000080;  }
.watchs .userbar > .subscribe a { display:block; overflow:hidden;  height:3rem;  margin:0 0 0 .5rem;  padding:0 .75rem;   color:var(--main-fontcolor); border:1px solid rgba(0,0,0,.1); border-radius:.25rem;  display:flex; line-height:100%; justify-content:center;align-items:center;  }
.watchs .userbar > .subscribe a span { overflow:visible; display:none; margin:0px; padding:0px; }

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





.watchs .subtit { position:relative; padding:1rem 3% 1rem 3% ; width:100%; overflow:hidden; display:block; border:0px solid #F00000;   display:flex; justify-content: flex-start; }
.watchs .subtit::after { content: ''; position:absolute; left:3%;top:50%; right:3%; height:1px; background:#00000000;  }
.watchs .subtit .icon { width:1.25rem; height:1.25rem; mask-size:100%; background:#00000080; transform:var(--similar-iconrotate); }

.watchs .subtit div {margin:0px; padding:.25rem; border:0px solid #00000022; border-radius:5rem; font-size:1rem;  overflow:hidden; display:flex;  z-index: 9; }
.watchs .subtit div > span { margin:0px; padding:0; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content: center; }
.watchs .subtit div > span:last-child { padding:0 .25rem;   color:#30303080;}









.watchs div.infos {  color:#666666; margin:0px 0px 0px 0px; padding:.3% 3% 5% 3% ;  overflow:hidden; display:flex; justify-content:flex-start; flex-wrap:wrap;}


.watchs div.infos > div {  margin:0 1%; padding:3% 3% 5% 3% ;  overflow:hidden; display:block;  }

.watchs div.infos > div:nth-child(1) {  padding:0px 2%; float:left;   overflow:hidden;   flex-grow:1;  }
.watchs div.infos > div:nth-child(2) {  padding:0px 2%;  float:left;  overflow:hidden;   flex-grow:3; }

.watchs div.infos span {   margin:0px; width:100%; padding:.3rem 0px .1rem 0px ;  font-size:1rem; display:block;  overflow:hidden; border-bottom:1px dashed rgba(0,0,0,0.1);   color:#333333; }


.watchs .footer {  padding:1vmin 3.3vw .5rem 3.3vw; border:0px solid #C2D0E7; overflow:hidden;    font-size:0.75rem;  display:flex;  justify-content: flex-end; }
.watchs .footer div:nth-child(1) { padding:0 .5rem; border:0px solid #C2D0E7; overflow:hidden; text-align:right; display:flex;  justify-content: flex-end; align-items: center; }
.watchs .footer div:nth-child(2){  padding:3px; border:0px solid #333333;  overflow:hidden; text-align:left;   display:flex; justify-content: center;  align-items: center; display:none; }







.watchs div.goback { position:absolute; right:60px; top:40px; margin:0px; padding:6px; display:block; overflow:hidden;border-radius:3px; background-color:rgba(255,255,255,0.7);box-shadow:1px 1px 8px rgba(0,0,0,0.2) ;}
.watchs div.goback a { TEXT-DECORATION: none;  margin:0px; padding:8px 12px 8px 12px ; display:block; overflow:hidden; border:0px solid #e3e3e3; background-color:#3366bb; color:#ffffff; border-radius:3px;}
.watchs div.gback { position:absolute; left:60px; top:40px; margin:0px; padding:12px; display:block; overflow:hidden;border-radius:3px; box-shadow:1px 1px 8px rgba(0,0,0,0.3) ;}
.watchs div.gback a { TEXT-DECORATION: none;  margin:0px; padding:8px 12px 8px 12px ; display:block; overflow:hidden; border:0px solid #e3e3e3; background-color:#3366bb; color:#ffffff; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.3) ;}

@media screen and (max-width: 590px) {
    .watchs div.topic1 h1 {margin:0px; padding:0px; font-size:1em;color:#333333; font1-weight:bold; }
    .watchs div.authors a { font-size:0.85em;  display:block; overflow:hidden; float:left; border:0px dashed #F3F3F3; }
    .watchs div.authors a:link{ color:#ffffff; background-color:#3366bb; border:0px solid #E3E3E3;  }  
    .watchs div.authors a:visited{ color:#ffffff;  background-color:#3366bb; border:0px solid #E3E3E3;  }
    .watchs div.infos div.info1 {  margin:0px;  padding:0px; float:none; width:100%; max-width:600px; border:0px solid #E0E0F0; background-color:#FFFFFF;  border-radius:0px; }
    .watchs div.infos div.info2 { margin:0px;  padding:0px; float:none; width:100%; max-width:600px; border:0px solid #E0E0F0; background-color:#FFFFFF;  border-radius:0px; }
    .watchs div.goback { position:fixed;  left:3%; bottom:9%;   right:auto; top:auto;  }
} 


.watchs .cens {    margin: 0; padding:3% 3% 1% 3%; width:100%; overflow:hidden;   margin: 0 auto; }
.watchs .cens 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; }
.watchs .cens .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%;}

/*
.watchs .remarks { display:flex; flex-direction: column; gap:.5rem; margin: 0; padding:3% 3% 6% 3%; width:100%; min-height:7rem;  border:0px solid #C2D0E7; position:relative;  line-height:170%;  overflow:hidden;  }

.watchs .remarks p {  margin: 0; padding:0 .5rem; width:100%;   border:0px solid #ff0000;  line-height:170%;   overflow:hidden; }
.watchs .remarks div.imgbox {  margin:0;  width:100%;  border:0px solid #C2D0E7;   overflow:hidden; display:flex; justify-content:space-around; flex-wrap: wrap; }
.watchs .remarks div.imgbox div.sbox { position:relative; aspect-ratio: 1/.9; margin:.5rem;  width:12rem;  border:1px solid #00000000;  flex-grow:1; border-radius:.3rem;  transition-property: background,border,margin,padding,border-radius,box-shadow,transform; transition-duration: 200ms; transition-timing-function: linear,ease; }
.watchs .remarks div.imgbox div.sbox img { width:100%; height:100%;  border:0px solid #E3E3E3;  display:block; object-fit:cover;}
.watchs .remarks div.imgbox span.imgnr { position:absolute; margin:0; padding:.5rem; line-height:100%; right:2px; bottom:2px;  background:#00000033;  color:#ffffff;  border:0px solid #000000; border-radius:.25rem;  }
.watchs .remarks div.imgbox div.ebox { position:relative; margin:0 .5rem;    width:12rem; height:1px; border:0px solid #000000;  flex-grow:1; }
.watchs .remarks div.imgbox p.txtbox{ display:none; }
.watchs .remarks div.imgbox div.sbox:hover {  transform:scale(1.05);  border:1px solid #00000022; }

.watchs .remarks div.imgbox div.sbox[data-err="1"] { display:none }
*/


.watchs .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; }
.watchs .ai-polishs >ul { margin:0 0 .5rem 0; padding:0rem; width:100%; line-height:130%;  overflow:hidden; font-size:0.75rem; }





/* 图片列表 */

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

.main-text .img-ls {
    margin:0 0 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 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;
}

























.watchs div.remarks img { max-width:100%; border:0px solid #ff0000;  border-radius:0px;  }
.watchs div.otherss {  padding:0% 3% 0.6% 3%;   border:0px solid #C2D0E7;  overflow:hidden; text-align:right;  font-size:12px; }
.watchs div.otherss span { margin:0px 0px 0px 6px ; padding:3px 6px 3px 6px ;  color:#333333; border:1px solid #333333; display:block;  overflow:hidden; float:right; }
.watchs div.idsbar {  padding:0 3% 0 3%;   border:0px solid #C2D0E7;  overflow:hidden; text-align:right; color:#999999; font-size:12px; }

.watchs div.teamlogs { padding:1% 3% 2% 3%;  max-height:200px;  border:0px solid #C2D0E7; position:relative;   overflow:hidden;          }
.watchs div.teamlogs ul {  margin:0px; padding:0px;  width:100%;  }
.watchs div.teamlogs li {  width:100%; display:block; overflow:hidden; font-size:0.75em; color:#999999; }
.watchs div.teamlogs font.huise { color:#999999; }
.watchs div.teamlogs font.heise { color:#333333; }
.watchs div.teamlogs .p1 { margin:0px; padding:3px; height:27px; font-size:16px; border:1px solid #AACCEE; background:#FFFFFF;color:#333333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C3C3C3,direction=120,strength=3);-moz-box-shadow: 1px 6px 6px #C3C3C3 inset;-webkit-box-shadow: 1px 3px 6px #C3C3C3 inset; box-shadow:1px 3px 6px #C3C3C3 inset; overflow:hidden; border-radius:3px;}

.watchs div.teamlogs div.r1 { padding:0px ;  display:block; overflow:hidden ; }
.watchs div.teamlogs div.r1 span { display:block; overflow:hidden; float:left;  border:0px solid #F3F3F3;}
.watchs div.teamlogs div.r1 span.s1 {padding:3px 3px 3px 3px ; width:30px;  }
.watchs div.teamlogs div.r1 span.s2 {padding:3px 3px 3px 3px ; width:calc(100% - 160px);  max-width:400px; border:1px solid #F3F3F3;  border-right:0px solid #F3F3F3; }
.watchs div.teamlogs div.r1 span.s3 {padding:3px 3px 3px 3px ;  border:1px solid #F3F3F3;  border-left:0px solid #F3F3F3;}



.watchs div.teamlogs div.r2 { padding:5px 0px 5px 0px ;  display:block; overflow:hidden ;}
.watchs div.teamlogs div.r2 span { padding:3px 2px 1px 2px ;  display:block; overflow:hidden;  float:left;  }
.watchs div.teamlogs div.r2 span.s2 { border-bottom:1px dashed #E3E3E3; }
.watchs div.teamlogs div.r3 { padding:3px 0px 2px 0px ; font-size:0.75em; color:#999999; }

.watchs div.teamlogs div.r1 a.buts {margin:0px;  padding:0px; float:left;text-align:center;  font-size:14px;  height:27px; line-height:25px; TEXT-DECORATION: none;  border:1px solid #E3E3E3; b2ox-shadow:1px 1px 5px rgba(0,0,0,0.3) ;  overflow:hidden;display:block;
  background: -webkit-linear-gradient(180deg, #F3F3F3, #FFFFFF , #F3F3F3 , #F3F3F3);
  background: -o-linear-gradient(180deg, #F3F3F3, #FFFFFF , #F3F3F3 , #F3F3F3);
  background: -moz-linear-gradient(180deg, #F3F3F3, #FFFFFF , #F3F3F3 %, #F3F3F3); 
  background: linear-gradient(180deg, #F3F3F3, #FFFFFF , #F3F3F3 , #F3F3F3);

 border-radius:5px;

 } 
.watchs div.teamlogs div.r1 a.buts:link{ color: #333333; }
.watchs div.teamlogs div.r1 a.buts:visited{ color: #333333; } 
.watchs div.teamlogs div.r1 a.buts:hover{ color: #ffffff; background-color:#2255aa; border:1px solid #2255aa; 

  background: -webkit-linear-gradient(180deg, #3366bb, #88ccee , #3366bb , #3366bb);
  background: -o-linear-gradient(180deg, #3366bb, #88ccee , #3366bb , #3366bb);
  background: -moz-linear-gradient(180deg, #3366bb, #88ccee, #3366bb, #3366bb); 
  background: linear-gradient(180deg, #3366bb, #88ccee , #3366bb , #3366bb);

} 
.watchs div.teamlogs div.r1 a.buts:active{ color: #ffffff; background-color:#2255aa; border:1px solid #2255aa;  } 





div.watchsbox div.emptybg { overflow:hidden; display:block; width:100%; min-height:6rem; flex-grow:1; background:#ffffff; }






.similars { padding:0px; padding:2rem 3% 6rem 3%;  width:100%; min-height:12rem; border:0px solid #000000; overflow:hidden;   }

.similars .icon {  background:var(--main-fontcolor);   }





.similars div.simlist { padding:0; width:100%;  display:block; height:auto;   border:0px solid #E3E3E3;  border-radius:0;}
.similars div.simlist a { margin:0px 0; padding:1.5% 3% 1.5% 3%; color:var(--main-fontcolor);  overflow:hidden; display:block; vertical-align: top; border-bottom:1px solid #E3E3E3; line-height:130%;  b.ackground:#FFFFFFFF; display:flex; justify-content:space-between; transition-property: transform,border-radius,background;transition-duration: 200ms,200ms,200ms;transition-timing-function: linear,ease;}
.similars div.simlist a:hover {   /* transform:scale(0.96); border-radius:.5rem; */ }
.similars div.simlist a:hover .icon { background:var(--main-focuscolor); }
.similars div.simlist a:active {   } 
.similars div.simlist a.sels {  background:#F3F3F3; transform:scale(0.90);   border-radius:.5rem; } 
.similars div.simlist span {  display:block; overflow:hidden; float:left; border:0px solid #3385FF; vertical-align: top; }
.similars div.simlist span.sort { margin:0px 1.5vmin 0px 0px; width:1.25rem; float:left;  flex-shrink:0; line-height:120%; color:#33333388; }

.similars div.simlist span.thumbnail { position:relative;  margin:0px 1.5vmin 0px 0px;  padding:.2rem .2rem 0px 0px; float:left;  flex-shrink:0; }
.similars 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; }
.similars 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;}
.similars div.simlist span.hp { display:none; }
.similars div.simlist font.fs { display:none; }
.similars div.simlist span.topic { padding:Opx .5rem 0 .5rem; float:left; flex-grow:1;  border:0px solid #000000;  }
.similars div.simlist span.topic .ts1 {display:block; overflow:hidden; margin:0px; padding:0px;  width:100%; font-size:1rem; max-height:2.6rem; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.similars 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; }
.similars 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;  }

.similars div.simpage { margin:0px; padding:0 0 1rem 0; width:100%; overflow:hidden;  }





.similars div.simpage {  display:flex; justify-content:flex-start;  overflow:hidden;  padding:1% 3% ; }
.similars div.simpage a { color:var(--main-focuscolor); TEXT-DECORATION: none; margin:0px;  padding:.5rem; border:0px solid #00000033;  display:flex; align-items: center;  overflow:hidden; font-size:1rem; border-radius:5px; 
    transition-property: width,background,transform;
    transition-duration: 200ms,300ms,200ms;
    transition-timing-function: linear,ease;
} 
  
.similars div.simpage a:hover{ color:var(--main-focuscolor);   }  
.similars div.simpage a:hover .icon { background:var(--main-focuscolor); }

.similars .swbar { position:relative; padding:1rem 0 1rem 0 ; width:100%; overflow:hidden; display:block; border:0px solid #F00000;   display:flex; justify-content: flex-start; }
.similars .swbar::after { content: ''; position:absolute; left:9rem;top:50%; right:0; height:1px; background:#00000030;  }
.similars .swbar .icon { width:2rem; height:2rem; mask-size:100%; background:#303030; transform:var(--similar-iconrotate);}
.similars .swbar img { overflow:hidden; display:block;  width:1.5rem;height:1.5rem; transform:var(--similar-iconrotate); }
.similars .swbar div {margin:0px; padding:0px; border:0px solid #00000022;  border-radius:5rem; font-size:1rem; line-height:100%;  overflow:hidden; display:flex;  z-index: 9; }
.similars .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; }
.similars .swbar div span:nth-child(2) { padding-right:1rem;  }

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

.copyrs { padding: 0px 3% 3% 3% ; width:100%; background-color:#FFFFFF; color:#999999; border-bottom:0px dashed #333333; font-size:0.75em ; overflow:hidden;display:block; }




.serbar { padding: 2% 3% 3% 3% ; width:100%;  color:#999999; border-bottom:0px dashed #333333; font-size:0.75em ; overflow:hidden;display:block; }

.serbar  a { color:var(--main-focuscolor); TEXT-DECORATION: none; margin:0px;  padding:.25rem; border:0px solid #00000033;  display:flex; align-items: center; justify-content: center;   overflow:hidden; border-radius:.5rem; } 
  
.serbar  a span {  margin:0px;  padding:.25rem;  display:flex; align-items: center; justify-content: center;  }
  
.serbar .icon { width:2.5rem; height:2.5rem; background:#303030; }











.phbox { position:fixed;  position:absolute; z-index:99; margin:0px; padding:0px; font-size:1em;  background:#ffffffc0;  border:0px solid #00000080; overflow-x:hidden;overflow-y:auto; box-shadow:1px 1px .5rem rgba(0,0,0,.3) ; border-radius:.5rem; 
    backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
    transition-property: background,opacity,filter,top,left,height,max-height,width,min-width,border-radius,box-shadow,transform;
    transition-duration: 150ms;
    transition-timing-function: linear,ease; 
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: phbox_scale  ;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes phbox_scale {
    0% { opacity: 0.1; -webkit-transform:scale(.5) translate(-250%,0);}
    100% { opacity: 1; -webkit-transform:scale(1)translate(0,0) ; }
}








 
.phbox > .tits6{  margin:0; padding:.25rem .25rem 0 .25rem ;  display:flex;  justify-content: flex-end; align-items: stretch;}

.phbox > .tits6 div {  margin:0;  padding:.25rem; overflow:hidden;   display:flex;  align-items: stretch; color:#ffffffe0;     f.ilter:drop-shadow(0px 0px 2px #000000c0) ; }
.phbox > .tits6 div:nth-child(1) {  padding:0 .5rem;  flex-grow:1; font-size:.75rem; font-weight:700; color:#303030; display:flex;  align-items: center;  }
.phbox > .tits6 div:nth-child(2) { margin:0;  padding:0; display:block; overflow:hidden;}
.phbox > .tits6 a {  padding:0; display:block; overflow:hidden; user-drag:nono; -webkit-user-drag:none;  display:flex; justify-content: center  ; }
.phbox > .tits6 a span { margin:0;  padding:0; overflow:hidden; display:flex; justify-content: center ;  align-items:  center; }
.phbox > .tits6 a span .icon  { background:#000000e0; width:1.5rem; height:1.5rem; }



.phbox .txts { margin:0; padding:.5rem; overflow:hidden;  display:block; line-height:130%; font-size:.75rem; }
.phbox .txts > ul { margin:0; padding:0; display:block; width:100%; }
.phbox .txts > .qr11111 { padding:.25rem; line-height:130%; border:0px solid #00000030; border-radius:.25rem; color:#303030;}
.phbox .txts > .qr2 { margin-top:.75rem;}

.phbox  img {margin:.5rem 0; overflow:hidden;  display:block; border:none; border:0px solid #00000030; }



.phbox .mlist { margin:0; padding:.25rem; overflow:hidden;  display:flex;     flex-direction: column; align-items: stretch; }
.phbox .mlist ul { margin:.25rem; padding:0rem; min-width:12rem; border:0px solid #00000010;   }


.phbox ul.usflex .icon { background:#303030; width:1.25rem;height:1.25rem; mask-size:100%;  }
.phbox ul.usflex li { margin:0; padding:.5rem; width:100%; display:flex; justify-content: center ; align-items: flex-start; }
.phbox ul.usflex span:nth-child(1) { padding:.25rem ; background:#00000010;  border-radius:.5rem;  display:flex;  justify-content: center;  }
.phbox ul.usflex span:nth-child(2) {  padding:.25rem 1rem .25rem .5rem ;   flex-grow:1; line-height:100%;  display:block; font-size:.75rem;  }



.phbox .mlist ul.r1 li {  margin:0px; padding:0px;  width:100%;  white-space:nowrap; overflow:hidden; border-top:1px solid #00000010;}
.phbox .mlist ul.r1 li:first-child { border-top:1px solid #00000000; }
.phbox .mlist ul.r1 li:hover { border-top:1px solid #00000000; border-radius:.25rem; }
.phbox .mlist ul.r1 li:hover + li {  border-top:1px solid #00000000; }
.phbox888 .mlist ul.r1 li:last-child { border-top:1px solid #00000000; }

.phbox .mlist ul.r1 a { 
    width:100%;  padding:.5rem ;  min-height:2rem;
    color:var(--main-fontcolor); 
    user-drag:nono; -webkit-user-drag:none;  
    overflow:hidden; display:flex; justify-content: center  ;   
    transition-property: background,border,color; transition-duration: 200ms; transition-timing-function: linear,ease;
}

.phbox .mlist ul.r1 a:hover { background:#00000010;  }
.phbox .mlist ul.r1 a span {
    margin:0px; font-size:.75rem; display:block; overflow:hidden;  line-height:100%;  border:0px solid #00000099; vertical-align:text-top; 
    transition-property: background,border,color; transition-duration: 200ms; transition-timing-function: linear,ease;
}
.phbox .mlist ul.r1 a span:nth-child(1) { padding:.25rem ; background:#00000010;  border-radius:.5rem;  display:flex;  justify-content: center; align-items: center;  }
.phbox .mlist ul.r1 a span:nth-child(1)  .icon {  background:#303030; width:1.25rem;height:1.25rem; mask-size:100%;  }
.phbox .mlist ul.r1 a span:nth-child(2) {  margin-top:-0.25rem; padding:.25rem 1rem .25rem .5rem ;   flex-grow:1; line-height:100%;  display:flex; justify-content:flex-start; align-items: center;  }

.phbox .mlist ul.r1 a:hover  span:nth-child(1){  background:#ffffff80; }



.phbox .mlist ul.r1 li.txt {  display:flex; justify-content: center; align-items: flex-start; }

.phbox .mlist ul.r1 li.txt a {  display:flex; justify-content: center; align-items: flex-start; }
.phbox .mlist ul.r1 li.txt a span:nth-child(2) {  margin:0; line-height:130%;  display:block;  }






.phbox > .logins {  margin:0;  padding:.5rem;  overflow:hidden; width:100%;  display:block; b.ackground:#00000030;  }
.phbox > .logins ul {  margin:0;  padding:.25rem; overflow:hidden;   display:block;  }
.phbox > .logins ul:nth-child(1) { padding:.25rem .75rem; font-size:.75rem; color:#303030; }
.phbox > .logins ul:nth-child(2) { color:#ffffffe0; }
.phbox > .logins a {  padding:.5rem; display:block;  font-size:.875rem;font-weight:700; color:#303030; background:#ffffffe0; border:1px solid #00000020; overflow:hidden; user-drag:nono; -webkit-user-drag:none;  display:flex; justify-content: center ;  border-radius:.25rem;   }








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

.watchs .imgplays {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.watchs .imgfps {
    position: absolute;
    inset: 0;
    transition: opacity 1s ease;
}

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

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

/* 按钮样式优化 */
.watchs .osbar {
    position: absolute;
    z-index: 10;
    display: flex;
    gap: 10px;
    pointer-events: none;
}
.watchs .osbar button {
    pointer-events: auto;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    backdrop-filter: blur(4px);
}
.watchs .osbar1 { top: 50%; width: 100%; justify-content: space-between; transform: translateY(-50%); padding: 0 10px; }
.watchs .osbar2 { bottom: 10px; right: 10px; }

/* 全屏状态下的图标切换 */
.watchs [data-fullscreen="1"] .icon_fullscreen::before { content: "\e5d1"; } /* 假设你使用图标字体，此处切换为退出图标 */



.watchs .imgvibe {
    position: absolute;
    left:6%;
    right:33%;
    bottom:10%;
    z-index: 10;
    display: flex;
    pointer-events: none;
    background:#00000000;
    font-size:0.75rem;
    color:#ffffffc0;
    min-height:3rem;
    transition: all 1s ease;
}

body[data-fullscreen="1"] .watchs .imgvibe {
    font-size:1.5rem;
    left:15%;
    right:15%;
    bottom:15%;
        min-height:5rem;
}




















