.tem01-friend-url{background-color:#fff}
.tem01-friend-url .box{padding:20px 0}
.tem01-friend-url .frienditems{padding:6px 0;flex:1;-webkit-flex:1}
.tem01-friend-url .frienditems.overflow{overflow:hidden}
.tem01-friend-url .frienditems.hauto{height:auto !important}
.tem01-friend-url .frienditem{box-sizing:border-box;color:#999;transition:.4s;position:relative;overflow:hidden}
.tem01-friend-url .frienditem a{width:100%;display:block;text-align:center;color:inherit;padding:4px 20px 4px 0;z-index:2;word-break:break-word;position:relative}
.tem01-friend-url .longtitle{text-align:center;color:rgba(0,0,0,0.85);font-size:18px}
.tem01-friend-url .more{display:none;padding:8px 0px 8px 10px}
.tem01-friend-url .more.showmore{display:block}
.tem01-friend-url .more .morebox{width:20px;height:20px;border-radius:20px;border:2px solid;border-color:#999;text-align:center;line-height:20px;cursor:pointer;transition:.4s}
.tem01-friend-url .more .morebox.active{transform:rotate(180deg)}
.tem01-friend-url .more .morebox span{font-size:16px;font-weight:bold;color:inherit}
.tem01-friend-url .friendNodata{display:none}
body.designer-body .tem01-friend-url .friendNodata{display:block;font-size:46px;color:#ddd;text-align:center;line-height:1.6}

@media (min-width:1200px){
	.tem01-friend-url .frienditem:hover a{color:var(--main-color)}
	.tem01-friend-url .more .morebox:hover{color:var(--main-color);border-color:var(--main-color)}
}
@media (max-width:768px){
	.tem01-friend-url .longtitle{font-size:14px}
}