﻿ 
  
  
  /*标题*/
  .biaoti{border:solid 1px #EDEDED; text-align:center; padding:5px; border-radius:5px; width:92%; margin:5px auto; letter-spacing:1px;font-size:1.4em;}
  
 /*快速搜索*/
 

.selectouter{ width:98%; margin:0 auto;}
 .selectouter>dl{ padding:5px 0; width:100%; margin:10px auto; border-bottom:dashed 1px #EDEDED;display: -webkit-flex;display: flex;}
 
 
    .selectouter>dl>dt{ width:22%;}
        .selectouter>dl>dt{line-height:30px; height:30px; display:inline-block;}
        
  .selectouter>dl>dd{ width:77%;display: -webkit-flex;display: flex;flex-wrap:wrap;}
 .selectouter>dl>dd a, .selectouter>dl>a{ margin:5px 10px; display:inline-block; font-size:1.3em;}
 
 
 
.active{ color:Red;}
.titles{ font-size:1.4em; font-weight:bold;}

 /*选中background-color:#FF8500;*/
 .tiaojian{ width:96%; margin:10px auto; margin-right:10px; font-weight:bold;}

 .choosed1{ display:inline-block; padding:3px 8px;color:red;border-radius:5px; margin: 5px;background-color:#FEB487; background-image:url("../../../ico/err_ico.jpg");background-repeat:no-repeat;background-position:right top;}
 

 
 /*老师列表*/
 .teas{background-color:White; padding:0;margin:10px auto;  border-radius:10px; font-size:1.4em; border:solid 1px #CBFFA6; width:96%;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap:wrap;}
 
 
   .teaL,.teaR{ height:150px; padding:6px; }
  .teaL{ width:38%; border-right:dashed 1px #EDEDED;}
   .teaL>h2{ width:100%;}
    .teaL>h2>a{display: -webkit-flex;display: flex; flex-wrap:wrap;height:60px;}
    .teaL>h2>a span:first-child{ font-size:1.6em; font-weight:bold; color:BlueViolet;}
      .teaL>h2>a span:last-child{ font-size:1.4em;}
   .teaL>h2>a i{ margin-left:10px; color:Red;}
     .teaL>p{display: -webkit-flex;display: flex; flex-wrap:wrap;height:70px;}
   .teaL>p span{  width:100%;   font-size:1.4em;}

    
    
    .teaR{ width:55%;display: -webkit-flex;display: flex; flex-wrap:wrap;}
    .teaR>div{max-height:48%; overflow:scroll; width:100%;}
        .teaKm>span{ text-align:center; letter-spacing:2px; font-size:1.2em; display:inline-block; font-weight:bold;}
      .teaKm>a{ margin:5px; display:inline-block;font-size:1em; color:BlueViolet;}
    
     
    

     .biaoqian{display: -webkit-flex;display: flex;justify-content:space-around;margin:10px auto; width:98%; }
.biaoqian>span{ margin:2px; padding:1px 5px; border-radius:10px;  display:inline-block; text-align:center;}
.biaoqian>span:nth-child(1){background-color:#BFD4FF;}
.biaoqian>span:nth-child(2){background-color:#AEFF77;}
.biaoqian>span:nth-child(3){background-color:#20C1FF;}
.biaoqian>span:nth-child(4){background-color:#20FF20;}
.biaoqian>span:nth-child(5){background-color:#88FF88;}
    
    
    
 .teaJj{ width:98%; min-height:50px; margin-top:10px; text-indent:2em; letter-spacing:2px; line-height:25px;padding:6px; text-align:justify;}
 

 
   .online{ letter-spacing:2px; line-height:24px; padding:10px;}  
.quyuTip{ font-weight:bold; font-size:1.2em;line-height:30px;}

 .didian{display: -webkit-flex;display: flex; width:100%; flex-wrap:wrap; max-height:60px;overflow-y:auto;}
  .didian>div>span{margin:0 5px; display:inline-block;font-size:1em;}
 .qychoose{ font-size:1em; }
/*提示语*/

.tips1{ border-bottom:dashed 1px #EDEDED; font-size:1.4em; letter-spacing:2px; width:98%; margin:20px auto; font-weight:bold;}

 
  
 
 
  /*分页*/
    .fenye{margin:0 auto; height:32px; width:98%; text-align:center; line-height:32px; margin-bottom:40px;display: -webkit-flex;display: flex; justify-content:space-between;}
 
         .fenye>li a,.test>span{font-size:1.2em; margin:0 auto; text-align:center;}
 
  .fenye> li span{ font-size:1.3em; font-weight:bold; color:Red; padding:5px 3px; background-color:#BFD4FF; border-radius:5px;}
  
  
  
   
          /*底部导航*/

  /*手机 max-width: 435px*/

@media screen and (max-width: 435px) 
{
	
	.titles, .selectouter>dl>dd a, .selectouter>dl>a{ font-size:1.5em;}

 .biaoti{font-size:1.6em;}
 

}
/*手机 max-width: 415px*/

@media screen and (max-width: 415px) 
{
	
	.titles, .selectouter>dl>dd a, .selectouter>dl>a{ font-size:1.5em;}

 .biaoti{font-size:1.6em;}
   .teaL{ width:42%;}
    .teaR{ width:51%;}

}

 /*手机 max-width: 375px*/

@media screen and (max-width: 375px) {


   .teaL{ width:42%;}
    .teaR{ width:51%;}
.fenye>li a,.test>span{font-size:1em;}
 
}
/*手机 max-width: 360px*/

@media screen and (max-width: 360px) {

 
   .teaL{ width:44%;}
    .teaL>h2>a span:last-child{ font-size:1.3em;}
    .teaR{ width:48%;}
.fenye> li a,.test>span{font-size:1.1em;}
 
}
/*手机 max-width: 320px*/

@media screen and (max-width: 320px) 
{
	
	
 .titles, .selectouter>dl>dd a, .selectouter>dl>a{ font-size:1.3em;}

   
      .selectouter>dl>dt{ width:24%;}
   
  
  .selectouter>dl>dd{ width:75%;}
.teaL>a span{ font-size:1.3em;}
   .teaL{ width:46%;}
    .teaR{ width:45%;}
 .teaL>a span{ font-size:1.3em;}
 .fenye>li a{font-size:1em;}
  .fenye>li span{ font-size:1.1em;  padding:2px 4px; }
  
 
}
 