.page{
    font-family: sans-serif;
}
.page-one{
  height :33.35rem;
  width:18.75rem;
  background:linear-gradient(to bottom, white, #D1E6F4 );
}
.page-one .logo{
    height: 4.9rem;
    padding-top: 0.625rem;
    padding-left: 9.175rem;
}
.page-one .logo .logo-png{
    width: 8.325rem;
    height: 1.325rem;
}
.page-one .title{
    color:#913535 ;
    font-size: 1.2rem;
    height: 5.825rem;
}
.page-one .title .line-one{
    padding-left: 3.7rem;
}
.page-one .title .line-two{
    padding-right: 3.7rem;
    text-align: right;
}
.page-one .png-one{
    height: 8.65rem;
    background: url("../images/page-one.png") no-repeat;
    background-size: 100%;
}
.page-one .content{
    height: 8.275rem;
    font-size: 0.8rem;
    color: #666;
    padding: 1.95rem 2.525rem 0 2.475rem;
}
.page-one .png-two{
    height: 8.6rem;
    background: url("../images/page-one-bg.png") no-repeat 50%;
    background-size: 93%;
    margin-top: -6rem;
}


/** 第二块*/
.page-two{
    height: 33.35rem;
    background: url("../images/page-two-bg.png") no-repeat;
    background-position-y: 100%;
    background-size: 124%;
    background-position-x: 3%;
}
.page-two .png-one{
    height: 11.85rem;
    background: url("../images/page-two.png") no-repeat;
    background-size: 90%;
    background-position-x: 50%;
    background-position-y: 100%;
}
.page-two .content{
    padding: 3.275rem 2.5rem;
    color: #666;
    font-size: 0.8rem;
}

/** 第三块*/
.page-thr{
    height: 111.025rem;
    background-color:#F5F7FB;
}
.page-thr .page-title{
    height: 4.275rem;
    background: url("../images/page-thr-title-bg.png") no-repeat;
    background-size: 147%;
    background-position-x: 80%;
    font-size: 0.9rem;
    font-weight: 900;
    padding-left: 1.325rem;
    padding-top: 0.65rem;
}
.page-thr .part .part-title{
    color:#2E5193 ;
    font-size: 1.2rem;
    font-weight: 900;
    padding: 0.85rem 0;
    text-align: center;
}

.page-thr .part .content{
    color:#666666 ;
    font-size: 0.8rem;
    padding: 0 2.475rem;
}
/** 第三块 教师*/
.page-thr .part-one .list{
    color: #666666;
    font-size: 0.8rem;
    padding: 2.5rem;
}
.page-thr .part-one .list .list-left,
.page-thr .part-one .list .list-right{
    display: inline-block;
    width: 6.7rem;
    vertical-align: middle;
}
.page-thr .part-one .list-left{
    font-size: 0.8rem;
    color: #2E5193;
}
.page-thr .part-one .list-left ul li{
    list-style: none;
    padding-bottom: 0.975rem;
}
.page-thr .part-one .list-left ul li p{
    display: inline-block;
    vertical-align: top;
}
.page-thr .part-one .list-right img{
    width: 6.525rem;
    margin-bottom: 1.65rem;
}


/** 第三块 学生学习*/
.page-thr .part-two .list{
    padding-top: 3.125rem;
}
.page-thr .part-two .list .list-item{
    padding: 0 0 0.9rem 2.45rem;
    font-size: 0.8rem;
    color: #2E5193;
}
.page-thr .part-two .list .list-item img{
    width: 7.075rem;
}
.page-thr .part-two .list-item .u-desc{
    padding-left: 0.975rem;
}


/** 第三块 分割线*/
.split{
    height: 2rem;
    background: url("../images/split.png") no-repeat 100%;
    background-size: 100%;
    padding-top: 3.525rem;
    padding-bottom: 2.365rem;
}


/** 第三块 家长监督*/
.page-thr .part-thr .list{
    padding-top: 3.125rem;
}
.page-thr .part-thr .list .list-item{
    padding: 0 0 0 2.45rem;
    font-size: 0.8rem;
    color: #2E5193;
}
.page-thr .part-thr .list .list-item img{
    width: 5.65rem;
}

.page-thr .part-thr .list-item .u-desc{
   width: 6rem;
    padding: 0.875rem;
}



/** 第四块*/
.page-four{
    height: 27rem;
    background-color: white;
}
.page-four .title{
    height: 2.95rem;
    padding-top: 2.425rem;
    padding-left: 1.25rem;
    font-size: 0.9rem;
    color: #2E5193;
    font-weight: 900;
}
.page-four .u-half{
    width: 9.25rem;
}
.page-four .u-half{
    width: 49%;
}

/** 第五块*/
.page-five{
    height: 12.75rem;
    background-color: #F4FBFF;

}
.page-five .title{
    height: 0.975rem;
    padding: 2.4rem 0 0 2.5rem;
}
.page-five .title .line{
    width: 1.75rem;
    height: 0.175rem;
    background-color: #ff9900;

}
.page-five .content{
    padding: 0 2.4rem;
    font-size: 0.8rem;
}
.page-five .content p{
    margin-bottom: 0.6rem;
}

/** 第刘块*/
.page-six{
    height: 5.625rem;
}
.page-six .content{
    font-size: 0.6rem;
    color: #666;
    padding: 1.225rem 0 0 2.45rem;
}
.page-six .content p{
    margin-bottom: 0.2rem;
}

/** 公共*/
*{
    padding: 0;
    margin: 0;
}
.indent{
    text-indent: 1.6rem;
}
.float-right{
    float: right;
}
.u-inline-block{
    display: inline-block;
}
.u-inline-block.v-middle{
    display: inline-block;
    vertical-align: middle;
}
.icon.icon-dot{
    width: 0.225rem;
    height: 0.225rem;
    margin-right: 0.275rem;
    display: inline-block;
    border-radius: 50%;
    background-color: #ff9900;
    vertical-align: middle;
}
.icon.icon-arr-left{
    width: 0.6rem;
    height: 0.5rem;
    background: url("../images/icon-arr-left.png") no-repeat 100%;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.475rem;
}
.icon.icon-arr-right{
    width: 0.6rem;
    height: 0.5rem;
    background: url("../images/icon-arr-right.png") no-repeat 100%;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.475rem;
}
.fade-up{
    opacity: 0;
}