* {
    margin: 0;
    padding: 0;
}

a,
li {
    list-style: none;
    text-decoration: none;
}

ul,
ol li {
    list-style: none;
}
.headed{
    background: #f6f7fc;
    height: 90px
}
#modify dl {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

#modify dl dd {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 85);
    letter-spacing: 2.23px;
    font-weight: 400;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.wapper {
    /*background: #f6f7fc;*/
}

.fgx {
    height: 20px;
    background: #f6f7fc;
}

.banner {
    height: 348px;
    background: #ffffff;
    margin-top: 20px;
    /* background-color: #00009E; */
    /*position: relative;*/
    /*background: url(../kcgl_img/banner.jpg);*/
    /*background-size: cover;*/
}

.banner_main {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding-top: 35px;

}

.tab_ment .div {
    display: none;
}

.tab_ment .div:nth-child(1) {
    display: block;
}

.tab_ment .div .div_left {
    width: 540px;
    height: 276px;
    background: #f6f7fc;
    float: left;
}

.tab_ment .div .div_left img {
    width: 100%;
}

.tab_ment .div .div_right {
    float: right;
    width: 494px;
    height: 42px;
    position: relative;

}

.tab_ment .div .div_right .Price {
    width: 494px;
    height: 42px;
    background-color: rgb(204 204 204 /47%);
    background-image: url(../kcgl_img/Price.png);
    line-height: 42px;
    text-indent: 9px;
    margin-bottom: 11px;
    color: #838383;
    font-size: 12px;
    margin-left: -7px;
}
.tab_ment .div .div_right .Price span{
    margin-left: 24px;
}
.tab_ment .div .div_right .Price span, .tab_ment .div .div_right .Price i {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    color: #ff632a;
    font-style: normal;

}

.tab_ment .div .div_right p {
    color: #838383;
    margin-bottom: 70px;
    font-size: 12px;
}

.tab_ment .div .div_right p span, .tab_ment .div .div_right p i {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #666666;
    font-style: normal;
    margin-left: 6px;

}

.state button {
    width: 153px;
    height: 46px;
    font-size: 16px;

}
.state .use{
    display: none;
}

.state .activation {
    background: rgba(255, 99, 42, 0.13);
    border: 1px solid #ff632a;
    border-radius: 2px;
    font-weight: 400;
    color: #ff632a;

}

.state .CommodityExpiration,.state .CommodityExpirationS {
    background: #d8d8d8;
    border-radius: 2px;
    color: #4e4e4e;
    border: 1px solid #d8d8d8;
    display: none;
}

/*立即购买*/
.state .BuyNow{
    background: #ff632a;
    border: 1px solid #ff632a;
    color: #ffffff;
    text-align: center;
    line-height: 44px;
}
.state .use,.state .usE{
    background: #0091ff;
    border: 1px solid #0091ff;
    color: #ffffff;
    width: 151px;
    height: 44px;
    line-height: 46px;
    text-align: center;
    display: none;

}

.tab_ment .Tips ,.tab_ment .TipS{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #da3333;
    line-height: 22px;
    margin-top: 17px;
}

.banner .tab_ul {
    position: absolute;
    top: 172px;
    right: 257px;
}
.banner .tab_ul span {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    color: #838383;
    font-size: 12px;
    margin-right: 9px;
}

.banner .tab_ul ul {
    display: inline-block;
    vertical-align: middle;
}

.banner ul li {
    padding: 6px 12px;
    float: left;
    background: #ffffff;
    border: 1px solid #e2e1e3;
    margin-left: 12px;
    font-weight: 400;
    text-align: left;
    color: #000000;
    line-height: 14px;
    font-size: 12px;
}

