.tabbox, .tabnav, .tabcontent, .show, .tabbox ul{
 margin: 0;
 padding: 0;
}
.tabbox {
 width: 244px;
 height: 310px;
 border: 1px solid #ccc;
 margin: 0 auto;
}

.tabnav {
 height: 35px;
 border-bottom: 2px solid #098346;
}

.tabnav>li {
 list-style: none;
 width: 120px;
 height: 35px;
 background: #f1f1f1;
 text-align: center;
 line-height: 35px;
 float: left;
 font-size: 13px;
}

.tabnav>li:first-child {
 margin-right: 4px;
}

.tabnav>.current {
 background: #098346;
}
.tabbox .tabcontent{
 background: #f1f1f1;
}
.tabbox .tabcontent>li {
 list-style: none;
 display: none;
}

.tabbox .tabcontent>.show {
 display: block;
 width: 244px;
 height: 273px;
 position: relative;
 margin: auto;
}
.tabbox .tab ul {
 height: 273px;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.tabbox .tab ul li {
 list-style: none;
 margin: 0 auto;
 height: 40px;
 width: 191px;
 line-height: 40px;
 border: 1px solid #098346;
 margin-top: 35px;
 text-align: center;

}

.tabbox .tab ul li:first-child {
 margin-top: 0px;
}

.tabbox .tab ul li:hover {
 background: #098346;
}

.tabbox .tab ul li a {
 text-decoration: none;
 font-size: 13px;
 color: #333333;
}