div.link-block.active div.link-button
{

    width: 150px;
 
   
}
div.link-button {

    border-radius: 8px 0px 0px 8px;

}
 div.link-button {
    display: block;
    width: 50px;
    position: absolute;
    right: 0;
   
  
	    border-top: 1px solid #c7cdd3;
}
div.active div.link-button
{  border-radius: 8px 0px 0px 0px;}
.link-block .link-button i {
    color: #279e03;
    font-size: 24px;
    line-height: 30px;
}
div.link-block.active div.link-button {
  
    top: -52px!important;
}
.text-right{text-align: right;}

.link-block .hl-link-block-relet{position: relative;}
.link-block .hl-link-block-relet .link-nav-block{position: absolute; bottom: 0;right:0; width: 288px;}
.link-block .btitle{font-size: 15px;}
.link-block .link-nav-block {
    display: none;
}
.link-block .link-button{
	padding: 10px 20px;
	background-color: #fff;
	border-top: 1px solid #c7cdd3;
	border-left: 1px solid #c7cdd3;
	border-bottom: 1px solid #c7cdd3;
	border-radius: 8px 0 0 8px;
	cursor: pointer;
	display: inline-block;
}
.link-block .link-button i{color: #279e03; font-size:24px;}
.link-block .link-button:hover{background-color:#ebeff3;}
.link-block .link-button:hover i{color: #4c4c4c;}
.link-block .link-button i.fa-chevron-right{display: none;}
.link-block .link-button .btitle{display: none; color: #4c4c4c; margin-left: 10px; float: right}
.link-block.active .link-button .btitle{display: inline-block;}
.link-block.active .link-button i.fa-chevron-right{display: inline-block;}
.link-block.active .link-button i.fa-chevron-left{display: none;}
.link-block.active .link-button {
    border-top: 1px solid #c7cdd3;
}

.link-block.active .link-nav-block{
	font-size: 15px;
	display: block;
	background-color:#fff;
	border-top: 1px solid #c7cdd3;
	border-left: 1px solid #c7cdd3;
	border-bottom: 1px solid #c7cdd3;
	border-radius: 8px 0 0 8px;
	margin-bottom: -1px;
	
}
.link-block .link-href {
    background-color: #fc8100;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 15px 20px;
    border-radius: 0 0 0 8px;
    text-decoration: none;
    box-sizing: border-box;
  
}
.link-block .link-title{
	color: #fff;
	font-size: 17px;
	font-weight:bold;
	padding: 7px 15px;
	min-height: 60px;
	background-color: #1ba11a;
	text-align: center;
	border-radius: 8px 0 0 0;
	box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
}
.link-block .link-pic{text-align: center;padding-top: 3px;}
.link-block .link-pic img{max-width: 100%;}
.link-block .link-text{padding: 20px;}
.link-block .link-href{
	background-color: #fc8100;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 15px 20px;
	border-radius: 0 0 0 8px;
	text-decoration: none;
	box-sizing: border-box;
}
.link-block .link-button2{display: none;}

@media (max-width:991px) {
	.hidden-device{display: none;}
	.link-block.active .link-block-job .link-pic,
	.link-block.active .link-block-job .link-desript{display: none;}
	.link-block{
position: fixed;
    top: auto;
    right: 0px;
    bottom: 67px;
    left: auto;
}
	.link-block .link-button{
		border-left-width: 0;
	border-top: 1px solid #c7cdd3;
	border-left: 1px solid #c7cdd3;
	border-bottom: 1px solid #c7cdd3;
	border-radius: 8px 0 0 8px;
	}
	.link-block .link-button i.fa-chevron-right{display: none;}
	.link-block .link-button i.fa-chevron-left{display: inline-block;}
	.link-block .hl-link-block-relet .link-nav-block{left: 0; right:auto;}
	.link-block.active .link-button{border-radius: 0 0 8px 0;}
	.link-block.active .link-button i.fa-chevron-right{display: inline-block;}
	.link-block.active .link-button i.fa-chevron-left{display: none;}
	.link-block.active .link-nav-block{
	    border-left-width: 0;
	    border-right: 1px solid #c7cdd3;
	    border-radius: 8px 0 0 0px;
	}
	.link-block .link-title{border-radius: 8px 0px 0 0;}
	.link-block .link-href{display: none;}
	.link-block .hl-link-block-relet .link-nav-block,
	.link-block.active .text-right.twobut{
		min-width: 288px;
		max-width: 550px;
		width: 72vw;
	}
	.link-block.active .text-right.twobut{
		display: flex;
		background-color: #fff;
	
		border-bottom: 1px solid #c7cdd3;
		border-right: 1px solid #c7cdd3;
		justify-content: space-between;
	}
	.link-block.active .twobut .link-button2{display: block;}
	.link-block .link-href2{
		background-color: #fc8100;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		display: block;
		padding: 15px 20px;
		border-radius: 0;
		text-decoration: none;
		box-sizing: border-box;
	}
	.link-block.active .twobut .link-button{
		border-radius: 0;
		border-width: 0;
		display: flex;
		align-items: center;
		background-color: #dcdfe2;
 
	}
	.link-block.active .twobut .link-button,
	.link-block.active .twobut .link-button2{width: 45%;}
	.link-block.active .link-nav-block.twobut{
		border-bottom-width: 0;
		/*border-radius: 0 8px 0 0;*/
	}
}