.tab{ margin:0 auto; }
.tabnav { font-size:0; width:100%; border-bottom:1px solid #ddd; border-left:1px solid #ddd;  }
.tabnav li { display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd; }
.tabnav li a:before{ content:""; position:absolute; left:0; top:1px; width:100%; height:3px; border-top:1px solid #ddd; }
.tabnav li a.active:before{ top:0; background:#148ec0;}
.tabnav li a.active{ border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{ background:#fff; color:#148ec0; }
.tabcontent{ padding: 20px; border:1px solid #ddd; border-top:none;}
.tabcontent img { width:100%; height:auot; }