/**************************内容切换***************************/
#tab1{ width: 100%;
      height: auto;
      }



#tab1 .tabtit{ width: 22%;

              padding: 8px 0;
              box-sizing: border-box;}

#tab1 .tabtit img{ width: 100%;
                     }

#tab1 #ul{ width:100%;
           margin-bottom: 0;
           border-radius: 3px;
           border: 1px solid #FFFFFF;}

#tab1 #ul li p{width: 100%;
            height:50px;
            line-height:50px;

            background: #f2fbff;
            box-sizing: border-box;
            color: #a0a0a0;
            border-bottom: 1px solid #FFFFFF;
            border-top: 1px solid #FFFFFF;}


#tab1 #ul li i{ width: 10px;
               height: 10px;
               background: #31ddcc;
               display: block;
               float: left;

               margin: 20px;
               border-radius: 50px;}

#tab1 #ul li p.on{background: #31ddcc;
               color: #FFFFFF;
               }

#tab1 #ul li p.on i{ background: #FFFFFF;}

.hide{display:none;}


#tab1 #ul li p:hover{background: #31ddcc;
               color: #FFFFFF;}

#tab1 #ul li p:hover i{ background: #FFFFFF;}