@charset "utf-8";
body {
    font: 12px "microsoft yahei", Arial, Helvetica, sans-serif;
    color:#666;
    margin:0px;
    padding:0px;
    width: 1200px;
    margin: 0 auto;
}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0px;
    padding:0px;
    border:none;
    list-style:none;
}
input {border:none;}
/*整体布局*/
#ps{
    padding-top: 70px;
    text-align: center;
}
#ps h1{
    color:#000000;
    font-size: 30px;
}
#ps p b,#nav h3 b{
    border-bottom: 2px solid red;
    font-weight: 400;
}
#ps p{
    font-size: 30px;
    color:#000000;
    font-weight: 400;
    margin-top:14px;
}
#ps .look{
    padding-bottom: 16px;
}
#ps span{
    font-size: 30px;
    background-color: #FF5F01;
    padding: 5px 20px;
    border-radius: 22px;
    color: white;
    font-weight: 700;
}
/*导航*/
#nav{
    margin-top:30px;
}
#nav .book{
    background-color: #3B3B3B;
    padding-top:30px;
    padding-bottom: 52px;
    position: relative;
}
#nav .book img{
    position: absolute;
    top:-40px;
    left:55px;
}
#nav .book p,#nav .book h3{
    padding-left: 430px;
}
#nav .book p{
    font-size:48px;
    color:#FFFFFF;
    font-weight: 700;
}
#nav .book p>span{
    color:#FF5F01;
    font-weight: 700;
}
#nav .book h3{
    margin-top: 6px;
    font-size: 30px;
    color:#FFFFFF;
    font-weight: 400;
}
/*tv*/
.tv{
    margin-top: 28px;
    position: relative;
}
.tv p{
    position: absolute;
    top:110px;
    right:70px;
    font-size: 30px;
    color:#000000;
}
.tv p span{
    font-weight: 700;
}
.tv ul{
    position: absolute;
    top:230px;
    right:328px;
    font-size: 26px;
    color:#000000;
}
.tv ul li{
    margin-top: 14px;
}
.tv ul li span{
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background-color: #005CE5;
    margin-right: 6px;
}
/*导航式教学*/
/*—————————————*/
#content02{
    margin-top: 60px;
}
#content02 .gaoXiao,#disc .js,#free .js{
    text-align: center;
}
#content02 .gaoXiao>p,#disc .js>p,#free .js>p{
    font-size: 30px;
    font-weight:700;
    color:#000000;
}
#content02 .gaoXiao h3,#disc .js h3,#free .js h3{
    font-size: 28px;
    font-weight:400;
    color:#000000;
}
#content02 .gaoXiao img,#disc .js img,#free .js img{
    margin-top: 6px;
    margin-bottom: 10px;
}
/*—————————————*/
#content02 .tiShen p,#free .tiShen p{
    background-color: #FF5F01;
    color: white;
    text-align: center;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content02 .tiShen,#free .tiShen{
    position:relative;
}
#content02 .tiShen .t01{
    position:absolute;
    top:136px;
    right: 148px;
}
#content02 .tiShen .t01 h6,#content02 .tiShen .t02 h6{
    font-size: 26px;
    color: #000000;
}
#content02 .tiShen .t01 span,#content02 .tiShen .t02 span{
    font-size: 18px;
    color: #000000;
}
#content02 .tiShen .t01 span b,#content02 .tiShen .t02 span b{
    color: #FF5F01;
}
#content02 .tiShen .t02{
    position:absolute;
    top:410px;
    left: 80px;
}
/*减少学习时间*/
#content03{
    position: relative;
}
#content03 P{
    font-size: 30px;
    color:white;
    text-align: center;
    background-color: #005CE5;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content03 .c01{
    position: absolute;
    top:340px;
    right: 120px;
}
#content03 .c02{
    position: absolute;
    top:640px;
    left: 320px;
}
#content03 .c03{
    position: absolute;
    top:640px;
    right: 60px;
}
#content03 .c01 h3,#content03 .c02 h3,#content03 .c03 h3{
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}
#content03 .c01 h4,#content03 .c02 h4,#content03 .c03 h4{
    font-size: 24px;
    font-weight:700;
    color: #005CE5;
}

