html {
    background-color: #f3f7fa !important;
}

.banner {
    height: 5.33rem;
    width: 100%;
    padding-top: 1.87rem;
}

.swiperitem {
    height: 5.33rem;
    width: 100%;
}

.banner img {
    height: 5.33rem;
    width: 100%;
}

.navlist {
    width: 100%;
    height: 2.93rem;
    background: rgba(255, 255, 255, 1);
    display: flex;
}

.nav-item {
    flex: 1;
    font-size: 0.29rem;
    color: #1A1A1A;
    display: block;
    text-align: center;
    padding-top: 0.5rem;
}

.nav-item .icon {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    display: block;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0 auto 0.5rem;
}

.nav-item .icon1 {
    background-image: url("../../images/20190723/m/sy_01.png")
}

.nav-item .icon2 {
    background-image: url("../../images/20190723/m/sy_02.png")
}

.nav-item .icon3 {
    background-image: url("../../images/20190723/m/sy_03.png")
}

.nav-item .icon4 {
    background-image: url("../../images/20190723/m/sy_04.png")
}

.nav-item .icon5 {
    background-image: url("../../images/20190723/m/sy_05.png")
}
.nav-item .icon6 {
    background-image: url("../../images/20190723/m/sy_60.png")
}

.item-wrapper {
    margin-top: 1rem;
}

.item-wrapper .title {
    font-size: 0.51rem;
    color: rgba(26, 26, 26, 1);
    margin-bottom: 1rem;
    text-align: center;
    line-height: 0.8rem;
}

.item-wrapper .item-swiper-wrapper {
    height: 5.39rem;
    padding-bottom: 1rem;
}

.swiper-live-item {
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    width: calc(100% - 1.4rem);
    height: calc(100% - 0.8rem);
    padding: 0.4rem;
    margin: 0 0.3rem;
}

.swiper-live-item .personnum {
    position: absolute;
    font-size: 0.29rem;
    line-height: 0.83rem;
    font-weight: bold;
    color: rgba(79, 79, 79, 1);
    bottom: 0.4rem;
    right: 0.4rem;
}

.swiper-live-item .tit {
    font-size: 0.4rem;
    font-weight: bold;
    color: rgba(26, 26, 26, 1);
    line-height: 0.53rem;
}

.swiper-live-item .tit .type {
    display: inline-block;
    width: 0.99rem;
    height: 0.53rem;
    background: #FF8155;
    line-height: 0.53rem;
    border-radius: 5px;
    font-size: 0.29rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-right: 6px;
}

.swiper-live-item .time {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.29rem;
    padding-left: 0.5rem;
    margin-top: 0.3rem;
    background: url('../../images/20190723/sy_05.png') left center no-repeat;
}

.swiper-live-item .time .d1 {
    float: left;
    color: #4F4F4F;
}

.swiper-live-item .time .d2 {
    float: right;
    color: #FF8155;
}

.swiper-live-item .person {
    margin-top: 0.8rem;
}

.swiper-live-item .person .left {
    float: left;
    text-align: center;
    width: 1.8rem;
    font-size: 0.35rem;
    color: rgba(79, 79, 79, 1);
    margin-right: 0.4rem;
}

.swiper-live-item .person .left img {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
}
.swiper-live-item .person .left p {
  margin-top: 0.2rem;
}
.listbox{
    margin-left: 0.3rem;
    overflow: hidden;
}
.listbox ul{
    display: box;
    display: -webkit-box;
}
.box-item{
    width:6.27rem;
    height:6rem;
    border-radius:0.13rem;
    background-color: #fff;
    margin-right: 0.25rem
}
.box-item:last-child{
    margin-right: 0
}
.box-item img{
    width:6.27rem;
    height:4.31rem;
}
.box-item .tit{
    font-size: 0.35rem;
    font-weight: bold;
    color: rgba(26,26,26,1);
    line-height: 0.9rem;
    height: 0.9rem;
    padding: 0 0.3rem;
}
.box-item .tit .type{
    display: inline-block;
    width:0.99rem;
    height:0.53rem;
    line-height:0.53rem;
    background:rgba(255,129,85,1);
    border-radius:0.08rem;
    font-size:0.29rem;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-right:0.16rem
}
.box-item .num{
    padding: 0.2rem 0.3rem 0;
}
.box-item .num .left{
    font-size:0.29rem;
    color:rgba(79,79,79,1);
    float: left;
}
.box-item .num .right{
    font-size:0.29rem;
    float: right;
    color:rgba(255,129,85,1);
}

