@import  "coco-variables.scss";


.co-pagetabs{
	height: 40px;background-color: #fff;box-sizing: border-box;padding: 0 15px; font-size: 0; padding: 0 44px 0 52px;
	
	.collapse{ padding-right: 7px; display: inline-block; position: absolute; left:15px; top:9px;
		&>a{ font-size: 22px; line-height: 20px; color:$--text-color-second; display: inline-block; vertical-align: middle;
			&:hover{ color: $--sys-primary;}
		}
	}
	
	.co-pagetabs__scroll{ padding-top:6px; overflow: hidden; white-space: nowrap;
		.item{ padding-left: 8px; display: inline-block; position: relative;
			&:first-child{ padding-left: 0;}
		}
		
		.item-close{ 
			position: absolute; right:8px; top:5px;
			color: $--text-color-second; font-weight: bold; font-size: 14px; line-height: 14px; padding: 2px; border-radius: 100px;
			&:hover{ background-color: $--text-color-second; color:#fff}
			&:active{ background-color: $--sys-primary; color:#fff}
		}
	}
	
}