.kinfolist{ margin:0px 0px 10px 0px; font-size:16px; background-color:#FFFFFF; solid #f3f3f3; padding:15px 10px 0px 10px; position:relative; }
.kinfolist .title{ width:100%; line-height:25px; padding:0px; height:auto; clear:both; float:none;}
.kinfolist .title a{font-size:16px; font-weight: bolder; color: #000000; vertical-align: middle; padding-right:5px;}

.kinfolist .pic{ width:100%; margin:8px 0px 8px 0px; height:auto; overflow: hidden; position:relative; display: grid;
  grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5px;}
.kinfolist .picbox{ width:100%; height:180px; break-inside: avoid; display:flex; margin-bottom:5px; overflow:hidden; border-radius:5px;}
.kinfolist .picbox img{width:100%; height:auto; min-height: 100%; object-fit:cover; }
.kinfolist .videobox{ width:100%; height:180px; break-inside: avoid; display:flex; margin-bottom:5px;overflow:hidden; border-radius:3px; position: relative;}
.kinfolist .videobox img{width:100%; height:auto; min-height: 100%; object-fit:cover;}
.kinfolist .videobox::after{content:"\e7c7"; font-family: iconfont; font-size: 40px; display: block; position: absolute; top: 0px; left: 0px; display:flex; align-items:center; justify-content:center; width: 100%; height: 100%;  opacity: 0.6; color: #fff;}
.kinfolist .picnum{position:absolute; left:0px; top:70px; overflow: hidden; border-radius: 3px;}
.kinfolist .picnum::before{content: "\20"; position:absolute; left:0px; bottom:0px; background-color:#000000; filter:alpha(opacity=60); opacity:0.6; display: block; width: 50px; height: 50px; z-index: 1;}
.kinfolist .picnum .num{font-size:14px; color:#FFFFFF; line-height:30px; height: 30px; padding:5px; position: relative; z-index: 200;}

.kinfolist .content{line-height:24px; font-size:17px; color:#444444;}
.kinfolist .content .userclass{ color: #3598db; }
.kinfolist .finfo{ margin-top:10px; font-size: 14px; color: #888; position: relative;}
.kinfolist .finfo span{ margin-right: 10px;}



.kinfolist .contact{height:30px; width:100%; font-size:14px; color: #3598db;}
.kinfolist .contact .guoqi{ color:#888888; font-size: 14px;}
.kinfolist .contact .bd{color:#ed414a; width:50px;text-align:center; line-height:20px; height:20px; margin-left:8px;}

.kinfolist .kinfouser{ height: 55px; display: flex; overflow: hidden;}
.kinfolist .kinfouser .headpic{width:43px; height: 43px; flex-shrink:0; border-radius: 5px; overflow: hidden; margin-right: 10px; float: left;}
.kinfolist .kinfouser .headpic img{width:100%; height: 100%;}
.kinfolist .kinfouser .nickname{width:100%; height: 50px; line-height:20px; overflow: hidden; margin-right: 0px; white-space:nowrap; text-overflow:ellipsis; float: left;font-size:18px; 
color:#6B799E; font-weight: 600; }
.kinfolist .kinfouser .nickname a{font-size:18px; 
color:#6B799E; font-weight: 600;}

.kinfolist .kinfouser .vip{margin-left:0px; font-size:16px;  background-image: url("/images/info_vip.png?v"); background-repeat: no-repeat; background-size: 14px; background-position: 2px 3px; padding:0px 15px; border-radius:5px; color:#D81E06; font-weight:normal; opacity: 0.9;}
.kinfolist .kinfouser .price{ font-size: 20px; margin-top:20px; font-weight:600; color:#dc3636;}
.kinfolist .kinfouser .price span{ font-size: 12px;  }
.kinfolist .kicowrap{margin: 0px 0px 0px 1px; width:auto; float: left;}
.kinfolist .kicowrap span{color:#867F77; width:auto; margin-right:5px; padding:0px 2px; line-height: 13px; height: 13px; text-align:center; font-size: 13px; border-radius:3px; font-weight:lighter;}
.kinfolist .kicowrap .vip{background-color: #ff6600;}
.kinfolist .kicowrap .ding{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#FF5500,#ee0000);}
.kinfolist .kicowrap .sort{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#0095E6,#0080C4);}
.kinfolist .kicowrap .sort1{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#12D185,#0EA367);}
.kinfolist .kicowrap .sort2{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#FF5C0F,#EE4E00);}

.kinfolist .kicowrap .address{ background-color:#35a6ee;}
.kinfolist .kcon{margin-left:0px;}
.kinfolist .kcon .state{color:#999999; font-size:14px;}
.kinfolist .kcon .state .leixing{color:#FFFFFF; background-color: #3366CC; padding:4px 4px; border-radius:5px;}
.kinfolist .kcon .state .moshi{color:#FFFFFF; background-color: #ff6600; padding:4px 4px; border-radius:5px;}
.kinfolist .kcon .state .view{float:left; }
.kinfolist .kcon .state .date{float:right;}
.kinfolist .kcon .ico_view:before{ content: '\e614'; margin-right: 2px;}
.kinfolist .kcon .ico_date:before{ content: '\e60c'; margin-right: 2px;}


.kinfolist-top{ margin:0px 0px 10px 0px; font-size:16px; background-color:#FFFFFF; solid #f3f3f3; padding:15px 10px 0px 10px; position:relative; }
.kinfolist-top .title{ width:100%; line-height:25px; padding:0px; height:auto; clear:both; float:none;}
.kinfolist-top .title a{font-size:16px; font-weight: bolder; color: #000000; vertical-align: middle; padding-right:5px;}

.kinfolist-top .pic{ width:100%; margin:8px 0px 8px 0px; height:auto; overflow: hidden; position:relative; display: grid;
  grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5px;}
.kinfolist-top .picbox{ width:100%; height:180px; break-inside: avoid; display:flex; margin-bottom:5px; overflow:hidden; border-radius:5px;}
.kinfolist-top .picbox img{width:100%; height:auto; min-height: 100%; object-fit:cover; }
.kinfolist-top .videobox{ width:100%; height:180px; break-inside: avoid; display:flex; margin-bottom:5px; overflow:hidden; border-radius:3px; position: relative;}
.kinfolist-top .videobox img{width:100%; height:auto; min-height: 100%; object-fit:cover;}
.kinfolist-top .videobox::after{content:"\e7c7"; font-family: iconfont; font-size: 40px; display: block; position: absolute; top: 0px; left: 0px; display:flex; align-items:center; justify-content:center; width: 100%; height: 100%;  opacity: 0.6; color: #fff;}
.kinfolist-top .picnum{position:absolute; left:0px; top:70px; overflow: hidden; border-radius: 3px;}
.kinfolist-top .picnum::before{content: "\20"; position:absolute; left:0px; bottom:0px; background-color:#000000; filter:alpha(opacity=60); opacity:0.6; display: block; width: 50px; height: 50px; z-index: 1;}
.kinfolist-top .picnum .num{font-size:14px; color:#FFFFFF; line-height:30px; height: 30px; padding:5px; position: relative; z-index: 200;}

.kinfolist-top .content{line-height:24px; font-size:17px; color:#444444;}
.kinfolist-top .content .userclass{ color: #3598db; }
.kinfolist-top .finfo{ margin-top:10px; font-size: 14px; color: #888; position: relative;}
.kinfolist-top .finfo span{ margin-right: 10px;}



.kinfolist-top .contact{height:30px; width:100%; font-size:14px; color: #3598db;}
.kinfolist-top .contact .guoqi{ color:#888888; font-size: 14px;}
.kinfolist-top .contact .bd{color:#ed414a; width:50px;text-align:center; line-height:20px; height:20px; margin-left:8px;}

.kinfolist-top .kinfouser{ height: 55px; display: flex; overflow: hidden;}
.kinfolist-top .kinfouser .headpic{width:43px; height: 43px; flex-shrink:0; border-radius: 5px; overflow: hidden; margin-right: 10px; float: left;}
.kinfolist-top .kinfouser .headpic img{width:100%; height: 100%;}
.kinfolist-top .kinfouser .nickname{width:100%; height: 50px; line-height:20px; overflow: hidden; margin-right: 0px; white-space:nowrap; text-overflow:ellipsis; float: left;font-size:18px; 
color:#6B799E; font-weight: 600; }
.kinfolist-top .kinfouser .nickname a{font-size:18px; 
color:#6B799E; font-weight: 600;}

.kinfolist-top .kinfouser .vip{margin-left:0px; font-size:16px;  background-image: url("/images/info_vip.png?v"); background-repeat: no-repeat; background-size: 14px; background-position: 2px 3px; padding:0px 15px; border-radius:5px; color:#D81E06; font-weight:normal; opacity: 0.9;}
.kinfolist-top .kinfouser .price{ font-size: 20px; margin-top:20px; font-weight:600; color:#dc3636;}
.kinfolist-top .kinfouser .price span{ font-size: 12px;  }
.kinfolist-top .kicowrap{margin: 0px 0px 0px 1px; width:auto; float: left;}
.kinfolist-top .kicowrap span{color:#867F77; width:auto; margin-right:5px; padding:0px 4px; line-height: 13px; height: 13px; text-align:center; font-size: 13px; border-radius:3px; font-weight:lighter;}
.kinfolist-top .kicowrap .vip{background-color: #ff6600;}
.kinfolist-top .kicowrap .ding{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#FF5500,#ee0000);}
.kinfolist-top .kicowrap .sort{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#0095E6,#0080C4);}
.kinfolist-top .kicowrap .sort1{ color:#FFFFFF; background-color:#ed414a; background-image: linear-gradient(#12D185,#0EA367);}

.kinfolist-top .kicowrap .address{ background-color:#35a6ee;}
.kinfolist-top .kcon{margin-left:0px;}
.kinfolist-top .kcon .state{color:#999999; font-size:14px;}
.kinfolist-top .kcon .state .leixing{color:#FFFFFF; background-color: #3366CC; padding:4px 4px; border-radius:5px;}
.kinfolist-top .kcon .state .moshi{color:#FFFFFF; background-color: #ff6600; padding:4px 4px; border-radius:5px;}
.kinfolist-top .kcon .state .view{float:left; }
.kinfolist-top .kcon .state .date{float:right;}
.kinfolist-top .kcon .ico_view:before{ content: '\e614'; margin-right: 2px;}
.kinfolist-top .kcon .ico_date:before{ content: '\e60c'; margin-right: 2px;}

.kinfolist.top4 .kcon{background-image: linear-gradient(to bottom,#ffdfdf,#fff); padding: 5px; border-radius: 5px; box-shadow: 0px 0px 4px #ffdfdf; position:relative;}
.kinfolist.top4 .kinfouser .nickname{text-shadow: 0px 0px 4px #ffaa00; color: #ff3300;}
.kinfolist.top4 .ding{position:absolute; top: 10px; left: -20px; width: 20px;background-color:#ed414a; background-image: linear-gradient(to bottom,#FF5500,#ee0000); color: #ffffcc; text-align: center; line-height: 20px; padding: 10px 0px 20px 0px; font-size: 14px; border-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; writing-mode: vertical-rl;}
.kinfolist.top4 .ding::before{content:"\e7ae\e7ae"; font-family: "iconfont"; color: #ffa;}

.kinfolist.top2 .kcon{background-image: linear-gradient(to bottom,#fff3df,#fff); padding: 5px; border-radius: 5px; box-shadow: 0px 0px 4px #fff3df; position:relative;}
.kinfolist.top2 .kinfouser .nickname{text-shadow: 0px 0px 4px #ffaa00; color: #ff3300;}
.kinfolist.top2 .ding{position:absolute; top: 10px; left: -20px; width: 20px;background-color:#ed414a; background-image: linear-gradient(to bottom,#FF5500,#ee0000); color: #ffffcc; text-align: center; line-height: 20px; padding: 10px 0px 20px 0px; font-size: 14px; border-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; writing-mode: vertical-rl;}
.kinfolist.top2 .ding::before{content:"\e7ae"; font-family: "iconfont"; color: #ffa;}

.kinfolist .kcomments{margin-left:40px; background-color: #fafafa; padding: 8px; margin-top: 10px; position: relative;}
.kinfolist .kcomments::before{content: "\20"; width: 0px; height: 0px; border: 10px solid #fff; border-color: transparent; border-bottom: 10px solid #fafafa; display: block; position: absolute; top: -20px; left: 15px; z-index: 1;}
.kinfolist .kcommentslist{line-height:20px; max-height: 40px; overflow: hidden; font-size: 14px; margin-bottom: 8px;}
.kinfolist .kcommentslist .headpic{width:20px; height: 20px; border-radius: 25px; overflow: hidden; margin-right: 10px; float: left;}
.kinfolist .kcommentslist .headpic img{width:100%; height: 100%;}
.kinfolist .kcommentslist .nickname{color: #3598db; display:inline;}
.kinfolist .kcommentslist .comments{color: #888; display: inline;}
.kinfolist .btn-comments{position: absolute; right: 10px; top: 0px; font-family: "iconfont"; line-height: 35px; text-align: right; height: 35px; z-index: 1;}
.kinfolist .btn-comments::before{content:"\e650"; font-size: 24px; color: #97abd1;}