﻿.tabs {
    margin: 0 auto;
}

.tabs a {
    text-decoration: none;
}

.tabs ul,
.tabs li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tabs>ul li {
    float: left;
}

.tab-content {
    position: relative;
    display: none;
}

/***选项卡扩展样式***/

.tab-head {
    background: url(../images/bg_title.gif) repeat-x left -95px;
    height: 29px;
}

.tab-head ul,
.tab-blue .tab-head li {
    float: left;
}

.tab-head .left,
.tab-blue .tab-head .right {
    display: none;
}

.tab-head .font {
    background: url(../images/bg_title.gif) repeat-x left -95px;
    border-right: 1px solid #b5d3de;
    padding: 1px 6px 0px 6px;
    font-size: 13px;
    color: #1f69b0;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    float: left;
}

.tab-head ul.selected .font {
    background-position: left -66px;
    font-weight: bold;
    font-size: 14px;
}

/*皮肤一*/
.tab-blue {
    border: 1px solid #b5d3de;
    margin: 4px auto 0px auto;
}

.tab-blue .tab-head {
    background: url(../images/bg_title.gif) repeat-x left -95px;
    height: 29px;
}

.tab-blue .tab-head ul,
.tab-blue .tab-head li {
    float: left;
}

.tab-blue .tab-head .left,
.tab-blue .tab-head .right {
    display: none;
}

.tab-blue .tab-head .font {
    background: url(../images/bg_title.gif) repeat-x left -95px;
    border-right: 1px solid #b5d3de;
    padding: 1px 6px 0px 6px;
    font-size: 13px;
    color: #1f69b0;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    float: left;
}

.tab-blue .tab-head ul.selected .font {
    background-position: left -66px;
    font-weight: bold;
    font-size: 14px;
}

/*皮肤二*/
.tab-blue2 {
    margin: 4px auto 0px auto;
}

.tab-blue2 .tab-head {
    background: url(../images/bg_tabgovhover.gif) repeat-x left -87px;
    height: 29px;
}

.tab-blue2 .tab-head ul,
.tab-blue2 .tab-head li {
    float: left;
    cursor: pointer;
}

.tab-blue2 .tab-head ul {
    margin-left: 1px;
}

.tab-blue2 .tab-head ul li.left {
    background: url(../images/bg_tabgovhover.gif) no-repeat -40px -116px;
    width: 4px;
    height: 29px;
}

.tab-blue2 .tab-head ul li.right {
    background: url(../images/bg_tabgovhover.gif) no-repeat 3px -116px;
    width: 4px;
    height: 29px;
}

.tab-blue2 .tab-head ul li.font {
    padding: 1px 5px 0px 5px;
    font-weight: bold;
    font-size: 12px;
    color: #1f69b0;
    background: url(../images/bg_tabgovhover.gif) no-repeat -40px top;
    height: 28px;
    line-height: 28px;
}

.tab-blue2 .tab-head ul li.font a {
    font-weight: bold;
    font-size: 12px;
    color: #1f69b0;
}

.tab-blue2 .tab-head ul.selected li.left {
    background-position: left top;
}

.tab-blue2 .tab-head ul.selected li.right {
    background-position: right -58px;
}

.tab-blue2 .tab-head ul.selected li.font {
    background-position: left -29px;
    background-repeat: repeat-x;
}

.tab-blue2 .tab-head ul.up li.right {
    background-position: -40px -116px;
}

/*皮肤三*/
.tab-blue3 {
    margin: 4px auto 0 auto;
}

.tab-blue3 .tab-head {
    background: url(../images/bg_webbsthover.gif) repeat-x left -78px;
    height: 26px;
}

.tab-blue3 .tab-head ul,
.tab-blue3 .tab-head li {
    float: left;
    cursor: pointer;
}

.tab-blue3 .tab-head ul li.left {
    background: url(../images/bg_webbsthover.gif) no-repeat -40px -116px;
    width: 4px;
    height: 26px;
    border: solid 1px red;
}

.tab-blue3 .tab-head ul li.font {
    background: url(../images/bg_webbsthover.gif) no-repeat -40px -78px;
    padding: 2px 6px 0 6px;
    font-weight: bold;
    font-size: 12px;
    color: #1f69b0;
    height: 24px;
    line-height: 24px;
}

.tab-blue3 .tab-head ul li.right {
    background: url(../images/bg_webbsthover.gif) no-repeat left -105px;
    width: 4px;
    height: 26px;
}

.tab-blue3 .tab-head ul li.font a {
    font-weight: bold;
    font-size: 12px;
    color: #1f69b0;
}

.tab-blue3 .tab-head ul.selected li.left {
    background-position: left top;
}

.tab-blue3 .tab-head ul.selected li.right {
    background-position: right -52px;
}

.tab-blue3 .tab-head ul.selected li.font {
    background-position: left -26px;
    background-repeat: repeat-x;
    color: #ffffff;
}