.banner ul li.default {
    background-color: #ffffff;
    border: 2px solid #ff632a;
    background-image: url(../kcgl_img/default.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

.banner h1 {
    /*font-size: 54px;*/
    /*font-weight: 600;*/
    /*text-align: center;*/
    /*color: #ffffff;*/
    /*line-height: 420px;*/
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    color: #141414;
    line-height: 30px;
    margin-bottom: 18px;
}

/*一、官网*/
/*1.新建*/
/*    1.1竞价页搭建 30个同适配移动*/
/*    1.2产品页 64个同适配移动*/
/*    1.3用户大会 18个（不同渠道引流）同适配移动*/
/*2.优化*/
/*    2.1.banner更换优化*/
/*    2.2.竞价追踪导航*/
/*    2.3.其他样式优化*/
/*二、元年云*/
/*1.元年云域名修改一期搭建、上线*/
/*2.元年云同步更新部分新页面搭建、上线*/
/*三、教育*/
/*1、人大出版社一期前端搭建*/
/*2、人大出版社二期管理员端前端搭建*/


.study {
    position: absolute;
    width: 980px;
    padding: 40px 45px;
    height: 50px;
    opacity: 1;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 2px 4px 11px 5px rgba(0, 0, 0, 0.08);
    left: 50%;
    left: 50%;
    bottom: -21%;
    transform: translate(-50%, -21%);
}

.study span {
    float: left;
    height: 33px;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    color: #141414;
    line-height: 33px;
    margin-top: 18px;
    margin-right: 4px;
}

.study input {
    width: 744px;
    height: 52px;
    border: none;
    font-size: 52px;
    font-weight: 600;
    text-align: left;
    color: #141414;
    float: left;
}

.study input:focus {
    border: none;
    outline: none
}

.study button {
    width: 210px;
    height: 52px;
    background: #eeeeee;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    display: inline-block;
    line-height: 52px;
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: #bebebe;


}

/* 课程 */
.ck {

}

.ck .tab_switch {
    text-align: center;
    background: #fff;
    height: 70px;
    line-height: 70px;
    width: 1100px;
    margin: 0 auto;
}

.ck .tab_switch li {
    display: inline-block;
    margin-left: 58px;
    margin-right: 58px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    padding-bottom: 16px;

}

.ck .tab_switch li.change {
    border-bottom: 6px solid #FF632A;
}

.ck_center_c {
    display: none;
}

.ck_center_c:nth-child(2) {
    display: block;
}

.ck_center_c:nth-child(2) .kcml_zj_Center {
    background: #fff;
}
.introduce{
    width: 100%;
    margin-bottom: 70px;
    /*height: 321px;*/
    height: 880px;
    /*background: #f6f7fc;*/
}

.introduce div {
    height: 173px;
    position: relative;
    width: 937px;
    margin: 0 auto;
}

.introduce div span {
    background: url(../kcgl_img/introduce.png);
    background-size: cover;
    background-position: bottom;
    display: inline-block;
    position: absolute;
    width: 173px;
    height: 206px;
    opacity: 1;
    right: 0px;
    bottom: 52px;
}

.introduce div dl dt {
    width: 960px;
    /*height: 110px;*/
    height: auto;
    opacity: 1;
    background: #eef2fb;
    border-radius: 11px 11px 0px 0px;
    margin-left: 6px;
}

.introduce div dl dt p {
    width: 743px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #5f5f5f;
    line-height: 32px;
    margin: 0 auto;
    padding-top: 21px;
    font-size: 18px;
}

.introduce div dl dt p:last-child {
    padding-bottom: 16px;
}

.introduce div dl dd {
    display: none;
    width: 972px;
    height: 19px;
    background: #dce4f8;
    margin: 0 auto;
}

h2 {
    font-size: 28px;
    font-weight: 500 !important;
    text-align: center;
    color: #191818;
    line-height: 40px;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

h2 span {
    width: 51px;
    height: 51px;
    border-radius: 4px;
    display: inline-block;
    background: url(../kcgl_img/h2.png);
    background-size: cover;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 51px;
    margin-right: 22px;
}

/*  */
.teaching1 {
    width: 1140px;
    margin: 0 auto;
}

.teaching1 dl {
    width: 338px;
    height: 355px;
    opacity: 1;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px -1px 8px 4px rgba(0, 0, 0, 0.08);
    float: left;
    margin-right: 40px;
}

.teaching1 dl:nth-last-child(1) {
    margin-right: 0px;
}

.teaching1 dl dt img {
    width: 338px;
    height: 220px;
}

.teaching1 dl dd {
    width: 278px;
    margin: 0 auto;
}

.teaching1 dl dd h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #333333;
    line-height: 22px;
    padding-bottom: 20px;
    padding-bottom: 12px;
    margin-top: 20px;
}

.teaching1 dl dd p {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    color: #666666;
    line-height: 26px;
}

.teaching2 {
    background-color: #fbfbfe;
    background-image: url(../kcgl_img/teaching2_bj.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 30px;
}

.teaching2_main {
    width: 1140px;
    margin: 0 auto;
}

.teaching2_main_left {
    width: 565px;
    height: 365px;
    float: left;
}

.teaching2_main_right {
    width: 470px;
    float: right;
}

.teaching2_main_right dl {
    width: 469px;
    height: 86px;
    margin-bottom: 14px;
    padding-top: 15px;
}

.teaching2_main_right dl:hover {
    background-color: #fff;
}

.teaching2_main_right dl dt {
    margin-left: 9px;
    float: left;
    width: 40px;
    height: 40px;

    margin-right: 20px;
}

.teaching2_main_right dl dt img {
    width: 40px;
    height: 40px;
}

.teaching2_main_right dl dd {
    float: left;
}

.teaching2_main_right dl h3 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #3a3f4d;
    line-height: 22px;
    margin-bottom: 10px;
}

.teaching2_main_right dl p {
    width: 378px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #3a3f4d;
    line-height: 25px;
}

.teaching3_main {
    width: 1080px;
    margin: 0 auto;
}

.teaching3_main ul {
    width: 200px;
    float: left;
    margin-top: 110px;
}

.teaching3_main ul li {
    width: 188px;
    height: 36px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 36px;
    text-indent: 20px;
    margin-bottom: 20px;
}

.teaching3_main ul li.change {
    width: 200px;
    height: 36px;
    background: #1054ff;
    box-shadow: 0px 2px 4px 0px rgba(16, 84, 255, 0.40);
    color: #fff;
    position: relative;
}

.teaching3_main ul li.change span {
    color: #fff;
}

.teaching3_main ul li span {
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: #191818;
    line-height: 36px;
    margin-right: 12px;
}

.teaching3_main ul li.change i {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #1054ff;
    display: inline-block;
    position: absolute;
    right: -18px;
}

.teaching3_ment {
    float: right;
    width: 738px;
}

.teaching3_ment_c p {
    width: 754px;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #3a3f4d;
    line-height: 25px;
}

.teaching3_ment_c {
    display: none;
}

.teaching3_ment_c:nth-child(1) {
    display: block;
}

.teaching3_ment_c img {
    width: 100%;
}

/* 课程收益 */
.teaching4 {
    width: 100%;
    height: 492px;
    background: #fbfbfe;
}

.teaching4_main {
    width: 1122px;
    margin: 0 auto;
}

.teaching4_left {
    width: 572px;
    height: 271px;
    background: url(../kcgl_img/teaching4_left_bj.png);
    background-size: cover;
    padding-left: 68px;
    float: left;
}

.teaching4_public h3 {
    padding-top: 34px;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    line-height: 40px;
    margin-bottom: 15px;
}

.teaching4_public p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 31px;
}

.teaching4_right {
    background: url(../kcgl_img/teaching4_right_bj.png);
    background-size: cover;
    width: 361px;
    height: 272px;
    opacity: 1;
    float: right;
    padding-left: 121px;
}

.teaching5 {
    text-align: center
}

.teaching5 img {
    /* background: RED; */
    /*height: 193px;*/
    margin-bottom: 20px;
    width: 1140px;
}

/* 课程目录 */
.kcml {
    background: #f6f7fc;
    /*padding-top: 20px;*/
    padding-bottom: 50px;
}

.kcml_zj {
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    background-color: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.kcml .kcml_zj_Center {
    display: none;
}

.kcml .kcml_zj_Center:nth-child(1) {
    display: block;
}

.hover {
    border-bottom: 1px solid #eeeeee;
    height: 68px;
    line-height: 68px;
}

/*  章节标题 */
.hover .left {
    float: left;
}

.hover .left span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #333333;
}

.hover .left span:nth-child(3) {
    font-size: 14px;
    text-align: left;
    color: #ff632a;
    font-weight: 500;
    display: none;
}

.hover .right {
    float: right;
}

.chapter_main {
    padding-left: 30px;
    padding-right: 30px;
}

.Subchapter {
    padding-left: 58px;
    padding-right: 30px;
}


.chapter_main {
    position: relative;
}

.chapter_main .Disabl {
    width: 90px;
    height: 32px;
    opacity: 1;
    background: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    color: #ccc;
    display: none;
}

.chapter_main .not_active {
    color: #191819;
}

.chapter_main .training {
    /*    立即实训*/
    background: #ff632a;
    color: #fff;
    border: 1px solid #ff632a;
    line-height: 32px;
    text-align: center;
}

.chapter_main p {
    width: 124px;
    height: 31px;
    background: rgba(0, 0, 0, 0.62);
    /* border-radius: 3px 3px 3px 0px 0px 0px 3px; */
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.21);
    position: absolute;
    line-height: 31px;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    right: 17px;
    top: -22px;
    display: none;
}

