.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 .picture{
    width:46.5rem;
    height:21.7rem;
    text-align: center;

}
.wrap .left .picture .theTarget div{
    width:15rem;
    height:15rem;

}
.wrap .left .picbot{
    width:46.5rem;
}
.wrap .left .picbot img{
    width:46.5rem;
}
.wrap .left .doubt {
    display:flex ;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 7rem;
    margin-top: 0.5rem;
    background: #fff url("../images/doubt.png") no-repeat;
    position: relative;
    font-size: 0.8rem;
}

.wrap .left .doubt div {
    width: 8.5rem;
    height: 4.5rem;
    text-align: center;
    position: relative;
    margin-bottom: 0.5rem;
}
.wrap .left .doubt .upall{
    position: absolute;
    top: 2rem;
    right: 0;
}
.wrap .left .doubt .float{
    font-size: 0.8rem;
    height: 2rem;
}
.wrap .left .doubt div img {
    display: inline-block;
}

.wrap .left .doubt div p span {
    color: #fc4a00;
}
.wrap .left .voice{
    font-size: 0.8rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;
    padding-top:5rem;
    margin-top:0.3rem;
    background: #fff url("../images/voice.png") no-repeat top;

}
.wrap .left .voice .list{
    font-size: 0.7rem;
    width:14.3rem;
    height:6.5rem;
    margin-bottom:0.5rem;
    position: relative;
    background: #fff url("../images/frame.png") no-repeat top left ;
    background-size:14.3rem 6.5rem;
}
.wrap .left .voice .list p {
    width:7rem;
    height:4rem;
    padding:0 0.5rem 0 4.5rem ;
    position: relative;
    top:1rem;
    left:0.5rem;
    overflow: hidden;
}
.wrap .left .voice .list p a{
    color: black;
}
.wrap .left .voice .list span {
    position: absolute;
    bottom:0.2rem;
    left:6rem;
}
.wrap .left .car{
    font-size: 0.65rem;
    color: #fff;
    padding-top:4.5rem;
    padding-bottom:3rem;
    background: #fff url("../images/car.png") no-repeat top ;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;

}
.wrap .left .car a{
    position: absolute;
    color: #000;
    z-index: 9;
    right:1.4rem;
    top:1.1rem;
    width:7.5rem;
    height:1.5rem;
}
.wrap .left .car  div{
    display: inline-flex;
    height:2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin:0 0.5rem 0.8rem;
    position: relative;

}
.wrap .left .car  div:nth-of-type(2n) p{
    background: #ff6725;
    padding:0 0.5rem;
}
.wrap .left .car  div:nth-of-type(2n+1) p {
    background: #15b0bf;
    padding:0 0.5rem;
}

.wrap .left .car div span{
        margin-left: -0.05rem;
    position: relative;
}
.wrap .left .car div span img{
    margin-top:0.8rem;
}
.wrap .left .car  div:nth-of-type(7) span img{
    transform: rotate(180deg);
}
.wrap .left .car  div:nth-of-type(8) span img{
    transform: rotate(180deg);
    margin-right:-0.05rem;
}
.wrap .left .car  div:nth-of-type(6) span img{
    transform: rotate(180deg);
    margin-right:-0.05rem;
}
.wrap .left .car  div:nth-of-type(9) span img{
     transform: rotate(180deg);
     margin-right:-0.05rem;
 }
.wrap .left .car  div:nth-of-type(4) span img{
    transform: rotate(90deg);
    margin-right:-0.05rem;
    position: relative;
    top:1.5rem;
    right:5.5rem;
}

.wrap .left .car  div:nth-of-type(2) p{
    background: #15b0bf;
}
.wrap .left .car  div:nth-of-type(3) p{
    background: #ff6725;
}
.wrap .left .car  div:nth-of-type(4) p{
    background: #00ff00;
}
.wrap .left .car  div:nth-of-type(9) p{
    background: #15b0bf;
}

.wrap .left .car  div:nth-of-type(8) p{
    background: #ff6725;
}
.wrap .left .car  div:nth-of-type(7) p{
    background: #15b0bf;
    margin-right:-0.1rem;
}
.wrap .left .car  div:nth-of-type(6) p{
    background: #ff6725;
}
.wrap .left .car  div:nth-of-type(10){
   color: #000;
    position: absolute;
    bottom: 0rem;
    right:0rem;
}

.wrap .left .car  div:nth-of-type(10) span:nth-of-type(1){
    background: #ff6725;
    width:0.7rem;
    height:0.7rem;
    text-align: center;
    position: relative;
    top:0.8rem;
    margin:0 0.5rem;
}
.wrap .left .car  div:nth-of-type(10) span:nth-of-type(3){
    background: #15b0bf;
    width:0.7rem;
    height:0.7rem;
    text-align: center;
    position: relative;
    top:0.8rem;
    margin:0 0.5rem;
}
.wrap .left .car  div:nth-of-type(10) span:nth-of-type(5){
    background: #00ff00;
    width:0.7rem;
    height:0.7rem;
    text-align: center;
    position: relative;
    top:0.8rem;
    margin:0 0.5rem;
}


.wrap .left .news h4 {
    text-align: center;
    height:3rem;
    line-height: 3rem;
    background: url("../images/newe.png") no-repeat 19rem 0rem;
    margin-bottom:0.2rem;

}

.wrap .left .news h4 span{
    margin-left: 3rem;

}

.wrap .left .news ul{
    font-size: 0.8rem;
    background: url("../images/line.png") repeat-x;
    padding-top:0.3rem;

}
.wrap .left .news ul li {
    list-style: none;
    letter-spacing: 0.05rem;
    border-bottom:0.05rem  solid #d5d5d5;
    height:2rem;
    line-height: 2rem;
}
.wrap .left .news ul li span  {
    color: #fc4a00;
    margin-right:1rem;

}
.wrap .left .news ul li span:nth-of-type(2){
    overflow: hidden;
    color: black;
}

.wrap .left .news .record{
    display: flex;
    justify-content: flex-end;
    margin-top:1rem;
    font-size: 0.8rem;
    padding-left: 1rem;


}
.wrap .left .news .record a{
    color: #2196f3;
}
.wrap .left .news .record img {
    width:0.8rem;
    height: 0.8rem;
    margin-top :0.15rem;
    margin-right: 0.2rem;
}
.wrap .left .link{
    height:4.5rem;
    border:0.1rem solid #ff6725;
    margin-top:1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-around;
    position: relative;
    left:6.8rem;
}
.wrap .left .link a{
    position:relative;
    top:1rem;
}
.wrap .left .link img{
    width:4rem;
}



.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: #15b0bf;
    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:8rem;
    font-size: 0.7rem;
    position: relative;
    color:#000000;
    margin-top:1.5rem;
}
.wrap .right .box_c .title{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
}

.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 .content a{
    color: #ff550a;
}

.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;
    color: #ff550a;

}

.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;
    color: #ff550a;
}

.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;
    color: #ff550a;
}


.wrap .right .box_c .contact_facebook{
    background:url(../images/sns_ico.gif) 0.2rem -4.3rem 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;
    position: relative;

}
.wrap .right .dayOff img{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 3px;
    right: 3px;
}
.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:13rem;
    border:0.05rem salmon solid;
    overflow:scroll;
}
.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{

    background: #ffe1d4;
    height:2.5rem;
    overflow: hidden;
}
.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;

}