.con .base,.fixed_tab .base{width:1200px;margin:0 auto;overflow:hidden;padding:0;}
.con li{float:left;width:294px; margin-right:15px;margin-bottom:10px;}
.con li:nth-child(3n){margin-right:0;}
.con li h2{background:#f78468;height:65px; line-height: 65px; padding-left:18px;margin-bottom:0;}
.con li em{float:left;display:inline-block;font-size:24px; color:#fff118;margin-right:10px;font-weight:normal;font-style: normal;}
.con li i{width:280px;float:left;font-size:20px; font-weight:bold;color:#fff;line-height: 66px;text-align:left;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;font-style: normal;}
.con_list{background:#f3f3f3;padding:15px 0;height:100%;}
.con li p{margin-left:38px;font-size:14px; color:#2e2c2c;padding-right:16px;line-height: 24px;text-indent: -10px;height}
.fixed .base{background:#f6f6f6 url("../image/fixed_bg.png") no-repeat center 30px;padding:30px 0;height:189px;}
.fixed{margin-bottom:30px;}
.fixed ul{width:890px; margin:0 auto;position: relative;}
.fixed li{width:250px;height:52px;text-align: center;position: absolute;cursor:pointer;}
.fixed h3{font-size:20px;margin-bottom:5px;}
.fixed li:hover h3{font-weight:bold;}
.fixed p{font-size:16px;}
.fixed .active{position: fixed;top:0;left:50%;margin-left:-600px;z-index:10;box-shadow:0px 2px 4px #b3b3b3;}
.fixed li:nth-child(1){left:-184px;top:110px;color:#0da073;}
.fixed li:nth-child(2){left:28px;top:20px;color:#ff8d08;}
.fixed li:nth-child(3){left:228px;top:110px;color:#62356c;}
.fixed li:nth-child(4){left:424px;top:20px;color:#e15f3f;}
.fixed li:nth-child(5){left:626px;top:110px;color:#156290;}
.fixed li:nth-child(6){left:823px;top:20px;color:#df3c5a;}
.class_list:nth-child(1) h6{color:#0da073;}
.class_list:nth-child(2) h6{color:#ff8d08;}
.class_list:nth-child(3) h6{color:#62356c;}
.class_list:nth-child(4) h6{color:#e15f3f;}
.class_list:nth-child(5) h6{color:#156290;}
.class_list:nth-child(6) h6{color:#df3c5a;}
.class_list:nth-child(7) h6{color:#919d11;}
.class_list:nth-child(8) h6{color:#ba3035;}
.class_list .con_title h6 i{font-style: normal;}
.class_list:nth-child(1) h2,.class_list:nth-child(1) span{background:#0da073;}
.class_list:nth-child(2) h2,.class_list:nth-child(2) span{background:#ff8d08;}
.class_list:nth-child(3) h2,.class_list:nth-child(3) span{background:#62356c;}
.class_list:nth-child(4) h2,.class_list:nth-child(4) span{background:#e15f3f;}
.class_list:nth-child(5) h2,.class_list:nth-child(5) span{background:#156290;}
.class_list:nth-child(6) h2,.class_list:nth-child(6) span{background:#df3c5a;}
.class_list:nth-child(7) h2,.class_list:nth-child(7) span{background:#919d11;}
.class_list:nth-child(8) h2,.class_list:nth-child(8) span{background:#ba3035;}
.class_list:nth-child(1) ul:before{background:#0da073;}
.class_list:nth-child(2) ul:before{background:#ff8d08;}
.class_list:nth-child(3) ul:before{background:#62356c;}
.class_list:nth-child(4) ul:before{background:#e15f3f;}
.class_list:nth-child(5) ul:before{background:#156290;}
.class_list:nth-child(6) ul:before{background:#df3c5a;}

.class_list:nth-child(1) li .con_list{height:424px;}
.class_list:nth-child(2) li .con_list{height:474px;}
.class_list:nth-child(3) li:nth-child(1) .con_list,.class_list:nth-child(3) li:nth-child(2) .con_list,.class_list:nth-child(3) li:nth-child(3) .con_list{height:424px;}
.class_list:nth-child(3) li:nth-child(4) .con_list,.class_list:nth-child(3) li:nth-child(5) .con_list{height:474px;}
.class_list:nth-child(4) li:nth-child(1) .con_list,.class_list:nth-child(4) li:nth-child(2) .con_list,.class_list:nth-child(4) li:nth-child(3) .con_list{height:424px;}
.class_list:nth-child(4) li:nth-child(4) .con_list,.class_list:nth-child(4) li:nth-child(5) .con_list{height:644px;}
.class_list:nth-child(5) li .con_list{height:380px;}
.class_list:nth-child(6) li .con_list{height:450px;}
.con_list img{
    display: block;
    margin:0 auto 15px;
}
.class_list:nth-child(6) li .con_list p:nth-child(1){font-weight:bold;margin-bottom:2px;}
.class_list:nth-child(6) li{margin-right:0;width:370px;}

.java_class:nth-child(1) li .con_list{height:640px;}
.java_class:nth-child(1) li:nth-child(4) .con_list,.java_class:nth-child(1) li:nth-child(5) .con_list,.java_class:nth-child(1) li:nth-child(6) .con_list{height:350px;}
.java_class:nth-child(1) li:nth-child(7) .con_list,.java_class:nth-child(1) li:nth-child(8) .con_list{height:130px;}
.java_class:nth-child(2) li .con_list{height:260px;}
.java_class:nth-child(2) li:nth-child(4) .con_list,.java_class:nth-child(2) li:nth-child(5) .con_list,.java_class:nth-child(2) li:nth-child(6) .con_list{height:600px;}
.java_class:nth-child(3) li:nth-child(4) .con_list,.java_class:nth-child(3) li:nth-child(5) .con_list,.java_class:nth-child(3) li:nth-child(6) .con_list{height:390px;}
.java_class:nth-child(3) li:nth-child(1) .con_list,.java_class:nth-child(3) li:nth-child(2) .con_list,.java_class:nth-child(3) li:nth-child(3) .con_list{height:410px;}
.java_class:nth-child(3) li:nth-child(7) .con_list,.java_class:nth-child(3) li:nth-child(8) .con_list,.java_class:nth-child(3) li:nth-child(9) .con_list{height:320px;}
.java_class:nth-child(3) li:nth-child(10) .con_list,.java_class:nth-child(3) li:nth-child(11) .con_list,.java_class:nth-child(3) li:nth-child(12) .con_list{height:340px;}
.java_class:nth-child(3) li:nth-child(13) .con_list,.java_class:nth-child(3) li:nth-child(14) .con_list,.java_class:nth-child(3) li:nth-child(15) .con_list{height:215px;}
.java_class:nth-child(3) li:nth-child(16) .con_list,.java_class:nth-child(3) li:nth-child(17) .con_list{height:320px;}
.java_class:nth-child(4) li:nth-child(1) .con_list,.java_class:nth-child(4) li:nth-child(2) .con_list,.java_class:nth-child(4) li:nth-child(3) .con_list{height:340px;}
.java_class:nth-child(4) li:nth-child(4) .con_list,.java_class:nth-child(4) li:nth-child(5) .con_list,.java_class:nth-child(4) li:nth-child(6) .con_list{height:260px;}
.java_class:nth-child(4) li:nth-child(7) .con_list,.java_class:nth-child(4) li:nth-child(8) .con_list,.java_class:nth-child(4) li:nth-child(9) .con_list{height:115px;}
.java_class:nth-child(4) li:nth-child(10) .con_list,.java_class:nth-child(4) li:nth-child(11) .con_list,.java_class:nth-child(4) li:nth-child(12) .con_list{height:140px;}
.java_class:nth-child(4) li:nth-child(13) .con_list,.java_class:nth-child(4) li:nth-child(14) .con_list,.java_class:nth-child(4) li:nth-child(15) .con_list{height:220px;}


.big_list:nth-child(1) li:nth-child(1) .con_list,.big_list:nth-child(1) li:nth-child(2) .con_list,.big_list:nth-child(1) li:nth-child(3) .con_list,.big_list:nth-child(1) li:nth-child(4) .con_list,.big_list:nth-child(1) li:nth-child(5) .con_list,.big_list:nth-child(1) li:nth-child(6) .con_list,.big_list:nth-child(1) li:nth-child(7) .con_list,.big_list:nth-child(1) li:nth-child(8) .con_list,.big_list:nth-child(1) li:nth-child(9) .con_list{height:180px;}
.big_list:nth-child(2) li:nth-child(1) .con_list,.big_list:nth-child(2) li:nth-child(2) .con_list,.big_list:nth-child(2) li:nth-child(3) .con_list,.big_list:nth-child(2) li:nth-child(4) .con_list,.big_list:nth-child(2) li:nth-child(5) .con_list,.big_list:nth-child(2) li:nth-child(6) .con_list{height:210px;}
.big_list:nth-child(3) li:nth-child(1) .con_list,.big_list:nth-child(3) li:nth-child(2) .con_list,.big_list:nth-child(3) li:nth-child(3) .con_list{height:210px;}






div.big_list:nth-child(4) li:nth-child(1) .con_list,div.big_list:nth-child(4) li:nth-child(2) .con_list,div.big_list:nth-child(4) li:nth-child(3) .con_list{height:195px;}
div.big_list:nth-child(4) li:nth-child(4) .con_list,div.big_list:nth-child(4) li:nth-child(5) .con_list,div.big_list:nth-child(4) li:nth-child(6) .con_list{height:190px;}
div.big_list:nth-child(5) li:nth-child(1) .con_list,div.big_list:nth-child(5) li:nth-child(2) .con_list,div.big_list:nth-child(5) li:nth-child(3) .con_list{height:170px;}
div.big_list:nth-child(5) li:nth-child(4) .con_list,div.big_list:nth-child(5) li:nth-child(5) .con_list,div.big_list:nth-child(5) li:nth-child(6) .con_list{height:190px;}
div.big_list:nth-child(5) li:nth-child(7) .con_list,div.big_list:nth-child(5) li:nth-child(8) .con_list,div.big_list:nth-child(5) li:nth-child(9) .con_list{height:170px;}
div.big_list:nth-child(6) li:nth-child(1) .con_list,div.big_list:nth-child(6) li:nth-child(2) .con_list,div.big_list:nth-child(6) li:nth-child(3) .con_list{height:195px;}
div.big_list:nth-child(6) li:nth-child(4) .con_list,div.big_list:nth-child(6) li:nth-child(5) .con_list,div.big_list:nth-child(6) li:nth-child(6) .con_list{height:195px;}
div.big_list:nth-child(6) li:nth-child(7) .con_list,div.big_list:nth-child(6) li:nth-child(8) .con_list,div.big_list:nth-child(6) li:nth-child(9) .con_list{height:195px;}
div.big_list:nth-child(6) li:nth-child(10) .con_list,div.big_list:nth-child(6) li:nth-child(11) .con_list,div.big_list:nth-child(6) li:nth-child(12) .con_list{height:100px;}
div.big_list:nth-child(7) li:nth-child(1) .con_list,div.big_list:nth-child(7) li:nth-child(2) .con_list,div.big_list:nth-child(7) li:nth-child(3) .con_list{height:190px;}
div.big_list:nth-child(7) li:nth-child(4) .con_list,div.big_list:nth-child(7) li:nth-child(5) .con_list,div.big_list:nth-child(7) li:nth-child(6) .con_list{height:190px;}
div.big_list:nth-child(7) li:nth-child(7) .con_list,div.big_list:nth-child(7) li:nth-child(8) .con_list,div.big_list:nth-child(7) li:nth-child(9) .con_list{height:190px;}
div.big_list:nth-child(7) li:nth-child(7) .con_list,div.big_list:nth-child(7) li:nth-child(8) .con_list,div.big_list:nth-child(7) li:nth-child(9) .con_list{height:190px;}
div.big_list:nth-child(8) li:nth-child(1) .con_list,div.big_list:nth-child(8) li:nth-child(2) .con_list{height:844px;}
div.big_list:nth-child(5) li:nth-child(10) .con_list{height:75px;}
div.big_list:nth-child(6) li{margin-right:15px; margin-bottom:10px;}
.big_list:nth-child(6) li{width:360px;}
div.big_list:nth-child(6) li:nth-child(1){width:360px;text-align: left;}
div.big_list:nth-child(6) li:nth-child(3n){margin-right:0;}
div.big_list:nth-child(8) li{width:540px;}

.class_list:nth-child(6) li:nth-child(1){clear:both;width:100%;height:65px;line-height: 65px; background: #df3c5a;text-align: center;margin-bottom:0;}
.big_list:nth-child(6) li:nth-child(1){height:100%;}
.class_list:nth-child(6) li:nth-child(1) h2{display:inline-block;}
.big_list:nth-child(6) li:nth-child(1) h2{display:block;}
.class_list:nth-child(1) ul:before,.class_list:nth-child(2) ul:before,.class_list:nth-child(3) ul:before,.class_list:nth-child(4) ul:before,.class_list:nth-child(5) ul:before,.class_list:nth-child(6) ul:before{content:"";width:12px;height:12px;border-radius:50%;position:absolute;left:-6px;top:30px;}
.con_title span{display:block;float:left;width:70px; height:70px;border-radius:50%;background:#0da172;font-size:41px; line-height: 70px; color:#fff; text-align: center;}
.con_title h6{font-size:24px; color:#0da172; line-height: 70px;float:left;margin:0 0 0 20px;font-weight:bold;}
.con_title i{display:inline-block;padding-left:8px;font-weight:normal;}
.class_list ul{border-left:1px solid #c4c4c4;padding-left:50px;padding-top:10px;margin-left:38px;padding-bottom:10px;position: relative;}
.class_list ul li{width:360px;float:left;}
.big_list:nth-child(6) li .con_list p:nth-child(1){font-weight:normal;}
font{display:block;font-weight:bold;color:#ba3035}

.javaee_fixed{
    height:213px;
    padding-top: 30px;
    background: #f6f6f6;
    width:1200px;
    margin:0 auto;
    margin-bottom:30px;
}
.javaee_fixed ul{
    width:1200px;
    height:184px;
    background: #f6f6f6;
    margin:0 auto;
    position: relative;
}
.javaee_fixed ul:after{
    content: "";
    display: block;
    position: absolute;
    width:1200px;
    height:3px;
    background:#dcdcdc;
    left:0px;
    top:93px;
}
.javaee_fixed ul li{
    width:245px;
    height:184px;
    margin:0 27px;
    float: left;
    position: relative;
    z-index: 10;
    cursor: pointer;
    text-align: center;
}
.big_fixed ul li{width:150px;margin: 0;}
.javaee_fixed ul li:nth-child(2n) h3{margin-top:20px;}
.big_fixed ul li:nth-child(2n) h3{margin-top:0px;}
.big_fixed ul li h3{font-weight:normal;}
.javaee_fixed ul li h3{
    font-size: 20px;
    margin-bottom: 5px;
}
.javaee_fixed ul li:hover h3{
    font-weight: 900;
}
.javaee_fixed ul li p{
    font-size: 16px;
}
.javaee_fixed ul li:nth-child(2n+1){
    padding-top:109px;
    height:75px;
}
.javaee_fixed ul li:nth-child(2n){
    
}
.javaee_fixed ul li:nth-child(1){
    background:url("../image/javaee_fixed_01.png") no-repeat center 4px;
    padding-top:109px;
    height:75px;
    color:#0da172;
}
.javaee_fixed ul li:nth-child(2){
    background:url("../image/javaee_fixed_02.png") no-repeat center bottom;
    color:#ff8d07;
}
.javaee_fixed ul li:nth-child(3){
    background:url("../image/javaee_fixed_03.png") no-repeat center 4px;
    padding-top:109px;
    height:75px;
    color:#62356c;
}
.javaee_fixed ul li:nth-child(4){
    background:url("../image/javaee_fixed_04.png") no-repeat center bottom;
    color:#e15e3f;
}
.javaee_fixed ul li:nth-child(5){
    background:url("../image/javaee_fixed_05.png") no-repeat center 4px;
    padding-top:109px;
    height:75px;
    color:#156290;
}
.javaee_fixed ul li:nth-child(6){
    background:url("../image/javaee_fixed_06.png") no-repeat center bottom;
    color:#df3c5a;
}
.javaee_fixed ul li:nth-child(7){
    background:url("../image/javaee_fixed_07.png") no-repeat center 4px;
    padding-top:109px;
    height:75px;
    color:#919d11;
}
.javaee_fixed ul li:nth-child(8){
    background:url("../image/javaee_fixed_08.png") no-repeat center bottom;
    color:#ba3035;
}
.javaee_fixed ul li:nth-child(9){
    background:url("../image/javaee_fixed_09.png") no-repeat center 4px;
    color:#1c9adb;
}
.javaee_fixed ul li:nth-child(10){
    background:url("../image/javaee_fixed_10.png") no-repeat center bottom;
    color:#21af96;
}
.java_class:nth-child(5) ul li .con_list{
    height:125px;
}


.ios_fixed ul li{
    width:155px;
    margin:0 22px;
}
.ios_fixed ul li:nth-child(4) h3{
    margin-top: 5px;
}
.ios_class ul>.ios_shuoming{
    background: #f3f3f3;
    font-size: 16px;
    text-indent: 32px;
    padding:10px;
    clear: both;
}
.ios_class ul>.ios_shuoming i{
    font-weight: 900;
    font-style: normal;
}
.ios_class:nth-child(6) li{
    width:277px;
}
.con .ios_class ul li .con_list{
    height:165px;
}
.ios_class:nth-child(6) li:nth-child(4){
    width:280px;
}
.ios_class:nth-child(2) ul li .con_list{
    height:150px;
}
.con .ios_class:nth-child(3) ul li .con_list{
    height:480px;
}
.con .ios_class:nth-child(4) ul li .con_list,.con .ios_class:nth-child(5) ul li .con_list,.con .ios_class:nth-child(6) ul li .con_list{
    height:195px;
}


.android_fixed{
    position: relative;
}
.android_fixed .base{
    padding-left: 85px;
    width:960px;

}
.android_fixed>span{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #dcdcdc;
    top: 118px;
    border-radius:10px;
    z-index: 20;
}
.android_fixed .before{
    left: 150px;
}
.android_fixed .after{
    right: 150px;
}
.con .android_class ul li .con_list{
    height:190px;
}

.con .android_class:nth-child(1) ul li:nth-child(1) .con_list,.con .android_class:nth-child(1) ul li:nth-child(2) .con_list,.con .android_class:nth-child(1) ul li:nth-child(3) .con_list{
    height:160px;
}
.con .android_class:nth-child(1) ul li:nth-child(7) .con_list,.con .android_class:nth-child(1) ul li:nth-child(8) .con_list{
    height:240px;
}
.con .android_class:nth-child(2) ul li .con_list{
    height:210px;
}
.con .android_class:nth-child(2) ul li:nth-child(1) .con_list,.con .android_class:nth-child(2) ul li:nth-child(2) .con_list,.con .android_class:nth-child(2) ul li:nth-child(3) .con_list{
    height:310px;
}
.con .android_class:nth-child(3) ul li .con_list{
    height:310px;
}
.con .android_class:nth-child(3) ul li:nth-child(4) .con_list{
    height:180px;
}




.python_fixed ul li{
    width:120px;
}
.python_class{
    margin:0 auto;
    overflow: hidden;
}
.python_list h4{
    height:70px;
    margin-bottom: 20px;
}

.python_list h4 span{
    display: block;
    float: left;
    margin-right: 20px;
    color:#0da172;
}

.python_list h4 span:nth-child(1){
    width:70px;
    height:70px;
    border-radius: 50%;
    background: #0da172;
    line-height: 70px;
    text-align: center;
    font-size:41px;
}
.python_list h4 span:nth-child(2){
    font-size: 24px;
    font-weight: 900;
    line-height: 70px;
}
.python_list h4 span:nth-child(3){
    line-height: 70px;
    font-size: 24px;
}
.python_list ul{
    overflow: hidden;
}
.python_list ul li{
    float: left;
    width:293px;
    height:49px;
    line-height: 49px;
    text-align: center;
    font-size: 16px;
    color:#fff;
    background: #0da172;
    margin:0 9px 9px 0;
}
.python_list ul li:nth-child(4n){
    margin-right: 0px;
}
.python_class .python_list:nth-child(1) ul li:nth-child(17){
    font-size: 15px;
}
.python_class .python_list:nth-child(2) h4 span{
    color:#ff8d07;
}
.python_class .python_list:nth-child(2) h4 span:nth-child(1){
    background: #ff8d07;
}
.python_class .python_list:nth-child(2) ul li{
    background: #ff8d07;
}
.python_class .python_list:nth-child(3) h4 span{
    color:#6c4275;
}
.python_class .python_list:nth-child(3) h4 span:nth-child(1){
    background: #6c4275;
}
.python_class .python_list:nth-child(3) ul li{
    background: #6c4275;
}
.python_class .python_list:nth-child(4) h4 span{
    color:#e15e3f;
}
.python_class .python_list:nth-child(4) h4 span:nth-child(1){
    background: #e15e3f;
}
.python_class .python_list:nth-child(4) ul li{
    background: #e15e3f;
}
.python_class .python_list:nth-child(4) ul li:nth-child(2){
    font-size: 14px;
    line-height: 24px;
}
.python_class .python_list:nth-child(5) h4 span{
    color:#156290;
}
.python_class .python_list:nth-child(5) h4 span:nth-child(1){
    background: #156290;
}
.python_class .python_list:nth-child(5) ul li{
    background: #156290;
}
.python_class .python_list:nth-child(6) h4 span{
    color:#df3c5a;
}
.python_class .python_list:nth-child(6) h4 span:nth-child(1){
    background: #df3c5a;
}
.python_class .python_list:nth-child(6) ul li{
    background: #df3c5a;
}
.python_class .python_list:nth-child(6) ul li:nth-child(11){
    font-size: 14px;
}
.python_class .python_list:nth-child(7) h4 span{
    color:#919d10;
}
.python_class .python_list:nth-child(7) h4 span:nth-child(1){
    background: #919d10;
}
.python_class .python_list:nth-child(7) ul li{
    background: #919d10;
}
.python_class .python_list:nth-child(8) h4 span{
    color:#bb3034;
}
.python_class .python_list:nth-child(8) h4 span:nth-child(1){
    background: #bb3034;
}
.python_class .python_list:nth-child(8) ul li{
    background: #bb3034;
}
.python_class .python_list:nth-child(9) h4 span{
    color:#1c9adb;
}
.python_class .python_list:nth-child(9) h4 span:nth-child(1){
    background: #1c9adb;
}
.python_class .python_list:nth-child(9) ul li{
    background: #1c9adb;
    line-height: 28px;
    font-size: 14px;
}
.python_class .python_list:nth-child(9) ul li:nth-child(1),.python_class .python_list:nth-child(9) ul li:nth-child(2){
    line-height: 49px;
    font-size: 16px;
}
.python_class .python_list:nth-child(9) ul li:nth-child(4){
    font-size: 14px;
    line-height: 49px;
}
.python_class .python_list:nth-child(10) h4 span{
    color:#21af96;
}
.python_class .python_list:nth-child(10) h4 span:nth-child(1){
    background: #21af96;
}
.python_class .python_list:nth-child(10) ul li{
    background: #21af96;
}
.python_class .python_list:nth-child(10) ul li:nth-child(1){
    font-size: 14px;
}
.python_class .python_list h4 span:nth-child(1){
    color:#fff;
}