.tab-blue3 .tab-head ul.up li.right {
    background-position: -40px -116px;
}

.tab-blue3 .tab-content {
    border: 1px solid #cbe2f0;
    border-top: 0px;
}

/*皮肤四*/
.tab-blue4 {
    margin: 4px auto 0 auto;
    border: 1px solid #cee5f3;
}

.tab-blue4 .tab-head {
    border-bottom: 1px solid #d9d7d8;
    background: url(../images/bg_sitemaphover.gif) repeat-x left -75px;
    height: 25px;
}

.tab-blue4 .tab-head ul,
.tab-blue4 .tab-head li {
    float: left;
    cursor: pointer;
}

.tab-blue4 .tab-head ul {
    position: relative;
    top: 1px;
}

.tab-blue4 .tab-head ul li.left {
    background: url(../images/bg_sitemaphover.gif) no-repeat -40px -116px;
    width: 6px;
    height: 24px;
}

.tab-blue4 .tab-head ul li.right {
    background: url(../images/bg_sitemaphover.gif) no-repeat 5px -101px;
    width: 6px;
    height: 24px;
}

.tab-blue4 .tab-head ul li.font {
    background: url(../images/bg_sitemaphover.gif) no-repeat -40px -78px;
    padding: 0px 8px;
    font-weight: bold;
    font-size: 12px;
    color: #707175;
    height: 24px;
    line-height: 24px;
}

.tab-blue4 .tab-head ul li.font a {
    font-weight: bold;
    font-size: 12px;
    color: #707175;
}

.tab-blue4 .tab-head ul.selected li.left {
    background-position: left top;
    height: 25px;
}

.tab-blue4 .tab-head ul.selected li.right {
    background-position: right -50px;
    height: 25px;
}

.tab-blue4 .tab-head ul.selected li.font {
    background-position: left -25px;
    background-repeat: repeat-x;
    height: 25px;
    line-height: 25px;
}

.tab-blue4 .tab-head ul.up li.right {
    background-position: -40px -116px;
}

.tab-blue4 .tab-content {
    border-top: 0;
}

/*皮肤五*/
.tab-blue5 {
    margin: 4px auto 0 auto;
    border: 1px solid #bad5e6;
    background: url(../images/sub_bgtitle.gif) repeat-x left -199px;
}

.tab-blue5 .tab-head {
    height: 29px;
    padding-left: 4px;
    margin: 0px 5px;
    border-bottom: 1px solid #d4d9dd;
}

.tab-blue5 .tab-head ul,
.tab-blue5 .tab-head li {
    float: left;
    cursor: pointer;
}

.tab-blue5 .tab-head ul {
    position: relative;
    top: 5px;
    margin: 0px 2px;
}

.tab-blue5 .tab-head ul li.left {
    background: url(../images/sub_titlehover.gif) no-repeat left -153px;
    width: 6px;
    height: 24px;
}

.tab-blue5 .tab-head ul li.right {
    background: url(../images/sub_titlehover.gif) no-repeat right -203px;
    width: 6px;
    height: 24px;
}

.tab-blue5 .tab-head ul li.font {
    background: url(../images/sub_titlehover.gif) repeat-x left -178px;
    padding: 1px 14px 0px 14px;
    font-size: 12px;
    color: #000000;
    height: 23px;
    line-height: 23px;
}

.tab-blue5 .tab-head ul li.font a {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

.tab-blue5 .tab-head ul.selected li.left {
    background-position: 1px -78px;
    height: 25px;
}

.tab-blue5 .tab-head ul.selected li.right {
    background-position: right -128px;
    height: 25px;
}

.tab-blue5 .tab-head ul.selected li.font {
    background-position: left -103px;
    color: #226dbe;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
}

.tab-blue5 .tab-content {
    border-top: 0px;
    min-height: 160px;
    _height: 160px;
    background-color: #ffffff;
}

/*皮肤六*/
.tab-blue6 {
    margin: 4px auto 0 auto;
    width: 96%;
}

.tab-blue6 .tab-head {
    border-bottom: 1px solid #d1d1d1;
    height: 22px;
    position: relative;
}

.tab-blue6 .tab-head ul,
.tab-blue6 .tab-head li {
    float: left;
    cursor: pointer;
}

.tab-blue6 .tab-head ul {
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.tab-blue6 .tab-head .left,
.tab-blue6 .tab-head .right {
    display: none;
}

.tab-blue6 .tab-head ul li.font {
    background: url(../images/sub_titlehover.gif) repeat-x left -182px;
    border: 1px solid #d1d1d1;
    color: #434142;
    padding: 1px 10px 0px 10px;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    cursor: pointer;
}

.tab-blue6 .tab-head ul li.font a {
    font-weight: bold;
    font-size: 12px;
    color: #434142;
}

.tab-blue6 .tab-head ul.selected li.font {
    border-bottom: 0px;
    height: 20px;
}