html{
    font-size: 312.5%;
}
body{
    margin: 0;
}
a{
    text-decoration: none;
}
img{
    display: block;
}
.pagination {
    text-align: center;
    position: absolute;
}
.present{
    display: block!important;
}

/*头部导航栏*/
.header{
    width: 100%;
    height: 1.4rem;
    background: #fff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.header .line1{
    width: 100%;
    height: .7rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.header .line1 .left_icon{
    width: .46rem;
    height: .38rem;
    margin: .32rem 0 0 .32rem;
}
.header .line1 .left_icon img{
    width: .46rem;
    height: .38rem;
}
.header .line1 .icon2{
    width: 2.96rem;
    height: .38rem;
    margin: .32rem 0 0;
}
.header .line1 .icon2 img{
    width: 2.96rem;
    height: .38rem;
}
.header .line1 .icon3{
    width: .46rem;
    height: .38rem;
    margin: .32rem .32rem 0 0;
}
.header .line2{
    width: 100%;
    height: .7rem;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.header .line2 a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.header .line2 a img{
    width: .28rem;
    height: .28rem;
}
.header .line2 a span{
    font-size: .26rem;
    font-weight: 500;
    color: #274A7E;
    line-height: .4rem;
    margin: 0 .1rem;
}
.header .line2 a .phone{
    background: #EF701B;
    font-size: .2rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .4rem;
    padding: 0 .08rem;
    border-radius: .02rem;
    margin: 0 0 0 .12rem;
}

.banner{
    width: 100%;
    margin: 0 auto;
    padding: 1.4rem 0 0 0;
    position: relative;
}
.banner img{
    width: 100%;
    display: block;
}

/* banner分页器 */
.pagination-banner{
    width: 100%;
    height: .38rem!important;
    line-height: .38rem!important;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: .25rem!important; 
    z-index: 999;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.pagination-banner .swiper-pagination-bullet{
    width: .18rem!important; 
    height: .18rem!important; 
    background: #fff!important; 
    margin: 0 .1rem!important; 
    opacity: 1!important;
}
.pagination-banner .swiper-pagination-bullet-active{
    background: #000!important; 
}

/*头部侧边栏*/
.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}
.overlay .bg{
    width: 100%;
    height: 100%;
    background: rgba(3, 3, 3, 0.49);
    z-index: 9999;
}
.overlay .menu{
    width: 66%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.overlay .menu span{
    font-size: .3rem;
    color: #5E5E5E;
    line-height: .42rem;
    margin: 0 0 .28rem .35rem;
    display: inline-block;
    position: relative;
}
.overlay .menu span a{
    color: #5E5E5E;
}    
.overlay .menu span a:hover, .overlay .menu span a:active{
    color: #1472FF;
}  
.overlay .menu span.hot::after{
    content: '';
    width: .45rem;
    height: .45rem;
    background: url(../images/hot.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    top: -.05rem;
    left: 1rem;
}  
.overlay .menu .close{
    width: .3rem;
    height: .3rem;
    margin: .35rem 0 .56rem .38rem;
}

/* 底部导航栏 */
.footer{
    width: 100%;
    height: 1.1rem;
    background: #fff;
    box-shadow: 3px -5px 9px 0px rgba(44, 86, 139, 0.19);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
    flex-direction: row;
    justify-content: space-between;
}
.footer a{
    width: 50%;
    height: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer a.blue{
    background: #1266EA;
}
.footer a.red{
    background: #F92055;
}
.footer a.blue img{
    width: .34rem;
    height: .4rem;
}
.footer a.red img{
    width: .4rem;
    height: .32rem;
}
.footer a .text{
    font-size: .28rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .24rem;
    margin-top: .1rem;
}

/*底部复制*/
.last{
    width: 100%;
    background-color: #fff;
    padding: .6rem 0 1.8em;
    overflow: hidden;
}
.last h1{
    font-size: .32rem;
    color: #333;
    line-height: .45rem;
    text-align: center;
    font-weight: 500;
    margin: 0 0 .16rem 0;
}
.last p{
    font-size: .24rem;
    color: #333;
    line-height: .33rem;
    text-align: center;
    margin: 0 0 .11rem 0;
}
.marginbottom0{
    margin: 0!important;
}
.last .ma{
    width: 2.96rem;
    height: 2.96rem;
    display: block;
    margin: .4rem auto .11rem;
}
.last h5{
    font-size: .22rem;
    color: #333;
    line-height: .3rem;
    text-align: center;
    font-weight: normal;
    margin: .19rem 0 0 0;
}
.last .fang{
    width: 65%;
    height: .5rem;
    border: .01rem solid rgba(69,136,253);
    border-radius: .08rem;
    margin: .32rem auto;
}
.last .fang .leftTel{
    width: 66%;
    height: .5rem;
    font-size: .28rem;
    color: #333;
    line-height: .5rem;
    text-indent: .22rem;
    float: left;
}
.last .fang .rightBtn{
    width: 34%;
    height: .5rem;
    background: rgba(69,136,253);
    border-radius: 0 0.08rem 0.08rem 0;
    font-size: .28rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    float: left;
}
.last .box{
    width: 70%;
    border: 1px solid #3D52DE;
    border-radius: .08rem;
    margin: .32rem auto 0;
    padding: 0 .3rem .3rem;
}
.last .box h3{
    font-size: .26rem;
    color: #3D52DE;
    line-height: .3rem;
    text-align: center;
    margin: .3rem 0 .3rem 0;
}
.last .box .address{
    font-size: .24rem;
    color: #333;
    line-height: .33rem;
    margin: 0 0 .11rem 0;
}

#doyoo_monitor{
    width: 0!important;
    height: 0!important;
    display: none!important;
    visibility: hidden!important;
    z-index: 0!important;
}
#doyoo_monitor div{
    width: 0!important;
    height: 0!important;
}

/*理由*/
.partReason{
    width: 100%;
    background: #f7f7f7;
    padding: .56rem 0 .57rem;
    overflow: hidden;
}
.partReason .main{
    width: 100%;
    background: #fff;
    box-shadow: 0px -3px 17px 0px rgba(51,109,184,0.16);
    border-radius: .1rem;
    margin: .4rem 0 0;
    padding: .4rem 0 .1rem;
}
.partReason .main .one{
    width: 93%;
    margin: 0 auto .2rem;
    display: flex;
    flex-direction: column;
}
.partReason .main .one .text1{
    width: 2.74rem;
    height: .56rem;
    background: #FEB41B;
    border-radius: .1rem;
    font-size: .32rem;
    font-weight: 600;
    color: #fff;
    line-height: .56rem;
    text-align: center;
    z-index: 10;
}   
.partReason .main .one .text2{
    background: rgba(69,136,253);
    padding: .45rem .3rem .3rem;
    border-radius: .1rem;
    font-size: .26rem;
    line-height: .42rem;
    color: #fff;
    margin: -.21rem 0 0;
    z-index: 9;
} 
.partReason .main .one2 .text2{
    background: #EAF2FF;
    color: #353535;
}  

/*成果*/
.partSuccess{
    width: 100%;
    background-color: #EAF2FF;
    padding: .48rem 0 .75rem;
    overflow: hidden;
    display: none;
}
.partSuccess .main{
    width: 100%;
    margin: .46rem 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partSuccess .main .one{
    width: 46%;
    height: 3.24rem;
    background: #FFFFFF;
    box-shadow: 2px 2px 11px 0px rgba(112, 112, 112, 0.13);
    border-radius: 0 .38rem 0 .38rem;
    margin: 0 .05rem .26rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tu1{
    width: 1.68rem;
    height: 1.51rem;
    margin-bottom: .09rem;
}
.tu2{
    width: 1.4rem;
    height: 1.32rem;
    margin-bottom: .28rem;
}
.tu3{
    width: 1.2rem;
    height: 1.18rem;
    margin-bottom: .27rem;
}
.tu4{
    width: 1.2rem;
    height: 1.3rem;
    margin-bottom: .15rem;
}
.tu5{
    width: .96rem;
    height: .99rem;
    margin-bottom: .41rem;
}
.tu6{
    width: .96rem;
    height: 1.13rem;
    margin-bottom: .27rem;
}
.partSuccess .main .one p{
    font-size: .28rem;
    color: #333;
    line-height: .4rem;
    text-align: center;
    margin: 0;
}
.partSuccess .main .one span{
    font-size: .5rem;
    color: #DD1717;
    font-weight: 500;
    line-height: .7rem;
    text-align: center;
}

/*表单*/
.partForm{
    width: 100%;
    background-color: #fff;
    padding: .48rem 0 0;
    overflow: hidden;
    display: none;
}
.partForm .content{
    width: 100%;
    margin: .4rem 0 .54rem;
}
.partForm .content .all{
    width: 100%;
    display: block;
}
.partForm .form{
    background: #fff;
    box-shadow: 2px 2px 11px 0 rgba(40,75,240,0.1);
    border-radius: .13rem;
    overflow: hidden;
    margin-top: .25rem;
}
.partForm .form .form_content{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: .4rem .28rem;
}
.partForm .form .form_content .form_item{
    width: 100%;
    height: .7rem;
    background: #fff;
    border: .02rem solid #DCDCDC;
    border-radius: .08rem;
    margin-bottom: .16rem;
    position: relative;
}
.partForm .form .form_content .form_item input,.partForm .form .form_content .form_item select{
    width: 98%;
    height: .7rem;
    border: 0;
    background: none;
    outline: none;
    font-size: .24rem;
    color: #A0A0A0;
    text-indent: .2rem;
    position: absolute;
    top: 0;
    left: 0;
}
.partForm .form .order_btn{
    width: 100%;
    height: .8rem;
    background-color: #FFA100!important;
    border-image: none!important;
    outline: 0px;
    -webkit-appearance: none;
    border-radius: .08rem;
    border: none!important;
    font-size: .26rem;
    color: #fff;
    line-height: .8rem;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
} 

/*师资*/
.partTeacher{
    width: 100%;
    background-color: #fff;
    padding: .63rem 0 .4rem;
    overflow: hidden;
}
.partTeacher .swiper-container-teacher{
    padding-bottom: .8rem;
}
.partTeacher .swiper-slide{
    width: 100%;
    padding-top: .51rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partTeacher .single{
    width: 45%;
    background: #fff;
    border-radius: .08rem;
    background: #FFFFFF;
    box-shadow: 0px 5px 17px 0px rgba(51,109,184,0.26);
    margin: 0 2.5% .25rem;
    padding-bottom: .3rem;
}
.partTeacher .single img{
    width: 100%;
}
.swiper-container-teacher{
    overflow: visible!important;
}
.partTeacher .single .bgwhite{
    width: 100%;
    background: #fff;
    text-align: center;
}
.partTeacher .single .bgwhite .text1{
    font-size: .3rem;
    color: #333;
    font-weight: 600;
    line-height: .46rem;
    margin: .25rem 0 .15rem;
}
.partTeacher .single .bgwhite .text2{
    height: .4rem;
    font-size: .26rem;
    color: #333;
    line-height: .4rem;
}

/*小班课*/
.partClass{
    width: 100%;
    background-color: #fff;
    padding: .6rem 0 .2rem;
    overflow: hidden;
}
.partClass .theme{
    font-size: .36rem;
    font-weight: 600;
    color: #333333;
    line-height: .5rem;
    text-align: center;
}
.partClass .main{
    width: 100%;
    margin: .33rem auto 0;
    overflow: hidden;
}
.partClass .main .plans{
    width: 100%;
    margin-top: .15rem;
}
.partClass .main .plans .plan{
    background: #fff;
    border: .14rem solid #3C7DFF;   
    border-radius: .06rem;
    padding-top: .36rem;
}
.partClass .main .plans .plan .text{
    font-size: .32rem;
    color: #000;
    line-height: .32rem;
    text-align: center;
    margin: 0 0 .3rem;
}
.partClass .main .plans .plan .line{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 .2rem;
}
.partClass .main .plans .plan .line .lline{
    font-size: .26rem;
    font-weight: 500;
    color: #F09A51;
    line-height: .37rem;  
    flex-shrink: 0;
}
.partClass .main .plans .plan .line .rline{
    margin-bottom: .24rem;
}   
.partClass .main .plans .plan .line .rline p{
    font-size: .24rem;
    font-weight: 400;
    color: #2B2B2B;
    line-height: .33rem;
    margin: 0 0 .06rem;
}
.partClass .main .plans .plan .line .rline h6{
    font-size: .22rem;
    font-weight: 400;
    color: #1B60E9;
    line-height: .3rem;
    margin: .1rem 0;
}
.partClass .main .plans .plan h3{
    font-size: .22rem;
    font-weight: 400;
    color: #DC3527;
    line-height: .32rem;
    text-align: center;
    margin: .1rem 0 .5rem;
}
.partClass .main .plans .plan .table{
    width: 94%;
    margin: 0 auto .34rem;
}
.partClass .main .plans .plan .table .bg{
    width: 100%;
    height: .73rem;
    background: #fff;
    border-bottom: .01rem solid #f3f3f3;   
    border-right: .01rem solid #f3f3f3;
}
.partClass .main .plans .plan .table .bg .row{
    font-size: .22rem;
    line-height: .73rem;
    font-weight: 400;
    text-align: center;
    float: left;
}
.partClass .main .plans .plan .table .bg .row1{
    width: 22%;
    background: #EDF0FF;
    font-size: .24rem;
    color: #4E74FF;
}
.partClass .main .plans .plan .table .bg .row2{
    width: 26%;
    color: #727272;
    position: relative;
}
.partClass .main .plans .plan .table .bg .row2::before{
    content: '';
    width: .01rem;
    height: 100%;
    background: #f3f3f3;
    position: absolute;
    top: 0;
    left: 0;
}
.partClass .main .plans .plan .table .bg .row2::after{
    content: '';
    width: .01rem;
    height: 100%;
    background: #f3f3f3;
    position: absolute;
    top: 0;
    right: 0;
}
.partClass .main .plans .plan .table .bg .row3{
    width: 52%;
    color: #727272;
}
.partClass .main .plans .plan .table .bg1{
    height: .7rem!important;
    background: #4E74FF!important;
    border-bottom: none!important; 
    border-right: .01rem solid #4E74FF;
}
.partClass .main .plans .plan .table .bg1 .row{
    background: #4E74FF!important;
    font-size: .26rem!important; 
    color: #fff!important;
    line-height: .7rem!important;
}

/*环境*/
.partSchool{
    width: 100%;
    background-color: #fff;
    padding: .6rem 0 .4rem;
    overflow: hidden;
    display: none;
}
.partSchool .main{
    width: 100%;
    margin: .4rem auto .3rem;
    overflow: hidden;
}
.partSchool .main .pic1{
    width: 48.5%;
    margin: 0 3% .2rem 0;
}
.partSchool .main .pic2{
    width: 48.5%;
    margin: 0 0 .2rem 0;
}
.partSchool .main .pic{
    float: left;
    overflow: hidden;
}
.partSchool .main .pic img{
    width: 100%;
}

/*导航2*/
.swiper-container-icon{
    width: 100%;
    padding: .4rem 0 .7rem!important;
}
.swiper-container-icon .swiper-slide{
    width: 100%;
}
.swiper-container-icon .swiper-slide a{
    width: 25%;
    float: left;
}
.swiper-container-icon .swiper-slide a .one{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper-container-icon .swiper-slide a .one img{
    width: 1.1rem;
    height: 1.1rem;
}
.swiper-container-icon .swiper-slide a .one .icon{
    font-size: .24rem;
    color: #333;
    line-height: .33rem;
    margin: .16rem 0 .33rem;
}
.pagination-icon .swiper-pagination-bullet{
    width: .18rem;
    height: .18rem;
    border-radius: 50em;
    background: #000;
    box-shadow: none;
    margin: 0 .1rem!important;
    opacity: .2;
    display: inline-block;
}
.pagination-icon .swiper-pagination-bullet-active{
    background: #007aff;
    opacity: 1;
}

/*我们的优势有哪些？*/
.partGood{
    width: 100%;
    background: #F4F6FA;
    padding: .5rem 0 .4rem;
    overflow: hidden;
}
.partGood .main{
    width: 100%;
    margin: .4rem 0 0;
    display: flex;
    flex-direction: column;
}
.partGood .main .one{
    width: 100%;
    margin-bottom: .35rem;
}
.partGood .main .one .tip{
    width: 42%;
    height: .81rem;
    background: #FF6F00;
    border-radius: .1rem;
    font-size: .28rem;
    font-weight: bold;
    color: #fff;
    line-height: .6rem;
    text-align: center;
}
.partGood .main .one .text{
    background: #fff;
    border-radius: .1rem;
    padding: .23rem .26rem;
    font-size: .26rem;
    color: #333;
    line-height: .38rem;
    display: flex;
    align-items: center;
    margin-top: -.21rem;
}

/*如何保障学习质量*/
.partQuality{
    width: 100%;
    background: #51B949;
    padding: .42rem 0 .6rem;
    overflow: hidden;
}
.partQuality .main{
    width: 100%;
    margin: .42rem 0 0;
}
.partQuality .main .one{
    width: 100%;
    margin: 0 0 .2rem;
}
.partQuality .main .one .zi{
    width: 100%;
    height: 1.22rem;
    background: #FF6F00;
    border-radius: .31rem .31rem 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.partQuality .main .one .zi span{
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.02rem;
    margin: 0 0 0 .34rem;
}
.partQuality .main .one .zi b{
    font-size: .75rem;
    color: #fff;
    line-height: 1rem;
    margin: 0 .44rem 0 0;
}
.partQuality .main .one .tu{
    width: 100%;
    height: 2.23rem;
    background: #fff;
    border-radius: .18rem;
    margin-top: -.2rem;
    display: flex;
    flex-direction: row;
}
.partQuality .main .one .tu img{
    width: 2.4rem;
    height: 1.8rem;
    margin: .22rem .22rem .22rem .17rem;
}
.partQuality .main .one .tu .lines{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.partQuality .main .one .tu .lines .line{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: .08rem 0;
}
.partQuality .main .one .tu .lines .line img{
    width: .26rem;
    height: .26rem;
    margin: 0 .15rem 0 0;
}
.partQuality .main .one .tu .lines .line span{
    font-size: .26rem;
    color: #5F5E5E;
    line-height: .36rem;
}

/*六大服务保障*/
.partAssure{
    width: 100%;
    background: #fff;
    padding: .55rem 0 .2rem;
}
.partAssure .main{
    width: 100%;
    margin: .4rem 0 .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partAssure .main .one{
    width: 48%;
    display: flex;
    flex-direction: column;
}
.partAssure .main .one .bao{
    width: 100%;
}
.partAssure .main .one .bao img{
    width: 100%;
}
.partAssure .main .one span{
    font-size: .32rem;
    font-weight: 600;
    color: #385CFF;
    line-height: .45rem;
    text-align: center;
}
.partAssure .main .one p{
    font-size: .26rem;
    color: #353535;
    line-height: .36rem;
    text-align: center;
    margin: .12rem .3rem .23rem;
}

/*服务学员来自全国各地国际学校*/
.partSpread{
    width: 100%;
    background-color: #fff;
    padding: .5rem 0;
    overflow: hidden;
}
.partSpread .main{
    width: 100%;
    margin: .5rem 0 0;
    display: flex;
    flex-wrap: wrap;
}
.partSpread .main .one{
    width: 32%;
    margin-right: 2%;
}
.margin0{
    margin-right: 0!important;
}
.partSpread .main .one img{
    width: 100%;
    height: .9rem;
}
.partSpread .main .one p{
    font-size: .24rem;
    color: #333333;
    line-height: .33rem;
    text-align: center;
    margin: .15rem 0 .42rem;
}

.bottom{
    width: 100%;
    height: 1.2rem;
    background: #fff;
    box-shadow: 3px -5px 9px 0px rgba(44, 86, 139, 0.19);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    display: none;
    flex-direction: row;
    justify-content: space-between;
}
.bottom .single{
    width: 20%;
    height: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bottom .single .mark{
    width: .6rem;
    height: .6rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.bottom .single .mark img{
    width: .45rem;
    height: .45rem;
    z-index: 99;
}
.bottom .single .mark img.picture1{
    display: block;
}
.bottom .single .mark img.picture2{
    display: none;
}
.bottom .single span{
    font-size: .26rem;
    color: #2C2C2C;
    line-height: .42rem;
}
.bottom .single .markbg{
    background: url(../images/mark.png) no-repeat top center;
    background-size: cover;
}
.bottom .single .markbg img.picture1{
    display: none;
}
.bottom .single .markbg img.picture2{
    display: block;
}
.bottom .single .spanblue{
    color: #5488FE;
    font-weight: bold;
}

.layer{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.73);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.layer .pop{
    width: 64%;
    background: url(../images/mark_pop.png) no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: .4rem;
}
.layer .pop img{
    width: 55%;
}
.layer .fang2{
    width: 75%;
    height: .5rem;
    border: .01rem solid rgba(69,136,253);
    border-radius: .08rem;
    margin: .18rem auto .24rem;
}
.layer .fang2 .leftTel2{
    width: 66%;
    height: .5rem;
    font-size: .28rem;
    color: #333;
    line-height: .5rem;
    text-indent: .22rem;
    float: left;
}
.layer .fang2 .rightBtn2{
    width: 34%;
    height: .5rem;
    background: rgba(69,136,253);
    border-radius: 0 0.08rem 0.08rem 0;
    font-size: .28rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    float: left;
}
.layer h3{
    font-size: .3rem;
    color: #2A60DB;
    line-height: .5rem;
    margin: 0 0 .18rem;
}
.layer p{
    font-size: .26rem;
    color: #2C2C2C;
    line-height: .42rem;
    margin: 0 0 .35rem;
}
.layer .off{
    width: .5rem;
    height: .5rem;
    margin: .35rem auto;
}