.wrap{
    width:60em;
    margin:1rem auto 0;
    border-bottom: 0rem;
    display: flex;
    justify-content: space-around;
}
.wrap .left{
    width:46.5rem;
    background: #fff;
}
.wrap .left .noticeTitle{
    position: relative;
    margin-bottom: 1rem;
}
.wrap .left .noticeTitle p:nth-of-type(1){
    margin-bottom:0.6rem;
    font-size: 0.7rem;
}
.wrap .left .noticeTitle .ntb{
    /*    background:  url("../images/notice1.png") no-repeat ;*/
    background: #33d40e;
    height:2rem;
    line-height: 2rem;
    padding-left:4rem;
    position: relative;

}
.wrap .left .noticeTitle .ntb img:nth-of-type(1){
    position: absolute;
    z-index: 3;
    top:0;
    left:0;
    height:100%;
}

.wrap .left .noticeTitle .ntb img:nth-of-type(2){
    position: absolute;
    z-index: 3;

    top:0;
    right:0;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    height:100%;
}

.wrap .left .noticeTitle .ntb div{
    background: #fff;
    display: inline-block;
    height:2rem;
    position: relative;
}

.wrap .left .noticeTitle .ntb div span{
    display: inline-block;
    background: #33d40e;
    font-size: 0.7rem;
    height:2rem;
    padding:0 0.5rem;
    position: relative;
    top:-0.3rem;
    margin:0 -0.2rem;
    color: #fff;
    z-index: 5;
}

.wrap .left .noticeTitle .ntb div img:nth-of-type(1){
    width: 0.2rem;
    position: absolute;
    left:-0.2rem;
    bottom:-0.05rem;
}
.wrap .left .noticeTitle .ntb div img:nth-of-type(2) {
    width: 0.2rem;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    position: absolute;
    right:-0.2rem;
    bottom:-0.05rem;
}
.wrap .left ul li{
    background-color: #33d40e;
    margin-bottom: 0.5rem;
    width: 46.5rem;
    border-radius: 0.5rem;
}
.wrap .left ul li a{
    margin-left: 1rem;
    color: white;
}
.wrap .left ul li .neirong{
    background-color: white;
}
.wrap .right{
    width: 12.75rem;
    margin-left:0.75rem;
    background: #fff;
}
.wrap .right .inform {
    display: flex;
    flex-direction: column;
    position: relative;
}
.wrap .right .inform div {
    width:12.75rem;
    height:9rem;
    background: #33d40e;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
}
.wrap .right .inform div ul{
    font-size: 0.6rem;
}
.wrap .right .inform div ul a{
    color: black;
}
.wrap .right .inform div ul li{
    width: 11rem;  /*必须设置宽度*/
    overflow: hidden;  /*溢出隐藏*/
    text-overflow: ellipsis; /*以省略号...显示*/
    white-space: nowrap;  /*强制不换行*/
}
.wrap .right .inform .filter {
    width: 6.3rem;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top:0rem;
    height:48rem;
    border-radius: 0;
    z-index: 2;
}
.wrap .right .inform div h4{
    text-align: center;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    color: #fff;
    position: relative;
    z-index:9;
}
.wrap .right .inform div ul li {
    list-style: none;
    text-align: left;
    margin-left:1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    position: relative;
    z-index: 9;
}
.wrap .right .box_c {
    width:12rem;
    height:7rem;
    font-size: 0.7rem;
    position: relative;
    color:#000000;
    margin-top:1.5rem;
}
.wrap .right .box_c .title{
    display: flex;
    justify-content: flex-end;

}

.wrap .right .box_c .title h2{
    background:url(../images/sidebar_titile_bg.gif) 100% -3.5rem no-repeat;
    height:2rem;
    font-size: 0.9rem;
    font-style:normal;
    position: absolute;
    left:0;
}

.wrap .right .box_c .more a{
    text-decoration:none;
    color: #000;
}

.wrap .right .box_c .contact_tel{
    background:url(../images/sns_ico.gif) 0.1rem -7rem no-repeat;
    padding-left:1.5rem;
    width:10rem;
    height:0.9rem;
    font-weight:bold;
    font-size: 0.6rem;
    margin-top:0.9rem;
    margin-bottom: 0.5rem;

}

.wrap .right .box_c .contact_email{
    background:url(../images/sns_ico.gif) 0.2rem  -12rem no-repeat;
    padding-left:1.5rem;
    width:10rem;
    height:0.9rem;
    font-weight:bold;
    font-size: 0.7rem;
    white-space: nowrap;
    margin-bottom: 0.5rem;

}
.wrap .right .box_c .contact_msn{
    background:url(../images/sns_ico.gif) 0.2rem -1.4rem no-repeat;
    padding-left:1.5rem;
    width:10rem;
    height:0.9rem;
    font-weight:bold;
    margin-bottom: 0.5rem;
}

.wrap .right .workTime{
    width:12rem;
    height: 15.5rem;
    font-size: 0.7rem;
}
.wrap .right .dayOff{
    display: flex;
    justify-content: center;

}
.wrap .right .dayOff span:nth-of-type(1){
    display: inline-block;
    width:0.3rem;
    height: 0.3rem;
    background: #ff6825;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    margin-top: 0.3rem;
    margin-right: 1rem;
}
.wrap .right .dayOff span:nth-of-type(2){
    color: #ff6825;
    font-size: 0.7rem;
}
.wrap .right .rl ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0;
}


.wrap .right .facebook{
    width:12rem;
    height:12rem;
    border:0.05rem salmon solid;
}
.wrap .right .facebook img{
    width:12rem;
    height:8.5rem;
    border: none;

}
.wrap .right .message {
    width:12rem;
    border:0.05rem salmon solid;
    height:16rem;
    margin-top: 1rem;
    border-radius: 1rem 1rem 0 0;
    background: #ff550a;
}
.wrap .right .message  p {
    text-align: center;
    font-size: 0.9rem;
    color: #fff;
    height:1.3rem;
    line-height: 1.3rem;
}
.wrap .right .message  .user{
    width:11.6rem;
    margin: auto;
    background: #fff;
    height:13rem;
    font-size: 0.7rem;

}
.wrap .right .message .user .userList {
    padding-top:0.5rem;
    border-bottom: 0.05rem solid #777575;
}
.wrap .right .message .user .userList div{
    overflow: hidden;
    background: #ffe1d4;
    height:2.5rem;
}
.wrap .right .message .user div p{
    height:1.3rem;
    line-height: 1.3rem;
    color: #333333;
    font-size: 0.8rem;

}
.wrap .right .message p:nth-of-type(2) a img {
    width: 0.5rem;
    height:0.5rem;
}
.wrap .right .message p:nth-of-type(2) a{
    color: #777575;
}
.wrap .right .message p:nth-of-type(2){
    width:11.6rem;
    margin: auto;
    text-align: right;
    height:1.5rem;
    line-height: 1.5rem;
    font-size: 0.7rem;
    background: #ffffff;

}