/* 找家教  做家教 */ 
 
 .zjj{ margin:15px auto;justify-content:space-between;display: -webkit-flex;display: flex;height:100px; width:98%; }
 
 .zjj>div{width:48%;  height:96px;border:solid 1px red;border-radius: 5px; display: -webkit-flex;display: flex; flex-wrap:wrap; background-color:#E8FFD4;}
 .zjj>div *{width:100%;text-align:center; letter-spacing:2px; padding:2px; font-size:1.4em;}
  .zjj>div>a{ font-size:20px; font-weight:bold; color:Red; }
  
  /* 教员 */  
  .neirong{ margin:15px auto; width:98%; min-height:30px; } 
  .smallTitle{ width:100%; margin:5px auto;  } 
  .smallTitle>a, .smallTitle>span{ display:inline-block; font-size:1.6em; font-weight:bold; position:relative;}
  .smallTitle>a:before,.smallTitle>span:before{content:"";bottom:-2px; left:0; position:absolute; width:100%; height:3px; background-color:Red;}
  .smallTitle{ border-bottom:solid 1px #EDEDED;}
 .tlist>ul{ margin:0 auto;display: -webkit-flex;display: flex;min-height:30px; width:100%; flex-wrap:wrap;} 
  .tlist>ul>li{position:relative; width:100%; height:30px; line-height:30px; padding-left:15px;} 
    .tlist>ul>li:before{top:30%; left:5px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}  
  
    .tlist>ul>li:not(:last-child){ border-bottom:dashed 1px #DCDCDC;} 
 .tlist>ul>li>a{ font-size:1.4em;justify-content:space-between;display: -webkit-flex;display: flex;}
 
  .tlist>ul>li>a>span:nth-child(1){ font-weight:bold;}

 .tlist>ul>li>a>span:nth-child(2),  .tlist>ul>li>a>span:nth-child(3){text-align:left; width:36%;    overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
    }
    .tlist>ul>li>a>span:nth-child(2){width:21%; }
     .tlist>ul>li>a>span:last-child{width:20%; }
     
   .qushaoSm{ font-size:1.2em; letter-spacing:1px; line-height:20px; width:98%; margin:5px auto; color:#979CA6;}  
     
     
 /* 家教资讯 */
 .zxOuter{width:98%;  min-height:10px; margin:10px auto;}
  .zxOuter>div:nth-child(2){ width:100%;min-height:100px;  display: -webkit-flex;display: flex; flex-wrap:wrap; }
  .zxOuter>div:nth-child(2)>a {overflow:hidden; font-size:1.4em; display:inline-block; width:100%; padding-left:20px; position:relative;height:30px; line-height:30px;}  
    .zxOuter>div:nth-child(2)>a:before{top:30%; left:5px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}  
 .zxOuter>div:nth-child(2)>a:not(:last-child){ padding-bottom:2px; border-bottom:dashed 1px red;}  
 
 
 /*导航*/
 
.xiaolei{width:98%; margin:10px auto; display: -webkit-flex;display: flex; }
.xiaolei>span{ position:relative; padding:2px; border:solid 1px red;border-radius:5px; margin:10px auto; display:inline-block; min-width:80px; text-align:center; font-size:1.4em;height:20px; line-height:20px; letter-spacing:3px;}
.xiaolei>span:before{ position:absolute;content:""; width:100%; height:2px; background-color:Red; top:50%; left:-100%;border-radius:50% 0 0 50%;}
 .xiaolei>span:after{ position:absolute;content:""; width:100%; height:2px; background-color:Red; top:50%; right:-100%;border-radius:0 50%  50% 0;}
 

 .qunti{width:100%;}
 .qunti>li{margin:1%; display:inline-block; width:18%; height:25px; line-height:25px; 
 border-radius:5px; background-color:#CBFFA6;   text-align:center; 
    overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
 }

  .qunti>li a{  font-size:1.4em; text-align:center; 
 color:BlueViolet; letter-spacing:2px;
 
 
 }

 


   .citys{margin-bottom:50px;}
 
  .neirong>p{ text-indent:2em; line-height:30px; letter-spacing:1px; font-size:1.4em; }
 .neirong>p>a{ color:Red;font-size:1em;}
  .neirong>p>span{ color:blue; font-weight:bold;}
 
 
 
 
 
 
 
 /* max-width: 415px */

@media screen and (max-width: 415px) {
 
 .jjNav>div>div:first-child{ font-size:2.4em;}
.jjNav>div>div:last-child>a span,.teas>div:nth-child(3)>a{ font-size:1.5em;}


   }
 
 

/* max-width: 375px */

@media screen and (max-width: 375px) {
     .tlist>ul>li>a>span:last-child{width:20%; }
    
     .tlist>ul>li>a{ font-size:1.2em;}

    
 .jjNav>div>div:first-child{ font-size:1.8em;}
.jjNav>div>div:last-child>a span,.teas>div:nth-child(3)>a{ font-size:1.3em;}
 .toutu>a>span, .toutu2>a>span{font-size:1.4em; }
}

/* max-width: 360px */

@media screen and (max-width: 360px) {
    .tlist>ul>li>a>span:last-child{width:22%; }
    
         .tlist>ul>li>a{ font-size:1.2em;}
    
 .jjNav>div>div:first-child{ font-size:1.8em;}
.jjNav>div>div:last-child>a span,.teas>div:nth-child(3)>a{ font-size:1.3em;}
 .toutu>a>span, .toutu2>a>span{font-size:1.4em; }
 
 .qunti>a{ font-size:1.3em;}
}
  
  
/* max-width: 325px */

@media screen and (max-width: 325px) {
    .tlist>ul>li>a>span:last-child{width:22%; }
    
         .tlist>ul>li>a{ font-size:1.2em;}
    
 .jjNav>div>div:first-child{ font-size:1.8em;}
.jjNav>div>div:last-child>a span,.teas>div:nth-child(3)>a{ font-size:1.3em;}
 .toutu>a>span, .toutu2>a>span{font-size:1.4em; }
 
 .qunti>a{ font-size:1.2em;}
}