@charset "UTF-8";
@keyframes arrow_move {
   /* 开始状态 */
    0% {
        left: 130px;
    }
	/* 结束状态 */
    100% {
        left: 140px;
    }
}
@keyframes color_move {
    /* 开始状态 */
    0% {
        background-position: 0% 0%; /* 水平位置 垂直位置 */
    }
    50% {
        background-position: 0% 50%;
    }
	/* 结束状态 */
    100% {
        background-position: 0% 100%;
    }
}
.btn-gray {
    border-radius: 15px;
    position: relative;
    background: linear-gradient(0deg, #B4B4B4, #B8B5B5 40%, #C8C7C7);
    cursor: pointer;
	border:3px solid #BDBDBD;
}

.btn-gray > .text {
    /* background: yellow; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.btn-green {
    border-radius: 15px;
    position: relative;
    background: linear-gradient(0deg, #008613, #039718 40%, #4AAF64);
    cursor: pointer;
	border:3px solid #008613;
}

.btn-green > .text {
    /* background: yellow; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.btn-yellow {
    border-radius: 15px;
    position: relative;
    background: linear-gradient(0deg, #FBBD53, #F89C00 40%, #FBB100);
    cursor: pointer;
	border:3px solid #EFA321;
}
.btn-yellow > .text {
    /* background: yellow; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.btn-red {
    border-radius: 15px;
    position: relative;
    background: linear-gradient(0deg, #E43C3C, #F51919 40%, #E41C1C);
    cursor: pointer;
	border:3px solid #F51919;
}
.btn-red > .text {
    /* background: yellow; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.content-bg-comment{
	background: url(../../images/comment.png) no-repeat 10px center;
	background-size:18px 18px;
}
.content-bg-like{
	background: url(../../images/like.png) no-repeat 10px center;
	background-size:18px 18px;
}	
.content-bg-share{
	background: url(../../images/share.png) no-repeat 10px center;
	background-size:18px 18px;
}
.content-bg-article{
	background: url(../../images/article.png) no-repeat 10px center;
}
.div-radius{
	border:1px solid #5EBB7B;
	border-radius:10px;
}
.div-friendlylink-bg{
	background: url(../../images/friendlylink-bg.png) no-repeat;
	background-size:100% 100%;
}
.div-friendlylink-title {
	color: #4B627C;
	font-size: 48px;
	font-weight: bolder;
}
.div-friendlylink-name {
	color: #4B627C;
	font-size: 28px;
	font-weight: bolder;
}      
.div-friendlylink-desc {
	color: #6289B0;
	font-size: 18px;
	font-weight: bolder;
}
.div-friendlylink-app-title {
	color: #5EBB7B;
	font-size: 28px;
	font-weight: bolder;
}
.more {
	color: #4B627C !important;
	font-size: 16px;
}
.h-100 {
	height: 100%;
}
.p-10 {
	padding: 10px;
}
.px-10 {
	padding: 0 10px 0 10px;
}
.filter-title {
	color: #6289B0;
	font-size: 16px;
	font-weight: bolder;	
}
.filter-all {
	font-size: 14px;
	font-weight: bolder;
	color: #B6B6B6;
	border: 0 !important;
}
.filter-item {
	color: #B6B6B6;
	font-size: 14px;
	font-weight: bold;	
	border: 0 !important;
}
.filter-selector {
	font-size: 14px;
	font-weight: bold;	
	color: #000;	
}
.a-top-filter {
	background-color: #F1F5F7;
	color: #000;
}
.category-selected {
	background-color: #93CE44;
}
.environment-selected {
	background-color: #93CE44;
}
div {
	word-break:break-all;
	word-wrap:break-word;
}
.content-border {
	border-radius: 15px;
	border: 2px solid #5EBB7B !important; 
}
.list-title {
	font-size: 18px;
	font-weight: bolder;	
	border-radius: 15px;	
	background-color: #eee;
}
.list-row {
	border-bottom:1px solid #ddd;	
}
.toolbar-title {
	color: #7A7A7A;
	font-weight: bolder;
	font-size: 20px;
}