.main{ 
       font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
     .backgroundimg{
       position: absolute;
       left: 0;
       top: 0;
       bottom: 0;
       height: 100%;
       width: 100%;
       background-image: url(../img/webChatImg/web5.jpg);
       background-size: 100% 100%; 
       z-index:33;
       transition:all 0.5s ease;
                  } 

    .blur{     
            width: 100%;
           -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);  

       }
     .worldmessage{ 
       position: absolute;
        height: 300px;
        margin-top: 50px;
        margin-left: 30px;
        margin-right: 30px;
         padding: 8px;
         color: #333;
         font-size: 14px;
         font-weight: 800;
         text-indent: 30px;
         line-height: 2em;
         z-index: 99;
         opacity: 0;
         transition:all 0.5s ease;
                  }
      .hiddenworld{
          opacity: 1;

      }
       .contain{ 
         padding-bottom: 2px;
         bottom: 30px;
         position: fixed;
         width: 100%;  
         z-index: 99;   
        overflow:hidden; 
      ul{
         -webkit-padding-start: 0px;
          list-style:none;
          position: relative;
          height: 150px;
          li{
              height: 75px;
              width: 75px;
              border-radius: 100%;
              color: white;
              position: relative;
              >span{
                  position:absolute; 
                  font-size: 30px;
                  right: 23px;
                  top: 15px;
                   }
            >a{
                position:absolute; 
                text-decoration: none;
                color: white;
                top: 44px;
                right: 9px;
              }
            }
         >:first-child{
                  position: absolute;
                  background-color: #5995EB;
                  left: 26%;  
                  opacity:1;
                  transition:all 0.5s ease;
                  
                     }       
         .search{
                 background-color: #F34673;
                 position: absolute;
                 right: 26%;
                 opacity:1;  
                 transition:all 0.5s ease;
                 } 
         .commonask{
                 position: absolute;
                 background-color: #FFB715;
                top: 50%;
                left: 6%;
                 opacity:1; 
                 transition:all 0.5s ease;
                     }
         >:last-child{
                 position: absolute;
                 background-color: #A4D56A;
                 top: 50%;
                 right: 6%; 
                 opacity:1;  
                 transition:all 0.5s ease;     
                     }
        .active   {
                   opacity:0;
                 }          
      }
.addbtn{ 
           width:26px;
            margin:0 auto;    
           >span{
               margin:0 auto;  
              background-color:#048FD2;
              border-radius:100%; 
              color: white;
              font-size: 20px;
                }  
            .glyphicon-plus{
              padding: 5px 5px 6px 7px;
            }
            .glyphicon-remove{
               padding: 6px 6px 5px 6px;
            }
        } 
    }
 }