.social .banner{
	width: 100%;
    height: 3.25rem;
    background: url(social_banner.png)center center no-repeat;
    background-size:100% 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0.62rem;
    border-radius: 0.1rem; 
}
.social .banner i{
	display: block;
    width:0.92rem;
    height: 1.63rem;
    background: url(social1.png)center center no-repeat;
    background-size:100% 100%;
}
.social .desc h1{
    font-size: 0.36rem;
    color: #333;
    margin-bottom:0.3rem;
}
.social .desc p{
    font-size: 0.24rem;
    color: #333;
    line-height: 0.4rem;
}
.social .wrap{
    padding:1.5rem 0;
}
.social .wrap .item{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.15rem;
}
.social .wrap .item:last-child{
    margin-bottom: 0;
}
.social .wrap .item img{
    margin-bottom: 0.3rem;
}
.social .wrap .item:nth-of-type(1) img{
    display: block;
    width: 0.66rem;
    height: 0.75rem;
}
.social .wrap .item:nth-of-type(2) img{
    display: block;
    width: 0.73rem;
    height: 0.74rem;
}
.social .wrap .item:nth-of-type(3) img{
    display: block;
    width: 0.73rem;
    height: 0.73rem;
}
.social .wrap .item h1{
    font-size: 0.36rem;
    color: #333;
    text-align: center;
    margin-bottom: 0.3rem;
}
.social .wrap .item p{
    font-size: 0.24rem;
    color: #333;
    text-align: center;
    line-height: 0.4rem;
}
.social .menu .title{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}
.social .menu .title h1{
    font-size: 0.4rem;
    color: #000;
    background:url(social5.png)left center no-repeat;
    background-size:0.35rem 0.4rem; 
    padding-left: 0.51rem;
}
.social .menu .title a{
    font-size: 0.24rem;
    color: #000;
    background: url(social_creat.png)right center no-repeat;
    background-size:0.12rem 0.2rem; 
    padding-right: 0.22rem;
}
.social .menu .submenu{
    margin-bottom: 0.6rem;
}
.social .menu .submenu:last-child{
    margin-bottom: 0;
}
.social .menu .submenu .msg{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 0.17rem;
    position: relative;
}
.social .menu .submenu .msg:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px dotted #404040;
    color: #404040;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.social .menu .submenu .msg h1{
    font-size: 0.3rem;
    color: #000;
    background: url(social6.png)left center no-repeat;
    background-size:0.04rem 0.04rem;
    padding-left: 0.1rem;
}
.social .menu .submenu .msg i{
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    border-radius:0.05rem;
    text-align: center;
    line-height: 0.36rem;
    color: #fff;
    font-size: 0.2rem;
}
.social .menu .submenu .msg i.yellow{
    background: #f0a70a;
}
.social .menu .submenu .msg i.red{
    background: #ff0000;
}
.social .menu .submenu .details{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding:0.2rem 0;
}
.social .menu .submenu .details>div{
    -webkit-flex:1;
    flex: 1;
    font-size: 0.24rem;
    color: #9c9c9c;
}
.social .menu .submenu .details>div p:nth-of-type(1){
    margin-bottom: 0.2rem;
}
.social .menu .submenu .details .num{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.social .menu .submenu .details .num span{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url(social_add.png)center center no-repeat;
    background-size:0.3rem 0.3rem; 
    position: relative;
}
.social .menu .submenu .details .num span:after{
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #9c9c9c;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius:0.1rem;
}
/* 校园招聘 */
.school .banner {
    background: url(school_banner.png)center center no-repeat;
    background-size:100% 100%; 
}
.school .banner i {
    display: block;
    width:2.52rem;
    height:1.04rem;
    background: url(school1.png)center center no-repeat;
    background-size:100% 100%; 
}
.school .wrap .item:nth-of-type(1) img{
    display: block;
    width: 0.56rem;
    height: 0.72rem;
}
.school .wrap .item:nth-of-type(2) img{
    display: block;
    width: 0.74rem;
    height: 0.76rem;
}
.school .wrap .item:nth-of-type(3) img{
    display: block;
    width: 0.76rem;
    height: 0.75rem;
}
.school .menu .title h1 {
    font-size: 0.4rem;
    color: #000;
    background: url(school5.png)left center no-repeat;
    background-size:0.48rem 0.38rem; 
    padding-left: 0.64rem;
}