.col-sm-1-22,.col-sm-1-24,.col-sm-1-20,.col-sm-1-17 {
    position: relative;
    min-height: 1px;
}
.col-sm-1-22 {
    float: left;
    width:22%;
}
.col-sm-1-24 {
    float: left;
    width:24%;
}
.col-sm-1-20 {
    float: left;
    width:20%;
}
.col-sm-1-17 {
    float: left;
    width:17%;
}
.col-sm-1-18 {
    float: left;
    width:17%;
}
.learning_product_module .learning_product_module_title {
    margin-top: 1.16rem;
    margin-bottom: 0.7rem;
}
.learning_product_module .learning_product_module_title h1 {
    text-align: center;
    font-size: .6rem;
    font-family: Futura LT CondensedExtraBold;
    font-weight: 400;
    background: linear-gradient(180deg, #DCE9F6 40.1220703125%, #F5F7F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.learning_product_module .learning_product_module_title h2 {
    margin-top: -0.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    color: #333333;
    background: linear-gradient(270deg, #2E5FD8 34%, #00ACFF 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.learning_product_module .mobile_detail{
    display: none;
}
.learning_product_module .detail{
    text-align: center;
    margin-right: .43rem;
    width: 3.68rem;
    height: 4.57rem;
    background: linear-gradient(180deg, #FFFFFF, #E2ECFC);
    border: .04rem solid #FFFFFF;
    box-shadow: 0 .06rem .29rem 0 #E5E9EC;
    margin-bottom: 1.32rem;
}
.learning_product_module .detail img{
    margin-top: .7rem;
    margin-bottom: .15rem;
    height: 1.48rem;
}
.learning_product_module .detail h1{
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: .2rem;
}
.learning_product_module .detail h2{
    margin-top: .37rem;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1F2E4C;
    line-height: .4rem;
}
.learning_product_module .module_item {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    margin-left: 0.15rem;
    margin-bottom: 0.38rem;
}
.learning_product_module .module_item img {
    width: 0.50rem;
    height: 0.50rem;
}
.learning_product_module .module_item span {
    margin-left: 0.1rem;
    font-size: 0.20rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.learning_product_module .module_item2 {

}
.learning_product_module .module_item3 {

}

/*图片*/
.module_active_img_all {
    padding-bottom: 0.98rem;
}
.module_active_img_all .module_active_img img {
    width: 100%;
}

/*学员端*/
.learning_product_xyd {
    padding-bottom: 0.38rem;
    background: #F2F9FF;
}
.learning_product_xyd .learning_product_xyd_title {
    margin-top:0.64rem;
    margin-bottom: 0.9rem;
}
.learning_product_xyd .learning_product_xyd_title h1 {
    text-align: center;
    font-size: .6rem;
    font-family: Futura LT CondensedExtraBold;
    font-weight: 400;
    background: linear-gradient(180deg, #DCE9F6 40.1220703125%, #F5F7F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.learning_product_xyd .learning_product_xyd_title h2{
    margin-top: -0.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    color: #333333;
    background: linear-gradient(270deg, #2E5FD8 34%, #00ACFF 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.txt {
    display: flex;
    align-items: center;
    padding-bottom: .3rem;
}
.txt img{
    height: .3rem;
}
.txt span{
    width: 1.2rem;
    padding-left: .2rem;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: .28rem;
}
.txt p{
    padding-left: .18rem;
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #333333;
}
.txt1 {
    display: flex;
    align-items: center;
    padding-bottom: .3rem;
    width: 100%;
}
.txt1 img{
    height: .3rem;
}
.txt1 span{
    width: 16%;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: .28rem;
}
.txt1 p{
    width: 80%;
    padding-right: .18rem;
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #333333;
    text-align: right;
}

#zSlider1 {
    display: flex;
    justify-content: space-between;
}
#picshow1 {
    position:relative;
}
#picshow1, #picshow1_img {
}
#picshow1_img li {
    height:5.53rem;
    /*display:none;*/
    overflow:hidden;
}
#picshow1_img img {
    width:100%;
}
#picshow1_tx {
    left:0px;
    width:8.80rem;
    bottom:0px;
    position:absolute;
    height:0.90rem;
    overflow:hidden;
}
#picshow1_tx li a {
    color:#fff;
}
#picshow1_tx li a:hover {
    text-decoration:underline;
}
#picshow1_tx li h3 {
    margin:13px 0;
}
#picshow1_tx li p {
    color:#ccc;
    line-height:16px;
    height:16px;
    overflow:hidden;
}
#select_btn1 {
    display:inline;
    color:#111;
}
#select_btn1 li {
    width: 4.3rem;
    padding: 0px 10px;
    transition: all .7s ease 0s;
    cursor: pointer;
}
#select_btn1 li a:hover {
    color: #026AE6;
}
#select_btn1 a {
    color:#000;
}
#select_btn1 img {
    width:0.20rem;
    height:0.20rem;
}

