html,body{
    margin: 0;
    padding: 0;
    color: #111111;
    min-width: 1260px;
}
a{
    text-decoration: none;
    color: #111111;
}
p{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.index-content{
    width: 100%;
    height: 100%;
}
.content-width{
    width: 1260px;
    margin: 0 auto;
}
.index-top{
    background: url(/static/images/n01_banner.png) no-repeat center;
    height: 695px;
    box-sizing: border-box;
    padding-top:30px;
    color: #111111;
    margin-bottom: 270px;
}
.index-top>:first-child{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.index-top img{
    width: 97.76px;
    height:30px;
}
.index-nav{
    height: 20px;
    display: flex;
    align-items: center;
}
.index-nav>li{
    margin-left: 80px;
    font-size: 16px;
    position: relative;
}
.register{
    padding: 9px 25px;
    margin-left: 50px !important;
    /* background: #F5F8FF; */
    border-radius:20px;
    border:1px solid rgba(14,92,250,1);
    text-align: center;
    display: flex;
    align-items: center;
}
.register>a{
    color:#0E5CFA;
}
.index-nav>.active>a{
    color:#0E5CFA;
}
.index-nav>.active::after{
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    content: '';
    width: 30px;
    height: 4px;
    background: #0E5CFA;
    display: block;
}
.index-title{
    margin-top:128px;
    text-align: center;
}
.index-title>.index-title-one{
    font-size: 40px;
}
.index-title>.index-title-two{
    font-size: 30px;
    margin: 30px 0;
}
.index-title>.index-top-btn{
    display: block;
    width: 188px;
    height: 50px;
    background: #0E5CFA;
    border-radius: 25px;
    font-size: 16px;
    color: #FFF;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}
.index-title .index-top-img{
    width: 742px;
    height: auto;
}
.index-tab{
    display: flex;
    justify-content: space-between;
    margin-top: -165px;
    margin-bottom: 100px;
}
.index-tab>li{
    background: #FFFFFF;
    box-shadow: 0 7px 22px 0 #E1E6EB;
    border-radius: 6px;
    width: 193px;
    height:193px;
    padding: 38px 0;
    text-align: center;
    box-sizing: border-box;
}
.index-tab>li img{
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}
.index-tab>li>:nth-child(3){
    font-size: 22px;
    letter-spacing: 0;
    margin-bottom: 5px;
}
.index-tab>li>:last-child{
    font-size: 16px;
    color: #666666;
}
.index-item-view{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
/* .index-item-view>div>div{
    width: 440px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
} */
.knowledge-payment-cot>div{
    margin-bottom: 30px;
}
.index-item-example{
    display: flex;
    align-items: center;
    font-size: 28px;
    margin-bottom: 10px;
}
.index-item-example img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.index-item-title{
    width: 420px;
    padding-left:40px;
}
.knowledge-payment-cot{
    font-size: 18px;
    color: #54535B;
}
.title{
    font-size: 40px;
    color: #111111;
    letter-spacing: 0;
    text-align: center;
}
.index-item-copywriting{
    width: 440px;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    margin-bottom: 40px;
}
.index-item-btn{
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    background: #0E5CFA;
    border-radius: 25px;
    margin: 0;
    display: block !important;
    cursor: pointer;
    font-size: 16px;
}
.btn-hover{
    background-color: #1D4B77;
}
.marketing{
    background: url(/static/images/a01_bj.png) no-repeat center;
    padding-top: 190px;
    height: 1034px;
    box-sizing: border-box;
}
.channel{
    margin-bottom: 100px;
}
.channel>ul{
    width: 1260px;
    display: flex;
    justify-content: space-between;
}
.channel>ul>li>:last-child{
    display: none;
}
.pd-top{
    padding-top: 100px;
}
.j-center{
    justify-content: center;
}
.channel>ul>li{
    width: 300px;
    height: 375px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    font-size: 18px;
    box-sizing: border-box;
}
.channel>ul>li>img{
    margin-bottom: 30px;
}
.channel-cot{
    width: 196px;
    font-size: 14px;
    margin-top: 30px;
}

/* 底部 */
.footer{
    width: 100%;
    height: 400px;
    padding: 100px 0;
    box-sizing: border-box;
    background: #6F7479;
    color: #FFF;
}
.footer-main{
    display: flex;
    justify-content: center;
}
/* .footer-content{
    width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #FFF;
} */
.footer-content>div{
    display: flex;
    font-size: 18px;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.footer-content>div>.footer-title{
    width: 75px;
    margin-right: 145px;
}
.QR-code{
    font-size: 14px;
    text-align: center;
    margin-left: 110px;
}
.QR-code>img{
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}
.footer-bottom{
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
}

.tab-bar{
    width: 100%;
    background: #FFF;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    font-size: 24px;
    color: #111111;
    box-sizing: border-box;
    margin-top: 40px;
}
.tab-bar>:first-child{
    margin-right:108px;
}
.tab-bar .tab-bar-item{
    padding: 25px 0;
    cursor: pointer;
}
.tab-bar .active{
    position: relative;
}
.tab-bar .active::after{
    content: '';
    width: 60px;
    height: 2px;
    background: #0E5CFA;
    position: absolute;
    bottom: 0;
    border-radius:3px;
    left: 50%;
    transform: translateX(-50%);
}
.index-content .knowledge-payment{
    width: 100%;
    height: 894px;
    background: url(/static/images/n02_bg.png) no-repeat center;
    padding-top: 100px;
    box-sizing: border-box;
}
.index-content .knowledge-payment>.index-item-view>img{
    width: 739px;
    height: auto;
    margin-right: 40px;
}
.index-content .knowledge-payment>.title{
    margin-bottom: 100px;
}
.index-content .online-classroom{
    margin: 100px 0;
}
.index-content .online-classroom-cot{
    margin-right: 205px;
}
.index-content .online-classroom>.title{
    margin-bottom: 100px;
}
.index-card{
    width:840px;
    height:256px;
    background:#FFFFFF;
    box-shadow:0px 2px 4px 4px rgba(231,231,231,0.5);
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
.index-card>.index-item-btn{
    margin-top: 30px;
    width: 188px;
}