.java_jd{
    margin-bottom: 100px;
}
.python_con{
    padding: 0 17px;
    box-sizing: border-box;
    background-color: #fff;
}
.python_con a{
    text-decoration: none;
}
.python_con_hx{
    border-bottom: 1px solid #d8d7d7;
    padding: 0 40px;
    box-sizing: border-box;
}
.python_con_hx .title{
    font-size: 16px;
    color: #07a389;
    padding-top: 37px;
}
.python_con_hx img{
    margin-top: 18px;
}
.python_con_hx .text{
    font-size: 14px;
    color: #5d5d5d;
    margin-top: 24px;
    padding-bottom: 34px;
}





body {
    background: #efefef;
}

.online-banner {
    margin: 0 auto;
    width: 1200px;
    height: auto;
    margin-top: 1px;
}

.online-left {
    position: relative;
    /* width: 1200px;
    height: 431px; */
    margin: 0 auto;
}

.online-right {
    position: relative;
    height: 190px;
    width: 1200px;
    margin: 10px auto;
}

.online-right li {
    float: left;
    width: 300px;
    height: 190px;
    margin: 0;
    background: #fff;
}


.online-right li:last-child {
    margin: 0;
}

.downloadwhole {
    width: 1200px;
    margin-top: 10px;
    padding: 0;
    background: #fff;
}

/* .container {
    background: #fff;
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px;
} */

.level1,
.level2,
.level3,
.level4,
.level5,
.android-level1,
.android-level2,
.android-level3,
.android-level4,
.android-level6,
.android-level7,
.android-level5,
.html5-level1,
.html5-level2 {
    width: auto;
}

.down-course {
    position: relative;
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    background: #fff;
}

/** 视频动态  */
.liuchengbanner,
.course-new {
    width: 1200px;
    margin: 30px auto 20px auto;

    height: auto;
}

.liuchengbanner {
    margin-top: 0px;
    background: #fff;
}

.course-new .new,
.course-new .will {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 590px;
    padding: 10px;
    background: #fff;
    margin: 10px 0;
    height: 200px;
    padding: 40px 20px 0 20px;
}

.course-new .new:before,
.course-new .will:before {
    position: absolute;
    content: '';
    display: block;
    top: -30px;
    left: -10px;
    width: 268px;
    height: 61px;
    background: url(images/download/course_new.png) no-repeat;
}

.course-new .will:before {
    background: url(images/download/course_will.png) no-repeat;
}

.course-new p {
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 26px;
    margin: 10px 0;
}

.course-new p a:visited,
.course-new p a:hover {
    color: #333
}

.course-new p a:hover {
    text-decoration: underline;
}

.course-new .will p {
    color: #999;
}

.course-new .will {
    float: right;
}

.download {
    width: 100%;
}

.downloadwhole1 {
    width: 100%;
}

.download .jieshao {
    width: auto;
    padding: 10px;
}

.download .jieshao1 {
    width: 1180px;
}

.download .rightzi {
    width: 980px;
}

.download .borderb1 {
    width: auto;
    margin: 0;
}

.level4 {
    /* height: 356px; */
}

.android-level6 {
    height: 205px;
}

.level-course,
.level-course0,
.level-course1,
.level-course2,
.level-course3,
.level-course4,
.level-course5,
.level-course6,
.level-course7,
.level-course8,
.level-course9,
.level-course10,
.level-course01,
.level-course02 {
    /* width: 200px; */
}

.android-level3 {
    height: 190px;
}

.html5-level1 {
    height: 205px;
    margin-top: 15px;
}

.html5-level2 {
    height: 205px;
}

.top {
    width: auto;
    background: #fff;
    padding: 15px 170px;
    min-width: 1000px;
}

.downloadwhole1 .t {
    margin-bottom: 20px;
}

.download_box {
    position: relative;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #efefef;

    font-family: "微软雅黑";
    font-weight: 300;
}

.download_box:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px inset;
}



.download_box img {
    position: absolute;
    top: 45px;
    left: 30px;
}

.download_box b {
    display: none;
    position: absolute;
    top: 117px;
    left: 43px;
    font-size: 14px;
    font-weight: normal;
    color: rgb(120, 172, 190);
}

.download_box span {
    position: absolute;
    top: 60px;
    left: 131px;

    font-size: 16px;
}

.download_box a.btn {
    position: absolute;
    top: 95px;
    left: 131px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 10px;
    color: #333;
}

.download_box a.btn:hover {
    text-decoration: none;
    background: #ff6600;
    color: #fff;
    border: 0;
}

.fx-b {
    position: relative;
}

.fx-b a {
    display: inline-block;
    position: absolute;
    top: -47px;
    width: 263px;
    height: 98px;
    background: url(pics1/fx-b2.gif) no-repeat center;
    color: #fff;
    padding-top: 41px;
}

.fx-b a span {
    font-size: 18px;
    line-height: 28px;
    /*background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);*/
    /*        -webkit-text-fill-color: transparent;
-webkit-background-clip: text;*/
    /*-webkit-background-size: 200% 100%;*/
    -webkit-animation: masked-animation 1s infinite linear;
    color: #fff;
}

@-webkit-keyframes masked-animation {
    0% {
        color: #fff
    }

    100% {
        color: #E6D205
    }
}

.level1 .bgc_java {
    width: 153px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #ffab2a;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 100px;
    padding-left: 0px;

}

.level1 .bgc_java span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    color: #ffab2a;
    border-radius: 50%;
    font-weight: 700;
    margin-left: -15px;
}

.level2 .bgc_java {
    width: 153px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #ffab2a;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 59px;
    padding-left: 0px;

}

.level2 .bgc_java span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    color: #ffab2a;
    border-radius: 50%;
    font-weight: 700;
}

.level3 .bgc_java {
    width: 153px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #ffab2a;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    /* line-height: 59px; */
    padding-left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.level3 .bgc_java .box {
    padding-left: 6px;
}

.level3 .bgc_java span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    color: #ffab2a;
    border-radius: 50%;
    font-weight: 700;
    margin-left: -14px;
}

.level4 .bgc_java {
    width: 153px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #ffab2a;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 59px;
    padding-left: 0px;

}

.level4 .bgc_java span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    color: #ffab2a;
    border-radius: 50%;
    font-weight: 700;
    margin-left: -15px;
}


.level5 .bgc_java {
    width: 153px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #ffab2a;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    /* line-height: 59px; */
    padding-left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.level5 .bgc_java .box {
    padding-left: 6px;
}

.level5 .bgc_java span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    color: #ffab2a;
    border-radius: 50%;
    font-weight: 700;
    margin-left: -14px;
}

/* 轮播样式 */
.swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.swiper-slide a,
.swiper-slide img {
    display: block;
    height: 100%;
    width: auto;
}

.swiper-container {
    position: relative;
}

.swiper-slide img {
    visibility: hidden;
}