.mainContent{
    width: 100%;
}

.warpbox{

    width: 1136px;
    min-width: 1136px;
    margin-right: auto;
    margin-left: auto;
}

.headTitle{
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin-top: 48px;
    margin-bottom: 24px;
}

.manage_list .item{
    width: 100%;
    line-height: 64px;
    overflow: auto;
    position: relative;
    padding-bottom: 1px;
}
.director_list .item{
    width: 100%;
    line-height: 64px;
    overflow: auto;
    position: relative;
    padding-bottom: 1px;
} 

.manage_list .item::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}

.director_list .item::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}


.item_name{

    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-left: 20px;

}
.item_name.active{

    background: #957EFF;
    color:#FFFFFF;
}

.item_img{

    position: absolute;
    top:20px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url('https://img.51msyc.com/wxapp/pc/updown.png') no-repeat;
    background-size: 100% 100%;
   
}
.item_img.active{

    background: url('https://img.51msyc.com/wxapp/pc/up.png') no-repeat;
    background-size: 100% 100%;

}



.person_img{
    float: left;
    width: 120px;
    height: 160px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;

    animation:noshow 0.3s forwards;
    -moz-animation:noshow 0.3s forwards; /* Firefox */
    -webkit-animation:noshow 0.3s forwards; /* Safari and Chrome */
    -o-animation:noshow 0.3s forwards; /* Opera */
   
    
}
.person_img.active{
    /* float: left;
    width: 120px;
    height: 160px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px; */
    animation:mymove 0.3s forwards;
    -moz-animation:mymove 0.3s forwards; /* Firefox */
    -webkit-animation:mymove 0.3s forwards; /* Safari and Chrome */
    -o-animation:mymove 0.3s forwards; /* Opera */
    
}

.item_person{

    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-left: 160px;
    margin-top: 20px;
    line-height: 24px;
    margin-bottom: 16px;

}

.item_icon{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-left: 160px;
    vertical-align: middle;
}

/* .item_icon span{
    margin-right: 16px;
} */

.item_icon .light_purple:before{
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #EC8BFB; 
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px;
}

.item_icon .purple:before{
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #957EFF; 
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px;
}

.item_content{
    margin-left: 160px;
    margin-top: 16px;
    margin-right: 20px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    
}

table{

    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    width: 100%;

}

.table_title{
    position: relative;
    height: 64px;
    background: #F1F2F4;
    box-sizing: border-box;
    
}


.table_title td{
    min-width: 176px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    position: relative;
}

.table_title td::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}


.table_child{
    position: relative;
    height: 64px;
    box-sizing: border-box;

}

.table_child td{
    position: relative;
}

.table_child td::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}

.table_child .td_left{

    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-left: 20px;

}

.td_light_purple{
    text-align: center;

}

.td_light_purple:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: #EC8BFB; 
    vertical-align: middle;
}

.td_purple{

    text-align: center;

}

.td_purple:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: #957EFF; 
    vertical-align: middle;
}

.one_row{
    box-sizing: border-box;
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-align: right;
}

.light_purple_span{
    margin-right: 32px;
}

.light_purple_span:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: #EC8BFB;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px;
}

.purple_span{
    margin-right: 20px;
}

.purple_span:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: #957EFF;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px;
}

.download_list{
    width: 100%;
    margin-top: 12px;
    margin-bottom: 80px;
}

.download_list p{
    position: relative;
    height: 64px;
    line-height: 64px;
    /* border-bottom: 1px solid #CCCCCC; */
    font-size: 18px;
}

.download_list p::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}


.download_list img{
  position: absolute;
  top: 20px;
  left: 20px;
}

.download_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url('https://img.51msyc.com/wxapp/pc/download.png') no-repeat;
    background-size: 100% 100%;
}

.download_icon.active {
  
    background: url('https://img.51msyc.com/wxapp/pc/download_purple.png') no-repeat;
    background-size: 100% 100%;
}

.download_str {
    position: absolute;
    right: 52px;
    color: #999999;
}

.file_name{
    padding-left: 52px;
}

.download_list a {
	transition: all 0.5s ease;
    text-decoration: none;
    color: #333333;
}
.download_list a:hover {
    color:#957EFF
}

.sec_table{

    margin-bottom: 80px;
}

.sec_table_title{

    position: relative;
    height: 64px;
    background: #F1F2F4;
    box-sizing: border-box;
}

.sec_table_title td{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-left: 20px;
}

.sec_table_title td::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}

.sec_table_child{
    position: relative;
    height: 64px;
    box-sizing: border-box;
}

.sec_table_child td{

    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #000000;

}

.sec_table_child td::after{

    width: 100%;
    height: 1px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    
}

.sec_table_child .td_left{
    padding-left: 20px;
    max-width: 176px;
}

.sec_table_child .td_center{
    padding-left: 20px;
    color: #957EFF;
}

.td_right{
    padding-right: 20px;
    text-align: right;
}

.sec_table a {
    text-decoration: none;
    color: #957EFF;
}
.sec_table a:hover {
    text-decoration: underline;
}

@keyframes mymove
{
    0%   {width: 0px;height: 0px;}
    25%  {width: 30px;height: 40px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 90px;height: 120px;}
    100% {width: 120px;height: 160px;}
}

@-moz-keyframes mymove /* Firefox */
{
    0%   {width: 0px;height: 0px;}
    25%  {width: 30px;height: 40px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 90px;height: 120px;}
    100% {width: 120px;height: 160px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
    0%   {width: 0px;height: 0px;}
    25%  {width: 30px;height: 40px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 90px;height: 120px;}
    100% {width: 120px;height: 160px;}
}

@-o-keyframes mymove /* Opera */
{
    0%   {width: 0px;height: 0px;}
    25%  {width: 30px;height: 40px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 90px;height: 120px;}
    100% {width: 120px;height: 160px;}
}

@keyframes noshow
{
    0%   {width: 120px;height: 160px;}
    25%  {width: 90px;height: 120px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 30px;height: 40px;}
    100% {width: 0px;height: 0px;}
}
@-moz-keyframes noshow
{
    0%   {width: 120px;height: 160px;}
    25%  {width: 90px;height: 120px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 30px;height: 40px;}
    100% {width: 0px;height: 0px;}
}
@-webkit-keyframes noshow
{
    0%   {width: 120px;height: 160px;}
    25%  {width: 90px;height: 120px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 30px;height: 40px;}
    100% {width: 0px;height: 0px;}
}
@-o-keyframes noshow
{
    0%   {width: 120px;height: 160px;}
    25%  {width: 90px;height: 120px;}
    50%  {width: 60px;height: 80px;} 
    75%  {width: 30px;height: 40px;}
    100% {width: 0px;height: 0px;}
}

.greyFont{
    font-size: 14px;
    color: #999999;
    font-weight: 200;
}
.ml8{
    margin-left: 8px;
}
.mt8{
    margin-top: 8px;
}

.grey_content{
    font-size: 14px;
    font-weight: 200;
    color: #999999;
    line-height: 24px;
    margin-left: 160px;
    margin-right: 20px;
    margin-bottom: 20px;
}