/* 应用详情页面专用样式 - home_appinfo.css */
/* 通用样式已移至 common.css */

/* 应用详情页特有的m-card宽度覆盖 */
.m-card {
    width: 250px;
}

/* 应用详情页特有的m-center样式 */
.m-center {
    flex-direction: column;
    justify-content: space-around;
    height: 500px;
    background-image: url("/static/pc/image/banner_app.png");
}

.m-center div {
    flex-direction: column;
    align-items: center;
}

/* 应用详情页特有的project-btn覆盖 */
.project-btn {
    margin-left: 103px;
}

/* 应用详情页特有的project覆盖 */
.project {
    width: auto;
    justify-content: center;
}

/* 绿色文字 */
.cgreen {
    color: #43bc60 !important;
}

/* 白色背景 */
.bgwhite {
    background-color: #FFF;
}

/* 标题样式 */
.title {
    bottom: 220px;
    color: white;
    font-size: 20px;
    position: relative;
    top: 0px;
}

.title-one {
    bottom: 280px;
    font-size: 30px;
}

/* 产品描述 */
.pro-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pro-desc div {
    margin-top: 50px;
    font-size: 20px;
}

/* 运行展示区域 */
.run {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-top: 50px;
}

.run-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.run-img-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: 50px;
    width: 200px;
}

.run-img-title {
    font-size: 20px;
}

#run-imgs {
    margin-top: 50px;
    width: 100%;
}

#run-imgs img {
    width: 100%;
}

#run-imgs-two {
    width: 100%;
    margin-top: 50px;
}

#run-imgs-two img {
    padding-left: 4%;
}

.down-btn {
    width: 32%;
    display: flex;
    flex-direction: row !important;
    justify-content: space-around !important;
    margin-top: 60px;
}

/* 图片容器 */
.image-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
}

.image-container img {
    max-width: 100px;
    height: auto;
    margin-top: 30px;
}

/* 信息区域 */
.info {
    background-color: #f6f5fd;
    border-radius: 5px;
    font-size: 14px;
    height: auto;
    margin: 10px 0;
    padding: 15px;
    width: 90%;
    position: relative;
    left: 2%;
}

.info p {
    margin-top: 20px;
}

.info p:nth-child(1) {
    margin-top: 0px;
}

/* 演示应用 */
.demo-app {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 15px;
}