.chapter_main span.sj {
    width: 0;
    height: 0;
    /* box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 21%); */
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.62);
    display: inline-block;
    position: absolute;
    right: 55px;
    top: 31px;
    /*display: none;*/
}

.chapter_main .not_active:hover + p {
    /*background: red;*/
    display: block;

}

.chapter_main .not_active:hover + span.sj {
    /*display: block;*/
}

.bf {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 8px;
}

.Training_steps_sp {
    pointer-events: none;
    cursor: pointer;
}

.Training_steps_sp:hover {
    cursor: pointer;

}

.Subchapter .Training_steps {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.Subchapter2 dl {
    /* padding-left: 94px; */
    text-indent: 58px;
}

.Subchapter2 .drop-down {
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    float: right;
    margin-right: 30px;
}

.Subchapter2 dl dt, .Subchapter2 dl dd ul li {
    border-bottom: 1px solid #eeeeee;
    height: 68px;
    line-height: 68px;
}


.list_dd {
    display: none;
}

.list_dd
.list_dd ul li {
    /* display: none; */
    text-indent: 100px;

}

.list_dd ul li:hover, .list_dt:hover, .Subchapter:hover {
    background: #f4f4f4;
}

.list_dd ul li a {
    color: #000;
}

.list_dd ul li .Training_steps {
    float: right;
    margin-right: 30px;
    color: #666;
}