.ele_box01{
	position: relative;
}
.btn-column {
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
    /*width: 12rem;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 0.24rem
}

.btn-column .btn-item {
    width: fit-content;
    transition: all .3s;
    text-decoration: none;
    border-radius: 0.8rem;
    border: 1px solid hsla(0,0%,100%,.6);
    background: rgba(0,0,0,.15);
    color: #fff;
    font-size: 0.18rem;
    font-weight: 500;
    padding: 0.18rem 0.32rem;
    margin: 0 0.24rem .2rem 0
}

.btn-column .btn-item:last-child {
    margin-right: 0
}

.btn-column .btn-item:hover {
    background: rgba(0,105,173,.6);
    transform: scale(1.1);
    cursor: pointer
}

.btn-column:last-child {
    margin-bottom: 0
}

.ele_box{
	/*padding: 0 3.6rem;*/
	max-width: 62.5vw;
    margin: 0 auto;
}
.ele_box .title{
	position: relative;
	margin: 1.28rem 0 0.67rem;
}
.ele_box .title .name{
	font-size: 0.54rem;
	
}
.ele_box .title .more{
    font-weight: 400;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 0.18rem;
	padding: 0.1rem 0.5rem 0.1rem 0.2rem;
	border: 1px solid #ccc;
	border-radius: 0.3rem;
	background: url('../img/news/icon_more03.png') no-repeat 90% center;
	background-size: 0.08rem;
}
.ele09{
	margin-top: 2.78rem;
}

/*  */
.ele_headline{
	background: linear-gradient( 90deg, #F6F9FF 0%, #FFFFFF 100%);
	border-radius: 0.1rem;
	font-size: 0.22rem;
	margin-top: 0.2rem;
	padding: 0.28rem 0.43rem;
	font-weight: bold;
	color: #0069AD;
}
.ele_text{
	font-size: 0.18rem;
	margin: 0.5rem 0;
	line-height: 0.4rem;
	
    font-weight: 400;
}
.font-blue{
	color:#0069AD;
	font-weight: 600;
	line-height: 2em;
}
.itembox{
	display: flex;
}
.item{
        /*white-space: nowrap;*/
    line-height: 0.32rem;
	display: inline-block;
	padding: 0.19rem 0.33rem;
	margin: 0.2rem 0.3rem 0 0;
	font-size: 0.18rem;
	border-radius: 0.4rem;
	border: 1px solid #E8E8E8;
	/*max-width: 8rem;*/
	    width: fit-content;
}
.rolelist{
	font-size: 0.18rem;
	line-height: 2em;
	border-radius: 0.1rem;
	padding: 0.44rem 6rem 0.37rem 0.5rem;
	margin-top: 0.5rem;
	min-height: 2.4rem;
}
.rolelist .font-blue{
	font-size: 0.2rem;
	padding: 0.1rem 0;
	background-size: 3.3rem;
}
.rolelist01{
	background: url(../img/element/ele2_img01.png) #F6F9FF no-repeat right center;
	padding: 0.44rem 3.5rem 0.37rem 0.5rem;
}
.rolelist02{
	background: url(../img/element/ele2_img02.png) #F6F9FF no-repeat right center;
}
.rolelist03{
	background: url(../img/element/ele2_img03.png) #F6F9FF no-repeat right center;
	padding: 0.44rem 3.5rem 0.37rem 0.5rem;
}
.rolelist04{
	background: url(../img/element/ele2_img04.png) #F6F9FF no-repeat right center;
	padding: 0.44rem 5.8rem 0.37rem 0.5rem;
}
.keybox{
	font-size: 0.18rem;
	line-height: 2em;
	list-style: disc;
	padding: 0 0.3rem;
	margin: 0.5rem 0;
}
.keybox li{
    list-style-type: none;
    line-height: 0.4rem;
    margin-bottom: 0.1rem;
}
.tablebox{
	font-size: 0.18rem;
	margin-top: 0.2rem;
}
.tablebox .row{
	padding: 0.16rem 0.43rem;
}
.tablebox .row:nth-child(odd){
	background-color: #F5F5F5 ;
}
.tablebox .row{
	display: flex;
	position: relative;
	border-radius: 0.12rem;
}
.tablebox .row::after{
	display: flex;
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 22%;
	background: #ECE9E9;
	z-index: 1;
}
.tablebox .row .name{
	flex: 1;
	white-space: nowrap;
}
.tablebox .row .format{
	flex: 5;
	margin-left: 2rem;
}

@media only screen and (max-width: 1024px) {
.ele_box01{
    height: 4.4rem;
}
.btn-column{
    transform: inherit;
    top: 18%;
  left: 5%;
}
.btn-column .btn-item{
    font-size: 0.2rem;
  padding:0.18rem 0.25rem;
  margin:0 0.2rem .2rem 0;
}
.ele_box{
  width: 100%;
  max-width: fit-content;
  padding:0 .3rem;
}
.ele_box .title .name{
    font-size: .24rem;
}
.ele_box .title{
    margin: 1rem 0 0.67rem;
}
.ele_box .title .more{
    font-size: .2rem;
}
.ele_headline{
    font-size: .24rem;
}
.ele_text{
    font-size: .24rem;
}
.item{
    max-width: fit-content;
    font-size: 0.24rem;
}
.rolelist01{
    background-position:right;
  background-size: 30%;
  padding: 0.5rem .3rem;
}
.rolelist p{
    width: 70%;
    font-size: .2rem;
}
.rolelist02{
    background-position:right;
  background-size: 30%;
  padding: 0.5rem .3rem;
}
.rolelist03{
    background-position:right;
  background-size: 30%;
  padding: 0.5rem .3rem;
}
.rolelist04{
    background-position:right;
  background-size: 30%;
  padding: 0.5rem .3rem;
}
.keybox{
    font-size: 0.24rem;
}
.tablebox{
    font-size: 0.24rem;
}
.ele09{
    margin-top: 0;
}
.itembox{
    display: block;
}
}