﻿.topWrapper {
    background-color: #f6f6f6;
    width: 100%;
    padding-bottom: 45px;
}

.topWrapper > div {
    padding: 57px 10px 0 10px;
    width: 500px;
    margin: 0 auto;
}

.topWrapper .appIcon {
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.topWrapper .name {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 50px 0 16px 0;
}

.topWrapper .des {
    color: #666;
    font-size: 14px;
    margin-bottom: 33px;
    text-align: center;
}

.downWrapper {
    text-align: center;
}

.downWrapper a {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    width: 230px;
    text-indent: 70px;
    background-position: left center;
}

.downWrapper a:nth-child(2n) {
    margin-right: 0;
}

.downWrapper.showCode {
    margin: 0 33px;
}

.downWrapper.showCode .btnWrapper {
    float: left;
    width: 230px;

}

.downWrapper.showCode .btnWrapper a {
    margin-bottom: 20px;
}

.downWrapper.showCode img {
    float: right;
    width: 164px;
    height: auto;
}

.plantInfo {
    background: #fff;

}

.plantInfo .tabs {
    height: 69px;
    border-bottom: 1px solid #eeeeee;
}

.plantInfo .tabs a {
    color: #333;
    font-size: 14px;
    line-height: 80px;
    margin-right: 20px;
}

.plantInfo .tabs a.cur {
    color: #4db332;
}

.tabImgWrapper {
    border-bottom: 1px solid #eeeeee;
    padding: 30px;
}

.tabImgWrapper .item {
    display: none;
}

.tabImgWrapper .item img {
    margin: 10px auto 0 auto;
}

.tabImgWrapper .item:first-child {
    display: block;
}

.newVersionLogs {
    background: #fbfbfb;
    padding: 60px 20px;
}

.newVersionLogs .item {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
}

.newVersionLogs .item:nth-child(2n) {
    margin-right: 0;
}

.newVersionLogs .item ul {
}

.newVersionLogs .item a:hover {
    text-decoration: underline;
}

.newVersionLogs .item a {
    color: #666;
    font-size: 12px;
    padding: 0 20px;
    height: 12px;
    line-height: 12px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    -o-text-overflow: ellipsis;
}

.newVersionLogs .item ul li {
    color: #666;
    font-size: 12px;
    padding: 0 20px;
    height: 12px;
    line-height: 12px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    -o-text-overflow: ellipsis;

}

.newVersionLogs .item ul li:first-child {
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #eee;
    height: 60px;
    line-height: 60px;
    margin-top: 0;

}

.newVersionLogs .item ul li:first-child p {
    color: #c2c2c2;
    font-size: 10px;
    float: right;
}
