*{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
 #tabs {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }

  #tabs li {
    float: left;
    margin: 0;
    padding: 0;
  }

  #tabs a {
    display: block;
    float: left;
    padding: 13px 48px;
    margin-right: 5px;
    text-decoration: none;
    color: #fff;    
    background: #a0a0a0;
  }
  #tabs a:hover{
    background: #737172;  
  }
  #tabs a:focus {
    border-bottom-color: #2ac7e1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #tabs a:focus {
    outline: 0;
  }
  #tabs #current {
    z-index: 3;
    background: #efefef;
    color: #5a5859;
  }

  #content {
    background: #efefef;
    padding: 40px 0px;
    width: 90%;
    margin: 0 auto;

  }
 
.text-content {
  width: 100%;
  // height: 30px;
  padding: 40px 20px;
  background: #fff;
  cursor: pointer;
}
.text-content:hover{
   padding: 39px 19px;
}
.each-term{
  padding-top: 40px;
}
.text-content h3.title{
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 10px;
}
.text-content p.title2{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
}
.text-content p.text{
  text-align: justify;
  font-size: 13px;
  margin-bottom: 0px;
}
#content .left{
  
  border:1px solid #f1a188;
}
#content .left:hover{
  border:2px solid #f1a188;
}
#content .center{
  border:1px solid #fecc85;
}
#content .center:hover{
  border:2px solid #fecc85;
}
#content .right{
  border:1px solid #abd397;
}
#content .right:hover{
  border:2px solid #abd397;
}

#tab3 .text-content{
  text-align: center;
} 
#tab3 p.text{
  text-align: center;
}
#tab1 .center, #tab1 .right{
  border:1px solid #e2e2e2;
}
#tab1 .fees-top{
  text-align: center;
}
#tab1 .fees-bottom1{
  margin-top: 30px;
  padding: 30px 96px;
  border: 1px dashed  #fecc85;
  min-height: 500px;
  text-align: center;
}
#tab1 .fees-bottom1 ul,#tab1 .fees-bottom2 ul{
  padding-left: 0;
}
#tab1 .fees-bottom1 li,#tab1 .fees-bottom2 li{
  // list-style: none;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  line-height: 17px;
}
#tab1 .fees-bottom2{
  min-height: 500px;
  margin-top: 30px;
  padding: 30px 96px;
  border: 1px dashed  #abd397;
  text-align: center;

}
#tab3 img{
  margin-bottom:20px;
}
.jia{
  margin: 20px 0;
}
@media screen and (max-width: 1200px) {
  #tab2{
    border: 1px solid #efefef;
  }
  #tab2 .text-content{
    min-height: 1193px; 
  }
  #tab3 .text-content{
    min-height: 844px;
    
  }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
  //ipad横屏  
  #tab2{
    // border: 1px solid #efefef;
  }
  #tab2 .text-content{
    min-height: 1409px; 
  }
  #tab3 .text-content{
    min-height: 844px;
    
  }
} 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
  //ipad竖屏
  #tab2{
    // border: 1px solid #efefef;
  }
  #tab2 .text-content{
    min-height: 1985px; 
  }
  #tab3 .text-content{
    min-height: 916px;
  }

}
@media screen and (max-width: 760px) {
  #tabs{
    width:100%;
  }
  #content {
    width:100%;
  }
   #tabs li{
    width: 33.3%;
    border: 1px solid #efefef;
   }
  #tabs a {
    width: 100%;
    padding: 13px 0px;
    text-align: center;
  }
  #content {
    padding: 0px 0px;
  }
  .third-column{
    padding: 10px;
  }
  #tab1{
    padding: 0 10px !important;
  }
  #tab1 .fees-bottom1, #tab1 .fees-bottom2{
    padding: 10px 10px;
  }
  #tab1 .fees-bottom1 li,#tab1 .fees-bottom2 li{
    list-style: none;
  }
  .text-content{
    padding-bottom: 30px !important;
  }
  #tab1 .fees-bottom1,#tab1 .fees-bottom2{
    min-height: 20px !important;
  }
}