.tab {}
    .tab .tab-nav {}
        .tab .tab-nav li { background: #ffffff; border-bottom: 1px solid #e5e5e5;}
            .tab .tab-nav li a { display: block; color: #000000;  line-height: 54px; font-size: 18px; font-family: 'Microsoft YaHei';}
            .tab .tab-nav li.actived { background: #2a80b9;}
                .tab .tab-nav li.actived a { color: #ffffff;}
.ss { font-size: 15px; color: #666666; line-height: 28px; font-family: 'Microsoft YaHei';}
.tab .tab-nav li.actived .ss { color: #ffffff;}
.iii { text-align: center; font-family: Georgia; font-size: 55px; color: #999999;}
.tab .tab-nav li.actived .iii { color: #fff;}
.iiii { text-align: center; font-size: 15px; color: #999999;}
.tab .tab-nav li.actived .iiii { color: #fff;}
@media (min-width:320px) {
    .tab .content-wrap { background: #ffffff; height: 100%; height: 170px;}
}
@media (min-width:360px) {
    .tab .content-wrap { background: #ffffff; height: 100%; height: 200px;}
}
@media (min-width:412px) {
    .tab .content-wrap { background: #ffffff; height: 100%; height: 225px;}
}
@media (min-width:600px) {
    .tab .content-wrap { background: #ffffff; height: 100%; height: 350px;}
}
@media (min-width:768px) {
    .tab .content-wrap { background: #ffffff; height: 100%; height: 420px;}
}
    .tab .content-wrap img { width: 100%; height: 100%;}
    .tab .content-wrap .content-item { position:absolute; padding-right: 30px; display: none;}
    .tab .content-wrap .current { display: block;}