/*管理端*/
.learning_product_gld {
    padding-bottom: 0.6rem;
    background: #fff;
}
.learning_product_gld .learning_product_gld_title {
    margin-top:0.6rem;
    margin-bottom: 0.85rem;
}
.learning_product_gld .learning_product_gld_title h1 {
    text-align: center;
    font-size: .6rem;
    font-family: Futura LT CondensedExtraBold;
    font-weight: 400;
    background: linear-gradient(180deg, #DCE9F6 40.1220703125%, #F5F7F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.learning_product_gld .learning_product_gld_title h2 {
    margin-top: -0.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    color: #333333;
    background: linear-gradient(270deg, #2E5FD8 34%, #00ACFF 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

#zSlider2 {
    display: flex;
    justify-content: space-between;
}
#picshow2 {
    position:relative;
}
#picshow2, #picshow2_img {
}
#picshow2_img li {
    height:4.9rem;
    /*display:none;*/
    overflow:hidden;
}
#picshow2_img img {

}
#picshow2_tx {
    left:0px;
    width:8.80rem;
    bottom:0px;
    position:absolute;
    height:0.90rem;
    overflow:hidden;
}
#picshow2_tx li a {
    color:#fff;
}
#picshow2_tx li a:hover {
    text-decoration:underline;
}
#picshow2_tx li h3 {
    margin:13px 0;
}
#picshow2_tx li p {
    color:#ccc;
    line-height:16px;
    height:16px;
    overflow:hidden;
}
#select_btn2 {
    /*width:5.26rem;*/
    color:#111;
    display:inline;
}
#select_btn2 ul {
    float: right;
}
#select_btn2 li {
    width: 4.3rem;
    padding: 0px 10px;
    transition: all .7s ease 0s;
    cursor: pointer;
}
#select_btn2 a {
    color:#000;
}
#select_btn2 img {
    width:0.20rem;
    height:0.20rem;
}


/*后台管理*/
.learning_product_htgl {
    padding-bottom: 0.62rem;
    background: #F2F9FF;
}
.learning_product_htgl .learning_product_htgl_title {
    margin-top:0.64rem;
    margin-bottom: 0.35rem;
}
.learning_product_htgl .learning_product_htgl_title h1 {
    text-align: center;
    font-size: .6rem;
    font-family: Futura LT CondensedExtraBold;
    font-weight: 400;
    background: linear-gradient(180deg, #DCE9F6 40.1220703125%, #F5F7F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.learning_product_htgl .learning_product_htgl_title h2 {
    margin-top: -0.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    color: #333333;
    background: linear-gradient(270deg, #2E5FD8 34%, #00ACFF 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

#zSlider3 {
    display: flex;
    justify-content: space-between;
}
#picshow3 {
    position:relative;
}
#picshow3, #picshow3_img {
}
#picshow3_img li {
    height:4.38rem;
    /*display:none;*/
    overflow:hidden;
}
#picshow3_img img {
    width:100%;
}
#picshow3_tx {
    left:0px;
    width:8.80rem;
    bottom:0px;
    position:absolute;
    height:0.90rem;
    overflow:hidden;
}
#picshow3_tx li a {
    color:#fff;
}
#picshow3_tx li a:hover {
    text-decoration:underline;
}
#picshow3_tx li h3 {
    margin:13px 0;
}
#picshow3_tx li p {
    color:#ccc;
    line-height:16px;
    height:16px;
    overflow:hidden;
}
#select_btn3 {
    /*width:5.26rem;*/
    padding-top: .6rem;
    color:#111;
    display:inline;
}
#select_btn3 li {
    width: 4.3rem;
    padding: 0px 10px;
    transition: all .7s ease 0s;
    cursor: pointer;
}
#select_btn3 a {
    color:#000;
}
#select_btn3 img {
    width:0.20rem;
    height:0.20rem;
}

