.article {
    position: relative;
    width: 100%;
    height: auto;
    padding: 40px 0;
    overflow: hidden;
}

.article .article-con {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

.article-con #getId {
    width: 100%;
}

#getId .tabT {
    float: left;
    width: 300px;
    height: auto;
    margin-top: 40px;
}

.tabT .article-img {
    width: 100%;
}

.tabT .article-img img {
    width: 100%;
    height: auto;
}

.tab,
.tab li {
    padding: 0;
    margin: 0;
    border: none
}

.tab {
    height: 23px;
    display: block;
}

.tab li {
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 10px 2px;
    cursor: pointer;
    color: #2D2E32;
    border-bottom: 1px solid #e7e7e7;
}

.tab li.current {
    display: block;
    border: 1px solid #FF6A63;
    padding: 10px 2px;
}

.tab li.current a .tab-list {
    color: #FF6A63;
}

.tab li .tab-list {
    width: 85%;
    margin: 0 auto;
}

.tab li span {
    float: right;
}

.tab li span i {
    border: solid #2D2E32;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    opacity: 0.5;
}

.tab li span i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.tab li.current span i {
    border: solid #FF6A63;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    opacity: 0.5;
}

.show,
hidden {
    width: 81%;
    height: auto !important;
    min-height: 500px;
    margin-left: 350px;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.show .subnav {
    position: relative;
    width: 100%;
    height: 40px;
}

.show .subnav .subnav-con {
    width: 80%;
    margin: 0 auto;
}

.show .subnav-con .subnav-right {
    width: 100%;
    text-align: right;
    color: #A1A09F;
}

.show .subnav-right .subnav-title span {
    padding: 0 2px;
}

.show .subnav-right .subnav-title span i {
    border: solid #424241;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    opacity: 0.5;
}

.show .subnav-right .subnav-title span i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.show .subnav-title .subnav-sub {
    color: #C9343D;
}

.show .article-hr {
    width: 100%;
    height: 0;
    border-bottom: 2px solid #e7e7e7;
}

.show .article-hr .article-hr-con {
    width: 100px;
    height: 0;
    border-bottom: 2px solid #E50513;
}

.con {
    padding: 10px;
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
    .article .article-con {
        width: 90%;
    }
    .tab li .tab-list {
        width: 90%;
        margin: 0 auto;
    }
    .show,
    hidden {
        float: left;
        width: 100%;
        min-height: 100px;
        margin-left: 0;
        padding-top: 20px;
    }
}