﻿/*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;}

 
 .teatop{display: -webkit-flex;display: flex;justify-content:space-between; margin-top:10px;  padding-top:15px;flex-direction:row-reverse;}

.teaPhoto{ display: flex; 
        justify-content: center;
        align-items: center; width:90px; height:120px; }
.teaPhoto img{  width: auto;
        height: auto;
         max-height:120px;max-width:90px; border-radius:10%; }
.titleTip{ font-weight:bold;}
.teatop0{width:68%; height:120px;display: -webkit-flex;display: flex; flex-wrap:wrap;  }
.teatop0>p{width:99%;padding:0; margin:0;font-size:1.4em;}
.telOuter{ background-color:#CBFFA6;border-radius:10px; height:30px; line-height:30px;}
.tel{ margin-left:0.5em;font-size:1.3em;}
.telTip{ font-weight:bold; color:DarkCyan;}
.teatop1{ margin-top:5px; border-top:solid 1px #EDEDED; padding-top:0.5em;}
.bianhao{ margin-left:30px;}
 .biaoqian{display: -webkit-flex;display: flex;justify-content:space-around;}
.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;}

/*标题*/

.smjj{ text-align:center; font-size:1.4em;}

/*详细*/
.jiben{ min-height:100px; width:100%; margin-bottom:10px;font-size:1.4em;}
.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> .jjsj{ font-size:0.9em;}
  .jiben>div>div>div>a{ margin-right:10px;font-size:1em; color:#CC99CC;}
   .jiben>div>div>span{ font-weight:bold; }
 
 
 /*地点*/
 
 .didian>div{ min-width:43px; margin-right:10px;font-size:1.1em;}
 
  .qychoosed{ display:inline-block; margin-left:5px; font-size:0.9em;}
 
 /*经验*/
.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;margin: 5px auto;font-size:1.6em;}
   .jingyan  img{ max-width:90%; text-align:center;}


   .jjjl li>a{ font-size:0.9em;  line-height:30px; height:30px;flex-wrap:wrap; display: -webkit-flex;display: flex;align-items: center;justify-content:space-around;}
 

   .jjjl li>a>span:first-child{ min-width:70px; }
   .jjjl li>a>span:nth-child(2){ min-width:120px; }

.yuyue{ margin:5px auto; width:92%;display: -webkit-flex;display: flex; justify-content:space-around; align-items: center; background-color:Beige; min-height:250px; padding:10px;}
 .yuyue>div{width:45%; border:solid 1px #DCDCDC; padding:2px; background-color:White; border-radius:20px; min-height:200px;}
 .yuyue>div>p{font-size:1.4em; }
 
 .yuyue>div:first-child>p { text-align:center; margin-top:25px;}
.yuyue>div:first-child>p span{ font-weight:bold; display:inline-block; width:100%; line-height:30px; height:30px;}

.yuyue1{ background-color:Crimson; border-radius:10px; padding:2px; color:MistyRose; margin-top:12px;}

 .weixin1{min-height:120px;  border:solid 1px white;display: -webkit-flex;display: flex; justify-content:space-around; align-items: center; flex-wrap:wrap; }
    .weixin1>img{ width:110px; height:110px; text-align:center;}
     .weixin1>p{display: -webkit-flex;display: flex; justify-content:space-around; align-items: center; flex-wrap:wrap; }
     .weixin1>p>span{ display:inline-block;width:120px;  text-align:center; font-weight:bold; }
  
/*更多老师*/
 .teas,.teachers { margin:10px auto; width:99%; } 
 .teas h2{ border-bottom:solid 1px lime;}
 .teas h2, .teas h2 a { font-size:1.4em;}
 .teas h3 a{ font-size:1.4em;}
 .teachers {height:150px; display: -webkit-flex;display: flex; justify-content:space-around; padding-bottom:10px; border-bottom:1px solid #DCDCDC;flex-wrap:wrap;} 
 .teachers h3, .teachers>div{ width:100%;}
 .teachers>div{ width:100%;display: -webkit-flex;display: flex; justify-content:space-around;flex-wrap:wrap;}
  .teachers>div>div:first-child{ width:30%; }
    .teachers>div>div:last-child{ width:55%; }
        .teachers>div>div:last-child span{ width:100%;}
  .teachers>div>div:first-child img{ height:120px; width:100%; border-radius:10px;}  
 
.teaxx span{ display:inline-block;width:100%; line-height:28px;}  
.teaxx span:nth-child(1),.teaxx span:nth-child(2){ font-size:16px; font-weight:bold; width:60px; }  
.teaxx span:nth-child(2){width:120px;}  
.teaxx>a>span{ font-size:1.4em;}  

.teajy{height:120px; width:70%;line-height:16px; color:Red;}

.teajy>span{ display:inline-block; width:100%; letter-spacing:1px;}

  .tip{ color:#3075FF;font-size:18px;}
  .Nojl+span{line-height:22px;font-size:16px; margin-top:20px;}
  
 


  /*字符超出后用省略号代替*/
.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;
   
   }
  
 

/*手机 max-width: 360px*/

@media screen and (max-width: 375px) {
.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) {
 
.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%; }
 
}
 