/*更有成就感*/
#content04{
    margin-top:10px;
    position: relative;
}
#content04 .d{
    position: absolute;
    top:130px;
    right: 74px;
}
#content04 .d h3{
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}
#content04 .d h4{
    font-size: 18px;
    font-weight:400;
    color: #000000;
}
#content04>p{
    font-size: 30px;
    color:white;
    text-align: center;
    background-color: #FF5F01;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content04 .load{
    background-color: #5CB901;
    padding-top: 38px;
    text-align: center;
}
#content04 .load p{
    text-align: center;
    font-size: 20px;
    color: white;
}
#content04 .load a{
    display: inline-block;
    width: 294px;
    height: 76px;
    line-height: 76px;
    border-radius: 38px;
    background-color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 32px;
    color: #5CB901;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 26px;
}
#content04 .load a:hover{
    background-color: #E3E3E3;
}
/*课程介绍*/
#disc{
    margin-top: 52px;
    position: relative;
}
#disc .vip ul li{
    float: left;
    border: 1px solid #ddd ;
    width: 386px;
    padding-top: 2px;
    text-align: center;
    padding-bottom: 30px;
}
#disc .vip ul li:hover{
    border: 1px solid #FF5F01;
}
#disc .vip ul li.sib{
    margin-left: 10px;
    background-color: #FFC105;
}
#disc .vip ul li.sib01{
    margin-left: 10px;
}
#disc .vip ul li .ps p{
    margin-left: 14px;
    text-align: left;
    font-size: 18px;
    font-weight:800;
    color:black;
    margin-top: 8px;
}
#disc .vip ul li .ps span{
    display: block;
    margin-left: 14px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    color:#FF5F01;
    margin-top: 4px;
}
#disc .vip ul li .ps{
    /* background-color: #666666;*/
    margin-left: 10px;
    margin-right: 10px;
}
#disc .vip ul li .ps h3{
    font-size: 14px;
    font-weight: 400;
    color: #3B3B3B;
    margin-left: 13px;
    padding-right: 14px;
    /*background-color: #FF5F01;*/
    text-align: left;
    margin-top: 10px;
}
#disc .vip ul li .ps a{
    display: inline-block;
    width: 200px;
    height: 56px;
    line-height: 54px;
    border-radius: 22px;
    color:white;
    background-color: #FF5F01;
    font-size:24px;
    text-decoration: none;
    margin-top: 30px;
}
#disc .vip ul li .ps a:hover{
    background-color: #FF701E;
}
#disc .vip img{
    margin-top: 30px;
}
/*免费课程*/
#free{
    margin-top: 50px;
    margin-bottom: 50px;
}
#free .tiShen{
    position: relative;
}
#free .tiShen .t01{
    position: absolute;
    top:140px;
    right: 120px;

}
#free .tiShen .t01 h6{
    font-size: 24px;
    color: black;
    font-weight: 400;
}
#free .tiShen .t01 span{
    font-size: 24px;
    color: black;
    font-weight: 800;
}
#free .tiShen .t02{
    position: absolute;
    top:425px;
    left:70px;

}
#free .tiShen .t02 h6{
    font-size: 24px;
    color: black;
    font-weight: 400;
}
#free .tiShen .t02 span{
    font-size: 24px;
    color: black;
    font-weight: 800;
}
#free img.img01{
    margin-top: 50px;
}
#free{
    position: relative;
}
#free .t03{
    position: absolute;
    top:900px;
    right: 120px;
}
#free .t03 h6,#disc .t04 span{
    font-size: 24px;
    font-weight: 400;
    color: black;
}
#free .t03 span,#disc .t04 h6{
    font-size: 24px;
    font-weight: 700;
    color: black;
}
#disc .t04{
    position: absolute;
    top:720px;
    right: 110px;
}
#disc .t04 span{
    font-size: 20px;
    font-weight: 400;
    color: black;
}
#disc .t04 h6{
    font-size: 23px;
    font-weight: 700;
    color: black;
}
/*foot*/
#foot{
    text-align: center;
    margin-bottom: 100px;
}
#foot p{
    font-size: 32px;
    font-weight: 700;
    color: black;
}
#foot span{
    display:block;
    font-size: 32px;
    font-weight:400;
    color: black;
}
#foot a{
    display:inline-block;
    width: 256px;
    height: 76px;
    line-height: 76px;
    font-size: 30px;
    font-weight: 700;
    color: white;
    border-radius: 38px;
    background-color: #FF5E00;
    margin-top: 30px;
    text-decoration: none;
}
#foot a:hover{
    background-color: #FF701E;
}