/* 在线支持 */
.service_container{
    margin:auto;
    width:100%;
    padding:10px;
    display: flex;
}
.service_container_group{
    /* border:1px solid rgb(196, 194, 194); */
}
.service_n1{
    width:70%;
}
.service_n2{
    text-align: center;
    width:30%;
}
.service_title{
    font-size: 18px;
    padding:5px 10px;
    border-bottom: 1px solid rgb(218, 216, 216);
}
.service_main{
    height:300px;
    overflow-y:auto;
    padding:10px;
}
.service_left{
    padding:10px 0px;
    text-align: left;
}
.service_right{
    padding:10px 0px;
    text-align: right;
}
.service_left_group_left_img{
    text-align: center;
    width:40px;
    height:40px;
    border-radius: 50%;
}
.service_left_group_left{
    padding:10px 0px;
    display: flex;
}
.service_left_group_left_text{
    padding-left:10px;
}
.service_left_time{
    font-size: 12px;
    color:gray;
    text-align: center;
    /* padding:10px 0px; */
}
.xt_title{
    color: rgb(104, 102, 102);
    padding:5px 0px;
}
.xt_quest{
    border-radius: 3px;
    padding:5px 10px;
    background-color: rgb(223, 217, 217);
}
.service_right_main{
    border-radius: 3px;
    display: inline-block;
    background-color: #4d8fff;
    color: #fff;
    padding:8px 13px;
}
.service_textarea{
    padding:10px;
    width:100%;
    height: 60px;
}
.service_bottom_btn{
    padding:10px 10px 5px;
    text-align: right;
}
.service_bottom_text>textarea{
    border:0px;
}
.service_bottom{
    border-top:1px solid rgb(218, 216, 216);
    border-right:1px solid rgb(218, 216, 216);
}
textarea{outline: none;}
.main-right-img{
    margin-top:10px;
    text-align: center;
    padding:30px 5px;
    width:80%;
    height:100px;
}
.service_main_text{
    color:gray;
    padding:10px 5px;
    display: flex;
  
}
.service_main_group{
    padding:0px 10px;
    /* display: flex;
    flex-direction: column;
    align-items: left; */
}
.service_main_text_item{
    text-align: left;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-left: 8px;
}
.resite_back_item{
    width:50%;
    padding:5px;
    border-radius: 8px;
    box-shadow: darkgrey 10px 10px 30px 5px ;
}
 /*定义滚动条轨道 内阴影+圆角*/
 .service_main::-webkit-scrollbar-track
 {
   -webkit-box-shadow: inset 0 0 5px rgba(7, 6, 6, 0.3);
   border-radius: 5px;
   background-color: rgba(255,255,255,0.8);
 }
   /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
 .service_main::-webkit-scrollbar
 {
   width: 3px;
   background-color: rgba(0,0,0,0);
 }
  /*定义滑块 内阴影+圆角*/
 .service_main::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #4d8fff;
  background-color: rgb(12, 11, 11);
}
.m_title{
    color:#4d8fff;
    /* font-size:14px; */
    /* font-weight: 600; */
}