.why-swiper-wrapper{
    height:11rem;
    padding-bottom: 1rem;
}
.swiper-why-item{
    background: rgba(255, 255, 255, 1);
    border-radius: 0.13rem;
    width: calc(100% - 0.6rem);
    height: 100%;
    margin: 0 0.3rem;
    position: relative;
}
.swiper-why-item img{
    width:100%;
    height:5.5rem;
    border-radius: 0.13rem 0.13rem 0 0;
}
.swiper-why-item .word{
    margin:1rem 0.6rem 0.5rem;
    font-size:0.51rem;
    color:rgba(26,26,26,1);
    line-height: 1rem;
}
.swiper-why-item .word2{
    margin:0 0.6rem;
    font-size:0.35rem;
    color:rgba(79,79,79,1);
    line-height: 0.6rem;
}
.swiper-why-item  .icon{
    width:1.5rem;
    height:1.5rem;
    box-shadow:0px 11px 21px 0px rgba(207, 207, 207, 0.35);
    border-radius:50%;
    position: absolute;
    top:4.5rem;
    left:calc(50% - 0.75rem);
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    z-index: 10
}
.swiper-why-item .icon1{
    background-image: url("../../images/20190723/m/sy_25.png");
}
.swiper-why-item .icon2{
    background-image: url("../../images/20190723/m/sy_22.png");
}
.swiper-why-item .icon3{
    background-image: url("../../images/20190723/m/sy_23.png");
}
.swiper-why-item .icon4{
    background-image: url("../../images/20190723/m/sy_26.png");
}
.swiper-why-item .icon5{
    background-image: url("../../images/20190723/m/sy_24.png");
}
.swiper-why-item .icon6{
    background-image: url("../../images/20190723/m/sy_21.png");
}
.big-card{
    width: calc(100% - 0.6rem);
    margin: 0 0.3rem;
    background:rgba(255,255,255,1);
    border-radius:0.13rem;
}
.big-card .pp1{
    font-size:0.51rem;
    color:rgba(26,26,26,1);
    padding: 1rem;
    line-height:0.7rem;
}
.big-card .pp2{
    font-size:0.35rem;
    color:rgba(79,79,79,1);
    line-height:0.64rem;
    padding: 0 1rem 1rem 1rem;
}
.big-card .btn-wrapper{
    display: flex;
    margin-bottom: 1rem;
}
.big-card .btn{
    width:3.3rem;
    height:0.94rem;
    line-height: 0.94rem;
    border-radius:0.5rem;
    color:rgba(255,255,255,1);
    text-align: center;
    font-size:0.37rem;
    display: inline-block;
    margin: 0 auto;
}
.big-card .btn1{
    background:rgba(26,207,206,1);
    box-shadow:0px 11px 21px 0px rgba(13, 154, 155, 0.35);
}
.big-card .btn2{
    background:rgba(33,124,254,1);
    box-shadow:0px 11px 21px 0px #97C1FC;
}
.big-card .btn3{
    background:rgba(255,129,86,1);
    box-shadow:0px 11px 21px 0px rgba(255, 86, 129, 0.35);
}
.big-card img{
    width: 100%;
    border-radius:0 0 0.13rem 0.13rem;
}
.appinfo{
    background: url("../../images/20190723/m/sy_27.png")  bottom center no-repeat;
    background-size: cover;
    height: calc(9.4rem - 1rem);
    width: calc(100% - 1.6rem);
    box-shadow: 0px 15px 67px 3px rgba(10, 88, 88, 0.35);
    margin: 0 0.3rem;
    border-radius:0.13rem;
    position: relative;
    padding:0.5rem
}
.appinfo .p1{
    font-size:0.51rem;
    color:rgba(255,255,255,1);
}
.appinfo .info{
    /*margin-top: 0.4rem*/
}
.appinfo .info .left{
    float: left;
    font-size:0.35rem;
    color:rgba(255,255,255,1);
    line-height:0.8rem
}
.appinfo .info .right{
    float: right;
    width: 3rem;
    margin-top: 0.3rem;
}
.appinfo .info .right .w{
    font-size:0.35rem;
    color:rgba(255,255,255,1);
    line-height:0.8rem;
    margin-bottom: 0.13rem
}
.appinfo .info .right .w i{
    width: 0;
    height: 0;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-bottom: 0.2rem solid #fff;
    position: relative;
    bottom: 0.3rem;
    left: 0.2rem;
}
.appinfo .info .right .ewm{
    width:3rem;
    height:3rem;
    background: white;
}
.appinfo .info .right .ewm img{
    width:3rem;
    height:3rem;
}
.school-box-item{
    width:4.28rem;
    margin-right: 0.25rem
}
.school-box-item .school-img {
    width: 4.28rem;
    height: 2.6rem;
    border-radius: 0.13rem;
    margin-bottom: 0.3rem;
    box-shadow:0px 11px 70px 0px rgba(222, 231, 227, 0.35);
}

.footer{
    background: url("../../images/20190723/m/sy_29.png")  top center no-repeat;
    background-size:cover;
    height: 12rem;
}
.footer-con {
    padding-top: 4.5rem;
}
.footer .flistbox{
    /*overflow-x: auto;*/
    margin: 0 0.63rem 0.8rem;
    /*overflow-y: hidden;*/
}
.footer .fitems{
    display: flex;
    height: 2.74rem;
}
.footer .fitems  .item{
    margin: 0 0.13rem;
    flex: 1;
}
.footer .fitems  .item img{
    width:2.65rem;
    height:1.11rem;
    border-radius:0.13rem;
    margin-bottom:0.26rem ;
}