.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; }