/*globe*/
*{margin:0;padding:0;border:0}
html,body,h1,h2,h3,h4,h5,h6,p,br,form,input,button,textarea,select,fieldset,blockquote,ul,ol,li,dl,dt,dd,pre,a{margin:0;padding:0;border:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#666;text-decoration:none;}
ul{ list-style:none;}

/* 头部 */
.topHeader{display: -webkit-flex;display: flex;  align-items: center; background-color:lime; height:40px;}

 
.topHeader >span{font-size:1.6em;height:40px; line-height:40px; font-weight:bold; margin-left:50px;}
.topHeader> a:first-child {
      width:18%;
      height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        
        
        margin-right:25%;
      }
   
.topHeader> a:first-child  img {
        width: auto;
        height: auto;
         max-height:30px;max-width:100%;
        }
   


/*选择城市*/

 

 
.topHeader>a:not(first-child){ font-size:1.5em; }
 .topHeader>a:nth-child(2), .topHeader>a:nth-child(3), .topHeader>a:nth-child(4){ margin-right:20px;}
 
 
.topHeader>a:last-child{position:relative; }
.topHeader>a:last-child:after{top:50%; right:-10px; position:absolute; border-top:solid 6px blue; content:""; border-left:solid 4px transparent;border-right:solid 4px transparent; z-index:99;}

 
   
 
 
 
.hsl-main{ background-color:White; min-height:500px;}
 
header h1{ padding:0 1em; text-align:center; font-size:1.6em; letter-spacing:1px;}
.teaPhoto{ display: flex; 
        justify-content: center;
        align-items: center; width:300px; height:150px; margin:10px auto; }
.teaPhoto img{  width: auto;
        height: auto;
         max-height:150px;max-width:300px; border-radius:10px; }   
   .feiyong{display: -webkit-flex;display: flex; width:100%; align-items: center; padding:5px 0; }    
.feiyong div{ min-width:200px; } 
 .feiyong>span{ width:110px;}
 
 .ksf1{ width:100%; display:inline-block;}
 
.titleTip{ font-weight:bold;}
.kctop0{width:70%; margin:0 auto;  }
.kctop0 .feiyong{font-size:1.4em;   }
.kctop0 a{font-size:1.2em;   }
.kctop0>p{width:99%;padding:0; margin:0;font-size:1.4em; line-height:30px;}
.kctop0>.telOuter{ background-color:#CBFFA6;border-radius:10px; height:30px; line-height:30px; text-align:center; width:70%;  margin:10px auto;font-size:1.4em;}
.tel{ margin-left:0.5em;}
.telTip{ font-weight:bold; color:DarkCyan;}
.teatop1{ margin-top:5px; border-top:solid 1px #EDEDED; padding-top:0.5em;}
.bianhao{ margin-left:30px;}
 


/*详细*/
.jiben{ min-height:100px; width:100%; margin-bottom:10px;}
.jibens{ margin:10px auto;}

.jiben h2,.jiben1 h2{ border-bottom:solid 2px #A49457; overflow:hidden; clear:both;}
.jiben h2 span,.jiben1 h2 span{position:relative;display:inline-block; height:25px; padding-left:10px; width:80px; background-color:#A49457; line-height:25px; float:left; font-size:1.4em; color:White; letter-spacing:2px; }
.jiben h2 span:after,.jiben1 h2 span:after{border-bottom:solid 30px #A49457;border-right:solid 40px transparent;position:absolute; top:0px; right:-40px; display:inline-block; height:0; width:0; content: "";}

 
  .jiben>div>div:not(:last-child){ border-bottom:solid 1px #E4E3E3; overflow:hidden; }

 
 
 .jiben>div>div{display: -webkit-flex;display: flex; width:100%;justify-content:space-around; align-items: center; margin:10px 0;}
 .jiben>div>div>div{ flex-wrap:wrap;display: -webkit-flex;display: flex; width:70%; align-items: center;}
  .jiben>.jiben1{  width:100%; flex-wrap:wrap; display: -webkit-flex;display: flex;align-items: center;justify-content:space-around;}
 
 .jiben> .jiben1>div:nth-child(2n-1){width:28%;}
 .jiben> .jiben1>div:nth-child(2n){width:68%;justify-content: start; border-bottom:solid 1px #E4E3E3;}
 .jiben> .jiben1>div:nth-child(2n)>span{text-align:right; width:35%; margin-right:1em;}

 
  .jiben>div>div>div>a{ margin-right:10px;}
   .jiben>div>div>span{ font-weight:bold; }
 
 
 .qqqun{ border:solid 1px #EDEDED; text-indent:5px; border-radius:5px; width:98%; margin:5px auto; letter-spacing:1px;}
 
 
 /*经验*/
.jingyan{ text-align:left; line-height:30px; letter-spacing:1px;text-indent:2em; padding:5px 0;  width:95%; margin: 0 auto;font-size:1.6em;}
  .jingyan p{ text-indent:2em;font-size:1.6em; margin:5px auto;}
   .jingyan  img{ max-width:90%; text-align:center;}


   .jjjl>p{   line-height:30px; height:30px;flex-wrap:wrap; display: -webkit-flex;display: flex;align-items: center;justify-content:space-around;}
   .jjjl>p>span:first-child{ min-width:80px;}

  
/*更多课程*/
 .xgkc{ position:relative; border-bottom:solid 3px #A49457; margin-bottom:5px; text-align:center;width:100%;font-size:1.4em; text-align:left;}
  .xgkc:after{ position:absolute; content:""; border-bottom:solid 3px #A49457; margin-bottom:5px;border:solid 10px transparent;border-top:solid 10px #A49457; right:0px; bottom:-25px;}
  
  .kcsOuter{width:98%;margin:25px auto;}
  .kcs{ display:block; width:100%;flex-wrap:wrap; display: -webkit-flex;display: flex;align-items: center; margin-bottom:10px;font-size:1.3em;margin:25px auto;}
    .kcs:not(:last-child){ padding-bottom:10px; border-bottom:solid  1px #EDEDED;}
 
 
  .kcs>h3{  text-align:center; width:100%; }
   .kcs>h3>a{font-size:1.5em;}
 .kcs>div:nth-child(2){  margin:0 auto;}
.kcs>div:nth-child(3){ height:50px;  margin:0 auto;display: -webkit-flex;display: flex; justify-content:space-between; align-items:center ; flex-wrap:wrap;}
.kcs>div:nth-child(3) span{ width:100%; line-height:25px;}
 .kcs>div:nth-child(2)>img{ text-align:center; min-width:240px;max-width:300px; width:auto;   border-radius:10px;}
  .kcs>span{ width:90%; margin:5px auto; font-size:1.3em;}
 
 
  /*字符超出后用省略号代替*/
.teaxx span:nth-child(5){width:100%; 
   
   overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
   
   }
 /*关联导航*/
.xiangguan{width:90%;   min-height:20px; border:solid 1px #CDCDCD;
 border-radius:15px; background-color:#E9FFD7;  margin:30px auto;

 padding:10px; position:relative;box-shadow: 5px 5px rgba(0, 0, 0, .2);}
 .xgTitle{font-size:1.8em; font-weight:bold; padding:5px;position:absolute; top:-15px; left:100px; background-color:#EDEDED; border-radius:10px;color:Red;}
 

 .citys{ padding:5px;}
  .citys>span{ font-weight:bold;}
   .citys>*{ display:inline-block; margin:5px; font-size:1.5em;}
    
   
/*手机 max-width: 575px*/

@media screen and (max-width: 575px) {

 .kctop0>.telOuter{  width:80%; }

.feiyong div{ min-width:180px; max-width:280px;}
 
 
}  
/*手机 max-width: 375px*/

@media screen and (max-width: 375px) 
{
.topHeader>a:not(first-child){ font-size:1.4em; }
 .topHeader>a:nth-child(2), .topHeader>a:nth-child(3), .topHeader>a:nth-child(4){ margin-right:15px;}

 .kctop0{width:90%;  }
.kctop0>.telOuter{  width:80%;}
.feiyong div{ min-width:180px; max-width:210px;}

.jiben> .jiben1>div{ font-size:0.9em;}
 .jiben> .jiben1>div:nth-child(2n)>span{text-align:right; width:37%; margin-right:0.8em;}
 
 .jjsj, .jjjl>p{font-size:0.9em;}
 
}
 
 
 
  
/*手机 max-width: 320px*/

@media screen and (max-width: 320px) {

.topHeader>a:not(first-child){ font-size:1.2em; }
 .topHeader>a:nth-child(2), .topHeader>a:nth-child(3), .topHeader>a:nth-child(4){ margin-right:15px;}

 
   
      .selectouter>li>div:first-child{ width:24%;}

.jjsj{font-size:0.8em;}
 .jiben> .jiben1>div{ font-size:0.8em;}
  .jiben> .jiben1>div:nth-child(2n-1){width:24%;}
 .jiben> .jiben1>div:nth-child(2n){width:70%; }
 
   .jiben> .jiben1>div:nth-child(2n-1){width:24%;}
 .jiben> .jiben1>div:nth-child(2n){width:70%; }
 
}