/* 公共 */
/* 包裹式面板 */
.wrap-panel li {
    float: left;
    list-style: none;
}

/* 堆叠式面板 */
.stack-panel li {
    list-style: none;
}

/* 行列控件 */
.row {
    margin: 0px auto;
}

    .row .col {
        float: left;
        list-style: none;
    }

/* 标签页 */
.tab {
    display: table-row;
}

    .tab li {
        float: left;
        list-style: none;
        cursor: pointer;
    }

        .tab li a {
            color: #666666;
        }

    .tab .active {
        border-bottom: 2px solid #197aff;
    }

        .tab .active a {
            color: #333333;
        }

.tab-content {
    margin-left: auto;
    margin-right: auto;
}

    .tab-content .tab-pane {
        display: none;
    }

    .tab-content .active {
        display: block;
    }

/* 头部 */
.layout-header {
    height: 65px;
    background-color: rgba(0,0,0,.35)
}

/* 内容区域 */
.content-area {
    background-color: #f8f8f8;
    height: 4410px;
    padding-top: 20px;
}

    /* 头部菜单*/
    .content-area .menu {
        margin-left: auto;
        margin-right: auto;
        width: 1100px;
    }

        .content-area .menu .tab li {
            font-size: 15px;
            padding-bottom: 15px;
            margin-left: 25px;
            margin-right: 25px;
        }

    /* 内容区域布局 */
    .content-area .row {
        width: 1250px;
    }

        .content-area .row .col {
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: 10px;
        }

            .content-area .row .col:nth-child(1) {
                width: 870px;
            }

            .content-area .row .col:nth-child(2) {
                width: 320px;
            }

            .content-area .row .col .paragraph {
                margin-left: 50px;
                margin-right: 50px;
            }

    /* 菜单下分割线 */
    .content-area hr {
        border: 0;
        border-top: 1px solid #dddddd;
        width: 100%;
        margin: 0px;
    }

    /* 标签页面板 */
    .content-area .tab-content {
        background-color: #ffffff;
    }

        .content-area .tab-content .tab-pane {
            padding: 25px 0px 15px 0px;
        }

            /* 标签页面板内容 */
            .content-area .tab-content .tab-pane .title {
                color: black;
                height: 30px;
                line-height: 30px;
                text-align: center;
                margin-top: 40px;
                margin-bottom: 20px;
            }

                .content-area .tab-content .tab-pane .title:nth-child(1) {
                    margin-top: 0px;
                }

                .content-area .tab-content .tab-pane .title span {
                    font-size: 30px;
                }

            .content-area .tab-content .tab-pane .content {
                color: #333333;
                font-size: 14px;
            }

/* 视频演示 */
.video-presentation video,
.video-presentation iframe {
    height: 520px;
    width: 850px;
}

/* 课程连接 */
.course-link .stack-panel li {
    margin-bottom: 18px;
}

    .course-link .stack-panel li a {
        color: #2783fe;
    }

/* 主要器件 */
.main-device-content .wrap-panel li {
    margin-right: 8px;
}

.main-device-content .main-device-box {
    width: 110px;
    text-align: center;
}

    .main-device-content .main-device-box p {
        font-size: 12px;
    }

/* 拓展任务 */
.content-area .expansion-task {
    height: 60px;
    margin: 0px 0px 0px 3px;
}

    .content-area .expansion-task li {
        background-color: #f2f2f2;
        line-height: 60px;
        width: 285px;
        text-align: center;
        text-anchor: middle;
        margin-left: 2px;
        margin-right: 1px;
    }

/* 技术知识 */
.technical-knowledge {
    margin: 0px 0px 0px 18px;
}

    .technical-knowledge li {
        margin: 0px 30px 20px 30px;
    }

    .technical-knowledge .technical-knowledge-box {
        width: 220px;
    }

        .technical-knowledge .technical-knowledge-box .title {
            font-size: 16px;
        }

        .technical-knowledge .technical-knowledge-box span {
            color: #9a9a9a;
        }

/* 更多产品 */
.more-products li {
    margin-bottom: 5px;
}