.index-top{
    width: 100%;
    background: url(/static/images/a02-bj.png) no-repeat center;
    height: 480px;
    box-sizing: border-box;
    padding-top:30px;
    color: #111111;
    margin-bottom: 100px;
}
.introduction-title{
    color: #4A4A50;
}
.introduction-title .index-title-two{
    margin-top: 20px;
}
i{
    display: inline-block;
    width: 55px; 
    height: 55px;
    margin-right: 10px;
}
.box-type-title{
    margin-bottom: 100px;
    position: relative;
}
.box-type-title::after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
    height: 3px;
    background: #0E5CFA;
}
.box-item{
    margin-bottom: 60px;
}
.box-item-title{
    font-size: 22px;
    color: #666666;
    text-align: center;
    margin-bottom: 60px;
}
.box-item-view{
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    color: #666666;
}
.box-item-view>li{
    flex: 0 0 25%;
    display: flex;
    margin-bottom: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}
.box-item-view .box-title{
    font-size: 18px;
    color: #111111;
    margin-bottom: 10px;
}
.bg-course{
    background: url(/static/images/css_sprites.png) -160px -310px;
}
.bg-academic_report {
    background: url(/static/images/css_sprites.png) -10px -85px;
}
.bg-audio_frequency {
    background: url(/static/images/css_sprites.png) -160px -235px;
}
.bg-collage {
    background: url(/static/images/css_sprites.png) -85px -385px;
}
.bg-cuoti {
    background: url(/static/images/css_sprites.png) -385px -85px;
}
.bg-distribution {
    background: url(/static/images/css_sprites.png) -385px -235px;
}
.bg-examination {
    background: url(/static/images/css_sprites.png) -160px -85px;
}
.bg-expenditure {
    background: url(/static/images/css_sprites.png) -10px -160px;
}
.bg-fenxiao {
    background: url(/static/images/css_sprites.png) -235px -85px;
}
.bg-information {
    background: url(/static/images/css_sprites.png) -235px -160px;
}
.bg-integral {
    background: url(/static/images/css_sprites.png) -235px -235px;
}
.bg-jingxiaoshang {
    background: url(/static/images/css_sprites.png) -85px -310px;
}
.bg-knowledge {
    background: url(/static/images/css_sprites.png) -85px -235px;
}
.bg-lianxi {
    background: url(/static/images/css_sprites.png) -10px -235px;
}
.bg-live {
    background: url(/static/images/css_sprites.png) -85px -85px;
}
.bg-live_02 {
    background: url(/static/images/css_sprites.png) -10px -10px;
}
.bg-note {
    background: url(/static/images/css_sprites.png) -85px -10px;
}
.bg-profit {
    background: url(/static/images/css_sprites.png) -235px -10px;
}
.bg-punch_the_clock {
    background: url(/static/images/css_sprites.png) -160px -10px;
}
.bg-quan {
    background: url(/static/images/css_sprites.png) -310px -10px;
}
.bg-renovation {
    background: url(/static/images/css_sprites.png) -85px -160px;
}
.bg-role {
    background: url(/static/images/css_sprites.png) -160px -160px;
}
.bg-seckill {
    background: url(/static/images/css_sprites.png) -310px -85px;
}
.bg-sign_in {
    background: url(/static/images/css_sprites.png) -310px -235px;
}
.bg-staff {
    background: url(/static/images/css_sprites.png) -10px -310px;
}
.bg-task {
    background: url(/static/images/css_sprites.png) -235px -310px;
}
.bg-vip {
    background: url(/static/images/css_sprites.png) -310px -310px;
}
.bg-wallet {
    background: url(/static/images/css_sprites.png) -10px -385px;
}
.bg-withdrawal {
    background: url(/static/images/css_sprites.png) -385px -310px;
}
.bg-xiaoban {
    background: url(/static/images/css_sprites.png) -310px -160px;
}
.bg-zhuanlan {
    background: url(/static/images/css_sprites.png) -385px -160px;
}
.bg-xianxia {
    background: url(/static/images/css_sprites.png) -385px -10px;
}