.tb-tap-container {
    background-color: #f8f8f8;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px #f1f1f1;
}
.tb-tap-container-inner {
    position: relative;
    display: block;
    overflow: hidden;
}
.tb-tab {
    float: left;
    cursor: pointer;
    width: 148px; 
    height: 38px;
    position: relative;
    border-right: 1px solid #e9e9e9;
    /*background-color: #f8f8f8;*/
    
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #1a1a1a;
}
.tb-tab:not(.tb-tab-active):hover {
    background-color: #f3f3f3;
    
    line-height: 36px;
    border-top: 2px solid orange;
}
.tb-tab.tb-tab-active {
    background-color: #ffffff;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px #FFFFFF;
    line-height: 36px;
    border-top: 2px solid orange;
}
.tb-section-container {
    padding: 17px 15px;
}
.tb-section:not(.tb-section-active) {
    display: none;
}
.tb-tab > i {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -12px;
    color: white;
    text-shadow: 0 -1px 0 #CFCFCF;
    font-size: 32px;
    display: none;
}
/* style 1 */
.tb-section-container.tab-style-1 {
    padding: 0;
}
.tb-tap-container.tab-style-1 {
    background: rgb(236,236,236);
    background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(223,223,223,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(223,223,223,1)));
    background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dfdfdf',GradientType=0 );
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    padding-left: 17px;
}
.tab-style-1 .tb-tab {
    height: 50px;
    line-height: 50px;
    border: none;
    width: auto;
    font-size: 17px;
    padding: 0 4px;
}
.tab-style-1 .tb-tab.tb-tab-active > i {
    display: inline-block;
}
.tab-style-1 .tb-tab.tb-tab-active {
    line-height: 50px;
    border: none;
    color: #c02121;
    cursor: default;

    background: rgb(236,236,236);
    background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(223,223,223,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(223,223,223,1)));
    background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dfdfdf',GradientType=0 );
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
}
.tab-style-1 .tb-tab:not(.tb-tab-active):hover {
    background: rgb(236,236,236);
    background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(223,223,223,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(223,223,223,1)));
    background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    background: linear-gradient(top, rgba(236,236,236,1) 0%,rgba(223,223,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dfdfdf',GradientType=0 );
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    
    line-height: 50px;
    border: none;
}

/* style 2 */
.tb-section-container.tab-style-2 {
    padding: 0;
}
.tb-tap-container.tab-style-2 {
    background-color: #fafafa;
    box-shadow: none;
    text-align: center;
}
.tab-style-2 .tb-tab {
    height: 28px;
    line-height: 26px;
    border: 1px solid #ddd;
    width: 76px;
    font-size: 12px;
    background-color: #fff;
}

.tab-style-2 .tb-tab.tb-tab-active {
    line-height: 26px;
    border: 1px solid #ddd;
    background-color: #eee;
    cursor: default;
    box-shadow: none;
}
.tab-style-2 .tb-tab:not(.tb-tab-active):hover {
    line-height: 26px;
    border: 1px solid #ddd;
}
.tab-style-2 .tb-tap-container-inner {
    display: inline-block;
    padding-top: 11px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 6px;
}

/*  tab-style-3  */
.tb-section-container.tab-style-3 {
    padding: 0;
}
.tb-tap-container.tab-style-3 {
    position: relative;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d8dce4;
    box-shadow: none;
    padding-left: 10px;
}
.tab-style-3 .tb-tab {
    height: 50px;
    line-height: 50px;
    border: none;
    width: auto;
    font-size: 20px;
    font-weight: normal;
    padding: 0 4px;
}
.tab-style-3 .tb-tab.tb-tab-active {
    line-height: 50px;
    border: none;
    color: #212121;
    cursor: default;
    background-color: #f2f2f2;
    box-shadow: none;
}
.tab-style-3 .tb-tab:not(.tb-tab-active):hover {
    
}

/* style 4 */
.tb-section-container.tab-style-4 {
    padding: 0;
}
.tb-tap-container.tab-style-4 {
    border-bottom: 1px solid #d8dce4;
    position: relative;
    width: 100%;
    background-color: #fafafa;
    box-shadow: none;
    text-align: center;
}
.tab-style-4 .tb-tab {
    height: 40px;
    line-height: 40px;
    width: 20%;
    box-shadow: none;
    font-size: 12px;
    background-color: #fff;
    border-right: 1px solid #d8dce4;
    overflow: hidden;
}
.tab-style-4 .tb-tab:last-child {
    /*width: 34%;*/
}
.tab-style-4 .tb-tab:last-child {
    border-right: none !important;
}
.tab-style-4 .tb-tab.tb-tab-active {
    line-height: 38px;
    background-color: #fff;
    cursor: default;
    box-shadow: none;
    border-top: none;
    border-bottom: 2px solid #4797ee;
    color: #4797ee;
    border-right: 1px solid #d8dce4;
}
.tab-style-4 .tb-tab:not(.tb-tab-active):hover {
    line-height: 38px;
    box-shadow: none;
    background-color: #fff;
    border-top: none;
    border-bottom: 2px solid #4797ee;
    color: #4797ee;
}
.tab-style-4 .tb-tap-container-inner {
    display: block;
    position: relative;
    font-size: 0;
    line-height: 0;
}
/* style 5 */
/*.tb-section-container.tab-style-5 {
    padding: 0;
}
.tb-tap-container.tab-style-5 {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    height: 39px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px #e9e9e9;
}
.tab-style-5.width-auto .tb-tab {
    width: auto;
    padding: 0 24px;
}
.tab-style-5 .tb-tab.tb-tab-active {
    line-height: 35px;
    border-top: 3px solid #FFB901;
    height: 39px;
}
.tab-style-5 .tb-tab:not(.tb-tab-active):hover  {
    line-height: 35px;
    border-top: 3px solid #FFB901;
}*/
.tb-tap-container.tab-style-5 {
    /*box-shadow: none;*/
    border: 1px solid #e9e9e9;
    border-bottom: none;
}
.tab-style-5 > .tb-tap-container-inner {
    overflow: visible;
    font-size: 0;
    vertical-align: top;
}
.tb-section-container.tab-style-5 {
    padding: 0;
}
.tab-style-5 .tb-tab {
    width: 20%;
    font-size: 12px;
    color: #333;
    float: none;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.tab-style-5 .tb-tab:last-child {
    border-right: none;
}
.tab-style-5 .tb-tab.tb-tab-active {
    border-top: 3px solid orange;
    color: #4997ee;
    border-bottom: none;
    cursor: pointer;
}
.tab-style-5 .tb-tab > i {
    display: none;
    width: 0;
    height: 0;
    border-style: solid dashed dashed dashed;
    border-width: 5px;
    border-color: orange #fff #fff #fff;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
}