@media (min-width: 1200px){.container {width: 1200px;}}
body{background: #F8F8F8;}
/*头部*/
.hpoi-blackroom-header{color: #444444;font-size: 18px;}
.hpoi-select-box{position: relative;float: right;}
.hpoi-select-box>a{color: #444444;font-size: 14px;}
.hpoi-select-box>a>img{width: 10px;margin-top: -3px;}
.hpoi-blackroom-box{margin:0 -10px;}
.waterfall-item{padding: 20px 10px 0 10px;width:25%;}
.blackroom-items{background: #FFFFFF;opacity: 0;padding: 20px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);border-radius: 6px;transition: var(--transition-all-2s)}
.blackroom-items>.item>a{float: left;}
.blackroom-items>.item>a>img{width: 48px;}
.blackroom-items>.item .info{margin-left: 60px;}
.blackroom-items>.item .info p{margin-bottom: 0;}
.blackroom-items>.item .info>.name{color: #666666;font-size: 14px;transition: color var(--transition-2s);}
.blackroom-items>.item .info>.reason{color: #444444;font-size: 16px;margin-top: 6px;}
.blackroom-items>.item .info>.ban-day{color: #35CDFF;margin-top: 12px;font-weight: bold;font-size: 16px;}
.blackroom-items>.item .info>.detail{margin-top: 10px;padding: 10px 0 10px 10px;border-left: 2px solid #EEEEEE;}
.blackroom-items>.item .info>.detail>p{color: #999999;}
.blackroom-items>.item .info>.detail>.associate{margin-top: 20px;font-weight: 300;}
.blackroom-items>.item .info>.detail>.associate>span{display: block;}
.blackroom-items>.item .info>.detail>.associate>a{color: #35CDFF;}

/*hove*/
.blackroom-items>.item .info>.name:hover{color: #35CDFF;}

@media screen and (max-width: 1080px) {.waterfall-item{width: 33.33%;}}