.main_container {
    overflow: hidden;
}

.talent_info {
    width: 90vw;
    margin: 0 auto .8rem;
}

.talent_info .img_info {
    padding: 1.35rem 0 1rem 0;
    position: relative;
}

.talent_info .img_info .little_box {
    width: 1.52rem;
    height: 1.52rem;
    border: 1px solid #0870ca;
    position: absolute;
    top: 2.6rem;
    left: -.95rem;
    z-index: -1;
}
.malcode{ padding: 30px 0px 0; text-align: right;}
.malcode .d{ display: block; text-align: right; margin-bottom: 10px;}
.malcode .a{ color: #063fd6; border-bottom: 1px solid ##063fd6;}
.malcode img{ width: 120px; height: 120px; }

.talent_info .img_info .little_box1 {
    width: .24rem;
    height: .24rem;
    border: 1px solid #ffb400;
    top: 12%;
    left: 24%;
}

.talent_info .img_info .little_box2 {
    width: 1.52rem;
    height: 1.52rem;
    position: absolute;
    border: 1px solid #ffb400;
    top: .95rem;
    right: -.8rem;
    z-index: -1;
}

.talent_info .img_info .little_box3 {
    width: .73rem;
    height: .73rem;
    border: 1px solid #ffb400;
    z-index: -2;
    position: absolute;
    top: 2.26rem;
    right: -1.22rem;
}

.talent_info .img_info .little_box4 {
    width: .42rem;
    height: .42rem;
    border: 1px solid #ffb400;
    top: 95%;
    left: 77%;
}

.talent_info .img_info ul {
    display: flex;
    justify-content: space-around;
}

.talent_info .img_info ul li {
    width: 30%;
    border: 2px solid #000;
    float: left;
    margin: 0 .2rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    padding: .3rem 0;
    background: #fff;
}

.talent_info .img_info ul li .img_box {
    width: 100%;
    text-align: center;
    margin: 0 auto .2rem;
}

.talent_info .img_info ul li:nth-of-type(1):hover {
    border: 2px solid #26a67d;
}

.talent_info .img_info ul li:nth-of-type(2):hover {
    border: 2px solid #179df1;
}

.talent_info .img_info ul li:nth-of-type(3):hover {
    border: 2px solid #f7b34d;
}

.talent_info .img_info ul li .img_box img {
    width: .8rem;
    height: .76rem;
    margin-bottom: .2rem;
}

.talent_info .img_info ul li .img_box p {
    font-size: .24rem;
}

.talent_info .img_info ul li .info div {
    overflow: hidden;
    padding: 0 0 0 .1rem;
}

.talent_info .img_info ul li .info div span {
    width: 20%;
    float: left;
}

.talent_info .img_info ul li .info div span:last-of-type {
    width: 100%;
    text-align: center;
}

.talent_info .img_info ul li .show_list {
    opacity: 0;
    transition: all .8s ease;
    transform: translate3d(0, 200%, 0);
    display: none;
}

.talent_info .img_info ul li .show_list img {
    width: .3rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.talent_info .img_info ul li .show_list {
    width: 100%;
    margin-bottom: 0;
}

.talent_info .img_info ul li .show_list .tit {
    padding: 0 0 .1rem .4rem;
}

.talent_info .img_info ul li .show_list p {
    font-size: .14rem;
    text-align: center;
    line-height: .28rem;
    padding-right: 10px;
}

.talent_info .img_info ul li .info {
    width: 90%;
    margin: 0 auto;
    font-size: .12rem;
    line-height: .24rem;
}

.table_info {
    padding: .24rem 0 .6rem;
}

.table_info .tit {
    text-align: center;
    font-size: .36rem;
    color: #000;
}

.table_info .tit::after {
    content: '';
    width: .78rem;
    height: .04rem;
    background: #063fd6;
    display: block;
  
    margin: .28rem auto 0;
}

.table_info .table_nav {
    display: flex;
    align-items: center;
    padding: .4rem 0 .15rem;
}

.table_info .table_nav p {
    font-size: .24rem;
    font-weight: bold;
    color: #000;
    margin-right: .2rem;
    white-space: nowrap;
}

.table_info .table_nav ul li {
    width:auto;
    line-height: .24rem;
    padding: 5px 10px;
    font-size: .24rem;
    color: #999;
    text-align: center;
    float: left;
    margin: 0 .1rem;
    border-radius: 5px;
    cursor: pointer;
    transition: all .5s;
}

.table_info .table_nav ul li:hover,
.table_info .table_nav ul li.active {
    background: #1fa276;
    color: #fff;
}

.table_info .table {
    width: 100%;
    display: none;
}

.table_info .table .tr {
    overflow: hidden;
}

.table_info .table p.find {
    cursor: pointer;
}

.table_info .table p.find::after {
    content: '';
    width: .14rem;
    height: .1rem;
    background: url("../img/talentRecruitment/arrow1.jpg"/*tpa=http://121.199.34.176:8080/img/talentRecruitment/arrow1.jpg*/);
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    transition: transform .4s;
}

.table_info .table p.find.active::after {
    transform: rotate(-180deg);
}

.table_info .table .thead p,
.table_info .table .tbody p {
    width: 25%;
    vertical-align: bottom;
    padding: 5px 0;
    font-size: .26rem;
    text-align: center;
    float: left;

}


.table_info .table .thead p:first-child + p, 
.table_info .table .thead p:first-child + p+p, 
.table_info .table .tbody p:first-child + p,
.table_info .table .tbody p:first-child + p+p{ display: none;}
.table .tbody tr p.find{

}

.table_info .table .thead {
    background: #eef2f9;
}

.table_info .table .tbody p {
    color: #666;
    text-align: center;
}

.table_info .table .tbody {
    border-left: 1px solid #eef2f9;
    border-right: 1px solid #eef2f9;
}

.table_info .table .tbody .tr {
    border-bottom: 1px solid #eef2f9;
}

.table_info .table .info {
    width: 100%;
    background: #f9fafb;
    padding: .3rem  .4rem .4rem;
    display: none;
}

.table_info .table .info ul,
.table_info .table .info .small_info {
    /* float: left; */
    overflow: hidden;
}

.table_info .table .info .small_info {
    
}

.table_info .table .info ul li {
    font-size: .14rem;
    color: #666;
    line-height: 0.36rem;
}

.table_info .table .info .small_info p {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 0.2rem;
    
}
.table_info .table .info .small_info .con{
    clear: left;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.8;
}
.table_info .table .info .small_info p span {
    color: #ff6a6a;
    font-size: .16rem;
    line-height: normal;
}


.pagination_info {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.pageJump {
    display: inline-block;
    padding-left: 0;
    margin: .2rem .1rem;
    border-radius: .04rem;
    vertical-align: top;
}

.pageJump span,
p {
    font-size: .16rem;
    line-height: .32rem;
}

.pageJump input {
    width: .6rem;
}

.pageJump .button,
.pageJump input {
    font-size: .16rem;
    padding: .06rem .12rem;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a,
.pagination>li>span {
    padding: .06rem .12rem;
}