body{background-color: #FFFFFF;}
.hpoi-banner360-box{display: flex;align-items: center;justify-content: center;width: 100%;height: 175px;background-position: center;margin-top: -20px;margin-bottom: 40px;font-size: 46px;color: #FFFFFF;}
.hpoi-list360-category{display: flex;border-bottom: 1px solid #EEEEEE;justify-content: center;}
.hpoi-list360-category>a{margin-left: 20px;font-size: 16px;color: #666666;font-size: 18px;padding-bottom: 10px;border-bottom: 2px solid transparent;margin-bottom: -1px;}
.hpoi-list360-category>a+a{margin-left: 56px;}
.hpoi-list360-category>a.active{color: #35CDFF;border-bottom-color: #35CDFF !important;}
.picture360-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.picture360-list>.item-ibox{width: 25%;height: 282px;padding:20px 10px 0 10px;}
.picture360-list>.item-ibox .item{overflow: hidden;border-radius: 6px;height: 100%;position: relative;background-color: #f0f0f0;}
.picture360-list>.item-ibox .item .picture360-img>img{width: 100%;height: 100%;object-fit: cover;}
.picture360-list>.item-ibox .item .hover-picture360-box{position: absolute;left: 0;right: 0;bottom: -70px;display: flex;height: 70px;padding: 10px 10px 10px 6px;background: rgba(0, 0, 0, 0.4);transition: bottom 400ms;}
.picture360-list>.item-ibox .item .hover-picture360-box>img{width: 50px;height: 50px;}
.picture360-list>.item-ibox .item .hover-picture360-box>.content{flex: 1;margin-left: 6px;color: #FFFFFF;}
.picture360-list>.item-ibox .item .hover-picture360-box>.content>span{display: inline-block;background-color: #35CDFF;border-radius: 4px;margin-right: 6px;padding: 2px 6px;}
.hpoi-page-box{margin: 40px 0 0;}
.hpoi-list360-lt{padding-right: 15px;}
.hpoi-list360-rt{padding-left: 15px;}
/*hover*/
.picture360-list>.item-ibox .item:hover .hover-picture360-box{bottom: 0;}