.learning_product_advantage{
    padding-bottom: .66rem;
}
.learning_product_advantage .learning_product_advantage_title h1 {
    padding-top: .66rem;
    text-align: center;
    font-size: .6rem;
    font-family: Futura LT CondensedExtraBold;
    font-weight: 400;
    background: linear-gradient(180deg, #DCE9F6 40.1220703125%, #F5F7F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.learning_product_advantage .learning_product_advantage_title h2 {
    margin-top: -0.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    color: #333333;
    background: linear-gradient(270deg, #2E5FD8 34%, #00ACFF 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.advantage-div{
    margin-top: .6rem;
    margin-right: .26rem;
    display: flex;
    width: 3.96rem;
    height: 1.95rem;
    background: linear-gradient(90deg, #ECF9FF, #DAF4FF);
    box-shadow: .02rem .06rem .16rem 0 #E5E9EC;
}
.green{
    background: linear-gradient(90deg, #F2FFF9, #D0FCEC);
}
.red{
    background: linear-gradient(90deg, #FFF8F6, #F8E3E3);
}
.purple{
    background: linear-gradient(90deg, #F8FBFF, #DEE6FA);
}
.orange{
    background: linear-gradient(90deg, #FDF8F4, #FFE7D4);
}
.blue{
    background: linear-gradient(90deg, #ECF9FF, #DAF4FF);
}
.advantage-div h1{
    padding: .45rem 0 .2rem .19rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: .22rem;
}
.advantage-div h2{
    padding-left: .2rem;
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #364058;
    line-height: .24rem;
}
.advantage-div img{
    margin-top: .53rem;
    height: 1.21rem;
}


/*<767px*/
@media screen and (max-width:767px) {
    .advantage-div{
        margin-left: 4%;
        width: 92%;
    }
    .learning_product_module .detail{
        display: none;
    }
    .learning_product_module .mobile_detail{
        margin-bottom: .44rem;
        margin-left: 4%;
        width: 92%;
        height: 2.02rem;
        display: flex;
        align-items: center;
        background: linear-gradient(180deg, #FFFFFF, #E2ECFC);
        border: .04rem solid #FFFFFF;
        box-shadow: 0 .06rem .29rem 0 #E5E9EC;
    }
    .learning_product_module .mobile_detail img{
        width: 1.86rem;
        height: 1.39rem;
    }
    .learning_product_module .mobile_detail div{
        padding-left: .41rem;
    }
    .learning_product_module .mobile_detail h1{
        font-size: .3rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        padding-bottom: .29rem;
    }
    .learning_product_module .mobile_detail h2{
        font-size: .22rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #1F2E4C;
        line-height: .38rem;
    }
    .col-sm-1-22,.col-sm-1-24,.col-sm-1-20,.col-sm-1-17,.col-sm-1-18 {
        width:33.33%;
        height: 1.2rem;
    }
    .learning_product_module .module_item {
        padding-left: 20px;
        margin-left: 0;

    }
    .module_active_img_all .module_active_img img {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .learning_product_xyd {
        position: relative;
        padding-bottom: 0.8rem;
        background: #F2F9FF;
    }
    #zSlider1 {
        display: block;
    }
    #zSlider1 .xyd_item2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #zSlider1 #select_btn1 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #zSlider1 #select_btn1 li {
        width: auto;
        padding: 0px 10px;
        text-align: center;
        transition: all .7s ease 0s;
        cursor: pointer;
    }
    #select_btn1 img {
        margin-left: .59rem;
        width:0.24rem;
        height:0.24rem;
    }
    #picshow1 img {
        display:block;
        margin: 0 auto;
        width: 5.26rem;
        height: 3.14rem;
    }
    #picshow2 img {
        display:block;
        margin: 0 auto;
        width: 5.01rem;
        height: 4.32rem;
    }
    #picshow3 img{
        display:block;
        margin: 0 auto;
        width: 4.79rem;
        height: 3.60rem;
    }

    /*在线会议*/
    .learning_product_gld {
        position: relative;
        padding-bottom: 0;
        background: #fff;
    }
    #zSlider2 {
        position: relative;
        height: 7rem;
        display: block;
    }
    #zSlider2 #select_btn2 {
        position: absolute;
        top:0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #zSlider2 #select_btn2 li {
        width: auto;
        padding: 0px 10px;
        text-align: center;
        transition: all .7s ease 0s;
        cursor: pointer;
    }
    #zSlider2 #select_btn2 ul {
        float: none;
    }
    #select_btn2 img {
        margin-right: .59rem;
        width:0.24rem;
        height:0.24rem;
    }
    #zSlider2 #picshow2 {
        position: absolute;
        bottom: 0.7rem;
    }
    #zSlider2 #picshow2_img img {
        width: 100%;
    }
    /*底部圆点*/
    #zSlider2 .zSlider2_circle_show {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%,0);
        display: none;
    }
    #zSlider2 .zSlider2_circle_show.active {
        display: block;
    }
    #zSlider2 .zSlider2_circle_show .zSlider2_circle {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 2px;
        border-radius: 100%;
        background: #000;
        opacity: .2;
    }
    #zSlider2 .zSlider2_circle_show .zSlider2_circle.active {
        opacity: 1;
        background-color: #007AFF;
    }


    /*直播互动*/
    .learning_product_htgl {
        position: relative;
        padding-bottom: 0.5rem;
        background: #F2F9FF;
    }
    #zSlider3 {
        display: block;
    }
    #zSlider3 .xyd_item2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #zSlider3 #select_btn3 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #zSlider3 #select_btn3 li {
        width: auto;
        padding: 0px 10px;
        text-align: center;
        transition: all .7s ease 0s;
        cursor: pointer;
    }
    #select_btn3 img {
        margin-left: .59rem;
        width:0.24rem;
        height:0.24rem;
    }
    /*底部圆点*/
    #zSlider3 .zSlider3_circle_show {
        position: absolute;
        bottom:10px;
        left:50%;
        transform: translate(-50%,0);
        display: none;
    }
    #zSlider3 .zSlider3_circle_show.active {
        display: block;
    }
    #zSlider3 .zSlider3_circle_show .zSlider3_circle {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 2px;
        border-radius: 100%;
        background: #000;
        opacity: .2;
    }
    #zSlider3 .zSlider3_circle_show .zSlider3_circle.active {
        opacity: 1;
        background-color: #007AFF;
    }

    /*线上课堂*/
    .learning_product_online_classroom {
        position: relative;
        padding-bottom: 0;
        background: #fff;
    }
    #zSlider4 {
        position: relative;
        height: 7rem;
        display: block;
    }
    #zSlider4 .online_classroom_item2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #picshow4_img li {
        height:auto;
    }
    #zSlider4 #select_btn4 li {
        width: auto;
        padding: 0px 10px;
        text-align: center;
        transition: all .7s ease 0s;
        cursor: pointer;
    }
    #select_btn4 img {
        display: none;
    }
    #zSlider4 #picshow4 {
        position: absolute;
        bottom: 0.8rem;
    }
    #zSlider4 #select_btn4 {
        position: absolute;
        top:0;
        width: 100%;
        padding:0px 20px;
    }
    /*底部圆点*/
    #zSlider4 .zSlider4_circle_show {
        position: absolute;
        bottom:10px;
        left:50%;
        transform: translate(-50%,0);
        display: none;
    }
    #zSlider4 .zSlider4_circle_show.active {
        display: block;
    }
    #zSlider4 .zSlider4_circle_show .zSlider4_circle {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 2px;
        border-radius: 100%;
        background: #000;
        opacity: .2;
    }
    #zSlider4 .zSlider4_circle_show .zSlider4_circle.active {
        opacity: 1;
        background-color: #007AFF;
    }

    /*后台管理分析*/
    .learning_product_manage_analysis {
        position: relative;
        padding-bottom: 0.8rem;
        background: #F2F9FF;
    }
    #zSlider5 {
        display: block;
    }
    #zSlider5 #select_btn5 {
        width: 100%;
    }
    #zSlider5 #select_btn5 li {
        width: auto;
        padding: 0px 20px;
        text-align: center;
        transition: all .7s ease 0s;
        cursor: pointer;
    }
    #select_btn5 img {
        display: none;
    }
    /*底部圆点*/
    #zSlider5 .zSlider5_circle_show {
        position: absolute;
        bottom:20px;
        left:50%;
        transform: translate(-50%,0);
        display: none;
    }
    #zSlider5 .zSlider5_circle_show.active {
        display: block;
    }
    #zSlider5 .zSlider5_circle_show .zSlider5_circle {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 2px;
        border-radius: 100%;
        background: #000;
        opacity: .2;
    }
    #zSlider5 .zSlider5_circle_show .zSlider5_circle.active {
        opacity: 1;
        background-color: #007AFF;
    }
}
/*>=768px*/
@media screen and (min-width:768px) {
    .col-sm-1-22,.col-sm-1-24,.col-sm-1-20,.col-sm-1-17,.col-sm-1-18 {
        width:33.33%;
        height: 1.2rem;
    }
    #picshow2_img img {
        width: 100%;
    }
}
/*>=992px*/
@media screen and (min-width:992px) {
    /*一站式会议、SaaS直播云平台*/
    .col-sm-1-22 {
        width:18%;
    }
    .col-sm-1-24 {
        width:26%;
    }
    .col-sm-1-20 {
        width:18%;
    }
    .col-sm-1-17 {
        width:18%;
    }
    .col-sm-1-18 {
        width:19%;
    }

    #picshow2_img img {
        width: 100%;
    }
}
/*>=1200px*/
@media screen and (min-width:1200px) {
    .col-sm-1-22 {
        float: left;
        width:22%;
    }
    .col-sm-1-24 {
        float: left;
        width:24%;
    }
    .col-sm-1-20 {
        float: left;
        width:20%;
    }
    .col-sm-1-17 {
        float: left;
        width:17%;
    }
    .col-sm-1-18 {
        float: left;
        width:17%;
    }
}